/* ============================================================ TERMIZ JAVOHIRI — ADMIN REFERENCE UI Screenshot-matched visual layer. Business logic untouched. ============================================================ */ :root{ --ref-bg:#f5f3ec; --ref-panel:#fffefa; --ref-ink:#102a43; --ref-muted:#63788b; --ref-green:#006b55; --ref-green-2:#0b7a62; --ref-line:#e7e5dd; --ref-soft:#f5f2e9; --ref-cash:#17a34a; --ref-click:#087cf0; --ref-card:#6d2be5; --ref-danger:#ef3f43; --ref-gold:#d89b18; } html,body{min-width:0!important;} body{ overflow-x:hidden!important; background: radial-gradient(circle at 10% 0%,rgba(216,155,24,.055),transparent 28rem), radial-gradient(circle at 90% 8%,rgba(0,107,85,.045),transparent 34rem), var(--ref-bg)!important; color:var(--ref-ink)!important; } /* Header */ header.topbar{ min-height:78px!important; height:78px!important; padding:0 clamp(16px,2.4vw,38px)!important; background:rgba(255,255,255,.94)!important; border-bottom:1px solid #e8e6df!important; box-shadow:0 7px 22px rgba(35,69,50,.045)!important; } .brand .name{font-size:27px!important;color:#0c293d!important;} .brand .name small{font-family:Manrope,sans-serif!important;font-size:9px!important;color:#d49a19!important;} .brand img{height:53px!important;max-width:170px!important;} .live-clock,.lang-switch,.role-pill{ background:#fff!important;border-color:#e6e4dd!important;box-shadow:0 5px 18px rgba(29,62,48,.06)!important; } .btn{border-radius:13px!important;min-height:44px!important;padding:9px 18px!important;color:#18364b!important;background:#fff!important;} .btn.primary{background:linear-gradient(135deg,#08705a,#005b49)!important;color:#fff!important;border-color:#006b55!important;} /* Director shell */ #viewAdmin{width:100%!important;min-width:0!important;} #viewAdmin .dash{ width:min(1580px,calc(100% - 28px))!important; margin:20px auto 34px!important; } #viewAdmin .dash-head{ min-height:70px!important; display:flex!important; align-items:center!important; justify-content:space-between!important; gap:18px!important; padding:10px 18px!important; border-radius:17px!important; background:rgba(255,255,255,.94)!important; border:1px solid #e7e5dd!important; box-shadow:0 8px 25px rgba(35,69,50,.06)!important; position:relative!important; top:auto!important; } #viewAdmin .dash-head h2{ margin:0!important; font-family:Fraunces,Georgia,serif!important; font-size:30px!important; color:#10243d!important; letter-spacing:-.02em!important; } #viewAdmin .tabs{ display:flex!important;gap:3px!important;padding:3px!important; background:#f7f5ef!important;border:1px solid #e7e5dd!important;border-radius:13px!important; } #viewAdmin .tabs button{ border:0!important;background:transparent!important;color:#28445a!important; border-radius:10px!important;padding:9px 22px!important;font-weight:700!important; } #viewAdmin .tabs button.active{ background:var(--ref-green)!important;color:#fff!important; box-shadow:0 7px 15px rgba(0,107,85,.20)!important; } /* Sidebar */ #viewAdmin .dir-layout{ display:grid!important; grid-template-columns:254px minmax(0,1fr)!important; gap:18px!important; align-items:start!important; } #viewAdmin .dir-sidebar{ width:254px!important; max-height:calc(100vh - 126px)!important; overflow:auto!important; position:sticky!important; top:96px!important; padding:9px!important; border-radius:15px!important; background:rgba(255,255,255,.91)!important; border:1px solid #ebe9e1!important; box-shadow:0 8px 25px rgba(35,69,50,.06)!important; } #viewAdmin .dir-sidebar-btn{ width:100%!important; min-height:49px!important; display:flex!important; align-items:center!important; gap:12px!important; border:0!important; border-radius:11px!important; padding:0 14px!important; margin:2px 0!important; background:transparent!important; color:#17354b!important; text-align:left!important; font-size:15px!important; font-weight:600!important; box-shadow:none!important; } #viewAdmin .dir-sidebar-btn:hover{background:#f2f7f3!important;color:#005b49!important;} #viewAdmin .dir-sidebar-btn.active{ background:linear-gradient(135deg,#08745c,#005b49)!important; color:#fff!important; box-shadow:0 8px 17px rgba(0,107,85,.22)!important; } #viewAdmin .dir-main-content{min-width:0!important;} /* Cards and headings */ #viewAdmin .dir-card{ border-radius:16px!important; padding:18px!important; background:rgba(255,255,255,.94)!important; border:1px solid #e9e7df!important; box-shadow:0 8px 25px rgba(35,69,50,.055)!important; } #viewAdmin .dir-card-head{ display:flex!important;align-items:center!important;justify-content:space-between!important; gap:15px!important;margin-bottom:14px!important; } #viewAdmin .dir-card-head h3{ margin:0!important; font-family:Fraunces,Georgia,serif!important; font-size:23px!important; color:#10243d!important; } #viewAdmin .daily-client-note{color:#64788b!important;line-height:1.45!important;} /* KPI row */ #viewAdmin .kpi-row{ display:grid!important; grid-template-columns:repeat(6,minmax(0,1fr))!important; gap:10px!important; margin-bottom:16px!important; } #viewAdmin .kpi{ min-width:0!important; min-height:98px!important; padding:14px 15px!important; border-radius:14px!important; border:1px solid #e4e6df!important; background:#fff!important; box-shadow:0 6px 20px rgba(35,69,50,.045)!important; display:flex!important; flex-direction:column!important; justify-content:center!important; } #viewAdmin .kpi .n{ font-family:Fraunces,Georgia,serif!important; font-size:29px!important; line-height:1.05!important; color:#10243d!important; font-variant-numeric:tabular-nums!important; white-space:nowrap!important; } #viewAdmin .kpi .l{font-size:12px!important;color:#607589!important;margin-top:7px!important;font-weight:700!important;} /* Reference-style dashboard analytics */ #dirAnalyticsContent.ref-dashboard{ display:grid!important; grid-template-columns:minmax(0,1.28fr) minmax(360px,.82fr)!important; gap:18px!important; } .ref-finance-card{ min-width:0;border:1px solid #e5e5de;border-radius:15px;background:#fff;padding:16px; } .ref-finance-title{ display:flex;align-items:center;gap:12px;margin-bottom:13px; } .ref-finance-title .ref-icon{ width:48px;height:48px;border-radius:13px;display:grid;place-items:center; background:#e7f6eb;color:#07884b;font-size:24px; } .ref-finance-title h4{ margin:0;font:700 22px Fraunces,Georgia,serif;color:#10243d; } .ref-finance-total{ font:700 26px Fraunces,Georgia,serif;color:#10243d;margin-top:2px; font-variant-numeric:tabular-nums;white-space:nowrap; } .ref-finance-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;} .ref-finance-box{ border:1px solid #e0eadf;border-radius:14px;padding:14px;background:#f6fbf5; } .ref-finance-box.exp{ border-color:#f0dddd;background:#fff5f4; } .ref-finance-box h5{ margin:0 0 11px;font:700 17px Fraunces,Georgia,serif;color:#17384b; } .ref-pay-row{ display:flex;justify-content:space-between;gap:12px;align-items:center; border-top:1px solid rgba(0,0,0,.07);padding:8px 0; font-size:13px; } .ref-pay-row:first-of-type{border-top:0;} .ref-pay-row b{white-space:nowrap;font-variant-numeric:tabular-nums;} .ref-pay-row .cash{color:var(--ref-cash);} .ref-pay-row .click{color:var(--ref-click);} .ref-pay-row .card{color:var(--ref-card);} .ref-donut-wrap{ display:grid;grid-template-columns:170px 1fr;gap:16px;align-items:center; margin-top:12px;padding-top:12px;border-top:1px solid #ebe9e3; } .ref-donut{ width:150px;height:150px;border-radius:50%; background:conic-gradient(#006b55 var(--cash-p,0%),#087cf0 var(--click-p,0%) calc(var(--cash-p,0%) + var(--click-p,0%)),#6d2be5 0); position:relative;display:grid;place-items:center; } .ref-donut::after{ content:"";position:absolute;inset:27px;border-radius:50%;background:#fff; } .ref-donut span{ position:relative;z-index:1;font:700 20px Fraunces,Georgia,serif;color:#10243d;text-align:center; } .ref-legend{display:flex;flex-direction:column;gap:11px;} .ref-legend-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;} .ref-legend-row b{font-variant-numeric:tabular-nums;white-space:nowrap;} .ref-dot{width:10px;height:10px;border-radius:50%;display:inline-block;margin-right:7px;flex:0 0 auto;} .ref-dot.cash{background:#006b55}.ref-dot.click{background:#087cf0}.ref-dot.card{background:#6d2be5} .ref-net-strip{ margin-top:14px;padding:14px 16px;border-radius:13px; background:linear-gradient(90deg,#f4efff,#faf5ff);border:1px solid #e7d8fa; display:flex;justify-content:space-between;align-items:center;gap:15px; } .ref-net-strip b{font:700 23px Fraunces,Georgia,serif;white-space:nowrap;font-variant-numeric:tabular-nums;} .ref-net-label{font-weight:700;color:#6327be;} /* Tables: fixed grid, no accidental numeric wrapping */ #viewAdmin table.staff{ width:100%!important; table-layout:fixed!important; border-collapse:separate!important; border-spacing:0!important; border:1px solid #e4e2da!important; border-radius:13px!important; overflow:hidden!important; background:#fff!important; } #viewAdmin table.staff th{ background:#f3f0e7!important; color:#19354b!important; height:40px!important; padding:8px 9px!important; border-right:1px solid #e8e5dc!important; border-bottom:1px solid #e4e1d8!important; font-size:11px!important; font-weight:800!important; vertical-align:middle!important; } #viewAdmin table.staff td{ height:52px!important; padding:7px 9px!important; border-right:1px solid #eeeae2!important; border-bottom:1px solid #eeeae2!important; font-size:12px!important; line-height:1.25!important; vertical-align:middle!important; overflow:hidden!important; text-overflow:ellipsis!important; } #viewAdmin table.staff tbody tr:hover td{background:#fbfaf6!important;} #viewAdmin table.staff td.mono, #viewAdmin table.staff td.sum{ font-variant-numeric:tabular-nums!important; white-space:nowrap!important; } #viewAdmin table.staff th:nth-last-child(-n+3), #viewAdmin table.staff td:nth-last-child(-n+3){text-align:center;} #viewAdmin table.staff td b{font-weight:800!important;} #viewAdmin .badge{ display:inline-flex!important;align-items:center!important;justify-content:center!important; min-height:29px!important;padding:5px 10px!important;border-radius:16px!important; white-space:nowrap!important;font-size:11px!important;font-weight:800!important; } #viewAdmin .badge.free{background:#e3f7e9!important;color:#078449!important;} #viewAdmin .badge.partial{background:#e8f3ff!important;color:#0878df!important;} #viewAdmin .badge.full{background:#ffe6e6!important;color:#e52b2b!important;} #viewAdmin .tag-daily{white-space:nowrap!important;} /* Active guests / history column discipline */ #dirActiveGuestsTable th:nth-child(1),#dirActiveGuestsTable td:nth-child(1){width:4%!important;text-align:center;} #dirActiveGuestsTable th:nth-child(2),#dirActiveGuestsTable td:nth-child(2){width:18%!important;} #dirActiveGuestsTable th:nth-child(3),#dirActiveGuestsTable td:nth-child(3){width:12%!important;} #dirActiveGuestsTable th:nth-child(4),#dirActiveGuestsTable td:nth-child(4){width:9%!important;text-align:center;} #dirActiveGuestsTable th:nth-child(5),#dirActiveGuestsTable td:nth-child(5){width:19%!important;} #dirActiveGuestsTable th:nth-child(6),#dirActiveGuestsTable td:nth-child(6){width:13%!important;text-align:right;} #dirActiveGuestsTable th:nth-child(7),#dirActiveGuestsTable td:nth-child(7){width:13%!important;text-align:right;} #dirActiveGuestsTable th:nth-child(8),#dirActiveGuestsTable td:nth-child(8){width:12%!important;text-align:right;} #dirGuestHistoryTable th:nth-child(1),#dirGuestHistoryTable td:nth-child(1){width:4%!important;text-align:center;} #dirGuestHistoryTable th:nth-child(2),#dirGuestHistoryTable td:nth-child(2){width:15%!important;} #dirGuestHistoryTable th:nth-child(3),#dirGuestHistoryTable td:nth-child(3){width:10%!important;} #dirGuestHistoryTable th:nth-child(4),#dirGuestHistoryTable td:nth-child(4){width:12%!important;} #dirGuestHistoryTable th:nth-child(5),#dirGuestHistoryTable td:nth-child(5){width:13%!important;} #dirGuestHistoryTable th:nth-child(6),#dirGuestHistoryTable td:nth-child(6){width:17%!important;} #dirGuestHistoryTable th:nth-child(7),#dirGuestHistoryTable td:nth-child(7){width:10%!important;} #dirGuestHistoryTable th:nth-child(8),#dirGuestHistoryTable td:nth-child(8){width:8%!important;text-align:right;} #dirGuestHistoryTable th:nth-child(9),#dirGuestHistoryTable td:nth-child(9){width:7%!important;text-align:right;} #dirGuestHistoryTable th:nth-child(10),#dirGuestHistoryTable td:nth-child(10){width:7%!important;text-align:right;} /* Payroll */ #viewAdmin .payroll-summary-strip{ display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:10px!important; margin:13px 0 15px!important; } #viewAdmin .payroll-summary-strip>div{ min-width:0!important;min-height:78px!important;padding:11px 13px!important; border-radius:13px!important;border:1px solid #e0e4df!important;background:#f5fbf5!important; } #viewAdmin .payroll-summary-strip>div:nth-child(2){background:#fff3f2!important;border-color:#f0d8d5!important;} #viewAdmin .payroll-summary-strip>div:nth-child(3){background:#eff7ff!important;border-color:#d9e9fb!important;} #viewAdmin .payroll-summary-strip>div:nth-child(4){background:#fff8ed!important;border-color:#f1dfc4!important;} #viewAdmin .payroll-summary-strip>div:nth-child(5){background:#faf1ff!important;border-color:#e8d8f8!important;} #viewAdmin .payroll-summary-strip span{display:block;font-size:12px!important;color:#4d6878!important;} #viewAdmin .payroll-summary-strip b{ display:block;margin-top:5px;font:700 19px Fraunces,Georgia,serif!important; white-space:nowrap!important;font-variant-numeric:tabular-nums!important; } #viewAdmin .payroll-table th,#viewAdmin .payroll-table td{font-variant-numeric:tabular-nums!important;} /* Revenue page: five premium financial cards */ #revFinanceSummary{ display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important; gap:10px!important;background:transparent!important;border:0!important;padding:0!important; } #revFinanceSummary>div{ min-width:0!important;min-height:116px!important;padding:13px 14px!important; border-radius:14px!important;border:1px solid #dce8dd!important;background:#f4fbf4!important; box-shadow:none!important; } #revFinanceSummary>div:nth-child(2){background:#fff1f0!important;border-color:#f0d5d3!important;} #revFinanceSummary>div:nth-child(3){background:#eff7ff!important;border-color:#d8e7f8!important;} #revFinanceSummary>div:nth-child(4){background:#fff8ec!important;border-color:#f0ddc1!important;} #revFinanceSummary>div:nth-child(5){background:#faf0ff!important;border-color:#e7d6f8!important;} #revFinanceSummary>div>span:first-child{ display:block!important;font:700 15px Fraunces,Georgia,serif!important;color:#17384b!important; } #revFinanceSummary>div>b{ display:block!important;margin-top:5px!important;font:700 22px Fraunces,Georgia,serif!important; color:#10243d!important;white-space:nowrap!important;font-variant-numeric:tabular-nums!important; } #revFinanceSummary .payment-breakdown{ margin-top:7px!important;font-size:10px!important; } #revFinanceSummary .payment-breakdown>*{white-space:nowrap!important;} /* Top filters / forms */ #viewAdmin .field select,#viewAdmin .field input{ min-height:42px!important;border-radius:10px!important;background:#fff!important; border:1px solid #dfe1dd!important;padding:0 12px!important; } #viewAdmin .field label{font-size:10px!important;letter-spacing:.04em!important;font-weight:800!important;color:#506779!important;} /* Fullscreen/focus mode should still respect viewport */ body.director-focus-mode #viewAdmin .dir-sidebar{position:sticky!important;top:10px!important;} body.director-focus-mode #viewAdmin .dash{width:min(1600px,calc(100% - 24px))!important;} /* Desktop 100% fit */ @media (min-width:1200px){ #viewAdmin .dir-sidebar{height:calc(100vh - 126px)!important;} #viewAdmin .dir-card-head .btn{flex:0 0 auto;} } @media (max-width:1250px){ #viewAdmin .dash{width:calc(100% - 20px)!important;} #viewAdmin .dir-layout{grid-template-columns:220px minmax(0,1fr)!important;} #viewAdmin .dir-sidebar{width:220px!important;} #viewAdmin .kpi-row{grid-template-columns:repeat(3,minmax(0,1fr))!important;} #dirAnalyticsContent.ref-dashboard{grid-template-columns:1fr!important;} #revFinanceSummary,#viewAdmin .payroll-summary-strip{grid-template-columns:repeat(3,minmax(0,1fr))!important;} } @media (max-width:900px){ #viewAdmin .dir-layout{grid-template-columns:1fr!important;} #viewAdmin .dir-sidebar{ width:100%!important;max-height:none!important;position:static!important; display:flex!important;overflow-x:auto!important;gap:4px!important; } #viewAdmin .dir-sidebar-btn{flex:0 0 auto!important;width:auto!important;padding:0 15px!important;} #viewAdmin .kpi-row{grid-template-columns:repeat(2,minmax(0,1fr))!important;} #revFinanceSummary,#viewAdmin .payroll-summary-strip{grid-template-columns:1fr 1fr!important;} } @media (max-width:620px){ #viewAdmin .dash{width:calc(100% - 12px)!important;margin-top:10px!important;} #viewAdmin .dash-head{align-items:flex-start!important;flex-direction:column!important;} #viewAdmin .kpi-row{grid-template-columns:1fr!important;} #revFinanceSummary,#viewAdmin .payroll-summary-strip{grid-template-columns:1fr!important;} #viewAdmin .dir-card{padding:13px!important;} #viewAdmin .dir-card-head{align-items:flex-start!important;flex-direction:column!important;} #viewAdmin table.staff{min-width:0!important;} } /* ===== V4 compact financial tables / payment columns ===== */ #viewAdmin .payment-breakdown{ display:none!important; } .center{text-align:center!important;} .empty-cell{padding:20px!important;text-align:center!important;color:#81909c!important;} .debt-cell{color:#d83232!important;font-weight:800!important;} .pay-cash{color:#078449!important;font-weight:700!important;} .pay-click{color:#0878df!important;font-weight:700!important;} .pay-card{color:#6327c7!important;font-weight:700!important;} #viewAdmin table.staff th, #viewAdmin table.staff td{ white-space:normal!important; overflow:hidden!important; text-overflow:ellipsis!important; } #viewAdmin table.staff td.sum{ white-space:nowrap!important; text-align:right!important; font-variant-numeric:tabular-nums!important; } #viewAdmin table.staff td small{ display:block!important; margin-top:2px!important; color:#738492!important; font-size:9px!important; } #dirActiveGuestsTable{table-layout:fixed!important;} #dirActiveGuestsTable th:nth-child(1),#dirActiveGuestsTable td:nth-child(1){width:3%!important;} #dirActiveGuestsTable th:nth-child(2),#dirActiveGuestsTable td:nth-child(2){width:14%!important;} #dirActiveGuestsTable th:nth-child(3),#dirActiveGuestsTable td:nth-child(3){width:9%!important;} #dirActiveGuestsTable th:nth-child(4),#dirActiveGuestsTable td:nth-child(4){width:8%!important;} #dirActiveGuestsTable th:nth-child(5),#dirActiveGuestsTable td:nth-child(5){width:13%!important;} #dirActiveGuestsTable th:nth-child(6),#dirActiveGuestsTable td:nth-child(6){width:10%!important;} #dirActiveGuestsTable th:nth-child(7),#dirActiveGuestsTable td:nth-child(7), #dirActiveGuestsTable th:nth-child(8),#dirActiveGuestsTable td:nth-child(8), #dirActiveGuestsTable th:nth-child(9),#dirActiveGuestsTable td:nth-child(9){width:8.5%!important;} #dirActiveGuestsTable th:nth-child(10),#dirActiveGuestsTable td:nth-child(10){width:9%!important;} #dirGuestHistoryTable{table-layout:fixed!important;} #dirGuestHistoryTable th:nth-child(1),#dirGuestHistoryTable td:nth-child(1){width:3%!important;} #dirGuestHistoryTable th:nth-child(2),#dirGuestHistoryTable td:nth-child(2){width:13%!important;} #dirGuestHistoryTable th:nth-child(3),#dirGuestHistoryTable td:nth-child(3){width:8%!important;} #dirGuestHistoryTable th:nth-child(4),#dirGuestHistoryTable td:nth-child(4){width:8%!important;} #dirGuestHistoryTable th:nth-child(5),#dirGuestHistoryTable td:nth-child(5){width:10%!important;} #dirGuestHistoryTable th:nth-child(6),#dirGuestHistoryTable td:nth-child(6){width:13%!important;} #dirGuestHistoryTable th:nth-child(7),#dirGuestHistoryTable td:nth-child(7){width:8%!important;} #dirGuestHistoryTable th:nth-child(8),#dirGuestHistoryTable td:nth-child(8){width:9%!important;} #dirGuestHistoryTable th:nth-child(9),#dirGuestHistoryTable td:nth-child(9), #dirGuestHistoryTable th:nth-child(10),#dirGuestHistoryTable td:nth-child(10), #dirGuestHistoryTable th:nth-child(11),#dirGuestHistoryTable td:nth-child(11){width:7.5%!important;} #dirGuestHistoryTable th:nth-child(12),#dirGuestHistoryTable td:nth-child(12){width:8%!important;} #dirExpensesTable{table-layout:fixed!important;} #dirExpensesTable th:nth-child(1),#dirExpensesTable td:nth-child(1){width:5%!important;} #dirExpensesTable th:nth-child(2),#dirExpensesTable td:nth-child(2){width:11%!important;} #dirExpensesTable th:nth-child(3),#dirExpensesTable td:nth-child(3){width:34%!important;} #dirExpensesTable th:nth-child(4),#dirExpensesTable td:nth-child(4), #dirExpensesTable th:nth-child(5),#dirExpensesTable td:nth-child(5), #dirExpensesTable th:nth-child(6),#dirExpensesTable td:nth-child(6){width:11%!important;} #dirExpensesTable th:nth-child(7),#dirExpensesTable td:nth-child(7){width:12%!important;} .revenue-panel{margin-top:2px;} .revenue-switcher{ display:flex;gap:8px;align-items:center; margin:0 0 10px;padding:4px; border:1px solid #e5e2d9;border-radius:13px; background:#f6f4ed; } .revenue-switch{ flex:1;min-height:43px;border:0;border-radius:10px; background:transparent;color:#24445a;font-weight:800; cursor:pointer;font-family:Manrope,sans-serif; } .revenue-switch:hover{background:#eef5f1;} .revenue-switch.active{ color:#fff;background:linear-gradient(135deg,#08745c,#005b49); box-shadow:0 7px 16px rgba(0,107,85,.18); } .revenue-payment-note{ display:flex;justify-content:flex-end;gap:16px;flex-wrap:wrap; padding:7px 4px 10px;color:#5b7080;font-size:11px; } .revenue-payment-note span{display:flex;align-items:center;gap:5px;} .revenue-payment-note b{color:#17384b;font-variant-numeric:tabular-nums;} .revenue-table-panel{ border:1px solid #e4e2da;border-radius:14px;background:#fff; padding:12px;box-shadow:0 5px 17px rgba(35,69,50,.04); } .revenue-panel-title{ display:flex;align-items:center;justify-content:space-between;gap:12px; padding:0 2px 10px; } .revenue-panel-title b{font:700 20px Fraunces,Georgia,serif;color:#10243d;} .revenue-panel-title small{display:block;margin-top:2px;color:#728291;font-size:10px;} .revenue-panel-title strong{font-size:13px;color:#17384b;white-space:nowrap;} .revenue-table-scroll{overflow:hidden;} .revenue-detail-table{width:100%!important;table-layout:fixed!important;} #dirRevRoomsTable th:nth-child(1),#dirRevRoomsTable td:nth-child(1){width:25%!important;} #dirRevRoomsTable th:nth-child(2),#dirRevRoomsTable td:nth-child(2){width:13%!important;} #dirRevRoomsTable th:nth-child(3),#dirRevRoomsTable td:nth-child(3){width:7%!important;} #dirRevRoomsTable th:nth-child(4),#dirRevRoomsTable td:nth-child(4){width:15%!important;} #dirRevRoomsTable th:nth-child(5),#dirRevRoomsTable td:nth-child(5), #dirRevRoomsTable th:nth-child(6),#dirRevRoomsTable td:nth-child(6), #dirRevRoomsTable th:nth-child(7),#dirRevRoomsTable td:nth-child(7){width:13.33%!important;} #dirRevProcsTable th:nth-child(1),#dirRevProcsTable td:nth-child(1){width:27%!important;} #dirRevProcsTable th:nth-child(2),#dirRevProcsTable td:nth-child(2){width:23%!important;} #dirRevProcsTable th:nth-child(3),#dirRevProcsTable td:nth-child(3), #dirRevProcsTable th:nth-child(4),#dirRevProcsTable td:nth-child(4), #dirRevProcsTable th:nth-child(5),#dirRevProcsTable td:nth-child(5), #dirRevProcsTable th:nth-child(6),#dirRevProcsTable td:nth-child(6){width:12.5%!important;} #dirRevRoomsTable th,#dirRevProcsTable th{font-size:10px!important;} #dirRevRoomsTable td,#dirRevProcsTable td{font-size:11px!important;height:44px!important;} #revFinanceSummary{ margin-bottom:10px!important; gap:8px!important; } #revFinanceSummary>div{ min-height:82px!important; padding:11px 12px!important; } #revFinanceSummary>div>b{font-size:19px!important;} @media(max-width:1100px){ #viewAdmin table.staff th,#viewAdmin table.staff td{font-size:10px!important;padding:6px 6px!important;} #dirActiveGuestsTable th,#dirActiveGuestsTable td, #dirGuestHistoryTable th,#dirGuestHistoryTable td{font-size:9.5px!important;} #dirActiveGuestsTable td.sum,#dirGuestHistoryTable td.sum{font-size:9.5px!important;} } /* Final column correction for 100% width */ #dirGuestHistoryTable th:nth-child(6),#dirGuestHistoryTable td:nth-child(6){width:12%!important;} #dirGuestHistoryTable th:nth-child(7),#dirGuestHistoryTable td:nth-child(7){width:7%!important;} #dirGuestHistoryTable th:nth-child(9),#dirGuestHistoryTable td:nth-child(9), #dirGuestHistoryTable th:nth-child(10),#dirGuestHistoryTable td:nth-child(10), #dirGuestHistoryTable th:nth-child(11),#dirGuestHistoryTable td:nth-child(11){width:6.5%!important;} #dirGuestHistoryTable th:nth-child(12),#dirGuestHistoryTable td:nth-child(12){width:10.5%!important;} #dirRevProcsTable th:nth-child(1),#dirRevProcsTable td:nth-child(1){width:20%!important;} #dirRevProcsTable th:nth-child(2),#dirRevProcsTable td:nth-child(2){width:22%!important;} #dirRevProcsTable th:nth-child(3),#dirRevProcsTable td:nth-child(3), #dirRevProcsTable th:nth-child(4),#dirRevProcsTable td:nth-child(4), #dirRevProcsTable th:nth-child(5),#dirRevProcsTable td:nth-child(5), #dirRevProcsTable th:nth-child(6),#dirRevProcsTable td:nth-child(6){width:14.5%!important;} /* ============================================================ V5 — FULL WIDTH ADMIN WORKSPACE / COMPACT DENSITY ============================================================ */ #viewAdmin, #viewAdmin > *{ min-width:0!important; } #viewAdmin .dash{ width:100%!important; max-width:none!important; margin:0!important; padding:12px 14px 28px!important; box-sizing:border-box!important; } #viewAdmin .dir-layout{ width:100%!important; grid-template-columns:226px minmax(0,1fr)!important; gap:12px!important; box-sizing:border-box!important; } #viewAdmin .dir-sidebar{ width:226px!important; box-sizing:border-box!important; } #viewAdmin .dir-main-content{ width:100%!important; max-width:none!important; min-width:0!important; } #viewAdmin .dir-card{ width:100%!important; box-sizing:border-box!important; } #viewAdmin .row2{ width:100%!important; grid-template-columns:minmax(0,1fr)!important; } /* Dense tables: more records fit vertically without making text collide. */ #viewAdmin table.staff th{ padding:7px 8px!important; font-size:10px!important; } #viewAdmin table.staff td{ padding:6px 8px!important; height:46px!important; font-size:11px!important; } /* Never let monetary cells create horizontal overflow. */ #viewAdmin table.staff td.sum, #viewAdmin table.staff td.mono{ white-space:nowrap!important; font-variant-numeric:tabular-nums!important; } /* Revenue cards and finance panels should consume the full main area. */ #viewAdmin #revFinanceSummary{ width:100%!important; } #viewAdmin .ref-dashboard{ width:100%!important; } #viewAdmin .ref-finance-card{ min-width:0!important; } /* Expense page/table: use all available width. */ #viewAdmin #dirExpensesTable{ width:100%!important; } #viewAdmin #dirExpensesTable th, #viewAdmin #dirExpensesTable td{ white-space:nowrap!important; } #viewAdmin #dirExpensesTable td:nth-child(4){ white-space:normal!important; overflow-wrap:anywhere!important; } /* The main content must never be constrained by an old max-width. */ #viewAdmin .director-main, #viewAdmin .director-content, #viewAdmin .dir-content, #viewAdmin .content, #viewAdmin .container{ max-width:none!important; } /* At 1366px and similar normal desktop screens, use nearly the whole width. */ @media (min-width:901px){ #viewAdmin .dash{ padding-left:10px!important; padding-right:10px!important; } #viewAdmin .dir-layout{ grid-template-columns:220px minmax(0,1fr)!important; } #viewAdmin .dir-sidebar{width:220px!important;} } /* V5 payment columns */ #viewAdmin .pay-cash{color:#078849!important;background:#f3fbf4!important;} #viewAdmin .pay-click{color:#0878df!important;background:#f1f7ff!important;} #viewAdmin .pay-card{color:#6426c5!important;background:#f8f1ff!important;} #viewAdmin .debt-cell{color:#d92d20!important;background:#fff4f3!important;} #viewAdmin .cash-cell{color:#078849!important;} #viewAdmin .click-cell{color:#0878df!important;} #viewAdmin .card-cell{color:#6426c5!important;} #viewAdmin .expense-total{font-weight:800!important;color:#17354b!important;} #dirActiveGuestsTable, #dirGuestHistoryTable, #dirExpensesTable{ table-layout:fixed!important; } #dirActiveGuestsTable th:nth-child(1){width:4%} #dirActiveGuestsTable th:nth-child(2){width:15%} #dirActiveGuestsTable th:nth-child(3){width:10%} #dirActiveGuestsTable th:nth-child(4){width:9%} #dirActiveGuestsTable th:nth-child(5){width:15%} #dirActiveGuestsTable th:nth-child(6){width:11%} #dirActiveGuestsTable th:nth-child(7), #dirActiveGuestsTable th:nth-child(8), #dirActiveGuestsTable th:nth-child(9){width:9%} #dirActiveGuestsTable th:nth-child(10){width:10%} #dirGuestHistoryTable th:nth-child(1){width:3%} #dirGuestHistoryTable th:nth-child(2){width:12%} #dirGuestHistoryTable th:nth-child(3){width:9%} #dirGuestHistoryTable th:nth-child(4){width:10%} #dirGuestHistoryTable th:nth-child(5){width:10%} #dirGuestHistoryTable th:nth-child(6){width:13%} #dirGuestHistoryTable th:nth-child(7){width:8%} #dirGuestHistoryTable th:nth-child(8){width:9%} #dirGuestHistoryTable th:nth-child(9), #dirGuestHistoryTable th:nth-child(10), #dirGuestHistoryTable th:nth-child(11){width:7%} #dirGuestHistoryTable th:nth-child(12){width:8%} #dirExpensesTable th:nth-child(1){width:5%} #dirExpensesTable th:nth-child(2){width:10%} #dirExpensesTable th:nth-child(3){width:30%} #dirExpensesTable th:nth-child(4), #dirExpensesTable th:nth-child(5), #dirExpensesTable th:nth-child(6){width:10%} #dirExpensesTable th:nth-child(7){width:13%} #dirExpensesTable th:nth-child(8){width:9%} #payrollTable{table-layout:fixed!important;width:100%!important;} #payrollTable th,#payrollTable td{font-size:10px!important;padding:5px 6px!important;} #payrollTable input.payroll-edit-input{width:100%!important;min-width:0!important;box-sizing:border-box!important;padding:5px!important;} /* ===================================================================== v2.1 — HI-TECH MAVZU QATLAMI ("Termiz Javoxiri · Command Center") Faqat ko'rinish: zumrad-tilla, shisha kartalar, har bo'lim o'z rangida. ===================================================================== */ :root{ --forest:#0A2A31; --forest-2:#0E3842; --forest-3:#155566; --gold:#C99A3A; --gold-light:#F2CF7E; --gold-dim:#A07A2A; --paper:#EDF2F5; --surface-sunk:#E3EBF0; --line:#D5E0E7; --line-soft:#E2EAEF; --em1:#10B981; --em2:#0EA5A4; --sky:#2F6BFF; --vio:#8A5CF6; --cor:#F0703A; --red:#E5484D; --shadow-sm:0 1px 2px rgba(10,42,49,.06),0 8px 24px -12px rgba(10,42,49,.18); --shadow-md:0 2px 4px rgba(10,42,49,.06),0 18px 40px -18px rgba(10,42,49,.35); } body{background-color:var(--paper);background-image:radial-gradient(1100px 560px at 100% -10%,rgba(16,185,129,.10),transparent 60%),radial-gradient(900px 500px at -10% 110%,rgba(47,107,255,.08),transparent 60%);background-attachment:fixed;} h1,h2,h3,.reception-view-title,.dir-card-head h3{font-family:'Sora','Manrope',sans-serif !important;letter-spacing:-.01em;} /* Yuqori panel */ header.topbar{background:linear-gradient(115deg,#0A2A31 0%,#0E3842 55%,#123F4C 100%) !important;color:#E6F1F2;border-bottom:1px solid rgba(201,154,58,.3) !important;box-shadow:0 10px 30px -18px rgba(0,0,0,.6) !important;position:sticky;} header.topbar::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,transparent,var(--em1) 20%,var(--gold-light) 50%,var(--sky) 80%,transparent);opacity:.85;} header.topbar .brand img{filter:drop-shadow(0 2px 8px rgba(242,207,126,.45));} header.topbar .brand .name{color:#fff !important;font-family:'Sora',sans-serif !important;font-weight:700;} header.topbar .brand .name small{color:var(--gold-light) !important;} header.topbar .live-clock{background:rgba(255,255,255,.07) !important;border-color:rgba(255,255,255,.14) !important;color:#CFE3E5 !important;} header.topbar .live-clock *{color:inherit !important;} header.topbar .lang-switch{background:rgba(255,255,255,.07) !important;border-color:rgba(255,255,255,.14) !important;} header.topbar .lang-switch button{color:#B8CFD2 !important;} header.topbar .lang-switch button.active{background:linear-gradient(135deg,var(--em1),var(--em2)) !important;color:#fff !important;} header.topbar #authArea *{border-radius:999px;} /* Tugmalar */ .btn{border-radius:12px !important;font-weight:700;} .btn.primary{background:linear-gradient(135deg,#0E3842,#155566) !important;color:#fff !important;border-color:transparent !important;box-shadow:0 8px 20px -10px rgba(14,56,66,.8);} .btn.primary:hover{background:linear-gradient(135deg,var(--em2),var(--em1)) !important;} .btn:not(.primary):not(.danger):hover{border-color:var(--em1) !important;box-shadow:0 0 0 3px rgba(16,185,129,.12);} /* Kartalar: 3 burchak yumaloq, 1 burchak o'tkir */ .dir-card,.monitor-card,.reception-choice-card,.departure-alert-card,.modal{border-radius:22px 22px 22px 6px !important;} .dir-card,.departure-alert-card{background:rgba(255,255,255,.82) !important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.8) !important;box-shadow:var(--shadow-sm) !important;} /* Qabulxona: monitor kartalari rangli */ .reception-monitor-grid .monitor-card{position:relative;overflow:hidden;background:#fff !important;border:1px solid rgba(255,255,255,.85) !important;box-shadow:var(--shadow-sm) !important;transition:transform .15s,box-shadow .15s;} .reception-monitor-grid .monitor-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md) !important;} .reception-monitor-grid .monitor-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(var(--c,#10B981),transparent);} .reception-monitor-grid .monitor-card:nth-child(1){--c:#0E9F6E;} .reception-monitor-grid .monitor-card:nth-child(2){--c:#E5484D;} .reception-monitor-grid .monitor-card .monitor-icon{background:color-mix(in srgb,var(--c,#10B981) 14%,white) !important;border-radius:14px !important;} .reception-monitor-grid .monitor-card b,.reception-monitor-grid .monitor-card strong{color:var(--c,#0E9F6E);font-family:'Sora',sans-serif;} /* Qabulxona: ish turlari kartalari — har biri o'z rangida */ .reception-choice-card{--c:#10B981;position:relative;overflow:hidden;background:#fff !important;border:1px solid rgba(255,255,255,.85) !important;box-shadow:var(--shadow-sm) !important;transition:transform .18s,box-shadow .18s !important;} .reception-choice-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md) !important;} .reception-choice-card::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--c),color-mix(in srgb,var(--c) 30%,white));} .reception-choice-card:nth-child(1){--c:#0E9F6E;} .reception-choice-card:nth-child(2){--c:#2F6BFF;} .reception-choice-card:nth-child(3){--c:#8A5CF6;} .reception-choice-card:nth-child(4){--c:#F0703A;} .reception-choice-card .reception-choice-icon{display:inline-flex !important;align-items:center;justify-content:center;width:58px;height:58px;border-radius:16px;font-size:28px;background:linear-gradient(135deg,color-mix(in srgb,var(--c) 22%,white),color-mix(in srgb,var(--c) 7%,white));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 25%,white);} .reception-choice-card b{font-family:'Sora',sans-serif;} .reception-choice-grid{grid-template-columns:repeat(4,minmax(0,1fr)) !important;} @media (max-width:1100px){.reception-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}} @media (max-width:640px){.reception-choice-grid{grid-template-columns:1fr !important;}} /* Boshliq menyusi */ #tabDirector .dir-sidebar{background:linear-gradient(180deg,#0B2E36,#0A2A31) !important;border:none !important;border-radius:22px 22px 22px 6px !important;padding:14px 10px !important;box-shadow:var(--shadow-md);} #tabDirector .dir-sidebar-btn{color:#A9C3C7 !important;background:transparent !important;border:none !important;border-radius:14px !important;font-weight:600;} #tabDirector .dir-sidebar-btn:hover{background:rgba(255,255,255,.06) !important;color:#fff !important;} #tabDirector .dir-sidebar-btn.active{background:linear-gradient(90deg,rgba(16,185,129,.25),rgba(16,185,129,.06)) !important;color:#fff !important;box-shadow:inset 0 0 0 1px rgba(16,185,129,.4) !important;} /* Jadvallar */ table.staff{border-radius:14px;overflow:hidden;} table.staff th{background:linear-gradient(180deg,#F3F7FA,#E9F0F5) !important;color:#51616C !important;} table.staff tbody tr:hover{background:rgba(16,185,129,.06) !important;} /* Oynalar */ .overlay{background:rgba(6,24,29,.55) !important;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);} .modal{border-top:4px solid transparent !important;background-image:linear-gradient(#fff,#fff),linear-gradient(90deg,var(--em1),var(--gold-light),var(--sky)) !important;background-origin:border-box !important;background-clip:padding-box,border-box !important;} .field input:focus,.field select:focus,.field textarea:focus{border-color:var(--em1) !important;box-shadow:0 0 0 4px rgba(16,185,129,.15) !important;outline:none;} /* Qavatlar paneli: chapda logo, o'rtada qavatlar, o'ngda logo */ .floor-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:30px auto 12px;max-width:1200px;padding:12px;background:rgba(255,255,255,.75);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.85);border-radius:26px 26px 26px 8px;box-shadow:var(--shadow-sm);} #viewAdmin .floor-bar{margin:0 0 12px;max-width:none;} .floor-bar .floor-nav{flex:1;justify-content:center !important;margin:0 !important;} .floor-bar .floor-nav button{border-radius:999px !important;padding:12px 28px !important;font-weight:800 !important;font-size:15px !important;} .floor-bar .floor-nav button.active{background:linear-gradient(135deg,var(--em1),var(--em2)) !important;color:#fff !important;border-color:transparent !important;box-shadow:0 8px 20px -10px rgba(16,185,129,.9);} .floor-logo{display:flex;align-items:center;justify-content:center;width:112px;height:96px;flex-shrink:0;border-radius:20px 20px 20px 6px;background:linear-gradient(135deg,#0A2A31,#0E3842 60%,#155566);box-shadow:0 12px 28px -14px rgba(10,42,49,.8),inset 0 0 0 1px rgba(201,154,58,.35);} .floor-logo img{max-width:82%;max-height:82%;object-fit:contain;filter:drop-shadow(0 2px 6px rgba(242,207,126,.35));} @media (max-width:640px){.floor-logo{width:64px;height:58px;}.floor-bar .floor-nav button{padding:9px 14px !important;font-size:13px !important;}.floor-bar{gap:8px;padding:8px;}} /* Rasmlar va kattalashtirish */ .gallery-card{border-radius:22px 22px 22px 6px !important;overflow:hidden;box-shadow:var(--shadow-md);} .gallery-card img{cursor:zoom-in;transition:transform .3s;} .gallery-card:hover img{transform:scale(1.03);} #photoOv{position:fixed;inset:0;z-index:100001;background:rgba(6,18,16,.95);backdrop-filter:blur(6px);display:none;flex-direction:column;align-items:center;justify-content:center;padding:20px;cursor:zoom-out;} #photoOv.open{display:flex;} #photoOv img{max-width:96vw;max-height:84vh;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.5);object-fit:contain;} #photoOv .po-cap{color:#F2CF7E;font-weight:700;margin-top:14px;text-align:center;} #photoOv .po-hint{color:rgba(255,255,255,.55);font-size:12px;margin-top:4px;} /* Aloqa */ .contact-chip{border-radius:14px !important;font-weight:800 !important;} .contact-chip:hover{border-color:var(--em1) !important;background:#F0FBF7 !important;} .gps-line{margin-top:8px;font-family:'IBM Plex Mono',monospace;font-size:12px;color:var(--ink-soft);} .daily-range{padding:12px 14px;border-radius:12px;background:linear-gradient(135deg,#E9F7F1,#E6F2FB);border:1px solid #CDE8DD;font-weight:800;color:#0E6B55;user-select:none;} @media (prefers-reduced-motion:reduce){.reception-choice-card,.monitor-card,.gallery-card img{transition:none !important;}} /* ===== v2.1.1 — Claude'dagi namunaga birma-bir moslash ===== */ /* Bosh qism */ .hero h1,.hero .hero-title{font-family:'Sora','Manrope',sans-serif !important;font-weight:800 !important;letter-spacing:-.02em !important;} .hero h1 em,.hero h1 i{font-style:normal !important;color:var(--gold-light) !important;font-family:inherit !important;} .hero .stat .n{font-family:'Sora',sans-serif !important;font-weight:800 !important;color:#E2AE45 !important;} .hero .stat .l{font-family:'Manrope',sans-serif !important;letter-spacing:.06em !important;} .hero{background:radial-gradient(900px 400px at 20% 0%,rgba(16,185,129,.35),transparent 60%),radial-gradient(700px 400px at 90% 100%,rgba(201,154,58,.25),transparent 60%),linear-gradient(135deg,#0A2A31,#0E3842) !important;} /* "Sanatoriya haqida" */ .info-accordion-btn{font-family:'Sora',sans-serif !important;font-size:16px !important;font-weight:700 !important;border-radius:18px !important;background:#E3EBF1 !important;border:1px solid #D5E0E8 !important;color:#0F2029 !important;padding:14px 18px !important;} .public-info-panel{background:rgba(255,255,255,.8) !important;border:1px solid rgba(255,255,255,.85) !important;border-radius:22px 22px 22px 6px !important;box-shadow:var(--shadow-sm) !important;padding:16px !important;} .info-subtab{border-radius:999px !important;padding:10px 18px !important;font-weight:700 !important;background:#E3EBF1 !important;border:1px solid #D5E0E8 !important;color:#0F2029 !important;} .info-subtab.active{background:linear-gradient(135deg,var(--em1),var(--em2)) !important;color:#fff !important;border-color:transparent !important;box-shadow:0 6px 16px -8px rgba(16,185,129,.9);} .info-card{background:linear-gradient(180deg,#F5F9FB,#EEF4F8) !important;border:1px solid #DCE6ED !important;border-radius:18px !important;} .info-card-head h3{font-family:'Sora',sans-serif !important;} .info-badge{background:#e4f3e6 !important;color:#0E9F6E !important;border:1px solid #bfdcc5 !important;border-radius:20px !important;font-weight:800 !important;letter-spacing:.05em;text-transform:uppercase;} .contact-list{display:grid !important;grid-template-columns:repeat(auto-fit,minmax(200px,1fr)) !important;gap:10px !important;} .contact-chip{display:flex !important;justify-content:center;align-items:center;padding:14px !important;background:#fff !important;border:1px solid #D5E0E8 !important;border-radius:12px !important;font-size:15px !important;font-weight:800 !important;color:#0F2029 !important;text-decoration:none;} .map-btns{margin:12px 0;} /* Rasmlar */ .gallery-grid{gap:16px !important;} .gallery-card .cap{font-weight:700 !important;} /* Xona kartalari: tepada to'q kapsula raqam */ .room-card{border-radius:18px 18px 18px 6px !important;background:#fff !important;border:1px solid rgba(213,224,232,.9) !important;box-shadow:var(--shadow-sm) !important;padding:14px 14px 12px !important;} .room-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md) !important;} .room-card .top-row{display:block !important;} .room-card .num-badge{width:100% !important;height:30px !important;min-width:0 !important;border-radius:10px !important;display:flex !important;align-items:center;justify-content:center;font-family:'Manrope',sans-serif !important;font-weight:800 !important;font-size:13px !important;background:linear-gradient(135deg,#0E3842,#155566) !important;color:#fff !important;margin-bottom:10px;} .room-card.is-luks .num-badge{background:linear-gradient(135deg,#B9892C,#8C6A22) !important;} .room-card .status-tag{top:10px !important;right:10px !important;z-index:2;} .room-card .num{font-family:'Sora',sans-serif !important;font-weight:800 !important;font-size:16px !important;color:#0F2029 !important;} .room-card .type{font-family:'Manrope',sans-serif !important;font-size:12px !important;color:#51616C !important;margin-top:2px;} .room-card .price-tag{background:none !important;border:none !important;padding:0 !important;font-family:'Manrope',sans-serif !important;font-size:12.5px !important;color:#51616C !important;font-weight:500 !important;} .room-card .until{font-family:'Manrope',sans-serif !important;color:#D98B1B !important;font-weight:800 !important;font-size:12px !important;} .room-card .bed-chip.empty{background:#DCE5EC !important;border-color:#DCE5EC !important;} .corridor-label,.ornament{display:none !important;} footer.site{font-family:'Manrope',sans-serif;} footer.site .fm{font-family:'Sora',sans-serif !important;font-style:normal !important;color:#0E3842 !important;} /* Tekin muolajalar sahifasi — namunadagidek */ #dirSubFreeProcedures .dir-card-head{padding-right:150px;} #dirSubFreeProcedures .dir-card-head h3{font-size:22px !important;} #dirSubFreeProcedures .btn.primary{padding:12px 18px !important;border-radius:12px !important;} .free-procedure-admin-note{background:#eef6ef !important;border:1px solid #cfe5d3 !important;border-radius:12px !important;color:#51616C !important;padding:10px 14px !important;} #dirFreeProceduresTable{background:#fff;border:1px solid #D5E0E8;border-radius:14px;} #dirFreeProceduresTable th{text-align:center !important;font-size:11px !important;letter-spacing:.05em;text-transform:uppercase;} #dirFreeProceduresTable th:first-child,#dirFreeProceduresTable td:first-child{text-align:left !important;width:60px;} #dirFreeProceduresTable td{padding:8px 10px !important;vertical-align:middle;} #dirFreeProceduresTable td:nth-child(2){text-align:center !important;font-weight:800 !important;text-transform:uppercase;font-size:12.5px;} #dirFreeProceduresTable td:nth-child(3),#dirFreeProceduresTable td:nth-child(4){text-align:center !important;} #dirFreeProceduresTable td .btn{padding:6px 12px !important;font-size:12px !important;border-radius:10px !important;} @media (max-width:900px){#dirSubFreeProcedures .dir-card-head{padding-right:0;}} /* bosh qism: toza ko'rinish (namunadagidek) */ .hero .frame,.hero .seal,.hero .hero-plan,.hero::before,.hero::after{display:none !important;} .hero .eyebrow{font-family:'Manrope',sans-serif !important;letter-spacing:.14em !important;color:#E2AE45 !important;} .hero .eyebrow::before,.hero .eyebrow::after{display:none !important;} .hero .stat{border-right:none !important;} .floor-wrap{background:transparent !important;border:none !important;box-shadow:none !important;padding:0 !important;} #viewPublic{background:transparent !important;} .legend .dot{border-radius:50% !important;} #tabDirector h3,#tabDirector h2,.dash-head h1,.dash-head h2,#viewAdmin h1,#viewAdmin h2,#viewAdmin h3,.modal h3{font-family:'Sora','Manrope',sans-serif !important;font-style:normal !important;} #dirFreeProceduresTable td .btn{min-height:0 !important;height:auto !important;line-height:1.2 !important;padding:7px 12px !important;} #dirFreeProceduresTable td{height:auto !important;} .pr-pay-grid{grid-template-columns:repeat(auto-fit,minmax(88px,1fr)) !important;} /* Daftarcha: chap tomonda qabulxona telefoni (katta, qalin) */ .medical-sheet-phone{position:absolute;left:2mm;top:3mm;display:flex;flex-direction:column;align-items:flex-start;gap:1mm;padding:2mm 3.5mm 2mm 3mm;border:1.6px solid #111;border-left:5px solid #111;border-radius:2mm 2mm 2mm 0.6mm;background:#fff;-webkit-print-color-adjust:exact;print-color-adjust:exact;} .medical-sheet-phone .msp-lbl{font-family:Arial,Helvetica,sans-serif;font-size:7.5pt;font-weight:800;letter-spacing:.12em;color:#111;} .medical-sheet-phone .msp-num{font-family:Arial Black,Arial,Helvetica,sans-serif;font-size:17pt;font-weight:900;letter-spacing:.02em;color:#000;line-height:1;white-space:nowrap;} .medical-sheet-phone .msp-num small{font-size:9pt;font-weight:800;vertical-align:middle;margin-right:1mm;} @media print{ #prTreatmentCardPage .medical-sheet-phone{position:absolute!important;left:2mm!important;top:3mm!important;} } /* Muolajalar varaqasi: yotgan kunlar — to'q sarlavha; qolgan kunlar — oq sarlavha */ #prFreeTreatmentPage .free-treatment-table thead th.free-extra-col, #prPaidTreatmentPage .free-treatment-table thead th.free-extra-col{background:#fff !important;color:#111 !important;border:1.2px solid #111 !important;-webkit-print-color-adjust:exact;print-color-adjust:exact;} #prFreeTreatmentPage .free-treatment-table thead th.free-extra-col span,#prFreeTreatmentPage .free-treatment-table thead th.free-extra-col small, #prPaidTreatmentPage .free-treatment-table thead th.free-extra-col span,#prPaidTreatmentPage .free-treatment-table thead th.free-extra-col small{color:#111 !important;opacity:1 !important;} .free-extra-box{display:flex;align-items:center;gap:3mm;flex-wrap:wrap;margin:3mm 0 1mm;padding:2mm 3mm;border:1.4px solid #111;border-left:4px solid #111;border-radius:1.5mm;font-family:Arial,Helvetica,sans-serif;font-size:8.5pt;color:#111;} .free-extra-box b{font-weight:900;letter-spacing:.06em;font-size:9pt;} .free-extra-box .ln{display:inline-block;border-bottom:1px solid #111;min-width:22mm;height:4mm;} .free-extra-box .ln.s{min-width:10mm;} #prFreeTreatmentPage .free-treatment-table .free-name-col, #prPaidTreatmentPage .free-treatment-table .free-name-col{width:46mm !important;} /* Muolajalar varaqasi: sarlavha markazda (logo chapda qoladi) */ #prFreeTreatmentPage .free-sheet-header, #prPaidTreatmentPage .free-sheet-header{display:grid !important;grid-template-columns:40mm 1fr 40mm !important;align-items:center !important;} #prFreeTreatmentPage .free-sheet-header > div, #prPaidTreatmentPage .free-sheet-header > div{text-align:center !important;} #prFreeTreatmentPage .free-sheet-header::after, #prPaidTreatmentPage .free-sheet-header::after{content:"";} /* ===== v2.1.8: Daftarcha — ramkasiz, butun A4 varaqqa to'liq, yirik yozuv ===== */ @page daftar{size:A4 portrait;margin:6mm 7mm 6mm;} @media print{ #prTreatmentCardPage{page:daftar;padding:0 !important;} #prTreatmentCardPage .medical-sheet{border:none !important;height:284mm !important;max-height:284mm !important;padding:1mm 1mm 0 !important;font-size:12.5pt !important;line-height:1.2 !important;} #prTreatmentCardPage .medical-sheet-header{height:33mm !important;min-height:33mm !important;margin-bottom:4mm !important;border-bottom:1.4px solid #333 !important;} #prTreatmentCardPage .medical-sheet-logo{height:30mm !important;max-width:60mm !important;} #prTreatmentCardPage .medical-sheet-sanatory{font-size:14pt !important;top:12mm !important;right:0 !important;} #prTreatmentCardPage .blank-line{width:40mm !important;} #prTreatmentCardPage .medical-sheet-phone{left:0 !important;top:4mm !important;padding:2.5mm 4mm 2.5mm 3.5mm !important;} #prTreatmentCardPage .medical-sheet-phone .msp-lbl{font-size:9pt !important;} #prTreatmentCardPage .medical-sheet-phone .msp-num{font-size:21pt !important;} #prTreatmentCardPage .medical-sheet-phone .msp-num small{font-size:11pt !important;} #prTreatmentCardPage .medical-meta-grid{gap:9mm !important;margin-bottom:3mm !important;} #prTreatmentCardPage .medical-meta-col{gap:2mm !important;} #prTreatmentCardPage .medical-line{min-height:10mm !important;gap:2mm !important;} #prTreatmentCardPage .medical-line span{min-height:6mm !important;font-size:13pt !important;} #prTreatmentCardPage .medical-label small,#prTreatmentCardPage .medical-long-field small,#prTreatmentCardPage .medical-check-table small{font-size:8pt !important;} #prTreatmentCardPage .medical-long-field{height:33mm !important;margin:1.5mm 0 3mm !important;} #prTreatmentCardPage .write-lines::before{box-shadow:0 8mm 0 #777,0 16mm 0 #777,0 24mm 0 #777 !important;} #prTreatmentCardPage .compact-lines{height:26mm !important;} #prTreatmentCardPage .medical-inline-row{margin:2mm 0 3.5mm !important;} #prTreatmentCardPage .medical-inline-field{min-height:10mm !important;} #prTreatmentCardPage .medical-check-table{font-size:11.5pt !important;margin:2mm 0 4mm !important;} #prTreatmentCardPage .medical-check-table th,#prTreatmentCardPage .medical-check-table td{height:9mm !important;padding:1.3mm 2mm !important;} #prTreatmentCardPage .medical-check-table th:last-child,#prTreatmentCardPage .medical-check-table td:last-child{width:30mm !important;} #prTreatmentCardPage .medical-recommend-title{font-size:12.5pt !important;margin:2mm 0 2.5mm !important;} #prTreatmentCardPage .medical-recommend-title small{font-size:8pt !important;} #prTreatmentCardPage .medical-recommend-list{font-size:10.5pt !important;line-height:1.25 !important;} #prTreatmentCardPage .medical-recommend-list li small{font-size:8pt !important;} #prTreatmentCardPage .recommend-lines{flex:1 1 auto !important;height:auto !important;min-height:30mm !important;overflow:hidden !important;} #prTreatmentCardPage .recommend-lines::before{box-shadow:0 7mm 0 #777,0 14mm 0 #777,0 21mm 0 #777,0 28mm 0 #777,0 35mm 0 #777,0 42mm 0 #777,0 49mm 0 #777,0 56mm 0 #777 !important;} #prTreatmentCardPage .medical-sheet-footer{font-size:12pt !important;padding-top:3mm !important;} } @media print{ #prTreatmentCardPage .medical-line{min-height:9.3mm !important;} #prTreatmentCardPage .medical-long-field{height:30mm !important;} #prTreatmentCardPage .medical-check-table th,#prTreatmentCardPage .medical-check-table td{height:8.3mm !important;} #prTreatmentCardPage .recommend-lines{flex:1 1 0 !important;min-height:14mm !important;} #prTreatmentCardPage .medical-sheet-footer{flex:none !important;margin-top:2mm !important;} } @media print{ #prTreatmentCardPage .medical-sheet{height:273mm !important;max-height:273mm !important;} } @media print{ #prTreatmentCardPage .write-lines::before{box-shadow:0 6.5mm 0 #777,0 13mm 0 #777,0 19.5mm 0 #777 !important;} #prTreatmentCardPage .compact-lines{height:22mm !important;} } /* ===== v2.1.9: Barcha varaqlar — ramkasiz, butun A4 ni to'ldiradi, yirik yozuv ===== */ @media print{ /* 2-varaq: Muolajalar varaqasi */ #prFreeTreatmentPage, #prPaidTreatmentPage{padding:0 !important;} #prFreeTreatmentPage .free-treatment-sheet, #prPaidTreatmentPage .free-treatment-sheet{border:none !important;height:273mm !important;max-height:273mm !important;padding:0 !important;font-size:10pt !important;} #prFreeTreatmentPage .free-sheet-header, #prPaidTreatmentPage .free-sheet-header{grid-template-columns:44mm 1fr 44mm !important;padding:0 0 3mm !important;border-bottom:1.6px solid #b29147 !important;} #prFreeTreatmentPage .free-sheet-logo, #prPaidTreatmentPage .free-sheet-logo{height:26mm !important;max-width:44mm !important;} #prFreeTreatmentPage .free-sheet-title, #prPaidTreatmentPage .free-sheet-title{font-size:23pt !important;letter-spacing:1px !important;} #prFreeTreatmentPage .free-sheet-sub, #prPaidTreatmentPage .free-sheet-sub{font-size:9.5pt !important;margin-top:1mm !important;} #prFreeTreatmentPage .free-sheet-patient, #prPaidTreatmentPage .free-sheet-patient{font-size:11pt !important;padding:3mm 0 !important;gap:4mm !important;} #prFreeTreatmentPage .free-treatment-table, #prPaidTreatmentPage .free-treatment-table{font-size:10.5pt !important;} #prFreeTreatmentPage .free-treatment-table th,#prFreeTreatmentPage .free-treatment-table td, #prPaidTreatmentPage .free-treatment-table th,#prPaidTreatmentPage .free-treatment-table td{padding:.6mm .8mm !important;border:1px solid #555 !important;} #prFreeTreatmentPage .free-treatment-table .free-no-col, #prPaidTreatmentPage .free-treatment-table .free-no-col{width:9mm !important;} #prFreeTreatmentPage .free-treatment-table .free-name-col, #prPaidTreatmentPage .free-treatment-table .free-name-col{width:58mm !important;font-size:10.5pt !important;} #prFreeTreatmentPage .free-day-col span, #prPaidTreatmentPage .free-day-col span{font-size:11pt !important;} #prFreeTreatmentPage .free-day-col small, #prPaidTreatmentPage .free-day-col small{font-size:8pt !important;} #prFreeTreatmentPage .doctor-check, #prPaidTreatmentPage .doctor-check{font-size:14pt !important;} #prFreeTreatmentPage .free-sheet-footer, #prPaidTreatmentPage .free-sheet-footer{font-size:11pt !important;margin-top:3mm !important;padding-top:2.5mm !important;} #prFreeTreatmentPage .doctor-line, #prPaidTreatmentPage .doctor-line{min-width:60mm !important;} #prFreeTreatmentPage .doctor-sign-line, #prPaidTreatmentPage .doctor-sign-line{min-width:40mm !important;} #prFreeTreatmentPage .free-sheet-note, #prPaidTreatmentPage .free-sheet-note{font-size:8.5pt !important;} #prFreeTreatmentPage .free-extra-box, #prPaidTreatmentPage .free-extra-box{font-size:11pt !important;padding:2.5mm 4mm !important;} #prFreeTreatmentPage .free-extra-box b, #prPaidTreatmentPage .free-extra-box b{font-size:11.5pt !important;} #prFreeTreatmentPage .free-extra-box .ln, #prPaidTreatmentPage .free-extra-box .ln{min-width:30mm !important;} /* 3-varaq: Chek (xona va kunlik) */ #prReceiptPage{padding:0 !important;} #prReceiptPage .pr-frame{border:none !important;border-radius:0 !important;padding:0 !important;height:273mm !important;min-height:273mm !important;max-height:273mm !important;font-size:10.5pt !important;} #prReceiptPage .pr-header{padding:5mm 4mm 4.5mm !important;margin-bottom:5mm !important;border:1.4px solid #555 !important;} #prReceiptPage .pr-logo{width:34mm !important;height:28mm !important;} #prReceiptPage .pr-title{font-size:22pt !important;} #prReceiptPage .pr-sub{font-size:9pt !important;margin-top:1.5mm !important;} #prReceiptPage .pr-info-grid{font-size:11pt !important;padding:4mm 5mm !important;gap:2mm 8mm !important;margin-bottom:5mm !important;border:1px solid #aaa !important;} #prReceiptPage .pr-info-item{min-height:7mm !important;} #prReceiptPage .pr-section-title{font-size:12pt !important;margin:4mm 0 2mm !important;padding-bottom:1.2mm !important;} #prReceiptPage .pr-main-table{font-size:10.5pt !important;} #prReceiptPage .pr-main-table th{font-size:8.5pt !important;padding:2mm !important;} #prReceiptPage .pr-main-table td{padding:2.6mm 2mm !important;} #prReceiptPage .pr-room-table td,#prReceiptPage .pr-proc-table td{height:10mm !important;} #prReceiptPage .pr-table-foot td{padding:3.5mm 2mm !important;font-size:12pt !important;} #prReceiptPage #prSumGrand{font-size:15pt !important;} #prReceiptPage .pr-pay-section{padding:4mm !important;margin-top:5mm !important;border:1px solid #aaa !important;} #prReceiptPage .pr-pay-section>div:first-child{font-size:11pt !important;margin-bottom:3mm !important;} #prReceiptPage .pr-pay-grid{gap:3mm !important;} #prReceiptPage .pr-pay-item{padding:3.5mm 1.5mm !important;border:1px solid #aaa !important;} #prReceiptPage .pr-pay-lbl{font-size:8.5pt !important;margin-bottom:2mm !important;} #prReceiptPage .pr-pay-val{font-size:12pt !important;} #prReceiptPage .pr-footer{margin-top:6mm !important;padding:4mm !important;gap:5mm !important;border:1px solid #aaa !important;} #prReceiptPage .pr-sig{font-size:9.5pt !important;padding-top:5mm !important;} #prReceiptPage .pr-footer>div:nth-child(2){font-size:8.5pt !important;} #prReceiptPage .pr-frame>div:last-child{font-size:9.5pt !important;margin-top:4mm !important;padding-top:3mm !important;} #prReceiptPage .pr-circles{transform:scale(1.25);transform-origin:left center;} } @media print{ #prFreeTreatmentPage .free-sheet-header, #prPaidTreatmentPage .free-sheet-header{grid-template-columns:36mm 1fr 36mm !important;} #prFreeTreatmentPage .free-sheet-title, #prPaidTreatmentPage .free-sheet-title{font-size:20pt !important;white-space:nowrap !important;} #prReceiptPage .pr-header{padding:3.5mm 4mm 3.5mm !important;margin-bottom:4mm !important;} #prReceiptPage .pr-logo{width:28mm !important;height:22mm !important;} #prReceiptPage .pr-info-grid{padding:3mm 5mm !important;margin-bottom:3.5mm !important;} #prReceiptPage .pr-info-item{min-height:6mm !important;} #prReceiptPage .pr-room-table td,#prReceiptPage .pr-proc-table td{height:8.5mm !important;} #prReceiptPage .pr-main-table td{padding:2mm 2mm !important;} #prReceiptPage .pr-pay-section{padding:3mm !important;margin-top:4mm !important;} #prReceiptPage .pr-pay-item{padding:2.5mm 1.5mm !important;} #prReceiptPage .pr-footer{margin-top:4mm !important;padding:3mm !important;} } @media print{ #prReceiptPage .pr-pay-grid{grid-template-columns:repeat(auto-fit,minmax(30mm,1fr)) !important;} #prReceiptPage #prSumGrand{white-space:nowrap !important;font-size:14pt !important;} #prReceiptPage .pr-info-grid{font-size:11.5pt !important;} #prFreeTreatmentPage .free-extra-box, #prPaidTreatmentPage .free-extra-box{flex-wrap:nowrap !important;white-space:nowrap !important;} #prFreeTreatmentPage .free-extra-box .ln, #prPaidTreatmentPage .free-extra-box .ln{min-width:26mm !important;} #prFreeTreatmentPage .free-extra-box .ln.s, #prPaidTreatmentPage .free-extra-box .ln.s{min-width:14mm !important;} } .phone-set-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start;margin-top:10px;} .phone-set-grid input{font-size:18px !important;font-weight:800;letter-spacing:.03em;} .phone-preview{position:static !important;display:inline-flex !important;} @media (max-width:760px){.phone-set-grid{grid-template-columns:1fr;}} #askOv{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);} #askOv.open{display:flex;} #askOv .ask-box{background:#fff;max-width:460px;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 #E5484D;} #askOv .ask-title{font-family:'Sora','Manrope',sans-serif;font-weight:800;font-size:18px;color:#0F2029;margin-bottom:10px;} #askOv .ask-msg{white-space:pre-line;font-size:15px;line-height:1.5;color:#24302b;margin-bottom:18px;} #askOv .ask-btns{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;} #askOv .ask-btns .btn{padding:12px 18px !important;font-weight:800;} #askOv .ask-danger{background:#E5484D !important;border-color:#E5484D !important;color:#fff !important;box-shadow:0 8px 20px -10px rgba(229,72,77,.9) !important;} /* ===== v2.1.12: Daromad jadvallari — barcha ustunlar ko'rinadi (Naqd, Click, Terminal, Yo'llanma, Qarz) ===== */ .revenue-table-scroll{overflow-x:auto !important;} #dirRevRoomsTable th:nth-child(1),#dirRevRoomsTable td:nth-child(1){width:20% !important;} #dirRevRoomsTable th:nth-child(2),#dirRevRoomsTable td:nth-child(2){width:10% !important;} #dirRevRoomsTable th:nth-child(3),#dirRevRoomsTable td:nth-child(3){width:5% !important;} #dirRevRoomsTable th:nth-child(4),#dirRevRoomsTable td:nth-child(4){width:11% !important;} #dirRevRoomsTable th:nth-child(n+5),#dirRevRoomsTable td:nth-child(n+5){width:10.8% !important;} #dirRevProcsTable th:nth-child(1),#dirRevProcsTable td:nth-child(1){width:20% !important;} #dirRevProcsTable th:nth-child(2),#dirRevProcsTable td:nth-child(2){width:20% !important;} #dirRevProcsTable th:nth-child(n+3),#dirRevProcsTable td:nth-child(n+3){width:10% !important;} #dirRevRoomsTable td,#dirRevProcsTable td{font-size:10.5px !important;padding-left:6px !important;padding-right:6px !important;} #dirRevRoomsTable td.sum,#dirRevProcsTable td.sum{white-space:nowrap;} tfoot tr.tbl-total td{font-weight:800 !important;background:#f1ece0 !important;border-top:2px solid #b29147 !important;} /* Daftarcha: 6 ta xira logo (suv belgisi) — namunadagidek */ #prTreatmentCardPage .medical-sheet{position:relative !important;} #prTreatmentCardPage .medical-sheet::after{content:"";position:absolute;inset:40mm 4mm 10mm;background-image:url('logo-wm.png');background-repeat:repeat;background-size:62mm auto;background-position:center;opacity:.06;pointer-events:none;z-index:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;filter:grayscale(1);} #prTreatmentCardPage .medical-sheet > *{position:relative;z-index:1;} #prTreatmentCardPage .medical-sheet-header{position:relative !important;} #dirActiveGuestsTable{table-layout:auto !important;} #dirActiveGuestsTable td,#dirActiveGuestsTable th{overflow:visible !important;text-overflow:clip !important;} #dirActiveGuestsTable td.sum{white-space:nowrap !important;font-size:11px !important;} #dirActiveGuestsTable td:nth-child(3){font-size:11px !important;} /* 11 ustun: Yo'llanma qo'shilgani uchun kengliklar qayta taqsimlandi */ #dirActiveGuestsTable{table-layout:fixed !important;} #dirActiveGuestsTable th:nth-child(1),#dirActiveGuestsTable td:nth-child(1){width:3% !important;} #dirActiveGuestsTable th:nth-child(2),#dirActiveGuestsTable td:nth-child(2){width:13% !important;} #dirActiveGuestsTable th:nth-child(3),#dirActiveGuestsTable td:nth-child(3){width:8% !important;} #dirActiveGuestsTable th:nth-child(4),#dirActiveGuestsTable td:nth-child(4){width:7.5% !important;} #dirActiveGuestsTable th:nth-child(5),#dirActiveGuestsTable td:nth-child(5){width:11.5% !important;} #dirActiveGuestsTable th:nth-child(n+6),#dirActiveGuestsTable td:nth-child(n+6){width:9.5% !important;} #dirActiveGuestsTable td.sum{font-size:10.5px !important;letter-spacing:-.02em;} .filter-go{align-self:flex-end;padding:11px 18px !important;} .filter-showing{align-self:flex-end;font-size:12.5px;font-weight:800;color:#0E6B55;background:#e8f5ee;border:1px solid #bfdcc5;border-radius:999px;padding:7px 12px;} .filter-showing:empty{display:none;} /* Fonga bosilganda oyna yopilmaydi — faqat yengil "silkinadi" (✕ ni bosing degan ishora) */ @keyframes modalNudge{0%,100%{transform:translateX(0)}20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}} .modal-nudge{animation:modalNudge .32s ease;} /* Majburiy maydon to'ldirilmagan — qizil ramka */ .field-missing{outline:2.5px solid #E5484D !important;outline-offset:2px;border-radius:12px;box-shadow:0 0 0 5px rgba(229,72,77,.15) !important;animation:modalNudge .32s ease;} .err-msg b{font-weight:800;} #noticeOv{position:fixed;inset:0;z-index:100003;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(6,24,29,.55);backdrop-filter:blur(4px);} #noticeOv.open{display:flex;} #noticeOv .ask-box{background:#fff;max-width:440px;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 #D98B1B;} #noticeOv .ask-title{font-family:'Sora','Manrope',sans-serif;font-weight:800;font-size:18px;color:#0F2029;margin-bottom:10px;} #noticeOv .ask-msg{white-space:pre-line;font-size:15px;line-height:1.5;color:#24302b;margin-bottom:18px;} #noticeOv .ask-btns{display:flex;justify-content:flex-end;} #noticeOv .ask-btns .btn{padding:12px 22px !important;font-weight:800;} /* ===== v2.1.16: KVITANSIYA — YARIM A4 (yuqori/pastki yarmi), sodda va zamonaviy ===== */ .pr-meta{display:none;} @media print{ #prReceiptPage{padding:0 !important;} #prReceiptPage .pr-frame{height:133mm !important;min-height:133mm !important;max-height:133mm !important;overflow:hidden !important; border:1.3px solid #1f3d36 !important;border-radius:4mm !important;padding:4.5mm 6mm 3.5mm !important;font-size:9pt !important;display:flex !important;flex-direction:column !important;gap:2.2mm !important;margin:0 !important;} body.receipt-bottom #prReceiptPage .pr-frame{margin-top:141mm !important;} /* Bosh qism: logo chapda | nom o'rtada | kvitansiya ma'lumoti o'ngda */ #prReceiptPage .pr-header{display:grid !important;grid-template-columns:22mm 1fr auto !important;grid-template-rows:auto auto !important;column-gap:4mm !important;align-items:center !important; text-align:left !important;border:none !important;border-bottom:1.6px solid #b29147 !important;border-radius:0 !important;padding:0 0 2.5mm !important;margin:0 !important;} #prReceiptPage .pr-logo{grid-row:1 / span 2 !important;width:22mm !important;height:18mm !important;margin:0 !important;object-fit:contain !important;} #prReceiptPage .pr-title{grid-column:2 !important;font-size:15pt !important;letter-spacing:.6px !important;line-height:1.05 !important;align-self:end !important;} #prReceiptPage .pr-sub{grid-column:2 !important;font-size:6.8pt !important;letter-spacing:1.3px !important;margin:0 !important;align-self:start !important;} #prReceiptPage .pr-meta{display:flex !important;flex-direction:column !important;align-items:flex-end !important;grid-column:3 !important;grid-row:1 / span 2 !important;text-align:right !important;gap:.6mm !important;} #prReceiptPage .pr-meta-lbl{font-size:6.5pt !important;font-weight:800 !important;letter-spacing:2px !important;color:#806f43 !important;} #prReceiptPage .pr-meta b{font-size:13pt !important;font-weight:900 !important;color:#0b3029 !important;font-family:'IBM Plex Mono',monospace !important;} #prReceiptPage .pr-meta span{font-size:7.5pt !important;color:#333 !important;} #prReceiptPage .pr-meta-tel{font-weight:800 !important;color:#0b3029 !important;} /* Mehmon ma'lumoti */ #prReceiptPage .pr-info-grid{grid-template-columns:1fr 1fr !important;gap:.6mm 6mm !important;padding:2mm 3mm !important;margin:0 !important;font-size:8.6pt !important;border:1px solid #d5ddd9 !important;border-radius:2.5mm !important;background:#f6f8f7 !important;-webkit-print-color-adjust:exact;print-color-adjust:exact;} #prReceiptPage .pr-info-item{min-height:0 !important;} #prReceiptPage .pr-section-title{font-size:8.5pt !important;margin:.5mm 0 0 !important;padding-bottom:.6mm !important;letter-spacing:1px !important;} #prReceiptPage .pr-main-table{font-size:8.6pt !important;} #prReceiptPage .pr-main-table th{font-size:6.8pt !important;padding:1mm 1.5mm !important;} #prReceiptPage .pr-main-table td{padding:1mm 1.5mm !important;height:auto !important;} #prReceiptPage .pr-room-table td,#prReceiptPage .pr-proc-table td{height:6mm !important;} #prReceiptPage .pr-table-foot td{padding:1.6mm 1.5mm !important;font-size:9.5pt !important;} #prReceiptPage #prSumGrand{font-size:12pt !important;white-space:nowrap !important;} #prReceiptPage .pr-circles{transform:none !important;} /* To'lovlar — bitta qator */ #prReceiptPage .pr-pay-section{padding:2mm 2.5mm !important;margin:0 !important;border:1px solid #d5ddd9 !important;border-radius:2.5mm !important;} #prReceiptPage .pr-pay-section>div:first-child{font-size:7.5pt !important;margin-bottom:1.2mm !important;} #prReceiptPage .pr-pay-grid{grid-template-columns:repeat(auto-fit,minmax(24mm,1fr)) !important;gap:1.5mm !important;} #prReceiptPage .pr-pay-item{padding:1.4mm 1mm !important;border-radius:1.8mm !important;} #prReceiptPage .pr-pay-lbl{font-size:6.3pt !important;margin-bottom:.6mm !important;} #prReceiptPage .pr-pay-val{font-size:9.5pt !important;white-space:nowrap !important;} /* Imzolar */ #prReceiptPage .pr-footer{margin:auto 0 0 !important;padding:1.5mm 2mm 0 !important;border:none !important;border-top:1px solid #d5ddd9 !important;border-radius:0 !important;gap:4mm !important;} #prReceiptPage .pr-sig{font-size:7.5pt !important;padding-top:4mm !important;} #prReceiptPage .pr-footer>div:nth-child(2){font-size:6.3pt !important;} #prReceiptPage .pr-frame>div:last-child{font-size:7pt !important;margin:0 !important;padding-top:1.2mm !important;} } /* Yarim varaq tanlash oynasi */ #halfOv{position:fixed;inset:0;z-index:100004;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(6,24,29,.6);backdrop-filter:blur(5px);} #halfOv.open{display:flex;} #halfOv .ask-box{background:#fff;max-width:480px;width:100%;border-radius:22px 22px 22px 6px;padding:22px;box-shadow:0 24px 60px rgba(0,0,0,.35);border-top:4px solid #10B981;} #halfOv .ask-title{font-family:'Sora','Manrope',sans-serif;font-weight:800;font-size:18px;color:#0F2029;margin-bottom:8px;} #halfOv .ask-msg{font-size:14px;line-height:1.5;color:#3a4a45;margin-bottom:14px;} #halfOv .half-pick{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px;} #halfOv .half-pick button{display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 10px;border-radius:16px;border:2px solid #D5E0E8;background:#fff;font:800 15px 'Manrope',sans-serif;color:#0F2029;cursor:pointer;} #halfOv .half-pick button:hover,#halfOv .half-pick button.sug{border-color:#10B981;background:#f0fbf7;} #halfOv .hp-sheet{display:flex;flex-direction:column;gap:3px;width:46px;height:62px;padding:4px;border:2px solid #51616C;border-radius:4px;background:#fff;} #halfOv .hp-sheet i{flex:1;border-radius:2px;background:#E3EBF1;} #halfOv .hp-sheet i.on{background:linear-gradient(135deg,#10B981,#0EA5A4);} #halfOv .ask-btns{display:flex;justify-content:flex-end;} @media print{ #prReceiptPage .pr-main-table{margin:0 !important;} #prReceiptPage .pr-frame > *{margin-top:0 !important;margin-bottom:0 !important;} #prReceiptPage .pr-frame{gap:1.6mm !important;} #prReceiptPage .pr-room-table td,#prReceiptPage .pr-proc-table td{height:5.2mm !important;padding:.7mm 1.5mm !important;} #prReceiptPage .pr-main-table th{padding:.8mm 1.5mm !important;} #prReceiptPage .pr-header{padding-bottom:2mm !important;} #prReceiptPage .pr-logo{height:16mm !important;} /* Pastki yarmi: frame emas, sahifaning o'zi pastga suriladi */ body.receipt-bottom #prReceiptPage .pr-frame{margin-top:0 !important;} body.receipt-bottom #prReceiptPage{padding-top:140mm !important;height:auto !important;min-height:0 !important;max-height:none !important;overflow:visible !important;} } @media print{ #prReceiptPage .pr-frame{height:136mm !important;min-height:136mm !important;max-height:136mm !important;padding:4mm 5.5mm 3mm !important;gap:1.3mm !important;} body.receipt-bottom #prReceiptPage{padding-top:138mm !important;} #prReceiptPage .pr-logo{height:14mm !important;width:20mm !important;} #prReceiptPage .pr-header{grid-template-columns:20mm 1fr auto !important;padding-bottom:1.6mm !important;} #prReceiptPage .pr-title{font-size:13.5pt !important;} #prReceiptPage .pr-info-grid{padding:1.4mm 3mm !important;font-size:8.2pt !important;} #prReceiptPage .pr-section-title{font-size:7.8pt !important;padding-bottom:.4mm !important;} #prReceiptPage .pr-room-table td,#prReceiptPage .pr-proc-table td{height:4.8mm !important;padding:.5mm 1.5mm !important;font-size:8.2pt !important;} #prReceiptPage .pr-table-foot td{padding:1.1mm 1.5mm !important;} #prReceiptPage .pr-pay-section>div:first-child{display:none !important;} #prReceiptPage .pr-pay-section{padding:1.5mm 2mm !important;} #prReceiptPage .pr-pay-item{padding:1mm !important;} #prReceiptPage .pr-footer{padding-top:1mm !important;} #prReceiptPage .pr-sig{padding-top:3.2mm !important;font-size:7pt !important;} #prReceiptPage .pr-frame>div:last-child{font-size:6.5pt !important;padding-top:.8mm !important;} } @media print{ #prReceiptPage.pr-dense .pr-room-table td,#prReceiptPage.pr-dense .pr-proc-table td{height:4mm !important;font-size:7.4pt !important;padding:.3mm 1.5mm !important;} #prReceiptPage.pr-xdense .pr-room-table td,#prReceiptPage.pr-xdense .pr-proc-table td{height:3.3mm !important;font-size:6.6pt !important;padding:.1mm 1.2mm !important;} #prReceiptPage.pr-xdense .pr-circles{display:none !important;} #prReceiptPage.pr-xdense .pr-frame>div:last-child{display:none !important;} #prReceiptPage.pr-dense .pr-info-grid,#prReceiptPage.pr-xdense .pr-info-grid{font-size:7.4pt !important;padding:1mm 2.5mm !important;} } @media print{ /* Juda ko'p muolaja (9+ qator) — kvitansiya yarim varaqqa sig'maydi, butun varaqqa chiqadi */ #prReceiptPage.pr-xdense .pr-frame{height:auto !important;min-height:0 !important;max-height:270mm !important;} #prReceiptPage.pr-xdense .pr-room-table td,#prReceiptPage.pr-xdense .pr-proc-table td{height:5mm !important;font-size:8.2pt !important;} #prReceiptPage.pr-xdense .pr-circles{display:inline-flex !important;} #prReceiptPage.pr-xdense .pr-frame>div:last-child{display:block !important;} } /* ===== v2.1.17: YANGI KVITANSIYA — yarim A4, hi-tech ===== */ #rcptModern{display:none;} @media print{ #prReceiptPage.rk-on .pr-frame{display:none !important;} #prReceiptPage.rk-on #rcptModern{display:block !important;} #rcptModern .rk{height:136mm;box-sizing:border-box;overflow:hidden;display:flex;flex-direction:column;gap:2.2mm;padding:4.5mm 6mm 3.5mm; border:1.4px solid #0b3029;border-radius:5mm;font-family:Arial,'Segoe UI',sans-serif;color:#111;position:relative;-webkit-print-color-adjust:exact;print-color-adjust:exact;} #rcptModern .rk::before{content:"";position:absolute;left:0;right:0;top:0;height:2.2mm;border-radius:5mm 5mm 0 0;background:linear-gradient(90deg,#0E9F6E,#C99A3A 50%,#2F6BFF);} #prReceiptPage.rk-full #rcptModern .rk{height:auto;max-height:272mm;} #rcptModern .rk-top{display:flex;flex-direction:column;align-items:center;gap:.8mm;margin-top:1mm;} #rcptModern .rk-logo{height:15mm;width:auto;object-fit:contain;} #rcptModern .rk-brand{font-family:Georgia,'Times New Roman',serif;font-weight:800;font-size:15pt;letter-spacing:1.4px;color:#0b3029;text-align:center;} #rcptModern .rk-bar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:4mm;background:#0b3029;color:#fff;border-radius:2.5mm;padding:1.8mm 4mm;} #rcptModern .rk-bar span{display:block;font-size:6.2pt;letter-spacing:1.6px;opacity:.75;font-weight:700;} #rcptModern .rk-no b{font-size:15pt;font-weight:900;font-family:'IBM Plex Mono',Consolas,monospace;color:#F2CF7E;} #rcptModern .rk-date b{font-size:10pt;font-weight:800;} #rcptModern .rk-kind{font-size:7.5pt;font-weight:900;letter-spacing:1.4px;border:1px solid rgba(255,255,255,.5);border-radius:999px;padding:1mm 3mm;} #rcptModern .rk-client{display:flex;align-items:baseline;gap:3mm;border-bottom:1.4px solid #0b3029;padding-bottom:1.4mm;} #rcptModern .rk-client span,#rcptModern .rk-period span{font-size:6.8pt;font-weight:800;letter-spacing:1.4px;color:#555;} #rcptModern .rk-client b{font-size:15pt;font-weight:900;letter-spacing:.4px;} #rcptModern .rk-period{display:flex;justify-content:space-between;align-items:center;} #rcptModern .rk-period b{display:block;font-size:11pt;font-weight:800;} #rcptModern .rk-days{display:flex;align-items:baseline;gap:1.5mm;border:1.4px solid #0b3029;border-radius:2.5mm;padding:.8mm 3mm;} #rcptModern .rk-days b{font-size:15pt !important;font-weight:900;} #rcptModern .rk-table{width:100%;border-collapse:collapse;font-size:9pt;} #rcptModern .rk-table th{background:#e9efec;color:#0b3029;font-size:6.8pt;letter-spacing:1px;text-align:left;padding:1mm 2mm;border-bottom:1.4px solid #0b3029;} #rcptModern .rk-table th:nth-child(1),#rcptModern .rk-table td:nth-child(1){width:7mm;text-align:center;} #rcptModern .rk-table th:nth-child(3),#rcptModern .rk-table td:nth-child(3){width:20mm;text-align:center;} #rcptModern .rk-table th:nth-child(4),#rcptModern .rk-table td:nth-child(4){width:30mm;text-align:right;} #rcptModern .rk-table td{padding:1.1mm 2mm;border-bottom:1px solid #d9e1dd;} #rcptModern .rk-name{font-weight:900;font-size:10pt;letter-spacing:.3px;} #rcptModern .rk-sum{font-family:'IBM Plex Mono',Consolas,monospace;font-weight:700;white-space:nowrap;} #prReceiptPage.rk-dense #rcptModern .rk-table td{padding:.5mm 2mm;font-size:8pt;} #prReceiptPage.rk-dense #rcptModern .rk-name{font-size:8.5pt;} #rcptModern .rk-total{display:flex;justify-content:space-between;align-items:center;gap:4mm;margin-top:auto;border-top:1.4px solid #0b3029;padding-top:1.6mm;} #rcptModern .rk-pay{font-size:7.8pt;color:#333;line-height:1.35;} #rcptModern .rk-debt{color:#b3261e;font-size:9pt;} #rcptModern .rk-grand{text-align:right;background:#0b3029;color:#fff;border-radius:2.5mm;padding:1.4mm 4mm;} #rcptModern .rk-grand span{display:block;font-size:6.5pt;letter-spacing:1.6px;opacity:.8;font-weight:700;} #rcptModern .rk-grand b{font-size:15pt;font-weight:900;font-family:'IBM Plex Mono',Consolas,monospace;color:#F2CF7E;white-space:nowrap;} #rcptModern .rk-sign{display:grid;grid-template-columns:1fr 1fr;gap:12mm;margin-top:1.5mm;} #rcptModern .rk-sign div{text-align:center;} #rcptModern .rk-sign i{display:block;border-bottom:1.2px solid #111;height:7mm;} #rcptModern .rk-sign span{font-size:7.5pt;font-weight:700;color:#333;} #rcptModern .rk-foot{text-align:center;font-size:7pt;color:#555;border-top:1px dashed #9aa;padding-top:1mm;} } @media print{ #rcptModern .rk{gap:1.5mm;padding:4mm 6mm 3mm;} #rcptModern .rk-top{flex-direction:row;justify-content:center;gap:3mm;margin-top:.8mm;} #rcptModern .rk-logo{height:12mm;} #rcptModern .rk-brand{font-size:15pt;} #rcptModern .rk-bar{padding:1.3mm 4mm;} #rcptModern .rk-no b{font-size:14pt;} #rcptModern .rk-client{padding-bottom:1mm;} #rcptModern .rk-client b{font-size:14pt;} #rcptModern .rk-period b{font-size:10pt;} #rcptModern .rk-days{padding:.4mm 2.5mm;} #rcptModern .rk-days b{font-size:13pt !important;} #rcptModern .rk-table td{padding:.8mm 2mm;} #rcptModern .rk-total{padding-top:1.2mm;} #rcptModern .rk-grand{padding:1mm 4mm;} #rcptModern .rk-grand b{font-size:14pt;} #rcptModern .rk-sign{margin-top:.5mm;} #rcptModern .rk-sign i{height:5.5mm;} #rcptModern .rk-foot{padding-top:.6mm;} } @media print{ /* v2.1.18: kvitansiyada logo kattaroq */ #rcptModern .rk-top{gap:4mm;margin-top:.5mm;} #rcptModern .rk-logo{height:20mm !important;} #rcptModern .rk-brand{font-size:16pt;} #rcptModern .rk{gap:1.3mm;} #rcptModern .rk-table td{padding:.7mm 2mm;} } /* v2.1.19: varaq o'rtasida kesish chizig'i (A4 ning aynan yarmi) */ .rk-cut{display:none;} @media print{ #prReceiptPage.rk-on{position:relative !important;} #prReceiptPage.rk-on .rk-cut{display:flex !important;align-items:center;justify-content:center;position:absolute;left:-4mm;right:-4mm;top:138.5mm;height:0;border-top:1.2px dashed #444;-webkit-print-color-adjust:exact;print-color-adjust:exact;} #prReceiptPage.rk-on .rk-cut .rk-sc{position:absolute;left:0;top:-3.2mm;font-size:12pt;line-height:1;background:#fff;padding:0 1mm;color:#222;} #prReceiptPage.rk-on .rk-cut .rk-sc.r{left:auto;right:0;transform:scaleX(-1);} #prReceiptPage.rk-on .rk-cut .rk-cut-lbl{position:relative;top:-2mm;background:#fff;padding:0 2mm;font:700 6.5pt Arial,sans-serif;letter-spacing:1.5px;color:#555;text-transform:uppercase;} body.receipt-bottom #prReceiptPage.rk-on .rk-cut{top:138.5mm;} } @media print{ #rcptModern .rk{height:134mm !important;} #prReceiptPage.rk-full #rcptModern .rk{height:auto !important;} body.receipt-bottom #prReceiptPage{padding-top:141mm !important;} #prReceiptPage.rk-on{background:#fff !important;} #prReceiptPage.rk-on .rk-cut{left:0 !important;right:0 !important;} } /* ===== v2.1.20: tez chop etish — og'ir effektlar printerga yuborilmaydi ===== */ @media print{ *,*::before,*::after{box-shadow:none !important;text-shadow:none !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;animation:none !important;transition:none !important;} .medical-sheet-logo,.free-sheet-logo,.pr-logo,.rk-logo{image-rendering:auto;} #rcptModern .rk::before{background:#0b3029 !important;} } /* ===== v2.1.22: SIYOH TEJASH + TEZ CHOP ETISH ===== */ @media print{ /* Varaq foni doim oq; xira logo suv belgisi o'chirildi (kulrang tus va sekinlik sababi) */ html,body,#printReceipt,#printReceipt .print-page{background:#fff !important;} #prTreatmentCardPage .medical-sheet::after{display:none !important;content:none !important;} /* Printerga internet shriftlari yuborilmaydi — tizim shriftlari (tezroq) */ #printReceipt, #printReceipt *{font-family:Arial,Helvetica,sans-serif !important;} #prTreatmentCardPage, #prTreatmentCardPage *{font-family:"Times New Roman",Times,serif !important;} #prTreatmentCardPage .medical-sheet-phone *{font-family:Arial,Helvetica,sans-serif !important;} /* KVITANSIYA: qora to'ldirilgan joylar yo'q, ramkasiz, faqat qalin qora yozuv */ #rcptModern .rk{border:none !important;border-radius:0 !important;padding:2mm 1mm 1mm !important;background:#fff !important;gap:2mm !important;height:134mm !important;} #rcptModern .rk::before{display:none !important;} #rcptModern .rk-top{gap:4mm !important;} #rcptModern .rk-logo{height:19mm !important;} #rcptModern .rk-brand{font-size:17pt !important;color:#000 !important;letter-spacing:1px !important;} #rcptModern .rk-bar{background:none !important;color:#000 !important;border:none !important;border-top:1.6px solid #000 !important;border-bottom:1.6px solid #000 !important;border-radius:0 !important;padding:1.6mm 0 !important;} #rcptModern .rk-bar span{color:#000 !important;opacity:1 !important;font-size:7pt !important;} #rcptModern .rk-no b{color:#000 !important;font-size:17pt !important;font-weight:900 !important;} #rcptModern .rk-date b{color:#000 !important;font-size:11pt !important;} #rcptModern .rk-kind{color:#000 !important;border:none !important;padding:0 !important;font-size:9pt !important;font-weight:900 !important;letter-spacing:1.5px !important;} #rcptModern .rk-client{border-bottom:none !important;padding:0 !important;} #rcptModern .rk-client span,#rcptModern .rk-period span{color:#000 !important;font-size:7.5pt !important;} #rcptModern .rk-client b{font-size:17pt !important;color:#000 !important;} #rcptModern .rk-period b{font-size:11.5pt !important;color:#000 !important;} #rcptModern .rk-days{border:none !important;padding:0 !important;} #rcptModern .rk-days b{font-size:17pt !important;color:#000 !important;} #rcptModern .rk-table{font-size:10pt !important;} #rcptModern .rk-table th{background:none !important;color:#000 !important;font-size:7.5pt !important;border-bottom:1.6px solid #000 !important;padding:1mm 1.5mm !important;} #rcptModern .rk-table td{border-bottom:1px solid #999 !important;padding:1.2mm 1.5mm !important;color:#000 !important;} #rcptModern .rk-name{font-size:11.5pt !important;font-weight:900 !important;} #rcptModern .rk-sum{font-family:Arial,Helvetica,sans-serif !important;font-weight:800 !important;font-size:10.5pt !important;} #rcptModern .rk-total{border-top:1.6px solid #000 !important;padding-top:2mm !important;} #rcptModern .rk-pay{color:#000 !important;font-size:9pt !important;} #rcptModern .rk-debt{color:#000 !important;font-size:10.5pt !important;font-weight:900 !important;} #rcptModern .rk-grand{background:none !important;color:#000 !important;border:none !important;border-radius:0 !important;padding:0 !important;} #rcptModern .rk-grand span{color:#000 !important;opacity:1 !important;font-size:8pt !important;} #rcptModern .rk-grand b{color:#000 !important;font-size:20pt !important;font-weight:900 !important;font-family:Arial,Helvetica,sans-serif !important;} #rcptModern .rk-sign i{height:8mm !important;border-bottom:1.2px solid #000 !important;} #rcptModern .rk-sign span{color:#000 !important;font-size:8.5pt !important;} #rcptModern .rk-foot{color:#000 !important;font-size:8pt !important;border-top:none !important;} #prReceiptPage.rk-dense #rcptModern .rk-table td{padding:.6mm 1.5mm !important;font-size:8.6pt !important;} #prReceiptPage.rk-dense #rcptModern .rk-name{font-size:9.5pt !important;} } @media print{ #rcptModern .rk{gap:1.4mm !important;padding-top:1mm !important;} #rcptModern .rk-logo{height:16mm !important;} #rcptModern .rk-brand{font-size:16pt !important;} #rcptModern .rk-bar{padding:1.1mm 0 !important;} #rcptModern .rk-no b{font-size:15pt !important;} #rcptModern .rk-client b{font-size:15.5pt !important;} #rcptModern .rk-days b{font-size:15pt !important;} #rcptModern .rk-table td{padding:.9mm 1.5mm !important;} #rcptModern .rk-name{font-size:10.5pt !important;} #rcptModern .rk-total{padding-top:1.2mm !important;} #rcptModern .rk-grand b{font-size:18pt !important;} #rcptModern .rk-sign i{height:6mm !important;} } /* ===== v2.1.23: KVITANSIYA — qog'oz namunadagidek (avtomatik to'ldiriladi) ===== */ @media print{ #rcptModern .kv{height:134mm;box-sizing:border-box;overflow:hidden;display:flex;flex-direction:column;align-items:stretch;padding:3mm 14mm 2mm;color:#000;background:#fff;font-family:"Times New Roman",Times,serif !important;} #rcptModern .kv *{font-family:"Times New Roman",Times,serif !important;color:#000 !important;} #prReceiptPage.rk-full #rcptModern .kv{height:auto;} #rcptModern .kv-logo{display:block;height:20mm;width:auto;margin:0 auto 3mm;} #rcptModern .kv-title{text-align:center;font-weight:700;font-size:17pt;margin-bottom:3mm;} #rcptModern .kv-addr{text-align:center;font-weight:700;font-size:11.5pt;line-height:1.3;margin-bottom:5mm;} #rcptModern .kv-dates{align-self:center;font-size:13pt;line-height:1.55;margin-bottom:4mm;} #rcptModern .kv-dates b{font-weight:700;} #rcptModern .kv-q{font-size:13pt;} #rcptModern .kv-u{display:inline-block;border-bottom:1.2px solid #000;text-align:center;font-weight:700;line-height:1.2;padding:0 1.5mm;} #rcptModern .kv-u-no{min-width:16mm;font-size:17pt;} #rcptModern .kv-u-d{min-width:12mm;} #rcptModern .kv-u-m{min-width:46mm;} #rcptModern .kv-fio{margin-bottom:3.5mm;} #rcptModern .kv-u-full{display:block;width:100%;font-size:15pt;letter-spacing:.4px;min-height:7mm;} #rcptModern .kv-fio small,#rcptModern .kv-bottom small{display:block;text-align:center;font-size:10.5pt;margin-top:.8mm;} #rcptModern .kv-lbl{font-size:13pt;margin:1mm 0 1.2mm;} #rcptModern .kv-svc{display:flex;align-items:flex-end;gap:1mm;font-size:13pt;margin-bottom:3mm;} #rcptModern .kv-u-svc{flex:1;text-align:left;font-size:12pt;letter-spacing:.3px;white-space:normal;padding:0 1mm;} #rcptModern .kv-u-days{min-width:16mm;font-size:13pt;} #rcptModern .kv-bottom{display:grid;grid-template-columns:1fr 1fr;gap:16mm;margin-top:auto;padding-top:5mm;} #rcptModern .kv-u-sig{display:block;width:100%;height:7mm;} #rcptModern .kv-u-sum{display:block;width:100%;font-size:16pt;font-weight:900;} #rcptModern .kv-bottom small{text-align:left;padding-left:2mm;} #prReceiptPage.rk-dense #rcptModern .kv-u-svc{font-size:10pt;} } @media print{ #rcptModern .kv{padding:2mm 14mm 1mm;} #rcptModern .kv-logo{height:17mm;margin-bottom:2mm;} #rcptModern .kv-title{margin-bottom:2mm;} #rcptModern .kv-addr{margin-bottom:3mm;font-size:11pt;} #rcptModern .kv-dates{margin-bottom:2.5mm;line-height:1.45;} #rcptModern .kv-fio{margin-bottom:2mm;} #rcptModern .kv-lbl{margin:.5mm 0 .8mm;font-size:12.5pt;} #rcptModern .kv-svc{margin-bottom:2mm;} #rcptModern .kv-bottom{padding-top:2mm;} #rcptModern .kv-u-sig{height:6mm;} } /* ===== v2.1.25: MA'LUMOTNOMA — A4, namunadagidek ===== */ @media print{ body.printing-receipt.printing-spravka #printReceipt .print-page{display:none !important;} body.printing-receipt.printing-spravka #printReceipt #prSpravkaPage.print-page{display:block !important;height:auto !important;min-height:0 !important;max-height:none !important;overflow:visible !important;} #prSpravkaPage .sp{box-sizing:border-box;padding:4mm 12mm 0;color:#000;} #prSpravkaPage .sp, #prSpravkaPage .sp *{font-family:"Palatino Linotype","Book Antiqua",Palatino,"Times New Roman",serif !important;color:#000 !important;} #prSpravkaPage .sp-logo{display:block;width:120mm;height:auto;margin:2mm auto 5mm;} #prSpravkaPage .sp-addr{border-top:2px solid #000;border-bottom:2px solid #000;padding:1.6mm 6mm;margin:0 -6mm 9mm;font-weight:700;font-size:12.5pt;text-decoration:underline;text-underline-offset:2px;} #prSpravkaPage .sp-date{font-weight:700;font-size:13pt;margin-bottom:1mm;} #prSpravkaPage .sp-no{font-weight:700;font-size:13pt;margin-bottom:38mm;} #prSpravkaPage .sp-title{text-align:center;font-weight:700;font-size:15pt;letter-spacing:2px;margin-bottom:9mm;} #prSpravkaPage .sp-body{font-size:14.5pt;line-height:1.55;text-align:justify;text-indent:14mm;margin:0 0 9mm;} #prSpravkaPage .sp-body b{font-weight:700;} #prSpravkaPage .sp-note{font-weight:700;font-size:13pt;margin-bottom:48mm;} #prSpravkaPage .sp-sign{display:flex;justify-content:space-between;align-items:flex-end;font-size:13pt;line-height:1.5;} #prSpravkaPage .sp-boss{padding-right:6mm;} } /* v2.1.26: Farzandiga */ .child-toggle{background:#eef7f2 !important;border:1px solid #cfe6d8 !important;} .child-toggle .t{color:#0E6B55;} .child-pay input{border-color:#10B981 !important;font-weight:800;} .tag-child{display:inline-block;margin-left:6px;background:#e4f3ea;color:#0E6B55;border-radius:6px;padding:2px 7px;font-size:10px;font-weight:800;vertical-align:middle;} .pay-child{color:#0E6B55 !important;} /* v2.1.27: avtomatik yangilanishda xona kartalari qayta "uchib kirmaydi" (qimirlash yo'q) */ body.no-enter-anim .room-card{animation:none !important;opacity:1 !important;transform:none !important;} body.no-enter-anim .room-card:hover{transform:translateY(-2px) !important;} /* v2.1.51: bo'lim sarlavhasi — sichqoncha ustiga kelganda ham rangi o'zgarmaydi */ #viewAdmin table.staff tbody tr.dept-head,#viewAdmin table.staff tbody tr.dept-head:hover, table.staff tbody tr.dept-head,table.staff tbody tr.dept-head:hover{background:#0f3d2e!important;transform:none!important;box-shadow:none!important;cursor:default} #viewAdmin table.staff tbody tr.dept-head td,#viewAdmin table.staff tbody tr.dept-head:hover td, table.staff tbody tr.dept-head td,table.staff tbody tr.dept-head:hover td{background:linear-gradient(90deg,#0f3d2e,#1b5b45)!important;color:#fff!important}