.login-users{display:block}.login-select-label{display:block;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#60736c;margin-bottom:7px}.login-user-select{width:100%;min-height:68px;border:2px solid #dce5e1;border-radius:16px;background:#fff;padding:0 18px;font-size:18px;font-weight:800;color:#173f35}.login-user-select:focus{outline:3px solid rgba(76,157,127,.18);border-color:#318a6b}.selected-account{display:flex;align-items:center;gap:12px;margin-top:9px;padding:9px 12px;border-radius:14px;background:#f1f6f3}.selected-account b,.selected-account small{display:block}.selected-account small{color:#6e7c77;margin-top:2px}.confirm-summary{padding:18px;border:1px solid #d9e4df;background:#f1f7f4;border-radius:16px;margin-bottom:16px}.confirm-summary b{font-size:20px}.confirm-summary p{color:#61746c;line-height:1.5;margin:7px 0 0}.pin-field{letter-spacing:.45em;text-align:center;font-size:24px}.shift-report-head{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:14px;border-bottom:1px solid #e3e9e6}.shift-report-head h3{font-size:26px;margin:3px 0}.shift-report-head p{margin:0;color:#6c7d76}.detail-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0}.detail-metrics>div{padding:14px;border-radius:13px;background:#f1f5f3}.detail-metrics small,.detail-metrics b{display:block}.detail-metrics small{color:#718079;margin-bottom:6px}.shift-payment-list{border:1px solid #dfe6e2;border-radius:14px;overflow:hidden}.shift-payment-list>div{display:flex;justify-content:space-between;padding:12px 14px;border-bottom:1px solid #e7ece9}.shift-payment-list>div:last-child{border:0}.shift-close-result{text-align:center}.success-mark{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#dff7bd;color:#397c12;font-size:28px;font-weight:900;margin:auto}.full-button{width:100%;min-height:54px}.check-cancel-button{width:100%;margin-top:10px;min-height:44px;color:#ac332c;border-color:#efc4bf}.check-cancel-button:hover{background:#fff2f0}.context-button{display:flex;align-items:center;gap:8px;justify-content:flex-start}.context-thumb{width:26px;height:26px;border-radius:8px;object-fit:cover;flex:none}
/* Ikonkalarni tekislash — svg'lar endi baseline'da "qiyshayib" turmaydi */
.channel-button svg,.context-icon svg,.header-pill svg{display:block;place-self:center}
.channel-button{grid-template-columns:24px 1fr;gap:10px}
.channel-button svg{width:21px;height:21px}
.channel-button span{display:block;text-align:left;line-height:1.15}
.channel-button b{font-size:15px;display:block}
.header-pill i{flex:none}
/* Chiqish tugmasi — eshikdan chiqish ikonkasi bilan */
.exit-button{height:48px;border:1px solid #eed7d3;background:#fff;border-radius:13px;padding:0 14px;display:flex;align-items:center;gap:8px;font-weight:800;color:#ac332c;cursor:pointer}
.exit-button svg{width:18px;height:18px;display:block}
.exit-button:hover{background:#fff2f0;border-color:#e4b7b1}
/* Tez to'lov oynasi */
.pay-lines{max-height:240px;overflow:auto;border:1px solid #e3e9e6;border-radius:14px;margin-bottom:10px;background:#fff}
.pay-line{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid #eef1ef;font-size:14.5px;font-weight:700}
.pay-line:last-child{border-bottom:0}
.pay-line.muted{color:#74837d;font-weight:650}
.pay-total{display:flex;justify-content:space-between;align-items:center;font-size:21px;font-weight:950;padding:4px 4px 12px}
.pay-methods{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:12px}
.pay-method{min-height:48px;border:2px solid #dfe6e2;border-radius:12px;background:#fff;font-weight:900;font-size:13px;cursor:pointer}
.pay-method.active{border-color:var(--primary);background:#fff1f0;color:#c2372f}
.pay-amount-row{display:flex;gap:10px;align-items:center;margin-bottom:12px}
.pay-amount-row>span{font-weight:800;color:#5b6b64}
.pay-amount-row .field{flex:1}
.pay-submit{width:100%;min-height:58px;font-size:17px}
.warehouse-back{width:100%;min-height:42px;border:1px solid #d8e2de;border-radius:11px;background:#fff;font-weight:800;color:#1f614d;margin-bottom:12px;cursor:pointer}
.warehouse-back:hover{background:#eef6f2}
.xreport-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.xreport-actions .btn{flex:1;min-width:150px}
/* Kirish oynasidagi zamonaviy xodim tanlash dropdowni */
.wselect{position:relative}
.wselect-btn{width:100%;min-height:68px;border:2px solid #dce5e1;border-radius:16px;background:#fff;display:flex;align-items:center;gap:12px;padding:8px 16px;cursor:pointer;text-align:left}
.wselect-btn:hover{border-color:#318a6b}
.wselect-btn>svg{width:20px;height:20px;color:#6e7c77;margin-left:auto;flex:none}
.wselect-current{display:grid;gap:2px;min-width:0}
.wselect-current b{font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wselect-current small{color:#6e7c77}
.wselect-menu{position:absolute;z-index:90;top:calc(100% + 8px);left:0;right:0;background:#fff;border:1px solid #dce5e1;border-radius:16px;box-shadow:0 22px 48px -18px rgba(20,40,33,.35);padding:6px;max-height:320px;overflow:auto}
.wselect-menu.hidden{display:none}
.wselect-option{width:100%;border:0;background:transparent;border-radius:12px;padding:10px 12px;display:flex;align-items:center;gap:12px;cursor:pointer;text-align:left}
.wselect-option:hover{background:#f1f6f3}
.wselect-option.active{background:#eaf6f0;box-shadow:inset 0 0 0 1.5px #2a8064}
.wselect-texts{display:grid;gap:2px;min-width:0;flex:1}
.wselect-texts b{font-size:16px}
.wselect-texts small{color:#6e7c77}
.wselect-check{color:#1d7754;font-weight:900;font-size:16px}
.user-avatar.small{width:40px;height:40px;border-radius:11px;background:#173f35;color:#fff;display:grid;place-items:center;font-weight:900;flex:none;font-size:13px}
/* Bekor qilish sabab chiplari */
.form-label{display:block;font-size:11px;font-weight:900;letter-spacing:.06em;color:#5b6b64;margin-bottom:7px;text-transform:uppercase}
.reason-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.reason-chip{border:1.5px solid #dfe6e2;background:#fff;border-radius:999px;padding:8px 13px;font-weight:800;font-size:12.5px;cursor:pointer;color:#3c4a44}
.reason-chip:hover{border-color:#b9c6c0}
.reason-chip.active{border-color:var(--primary);background:#fff1f0;color:#c2372f}
/* Cheklar tarixi */
.checks-list{display:grid;gap:6px;max-height:420px;overflow:auto}
.check-row{width:100%;border:1px solid #e3e9e6;background:#fff;border-radius:13px;padding:11px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;text-align:left}
.check-row:hover{border-color:#b9c6c0;background:#f8faf9}
.check-row-main b{display:block;font-size:15px}
.check-row-main small{color:#74837d}
.check-row-side{text-align:right;display:grid;gap:4px;justify-items:end}
.status-mini{display:inline-flex;align-items:center;padding:3px 9px;border-radius:999px;font-size:10px;font-weight:900}
.status-mini.green{background:#e5f4ec;color:#1d7754}
.status-mini.amber{background:#fdf1dd;color:#a4712f}
.status-mini.red{background:#ffe5e2;color:#ad3831}
.check-detail-head{display:flex;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}
.check-detail-times{display:flex;gap:12px;flex-wrap:wrap}
.check-detail-times small{color:#74837d}
.check-detail-pays{margin:8px 0;color:#4c5b54;font-weight:700}
.cancel-note{border-color:#f0c1bd;background:#fff0ee;color:#795e5a}
/* Smena tugash indikatorlari */
.work-footer i.amber{background:#e8a13c}
.work-footer i.red{background:#dc4941}
/* Shu kassa uchun printer ulash oynasi */
.printer-rows{display:grid;gap:7px;max-height:280px;overflow:auto;margin-bottom:10px}
.printer-row{width:100%;border:2px solid #dfe6e2;background:#fff;border-radius:14px;padding:12px 15px;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;text-align:left}
.printer-row:hover{border-color:#b9c6c0}
.printer-row.active{border-color:#2a8064;background:#eaf6f0}
.printer-row-texts b{display:block;font-size:15.5px}
.printer-row-texts small{color:#6e7c77}
.printer-scanning{padding:10px 4px 12px;color:#74837d;font-weight:700;font-size:13px;text-align:center;animation:printerPulse 1.2s ease-in-out infinite}
@keyframes printerPulse{0%,100%{opacity:.5}50%{opacity:1}}
.printer-opts{border:1px solid #e3e9e6;border-radius:14px;padding:12px 14px;display:grid;gap:10px;margin-bottom:12px}
.popt{display:flex;align-items:center;gap:8px}
.popt>span:first-child{font-weight:750;font-size:13.5px;margin-right:auto;color:#4c5b54}
.pchips{display:flex;gap:6px}
.pchip{border:1.5px solid #dfe6e2;background:#fff;border-radius:999px;padding:8px 14px;font-weight:850;font-size:12.5px;cursor:pointer;color:#3c4a44}
.pchip.active{border-color:var(--primary);background:var(--primary);color:#fff}
.switch{width:52px;height:30px;border-radius:999px;border:0;background:#d7dfdb;position:relative;cursor:pointer;transition:background .15s}
.switch i{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;transition:left .15s;box-shadow:0 2px 6px rgba(0,0,0,.18)}
.switch.on{background:#2a8064}
.switch.on i{left:25px}
/* Chek qatori amallari: qator o'chirish, mahsulot qaytarish steppers */
.pay-line-side{display:flex;align-items:center;gap:8px}
.line-x{width:28px;height:28px;border:1.5px solid #efc4bf;background:#fff;border-radius:9px;color:#ac332c;font-weight:900;cursor:pointer;line-height:1}
.line-x:hover{background:#fff2f0}
.refund-stepper{display:inline-flex;align-items:center;gap:10px}
.refund-stepper b{min-width:22px;text-align:center;font-size:16px}
.rstep{width:34px;height:34px;border:2px solid #dfe6e2;background:#fff;border-radius:10px;font-size:18px;font-weight:900;cursor:pointer;color:#173f35;line-height:1}
.rstep:hover{border-color:#318a6b}
.check-detail-actions{flex-wrap:wrap}
.check-detail-actions .btn{flex:1;min-width:130px}
/* Yagona tugma/ikonka tizimi — kassa tomoni */
.rail-action{display:flex;align-items:center;gap:9px;padding:0 13px;text-align:left;font-size:13.5px;color:#24423a}
.rail-action svg{width:18px;height:18px;flex:none;color:#417c67}
.check-detail-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}
.action-btn{min-height:50px;justify-content:flex-start;padding:0 14px;font-size:13.5px}
.action-btn svg{color:#417c67}
.action-btn.btn-danger svg{color:#b72d26}
.action-btn.locked{opacity:.55}
.pay-line-name{display:flex;align-items:center;gap:9px}
.qty-badge{width:26px;height:26px;border-radius:8px;background:#fff0dd;color:#a85d00;display:inline-grid;place-items:center;font-weight:900;font-style:normal;font-size:12.5px;flex:none}
.pay-chips{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 2px}
.pay-chip{display:inline-flex;align-items:center;gap:6px;border:1.5px solid #dfe6e2;border-radius:999px;padding:7px 12px;font-weight:800;font-size:12.5px;color:#2c4a40}
.pay-chip svg{color:#417c67}
.pay-chip.refund{border-color:#efc4bf;color:#a4372f}
.pay-chip.refund svg{color:#a4372f}
.brand-mark{overflow:hidden}

/* Zona tugmalari — ikki tomondan barobar padding */
.context-button{padding:10px 14px}
.context-button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* Printer tanlash — bitta select + Qidirish tugmasi */
.printer-choose{display:grid;gap:10px;margin:12px 0 4px}
.printer-find-button{min-height:52px;display:flex;align-items:center;justify-content:center;gap:9px;font-weight:850}
.printer-find-button svg{width:19px;height:19px}
.printer-manual{display:grid;grid-template-columns:minmax(0,1fr) 118px auto;gap:9px;align-items:end;margin:12px 0;padding:13px;border:1.5px solid #b9d7cd;border-radius:14px;background:#f1faf7}
.printer-manual-title{grid-column:1/-1;display:flex;align-items:baseline;gap:8px}.printer-manual-title b{font-size:14px}.printer-manual-title small{color:#6e7c77;font-size:11.5px}
.printer-manual label>span{display:block;margin:0 0 5px 2px;font-size:11px;font-weight:850;color:#52625b;text-transform:uppercase;letter-spacing:.04em}
.printer-manual .field{min-height:46px;font-size:15px}.printer-ip-use{min-height:46px;background:#18785e;color:#fff;border-color:#18785e;white-space:nowrap}.printer-ip-use svg{width:17px;height:17px}
@media(max-width:650px){.printer-manual{grid-template-columns:1fr 92px}.printer-ip-use{grid-column:1/-1}.printer-manual-title{display:block}.printer-manual-title small{display:block;margin-top:3px}}
.theme-pill{width:48px;justify-content:center;padding:0}
.theme-pill svg{width:20px;height:20px}
html.dark .theme-pill{color:#ffd60a}

/* ===== Workstation tun rejimi ===== */
html.dark body{background:#101113;color:#ececf0}
html.dark .workstation{background:#101113}
html.dark .work-header{background:#16171a;border-bottom-color:#26272b}
html.dark .work-brand strong{color:#ececf0}
html.dark .work-brand small,html.dark .staff-pill small{color:#8f8f96}
html.dark .channel-button{background:#202126;color:#d6d6db}
html.dark .channel-button.active{background:var(--primary);color:#fff}
html.dark .header-pill{background:#202126;border-color:#33343a;color:#d6d6db}
html.dark .header-pill b{background:#2c2d33;color:#ececf0}
html.dark .staff-pill{background:transparent}
html.dark .staff-pill b{color:#ececf0}
html.dark .exit-button{background:#202126;border-color:#33343a;color:#e08b85}
html.dark .context-rail{background:#16171a;border-right-color:#26272b}
html.dark .context-icon{border-bottom-color:#26272b;color:#9ab5ab}
html.dark .context-button{background:#202126;color:#d6d6db}
html.dark .context-button.active{background:var(--primary);color:#fff}
html.dark .rail-action{background:#1b1c1f;border-color:#33343a;color:#d6d6db}
html.dark .catalog-area{background:#101113}
html.dark .catalog-toolbar{background:#16171a;border-bottom-color:#26272b}
html.dark .catalog-toolbar h1,html.dark .zone-title{color:#ececf0}
html.dark .table-card{background:#1b1c1f;color:#ececf0}
html.dark .table-card p{color:#9a9aa1}
html.dark .table-card footer{background:#2a2b30;color:#d6d6db}
html.dark .table-card.OCCUPIED{background:#1b2a17;border-color:#5c9b2a}
html.dark .table-card.RESERVED{background:#2c2712;border-color:#c7a419}
html.dark .table-card.RESERVED footer{background:#c7a419;color:#1b1c1f}
html.dark .product-card{background:#1b1c1f;border-color:#2b2c31;color:#ececf0}
html.dark .product-card p{color:#9a9aa1}
html.dark .product-image{background:#26301c}
html.dark .check-panel{background:#16171a;border-left-color:#26272b}
html.dark .check-head{border-bottom-color:#26272b}
html.dark .check-head h2{color:#ececf0}
html.dark .check-tab{background:#202126;color:#d6d6db}
html.dark .check-tab.active{background:var(--primary);color:#fff}
html.dark .check-line{border-bottom-color:#26272b}
html.dark .check-line small{color:#9a9aa1}
html.dark .line-qty{background:#33290f;color:#e8b45a}
html.dark .qty-actions button{background:#2a2b30;color:#ececf0}
html.dark .check-empty{color:#9a9aa1}
html.dark .check-totals{background:#1b1c1f}
html.dark .total-row.grand{border-top-color:#33343a}
html.dark .work-footer{background:#16171a;border-top-color:#26272b;color:#9a9aa1}
html.dark .login-screen,html.dark .login-touch-panel{background:#101113;color:#ececf0}
html.dark .login-user{background:#1b1c1f;border-color:#33343a;color:#ececf0}
html.dark .login-user.selected{border-color:var(--primary);background:#2a1e1c}
html.dark .login-user-select{background:#1b1c1f;border-color:#33343a;color:#ececf0}
html.dark .selected-account{background:#202126}
html.dark .pin-dots{border-color:#33343a}
html.dark .pin-dots i{background:#3a3b41}
html.dark .pin-dots i.filled{background:var(--primary)}
html.dark .pin-pad button{background:#202126;color:#ececf0}
html.dark .pin-pad .pin-clear{background:#33201e;color:#e08b85}
html.dark .pin-pad .pin-back{background:#1e2b26;color:#8fd0b2}
html.dark .login-title>span{background:#202126;color:#8fd0b2}
html.dark .modal,html.dark .work-modal{background:#1b1c1f;color:#ececf0}
html.dark .modal-note{background:#202126;color:#b9b9bf}
html.dark .field{background:#202126;border-color:#35363c;color:#ececf0}
html.dark .btn-outline{background:#202126;border-color:#3a3b41;color:#ececf0}
html.dark .wselect-btn{background:#202126;border-color:#35363c;color:#ececf0}
html.dark .wselect-current small{color:#9a9aa1}
html.dark .wselect-menu{background:#1b1c1f;border-color:#2b2c31;box-shadow:0 22px 48px -18px rgba(0,0,0,.7)}
html.dark .wselect-option{color:#ececf0}
html.dark .wselect-option:hover{background:#222327}
html.dark .wselect-option.active{background:#222e28}
html.dark .pchip{background:#202126;border-color:#35363c;color:#d6d6db}
html.dark .pchip.active{background:var(--primary);border-color:var(--primary);color:#fff}
html.dark .switch{background:#3a3b41}
html.dark .switch.on{background:#34c759}
html.dark .popt{border-color:#2b2c31}
html.dark .printer-opts{border-color:#2b2c31}
html.dark .printer-scanning{color:#9a9aa1}
html.dark .detail-metrics>div{background:#202126}
html.dark .shift-payment-list{border-color:#2b2c31}
html.dark .shift-payment-list>div{border-bottom-color:#26272b}
html.dark .confirm-summary{background:#1e2b26;border-color:#2a4a3c}
html.dark .confirm-summary p{color:#9fbfb0}
html.dark .selected-account small{color:#9a9aa1}
html.dark .data-table{background:#1b1c1f;color:#ececf0}
html.dark .data-table th{color:#8f8f96}
html.dark .data-table th,html.dark .data-table td{border-bottom-color:#26272b}
html.dark .stock-card{background:#1b1c1f;border-color:#2b2c31;color:#ececf0}
html.dark .stock-card p{color:#9a9aa1}
html.dark .stock-card.negative{background:#2a1c1a}
html.dark .progress{background:#2a2b30}
html.dark .warehouse-main{background:#101113}
html.dark .status{background:#1e2b26;color:#8fd0b2}
html.dark .status.draft{background:#33290f;color:#e8b45a}
html.dark .check-row{background:#1b1c1f;border-color:#2b2c31;color:#ececf0}
html.dark .check-row small{color:#9a9aa1}
html.dark .pay-method{background:#202126;border-color:#35363c;color:#ececf0}
html.dark .pay-method.active{border-color:var(--primary);background:#2a1e1c}
html.dark .keys button,html.dark .cash-quick button{background:#202126;color:#ececf0}
html.dark .toast{background:#2a2b30;color:#ececf0}

/* ===== 23-bosqich: kassa monoblok/planshetga to'liq mos — kattaroq panel va kartalar ===== */
.pos-workspace{grid-template-columns:178px minmax(460px,1fr) minmax(380px,540px)}
.context-icon{height:66px}
.context-list{padding:10px;gap:9px;overflow-x:hidden}
.context-list::-webkit-scrollbar{width:0;height:0}
.context-button{min-height:66px;font-size:15.5px;border-radius:13px;gap:10px}
.context-thumb{width:30px;height:30px;border-radius:9px}
.rail-footer{padding:10px;gap:9px}
.rail-action{min-height:56px;font-size:14px;display:flex;align-items:center;justify-content:center;gap:9px;border-radius:13px}
.rail-action svg{width:20px;height:20px;flex:none}
.product-grid{grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:12px}
.product-card{min-height:185px;padding:16px}
.product-image{width:60px;height:60px;font-size:32px;border-radius:16px}
.product-card h3{font-size:17px;margin:12px 0 4px}
.product-card b{font-size:18px}
.table-grid{grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:12px}
.table-card{min-height:140px;border-radius:16px}
.table-card h3{font-size:26px}
.catalog-content{padding:14px 16px}
@media(max-width:1250px){.pos-workspace{grid-template-columns:152px minmax(420px,1fr) 390px}.context-button{min-height:58px;font-size:14px}}

/* ═══════════════ TO‘LOV TURI TANLAGICHI ═══════════════
   "Tasdiqlash" tugmasi o‘rniga — kassir to‘lov turini shu yerdan tanlaydi.
   Standart: Naqd. Ustiga bosilsa ro‘yxat chiqadi. */
.check-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:end}
.paytype{position:relative;display:flex;flex-direction:column;gap:6px;min-width:0}
.paytype-lbl{font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;
  color:var(--muted,#8b8b90);padding-left:2px}
.paytype-btn{display:flex;align-items:center;gap:10px;width:100%;min-height:58px;padding:0 12px;
  border:1.5px solid var(--border,rgba(128,128,128,.24));border-radius:16px;background:var(--card,#fff);
  color:var(--text,#111);font-family:inherit;font-size:15.5px;font-weight:700;cursor:pointer;
  transition:border-color .16s,box-shadow .16s,transform .12s}
.paytype-btn:hover{box-shadow:0 4px 16px rgba(0,0,0,.08)}
.paytype-btn:active{transform:scale(.985)}
.paytype-btn b{flex:1;min-width:0;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pt-ic{flex:0 0 auto;width:34px;height:34px;border-radius:11px;display:flex;align-items:center;justify-content:center}
.pt-ic svg{width:19px;height:19px}
.pt-arrow{flex:0 0 auto;width:17px;height:17px;opacity:.5}
.paytype-pop{position:absolute;left:0;right:0;bottom:calc(100% + 8px);z-index:60;padding:7px;
  border-radius:18px;background:var(--card,#fff);border:1px solid var(--border,rgba(128,128,128,.2));
  box-shadow:0 20px 50px rgba(0,0,0,.24);animation:ptIn .16s ease}
@keyframes ptIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.paytype-opt{display:flex;align-items:center;gap:11px;width:100%;min-height:52px;padding:0 11px;
  border:none;border-radius:13px;background:transparent;color:var(--text,#111);
  font-family:inherit;font-size:15px;font-weight:650;cursor:pointer;text-align:left}
.paytype-opt b{flex:1;min-width:0;font-weight:650}
.paytype-opt:hover{background:var(--soft,rgba(128,128,128,.09))}
.paytype-opt.on{background:var(--soft,rgba(128,128,128,.12));font-weight:800}
.pt-tick{font-weight:900;color:var(--accent,#1E8E3E)}
.pay-chosen{display:flex;align-items:center;gap:12px;margin:14px 0;padding:13px 14px;
  border-radius:15px;background:var(--soft,rgba(128,128,128,.08))}
.pay-chosen small{display:block;font-size:11px;font-weight:800;letter-spacing:.07em;
  text-transform:uppercase;color:var(--muted,#8b8b90);margin-bottom:2px}
.pay-chosen b{font-size:16.5px;font-weight:750}
@media (max-width:900px){ .check-actions{grid-template-columns:1fr} }

/* ═══════════ TO‘LOV OYNASIDAGI SUMMA ═══════════ */
.pay-amount{margin:14px 0 16px}
.pay-amount-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.pay-amount-head>span{font-size:11.5px;font-weight:800;letter-spacing:.07em;
  text-transform:uppercase;color:var(--muted,#8b8b90)}
.pay-full{border:none;background:var(--soft,rgba(128,128,128,.1));color:var(--accent,#1E8E3E);
  font-family:inherit;font-size:12px;font-weight:750;padding:6px 12px;border-radius:9px;cursor:pointer}
.pay-full:hover{background:var(--accent,#1E8E3E);color:#fff}
.pay-amount-box{display:flex;align-items:center;gap:10px;padding:4px 16px 4px 18px;
  border:1.5px solid var(--border,rgba(128,128,128,.24));border-radius:16px;background:var(--card,#fff);
  transition:border-color .16s,box-shadow .16s}
.pay-amount-box:focus-within{border-color:var(--accent,#1E8E3E);
  box-shadow:0 0 0 3px var(--accent-soft,rgba(30,142,62,.16))}
.pay-amount-input{flex:1;min-width:0;border:none;outline:none;background:transparent;
  color:var(--text,#111);font-family:inherit;font-size:26px;font-weight:850;letter-spacing:.025em;
  padding:8px 0;font-variant-numeric:tabular-nums;-moz-appearance:textfield}
.pay-amount-input::-webkit-outer-spin-button,
.pay-amount-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.pay-cur{flex:0 0 auto;font-size:14px;font-weight:700;color:var(--muted,#8b8b90)}
.pay-change{min-height:20px;margin-top:8px;padding-left:2px;font-size:14px;font-weight:600;
  color:var(--muted,#8b8b90)}
.pay-change b{color:var(--accent,#1E8E3E);font-weight:800}
.pay-change b.short{color:#e2352b}


/* Chap panel va sensorli rejim qoidalari /shared/kiosk.css faylida —
   shu yerda takrorlanmasin (ikki joyda turgan qoida chalkashlik keltiradi). */
.context-button{overflow:hidden}

/* ===== Halol Tezkor zakaslari: kassadagi jonli panel ===== */
.halol-dock{position:fixed;right:16px;bottom:16px;width:308px;max-height:min(72vh,720px);overflow-y:auto;z-index:60;
  background:var(--surface,#fff);border:1px solid var(--line,#e3e6e4);border-radius:18px;box-shadow:0 18px 48px rgba(12,32,24,.18);padding:12px}
.halol-dock.hidden{display:none}
.halol-dock-head{display:flex;align-items:center;gap:8px;font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted,#7b8a83);padding:2px 4px 10px}
.halol-dock-head svg{width:18px;height:18px;color:#158b84}
.halol-dock-head b{color:var(--text,#12211b)}
.halol-dock-head span{margin-left:auto;font-weight:700;color:#158b84}
.halol-card{border:1px solid var(--line,#e3e6e4);border-left:4px solid #9aa5a0;border-radius:14px;padding:11px 12px;margin-bottom:10px;background:var(--surface-2,#fbfcfb)}
.halol-card.red{border-left-color:#e2352b;animation:halolPulse 1.4s ease-in-out infinite}
.halol-card.amber{border-left-color:#e8a317}
.halol-card.green{border-left-color:#4aa84f}
.halol-card.blue{border-left-color:#2b7fd4}
@keyframes halolPulse{0%,100%{box-shadow:0 0 0 0 rgba(226,53,43,.30)}50%{box-shadow:0 0 0 7px rgba(226,53,43,0)}}
.halol-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.halol-card-top b{font-size:15px}
.halol-badge{font-size:11px;font-weight:800;padding:3px 8px;border-radius:999px;background:#eef1ef;color:#4c5a54;white-space:nowrap}
.halol-badge.red{background:#fdecea;color:#c22c22}
.halol-badge.amber{background:#fdf3e0;color:#98690a}
.halol-badge.green{background:#e9f6ea;color:#33793a}
.halol-badge.blue{background:#e8f1fc;color:#22609f}
.halol-card-sub{font-size:12.5px;color:var(--muted,#7b8a83);margin-top:3px}
.halol-card-addr{font-size:12.5px;margin-top:2px;font-weight:600}
.halol-card-items{font-size:12px;color:var(--muted,#7b8a83);margin-top:5px;line-height:1.45}
.halol-card-foot{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-top:7px}
.halol-card-foot b{font-size:15px}
.halol-card-foot small{font-size:11.5px;color:#22609f;font-weight:700}
.halol-act{width:100%;margin-top:9px;min-height:44px;font-size:14px}
.halol-card.grey{border-left-color:#9aa5a0}
.halol-badge.grey{background:#eef1ef;color:#5b6a63}
.halol-kut{margin-top:8px;font-size:11.5px;font-weight:600;color:#98690a;background:#fdf3e0;border-radius:9px;padding:7px 9px;line-height:1.4}
.halol-ogoh{margin:0 0 10px;font-size:11.5px;font-weight:600;color:#c22c22;background:#fdecea;border-radius:9px;padding:7px 9px;line-height:1.4}
/* Yangi zakas oynasi */
.halol-alert{text-align:center}
.halol-alert-num{font-size:26px;font-weight:900;letter-spacing:.02em}
.halol-alert-sum{font-size:32px;font-weight:900;color:#158b84;margin:2px 0 14px}
.halol-alert-rows{display:grid;gap:6px;text-align:left;margin-bottom:12px}
.halol-alert-rows>div{display:flex;justify-content:space-between;gap:12px;font-size:14px;border-bottom:1px dashed var(--line,#e3e6e4);padding-bottom:5px}
.halol-alert-rows span{color:var(--muted,#7b8a83)}
.halol-alert-rows b{text-align:right}
.halol-alert-items{text-align:left;margin-bottom:14px}
.halol-alert-items>div{display:flex;justify-content:space-between;gap:12px;font-size:14px;padding:3px 0}
.halol-alert .full-button{width:100%;min-height:52px;margin-top:8px}

/* ===== Aralash to'lov (bir qismi naqd, qolgani karta) ===== */
.pay-methods-row{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 4px}
.pay-mini{flex:1 1 auto;min-width:80px;min-height:40px;padding:0 10px;border:1.5px solid var(--line,#e3e6e4);background:transparent;border-radius:11px;font-size:13px;font-weight:700;color:var(--muted,#7b8a83);cursor:pointer}
.pay-mini.on{border-color:var(--c,#158b84);color:var(--c,#158b84);background:color-mix(in srgb, var(--c,#158b84) 10%, transparent)}
.pay-split{margin-top:10px}
.pay-split-list:not(:empty){display:grid;gap:6px;margin-bottom:9px}
.pay-split-row{display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid var(--line,#e3e6e4);border-radius:12px;background:var(--surface-2,#fbfcfb);font-size:14px}
.pay-split-row b{margin-left:auto;font-size:15px}
.pay-split-del{border:none;background:transparent;font-size:22px;line-height:1;color:#c22c22;cursor:pointer;padding:0 2px;min-width:28px}
.pay-quick-row{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.pay-half,.pay-split-add{display:flex;align-items:center;justify-content:center;gap:7px;min-height:48px;padding:7px 12px;border-radius:12px;font-family:inherit;cursor:pointer}
.pay-half{border:1.5px solid #16857d;background:#e8f7f5;color:#116c66}
.pay-split-add{border:1.5px solid #7b58c7;background:#f1ecfc;color:#5935a6}
.pay-half b,.pay-split-add b{font-size:14px;font-weight:900}
.pay-half span,.pay-split-add span{font-size:11px;font-weight:700;opacity:.82}
.pay-half:hover{background:#d9f1ee}.pay-split-add:hover{background:#e7ddfa}
.pay-split-add:disabled{opacity:.45;pointer-events:none}
.pay-split-hint{font-size:11.5px;color:var(--muted,#7b8a83);margin-top:6px;text-align:center;line-height:1.4}
@media(max-width:560px){.pay-quick-row{grid-template-columns:1fr}.pay-half,.pay-split-add{min-height:44px}}

/* ===== BUYURTMALAR EKRANI (Halol Tezkor) ===== */
.halol-list{display:grid;gap:14px;padding:4px 2px 20px}
.halol-row{background:var(--surface,#fff);border:1px solid var(--line,#e6e8ec);border-left:6px solid var(--line,#e6e8ec);
  border-radius:16px;padding:16px 18px;box-shadow:0 2px 10px rgba(16,24,40,.05)}
.halol-row.red{border-left-color:#e5484d}
.halol-row.amber{border-left-color:#f5a524}
.halol-row.green{border-left-color:#16a34a}
.halol-row.blue{border-left-color:#2563eb}
.halol-row.grey{border-left-color:#9aa1ab}
.halol-row>header{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:8px}
.halol-row>header>b{font-size:19px;font-weight:800;letter-spacing:.3px}
.halol-row-sum{margin-left:auto;font-size:21px;font-weight:800}
.halol-row-who{font-size:14.5px;color:var(--text-2,#5b6472)}
.halol-row-who a{color:var(--accent,#0a84ff);text-decoration:none;font-weight:600}
/* Bu ekrandagi har qanday svg kichik qolsin — katalog uslublari ta'sir qilmasin */
.halol-row svg{width:16px!important;height:16px!important;flex:0 0 auto}
.halol-row-addr{display:flex;align-items:center;gap:7px;margin-top:6px;font-size:15px;font-weight:600}
.halol-pin{font-size:15px;line-height:1;flex:0 0 auto}
.halol-row-items{list-style:none;margin:12px 0 0;padding:12px 0 0;border-top:1px dashed var(--line,#e6e8ec);display:grid;gap:6px}
.halol-row-items li{display:flex;gap:9px;align-items:baseline;font-size:14.5px}
.halol-row-items li span{font-weight:800;min-width:30px;color:var(--text-2,#5b6472)}
.halol-row-items li b{margin-left:auto;font-weight:700}
.halol-row-pay{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px;font-size:13.5px;color:var(--text-2,#5b6472)}
.halol-naqd{background:#e6f6ec;color:#146c37;padding:7px 12px;border-radius:10px;font-weight:700}
.halol-kur{margin-left:auto;font-weight:700;color:var(--text-1,#111)}
.halol-row-act{width:100%;margin-top:14px;font-size:16px;padding:15px}
@media (max-width:820px){ .halol-row-sum{margin-left:0;width:100%} }

/* Bosqichlar chizig'i: Yangi -> Qabul qilindi -> Tayyor -> Kuryerga chiqarildi -> Yetkazildi */
.halol-qadam{list-style:none;display:flex;flex-wrap:wrap;gap:6px 18px;margin:14px 0 0;padding:12px 0 0;
  border-top:1px dashed var(--line,#e6e8ec)}
.halol-qadam li{display:flex;align-items:center;gap:7px;font-size:12.5px;color:#9aa1ab;font-weight:600}
.halol-qadam li i{width:9px;height:9px;border-radius:50%;background:#d8dce2;flex:0 0 auto}
.halol-qadam li.otdi{color:#146c37}
.halol-qadam li.otdi i{background:#16a34a}
.halol-qadam li.hozir{color:#111}
.halol-qadam li.hozir i{background:#f5a524;box-shadow:0 0 0 4px rgba(245,165,36,.22)}

/* ===== Halol bildirishnomasi: hech qachon chek chiqarishga xalaqit bermaydi ===== */
.halol-dock{
  position:fixed; right:18px; bottom:18px; z-index:60;
  display:flex; flex-direction:column; gap:10px; width:min(340px,86vw);
  max-height:none; overflow:visible; padding:0; background:none; border:0; box-shadow:none;
  pointer-events:none;              /* dok ostidagi tugmalar bosilaveradi */
}
.halol-dock.hidden{display:none}
.halol-dock .halol-card{
  pointer-events:auto;              /* faqat kartaning o'zi bosiladi */
  cursor:pointer; user-select:none; touch-action:pan-y;
  background:var(--surface,#fff); border:1px solid var(--line,#e6e8ec); border-left:5px solid #e5484d;
  border-radius:14px; padding:12px 14px; box-shadow:0 10px 30px rgba(16,24,40,.16);
  transition:transform .22s ease, opacity .22s ease;
  animation:halolKir .22s ease both;
}
@keyframes halolKir{from{transform:translateX(40px);opacity:0}to{transform:none;opacity:1}}
.halol-dock .halol-card-top{display:flex;align-items:center;gap:8px}
.halol-dock .halol-card-top b{font-size:15px;font-weight:800}
.halol-dock .halol-card svg{width:16px!important;height:16px!important;flex:0 0 auto}
.halol-dock .halol-card-foot{display:flex;align-items:baseline;gap:10px;margin-top:8px}
.halol-dock .halol-card-foot b{font-size:17px;font-weight:800}
.halol-dock .halol-card-foot small{margin-left:auto;color:#9aa1ab;font-size:11.5px}

/* ===== Buyurtmalar kartasi: ixchamroq (avvalgisi juda katta edi) ===== */
.halol-list{gap:10px;padding:2px 2px 14px}
.halol-row{padding:11px 13px;border-radius:12px;border-left-width:4px}
.halol-row>header{gap:8px;margin-bottom:4px}
.halol-row>header>b{font-size:15px}
.halol-row-sum{font-size:16px}
.halol-row .halol-badge{font-size:10.5px;padding:2px 7px}
.halol-row-who{font-size:12.5px}
.halol-row-addr{font-size:13px;margin-top:3px}
.halol-pin{font-size:12px}
.halol-row-items{margin-top:8px;padding-top:8px;gap:3px}
.halol-row-items li{font-size:12.5px}
.halol-row-items li span{min-width:24px}
.halol-row-pay{margin-top:8px;font-size:12px;gap:8px}
.halol-naqd{padding:4px 9px;border-radius:8px;font-size:12px}
.halol-qadam{margin-top:9px;padding-top:8px;gap:4px 12px}
.halol-qadam li{font-size:11px;gap:5px}
.halol-qadam li i{width:7px;height:7px}
.halol-row-act{width:100%;margin-top:10px;font-size:14px;padding:10px 14px}
/* Keng ekranda ikki ustun — kartalar cho'zilib ketmasin */
@media (min-width:1100px){ .halol-list{grid-template-columns:1fr 1fr} }

/* ===== Buyurtmalar filtri ===== */
.bfiltr{display:grid;gap:8px;margin:2px 2px 12px}
.bf-qator{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.bf-qidiruv{position:relative;display:flex;align-items:center;gap:8px;flex:1;min-width:240px;
  background:var(--surface,#fff);border:1px solid var(--line,#e6e8ec);border-radius:11px;padding:0 11px}
.bf-qidiruv svg{width:16px!important;height:16px!important;color:#9aa1ab;flex:0 0 auto}
.bf-qidiruv input{flex:1;border:0;outline:0;background:none;padding:11px 0;font-size:14px;color:inherit}
.bf-tozala{border:0;background:none;color:#9aa1ab;font-size:15px;cursor:pointer;padding:4px 2px}
.bf-chip{border:1px solid var(--line,#e6e8ec);background:var(--surface,#fff);color:var(--text-2,#5b6472);
  border-radius:999px;padding:6px 13px;font-size:12.5px;font-weight:700;cursor:pointer;white-space:nowrap}
.bf-chip:hover{border-color:#c9ced6}
.bf-chip.active{background:var(--primary,#16a34a);border-color:var(--primary,#16a34a);color:#fff}
.bf-chip i{font-style:normal;opacity:.75;margin-left:3px}
.bf-ajrat{width:1px;height:20px;background:var(--line,#e6e8ec);margin:0 4px}
.bf-guruh{grid-column:1/-1;margin:8px 2px 0;font-size:11.5px;font-weight:800;letter-spacing:.6px;
  text-transform:uppercase;color:#9aa1ab}

/* ===== Buyurtmalar: filtr paneli (sana / vaqt / summa / chek) ===== */
.bfiltr{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px;margin:2px 2px 14px;
  padding:12px 14px;background:var(--surface,#fff);border:1px solid var(--line,#e6e8ec);border-radius:14px}
.bf-maydon{display:flex;flex-direction:column;gap:5px;min-width:0}
.bf-maydon>label{font-size:10.5px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:#9aa1ab}
.bf-maydon input,.bf-maydon select{border:1px solid var(--line,#e6e8ec);border-radius:9px;background:var(--bg,#fff);
  padding:8px 10px;font-size:13.5px;color:inherit;font-family:inherit;min-width:0}
.bf-maydon input:focus,.bf-maydon select:focus{outline:0;border-color:var(--primary,#16a34a)}
.bf-maydon input[type="search"]{width:190px}
.bf-maydon input[type="date"]{width:150px}
.bf-juft{display:flex;align-items:center;gap:5px}
.bf-juft input{width:96px}
.bf-juft span{color:#9aa1ab;font-size:12px}
.bf-tozala-btn{margin-left:auto;align-self:flex-end;border:1px solid var(--line,#e6e8ec);background:none;
  color:var(--text-2,#5b6472);border-radius:9px;padding:9px 14px;font-size:13px;font-weight:700;cursor:pointer}
.bf-tozala-btn:hover{border-color:#c9ced6}
.bf-tozala-btn.hidden{display:none}
.bf-guruh{grid-column:1/-1;margin:10px 2px 0;font-size:11.5px;font-weight:800;letter-spacing:.6px;
  text-transform:uppercase;color:#9aa1ab}

/* Kartalar bir xil chegara, cho'zilib ketmasin */
.halol-list{align-items:start}
.halol-row{align-self:start;border:1px solid var(--line,#e6e8ec);border-left:4px solid var(--line,#e6e8ec)}
.halol-row.green{border-left-color:#16a34a}

/* ===== Filtr paneli: hamma maydon bir xil o'lchamda, bitta qatorda ===== */
/* Bitta qator — tor ekranda yon tomonga suriladi, hech qachon buzilmaydi */
.bfiltr{display:flex;flex-wrap:nowrap;gap:8px;margin:0 2px 12px;padding:10px 12px;
  background:var(--surface,#fff);border:1px solid var(--line,#e6e8ec);border-radius:12px;
  overflow-x:auto;scrollbar-width:thin}
.bf-m{display:flex;flex-direction:column;gap:4px;width:118px;flex:0 0 auto}
.bf-m>span{font-size:10px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:#9aa1ab;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bf-m input,.bf-m select{width:100%;height:34px;box-sizing:border-box;
  border:1px solid var(--line,#e6e8ec);border-radius:8px;background:var(--bg,#fff);
  padding:0 9px;font-size:13px;font-family:inherit;color:inherit}
.bf-m input:focus,.bf-m select:focus{outline:0;border-color:var(--primary,#16a34a)}
.bf-m input::placeholder{color:#b6bcc5}
.bf-m input[type=number]{-moz-appearance:textfield}
.bf-m input[type=number]::-webkit-outer-spin-button,
.bf-m input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.bf-tozala-btn{align-self:flex-end;height:34px;border:1px solid var(--line,#e6e8ec);background:none;
  color:var(--text-2,#5b6472);border-radius:8px;font-size:12.5px;font-weight:700;cursor:pointer}
.bf-tozala-btn:hover{border-color:#c9ced6}
.bf-son{display:inline-block;min-width:17px;height:17px;line-height:17px;text-align:center;margin-left:5px;
  background:var(--primary,#16a34a);color:#fff;border-radius:99px;font-size:10.5px;font-weight:800}
#catalogActions .btn.active{border-color:var(--primary,#16a34a);color:var(--primary,#16a34a)}
#catalogActions .btn svg{width:15px!important;height:15px!important;margin-right:5px;vertical-align:-2px}

/* ===== Buyurtmalar: ro'yxat tepaga-pastga suriladi ===== */
/* grid ichidagi element o'z-o'zidan cho'zilib ketmasin — shuning uchun min-height:0 */
.pos-workspace>.catalog-area{min-height:0}
/* kiosk.css .catalog-content'ni ikki qatorli grid qilib qo'yadi va o'zini surdirmaydi:
   ichidagi ro'yxat suriladi. Shuning uchun ro'yxatni 2-qatorga mahkamlab, o'shani surdiramiz. */
.catalog-area{min-height:0}
.catalog-content>.halol-list,
.catalog-content>.halol-bosh{
  grid-row:2;min-height:0;align-content:start;
  overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;
}

/* ===== Har bir buyurtma kartasi bir xil o'lchamda ===== */
.halol-list{align-items:start}
.halol-row{height:270px;display:flex;flex-direction:column;overflow:hidden;position:relative;
  align-self:start;cursor:pointer}
.halol-row>header,.halol-row-who,.halol-row-addr,.halol-row-pay,
.halol-row-act,.halol-qadam,.halol-kut{flex:0 0 auto}
.halol-row-items{flex:1 1 auto;min-height:34px;overflow:hidden;position:relative;
  align-content:start}   /* kam mahsulot bo'lsa qatorlar cho'zilib ketmasin */
.halol-row-items.kesilgan::after{content:"";position:absolute;left:0;right:0;bottom:0;height:24px;
  background:linear-gradient(rgba(255,255,255,0),var(--surface,#fff));pointer-events:none}
.halol-yana{position:absolute;right:2px;bottom:1px;z-index:1;font-style:normal;font-size:10.5px;
  font-weight:800;color:#8a919b;background:var(--surface,#fff);padding:0 5px;border-radius:6px}
/* Ustiga bosilsa — to'liq ochiladi */
.halol-row.ochiq{height:auto}
.halol-row.ochiq .halol-row-items{overflow:visible}
.halol-row.ochiq .halol-row-items.kesilgan::after,.halol-row.ochiq .halol-yana{display:none}
.halol-row-act{cursor:pointer}

/* Ro'yxat suriladigan bo'lgani uchun filtr paneli tepada qotib turadi */
.catalog-content>.bfiltr{grid-row:1;margin-bottom:0}
/* Karta ustiga bosilsa chek oynasi ochiladi — kartaning o'zi cho'zilmaydi */
.halol-row.ochiq{height:270px}
.halol-row.ochiq .halol-row-items{overflow:hidden}

/* ===== Chek oynasi: buyurtma to'liq ko'rinishda ===== */
.chek-oyna{display:grid;gap:12px;min-width:min(420px,80vw)}
.chek-bosh{display:grid;gap:3px;text-align:center;padding-bottom:10px;
  border-bottom:1px dashed var(--line,#e6e8ec)}
.chek-bosh b{font-size:22px;font-weight:900;letter-spacing:.4px}
.chek-bosh span{font-size:14px;font-weight:700}
.chek-bosh small{font-size:12px;color:#9aa1ab}
.chek-mijoz{text-align:center;font-size:13.5px;color:var(--text-2,#5b6472)}
.chek-mijoz a{color:var(--accent,#0a84ff);text-decoration:none;font-weight:700}
.chek-jadval{width:100%;border-collapse:collapse;font-size:14px}
.chek-jadval td{padding:7px 4px;border-bottom:1px dashed var(--line,#eef0f3);vertical-align:top}
.chek-jadval td:first-child{width:100%}
.chek-jadval .ch-son{white-space:nowrap;color:var(--text-2,#5b6472);font-weight:800}
.chek-jadval .ch-narx{white-space:nowrap;color:#9aa1ab}
.chek-jadval .ch-jami{white-space:nowrap;font-weight:800;text-align:right}
.chek-yakun{display:grid;gap:5px;padding-top:10px;border-top:1px dashed var(--line,#e6e8ec);font-size:13.5px}
.chek-yakun>div{display:flex;justify-content:space-between;gap:12px}
.chek-yakun .chek-jami{font-size:19px;font-weight:900;padding:4px 0}
.chek-yakun .chek-qarz b{color:#c22c22}
.chek-oyna .halol-qadam{margin-top:2px}
.chek-oyna .halol-row-act{width:100%;margin-top:2px}

/* ---- STOL SHOTI (2026-09-30) ---- */
.table-card .shot-tag{display:inline-block;margin:6px 0 2px;font-size:11.5px;font-weight:800;padding:3px 9px;border-radius:20px;background:#e8f4d8;color:#3d6b12}
.table-card .shot-tag.bill{background:#fde7e5;color:#c0392b;animation:shotPulse 1.6s ease-in-out infinite}
.table-card.shot-bill{border-color:#e24b3d!important;box-shadow:0 0 0 2px rgba(226,75,61,.18)}
@keyframes shotPulse{0%,100%{opacity:1}50%{opacity:.55}}
.shot-box{display:flex;flex-direction:column;gap:12px}
.shot-head{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.shot-head>div{background:#f4f6f3;border-radius:12px;padding:9px 11px}.shot-head small{display:block;font-size:11px;color:#7b857f;font-weight:700}.shot-head b{font-size:14px}
.shot-warn{border-left:3px solid #e0890b}
.shot-orders{max-height:38vh;overflow:auto;display:flex;flex-direction:column;gap:8px}
.shot-order{border:1px solid #e3e8e5;border-radius:12px;padding:9px 11px}
.shot-oh{display:flex;align-items:center;gap:8px;margin-bottom:5px}.shot-oh b{font-size:14px}.shot-oh em{margin-left:auto;font-style:normal;font-weight:800}
.shot-st{font-size:11px;font-weight:700;padding:2px 8px;border-radius:20px;background:#eef1ef;color:#55605a}.shot-st.new{background:#fde7e5;color:#c0392b}.shot-st.ready,.shot-st.served{background:#e8f4d8;color:#3d6b12}
.shot-it{display:flex;justify-content:space-between;gap:10px;font-size:13px;padding:2px 0;color:#34403a}
.shot-sum{border-top:1px dashed #cfd6d2;padding-top:9px;display:flex;flex-direction:column;gap:4px}
.shot-sum>div{display:flex;justify-content:space-between;font-size:14px}.shot-sum .tot{font-size:18px;font-weight:800;margin-top:3px}
.shot-pay>span{display:block;font-size:12px;font-weight:700;color:#7b857f;margin-bottom:6px}
.shot-acts{flex-wrap:wrap}.shot-acts .btn{flex:1 1 180px}
html.dark .shot-head>div{background:#26282c}html.dark .shot-order{border-color:#34363b}html.dark .shot-it{color:#d6d6db}html.dark .table-card .shot-tag{background:#233a17;color:#9fd66b}

/* ===== 2026-10-06: buyurtma kartalari aniqroq — taomlar yirik va qora, karta balandroq ===== */
.halol-row{height:340px}
.halol-row>header b{font-size:18px}
.halol-row-items{gap:5px}
.halol-row-items li{font-size:15.5px;font-weight:700;color:var(--text,#111827);line-height:1.25}
.halol-row-items li span{min-width:34px;font-size:16px;font-weight:900;color:var(--primary,#ef4b43)}
.halol-row-items li b{font-weight:600;font-size:13px;color:var(--text-2,#5b6472);white-space:nowrap}
.halol-row-addr{font-size:14.5px}