.operations-actions { display:flex; gap:12px; flex-wrap:wrap; margin:18px 0; } .operations-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; } .operation-card { background:#fff; border:1px solid #d8e5ef; border-radius:24px; padding:20px; box-shadow:0 10px 28px rgba(21,55,88,.06); } .operation-card .section-head { margin:0 0 14px; } .operation-row { display:flex; justify-content:space-between; align-items:center; gap:14px; padding:13px 0; border-top:1px solid #e6edf3; } .operation-row:first-child { border-top:0; } .operation-row > div { display:flex; flex-direction:column; gap:4px; min-width:0; } .operation-row small { color:#718096; line-height:1.35; } .operation-row.cancelled { opacity:.55; text-decoration:line-through; } .aging-alert { margin:6px 0; padding:12px; border:1px solid #ffc4c7; border-radius:14px; background:#fff4f4; } .closing-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; } .closing-grid span { display:flex; flex-direction:column; gap:5px; padding:12px; border-radius:14px; background:#f5f9fc; color:#64748b; } .closing-grid strong { color:#10233d; font-size:1.08rem; } .audit-row { display:grid; grid-template-columns:72px 1fr; gap:10px; padding:10px 0; border-top:1px solid #e6edf3; } .audit-row:first-child { border-top:0; } .audit-row > span { color:#0878ef; font-weight:800; } .audit-row div { display:flex; flex-direction:column; gap:3px; } .audit-row small { color:#718096; } .mini-danger { border:0; background:#fff0f0; color:#c92a35; border-radius:10px; padding:6px 10px; font-weight:700; } .qr-payment { text-align:center; border:1px solid #bee0ff; background:#f4faff; border-radius:18px; padding:12px; } .qr-payment img { display:block; width:min(260px,100%); margin:auto; border-radius:12px; } .qr-payment p { margin:8px 0 0; color:#315879; font-weight:700; } .entry.cancelled { opacity:.6; } .cancelled-badge { background:#e9edf1!important; color:#667485!important; } .cancel-reason { color:#c92a35; font-weight:700; } .entry-actions { display:flex; gap:7px; } .edit-reason { border:1px solid #ffd180; background:#fff8e8; border-radius:14px; padding:10px; } .operation-empty { padding:12px 0; } .operation-subtitle { margin:18px 0 4px; padding-top:14px; border-top:2px solid #e8f0f6; color:#38546d; font-size:1rem; } .aging-actions { display:flex; gap:8px; margin-top:5px; } .aging-actions a,.aging-actions button { border:1px solid #b9d4ea; background:#fff; color:#17649b; border-radius:9px; padding:5px 9px; font:inherit; font-size:.82rem; text-decoration:none; } .inventory-numbers { display:grid; grid-template-columns:1fr 1fr; gap:10px; } .inventory-numbers span { display:flex; flex-direction:column; gap:6px; padding:14px; border-radius:15px; background:#f3f8fc; color:#64748b; } .inventory-numbers strong { font-size:1.3rem; } .bottle-company-preview { display:flex; justify-content:space-between; gap:12px; padding:12px 14px; border-radius:14px; background:#eef8ff; color:#46647c; } .deposit-block { display:grid; gap:12px; padding:14px; border:1px solid #bee8d8; border-radius:17px; background:linear-gradient(145deg,#effcf7,#fff); } .deposit-title { color:#07865f; font-size:12px; letter-spacing:.1em; } .deposit-preview { display:grid; grid-template-columns:repeat(3,1fr); gap:7px; } .deposit-preview span { display:grid; gap:4px; border-radius:11px; background:#fff; padding:9px; color:#6b7c8f; font-size:10px; } .deposit-preview strong { color:#16344e; font-size:12px; } @media(max-width:560px) { .deposit-preview { grid-template-columns:1fr; } .deposit-preview span { display:flex; justify-content:space-between; align-items:center; } } @media (max-width:760px) { .operations-grid { grid-template-columns:1fr; } .operations-actions .btn { flex:1 1 45%; } .operation-card { padding:16px; border-radius:20px; } .closing-grid { grid-template-columns:1fr 1fr; } .audit-row { grid-template-columns:60px 1fr; } } .inventory-alert { display:grid; gap:4px; margin-top:10px; padding:11px 12px; border:1px solid #ffc9cc; border-radius:13px; background:#fff5f5; color:#a5252d; font-size:.83rem; line-height:1.4; } .inventory-alert span { color:#6f3d42; } .inventory-help { margin:9px 2px 0; color:#718096; font-size:.78rem; line-height:1.45; } .inventory-current-preview { display:grid; grid-template-columns:1fr 1fr; gap:9px; } .inventory-current-preview span { display:grid; gap:5px; padding:12px; border-radius:13px; background:#f3f8fc; color:#64748b; font-size:.78rem; } .inventory-current-preview strong { color:#16344e; font-size:1rem; } @media(max-width:560px) { .inventory-current-preview { grid-template-columns:1fr; } } .settlement-total { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:4px; padding:13px 14px; border-radius:15px; background:#eef8ff; color:#315879; font-weight:800; } .settlement-total strong { color:#0878ef; font-size:1.15rem; } #employee-settlement-list .operation-row > strong { max-width:42%; text-align:right; line-height:1.25; } @media(max-width:560px) { #employee-settlement-list .operation-row { align-items:flex-start; } #employee-settlement-list .operation-row > strong { max-width:45%; font-size:.92rem; } } .bulk-assignment-preview { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; margin:4px 0 2px; } .bulk-assignment-preview span { display:grid; gap:5px; padding:12px; border-radius:14px; background:#f3f8fc; color:#64748b; } .bulk-assignment-preview small { font-size:.75rem; } .bulk-assignment-preview strong { color:#16344e; font-size:.95rem; line-height:1.35; } @media(max-width:560px) { .bulk-assignment-preview { grid-template-columns:1fr; } } /* 3.6.0 — Enterprise Fleet Stock & Close Control */ .inventory-enterprise{grid-template-columns:repeat(2,minmax(0,1fr))}.inventory-enterprise span:nth-child(3){background:#eef9f5}.vehicle-stock-preview,.legacy-payment-preview{display:grid;gap:4px;padding:12px 14px;border-radius:14px;background:#eef8ff;color:#46647c}.legacy-payment-preview strong{color:#12395a}.legacy-payment-preview span{font-size:.78rem}.staff-vehicle-strip{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 10px;padding:10px 12px;border:1px solid #d6e8f4;border-radius:14px;background:#f6fbff;color:#47657d;font-size:.8rem;font-weight:750}.staff-vehicle-strip strong{color:#0878ef;font-size:1rem}@media(max-width:560px){.inventory-enterprise{grid-template-columns:1fr 1fr}} /* 3.8.0 — duyệt chi phí nhân viên */ #expense-list .operation-row>div:last-child{align-items:flex-end}.expense-review-actions{display:flex;flex-direction:row;gap:6px;align-items:center}.expense-review-actions .edit,.expense-review-actions .mini-danger{margin-top:4px} /* 3.11.0 — Enterprise Supplier & Receipt Control */ .supplier-enterprise-card{grid-column:1/-1} .supplier-total-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:4px 0 14px} .supplier-total-summary span{display:grid;gap:5px;padding:13px;border-radius:15px;background:#f3f8fc;color:#6b7c8f} .supplier-total-summary small{font-size:.68rem;font-weight:800;letter-spacing:.08em} .supplier-total-summary strong{color:#16344e;font-size:1.04rem} .supplier-total-summary .due{background:#fff5f5} .supplier-total-summary .due strong{color:#c92a35} .supplier-toolbar{display:flex;gap:9px;align-items:center;margin-bottom:8px} .supplier-search-wrap{display:flex;align-items:center;gap:8px;flex:1;border:1px solid #cbddea;border-radius:14px;background:#fff;padding:0 10px;min-height:46px} .supplier-search-wrap>span{font-size:1.25rem;color:#6f879a} .supplier-search-wrap input{border:0;outline:0;background:transparent;min-width:0;flex:1;font:inherit;color:#16344e} .supplier-search-wrap button{border:0;background:transparent;color:#6f879a;font-size:1.4rem;padding:4px 6px} .supplier-row-card,.receipt-row-card{border-top:1px solid #e6edf3;padding:15px 0} .supplier-row-card:first-child,.receipt-row-card:first-child{border-top:0} .supplier-row-main,.receipt-row-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px} .supplier-row-main>div,.receipt-row-head>div{display:grid;gap:3px;min-width:0} .supplier-row-main>div>strong,.receipt-row-head>div>strong{font-size:1.05rem} .supplier-row-main small,.receipt-row-head small,.receipt-note{color:#718096} .supplier-finance-strip,.receipt-finance-line{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0} .supplier-finance-strip span,.receipt-finance-line span{display:grid;gap:4px;padding:10px;border-radius:12px;background:#f6f9fc;color:#718096} .supplier-finance-strip small{font-size:.68rem} .supplier-finance-strip strong,.receipt-finance-line strong{color:#16344e} .supplier-finance-strip .due{background:#fff5f5}.supplier-finance-strip .due strong{color:#c92a35} .supplier-finance-strip .paid{background:#eef9f5}.supplier-finance-strip .paid strong{color:#07865f} .supplier-defective-note{margin:4px 0 8px;color:#80651b;font-size:.8rem} .supplier-row-actions,.receipt-row-actions{display:flex;gap:7px;flex-wrap:wrap} .supplier-row-actions button,.receipt-row-actions button{min-height:36px} .receipt-row-card>p{margin:8px 0;color:#5e7285;line-height:1.45} .receipt-row-card.cancelled{opacity:.55} .receipt-finance-line{font-size:.8rem} .receipt-finance-line span{padding:8px 9px} .receipt-form-section{display:grid;gap:11px;padding:13px;border:1px solid #deebf4;border-radius:16px;background:#fbfdff} .receipt-form-section h3{margin:0;color:#2c5778;font-size:.9rem;letter-spacing:.04em} .field-help{display:block;margin-top:5px;color:#7b8c9e;font-size:.74rem;font-weight:500;line-height:1.4} .receipt-money-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px} .receipt-money-summary span{display:grid;gap:5px;padding:11px;border-radius:13px;background:#f3f8fc} .receipt-money-summary small{color:#6d8093;font-size:.67rem;font-weight:800;letter-spacing:.07em} .receipt-money-summary strong{font-size:1rem;color:#16344e} .receipt-money-summary .due{background:#fff5f5}.receipt-money-summary .due strong{color:#c92a35} .receipt-breakdown{color:#4380bd;font-size:.8rem;text-align:right} .supplier-payment-preview{display:grid;gap:5px;padding:12px 14px;border-radius:14px;background:#eef8ff;color:#526c82} .supplier-payment-preview strong{color:#c92a35} #supplier-payment-list .operation-row>div:last-child{align-items:flex-end} @media(max-width:760px){ .supplier-enterprise-card{grid-column:auto} .supplier-total-summary{grid-template-columns:1fr 1fr} .supplier-toolbar{align-items:stretch;flex-direction:column} .supplier-filter-reset{width:100%} } @media(max-width:560px){ .supplier-finance-strip,.receipt-finance-line,.receipt-money-summary{grid-template-columns:1fr} .supplier-finance-strip span,.receipt-finance-line span,.receipt-money-summary span{display:flex;justify-content:space-between;align-items:center} .supplier-row-main,.receipt-row-head{align-items:flex-start} .supplier-row-actions,.receipt-row-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))} .supplier-row-actions button,.receipt-row-actions button{width:100%} } /* 3.13.0 — Enterprise simplified workspace */ .enterprise-page-head{align-items:flex-start} .enterprise-page-head .section-note{max-width:620px;margin:5px 0 0;color:#718196;font-size:.78rem;line-height:1.45} .enterprise-attention{margin:12px 0 14px;padding:15px;border:1px solid #d9e7f0;border-radius:20px;background:linear-gradient(145deg,#f7fbfe,#fff);box-shadow:0 8px 24px rgba(31,70,105,.05)} .enterprise-attention .section-head{margin:0 0 10px} .enterprise-attention-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px} .enterprise-attention-grid button{display:grid;gap:4px;min-height:92px;border:1px solid #dae7ef;border-radius:14px;background:#fff;padding:11px 12px;color:#62778b;text-align:left;cursor:pointer} .enterprise-attention-grid button small{color:#708498;font-size:.66rem;font-weight:850;letter-spacing:.09em} .enterprise-attention-grid button strong{color:#173650;font-size:1rem;line-height:1.25} .enterprise-attention-grid button span{font-size:.7rem;line-height:1.35} .enterprise-attention-grid button.needs-attention{border-color:#f1cf9d;background:#fff9ef} .enterprise-attention-grid button.needs-attention strong{color:#a86208} .enterprise-attention-grid button.is-ok{background:#f7fcfa} .enterprise-attention-grid button:focus-visible{outline:3px solid #bfe3ff;outline-offset:2px} .enterprise-operations-grid{align-items:start} .enterprise-core-card{scroll-margin-top:86px} .enterprise-card-tag{align-self:center;border-radius:999px;background:#eaf5ff;padding:5px 8px;color:#0878ef;font-size:.66rem;font-weight:850;white-space:nowrap} .enterprise-card-tag.neutral{background:#f0f4f7;color:#60778c} .enterprise-secondary-card{grid-column:1/-1;scroll-margin-top:86px} .enterprise-advanced-body{padding:0 18px 18px} .enterprise-advanced-body .helper-note{margin:0 0 12px} .enterprise-advanced-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px} .enterprise-advanced-actions .btn{width:100%} .team-admin-tools{margin:0 0 14px;border:1px solid #dce7ee;border-radius:18px;background:#fff;padding:0} .team-admin-tools>summary{padding:14px 16px;cursor:pointer;color:#31506c;font-size:.82rem;font-weight:850;list-style:none} .team-admin-tools>summary::-webkit-details-marker{display:none} .team-admin-tools>summary::after{content:"＋";float:right;color:#718196} .team-admin-tools[open]>summary::after{content:"−"} .team-admin-tools>.helper-note{margin:0 16px 12px} .team-admin-tools>.team-actions{margin:0;padding:0 16px 16px} @media(max-width:760px){ .enterprise-attention-grid{grid-template-columns:1fr 1fr} .enterprise-attention-grid button{min-height:84px} } @media(max-width:560px){ .enterprise-page-head{gap:8px} .enterprise-page-head .section-note{font-size:.72rem} .enterprise-attention{padding:12px} .enterprise-attention-grid{gap:7px} .enterprise-attention-grid button{min-height:80px;padding:10px} .enterprise-attention-grid button strong{font-size:.92rem} .enterprise-advanced-actions{grid-template-columns:1fr} } /* 3.15.0 — Enterprise Compact UX: progressive disclosure on mobile */ .customer-search-panel-compact{display:grid;gap:8px;padding:10px 12px;margin-bottom:8px;border:1px solid #dbe7ef;border-radius:16px;background:#fff;box-shadow:0 6px 18px #33415508} .customer-search-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center} .customer-search-panel-compact .customer-search-box{height:44px} .customer-search-panel-compact .customer-search-box input{height:42px;font-size:14px} .customer-search-panel-compact .customer-search-count{min-width:38px;padding:6px 8px;text-align:center;font-size:10px} .customer-search-panel-compact .customer-filter-bar{gap:5px} .customer-search-panel-compact .customer-filter-bar button{min-height:30px;padding:0 10px;font-size:10px} .customer-month-compact{display:flex;align-items:center;gap:10px;margin:0 0 10px;padding:8px 10px;border:1px solid #dbe7ef;border-radius:15px;background:#f8fbfd} .customer-month-compact input{width:132px;height:40px;flex:0 0 132px;border-radius:11px;padding:0 9px;font-size:12px} .customer-month-compact>div{display:grid;min-width:0;gap:2px} .customer-month-compact strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#0878ef;font-size:12px} .customer-month-compact small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#6d8092;font-size:10px} .compact-customer-card{padding:0;overflow:hidden;border-radius:15px;box-shadow:0 4px 14px #33415508} .customer-compact-summary{display:grid;grid-template-columns:36px minmax(0,1fr) 28px;align-items:center;gap:10px;width:100%;min-height:58px;border:0;background:#fff;padding:9px 12px;text-align:left;color:#142237;cursor:pointer} .customer-compact-summary .avatar{width:36px;height:36px;border-radius:11px} .customer-compact-summary>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px} .customer-card-chevron{display:grid;width:28px;height:28px;place-items:center;border-radius:9px;background:#f3f7fa;color:#61758a;font-size:15px} .compact-customer-card.is-expanded .customer-compact-summary{background:#f8fcff;border-bottom:1px solid #e3edf3} .compact-customer-details{display:grid;gap:9px;padding:11px 12px 12px;background:#fff} .compact-contact{display:grid;gap:3px;color:#26394f;font-size:12px} .compact-contact small{color:#718196;font-size:11px;line-height:1.35} .compact-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:7px;margin:0!important} .compact-actions .customer-action{min-height:36px;padding:7px 9px;font-size:11px} .compact-customer-details .customer-stat{margin-top:0} .compact-customer-details .customer-business-row{margin-top:0} .compact-account-row{display:grid;grid-template-columns:1fr 1fr;gap:7px} .compact-account-row>span{display:grid;gap:4px;padding:8px 9px;border:1px solid #e1ebf1;border-radius:11px;color:#6a7d90;font-size:10px} .compact-account-row strong{color:#17324a;font-size:11px} .compact-detail-link{min-height:34px;border:0;background:transparent;color:#0878ef;font-size:11px;font-weight:800;cursor:pointer} .delivery-customer-picker-compact{position:relative;display:block;padding:0;border:0;border-radius:0;background:transparent} .delivery-customer-search-area{position:relative} .delivery-search-label{gap:6px} .delivery-customer-picker-compact .delivery-customer-search-box{height:46px;border-radius:12px} .delivery-customer-picker-compact .delivery-customer-search-box input{height:44px;font-size:15px} .delivery-customer-picker-compact .delivery-customer-results{display:none;position:absolute;z-index:40;top:calc(100% + 6px);left:0;right:0;max-height:276px;overflow:auto;gap:4px;padding:6px;border:1px solid #cfe0eb;border-radius:14px;background:#fff;box-shadow:0 18px 38px #193b5b26} .delivery-customer-picker-compact .delivery-customer-results.is-open{display:grid} .delivery-customer-result.compact{grid-template-columns:34px minmax(0,1fr) auto;min-height:48px;padding:6px 8px;border:0;border-radius:10px;background:#fff} .delivery-customer-result.compact:hover,.delivery-customer-result.compact:focus-visible{background:#eef8ff} .delivery-customer-result.compact .avatar{width:34px;height:34px;border-radius:10px} .delivery-result-name{display:grid;min-width:0;gap:1px} .delivery-result-name strong,.delivery-result-name small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .delivery-result-name strong{font-size:12px}.delivery-result-name small{color:#778a9b;font-size:9px} .delivery-customer-result.compact>b{font-size:10px;white-space:nowrap} .delivery-customer-picker-compact .delivery-customer-selected{display:flex;min-height:52px;padding:7px 9px;border-radius:12px} .delivery-customer-picker-compact .delivery-customer-selected.is-empty{display:none} .delivery-customer-picker-compact.has-selection .delivery-customer-search-area{display:none} .delivery-selected-main{display:flex!important;align-items:center;gap:8px;min-width:0;text-align:left!important} .delivery-selected-main .avatar{width:34px;height:34px;border-radius:10px} .delivery-selected-main>div{display:grid;gap:1px;min-width:0} .delivery-selected-main strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px} .delivery-selected-main small{font-size:9px} .delivery-change-customer{min-width:54px;height:34px;border:1px solid #bcdcf3;border-radius:9px;background:#fff;color:#0878ef;font-size:11px;font-weight:800;cursor:pointer} .customer-year-mobile-list{display:none} .customer-year-rank{display:grid;grid-template-columns:28px minmax(0,1fr) auto 18px;align-items:center;gap:8px;width:100%;min-height:58px;border:0;border-bottom:1px solid #e7eef3;background:#fff;padding:8px 4px;text-align:left;color:#172b3f;cursor:pointer} .customer-year-rank:last-child{border-bottom:0} .rank-number{display:grid;width:26px;height:26px;place-items:center;border-radius:9px;background:#edf6fd;color:#0878ef;font-size:10px;font-weight:900} .rank-customer,.rank-money{display:grid;gap:2px;min-width:0}.rank-customer strong,.rank-money strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.rank-customer small,.rank-money small{font-size:9px;color:#718196}.rank-money{text-align:right}.rank-chevron{color:#8aa0b2;font-size:18px} @media(max-width:700px){ #customers .page-head{margin-bottom:8px} #customers .page-head small{display:none} #customers .page-head h2{font-size:18px} #customers .page-head .btn{min-height:38px;padding:0 11px;font-size:11px} .customer-year-table-wrap{display:none} .customer-year-mobile-list{display:grid;border:1px solid #e1eaf0;border-radius:13px;overflow:hidden;background:#fff} .customer-intelligence-report{padding:11px;border-radius:16px} .customer-intelligence-head{gap:7px;margin-top:0} .customer-intelligence-head .section-note{font-size:10px;line-height:1.35} .customer-year-actions{display:grid;grid-template-columns:110px 1fr;gap:7px} .customer-year-actions input,.customer-year-actions .btn{width:100%;height:40px;min-height:40px} .customer-year-kpis{grid-template-columns:1fr 1fr;gap:7px;margin:8px 0} .customer-year-kpis article{min-height:72px;padding:9px 10px;border-radius:12px} .customer-year-kpis article strong{font-size:14px} #reports .finance-grid{gap:7px} #reports .finance-card{min-height:104px;padding:11px;border-radius:16px} #reports .finance-card strong{font-size:16px} #reports .report-strip{padding:8px;border-radius:15px} #reports .period-filter{margin-bottom:9px;padding:6px;border-radius:15px} #reports .period-tabs{gap:3px;padding:3px} #reports .period-tabs button{min-height:34px;font-size:10px} #reports .period-inputs{padding:0 2px 2px} #reports .period-inputs input{height:40px;min-height:40px} } @media(max-width:430px){ .customer-search-panel-compact{padding:8px 9px;border-radius:14px} .customer-month-compact{padding:7px 8px} .customer-month-compact input{width:116px;flex-basis:116px} .customer-month-compact strong{font-size:11px} .customer-filter-bar button{padding:0 9px!important} .compact-customer-details{padding:10px} .customer-business-row{grid-template-columns:1fr 1fr!important} .customer-business-row>span{padding:8px;font-size:9px} .customer-insight-card-actions{gap:7px} .delivery-customer-picker-compact .delivery-customer-results{max-height:238px} .customer-year-kpis .pack-kpi{min-height:62px} } /* 3.16.0 — Enterprise Compact Control: dense, readable, detail on demand */ .settlement-hero{display:grid;gap:7px;margin:0 0 10px;padding:14px;border-radius:17px;background:linear-gradient(135deg,#0878ef,#1265d7);color:#fff;box-shadow:0 9px 24px rgba(8,120,239,.16)} .settlement-hero>small{font-size:.65rem;font-weight:850;letter-spacing:.08em;opacity:.86} .settlement-hero>strong{font-size:1.55rem;line-height:1.05} .settlement-hero>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:2px} .settlement-hero span{display:grid;gap:2px;padding:7px 8px;border-radius:10px;background:rgba(255,255,255,.12);font-size:.62rem;line-height:1.2} .settlement-hero b{font-size:.72rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .employee-settlement-cards{display:grid;gap:9px} .employee-settlement-card{overflow:hidden;border:1px solid #dce7ef;border-radius:15px;background:#fff} .employee-settlement-card>header{display:flex;justify-content:space-between;align-items:flex-start;gap:9px;padding:11px 12px 7px} .employee-settlement-card>header>div{display:grid;gap:2px;min-width:0} .employee-settlement-card>header strong{font-size:.98rem;color:#172b3e} .employee-settlement-card>header small{font-size:.68rem;color:#718196} .employee-settlement-card>header>b{max-width:45%;padding:5px 7px;border-radius:9px;background:#fff4f4;text-align:right;font-size:.77rem;line-height:1.2} .employee-settlement-card>header>b.positive{background:#edf9f4} .settlement-mini-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:0 9px 9px} .settlement-mini-grid span{display:grid;gap:3px;min-width:0;padding:7px 6px;border-radius:9px;background:#f4f8fb;text-align:center} .settlement-mini-grid small{font-size:.52rem;font-weight:850;letter-spacing:.04em;color:#7a8b9c} .settlement-mini-grid strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.66rem;color:#1b3d58} .settlement-detail{border-top:1px solid #e6edf3} .settlement-detail>summary{padding:8px 12px;color:#0878ef;text-align:center;font-size:.68rem;font-weight:850;cursor:pointer;list-style:none} .settlement-detail>summary::-webkit-details-marker{display:none} .settlement-detail>summary::after{content:"⌄";margin-left:6px} .settlement-detail[open]>summary::after{content:"⌃"} .settlement-detail>div{display:grid;gap:5px;padding:0 12px 11px;color:#61758a;font-size:.68rem;line-height:1.35} .settlement-detail p{margin:0} .settlement-detail b{color:#284c69} .supplier-total-summary{gap:7px;margin:2px 0 9px} .supplier-total-summary span{gap:3px;padding:9px 10px;border-radius:11px} .supplier-total-summary small{font-size:.56rem} .supplier-total-summary strong{font-size:.83rem} .supplier-toolbar{margin-bottom:5px} .supplier-search-wrap{min-height:40px;border-radius:12px} .supplier-search-wrap input{font-size:.82rem} .supplier-compact-card{margin:7px 0;padding:11px 12px!important;border:1px solid #dce8f0!important;border-radius:15px;background:#fff;box-shadow:0 4px 14px rgba(35,68,98,.035)} .supplier-compact-card:first-child{border-top:1px solid #dce8f0!important} .supplier-compact-card .supplier-row-main{align-items:center} .supplier-compact-card .supplier-row-main>div>strong{font-size:.94rem} .supplier-compact-card .supplier-row-main small{font-size:.65rem} .supplier-held-pill{flex:none;padding:5px 8px;border-radius:9px;background:#fff3f3;font-size:.8rem;font-weight:900} .supplier-held-pill.positive{background:#eef9f4} .supplier-compact-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:8px 0 7px} .supplier-compact-metrics span{display:grid!important;gap:2px!important;padding:7px 7px!important;border-radius:9px!important;min-width:0} .supplier-compact-metrics small{font-size:.5rem!important;letter-spacing:.04em} .supplier-compact-metrics strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.68rem} .supplier-defective-note.compact{margin:0 0 6px;font-size:.66rem} .supplier-compact-actions{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important} .supplier-compact-actions button{min-height:32px!important;width:100%;padding:5px 4px!important;border-radius:9px;font-size:.63rem} .supplier-compact-actions .primary-soft{background:#eef7ff;color:#0878ef;border-color:#bfe0f8} .supplier-compact-actions .positive-soft{background:#eef9f4;color:#07865f;border-color:#bee9d8} .supplier-history-disclosure{margin-top:9px;border:1px solid #dce7ef;border-radius:13px;background:#fff;overflow:hidden} .supplier-history-disclosure>summary{display:flex;justify-content:space-between;align-items:center;gap:9px;min-height:40px;padding:9px 11px;color:#31506c;font-size:.72rem;font-weight:850;cursor:pointer;list-style:none} .supplier-history-disclosure>summary::-webkit-details-marker{display:none} .supplier-history-disclosure>summary::after{content:"⌄";color:#0878ef} .supplier-history-disclosure[open]>summary::after{content:"⌃"} .supplier-history-disclosure>summary b{margin-left:auto;display:grid;min-width:23px;height:23px;place-items:center;border-radius:8px;background:#edf6fd;color:#0878ef;font-size:.65rem} .supplier-history-body{padding:0 10px 8px;border-top:1px solid #edf2f5} .receipt-compact-card{padding:10px 0!important} .receipt-compact-card .receipt-row-head strong{font-size:.78rem} .receipt-compact-card .receipt-row-head small{font-size:.61rem} .receipt-compact-card>p{margin:6px 0!important;font-size:.65rem;line-height:1.35} .receipt-compact-card .receipt-finance-line{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px;margin:6px 0} .receipt-compact-card .receipt-finance-line span{display:grid!important;gap:2px!important;padding:6px!important;border-radius:8px!important;font-size:.58rem} .receipt-compact-card .receipt-finance-line small{font-size:.48rem;color:#7d8d9d;font-weight:850} .receipt-compact-card .receipt-finance-line strong{font-size:.64rem;white-space:nowrap} .receipt-compact-card .receipt-row-actions{display:flex!important;gap:5px;margin-top:6px} .receipt-compact-card .receipt-row-actions button{width:auto!important;min-height:29px!important;padding:4px 8px!important;font-size:.59rem} .payment-history .operation-row{padding:8px 0} .payment-history .operation-row strong{font-size:.72rem} .payment-history .operation-row small{font-size:.59rem} .customer-year-kpis-compact{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important;margin:8px 0!important} .customer-year-kpis-compact article{min-height:70px!important;padding:9px 10px!important;border-radius:12px!important} .customer-year-kpis-compact article small{font-size:.55rem} .customer-year-kpis-compact article>strong{margin-top:4px!important;font-size:.85rem!important} .customer-year-kpis-compact .bottle-kpi>strong{color:#0878ef!important} .customer-year-kpis-compact .bottle-kpi p{margin:4px 0 0;color:#708294;font-size:.55rem} .customer-year-kpis-compact .bottle-kpi b{color:#315a77;font-size:.58rem} .customer-year-kpis-compact .paid-kpi>strong{color:#078d63!important} .customer-year-more{border-top:1px solid #e7eef3} .customer-year-more>summary{padding:9px;color:#0878ef;text-align:center;font-size:.68rem;font-weight:850;cursor:pointer;list-style:none} .customer-year-more>summary::-webkit-details-marker{display:none} .customer-year-more>summary::after{content:"⌄";margin-left:6px} .customer-year-more[open]>summary::after{content:"⌃"} @media(max-width:700px){ #operation-settlement .section-head,#operation-suppliers .section-head{margin-bottom:8px} #operation-settlement .enterprise-card-tag{display:none} #operation-settlement.operation-card,#operation-suppliers.operation-card{padding:12px;border-radius:17px} #operation-settlement .section-head h2,#operation-suppliers .section-head h2{font-size:17px} #operation-settlement .section-head small,#operation-suppliers .section-head small{font-size:9px} .supplier-total-summary{grid-template-columns:1fr 1fr!important} .supplier-toolbar{display:block!important} .supplier-filter-reset{margin-top:5px;width:auto!important;min-height:32px!important;font-size:.65rem} .customer-intelligence-report{padding:10px!important} .customer-intelligence-head{display:flex!important;align-items:center!important;gap:8px!important} .customer-intelligence-head>div{min-width:0;flex:1} .customer-intelligence-head>div>small,.customer-intelligence-head .section-note{display:none} .customer-intelligence-head h2{font-size:17px;margin:0} .customer-year-actions{display:flex!important;width:auto!important;flex:none;gap:5px!important} .customer-year-actions input{width:76px!important;height:34px!important;min-height:34px!important;padding:0 7px;font-size:.7rem} .customer-year-actions .btn{width:58px!important;height:34px!important;min-height:34px!important;padding:0 5px;font-size:.65rem} .customer-year-kpis-compact{grid-template-columns:1fr 1fr!important} .customer-year-kpis-compact article{min-height:61px!important} .customer-year-rank{min-height:50px;padding:6px 4px} .rank-number{width:24px;height:24px} .rank-customer strong,.rank-money strong{font-size:.68rem} .rank-customer small,.rank-money small{font-size:.56rem} #reports .period-filter{gap:5px!important;padding:5px!important;margin-bottom:6px!important} #reports .period-tabs button{min-height:30px!important;font-size:.62rem!important} #reports .period-inputs input{height:35px!important;min-height:35px!important;font-size:.72rem} } @media(max-width:430px){ .settlement-hero{padding:11px;border-radius:14px} .settlement-hero>strong{font-size:1.28rem} .settlement-hero span{padding:6px 5px;font-size:.55rem} .settlement-hero b{font-size:.6rem} .employee-settlement-card>header{padding:9px 10px 6px} .employee-settlement-card>header strong{font-size:.9rem} .employee-settlement-card>header small{font-size:.59rem} .employee-settlement-card>header>b{font-size:.67rem} .settlement-mini-grid{padding:0 7px 7px;gap:4px} .settlement-mini-grid span{padding:6px 4px} .settlement-mini-grid small{font-size:.45rem} .settlement-mini-grid strong{font-size:.57rem} .supplier-compact-card{padding:9px 10px!important} .supplier-compact-actions button{font-size:.58rem} .customer-year-kpis-compact article{min-height:57px!important;padding:8px!important} .customer-year-kpis-compact article>strong{font-size:.78rem!important} } /* 3.24.0 — Enterprise Fleet Reload + Company Hub */ .operations-command-strip{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin:0 0 12px; } .operations-command{ min-width:0; min-height:76px; display:grid; grid-template-columns:36px minmax(0,1fr); grid-template-rows:auto auto; align-items:center; column-gap:10px; padding:11px 12px; border:1px solid #d7e5ef; border-radius:16px; background:#fff; color:#173651; text-align:left; box-shadow:0 6px 18px rgba(27,64,95,.05); cursor:pointer; } .operations-command>span{ grid-row:1/3;display:grid;place-items:center;width:36px;height:36px;border-radius:11px; background:#edf6ff;color:#0878ef;font-size:1.15rem;font-weight:900 } .operations-command strong{font-size:.87rem;line-height:1.15} .operations-command small{font-size:.66rem;color:#71869a;line-height:1.2} .operations-command.primary{border-color:#a8d4fb;background:#f5fbff} .operations-command.positive{border-color:#bce6d5;background:#f4fcf8} .operations-command.positive>span{background:#e3f7ee;color:#07865f} .operations-command:disabled{opacity:.48;cursor:not-allowed} .compact-attention{margin-bottom:12px} .enterprise-operations-reordered{align-items:start} .operation-inline-details{border:1px solid #dfeaf2;border-radius:13px;background:#f8fbfd;overflow:hidden} .operation-inline-details>summary{padding:11px 12px;color:#176ca9;font-size:.78rem;font-weight:850;cursor:pointer} .operation-inline-details[open]>summary{border-bottom:1px solid #e2ebf2} .operation-inline-details>#closing-summary{padding:10px} .vehicle-stock-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px} .vehicle-auto-confirm-note{display:grid;gap:3px;margin:0 0 12px;padding:11px 12px;border:1px solid #bde7d5;border-radius:14px;background:#f1fbf6;color:#557365} .vehicle-auto-confirm-note strong{color:#07865f;font-size:.86rem} .vehicle-auto-confirm-note span{font-size:.72rem;line-height:1.35} .vehicle-stock-preview{display:grid!important;gap:4px!important} .vehicle-stock-preview strong{color:#173651} .vehicle-stock-preview span{font-size:.74rem} .fleet-location-summary{grid-template-columns:repeat(3,minmax(0,1fr))} .vehicle-location-row>strong{white-space:nowrap} .company-page-head{margin-bottom:10px} .company-head-actions{display:flex;align-items:center;gap:8px} .company-head-actions input{min-width:158px} .company-hub{margin-bottom:12px} .company-section-head{align-items:center} .company-total-summary{grid-template-columns:repeat(6,minmax(0,1fr));margin-bottom:12px} .company-total-summary span{min-height:66px} .company-supplier-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .company-profile-card{margin:0!important;padding:14px!important;border:1px solid #dce8f0!important;border-radius:17px!important} .company-profile-head strong{font-size:1rem!important} .company-profile-meta{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0} .company-profile-meta span{padding:5px 7px;border-radius:999px;background:#f2f7fb;color:#688096;font-size:.62rem;font-weight:750} .company-finance-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important} .company-finance-grid span{padding:9px!important} .company-finance-grid small{font-size:.54rem!important} .company-finance-grid strong{font-size:.72rem!important} .company-profile-actions{grid-template-columns:repeat(4,minmax(0,1fr))!important} .company-profile-actions button{min-width:0!important} .company-history-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px} .company-history-card{min-width:0} .company-history-card .supplier-history-disclosure{margin:0;border:0;background:transparent} .company-history-card .supplier-history-disclosure>summary{padding:7px 0} .company-history-card .supplier-history-body{padding:0} @media(max-width:760px){ .operations-command-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px} .operations-command{min-height:64px;padding:8px 9px;grid-template-columns:30px minmax(0,1fr);column-gap:7px} .operations-command>span{width:30px;height:30px;border-radius:9px;font-size:1rem} .operations-command strong{font-size:.76rem} .operations-command small{font-size:.58rem} .compact-attention .section-head h2{font-size:1rem} .fleet-location-summary{grid-template-columns:1fr 1fr} .vehicle-stock-fields{grid-template-columns:1fr 1fr} .company-head-actions{width:100%;display:grid;grid-template-columns:1fr auto} .company-head-actions input{min-width:0;width:100%} .company-total-summary{grid-template-columns:1fr 1fr;gap:6px} .company-total-summary span{min-height:58px;padding:8px 9px} .company-supplier-list{grid-template-columns:1fr} .company-profile-card{padding:12px!important} .company-profile-meta{gap:4px} .company-finance-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important} .company-profile-actions{grid-template-columns:1fr 1fr!important} .company-history-grid{grid-template-columns:1fr} } /* 3.24.0 — Compact operations + vehicle empty bottle reconciliation */ .inventory-card-tools{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end} .inventory-mini-action{min-height:30px;padding:5px 9px;border:1px solid #b9d9ee;border-radius:10px;background:#f2f9ff;color:#0d6da8;font-size:.68rem;font-weight:850;cursor:pointer} .inventory-mini-action:hover{background:#e9f5ff} .vehicle-location-balance{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0} .vehicle-location-balance>strong{white-space:nowrap} .vehicle-empty-edit{min-height:29px;padding:5px 8px;border-radius:9px;font-size:.65rem} .vehicle-empty-adjustment-note{display:grid;gap:4px;padding:11px 12px;border:1px solid #c8e2f3;border-radius:14px;background:#f3f9fd;color:#587287} .vehicle-empty-adjustment-note strong{color:#176b9f;font-size:.84rem} .vehicle-empty-adjustment-note span{font-size:.72rem;line-height:1.4} .vehicle-empty-compare{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:10px} .vehicle-empty-compare>div,.vehicle-empty-compare>label{min-height:74px;padding:10px 11px;border:1px solid #dce8f0;border-radius:14px;background:#f8fbfd} .vehicle-empty-compare>div{display:grid;align-content:center;gap:5px} .vehicle-empty-compare small,.vehicle-empty-compare>label{font-size:.68rem;font-weight:850;color:#6a8094;letter-spacing:.04em} .vehicle-empty-compare strong{font-size:1.15rem;color:#173651} .vehicle-empty-compare>span{align-self:center;color:#82a0b5;font-size:1.2rem;font-weight:900} .vehicle-empty-compare input{margin-top:5px;background:#fff} .vehicle-empty-adjustment-preview{display:grid;gap:4px;padding:10px 12px;border:1px solid #dce8f0;border-radius:13px;background:#f8fbfd;color:#64798c} .vehicle-empty-adjustment-preview strong{color:#173651;font-size:.84rem} .vehicle-empty-adjustment-preview span{font-size:.71rem;line-height:1.35} .vehicle-empty-adjustment-preview.is-positive{border-color:#bde5d3;background:#f2fbf7} .vehicle-empty-adjustment-preview.is-positive strong{color:#087957} .vehicle-empty-adjustment-preview.is-warning{border-color:#f0c7c7;background:#fff5f5} .vehicle-empty-adjustment-preview.is-warning strong{color:#b32936} .vehicle-empty-quick-row{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px} .vehicle-empty-quick-row .btn{min-height:36px} .vehicle-empty-quick-row span{font-size:.68rem;color:#71869a;line-height:1.35} @media(max-width:760px){ .operations-command-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px} .operations-command{min-height:54px;padding:6px 4px;display:grid;grid-template-columns:1fr;grid-template-rows:24px auto;gap:3px;place-items:center;text-align:center;border-radius:13px} .operations-command>span{grid-row:auto;width:24px;height:24px;border-radius:7px;font-size:.82rem} .operations-command strong{font-size:.62rem;line-height:1.05;white-space:normal} .operations-command small{display:none} .inventory-card-tools{gap:5px} .inventory-mini-action{min-height:28px;padding:4px 7px;font-size:.61rem} .vehicle-location-row{align-items:center} .vehicle-location-balance{display:grid;justify-items:end;gap:4px} .vehicle-location-balance>strong{font-size:.78rem} .vehicle-empty-edit{min-height:26px;padding:4px 7px;font-size:.59rem} .vehicle-empty-compare{grid-template-columns:1fr auto 1fr;gap:6px} .vehicle-empty-compare>div,.vehicle-empty-compare>label{min-height:68px;padding:8px} .vehicle-empty-compare>span{font-size:1rem} .vehicle-empty-quick-row{grid-template-columns:1fr;gap:5px} .vehicle-empty-quick-row .btn{width:max-content;min-height:34px} } /* 3.28.0 — Deduplicated mobile UX: one action per place, contextual status only */ .company-title-mobile{display:none} #operations .operations-command-strip{grid-template-columns:repeat(3,minmax(0,1fr))} .vehicle-empty-balance-strip{display:grid;grid-template-columns:1fr 1fr;gap:8px} .vehicle-empty-balance-strip>span{display:grid;gap:4px;padding:9px 10px;border:1px solid #dce8f0;border-radius:12px;background:#f8fbfd;color:#71869a;font-size:.66rem;font-weight:750} .vehicle-empty-balance-strip strong{color:#173651;font-size:.82rem} .vehicle-empty-quick-row>div{display:flex;gap:6px;flex-wrap:wrap} #vehicle-empty-save:disabled{opacity:.45;cursor:not-allowed;filter:saturate(.6)} .vehicle-empty-return-tool{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:7px;padding:9px 10px;border:1px solid #dce8f0;border-radius:13px;background:#fbfdff} .vehicle-empty-return-tool label{margin:0;font-size:.66rem;font-weight:850;color:#6a8094;letter-spacing:.04em} .vehicle-empty-return-tool input{margin-top:5px;background:#fff} .vehicle-empty-return-tool .btn{min-height:40px;white-space:nowrap} .vehicle-empty-return-tool>span{grid-column:1/-1;font-size:.67rem;color:#71869a;line-height:1.3} .label-mobile{display:none} .vehicle-empty-return-presets{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:-3px} .vehicle-empty-return-presets>span{color:#71869a;font-size:.67rem;font-weight:800} .vehicle-empty-return-presets>div{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end} .vehicle-empty-return-presets button{min-width:42px;min-height:34px;border:1px solid #c9deeb;border-radius:999px;background:#f7fbfe;color:#176ca9;padding:0 10px;font-size:.7rem;font-weight:850;cursor:pointer;touch-action:manipulation} .vehicle-empty-return-presets button:last-child{border-color:#b9e4d2;background:#f0fbf6;color:#087957} .vehicle-empty-return-presets button:active{transform:translateY(1px)} #vehicle-empty-adjustment-dialog .dialog-actions{background:#fff} @media(max-width:760px){ .label-desktop{display:none} .label-mobile{display:inline} /* Vận hành: chỉ giữ 3 hành động thuộc đúng ngữ cảnh; Công ty dùng tab riêng. */ #operations>.enterprise-page-head .section-note{display:none} #operations>.enterprise-page-head{margin-bottom:7px;gap:8px} #operations>.enterprise-page-head h2{font-size:1.25rem;line-height:1.12} #operations>.enterprise-page-head input{min-height:40px;height:40px;max-width:138px} #operations .operations-command-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:8px} #operations .operations-command{min-height:52px;padding:5px 5px;display:grid;grid-template-columns:1fr;grid-template-rows:23px auto;gap:3px;place-items:center;text-align:center;border-radius:12px} #operations .operations-command>span{grid-row:auto;width:23px;height:23px;border-radius:7px;font-size:.78rem} #operations .operations-command strong{font-size:.68rem;line-height:1.08;white-space:normal} #operations .operations-command small{display:none} /* Trạng thái sạch không chiếm chỗ; chỉ hiện khối cảnh báo khi thật sự cần xử lý. */ #operations .compact-attention.is-clean{display:none} #operations .compact-attention.has-issues{display:block;padding:10px 11px;margin-bottom:9px;border-radius:15px} #operations .compact-attention.has-issues .enterprise-attention-grid button.is-ok:not([data-enterprise-action="closing"]){display:none} #operations .compact-attention.has-issues .enterprise-attention-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px} #operations .compact-attention.has-issues .enterprise-attention-grid button{min-height:76px;padding:8px} #operations .compact-attention.has-issues .enterprise-attention-grid button strong{font-size:.78rem} /* Công ty: bỏ thanh lệnh lặp; ngày + tạo phiếu + tạo công ty nằm ngay trong header. */ #company .company-title-desktop{display:none} #company .company-title-mobile{display:inline} #company .company-page-head{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;align-items:stretch;padding:0 2px 4px;margin-bottom:7px} #company .company-page-head>div:first-child{min-width:0} #company .company-page-head h2{max-width:none;font-size:1.28rem;line-height:1.12;text-wrap:balance} #company .company-page-head .section-note{display:none} #company .company-head-actions{width:100%;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) 74px 84px;gap:6px;align-items:stretch} #company .company-head-actions input{width:100%;min-width:0;max-width:none;height:42px;padding-inline:9px;overflow:hidden} #company .company-head-actions .btn{width:auto;min-width:0;min-height:42px;height:42px;padding:0 6px;border-radius:12px;font-size:.68rem;line-height:1.08;white-space:nowrap} #company .company-receipt-add{border-color:#badbf1;background:#f4faff;color:#0e6da8} #company .company-hub{margin-bottom:9px} #company .operation-card{padding:12px!important;border-radius:16px!important} #company .company-section-head{margin-top:0} #company .company-section-head h2{font-size:1.05rem} #company .company-total-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-bottom:8px} #company .company-total-summary span{min-height:56px;padding:7px} #company .company-total-summary small{font-size:.50rem;line-height:1.12} #company .company-total-summary strong{font-size:.70rem;line-height:1.15;overflow-wrap:anywhere} /* Vỏ xe: giữ các nút thao tác một tay, không lặp hướng dẫn dài. */ .vehicle-empty-balance-strip{gap:6px} .vehicle-empty-balance-strip>span{padding:7px 8px} .vehicle-empty-return-tool{grid-template-columns:minmax(0,1fr) 94px;padding:8px;gap:6px} .vehicle-empty-return-tool .btn{min-height:38px;padding-inline:7px;font-size:.68rem} .vehicle-empty-return-tool>span{font-size:.63rem} .vehicle-empty-return-presets{display:grid;grid-template-columns:auto minmax(0,1fr);gap:7px} .vehicle-empty-return-presets>div{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px} .vehicle-empty-return-presets button{min-width:0;min-height:34px;padding:0 4px;font-size:.67rem} .vehicle-empty-quick-row{grid-template-columns:1fr;gap:5px} .vehicle-empty-quick-row>span{display:none} .vehicle-empty-quick-row>div{display:grid;grid-template-columns:1fr 1fr;width:100%} .vehicle-empty-quick-row .btn{width:100%;min-height:34px;padding-inline:7px;font-size:.68rem} #vehicle-empty-adjustment-dialog{width:calc(100% - 12px);max-height:94dvh;border-radius:22px 22px 14px 14px} #vehicle-empty-adjustment-dialog form{gap:11px;padding:14px 14px max(12px,env(safe-area-inset-bottom))} #vehicle-empty-adjustment-dialog .dialog-head{padding-bottom:10px} #vehicle-empty-adjustment-dialog .dialog-head h2{font-size:1.08rem} #vehicle-empty-adjustment-dialog .vehicle-empty-adjustment-note{padding:8px 9px;border-radius:12px} #vehicle-empty-adjustment-dialog .vehicle-empty-adjustment-note span{font-size:.66rem} #vehicle-empty-adjustment-dialog label{gap:5px} #vehicle-empty-adjustment-dialog input,#vehicle-empty-adjustment-dialog select{height:44px} .vehicle-empty-compare>div,.vehicle-empty-compare>label{min-height:66px;padding:8px} .vehicle-empty-compare strong{font-size:1rem} #vehicle-empty-adjustment-dialog .dialog-actions{position:sticky;bottom:-1px;z-index:3;margin:0 -14px -14px;padding:10px 14px max(10px,env(safe-area-inset-bottom));box-shadow:0 -8px 20px rgba(20,54,79,.08)} #vehicle-empty-adjustment-dialog .dialog-actions .btn{min-height:44px} } @media(max-width:390px){ #operations .operations-command strong{font-size:.65rem} #company .company-page-head h2{font-size:1.22rem} #company .company-head-actions{grid-template-columns:minmax(0,1fr) 68px 78px;gap:5px} #company .company-head-actions .btn{font-size:.64rem;padding-inline:4px} #company .company-total-summary strong{font-size:.66rem} #company .company-total-summary small{font-size:.47rem} .vehicle-empty-return-presets>span{font-size:.62rem} .vehicle-empty-return-presets button{font-size:.63rem} } /* 3.31.0 — Enterprise supplier receipts: period search + large bottle-first cards */ #company{--company-ink:#16344e;--company-muted:#6b8092;--company-line:#dce8f0;--company-blue:#0878ef;--company-soft:#f5f9fc} #company .company-page-head{align-items:flex-end;margin-bottom:12px} #company .company-title-block h2{font-size:1.9rem;line-height:1.12} #company .company-title-block .section-note{font-size:.84rem;line-height:1.5;max-width:760px} #company .company-head-actions{display:flex;justify-content:flex-end;gap:8px} #company .company-head-actions .btn{min-height:46px;padding:0 16px;border-radius:13px;font-size:.82rem;font-weight:850} .company-period-panel{display:grid;grid-template-columns:minmax(220px,.72fr) minmax(0,1.55fr);gap:14px;align-items:end;margin:0 0 14px;padding:15px 16px;border:1px solid #cfe1ee;border-radius:18px;background:linear-gradient(135deg,#f7fbff,#eef7fd);box-shadow:0 6px 18px rgba(35,76,105,.05)} .company-period-heading{display:grid;gap:4px;min-width:0} .company-period-heading>div{display:grid;gap:3px} .company-period-heading small{font-size:.68rem;font-weight:900;letter-spacing:.12em;color:#0878ef} .company-period-heading strong{font-size:1.12rem;line-height:1.2;color:#16344e} .company-period-heading>span{font-size:.76rem;font-weight:800;color:#5e778d} .company-period-controls{display:grid;grid-template-columns:minmax(150px,.9fr) minmax(180px,1.2fr) auto;gap:9px;align-items:end} .company-period-controls label{display:grid;gap:5px;min-width:0;margin:0;color:#5f7588;font-size:.66rem;font-weight:850;letter-spacing:.04em} .company-period-controls input,.company-period-controls select{width:100%;min-width:0;height:46px;padding:0 12px;border:1px solid #c7dce9;border-radius:12px;background:#fff;color:#173651;font-size:.92rem;font-weight:750;outline:none} .company-period-controls input:focus,.company-period-controls select:focus{border-color:#6bb6ee;box-shadow:0 0 0 3px rgba(8,120,239,.09)} .company-period-controls .btn{height:46px;min-height:46px;padding:0 13px;white-space:nowrap;border-radius:12px} .company-period-controls>.is-hidden{display:none!important} #company .company-hub{padding:18px!important;border-radius:20px!important} #company .company-section-head{align-items:flex-start;margin-bottom:12px} #company .company-section-head h2{font-size:1.45rem;line-height:1.15} #company .company-summary-note{margin:5px 0 0;color:#6b8092;font-size:.76rem;line-height:1.42} #company .company-total-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px} #company .company-total-summary>span{position:relative;display:grid;align-content:center;gap:5px;min-height:104px;padding:13px 14px;border:1px solid #e1eaf1;border-radius:16px;background:#f7fafc;color:#647b8e;overflow:hidden} #company .company-total-summary>span:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:#c8dce9} #company .company-total-summary>span.company-summary-primary{background:#f5faff;border-color:#d5e8f5} #company .company-total-summary>span.company-summary-primary:before{background:#2188d9} #company .company-total-summary>span.received{background:#f2fbf7;border-color:#d6eee3} #company .company-total-summary>span.received:before{background:#14956d} #company .company-total-summary>span.sent{background:#f4f8ff;border-color:#dbe6f8} #company .company-total-summary>span.sent:before{background:#547dc8} #company .company-total-summary>span.defective{background:#fff8f2;border-color:#f2e0d0} #company .company-total-summary>span.defective:before{background:#d8873f} #company .company-total-summary>span.due{background:#fff5f5;border-color:#f3d9dc} #company .company-total-summary>span.due:before{background:#c92a35} #company .company-total-summary small{font-size:.66rem!important;line-height:1.2;font-weight:900;letter-spacing:.07em;color:#5e7a91} #company .company-total-summary strong{font-size:1.52rem!important;line-height:1.05;font-weight:900;color:#16344e;overflow-wrap:anywhere} #company .company-total-summary strong em{font-size:.72rem;font-style:normal;font-weight:850;color:#6b8092} #company .company-total-summary>span>i{font-size:.65rem;font-style:normal;font-weight:700;color:#8195a6} #company .company-total-summary .due strong{color:#c92a35} #company .company-supplier-list{gap:12px} #company .company-profile-card.company-profile-enterprise{padding:17px!important;border-radius:18px!important;background:#fff;box-shadow:0 7px 22px rgba(24,62,90,.055)} #company .company-profile-enterprise .company-profile-head{align-items:center} #company .company-profile-enterprise .company-profile-head>div{display:grid;gap:4px} #company .company-profile-enterprise .company-profile-head>div>small{font-size:.62rem;font-weight:900;letter-spacing:.09em;color:#2581c7} #company .company-profile-enterprise .company-profile-head>div>strong{font-size:1.35rem!important;line-height:1.15;color:#173651} #company .company-profile-enterprise .company-profile-head p{margin:0;color:#70869a;font-size:.78rem;line-height:1.35} #company .company-profile-enterprise .supplier-held-pill{display:grid;grid-template-columns:auto auto;align-items:baseline;gap:3px;min-width:116px;padding:10px 12px;border-radius:14px;text-align:right} #company .company-profile-enterprise .supplier-held-pill small{grid-column:1/-1;font-size:.56rem;font-weight:900;letter-spacing:.08em} #company .company-profile-enterprise .supplier-held-pill strong{font-size:1.55rem;line-height:1} #company .company-bottle-lifetime{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:12px 0} #company .company-bottle-lifetime span{display:grid;align-content:center;min-height:54px;padding:8px 10px;border:1px solid #e4edf3;border-radius:12px;background:#f8fbfd;color:#657d91;font-size:.69rem!important;line-height:1.3;font-weight:750} #company .company-bottle-lifetime b{font-size:1.05rem;color:#173651} #company .company-finance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important} #company .company-finance-grid span{min-height:68px;padding:10px 11px!important;border-radius:13px} #company .company-finance-grid small{font-size:.60rem!important;line-height:1.15} #company .company-finance-grid strong{font-size:.90rem!important;line-height:1.2;white-space:normal!important} #company .company-profile-actions{gap:7px!important;margin-top:10px} #company .company-profile-actions button{min-height:42px!important;font-size:.72rem!important;font-weight:850} #company .company-history-grid{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:14px;align-items:start} #company .company-history-card{padding:17px!important;border-radius:20px!important} #company .company-history-card>.section-head{margin-bottom:10px} #company .company-history-card>.section-head h2{font-size:1.35rem;line-height:1.15} #company .company-history-card>.section-head p{margin:5px 0 0;color:#71869a;font-size:.75rem;line-height:1.4} #company .company-receipt-disclosure{border:0;border-radius:0;background:transparent} #company .company-receipt-disclosure>summary{min-height:48px;padding:10px 0 12px;border-bottom:1px solid #dfe9f0;font-size:.82rem;font-weight:900;color:#31506c} #company .company-receipt-disclosure>summary b{min-width:29px;height:29px;font-size:.72rem;border-radius:9px} #company .company-receipt-list{display:grid;gap:12px;padding:12px 0 0!important;border:0!important} #company .receipt-enterprise-card{margin:0;padding:15px!important;border:1px solid #dbe7ef!important;border-radius:17px!important;background:#fff;box-shadow:0 5px 16px rgba(27,67,96,.045)} #company .receipt-enterprise-card.cancelled{opacity:.62;background:#f7f8f9} #company .receipt-enterprise-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start;margin-bottom:12px} #company .receipt-enterprise-identity{display:grid;gap:4px;min-width:0} #company .receipt-number-line{display:flex;align-items:center;gap:7px;flex-wrap:wrap} #company .receipt-number-line span{padding:4px 7px;border-radius:8px;background:#eaf5fd;color:#0878ef;font-size:.64rem;font-weight:950;letter-spacing:.06em} #company .receipt-number-line time{color:#637b8f;font-size:.78rem;font-weight:850} #company .receipt-enterprise-identity>strong{font-size:1.22rem;line-height:1.15;color:#173651} #company .receipt-enterprise-identity>small{font-size:.68rem;line-height:1.35;color:#7b8fa0} #company .receipt-enterprise-status{display:grid;gap:4px;min-width:138px;padding:9px 11px;border-radius:13px;text-align:right} #company .receipt-enterprise-status small{font-size:.56rem;font-weight:900;letter-spacing:.07em} #company .receipt-enterprise-status strong{font-size:.90rem;line-height:1.15} #company .receipt-enterprise-status.has-due{background:#fff1f1;color:#c92a35} #company .receipt-enterprise-status.is-paid{background:#edf9f4;color:#07865f} #company .receipt-bottle-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:9px} #company .receipt-bottle-grid>span{display:grid;grid-template-columns:auto 1fr;align-items:end;column-gap:4px;row-gap:4px;min-height:91px;padding:11px;border:1px solid #e0eaf1;border-radius:14px;background:#f8fbfd} #company .receipt-bottle-grid small{grid-column:1/-1;font-size:.59rem;line-height:1.15;font-weight:900;letter-spacing:.055em;color:#668095} #company .receipt-bottle-grid strong{font-size:1.68rem;line-height:.95;color:#173651} #company .receipt-bottle-grid em{font-size:.67rem;font-style:normal;font-weight:850;color:#74899b;padding-bottom:2px} #company .receipt-bottle-grid i{grid-column:1/-1;font-size:.60rem;font-style:normal;line-height:1.2;color:#70869a} #company .receipt-bottle-grid .received{background:#f1fbf6;border-color:#d4ebdf} #company .receipt-bottle-grid .received strong{color:#087957} #company .receipt-bottle-grid .sent{background:#f1f7ff;border-color:#d8e5f6} #company .receipt-bottle-grid .sent strong{color:#356db7} #company .receipt-bottle-grid .defective{background:#fff8f1;border-color:#f2e0cf} #company .receipt-bottle-grid .defective strong{color:#ba6a25} #company .receipt-bottle-grid .holding.increase{background:#fff4f4;border-color:#f0d5d8} #company .receipt-bottle-grid .holding.increase strong{color:#c92a35} #company .receipt-bottle-grid .holding.decrease{background:#f0faf5;border-color:#d4ebdf} #company .receipt-bottle-grid .holding.decrease strong{color:#07865f} #company .receipt-enterprise-finance{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:0} #company .receipt-enterprise-finance span{display:grid;gap:4px;min-height:63px;padding:9px 10px;border:1px solid #e5edf2;border-radius:12px;background:#fbfdfe} #company .receipt-enterprise-finance small{font-size:.55rem;font-weight:900;line-height:1.15;letter-spacing:.05em;color:#758a9b} #company .receipt-enterprise-finance strong{font-size:.82rem;line-height:1.2;color:#173651;white-space:normal;overflow-wrap:anywhere} #company .receipt-enterprise-finance .due{background:#fff5f5} #company .receipt-enterprise-finance .due strong{color:#c92a35} #company .receipt-enterprise-finance .paid{background:#f1faf6} #company .receipt-enterprise-finance .paid strong{color:#07865f} #company .receipt-enterprise-note{margin-top:9px;padding:9px 10px;border-left:3px solid #b8d8ed;border-radius:0 10px 10px 0;background:#f7fbfe} #company .receipt-enterprise-note small{font-size:.56rem;font-weight:900;letter-spacing:.07em;color:#61839c} #company .receipt-enterprise-note p{margin:3px 0 0;color:#4f6a7e;font-size:.72rem;line-height:1.42} #company .receipt-enterprise-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:10px} #company .receipt-enterprise-actions button{min-height:38px;padding:7px 12px;border-radius:10px;font-size:.68rem;font-weight:850} #company .receipt-readonly-note{display:block;margin-top:9px;padding:8px 10px;border-radius:10px;background:#f5f8fa;color:#6f8496;font-size:.67rem;font-weight:750} #company .company-payment-row{min-height:66px;padding:10px 0} #company .company-payment-row>div>strong{font-size:.83rem} #company .company-payment-row small{font-size:.67rem;line-height:1.4} @media(max-width:980px){ #company .company-total-summary{grid-template-columns:repeat(2,minmax(0,1fr))} #company .company-history-grid{grid-template-columns:1fr} #company .company-bottle-lifetime{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:760px){ #company .company-page-head{display:grid;grid-template-columns:minmax(0,1fr)!important;gap:10px!important;margin-bottom:10px!important;padding:0 2px!important} #company .company-page-head h2{font-size:1.52rem!important;line-height:1.12!important} #company .company-page-head .section-note{display:block!important;margin-top:5px;font-size:.72rem;line-height:1.35} #company .company-head-actions{width:100%;display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important} #company .company-head-actions .btn{height:44px!important;min-height:44px!important;padding:0 9px!important;border-radius:12px!important;font-size:.75rem!important} .company-period-panel{grid-template-columns:1fr;gap:9px;margin-bottom:10px;padding:12px;border-radius:16px} .company-period-heading{grid-template-columns:minmax(0,1fr);gap:3px} .company-period-heading small{font-size:.60rem} .company-period-heading strong{font-size:1rem} .company-period-heading>span{font-size:.68rem} .company-period-controls{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr) 78px;gap:6px} .company-period-controls label{font-size:.58rem;gap:4px} .company-period-controls input,.company-period-controls select{height:43px;padding:0 8px;font-size:.78rem;border-radius:11px} .company-period-controls .btn{height:43px;min-height:43px;padding:0 5px;font-size:.66rem} #company .company-hub{padding:13px!important;border-radius:17px!important;margin-bottom:10px!important} #company .company-section-head h2{font-size:1.18rem!important} #company .company-summary-note{font-size:.67rem} #company .company-total-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;margin-bottom:11px!important} #company .company-total-summary>span{min-height:89px!important;padding:10px 11px!important;border-radius:14px} #company .company-total-summary small{font-size:.57rem!important} #company .company-total-summary strong{font-size:1.28rem!important} #company .company-total-summary strong em{font-size:.65rem} #company .company-total-summary>span>i{font-size:.59rem} #company .company-profile-card.company-profile-enterprise{padding:13px!important;border-radius:16px!important} #company .company-profile-enterprise .company-profile-head{gap:8px} #company .company-profile-enterprise .company-profile-head>div>strong{font-size:1.18rem!important} #company .company-profile-enterprise .company-profile-head p{font-size:.70rem} #company .company-profile-enterprise .supplier-held-pill{min-width:96px;padding:8px 9px} #company .company-profile-enterprise .supplier-held-pill strong{font-size:1.35rem} #company .company-bottle-lifetime{grid-template-columns:1fr 1fr;gap:6px;margin:10px 0} #company .company-bottle-lifetime span{min-height:50px;padding:7px 8px;font-size:.64rem!important} #company .company-bottle-lifetime b{font-size:.95rem} #company .company-finance-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important} #company .company-finance-grid span{min-height:62px;padding:8px!important} #company .company-finance-grid small{font-size:.52rem!important} #company .company-finance-grid strong{font-size:.76rem!important} #company .company-profile-actions{grid-template-columns:1fr 1fr!important} #company .company-profile-actions button{min-height:40px!important;font-size:.67rem!important} #company .company-history-card{padding:13px!important;border-radius:17px!important} #company .company-history-card>.section-head h2{font-size:1.18rem} #company .company-history-card>.section-head p{font-size:.67rem} #company .company-receipt-disclosure>summary{min-height:44px;font-size:.72rem} #company .company-receipt-list{gap:10px;padding-top:10px!important} #company .receipt-enterprise-card{padding:12px!important;border-radius:15px!important} #company .receipt-enterprise-head{grid-template-columns:minmax(0,1fr) auto;gap:7px;margin-bottom:10px} #company .receipt-enterprise-identity>strong{font-size:1.08rem} #company .receipt-number-line span{font-size:.57rem} #company .receipt-number-line time{font-size:.68rem} #company .receipt-enterprise-identity>small{font-size:.61rem} #company .receipt-enterprise-status{min-width:110px;padding:8px} #company .receipt-enterprise-status small{font-size:.49rem} #company .receipt-enterprise-status strong{font-size:.75rem} #company .receipt-bottle-grid{grid-template-columns:1fr 1fr;gap:6px;margin-bottom:7px} #company .receipt-bottle-grid>span{min-height:84px;padding:9px;border-radius:13px} #company .receipt-bottle-grid small{font-size:.53rem} #company .receipt-bottle-grid strong{font-size:1.58rem} #company .receipt-bottle-grid em{font-size:.63rem} #company .receipt-bottle-grid i{font-size:.55rem} #company .receipt-enterprise-finance{grid-template-columns:1fr 1fr;gap:6px} #company .receipt-enterprise-finance span{min-height:58px;padding:8px} #company .receipt-enterprise-finance small{font-size:.50rem} #company .receipt-enterprise-finance strong{font-size:.76rem} #company .receipt-enterprise-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px} #company .receipt-enterprise-actions button{width:100%;min-height:39px} } @media(max-width:390px){ .company-period-controls{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr) 68px} .company-period-controls input,.company-period-controls select{font-size:.73rem;padding:0 6px} .company-period-controls .btn{font-size:.61rem} #company .company-total-summary strong{font-size:1.20rem!important} #company .receipt-enterprise-head{grid-template-columns:1fr} #company .receipt-enterprise-status{width:100%;min-width:0;text-align:left;grid-template-columns:auto 1fr;align-items:center} #company .receipt-enterprise-status strong{text-align:right} } /* 3.31.0 — Large, readable stock-receipt form */ #receipt-dialog.receipt-enterprise-dialog{width:min(760px,calc(100% - 28px));max-height:92dvh;border-radius:22px} #receipt-dialog #receipt-form{gap:14px;padding:20px} #receipt-dialog .dialog-head{padding-bottom:12px;border-bottom:1px solid #e1eaf1} #receipt-dialog .dialog-head small{font-size:.67rem;font-weight:900;letter-spacing:.10em;color:#0878ef} #receipt-dialog .dialog-head h2{margin-top:4px;font-size:1.55rem;line-height:1.12;color:#173651} #receipt-dialog .receipt-form-section{gap:13px;padding:15px 16px;border-radius:17px;background:#f9fcfe} #receipt-dialog .receipt-form-section h3{font-size:1.02rem;line-height:1.2;color:#214e70} #receipt-dialog label{gap:6px;font-size:.76rem;font-weight:850;color:#5c7387} #receipt-dialog input,#receipt-dialog select{min-height:50px;height:50px;padding:0 12px;border-radius:12px;font-size:.96rem;font-weight:750;color:#173651;background:#fff} #receipt-dialog .receipt-quantity-grid{gap:10px} #receipt-dialog .receipt-quantity-field{padding:11px 12px;border:1px solid #dce8f0;border-radius:14px;background:#fff} #receipt-dialog .receipt-quantity-field:first-child{border-color:#d8e5f6;background:#f5f9ff} #receipt-dialog .receipt-quantity-field:last-child{border-color:#d4ebdf;background:#f4fbf7} #receipt-dialog .receipt-quantity-field input{height:58px;min-height:58px;margin-top:2px;font-size:1.42rem;font-weight:900;text-align:center} #receipt-dialog #receipt-defective-returned,#receipt-dialog #receipt-unit-cost,#receipt-dialog #receipt-paid{font-size:1.12rem;font-weight:850} #receipt-dialog .field-help{font-size:.70rem;line-height:1.45;color:#758a9d} #receipt-dialog .bottle-company-preview{min-height:58px;align-items:center;padding:12px 14px;border:1px solid #cfe2ef;border-radius:14px;background:#eef8ff;font-size:.76rem;font-weight:800} #receipt-dialog .bottle-company-preview strong{font-size:1.02rem;color:#0e6da8;text-align:right} #receipt-dialog .receipt-money-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px} #receipt-dialog .receipt-money-summary span{min-height:84px;align-content:center;padding:12px 13px;border:1px solid #e0eaf1;border-radius:14px;background:#f6f9fc} #receipt-dialog .receipt-money-summary small{font-size:.60rem;line-height:1.15} #receipt-dialog .receipt-money-summary strong{font-size:1.12rem;line-height:1.15} #receipt-dialog .receipt-money-summary .due{border-color:#f0d7da;background:#fff4f4} #receipt-dialog .receipt-breakdown{padding:8px 10px;border-radius:10px;background:#eef7fd;font-size:.75rem;font-weight:750;text-align:left} #receipt-dialog>.dialog-actions,#receipt-dialog .dialog-actions{gap:9px;margin-top:0} #receipt-dialog .dialog-actions .btn{min-height:48px;border-radius:12px;font-size:.82rem;font-weight:900} @media(max-width:560px){ #receipt-dialog.receipt-enterprise-dialog{width:calc(100% - 12px);max-height:95dvh;border-radius:22px 22px 14px 14px} #receipt-dialog #receipt-form{gap:10px;padding:14px 14px max(12px,env(safe-area-inset-bottom))} #receipt-dialog .dialog-head{padding-bottom:9px} #receipt-dialog .dialog-head h2{font-size:1.32rem} #receipt-dialog .receipt-form-section{gap:10px;padding:11px;border-radius:15px} #receipt-dialog .receipt-form-section h3{font-size:.94rem} #receipt-dialog label{font-size:.68rem} #receipt-dialog input,#receipt-dialog select{height:48px;min-height:48px;font-size:.90rem} #receipt-dialog .receipt-quantity-grid{display:grid;grid-template-columns:1fr 1fr!important;gap:7px} #receipt-dialog .receipt-quantity-field{padding:9px 8px;font-size:.64rem;text-align:center} #receipt-dialog .receipt-quantity-field input{height:56px;min-height:56px;font-size:1.48rem;padding:0 5px} #receipt-dialog .receipt-finance-section>.two{grid-template-columns:1fr!important} #receipt-dialog .receipt-money-summary{grid-template-columns:1fr 1fr;gap:6px} #receipt-dialog .receipt-money-summary .due{grid-column:1/-1} #receipt-dialog .receipt-money-summary span{min-height:68px;padding:9px 10px} #receipt-dialog .receipt-money-summary strong{font-size:1rem} #receipt-dialog .bottle-company-preview{min-height:52px;padding:10px 11px;font-size:.68rem} #receipt-dialog .bottle-company-preview strong{font-size:.90rem} #receipt-dialog .dialog-actions{position:sticky;bottom:-1px;z-index:4;margin:0 -14px -14px;padding:10px 14px max(10px,env(safe-area-inset-bottom));background:#fff;box-shadow:0 -8px 20px rgba(20,54,79,.08)} #receipt-dialog .dialog-actions .btn{min-height:46px} } /* 3.32.0 — Công ty tự thanh toán / tất toán */ .supplier-company-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px} .supplier-company-actions .edit{min-height:50px;font-size:15px;font-weight:800;border-radius:14px} .supplier-company-actions .settlement-strong{background:#0f6f61;color:#fff;border-color:#0f6f61;box-shadow:0 8px 20px rgba(15,111,97,.16)} .supplier-company-actions .paid-soft,.supplier-receipt-actions .paid-soft{background:#ecf8f3;color:#087454;border-color:#ccebdd} .supplier-receipt-actions{grid-template-columns:repeat(3,minmax(0,1fr))} .supplier-receipt-actions .payment-primary{font-weight:900;min-height:48px} .management-review-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px;align-items:center} .management-review-note{grid-column:1/-1;padding:10px 12px;border-radius:12px;background:#f3f7fb;color:#5d7184;font-size:13px;font-weight:700;line-height:1.4} .supplier-money-dialog form{max-width:660px} .supplier-money-dialog .dialog-head h2{font-size:25px;line-height:1.15} .supplier-money-help{margin:0 0 14px;padding:12px 14px;border-radius:14px;background:#f1f7fd;color:#516b82;font-size:14px;font-weight:650;line-height:1.5} .supplier-money-dialog label{font-size:14px;font-weight:800;color:#35526b} .supplier-money-dialog input,.supplier-money-dialog select{min-height:52px;font-size:17px;font-weight:750} .supplier-payment-preview{padding:16px 18px;border-radius:16px;font-size:15px;line-height:1.45} .supplier-payment-preview strong{font-size:20px} .supplier-fill-due{width:100%;min-height:48px;font-weight:850} .supplier-settlement-summary{display:grid;gap:7px;padding:18px;border-radius:18px;background:#eef8f5;border:1px solid #cfe9e0;margin-bottom:16px} .supplier-settlement-summary small{font-size:12px;font-weight:900;letter-spacing:.08em;color:#16725f} .supplier-settlement-summary strong{font-size:21px;color:#17344b} .supplier-settlement-summary span{font-size:14px;color:#607487;font-weight:700} .supplier-settlement-summary b{font-size:30px;line-height:1;color:#087454} .supplier-settlement-summary p{margin:3px 0 0;color:#5b7183;font-size:13px;line-height:1.5} .company-payment-row>div:first-child{display:grid;gap:4px} .company-payment-row>div:first-child small+small{font-weight:750;color:#668097} @media(max-width:760px){ .supplier-company-actions,.supplier-receipt-actions,.management-review-actions{grid-template-columns:1fr} .management-review-note{grid-column:auto} .supplier-company-actions .edit,.supplier-receipt-actions .edit,.supplier-receipt-actions .mini-danger{width:100%;min-height:50px;font-size:15px} .supplier-money-dialog .two{grid-template-columns:1fr} .supplier-settlement-summary b{font-size:27px} } /* 3.33.0 — Admin nhập hàng/thanh toán + thời gian nghiệp vụ */ .transaction-datetime{align-items:end} .transaction-datetime input[type="date"],.transaction-datetime input[type="time"]{font-variant-numeric:tabular-nums;font-weight:800} #company .management-receipt-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));justify-content:stretch} #company .management-receipt-actions button{width:100%} #company .company-profile-actions.management-review-actions .primary-soft{font-weight:900} #company .company-profile-actions.management-review-actions .settlement-strong{background:#0f6f61;color:#fff;border-color:#0f6f61} @media(max-width:760px){ .transaction-datetime{grid-template-columns:1fr 1fr!important} #company .management-receipt-actions{grid-template-columns:1fr} } /* 3.33.1 — Giá nhập mặc định 4.200đ/bình; ô đơn giá dùng đồng thực tế. */ /* 3.35.0 — Chu trình công ty → xe → khách → vỏ về xe, cho phép giữ vỏ qua đêm */ .receipt-vehicle-route-field{margin-top:12px} .receipt-vehicle-preview{display:grid;gap:5px;margin-top:9px;padding:13px 15px;border:1px solid #cfe3f2;border-radius:15px;background:#f3f9fd;color:#557086} .receipt-vehicle-preview strong{color:#153b59;font-size:.95rem}.receipt-vehicle-preview span{font-size:.78rem;line-height:1.45} .receipt-vehicle-preview.is-positive{border-color:#bfe7d8;background:#f2fbf7}.receipt-vehicle-preview.is-warning{border-color:#f3c0c4;background:#fff5f5}.receipt-vehicle-preview.is-warning strong{color:#b52a34} .inventory-cycle-help strong{color:#16405f}.cycle-location-summary .cycle-primary{background:#eef8ff;border-left:4px solid #1688e8}.cycle-location-summary .cycle-primary small{font-size:.68rem;color:#6d8598;font-weight:750} .cycle-vehicle-row{align-items:center}.cycle-vehicle-actions{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}.cycle-receipt-action{color:#0878ef!important;background:#eef8ff!important;border-color:#b9daf2!important} @media(max-width:560px){.cycle-vehicle-row{align-items:flex-start}.cycle-vehicle-row .vehicle-location-balance{align-items:flex-end}.cycle-vehicle-actions{max-width:190px}}