* {
  box-sizing: border-box;
}

:root {

  --q-orange: #D48600;
  --q-orange-dark: #B86F00;

  --q-green: #1E7A3A;
  --q-green-soft: #EAF6EA;

  --q-red: #B42318;
  --q-red-soft: #FFF0EF;

  --q-brown: #6B2D12;
  --q-brown-deep: #4F210D;

  --q-cream: #F7F1E8;
  --q-cream-2: #FBF7F1;

  --q-gold: #E9D7B8;

  --q-text: #333;
  --q-muted: #7D6A5F;

  --q-border: #E7D8C2;

  --shadow:
    0 14px 40px
    rgba(79,33,13,.08);

  --shadow-soft:
    0 7px 22px
    rgba(79,33,13,.06);

}

html {
  min-height: 100%;
}

body {

  margin: 0;

  min-height: 100vh;

  background:
    radial-gradient(
      circle at top right,
      rgba(212,134,0,.08),
      transparent 30%
    ),
    linear-gradient(
      180deg,
      #FBF7F1,
      #F7F1E8
    );

  color:
    var(--q-text);

  font-family:
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Tahoma,
    Arial,
    sans-serif;

}

button,
input,
textarea,
select {
  font: inherit;
}

button {
  -webkit-tap-highlight-color: transparent;
}

[hidden] {
  display: none !important;
}


/* =====================================================
   TOPBAR
===================================================== */

.partner-topbar {

  position: sticky;

  top: 0;

  z-index: 50;

  background:
    rgba(255,255,255,.95);

  border-bottom:
    1px solid
    rgba(231,216,194,.8);

  backdrop-filter:
    blur(18px);

}

.partner-topbar-inner {

  max-width: 720px;

  margin: auto;

  min-height: 62px;

  padding: 9px 14px;

  display:
    flex;

  justify-content:
    space-between;

  align-items:
    center;

}

.partner-brand {

  display:
    flex;

  align-items:
    center;

  gap: 9px;

}

.partner-brand img {

  width: 84px;

  height: 34px;

  object-fit: contain;

}

.partner-brand strong {

  display: block;

  color:
    var(--q-brown);

  font-size: 15px;

}

.partner-brand small {

  display: block;

  color:
    var(--q-muted);

  font-size: 9px;

  margin-top: 2px;

}

.partner-notify-btn {

  position: relative;

  width: 43px;

  height: 43px;

  border:
    1px solid
    var(--q-border);

  border-radius: 14px;

  background:
    white;

  color:
    var(--q-brown);

  font-size: 18px;

}

.partner-notify-btn span {

  position: absolute;

  top: 2px;

  left: 2px;

  min-width: 16px;

  height: 16px;

  display: grid;

  place-items: center;

  border-radius: 20px;

  background:
    var(--q-red);

  color: white;

  font-size: 8px;

  font-weight: 900;

  border: 2px solid white;

}

.partner-user-bar {

  max-width: 720px;

  margin: auto;

  padding: 5px 14px 8px;

  display:
    flex;

  align-items: center;

  justify-content: space-between;

}

.partner-user-bar span {

  display: block;

  color:
    var(--q-brown);

  font-weight: 900;

  font-size: 12px;

}

.partner-user-bar small {

  display: block;

  color:
    var(--q-muted);

  font-size: 9px;

}

.partner-logout {

  border:
    1px solid
    var(--q-border);

  background:
    white;

  border-radius: 11px;

  padding: 7px 10px;

  color:
    var(--q-brown);

  font-size: 10px;

}


/* =====================================================
   CONTAINER
===================================================== */

.partner-container {

  width:
    min(720px,calc(100% - 18px));

  margin:
    auto;

  padding-bottom: 25px;

}


/* =====================================================
   LOGIN
===================================================== */

.partner-login {

  min-height:
    calc(100vh - 80px);

  display:
    flex;

  justify-content:
    center;

  align-items:
    center;

}

.partner-login-card {

  width:
    100%;

  max-width:
    430px;

  padding:
    30px 22px 24px;

  background:
    rgba(255,255,255,.96);

  border:
    1px solid
    var(--q-border);

  border-radius:
    29px;

  box-shadow:
    var(--shadow);

}

