@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");

* {
  box-sizing: border-box;
}

html {
  margin: 0;
  padding: 0;
  scroll-behavior: smooth;
  overflow-x: hidden;
}

body {
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "Montserrat", sans-serif;
  font-weight: normal;
  color: #333333;
  background: #ffffff;
  overflow-x: hidden;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin: 0;
  padding: 0;
  font-family: "Montserrat", sans-serif;
}

ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

a {
  display: inline-block;
  text-decoration: none;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  color: #0b5798;
}

:focus {
  outline: none !important;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

iframe {
  max-width: 100%;
}

label {
  display: inline-block;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
}

textarea {
  width: 100%;
  height: 120px;
  border: 1px solid #5a5a5a;
  outline: none;
  padding: 9px 14px;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  color: #707070;
  border-radius: 0px;
  transition: 0.2s ease all;
  background: #f0f0f0;
  resize: none;
}

.auth-form-col [type="text"],
.auth-form-col [type="date"],
.auth-form-col [type="datetime"],
.auth-form-col [type="datetime-local"],
.auth-form-col [type="email"],
.auth-form-col [type="month"],
.auth-form-col [type="number"],
.auth-form-col [type="password"],
.auth-form-col [type="search"],
.auth-form-col [type="tel"],
[type="url"],
[type="week"],
[type="date"] {
  width: 100%;
  height: 42px;
  border: none;
  outline: none;
  padding: 10px 18px;
  font-size: 16px;
  line-height: 1.3em;
  font-weight: 500;
  color: #000000;
  border-radius: 30px;
  transition: 0.2s ease all;
  background: #ffffff;
}

input::-webkit-input-placeholder {
  color: #000000;
  opacity: 1;
}

textarea::placeholder,
input::placeholder {
  font-size: 16px;
  line-height: 1.3em;
  font-weight: 500;
  color: #000000;
  opacity: 100;
}

[type="submit"] {
  border: 1px solid #292929;
  outline: none;
  padding: 13px 25px;
  font-size: 18px;
  font-weight: 500;
  line-height: 20px;
  text-transform: uppercase;
  color: #292929;
  border-radius: 0px;
  transition: 0.2s ease all;
  background: #fff;
  text-align: center;
  display: inline-block;
}

[type="submit"]:hover {
  background: #ea3319;
}

.form-col {
  position: relative;
  margin-bottom: 29px;
}

label {
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  color: #8181a5;
  opacity: 1;
  margin-bottom: 5px;
  display: block;
}

select {
}

textarea {
}

/* Removes default webkit form styling */
input:not([type="radio"]):not([type="checkbox"]),
button,
textarea {
  -webkit-appearance: none;
}

input:active,
textarea:active,
select:active,
input:focus,
textarea:focus,
select:focus {
  outline: none;
  /* Removes blue border on focus */
  /* border: 1px solid #ccc; */
  /* TODO: Please add a branded border for active and focus */
}

/* default text input style */
[type="text"],
[type="date"],
[type="datetime"],
[type="datetime-local"],
[type="email"],
[type="month"],
[type="number"],
[type="password"],
[type="search"],
[type="tel"],
[type="url"],
[type="week"],
[type="date"] {
  width: 100%;
  height: 45px;
  background: #fefeff;
  border: 1px solid #eaeaea;
  border-radius: 30px;
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 21px;
  color: #1c1d21;
  opacity: 1;
  padding: 11px 26px;
}

input::placeholder,
textarea::placeholder {
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 21px;
  color: #1c1d21;
  opacity: 1;
}

/* Removes inconsistent padding from Firefox buttons */
button::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border: none;
  padding: 0;
}

[type="reset"],
[type="button"],
[type="submit"] {
  padding: 15px 32px;
  height: 50px;
  background: #f07908;
  border-radius: 50px;
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  color: #ffffff;
  border: none;
  cursor: pointer;
}

[type="reset"]:hover,
[type="button"]:hover,
[type="submit"]:hover {
  background: #000;
}

.check-box {
  position: relative;
}

.check-box input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}

.check-box label {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  color: #000000;
  position: relative;
  cursor: pointer;
  margin: 0;
  padding: 0;
}

.check-box label::before {
  content: "";
  position: relative;
  background: #f0f0f3;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 10px;
}

.check-box input:checked + label {
  font-weight: 700;
}

.check-box input:checked + label::before {
  background: #f07908;
}

.check-box input:checked + label:after {
  content: "";
  position: absolute;
  top: 8px;
  left: 6px;
  display: inline;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background: #fff;
}

.btns {
  font-size: 14px;
  line-height: 1.25em;
  font-weight: 700;
  border-radius: 50px;
  border: none;
  padding: 12px 28px;
}

/* Globalne [type=submit] wymusza height:50px — dłuższy tekst (np. 'Wyślij
   prośbę o dołączenie' w modalu) łamał się i wystawał poza przycisk.
   min-height zachowuje wygląd jednoliniowych, wieloliniowe rosną. */
button.btns,
a.btns {
  height: auto;
  min-height: 50px;
  white-space: normal;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.primary-btn {
  color: #ffffff;
  background: #f07908;
}

.secondary-btn {
  color: #021d17;
  background: #ffffff;
}

.arrow-btn {
  position: relative;
  font-size: 14px;
  line-height: 1.214282em;
  font-weight: 600;
  color: #1e1e1e;
  padding: 0 31px 0 0;
}

.arrow-btn::after {
  position: absolute;
  content: "";
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
  width: 19px;
  height: 9px;
  background: url(../img/right-arrow-orange.svg) no-repeat center center / cover;
}

.back-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 15px;
  line-height: 1.2em;
  font-weight: 700;
  color: #f07908;
  text-decoration: none;
}

.back-link:hover {
  color: #f07908;
}

.back-link__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
}

.back-link__icon img {
  width: 100%;
  height: auto;
  display: block;
}

h1 {
  font-weight: 400;
  font-size: 32px;
  color: #fff;
  text-transform: capitalize;
}

h2 {
  font-size: 38px;
  line-height: 32px;
  font-weight: 400;
  color: #252525;
  text-transform: capitalize;
}

p {
  font-size: 16px;
  line-height: 1.5em;
  font-weight: 400;
  margin: 0;
}

.container {
  width: 100%;
  max-width: 100%;
  padding: 0 16px;
}

@media (min-width: 768px) {
  .container {
    padding: 0 24px;
  }

  .btns {
    font-size: 16px;
    padding: 15px 32px;
  }
}

@media (min-width: 1200px) {
  .container {
    padding: 0 60px;
  }

  .primary-btn:hover {
    background: #ee9848;
  }

  .secondary-btn:hover {
    background: #000000;
    color: #f07908;
  }
}

@media (min-width: 1600px) {
  .auth-form-col [type="text"],
  .auth-form-col [type="date"],
  .auth-form-col [type="datetime"],
  .auth-form-col [type="datetime-local"],
  .auth-form-col [type="email"],
  .auth-form-col [type="month"],
  .auth-form-col [type="number"],
  .auth-form-col [type="password"],
  .auth-form-col [type="search"],
  .auth-form-col [type="tel"],
  [type="url"],
  [type="week"],
  [type="date"] {
    height: 50px;
  }
}

/**
   * Icons
   */

@font-face {
  font-family: "jamal";
  src: url("../fonts/jamal.ttf?ldt0y3") format("truetype"),
    url("../fonts/jamal.woff?ldt0y3") format("woff"),
    url("../fonts/jamal.svg?ldt0y3#jamal") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "jamal" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-19:before {
  content: "\e914";
}

.icon-1:before {
  content: "\e900";
}

.icon-2:before {
  content: "\e901";
}

.icon-3:before {
  content: "\e902";
}

.icon-4:before {
  content: "\e903";
}

.icon-5:before {
  content: "\e904";
}

.icon-6:before {
  content: "\e905";
}

.icon-7:before {
  content: "\e906";
}

.icon-8:before {
  content: "\e907";
}

.icon-9:before {
  content: "\e908";
}

.icon-10:before {
  content: "\e909";
}

.icon-11:before {
  content: "\e90a";
}

.icon-12:before {
  content: "\e90b";
}

.icon-13:before {
  content: "\e90c";
}

.icon-14:before {
  content: "\e90d";
}

.icon-15:before {
  content: "\e90e";
}

.icon-16:before {
  content: "\e90f";
}

.icon-17:before {
  content: "\e910";
}

.icon-21:before {
  content: "\e911";
}

.icon-25:before {
  content: "\e912";
}

.icon-29:before {
  content: "\e913";
}

/* login  Page*/
.logine-flex {
  padding: 0 22px;
  margin: 0;
}

.logine-logo {
  background: #f58318;
  border-radius: 0px 0px 30px 30px;
  width: 200px;
  margin: 0 auto;
  height: 120px;
  padding: 0 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.logine-form {
  margin-top: 50px;
  margin-bottom: 50px;
}

.logine-form .form-col:nth-child(2) {
  margin-bottom: 19px;
}

.logine-form p {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 21px;
  color: #192e51;
  text-align: right;
  margin-bottom: 15px;
}

.form-col-check-box {
  margin-bottom: 56px;
}

.form-col-btn {
  text-align: center;
}

.logine-image {
  display: none;
}

@media (min-width: 768px) {
  .logine-logo {
    border-radius: 0px 0px 100px 100px;
    width: 386px;
    height: 338px;
    padding: 0 40px;
  }
}

@media (min-width: 1200px) {
  .logine-flex {
    display: flex;
    justify-content: space-between;
    padding: 0;
    height: 100vh;
  }

  .logine-image {
    display: block;
    width: calc(50% + 46px);
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #f58318;
  }

  .logine-content {
    width: calc(50% - 46px);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }

  .logine-form {
    width: 360px;
    margin-top: 84px;
  }
}

/* End login  Page*/

/* auth pages */
.auth-pages {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  background: #f48318;
}

.login-shape {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.login-details-box {
  display: none;
}

.auth-form-area {
  padding: 40px 0 0;
}

.auth-logo {
  display: block;
  max-width: 280px;
  margin: 0 auto;
}

.auth-form-area span {
  display: block;
  font-size: 20px;
  line-height: 1.208333em;
  font-weight: 700;
  text-align: center;
  color: #ffffff;
  margin: 0 0 30px;
}

.language-bar {
  position: absolute;
  top: 15px;
  right: 30px;
  display: flex;
  gap: 12px;
}

.language-bar a {
  font-size: 15px;
  line-height: 18px;
  font-weight: 700;
  color: #ffffff;
}

.language-bar a.active {
  color: #000000;
}

.auth-form-flex {
  gap: 20px 0;
}

.auth-form-col label {
  display: block;
  font-size: 13px;
  line-height: 16px;
  font-weight: 700;
  color: #ffffff;
  text-align: right;
  padding: 5px 15px 0 0;
}

.auth-form-col label a {
  color: #ffffff;
}

.auth-form-col label a:hover {
  text-decoration: underline;
}

.auth-form-submit {
  text-align: center;
  margin-top: 10px;
}

.auth-form-submit button {
  font-size: 16px;
  line-height: 1.2223em;
  font-weight: 700;
  color: #f07908;
  background: #ffffff;
  border: none;
  border-radius: 50px;
  padding: 15px 32px;
}

.login-via {
  text-align: center;
  margin: 30px 0 0;
}

.login-via p {
  color: #ffffff;
  margin: 0 0 15px;
}

.login-via ul {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
}

.login-via ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 49px;
  height: 49px;
  background: #ffffff;
  border-radius: 50%;
  font-size: 23px;
  line-height: 1;
  color: #f07908;
}

.rejis-btn {
  text-align: center;
  margin: 30px 0 0;
}

.rejis-btn a {
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  color: #ffffff;
}

.term-privacy {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  padding: 40px 0 0;
}

.term-privacy a {
  font-size: 12px;
  line-height: 15px;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.5);
}

@media (min-width: 768px) {
  .login-wrap {
    display: flex;
    flex-wrap: wrap;
    padding: 30px 0 0;
  }

  .login-details-box {
    display: block;
    width: 45%;
    background: #ffffff;
    border-radius: 50px;
    padding: 30px;
    margin: 30px 0 0;
  }

  .auth-form-area {
    width: 55%;
    padding: 0 0 0 30px;
  }

  .details-inner {
    text-align: center;
  }

  .details-inner:not(:last-child) {
    margin-bottom: 30px;
  }

  .details-inner h5 {
    font-size: 20px;
    line-height: 1.20833em;
    font-weight: 700;
    color: #000000;
    margin: 0 0 15px;
  }

  .details-inner p {
    color: #000000;
  }
}

@media (min-width: 1200px) {
  .login-wrap {
    /* align-items: flex-start; */
    max-width: 785px;
    margin-left: auto;
    margin-right: 11.243vw;
    padding: 32px 0 0;
  }

  .login-details-box {
    width: 406px;
    padding: 40px 30px 40px 30px;
    margin: 0;
  }

  .details-inner:not(:last-child) {
    margin-bottom: 20px;
  }

  .details-inner h5 {
    font-size: 22px;
    margin: 0 0 12px;
  }

  .auth-form-area {
    width: calc(100% - 406px);
    padding-left: 65px;
  }

  .auth-logo {
    max-width: 100%;
  }

  .auth-form-area span {
    font-size: 24px;
    margin: 0 0 30px 0;
  }

  .auth-form-submit button {
    padding: 12px 25px;
  }

  .auth-form-submit button:hover {
    background: #000000;
    color: #ffffff;
  }

  .login-via {
    margin: 40px 0 0;
  }

  .login-via ul li a:hover {
    color: #ffffff;
    background: #000000;
  }

  .rejis-btn a:hover {
    color: #000000;
    text-decoration: underline;
  }

  .term-privacy a:hover {
    color: rgba(255, 255, 255, 1);
  }

  .language-bar {
    top: 24px;
    right: 48px;
  }

  .login-shape {
    display: block;
    top: 16px;
    left: unset;
    right: calc(100% - 32%);
  }
}

@media (min-width: 1400px) {
  .login-details-box {
    padding: 85px 55px 85px 55px;
  }

  .details-inner:not(:last-child) {
    margin-bottom: 30px;
  }

  .details-inner h5 {
    font-size: 24px;
    margin: 0 0 30px;
  }

  .auth-logo {
    padding: 28px 0 0;
  }

  .auth-form-area span {
    margin: 70px 0 30px;
  }
}

.auth-pages.rejister-page {
  height: 100%;
}

.back-button {
  position: absolute;
  top: 20px;
  left: 15px;
  border: none;
  background: transparent;
  padding: 0;
}

.rejister-page .auth-form-area {
  padding: 15px 0 0;
}

.rejister-page .auth-logo {
  max-width: 220px;
}

.rejister-page .auth-form-area span {
  margin: 0 0 15px;
}

.rejister-page .auth-form-flex {
  gap: 12px 0;
}

.rej-hide-form {
  display: none;
  gap: 12px 0;
}

.checkbox-item input[type="checkbox"]:checked ~ .rej-hide-form {
  display: flex;
}

.checkbox-item input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}

.checkbox-item label {
  position: relative;
  font-size: 12px;
  line-height: 21px;
  text-align: left;
  color: #ffffff;
  padding: 0 0 0 32px;
}

.checkbox-item label::before {
  position: absolute;
  content: "";
  top: 0.5px;
  left: 0;
  width: 20px;
  height: 20px;
  background: #ffffff;
  border-radius: 4px;
}

.checkbox-item input[type="checkbox"]:checked + label::before {
  background: #000000;
}

.auth-form-col p {
  font-weight: 700;
  font-size: 12px;
  line-height: 14px;
  color: #1e1e1e;
  margin: 10px 0 0;
}

.auth-form-nip {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}

.auth-form-nip input {
  width: calc(100% - 57px);
  height: 42px;
}

.auth-form-nip button {
  border: none;
  background: #ffffff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 41px;
  height: 41px;
}

.checkbox-list ul {
  margin: 15px 0;
}

.checkbox-list ul li {
  line-height: 1;
  text-align: center;
  margin: 0 0 10px;
}

.checkbox-list .checkbox-item label {
  display: inline-block;
  font-weight: 700;
  font-size: 12px;
  line-height: 21px;
  color: #ffffff;
}

.checkbox-list .checkbox-item label::before {
  background: #ffffff;
}

.checkbox-list .checkbox-item label::after {
  color: #f07908;
}

.rejister-page .term-privacy {
  padding: 20px 0;
}

