:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#142237;background:#eef5fa;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top left,#ddf1ff,transparent 34rem),#f4f8fb}button,input,select{font:inherit}.shell{width:min(1160px,100%);margin:auto;padding:18px 14px 40px}.header,.page-head,.toolbar,.quick,.debt-hero,.month-panel{display:flex;align-items:center;justify-content:space-between;gap:14px}.header{padding:6px 2px 18px}.brand{display:flex;align-items:center;gap:12px}.brand small,.view small,.dialog-head small{color:#0878ef;font-size:11px;font-weight:800;letter-spacing:.12em}.brand h1{margin:2px 0 0;font-size:22px}.logo{display:grid;width:46px;height:46px;place-items:center;border-radius:15px;background:#0878ef;font-size:24px;box-shadow:0 8px 18px #0878ef38}.tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:5px;border:1px solid #d8e4ee;border-radius:16px;background:#fff;box-shadow:0 8px 24px #3341550b}.tab{border:0;border-radius:11px;background:transparent;padding:11px 6px;color:#64748b;font-size:13px;font-weight:700;cursor:pointer}.tab.active{background:#eaf5ff;color:#0878ef}.view{display:none;margin-top:18px}.view.active{display:block}.toolbar,.quick,.month-panel{padding:15px 17px;border:1px solid #dbe7ef;border-radius:18px;background:#fff}.toolbar strong{display:block;margin-top:4px;text-transform:capitalize}.toolbar input,.month-panel input{max-width:170px}.summary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:12px 0}.summary{position:relative;overflow:hidden;min-height:128px;padding:15px;border:1px solid #dce7ee;border-radius:20px;background:#fff;box-shadow:0 7px 20px #3341550a}.summary>span{float:right;font-size:24px}.summary small{display:block;margin-top:14px}.summary strong{display:block;margin-top:8px;font-size:18px}.summary p{margin:4px 0 0;color:#6b7c8f;font-size:11px}.summary.blue{background:linear-gradient(145deg,#edf8ff,#fff)}.summary.green{background:linear-gradient(145deg,#ecfbf5,#fff)}.summary.amber{background:linear-gradient(145deg,#fff8e7,#fff)}.summary.red{background:linear-gradient(145deg,#fff0f1,#fff)}.quick{margin-bottom:22px}.quick h2,.page-head h2,.section-head h2{margin:3px 0 0;font-size:19px}.quick>div:last-child{display:flex;gap:8px}.btn{min-height:42px;border:1px solid transparent;border-radius:12px;padding:0 15px;font-weight:750;cursor:pointer}.btn.primary{background:#0878ef;color:#fff}.btn.green{background:#079669;color:#fff}.btn.secondary{border-color:#cee0ec;background:#fff;color:#31506c}.section-head{display:flex;align-items:end;justify-content:space-between;margin:18px 2px 10px}.pill{border-radius:999px;background:#e8f4fe;padding:5px 9px;color:#0872dd;font-size:11px;font-weight:800}.page-head{margin-bottom:14px;padding:8px 2px}.entry-list{display:grid;gap:9px}.entry,.customer-card,.debtor{border:1px solid #dce6ed;border-radius:18px;background:#fff;box-shadow:0 7px 20px #3341550a}.entry{padding:14px}.entry-top,.entry-values,.customer-top,.customer-stat,.debtor{display:flex;align-items:center;justify-content:space-between;gap:10px}.entry h3,.customer-card h3{margin:0;font-size:15px}.entry-badge{margin-left:7px;border-radius:999px;background:#eaf5ff;padding:4px 7px;color:#0878ef;font-size:9px;font-weight:800}.entry-badge.payment{background:#eaf9f3;color:#07865f}.entry-date,.muted{color:#718196;font-size:12px}.entry-values{margin-top:13px}.entry-values div{min-width:0}.entry-values small{color:#8190a0;letter-spacing:0}.entry-values strong{display:block;margin-top:2px;font-size:13px}.delete,.edit{border:0;border-radius:9px;background:#f5f8fa;padding:8px;color:#61758a;cursor:pointer}.delete:hover{background:#fff0f0;color:#d9353e}.empty{padding:48px 18px;border:1px dashed #bfd9ea;border-radius:20px;background:#fff;text-align:center;color:#6b7c8f}.debt-hero{margin-bottom:14px;padding:20px;border:1px solid #ffd4d6;border-radius:22px;background:linear-gradient(135deg,#fff1f2,#fff)}.debt-hero small{color:#c9363f}.debt-hero strong{display:block;margin-top:8px;font-size:28px;color:#c9232e}.debt-hero p{margin:3px 0;color:#64748b;font-size:13px}.card-grid{display:grid;gap:10px}.debtor{padding:14px}.debtor strong{color:#d12530}.month-panel{margin-bottom:13px;background:linear-gradient(135deg,#ecf8ff,#fff)}.month-panel strong{display:block;margin-top:5px}.customer-card{padding:14px}.avatar{display:grid;width:40px;height:40px;place-items:center;border-radius:13px;background:#ddf2ff;color:#0878ef;font-weight:900}.customer-top>div:first-child{display:flex;align-items:center;min-width:0;gap:10px}.customer-stat{margin-top:12px;padding:9px 10px;border-radius:11px;background:#edf8ff;color:#42627e;font-size:11px}.customer-stat strong{color:#0878ef}.customer-card .debt-row{display:flex;justify-content:space-between;margin-top:10px;font-size:12px}.positive{color:#079669}.negative{color:#d12530}footer{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin-top:30px}footer a,footer button{border:1px solid #cbdce8;border-radius:999px;background:#fff;padding:8px 12px;color:#39617f;text-decoration:none;font-size:12px;cursor:pointer}dialog{width:min(520px,calc(100% - 22px));max-height:92vh;overflow:auto;border:0;border-radius:24px;padding:0;box-shadow:0 28px 80px #0f172a45}dialog::backdrop{background:#0f223a77;backdrop-filter:blur(2px)}dialog form{display:grid;gap:15px;padding:20px}.dialog-head{display:flex;align-items:start;justify-content:space-between;border-bottom:1px solid #e8eef2;padding-bottom:14px}.dialog-head h2{margin:3px 0 0}.icon-btn{width:36px;height:36px;border:0;border-radius:11px;background:#f1f5f8;color:#5f7182;font-size:23px;cursor:pointer}label{display:grid;gap:7px;color:#26394f;font-size:13px;font-weight:750}input,select{width:100%;height:47px;border:1px solid #cbdce7;border-radius:13px;background:#fff;padding:0 12px;color:#142237;outline:none}input:focus,select:focus{border-color:#39a1f2;box-shadow:0 0 0 3px #dff1ff}.two{display:grid;grid-template-columns:1fr 1fr;gap:11px}.product-pack{padding:12px;border:1px solid #cceef1;border-radius:17px;background:#f0fbfc}.total{display:flex;align-items:center;justify-content:space-between;padding:15px;border:1px solid #bae0fb;border-radius:17px;background:#eff9ff}.total strong{display:block;margin-top:4px;font-size:24px}.total>div:last-child{text-align:right;color:#0878ef;font-size:12px}.chips{float:right;display:flex;gap:5px}.chips button{border:1px solid #cce0eb;border-radius:999px;background:#f8fbfd;padding:5px 8px;color:#50708a;font-size:11px}.debt-preview{display:flex;justify-content:space-between;margin:0;color:#64748b;font-size:12px}.dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;border-top:1px solid #e8eef2;padding-top:15px}#toast{position:fixed;z-index:10;right:16px;bottom:18px;max-width:320px;transform:translateY(80px);opacity:0;border-radius:13px;background:#10263d;padding:12px 15px;color:#fff;font-size:13px;transition:.25s}#toast.show{transform:none;opacity:1}#toast.error{background:#b91c2a}@media(min-width:760px){.shell{padding:26px}.summary-grid{grid-template-columns:repeat(4,1fr)}.card-grid{grid-template-columns:repeat(2,1fr)}.entry-values{justify-content:flex-end;gap:34px}.entry-values .products{margin-right:auto}.brand h1{font-size:26px}}@media(max-width:560px){.header .secondary{font-size:0}.header .secondary::after{content:"＋";font-size:20px}.quick{align-items:flex-start;flex-direction:column}.quick>div:last-child{display:grid;width:100%;grid-template-columns:1fr 1fr}.entry-values{display:grid;grid-template-columns:repeat(3,1fr)}.entry-values .products{grid-column:1/-1}.debt-hero{align-items:flex-start;flex-direction:column}.debt-hero .btn{width:100%}.month-panel{align-items:flex-start;flex-direction:column}.month-panel input{max-width:none}}