.partner-login-logo {

  display:
    flex;

  justify-content:
    center;

}

.partner-login-logo img {

  width:
    135px;

}

.partner-kicker {

  display:
    block;

  margin-top: 8px;

  text-align:
    center;

  color:
    var(--q-orange);

  font-size:
    10px;

  font-weight:
    900;

  letter-spacing:
    1px;

}

.partner-login-card h1 {

  margin:
    8px 0 5px;

  text-align:
    center;

  color:
    var(--q-brown);

  font-size:
    28px;

}

.partner-login-card > p {

  text-align:
    center;

  color:
    var(--q-muted);

  font-size:
    12px;

  line-height:
    1.7;

}

.partner-login-card label {

  display:
    block;

  margin-top:
    15px;

  color:
    var(--q-brown-deep);

  font-size:
    11px;

  font-weight:
    800;

}

.partner-login-card input {

  width: 100%;

  margin-top: 7px;

  padding: 14px;

  border:
    1px solid
    var(--q-border);

  border-radius:
    15px;

  outline:
    none;

  background:
    white;

}

.partner-login-btn {

  width: 100%;

  margin-top: 20px;

}


/* =====================================================
   BUTTONS
===================================================== */

.partner-primary,
.partner-secondary,
.partner-danger {

  min-height:
    45px;

  padding:
    11px 14px;

  border-radius:
    14px;

  font-weight:
    900;

  border:
    1px solid transparent;

}

.partner-primary {

  background:
    linear-gradient(
      135deg,
      var(--q-green),
      #26934B
    );

  color: white;

  box-shadow:
    0 8px 20px
    rgba(30,122,58,.16);

}

.partner-secondary {

  background:
    white;

  color:
    var(--q-brown);

  border-color:
    var(--q-border);

}

.partner-danger {

  background:
    var(--q-red-soft);

  color:
    var(--q-red);

  border-color:
    #F3C6C1;

}


/* =====================================================
   DASHBOARD
===================================================== */

.partner-welcome {

  display:
    flex;

  justify-content:
    space-between;

  align-items:
    center;

  gap: 15px;

  padding:
    20px 3px 13px;

}

.partner-welcome span {

  color:
    var(--q-orange);

  font-size:
    10px;

  font-weight:
    900;

}

.partner-welcome h1 {

  margin:
    4px 0;

  color:
    var(--q-brown);

  font-size:
    25px;

}
.partner-store-title-row {

  display:
    flex;

  align-items:
    center;

  justify-content:
    flex-start;

  gap:
    9px;

  flex-wrap:
    wrap;

}
.partner-welcome p {

  margin: 0;

  color:
    var(--q-muted);

  font-size:
    10px;

}

.partner-avatar {

  width: 58px;

  height: 58px;

  display: grid;

  place-items: center;

  border-radius: 19px;

  background:
    linear-gradient(
      145deg,
      #FFF8E8,
      #EAF6EA
    );

  border:
    1px solid
    var(--q-border);

  font-size:
    27px;

}


/* =====================================================
   STATUS
===================================================== */

.partner-status-card {
  display: none !important;


  align-items:
    center;

  gap: 12px;

  padding: 17px;

  border:
    1px solid
    rgba(30,122,58,.15);

  border-radius: 21px;

  background:
    linear-gradient(
      135deg,
      #EAF6EA,
      #FFF8E8
    );

  box-shadow:
    var(--shadow-soft);

}

.partner-status-icon {

  width: 47px;

  height: 47px;

  display:
    grid;

  place-items:
    center;

  border-radius:
    15px;

  background:
    white;

  font-size:
    20px;

}

.partner-status-card span {

  display: block;

  color:
    var(--q-muted);

  font-size: 9px;

}

.partner-status-card strong {

  display: block;

  margin-top: 3px;

  color:
    var(--q-green-dark);

  font-size: 14px;

}

.partner-status-card small {

  display: block;

  margin-top: 3px;

  color:
    var(--q-muted);

  font-size: 9px;

}


/* =====================================================
   STATS
===================================================== */