@media (min-width: 768px) {
  .back-button {
    top: 24px;
    left: 24px;
  }

  .rejister-page .login-wrap {
    padding: 0;
  }

  .rejister-page .auth-form-area {
    width: 100%;
  }

  .auth-pages.rejister-page {
    height: 100vh;
  }

  .auth-form-flex .row {
    gap: 10px 0;
  }

  .rejister-page .term-privacy {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-50%, 0);
    padding: 0;
  }
}

@media (min-width: 1200px) {
  .back-button {
    top: 108px;
    left: 24px;
  }

  .rejister-page .login-wrap {
    max-width: 708px;
    margin: 0 auto;
  }

  .rejister-page .auth-logo {
    max-width: 260px;
    padding: 0;
  }

  .rejister-page .auth-form-area span {
    margin: -15px 0 25px;
  }

  .checkbox-list ul {
    margin: 15px 0 10px 0;
  }

  .auth-form-nip button:hover {
    background: #000000;
  }

  .reset-pass .auth-form-submit {
    margin: 40px 0 0;
  }
}

@media (min-width: 1600px) {
  .rejister-page .auth-logo {
    max-width: 320px;
  }

  .auth-form-flex .row {
    gap: 18px 0;
  }

  .auth-form-submit button {
    font-size: 18px;
    padding: 15px 32px;
  }
}

.auth-pages.reset-pass {
  height: 100vh;
}

.reset-pass .term-privacy {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translate(-50%, 0);
  width: 100%;
  padding: 0;
}

.reset-pass .auth-form-area {
  max-width: 320px;
  margin: 0 auto;
  padding: 50px 0 0;
}

.statute-content figure {
  display: block;
  max-width: 200px;
  margin: 0 auto;
}

.statute-content span {
  display: block;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.20833em;
  text-align: center;
  color: #ffffff;
  margin: 0 0 15px;
}

.statute-text-list li {
  font-size: 14px;
  line-height: 1.6em;
  font-weight: 400;
  color: #ffffff;
  margin: 0 0 12px;
}

.statute-text-list li:last-child {
  margin: 0;
}

@media (min-width: 768px) {
  .statute-content figure {
    max-width: 260px;
    padding: 50px 0 0;
  }

  .statute-content span {
    font-size: 24px;
    margin: 0 0 25px;
  }

  .statute-text-list li {
    font-size: 15px;
    margin: 0 0 24px;
  }
}

@media (min-width: 1200px) {
  .statute-content figure {
    max-width: 320px;
  }

  .statute-content span {
    margin: 0 0 45px;
  }

  .statute-text-list li {
    padding-left: 30px;
  }
}

.auth-pages.accounts-page {
  height: 100vh;
  background: #ffffff;
}

.account-wrap {
  gap: 25px 0;
}

.accounts-page .auth-form-area {
  max-width: 370px;
  margin: 0 auto;
}

.accounts-page .auth-form-area span {
  font-size: 18px;
  color: #f07908;
  margin: 20px 0 30px 0;
}

.account-details h5,
.account-details h6 {
  font-size: 15px;
  line-height: 1.2em;
  font-weight: 600;
  color: #1e1e1e;
  text-align: center;
  margin: 0 0 30px;
}

.account-details h6 {
  text-align: left;
  color: #000000;
  margin: 0 0 12px;
}

.account-details:has(p) h6 {
  margin: 0 0 8px;
}

.account-details p {
  font-size: 12px;
  line-height: 21px;
  font-weight: 500;
  color: #1e1e1e;
  margin: 0 0 12px;
}

.radio-item {
  line-height: 1;
  margin: 0 0 12px;
}

.radio-item:last-child {
  margin: 0;
}

.radio-item input[type="radio"] {
  position: absolute;
  opacity: 0;
}

.radio-item label {
  position: relative;
  font-size: 12px;
  line-height: 1.5em;
  font-weight: 500;
  color: #000000;
  padding-left: 25px;
}

.radio-item label::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  background: #f0f0f3;
  border-radius: 50%;
}

.radio-item input[type="radio"]:checked + label::before {
  background: #ffffff;
  border: 6px solid #f07908;
}

.save-setting {
  text-align: center;
  margin: 15px 0 0;
}

.save-setting button {
  border: none;
  font-size: 16px;
  line-height: 1.25em;
  font-weight: 700;
  color: #ffffff;
  background: #f07908;
  border-radius: 50px;
  padding: 15px 32px;
}

@media (min-width: 1200px) {
  .accounts-page .auth-form-area {
    padding: 0 0 0;
  }

  .accounts-page .auth-logo {
    max-width: 230px;
    padding: 0;
  }

  .accounts-page .auth-form-area span {
    font-size: 20px;
    margin: 0 0 15px 0;
  }

  .account-details h5 {
    margin: 0 0 18px;
  }

  .account-details h6 {
    margin: 0 0 16px;
  }

  .account-wrap {
    gap: 10px 0;
  }

  .radio-item {
    margin: 0 0 5px;
  }

  .account-details p {
    margin: 0 0 12px;
  }

  .save-setting {
    margin: 0;
  }

  .save-setting button:hover {
    background: #000000;
    color: #f0f0f0;
  }
}

@media (min-width: 1400px) {
  .accounts-page .auth-form-area {
    padding: 0;
  }

  .accounts-page .auth-logo {
    max-width: 286px;
  }

  .accounts-page .auth-form-area span {
    margin: 0 0 20px 0;
  }

  .account-details h5 {
    margin: 0 0 30px;
  }

  .account-details h6 {
    margin: 0 0 16px;
  }

  .account-wrap {
    gap: 20px 0;
  }

  .radio-item {
    margin: 0 0 16px;
  }

  .radio-item label {
    font-size: 14px;
  }

  .radio-item label::before {
    width: 20px;
    height: 20px;
  }

  .save-setting {
    margin: 0;
  }
}

/* dashboard */
.dashboard {
  height: 100vh;
}

.sidebar {
  position: fixed;
  top: 0;
  left: -100%;
  z-index: 99;
  width: 320px;
  height: calc(100% - 18px);
  background: #f58318;
  border-radius: 0 0 50px 0;
  transition: all 0.4s;
  padding: 20px 15px 70px 15px;
}

.sidebar.show {
  left: 0;
}

.close-sidebar {
  position: absolute;
  top: 8px;
  right: 10px;
  border: none;
  background: transparent;
  padding: 0;
  font-size: 26px;
  line-height: 1;
  color: #ffffff;
}

.sidebar-content {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden auto;
}

.sidebar-content::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #f5f5f5;
}

.sidebar-content::-webkit-scrollbar {
  width: 5px;
  background-color: #f5f5f5;
  border-radius: 10px;
}

.sidebar-content::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #000000;
}

.sidebar-logo {
  max-width: 250px;
  margin: 0 auto;
  padding: 20px 0 0;
}

.sidebar-middle h4 {
  font-size: 20px;
  line-height: 1.20833em;
  font-weight: 700;
  color: #ffffff;
  margin: 8px 0;
}

.business-btns {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}

.business-btns > li {
  position: relative;
}

.business-btns > li > a {
  position: relative;
  font-weight: 700;
  font-size: 12px;
  line-height: 1.25em;
  color: #ffffff;
  padding: 5px 32px 5px 0;
}

.business-btns > li > a::after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 25px;
  height: 25px;
  background: url(../img/down-arrow-white-bg.svg) no-repeat center center /
    cover;
}

.business-item-list {
  position: absolute;
  top: 32px;
  left: 0;
  transform: scale(1, 0);
  transform-origin: 0 0;
  width: 140px;
  background: #ffffff;
  border-radius: 4px;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s;
  padding: 12px;
  z-index: 100;
}

.business-item-list.active {
  transform: scale(1, 1);
  visibility: visible;
  opacity: 1;
  z-index: 100;
}

.business-item-list li {
  display: flex;
  margin: 0 0 10px;
}

.business-item-list li:last-child {
  margin-bottom: 0;
}

.business-item-list li a {
  font-size: 12px;
  line-height: 15px;
  font-weight: 700;
  color: #1e1e1e;
}

.business-item-list li button {
  font-size: 12px;
  line-height: 15px;
  font-weight: 700;
  color: #1e1e1e;
}

.business-item-list li button:disabled {
  opacity: 0.55;
  cursor: default !important;
}

.sidebar-middle p {
  font-size: 12px;
  line-height: 1.75em;
  font-weight: 600;
  color: #ffffff;
}

.sidebar-menu {
  margin: 40px 0 0;
}

.sidebar-menu li {
  line-height: 1;
  margin: 0 0 15px;
}

.sidebar-menu li:last-child {
  margin: 0;
}

.sidebar-menu li a {
  font-size: 15px;
  line-height: 1.2223em;
  font-weight: 700;
  color: #ffffff;
}

.sidebar-menu li.active a {
  color: #000000;
}

.log-out-btn {
  text-align: center;
  margin-top: auto;
}

.bottom-links {
  position: absolute;
  bottom: 30px;
  left: 0;
  width: 100%;
}

.bottom-links {
  display: flex;
  justify-content: center;
  gap: 30px;
}

.bottom-links a {
  font-size: 12px;
  line-height: 15px;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.5);
}

.dashboard-nav {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 4;
  width: 100%;
  background: #ffffff;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 30px;
  padding: 10px 0;
}

.toggle-sidebar {
  border: none;
  background: transparent;
  padding: 0;
  font-size: 25px;
  line-height: 1;
}

.dashboard-nav a {
  display: block;
  position: relative;
}

.dashboard-nav a::after {
  display: none;
}

.dashboard-right {
  padding: 0 0 30px;
}

@media (min-width: 768px) {
  .sidebar {
    width: 420px;
    padding: 30px 25px 70px 40px;
  }

  .close-sidebar {
    top: 12px;
    right: 15px;
  }

  .sidebar-logo {
    max-width: 252px;
    padding: 30px 0 0;
  }

  .sidebar-middle h4 {
    font-size: 24px;
  }

  .business-btns > li > a {
    padding: 7px 36px 6px 0;
  }

  .business-btns > li > a::after {
    width: 28px;
    height: 27px;
  }

  .sidebar-menu li {
    margin: 0 0 20px;
  }

  .sidebar-menu li a {
    font-size: 18px;
  }
}

@media (min-width: 1200px) {
  .close-sidebar,
  .toggle-sidebar {
    display: none;
  }

  .dashboard-wrapper {
    display: flex;
    flex-wrap: wrap;
    height: 100vh;
  }

  .sidebar {
    position: relative;
    top: unset;
    left: unset;
    width: 378px;
    margin-left: -60px;
  }

  .sidebar-logo {
    padding: 0;
    margin: -25px auto 0 auto;
  }

  .business-btns > li > a::after {
    width: 30px;
    height: 28.85px;
  }

  .business-item-list li a:hover {
    color: #f07908;
  }

  .sidebar-menu {
    margin: 45px 0 20px;
  }

  .sidebar-menu li {
    margin: 0 0 22px;
  }

  .sidebar-menu li a:hover {
    color: rgba(0, 0, 0, 1);
  }

  .bottom-links a:hover {
    color: rgba(255, 255, 255, 1);
  }

  .dashboard-right {
    width: calc(100% - 258px);
    max-height: 100vh;
    overflow: hidden auto;
    padding-left: 30px;
    padding-right: 60px;
    margin-right: -60px;
  }

  .dashboard-nav {
    padding: 20px 0 10px;
  }
}

@media (min-width: 1400px) {
  .dashboard-right {
    padding-left: 50px;
  }
}

@media (min-width: 1600px) {
  .sidebar-logo {
    margin: 0 auto;
  }

  .sidebar-menu {
    margin: 65px 0 0;
  }
}

.recommend-item {
  margin: 16px 0 0;
}

.recommend-item .rec-title {
  font-size: 15px;
  line-height: 1.2em;
  font-weight: 500;
  color: #242b32;
}

.js-recommend-slider {
  padding-top: 20px;
  margin-right: -16px;
}

.js-recommend-slider .slick-list {
  height: auto !important;
}

.js-recommend-slider .slick-track {
  display: flex;
  align-items: stretch;
}

.js-recommend-slider .slick-slide {
  height: auto;
}

.recommend-slider-col {
  width: 270px;
  margin-right: 15px;
}

.product-cards {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

.product-image {
  position: relative;
  width: 100px;
}

.product-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}

.product-detl {
  width: calc((100% - 100px) + 40px);
  background: #f3f3f3;
  border-radius: 10px;
  padding: 15px 0 15px 55px;
  margin-left: -40px;
}

.product-detl h5 {
  font-size: 14px;
  line-height: 17px;
  font-weight: 700;
  color: #000000;
  white-space: normal;
  word-break: break-word;
}

.product-detl h5 span {
  display: block;
  font-weight: 500;
}

.product-detl h5 strong {
  font-weight: 700;
  color: #f07908;
}

.js-recommend-slider .slick-arrow {
  border: none;
  background: transparent;
  padding: 0;
  font-size: 0;
  position: absolute;
  top: 0;
  right: 50px;
  z-index: 2;
  width: 19px;
  height: 9px;
  background: url(../img/arrow-left-orange.svg) no-repeat center center / cover;
}

.js-recommend-slider .slick-next {
  right: 16px;
  background: url(../img/arrow-right-orange.svg) no-repeat center center / cover;
}

.middle-part-btns {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 10px 40px;
  padding: 30px 0;
}

.order-btn-col {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 20px;
}

.order-btn-col a {
  font-size: 15px;
  line-height: 1.2em;
  font-weight: 700;
  color: #242b32;
}

.order-btn-col a span {
  font-weight: 500;
}

.order-btn-col a.active {
  color: #ffffff;
  background: #000000;
  border-radius: 50px;
  padding: 9.5px 20px;
}

.date-list-item {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  max-width: 685px;
}

.date-list-item:not(:last-child) {
  margin: 0 0 12px;
}

.date-list-item::after {
  position: absolute;
  content: "";
  top: 15px;
  right: 0;
  width: 19px;
  height: 9px;
  background: url(../img/right-arrow-orange.svg) no-repeat center center / cover;
}

.date-list-item .date-box {
  min-width: 55px;
  background: #f07908;
  border-radius: 10px;
  min-height: 96px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 12px;
}

.date-list-item .date-box h2 {
  font-size: 24px;
  line-height: 1.05;
  font-weight: 700;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #ffffff;
  margin: 0;
}

.date-list-item .date-box h2 span {
  display: block;
  font-size: 16px;
  line-height: 1.1;
  margin-top: 4px;
}

.date-detl-box {
  padding: 2px 0 0;
}

.date-detl-box p,
.date-detl-box span {
  font-size: 15px;
  line-height: 1.2em;
  font-weight: 500;
  color: #242b32;
}

.date-detl-box p strong {
  font-weight: 700;
  color: #f07908;
}

.date-detl-box span {
  display: block;
  font-weight: 600;
  margin: 10px 0 0;
}

@media (min-width: 768px) {
  .js-recommend-slider {
    margin-right: -24px;
  }

  .js-recommend-slider .slick-prev {
    right: 58px;
  }

  .js-recommend-slider .slick-next {
    right: 24px;
  }

  .recommend-slider-col {
    margin-right: 22px;
  }
}

@media (min-width: 1200px) {
  .js-recommend-slider {
    margin-right: -60px;
  }

  .js-recommend-slider .slick-prev {
    right: 82px;
  }

  .js-recommend-slider .slick-next {
    right: 48px;
  }
}

/* add order */
.dash-title {
  font-size: 18px;
  line-height: 1.2em;
  font-weight: 700;
  color: #f07908;
  margin: 0 0 20px;
}

.ord-btn-group {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 20px;
}

.step__progress {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  max-width: 350px;
  margin: 30px 0 20px;
}

.step__progress::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  z-index: -1;
  width: 100%;
  height: 1px;
  background: #f07908;
  opacity: 0.2;
}

.step__box {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  background: #f3f3f3;
  border-radius: 50%;
}

.step__box img {
  opacity: 0;
}

.step__box.active {
  background: #f07908;
}

.step__box.active img {
  opacity: 1;
}

.order-search__bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 0 0 16px;
}

.order-search__bar h6 {
  font-size: 14px;
  line-height: 17px;
  font-weight: 700;
  color: #f07908;
}

.order-search__bar button {
  border: none;
  width: 41px;
  height: 41px;
  background: #f07908;
  border-radius: 50%;
  font-size: 20px;
  line-height: 1;
  color: #ffffff;
  padding: 0;
}

.js-address-slider {
  margin-right: -16px;
  margin-top: 12px;
  padding-top: 25px;
}

.address-slider-col {
  width: 320px;
  margin-right: 14px;
}

.map-img-box {
  position: relative;
  z-index: 1;
  height: 140px;
  overflow: hidden;
  padding: 0 20px;
}

.map-img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}