/* Phiên bản 2.0: báo cáo, tính lương và phân quyền */
.is-hidden{display:none!important}.tabs{display:flex;overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{flex:1 0 auto;min-width:90px}.account-box{display:flex;align-items:center;gap:8px}.account-button{display:grid;min-height:42px;border:1px solid #cfe0eb;border-radius:13px;background:#fff;padding:6px 11px;color:#24425d;text-align:left;cursor:pointer}.account-button span{max-width:125px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:800}.account-button small{color:#718196;font-size:9px}.entry-people{display:block;margin-top:5px;color:#52708b;font-size:11px}.helper-note{margin:-6px 1px 0;color:#6b7c8f;font-size:11px}.full{width:100%}.check-row{display:flex;align-items:center;gap:9px}.check-row input{width:19px;height:19px}.form-section{margin:3px 0 -5px;color:#143552;font-size:14px}.settings-warning{margin:0;border-radius:12px;background:#fff7df;padding:10px;color:#795d12;font-size:11px}.finance-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.finance-card{min-height:130px;border:1px solid #dce7ee;border-radius:20px;background:#fff;padding:16px;box-shadow:0 7px 20px #3341550a}.finance-card small{display:block}.finance-card strong{display:block;margin-top:9px;font-size:22px}.finance-card p{margin:5px 0 0;color:#6b7c8f;font-size:11px}.finance-card.revenue{background:linear-gradient(145deg,#edf8ff,#fff)}.finance-card.cost{background:linear-gradient(145deg,#fff8e7,#fff)}.finance-card.salary{background:linear-gradient(145deg,#f5efff,#fff)}.finance-card.profit{background:linear-gradient(145deg,#eafbf4,#fff)}.finance-card.profit strong{color:#07865f}.report-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:11px 0;padding:13px;border:1px solid #dce7ee;border-radius:18px;background:#fff}.report-strip div{padding:5px 10px;border-right:1px solid #e4edf2}.report-strip div:last-child{border:0}.report-strip small{display:block;color:#718196;font-size:9px;letter-spacing:.08em}.report-strip strong{display:block;margin-top:4px;font-size:14px}.report-columns{display:grid;gap:14px}.payroll-card,.daily-card,.person-card{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #dce6ed;border-radius:16px;background:#fff;padding:13px;box-shadow:0 6px 18px #33415508}.payroll-card p,.daily-card p,.person-card p{margin:3px 0 0;color:#718196;font-size:11px}.payroll-card>div:last-child,.daily-card>div:last-child{text-align:right}.payroll-card>div:last-child>strong,.daily-card>div:last-child>strong{display:block;color:#0878ef}.payroll-card small,.daily-card small{color:#718196;font-size:10px}.team-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:7px}.person-card>div:last-child{display:flex;align-items:center;gap:7px}.person-card.inactive{opacity:.55}.status,.role-badge{border-radius:999px;padding:5px 8px;font-size:9px;font-weight:800}.status.on{background:#e8faf2;color:#07865f}.status.off{background:#f1f4f6;color:#6b7c8f}.role-badge.admin{background:#f3eaff;color:#7236b3}.role-badge.manager{background:#eaf5ff;color:#0878ef}.role-badge.staff{background:#eaf9f3;color:#07865f}.permission-guide{margin-top:18px;border:1px solid #dce7ee;border-radius:18px;background:#fff;padding:15px}.permission-guide h3{margin:0 0 8px;font-size:14px}.permission-guide p{margin:5px 0;color:#63768a;font-size:11px}.login-page{display:grid;min-height:100vh;place-items:center;padding:18px}.login-card{width:min(420px,100%);border:1px solid #d6e6f0;border-radius:26px;background:#fff;padding:24px;box-shadow:0 25px 70px #244c6a24}.login-brand{display:flex;align-items:center;gap:12px}.login-brand small{color:#0878ef;font-size:10px;font-weight:900;letter-spacing:.12em}.login-brand h1{margin:2px 0 0;font-size:19px}.login-copy{margin:28px 0 18px}.login-copy h2{margin:0}.login-copy p{margin:6px 0 0;color:#6b7c8f;font-size:12px;line-height:1.5}.login-card form{display:grid;gap:14px}.login-error{min-height:18px;margin:0;color:#c9232e;font-size:12px}.login-local{display:block;margin-top:12px;color:#718196;text-align:center}.btn:disabled{cursor:wait;opacity:.65}

@media(min-width:820px){.finance-grid{grid-template-columns:repeat(4,1fr)}.report-columns{grid-template-columns:1fr 1fr}.account-button span{max-width:200px}}
@media(max-width:560px){.brand h1{font-size:19px}.account-box .customer-add{display:none}.account-button{max-width:105px}.account-button span{max-width:84px}.page-head{align-items:flex-start}.page-head>input{max-width:150px}.finance-card{min-height:116px;padding:13px}.finance-card strong{font-size:18px}.report-strip{grid-template-columns:1fr}.report-strip div{border-right:0;border-bottom:1px solid #e4edf2}.report-strip div:last-child{border-bottom:0}.daily-card{align-items:flex-start;flex-direction:column}.daily-card>div:last-child{text-align:left}.team-actions{display:grid;grid-template-columns:1fr 1fr}.team-actions .btn{padding:0 8px;font-size:11px}}

/* Phiên bản 3.3: chế độ giao hàng dành cho nhân viên */
.staff-tab-label{display:none}.staff-settlement{margin:12px 0 14px;border:1px solid #cfe7f5;border-radius:20px;background:linear-gradient(145deg,#f0f9ff,#fff);padding:15px}.staff-money-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.staff-money-grid article{min-height:105px;border:1px solid #dce8ef;border-radius:16px;background:#fff;padding:13px}.staff-money-grid small{display:block;color:#6b7c8f;font-size:9px;font-weight:850;letter-spacing:.07em}.staff-money-grid strong{display:block;margin-top:8px;color:#12395a;font-size:19px}.staff-money-grid p{margin:5px 0 0;color:#75869a;font-size:10px;line-height:1.35}.staff-link-warning{margin:0 0 11px;border-radius:12px;background:#fff2dc;padding:10px;color:#8a6113;font-size:11px;line-height:1.45}.customer-actions{display:flex;gap:7px;margin-top:9px}.customer-action{display:inline-flex;align-items:center;justify-content:center;min-height:34px;border:1px solid #cfe0eb;border-radius:10px;background:#f8fbfd;padding:0 11px;color:#25618d;text-decoration:none;font-size:11px;font-weight:800}.staff-mode .admin-tab-label{display:none}.staff-mode .staff-tab-label{display:inline}.staff-mode .tabs{position:sticky;z-index:6;top:0;background:#f3f8fc;padding:7px 0}.staff-mode .tabs .tab{min-width:82px}.staff-mode #overview .toolbar small{font-size:0}.staff-mode #overview .toolbar small::after{content:"CHUYẾN CỦA TÔI";font-size:10px}.staff-mode #overview .section-head small{letter-spacing:.08em}

@media(max-width:560px){.staff-money-grid{grid-template-columns:1fr 1fr}.staff-money-grid article{min-height:96px;padding:11px}.staff-money-grid strong{font-size:16px}.staff-mode .tabs{margin-left:-14px;margin-right:-14px;padding-left:10px;padding-right:10px}.staff-mode .tabs .tab{min-width:76px;padding-left:10px;padding-right:10px}.customer-actions .customer-action{flex:1}}

.staff-mode .staff-hide{display:none!important}

.admin-handover{margin:12px 0 14px;border:1px solid #cfe7f5;border-radius:20px;background:linear-gradient(145deg,#f7fbff,#fff);padding:15px}.admin-handover .section-head{margin:0 0 8px}.admin-handover .section-head>strong{color:#0878ef;font-size:20px}.admin-handover-list{display:grid;gap:7px}.admin-handover-row{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #e3edf4;padding:10px 0}.admin-handover-row:first-child{border-top:0}.admin-handover-row>div{display:grid;gap:3px}.admin-handover-row small{color:#718196;font-size:10px}.admin-handover-row>strong{text-align:right;font-size:13px}@media(max-width:560px){.admin-handover .section-head{align-items:flex-start}.admin-handover-row{align-items:flex-start}.admin-handover-row>strong{max-width:42%}}

.pack-toggle{border:1px solid #d8e7ef;border-radius:13px;background:#f8fbfd;padding:11px 12px;cursor:pointer}.pack-toggle span{font-weight:800}.pack-fields{display:grid;gap:12px}.damaged-bottle-field{border:1px solid #ffd6d6;border-radius:14px;background:#fff7f7;padding:11px 12px}.field-hint-inline{color:#8a5d63;font-size:10px;font-weight:600}.damage-deduction{color:#c8323d;font-weight:800}

/* Phiên bản 3.4.0: tách vỏ đầu kỳ khách mượn và vỏ khách đã cọc */
.deposit-toggle{border:1px solid #bee8d8;border-radius:13px;background:#f2fcf8;padding:11px 12px;cursor:pointer;color:#176b52}.deposit-toggle span{font-weight:800}.system-panel{display:grid;gap:10px;border:1px solid #dbe7ef;border-radius:18px;background:#fff;padding:14px}.system-panel+.system-panel{margin-top:12px}.system-panel .section-head{margin:0}.system-panel h3{margin:3px 0 0;font-size:15px}


/* 3.4.0 - nhập vỏ có từ trước */
.legacy-bottle-box{margin:12px 0;padding:14px;border:1px solid #d9e6f2;border-radius:16px;background:#f7fbff}
.legacy-bottle-box>small{display:block;margin-bottom:10px;color:#0878e8;font-weight:800;letter-spacing:.12em}
.legacy-bottle-box .helper-note{margin:8px 0 0;color:#718096;font-size:.86rem;line-height:1.45}
.customer-opening-bottles strong{font-size:.92rem}


/* v3.4.0 — giao diện gọn và ưu tiên thao tác hằng ngày */
.compact-details{margin-top:12px;border:1px solid #dbe7ef;border-radius:16px;background:#fff;padding:0 14px}
.compact-details>summary{cursor:pointer;list-style:none;padding:13px 0;color:#39617f;font-size:12px;font-weight:850}
.compact-details>summary::-webkit-details-marker{display:none}
.compact-details>summary::after{content:"⌄";float:right;color:#7890a4}
.compact-details[open]>summary::after{content:"⌃"}
.compact-detail-grid{margin:0 0 14px}
.staff-owner-card{border-color:#bfe5d5!important;background:linear-gradient(145deg,#edfbf5,#fff)!important}
.staff-owner-card strong{color:#07865f}
.operations-primary-actions{align-items:stretch}
.action-more{position:relative}
.action-more>summary{display:flex;min-height:44px;align-items:center;justify-content:center;border:1px solid #cbdce8;border-radius:13px;background:#fff;padding:0 14px;color:#39617f;font-size:12px;font-weight:800;cursor:pointer;list-style:none}
.action-more>summary::-webkit-details-marker{display:none}
.advanced-actions{display:grid;gap:8px;margin-top:8px;padding:10px;border:1px solid #dbe7ef;border-radius:15px;background:#f8fbfd}
.operation-collapsible{padding:0!important}
.operation-collapsible>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 18px;cursor:pointer;list-style:none}
.operation-collapsible>summary::-webkit-details-marker{display:none}
.operation-collapsible>summary span{display:grid;gap:4px}
.operation-collapsible>summary small{color:#0878ef;font-size:9px;font-weight:900;letter-spacing:.13em}
.operation-collapsible>summary strong{font-size:18px}
.operation-collapsible>summary em{color:#718196;font-size:11px;font-style:normal}
.operation-collapsible>#bottle-balance-list{padding:0 18px 18px}
.report-details{margin-top:16px;padding:0 16px}
.report-details>.report-columns{margin-top:4px;padding-bottom:8px}
.report-details>.daily-payroll-section{padding-bottom:16px}
.permission-guide{padding:0 15px}
.permission-guide>summary{font-size:13px}
.system-export-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.system-export-grid a{display:flex;min-height:42px;align-items:center;justify-content:center;border:1px solid #cbdce8;border-radius:12px;background:#f8fbfd;color:#39617f;text-decoration:none;font-size:11px;font-weight:800}
.delivery-total-card{position:relative;overflow:hidden;background:linear-gradient(135deg,#eef9ff,#f8fffc);border-color:#a9d8f7}
.delivery-total-card>div:first-child{min-width:0}
.delivery-total-card>div:first-child small{color:#143552;font-weight:900;letter-spacing:.06em}
.delivery-total-card>div:first-child strong{font-size:28px;color:#10233b}
.delivery-goods-note{display:block;margin-top:4px;color:#5c7186;font-size:10px;line-height:1.4}
.deposit-addition{color:#07865f;font-weight:850}
.deposit-refund{color:#c8323d;font-weight:850}
.delivery-deposit-payment-note{margin:-6px 2px 0;padding:8px 10px;border-radius:10px;background:#f4faf7;color:#4b6f62}
.payment-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.payment-result-grid .debt-preview{border:1px solid #dce7ee;border-radius:12px;background:#f8fbfd;padding:10px;flex-direction:column;gap:4px}
.payment-result-grid .debt-preview strong{font-size:14px}
.customer-bottle-details{margin-top:10px;border:1px solid #dce8ef;border-radius:12px;background:#f8fbfd;padding:0 10px}
.customer-bottle-details>summary{display:flex;align-items:center;justify-content:space-between;padding:10px 0;cursor:pointer;list-style:none;color:#42627e;font-size:11px}
.customer-bottle-details>summary::-webkit-details-marker{display:none}
.customer-bottle-details>summary strong{color:#0878ef}
.customer-bottle-details .customer-stat{margin:0 0 8px;background:#fff}
.dialog-actions{position:sticky;bottom:0;z-index:3;margin:0 -4px;background:#fff;padding:12px 4px max(12px,env(safe-area-inset-bottom));box-shadow:0 -10px 24px #0f172a0a}
@media(max-width:560px){
  dialog form{gap:12px;padding:16px}
  .two{grid-template-columns:1fr 1fr;gap:8px}
  .total{padding:13px}
  .total strong{font-size:22px}
  .total>div:last-child{max-width:52%;font-size:10px}
  .operations-primary-actions{display:grid;grid-template-columns:1fr 1fr}
  .operations-primary-actions>#close-day{grid-column:1/-1}
  .operations-primary-actions>.action-more{grid-column:1/-1}
  .advanced-actions{grid-template-columns:1fr}
  .staff-money-grid{grid-template-columns:1fr 1fr}
  .payment-result-grid{grid-template-columns:1fr 1fr}
  .system-export-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:390px){
  .two{grid-template-columns:1fr}
  .staff-money-grid,.payment-result-grid{grid-template-columns:1fr}
}

/* v3.4.1 — ô thanh toán hiển thị tổng thực thu/chi đã gồm cọc */
.field-hint{display:block;margin-top:1px;color:#718196;font-size:10px;font-weight:600;line-height:1.35}.field-hint.negative{color:#d12530}

/* 3.4.5 — đối soát tiền nhân viên theo nguồn thu */
.staff-money-breakdown article{min-height:112px}.staff-money-breakdown .staff-owner-card{border-color:#b9dcf7;background:linear-gradient(145deg,#eef8ff,#fff)}.staff-money-breakdown .staff-owner-card strong{color:#0878ef}.admin-handover-row small{line-height:1.55}.admin-handover-row>div{min-width:0}
@media(max-width:560px){.staff-money-breakdown article{min-height:102px}.admin-handover-row small{font-size:9.5px}}


/* 3.5.0 — tổng thu theo nguồn + kiểm soát ngày kiểu enterprise */
.summary .summary-source-line{margin-top:3px;color:#536b80;font-size:10px;font-weight:650;line-height:1.35}.day-control{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:10px 0 14px;padding:13px 15px;border:1px solid #d8e6ef;border-radius:17px;background:#fff;box-shadow:0 7px 20px #33415508}.day-control small{display:block;color:#0878ef;font-size:10px;font-weight:850;letter-spacing:.12em}.day-control strong{display:block;margin-top:3px;font-size:14px}.day-control p{margin:4px 0 0;color:#708196;font-size:11px}.day-control-status{flex:none;border-radius:999px;padding:7px 10px;background:#edf7ff;color:#0b6fc7;font-size:10px;font-weight:850;white-space:nowrap}.day-control-status.ok{background:#e9f9f2;color:#087d59}.day-control-status.warning{background:#fff3dc;color:#9a6700}.report-strip p{margin:4px 0 0;color:#718196;font-size:10px;line-height:1.35}@media(max-width:560px){.day-control{align-items:flex-start}.day-control-status{margin-top:1px}.summary{min-height:136px}}

/* 3.8.0 — chi phí phát sinh nhân viên */
.staff-expense-panel{margin:12px 0 14px;border:1px solid #d8e8f3;border-radius:20px;background:#fff;padding:15px}.staff-expense-panel .section-head{margin:0 0 8px}.staff-expense-panel .helper-note{margin:0 0 6px}.staff-expense-row>div:last-child{align-items:flex-end}.expense-review-actions{display:flex!important;flex-direction:row!important;gap:6px;justify-content:flex-end}.expense-review-actions button{white-space:nowrap}@media(max-width:560px){.staff-expense-panel .section-head{align-items:flex-start}.staff-expense-panel .section-head .btn{padding:9px 11px}.expense-review-actions{flex-wrap:wrap}}

/* 3.8.0 - customer quick search */
.customer-search-panel{position:sticky;top:6px;z-index:4;display:flex;align-items:center;gap:10px;margin:0 0 10px;padding:9px;border:1px solid #dbe7ef;border-radius:17px;background:#f7fbfeee;box-shadow:0 8px 22px #3341550d;backdrop-filter:blur(10px)}
.customer-search-box{display:flex;align-items:center;flex:1;min-width:0;height:46px;border:1px solid #cbdce7;border-radius:13px;background:#fff;padding-left:12px;box-shadow:0 2px 8px #33415508}
.customer-search-box:focus-within{border-color:#39a1f2;box-shadow:0 0 0 3px #dff1ff}
.customer-search-box>span{color:#7890a4;font-size:22px;line-height:1}
.customer-search-box input{height:44px;border:0;box-shadow:none;padding:0 9px;background:transparent}
.customer-search-box input:focus{border:0;box-shadow:none}
.customer-search-clear{display:none;width:34px;height:34px;flex:0 0 34px;border:0;border-radius:10px;background:#edf3f7;color:#5d7387;font-size:22px;cursor:pointer}
.customer-search-clear.is-visible{display:block}
.customer-search-count{flex:0 0 auto;border-radius:999px;background:#e9f5ff;padding:7px 10px;color:#0872dd;font-size:11px;font-weight:800;white-space:nowrap}
@media(max-width:560px){.customer-search-panel{top:4px}.customer-search-count{padding:7px 8px}.customer-search-box input{font-size:16px}}

/* 3.12.0 — Enterprise Control Center & Customer Directory */
.enterprise-control{display:block;padding:14px 15px}
.enterprise-control-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.enterprise-control-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}
.enterprise-control-grid button{display:grid;gap:4px;min-width:0;min-height:88px;text-align:left;border:1px solid #dce8f1;border-radius:14px;background:#f8fbfd;padding:11px 12px;color:#526b80;cursor:pointer}
.enterprise-control-grid button:active{transform:translateY(1px)}
.enterprise-control-grid button small{color:#6d8194;font-size:9px;letter-spacing:.1em}
.enterprise-control-grid button strong{overflow:hidden;color:#173650;font-size:15px;line-height:1.25;text-overflow:ellipsis}
.enterprise-control-grid button span{color:#718196;font-size:10px;line-height:1.35}
.enterprise-control-grid button:first-child{background:#eef8ff;border-color:#cfe7f8}
.enterprise-control-grid button:nth-child(2){background:#fff8ec;border-color:#f1e0bd}
.enterprise-control-grid button:nth-child(3){background:#eef9f5;border-color:#d4eadf}
.enterprise-control-grid button:nth-child(4){background:#fff5f5;border-color:#f2dada}
.customer-search-panel{flex-wrap:wrap}
.customer-filter-bar{display:flex;gap:6px;width:100%;overflow-x:auto;scrollbar-width:none;padding:1px 0}
.customer-filter-bar::-webkit-scrollbar{display:none}
.customer-filter-bar button{flex:0 0 auto;min-height:34px;border:1px solid #d6e4ee;border-radius:999px;background:#fff;padding:0 12px;color:#587086;font-size:11px;font-weight:800;cursor:pointer}
.customer-filter-bar button.active{border-color:#9dd0f5;background:#e9f5ff;color:#0872dd}
.customer-card .edit{min-width:40px;min-height:40px}
@media(max-width:760px){.enterprise-control-grid{grid-template-columns:1fr 1fr}.enterprise-control-grid button{min-height:82px}}
@media(max-width:560px){.enterprise-control{padding:13px}.enterprise-control-head{align-items:flex-start}.enterprise-control-grid{gap:7px}.enterprise-control-grid button{padding:10px;min-height:78px}.enterprise-control-grid button strong{font-size:14px}.customer-search-panel{align-items:stretch}.customer-search-count{align-self:center}}

/* 3.13.0 — Enterprise navigation, touch & accessibility */
.tabs{position:sticky;top:0;z-index:8;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.tab,.btn,.edit,.delete,.customer-action,.account-button{min-height:44px}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #bfe3ff;outline-offset:2px}
.view{scroll-margin-top:78px}
@media(max-width:560px){
  .tabs{margin-left:-14px;margin-right:-14px;border-left:0;border-right:0;border-radius:0;padding-left:10px;padding-right:10px}
  .tab{min-width:82px;padding-left:10px;padding-right:10px}
  .page-head h2{font-size:18px}
  .section-head h2{font-size:17px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}


/* 3.15.0 — Customer Intelligence, quick delivery search & annual production */
.customer-month-panel p{margin:4px 0 0;color:#60768b;font-size:12px}
.customer-volume-stat{align-items:flex-start;flex-direction:column;gap:5px}.customer-volume-stat strong{font-size:13px}
.customer-business-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.customer-business-row>span{display:grid;gap:4px;padding:9px 10px;border:1px solid #e0ebf2;border-radius:11px;color:#6a7f91;font-size:10px}.customer-business-row strong{color:#17324a;font-size:12px}.customer-insight-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:11px}.customer-insight-card-actions .btn{min-height:40px;padding:0 10px;font-size:12px}
.delivery-customer-picker{display:grid;gap:9px;padding:12px;border:1px solid #d7e8f3;border-radius:18px;background:linear-gradient(145deg,#f4faff,#fff)}.delivery-customer-search-box{display:flex;align-items:center;height:48px;border:1px solid #bed5e5;border-radius:13px;background:#fff;padding-left:11px}.delivery-customer-search-box:focus-within{border-color:#399ff1;box-shadow:0 0 0 3px #dff1ff}.delivery-customer-search-box>span{color:#7690a5;font-size:20px}.delivery-customer-search-box input{height:46px;border:0;box-shadow:none;background:transparent;padding:0 8px;font-size:16px}.delivery-customer-search-box input:focus{border:0;box-shadow:none}.delivery-customer-search-box button{display:none;width:34px;height:34px;flex:0 0 34px;border:0;border-radius:9px;background:#edf3f7;color:#60768a;font-size:20px}.delivery-customer-search-box button.is-visible{display:block}.delivery-customer-hidden{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}.delivery-customer-quick{display:flex;gap:6px;overflow-x:auto;align-items:center;scrollbar-width:none}.delivery-customer-quick::-webkit-scrollbar{display:none}.delivery-customer-quick span{flex:0 0 auto;color:#74879a;font-size:10px;font-weight:800}.delivery-customer-quick button{flex:0 0 auto;min-height:32px;border:1px solid #d3e2ec;border-radius:999px;background:#fff;padding:0 10px;color:#526d84;font-size:10px;font-weight:800}.delivery-customer-quick button.active{border-color:#8fc9f5;background:#eaf6ff;color:#0876e8}.delivery-customer-results{display:grid;gap:6px;max-height:230px;overflow:auto}.delivery-customer-result{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;border:1px solid #dce7ef;border-radius:12px;background:#fff;padding:9px;text-align:left;color:#17324a}.delivery-customer-result.selected{border-color:#58acf0;background:#eef8ff}.delivery-customer-result .avatar{width:36px;height:36px;border-radius:11px}.delivery-customer-result>span:nth-child(2){display:grid;min-width:0;gap:2px}.delivery-customer-result strong{font-size:12px}.delivery-customer-result small,.delivery-customer-result em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#718498;font-size:9px;font-style:normal}.delivery-customer-result>span:last-child{text-align:right}.delivery-customer-result>span:last-child b{display:block;font-size:10px}.delivery-customer-empty{padding:16px;border:1px dashed #c9dce8;border-radius:12px;text-align:center;color:#718498;font-size:11px}.delivery-customer-selected{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;border:1px solid #a9d5f7;border-radius:13px;background:#eaf6ff}.delivery-customer-selected.is-empty{display:grid;justify-content:stretch;text-align:center;border-style:dashed;background:#fff;color:#72879a}.delivery-customer-selected>div:first-child{display:flex;align-items:center;gap:9px;min-width:0}.delivery-customer-selected>div:first-child>div{display:grid;min-width:0}.delivery-customer-selected>div:last-child{text-align:right}.delivery-customer-selected strong{font-size:12px}.delivery-customer-selected small{display:block;color:#617a91;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.delivery-customer-selected b{font-size:10px}
.customer-insight-dialog{width:min(880px,calc(100% - 18px))}.customer-insight-shell{display:grid;gap:15px;padding:20px}.customer-insight-toolbar{display:grid;grid-template-columns:1fr 1fr;gap:10px}.customer-insight-kpis,.customer-year-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.customer-insight-kpis article,.customer-year-kpis article{padding:12px;border:1px solid #dce8ef;border-radius:14px;background:#f9fcfe}.customer-insight-kpis small,.customer-year-kpis small{display:block;color:#6b8093;font-size:9px;font-weight:850;letter-spacing:.06em}.customer-insight-kpis strong,.customer-year-kpis strong{display:block;margin-top:5px;color:#0876e8;font-size:15px}.customer-insight-section{padding:13px;border:1px solid #dce8ef;border-radius:17px;background:#fff}.customer-monthly-bars{display:grid;grid-template-columns:repeat(12,1fr);gap:4px;height:120px;margin:8px 0 12px;align-items:end}.customer-monthly-bars button{display:grid;grid-template-rows:1fr auto;align-items:end;height:100%;border:0;background:transparent;padding:0;cursor:pointer}.customer-monthly-bars i{display:block;width:70%;min-height:2px;margin:auto;border-radius:5px 5px 2px 2px;background:#1786ef}.customer-monthly-bars span{margin-top:5px;color:#6c8092;font-size:8px}.customer-month-table-wrap,.customer-year-table-wrap{overflow:auto;border:1px solid #e1eaf0;border-radius:13px}.customer-month-table,.customer-year-table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:10px}.customer-month-table th,.customer-month-table td,.customer-year-table th,.customer-year-table td{border-bottom:1px solid #e9eff3;padding:9px 8px;text-align:right}.customer-month-table th:first-child,.customer-month-table td:first-child,.customer-year-table th:nth-child(2),.customer-year-table td:nth-child(2){text-align:left}.customer-month-table tr.selected{background:#eef7ff}.customer-year-table tbody tr{cursor:pointer}.customer-year-table tbody tr:hover{background:#f3f9fe}.customer-year-table td:nth-child(2) strong,.customer-year-table td:nth-child(2) small{display:block}.customer-year-table td:nth-child(2) small{color:#74869a;font-size:9px}.customer-insight-deliveries{display:grid;gap:7px}.customer-insight-deliveries>div{display:flex;justify-content:space-between;gap:12px;padding:9px 10px;border-radius:11px;background:#f6fafc}.customer-insight-deliveries span{display:grid;gap:2px}.customer-insight-deliveries span:last-child{text-align:right}.customer-insight-deliveries small{color:#718498;font-size:9px}.customer-insight-actions{position:sticky;bottom:0;display:grid;grid-template-columns:1fr 1fr;gap:9px;background:#fff;padding-top:8px}.customer-intelligence-report{margin-top:14px;padding:15px;border:1px solid #dce8ef;border-radius:19px;background:#fff}.customer-intelligence-head{align-items:flex-start}.customer-year-actions{display:flex;gap:7px;align-items:center}.customer-year-actions input{width:110px;height:42px}.customer-year-kpis{grid-template-columns:repeat(6,1fr);margin:10px 0}.customer-year-kpis article:nth-child(4) strong,.customer-year-kpis article:nth-child(5) strong{color:#078d63}.customer-year-kpis article:nth-child(6) strong{color:#d12530}
@media(max-width:700px){.customer-insight-kpis{grid-template-columns:repeat(2,1fr)}.customer-year-kpis{grid-template-columns:repeat(3,1fr)}.customer-intelligence-head{display:grid;gap:10px}.customer-year-actions{width:100%}.customer-year-actions input,.customer-year-actions .btn{flex:1}.customer-year-table{min-width:780px}.customer-business-row{grid-template-columns:1fr}.delivery-customer-result{grid-template-columns:34px minmax(0,1fr)}.delivery-customer-result>span:last-child{grid-column:2;text-align:left;display:flex;gap:8px}.customer-insight-toolbar{grid-template-columns:1fr 1fr}.customer-insight-shell{padding:15px}}
@media(max-width:420px){.customer-insight-kpis{grid-template-columns:1fr 1fr}.customer-year-kpis{grid-template-columns:1fr 1fr}.customer-insight-toolbar{grid-template-columns:1fr}.customer-monthly-bars{height:96px}.customer-insight-card-actions{grid-template-columns:1fr 1fr}}


/* 3.17.0 — Enterprise Daily Overview: compact settlement + compact journal */
.admin-handover{margin:12px 0 14px;padding:17px 18px;border:1px solid #cfe4f3;border-radius:22px;background:#fff;box-shadow:0 10px 28px rgba(29,76,112,.06)}
.admin-handover .section-head{align-items:center;margin:0 0 12px}
.admin-handover .section-head>div small{color:#0878ef;font-size:10px;font-weight:900;letter-spacing:.14em}
.admin-handover .section-head h2{margin-top:5px;font-size:20px}
.admin-handover .section-head>strong{color:#0878ef;font-size:28px;line-height:1;white-space:nowrap}
.admin-handover-list{display:grid;gap:10px}
.handover-person-card{overflow:visible;border:1px solid #d9e6ef;border-radius:17px;background:#fff}
.handover-person-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 13px 9px}
.handover-person{display:flex;align-items:center;gap:10px;min-width:0}
.handover-person>span:last-child{display:grid;gap:2px;min-width:0}
.handover-person strong{font-size:16px;color:#152a3d}
.handover-person small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#6d8194;font-size:11px}
.handover-avatar{display:grid;width:40px;height:40px;flex:0 0 40px;place-items:center;border-radius:50%;background:linear-gradient(145deg,#2a91f3,#6caeff);color:#fff;font-size:15px;font-weight:900}
.handover-avatar.owner-pay{background:linear-gradient(145deg,#27ad7d,#7bd6ad)}
.handover-result{display:grid;gap:2px;flex:none;text-align:right}
.handover-result small{font-size:10px;font-weight:850}
.handover-result strong{font-size:16px;white-space:nowrap}
.handover-mini-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:0 12px 10px}
.handover-mini-grid>span{display:grid;gap:3px;min-width:0;padding:8px 7px;border-radius:11px;background:#f4f8fb;text-align:center}
.handover-mini-grid small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#718497;font-size:9px}
.handover-mini-grid strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#173650;font-size:11px}
.handover-foot{display:flex;align-items:center;gap:8px;min-height:43px;border-top:1px solid #e8eef3;padding:6px 12px;color:#6e8193;font-size:10px}
.handover-foot>span{white-space:nowrap}.handover-foot>span b{color:#37546c}
.handover-foot>i{font-style:normal;color:#b0bdc8}
.handover-detail{margin-left:auto;position:relative}
.handover-detail>summary{min-width:72px;cursor:pointer;list-style:none;border:1px solid #cfe0eb;border-radius:10px;background:#fff;padding:7px 10px;color:#0878ef;text-align:center;font-size:10px;font-weight:850}
.handover-detail>summary::-webkit-details-marker{display:none}
.handover-detail>summary::after{content:" ›";color:#8ca0b1}
.handover-detail[open]>summary::after{content:" ⌃"}
.handover-detail>div{position:absolute;z-index:12;right:0;top:calc(100% + 5px);width:min(330px,calc(100vw - 54px));display:grid;gap:5px;border:1px solid #d8e6ef;border-radius:13px;background:#fff;padding:10px;box-shadow:0 16px 34px rgba(26,56,82,.18)}
.handover-detail p{margin:0;color:#62778a;font-size:10px;line-height:1.4}.handover-detail b{color:#203e57}

.enterprise-quick{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:12px 0 14px;padding:16px 18px;border:1px solid #d7e6f0;border-radius:21px;background:#fff;box-shadow:0 8px 24px rgba(32,73,103,.045)}
.enterprise-quick>div:first-child small{color:#0878ef;font-size:10px;font-weight:900;letter-spacing:.14em}
.enterprise-quick>div:first-child h2{margin-top:4px}
.enterprise-quick>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:9px;min-width:340px}
.enterprise-quick .btn{min-height:46px;font-size:14px}

.overview-journal{margin:0 0 14px;padding:15px 16px;border:1px solid #d8e6ef;border-radius:21px;background:#fff;box-shadow:0 8px 24px rgba(32,73,103,.045)}
.overview-journal .section-head{margin:0 0 8px}
.overview-journal .section-head small{color:#0878ef;font-size:10px;font-weight:900;letter-spacing:.14em}
.overview-journal .section-head h2{margin-top:4px}
.overview-journal-filters{display:flex;gap:6px;margin-bottom:8px;overflow-x:auto;scrollbar-width:none}
.overview-journal-filters::-webkit-scrollbar{display:none}
.overview-journal-filters button{flex:0 0 auto;min-height:32px;border:1px solid #dbe6ee;border-radius:999px;background:#f7fafc;padding:0 11px;color:#60768a;font-size:10px;font-weight:800;cursor:pointer}
.overview-journal-filters button.active{border-color:#b9dcf7;background:#eaf5ff;color:#0878ef}
.journal-list{display:grid}
.journal-entry{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:74px;border-bottom:1px solid #e8eef3;padding:9px 2px;background:#fff}
.journal-entry:last-child{border-bottom:0}
.journal-kind-icon{display:grid;width:36px;height:36px;place-items:center;border-radius:11px;background:#eaf5ff;color:#0878ef;font-size:14px;font-weight:900}
.journal-kind-icon.payment{background:#eaf9f3;color:#07865f}
.journal-kind-icon.debt{background:#fff2f2;color:#d12530}
.journal-entry-body{display:grid;gap:2px;min-width:0}
.journal-entry-title{display:flex;align-items:center;gap:5px;min-width:0}
.journal-entry-title>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#172b3e;font-size:13px}
.journal-entry-title .entry-badge{margin-left:0}
.journal-entry-body>small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#76899b;font-size:9px}
.journal-entry-body>p{margin:2px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#536b80;font-size:10px}
.journal-entry-side{display:grid;justify-items:end;gap:5px;min-width:92px}
.journal-entry-side>strong{font-size:12px;white-space:nowrap;color:#0878ef}
.journal-entry-side>strong.positive{color:#07865f}
.journal-entry-actions{display:flex;gap:4px}
.journal-entry-actions .edit,.journal-entry-actions .delete{min-height:30px;padding:5px 8px;border:1px solid #d9e5ed;background:#fff;font-size:9px}
.journal-entry-actions .delete{border-color:#f1d1d4;color:#c72d38}
.overview-show-all{display:block;width:100%;min-height:38px;margin-top:6px;border:0;border-top:1px solid #e8eef3;background:#fff;color:#0878ef;font-size:10px;font-weight:850;cursor:pointer}

@media(max-width:700px){
  .admin-handover{padding:14px 15px;border-radius:19px}
  .admin-handover .section-head h2{font-size:18px}
  .admin-handover .section-head>strong{font-size:23px}
  .enterprise-quick{display:block;padding:14px 15px}
  .enterprise-quick>div:last-child{min-width:0;width:100%;margin-top:10px}
}
@media(max-width:430px){
  .admin-handover{padding:12px 13px}
  .admin-handover .section-head{align-items:flex-start}
  .admin-handover .section-head>div{min-width:0}
  .admin-handover .section-head h2{font-size:16px;line-height:1.2}
  .admin-handover .section-head>strong{font-size:20px}
  .handover-person-head{padding:10px 10px 7px}
  .handover-avatar{width:36px;height:36px;flex-basis:36px}
  .handover-person strong{font-size:14px}
  .handover-person small{font-size:9px}
  .handover-result strong{font-size:14px}
  .handover-mini-grid{gap:4px;padding:0 8px 8px}
  .handover-mini-grid>span{padding:6px 4px}
  .handover-mini-grid small{font-size:7.5px}
  .handover-mini-grid strong{font-size:9px}
  .handover-foot{gap:6px;padding:5px 9px;font-size:9px}
  .handover-detail>summary{min-width:64px;padding:6px 7px;font-size:9px}
  .enterprise-quick{padding:12px 13px;border-radius:18px}
  .enterprise-quick>div:first-child h2{font-size:17px}
  .enterprise-quick .btn{min-height:44px;padding:0 8px;font-size:13px}
  .overview-journal{padding:12px 13px;border-radius:18px}
  .overview-journal .section-head h2{font-size:17px}
  .journal-entry{grid-template-columns:34px minmax(0,1fr) auto;gap:8px;min-height:66px;padding:7px 0}
  .journal-kind-icon{width:32px;height:32px;border-radius:10px;font-size:12px}
  .journal-entry-title>strong{font-size:12px}
  .journal-entry-body>small{font-size:8px}
  .journal-entry-body>p{font-size:9px;max-width:44vw}
  .journal-entry-side{min-width:76px}
  .journal-entry-side>strong{font-size:10px}
  .journal-entry-actions .edit,.journal-entry-actions .delete{min-height:27px;padding:4px 6px;font-size:8px}
}

/* 3.18.0 — Employee Mobile Workflow */
.staff-workflow{margin:10px 0 12px;padding:14px;border:1px solid #cfe4f3;border-radius:20px;background:#fff;box-shadow:0 8px 24px rgba(25,66,98,.05)}
.staff-workflow-head{margin-bottom:9px!important}.staff-workflow-head small{color:#0878ef!important;font-size:9px!important;font-weight:900;letter-spacing:.13em}.staff-workflow-head h2{margin-top:3px;font-size:18px}
.staff-shift-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border-radius:16px;background:linear-gradient(135deg,#0878ef,#2f8cf0);padding:13px 14px;color:#fff}
.staff-shift-hero>div{min-width:0}.staff-shift-hero small{display:block;font-size:8px;font-weight:900;letter-spacing:.1em;opacity:.82}.staff-shift-hero strong{display:block;margin-top:3px;font-size:27px;line-height:1.08}.staff-shift-hero p{margin:5px 0 0;max-width:440px;font-size:9px;line-height:1.35;opacity:.86}
.staff-shift-status{flex:none;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:rgba(255,255,255,.14);padding:6px 8px;font-size:8px;font-weight:850;white-space:nowrap}.staff-shift-status.ready{background:#eaf9f1;color:#087b56;border-color:#c9ebdc}
.staff-day-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:8px}.staff-day-kpis article{min-width:0;border:1px solid #e1e9ef;border-radius:12px;background:#f7fafc;padding:8px 9px}.staff-day-kpis small{display:block;color:#73869a;font-size:7px;font-weight:850;letter-spacing:.07em}.staff-day-kpis strong{display:block;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#173650;font-size:11px}
.staff-reconcile-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:8px}.staff-reconcile-strip article{min-width:0;border-radius:12px;background:#f4f8fb;padding:8px 9px}.staff-reconcile-strip small{display:block;color:#6e8194;font-size:8px}.staff-reconcile-strip strong{display:block;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#183a57;font-size:11px}.staff-reconcile-strip span{display:block;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8a9aaa;font-size:7px}
.staff-settlement-more{margin-top:7px}.staff-settlement-more>summary{min-height:34px;border-radius:10px;background:#f8fbfd;padding:9px 11px;color:#0878ef;font-size:9px;font-weight:850}
.staff-detail-ledger{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding-top:7px}.staff-detail-ledger>div{display:grid;gap:2px;min-width:0;border:1px solid #e3ebf1;border-radius:10px;background:#fff;padding:8px}.staff-detail-ledger span{color:#6e8295;font-size:8px}.staff-detail-ledger strong{color:#183a57;font-size:11px}.staff-detail-ledger small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8a9aaa;font-size:7px}
.staff-shift-readiness{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px;border:1px solid #dce8ef;border-radius:13px;background:#fbfdfe;padding:9px 10px}.staff-shift-readiness>div:first-child{min-width:0}.staff-shift-readiness small{display:block;color:#0878ef;font-size:7px;font-weight:900;letter-spacing:.1em}.staff-shift-readiness strong{display:block;margin-top:2px;color:#173650;font-size:11px}.staff-shift-readiness p{margin:2px 0 0;color:#718498;font-size:8px;line-height:1.3}.staff-shift-checks{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px}.staff-shift-checks span{border-radius:999px;background:#eef5fa;padding:5px 7px;color:#536d82;font-size:7px;font-weight:800;white-space:nowrap}
.staff-expense-panel{margin:10px 0 12px!important;padding:12px 13px!important;border-radius:17px!important}.staff-expense-panel .section-head{margin-bottom:0}.staff-expense-panel .section-head h2{font-size:16px}.staff-expense-panel .btn{min-height:35px;padding:0 10px;font-size:10px}.staff-expense-details{margin-top:7px}.staff-expense-details>summary{min-height:34px;border-radius:10px;background:#f7fafc;padding:9px 10px;color:#526d82;font-size:9px;font-weight:800}.staff-expense-details[open]>summary{margin-bottom:5px}
.staff-edit-note{margin:0 0 6px;border-radius:10px;background:#f7fafc;padding:7px 9px;color:#6f8294;font-size:8px;line-height:1.35}
.staff-mode #overview>.summary-grid{display:none}
.staff-mode #overview>.toolbar{min-height:50px;margin-bottom:8px;padding:8px 10px;border-radius:14px}.staff-mode #overview>.toolbar>div strong{font-size:13px}.staff-mode #overview>.toolbar input{height:38px;max-width:150px;font-size:11px}
.staff-mode .enterprise-quick{position:sticky;z-index:5;bottom:calc(env(safe-area-inset-bottom,0px) + 7px);margin:10px 0 12px;padding:10px 11px;border-color:#cfe2ef;box-shadow:0 10px 28px rgba(22,58,85,.13)}
.staff-mode .enterprise-quick>div:first-child{display:none}.staff-mode .enterprise-quick>div:last-child{grid-template-columns:repeat(3,minmax(0,1fr));min-width:0;width:100%;margin:0}.staff-mode .enterprise-quick .btn{min-height:42px;padding:0 8px;font-size:11px}
.staff-mode #overview-journal{margin-top:0}.staff-mode .overview-journal-filters button{min-height:30px;padding:0 10px}
.staff-mode #deliveries .page-head:after{content:"Chuyến hôm nay do bạn tạo hoặc được phân công có thể sửa khi nhập sai; ngày cũ và đơn đã chốt chỉ Admin chỉnh.";grid-column:1/-1;color:#718498;font-size:9px;line-height:1.4}

@media(max-width:560px){
  .staff-workflow{padding:11px 12px;border-radius:17px}.staff-workflow-head h2{font-size:16px}.staff-shift-hero{padding:11px 12px;border-radius:14px}.staff-shift-hero strong{font-size:23px}.staff-shift-hero p{font-size:8px}.staff-day-kpis,.staff-reconcile-strip{grid-template-columns:1fr 1fr}.staff-day-kpis article,.staff-reconcile-strip article{padding:7px 8px}.staff-day-kpis strong,.staff-reconcile-strip strong{font-size:10px}.staff-detail-ledger{grid-template-columns:1fr 1fr}.staff-shift-readiness{align-items:flex-start}.staff-shift-checks{max-width:42%}.staff-mode .enterprise-quick .btn{font-size:10px}.staff-mode #overview>.toolbar input{max-width:132px}
}
@media(max-width:390px){
  .staff-shift-hero strong{font-size:20px}.staff-shift-status{font-size:7px}.staff-detail-ledger{grid-template-columns:1fr}.staff-mode .enterprise-quick .btn{font-size:9px;padding:0 5px}.staff-shift-readiness{display:grid}.staff-shift-checks{max-width:none;justify-content:flex-start}
}

/* 3.28.0 — Touch feedback and keyboard focus without adding visual clutter */
button,.btn,.tab{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
button:focus-visible,.btn:focus-visible,.tab:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #a8d8ff;outline-offset:2px}
.role-badge.supplier{background:#fff5df;color:#9a5b00}
body.supplier-mode .account-button{border-color:#f1d39a;background:#fffaf0}