.partner-stats {

  display:
    grid;

  grid-template-columns:
    repeat(3,1fr);

  gap: 8px;

  margin-top: 10px;

}

.partner-stats > div {

  padding:
    13px 8px;

  text-align:
    center;

  border:
    1px solid
    var(--q-border);

  border-radius:
    17px;

  background:
    white;

  box-shadow:
    var(--shadow-soft);

}

.partner-stats span {

  display: block;

  font-size: 18px;

}

.partner-stats small {

  display:
    block;

  margin-top: 4px;

  color:
    var(--q-muted);

  font-size: 8px;

}

.partner-stats strong {

  display:
    block;

  margin-top: 4px;

  color:
    var(--q-orange);

  font-size:
    18px;

}


/* =====================================================
   FINANCIAL CENTER
===================================================== */

.partner-finance-grid {

  display:
    grid;

  grid-template-columns:
    repeat(2, minmax(0, 1fr));

  gap:
    10px;

  margin-top:
    12px;

}


.partner-finance-card {

  appearance:
    none;

  -webkit-appearance:
    none;

  width:
    100%;

  min-height:
    82px;

  padding:
    13px 14px;

  display:
    flex;

  align-items:
    center;

  gap:
    11px;

  text-align:
    right;

  direction:
    rtl;

  border:
    1px solid
    var(--q-border);

  border-radius:
    18px;

  background:
    linear-gradient(
      145deg,
      #FFFFFF,
      #FFF8EE
    );

  color:
    var(--q-brown);

  box-shadow:
    var(--shadow-soft);

  cursor:
    pointer;

  transition:
    transform .18s ease,
    box-shadow .18s ease,
    border-color .18s ease;

}


.partner-finance-card:hover {

  transform:
    translateY(-2px);

  box-shadow:
    var(--shadow);

}


.partner-finance-card:active {

  transform:
    scale(.985);

}


.partner-finance-icon {

  width:
    48px;

  height:
    48px;

  flex:
    0 0 48px;

  display:
    grid;

  place-items:
    center;

  border-radius:
    15px;

  background:
    #FFF8E8;

  border:
    1px solid
    var(--q-gold);

  font-size:
    23px;

}


.partner-finance-text {

  min-width:
    0;

  flex:
    1;

}


.partner-finance-text strong {

  display:
    block;

  color:
    var(--q-brown);

  font-size:
    13px;

  font-weight:
    900;

  line-height:
    1.4;

}


.partner-finance-text small {

  display:
    block;

  margin-top:
    4px;

  color:
    var(--q-muted);

  font-size:
    9px;

  line-height:
    1.5;

}


.partner-finance-arrow {

  flex:
    0 0 auto;

  color:
    var(--q-orange);

  font-size:
    20px;

  font-weight:
    900;

}

/* =====================================================
   STORE MENU
===================================================== */

.partner-store-menu-modal
  .partner-modal-box {

  max-width:
    520px;

}


.partner-store-menu-subtitle {

  margin:
    -7px 0 14px;

  text-align:
    center;

  color:
    var(--q-muted);

  font-size:
    10px;

}


.partner-store-menu-content {

  display:
    grid;

  grid-template-columns:
    1fr;

  gap:
    10px;

}


.partner-store-menu-content
.partner-finance-grid {

  display:
    grid !important;

  grid-template-columns:
    1fr !important;

  width:
    100%;

  margin:
    0;

}


.partner-store-menu-content
.partner-finance-card {

  min-height:
    82px;

}


.partner-store-menu-content
.partner-finance-card:hover {

  transform:
    translateY(-1px);

}

.partner-welcome h1 {

  cursor:
    pointer;

  display:
    inline-flex;

  align-items:
    center;

  gap:
    8px;

  margin:
    4px 0;

  padding:
    9px 14px;

  border:
    1px solid
    var(--q-border);

  border-radius:
    16px;

  background:
    rgba(255,255,255,.96);

  box-shadow:
    0 7px 20px
    rgba(79,33,13,.08);

  transition:
    transform .18s ease,
    box-shadow .18s ease,
    border-color .18s ease;

}

