/* ============================================================
   TERMIZ JAVOHIRI — PREMIUM UI LAYER v2.0
   Visual/responsive layer only. Existing business workflow stays intact.
   ============================================================ */
:root{
  --ink:#10211d;
  --ink-soft:#607069;
  --paper:#f3f1e9;
  --surface:#fffefa;
  --surface-sunk:#ebe8dc;
  --line:#ded8c7;
  --line-soft:#ebe6d8;
  --forest:#0b3029;
  --forest-2:#11483d;
  --forest-3:#1b6556;
  --gold:#b29147;
  --gold-light:#ead8a4;
  --gold-dim:#7d642f;
  --radius:18px;
  --shadow-sm:0 6px 24px rgba(11,48,41,.07);
  --shadow-md:0 18px 46px rgba(11,48,41,.12);
  --shadow-lg:0 34px 90px rgba(11,48,41,.18);
}

html{background:#eef0ea;}
body{
  min-height:100vh;
  background:
    radial-gradient(circle at 8% 0%,rgba(178,145,71,.08),transparent 32rem),
    radial-gradient(circle at 92% 18%,rgba(27,101,86,.06),transparent 35rem),
    var(--paper);
}
body::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.32;
  background-image:linear-gradient(rgba(11,48,41,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(11,48,41,.025) 1px,transparent 1px);
  background-size:28px 28px;
}

header.topbar{
  min-height:74px;padding:12px clamp(14px,3vw,34px);
  background:rgba(250,249,244,.9);border-bottom:1px solid rgba(125,100,47,.18);
  box-shadow:0 10px 30px rgba(11,48,41,.055);
  -webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%);
}
.brand img{height:48px!important;max-width:160px;border-radius:10px!important;filter:drop-shadow(0 5px 12px rgba(11,48,41,.12));}
.brand .name{font-size:21px;color:var(--forest);}
.brand .name small{color:var(--gold-dim);letter-spacing:.16em;}
.live-clock,.lang-switch,.role-pill{box-shadow:0 5px 18px rgba(11,48,41,.055);}