.address-detl {
  position: relative;
  margin-top: -38px;
}

.address-detl .done-icon {
  position: absolute;
  top: 55px;
  left: 30px;
  visibility: hidden;
  opacity: 0;
}

.address-detl .done-icon.active {
  visibility: visible;
  opacity: 1;
}

.address-text {
  text-align: center;
  background: #f3f3f3;
  border-radius: 10px;
  min-height: 128px;
  padding: 48px 41px 3px 41px;
}

.address-text h5 {
  font-size: 16px;
  line-height: 1.25em;
  font-weight: 700;
  color: #000000;
}

.address-text h5 span {
  display: block;
  font-weight: 500;
}

.address-text p {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
  color: #7eba27;
  margin: 5px 0 0;
}

.address-detl .arrow-btn {
  margin: 12px 0 0;
}

.add-address {
  margin: 25px 0;
}

.supplier-inner {
  max-width: 336px;
  background: #f3f3f3;
  border-radius: 10px;
  padding: 18px 16px;
  margin: 0 0 10px;
}

.supplier-inner p {
  font-size: 14px;
  line-height: 17px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.5);
}

.supplier-inner h6 {
  font-size: 16px;
  line-height: 1.25em;
  font-weight: 700;
  color: #000000;
  margin: 14px 0 0;
}

.step-btn-wrap {
  margin: 20px 0 0;
}

@media (min-width: 768px) {
  .dash-title {
    font-size: 20px;
  }

  .js-address-slider {
    margin-right: -24px;
    margin-top: 0;
  }

  .address-slider-col {
    width: 338px;
  }
}

@media (min-width: 1200px) {
  .order-search__bar {
    padding: 0 0 30px;
  }

  .js-address-slider {
    margin-right: -60px;
    padding-top: 35px;
  }

  .step-btn-wrap {
    margin: 50px 0 0;
  }
}

/* ============= sanjoy start ============= */
/* Nav bar */

.bg-gray {
  background: #ededed;
}

.bg-white {
  background: #fff;
}

.border-radius {
  border-radius: 20px;
}

.toggle-btn {
  width: 26px;
  cursor: pointer;
  z-index: 11111;
  margin-left: 20px;
}

.toggle-btn div {
  width: 100%;
  height: 3px;
  margin-top: 9px;
  background: #f07908;
  transition: all 0.3s ease-in-out;
}

.toggle-btn div.one {
  margin-top: 0px;
}

.toggle-btn.open .one {
  transform: rotate(45deg) translate(8px, 8px);
}

.toggle-btn.open .two {
  opacity: 0;
}

.toggle-btn.open .three {
  transform: rotate(-45deg) translate(9px, -9px);
}

.nav-bar-logo {
  margin-bottom: 19px;
  background: #f58318;
  transition: all 0.4s ease-in-out;
}

.nav-bar-logo a {
  width: 100%;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 5px;
}

.nav-bar {
  position: fixed;
  bottom: 0;
  left: -100%;
  width: calc(100% - 64px);
  max-width: 251px;
  height: 100%;
  background: #ffff;
  padding: 0px 22px;
  overflow: auto;
  transition: all 0.3s ease-in-out;
  z-index: 10;
}

.nav-bar.active {
  left: 0;
}

.nav-bar ul li {
  margin: 10px 0;
}

.nav-bar ul li.menu-divider {
  margin: 12px 0;
  padding: 0;
}

.nav-bar ul li.menu-divider span {
  display: block;
  height: 1px;
  width: 100%;
  background: rgba(129, 129, 165, 0.25);
}

.nav-bar ul li a {
  padding: 4px 13px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 21px;
  color: #8181a5;
}

.nav-bar ul li a span {
  margin-left: 30px;
}

.nav-bar ul li a i {
  font-size: 22px;
}

.nav-bar ul li a:hover {
  background: #ed7f2d;
  color: #fff;
}

.nav-bar ul li.active a {
  background: #ed7f2d;
  border-radius: 4px;
  color: #fff;
}

.header {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 17px 22px 13px;
  background: #fff;
}

.header__right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: max-content;
}

.toast-container {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 99999;
  display: flex;
  flex-direction: column;
  gap: 10px;
  pointer-events: none;
}

.toast {
  min-width: 240px;
  max-width: 360px;
  background: #1c1d21;
  color: #fff;
  border-radius: 12px;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.2);
  opacity: 0;
  transform: translateY(-10px);
  transition: opacity 0.2s ease, transform 0.2s ease;
  pointer-events: auto;
}

.toast.show {
  opacity: 1;
  transform: translateY(0);
}

.toast-body {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 16px;
  font-weight: 600;
  font-size: 14px;
}

.toast-message {
  line-height: 1.4;
}

.toast-close {
  background: transparent;
  border: 0;
  color: inherit;
  font-size: 18px;
  cursor: pointer;
}

.toast-success {
  background: #1f7a4a;
}

.toast-error {
  background: #b61d1d;
}

.toast-info {
  background: #2357b3;
}

.toast-warning {
  background: #b36a13;
}

.user-menu {
  position: relative;
  margin-left: 18px;
}

.user-icon {
  width: 45px;
  height: 45px;
  background: #f07908;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 24px;
  border: 0;
  padding: 0;
}

.user-dropdown {
  position: absolute;
  right: 0;
  top: 56px;
  min-width: 180px;
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
  padding: 8px 0;
  display: none;
  z-index: 1000;
}

.user-dropdown a,
.user-dropdown button {
  display: block;
  width: 100%;
  padding: 10px 16px;
  color: #1c1d21;
  font-weight: 600;
  background: transparent;
  border: 0;
  text-align: left;
}

.user-dropdown a:hover,
.user-dropdown button:hover {
  background: #f5f5f5;
}

.user-dropdown form {
  margin: 0;
}

.page-title {
  display: none;
}

@media (min-width: 768px) {
  .header {
    justify-content: space-between;
  }

  .page-title {
    display: block;
  }
}

@media (min-width: 1200px) {
  .toggle-btn {
    display: block;
  }

  .nav-small .nav-bar {
    left: 0;
    width: 80px;
    padding: 0;
  }

  .nav-small .nav-bar ul li a {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .nav-small .nav-bar ul li a:hover {
    background: transparent;
    color: #f58318;
  }

  .nav-small .nav-bar ul li a span {
    font-size: 0;
    margin: 0;
  }

  .nav-small .nav-bar ul li a i {
    font-size: 22px;
  }

  .nav-small .nav-bar ul li.active a {
    background: transparent;
    color: #f58318;
  }

  body.nav-small {
    padding-left: 80px;
    transition: all 0.4s ease-in-out;
  }

  .header {
    padding: 17px 24px 13px 27px;
  }

  body.nav-small.nav-big {
    padding-left: 250px;
  }

  .nav-big .nav-bar {
    width: 250px;
  }

  .nav-big .nav-bar ul li a span {
    font-size: 14px;
    margin-left: 30px;
  }

  .nav-big .nav-bar ul li a {
    justify-content: flex-start;
  }

  .nav-big .nav-bar-logo {
    width: 208px;
    height: 117px;
    margin: 0 auto 19px;
    transition: all 0.4s ease-in-out;
  }

  .nav-big .nav-bar-logo a {
    width: 208px;
    height: 117px;
    padding: 0 11px;
  }

  .nav-big .nav-bar ul {
    width: 208px;
    margin: 0 auto;
  }

  .nav-big .nav-bar ul li a:hover {
    background: #f58318;
    color: #fff;
    border-radius: 4px;
  }

  .nav-big .nav-bar ul li.active a {
    background: #f58318;
    color: #fff;
    border-radius: 4px;
  }
}

.page-body {
  margin: 22px;
}

.tab-table ul.tabs {
  margin: 0px 0px 0px;
  padding: 0px;
  list-style: none;
}

.tab-table ul.tabs li {
  display: inline-block;
  cursor: pointer;
  font-family: "Lato", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 11px;
  line-height: 21px;
  text-align: center;
  color: #8181a5;
  padding: 5px 10px;
}

.tab-table ul.tabs li.current {
  background: #f07908;
  color: #fff;
  border-radius: 4px;
}

.tab-table .tab-content {
  display: none;
}

.tab-table .tab-content.current {
  display: inherit;
}

.tab-table__search {
  position: relative;
  margin-bottom: 10px;
}

.tab-table__search i {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  right: 23px;
  color: #351f64;
  font-size: 16px;
}

.table-status {
  justify-content: space-between;
  align-items: center;
}

.status-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 600;
  background: #f3f3f3;
  color: #192e51;
  text-transform: uppercase;
}

.status-pill--pending {
  background: #fff3cd;
  color: #b26a00;
}

.status-pill--in_progress {
  background: #e8f4fd;
  color: #1375b7;
}

.status-pill--assigned {
  background: #e6f7f1;
  color: #1b7f5c;
}

.status-pill--completed,
.status-pill--invoiced {
  background: #e9f7ef;
  color: #1e7e34;
}

.status-pill--cancelled {
  background: #fdecea;
  color: #c0392b;
}

.status-pill--approved {
  background: #e6f7f1;
  color: #1b7f5c;
}

.status-pill--sent {
  background: #e9f7ef;
  color: #1e7e34;
}

.status-pill--rejected {
  background: #fdecea;
  color: #c0392b;
}

.status-pill--draft {
  background: #f3f3f3;
  color: #555;
}

/* Invoice list */
.invoice-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 16px;
}

.invoice-header .dash-title {
  margin-bottom: 0;
}

.invoice-request-form {
  margin: 0;
}

.invoice-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
}

.invoice-filters .filter-col {
  width: auto;
  min-width: 200px;
}

.invoice-filter-month input[type="month"] {
  height: 48px;
  border-radius: 999px;
  background: #fff;
  border: 1px solid #ececec;
  padding: 0 16px;
  font-weight: 500;
}

.invoice-filters .filtering-btn {
  width: auto;
  margin: 0;
}

.invoice-table th {
  white-space: nowrap;
  font-weight: 600;
}

.invoice-table td {
  vertical-align: middle;
}

.invoice-status {
  min-width: 120px;
}

.invoice-empty {
  text-align: center;
  padding: 16px;
  color: #6f6f6f;
}

@media (max-width: 768px) {
  .invoice-filters {
    gap: 10px;
  }

  .invoice-filters .filter-col {
    width: 100%;
    min-width: 0;
  }

  .invoice-filter-month input[type="month"] {
    width: 100%;
  }
}

.status-actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
}

.recurring-date-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.recurring-date-row {
  margin-bottom: 14px;
}

.recurring-date-row:last-child {
  margin-bottom: 0;
}

.recurring-date-row form {
  margin: 0;
}

.table-status div a {
  margin: 0 15px 0 0;
  color: #192e51;
}

.table-status div a:hover {
  color: #f07908;
}

.tab-table.bg-white {
  padding: 17px 15px;
}

.table thead {
  border: none;
}

.table th {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  color: #192e51;
}

.table td {
  font-family: "Lato", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 21px;
  color: #000000;
}

.orange-color {
  color: #ed7f2d !important;
}

.tab-table-header .page-title {
  font-weight: 500;
  font-size: 18px;
  line-height: 28px;
  color: #000000;
}

.custom-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  list-style: none;
  margin: 18px 0 0;
  padding: 0;
  flex-wrap: wrap;
}

.custom-pagination li {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  height: 32px;
  border-radius: 8px;
  background: #f3f3f3;
  font-weight: 600;
  font-size: 14px;
  color: #000;
}

.custom-pagination li button {
  border: none;
  background: transparent;
  width: 100%;
  height: 100%;
  padding: 0 10px;
  font-weight: 600;
  color: inherit;
}

.custom-pagination li.active {
  background: #f07908;
  color: #fff;
}

.custom-pagination li.disabled {
  opacity: 0.5;
}

@media (min-width: 768px) {
  .tab-table-header {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 20px;
  }

  .tab-table__search {
    margin-bottom: 0;
    max-width: 160px;
  }
}

@media (min-width: 1200px) {
  .page-body {
    margin: 30px 24px;
  }
}

@media (min-width: 1440px) {
  .tab-table-header {
    gap: 20px;
  }

  .tab-table__search {
    max-width: 190px;
  }
}

/* Orders */

/* End Orders */

/* scrollbar */

.scrollbar-height-big {
  max-height: 416px;
}

.scrollbar-height-2x {
  max-height: 832px;
}

.scrollbar-height-small {
  height: 257px;
}

.scrollbar-height-large {
  height: 500px;
}

.table-responsive::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: #f2f2f2;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb {
  background-color: #f57c00;
  /* Orange */
  border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #ff8c1a;
  /* Slightly lighter on hover */
}

/* Optional: Firefox scrollbar support */
.table-responsive {
  scrollbar-width: thin;
  scrollbar-color: #f57c00 #f2f2f2;
}

.border-radius-bottom-none {
  border-radius: 20px 20px 0 0;
}

.border-radius-top-none {
  border-radius: 0 0 20px 20px;
}

.table-bottom-text {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 30px;
}

.table-bottom-text li {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  color: #192e51;
}

.p-body {
  padding: 20px 15px;
}

.back-button-backend {
  font-size: 31px;
  color: #000;
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 15px 32px;
  height: 50px;
  border-radius: 50px;
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  color: #ffffff;
  border: none;
  cursor: pointer;
}

.btn-primary {
  background: #f07908;
}

.btn-primary:hover {
  background: #000;
}

.btn-border {
  border: #f07908 2px solid;
  background: transparent;
  color: #f07908;
  border-radius: 10px;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 15px;
  line-height: 24px;
  padding: 6px 18px;
  height: 36px;
}

.btns-group .btn.btn-primary {
  border-radius: 10px;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 15px;
  line-height: 24px;
  padding: 6px 18px;
  height: 36px;
  width: 166px;
}

.btns-group a + a {
  margin: 10px 0 0;
}

.select {
  position: relative;
}

.select select {
  width: 100%;
  border-radius: 30px;
  border: #eaeaea 1px solid;
  height: 45px;
  padding: 11px 40px 11px 20px;
  background: #fff;
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 21px;
  color: #1c1d21;
}

.select::after {
  content: "\e911";
  font-family: "jamal";
  font-size: 14px;
  color: #351f64;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translate(0, -50%);
  line-height: 1;
  pointer-events: none;
}

.search-for-company {
  max-width: 740px;
}

.search-for-company__right a {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #1e1e1e;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.search-for-company__right a i {
  color: #f07908;
  font-size: 19px;
  margin-left: 6px;
  line-height: 1;
}

.btns-group {
  margin-bottom: 30px;
}

.search-for-company__left {
  margin-bottom: 15px;
}

.search-for-company {
  margin-bottom: 10px;
}

.search-for-product {
  background: #f3f3f3;
  padding: 18px 21px;
  max-width: 758px;
}

.search-for-product .select {
  max-width: 360px;
}

.order-total {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  text-align: right;
  color: #f07908;
  margin: 7px 0 14px 0;
  max-width: 740px;
}

.add-order-backend__from {
  max-width: 740px;
}

.wrapper-add-order-backend hr {
  border-bottom: #ed7f2d 1px solid;
}

.form-col a {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #1e1e1e;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 38px 0 0 0;
}

.form-col a i {
  color: #f07908;
  font-size: 19px;
  margin-left: 6px;
  line-height: 1;
}

.add-order-backend__from .form-col-btn {
  text-align: left;
  margin-top: 36px;
}

.search-for-company.search-for-company2 {
  align-items: flex-start;
}

.search-for-company__left p {
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: #000000;
}

.search-for-company__left p b {
  font-weight: 700;
}

.search-for-product-wrapper .quentity-wrap {
  display: block;
}

.search-for-product-wrapper-left p {
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #000000;
}

.search-for-product-wrapper-left p b {
  font-weight: 700;
}

.search-for-product-wrapper-left p input {
  width: 67px;
  height: 30px;
  padding: 0;
  text-align: center;
  margin: 0 10px;
}

.search-for-product-wrapper-right p {
  font-weight: 700;
  font-size: 14px;
  line-height: 17px;
  color: #f07908;
  margin-top: 15px;
}