.partner-welcome h1::before {

  content:
    "🏪";

  width:
    34px;

  height:
    34px;

  display:
    grid;

  place-items:
    center;

  border-radius:
    11px;

  background:
    linear-gradient(
      135deg,
      #FFF4D6,
      #F7E2B7
    );

  border:
    1px solid
    var(--q-gold);

  font-size:
    18px;

  flex:
    0 0 auto;

}

.partner-welcome h1::after {

  content:
    "⌄";

  color:
    var(--q-orange);

  font-size:
    20px;

  font-weight:
    900;

  margin-right:
    2px;

}

.partner-welcome h1:active {

  transform:
    scale(.98);

  box-shadow:
    0 4px 12px
    rgba(79,33,13,.10);

}

@media (max-width:520px) {

  .partner-finance-grid {

    grid-template-columns:
      1fr;

  }

  .partner-finance-card {

    min-height:
      76px;

  }

}
/* =====================================================
   SECTIONS
===================================================== */

.partner-section {

  margin-top: 26px;

}

.partner-section-head {

  display:
    flex;

  justify-content:
    space-between;

  align-items:
    flex-end;

  margin-bottom:
    11px;

}

.partner-section-head span {

  color:
    var(--q-orange);

  font-size:
    10px;

  font-weight:
    900;

}

.partner-section-head h2 {

  margin:
    3px 0;

  color:
    var(--q-brown);

  font-size:
    20px;

}

.partner-refresh {

  width:
    42px;

  height:
    42px;

  border:
    1px solid
    var(--q-border);

  border-radius:
    13px;

  background:
    white;

  color:
    var(--q-orange);

  font-size:
    22px;

}


/* =====================================================
   ORDERS
===================================================== */

.partner-orders-list {

  display:
    grid;

  gap:
    12px;

}

.partner-order-card {

  position:
    relative;

  overflow:
    hidden;

  padding:
    15px;

  border:
    1px solid
    var(--q-border);

  border-radius:
    21px;

  background:
    white;

  box-shadow:
    var(--shadow-soft);

}


/* =====================================================
   QURA — NEW ORDER ATTENTION ANIMATION
   حركة كارت الطلب الجديد + اللمعان + زر القبول
===================================================== */

.partner-order-card.new {
  position: relative !important;
  overflow: hidden !important;
  transform-origin: center;

  border:
    2px solid rgba(212,134,0,.38);

  background:
    linear-gradient(
      145deg,
      #FFF8E8,
      #FFFFFF
    );

  animation:
    partnerOfferCardAttention 2.8s ease-in-out infinite !important;
}

/* طبقة اللمعان على الكارت */
.partner-order-card.new::after {
  content: "";
  position: absolute;

  top: 0;
  left: -120%;

  width: 55%;
  height: 100%;

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(255,255,255,.55),
      transparent
    );

  transform: skewX(-18deg);

  pointer-events: none;

  animation:
    partnerOfferShine 2.4s ease-in-out infinite;

  z-index: 1;
}

/* نخلي محتوى الكارت فوق اللمعة */
.partner-order-card.new > * {
  position: relative;
  z-index: 2;
}

/* =====================================================
   BADGE — طلب جديد
===================================================== */

.partner-order-card.new::before {
  content:
    "طلب جديد";

  position:
    absolute;

  top:
    9px;

  left:
    9px;

  padding:
    5px 9px;

  border-radius:
    25px;

  background:
    var(--q-orange);

  color:
    white;

  font-size:
    8px;

  font-weight:
    900;

  animation:
    partnerBadgeAttention
    1.8s
    ease-in-out
    infinite;

  z-index: 3;
}

/* =====================================================
   زر القبول داخل الطلب الجديد
===================================================== */

.partner-order-card.new
.partner-actions
.partner-primary {

  position:
    relative;

  transform-origin:
    center;

  animation:
    partnerAcceptAttention
    1.8s
    ease-in-out
    infinite !important;

  box-shadow:
    0 8px 20px
    rgba(30,122,58,.22);
}

