.user-badge{display:flex;flex-direction:column;line-height:1.15;padding:0 10px;color:#fff;font-size:12px;font-weight:750;border-left:1px solid rgba(255,255,255,.15);margin-left:5px}.user-badge small{font-size:9px;color:#7ed5b7;letter-spacing:1px;margin-bottom:2px}.open-orders-strip{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:12px;align-items:stretch;margin-bottom:15px}.open-orders-title{background:var(--navy);color:#fff;border-radius:11px;padding:10px 13px;display:flex;flex-direction:column;justify-content:center}.open-orders-title span{font-size:9px;letter-spacing:1px;color:#b9c8d3;font-weight:800}.open-orders-title strong{font-size:25px}.open-orders-list{display:flex;gap:8px;overflow:auto;padding-bottom:2px}.open-order-card{flex:0 0 190px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:9px 11px;color:var(--ink);text-decoration:none;display:grid;grid-template-columns:auto 1fr;gap:3px 7px;align-items:center}.open-order-card:hover,.open-order-card.selected{border-color:var(--green);box-shadow:0 5px 14px rgba(15,138,98,.12)}.open-order-card.selected{background:var(--green-soft)}.machine-chip{background:#e7edf1;border-radius:5px;padding:3px 6px;font-size:9px;font-weight:850}.open-order-card strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.open-order-card small{grid-column:1/-1;color:var(--muted);font-size:10px}.new-order{white-space:nowrap}.customer-fields{display:grid;grid-template-columns:1.4fr .8fr;gap:8px;padding:12px 16px;border-bottom:1px solid var(--line);background:#f8fafb}.customer-fields input{height:38px}.save-order-form{padding:0 16px 12px}.cancel-order-form{text-align:center;padding:0 16px 12px}.product-card:disabled{opacity:.45;cursor:not-allowed;transform:none}.recent-list strong small{display:block;color:var(--muted);font-weight:500;margin-top:2px}.waiting-card{padding:35px;text-align:center}.waiting-card>span{font-size:34px}.account-layout{display:grid;grid-template-columns:360px minmax(0,1fr);gap:16px;align-items:start}.account-create{padding:22px;display:grid;grid-template-columns:40px 1fr;gap:10px;position:sticky;top:94px}.account-create p{color:var(--muted);font-size:12px}.account-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.account-card{padding:18px}.account-card.disabled{opacity:.62}.account-identity{display:grid;grid-template-columns:44px 1fr auto;gap:10px;align-items:center;margin-bottom:15px}.account-avatar{width:44px;height:44px;border-radius:12px;background:var(--green-soft);color:var(--green-dark);display:grid;place-items:center;font-size:20px;font-weight:850}.account-identity h2{margin:0}.account-identity code{font-size:11px;color:var(--muted)}.role-pill{border-radius:99px;padding:5px 8px;font-size:9px;font-weight:850;text-transform:uppercase}.role-pill.admin{background:#e2ebf8;color:#254f7a}.role-pill.staff{background:var(--green-soft);color:var(--green-dark)}.account-edit{display:grid;grid-template-columns:1fr 130px;gap:9px}.account-edit label:first-of-type,.account-edit label:nth-of-type(3){grid-column:1/-1}.account-active{align-self:center}.account-edit .button{align-self:end}
@media(max-width:1180px){.account-list{grid-template-columns:1fr}.open-orders-strip{grid-template-columns:100px minmax(0,1fr)}.new-order{grid-column:1/-1}.user-badge{display:none}}
@media(max-width:650px){.open-orders-strip,.account-layout{grid-template-columns:1fr}.open-orders-title{display:none}.customer-fields,.account-edit{grid-template-columns:1fr}.account-create{position:static}.account-edit label{grid-column:1/-1}}

/* Dense desktop catalog: keep the complete menu visible without scrolling. */
.product-grid{grid-template-columns:repeat(8,minmax(100px,1fr));gap:6px;padding:9px;max-height:none}.product-card{min-height:72px;padding:8px 9px;border-radius:8px}.product-name{font-size:11px;min-height:26px}.product-card strong{font-size:13px}.product-card small{font-size:9px;margin-top:1px}.catalog-head{padding:11px 15px}.catalog-head p{display:none}.search{height:37px}.recent-section{margin-top:10px}.pos-toolbar{margin-bottom:10px}.open-orders-strip{margin-bottom:10px}.pos-layout{gap:12px}

.notification-board{background:#fff;border:1px solid var(--line);border-radius:11px;box-shadow:var(--shadow);margin-bottom:12px;overflow:hidden}.notification-board>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;cursor:pointer;list-style:none;background:#f8fafb}.notification-board>summary::-webkit-details-marker{display:none}.notification-board>summary span{display:flex;flex-direction:column}.notification-board>summary b{font-size:13px}.notification-board>summary small{font-size:10px;color:var(--muted)}.notification-board>summary strong{min-width:28px;height:24px;padding:0 7px;border-radius:99px;background:var(--navy);color:#fff;display:grid;place-items:center;font-size:11px}.notification-table-wrap{max-height:210px;overflow:auto}.notification-table{min-width:760px}.notification-table th,.notification-table td{padding:8px 11px}.notification-table td:first-child{width:90px}.notification-table td:nth-child(2){width:110px}.notification-table td:last-child{width:75px;color:var(--muted)}.notification-table td b{display:block;font-size:12px}.notification-table td small{display:block;color:var(--muted);margin-top:2px}.notice-level{display:inline-flex;border-radius:99px;padding:3px 7px;font-size:9px;font-weight:850;text-transform:uppercase}.notice-danger .notice-level{background:var(--red-soft);color:var(--red)}.notice-warning .notice-level{background:#fff1d9;color:#9a5e00}.notice-success .notice-level{background:var(--green-soft);color:var(--green-dark)}.notice-danger{background:#fffafa}.notification-settings{max-width:1050px}.setting-toggle{display:flex!important;gap:12px;align-items:flex-start;padding:15px;border:1px solid var(--line);border-radius:10px;background:#f8fafb}.setting-toggle input{width:20px;height:20px;margin:1px 0 0}.setting-toggle span{display:flex;flex-direction:column}.setting-toggle b{font-size:13px}.setting-toggle small,.hours-field small{color:var(--muted);font-weight:500;margin-top:3px}.hours-field{display:block!important;max-width:280px;margin-top:14px!important}.hours-field input{margin-top:6px}

@media(max-width:1400px){.product-grid{grid-template-columns:repeat(7,minmax(95px,1fr))}}
@media(max-width:1180px){.product-grid{grid-template-columns:repeat(6,minmax(95px,1fr))}}
@media(max-width:980px){.product-grid{grid-template-columns:repeat(4,minmax(100px,1fr))}}
@media(max-width:650px){.product-grid{grid-template-columns:repeat(2,minmax(110px,1fr))}.product-card{min-height:82px}.notification-table-wrap{overflow:auto}}

.paid-order-filter{display:grid;grid-template-columns:210px minmax(280px,1fr) auto auto;gap:9px;align-items:end;padding:15px;margin-bottom:12px}.paid-order-filter label{margin:0}.paid-orders-table{min-width:1050px}.paid-orders-table td small{display:block;color:var(--muted);margin-top:2px}.small-button{height:32px;padding:0 11px;background:var(--green-soft);color:var(--green-dark);white-space:nowrap}.back-link{display:inline-block;color:var(--green-dark);font-size:12px;font-weight:750;text-decoration:none;margin-bottom:8px}.edit-order-total{text-align:right;background:var(--navy);color:#fff;padding:13px 17px;border-radius:11px;min-width:190px}.edit-order-total span{display:block;color:#b9c8d3;font-size:10px;text-transform:uppercase}.edit-order-total strong{font-size:22px}.paid-order-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:14px;align-items:start}.paid-order-main,.paid-order-save{padding:20px}.paid-order-save{position:sticky;top:87px}.form-section-title{display:grid;grid-template-columns:34px 1fr;gap:9px;align-items:start}.form-section-title>span{font:800 17px Georgia,serif;color:var(--green)}.form-section-title h2{margin:0;font-size:18px}.form-section-title p{margin:2px 0 0;color:var(--muted);font-size:11px}.paid-order-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0 22px}.paid-order-fields label,.paid-order-save label{margin:0}.line-title{padding-top:18px;border-top:1px solid var(--line)}.edit-items-head,.edit-item-row{display:grid;grid-template-columns:minmax(220px,1.6fr) 90px 130px 130px 34px;gap:7px;align-items:center}.edit-items-head{margin-top:14px;padding:0 6px;color:var(--muted);font-size:9px;font-weight:800;text-transform:uppercase}.edit-item-row{padding:6px;border-bottom:1px solid #edf0f2}.edit-item-row select,.edit-item-row input{height:38px}.edit-item-row .line-preview{text-align:right;font-size:12px}.remove-edit-item{width:30px;height:30px;border:0;border-radius:7px;background:var(--red-soft);color:var(--red);font-size:18px;cursor:pointer}.paid-order-main>#add-edit-item{margin-top:12px}.paid-order-save textarea{margin-top:6px;resize:vertical}.edit-warning{padding:12px;margin:15px 0;background:#fff5e8;border:1px solid #f3d2a8;border-radius:9px;color:#7b4c13;font-size:11px}.edit-warning p{margin:4px 0 0}.edit-history{margin-top:14px;padding:18px}.edit-history table{min-width:700px}
@media(max-width:1100px){.paid-order-layout{grid-template-columns:1fr}.paid-order-save{position:static}.paid-order-filter{grid-template-columns:1fr 1fr auto auto}.edit-item-row,.edit-items-head{grid-template-columns:minmax(180px,1fr) 80px 110px 110px 34px}}
@media(max-width:700px){.paid-order-filter,.paid-order-fields{grid-template-columns:1fr}.edit-items-head{display:none}.edit-item-row{grid-template-columns:1fr 80px 110px 34px}.edit-item-row .line-preview{grid-column:1/-1}.edit-order-total{display:none}}

.shift-shortcut{padding:12px 16px;border-top:1px solid var(--line);display:grid;gap:7px}.shift-shortcut small{font-size:10px;color:var(--muted)}.shift-status-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 16px;background:var(--navy);color:white;border-radius:10px;margin-bottom:12px}.shift-status-bar span{font-size:12px;color:#b9c8d3}.shift-status-bar a{margin-left:auto;color:#8de3c6;font-size:12px}.ledger-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.ledger-customers{display:grid;grid-template-columns:1fr 480px;gap:25px;align-items:center;padding:20px;margin-bottom:14px}.ledger-customers p,.ledger-close p{color:var(--muted);font-size:12px;margin:5px 0}.ledger-customers form{display:grid;grid-template-columns:90px 1fr auto;align-items:end;gap:8px}.ledger-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ledger-section{padding:20px}.ledger-section-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px}.ledger-section-head>strong{font-size:22px;color:var(--green-dark)}.ledger-add{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:14px;background:#f5f8fa;border:1px solid var(--line);border-radius:10px}.ledger-add>label:first-of-type{grid-column:1/-1}.ledger-add .button{align-self:end}.ledger-entry-list{margin-top:14px}.ledger-entry{display:grid;grid-template-columns:1fr auto;gap:8px;border-top:1px solid var(--line);padding:12px 0}.ledger-entry small{display:block;font-size:10px;color:var(--muted)}.ledger-entry>b,.ledger-entry>strong{color:var(--navy)}.ledger-entry details{grid-column:1/-1}.ledger-entry summary{color:var(--green-dark);font-size:11px;cursor:pointer}.ledger-edit{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px 0}.ledger-edit .button{align-self:end}.ledger-empty{color:var(--muted);font-size:12px}.ledger-close{display:grid;grid-template-columns:1fr 450px;gap:25px;padding:22px;margin-top:14px;scroll-margin-top:90px}.ledger-close form{display:grid;gap:12px}.ledger-close ul{font-size:12px;padding-left:18px}.shift-message{font-family:inherit;white-space:pre-wrap;font-size:12px;max-height:450px;overflow:auto;background:#f5f8fa;padding:15px;border-radius:9px}.meal-dialog{border:1px solid var(--line);border-radius:16px;max-width:540px;width:calc(100% - 30px);padding:24px;box-shadow:0 24px 70px #102b3f44;color:var(--ink)}.meal-dialog::backdrop{background:#102b3f99}.meal-dialog form{display:grid;gap:14px}.meal-dialog-head{display:flex;align-items:start;justify-content:space-between}.meal-dialog h2{font-size:25px;margin:3px 0}.meal-dialog p{font-size:13px;color:var(--muted);margin:0}.meal-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.meal-dialog small{font-size:11px;color:var(--muted)}.meal-dialog input{margin-top:4px}.meal-dialog #meal-error{color:var(--red)}.meal-dialog #meal-total{font-size:20px;color:var(--green-dark)}.meal-settings{margin-top:16px}
@media(max-width:1250px){.ledger-customers,.ledger-close{grid-template-columns:1fr}.main-nav>a,.nav-button{font-size:11px;padding:0 7px}.brand small{display:none}.user-badge{display:none}}
@media(max-width:850px){.ledger-columns{grid-template-columns:1fr}.ledger-metrics{grid-template-columns:1fr 1fr}.ledger-customers form{grid-template-columns:1fr}.meal-options{grid-template-columns:1fr}}
.order-discount-bar{display:flex;align-items:center;justify-content:space-between;padding:6px 16px 12px;font-size:12px;color:var(--red)}.order-discount-bar .button{font-size:11px;height:32px}.line-discount-button{display:block;border:0;background:none;padding:3px 0;color:var(--green-dark);font-size:10px;text-decoration:underline;cursor:pointer}.cart-error{font-size:11px;color:var(--red);padding:0 16px}.edit-items-head,.edit-item-row{grid-template-columns:minmax(160px,1fr) 65px 95px 75px 95px 105px 30px}.paid-order-main{overflow:auto}.edit-items-head,.edit-item-row{min-width:795px}.paid-order-main .line-title p:after{content:' Phần trong giá gốc được trừ kho nhưng không tính tiền lần nữa.'}#discount-error{color:var(--red)}