.search-for-product-wrapper {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.search-for-product-wrapper-row {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.form-col-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.form-col-wrapper a {
  margin: 0;
}

.column-count3 {
  max-width: 1151px;
}

.column-count3 .btn {
  width: 100%;
  padding: 0;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  color: #ffffff;
}

.check-box-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin: 10px 0;
}

.check-box-wrapper p {
  font-weight: 600;
  font-size: 15px;
  line-height: 18px;
  color: #000000;
}

.form-col-btn.text-start {
  margin-top: 50px;
}

.title-sm {
  font-weight: 600;
  font-size: 15px;
  line-height: 18px;
  color: #000000;
  margin-bottom: 20px;
}

.dasbord-map {
  position: relative;
}

.google-map {
  width: 100%;
  object-fit: cover;
  border-radius: 20px;
  min-height: 420px;
}

.dashboard-map-root .dasbord-map {
  overflow: hidden;
}

.dashboard-map-root .google-map,
.dashboard-map-root .leaflet-container {
  position: relative;
  z-index: 1;
}

.dashboard-map-root .location__pin,
.dashboard-map-root .profile__pin {
  z-index: 5;
}

.dashboard-pin {
  display: flex;
  align-items: center;
  justify-content: center;
}

.dashboard-pin--order span {
  width: 22px;
  height: 22px;
  border-radius: 50% 50% 50% 0;
  transform: rotate(-45deg);
  display: block;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
  position: relative;
}

.dashboard-pin--order span::after {
  content: "";
  width: 8px;
  height: 8px;
  background: #fff;
  border-radius: 50%;
  position: absolute;
  top: 7px;
  left: 7px;
}

.dashboard-pin--driver span {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  color: #fff;
  font-weight: 700;
  font-size: 11px;
  line-height: 28px;
  text-align: center;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
  text-transform: uppercase;
}

.leaflet-popup-content .location__pin-content,
.leaflet-popup-content .leaflet-location-popup {
  display: block;
  position: static;
  width: auto;
  padding: 10px 12px;
}

.leaflet-popup-content .location__pin-content::before,
.leaflet-popup-content .leaflet-location-popup::before {
  display: none;
}

.location__pin {
  position: absolute;
  top: 20px;
  left: 20px;
}

.location__pin.second {
  left: 145px;
  top: 50px;
}

.location__pin.third {
  left: 100px;
  top: 200px;
}

.location__pin-content {
  display: none;
}

.loca-pin-trigger {
  display: block;
  max-width: 30px;
}

.profile__pin {
  position: absolute;
  top: 85px;
  right: 50px;
}

.profile__pin.second {
  top: 200px;
  right: 85px;
}

.profile__pin.third {
  top: 100px;
  right: 200px;
}

.prfl-pin-trigger {
  display: block;
  max-width: 30px;
}

.profile__content {
  display: none;
  position: absolute;
  top: 32px;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 2;
}

.profile__content h5 {
  font-size: 13px;
  line-height: 16px;
  font-weight: 700;
  text-align: center;
  color: #ffffff;
  background: #00b5fd;
  border-radius: 50px;
  padding: 12px 40px;
}

.close-prfl {
  border: none;
  background: transparent;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translate(0, -50%);
  filter: brightness(0) invert(1);
  padding: 0;
}

.right-panal-image-button p {
  font-weight: 500;
  font-size: 11px;
  line-height: 13px;
  color: #000000;
}

.right-panal-image-button p span {
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: rgba(0, 0, 0, 0.5);
}

.signeture-image {
  margin: 10px 0 14px 70px;
}

.right-panal-title {
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  text-transform: uppercase;
  color: #000000;
  margin-bottom: 20px;
}

.right-panal-image-button .btns-group {
  margin: 30px 0;
}

@media (min-width: 430px) {
  .btns-group a + a {
    margin: 0px 0 0 15px;
  }
}

@media (min-width: 768px) {
  .location__pin {
    top: 35%;
    left: 40%;
  }

  .location__pin.second {
    left: 65%;
    top: 60%;
  }

  .location__pin.third {
    left: 20%;
    top: 65%;
  }

  .loca-pin-trigger {
    max-width: 45px;
  }

  .location__pin-content {
    position: absolute;
    top: 45px;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 2;
    width: 352px;
    background: #f3f3f3;
    border-radius: 10px;
    padding: 10px 30px;
  }

  .location__pin-content::before {
    position: absolute;
    top: calc(50% - 15px);
    left: 4px;
    transform: translate(0, -50%);
    content: "";
    width: 20px;
    height: 20px;
    background: url(../img/Location-icon.png) no-repeat center center;
  }

  .location__pin-content h6 {
    font-size: 15px;
    line-height: 18px;
    font-weight: 700;
    color: #000000;
  }

  .location__pin-content h6 span {
    display: block;
    font-weight: 600;
    color: #242b32;
    margin: 10px 0;
  }

  .location__pin-content h6 strong {
    display: block;
    font-weight: 600;
    color: #f07908;
    margin: 10px 0;
  }

  .location__pin-content h6 .sm-text-s {
    font-weight: 600;
    font-size: 11px;
  }

  .location__pin-content a {
    position: absolute;
    top: 50%;
    right: -34px;
    transform: translate(0, -50%);
    font-size: 15px;
    line-height: 24px;
    font-weight: 700;
    color: #ffffff;
    background: #000000;
    border-radius: 10px;
    padding: 6px 7px;
  }

  .close-pin {
    position: absolute;
    top: 3px;
    right: 7px;
    border: none;
    background: transparent;
  }

  .profile__pin {
    top: 20%;
    right: 65%;
  }

  .profile__pin.second {
    top: 28%;
    right: 36%;
  }

  .profile__pin.third {
    top: 84%;
    right: 44%;
  }
}

@media (min-width: 1200px) {
  .tab-table.bg-white {
    padding: 17px 20px;
  }

  .p-body {
    padding: 30px;
  }

  .search-for-company {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
  }

  .search-for-company__left {
    width: 360px;
    margin-right: 21px;
    margin-bottom: 0;
  }

  .search-for-company__right {
    width: calc(100% - 381px);
    padding-bottom: 15px;
  }

  .search-for-product-wrapper-row {
    display: flex;
    flex-direction: row;
    gap: 20px;
  }

  .search-for-product-wrapper-left {
    width: 366px;
  }

  .search-for-product-wrapper-right {
    width: 290px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .search-for-product-wrapper-right p {
    margin-top: 0;
  }

  .search-for-product-wrapper {
    margin-top: 10px;
  }

  .column-count3 .col-md-4:last-child .form-col {
    margin-bottom: 0;
    margin-top: 24px;
  }

  .form-col p.text {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    color: #1e1e1e;
    max-width: 231px;
    margin-top: 26px;
  }

  .right-panal-image-button .btns-group .btn {
    padding: 0px 32px;
    height: 50px;
    width: unset;
    display: inline-flex;
    justify-content: center;
    align-items: center;
  }

  .body-100vh {
    min-height: calc(100vh - 135px);
  }
}

.search {
  width: 100%;
  position: relative;
}

.search {
  width: 100%;
  position: relative;
}

.search i {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  right: 23px;
  color: #351f64;
  font-size: 16px;
}

.body-header.drivers {
  width: 100%;
  margin-bottom: 18px;
}

.body-header.drivers {
  width: 100%;
  margin-bottom: 18px;
}

.map-card {
  width: 100%;
  position: relative;
  max-width: 224px;
}

.map-card::before {
  content: "";
  position: absolute;
  top: 40px;
  left: 0;
  width: 100%;
  height: calc(100% - 40px);
  background: #ededed;
  border-radius: 0 0 20px 20px;
}

.map-card-title {
  position: relative;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  color: #ffffff;
  width: 66px;
  height: 66px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  margin: 0 auto;
}

.bg-blue {
  background: #00b5fd;
}

.bg-navi-blue {
  background: #351f64;
}

.bg-green {
  background: #7eba27;
}

.ball {
  width: 16px;
  height: 16px;
  background: #7eba27;
  border-radius: 100%;
  position: absolute;
  top: 0;
  right: 0;
}

.map-card-content {
  position: relative;
  z-index: 1;
  padding: 11px 26px 13px;
}

.map-card-content p {
  font-weight: 600;
  font-size: 15px;
  line-height: 18px;
  color: #000000;
}

.map-card-map {
  position: relative;
  z-index: 1;
  width: 100%;
  border-radius: 20px;
  overflow: hidden;
}

.map-card-map img {
  border-radius: 20px;
}

.map-card-map .google-map {
  min-height: 150px;
  height: 150px;
}

.map-card-flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 27px;
}

@media (min-width: 768px) {
  .body-header.drivers .search {
    max-width: 200px;
  }
}

/* Sanjoy 29.10.2025*/
.tab-table ul.tabs li.current {
  background: #f07908;
  color: #1c1d21;
  border-radius: 8px;
}

.search input,
.tab-table__search input {
  padding: 11px 46px 11px 26px;
}

.map-content h4 {
  position: relative;
  font-weight: 600;
  font-size: 15px;
  line-height: 18px;
  color: #000000;
  padding-left: 23px;
  margin-bottom: 50px;
}

.active-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 100%;
  background: #7eba27;
  position: absolute;
  top: 0;
  left: 0;
}

.edited-icon {
  width: 29px;
  height: 29px;
  background: #f07908;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  position: absolute;
  top: 0;
  right: 0;
}

.map-content p {
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #f07908;
}

.map-left-content {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 20px;
}

.map-right .google-map {
  border-radius: 20px;
}

.driver-map {
  position: relative;
  width: 100%;
  height: 280px;
  border-radius: 20px;
  overflow: hidden;
  background: #f3f3f3;
}

.driver-map__empty {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #8181a5;
  font-weight: 600;
  font-size: 14px;
}

.btn-heading {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin-bottom: 28px;
}

.btn-heading h3 {
  font-weight: 700;
  font-size: 32px;
  line-height: 39px;
  color: #000000;
}

.table-check input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}

.table-check label {
  position: relative;
  cursor: pointer;
  font-family: "Lato", sans-serif;
  font-weight: 600;
  font-size: 12px;
  line-height: 21px;
  color: #000000;
}

.table-check label::before {
  content: "";
  background-color: transparent;
  border: 1px solid #979797;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 5px;
  width: 15px;
  height: 15px;
  border-radius: 5px;
}

.table-check input:checked + label::before {
  border: 1px solid #f07908;
  background: #f07908;
}