/* لمعان زر القبول */
.partner-order-card.new
.partner-actions
.partner-primary::after {

  content: "";

  position: absolute;

  top: 0;
  left: -80%;

  width: 45%;
  height: 100%;

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(255,255,255,.45),
      transparent
    );

  transform:
    skewX(-18deg);

  pointer-events:
    none;

  animation:
    partnerAcceptShine
    2s
    ease-in-out
    infinite;
}

/* =====================================================
   حركة الكارت
===================================================== */

@keyframes partnerOfferCardAttention {

  0%,
  100% {

    transform:
      translateY(0)
      scale(1);

    box-shadow:
      0 7px 24px
      rgba(212,134,0,.10);
  }

  50% {

    transform:
      translateY(-3px)
      scale(1.012);

    box-shadow:
      0 12px 34px
      rgba(212,134,0,.28);
  }
}

/* =====================================================
   لمعان الكارت
===================================================== */

@keyframes partnerOfferShine {

  0% {
    left: -120%;
  }

  45%,
  100% {
    left: 140%;
  }
}

/* =====================================================
   حركة زر القبول
===================================================== */

@keyframes partnerAcceptAttention {

  0%,
  100% {
    transform:
      scale(1);
  }

  20% {
    transform:
      scale(1.04);
  }

  40% {
    transform:
      scale(1);
  }

  55% {
    transform:
      scale(1.06);
  }

  70% {
    transform:
      scale(1);
  }
}

/* =====================================================
   لمعان زر القبول
===================================================== */

@keyframes partnerAcceptShine {

  0% {
    left: -80%;
  }

  45%,
  100% {
    left: 130%;
  }
}

/* =====================================================
   حركة وسم طلب جديد
===================================================== */

@keyframes partnerBadgeAttention {

  0%,
  100% {
    transform:
      scale(1);
  }

  50% {
    transform:
      scale(1.08);
  }
}



.partner-order-head {

  display:
    flex;

  justify-content:
    space-between;

  gap: 8px;

  padding-bottom:
    10px;

  border-bottom:
    1px solid
    var(--q-border);

}

.partner-order-head strong {

  color:
    var(--q-brown);

  font-size:
    14px;

}

.partner-order-head small {

  display:
    block;

  margin-top:
    3px;

  color:
    var(--q-muted);

  font-size:
    9px;

}

.partner-order-badge {

  padding:
    6px 8px;

  align-self:
    flex-start;

  border-radius:
    30px;

  background:
    var(--q-cream-2);

  color:
    var(--q-brown);

  font-size:
    8px;

  font-weight:
    900;

  white-space:
    nowrap;

}


/* =====================================================
   ORDER ITEMS
===================================================== */

.partner-items {

  margin-top:
    11px;

  padding:
    11px;

  border-radius:
    15px;

  background:
    var(--q-cream-2);

}

.partner-item {

  display:
    flex;

  justify-content:
    space-between;

  gap:
    10px;

  padding:
    8px 0;

  border-bottom:
    1px solid
    rgba(231,216,194,.55);

}

.partner-item:last-child {

  border-bottom:
    0;

}

.partner-item strong {

  color:
    var(--q-brown);

  font-size:
    11px;

}

.partner-item span {

  color:
    var(--q-orange-dark);

  font-size:
    11px;

  font-weight:
    900;

}


/* =====================================================
   ORDER META
===================================================== */

.partner-order-meta {

  display:
    grid;

  grid-template-columns:
    1fr;

  gap:
    8px;

  margin-top:
    10px;

}

.partner-meta-box {

  padding:
    9px;

  border-radius:
    12px;

  background:
    #FFFDF9;

  border:
    1px solid
    rgba(231,216,194,.65);

}

.partner-meta-box small {

  display:
    block;

  color:
    var(--q-muted);

  font-size:
    8px;

}

.partner-meta-box strong {

  display:
    block;

  margin-top:
    3px;

  color:
    var(--q-brown);

  font-size:
    10px;

}

.partner-payment-transfer {

  color:
    #315E99 !important;

}

.partner-payment-cash {

  color:
    var(--q-green) !important;

}


/* =====================================================
   ORDER ACTIONS
===================================================== */

.partner-actions {

  display:
    grid;

  grid-template-columns:
    1fr 1fr;

  gap:
    8px;

  margin-top:
    11px;

}