.btn{min-height:40px;border-radius:12px;padding:9px 15px;border-color:#d9d3c2;box-shadow:0 4px 14px rgba(11,48,41,.055);}
.btn:hover{transform:translateY(-1px);box-shadow:0 10px 26px rgba(11,48,41,.1);}
.btn.primary{background:linear-gradient(135deg,#1a6555 0%,#0b3029 70%);box-shadow:0 9px 24px rgba(11,48,41,.18);}
.btn.danger{background:#fff9f8;}

.hero{padding:102px 24px 88px;background:
  radial-gradient(ellipse at 20% -10%,rgba(234,216,164,.18),transparent 56%),
  radial-gradient(ellipse at 86% 10%,rgba(36,120,101,.34),transparent 48%),
  linear-gradient(155deg,#123d34 0%,#08251f 72%,#061e1a 100%);}
.hero::before{content:"";position:absolute;left:50%;top:-170px;width:680px;height:680px;transform:translateX(-50%);border:1px solid rgba(234,216,164,.08);border-radius:50%;box-shadow:0 0 0 80px rgba(234,216,164,.025),0 0 0 160px rgba(234,216,164,.018);}
.hero h1{font-size:clamp(42px,6.2vw,78px);letter-spacing:-.028em;}
.hero p.sub{font-size:clamp(14px,1.5vw,17px);max-width:680px;}
.hero .stats{max-width:820px;margin-left:auto;margin-right:auto;border-color:rgba(234,216,164,.2);}
.hero .stat{min-width:145px;}

.public-info-section,.gallery-grid,.floor-wrap,.legend,.floor-nav,footer.site{width:min(1220px,calc(100% - 32px));margin-left:auto;margin-right:auto;}
.public-info-section{margin-top:28px;}
.info-accordion-btn,.public-info-panel,.gallery-card,.floor-wrap{box-shadow:var(--shadow-sm);}
.gallery-grid{gap:18px;}
.gallery-card{border-radius:22px;overflow:hidden;border:1px solid rgba(178,145,71,.22);}
.gallery-card img{transition:transform .5s ease,filter .5s ease;}
.gallery-card:hover img{transform:scale(1.025);filter:saturate(1.04) contrast(1.02);}

.room-grid{gap:14px;}
.room-card{
  border-radius:17px!important;background:linear-gradient(180deg,#fffefa,#faf8f1)!important;
  border-color:#ddd7c5!important;box-shadow:0 7px 24px rgba(11,48,41,.065)!important;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important;
}
.room-card:hover{transform:translateY(-3px)!important;box-shadow:0 18px 38px rgba(11,48,41,.13)!important;border-color:rgba(178,145,71,.72)!important;}
.room-card .num-badge{box-shadow:inset 0 0 0 1px rgba(255,255,255,.3);}

#viewAdmin{width:100%;}
.dash{width:min(1540px,calc(100% - 28px));margin:22px auto 42px;}
.dash-head{background:rgba(255,254,250,.92);border:1px solid var(--line);border-radius:20px;padding:15px 18px;box-shadow:var(--shadow-sm);position:sticky;top:86px;z-index:24;backdrop-filter:blur(12px);}
.dir-layout{gap:18px;}
.dir-sidebar{width:224px;border-radius:20px;padding:9px;background:linear-gradient(180deg,#fffefa,#faf8f0);box-shadow:var(--shadow-md);border-color:rgba(178,145,71,.2);max-height:calc(100vh - 112px);overflow-y:auto;}
.dir-sidebar-btn{border-radius:11px;padding:11px 12px;font-size:12.5px;}
.dir-sidebar-btn.active{background:linear-gradient(135deg,#175949,#0b3029);box-shadow:0 8px 18px rgba(11,48,41,.16);}
.dir-main-content{min-width:0;}
.dir-card,.daily-form-card{border-radius:20px;border-color:rgba(178,145,71,.18);box-shadow:var(--shadow-sm);background:rgba(255,254,250,.98);}
.dir-card{padding:20px;}
.kpi-row{gap:12px!important;}
.kpi{border:1px solid rgba(178,145,71,.2)!important;border-radius:17px!important;background:linear-gradient(160deg,#fffefa,#f7f4e9)!important;box-shadow:var(--shadow-sm)!important;}
.kpi .n{letter-spacing:-.035em;}

.reception-choice-intro{border-radius:16px!important;background:linear-gradient(135deg,#fffefa,#f4f1e5)!important;border:1px solid rgba(178,145,71,.22)!important;box-shadow:var(--shadow-sm);}
.reception-choice-grid{max-width:none;grid-template-columns:repeat(3,minmax(0,1fr));}
.reception-choice-card{min-height:175px;border-radius:20px;padding:23px 22px;background:linear-gradient(150deg,#fffefa,#faf7ee);border-color:rgba(178,145,71,.24);}
.reception-choice-card::after{content:"";position:absolute;width:120px;height:120px;right:-50px;bottom:-55px;border-radius:50%;border:1px solid rgba(178,145,71,.15);box-shadow:0 0 0 22px rgba(178,145,71,.035);}
.reception-view-toolbar{border-radius:17px;padding:12px 14px;}

/* Forms */
.field label{font-size:10.5px!important;letter-spacing:.045em;text-transform:uppercase;color:#52635c;font-weight:800;}
.field input,.field select,.field textarea,.pay-field input,.attendance-date-input,.attendance-month-input{
  border:1px solid #d9d3c2!important;background:#fbfaf5!important;border-radius:11px!important;color:var(--ink)!important;
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;
}
.field input:focus,.field select:focus,.field textarea:focus,.pay-field input:focus,.attendance-date-input:focus,.attendance-month-input:focus{
  outline:none!important;border-color:var(--gold)!important;background:#fff!important;box-shadow:0 0 0 4px rgba(178,145,71,.10)!important;
}
.modal{border-radius:24px!important;box-shadow:0 36px 100px rgba(5,27,23,.28)!important;border:1px solid rgba(234,216,164,.35)!important;}
.modal-head{background:linear-gradient(180deg,#fffefa,#f8f5ea);}
.overlay{backdrop-filter:blur(9px);background:rgba(7,31,26,.48)!important;}

.accounting-only-note{margin:7px 0 10px;padding:9px 11px;border:1px solid #ddd3b9;border-left:3px solid var(--gold);border-radius:10px;background:#fffaf0;color:#64583d;font-size:11px;line-height:1.45;text-transform:none;font-weight:600;letter-spacing:0;}
.free-procedure-admin-note{padding:11px 13px;margin-bottom:12px;border-radius:12px;background:#eef6f1;border:1px solid #cfe3d6;color:#315848;font-size:11.5px;line-height:1.5;}
.free-procedure-actions,.free-procedure-modal-actions{display:flex;gap:7px;flex-wrap:wrap;}
.free-procedure-modal-actions{justify-content:flex-end;margin-top:14px;}

/* Today's departures */
.departure-alert-card{margin:14px 0 20px;border:1px solid rgba(178,145,71,.28);border-radius:19px;background:linear-gradient(135deg,#fffefa 0%,#f7f1df 100%);box-shadow:var(--shadow-sm);padding:16px;}
.departure-alert-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;}
.departure-alert-head h3{font-size:20px;color:var(--forest);margin-top:2px;}
.departure-kicker{font-family:'IBM Plex Mono',monospace;font-size:9px;letter-spacing:.17em;font-weight:800;color:var(--gold-dim);}
.departure-count{display:inline-grid;place-items:center;min-width:40px;height:40px;padding:0 12px;border-radius:12px;background:var(--forest);color:var(--gold-light);font-family:'IBM Plex Mono',monospace;font-size:18px;font-weight:800;box-shadow:0 8px 20px rgba(11,48,41,.18);}
.departure-list{display:grid;gap:7px;}
.departure-item{width:100%;display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:10px;text-align:left;border:1px solid #e1dbc9;border-radius:12px;background:#fff;padding:9px 10px;color:var(--ink);transition:.16s;}
.departure-item:hover{border-color:var(--gold);transform:translateY(-1px);box-shadow:0 8px 20px rgba(11,48,41,.07);}
.departure-room{display:grid;place-items:center;height:34px;border-radius:9px;background:#ecf3ef;color:var(--forest);font-family:'IBM Plex Mono',monospace;font-weight:800;}
.departure-person{min-width:0;display:flex;flex-direction:column;gap:2px;}
.departure-person b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;}
.departure-person small{font-family:'IBM Plex Mono',monospace;color:var(--ink-soft);font-size:9.5px;}
.departure-money{font-size:10.5px;font-weight:800;color:var(--free);white-space:nowrap;}
.departure-money.has-debt{color:var(--occ);}
.departure-empty{padding:14px;border:1px dashed #d8d0ba;border-radius:11px;text-align:center;color:var(--ink-soft);font-size:11.5px;background:rgba(255,255,255,.55);}
.departure-director-card{background:linear-gradient(135deg,#fffefa,#f8f3e5);}

/* Director/report tables */
table.staff{border-collapse:separate!important;border-spacing:0!important;overflow:hidden;border:1px solid var(--line)!important;border-radius:13px;background:#fff;}
table.staff thead th{background:#f3f0e6!important;color:#30443d!important;border-bottom:1px solid #d8d2c2!important;}
table.staff tbody tr:hover td{background:#fbfaf4!important;}
table.staff td,table.staff th{border-right-color:#ebe6da!important;border-bottom-color:#ebe6da!important;}

/* Room booking modal */
#addGuestOverlay .guest-registration-modal{box-shadow:0 38px 110px rgba(5,27,23,.31)!important;}
#addGuestOverlay .price-summary{border-radius:12px!important;}
.pay-grid{gap:10px!important;}
.pay-field{border-radius:12px!important;background:#faf8f1!important;border-color:#ded8c8!important;}

/* Responsive universal layout */
@media (max-width:1100px){
  .reception-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .dash{width:min(100% - 18px,1540px);}
  .dir-sidebar{width:205px;}
}
@media (max-width:860px){
  header.topbar{position:sticky;min-height:64px;padding:9px 11px;}
  .brand img{height:40px!important;max-width:122px;}
  .brand .name{font-size:17px;}
  .brand .name small{font-size:7.5px;}
  .top-actions{gap:5px;}
  .dash{margin-top:12px;width:calc(100% - 14px);}
  .dash-head{top:68px;border-radius:15px;padding:10px;}
  .dir-layout{gap:10px;}
  .dir-sidebar{width:100%;max-height:none;position:static;display:flex;flex-direction:row;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;border-radius:15px;}
  .dir-sidebar-btn{flex:0 0 auto;white-space:nowrap;}
  .dir-card{padding:14px;border-radius:16px;}
  .hero{padding:76px 18px 68px;}
  .hero .seal{display:none;}
  .public-info-section,.gallery-grid,.floor-wrap,.legend,.floor-nav,footer.site{width:min(100% - 18px,1220px);}
  .departure-item{grid-template-columns:48px minmax(0,1fr);}
  .departure-money{grid-column:2;justify-self:start;}
}
@media (max-width:700px){
  .reception-choice-grid{grid-template-columns:1fr;gap:10px;}
  .reception-choice-card{min-height:132px;padding:18px;}
  .reception-choice-icon{font-size:27px;margin-bottom:8px;}
  .reception-choice-card b{font-size:20px;}
  .modal{border-radius:21px 21px 0 0!important;}
  .row2{grid-template-columns:1fr!important;}
  .pay-grid{grid-template-columns:1fr 1fr!important;}
  .departure-alert-card{padding:13px;border-radius:15px;}
  .departure-alert-head h3{font-size:18px;}
  .free-procedure-actions .btn{flex:1;justify-content:center;}
}
@media (max-width:480px){
  header.topbar{align-items:center;}
  .brand .name{display:none;}
  .live-clock{display:none;}
  .lang-switch button{padding:6px 9px;font-size:10px;}
  .btn{padding:8px 11px;font-size:12px;}
  .hero{padding:62px 13px 54px;}
  .hero h1{font-size:38px;}
  .hero p.sub{font-size:13.5px;}
  .hero .stats{grid-template-columns:1fr 1fr!important;margin-top:30px;}
  .hero .stat{min-width:0;padding:14px 8px!important;}
  .dash-head h2{font-size:22px;}
  .pay-grid{grid-template-columns:1fr!important;}
  .departure-item{grid-template-columns:44px minmax(0,1fr);padding:8px;}
}

/* ============================================================
   PRINT PACKET — 3 pages for room guests
   Compact PDF-style layout
   IMPORTANT: print-only rules; screen/application UI unchanged.
   ============================================================ */
#printReceipt .print-page{display:none;}

@media print{
  @page{size:A4 portrait;margin:10mm 9mm 12mm;}

  /* Keep the application untouched; only the print packet is shown. */
  body.printing-receipt #printReceipt{
    display:block!important;
    font-family:Arial,"Segoe UI",sans-serif!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
  }

  body.printing-receipt #printReceipt .print-page{
    box-sizing:border-box;
    width:100%;
    height:273mm;
    min-height:273mm;
    max-height:273mm;
    margin:0;
    padding:0;
    page-break-after:always;
    break-after:page;
    background:#fff;
    clear:both;
    overflow:hidden;
  }

  body.printing-receipt #printReceipt .print-page:last-child{
    page-break-after:auto;
    break-after:auto;
  }

  /* Daily treatment: keep the existing single financial receipt mode. */
  body.printing-receipt:not(.printing-room-packet) #prTreatmentCardPage,
  body.printing-receipt:not(.printing-room-packet) #prFreeTreatmentPage,
  body.printing-receipt:not(.printing-room-packet) #prPaidTreatmentPage{
    display:none!important;
  }

  body.printing-receipt:not(.printing-room-packet) #prReceiptPage{
    display:block!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
  }

  /* Room guest packet = exactly 3 printed pages. */
  body.printing-receipt.printing-room-packet #prTreatmentCardPage,
  body.printing-receipt.printing-room-packet #prFreeTreatmentPage,
  body.printing-receipt.printing-room-packet #prReceiptPage,
  body.printing-receipt.printing-room-packet #prPaidTreatmentPage{
    display:block!important;
  }

  /* ------------------------------------------------------------
     PAGE 1 — SOG‘LOMLASHTIRISH MUOLAJA DAFTARCHASI
     ------------------------------------------------------------ */

  #prTreatmentCardPage{
    padding:2mm!important;
  }

  #prTreatmentCardPage .medical-sheet{
    width:100%!important;
    height:269mm!important;
    max-height:269mm!important;
    box-sizing:border-box!important;
    overflow:hidden!important;

    padding:5mm 6mm 4mm!important;

    color:#171717;
    background:#fff;
    border:1px solid #999;

    font-family:"Times New Roman",serif!important;
    font-size:9.5pt!important;
    line-height:1.15!important;

    display:flex!important;
    flex-direction:column!important;
  }

  #prTreatmentCardPage .medical-sheet-header{
    position:relative!important;
    min-height:25mm!important;
    height:25mm!important;

    display:flex!important;
    align-items:flex-start!important;
    justify-content:center!important;

    border-bottom:1px solid #bbb!important;
    margin-bottom:3mm!important;
  }

  #prTreatmentCardPage .medical-sheet-logo{
    height:21mm!important;
    max-width:45mm!important;
    object-fit:contain!important;
  }

  #prTreatmentCardPage .medical-sheet-sanatory{
    position:absolute!important;
    right:2mm!important;
    top:10mm!important;

    font-weight:700!important;
    font-size:10pt!important;
    white-space:nowrap!important;
  }

  #prTreatmentCardPage .blank-line{
    display:inline-block!important;
    width:30mm!important;
    border-bottom:1px solid #222!important;
    transform:translateY(-2px)!important;
  }

  #prTreatmentCardPage .medical-meta-grid{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:6mm!important;
    margin-bottom:2mm!important;
  }

  #prTreatmentCardPage .medical-meta-col{
    display:grid!important;
    gap:1.2mm!important;
  }

  #prTreatmentCardPage .medical-line{
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr)!important;
    gap:1.5mm!important;
    align-items:end!important;
    white-space:nowrap!important;

    min-height:7.2mm!important;
  }

  #prTreatmentCardPage .medical-line b{
    font-weight:700!important;
  }

  #prTreatmentCardPage .medical-label{
    display:flex!important;
    flex-direction:column!important;
    line-height:1.05!important;
  }

  #prTreatmentCardPage .medical-label small,
  #prTreatmentCardPage .medical-long-field small,
  #prTreatmentCardPage .medical-check-table small{
    display:block!important;
    font-size:6.3pt!important;
    font-weight:500!important;
    color:#444!important;
    margin-top:.2mm!important;
  }

  #prTreatmentCardPage .medical-line span{
    min-height:4.5mm!important;
    border-bottom:1px dotted #555!important;
    padding:0 1mm .5mm!important;
    overflow:hidden!important;
    white-space:nowrap!important;
  }

  #prTreatmentCardPage .medical-long-field{
    margin:1mm 0 2.5mm!important;
    height:25mm!important;
    flex:none!important;
  }

  #prTreatmentCardPage .medical-long-field>b{
    display:block!important;
    margin-bottom:1mm!important;
  }

  /* Doctor handwriting lines: real borders/box-shadows, not backgrounds,
     so Chrome prints them even when "Background graphics" is OFF. */
  #prTreatmentCardPage .write-lines{
    position:relative!important;
    background:none!important;
    border:0!important;
  }

  #prTreatmentCardPage .write-lines::before{
    content:""!important;
    position:absolute!important;
    left:0!important;
    right:0!important;
    top:0!important;
    height:0!important;
    border-top:0.35px solid #777!important;
    box-shadow:
      0 6mm 0 #777,
      0 12mm 0 #777,
      0 18mm 0 #777!important;
  }

  #prTreatmentCardPage .compact-lines{
    height:20mm!important;
  }

  #prTreatmentCardPage .medical-inline-row{
    display:grid!important;
    grid-template-columns:34% 1fr!important;
    gap:6mm!important;
    margin:1.5mm 0 2.5mm!important;
  }

  #prTreatmentCardPage .medical-inline-field{
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr)!important;
    gap:1.5mm!important;
    align-items:end!important;
    min-height:8mm!important;
  }

  #prTreatmentCardPage .medical-inline-field span{
    border-bottom:1px dotted #555!important;
    min-height:4.5mm!important;
  }

  #prTreatmentCardPage .medical-check-table{
    width:100%!important;
    border-collapse:collapse!important;
    margin:1.5mm 0 3mm!important;
    font-size:8.5pt!important;
  }

  #prTreatmentCardPage .medical-check-table th,
  #prTreatmentCardPage .medical-check-table td{
    border:1px solid #555!important;
    height:6.5mm!important;
    padding:1mm 1.5mm!important;
    text-align:left!important;
  }

  #prTreatmentCardPage .medical-check-table th:last-child,
  #prTreatmentCardPage .medical-check-table td:last-child{
    width:24mm!important;
    text-align:center!important;
  }

  #prTreatmentCardPage .medical-recommend-title{
    text-align:center!important;
    font-weight:700!important;
    font-size:9pt!important;
    margin:1.5mm 0 2mm!important;
  }

  #prTreatmentCardPage .medical-recommend-title small{
    display:block!important;
    font-size:6.2pt!important;
    font-weight:600!important;
    margin-top:.3mm!important;
  }

  #prTreatmentCardPage .medical-recommend-list{
    margin:0 0 1mm 5mm!important;
    padding-left:4mm!important;
    line-height:1.2!important;
    font-size:7.8pt!important;
  }

  #prTreatmentCardPage .medical-recommend-list li{
    margin-bottom:1mm!important;
  }

  #prTreatmentCardPage .medical-recommend-list li small{
    display:block!important;
    font-size:6.1pt!important;
    line-height:1.1!important;
    color:#3f3f3f!important;
  }

  #prTreatmentCardPage .recommend-lines{
    position:relative!important;
    height:34mm!important;
    min-height:30mm!important;
    flex:none!important;
    background:none!important;
    border:0!important;
  }

  #prTreatmentCardPage .recommend-lines::before{
    content:""!important;
    position:absolute!important;
    left:0!important;
    right:0!important;
    top:0!important;
    height:0!important;
    border-top:0.35px solid #777!important;
    box-shadow:
      0 4mm 0 #777,
      0 8mm 0 #777,
      0 12mm 0 #777,
      0 16mm 0 #777,
      0 20mm 0 #777,
      0 24mm 0 #777,
      0 28mm 0 #777,
      0 32mm 0 #777!important;
  }

  #prTreatmentCardPage .medical-sheet-footer{
    display:flex!important;
    justify-content:space-between!important;
    align-items:end!important;
    gap:8mm!important;

    margin-top:auto!important;
    padding-top:3mm!important;

    font-size:8pt!important;
  }

  #prTreatmentCardPage .sig-line{
    display:inline-block!important;
    width:30mm!important;
    border-bottom:1px solid #333!important;
  }

  #prTreatmentCardPage .date-mini{
    display:inline-block!important;
    width:8mm!important;
    border-bottom:1px solid #333!important;
  }

  #prTreatmentCardPage .date-long{
    display:inline-block!important;
    width:28mm!important;
    border-bottom:1px solid #333!important;
  }

  #prTreatmentCardPage .date-year{
    display:inline-block!important;
    width:7mm!important;
    border-bottom:1px solid #333!important;
  }


  /* ------------------------------------------------------------
     PAGE 2 — MUOLAJALAR VARAQASI
     ------------------------------------------------------------ */

  #prFreeTreatmentPage,

  #prPaidTreatmentPage{
    padding:2mm!important;
  }

  #prFreeTreatmentPage .free-treatment-sheet,

  #prPaidTreatmentPage .free-treatment-sheet{
    width:100%!important;
    height:269mm!important;
    max-height:269mm!important;
    box-sizing:border-box!important;
    overflow:hidden!important;

    padding:4mm!important;

    color:#17231f;
    background:#fff;
    border:1.2px solid #0b3029;

    font-family:Arial,"Segoe UI",sans-serif!important;
    font-size:7pt!important;

    display:flex!important;
    flex-direction:column!important;
  }

  #prFreeTreatmentPage .free-sheet-header,

  #prPaidTreatmentPage .free-sheet-header{
    display:flex!important;
    align-items:center!important;
    gap:4mm!important;

    padding:0 0 2.5mm!important;
    border-bottom:1.2px solid #b29147!important;

    flex:none!important;
  }

  #prFreeTreatmentPage .free-sheet-logo,

  #prPaidTreatmentPage .free-sheet-logo{
    height:18mm!important;
    max-width:40mm!important;
    object-fit:contain!important;
  }

  #prFreeTreatmentPage .free-sheet-title,

  #prPaidTreatmentPage .free-sheet-title{
    font-family:Georgia,serif!important;
    font-size:16pt!important;
    font-weight:800!important;
    letter-spacing:.7px!important;
    color:#0b3029!important;
  }

  #prFreeTreatmentPage .free-sheet-sub,

  #prPaidTreatmentPage .free-sheet-sub{
    font-size:7.2pt!important;
    color:#69756f!important;
    margin-top:.7mm!important;
  }

  #prFreeTreatmentPage .free-sheet-patient,

  #prPaidTreatmentPage .free-sheet-patient{
    display:grid!important;
    grid-template-columns:1.3fr .65fr 1.3fr .65fr!important;
    gap:2.5mm!important;

    padding:2mm 0!important;
    margin:0!important;

    font-size:7.2pt!important;

    flex:none!important;
  }

  #prFreeTreatmentPage .free-sheet-patient>div,

  #prPaidTreatmentPage .free-sheet-patient>div{
    border-bottom:1px dotted #777!important;
    padding-bottom:.7mm!important;

    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  #prFreeTreatmentPage .free-treatment-table-wrap,

  #prPaidTreatmentPage .free-treatment-table-wrap{
    flex:1!important;
    display:flex!important;
    min-height:0!important;
    overflow:hidden!important;
  }

  #prFreeTreatmentPage .free-treatment-table,

  #prPaidTreatmentPage .free-treatment-table{
    width:100%!important;
    height:100%!important;

    border-collapse:collapse!important;
    table-layout:fixed!important;

    font-size:6.7pt!important;
    align-self:stretch!important;
  }

  #prFreeTreatmentPage .free-treatment-table th,
  #prFreeTreatmentPage .free-treatment-table td,

  #prPaidTreatmentPage .free-treatment-table th,
  #prPaidTreatmentPage .free-treatment-table td{
    border:1px solid #7b837f!important;
    padding:.55mm .45mm!important;
    vertical-align:middle!important;
    line-height:1!important;
  }

  #prFreeTreatmentPage .free-treatment-table thead th,

  #prPaidTreatmentPage .free-treatment-table thead th{
    background:#0b3029!important;
    color:#fff!important;
    font-weight:700!important;
    text-align:center!important;
    -webkit-print-color-adjust:exact!important;
    print-color-adjust:exact!important;
  }

  #prFreeTreatmentPage .free-treatment-table .free-no-col,

  #prPaidTreatmentPage .free-treatment-table .free-no-col{
    width:7mm!important;
    text-align:center!important;
  }

  #prFreeTreatmentPage .free-treatment-table .free-name-col,

  #prPaidTreatmentPage .free-treatment-table .free-name-col{
    width:56mm!important;
    text-align:left!important;
    font-weight:700!important;
    white-space:nowrap!important;
  }

  #prFreeTreatmentPage .free-treatment-table .free-day-col,

  #prPaidTreatmentPage .free-treatment-table .free-day-col{
    width:auto!important;
    padding:.3mm .1mm!important;
  }

  #prFreeTreatmentPage .free-day-col span,

  #prPaidTreatmentPage .free-day-col span{
    display:block!important;
    font-size:6.7pt!important;
    line-height:1!important;
  }

  #prFreeTreatmentPage .free-day-col small,

  #prPaidTreatmentPage .free-day-col small{
    display:block!important;
    font-size:5.3pt!important;
    font-weight:500!important;
    opacity:.86!important;
    margin-top:.4mm!important;
  }

  #prFreeTreatmentPage .free-day-cell,

  #prPaidTreatmentPage .free-day-cell{
    text-align:center!important;
    padding:0!important;
  }

  #prFreeTreatmentPage .doctor-check,

  #prPaidTreatmentPage .doctor-check{
    font-size:9pt!important;
    line-height:1!important;
    display:inline-block!important;
    color:#0b3029!important;
  }

  #prFreeTreatmentPage .free-sheet-footer,

  #prPaidTreatmentPage .free-sheet-footer{
    display:grid!important;
    grid-template-columns:1fr .55fr!important;
    gap:10mm!important;

    margin-top:2mm!important;
    padding-top:1.5mm!important;

    border-top:1px solid #777!important;

    font-size:7.2pt!important;
    flex:none!important;
  }

  #prFreeTreatmentPage .doctor-line,
  #prFreeTreatmentPage .doctor-sign-line,

  #prPaidTreatmentPage .doctor-line,
  #prPaidTreatmentPage .doctor-sign-line{
    display:inline-block!important;
    min-width:45mm!important;
    border-bottom:1px solid #333!important;
  }

  #prFreeTreatmentPage .doctor-sign-line,

  #prPaidTreatmentPage .doctor-sign-line{
    min-width:30mm!important;
  }

  #prFreeTreatmentPage .free-sheet-note,

  #prPaidTreatmentPage .free-sheet-note{
    margin-top:1mm!important;
    padding-top:1mm!important;
    border-top:1px solid #d1cbb9!important;
    color:#5a665f!important;
    font-size:6pt!important;
    flex:none!important;
  }


  /* ------------------------------------------------------------
     PAGE 3 — MOLIYAVIY CHEK
     ------------------------------------------------------------ */

  #prReceiptPage{
    padding:2mm!important;
  }

  #prReceiptPage .pr-frame{
    width:100%!important;
    height:269mm!important;
    min-height:269mm!important;
    max-height:269mm!important;

    box-sizing:border-box!important;
    overflow:hidden!important;

    padding:4mm 5mm!important;

    border:1px solid #aaa!important;
    border-radius:3mm!important;

    font-size:7.5pt!important;
  }

  #prReceiptPage .pr-header{
    text-align:center!important;

    border:1px solid #999!important;
    border-radius:3mm!important;

    padding:3.5mm 3mm 3mm!important;
    margin-bottom:3mm!important;
  }

  #prReceiptPage .pr-logo{
    content:url('logo-print.png')!important;
    width:21mm!important;
    height:17mm!important;
    object-fit:contain!important;
    margin-bottom:.5mm!important;
  }

  #prReceiptPage .pr-title{
    font-size:15pt!important;
    font-weight:800!important;
    letter-spacing:1px!important;
    color:#123f35!important;
  }

  #prReceiptPage .pr-sub{
    font-size:6.3pt!important;
    font-weight:700!important;
    letter-spacing:1.5px!important;
    margin-top:.8mm!important;
    color:#806f43!important;
  }

  #prReceiptPage .pr-info-grid{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;

    gap:.8mm 6mm!important;

    border:1px solid #ddd!important;
    border-radius:3mm!important;

    padding:2.5mm 3mm!important;
    margin-bottom:2.5mm!important;

    font-size:7.2pt!important;
  }

  #prReceiptPage .pr-info-item{
    min-height:5mm!important;
  }

  #prReceiptPage .pr-section-title{
    font-size:8pt!important;
    font-weight:800!important;
    color:#123f35!important;
    text-transform:uppercase!important;
    letter-spacing:1px!important;

    border-bottom:1px solid #123f35!important;

    padding-bottom:.8mm!important;
    margin:2mm 0 1mm!important;
  }

  #prReceiptPage .pr-main-table{
    width:100%!important;
    border-collapse:collapse!important;
    font-size:6.8pt!important;
  }

  #prReceiptPage .pr-main-table th{
    color:#777!important;
    font-size:6.2pt!important;
    text-transform:uppercase!important;
    font-weight:700!important;
    padding:1.2mm 1.2mm!important;
    border-bottom:1px solid #999!important;
  }

  #prReceiptPage .pr-main-table td{
    padding:1.5mm 1.2mm!important;
    border-bottom:1px solid #ddd!important;
  }

  #prReceiptPage .pr-room-table td{
    height:6.5mm!important;
  }

  #prReceiptPage .pr-proc-table td{
    height:6mm!important;
  }

  #prReceiptPage .pr-table-foot td{
    border-top:1px solid #123f35!important;
    border-bottom:none!important;
    padding:2.2mm 1.2mm!important;
    font-weight:800!important;
  }

  #prReceiptPage #prSumGrand{
    font-size:10.5pt!important;
  }

  #prReceiptPage .pr-pay-section{
    border:1px solid #ddd!important;
    border-radius:3mm!important;

    padding:2.5mm!important;
    margin-top:3mm!important;
  }

  #prReceiptPage .pr-pay-section>div:first-child{
    font-size:7.5pt!important;
    margin-bottom:1.5mm!important;
    letter-spacing:.6px!important;
  }

  #prReceiptPage .pr-pay-grid{
    display:grid!important;
    grid-template-columns:repeat(4,1fr)!important;
    gap:1.7mm!important;
  }

  #prReceiptPage .pr-pay-item{
    border:1px solid #ddd!important;
    border-radius:2mm!important;

    padding:2mm 1mm!important;
    text-align:center!important;
  }

  #prReceiptPage .pr-pay-lbl{
    font-size:5.5pt!important;
    font-weight:800!important;
    text-transform:uppercase!important;
    margin-bottom:1.2mm!important;
  }

  #prReceiptPage .pr-pay-val{
    font-size:7.2pt!important;
    font-weight:800!important;
  }

  #prReceiptPage .pr-footer{
    display:grid!important;
    grid-template-columns:1fr 1fr 1fr!important;
    gap:3.5mm!important;

    margin-top:3.5mm!important;

    border:1px solid #ddd!important;
    border-radius:3mm!important;

    padding:2.5mm!important;
    align-items:center!important;
  }

  #prReceiptPage .pr-sig{
    text-align:center!important;
    font-size:6.5pt!important;
    padding-top:3.5mm!important;
    border-top:1px solid #555!important;
  }

  #prReceiptPage .pr-footer>div:nth-child(2){
    font-size:6pt!important;
  }

  #prReceiptPage .pr-frame>div:last-child{
    margin-top:2.5mm!important;
    padding-top:2mm!important;

    border-top:1px dashed #123f35!important;

    font-size:6.5pt!important;
    line-height:1.15!important;
  }

  .medical-sheet-footer,
  .free-sheet-footer{
    break-inside:avoid;
    page-break-inside:avoid;
  }
}
/* v2.0.1 active guest table */
.active-guest-row{cursor:pointer;}
.active-guest-row:hover td{background:#f7f4ea;}

/* ===== v2.1 compact accounting/reception polish ===== */
.reception-monitor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:10px 0 12px}.monitor-card{display:flex;align-items:center;gap:12px;padding:13px 15px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(135deg,#fffefa,#f6f1e4);cursor:pointer;box-shadow:var(--shadow-sm);transition:.18s}.monitor-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--gold)}.monitor-card.debt{background:linear-gradient(135deg,#fffaf7,#f7eee7)}.monitor-icon{font-size:25px;width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:#edf3ef}.monitor-card span,.monitor-card small{display:block;color:var(--ink-soft);font-size:10px}.monitor-card b{display:block;font:700 25px 'IBM Plex Mono',monospace;color:var(--forest);line-height:1.05}.monitor-card small{margin-top:2px;font-size:10.5px}.reception-monitor-detail{margin-bottom:12px}.active-guest-row{cursor:pointer}.active-guest-row:hover td{background:#f5f8f3!important}.debt-text{color:var(--occ)!important;font-weight:800}.empty-cell{padding:20px!important;text-align:center;color:var(--ink-soft)}.pay-mini{display:flex;flex-wrap:wrap;gap:3px 7px;margin-top:4px;font:500 9px 'Manrope',sans-serif;color:var(--ink-soft)}.payment-breakdown{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 8px;margin-top:6px;font:500 8.5px 'Manrope',sans-serif;color:var(--ink-soft);line-height:1.25}.payment-breakdown b{font-family:'IBM Plex Mono',monospace;color:var(--forest);font-size:9px}.tag-referral{display:inline-block;margin-left:5px;padding:2px 5px;border-radius:5px;background:#f7edc9;color:#80691e;font-size:8px;font-weight:800;vertical-align:middle}.referral-toggle{margin:10px 0 12px}.dir-card-head{gap:10px}.dir-card-head h3{font-size:17px}.reception-choice-grid{gap:10px}.reception-choice-card{padding:16px}.reception-choice-card b{font-size:21px}.reception-choice-card span.desc{font-size:11.5px;line-height:1.4}.payroll-summary-strip>div{padding:9px 10px;min-width:0}.payroll-summary-strip>div b{font-size:12px}.payroll-summary-strip{gap:7px}.pay-grid{gap:8px}.pay-field{padding:8px 9px}.pay-field label{font-size:10px}.pay-field input{font-size:12px}.field label{font-size:10px}.field input,.field select{padding:9px 10px;font-size:12px}.btn.small{padding:6px 9px;font-size:10px}.dir-card{padding:13px;border-radius:14px}table.staff th,table.staff td{padding:7px 8px;font-size:11px;line-height:1.25}table.staff th{font-size:9.5px;letter-spacing:.02em}.kpi-row{gap:8px;margin-bottom:12px}.kpi{padding:12px 14px;border-radius:13px}.kpi .n{font-size:24px}.kpi .l{font-size:9px}
@media(max-width:760px){.reception-monitor-grid{grid-template-columns:1fr}.payment-breakdown{grid-template-columns:1fr}.monitor-card{padding:11px}.reception-choice-card{min-height:0}}

/* PRINT FIX: handwritten writing lines must remain visible even when
   Chrome print dialog has "Background graphics" disabled. */
@media print {
  #prTreatmentCardPage .write-lines {
    position: relative !important;
    background: none !important;
    height: 20mm !important;
    min-height: 20mm !important;
    border: 0 !important;
  }

  #prTreatmentCardPage .write-lines::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: 6mm !important;
    height: 0 !important;
    border-top: 0.35px solid #888 !important;
    box-shadow:
      0 6mm 0 #888,
      0 12mm 0 #888,
      0 18mm 0 #888 !important;
  }

  #prTreatmentCardPage .recommend-lines {
    height: 42mm !important;
    min-height: 42mm !important;
  }

  #prTreatmentCardPage .recommend-lines::before {
    top: 4mm !important;
    box-shadow:
      0 4mm 0 #888,
      0 8mm 0 #888,
      0 12mm 0 #888,
      0 16mm 0 #888,
      0 20mm 0 #888,
      0 24mm 0 #888,
      0 28mm 0 #888,
      0 32mm 0 #888,
      0 36mm 0 #888 !important;
  }
}
/* ===== v2.1 qo'shimchalar ===== */
.guest-search-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:6px 0 12px;}
.guest-search-bar input{flex:1;min-width:240px;padding:12px 16px;font-size:1rem;border-radius:14px;border:2px solid #10B981;box-shadow:0 0 0 4px rgba(16,185,129,.12);outline:none;font-family:inherit;background:#fff;}
.guest-search-hint{font-size:.75rem;color:#6b7a80;}
.cell-sub{display:block;font-size:.7rem;color:#6b7a80;font-weight:500;margin-top:2px;}
.leave-today{color:#c27a10 !important;font-weight:800 !important;}
.pay-hist summary{cursor:pointer;font-size:.7rem;color:#2F6BFF;font-weight:700;margin-top:3px;}
.pay-hist div{font-size:.7rem;color:#6b7a80;white-space:nowrap;}
#receptionDebtTable tfoot td{font-weight:800;background:#f4efe3;}
/* v2.1 bosqich 2 */
.free-toggle{background:#e8f4ea !important;border:1px solid #bfdcc5 !important;}
.free-toggle .t{color:#1e7a4c;}
.pay-locked{background:#f1ede4 !important;color:#8a8270 !important;cursor:not-allowed;}
.free-mode-lbl{margin-top:8px;font-weight:800;color:#1e7a4c;font-size:13px;}
.free-mode-lbl:empty{display:none;}
.tag-free{display:inline-block;margin-left:6px;background:#e4f3e6;color:#1e7a4c;border-radius:6px;padding:2px 7px;font-size:10px;font-weight:800;letter-spacing:.03em;vertical-align:middle;}
.free-note{display:block;font-size:11px;color:#5f6b66;font-weight:500;margin-top:2px;white-space:normal;}
.gv-ref{margin-top:8px;color:#8a5a00;}
.gv-free{margin-top:8px;background:#e8f4ea;border:1px solid #bfdcc5;border-radius:10px;padding:8px 10px;color:#1e7a4c;}
.gv-free span{color:#24302b;}
.tag-debt{display:inline-block;margin-left:6px;background:#fbe6e3;color:#b3261e;border-radius:6px;padding:2px 7px;font-size:10px;font-weight:800;vertical-align:middle;}
.pay-ref{color:#b07316 !important;}
/* v2.1 bosqich 3 */
.acc-btn{display:inline-block;margin-left:10px;padding:6px 12px;border-radius:10px;border:1.5px solid #e5484d;color:#e5484d;background:#fff;font-weight:800;font-size:12px;cursor:pointer;white-space:nowrap;}
.acc-btn:hover{background:#fdf0ee;}
.acc-btn.on{background:#e5484d;color:#fff;}
.gv-out-btn{width:100%;justify-content:center;margin-top:10px;background:#e5484d !important;border-color:#e5484d !important;color:#fff !important;font-weight:800;}
.att-lock{background:#fbe6e3;border:1px solid #f0c9c3;color:#7a2a20;border-radius:12px;padding:11px 14px;margin:10px 0;font-size:13px;}
.att-choice:disabled{opacity:.55;cursor:not-allowed;}
.att-choice.selected:disabled{opacity:.95;}
#miniToast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%) translateY(20px);background:#0E3842;color:#fff;padding:12px 20px;border-radius:14px;font-weight:700;font-size:14px;opacity:0;pointer-events:none;transition:all .25s;z-index:100000;box-shadow:0 12px 30px rgba(0,0,0,.25);max-width:92vw;text-align:center;}
#miniToast.show{opacity:1;transform:translateX(-50%) translateY(0);}
.rec-exp-sum{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0;}
.rec-exp-sum>div{background:#faf7f0;border:1px solid #e7dfcd;border-radius:12px;padding:10px 12px;}
.rec-exp-sum small{display:block;font-size:11px;color:#6b7a80;}
.rec-exp-sum b{font-size:16px;}
.activity-filters{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0;}
.activity-filters select,.activity-filters input{padding:9px 12px;border-radius:10px;border:1px solid #d9d2c2;font:inherit;background:#fff;}
.activity-filters input{flex:1;min-width:200px;}
.activity-days{display:flex;gap:6px;flex-wrap:wrap;align-items:center;font-size:12px;color:#6b7a80;margin:4px 0 10px;}
.activity-days button{border:1px solid #d9d2c2;background:#fff;border-radius:14px;padding:4px 10px;cursor:pointer;font-size:12px;}
.activity-days button.on{background:#0E3842;color:#fff;border-color:#0E3842;}
.activity-stats{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:12px;}
.activity-stats>div{background:#fff;border:1px solid #e7dfcd;border-radius:12px;padding:8px 10px;}
.activity-stats small{display:block;font-size:11px;color:#6b7a80;}
.activity-stats b{font-size:18px;}
.act-type{display:inline-block;padding:4px 10px;border-radius:14px;font-weight:700;font-size:12px;white-space:nowrap;}
.act-role{display:inline-block;padding:3px 8px;border-radius:6px;font-size:11px;font-weight:800;}
.act-reception{background:#e5eefb;color:#2456b3;} .act-director{background:#0E3842;color:#fff;} .act-tizim{background:#faf0dc;color:#b07316;}
@media (max-width:760px){.rec-exp-sum,.activity-stats{grid-template-columns:repeat(2,1fr);}}
#dirSubActivityLog .dir-card-head{padding-right:150px;flex-wrap:wrap;gap:10px;} @media (max-width:900px){#dirSubActivityLog .dir-card-head{padding-right:0;}}
.departure-item{grid-template-columns:54px minmax(0,1fr) auto auto !important;}
.departure-item .acc-btn{width:auto;margin-left:0;}
.departure-money:empty{display:none;}
/* v2.1.35: Chiqarish tugmasi */
.departure-actions{display:inline-flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end;}
.acc-btn.dep-out-btn{background:#e5484d;color:#fff;border-color:#e5484d;}
.acc-btn.dep-out-btn:hover{background:#c9363b;border-color:#c9363b;}
@media (max-width:760px){ .departure-item{grid-template-columns:44px minmax(0,1fr) auto !important;} .departure-item .departure-actions{grid-column:2 / -1;justify-self:start;justify-content:flex-start;} }

/* ===== v2.1.29: SUT DAFTARI ===== */
.milk-btn{width:100%;display:flex;align-items:center;gap:14px;padding:10px 16px 10px 10px;margin:0 0 16px;border:2px solid #9fd3f5;border-radius:18px;cursor:pointer;text-align:left;font-family:inherit;color:#0b3550;
  background:radial-gradient(circle at 12% 30%,#ffffff 0,#ffffff 22%,transparent 23%),linear-gradient(120deg,#eaf7ff 0%,#ffffff 45%,#effbf1 100%);box-shadow:0 6px 18px rgba(46,140,200,.16),inset 0 1px 0 #fff;transition:transform .15s ease,box-shadow .15s ease,border-color .15s;}
.milk-btn:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(46,140,200,.26);border-color:#5bb6ec;}
.milk-btn:active{transform:translateY(0);}
.milk-btn-cow{flex:0 0 auto;width:72px;height:72px;border-radius:16px;background:linear-gradient(160deg,#d9f1ff,#bfe6c9);display:grid;place-items:center;box-shadow:inset 0 0 0 2px rgba(255,255,255,.7);}
.milk-btn:hover .cow-svg{animation:cowNod .6s ease;}
@keyframes cowNod{0%,100%{transform:rotate(0)}30%{transform:rotate(-8deg)}60%{transform:rotate(6deg)}}
.milk-btn-main{flex:1 1 auto;display:flex;flex-direction:column;min-width:0;}
.milk-btn-main b{font-family:'Sora','Manrope',sans-serif;font-size:24px;font-weight:800;letter-spacing:1.5px;color:#0b4a73;line-height:1.1;}
.milk-btn-main small{font-size:12.5px;font-weight:700;color:#3a7f5a;margin-top:3px;}
.milk-btn-side{display:flex;flex-direction:column;align-items:flex-end;gap:4px;text-align:right;}
.milk-btn-side small{font-size:11px;color:#5b7385;font-weight:600;}
.milk-btn-state{font-size:11.5px;font-weight:800;padding:4px 10px;border-radius:999px;background:#fff4dc;color:#946200;border:1px solid #f1d58f;white-space:nowrap;}
.milk-btn-state.on{background:#e3f6e8;color:#1e7a4c;border-color:#a9dcb8;}
.milk-btn-go{font-size:30px;font-weight:300;color:#5bb6ec;line-height:1;}
@media(max-width:560px){.milk-btn-side{display:none}.milk-btn-main b{font-size:20px}}
.btn.milk-mini{background:#eaf7ff!important;border-color:#9fd3f5!important;color:#0b4a73!important;}

.milk-modal{overflow:hidden;}
.milk-hero{position:relative;display:flex;align-items:center;gap:16px;padding:18px 54px 18px 20px;background:linear-gradient(120deg,#dff3ff 0%,#f6fcff 50%,#e6f7e9 100%);border-bottom:1px solid #cfe7f5;}
.milk-hero::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:10px;background:radial-gradient(circle at 10px -2px,transparent 9px,#fff 10px) 0 0/20px 10px repeat-x;opacity:.9;}
.milk-hero .close{position:absolute;top:14px;right:14px;}
.milk-hero-cow{flex:0 0 auto;width:92px;height:92px;border-radius:22px;background:#fff;display:grid;place-items:center;box-shadow:0 6px 18px rgba(46,140,200,.18);}
.milk-hero-txt h3{margin:0;font-family:'Sora','Manrope',sans-serif;font-size:24px;font-weight:800;color:#0b4a73;}
.milk-sup{display:flex;align-items:center;gap:6px;font-weight:800;color:#2f7d55;font-size:14px;margin-top:2px;}
.milk-sup-edit{border:0;background:transparent;cursor:pointer;font-size:13px;padding:2px;}
.milk-hero-txt p{margin:6px 0 0;font-size:12px;color:#4f6878;max-width:520px;}
.milk-today{border:1.5px solid #cfe7f5;border-radius:16px;padding:14px;background:#fbfeff;margin-bottom:14px;}
.milk-today-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px;}
.milk-today-head b{font-size:15px;color:#0b3550;}
.milk-today-head>span:nth-child(2){font-family:'IBM Plex Mono',monospace;font-size:12px;color:#5b7385;}
.milk-today-state{margin-left:auto;font-size:11.5px;font-weight:800;padding:4px 10px;border-radius:999px;background:#fff4dc;color:#946200;border:1px solid #f1d58f;}
.milk-today-state.on{background:#e3f6e8;color:#1e7a4c;border-color:#a9dcb8;}
.milk-today-state.paid{background:#e8eefc;color:#2456b3;border-color:#bccdf3;}
.milk-form{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:14px;}
.milk-form>div{min-width:0;}
@media(max-width:620px){.milk-form{grid-template-columns:1fr}}
.milk-form label{display:block;font-size:10.5px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:#4f6878;margin-bottom:6px;}
.milk-stepper{display:flex;align-items:center;border:2px solid #9fd3f5;border-radius:14px;background:#fff;overflow:hidden;}
.milk-stepper button{width:52px;height:56px;border:0;background:#eaf7ff;color:#0b4a73;font-size:26px;font-weight:700;cursor:pointer;}
.milk-stepper button:hover{background:#d4eefe;}
.milk-stepper input{flex:1;min-width:0;width:100%;border:0!important;border-radius:0!important;outline:none;-moz-appearance:textfield;appearance:textfield;box-shadow:none!important;text-align:center;font-family:'Sora','Manrope',sans-serif;font-size:28px;font-weight:800;color:#0b3550;background:transparent;height:56px;padding:0!important;}
.milk-stepper span{font-weight:800;color:#5b7385;padding-right:8px;}
.milk-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px;}
.milk-chips button{border:1px solid #cfe7f5;background:#fff;border-radius:999px;padding:5px 12px;font-weight:700;font-size:12.5px;color:#0b4a73;cursor:pointer;}
.milk-chips button:hover{background:#eaf7ff;border-color:#5bb6ec;}
.milk-price input{width:100%;height:46px;font-size:17px;font-weight:700;}
.milk-sum{margin-top:10px;background:linear-gradient(120deg,#0b4a73,#11698f);color:#fff;border-radius:12px;padding:8px 12px;}
.milk-sum small{display:block;font-size:10.5px;opacity:.8;font-weight:700;letter-spacing:.5px;}
.milk-sum b{font-family:'Sora','Manrope',sans-serif;font-size:20px;}
.btn.milk-save{width:100%;justify-content:center;margin-top:12px;height:50px;font-size:15.5px;font-weight:800;color:#fff!important;border:0!important;background:linear-gradient(120deg,#1f8f5f,#2aa97a 50%,#2f9bd6)!important;box-shadow:0 8px 20px rgba(31,143,95,.25);}
.btn.milk-save:disabled{opacity:.6;cursor:not-allowed;}
.milk-month-bar{display:flex;align-items:center;gap:10px;margin:6px 0 10px;}
.milk-month-bar b{font-size:16px;color:#0b3550;min-width:140px;text-align:center;}
.milk-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px;}
@media(max-width:620px){.milk-stats{grid-template-columns:repeat(2,1fr)}}
.milk-stats>div{border-radius:14px;padding:10px 12px;border:1px solid #e3edf3;background:#fff;}
.milk-stats small{display:block;font-size:11px;color:#5b7385;font-weight:700;}
.milk-stats b{display:block;font-family:'Sora','Manrope',sans-serif;font-size:18px;margin-top:2px;}
.milk-stats i{display:block;font-style:normal;font-size:10.5px;color:#7b8e9b;margin-top:2px;}
.milk-stats .ms-l{background:#eaf7ff;border-color:#cfe7f5}.milk-stats .ms-l b{color:#0b4a73}
.milk-stats .ms-a b{color:#0b3550}
.milk-stats .ms-p{background:#effaf2;border-color:#cdebd6}.milk-stats .ms-p b{color:#1e7a4c}
.milk-stats .ms-d{background:#fff6ec;border-color:#f3dcbc}.milk-stats .ms-d b{color:#b3261e}
.milk-cal{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin-bottom:12px;}
.milk-cal .mc-h{font-size:10px;font-weight:800;color:#7b8e9b;text-align:center;text-transform:uppercase;}
.milk-cal .mc-d{position:relative;min-height:46px;border-radius:10px;border:1px solid #e6eef3;background:#fff;padding:4px 6px;display:flex;flex-direction:column;align-items:flex-start;}
.milk-cal .mc-d span{font-size:10.5px;font-weight:700;color:#8aa0ad;}
.milk-cal .mc-d b{font-family:'Sora','Manrope',sans-serif;font-size:15px;color:#0b4a73;line-height:1.1;margin-top:2px;}
.milk-cal .mc-d em{font-style:normal;font-size:9.5px;color:#5b7385;font-weight:700;}
.milk-cal .mc-d.got{background:linear-gradient(180deg,#f6fcff,#dff2ff);border-color:#9fd3f5;}
.milk-cal .mc-d.paid{background:linear-gradient(180deg,#f6fff8,#dcf3e3);border-color:#a9dcb8;}
.milk-cal .mc-d.paid b{color:#1e7a4c}
.milk-cal .mc-d.paid::after{content:"✓";position:absolute;top:3px;right:6px;font-size:11px;font-weight:900;color:#1e7a4c;}
.milk-cal .mc-d.today{box-shadow:0 0 0 2px #e2ae45;}
.milk-cal .mc-d.future{opacity:.45;}
.milk-pay{display:none;}
.milk-pay.due,.milk-pay.done{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border-radius:14px;padding:12px 14px;margin-bottom:12px;}
.milk-pay.due{background:#fff6ec;border:1.5px dashed #f0b56a;}
.milk-pay.done{background:#effaf2;border:1.5px solid #a9dcb8;}
.milk-pay>div:first-child{flex:1 1 260px;display:flex;flex-direction:column;gap:3px;}
.milk-pay>div:first-child span{font-size:12.5px;color:#4f5f68;}
.milk-pay strong{color:#b3261e;font-size:14px;}
.milk-pay-act{display:flex;gap:8px;align-items:center;}
.milk-pay-act select{height:38px;border-radius:10px;}
.milk-tag{font-size:11px;font-weight:800;padding:3px 8px;border-radius:999px;white-space:nowrap;}
.milk-tag.paid{background:#e3f6e8;color:#1e7a4c;}
.milk-tag.due{background:#fff4dc;color:#946200;}

.milk-stepper input::-webkit-outer-spin-button,.milk-stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
.milk-stepper:focus-within{border-color:#2f9bd6;box-shadow:0 0 0 3px rgba(47,155,214,.18);}
/* v2.1.30: sut — o'tgan kunni tahrirlash, ismni joyida o'zgartirish */
.milk-today.editing{border-color:#e2ae45;background:#fffbf1;box-shadow:0 0 0 3px rgba(226,174,69,.15);}
.milk-back{border:1px solid #e2ae45;background:#fff;color:#8a5a00;border-radius:999px;padding:3px 10px;font-weight:800;font-size:11.5px;cursor:pointer;}
.milk-back:hover{background:#fff4dc;}
.milk-hint{font-size:11.5px;color:#5b7385;margin-top:10px;}
.milk-cal .mc-d[onclick]{cursor:pointer;transition:transform .12s,box-shadow .12s;}
.milk-cal .mc-d[onclick]:hover{transform:translateY(-1px);box-shadow:0 4px 10px rgba(46,140,200,.18);border-color:#5bb6ec;}
.milk-cal .mc-d.sel{box-shadow:0 0 0 2.5px #e2ae45;background:#fffbf1;}
.milk-sup-form{display:flex;gap:6px;align-items:center;margin-top:4px;flex-wrap:wrap;}
.milk-sup-form input{height:34px;min-width:200px;font-weight:700;border-radius:10px;}
.milk-sup-edit{border:1px solid #cfe7f5!important;background:#fff!important;border-radius:8px;padding:2px 6px!important;}
.milk-sup-edit:hover{background:#eaf7ff!important;}
.milk-stepper input:disabled,.milk-price input:disabled{opacity:.55;}
/* v2.1.31: sigirli sarlavha va ✕ tugmasi har doim ko'rinib turadi (oyna aylantirilganda ham) */
.milk-modal .milk-hero{position:sticky;top:0;z-index:6;}
.milk-modal .milk-hero .close{z-index:7;background:#fff;border:1px solid #cfe7f5;border-radius:10px;width:34px;height:34px;display:grid;place-items:center;font-size:16px;cursor:pointer;box-shadow:0 2px 8px rgba(46,140,200,.15);}
.milk-modal .milk-hero .close:hover{background:#ffecec;border-color:#f3b0b0;color:#b3261e;}
.milk-table .btn.small{padding:4px 8px!important;min-height:0!important;}

/* ===== v2.1.34: Parolni tiklash (2 bosqich) ===== */
.forgot-password-btn{margin-top:10px!important;border:1px dashed #d8c58f!important;background:#fffaf0!important;color:#7a5a12!important;font-weight:700!important;}
.forgot-password-btn::before{content:"🔑 ";}
.pr-modal{max-width:500px;}
.pr-steps{display:flex;align-items:center;gap:8px;margin-bottom:16px;}
.pr-steps i{flex:1;height:2px;background:#e3e8e5;border-radius:2px;}
.pr-step{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:#93a39b;}
.pr-step b{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#eef2f0;color:#7d8d86;font-size:12px;}
.pr-step.on{color:#0e5a43;}.pr-step.on b{background:#0e5a43;color:#fff;}
.pr-step.done b{background:#1f8f5f;color:#fff;font-size:0;}.pr-step.done b::after{content:"✓";font-size:13px;}
.pr-lead{font-size:13.5px;color:#43544d;line-height:1.55;margin:0 0 12px;}
.pr-drop{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:22px 14px;border:2px dashed #c9d6cf;border-radius:16px;background:#f8fbf9;cursor:pointer;text-align:center;transition:border-color .15s,background .15s;}
.pr-drop:hover{border-color:#1f8f5f;background:#f1f9f4;}
.pr-drop input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;}
.pr-drop-ico{font-size:34px;line-height:1;}
.pr-drop-main{font-weight:800;color:#0e3b2e;font-size:15px;}
.pr-drop-sub{font-size:11.5px;color:#7d8d86;font-family:'IBM Plex Mono',monospace;word-break:break-all;}
.pr-drop.picked{border-style:solid;border-color:#1f8f5f;background:#eefaf2;}
.pr-drop.picked .pr-drop-main{color:#1f8f5f;}
.pr-btn{width:100%;justify-content:center;margin-top:12px;height:46px;font-weight:800;}
.pr-btn:disabled{opacity:.6;cursor:wait;}
.pr-back{width:100%;justify-content:center;margin-top:6px;}
.pr-status{font-size:13px;margin-top:10px;min-height:0;}
.pr-status.err{color:#b3261e;font-weight:700;background:#fff1f0;border:1px solid #f3c2bd;border-radius:10px;padding:8px 10px;}
.pr-status.wait{color:#6b7c75;}
.pr-ok{background:#eefaf2;border:1px solid #b8e2c6;color:#1e7a4c;font-weight:700;border-radius:12px;padding:10px 12px;font-size:13.5px;margin-bottom:12px;}
.pr-accounts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px;}
.pr-acc{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:12px;border:2px solid #e3e8e5;border-radius:14px;background:#fff;cursor:pointer;text-align:left;font-family:inherit;}
.pr-acc span{font-size:20px;}.pr-acc b{font-size:14.5px;color:#0e3b2e;}.pr-acc small{font-size:12px;color:#6b7c75;}
.pr-acc code{background:#f1f4f2;padding:1px 6px;border-radius:6px;color:#0e3b2e;font-weight:700;}
.pr-acc.on{border-color:#0e5a43;background:#f1f9f4;box-shadow:0 0 0 3px rgba(14,90,67,.12);}
.pr-pass{display:flex;gap:6px;}.pr-pass input{flex:1;min-width:0;}
.pr-pass button{border:1px solid #dfe6e2;background:#fff;border-radius:10px;width:44px;cursor:pointer;font-size:16px;}
.pr-hint{font-size:12px;color:#7d8d86;margin-top:-4px;}.pr-hint.bad{color:#b3261e;}.pr-hint.good{color:#1e7a4c;font-weight:700;}
.pr-done{text-align:center;padding:6px 0 4px;}
.pr-done-ico{font-size:46px;}.pr-done h4{margin:6px 0;font-size:20px;color:#0e3b2e;}
.pr-done p{font-size:14px;color:#43544d;line-height:1.6;}
.pr-done code{background:#f1f4f2;padding:2px 8px;border-radius:6px;font-weight:800;color:#0e3b2e;}
.pr-modal .recovery-key-note{margin-top:14px;}

/* ===== v2.1.37: Zalog, Qarz to'lovi, Kassa ===== */
.reception-monitor-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.reception-monitor-grid .monitor-card:nth-child(3){--c:#C8961E}
.monitor-card.deposit{background:linear-gradient(135deg,#fffdf4,#f8efd6)}
#receptionDepositSum{font-weight:700;color:#8a6a12}
@media(max-width:760px){.reception-monitor-grid{grid-template-columns:1fr}}
.tag-out{display:inline-block;margin-left:5px;padding:2px 6px;border-radius:5px;background:#eceff3;color:#4a5563;font-size:8px;font-weight:800;vertical-align:middle;letter-spacing:.03em}
.pay-debt-btn{background:linear-gradient(135deg,#0E9F6E,#0B7F58)!important;color:#fff!important;border:0!important;font-weight:700;white-space:nowrap}
.pay-debt-btn:hover{filter:brightness(1.07)}
#gvExtraInfo .pay-debt-btn{margin-top:8px;width:100%;justify-content:center;padding:9px 12px}
/* to'lov usuli chiplari */
.pm-chips{display:flex;gap:8px;flex-wrap:wrap}
.pm-chips.locked{pointer-events:none;opacity:.75}
.pm-chip{flex:1;min-width:88px;padding:10px 12px;border-radius:12px;border:1.5px solid var(--line);background:#fff;font:700 12.5px 'Manrope',sans-serif;cursor:pointer;transition:.15s;color:var(--ink)}
.pm-chip:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}
.pm-chip.on.pm-cash{background:#e6f6ee;border-color:#0E9F6E;color:#0B6B4A}
.pm-chip.on.pm-online{background:#e8f0fd;border-color:#2563EB;color:#1d4ed8}
.pm-chip.on.pm-card{background:#f3ecfd;border-color:#7C3AED;color:#5b21b6}
.pm-chip.on{box-shadow:0 0 0 3px rgba(16,185,129,.12)}
.pm-tag{display:inline-block;padding:2px 8px;border-radius:999px;font-size:10px;font-weight:800}
.pm-tag.pm-cash{background:#e6f6ee;color:#0B6B4A}.pm-tag.pm-online{background:#e8f0fd;color:#1d4ed8}.pm-tag.pm-card{background:#f3ecfd;color:#5b21b6}
/* mehmon oynasidagi ZALOG BERDI */
.dep-box{margin:0 0 14px}
.dep-toggle{width:100%;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;border:1.5px dashed #d8b65a;background:linear-gradient(135deg,#fffcf1,#fbf1d6);cursor:pointer;text-align:left;transition:.15s;font-family:inherit}
.dep-toggle:hover{border-style:solid;box-shadow:var(--shadow-sm)}
.dep-toggle.on{border-style:solid;border-color:#C8961E;background:linear-gradient(135deg,#fff8e1,#f6e3ad)}
.dep-ic{font-size:24px;width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#fff;box-shadow:0 2px 6px rgba(160,120,20,.15)}
.dep-txt{flex:1}.dep-txt b{display:block;font:800 14px 'Sora',sans-serif;color:#7a5a0c;letter-spacing:.03em}.dep-txt small{display:block;font-size:10.5px;color:#8a7a52;margin-top:2px}
.dep-state{padding:5px 11px;border-radius:999px;background:#fff;color:#7a5a0c;font:800 11.5px 'IBM Plex Mono',monospace;border:1px solid #e7d39a}
.dep-toggle.on .dep-state{background:#7a5a0c;color:#fff;border-color:#7a5a0c}
.dep-panel{margin-top:8px;padding:12px 14px;border-radius:14px;border:1px solid #ecdcae;background:#fffdf6;animation:depIn .18s ease}
@keyframes depIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.dep-summary{margin:10px 0 8px;border-radius:12px;overflow:hidden;border:1px solid #efe3bf;background:#fff}
.dep-summary:empty{display:none}
.dep-math{display:flex;justify-content:space-between;gap:10px;padding:7px 12px;font-size:12.5px;border-bottom:1px solid #f5edd5}
.dep-math b{font-family:'IBM Plex Mono',monospace}
.dep-math.minus{color:#8a6a12}.dep-math.rest{background:#173d2f;color:#fff;font-weight:800;font-size:14px}.dep-math.rest b{color:#f3d27a}
.dep-math.debt{color:var(--occ);font-weight:800}.dep-math.ok{color:#0E9F6E;font-weight:800}
.dep-fill{display:flex;gap:6px;align-items:center;flex-wrap:wrap;padding:8px 12px;background:#fbf8ee;font-size:11px;color:var(--ink-soft)}
.dep-fill .pm-chip{flex:0 0 auto;min-width:0;padding:6px 10px;font-size:11px}
.dep-clear{color:#b3261e}
.dep-st{display:inline-block;padding:2px 8px;border-radius:999px;font-size:10px;font-weight:800}
.dep-st.open{background:#fdf3d7;color:#8a6a12}.dep-st.used{background:#e6f6ee;color:#0B6B4A}.dep-st.ref{background:#eceff3;color:#4a5563}
.dep-all{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--ink-soft);cursor:pointer}
/* modal oynalar */
.v237-modal{max-width:520px}
.v237-hint{padding:10px 12px;border-radius:12px;background:#fbf6e6;border:1px solid #efe1b5;font-size:11.5px;line-height:1.45;color:#5d4b1c;margin-bottom:12px}
.v237-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}
.pd-info{border-radius:14px;background:linear-gradient(135deg,#173d2f,#0f2a20);color:#fff;padding:14px 16px;margin-bottom:14px}
.pd-who b{display:block;font:800 16px 'Sora',sans-serif}.pd-who span{display:block;font-size:11px;color:#bfd6cb;margin-top:2px}
.pd-nums{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}
.pd-nums div{background:rgba(255,255,255,.08);border-radius:10px;padding:8px 10px}.pd-nums span{display:block;font-size:9.5px;text-transform:uppercase;letter-spacing:.06em;color:#bfd6cb}
.pd-nums b{display:block;font:700 13px 'IBM Plex Mono',monospace;margin-top:2px}.pd-nums .debt b{color:#ffb4ab}
.pd-quick{display:flex;gap:6px;margin-top:6px}
.pd-preview{font-size:12px;padding:9px 12px;border-radius:10px;background:#f2f8f4;border:1px solid #d7eadf;margin-top:6px}.pd-preview:empty{display:none}
/* KASSA kartasi */
.kassa-card{border-radius:20px;padding:16px 18px;margin:0 0 20px;background:linear-gradient(160deg,#ffffff,#f4f8f5);border:1px solid #dde9e2;box-shadow:var(--shadow-sm)}
.ks-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}
.ks-kicker{display:block;font:800 9.5px 'Manrope',sans-serif;letter-spacing:.14em;color:#0E9F6E}
.ks-head h3{font:800 20px 'Sora',sans-serif;margin:3px 0 4px;color:var(--forest)}
.ks-head small{display:block;font-size:11px;color:var(--ink-soft);max-width:620px;line-height:1.4}
.ks-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0 10px}
.ks-tile{border-radius:16px;padding:12px 14px;background:#fff;border:1px solid var(--line);position:relative;overflow:hidden}
.ks-tile::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--kc,#0E9F6E)}
.ks-tile span{display:block;font-size:11px;font-weight:700;color:var(--ink-soft)}
.ks-tile b{display:block;font:800 17px 'IBM Plex Mono',monospace;color:var(--kc,#0E9F6E);margin-top:4px;white-space:nowrap}
.ks-tile.cash{--kc:#0E9F6E}.ks-tile.click{--kc:#2563EB}.ks-tile.card{--kc:#7C3AED}
.ks-tile.total{--kc:#C8961E;background:linear-gradient(135deg,#173d2f,#0f2a20)}.ks-tile.total span{color:#bfd6cb}.ks-tile.total b{color:#f3d27a}
@media(max-width:760px){.ks-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ks-debts{border-radius:14px;border:1px solid #cfe8da;background:#f2faf5;padding:8px 12px;margin-bottom:10px}
.ks-debts-h{font-size:12px;font-weight:700;color:#0B6B4A;margin-bottom:4px}
.ks-debt-row{display:grid;grid-template-columns:auto 1fr auto auto;gap:10px;align-items:center;padding:5px 0;border-top:1px dashed #d4eadd;font-size:11.5px}
.ks-debt-row b{font-family:'IBM Plex Mono',monospace}
@media(max-width:600px){.ks-debt-row{grid-template-columns:1fr auto}}
.ks-details summary{cursor:pointer;font-size:12px;font-weight:700;color:var(--forest);padding:6px 0}
.ks-kind{display:inline-block;padding:2px 8px;border-radius:999px;font-size:10px;font-weight:800;background:#eef3f0;color:#2f4b3f;white-space:nowrap}
.ks-k-debt{background:#e6f6ee;color:#0B6B4A}.ks-k-deposit{background:#fdf3d7;color:#8a6a12}.ks-k-refund,.ks-k-fix{background:#fbe6e3;color:#b3261e}.ks-k-daily{background:#e8f0fd;color:#1d4ed8}

/* ===== v2.1.38 ===== */
.reception-choice-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}
@media (max-width:1250px){.reception-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media (max-width:760px){.reception-choice-grid{grid-template-columns:1fr!important}}
.zalog-choice{background:linear-gradient(160deg,#fffdf4,#f8efd6)!important;border-color:#ecd9a0!important}
.tag-zalog{display:inline-block;margin-left:5px;padding:2px 6px;border-radius:5px;background:#f6e3ad;color:#7a5a0c;font-size:8px;font-weight:800;vertical-align:middle;letter-spacing:.04em}
.rev-zalog-row td{background:#fffaea!important}
.ks-tiles{grid-template-columns:repeat(5,minmax(0,1fr))}
.ks-tile.zalog{--kc:#C8961E;background:#fffaea}
@media(max-width:900px){.ks-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
.dep-arrive-btn{background:linear-gradient(135deg,#0E9F6E,#0B7F58)!important;color:#fff!important;border:0!important;font-weight:700}
.dep-today{color:#0E9F6E!important;font-weight:800}
.arr-opt{border:1px solid #dfe9e3;border-radius:14px;padding:11px 13px;margin-bottom:10px;background:#fbfdfc}
.arr-opt.light{background:#fafafa;border-color:#eceff1}
.arr-t{font:800 13px 'Sora',sans-serif;color:var(--forest)}.arr-t small{font:600 10px 'Manrope',sans-serif;color:#0E9F6E}
.arr-d{font-size:11px;color:var(--ink-soft);line-height:1.4;margin:4px 0 8px}
.arr-row{display:flex;gap:8px;align-items:center}.arr-row select{flex:1;min-width:0;padding:9px 10px;border-radius:10px;border:1px solid var(--line);font:inherit;font-size:12px}
/* v2.1.38: ustuvorlik (admin-reference.css dan keyin ham ishlashi uchun) */
#receptionHome .reception-choice-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}
@media (max-width:1250px){#receptionHome .reception-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media (max-width:760px){#receptionHome .reception-choice-grid{grid-template-columns:1fr!important}}
#receptionDepositTable .btn.dep-arrive-btn,#receptionDebtTable .btn.pay-debt-btn,#gvExtraInfo .btn.pay-debt-btn{background:linear-gradient(135deg,#0E9F6E,#0B7F58)!important;color:#fff!important;border:0!important;font-weight:700;box-shadow:0 4px 12px rgba(14,159,110,.25)!important}
#receptionDepositTable td .btn{margin:2px 0}
/* v2.1.39: Daromadda qarz to'lovi qatorlari */
.tag-debtpaid{display:inline-block;margin-left:5px;padding:2px 6px;border-radius:5px;background:#d9f2e5;color:#0B6B4A;font-size:8px;font-weight:800;vertical-align:middle;letter-spacing:.04em}
.rev-debtpay-row td{background:#f1faf5!important}
/* v2.1.40 */
.pay-debtpaid{color:#0B6B4A!important}
.revenue-payment-note .chip-debtpaid{background:#e6f6ee;border-radius:999px;padding:2px 8px}

/* ===== v2.1.41: HISOB-KITOB ===== */
#receptionHome .reception-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
@media (max-width:900px){#receptionHome .reception-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:600px){#receptionHome .reception-choice-grid{grid-template-columns:1fr!important}}
.hisob-choice{background:linear-gradient(150deg,#0f3d2e,#0a2a20)!important;border-color:#0f3d2e!important}
.hisob-choice b,.hisob-choice .desc{color:#fff!important}.hisob-choice .desc{opacity:.78}
.hisob-choice .reception-choice-icon{background:rgba(255,255,255,.12)!important}
.hisob-lock{font-size:.6em;vertical-align:middle;margin-left:4px;opacity:.85}
.hp-modal{max-width:360px;text-align:center;padding:26px 24px 20px!important}
.hp-lock{width:64px;height:64px;margin:0 auto 10px;border-radius:20px;display:grid;place-items:center;font-size:30px;background:linear-gradient(135deg,#0f3d2e,#1b6b51);box-shadow:0 10px 24px rgba(15,61,46,.3)}
.hp-modal h3{font:800 20px 'Sora',sans-serif;color:var(--forest);margin:0}.hp-modal p{font-size:12px;color:var(--ink-soft);margin:4px 0 14px}
.hp-input{display:flex;gap:6px}.hp-input input{flex:1;padding:12px 14px;border-radius:12px;border:1.5px solid var(--line);font:600 16px 'IBM Plex Mono',monospace;text-align:center;letter-spacing:.2em}
.hp-input input:focus{outline:none;border-color:#0E9F6E;box-shadow:0 0 0 3px rgba(14,159,110,.15)}
.hp-input button{border:1.5px solid var(--line);background:#fff;border-radius:12px;padding:0 12px;cursor:pointer}
.hp-btns{display:flex;gap:8px;justify-content:center;margin-top:14px}
.hp-status{padding:5px 11px;border-radius:999px;font-size:11px;font-weight:800;background:#eee;white-space:nowrap}.hp-status.on{background:#e6f6ee;color:#0B6B4A}.hp-status.off{background:#fdf0d5;color:#8a6a12}
.hisob-pin-card{margin-bottom:14px;border:1px solid #d8eadf!important}
.hisob-view{animation:hsIn .25s ease}@keyframes hsIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.hs-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.hs-title{font:800 22px 'Sora',sans-serif;color:var(--forest);display:flex;gap:8px;align-items:center}
.hs-lockbtn{color:#b3261e!important}
.hs-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:18px;padding:10px 12px;margin-bottom:14px;box-shadow:var(--shadow-sm)}
.hs-seg{display:flex;background:#f1f4f2;border-radius:12px;padding:3px}
.hs-seg button{border:0;background:transparent;padding:8px 16px;border-radius:10px;font:700 12.5px 'Manrope',sans-serif;cursor:pointer;color:var(--ink-soft)}
.hs-seg button.on{background:#0f3d2e;color:#fff;box-shadow:0 4px 10px rgba(15,61,46,.25)}
.hs-nav{display:flex;align-items:center;gap:4px}
.hs-nav>button{width:34px;height:36px;border-radius:10px;border:1px solid var(--line);background:#fff;font-size:18px;cursor:pointer}
.hs-pick{height:36px;padding:0 10px;border-radius:10px;border:1px solid var(--line);font:600 13px 'IBM Plex Mono',monospace;background:#fff}
.hs-xls{margin-left:auto;display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:11.5px;color:var(--ink-soft);font-weight:700}
.hs-xls input{height:32px;padding:0 8px;border-radius:9px;border:1px solid var(--line);font:500 12px 'IBM Plex Mono',monospace}
.hs-hero{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;border-radius:22px;padding:20px 22px;margin-bottom:16px;color:#fff;background:radial-gradient(120% 140% at 0% 0%,#1d6b52 0%,#0f3d2e 45%,#0a241c 100%);box-shadow:0 14px 34px rgba(10,36,28,.25)}
.hs-k{font:800 10px 'Manrope',sans-serif;letter-spacing:.16em;color:#9fd3bd}
.hs-big{font:800 38px 'Sora',sans-serif;color:#f3d27a;line-height:1.1;margin:4px 0 8px}
.hs-split{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:#cfe5da}.hs-split b{color:#fff;font-family:'IBM Plex Mono',monospace}
.hs-kassa{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:8px}
.hs-kassa div{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:10px 12px}
.hs-kassa span{display:block;font-size:11px;color:#cfe5da}.hs-kassa b{display:block;font:700 15px 'IBM Plex Mono',monospace;margin-top:3px}
.hs-sec{background:#fff;border:1px solid var(--line);border-radius:20px;padding:14px 16px;margin-bottom:14px;box-shadow:var(--shadow-sm)}
.hs-sec-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.hs-sec-h h3{font:800 17px 'Sora',sans-serif;margin:0;color:var(--forest)}.hs-sec-h span{font-size:11px;color:var(--ink-soft);font-weight:700}
.hs-tiles{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-bottom:12px}
.hs-tile{border-radius:14px;padding:10px 12px;border:1px solid var(--line);background:#fbfcfb;position:relative;overflow:hidden}
.hs-tile::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--tc)}
.hs-tile span{display:block;font-size:10.5px;font-weight:700;color:var(--ink-soft)}.hs-tile b{display:block;font:800 14.5px 'IBM Plex Mono',monospace;color:var(--tc);margin-top:3px;white-space:nowrap}.hs-tile small{display:block;font-size:9.5px;color:var(--ink-soft);margin-top:2px}
.hs-tile.c{--tc:#0E9F6E}.hs-tile.o{--tc:#2563EB}.hs-tile.k{--tc:#7C3AED}.hs-tile.r{--tc:#d98b1b}.hs-tile.q{--tc:#c0392b}.hs-tile.dp{--tc:#0B7F58;background:#f0faf5}.hs-tile.t{--tc:#0f3d2e}
@media(max-width:1000px){.hs-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.hs-xls{margin-left:0}}
@media(max-width:560px){.hs-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.hs-big{font-size:30px}.hs-kassa{grid-template-columns:1fr 1fr 1fr}}
.hs-tw{overflow-x:auto;border-radius:14px;border:1px solid #edf0ee}
.hs-t{width:100%;border-collapse:collapse;font-size:12px;min-width:820px}
.hs-t th{background:#f5f8f6;color:#4a5d55;font:800 9.5px 'Manrope',sans-serif;text-transform:uppercase;letter-spacing:.05em;padding:9px 10px;text-align:left;white-space:nowrap}
.hs-t td{padding:9px 10px;border-top:1px solid #f0f2f1;vertical-align:top}
.hs-t td small{display:block;font-size:10px;color:var(--ink-soft);margin-top:2px}
.hs-t td.s{text-align:right;font-family:'IBM Plex Mono',monospace;white-space:nowrap}.hs-t td.n{color:#9aa;width:28px}
.hs-t td.c{color:#0B6B4A}.hs-t td.o{color:#1d4ed8}.hs-t td.k{color:#5b21b6}.hs-t td.r{color:#a2650f}.hs-t td.q{color:#c0392b}.hs-t td.dp{color:#0B7F58}
.hs-t tbody tr:hover td{background:#fafcfb}
.hs-t tfoot td{background:#0f3d2e;color:#fff;font-weight:800;padding:10px}.hs-t tfoot td.s{color:#f3d27a}
.hs-r-zalog td{background:#fffaea}.hs-r-debt td{background:#f1faf5}.hs-r-extra td{background:#f7f7f9}
.hs-tag{display:inline-block;margin-left:6px;padding:2px 6px;border-radius:5px;font-size:8px;font-weight:800;letter-spacing:.04em;vertical-align:middle}
.hs-tag.z{background:#f6e3ad;color:#7a5a0c}.hs-tag.d{background:#d9f2e5;color:#0B6B4A}.hs-tag.q{background:#fbe2df;color:#b3261e}.hs-tag.e{background:#eceff3;color:#4a5563}
.hs-empty{text-align:center;color:var(--ink-soft);padding:22px!important}
.hs-free .hs-t{min-width:640px}
/* v2.1.42: Hisob-kitob jadvali — summalar sarlavha ostida, Mijoz/Xona ixcham */
.hs-t{table-layout:auto}
.hs-t th.s{text-align:right}
.hs-t th.who,.hs-t td.who{width:24%;min-width:200px}
.hs-t th.rm,.hs-t td.rm{width:56px;text-align:center;white-space:nowrap;font-weight:700}
.hs-t th.s,.hs-t td.s{width:9.5%}
/* v2.1.46: Hisob-kitob — yig'iladigan bo'limlar */
.hs-col{padding:0!important;overflow:hidden}
.hs-toggle{width:100%;display:flex;align-items:center;gap:12px;background:none;border:0;cursor:pointer;padding:16px 18px!important;margin:0!important;text-align:left;font-family:inherit;transition:background .15s}
.hs-toggle:hover{background:#f7faf8}
.hs-toggle h3{flex:0 0 auto}
.hs-sum{margin-left:auto;font-size:12px!important;color:var(--ink-soft);font-weight:600!important}
.hs-sum b{font-family:'IBM Plex Mono',monospace;color:var(--forest)}.hs-sum b.q{color:#c0392b}
.hs-chev{font-style:normal;width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:#eef3f0;color:var(--forest);font-size:16px;font-weight:800;transition:transform .2s;flex:0 0 auto;line-height:1}
.hs-col.open .hs-chev{transform:rotate(180deg);background:#0f3d2e;color:#fff}
.hs-body{display:none;padding:0 16px 14px}
.hs-col.open .hs-body{display:block;animation:hsIn .2s ease}
@media(max-width:600px){.hs-toggle{flex-wrap:wrap}.hs-sum{margin-left:0;width:100%;order:3}}
/* v2.1.47: Jami summa qulfi */
.editable-total-input.total-locked{cursor:pointer;opacity:.95}
.total-lock-btn{border:0;background:rgba(255,255,255,.12);color:#fff;width:34px;height:34px;border-radius:10px;cursor:pointer;font-size:15px;margin-left:6px;flex:0 0 auto}
.total-lock-btn:hover{background:rgba(255,255,255,.22)}
.total-lock-btn.open{background:#f3d27a;color:#173d2f}
/* v2.1.48 */
#guestRoomPrice.room-price-custom{color:#8a5a00;background:#fff3cf;padding:1px 6px;border-radius:6px}
/* v2.1.52: xodimlar ro'yxatini yangilash */
.ss-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
@media(max-width:800px){.ss-grid{grid-template-columns:1fr}}
.ss-col{border:1px solid var(--line);border-radius:14px;padding:10px 12px;max-height:380px;overflow:auto;background:#fbfcfb}
.ss-col h4{margin:0 0 8px;font:800 13px 'Sora',sans-serif}
.ss-col.add h4{color:#0B6B4A}.ss-col.upd h4{color:#1d5fa5}.ss-col.del h4{color:#b3261e}
.ss-col>div{padding:5px 0;border-top:1px dashed #e6ebe8;font-size:12px}.ss-col small{display:block;color:var(--ink-soft);font-size:10.5px}
.ss-empty{color:var(--ink-soft)}
.ss-note{margin-top:10px;font-size:11.5px;padding:9px 12px;border-radius:10px;background:#fbf6e6;border:1px solid #efe1b5;color:#5d4b1c}

/* ===== v2.1.55: Xonani o'zgartirish — ko'chirish usuli ===== */
#roomChangeOverlay .modal{max-width:560px;}
.rc-label{font-size:10.5px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:var(--ink-soft,#5d6b66);margin:12px 0 6px;}
.rc-modes{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
@media(max-width:520px){.rc-modes{grid-template-columns:1fr}}
.rc-mode{position:relative;display:flex;gap:10px;align-items:flex-start;padding:12px;border:2px solid #e2e8e5;border-radius:14px;background:#fff;cursor:pointer;transition:border-color .15s,box-shadow .15s,background .15s;}
.rc-mode input{position:absolute;opacity:0;pointer-events:none;}
.rc-mode .rc-ic{font-size:22px;line-height:1;}
.rc-mode .rc-tx{display:flex;flex-direction:column;gap:3px;min-width:0;padding-right:18px;}
.rc-mode b{font-size:13.5px;color:#123a30;line-height:1.25;}
.rc-mode small{font-size:11.5px;color:#64746e;line-height:1.35;}
.rc-mode:hover{border-color:#9fc7b6;}
.rc-mode.on{border-color:#0e5a43;background:#f1f9f4;box-shadow:0 0 0 3px rgba(14,90,67,.12);}
.rc-mode.on::after{content:"✓";position:absolute;top:8px;right:10px;width:20px;height:20px;border-radius:50%;background:#0e5a43;color:#fff;font-size:12px;font-weight:900;display:grid;place-items:center;}
.rc-mode.disabled{opacity:.5;cursor:not-allowed;background:#f6f7f7;}
.rc-mode.disabled:hover{border-color:#e2e8e5;}
.rc-solo{margin-top:12px;padding:12px;border:1.5px solid #e6d6a8;border-radius:14px;background:#fffcf3;}
.rc-solo .row2{margin-bottom:0;}
.rc-calc{border-radius:12px;background:#fff;border:1px solid #efe5c8;padding:4px 12px;margin-top:4px;}
.rc-row{display:flex;justify-content:space-between;gap:10px;align-items:baseline;padding:7px 0;border-bottom:1px dashed #eee3c4;font-size:13px;color:#33433d;}
.rc-row:last-child{border-bottom:0;}
.rc-row small{display:block;font-size:11px;color:#7d8a85;}
.rc-row b{white-space:nowrap;color:#123a30;}
.rc-row .rc-plus{color:#b26a00;}
.rc-row.rc-due b{color:#b3261e;font-size:15px;}
.rc-note{font-size:12px;color:#6b7a74;padding:4px 0 8px;}
.rc-pay .pm-chips{margin-bottom:8px;}
.rc-pay-row{display:flex;gap:6px;align-items:center;}
.rc-pay-row input{flex:1;min-width:0;height:42px;font-size:16px;font-weight:700;}
.rc-pay-row .btn.small{white-space:nowrap;}
.rc-preview{font-size:12.5px;margin-top:8px;color:#33433d;}

/* ===== v2.1.57: Hisob-kitob — kassa (tushum − xarajat = qoldiq) va 6 bo'lim ===== */
.hs-hero.v2{display:grid;grid-template-columns:minmax(260px,1fr) minmax(0,1.6fr);gap:18px;align-items:stretch}
@media(max-width:1000px){.hs-hero.v2{grid-template-columns:1fr}}
.hs-hero.v2 .hs-hero-l{display:flex;flex-direction:column;justify-content:center}
.hs-flow{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;color:#cfe5da;margin:-2px 0 10px}
.hs-flow b{font-family:'IBM Plex Mono',monospace;color:#fff}.hs-flow .mn b{color:#ffb4ab}
.hs-split{row-gap:6px}
.hk-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
@media(max-width:640px){.hk-grid{grid-template-columns:1fr}}
.hk-card{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13);border-radius:16px;padding:12px 14px;position:relative;overflow:hidden}
.hk-card::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--hk)}
.hk-cash{--hk:#34d399}.hk-online{--hk:#60a5fa}.hk-card.hk-card{}.hk-card.hk-card{--hk:var(--hk)}
.hk-grid .hk-card:nth-child(3){--hk:#a78bfa}
.hk-h{font:800 12px 'Manrope',sans-serif;color:#fff;margin-bottom:8px;letter-spacing:.02em}
.hk-row{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:#bfd6cb;padding:3px 0}
.hk-row b{font:700 12.5px 'IBM Plex Mono',monospace;color:#fff;white-space:nowrap}
.hk-row.minus b{color:#ffb4ab}
.hk-row.res{border-top:1px dashed rgba(255,255,255,.22);margin-top:4px;padding-top:7px}
.hk-row.res span{color:#f3d27a;font-weight:800;font-size:11.5px}.hk-row.res b{color:#f3d27a;font-size:15px}
.hk-row.res.neg b{color:#ff8a80}
.hs-no{flex:0 0 auto;width:26px;height:26px;border-radius:9px;display:grid;place-items:center;background:#0f3d2e;color:#f3d27a;font:800 12px 'Sora',sans-serif}
.hs-tiles.t4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:700px){.hs-tiles.t4{grid-template-columns:repeat(2,minmax(0,1fr))}}
.hs-tile.d{--tc:#0e7490}
.hs-tile.xc,.hs-tile.xo,.hs-tile.xk,.hs-tile.xt{--tc:#c0392b;background:#fff6f5}
.hs-tile.xc b::before,.hs-tile.xo b::before,.hs-tile.xk b::before,.hs-tile.xt b::before{content:"− "}
.hs-r-ext td{background:#f3f9fd}
.hs-t td.ok{color:#0B7F58;font-weight:800}
.hs-ev{display:block;font-family:'IBM Plex Mono',monospace;font-size:10.5px!important;color:#2f4b3f!important}
.hs-mute{color:var(--ink-soft)}
.hs-warn{margin:0 0 10px;padding:8px 12px;border-radius:10px;background:#fff4e5;border:1px solid #f5d6a6;color:#8a5a00;font-size:12px}
.hs-toggle .hs-no{color:#f3d27a!important;background:#0f3d2e!important;font-size:12px!important}
.hs-tile.z b::before{content:none}
.hs-tag.rd{background:#e0ecff;color:#1d4ed8}

/* ===== v2.1.60: Keldi · Ketdi ===== */
.reception-monitor-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1100px){.reception-monitor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.reception-monitor-grid{grid-template-columns:1fr}}
.reception-monitor-grid .monitor-card:nth-child(4){--c:#2563EB}
.monitor-card.move{background:linear-gradient(135deg,#f6f9ff,#e8f0fd)}
#receptionMoveCount i{font-style:normal}.mv-in{color:#0E9F6E}.mv-out{color:#E5484D;margin-left:4px}
#receptionMoveSub{font-weight:700;color:#1d4ed8}
.mv-panel{padding:16px 18px!important}
.mv-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.mv-title{display:flex;gap:12px;align-items:center}.mv-title h3{margin:0;font:800 20px 'Sora',sans-serif;color:var(--forest)}.mv-title small{color:var(--ink-soft);font-size:11.5px}
.mv-ic{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-size:22px;background:linear-gradient(135deg,#2563EB,#0E9F6E);box-shadow:0 8px 18px rgba(37,99,235,.25)}
.mv-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.mv-flow{display:flex;align-items:stretch;gap:8px;margin-bottom:12px;flex-wrap:wrap}
.mv-flow.m .mv-box{flex:0 1 260px}
.mv-box{flex:1 1 140px;border-radius:16px;padding:12px 14px;border:1px solid var(--line);background:#fff;position:relative;overflow:hidden}
.mv-box::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--mc)}
.mv-box span{display:block;font-size:11px;font-weight:800;color:var(--ink-soft);letter-spacing:.02em}
.mv-box b{display:block;font:800 30px 'Sora',sans-serif;color:var(--mc);line-height:1.1;margin:4px 0 2px}
.mv-box small{font-size:10.5px;color:var(--ink-soft)}
.mv-box.b{--mc:#64748b}.mv-box.in{--mc:#0E9F6E;background:#f1fbf6}.mv-box.t{--mc:#0f3d2e;background:linear-gradient(135deg,#0f3d2e,#1b5b45)}
.mv-box.t span,.mv-box.t small{color:#cfe5da}.mv-box.t b{color:#f3d27a}
.mv-box.out{--mc:#E5484D;background:#fff5f5}.mv-box.st{--mc:#2563EB;background:#f3f7ff}
.mv-op{align-self:center;font:800 22px 'Sora',sans-serif;color:#94a3b8;padding:0 2px}
@media(max-width:800px){.mv-op{display:none}.mv-box{flex:1 1 45%}}
.mv-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.mv-chip{border:1.5px solid var(--line);background:#fff;border-radius:999px;padding:7px 14px;font:700 12px 'Manrope',sans-serif;cursor:pointer;color:var(--ink-soft)}
.mv-chip b{margin-left:4px;font-family:'IBM Plex Mono',monospace}
.mv-chip.on{background:#0f3d2e;color:#fff;border-color:#0f3d2e}
.mv-tag{display:inline-block;padding:3px 9px;border-radius:999px;font-size:10.5px;font-weight:800;margin-right:4px}
.mv-tag.in{background:#dcf5e8;color:#0B6B4A}.mv-tag.out{background:#fde4e4;color:#b3261e}.mv-tag.st{background:#e3ecff;color:#1d4ed8}
.mv-r.in td{background:#f6fcf9}.mv-r.out td{background:#fffafa}
.mv-t td.in{color:#0B6B4A;font-weight:800}.mv-t td.out{color:#b3261e;font-weight:800}.mv-t td.st{color:#1d4ed8;font-weight:800}
.mv-day{cursor:pointer}.mv-day:hover td{background:#f3f7f5!important}.mv-day.today td{background:#fffbea}.mv-day.future td{opacity:.55}
.mv-t{min-width:640px}
.mv-hint{font-size:11px;color:var(--ink-soft);margin-top:6px}

/* v2.1.61: kelish/ketish soati */
.dt-pair{display:flex;gap:6px;align-items:stretch}
.dt-pair input[type=date]{flex:1;min-width:0}
.dt-pair .hm-input{width:74px;flex:0 0 74px;text-align:center;font-family:'IBM Plex Mono',monospace;font-weight:700;letter-spacing:.5px}
.dt-pair .hm-input[readonly]{background:rgba(127,127,127,.08);color:var(--ink-soft);cursor:not-allowed}
.dt-pair .hm-input.bad{border-color:#d33!important;box-shadow:0 0 0 2px rgba(221,51,51,.18)}
.hm-hint{display:block;margin-top:3px;font-size:10px;color:var(--ink-soft)}
.dep-time{display:inline-block;align-self:flex-start;margin-top:2px;padding:1px 7px;border-radius:999px;font-size:10px;font-weight:700;font-family:'IBM Plex Mono',monospace;background:rgba(214,158,46,.16);color:#9a6a00}
.dep-time.late{background:rgba(221,51,51,.14);color:#c0262d}
@media (prefers-color-scheme:dark){.dep-time{color:#f3d27a}.dep-time.late{color:#ff8a8a}}
/* v2.1.62: o'tgan kun davomati ochiq */
.att-lock.att-open{background:#eef6ff;border-color:#bcd6f5;color:#1d4a7a}

/* v2.1.62: GO'SHT DAFTARI (sut daftari uslubida, iliq "go'sht" ranglari) */
.milk-btn.meat-btn{border-color:#f0b9a0;background:linear-gradient(120deg,#fff4ee 0%,#fffaf6 55%,#fdeee4 100%);color:#5a2210}
.milk-btn.meat-btn:hover{box-shadow:0 10px 26px rgba(190,80,40,.22);border-color:#e08a62}
.meat-btn .milk-btn-cow{background:linear-gradient(160deg,#ffe3d4,#f6d2b4)}
.meat-btn .milk-btn-main b{color:#8b2c12}
.meat-btn .milk-btn-main small{color:#a3532c}
.meat-btn .milk-btn-go{color:#e08a62}
.meat-btn:hover .bull-svg{animation:cowNod .6s ease}
.meat-btn small.meat-friday-due{color:#b3261e;font-weight:800}
.btn.meat-mini{background:#fff1ea!important;border-color:#f0b9a0!important;color:#8b2c12!important}
.meat-theme .milk-hero{background:linear-gradient(120deg,#ffe9de 0%,#fff8f3 50%,#fbe7d9 100%);border-bottom-color:#f3cdb8}
.meat-theme .milk-hero-cow{box-shadow:0 6px 18px rgba(190,80,40,.2)}
.meat-theme .milk-hero-txt h3{color:#8b2c12}
.meat-theme .milk-sup{color:#a3532c}
.meat-theme .milk-today{border-color:#f3d3c2;background:#fffbf8}
.meat-theme .milk-stepper{border-color:#f0b9a0}
.meat-theme .milk-stepper button{background:#fff1ea;color:#8b2c12}
.meat-theme .milk-stepper button:hover{background:#ffe2d3}
.meat-theme .milk-chips button{border-color:#f3d3c2;color:#8b2c12}
.meat-theme .milk-chips button:hover{background:#fff1ea;border-color:#e08a62}
.meat-theme .milk-sum{background:linear-gradient(120deg,#8b2c12,#b8461f)}
.meat-theme .btn.milk-save{background:linear-gradient(120deg,#a8361a,#d0602e)!important}
.meat-theme .milk-stats .ms-l{background:#fff1ea;border-color:#f3d3c2}.meat-theme .milk-stats .ms-l b{color:#8b2c12}
.meat-theme .milk-cal .mc-d.got{background:linear-gradient(180deg,#fffaf6,#ffe4d4);border-color:#f0b9a0}
.meat-theme .milk-cal .mc-d.got b{color:#8b2c12}
.meat-cal .mc-h.fri{color:#b3261e}
.meat-cal .mc-d.fri{border-style:dashed;border-color:#e9a07a}
.meat-cal .mc-d.fri:not(.got):not(.paid){background:#fffaf5}
.meat-friday{display:flex;align-items:center;gap:12px;border-radius:14px;padding:10px 14px;margin-bottom:12px;background:#f7f4f1;border:1px solid #ece3db}
.meat-friday .mf-ic{font-size:24px}
.meat-friday b{display:block;font-size:14px;color:#5a2210}
.meat-friday small{display:block;font-size:12.5px;color:#6b5547;margin-top:2px}
.meat-friday strong{color:#b3261e}
.meat-friday.on{background:linear-gradient(120deg,#fff0d6,#ffe1c7);border:1.5px solid #f0b56a;animation:meatPulse 2.4s ease-in-out infinite}
@keyframes meatPulse{0%,100%{box-shadow:0 0 0 0 rgba(240,150,60,.0)}50%{box-shadow:0 0 0 6px rgba(240,150,60,.18)}}
.milk-pay.meat-due.friday{background:#fff0e0;border-style:solid;border-color:#e98d3c}
.meat-due-days{display:flex!important;flex-wrap:wrap;gap:5px;margin-top:4px}
.meat-due-days i{font-style:normal;font-size:11px;font-weight:700;background:#fff;border:1px solid #f3d3c2;color:#8b2c12;border-radius:999px;padding:2px 8px;font-family:'IBM Plex Mono',monospace}
.meat-pays{margin-top:14px}
.meat-pays-h{font-weight:800;font-size:13px;color:#1e7a4c;margin-bottom:6px}
.meat-pay-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 12px;border:1px solid #cdebd6;background:#f4fbf6;border-radius:12px;margin-bottom:6px;font-size:12.5px}
.meat-pay-row b{margin-left:auto;color:#1e7a4c;font-family:'Sora','Manrope',sans-serif}
.meat-friday.hide{display:none}
/* v2.1.64: ovoz tugmasi */
.milk-hero .sfx-btn{position:absolute;top:14px;right:58px;width:36px;height:36px;border-radius:12px;border:1px solid rgba(0,0,0,.08);background:#fff;cursor:pointer;font-size:17px;display:grid;place-items:center;box-shadow:0 2px 8px rgba(0,0,0,.06);transition:transform .15s}
.milk-hero .sfx-btn:hover{transform:scale(1.08)}
.milk-hero .sfx-btn.off{opacity:.55}
.milk-hero-cow{cursor:pointer}
.milk-cal .mc-d:not(.future){cursor:pointer;transition:transform .12s, box-shadow .12s}
.milk-cal .mc-d:not(.future):hover{transform:translateY(-2px);box-shadow:0 6px 14px rgba(0,0,0,.08)}
.milk-cal .mc-d:not(.future):active{transform:scale(.95)}
.milk-modal .milk-hero{padding-right:104px}

/* ===== v2.1.67: 💵 KASSA bo'limi ===== */
#receptionHome .reception-choice-card.hisob-choice{background:linear-gradient(150deg,#0f3d2e,#0a2a20)!important;border-color:#0f3d2e!important}
#receptionHome .reception-choice-card.kassa-choice{grid-column:1/-1;min-height:0;display:flex;flex-direction:row;align-items:center;gap:18px;padding:20px 24px;
  background:radial-gradient(120% 140% at 0% 0%,#1e7a4c 0%,#0f4d34 45%,#0a2f22 100%)!important;border:1px solid #0f4d34!important;color:#fff;box-shadow:0 14px 34px rgba(15,77,52,.28)!important}
#receptionHome .kassa-choice .reception-choice-icon{background:rgba(255,255,255,.14)!important;font-size:30px;width:62px;height:62px;flex:0 0 62px;margin:0}
#receptionHome .kassa-choice .kassa-choice-txt{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0;text-align:left}
#receptionHome .kassa-choice b{color:#fff!important;font-size:22px}
#receptionHome .kassa-choice .desc{color:rgba(255,255,255,.82)!important;margin:0}
#receptionHome .kassa-choice-go{flex:0 0 auto;padding:10px 18px;border-radius:999px;background:#f3d27a;color:#3a2a05;font-weight:800;font-size:13.5px;box-shadow:0 6px 16px rgba(0,0,0,.18);transition:transform .15s}
#receptionHome .kassa-choice:hover .kassa-choice-go{transform:translateX(4px)}
@media(max-width:640px){#receptionHome .reception-choice-card.kassa-choice{flex-wrap:wrap}#receptionHome .kassa-choice-go{width:100%;text-align:center}}

.kassa-view{animation:hsIn .25s ease}
.ks-hero{margin:12px 0;border-radius:24px;padding:24px 26px;color:#fff;background:radial-gradient(120% 160% at 0% 0%,#1f8a57 0%,#0f4d34 50%,#08261b 100%);box-shadow:0 18px 40px rgba(8,38,27,.3);position:relative;overflow:hidden}
.ks-hero::after{content:"💵";position:absolute;right:18px;top:-6px;font-size:120px;opacity:.08;transform:rotate(-12deg)}
.ks-hero small{font:800 11px 'Manrope',sans-serif;letter-spacing:1.4px;color:#bfe8cf;text-transform:uppercase}
.ks-hero strong{display:block;font-family:'Sora','Manrope',sans-serif;font-size:52px;line-height:1.05;color:#f3d27a;margin:6px 0 10px;letter-spacing:-.5px}
.ks-hero strong em{font-style:normal;font-size:22px;color:#f3d27a;opacity:.85}
.ks-eq{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;font-family:'IBM Plex Mono',monospace;font-weight:700;font-size:15px}
.ks-eq span{background:rgba(255,255,255,.1);padding:6px 12px;border-radius:12px}
.ks-eq span i{font-style:normal;font-family:'Manrope',sans-serif;font-size:11px;font-weight:600;opacity:.75;margin-left:4px}
.ks-eq .in{color:#9ff0c0}.ks-eq .out{color:#ffb4a8}.ks-eq .net{color:#f3d27a;background:rgba(243,210,122,.14)}
.ks-eq .op{background:none;padding:0;font-size:20px;opacity:.7}
.ks-hero p{margin:12px 0 0;font-size:12.5px;color:#d8efe1;max-width:820px}
.ks-note{margin-top:8px;font-size:12px;color:#ffe9a8}.ks-note.err{color:#ffb4a8}
.ks-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:14px}
@media(max-width:900px){.ks-tiles{grid-template-columns:1fr}}
.ks-tile{background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px 18px;position:relative;overflow:hidden;box-shadow:0 6px 18px rgba(15,30,25,.06)}
.ks-tile::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--ks)}
.ks-tile.ks-cash{--ks:#1e9a5c;--ksb:#e7f7ee}.ks-tile.ks-online{--ks:#2b7de9;--ksb:#e8f1fe}.ks-tile.ks-card{--ks:#8a4fd6;--ksb:#f2ebfd}
.ks-tile-h{display:flex;align-items:center;gap:10px}
.ks-ic{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--ksb);font-size:19px}
.ks-tile-h b{font-size:16px;color:var(--ink)}
.ks-tile-net{margin:12px 0 8px}
.ks-tile-net small{display:block;font-size:11px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:var(--ink-soft)}
.ks-tile-net strong{font-family:'Sora','Manrope',sans-serif;font-size:32px;color:var(--ks);letter-spacing:-.4px}
.ks-tile-net em{font-style:normal;font-size:13px;color:var(--ink-soft);margin-left:4px}
.ks-tile.neg .ks-tile-net strong{color:#c0262d}
.ks-bar{height:6px;border-radius:99px;background:var(--ksb);overflow:hidden;margin-bottom:10px}
.ks-bar i{display:block;height:100%;background:#e5786b;border-radius:99px}
.ks-tile-rows div{display:flex;justify-content:space-between;font-size:12.5px;padding:3px 0;color:var(--ink-soft)}
.ks-tile-rows b{font-family:'IBM Plex Mono',monospace}
.ks-tile-rows b.in{color:#1e7a4c}.ks-tile-rows b.out{color:#c0262d}
.ks-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px 18px;margin-bottom:14px;box-shadow:0 6px 18px rgba(15,30,25,.05)}
.ks-card-h{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.ks-card-h h4{margin:0;font-size:16px}
.ks-card-h small{color:var(--ink-soft);font-size:12px}
.ks-kinds,.ks-month{width:100%;border-collapse:collapse;font-size:13px}
.ks-kinds th,.ks-month th{text-align:right;font-size:11px;letter-spacing:.5px;text-transform:uppercase;color:var(--ink-soft);padding:8px 10px;border-bottom:1px solid var(--line)}
.ks-kinds th:first-child,.ks-month th:first-child{text-align:left}
.ks-kinds td,.ks-month td{padding:9px 10px;border-bottom:1px dashed #e8ece9}
.ks-kinds td.s,.ks-month td.s{text-align:right;font-family:'IBM Plex Mono',monospace;white-space:nowrap}
.ks-kinds td.out,.ks-month td.out{color:#c0262d}.ks-month td.in{color:#1e7a4c}
.ks-n{color:var(--ink-soft);font-size:11px;margin-left:4px}
.ks-exp-row td{background:#fff6f4}
.ks-kinds tfoot td,.ks-month tfoot td{background:#0f3d2e;color:#f3d27a;font-weight:800;padding:11px 10px;border:0}
.ks-kinds tfoot td:first-child,.ks-month tfoot td:first-child{border-radius:12px 0 0 12px;color:#fff}
.ks-kinds tfoot td:last-child,.ks-month tfoot td:last-child{border-radius:0 12px 12px 0}
.ks-month tbody tr{cursor:pointer;transition:background .12s}.ks-month tbody tr:hover{background:#f3faf6}
.ks-month td small{color:var(--ink-soft)}
.ks-mempty td{color:#b6c0bb}
.ks-chips{display:flex;gap:6px;flex-wrap:wrap}
.ks-chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:6px 12px;font:700 12px 'Manrope',sans-serif;cursor:pointer;color:var(--ink-soft)}
.ks-chip.on{background:#0f3d2e;color:#fff;border-color:#0f3d2e}
.ks-list{display:flex;flex-direction:column}
.ks-row{display:grid;grid-template-columns:62px minmax(0,1fr) 90px 150px 150px;gap:10px;align-items:center;padding:10px 8px;border-bottom:1px dashed #e8ece9;font-size:13px}
.ks-row.ks-head{font-size:11px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--ink-soft);border-bottom:1px solid var(--line)}
.ks-row .ks-time{font-family:'IBM Plex Mono',monospace;color:var(--ink-soft)}
.ks-row .ks-what{display:flex;flex-direction:column;min-width:0}
.ks-row .ks-what small{color:var(--ink-soft);font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ks-row .ks-amt{text-align:right;font-family:'IBM Plex Mono',monospace;font-weight:800}
.ks-row.in .ks-amt{color:#1e7a4c}.ks-row.out .ks-amt{color:#c0262d}
.ks-row.out{background:linear-gradient(90deg,#fff6f4,transparent)}
.ks-row .ks-run{text-align:right;font-family:'IBM Plex Mono',monospace;color:var(--ink-soft)}
.ks-empty{padding:22px;text-align:center;color:var(--ink-soft)}
@media(max-width:700px){.ks-row{grid-template-columns:50px minmax(0,1fr) 110px}.ks-row .pm-tag,.ks-row .ks-run{display:none}.ks-hero strong{font-size:38px}}
.ks-tile-h b{font-family:'Manrope',sans-serif!important;font-weight:800}
.ks-ic{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-size:20px!important;line-height:1;text-align:center}
.ks-kinds tfoot td,.ks-month tfoot td{color:#f3d27a!important}
.ks-kinds tfoot td:first-child,.ks-month tfoot td:first-child{color:#fff!important}
/* v2.1.68: 0 litr / 0 kg — kelmadi */
.milk-tag.zero{background:#eef0f2;color:#6b7680}
.milk-cal .mc-d.zero{background:repeating-linear-gradient(135deg,#f6f7f8 0 6px,#eef0f2 6px 12px);border-color:#dfe3e6}
.milk-cal .mc-d.zero b{color:#9aa4ad}.milk-cal .mc-d.zero em{color:#9aa4ad;font-size:8.5px}
.ks-row.nopay{background:repeating-linear-gradient(135deg,#fafbfb 0 8px,#f3f5f6 8px 16px);color:#6b7680}
.ks-row.nopay .ks-amt{color:#9aa4ad}
.ks-np-tag{font-size:10.5px;font-weight:800;color:#8a6a00;background:#fff4dc;border:1px solid #f1d58f;border-radius:999px;padding:2px 8px;text-align:center;white-space:nowrap}
.ks-arr{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-left:5px solid #1e9a5c;border-radius:16px;padding:12px 16px;margin-bottom:14px}
.ks-arr-ic{font-size:24px}
.ks-arr b{font-size:14.5px}.ks-arr small{display:block;font-size:12.5px;color:var(--ink-soft);margin-top:2px}
.ks-arr .r{color:#c0262d;font-size:12.5px}
.ks-debt{display:inline-block;margin-left:6px;font-size:11px;font-weight:800;color:#c0262d;background:#fdecea;border-radius:999px;padding:1px 8px}
.ks-dr{color:#c0262d;font-weight:800}
.ks-row.nopay .ks-np-tag{color:#fff;background:#d6453b;border-color:#d6453b}
.ks-arr-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.ks-arr-list span{font-size:12px;font-weight:700;color:#a3221b;background:#fdecea;border:1px solid #f5c6c1;border-radius:999px;padding:3px 10px}

/* v2.1.70: Mijozlar tarixi filtrlari + pullik xizmat qarzdorlari */
.tag-daily{display:inline-block;margin-left:5px;padding:2px 6px;border-radius:5px;background:#e8f0fe;color:#2456b3;font-size:8px;font-weight:800;vertical-align:middle;letter-spacing:.4px}
.gh-filters{background:linear-gradient(180deg,#fbfaf6,#f6f3ea);border:1px solid var(--line);border-radius:18px;padding:12px 14px;margin:0 0 12px;display:flex;flex-direction:column;gap:10px}
.gh-f-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.gh-search{flex:1 1 320px;min-width:220px;height:42px;border-radius:12px;border:1px solid var(--line);padding:0 14px;font-size:14px;background:#fff}
.gh-seg{display:flex;background:#fff;border:1px solid var(--line);border-radius:12px;padding:3px;gap:2px;flex-wrap:wrap}
.gh-seg button{border:0;background:transparent;padding:8px 14px;border-radius:9px;font:700 12.5px 'Manrope',sans-serif;cursor:pointer;color:var(--ink-soft)}
.gh-seg button.on{background:#0f3d2e;color:#fff;box-shadow:0 4px 10px rgba(15,61,46,.25)}
.gh-date{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:var(--ink-soft)}
.gh-date input{height:38px;border-radius:10px;border:1px solid var(--line);padding:0 8px;font:600 13px 'IBM Plex Mono',monospace;background:#fff}
.gh-quick{display:flex;gap:5px;flex-wrap:wrap}
.gh-quick button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:6px 11px;font:700 12px 'Manrope',sans-serif;cursor:pointer;color:#0f3d2e}
.gh-quick button:hover{background:#eef7f1;border-color:#9fd1b3}
.gh-select{height:38px;border-radius:10px;border:1px solid var(--line);padding:0 10px;font:700 12.5px 'Manrope',sans-serif;background:#fff}
.gh-summary{display:flex;flex-wrap:wrap;gap:8px}
.gh-summary span{background:#fff;border:1px solid var(--line);border-radius:999px;padding:4px 12px;font-size:12px;color:var(--ink-soft)}
.gh-summary span b{color:var(--ink)}.gh-summary span.r b{color:#c0262d}
.tag-daily-no{display:block;width:max-content;margin:4px 0 0;font-size:8.5px}
/* v2.1.72: pullik xizmat — xona raqami (ixtiyoriy) */
.opt-tag{font-size:9px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:#6b7680;background:#eef0f2;border-radius:999px;padding:1px 7px;margin-left:4px;vertical-align:middle}
.d-room-chip{display:inline-block;margin-left:6px;font-size:10.5px;font-weight:800;color:#0f5a3c;background:#e3f6e8;border:1px solid #bfe3cc;border-radius:999px;padding:1px 8px;vertical-align:middle}
.d-room-chip.amb{color:#5b6670;background:#f1f3f5;border-color:#dde2e6}
.ks-arr-2{display:block;margin-top:6px}

/* v2.1.75: ⏩ Muddatni uzaytirish */
.btn.ext-btn{background:#eef6ff!important;border-color:#b9d4f5!important;color:#1d4f91!important;font-weight:800}
.acc-btn.dep-ext-btn{background:#eef6ff;border-color:#b9d4f5;color:#1d4f91}
.ext-modal{max-width:560px}
.ext-sub{font-size:12.5px;color:var(--ink-soft);margin-top:3px;font-weight:700}
.ext-now{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}
.ext-now div{background:#f6f8f7;border:1px solid var(--line);border-radius:12px;padding:8px 10px}
.ext-now small{display:block;font-size:10.5px;color:var(--ink-soft);font-weight:700;text-transform:uppercase;letter-spacing:.4px}
.ext-now b{font-size:13px;font-family:'IBM Plex Mono',monospace}
.ext-lbl{display:block;font-size:11px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--ink-soft);margin:6px 0 6px}
.ext-date-row{display:flex;align-items:center;gap:10px}
.ext-date-row input{height:44px;border-radius:12px;font:700 15px 'IBM Plex Mono',monospace;padding:0 10px;border:1.5px solid #b9d4f5}
.ext-time{font-weight:800;color:#9a6a00;font-size:13px}
.ext-chips{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 12px}
.ext-chips button{border:1px solid #b9d4f5;background:#fff;color:#1d4f91;border-radius:999px;padding:6px 13px;font:800 12.5px 'Manrope',sans-serif;cursor:pointer}
.ext-chips button:hover{background:#eef6ff}
.ext-sum{margin-bottom:12px}
.ext-big{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(120deg,#1d4f91,#2b7de9);color:#fff;border-radius:14px;padding:12px 16px;margin-bottom:8px}
.ext-big span{font-weight:800;font-size:16px}.ext-big b{font-family:'Sora','Manrope',sans-serif;font-size:22px}
.ext-rows div{display:flex;justify-content:space-between;padding:5px 2px;font-size:13px;border-bottom:1px dashed #e6ebef}
.ext-rows b{font-family:'IBM Plex Mono',monospace}.ext-rows .d b{color:#c0262d}
.ext-hint{padding:10px;color:#9a6a00;background:#fff6e5;border-radius:10px;font-size:12.5px}
.ext-pay{background:#fafbfa;border:1px solid var(--line);border-radius:14px;padding:10px 12px;margin-bottom:12px}
.ext-pay-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.ext-pay-row input{width:160px;height:40px;border-radius:10px;font:700 14px 'IBM Plex Mono',monospace}
.ext-m{display:flex;gap:6px;flex-wrap:wrap}
.ext-quick{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.ext-quick button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:5px 11px;font:700 11.5px 'Manrope',sans-serif;cursor:pointer}
.btn.ext-save{width:100%;justify-content:center;height:48px;font-size:15px;font-weight:800}
/* v2.1.76: xarajat sanasi */
.rexp-date{background:#f6f8f7;border:1px solid var(--line);border-radius:14px;padding:10px 12px;margin:0 0 12px}
.rexp-date label{display:block;font-size:11px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--ink-soft);margin-bottom:6px}
.rexp-date-row{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.rexp-date-row input{height:38px;border-radius:10px;font:700 14px 'IBM Plex Mono',monospace;padding:0 10px}
.rexp-late{display:none;margin-top:8px;font-size:12.5px;color:#8a5a00;background:#fff4dc;border:1px solid #f1d58f;border-radius:10px;padding:7px 10px}

/* v2.1.77: zalog bilan bron qilingan xona belgisi */
.room-card.has-zalog{box-shadow:0 0 0 2px #e0a52a,0 10px 24px rgba(224,165,42,.22)!important;background:linear-gradient(180deg,#fffaf0,#fff)!important}
.room-card .zalog-tag{margin-top:6px;display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:10.5px;font-weight:900;letter-spacing:.5px;color:#7a4d00;background:linear-gradient(90deg,#ffe8b0,#fff3d6);border:1px solid #f1cf7c;border-radius:9px;padding:4px 8px}
.room-card .zalog-tag small{font-weight:700;letter-spacing:0;color:#8a5a00;font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
#roomZalogBox:empty{display:none}
#roomZalogBox{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}
.rz-item{display:flex;align-items:center;gap:12px;background:linear-gradient(90deg,#fff3d6,#fffaf0);border:1.5px solid #f1cf7c;border-radius:14px;padding:10px 12px}
.rz-ic{font-size:24px}
.rz-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.rz-txt b{color:#6b4500;font-size:13.5px}.rz-txt span{font-size:12px;color:#7a5a20}.rz-txt small{font-size:11.5px;color:#8a6a30}
.ks-row.nopay .ks-np-tag.fx{background:#6b7680;border-color:#6b7680}
/* v2.1.82: Necha kun yotadi */
.stay-days-field{background:linear-gradient(90deg,#eef6ff,#f7fbff);border:1.5px solid #b9d4f5;border-radius:14px;padding:10px 12px;margin-bottom:12px}
.stay-days-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.stay-days-row input{width:120px;height:44px;border-radius:12px;font:800 18px 'IBM Plex Mono',monospace;text-align:center}
.stay-chips{display:flex;gap:6px;flex-wrap:wrap}
.stay-chips button{border:1px solid #b9d4f5;background:#fff;color:#1d4f91;border-radius:999px;padding:6px 12px;font:800 12.5px 'Manrope',sans-serif;cursor:pointer}
.stay-chips button:hover{background:#e3efff}

/* v2.1.82: 🏦 G'AZNA + xarajat manbasi */
#receptionHome .reception-choice-card.gazna-choice{background:radial-gradient(120% 140% at 0% 0%,#5a4310 0%,#3a2a08 45%,#1f1604 100%)!important;border-color:#5a4310!important;box-shadow:0 14px 34px rgba(90,67,16,.3)!important}
#receptionHome .gazna-choice .kassa-choice-go{background:#f3d27a}
.rexp-src{background:#f6f8f7;border:1px solid var(--line);border-radius:14px;padding:10px 12px;margin:0 0 12px}
.rexp-src label{display:block;font-size:11px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--ink-soft);margin-bottom:6px}
.rexp-src-row{display:flex;gap:8px;flex-wrap:wrap}
.rexp-src-row button{flex:1;min-width:160px;height:42px;border-radius:12px;border:1.5px solid var(--line);background:#fff;font:800 13.5px 'Manrope',sans-serif;cursor:pointer;color:var(--ink-soft)}
.rexp-src-row button.on[data-src=kassa]{background:#0f3d2e;color:#fff;border-color:#0f3d2e}
.rexp-src-row button.on[data-src=gazna]{background:#5a4310;color:#fff;border-color:#5a4310}
.rexp-src small{display:block;margin-top:6px;font-size:11.5px;color:var(--ink-soft)}
.milk-tag.gz{background:#fbf0d4;color:#6b4e0e;border:1px solid #ecd59a}
.gz-hero{margin:12px 0;border-radius:24px;padding:24px 26px;color:#fff;background:radial-gradient(120% 160% at 0% 0%,#7a5a14 0%,#3d2c08 55%,#1c1404 100%);box-shadow:0 18px 40px rgba(28,20,4,.35)}
.gz-hero small{font:800 11px 'Manrope',sans-serif;letter-spacing:1.4px;color:#f3e1b0}
.gz-hero strong{display:block;font-family:'Sora','Manrope',sans-serif;font-size:50px;color:#ffd978;margin:6px 0 4px;letter-spacing:-.5px}
.gz-hero strong em{font-style:normal;font-size:20px;opacity:.85}
.gz-hero p{margin:0 0 12px;font-size:12.5px;color:#eadbb5}
.gz-tiles{display:flex;gap:10px;flex-wrap:wrap}
.gz-tile{flex:1 1 180px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:16px;padding:12px 14px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center}
.gz-tile .gz-ic{grid-row:1/3;font-size:26px}
.gz-tile small{font-size:11px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:#f3e1b0}
.gz-tile b{font-family:'Sora','Manrope',sans-serif;font-size:24px;color:#fff}.gz-tile em{display:none}
.gz-tile.neg b{color:#ffb4a8}
.gz-acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.btn.gz-in{background:#1e9a5c!important;color:#fff!important;border:0!important;font-weight:800}
.btn.gz-out{background:#c0262d!important;color:#fff!important;border:0!important;font-weight:800}
.gz-form{background:#fff;border:1.5px solid var(--line);border-radius:18px;padding:14px 16px;margin-bottom:14px}
.gz-form.in{border-color:#9fd9b6}.gz-form.out{border-color:#f0b9b0}
.gz-form h4{margin:0 0 10px}
.gz-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.gz-form label{display:flex;flex-direction:column;gap:4px;font-size:11px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:var(--ink-soft)}
.gz-form input{height:42px;border-radius:10px;font:700 14px 'Manrope',sans-serif}
.gz-m{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}
.gz-desc{margin-top:4px}
.gz-form-act{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}
.gz-li{display:grid;grid-template-columns:130px 150px 90px minmax(0,1fr) 140px auto;gap:10px;align-items:center;padding:9px 6px;border-bottom:1px dashed #e8ece9;font-size:13px}
.gz-li b{text-align:right;font-family:'IBM Plex Mono',monospace}
.gz-li.in b,.gz-li.start b{color:#1e7a4c}.gz-li.out b{color:#c0262d}
.gz-li-d{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink-soft)}
@media(max-width:800px){.gz-li{grid-template-columns:1fr 1fr}.gz-form-grid{grid-template-columns:1fr}}
.gz-start{background:#fff;border:1.5px solid #ecd59a;border-radius:22px;padding:24px;margin:12px 0;text-align:center}
.gz-start-ic{font-size:44px}.gz-start h3{margin:6px 0}.gz-start p{color:var(--ink-soft);max-width:640px;margin:0 auto 14px;font-size:13px}
.gz-start-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:640px;margin:0 auto}
.gz-start-grid label{display:flex;flex-direction:column;gap:4px;font-weight:800;font-size:12.5px;text-align:left}
.gz-start-grid input{height:44px;border-radius:12px;font:800 16px 'IBM Plex Mono',monospace}
.gz-chk{display:flex;gap:8px;align-items:center;justify-content:center;margin:14px 0;font-size:13px}
.btn.gz-big{height:48px;padding:0 26px;font-size:15px;font-weight:800}
/* v2.1.83: sut/go'sht daftari oynasi oxirigacha aylantiriladi (kalendar va jadval to'liq ko'rinadi) */
.overlay .modal.milk-modal{max-height:calc(100vh - 32px)!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain}
.milk-modal .modal-body{padding-bottom:28px}
@media(max-height:760px){.milk-modal .milk-hero{position:relative}}
.gz-from-edit{display:inline-flex;gap:6px;align-items:center;margin-left:8px}
.gz-from-edit input{height:30px;border-radius:8px;border:0;padding:0 6px;font:700 12px 'IBM Plex Mono',monospace}
.gz-from{display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap;margin:14px 0 4px;font-weight:800;font-size:13px}
.gz-from input{height:40px;border-radius:10px;font:700 14px 'IBM Plex Mono',monospace;padding:0 8px}
.gz-from-hint{display:block;color:var(--ink-soft);font-size:12px;max-width:640px;margin:0 auto 12px}
.gz-filter{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.gz-filter label{display:flex;gap:4px;align-items:center;font-size:11px;font-weight:800;color:var(--ink-soft);text-transform:uppercase}
.gz-filter input{height:34px;border-radius:9px;font:700 12.5px 'IBM Plex Mono',monospace;padding:0 6px}
.gz-period{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:4px 0 12px}
.gz-period div{background:#f7f5ee;border:1px solid #ece3c8;border-radius:12px;padding:8px 10px}
.gz-period small{display:block;font-size:10.5px;font-weight:800;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.4px}
.gz-period b{font-family:'IBM Plex Mono',monospace;font-size:15px}.gz-period b.in{color:#1e7a4c}.gz-period b.out{color:#c0262d}
.gz-period .res{background:#3d2c08;border-color:#3d2c08}.gz-period .res small{color:#f3e1b0}.gz-period .res b{color:#ffd978}
@media(max-width:900px){.gz-period{grid-template-columns:repeat(2,1fr)}}
.gz-sum{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:4px 0 10px}
.gz-sum div{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);border-radius:14px;padding:9px 12px}
.gz-sum small{display:block;font-size:10.5px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:#f3e1b0}
.gz-sum b{font-family:'IBM Plex Mono',monospace;font-size:17px}.gz-sum b.in{color:#9ff0c0}.gz-sum b.out{color:#ffb4a8}
.gz-sum i{display:block;font-style:normal;font-size:11px;color:#eadbb5;margin-top:2px}
.gz-sum .x{background:rgba(192,38,45,.18);border-color:rgba(255,180,168,.35)}
@media(max-width:900px){.gz-sum{grid-template-columns:repeat(2,1fr)}}

/* v2.1.87: G'azna — qisqa va lo'nda hisobot */
.gs-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#fff;border:1px solid var(--line);border-radius:16px;padding:10px 12px;margin:12px 0}
.gs-chips{display:flex;gap:4px;background:#f3efe2;border-radius:12px;padding:3px}
.gs-chips button{border:0;background:transparent;padding:8px 14px;border-radius:9px;font:800 13px 'Manrope',sans-serif;cursor:pointer;color:#6b5a2e}
.gs-chips button.on{background:#3d2c08;color:#ffd978}
.gs-dates{display:flex;align-items:center;gap:6px}
.gs-dates input{height:36px;border-radius:10px;font:700 13px 'IBM Plex Mono',monospace;padding:0 6px}
.gs-acts{margin-left:auto;display:flex;gap:6px}
.gs-sheet{max-width:760px;margin:0 auto 20px;background:#fff;border:1px solid #ecdfba;border-radius:22px;box-shadow:0 14px 34px rgba(60,45,10,.1);overflow:hidden}
.gs-period{background:linear-gradient(90deg,#3d2c08,#6b4e10);color:#ffd978;font:800 16px 'Manrope',sans-serif;padding:14px 20px}
.gs-block{padding:14px 20px;border-bottom:1px solid #f0e8d2}
.gs-h{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:6px}
.gs-h span{font:800 15px 'Manrope',sans-serif;color:#2b2414}
.gs-h b{font-family:'Sora','Manrope',sans-serif;font-size:24px;letter-spacing:-.3px}
.gs-block.in .gs-h b{color:#1e7a4c}.gs-block.out .gs-h b{color:#c0262d}
.gs-block.left{background:linear-gradient(180deg,#fffaf0,#fff3d9)}.gs-block.left .gs-h b{color:#7a5a10;font-size:30px}
.gs-line{display:flex;justify-content:space-between;padding:4px 0 4px 14px;font-size:14.5px;color:#4a4231}
.gs-line b{font-family:'IBM Plex Mono',monospace;font-size:15px}.gs-line.muted{color:#a09a8a}
.gs-sub{font-size:11.5px;font-weight:800;color:#8a7a50;text-transform:uppercase;letter-spacing:.4px;margin:8px 0 2px 14px}
.gs-exp{display:grid;grid-template-columns:minmax(0,1fr) 80px 130px auto;gap:10px;align-items:center;padding:6px 0 6px 14px;border-top:1px dashed #f0e8d2;font-size:14px}
.gs-exp:first-of-type{border-top:0}
.gs-exp-t{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gs-exp-t small{font-family:'IBM Plex Mono',monospace;color:#8a7a50}
.gs-exp-t i{font-style:normal;font-size:11px;font-weight:800;color:#6b4e0e;background:#fbf0d4;border-radius:999px;padding:1px 7px}
.gs-exp-m{font-size:12px;color:#8a8270}
.gs-exp b{text-align:right;font-family:'IBM Plex Mono',monospace;color:#c0262d}
.gs-exp.in b{color:#1e7a4c}
.gs-total{padding:12px 20px;font-size:13.5px;color:#5a4a20;background:#faf6ea}
.gs-total b{font-family:'IBM Plex Mono',monospace;color:#3d2c08}
@media(max-width:700px){.gs-exp{grid-template-columns:1fr auto}.gs-exp-m{display:none}.gs-acts{margin-left:0}}
/* v2.1.88: go'sht — summani to'g'ridan kiritish */
.meat-debt-box{border:1.5px dashed #f0b9a0;border-radius:14px;background:#fffaf6;padding:10px 14px;margin-bottom:14px}
.meat-debt-box summary{cursor:pointer;font-weight:800;color:#8b2c12;font-size:14px}
.meat-debt-box summary small{font-weight:600;color:#a3532c}
.meat-debt-row{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:10px;margin-top:10px}
.meat-debt-row label{display:flex;flex-direction:column;gap:4px;font-size:10.5px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:#7a4a30}
.meat-debt-row input{height:42px;border-radius:10px;font:700 14px 'Manrope',sans-serif}
.btn.meat-debt-save{width:100%;justify-content:center;margin-top:10px;background:#8b2c12!important;color:#fff!important;border:0!important;font-weight:800;height:44px}
.meat-manual td{background:#fff6ef}
@media(max-width:620px){.meat-debt-row{grid-template-columns:1fr}}
/* v2.1.89: sut/go'sht puli — Kassadan yoki G'aznadan */
#askSrcOv{position:fixed;inset:0;z-index:100002;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(6,24,29,.6);backdrop-filter:blur(5px)}
#askSrcOv.open{display:flex}
#askSrcOv .ask-box{background:#fff;max-width:480px;width:100%;border-radius:22px 22px 22px 6px;padding:22px 22px 18px;box-shadow:0 24px 60px rgba(0,0,0,.35);border-top:4px solid #0E7C66}
#askSrcOv .ask-title{font-family:'Sora','Manrope',sans-serif;font-weight:800;font-size:18px;color:#0F2029;margin-bottom:10px}
#askSrcOv .ask-msg{white-space:pre-line;font-size:15px;line-height:1.5;color:#24302b;margin-bottom:14px}
#askSrcOv .ask-src-q{font-weight:800;font-size:15px;color:#0F2029;margin-bottom:10px}
#askSrcOv .ask-src-btns{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}
#askSrcOv .btn.ask-src{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 10px!important;height:auto;border-radius:16px;border:2px solid #cfe3dc!important;background:#f5fbf9!important;color:#0F2029!important;white-space:normal;text-align:center}
#askSrcOv .btn.ask-src span{font-size:30px;line-height:1}
#askSrcOv .btn.ask-src b{font-size:16px;font-weight:800}
#askSrcOv .btn.ask-src small{font-size:12px;font-weight:600;color:#55706a}
#askSrcOv .btn.ask-src[data-v="gazna"]{border-color:#e6d3a3!important;background:#fffaf0!important}
#askSrcOv .btn.ask-src:hover{transform:translateY(-2px);box-shadow:0 10px 24px -12px rgba(0,0,0,.4)}
#askSrcOv .ask-btns{display:flex;justify-content:flex-end}
#askSrcOv .ask-btns .btn{padding:12px 18px!important;font-weight:800}
@media(max-width:480px){#askSrcOv .ask-src-btns{grid-template-columns:1fr}}