.table-check input:checked + label:after {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  left: 5px;
  width: 6px;
  height: 11px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.company-address {
  margin-bottom: 70px;
}

.company-address p {
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: #000000;
}

.company-address p b {
  font-weight: 700;
}

.check-box-group {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.toggle {
  cursor: pointer;
  display: inline-block;
  margin-top: 30px;
}

.toggle-switch {
  display: inline-block;
  background: #f0f0f3;
  border-radius: 16px;
  width: 40px;
  height: 22px;
  position: relative;
  vertical-align: middle;
  transition: background 0.25s;
}

.toggle-switch:before,
.toggle-switch:after {
  content: "";
}

.toggle-switch:before {
  display: block;
  background: #fff;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 3px;
  left: 4px;
  transition: left 0.25s;
}

.toggle-checkbox:checked + .toggle-switch {
  background: #ed7f2d;
}

.toggle-checkbox:checked + .toggle-switch:before {
  left: 20px;
}

.toggle-checkbox {
  position: absolute;
  visibility: hidden;
}

.toggle-label {
  margin-left: 5px;
  position: relative;
  top: 2px;
  font-weight: 600;
  font-size: 15px;
  line-height: 18px;
  color: #000000;
}

.address-box-flex {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.address-box {
  max-width: 338px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.address-box-bg {
  background: #f3f3f3;
  border-radius: 10px;
  padding: 9px 11px;
}

.address-box-left {
  width: calc(100% - 40px);
}

.address-box-right {
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 12px;
}

.address-box-left p {
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: #000000;
}

.address-box-left p b {
  font-weight: 700;
}

.address-box-left p span {
  font-weight: 700;
  font-size: 12px;
  line-height: 15px;
  color: #f07908;
  margin-bottom: 2px;
  display: block;
}

.remove-icon {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #979797;
}

.edited-icon-backend {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #f07908;
}

.btn-primary.top-right {
  margin-top: 50px;
}

.button-inline .address-box-right {
  width: 92px;
  flex-direction: row;
  gap: 10px;
}

.button-inline .address-box-left {
  width: calc(100% - 92px);
}

.back-button-backend {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.back-button-backend span {
  font-family: "Lato", sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 21px;
  color: #000000;
  margin-left: 20px;
}

.text-btn p {
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  color: #000000;
}

@media (min-width: 768px) {
  .map-left-content {
    flex-direction: row;
  }

  .map-content {
    width: 223px;
  }

  .map-right {
    width: calc(100% - 223px);
  }

  .tab-table__search .select {
    width: 190px;
  }

  .btn-heading {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }

  .btn-heading .btns-group {
    margin: 0;
  }
}

@media (min-width: 1200px) {
  .tab-table ul.tabs li {
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
    color: #8181a5;
    padding: 9px 29px;
  }

  .btn-heading .btns-group .btn-primary {
    padding: 15px 32px;
    height: 50px;
    border-radius: 50px;
    font-size: 16px;
    line-height: 20px;
    color: #ffffff;
    width: unset;
  }

  .btn-primary.top-right {
    margin-top: 0px;
    position: absolute;
    top: 30px;
    right: 30px;
  }

  .mt-470 {
    margin-top: 470px;
  }

  .text-btn {
    padding-top: 100px;
  }
}

/* 30.10.2025 */
.dasbord-map-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.dasbord-map-content {
  padding: 15px;
  background: #fff;
  border-radius: 10px;
  width: 100%;
}

.dasbord-map-content h5 {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 28px;
  color: #000000;
  margin-bottom: 10px;
}

.dasbord-map-content-flex {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/* Przycisk 'Szczegóły' i badge 'OPÓŹNIONE' siedzą WEWNĄTRZ karty —
   theme'owe right:-50px wystawiało je poza listę na pełnej szerokości. */
.dasbord-map-content-box {
  background: #f3f3f3;
  border-radius: 10px;
  padding: 10px 130px 10px 10px;
  position: relative;
  margin-right: 0;
}

.dasbord-map-content-box h3 {
  font-weight: 700;
  font-size: 12px;
  line-height: 18px;
  color: #000000;
  margin-bottom: 8px;
}

.dasbord-map-content-box ul {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 7px;
}

.dasbord-map-content-box ul li {
  position: relative;
}

.dasbord-map-content-box ul li a {
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  color: #000000;
}

.dasbord-map-content-box p {
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  color: #f07908;
  margin-bottom: 9px;
}

.dasbord-map-content-box.bg-read p {
  color: #fff;
}

.dasbord-map-content-box h4 {
  font-weight: 600;
  font-size: 12px;
  line-height: 17px;
  color: #000;
}

.bg-read {
  background: #eb5757;
}

.btn-read {
  font-weight: 700;
  font-size: 11px;
  line-height: 20px;
  text-align: center;
  color: #ffffff;
  background: #eb5757;
  border-radius: 10px;
  position: absolute;
  top: 8px;
  right: 12px;
  padding: 0 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.btn-black {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  right: 12px;
  background: #000000;
  border-radius: 10px;
  padding: 6px 16px;
  font-weight: 700;
  font-size: 11px;
  line-height: 24px;
  text-align: center;
  color: #ffffff;
}

.new-messge {
  display: none;
}

.btn-Small {
  font-size: 12px;
  height: 40px;
  padding: 10px 15px;
}

.active-address {
  position: relative;
  padding: 0 0 0 23px;
  margin-bottom: 34px;
}

.active-address .ball {
  right: unset;
  left: 0;
}

.active-address p {
  font-weight: 600;
  font-size: 15px;
  line-height: 18px;
  color: #000000;
}

.active-address p a {
  font-weight: 600;
  font-size: 15px;
  line-height: 18px;
  color: #000000;
}

.access-heading h4 {
  font-weight: 600;
  font-size: 15px;
  line-height: 18px;
  color: #000000;
}

.access-flex {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  padding-left: 23px;
}

.access-check-box {
  display: flex;
  flex-direction: column;
  gap: 13px;
}

.access-check-box-button {
  width: 100%;
  margin-top: 100px;
}

.btn-x-small {
  height: 35px;
  padding: 7px 35px;
}

.p-box {
  padding: 10px 15px;
}

.p-box .back-button-backend span b {
  color: #f07908;
  margin-left: 3px;
}

.two-column-box {
  display: flex;
  flex-wrap: wrap;
  gap: 33px;
}

.column-box {
  width: 100%;
}

.column-box h3 {
  font-family: "Lato", sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 21px;
  color: #000000;
}

.title-small {
  font-family: "Lato", sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 21px;
  color: #000000;
  margin-bottom: 22px;
}

.column-box-wrapper {
  max-width: 360px;
}

@media (min-width: 768px) {
  .dasbord-map-content-box {
    padding: 10px 164px 10px 35px;
    margin-right: 0;
  }

  .btn-read {
    font-size: 13px;
  }

  .btn-black {
    font-size: 15px;
  }

  .dasbord-map-content-box ul li i {
    position: absolute;
    top: 5px;
    left: -26px;
  }

  .dasbord-map-content-box h3 {
    font-size: 15px;
  }

  .dasbord-map-content-box ul li a {
    font-size: 15px;
  }

  .dasbord-map-content-box p {
    font-size: 15px;
  }

  .dasbord-map-content-box h4 {
    font-size: 14px;
  }

  .column-box {
    width: calc(50% - 17px);
  }
}

@media (min-width: 1200px) {
  .dasbord-map-wrapper {
    display: flex;
    flex-wrap: nowrap;
    gap: 40px;
  }

  .dasbord-map-content {
    width: 500px;
    padding: 15px 32px 15px 39px;
  }

  .dasbord-map {
    width: calc(100% - 500px);
  }

  .dasbord-map img {
    height: 100%;
  }

  .dashboard-map-root .leaflet-marker-icon,
  .dashboard-map-root .leaflet-marker-shadow {
    height: auto !important;
    width: auto !important;
  }

  .dashboard-map-root .dasbord-map-wrapper {
    align-items: stretch;
  }

  .dashboard-map-root .dasbord-map,
  .dashboard-map-root .dasbord-map-content {
    height: clamp(460px, 62vh, 720px);
  }

  .dashboard-map-root .google-map {
    height: 100%;
    min-height: 100%;
  }

  .dashboard-map-root .dasbord-map-content {
    display: flex;
    flex-direction: column;
  }

  .dashboard-map-root .dasbord-map-content-flex {
    flex: 1 1 auto;
    overflow-y: auto;
    padding-right: 8px;
  }

  .new-messge {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-right: 12px;
  }

  .new-messge__wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #f3f3f3;
    border-radius: 50px;
    padding: 2px 23px;
    width: 445px;
  }

  .new-messge h5 {
    font-weight: 700;
    font-size: 15px;
    line-height: 18px;
    color: #f07908;
    margin-right: 12px;
    display: block ruby;
  }

  .new-messge__content {
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }

  .new-messge__content {
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    color: #000000;
  }

  .new-messge__content b {
    display: block;
    font-weight: 700;
  }

  .button-arrow {
    color: #f07908;
    font-size: 20px;
  }

  .btn-Small {
    font-size: 16px;
    height: 50px;
    padding: 15px 32px;
  }

  .p-box {
    padding: 28px 30px;
  }

  .column-box {
    width: calc(50% - 17px);
    padding-left: 90px;
  }
}

@media (min-width: 1366px) {
  .new-messge__wrapper {
    width: 545px;
  }
}

/* ################### Sanjoy 31.10.2025############# */
.border-radius10 {
  border-radius: 10px;
}

.line-graph {
  padding: 15px;
  display: flex;
  justify-content: space-between;
}

.line-graph-image {
  width: 100px;
}

.line-graph-content {
  width: calc(100% - 100px);
}

.line-graph-content h3 {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-size: 22px;
  line-height: 32px;
  color: #f07908;
}

.line-graph-content.black h3 {
  color: #000;
}

.line-graph-content p {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 21px;
  color: #8181a5;
}

.col-gap {
  gap: 20px;
}

.table-primary-bg {
  background: #f5f5fa !important;
}

.table-secondary-bg {
  background: rgba(249, 217, 9, 0.2);
}

.table-danger-bg {
  background: rgba(235, 87, 87, 0.2);
}

.table-email {
  color: #ed7f2d;
}

.table-email:hover {
  color: #000;
}

.danger-clor {
  color: #eb5757 !important;
}

.orange-color2 {
  color: #f58318 !important;
}

.row-text-button {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.row-text-button p {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  color: #8181a5;
}

.row-text-button-flex {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.infakt-key__col .btn-primary {
  color: #fff;
  background: #1e1e1e;
  display: inline-block;
  margin: 0;
}

.infakt-key__col input {
  max-width: 720px;
  height: 50px;
}

.w-360 {
  max-width: 360px;
}

.chat-left {
  max-width: 350px;
  margin-bottom: 60px;
}

.chat-left ul li {
  position: relative;
  margin-bottom: 30px;
  padding-left: 23px;
}

.chat-left ul li:last-child {
  margin-bottom: 0;
}

.chat-left ul li::before {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  width: 9px;
  height: 9px;
  background: #f07908;
  border-radius: 100%;
}

.chat-left ul li h3 {
  font-weight: 700;
  font-size: 15px;
  line-height: 18px;
  color: #000000;
  margin-bottom: 8px;
  display: flex;
  justify-content: space-between;
  position: relative;
}

.chat-left ul li p {
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  color: #242b32;
}

.chat-left ul li p span {
  display: block;
  color: #f07908;
}

.bg-block {
  position: relative;
  padding: 9px 0 16px;
  margin-bottom: 5px;
}

.bg-block::before {
  content: "";
  position: absolute;
  top: 0;
  left: 4px;
  width: 100%;
  height: 100%;
  background: #f3f3f3;
  border-radius: 10px;
}

.chat-left ul li h3.bg-orange {
  margin-bottom: 10px;
}

.bg-orange {
  padding: 0px 7px;
}

.bg-orange span {
  position: relative;
  z-index: 2;
  color: #fff;
}

.bg-orange::after {
  content: "";
  position: absolute;
  top: -5px;
  left: 0;
  width: 100%;
  height: calc(100% + 10px);
  background: #f07908;
  border-radius: 20px;
  z-index: 1;
}

.chat-left ul li .sub {
  border-top: #e1e1e1 1px solid;
  border-bottom: #e1e1e1 1px solid;
  padding: 15px 0 10px;
  margin: 15px 0 10px;
}

.chat-right h3 {
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  color: #000000;
  margin-bottom: 100px;
}

.chat-coment-righ {
  position: relative;
  text-align: right;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding-right: 47px;
  margin-bottom: 14px;
}

.chat-coment-righ p {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  text-align: right;
  color: #ffffff;
  position: relative;
  background: #f07908;
  border-radius: 17px 17px 0px 17px;
  padding: 10px 15px;
  width: 70%;
}

.chat-coment-righ::before {
  content: "";
  width: 24px;
  height: 24px;
  background: #eeeeee;
  border-radius: 100%;
  text-align: right;
  position: absolute;
  top: 0;
  right: 0;
}

.chat-coment-left {
  position: relative;
  padding-left: 47px;
  width: 70%;
  margin-bottom: 14px;
}

.chat-coment-left p {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #1c1d21;
}

.chat-coment-left::before {
  content: "";
  width: 24px;
  height: 24px;
  background: #eeeeee;
  border-radius: 100%;
  text-align: right;
  position: absolute;
  top: 0;
  left: 0;
}

.time {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-size: 12px;
  line-height: 18px;
  color: #8181a5;
  margin-top: 8px;
}

.send-btn {
  background-color: #f07908;
  color: #fff;
  border: none;
  border-radius: 6px;
  width: 39px;
  height: 29px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: 0.3s;
  position: absolute;
  bottom: 12px;
  right: 41px;
}

.send-btn:hover {
  background-color: #e06800;
}

.chat-footer {
  position: relative;
}

.chat-footer input {
  background: #f0f0f3;
  border-radius: 0;
  width: 100%;
  height: 127px;
  padding: 18px 28px 12px 28px;
}

.chat-coment-left .three-dote-icons {
  padding-top: 8px;
}

@media (min-width: 768px) {
  .row-text-button {
    flex-direction: row;
    align-items: center;
    gap: 56px;
  }

  .row-text-button-flex {
    gap: 9px;
    flex-direction: column;
  }

  .row-text-button p:first-child {
    margin-right: 34px;
  }

  .infakt-key-row {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    gap: 24px;
  }

  .infakt-key-row .form-col {
    margin-bottom: 0;
  }

  .infakt-key .form-col-btn.text-start {
    margin-top: 37px;
  }
}

@media (min-width: 992px) {
  .col-gap {
    gap: 0px;
  }
}

@media (min-width: 1200px) {
  .body2-100vh {
    min-height: calc(100vh - 260px);
  }

  .chat-block {
    display: flex;
    justify-content: space-between;
  }

  .chat-right {
    width: 100%;
    max-width: 500px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .chat-footer {
    margin-top: 70px;
  }
}

@media (min-width: 1300px) {
  .line-graph-content h3 {
    font-size: 32px;
  }

  .line-graph-content p {
    font-size: 14px;
  }

  .line-graph-image {
    width: 178px;
  }

  .line-graph-content {
    width: calc(100% - 178px);
  }

  .line-graph {
    padding: 22px 28px;
  }

  .chat-right {
    max-width: 700px;
  }

  .chat-coment-righ p {
    width: max-content;
  }

  .chat-right h3 {
    margin-bottom: 350px;
  }
}

@media (min-width: 1440px) {
  .chat-right {
    max-width: 1070px;
    padding-left: 150px;
  }
}

/* ============= sanjoy end ============= */

.prod-panel:not(:nth-last-of-type(2)) {
  margin-bottom: 24px;
}

.prod-panel h6 {
  font-size: 14px;
  line-height: 17px;
  font-weight: 700;
  color: #000000;
  margin: 0 0 13px;
}

.product__rows {
  gap: 15px 0;
}

.product-cards.with-quentity .product-detl {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  padding: 15px 12px 15px 55px;
}

.product-cards.with-quentity.active .product-detl {
  align-items: flex-end;
  gap: 12px 24px;
}

.product-cards.with-quentity .product-detl h5 {
  width: calc(100% - 95px);
}

.quentity-wrap {
  display: none;
}

.product-cards.with-quentity.active .quentity-wrap {
  display: block;
}

.quantity {
  display: flex;
  border: 1px solid #eaeaea;
  border-radius: 30px;
  overflow: hidden;
}

.quantity button {
  position: relative;
  z-index: 2;
  background-color: #ffffff;
  color: #686868;
  border: none;
  cursor: pointer;
  font-size: 12px;
  width: 20px;
  height: auto;
  text-align: center;
  transition: background-color 0.2s;
  padding: 0;
}

.quantity button i {
  pointer-events: none;
}

.quantity button.minus {
  transform: rotate(-180deg);
  padding-top: 2px;
}

.input-box {
  width: 48px;
  height: auto;
  text-align: center;
  border: none;
  padding: 7px;
  font-size: 16px;
  outline: none;
  border-radius: 0;
}

/* Hide the number input spin buttons */
.input-box::-webkit-inner-spin-button,
.input-box::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.input-box[type="number"] {
  -moz-appearance: textfield;
}

.product-cards.with-quentity {
  position: relative;
}

.product-cards.with-quentity .product-detl .done-icon {
  position: absolute;
  top: 10px;
  right: 12px;
  width: 22px;
  height: 22px;
  visibility: hidden;
  opacity: 0;
}

.product-cards.with-quentity .product-detl .done-icon img {
  width: 100%;
  height: auto;
  display: block;
}

.product-cards.with-quentity.active .product-detl .done-icon {
  visibility: visible;
  opacity: 1;
}

.with-quentity .ord-butns .btns {
  font-size: 14px;
  padding: 15px 14px;
}

.with-quentity.active .ord-butns {
  display: none;
}

.cart-popup {
  position: fixed;
  top: 80px;
  right: -100%;
  z-index: 9;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  background: #fefefe;
  border: 1px solid #000000;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  padding: 20px 18px;
}

.cart-popup.active {
  right: 0;
  opacity: 1;
  visibility: visible;
}

.cart-popup::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 6px;
  height: 100%;
  background: #000000;
  border-radius: 10px;
}

.cart-popup span {
  display: block;
  max-width: 40px;
}

.cart-popup h6 {
  font-size: 14px;
  line-height: 1.25em;
  font-weight: 700;
  color: #2f3032;
}

.product__count {
  position: absolute;
  bottom: 15px;
  right: 15px;
  z-index: 9;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  background: #000000;
  border-radius: 50%;
  font-size: 11px;
  line-height: 1.2142em;
  font-weight: 700;
  color: #ffffff;
}

.product__count span {
  display: block;
  font-size: 28px;
  line-height: 1.22223em;
  margin-top: -15px;
}

@media (min-width: 768px) {
  .cart-popup {
    top: 125px;
  }

  .cart-popup span {
    max-width: 50px;
  }

  .cart-popup h6 {
    font-size: 16px;
  }
}

@media (min-width: 1200px) {
  .product__rows {
    margin-right: -45px;
  }

  .product-cards.with-quentity .product-detl {
    justify-content: space-between;
    padding: 15px 30px 15px 55px;
  }

  .product-cards.with-quentity .product-detl h5 {
    font-size: 12px;
    width: 100%;
    max-width: 150px;
  }

  .product-cards.with-quentity .product-detl .done-icon {
    right: 12px;
    max-width: 20px;
  }

  .quentity-wrap {
    position: absolute;
    bottom: 10px;
    right: 10px;
  }

  .ord-butns {
    position: absolute;
    bottom: 10px;
    right: 10px;
  }

  .with-quentity .ord-butns .btns {
    font-size: 12px;
    padding: 8px 10px;
  }

  .cart-popup {
    top: 95px;
  }

  .product__count {
    bottom: 66px;
    right: 46px;
    font-size: 14px;
    width: 100px;
    height: 100px;
  }

  .product__count span {
    font-size: 36px;
    margin-top: -20px;
  }
}

@media (min-width: 1600px) {
  .product__rows {
    margin-right: -12px;
  }

  .quentity-wrap,
  .ord-butns {
    position: relative;
    bottom: unset;
    right: unset;
  }

  .product-cards.with-quentity .product-detl h5 {
    font-size: 14px;
  }

  .product-cards.with-quentity .product-detl .done-icon {
    right: 16px;
    max-width: 24px;
  }

  .with-quentity .ord-butns .btns {
    font-size: 14px;
    padding: 15px 14px;
  }
}

.undo-btn {
  margin: -10px 0 15px 0;
}

.order-history {
  max-width: 350px;
}

.order-history table {
  width: 100%;
  border-collapse: collapse;
}

.order-history table tr.grey_bg {
  background: #f3f3f3;
  border-radius: 10px;
}

.order-history table tr.grey_bg td:first-child,
.order-history table tr.grey_bg td:nth-child(2),
.order-history table tr.grey_bg td:nth-child(3) {
  color: #000000;
}

.order-history table td {
  font-size: 16px;
  line-height: 1.25em;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.4);
  padding: 5px 12px;
}

.order-history table td:first-child {
  border-radius: 10px 0 0 10px;
}

.order-history table td:last-child {
  border-radius: 0 10px 10px 0;
}

.final-order__flex {
  gap: 25px 0;
}

.final-order__detl {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  padding: 0 0 18px;
}

.final-order__detl h5 {
  font-size: 14px;
  line-height: 17px;
  font-weight: 700;
  color: #000000;
}

.final-order__detl h5 span {
  display: block;
  font-weight: 500;
}

.final-order__detl .rg-box {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
}

.final-order__detl .rg-box h6 {
  color: #f07908;
  margin: 0;
}

.order-history span {
  display: block;
  font-size: 14px;
  line-height: 17px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.5);
  margin: 0 0 8px;
}

.totla__ords {
  font-size: 16px;
  line-height: 1.2em;
  font-weight: 700;
  text-align: right;
  color: #f07908;
  margin: 25px 0 0;
}

.payment__method {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin: 0 0 14px;
}

.payment__method span {
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.5);
}

.csm-select {
  position: relative;
}

.csm-select::after {
  position: absolute;
  content: "\e911";
  top: 50%;
  right: 12px;
  transform: translate(0, -50%);
  font-size: 20px;
  line-height: 1;
  color: #f07908;
  font-family: "jamal" !important;
  pointer-events: none;
}

.csm-select select {
  width: 100%;
  min-width: 150px;
  height: 45px;
  background: #ffffff;
  border: 1px solid rgba(91, 91, 91, 0.2);
  border-radius: 30px;
  cursor: pointer;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.25em;
  color: #000000;
  padding: 0 12px;
}

.payment__method .csm-select {
  min-width: 180px;
}

.final-ord__col {
  margin: 0 0 10px;
}

.final-ord__col span {
  display: block;
  font-size: 14px;
  line-height: 17px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.5);
  margin: 0 0 14px;
}

.ord--detl-text {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  padding: 0 0 10px;
}

.ord--detl-text h5 {
  font-size: 16px;
  line-height: 1.25em;
  font-weight: 700;
  color: #000000;
}

.ord--detl-text h5 .lt-text {
  font-weight: 500;
}

.ord--detl-border input {
  height: 50px;
  background: #ffffff;
  border: 1px solid rgba(91, 91, 91, 0.2);
  border-radius: 30px;
  padding: 14px;
}

.ord--detl-border textarea {
  font-size: 16px;
  line-height: 1.5em;
  color: #000;
  height: 125px;
  background: #ffffff;
  border: 1px solid rgba(91, 91, 91, 0.2);
  border-radius: 30px;
  padding: 14px;
}

.ord--detl-border textarea::placeholder {
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.5);
}

.ord--detl-text .order-note-field {
  width: 100%;
}

.ord--detl-text .order-note-textarea {
  width: 100%;
  min-height: 140px;
  background: #ffffff;
  border: 1px solid rgba(91, 91, 91, 0.2);
  border-radius: 30px;
  font-size: 16px;
  line-height: 1.4em;
  color: #000000;
  padding: 14px 16px;
  resize: vertical;
}

.ord--detl-text .order-note-textarea::placeholder {
  color: rgba(0, 0, 0, 0.5);
}

.ord--detl-border.order-note-preview p {
  margin: 0;
  white-space: pre-line;
  font-size: 15px;
  line-height: 1.4em;
  color: #242b32;
}

.min-order-popup {
  position: fixed;
  top: 65px;
  right: -100%;
  z-index: 9;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 25px;
  background: #fdeeee;
  border-radius: 10px;
  visibility: hidden;
  opacity: 0;
  padding: 20px 20px 26px 18px;
}

.min-order-popup.active {
  visibility: visible;
  opacity: 1;
  right: 0;
}

.min-order-popup::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 6px;
  height: 100%;
  background: #eb5757;
  border-radius: 10px;
}

.min-order-popup h6 {
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  color: #2f3032;
}

.order__placed {
  text-align: center;
  margin: 150px 0 0;
}

.order__placed h5 {
  font-size: 22px;
  line-height: 1.208333em;
  font-weight: 700;
  color: #f07908;
  margin: 0 0 55px;
}

@media (min-width: 768px) {
  .final-order__flex {
    max-width: 900px;
  }

  .min-order-popup {
    top: 48px;
  }
}

@media (min-width: 1200px) {
  .final-order__flex > div:last-child {
    padding-left: 120px;
  }

  .payment__method .csm-select {
    min-width: 200px;
  }

  .csm-select select {
    height: 50px;
  }

  .ord--detl-border {
    padding: 17px 18px;
  }

  .ord--detl-border:has(span) {
    padding: 23px 18px;
    margin-top: 20px;
  }

  .min-order-popup {
    min-width: 500px;
    top: 48px;
  }

  .order__placed {
    margin: 220px 0 0;
  }

  .order__placed h5 {
    font-size: 24px;
  }
}

.change-sup-btn {
  margin: 15px 0 20px;
}

.change-sup-btn .arrow-btn {
  font-size: 20px;
  font-weight: 700;
  color: #f07908;
  padding: 0 0 0 45px;
}

.change-sup-btn .arrow-btn::after {
  right: unset;
  left: 0;
  width: 30px;
  height: 15px;
  background: url(../img/Arrow-left-black.svg) no-repeat center center / cover;
}

.recom-supl-box {
  max-width: 338px;
  min-height: 104px;
  background: #f3f3f3;
  border-radius: 10px;
  padding: 10px;
  margin: 0 0 40px;
}

.recom-supl-box h5 {
  font-size: 12px;
  line-height: 15px;
  font-weight: 700;
  color: #f07908;
  margin: 0 0 6px;
}

.recom-supl-box h6,
.recom-supl-list li h6 {
  font-size: 16px;
  line-height: 1.25em;
  font-weight: 700;
  color: #000000;
}

.recom-supl-box h6 span,
.recom-supl-list li h6 span {
  display: block;
  font-weight: 500;
  margin: 18px 0 0;
}

.recom-supl-list li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  max-width: 325px;
}

.recom-supl-list li:not(:last-child) {
  margin: 0 0 40px;
}

.recom-supl-list li .btns {
  padding: 15px 9px;
}

.split-order__flex {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px 0;
  margin: 5px 0 20px 0;
}

.split-order__flex p {
  font-size: 10px;
  line-height: 12px;
  font-weight: 500;
  color: #242b32;
}

.split-order__flex p strong {
  font-weight: 600;
}

@media (min-width: 480px) {
  .split-order__flex {
    flex-direction: row;
    align-items: center;
  }

  .split-order__flex p {
    max-width: 184px;
  }
}

/* order schedule */
.calendar {
  width: 100%;
  max-width: 350px;
  text-align: center;
}

.calendar-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 600;
  border-bottom: 1px solid rgba(129, 129, 165, 0.14);
  padding: 0 0 16px;
  margin-bottom: 16px;
}