.partner-actions button {

  width: 100%;

}


/* =====================================================
   READY
===================================================== */

.partner-ready {

  margin-top:
    11px;

  padding:
    10px;

  border-radius:
    14px;

  background:
    var(--q-green-soft);

  color:
    var(--q-green);

  font-size:
    10px;

  font-weight:
    900;

  text-align:
    center;

}


/* =====================================================
   MODAL
===================================================== */

.partner-modal {

  position:
    fixed;

  inset:
    0;

  z-index:
    500;

  display:
    flex;

  justify-content:
    center;

  align-items:
    center;

  padding: 12px;

  background:
    rgba(49,27,15,.58);

  backdrop-filter:
    blur(7px);

}

.partner-modal-box {

  position:
    relative;

  width:
    min(600px,100%);

  max-height:
    90vh;

  overflow:
    auto;

  padding:
    23px 17px;

  border:
    1px solid
    var(--q-border);

  border-radius:
    24px;

  background:
    white;

  box-shadow:
    0 25px 70px
    rgba(0,0,0,.22);

}

.partner-modal-close {

  position:
    absolute;

  top: 10px;

  left: 10px;

  width: 38px;

  height: 38px;

  border:
    1px solid
    var(--q-border);

  border-radius:
    50%;

  background:
    white;

  color:
    var(--q-brown);

  font-size:
    22px;

}

.partner-modal-logo {

  display:
    flex;

  justify-content:
    center;

}

.partner-modal-logo img {

  width:
    90px;

}

.partner-modal-box h2 {

  color:
    var(--q-brown);

  text-align:
    center;

}


/* =====================================================
   FORM
===================================================== */

.partner-total-box {

  margin-top:
    15px;

  padding:
    14px;

  border:
    1px solid
    var(--q-gold);

  border-radius:
    16px;

  background:
    #FFF8E8;

}

.partner-total-box label {

  display:
    block;

  color:
    var(--q-brown);

  font-size:
    11px;

  font-weight:
    900;

}

.partner-total-box input {

  width:
    100%;

  margin-top:
    7px;

  padding:
    13px;

  border:
    1px solid
    var(--q-border);

  border-radius:
    12px;

  outline:
    none;

}

.partner-receipt {

  margin-top:
    12px;

  padding:
    12px;

  border-radius:
    14px;

  background:
    var(--q-green-soft);

  color:
    var(--q-green);

  font-size:
    10px;

  line-height:
    1.7;

}


/* =====================================================
   EMPTY
===================================================== */

.partner-empty {

  padding:
    25px 14px;

  border:
    1px dashed
    var(--q-border);

  border-radius:
    18px;

  background:
    rgba(255,255,255,.72);

  text-align:
    center;

  color:
    var(--q-muted);

  font-size:
    11px;

}

.partner-message {

  min-height:
    20px;

  margin-top:
    10px;

  color:
    var(--q-red);

  text-align:
    center;

  font-size:
    11px;

}

@media (max-width:520px) {

  .partner-order-meta {

    grid-template-columns:
      1fr;

  }

  .partner-actions {

    grid-template-columns:
      1fr;

  }

}


  /* =====================================================
   STORE RATING + OPEN STATUS
===================================================== */

.partner-rating-status-wrap {

  display:
    flex;

  align-items:
    center;

  justify-content:
    center;

  gap:
    0;

}


.partner-rating-status-wrap
.qura-partner-rating-icon {

  flex:
    0 0 auto;

  width:
    155px;

  min-width:
    155px;

  height:
    108px;

  min-height:
    108px;

  padding:
    10px 8px;

  border-radius:
    18px;

  box-sizing:
    border-box;

}

/* =====================================================
   PARTNER HEADER / RATING / STORE STATUS
===================================================== */

.partner-header-store-row {

  display:
    flex;

  align-items:
    center;

  justify-content:
    flex-start;

  gap:
    8px;

  direction:
    rtl;

  flex-wrap:
    nowrap;

  min-width:
    0;

}


.partner-header-store-row #partnerStoreName {

  min-width:
    0;

  white-space:
    nowrap;

}