.calendar-header h5 {
  font-size: 16px;
  line-height: 24px;
  font-family: "Lato";
  font-weight: 700;
  color: #1c1d21;
}

.calendar-nav__wrap {
  display: flex;
  gap: 15px;
}

.calendar-header .calendar-nav {
  background: none;
  border: none;
  font-size: 18px;
  cursor: pointer;
  color: #f58220;
  padding: 0;
}

.day-names {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  font-family: "Lato";
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  color: #242b32;
  margin-bottom: 5px;
}

.days-grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 5px;
}

.day {
  position: relative;
  font-size: 14px;
  line-height: 21px;
  color: #1c1d21;
  font-family: "Lato";
  font-weight: 700;
  padding: 10px;
  border-radius: 8px;
  cursor: pointer;
  transition: 0.3s;
}

.day:hover {
  background: #f2f2f2;
}

.day.active {
  background: #f07908;
  color: white;
}

.dot {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
  width: 6px;
  height: 6px;
  background: #f58220;
  border-radius: 50%;
  margin: 4px auto 0;
}

.time-slots {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 6px 10px;
  margin-top: 25px;
}

.time-slot {
  font-size: 15px;
  line-height: 1.25em;
  color: #000000;
  font-weight: 700;
  padding: 7px 5px;
  border-radius: 6px;
  background: #fff;
  border: 2px solid transparent;
  cursor: pointer;
  transition: 0.3s;
}

.time-slot.active {
  background: #f07908;
  color: #fff;
  border-radius: 10px;
}

.time-slot:hover {
  border: 2px solid #f07908;
}

.prod-panel:has(.schedule) {
  margin-top: 20px;
}

.schedule tbody {
  display: grid;
  gap: 18px 0;
}

.order-history.schedule table td {
  position: relative;
  padding: 5px 7px;
}

.schedule table td:nth-child(3) {
  min-width: 33px;
}

.schedule table td:has(.delete),
.schedule table td:has(.delt--btn) {
  min-width: 55px;
  vertical-align: middle;
}

.schedule table td .btn.btn-sm {
  height: auto;
  padding: 4px 12px;
  font-size: 13px;
  line-height: 1.5;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}

.schedule td .delete {
  position: absolute;
  top: -6px;
  right: -6px;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 41px;
  height: 41px;
  background: #979797;
  border-radius: 50%;
}

.schedule td .delt--btn {
  width: 32px;
  height: 32px;
  background: #979797;
  flex-shrink: 0;
}

.delt--btn img {
  width: 20px;
  height: 20px;
}

.product-cards.with-quentity .done-icon.black-tic {
  top: 10px;
}

.totla__ords.change-btn {
  margin: 10px 0 0;
}

@media (min-width: 1200px) {
  .schedule td .delt--btn:hover {
    background: red;
  }

  .schedule-cln .step-btn-wrap {
    margin: 30px 0 0;
  }
}

@media (min-width: 1200px) and (max-width: 1599px) {
  .product-cards.with-quentity .done-icon.black-tic {
    top: 12px;
    max-width: 20px;
    right: 12px;
  }
}

.delt--btn {
  border: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #979797;
  padding: 0;
  transition: 0.3s;
}

.delt--btn img {
  display: block;
}

.order-date-list.order__select {
  margin: 16px 0 0;
}

.dash-title:has(.filer__btn) {
  display: flex;
  align-items: center;
  gap: 20px;
  margin: 0 0 10px;
}

.filer__btn {
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 41px;
  height: 41px;
  background: #f07908;
  border-radius: 50%;
}

.date-list-item.checkbox-item label {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 12px;
  padding-left: 0;
}

.date-list-item.checkbox-item label::before {
  display: none;
}

.date-list-item.checkbox-item label::after {
  display: none;
}

.date-list-item.checkbox-item::after {
  display: none;
}

.order__select .date-list-item.checkbox-item input[type="checkbox"] {
  position: absolute;
  opacity: 1;
  visibility: visible;
  width: 20px;
  height: 20px;
  accent-color: #f07908;
  cursor: pointer;
  left: 72px;
  bottom: 7px;
  margin: 0;
  z-index: 2;
}

.order__select .date-list-item.checkbox-item input[type="checkbox"]:disabled {
  cursor: not-allowed;
  opacity: 0.45;
}

.order__select .date-list-item.checkbox-item .buyer-name.mt-2 {
  padding-left: 30px;
}

.order__select .date-detl-box span {
  margin: 7px 0 0;
}

.date-detl-box .buyer-name {
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  color: #242b32;
  margin: 5px 0 0;
}

.date-detl-box .buyer-name.invoice-hint {
  color: #1f7a3f;
}

.date-detl-box .buyer-name.invoice-hint--blocked {
  color: #5f5f5f;
}

.invoice-selection-info {
  margin-top: 10px;
  margin-bottom: 10px;
}

.invoice-selection-info p {
  margin: 0 0 4px;
  font-size: 13px;
  line-height: 1.35em;
  color: #242b32;
}

.invoice-selection-errors {
  margin-top: 8px;
}

.my-orders-layout {
  display: block;
}

.my-orders-layout__side .orders-related-panel {
  margin-top: 0;
}

.date-list-item.checkbox-item label .phone-icon {
  max-width: 28px;
}

.divider-text {
  font-weight: 700;
  font-size: 14px;
  line-height: 17px;
  color: #000000;
  margin: 0 0 18px;
}

.export-popup {
  position: absolute;
  top: 120px;
  left: 15px;
  z-index: 1100;
  transform: scale(0.8);
  visibility: hidden;
  opacity: 0;
  max-width: 330px;
  background: #f07908;
  border-radius: 50px;
  transition: 0.3s;
  padding: 72px 25px 22px 25px;
}

.export-popup.active {
  transform: scale(1);
  visibility: visible;
  opacity: 1;
}

.export-popup h6 {
  font-size: 16px;
  line-height: 1.223em;
  font-weight: 900;
  color: #ffffff;
  text-align: center;
}

.checkbox-list.export-format {
  padding-left: 40px;
  margin: 15px 0 20px 0;
}

.checkbox-list.export-format input[type="radio"] {
  position: absolute;
  opacity: 0;
}

.checkbox-list.export-format label {
  padding-left: 27px;
}

.checkbox-list.export-format label::before {
  width: 15px;
  height: 15px;
  top: 2px;
}

.checkbox-list.export-format label::after {
  top: 4px;
  left: 2px;
  font-size: 12px;
  transition: 0.3s;
}

.checkbox-list.export-format input[type="radio"]:checked + label::after {
  transform: scale(1);
  opacity: 1;
}

.Dalej-btn {
  text-align: center;
}

.cls-exp-popup {
  position: absolute;
  top: 24px;
  right: 24px;
  border: none;
  background: transparent;
  padding: 0;
  font-size: 24px;
  line-height: 1;
  color: #ffffff;
}

.filter-popup h5 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  font-size: 18px;
  line-height: 1.2em;
  font-weight: 700;
  color: #f07908;
  margin: 0 0 25px;
}

.cls-filter {
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 41px;
  height: 41px;
  background: #f07908;
  border-radius: 50%;
}

.filter-popup {
  position: fixed;
  top: 45px;
  right: -100%;
  z-index: 1110;
  width: 312px;
  background: #ffff;
  opacity: 0;
  transition: 0.3s;
  padding: 15px;
}

.filter-popup.active {
  right: 0;
  opacity: 1;
}

.filter-form {
  display: flex;
  flex-wrap: wrap;
  gap: 15px 0;
}

.filter-col {
  width: 100%;
  position: relative;
}

.filter-col span {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translate(0, -50%);
}

.filter-col input {
  padding: 10px 35px 10px 18px;
}

.filter-col input::placeholder,
.filter-col .csm-select select {
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  font-family: "Montserrat";
  color: #000000;
}

.filter-col .csm-select select {
  padding: 0 18px;
}

.filter-col .csm-select::after {
  right: 18px;
  font-size: 18px;
}

.filtering-btn {
  text-align: center;
  width: 100%;
  margin: 20px 0 0;
}

.ord__date_text {
  display: flex;
  justify-content: space-between;
  margin: 0 0 10px;
}

.ord__date_text p {
  font-weight: 500;
  font-size: 11px;
  line-height: 13px;
  color: #000000;
}

@media (min-width: 768px) {
  .filter-form {
    gap: 20px 0;
  }

  .filter-col input {
    height: 50px;
  }

  .filtering-btn {
    margin: 35px 0 0;
  }
}

@media (min-width: 1200px) {
  .my-orders-layout.has-related {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 360px);
    gap: 28px;
    align-items: start;
    justify-content: start;
  }

  .my-orders-layout.has-related .my-orders-layout__main {
    min-width: 0;
  }

  .my-orders-layout.has-related .my-orders-layout__side {
    min-width: 0;
    display: flex;
    justify-content: flex-start;
    justify-self: start;
    text-align: left;
  }

  .my-orders-layout.has-related .my-orders-layout__side .orders-related-panel {
    margin-left: 0;
    margin-right: auto;
  }

  .export-popup {
    top: 125px;
    left: 420px;
  }

  .export-popup h6 {
    font-size: 18px;
  }

  .filter-popup {
    top: 52px;
  }

  .filter-popup.active {
    right: 100px;
  }

  .dash-title.ord-page__05 {
    margin: 0 0 42px;
  }
}

.ord--detl-border.no-border {
  border: navajowhite;
  padding: 0;
}

.ord--detl-border.no-border p strong {
  font-size: 16px;
  font-weight: 500;
}

.save-cancel-group {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px 0;
  margin: 14px 0 0;
}

.save-cancel-group .btns:last-child {
  background: #000000;
  color: #ffffff;
}

.save-cancel-group .btns:last-child:hover {
  background: #f07908;
}

.customer-signature h5 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 16px;
  line-height: 1.25em;
  font-weight: 700;
  color: #000000;
  margin: 0 0 4px;
}

.customer-signature h5 span {
  font-weight: 500;
  font-size: 11px;
  line-height: 13px;
  margin: 0;
}

.step-btn-wrap.groups__btns {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.order-detl__grey {
  max-width: 880px;
  background: #f3f3f3;
  border-radius: 10px;
  padding: 10px 12px 28px;
  margin: 0 0 40px;
}

.order-detl__grey p {
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  color: #000000;
  margin: 0 0 5px;
}

.order-detl__grey h6 {
  font-size: 16px;
  line-height: 1.25em;
  font-weight: 700;
  color: #000000;
}

.order-detl__grey h6 span {
  color: #f07908;
}

.save-cancel-group.ords-05-page {
  max-width: 308px;
}

.save-cancel-group.ords-05-page .btns {
  width: 100%;
  text-align: center;
}

.invc-sub-text {
  font-size: 16px;
  line-height: 1.25em;
  font-weight: 500;
  color: #000000;
  margin: 0 0 20px;
}

.date-location__select {
  max-width: 630px;
}

.date-location__select .row {
  gap: 8px 0;
  --bs-gutter-x: 0.5rem;
}

.download__btn {
  margin: 30px 0 0;
}

.invoices-date-list {
  margin: 45px 0 0;
}

.invoices-date-list li a {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 354px;
  border-bottom: 1px solid #e1e1e1;
  padding: 15px 70px 15px 0;
}

.invoices-date-list li:first-child a {
  padding-top: 0;
}

.invoices-date-list li a::after {
  position: absolute;
  content: "";
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
  width: 19px;
  height: 9px;
  background: url(../img/right-arrow-orange.svg) no-repeat center center / cover;
}

.invoices-date-list li p {
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
  color: #242b32;
}

/* setting front */
.tab__navigation {
  display: flex;
  flex-wrap: nowrap;
  gap: 15px;
  overflow-x: auto;
  padding: 0 0 10px;
  margin: 0 0 30px;
}

.tab__navigation a {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  line-height: 1.5em;
  font-family: "Lato";
  font-weight: 700;
  color: #8181a5;
  border: 1px solid transparent;
  background: #ffffff;
  border-radius: 8px;
  min-height: 41px;
  transition: all 0.3s ease-in-out;
}

.tab__navigation a.active {
  color: #1c1d21;
  border-color: #ececf2;
  padding: 9px 29px;
}

.setting__form__flex {
  gap: 15px 0;
}

.setting-form--col .row {
  gap: 15px 0;
}

/* Ustawienia → Moje firmy: formularze poza gridem .row/.col potrzebują własnych
   odstępów, a białe .secondary-btn na białej treści — obramowania, by były widoczne. */
.setting__form > .setting-form--inner {
  margin-bottom: 15px;
}

.prod-panel .btns,
.rg-box .btns {
  display: inline-block;
}

.prod-panel .btns.secondary-btn,
.rg-box .btns.secondary-btn,
.mb-3 .btns.secondary-btn,
.setting__form .btns.secondary-btn,
.recurring-item-row .btns.secondary-btn,
#js-item-add.btns.secondary-btn,
.status-actions .btns.secondary-btn,
.companies-table .btns.secondary-btn {
  border: 1px solid #d7d7d7 !important;
}

.setting__hint {
  margin: 0 0 12px;
  color: rgba(0, 0, 0, 0.5);
  font-size: 13px;
}

/* Kontekst zamawiania w sidebarze (na pomarańczowym tle) — spójny z białym tekstem sidebara. */
.context-info {
  margin: 12px 0;
  padding: 12px 14px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.15);
}