.partner-header-store-row .partner-open-now {

  flex:
    0 0 auto;

  white-space:
    nowrap;

}


.qura-partner-rating-icon {

  width:
    125px !important;

  min-width:
    125px !important;

  height:
    90px !important;

  min-height:
    90px !important;

  flex:
    0 0 125px !important;

  padding:
    8px !important;

  border-radius:
    18px;

  box-sizing:
    border-box;

  overflow:
    hidden;

}


.partner-open-now {

  display:
    inline-flex;

  align-items:
    center;

  justify-content:
    center;

  padding:
    5px 9px;

  border-radius:
    999px;

  font-size:
    9px;

  font-weight:
    900;

  line-height:
    1;

  white-space:
    nowrap;

  border:
    1px solid transparent;

}


.partner-open-now.is-open {

  color:
    #1E7A3A;

  background:
    #EAF6EA;

  border-color:
    rgba(30,122,58,.20);

}


.partner-open-now.is-closed {

  color:
    #B42318;

  background:
    #FDECEC;

  border-color:
    rgba(180,35,24,.18);

}


/* =====================================================
   FINANCE MODALS ABOVE STORE MENU
===================================================== */

#partnerSettlementsModal,
#partnerSalesModal {

  z-index:
    800 !important;

}


@media (max-width:600px) {

  .partner-header-store-row {

    gap:
      6px;

  }


  .partner-header-store-row #partnerStoreName {

    font-size:
      13px;

  }


  .qura-partner-rating-icon {

    width:
      118px !important;

    min-width:
      118px !important;

    height:
      86px !important;

    flex-basis:
      118px !important;

  }


  .partner-open-now {

    padding:
      5px 8px;

    font-size:
      8px;

  }

}
/* =====================================================
   ORDER NUMBER + SCHEDULE
===================================================== */

.partner-order-number-row {

  display:
    flex;

  align-items:
    center;

  gap:
    8px;

  direction:
    rtl;

  flex-wrap:
    wrap;

}


.partner-order-number-row strong {

  white-space:
    nowrap;

}


.partner-scheduled-chip {

  display:
    inline-flex;

  align-items:
    center;

  justify-content:
    center;

  padding:
    5px 9px;

  border-radius:
    999px;

  background:
    #FFF7E8;

  border:
    1px solid
    rgba(180,120,20,.20);

  color:
    #8A5415;

  font-size:
    10px;

  font-weight:
    900;

  line-height:
    1;

  white-space:
    nowrap;

}


/* =====================================================
   READY BUTTON
===================================================== */

.partner-ready-action {

  width:
    100%;

  margin-top:
    10px;

  min-height:
    52px;

  border:
    1px solid
    rgba(21,128,61,.25);

  border-radius:
    14px;

  background:
    #EAF6EA;

  color:
    #15803D;

  font-size:
    15px;

  font-weight:
    900;

  cursor:
    pointer;

  transition:
    background .18s ease,
    color .18s ease,
    transform .18s ease,
    box-shadow .18s ease;

}


.partner-ready-action:hover {

  background:
    #DDF2DF;

  transform:
    translateY(-1px);

  box-shadow:
    0 5px 14px
    rgba(21,128,61,.12);

}


.partner-ready-action.is-processing {

  background:
    #F1F3F2;

  color:
    #6B7280;

  border-color:
    #D5D9D7;

  cursor:
    wait;

}


.partner-ready-action.is-ready {

  background:
    #15803D;

  color:
    #FFFFFF;

  border-color:
    #15803D;

  cursor:
    default;

  box-shadow:
    0 5px 16px
    rgba(21,128,61,.18);

}


.partner-ready-action:disabled {

  opacity:
    1;

}


/* =====================================================
   CUSTOMER NOTE
===================================================== */

.partner-order-meta
.partner-meta-box strong {

  line-height:
    1.7;

  white-space:
    normal;

  word-break:
    break-word;

}


@media (max-width:600px) {

  .partner-order-number-row {

    gap:
      6px;

  }


  .partner-scheduled-chip {

    font-size:
      9px;

    padding:
      5px 7px;

  }


  .partner-ready-action {

    min-height:
      50px;

    font-size:
      14px;

  }

}