.context-info__label {
  display: block;
  font-size: 11px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.8);
}

.context-info__value {
  display: block;
  font-size: 18px;
  line-height: 1.2;
  font-weight: 700;
  color: #ffffff;
  word-break: break-word;
}

/* Box informacyjny w treści (białe tło) — spójny z .supplier-inner. */
.panel-info {
  background: #f3f3f3;
  border-radius: 10px;
  padding: 18px 16px;
  margin: 0 0 14px;
}

.panel-info__label {
  display: block;
  font-size: 14px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.5);
}

.panel-info__value {
  display: block;
  font-size: 16px;
  font-weight: 700;
  color: #000000;
  margin: 4px 0 0;
  word-break: break-word;
}

.panel-info__note {
  font-size: 13px;
  color: rgba(0, 0, 0, 0.5);
  margin: 6px 0 0;
}

/* Plakietka roli/statusu — rounded-rect w kolorystyce Jamall (nie pełny pill). */
.role-badge {
  display: inline-block;
  font-size: 11px;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 6px;
  background: #f07908;
  color: #ffffff;
}

.role-badge--light {
  background: rgba(255, 255, 255, 0.25);
  color: #ffffff;
}

.role-badge--ok {
  background: #7eba27;
}

.setting-form--inner label {
  font-size: 15px;
  line-height: 18px;
  font-weight: 600;
  color: #242b32;
  margin: 0 0 5px;
}

.setting-form--inner input {
  height: 50px;
  font-size: 16px;
  line-height: 18px;
  border-color: #d7d7d7;
  padding: 10px 18px;
}

.password-field {
  position: relative;
}

.password-field .js-password-input {
  padding-right: 46px !important;
}

.password-toggle {
  position: absolute;
  top: 50%;
  right: 14px;
  transform: translateY(-50%);
  border: none;
  background: transparent;
  color: #7a7a7a;
  width: 24px;
  height: 24px;
  padding: 0;
  cursor: pointer;
}

.setting-form--inner input::placeholder {
  font-size: 16px;
  line-height: 1;
  font-weight: 600;
  color: #242b32;
}

.setting-form--inner .select select {
  height: 50px;
  font-size: 16px;
  line-height: 18px;
  border-color: #d7d7d7;
  padding: 10px 40px 10px 18px;
}

.setting-form--inner .select::after {
  color: #ed7f2d;
}

.save-changes__btn {
  margin: 20px 0 0;
}

.location_item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  border-radius: 10px;
  max-width: 338px;
  padding: 12px;
  margin: 0 0 30px;
}

.location_item:last-child {
  margin-bottom: 0;
}

.location_item.grey__bg {
  background-color: #f3f3f3;
}

.loca-text span {
  display: block;
  font-size: 12px;
  line-height: 15px;
  font-weight: 700;
  color: #f07908;
}

.loca-text h6 {
  font-size: 16px;
  line-height: 1.25em;
  font-weight: 500;
  color: #000000;
}

.loca-text h6 strong {
  font-weight: 700;
}

.action__btns {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.action__btns button {
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 41px;
  height: 41px;
  border-radius: 50%;
  transition: 0.3s;
  padding: 0;
}

.action__btns .delt--btn {
  background: #979797;
}

.action__btns .edt--btn {
  background: #f07908;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 88px;
  height: 41px;
  border-radius: 30px;
  color: #ffffff;
  font-size: 12px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.3px;
  padding: 0 15px;
}

.action__btns .edt--btn img {
  display: none;
}

.add__location {
  max-width: 310px;
}

.add__location.add__location--wide {
  max-width: 620px;
  width: 100%;
}

.cstm-toggle-btn input {
  position: absolute;
  opacity: 0;
}

.cstm-toggle-btn label {
  position: relative;
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  color: #1e1e1e;
  padding-left: 52px;
}

.add__location .cstm-toggle-btn label {
  margin: 0 0 8px;
}

.cstm-toggle-btn label::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 40px;
  height: 24px;
  background: #f0f0f3;
  border-radius: 12px;
  transition: 0.3s;
}

.cstm-toggle-btn input:checked + label::before {
  background: #f07908;
}

.cstm-toggle-btn label::after {
  position: absolute;
  content: "";
  top: 4px;
  left: 4px;
  width: 16px;
  height: 16px;
  background: #8181a5;
  border-radius: 50%;
  transition: 0.3s linear;
}

.cstm-toggle-btn input:checked + label::after {
  background: #ffffff;
  left: 20px;
}

.add__location .setting-form--inner label {
  color: #f07908;
  margin: 0 0 8px;
}

.setting-form--inner.with-map {
  margin: 0 0 15px;
}

.setting-form--inner.with-map label {
  margin: 0 0 10px;
}

.setting-form--inner iframe {
  width: 100%;
  height: 150px;
  border-radius: 20px;
}

.location_item.employees .action__btns {
  flex-direction: row;
}

.configuration-form .radio-listing {
  padding-left: 20px;
}

.notif-list li:not(:last-child) {
  margin-bottom: 12px;
}

.notification__popup {
  position: fixed;
  top: 40px;
  right: -100%;
  z-index: 1120;
  display: flex;
  flex-direction: column;
  width: 320px;
  height: calc(100% - 80px);
  background: #f07908;
  border-radius: 50px;
  opacity: 0;
  transition: 0.3s;
  padding: 30px 20px;
}

.notification__popup.active {
  right: 16px;
  opacity: 1;
}

.notification__popup h5 {
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  font-weight: 700;
  color: #ffffff;
  margin: 0 0 25px;
}

.notifi-card {
  background: #ffffff;
  border-radius: 10px;
  padding: 10px 10px 20px;
  margin: 0 0 20px;
}

.notifi-card:nth-last-child(2) {
  margin: 0;
}

.notifi-card .date-list-item::after {
  display: none;
}

.notifi-card p {
  font-size: 12px;
  line-height: 15px;
  font-weight: 500;
  color: #000000;
  margin: 0 0 5px;
}

.notifi-card h6 {
  font-size: 16px;
  line-height: 1.25em;
  font-weight: 700;
  color: #000000;
  margin: 0 0 10px;
}

.notifi-card h6 span {
  color: #f07908;
}

.clearAll {
  text-align: center;
  margin-top: auto;
}

.clearAll .arrow-btn {
  color: #ffffff;
}

.clearAll .arrow-btn::after {
  filter: brightness(0) invert(1);
}

.close-notification {
  border: none;
  background: transparent;
  position: absolute;
  top: 35px;
  right: 26px;
}

@media (min-width: 768px) {
  .notification__popup {
    top: 44px;
    width: 395px;
    padding: 45px 25px 30px 25px;
  }

  .notification__popup.active {
    right: 24px;
  }

  .close-notification {
    top: 45px;
    right: 25px;
  }
}

@media (min-width: 1200px) {
  .dash-title.setting-tl {
    margin: 0 0 30px;
  }

  .tab__navigation {
    margin: 0 0 50px;
  }

  .setting__form__flex {
    --bs-gutter-x: 2.75rem;
  }

  .setting-form--col .row {
    gap: 20px 0;
  }

  .save-changes__btn {
    margin: 40px 0 0;
  }

  .action__btns .delt--btn:hover {
    background: red;
  }

  .action__btns .edt--btn:hover {
    background: #000000;
  }

  .add__location .save-changes__btn {
    margin: 20px 0 0;
  }

  .notification__popup.active {
    right: 40px;
  }
}

@media (max-width: 767.98px) {
  .add__location.add__location--wide {
    max-width: 100%;
  }
}

/* fixing css */
.calender-column .calendar {
  margin: 0 0 20px;
}

.drag-handle img {
  cursor: grab;
}

@media (min-width: 768px) {
  .calender-column {
    --bs-gutter-x: 2rem;
    max-width: 850px;
  }
}

/* ADD css */
.days-grid {
  gap: 8px;
}

.js-address-slider .address-slider-col.slick-slide input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}
/* 
.js-address-slider .address-slider-col.slick-slide label {
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0;

  height: initial;
  width: initial;
}

.js-address-slider
  .address-slider-col.slick-slide
  label
  .address-detl
  .address-text
  p {
  display: none;
}

.js-address-slider
  .address-slider-col.slick-slide
  input:checked
  + label
  .address-detl
  .address-text
  p {
  display: block;
}

.js-address-slider .address-slider-col.slick-slide label .address-text h5 {
  position: relative;
}

.js-address-slider
  .address-slider-col.slick-slide
  label
  .address-text
  h5::after,
.js-address-slider
  .address-slider-col.slick-slide
  label
  .address-text
  h5::before {
  opacity: 0;
}

.js-address-slider
  .address-slider-col.slick-slide
  input:checked
  + label
  .address-text
  h5::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  background: #7eba27;
  opacity: 1;
}

.js-address-slider
  .address-slider-col.slick-slide
  input:checked
  + label
  .address-text
  h5::after {
  content: "";
  display: block;
  position: absolute;
  top: 7px;
  left: 16px;
  width: 8px;
  height: 20px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  opacity: 1;
} */

@media (min-width: 1200px) {
  .order-search__bar {
    padding: 0 0 20px;
  }

  .dashboard-wrapper {
    min-height: 100vh;
  }

  .sidebar {
    height: unset;
  }

  .dashboard-right {
    max-height: unset;
    min-height: 100vh;
  }

  .js-address-slider .slick-prev {
    right: 172px !important;
    transform: rotate(-180deg);
    top: -61px !important;
    background: #f07908;
  }

  .js-address-slider .slick-arrow {
    background: none !important;
  }

  .js-address-slider .slick-next {
    top: -60px !important;
    right: 122px !important;
    background: #f07908;
    width: 30px !important;
    height: 30px !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
  }

  .js-address-slider .slick-prev:before {
    content: "\e913";
    font-family: "jamal";
    color: #fff;
    font-size: 20px;
    position: absolute;
    top: 9px;
    right: 8px;
  }

  .js-address-slider .slick-next:before {
    content: "\e913";
    font-family: "jamal";
    color: #fff;
    font-size: 20px;
  }



    .js-address-slider .slick-next,
  .js-address-slider .slick-prev {
    display: flex;
    width: 40px !important;
    height: 40px !important;
    background: #f07908 !important;
  }

  .js-address-slider .slick-prev:hover,
  .js-address-slider .slick-prev:focus,
  .js-address-slider .slick-next:hover,
  .js-address-slider .slick-next:focus {
    color: transparent;
    outline: none;
    background: transparent;
  }

  .js-address-slider .slick-prev:hover:before,
  .js-address-slider .slick-prev:focus:before,
  .js-address-slider .slick-next:hover:before,
  .js-address-slider .slick-next:focus:before {
    opacity: 0.8;
  }

  .js-address-slider .slick-prev.slick-disabled,
  .js-address-slider .slick-next.slick-disabled {
    opacity: 0.25 !important;
  }

  

   /* .js-address-slider .slick-prev:hover,
  .js-address-slider .slick-prev:focus,
  .js-address-slider .slick-next:hover,
  .js-address-slider .slick-next:focus {
    color: transparent;
    outline: none;
    background: transparent;
  }

  .js-address-slider .slick-prev:hover:before,
  .js-address-slider .slick-prev:focus:before,
  .js-address-slider .slick-next:hover:before,
  .js-address-slider .slick-next:focus:before {
    color: #F07908;
    opacity: 1;
  }

  .js-address-slider .slick-prev.slick-disabled:before,
  .js-address-slider .slick-next.slick-disabled:before {
    opacity: 0.25 !important;
  } */
}

/* .calendar-multi styles (duplicate of .calendar) for Order Schedules */
.calendar-multi {
  width: 100%;
  max-width: 350px;
  text-align: center;
}
.calendar-multi .calendar-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 600;
  border-bottom: 1px solid rgba(129, 129, 165, 0.14);
  padding: 0 0 16px;
  margin-bottom: 16px;
}
.calendar-multi .calendar-header h5 {
  font-size: 16px;
  line-height: 24px;
  font-family: "Lato";
  font-weight: 700;
  color: #1c1d21;
}
.calendar-multi .calendar-nav__wrap {
  display: flex;
  gap: 15px;
}
.calendar-multi .calendar-header .calendar-nav {
  background: none;
  border: none;
  font-size: 18px;
  cursor: pointer;
  color: #f58220;
  padding: 0;
}
.calendar-multi .day-names {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  font-family: "Lato";
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  color: #242b32;
  margin-bottom: 5px;
}
.calendar-multi .days-grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 5px;
}
.calendar-multi .day {
  position: relative;
  font-size: 14px;
  line-height: 21px;
  color: #1c1d21;
  font-family: "Lato";
  font-weight: 700;
  padding: 10px;
  border-radius: 8px;
  cursor: pointer;
  transition: 0.3s;
}
.calendar-multi .day:hover {
  background: #f2f2f2;
}
.calendar-multi .day.active {
  background: #f07908;
  color: white;
}
/* Ensure internal day/time-slot selectors work within .calendar-multi */
.calendar-multi .time-slots {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 6px 10px;
  margin-top: 25px;
}
.calendar-multi .time-slot {
  font-size: 15px;
  line-height: 1.25em;
  color: #000000;
  font-weight: 700;
  padding: 7px 5px;
  border-radius: 6px;
  background: #fff;
  border: 2px solid transparent;
  cursor: pointer;
  transition: 0.3s;
}
.calendar-multi .time-slot.active {
  background: #f07908;
  color: #fff;
  border-radius: 10px;
}
.calendar-multi .time-slot:hover {
  border: 2px solid #f07908;
}
.calender-column .calendar-multi {
    margin: 0 auto;
}
.order-row--recurring {
  background-color: #e8f4fd !important;
}
.order-row--schedule {
  background-color: #e6f7f1 !important;
}

/* ============================================================
   Feedback klienta 2026-07 — wspólne komponenty (Jamall tokens)
   ============================================================ */

/* Ujednolicone alerty aplikacji (zamiast bootstrapowych .alert-*) */
.app-alert {
  border-radius: 10px;
  padding: 14px 16px;
  margin: 0 0 14px;
  font-size: 14px;
  line-height: 1.45;
  background: #f3f3f3;
  border-left: 4px solid #d7d7d7;
  color: #000000;
}

.app-alert a {
  color: #f07908;
  font-weight: 700;
  text-decoration: underline;
}

.app-alert ul {
  margin: 0;
  padding-left: 18px;
}

.app-alert--success {
  background: rgba(126, 186, 39, 0.12);
  border-left-color: #7eba27;
}

.app-alert--warning {
  background: rgba(240, 121, 8, 0.10);
  border-left-color: #f07908;
}

.app-alert--danger {
  background: rgba(198, 40, 40, 0.08);
  border-left-color: #c62828;
}

.app-alert--info {
  background: #f3f3f3;
  border-left-color: #b5b5b5;
}

/* Powiadomienia: scroll, stan nieprzeczytane, klikalne karty, akcje.
   Popup jest flex-kolumną na całą wysokość okna — lista wypełnia dostępne
   miejsce (sztywny max-height ucinał ją w połowie na większych ekranach). */
.notification__popup .notifi-list {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
}

.notifi-card {
  position: relative;
}

.notifi-card[data-href] {
  cursor: pointer;
}

/* Solidny kremowy — hover nie może nadpisywać białego tła karty
   półprzezroczystością (prześwitywał pomarańczowy popup i 'tło znikało').
   opacity !important przebija bootstrapowe .opacity-50 przeczytanych kart. */
.notifi-card[data-href]:hover {
  background: #ffe9d2;
  opacity: 1 !important;
}

.notifi-card--unread {
  border-left: 3px solid #f07908;
}

.notifi-card__delete {
  position: absolute;
  top: 8px;
  right: 8px;
  background: none;
  border: none;
  border-radius: 0;
  padding: 2px 6px;
  height: auto;
  color: rgba(0, 0, 0, 0.35);
  font-size: 16px;
  line-height: 1;
  cursor: pointer;
}

.notifi-card__delete:hover {
  background: none;
}

.notifi-card__delete:hover {
  color: #c62828;
}

/* Popup powiadomień ma POMARAŃCZOWE tło — przyciski akcji muszą być białe
   (pomarańczowe zlewały się z tłem i były niewidoczne). */
.notif-actions {
  display: flex;
  gap: 18px;
  justify-content: center;
  padding: 6px 0 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  margin-bottom: 10px;
}

.notif-actions button {
  background: none;
  border: none;
  border-radius: 0;
  padding: 0;
  height: auto;
  line-height: 1.4;
  color: #ffffff;
  font-size: 13px;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
}

.notif-actions button:hover {
  background: none;
  color: #1e1e1e;
  text-decoration: underline;
}

/* Selektor kontekstu w sidebarze — nadpisuje globalne [type=submit]
   (50px wysokości + czerwone tło na hover), spójny z .business-item-list. */
.business-item-list .ctx-option,
.ctx-option {
  background: none;
  border: none;
  border-radius: 0;
  padding: 0;
  height: auto;
  width: 100%;
  text-align: left;
  text-transform: none;
  font-size: 12px;
  line-height: 15px;
  font-weight: 700;
  color: #1e1e1e;
  cursor: pointer;
}

.business-item-list .ctx-option:hover,
.ctx-option:hover {
  background: none;
  color: #f07908;
}

.ctx-option--active,
.business-item-list .ctx-option--active {
  color: #f07908;
}

.ctx-option--disabled,
.business-item-list .ctx-option--disabled,
.business-item-list .ctx-option--disabled:hover {
  color: #cccccc;
  cursor: not-allowed;
  background: none;
}

/* Inne miasta w sidebarze: miasto — operator */
.other-cities {
  list-style: none;
  margin: 4px 0 0;
  padding: 0;
}

.other-cities li {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.85);
  line-height: 1.6;
}

.other-cities__title {
  margin: 10px 0 0;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.7);
}

/* Klikalne wiersze firm (Moje firmy) */
.company-row--switchable {
  cursor: pointer;
}

.company-row--switchable:hover {
  background: rgba(240, 121, 8, 0.05);
}

/* Numeracja lokalizacji */
.loc-number {
  color: #f07908;
  font-weight: 700;
  margin-right: 6px;
}

/* Status online członka firmy */
.status-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #cccccc;
  margin-right: 6px;
  vertical-align: middle;
}

.status-dot--online {
  background: #7eba27;
}

/* Minimalna wartość zamówienia — dyskretna notka pod stepperem */
.order-minimum-note {
  display: block;
  color: #f07908;
  font-size: 13px;
  font-weight: 600;
  margin: 6px 0 0;
}

/* Magazyn: progi niskiego stanu (panel sprzedawcy) */
.stock-warning td {
  background: #fff8e1;
}

.stock-alert td {
  background: #ffe0b2;
}

.stock-critical td {
  background: #fdecea;
  color: #c62828;
  font-weight: 700;
}

/* Koszyk live w kroku 2 */
.cart-widget {
  position: fixed;
  bottom: 15px;
  right: 15px;
  z-index: 1050;
}

.cart-widget__toggle {
  display: flex;
  align-items: center;
  gap: 10px;
  height: 52px;
  padding: 0 20px;
  border-radius: 26px;
  background: #000000;
  color: #ffffff;
  border: none;
  cursor: pointer;
  font-size: 14px;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35);
}

.cart-widget__toggle:hover {
  background: #1e1e1e;
}

.cart-widget__count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 24px;
  height: 24px;
  padding: 0 6px;
  border-radius: 12px;
  background: #f58317;
  font-size: 13px;
  font-weight: 700;
}

.cart-widget__total {
  font-weight: 700;
  white-space: nowrap;
}

.cart-widget__panel {
  position: absolute;
  bottom: 96px;
  right: 0;
  width: 320px;
  max-height: 420px;
  overflow-y: auto;
  background: #ffffff;
  border-radius: 10px;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.2);
  padding: 16px;
}

.cart-widget__line {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  padding: 6px 0;
  border-bottom: 1px dashed #eeeeee;
}

.cart-widget__item {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.cart-widget__thumb {
  width: 40px;
  height: 40px;
  object-fit: cover;
  border-radius: 8px;
  flex-shrink: 0;
}

.cart-widget__totals {
  margin-top: 10px;
  font-size: 14px;
}

.cart-widget__totals strong {
  float: right;
}

.cart-widget__progress {
  height: 8px;
  border-radius: 4px;
  background: #eeeeee;
  margin-top: 10px;
  overflow: hidden;
}

.cart-widget__progress span {
  display: block;
  height: 100%;
  background: #f07908;
  transition: width 0.25s ease;
}

.cart-widget__progress span.is-complete {
  background: #7eba27;
}

/* Dostępność produktu (bez ilości) — wyraźny badge z kropką statusu */
.badge-available,
.badge-unavailable {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 700;
  padding: 4px 12px;
  border-radius: 14px;
  color: #ffffff;
}

.badge-available::before,
.badge-unavailable::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #ffffff;
}

.badge-available {
  background: #7eba27;
}

.badge-unavailable {
  background: #c62828;
}

/* Publiczna strona produktów — pomarańcz marki (#f58317 = dokładny odcień z logo-orange.png,
   dzięki czemu prostokąt loga zlewa się z tłem) */
.public-products-body {
  background: #f58317;
  min-height: 100vh;
}

.public-products {
  max-width: 1080px;
  margin: 0 auto;
  padding: 24px 16px 48px;
}

.public-products__intro h1 {
  color: #ffffff;
}

.public-products__intro p {
  color: rgba(255, 255, 255, 0.85);
}

.public-products__supplier {
  margin: 28px 0 12px;
  font-size: 20px;
  font-weight: 700;
  color: #ffffff;
  border-bottom: 2px solid rgba(255, 255, 255, 0.6);
  padding-bottom: 6px;
}

/* Przycisk na pomarańczowym tle: biały z pomarańczowym tekstem */
.btn-on-orange {
  display: inline-block;
  background: #ffffff;
  color: #f58317;
  font-weight: 700;
  border: none;
  border-radius: 28px;
  padding: 12px 24px;
  text-decoration: none;
}

.btn-on-orange:hover {
  background: #fff3e6;
  color: #d96f0a;
}

.public-product-card {
  background: #ffffff;
  border: none;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12);
  border-radius: 10px;
  overflow: hidden;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.public-product-card img {
  width: 100%;
  height: 180px;
  object-fit: cover;
}

.public-product-card__body {
  padding: 14px 16px 16px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  flex: 1;
}

.public-product-card__name {
  font-size: 16px;
  font-weight: 700;
  margin: 0;
}

.public-product-card__desc {
  font-size: 13px;
  color: rgba(0, 0, 0, 0.6);
  margin: 0;
  flex: 1;
}

.product-type-badge {
  align-self: flex-start;
  display: inline-block;
  font-size: 11px;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 6px;
  background: rgba(240, 121, 8, 0.12);
  color: #f07908;
}

.public-products-cta {
  margin: 0 0 16px;
}

.public-products-cta .btns {
  width: 100%;
}

.public-products__empty {
  color: rgba(255, 255, 255, 0.9);
  margin-top: 24px;
}

/* Kalendarz kreatora: dni przed minimalną datą dostawy */
.calendar .days-grid .day.disabled {
  opacity: 0.35;
  pointer-events: none;
  cursor: not-allowed;
}

/* ============================================================
   Sweep UI 2026-07-07 — spójność portalu klienta
   ============================================================ */

/* Zakładki ustawień: czytelniejszy kolor i rozmiar nieaktywnych */
.tab__navigation a {
  font-size: 15px;
  color: #55566d;
}

/* Czytelne checkboxy na białym tle (Konfiguracja → Płatności).
   Theme'owe .checkbox-item ma biały label (projektowane na pomarańczowe auth). */
.check-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.check-list .check-item {
  position: relative;
}

.check-list .check-item input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

.check-list .check-item label {
  position: relative;
  display: inline-flex;
  align-items: center;
  padding-left: 32px;
  font-size: 14px;
  font-weight: 600;
  color: #1e1e1e;
  cursor: pointer;
  min-height: 22px;
}

.check-list .check-item label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 22px;
  height: 22px;
  background: #ffffff;
  border: 2px solid #d7d7d7;
  border-radius: 6px;
  transition: all 0.15s;
}

.check-list .check-item input[type="checkbox"]:checked + label::before {
  background: #f58317;
  border-color: #f58317;
}

.check-list .check-item label::after {
  content: "";
  position: absolute;
  left: 8px;
  top: 50%;
  width: 6px;
  height: 11px;
  border: solid #ffffff;
  border-width: 0 2.5px 2.5px 0;
  transform: translateY(-65%) rotate(45deg);
  opacity: 0;
  transition: opacity 0.15s;
}

.check-list .check-item input[type="checkbox"]:checked + label::after {
  opacity: 1;
}

.check-list .check-item .bl-text {
  font-size: 12px;
  font-weight: 400;
  color: #8181a5;
  margin-left: 6px;
}

/* Wiersze list (firmy, pracownicy, prośby, zaproszenia):
   tytuł + badge w jednej linii, meta pod spodem — koniec miszmaszu w h5/br/span */
.row-head {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  font-size: 15px;
  font-weight: 700;
  color: #1e1e1e;
  line-height: 1.35;
}

.row-meta {
  display: block;
  font-size: 13px;
  font-weight: 400;
  color: #6b7280;
  margin-top: 3px;
  line-height: 1.45;
}

.role-badge {
  vertical-align: middle;
  line-height: 16px;
}

/* Numeracja lokalizacji: osobna kolumna po LEWEJ (jak w tabeli), nie nad nazwą */
.location_item {
  display: flex;
  align-items: center;
  gap: 14px;
}

.location_item .loc-number,
.final-order__detl .loc-number {
  flex-shrink: 0;
  min-width: 28px;
  font-size: 15px;
  line-height: 1;
  text-align: right;
  margin-right: 14px;
  align-self: center;
}

/* Wiersze z numeracją: wyśrodkowanie pionowe całości */
.final-order__detl:has(.loc-number) {
  align-items: center;
  gap: 0;
}

.location_item .loca-text {
  flex: 1;
  min-width: 0;
}

.location_item .action__btns {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
}


/* Szczegóły zamówienia: podgląd vs tryb edycji (przycisk "Edytuj zamówienie") */
.order-edit-form .edit-only {
  display: none !important;
}

.order-edit-form.editing .edit-only {
  display: block !important;
}

.order-edit-form.editing .rg-box .quantity.edit-only {
  display: flex !important;
}

.order-edit-form.editing .view-only {
  display: none !important;
}

.save-cancel-group {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 16px;
}

/* Dodawanie produktów do istniejącego zamówienia — karty jak w kreatorze */
.add-product-grid {
  row-gap: 16px;
}

.add-product-card {
  margin: 0;
}

.add-product-card .product-image {
  height: 100px;
}

.add-product-card .quentity-wrap {
  display: block;
  margin-top: 10px;
}

.add-product-card .product-detl h5 strong {
  word-break: normal;
}

.add-product-card .badge-available,
.add-product-card .badge-unavailable {
  width: fit-content;
}

/* Szczegóły zamówienia — miniatura produktu + wyrównana prawa kolumna */
.order-line {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

.order-line__thumb {
  width: 52px;
  height: 52px;
  border-radius: 8px;
  object-fit: cover;
  flex-shrink: 0;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: #fff;
}

.payment__method--stacked {
  display: block;
  margin: 0 0 18px;
}

.payment__method--stacked > span {
  display: block;
  font-size: 14px;
  line-height: 17px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.5);
  margin: 0 0 8px;
}

.payment__method-value {
  font-weight: 700;
  font-size: 14px;
  margin: 0;
}

.final-ord__col {
  margin: 0 0 18px;
}

.final-ord__col span {
  margin: 0 0 8px;
}

.ord--detl-text h5 .lt-text {
  margin-top: 6px;
}

/* Kompaktowe przyciski akcji w tabelach terminów (cykle/harmonogramy) */
.btns.btn-compact {
  padding: 6px 14px;
  height: auto;
  font-size: 12px;
}

.role-badge--muted {
  background: #f3f3f3;
  color: #6b6b6b;
}

/* Godziny zamówień (admin): jednakowy styl wszystkich pól w wierszu */
.order-hour-configuration-item input[type="time"],
.order-hour-configuration-item select {
  width: 100%;
  height: 44px;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 500;
  color: #1e1e1e;
  background: #ffffff;
  border: 1px solid #d7d7d7;
  border-radius: 8px;
  appearance: auto;
  box-shadow: none;
}

.order-hour-configuration-item input[type="time"]:focus,
.order-hour-configuration-item select:focus {
  border-color: #f07908;
  outline: none;
}

.order-hour-configuration-item .form-col label {
  display: block;
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 6px;
}

.order-hour-configuration-item {
  align-items: flex-end;
  margin-bottom: 10px;
}

.order-hour-toggle {
  display: inline-flex;
  align-items: center;
  height: 44px;
  margin: 0;
  cursor: pointer;
}

/* Widełki stawek (admin): kolor progu, inputy i Usuń w jednej linii —
   wyrównanie do PIERWSZEGO wiersza pól (labelki nad, błędy pod spodem
   nie rozjeżdżają sąsiadów). */
.tier-row {
  display: flex;
  align-items: start;
  gap: 16px;
  margin-bottom: 10px;
}

.tier-row__field {
  max-width: 180px;
}

.tier-row__field label {
  display: block;
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 6px;
  line-height: 18px;
}

.tier-row__color {
  display: inline-block;
  width: 18px;
  height: 18px;
  border-radius: 4px;
  flex-shrink: 0;
  /* label(18px) + odstęp(6px) + połowa inputa(22px) - połowa siebie(9px) */
  margin-top: 37px;
}

.tier-row__remove {
  height: 44px;
  margin-top: 24px; /* label + odstęp — na linii inputów */
  align-self: flex-start;
}

/* Placeholder zamiast mapy, gdy brak współrzędnych (panel sprzedawcy) */
.map-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 150px;
  background: #f3f3f3;
  border-radius: 10px;
  color: #6b6b6b;
  font-size: 13px;
  font-weight: 600;
  text-align: center;
  padding: 12px;
}

/* Warianty role-badge dla masowej migracji z bootstrapowych bg-* */
.role-badge--danger {
  background: #fde8e8;
  color: #c62828;
}

.role-badge--warn {
  background: #fdf3e0;
  color: #b26a00;
}

/* Edycja produktów cyklu (admin): wiersz jak w edycji zlecenia */
.recurring-item-row {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 10px 12px;
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  margin-bottom: 10px;
  background: #fff;
}

.recurring-item-row .form-select {
  flex: 1;
  min-width: 0;
}

.recurring-item-row .quantity {
  flex-shrink: 0;
}

/* Szczegóły faktury (admin) */
.invoice-items-table th,
.invoice-items-table td {
  padding: 10px 14px;
  vertical-align: middle;
}

.invoice-history {
  padding-left: 20px;
  list-style: decimal;
}

.invoice-history li {
  display: list-item;
}

.invoice-history li {
  margin-bottom: 8px;
  line-height: 1.5;
}

.invoice-history__date {
  font-weight: 600;
}

/* Awatar kierowcy — jednolity brandowy kolor */
.map-card-title.bg-avatar-brand {
  background: #f58317;
}

/* Lista firm (admin): wyrównanie nagłówków i komórek */
.companies-table th,
.companies-table td {
  vertical-align: middle;
  padding: 10px 12px;
}

.companies-table th {
  white-space: nowrap;
}

/* Tabele list (admin i klient): pionowe centrowanie rekordów i akcji */
.table-striped th,
.table-striped td {
  vertical-align: middle;
}

.public-products__supplier-logo {
  height: 36px;
  width: auto;
  vertical-align: middle;
  margin-right: 10px;
  border-radius: 6px;
  background: #fff;
  padding: 3px;
}