:root{font-family:Segoe UI,Arial,sans-serif;color:#253b37;background:#f4f5f0;font-size:14px;--green:#1b6551;--muted:#74817c;--line:#e2e7df;--paper:#fff;--gold:#c9a04f}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;border-radius:8px;padding:11px 16px;background:var(--green);color:white;font-weight:600}button:hover{filter:brightness(.95)}button:disabled{opacity:.5;cursor:wait}button.secondary{background:#edf2ec;color:#29483c}button.danger{background:#a64137}button.small{padding:7px 10px;font-size:12px}button.text{background:none;color:var(--green);padding:5px}a{color:var(--green)}input,select,textarea{width:100%;border:1px solid #d7dfd6;border-radius:7px;padding:11px;background:white;color:#253b37}input:focus,select:focus,textarea:focus{outline:2px solid #8bbba3;outline-offset:1px}input[type=checkbox]{width:auto;accent-color:var(--green)}label{display:grid;gap:7px;font-weight:500;font-size:13px}textarea{min-height:70px;resize:vertical}.shell{display:grid;grid-template-columns:225px 1fr;min-height:100vh}.sidebar{background:#122d29;color:#c0d1c8;padding:30px 18px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;width:225px}.brand{display:flex;align-items:center;gap:12px;padding:0 12px 30px;color:#fff}.brand-icon{height:38px;width:38px;border:1px solid #8baf9b;border-radius:50%;display:grid;place-items:center;color:#d6bb77;font-size:22px;font-weight:700}.brand strong{display:block;letter-spacing:3px;font-size:20px}.brand small{font-size:10px;letter-spacing:1.5px;color:#a6bbb1}.nav{display:grid;gap:6px}.nav button{text-align:left;display:flex;gap:13px;background:transparent;color:#bacdc3;font-weight:400;padding:13px}.nav button.active{background:#2a493c;color:#f5e5b4}.nav-icon{font-size:17px;width:22px}.sidebar-foot{margin-top:auto;padding:22px 10px 0;font-size:12px;color:#93ada0}.connection{display:inline-block;width:7px;height:7px;border-radius:50%;background:#90c99c;margin-right:7px}.main{grid-column:2;min-width:0}.topbar{height:85px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 38px;background:#fffdf8}.crumb{font-size:12px;color:var(--muted);margin-bottom:5px}.topbar strong{font-size:16px}.profile{display:flex;align-items:center;gap:12px}.avatar{border-radius:50%;background:#e9eee3;width:35px;height:35px;display:grid;place-items:center;font-weight:600}.content{padding:32px 38px;max-width:1600px;margin:auto}.heading{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:25px}.eyebrow{text-transform:uppercase;color:#8b9a80;font-size:10px;letter-spacing:2px;font-weight:700;margin-bottom:9px}h1{font-size:29px;letter-spacing:-.8px;font-weight:600;margin:0 0 8px}h2{font-size:18px;margin:0 0 18px;font-weight:600}h3{font-size:15px;margin:0 0 12px}p{line-height:1.6}.muted{color:var(--muted)}.subtitle{color:var(--muted);margin:0;font-size:13px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:28px}.stat{border:1px solid var(--line);background:#fff;padding:21px;border-radius:11px}.stat .label{font-size:12px;color:var(--muted);margin-bottom:14px}.stat strong{font-size:28px;font-weight:600;letter-spacing:-1px}.stat small{display:block;color:var(--muted);font-size:11px;margin-top:8px}.toolbar{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap}.tabs{display:flex;gap:5px;padding:4px;background:#e9ede5;border-radius:8px}.tabs button{background:none;color:#6a7b70;padding:8px 15px;font-size:12px}.tabs .selected{background:white;color:var(--green);box-shadow:0 1px 4px #0001}.search{max-width:270px}.table-grid{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:18px}.table-card{border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden}.table-card.busy{border-color:#b6cbb4}.card-top{padding:20px 20px 0;display:flex;justify-content:space-between;align-items:center}.card-title{font-size:16px;font-weight:600}.badge{font-size:10px;padding:5px 8px;border-radius:5px;background:#eef2eb;color:#7e8d7f;white-space:nowrap}.badge.green{background:#e4f0e5;color:#3c7752}.badge.red{background:#fae8e2;color:#a04b36}.badge.gold{background:#fbf0d6;color:#94702b}.pool{width:132px;height:69px;background:#c8d5c4;border:6px solid #e0e7db;border-radius:10px;position:relative;margin:27px auto 22px;box-shadow:0 3px 0 #bbc7b6}.busy .pool{background:#407459;border-color:#9b8059;box-shadow:0 3px 0 #776545}.pool:before,.pool:after{content:'';position:absolute;width:7px;height:7px;background:#91a28b;border-radius:50%;left:-4px;top:-4px;box-shadow:59px 0 #91a28b,118px 0 #91a28b,0 54px #91a28b,59px 54px #91a28b,118px 54px #91a28b}.busy .pool:before{background:#193d2d;box-shadow:59px 0 #193d2d,118px 0 #193d2d,0 54px #193d2d,59px 54px #193d2d,118px 54px #193d2d}.pool:after{width:6px;height:6px;background:#fff;left:43px;top:20px;box-shadow:24px 8px #d3b34d}.card-body{padding:0 20px 19px;min-height:67px}.card-body .row{font-size:12px;margin:7px 0}.card-foot{border-top:1px solid var(--line);padding:13px 20px;display:flex;align-items:center;justify-content:space-between;background:#fafbf7}.card-foot strong{font-size:13px}.card-foot button{padding:8px 13px;font-size:12px}.row{display:flex;justify-content:space-between;gap:12px;align-items:center}.panel{border:1px solid var(--line);background:#fff;border-radius:11px;padding:24px;margin-bottom:20px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;background:#f7f8f3;color:#7d897c;font-size:11px;font-weight:600;padding:13px 16px;white-space:nowrap}td{padding:15px 16px;border-bottom:1px solid #edf0e9;vertical-align:middle}tbody tr:last-child td{border-bottom:0}.number{text-align:right;white-space:nowrap}.empty{padding:45px 20px;text-align:center;color:var(--muted);border:1px dashed #cfd9ca;border-radius:10px;background:#fff}.empty strong{display:block;font-size:16px;color:#415647;margin-bottom:10px}.empty button{margin-top:15px}.notice{padding:14px 17px;border-radius:8px;background:#f5efdd;color:#846a35;font-size:12px;line-height:1.6;margin:15px 0}.notice.info{background:#edf3ec;color:#4e7056}.split{display:grid;grid-template-columns:1.15fr 1fr;gap:22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-stack{display:grid;gap:16px}.full{grid-column:1/-1}.actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px;flex-wrap:wrap}.check{display:flex;align-items:center;gap:8px;font-weight:400}.permission-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:15px;background:#f6f8f2;border-radius:8px}.summary-line{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line)}.summary-line.total{font-size:21px;font-weight:600;border:0;padding-top:18px}.bill-meta{display:flex;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:12px;margin-bottom:20px}.bill-items{margin:20px 0}.receive-line{display:grid;grid-template-columns:1fr 1fr 1.2fr auto;gap:10px;align-items:end;padding:12px;background:#f7f8f3;border-radius:8px}.auth-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-hero{background:#122d29;color:#f5f6eb;display:flex;flex-direction:column;justify-content:center;padding:12%;position:relative}.auth-hero h1{font-size:44px;max-width:480px;line-height:1.2}.auth-hero p{color:#adc2b5;max-width:380px}.auth-hero .brand{padding:0 0 70px}.auth-main{display:grid;place-items:center;padding:40px}.auth-box{max-width:390px;width:100%}.auth-box h2{font-size:26px;margin-bottom:8px}.auth-box form{margin-top:30px}.loading{padding:60px;text-align:center}.error-text{color:#a64137;font-size:13px;line-height:1.6;min-height:10px}dialog{width:690px;max-width:calc(100vw - 28px);max-height:90vh;overflow:auto;border:1px solid var(--line);border-radius:13px;padding:27px;box-shadow:0 30px 100px #0003;color:inherit}dialog.wide{width:1000px}dialog::backdrop{background:#122d2980;backdrop-filter:blur(2px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.dialog-head h2{margin:0}.close-btn{background:#f1f3ec;color:#59705c;padding:6px 10px;font-size:18px}.dialog-error{color:#a64137;font-size:13px;margin:12px 0}.inline-actions{display:flex;gap:7px;flex-wrap:wrap}.footer-note{margin-top:24px;font-size:11px;color:#8d9889;text-align:center}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#183b2d;color:white;border-radius:9px;padding:13px 22px;z-index:1000;display:none;max-width:90vw;box-shadow:0 5px 30px #0002}#toast.show{display:block}#receipt{display:none}.lot-list{max-height:210px;overflow:auto}.fine{font-size:11px;color:var(--muted)}.date-filter{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.date-filter input{width:150px}.link-download{display:inline-block;margin:5px}.status-dot{width:7px;height:7px;border-radius:50%;display:inline-block;background:#3d8756;margin-right:5px}
@media(min-width:1500px){.table-grid{grid-template-columns:repeat(4,minmax(220px,1fr))}}@media(max-width:1100px){.table-grid{grid-template-columns:repeat(2,minmax(200px,1fr))}.content{padding:25px}.topbar{padding:0 25px}.stats{gap:10px}.stat{padding:16px}.stat strong{font-size:23px}}@media(max-width:760px){.shell{display:block}.sidebar{position:static;width:100%;padding:15px}.sidebar .brand{padding:0 5px 15px}.nav{display:flex;overflow:auto}.nav button{white-space:nowrap;padding:10px}.nav-icon,.sidebar-foot{display:none}.topbar{height:70px;padding:0 18px}.content{padding:22px 16px}.stats{grid-template-columns:1fr 1fr}.heading h1{font-size:25px}.split{grid-template-columns:1fr}.auth-page{grid-template-columns:1fr}.auth-hero{display:none}.auth-main{min-height:100vh}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.receive-line{grid-template-columns:1fr 1fr}.table-grid{gap:12px}.card-top,.card-body{padding-left:13px;padding-right:13px}.card-foot{padding:12px}.profile .profile-name{display:none}.heading{flex-wrap:wrap}.permission-grid{grid-template-columns:1fr}.panel{padding:17px}}@media(max-width:430px){.table-grid{grid-template-columns:1fr}.stat strong{font-size:22px}.tabs button{padding:8px 10px}}
@media print{body>*{display:none!important}body #receipt{display:block!important;width:72mm;font-family:Arial,sans-serif;color:black;font-size:11px;margin:0 auto}#receipt h2{text-align:center;font-size:17px;margin:10px 0}#receipt h3{text-align:center;font-size:12px}#receipt table{font-size:10px}#receipt td,#receipt th{padding:5px 2px;color:black;background:white;border-bottom:1px dashed #bbb}#receipt .summary-line{padding:6px 0}#receipt .total{font-size:15px}#receipt .fine{color:black;font-size:9px}@page{margin:5mm}}

/* Clear status colors and larger operational controls. All artwork is CSS. */
button:focus-visible{outline:3px solid #cead61;outline-offset:3px}
.overview-strip{display:grid;grid-template-columns:1fr 1fr 1.2fr 2fr;background:#fff;border:1px solid var(--line);border-radius:14px;margin-bottom:28px;padding:22px 8px;box-shadow:0 3px 12px #173e2603}
.overview-item{display:flex;align-items:center;gap:14px;padding:0 22px;border-right:1px solid var(--line)}
.overview-item:last-child{border:0}.overview-item>div{display:flex;flex-direction:column;gap:4px}.overview-item strong{font-size:28px;line-height:1.2;font-weight:650;letter-spacing:-.8px}.overview-item span{font-size:12px;color:#69796c}.overview-symbol{display:grid;place-items:center;border-radius:12px;width:44px;height:44px;flex-shrink:0;font-size:25px!important}.playing-symbol{background:#e5f3eb;color:#25865c!important}.free-symbol{background:#eff1ec;color:#899789!important}.pending-symbol{background:#fff2d5;color:#b17f24!important}.overview-money strong{font-size:26px;color:#1b6551}.overview-money{justify-content:space-between}.live-label{font-size:10px!important;white-space:nowrap}.live-label i,.table-status i{display:inline-block;width:6px;height:6px;background:currentColor;border-radius:50%;margin-right:5px}.live-label{color:#2a8b5c!important}.tab-count{display:inline-block;border-radius:4px;background:#dce4d8;padding:2px 6px;margin-left:5px;font-size:10px}.tabs .selected .tab-count{background:#e6f1e9;color:#24633f}.table-card{border-radius:14px;box-shadow:0 3px 12px #173e2603;transition:box-shadow .15s,transform .15s;border-top:4px solid #d8dfd4}.table-card:hover{box-shadow:0 7px 24px #173e2610;transform:translateY(-2px)}.table-card.busy{border-color:#d1e4d7;border-top-color:#2b9765}.table-card.pending{border-color:#eadcbd;border-top-color:#d5a13a}.card-top{padding:18px 20px 0}.card-title{font-size:20px;font-weight:650}.table-status{background:#f0f2ed;color:#778475;padding:6px 9px;border-radius:6px;font-size:11px;font-weight:600}.busy .table-status{color:#247d50;background:#e8f5ed}.pending .table-status{color:#966811;background:#fff2d3}.table-visual{display:flex;align-items:center;justify-content:space-between;padding:19px 20px 17px;gap:12px}.table-rate{color:#7a887c;font-size:11px;white-space:nowrap}.pool{width:116px;height:62px;flex-shrink:0;margin:0;border:6px solid #dbe3d6;background:#b7c9ae;box-shadow:0 3px 0 #bdc7b7;border-radius:9px}.busy .pool{background:#347351;border-color:#9e8058;box-shadow:0 3px 0 #7d6546}.pending .pool{background:#8e9b5c;border-color:#ba9a63;box-shadow:0 3px 0 #957e4f}.pool:before{width:6px;height:6px;background:#839c79;left:-3px;top:-3px;box-shadow:52px 0 #839c79,104px 0 #839c79,0 50px #839c79,52px 50px #839c79,104px 50px #839c79}.busy .pool:before,.pending .pool:before{background:#1a3f2b;box-shadow:52px 0 #1a3f2b,104px 0 #1a3f2b,0 50px #1a3f2b,52px 50px #1a3f2b,104px 50px #1a3f2b}.pool:after{display:none}.pool-number{position:absolute;inset:0;display:grid;place-items:center;color:#ffffff36;font-weight:700;font-size:29px;letter-spacing:2px}.pool-ball{position:absolute;width:6px;height:6px;border-radius:50%}.pool-ball.white{background:white;left:23px;top:16px}.pool-ball.gold{background:#ebc86a;right:25px;bottom:11px}.card-body{padding:0 20px 18px;min-height:112px}.play-info{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;color:#819080}.play-info span:first-child{color:#3c6b4a;font-weight:600;font-size:14px}.players-line{color:#74816f;font-size:12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin:10px 0 16px;min-height:14px}.table-amount{display:flex;align-items:baseline;justify-content:space-between;border-top:1px dashed #dfe7d9;padding-top:13px}.table-amount>span{font-size:12px;color:#7e8c78}.table-amount strong{font-size:25px;letter-spacing:-.8px;color:#1d5940}.pending .table-amount strong{color:#946716}.free-message{height:108px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;border:1px dashed #e4e9df;border-radius:9px;background:#fafbf7}.free-message strong{color:#879680;font-size:13px;font-weight:500}.free-message span{color:#a0ac9b;font-size:11px}.card-foot{padding:13px 16px;gap:8px;display:flex;background:#fafcf8}.card-foot button{flex:1;padding:11px 8px;font-size:12px;border-radius:7px}.free .card-foot button{background:#edf2e9;color:#4e6a49;border:1px solid #dae4d4}.pending .card-foot button:not(.secondary){background:#a67a22}.busy .card-foot button:not(.secondary){background:#246c4c}
.session-banner{display:grid;grid-template-columns:1fr 1fr;gap:20px;background:#f0f5eb;border:1px solid #e0e9d9;border-radius:11px;padding:18px 22px;margin-bottom:24px}.session-banner>div{display:flex;flex-direction:column;gap:7px}.session-banner span{font-size:11px;color:#7b8b70}.session-banner strong{font-size:20px;font-weight:600;color:#375b35}.session-banner small{font-size:11px;color:#7c8a72}.bill-workspace{display:grid;grid-template-columns:1.1fr 1fr;gap:28px}.section-title{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:16px}.section-title h3{margin:0;font-size:16px}.section-title>span{font-size:10px;color:#8b9782}.product-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-tile{text-align:left;position:relative;background:white;border:1px solid #e0e7d9;padding:15px;display:flex;flex-direction:column;gap:8px;color:#30472e;border-radius:10px;transition:border-color .15s,background .15s}.product-tile:hover{background:#f5f9f0;border-color:#8bb280;filter:none}.product-symbol{width:39px;height:39px;border-radius:9px;display:grid;place-items:center;font-size:26px;font-weight:400}.tone-0{background:#f7eddd;color:#ae813b}.tone-1{background:#e8f2e0;color:#6a9850}.tone-2{background:#e6f0ef;color:#4f8c81}.product-tile strong{font-size:13px;font-weight:600;margin-top:2px;line-height:1.4}.product-price{font-size:14px;color:#3d783f;font-weight:650}.product-tile small{font-size:10px;color:#8c9982;font-weight:400}.product-plus{position:absolute;right:12px;top:17px;border-radius:50%;background:#edf3e7;color:#598847;width:25px;height:25px;text-align:center;font-size:19px;font-weight:400}.product-tile:disabled{cursor:not-allowed}.manual-order{border-top:1px solid var(--line);margin-top:20px;padding-top:17px}.manual-order summary{font-size:12px;color:#77876b;cursor:pointer}.manual-order form{margin-top:17px}.manual-order .actions{margin-top:14px}.bill-pane{padding-left:24px;border-left:1px solid var(--line)}.bill-pane>h3{font-size:16px}.bill-pane>h3 .fine{display:block;margin-top:7px;font-size:9px;font-weight:400}.bill-pane .bill-items{max-height:230px;overflow:auto;margin:15px 0}.bill-pane td,.bill-pane th{padding:12px 8px;font-size:12px}.bill-pane .summary-line{font-size:12px;padding:12px 0}.bill-grand-total{display:flex;align-items:center;justify-content:space-between;background:#edf4e7;padding:18px 16px;border-radius:9px;margin:17px 0}.bill-grand-total span{font-size:13px;color:#5d7550}.bill-grand-total strong{font-size:26px;letter-spacing:-1px;color:#285c34}.bill-primary-actions{display:grid;gap:9px;margin-top:20px}.bill-primary-actions button{padding:14px}.bill-danger-zone{display:flex;justify-content:space-between;align-items:center;margin-top:18px;padding-top:12px;border-top:1px solid var(--line)}.bill-danger-zone .text{color:#a05b4e;font-size:12px}.bill-danger-zone>span{font-size:10px;color:#9a9f92}
@media(max-width:1100px){.overview-item{padding:0 14px;gap:9px}.overview-money{display:block}.live-label{display:block;margin-top:8px}.overview-money strong{font-size:21px}.overview-item>div>span{font-size:10px}.table-visual{padding-left:18px;padding-right:18px}.card-title{font-size:19px}}
@media(max-width:760px){.overview-strip{grid-template-columns:1fr 1fr 1fr;padding:17px 0;margin-bottom:20px}.overview-item{padding:0 12px;gap:8px}.overview-item:nth-child(3){border:0}.overview-symbol{width:29px;height:35px;font-size:21px!important}.overview-item strong{font-size:23px}.overview-money{grid-column:1/-1;display:flex;border-top:1px solid var(--line)!important;margin-top:17px;padding:17px 15px 0}.overview-money>div{display:flex;flex-direction:row;align-items:center;gap:20px}.overview-money>div>span{font-size:11px}.overview-money strong{font-size:22px}.live-label{margin:0}.tabs{max-width:100%;overflow-x:auto;white-space:nowrap}.tabs button{padding:9px 10px;flex-shrink:0}.tab-count{margin-left:3px}.table-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.table-visual{flex-direction:column;gap:10px}.table-amount{align-items:flex-start;gap:5px;flex-direction:column}.table-amount strong{font-size:24px}.card-foot{flex-direction:column}.play-info{flex-direction:column;align-items:flex-start}.card-body{min-height:142px}.free-message{height:135px}.card-title{font-size:18px}.card-top{padding:15px 13px 0;align-items:flex-start;gap:8px;flex-wrap:wrap}.table-status{font-size:10px}.bill-workspace{grid-template-columns:1fr}.bill-pane{padding:20px 0 0;border-left:0;border-top:1px solid var(--line)}.session-banner{padding:15px;gap:15px}.session-banner strong{font-size:16px}.session-banner small{font-size:10px}.session-banner>div:last-child{overflow-wrap:anywhere}.product-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.product-tile{padding:12px}.product-plus{right:6px;top:12px}.product-tile strong{font-size:11px}.section-title>span{font-size:9px}}
@media(max-width:390px){.overview-symbol{display:none}.overview-item{padding:0 13px}.overview-money>div{gap:12px}.overview-money strong{font-size:20px}.live-label{display:none}.table-grid{grid-template-columns:1fr}.table-visual{flex-direction:row}.table-amount{flex-direction:row;align-items:baseline}.play-info{flex-direction:row}.card-body{min-height:112px}.free-message{height:108px}.card-foot{flex-direction:row}.product-tiles{grid-template-columns:1fr 1fr}}
@media(min-width:761px) and (max-width:1100px){.overview-strip{grid-template-columns:1fr 1fr 1fr;padding:18px 0}.overview-item:nth-child(3){border:0}.overview-item>div>span{font-size:12px}.overview-money{grid-column:1/-1;display:flex;border-top:1px solid var(--line)!important;margin-top:18px;padding:16px 20px 0}.overview-money>div{display:flex;flex-direction:row;align-items:center;gap:20px}.overview-money strong{font-size:24px}.live-label{margin:0}}
.free-message strong{color:#6e7e64}.free-message span{color:#8a987f}.product-tile small{color:#738469}
.overview-money strong,.table-amount strong,.bill-grand-total strong{white-space:nowrap}
@media(max-width:760px){.topbar .avatar{display:none}.topbar .text{white-space:nowrap;font-size:12px}.topbar .crumb{display:none}.topbar>div:first-child{min-width:0}.topbar>div:first-child>strong{display:block;max-width:170px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile{gap:7px}.overview-money .live-label{display:none}.overview-money>div{width:100%;justify-content:space-between}.overview-money>div>span{max-width:140px}.tabs,.nav{scrollbar-width:none}.tabs::-webkit-scrollbar,.nav::-webkit-scrollbar{display:none}}
@media(max-width:450px){.table-grid{grid-template-columns:1fr}.table-visual{flex-direction:row}.table-amount{flex-direction:row;align-items:baseline}.play-info{flex-direction:row}.card-body{min-height:112px}.free-message{height:108px}.card-foot{flex-direction:row}.card-top{align-items:center}.table-status{font-size:11px}}

/* Checkout: one payment choice at a time, with only relevant controls. */
dialog.checkout-dialog{width:660px;padding:27px 30px}.checkout-dialog .dialog-head{margin-bottom:20px}.checkout-dialog .dialog-head h2{font-size:21px}.checkout-dialog .dialog-error:empty{display:none}.checkout-total{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:21px 23px;background:#eff5ec;border:1px solid #e0eadb;border-radius:11px}.checkout-total>div{display:flex;flex-direction:column;gap:6px}.checkout-total>div:last-child{text-align:right}.checkout-total span{color:#657d59;font-size:12px}.checkout-total>div:first-child>span{font-weight:650;font-size:15px;color:#3a5d36}.checkout-total small{font-size:10px;color:#899b7d}.checkout-dot{padding:0 5px}.checkout-total strong{font-size:32px;letter-spacing:-1px;color:#244f2a;white-space:nowrap}.checkout-breakdown{margin:14px 0 22px}.checkout-breakdown>summary{cursor:pointer;font-size:11px;color:#7b8b71}.checkout-breakdown .summary-line{font-size:12px;padding:9px 0}.checkout-customer{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.checkout-customer:has(#checkout-guest:empty){grid-template-columns:1fr}.checkout-customer label{font-size:12px;color:#5a6b51}.checkout-customer input,.checkout-customer select{padding:12px}.checkout-section-title{font-size:12px;color:#5a6b51;margin-bottom:10px;font-weight:500}.payment-methods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.payment-method{position:relative;background:white;color:#7a8970;border:1px solid #dde5d7;border-radius:9px;padding:15px 10px;display:flex;flex-direction:column;align-items:center;gap:7px;min-height:80px}.payment-method>span{font-size:22px;font-weight:400;line-height:1}.payment-method strong{font-size:12px;font-weight:500}.payment-method>i{position:absolute;right:8px;top:6px;font-size:12px;font-style:normal}.payment-method.selected{background:#edf5e8;border:1.5px solid #729b5c;color:#315c2d;box-shadow:0 0 0 1px #729b5c0a}.payment-method.selected strong{font-weight:650}.payment-method:disabled{opacity:.45;cursor:not-allowed}.checkout-hint{font-size:11px;line-height:1.6;color:#87957c;margin:11px 0 17px}.cash-payment,.member-payment,.transfer-payment{margin-top:18px;padding:17px 18px;border:1px solid #e3e8dd;background:#fafbf7;border-radius:10px}.cash-payment label{font-size:12px;color:#65765c}.cash-payment input{font-size:21px;font-weight:600;letter-spacing:-.5px;padding:12px;color:#355732}.cash-suggestions{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0 16px}.cash-suggestions .small{font-size:11px;font-weight:500;padding:7px 12px;background:#edf1e7;color:#6b805c}.change-line{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#78876b;border-top:1px dashed #dce4d3;padding-top:13px}.change-line strong{font-size:19px;color:#366532;font-weight:600}.change-line .short{color:#aa5b3b;font-size:14px}.checkout-footer{display:flex;gap:10px;justify-content:flex-end;margin-top:24px;padding-top:20px;border-top:1px solid #e5eadd}.checkout-footer>button:last-child{flex:1;padding:14px;font-size:13px}.checkout-footer>button:first-child{font-weight:500}.checkout-refresh{text-align:center;margin:8px 0 -5px}.checkout-refresh button{font-size:10px;font-weight:400;color:#97a28e}.member-payment>div{display:flex;justify-content:space-between;gap:15px;padding:8px 0;font-size:12px;color:#7c8970}.member-payment>div strong{color:#365e30;font-size:15px}.member-payment .check,.transfer-payment .check{margin-top:14px;font-size:11px;color:#617654;line-height:1.6;align-items:flex-start}.member-payment .check input,.transfer-payment .check input{margin-top:4px;flex-shrink:0}.remaining-payment{padding:15px 0 0}.remaining-payment>.row{font-size:12px;color:#96723a}.remaining-methods{display:flex;gap:7px;margin:10px 0 0}.remaining-methods button{font-size:11px;padding:8px 13px}.remaining-methods .selected{background:#e8f2df;color:#3d6f2b;border:1px solid #a7bd97}.transfer-payment .row{font-size:12px;color:#697e5c}.transfer-payment .row strong{font-size:18px;color:#356332}.payment-success{text-align:center;padding:12px 0}.payment-success>span{display:grid;place-items:center;margin:0 auto 17px;width:54px;height:54px;border-radius:50%;background:#e8f4e0;color:#4c8436;font-size:26px}.payment-success>strong{font-size:30px;color:#2f5f31}.payment-success>p{color:#879579;font-size:13px}.payment-success .change-line{max-width:320px;margin:20px auto 0}
.quantity-control{display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.quantity-control>strong{min-width:15px;text-align:center;font-size:13px}.quantity-button{padding:0;min-width:25px;height:26px;display:grid;place-items:center;border:1px solid #dce5d3;background:#f2f6ec;color:#597a45;font-size:18px;font-weight:400;border-radius:5px}.quantity-button:hover{background:#e4efdc}.quantity-column{min-width:95px;text-align:center}.bill-pane .bill-items{max-height:340px}.bill-pane .bill-items td:first-child>strong{font-weight:500}.item-lots{margin-top:7px;font-size:10px;color:#849276}.item-lots>summary{cursor:pointer;color:#738663}.item-lots>div{padding-top:8px;line-height:1.5}.item-lots>div span{display:block;color:#5c7550}.item-lots small{display:block;color:#98a28d;font-size:9px}.reduction-history{margin-top:14px;padding:12px;background:#faf7ef;border:1px solid #eee6d4;border-radius:7px;font-size:10px;color:#9a8257}.reduction-history summary{cursor:pointer}.reduction-history p{line-height:1.6;margin:10px 0 0}.reduction-history small{display:block;color:#a89777}.add-product-heading{display:flex;justify-content:space-between;gap:15px;font-size:12px;color:#69855a;padding-bottom:18px}.lot-picker-list{margin-top:17px;border:1px solid #e3e9da;border-radius:9px;max-height:200px;overflow:auto}.lot-picker-list>div{display:flex;justify-content:space-between;gap:15px;padding:13px 15px;border-bottom:1px solid #edf0e8;font-size:11px;color:#5d754f}.lot-picker-list>div:last-child{border-bottom:0}.lot-picker-list>div>div:last-child{text-align:right}.lot-picker-list small{display:block;color:#92a082;font-size:10px;margin-top:5px}.lot-picker-list .expired{background:#fbf0e9;color:#ab7052}
@media(max-width:760px){dialog.checkout-dialog{padding:22px 19px}.checkout-total{padding:17px;gap:12px}.checkout-total strong{font-size:29px}.checkout-total>div:first-child>span{font-size:13px}.checkout-customer{grid-template-columns:1fr;gap:12px}.checkout-section-title{font-size:12px}.payment-methods{gap:7px}.payment-method{padding:13px 6px;min-height:77px}.payment-method strong{font-size:10px}.checkout-footer{gap:7px}.checkout-footer>button{padding:13px 10px;font-size:11px!important}.cash-payment,.member-payment,.transfer-payment{padding:15px}.bill-pane .bill-items{max-height:none}.quantity-column{min-width:88px}.quantity-control{gap:5px}.bill-pane th,.bill-pane td{padding:11px 5px;font-size:11px}}
@media(max-width:760px){.checkout-dialog .checkout-footer{position:sticky;bottom:-22px;margin-left:-19px;margin-right:-19px;padding:14px 19px;background:#fff;z-index:2;box-shadow:0 -5px 15px #30472108}.checkout-dialog .checkout-refresh{margin-top:14px}.checkout-dialog .checkout-customer{margin-bottom:18px}.checkout-dialog .checkout-breakdown{margin-bottom:18px}}

/* Lot selection stays inside the bill workspace. */
.inline-barcode{display:flex;align-items:center;gap:10px;margin:0 0 13px;border:1px solid #e0e7d9;border-radius:7px;padding:0 11px;background:#fafbf8}.inline-barcode>span{font-size:10px;color:#8b9980;white-space:nowrap;font-weight:400}.inline-barcode input{border:0;background:transparent;padding:11px 0;font-size:11px;border-radius:0}.inline-barcode input:focus{outline:none}.inline-barcode:focus-within{outline:2px solid #8bbba3;outline-offset:1px}.menu-pane:has(#inline-order) .product-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.menu-pane:has(#inline-order) .product-tile{padding:11px;gap:6px}.menu-pane:has(#inline-order) .product-symbol{width:31px;height:31px;font-size:22px}.menu-pane:has(#inline-order) .product-tile strong{font-size:11px}.menu-pane:has(#inline-order) .product-price{font-size:12px}.menu-pane:has(#inline-order) .product-tile small{font-size:9px}.menu-pane:has(#inline-order) .product-plus{right:7px;top:11px;width:20px;height:20px;font-size:15px}.product-tile.order-selected{border-color:#70985d;background:#f0f6e9;box-shadow:0 0 0 1px #70985d22}.product-tile.order-selected .product-plus{background:#6d9756;color:white}
#inline-order{margin-top:18px}.inline-order-empty,.inline-order-loading{padding:24px 14px;border:1px dashed #dce5d3;border-radius:9px;font-size:11px;color:#8a9a7c;text-align:center;background:#fafcf7}.inline-order-empty>span{font-size:20px;margin-right:7px}.inline-order-form{border-top:1px solid #e1e8d9;padding-top:18px}.inline-order-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:17px}.inline-order-heading>div>span{font-size:8px;font-weight:650;letter-spacing:1.5px;color:#8b9c7c}.inline-order-heading h3{margin:5px 0 4px;font-size:17px;color:#3b5f30}.inline-order-heading small{font-size:11px;color:#839576}.inline-order-heading .text{font-size:10px;color:#8c9b80;font-weight:400;padding-top:5px}.inline-lot-heading{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:9px}.inline-lot-heading>strong{font-size:12px;font-weight:550;color:#62774f}.inline-lot-heading>span{font-size:10px;color:#9ba88f}.inline-lot-list{display:grid;gap:7px;max-height:255px;overflow:auto;padding:1px 3px 3px 1px}.lot-choice{display:flex;align-items:center;gap:10px;width:100%;border:1px solid #e2e8da;background:#fff;padding:11px;border-radius:8px;text-align:left;font-weight:400;color:#687f56;filter:none!important}.lot-choice:hover{border-color:#98b683;background:#f7faf2}.lot-choice.auto-choice{background:#f8faf5;border-style:dashed}.lot-choice.selected{background:#eff6e8;border:1.5px solid #83a66c;box-shadow:0 1px 3px #38552006}.lot-choice-mark{height:17px;width:17px;border:1px solid #c7d4ba;border-radius:50%;display:grid;place-items:center;flex-shrink:0;color:#fff;font-size:10px}.lot-choice.selected .lot-choice-mark{background:#749c59;border-color:#749c59}.lot-choice-content{flex:1;min-width:0}.lot-choice-content>strong{display:block;font-size:11px;font-weight:600;line-height:1.5}.lot-choice-content>small{display:block;font-size:9px;color:#91a180;line-height:1.5;margin-top:4px}.lot-choice-content em{display:inline-block;font-size:8px;font-weight:500;font-style:normal;background:#f8edcf;color:#a28342;padding:2px 5px;border-radius:4px;margin-left:3px;vertical-align:1px}.lot-choice-stock{font-size:19px;line-height:1.1;font-weight:600;text-align:center;min-width:31px;color:#55753e}.lot-choice-stock small{display:block;font-size:9px;font-weight:400;color:#91a180;margin-top:4px}.lot-choice.expired{opacity:.55;background:#faf6f1;cursor:not-allowed}.lot-choice.expired em{background:#f8e7df;color:#ab6e53}.inline-order-bottom{display:flex;align-items:flex-end;gap:12px;margin-top:14px;padding-top:14px;border-top:1px solid #e5ebde}.inline-order-bottom>label{flex-shrink:0;font-size:10px;color:#829374;gap:6px}.inline-qty-control{display:flex;align-items:center;border:1px solid #d9e4cf;background:white;border-radius:7px;overflow:hidden}.inline-qty-control .quantity-button{border:0;background:transparent;border-radius:0;width:30px;height:36px;font-size:19px;color:#688750}.inline-qty-control input{border:0;border-radius:0;text-align:center;padding:8px 0;width:43px;font-size:14px;font-weight:600;color:#476a31;-moz-appearance:textfield}.inline-qty-control input::-webkit-inner-spin-button,.inline-qty-control input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.inline-order-bottom>button[type=submit]{flex:1;font-size:12px;font-weight:600;padding:12px 10px;min-height:38px;background:#3d733d;white-space:normal}.inline-order-preview{font-size:10px;color:#8b9d7c;line-height:1.6;padding-top:10px}.inline-order-error{font-size:11px;color:#aa664a;line-height:1.5;margin-top:8px}.inline-order-error:empty{display:none}.menu-pane[inert]{opacity:.6}.bill-workspace:has(#inline-order)>.bill-pane{position:sticky;top:0;align-self:start}
@media(max-width:760px){.bill-workspace:has(#inline-order)>.bill-pane{position:static}.inline-order-heading h3{font-size:16px}.menu-pane:has(#inline-order) .product-tile{padding:10px}.menu-pane:has(#inline-order) .product-tile strong{font-size:10px}.menu-pane:has(#inline-order) .product-tile small{font-size:8px}.menu-pane:has(#inline-order) .product-plus{right:4px;width:17px;height:17px}.inline-order-bottom{gap:10px}.inline-order-bottom>button[type=submit]{font-size:11px}.inline-lot-list{max-height:280px}.lot-choice-content>strong{font-size:11px}.inline-qty-control input{width:38px}.inline-qty-control .quantity-button{width:26px}.inline-order-preview{font-size:10px}}
@media(min-width:761px){dialog:has(#inline-order) .session-banner{padding:13px 18px;margin-bottom:19px}dialog:has(#inline-order) .session-banner strong{font-size:18px}.lot-choice-content>strong{font-size:12px}.lot-choice-content>small{font-size:10px}}

/* Search and product artwork, stored locally with the catalog. */
.catalog-search{display:flex;align-items:center;gap:10px;border:1px solid #dce6d3;border-radius:9px;background:#fafcf7;padding:0 12px}.catalog-search>span{font-size:24px;font-weight:400;color:#849b72;line-height:1}.catalog-search input{padding:12px 0;border:0;background:none;border-radius:0;font-size:12px}.catalog-search input:focus{outline:none}.catalog-search:focus-within{outline:2px solid #9db98b;outline-offset:1px}.catalog-result-bar{display:flex;justify-content:space-between;align-items:center;min-height:32px;margin-bottom:5px;font-size:10px;color:#96a68a}.catalog-result-bar button{font-size:10px;font-weight:400;color:#839c71;padding:3px 0;background:transparent}.catalog-result-bar button[hidden]{display:none}.catalog-empty{grid-column:1/-1;padding:22px 14px;text-align:center;color:#8b9c7d;font-size:12px;border:1px dashed #dfe7d7;border-radius:8px;line-height:1.7}.product-art{display:grid;place-items:center;position:relative;width:100%;height:75px;border-radius:7px;background:#f8faf5;overflow:hidden}.product-art svg{width:58px;height:58px;display:block}.product-art img{display:block;width:100%;height:100%;object-fit:contain;max-height:100%;background:#fff}.art-bottle{background:#f0f7f8}.art-can{background:#fcf3ed}.art-snack{background:#fcf7e9}.art-fruit{background:#f1f7e7}.menu-pane:has(#inline-order) .product-tile{padding:8px 8px 11px;gap:7px}.menu-pane:has(#inline-order) .product-plus{right:12px;top:12px;background:#ffffffdf;box-shadow:0 1px 3px #243d1510}.menu-pane:has(#inline-order) .product-tile.order-selected .product-plus{background:#739b5b;color:white}.menu-pane:has(#inline-order) .product-tile strong{line-height:1.45;min-height:16px}.menu-pane:has(#inline-order) .product-tile strong,.menu-pane:has(#inline-order) .product-tile .product-price,.menu-pane:has(#inline-order) .product-tile>small{padding:0 3px}.stock-product-cell{display:flex;align-items:center;gap:13px;min-width:220px}.stock-product-cell>.product-art{width:48px;height:53px;flex-shrink:0;border:1px solid #e6eddf}.stock-product-cell>.product-art svg{width:39px;height:39px}.stock-product-cell .fine{margin-top:5px}.product-media-editor{display:grid;grid-template-columns:135px 1fr;gap:22px;padding:18px;border:1px solid #e1e8d9;border-radius:10px;background:#fbfcf9}.product-media-preview>.product-art{width:135px;height:150px;border:1px solid #e3eadd;background:white}.product-media-preview>.product-art svg{width:82px;height:82px}.product-media-controls{display:grid;gap:13px;min-width:0}.product-media-controls label{font-size:12px}.product-media-controls .fine{margin:0;font-size:10px;line-height:1.6}.product-media-controls input[type=file]{padding:8px;font-size:10px;max-width:100%;background:white}.product-media-controls input[type=file]::file-selector-button{border:0;border-radius:5px;padding:8px 10px;background:#eaf2e2;color:#65804e;font-family:inherit;font-size:11px;margin-right:9px;cursor:pointer}
@media(max-width:760px){.product-art{height:68px}.product-art svg{width:49px;height:49px}.catalog-search input{font-size:11px}.menu-pane:has(#inline-order) .product-tile{padding:6px 6px 10px}.menu-pane:has(#inline-order) .product-plus{right:9px;top:10px}.product-media-editor{grid-template-columns:1fr;gap:16px;padding:15px}.product-media-preview>.product-art{width:100%;height:130px}.product-media-preview>.product-art svg{width:75px;height:75px}.product-media-controls input[type=file]{font-size:11px}}

/* Detailed cashbook: real cash movements remain separate from membership credit. */
.finance-export{display:inline-flex;align-items:center;text-decoration:none;background:#ecf1e7;color:#4e6b43;padding:11px 14px;border-radius:8px;font-size:12px;font-weight:600}.finance-scope{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:-5px 0 20px;font-size:11px;color:#859579}.finance-scope .text{font-size:11px}.finance-stats .stat{border-top:3px solid #e0e8d6}.finance-stats .stat:nth-child(2){border-top-color:#8bb17a}.finance-stats .stat:nth-child(3){border-top-color:#d5ab8a}.finance-stats .stat:nth-child(4){border-top-color:#4b875e;background:#f7faf3}.finance-stats .stat strong{font-size:26px}.finance-account-strip{display:flex;gap:10px;overflow:auto;padding-bottom:6px;margin:-6px 0 17px}.finance-account{background:#fff;border:1px solid #e1e8d9;color:#687e59;padding:13px 16px;text-align:left;display:flex;flex-direction:column;gap:8px;min-width:235px;font-weight:400}.finance-account>span{font-size:11px}.finance-account>strong{font-size:20px;color:#40673b;font-weight:650;letter-spacing:-.5px}.finance-account>small{font-size:9px;color:#97a58c}.finance-account.selected{background:#edf5e7;border-color:#97b77f}.finance-alert{padding:11px 14px;background:#fbf5e6;border:1px solid #efe4c6;border-radius:7px;color:#9b8453;font-size:11px;line-height:1.7;margin:11px 0}.finance-alert .text{font-size:11px;color:#8a793e}.finance-filters{margin:21px 0;background:#fff;padding:18px;border:1px solid #e3e9dc;border-radius:10px}.finance-filter-row{display:grid;grid-template-columns:140px 140px minmax(160px,1fr) 135px minmax(180px,1.2fr) auto;gap:12px;align-items:end}.finance-filters label{font-size:10px;color:#859775}.finance-filters input,.finance-filters select{font-size:11px;padding:10px}.finance-filter-row>button{font-size:11px;padding:11px 15px}.finance-more-filters{border-top:1px solid #edf0e7;padding-top:11px;margin-top:14px}.finance-more-filters>summary{cursor:pointer;color:#8c9f7a;font-size:10px}.finance-more-filters .form-grid{margin-top:12px;grid-template-columns:repeat(3,1fr)}.finance-list-toolbar{margin-bottom:12px}.finance-list-toolbar>div>strong{font-size:13px;color:#526b45}.finance-list-toolbar .fine{font-size:9px}.finance-table-wrap{overflow:auto;border:1px solid #dfe7d5;border-radius:10px;background:white;max-height:640px}.finance-table{min-width:1640px;font-size:11px}.finance-table th{position:sticky;top:0;background:#f4f7ef;z-index:1;padding:13px 12px;font-size:10px;color:#7a8e67;border-bottom:1px solid #e0e7d8}.finance-table td{padding:14px 12px;font-size:11px;vertical-align:top;line-height:1.5}.finance-table td:nth-child(2),.finance-table th:nth-child(2){position:sticky;left:0;background:#fff;z-index:1;box-shadow:2px 0 4px #30441905;min-width:170px}.finance-table th:nth-child(2){background:#f4f7ef;z-index:2}.finance-table td:nth-child(3){min-width:240px;max-width:320px}.finance-table td:nth-child(3)>strong{font-weight:500}.finance-table td>small,.finance-purchases td small{display:block;color:#98a58d;font-size:9px;margin-top:5px;line-height:1.5}.finance-table td .badge{margin:4px 0;font-size:8px;padding:3px 6px}.finance-table .finance-number{padding:0;font-size:10px;font-weight:650;text-align:left;color:#557d43}.finance-in{color:#478250!important}.finance-out{color:#b2784d!important}.finance-unverified{color:#bb985d!important}.finance-reversal td{background:#fdfbf5}.finance-reversal td:nth-child(2){background:#fdfbf5}.finance-empty{text-align:center;padding:40px!important;color:#8c9f7b}.finance-list-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:16px 0;font-size:10px;color:#8b9d7a;flex-wrap:wrap}.finance-list-footer .inline-actions{align-items:center}.finance-purchases{background:#fff;border:1px solid #e2e9d9;padding:18px;border-radius:10px;margin-top:20px}.finance-purchases>summary{cursor:pointer;font-size:13px;font-weight:600;color:#5c754c}.finance-purchases>summary>span{font-size:10px;color:#97a785;font-weight:400;margin-left:10px}.finance-purchases td,.finance-purchases th{font-size:11px;padding:13px 10px}.finance-footnote{font-size:10px;color:#9aa78d;line-height:1.8;margin-top:21px}.finance-extra-fields{border:1px solid #e3e9da;background:#fafcf7;padding:15px;border-radius:8px;margin-top:19px}.finance-extra-fields>summary{cursor:pointer;font-size:12px;color:#6b8557;font-weight:500}.finance-extra-fields>.form-grid{margin-top:16px}.finance-extra-fields .fine{font-size:10px;line-height:1.7;margin-bottom:0}.finance-detail-total{display:flex;justify-content:space-between;align-items:center;padding:20px;border:1px solid #dfe8d4;background:#f2f7ec;border-radius:10px;margin-bottom:23px}.finance-detail-total>div{display:flex;flex-direction:column;gap:7px}.finance-detail-total span{font-size:11px;color:#80956c}.finance-detail-total strong{font-size:28px;color:#416b34;letter-spacing:-.8px}.finance-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.finance-detail-grid>div{padding:12px 0;border-bottom:1px solid #ecf0e5;min-width:0}.finance-detail-grid>div>span{display:block;color:#97a68a;font-size:10px;margin-bottom:6px}.finance-detail-grid>div>strong{display:block;font-size:12px;color:#627653;font-weight:500;overflow-wrap:anywhere;line-height:1.6}.finance-detail-history{border:1px solid #e2e9d9;border-radius:8px;padding:13px 16px;margin-top:21px;color:#899b77;font-size:11px}.finance-detail-history>summary{cursor:pointer}.finance-detail-history>div{padding-top:15px;font-size:10px}.finance-detail-history pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:9px;background:#f5f8ef;padding:12px;line-height:1.6;border-radius:6px}.finance-settings>hr{border:0;border-top:1px solid #e2e9d9;margin:24px 0}.finance-settings .summary-line{font-size:11px}.finance-settings .summary-line small{color:#9da98e}.finance-settings h3{color:#5d774b}
@media(max-width:1250px){.finance-filter-row{grid-template-columns:1fr 1fr 1.4fr}.finance-stats .stat strong{font-size:22px}.finance-filter-row>button{height:37px}.finance-filters{padding:15px}.finance-scope{align-items:flex-start}.finance-more-filters .form-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.finance-filter-row{grid-template-columns:1fr 1fr;gap:12px}.finance-filter-row>label:nth-child(5){grid-column:1/-1}.finance-filter-row>button{grid-column:1/-1}.finance-scope{flex-direction:column;gap:8px}.finance-stats .stat strong{font-size:21px}.finance-account{min-width:210px}.finance-more-filters .form-grid{grid-template-columns:1fr}.finance-detail-grid{grid-template-columns:1fr}.finance-list-toolbar .fine{display:block;margin-top:7px;line-height:1.6}.finance-list-toolbar{align-items:flex-start}.finance-table-wrap{max-height:550px}.finance-detail-total strong{font-size:25px}.finance-purchases>summary>span{display:block;margin:8px 0 0}.finance-export{font-size:11px;padding:10px 12px}.finance-extra-fields{padding:13px}}
@media print{body.finance-print #receipt{width:180mm;font-size:12px}.finance-print-header{display:flex;justify-content:space-between;border-bottom:1px solid #333;padding:10px 0}.finance-print-header span{font-size:10px}.finance-print-number{text-align:center}.finance-signatures{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center;margin:35px 0 100px;font-weight:bold;font-size:11px}}

/* Compact cashbook overview: prioritize the transaction list. */
.content:has(.finance-summary)>.heading{margin-bottom:12px;align-items:center}.content:has(.finance-summary)>.heading .eyebrow{display:none}.content:has(.finance-summary)>.heading h1{font-size:25px;margin-bottom:5px}.content:has(.finance-summary)>.heading .subtitle{font-size:12px}.content:has(.finance-summary) .finance-scope{margin:0 0 10px;font-size:10px}.finance-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #dfe7d8;background:#fff;border-radius:9px;overflow:hidden;margin-bottom:10px}.finance-summary>div{padding:13px 18px;position:relative;min-width:0}.finance-summary>div+div{border-left:1px solid #e8ede2}.finance-summary>div>span{display:block;font-size:11px;color:#859579;margin-bottom:7px}.finance-summary>div>strong{display:block;font-size:22px;line-height:1.2;letter-spacing:-.6px;color:#40533c;font-weight:600;white-space:nowrap}.finance-summary>div>small{display:block;margin-top:5px;font-size:9px;color:#9aa88e}.finance-summary-in>strong{color:#4c8150!important}.finance-summary-out>strong{color:#b07a50!important}.finance-summary>.finance-summary-balance{background:#f0f6ea}.finance-summary-balance>strong{color:#35673e!important}.content:has(.finance-summary) .finance-account-strip{gap:7px;flex-wrap:wrap;overflow:visible;padding:0;margin:0 0 8px}.content:has(.finance-summary) .finance-account{min-width:0;flex-direction:row;align-items:center;gap:12px;padding:8px 11px;border-radius:6px;background:#fbfcf8}.content:has(.finance-summary) .finance-account>span{font-size:10px;max-width:190px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.content:has(.finance-summary) .finance-account>strong{font-size:13px;letter-spacing:-.2px;white-space:nowrap}.content:has(.finance-summary) .finance-account.selected{background:#edf5e6;border-color:#9bb98a}.finance-account-pending{width:5px;height:5px;background:#c6a45c;border-radius:50%;flex-shrink:0}.finance-summary-notes{font-size:10px;color:#95a088;margin:2px 0 12px}.finance-summary-notes>summary{cursor:pointer;line-height:1.6;padding:4px 0;color:#a28d61}.finance-summary-notes>summary>span{margin-left:10px;font-size:9px;color:#9aa68e}.finance-summary-notes>div{background:#fafbf6;border:1px solid #e6ebdd;border-radius:7px;padding:10px 14px;margin-top:7px;font-size:11px;line-height:1.7}.finance-summary-notes p{margin:5px 0}.finance-summary-notes .finance-alert{margin:8px 0 0;padding:8px 10px}.content:has(.finance-summary) .finance-filters{margin:12px 0 17px;padding:13px 15px}.content:has(.finance-summary) .finance-more-filters{margin-top:10px;padding-top:9px}
@media(max-width:1100px){.finance-summary>div{padding:12px 13px}.finance-summary>div>strong{font-size:19px}.finance-summary>div>span{font-size:10px}}
@media(max-width:760px){.finance-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.finance-summary>div{padding:11px 13px}.finance-summary>div>strong{font-size:20px}.finance-summary>div:nth-child(3){border-left:0;border-top:1px solid #e8ede2}.finance-summary>div:nth-child(4){border-top:1px solid #e8ede2}.finance-summary>div>span{margin-bottom:5px}.content:has(.finance-summary) .finance-account{gap:8px;padding:7px 9px}.content:has(.finance-summary) .finance-account>span{max-width:150px}.content:has(.finance-summary) .finance-account>strong{font-size:12px}.finance-summary-notes>summary{font-size:10px}.content:has(.finance-summary)>.heading h1{font-size:24px}.content:has(.finance-summary)>.heading .subtitle{font-size:11px}.content:has(.finance-summary)>.heading .inline-actions{gap:7px}.content:has(.finance-summary)>.heading .inline-actions button,.content:has(.finance-summary)>.heading .finance-export{font-size:11px;padding:9px 11px}}
.records-navigation{max-width:1600px;margin:0 auto;padding:20px 38px 0}.records-navigation .tabs{width:fit-content;max-width:100%;flex-wrap:wrap}.records-navigation+.content{padding-top:20px}@media(max-width:760px){.records-navigation{padding:15px 18px 0}.records-navigation .tabs{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.records-navigation .tabs button{padding:10px 8px}.records-navigation+.content{padding-top:16px}}
.license-badge{margin:12px 0;padding:10px 0;border-top:1px solid #ffffff20;line-height:1.5}.license-badge button.text{color:#b7d5bc;padding:0;text-align:left;font-size:11px}.license-badge small{display:block;margin-top:5px;font-size:10px}.license-warning button.text{color:#ead294}.license-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:22px}.license-layout .panel{margin:0}.license-customer{margin-top:20px;font-size:23px;line-height:1.4}.license-layout .summary-line{gap:15px;flex-wrap:wrap}.license-paste{margin-top:12px}.license-layout summary{cursor:pointer;color:var(--green);font-size:13px}@media(max-width:900px){.license-layout{grid-template-columns:1fr}}
.vendor-link{display:block;width:fit-content;margin-top:10px;color:#c6d7bd;text-decoration:none;font-size:12px;font-weight:600;letter-spacing:.3px}.vendor-link:hover{color:#f5e5b4;text-decoration:underline}.vendor-link:focus-visible{outline:2px solid #d6bb77;outline-offset:4px}
.pool.pool-carom:before{display:none}.pool-ball.red{background:#d47b68;left:15px;bottom:8px}.table-type-picker{margin:0;padding:0;border:0;min-width:0}.table-type-picker legend{font-size:13px;font-weight:500;margin-bottom:10px}.table-type-picker>div{display:grid;grid-template-columns:1fr 1fr;gap:12px}.table-type-option{position:relative;display:flex;flex-direction:column;align-items:center;gap:13px;padding:16px 10px;border:1px solid var(--line);border-radius:10px;cursor:pointer;background:#fafbf7}.table-type-option:has(input:checked){border-color:#67945d;background:#f0f6eb;box-shadow:0 0 0 1px #67945d}.table-type-option input{position:absolute;top:10px;right:10px;width:auto;accent-color:var(--green)}.table-type-option>span{text-align:center}.table-type-option strong{display:block;font-size:13px}.table-type-option small{display:block;color:var(--muted);margin-top:4px;font-size:11px}.table-type-option .pool{margin-top:10px;transform:scale(.9)}.brand-ball{width:43px;height:43px;object-fit:contain;flex-shrink:0}@media(max-width:400px){.table-type-option{padding:15px 4px}.table-type-option .pool{transform:scale(.8)}}
/* Thanh cuộn dùng chung */ @supports selector(::-webkit-scrollbar){*::-webkit-scrollbar{width:2px;height:2px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#1b6551;border-radius:2px}*::-webkit-scrollbar-thumb:hover{background:#124b3c}*::-webkit-scrollbar-button{display:none;width:0;height:0}*::-webkit-scrollbar-corner{background:transparent}}@supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:#1b6551 transparent}}
dialog,dialog.wide{overflow:hidden;padding:6px}.dialog-scroll{overflow:auto;max-height:calc(90vh - 14px);padding:21px;overscroll-behavior:contain;min-width:0}@media(max-width:600px){.dialog-scroll{padding:14px}}
/* Giảm chi phí vẽ khi cuộn và mở hộp thoại */ dialog::backdrop{backdrop-filter:none;-webkit-backdrop-filter:none;background:#122d297a}button:hover{filter:none}.table-card{transition:none}.table-card:hover{transform:none}.dialog-scroll{overscroll-behavior:auto;-webkit-overflow-scrolling:touch;scroll-behavior:auto;isolation:isolate}.bill-workspace:has(#inline-order)>.bill-pane{position:static}.table-card,.product-tile{contain:layout style}.dialog-scroll .table-wrap,.dialog-scroll .lot-list{overscroll-behavior:auto}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Thanh toán gọn trong khung, không hiện thanh cuộn */ dialog.checkout-dialog{padding:6px}.checkout-dialog .dialog-scroll{padding:18px 20px;scrollbar-width:none}.checkout-dialog .dialog-scroll::-webkit-scrollbar{display:none;width:0;height:0}.checkout-dialog .dialog-head{margin-bottom:12px}.checkout-dialog .dialog-head h2{font-size:20px}.checkout-dialog .checkout-total{padding:12px 16px}.checkout-dialog .checkout-total strong{font-size:28px}.checkout-dialog .checkout-breakdown{margin:10px 0 14px}.checkout-dialog .checkout-customer{margin-bottom:14px;gap:12px}.checkout-dialog .checkout-customer input,.checkout-dialog .checkout-customer select{padding:10px}.checkout-dialog .checkout-section-title{margin:0 0 8px}.checkout-dialog .payment-method{min-height:48px;padding:10px 8px;flex-direction:row;justify-content:center;gap:8px}.checkout-dialog .payment-method>span{font-size:18px}.checkout-dialog .payment-method strong{font-size:11px}.checkout-dialog .checkout-hint{margin:8px 0 10px;font-size:10px}.checkout-dialog .cash-payment,.checkout-dialog .member-payment,.checkout-dialog .transfer-payment{margin-top:10px;padding:12px 14px}.checkout-dialog .cash-payment input{padding:9px 11px;font-size:20px}.checkout-dialog .cash-suggestions{margin:8px 0 10px}.checkout-dialog .change-line{padding-top:9px}.checkout-dialog .checkout-footer{position:static;margin:14px 0 0;padding:12px 0 0;box-shadow:none}.checkout-dialog .checkout-footer>button:last-child{padding:11px}.checkout-dialog .checkout-refresh{margin:5px 0 0}.checkout-dialog .remaining-payment{padding-top:10px}.checkout-dialog .member-payment>div{padding:5px 0}@media(max-width:600px){.checkout-dialog .dialog-scroll{padding:14px}.checkout-dialog .checkout-customer{gap:9px;margin-bottom:12px}.checkout-dialog .checkout-total strong{font-size:25px}.checkout-dialog .payment-method{padding:10px 5px;gap:5px}.checkout-dialog .payment-method strong{font-size:10px}}
.stock-equation{border:1px solid #dfe7d8;border-radius:9px;background:#fff;padding:13px 17px;margin-bottom:15px;font-size:12px}.stock-equation>strong{display:block;color:var(--green);font-size:14px}.stock-equation>span{display:block;margin:6px 0;color:var(--muted);font-size:11px}.stock-equation details{font-size:11px;color:var(--muted)}.stock-equation summary{cursor:pointer}.stock-counts .stat{padding:15px}.stock-counts .stat strong{font-size:18px;line-height:1.6;letter-spacing:0}.stock-usable{color:#276c49;font-weight:600}.stock-expired{color:#a24b37;font-weight:600}.checkout-dialog .payment-methods{grid-template-columns:repeat(4,minmax(0,1fr))}.debt-payment{margin-top:10px;padding:12px 14px;background:#fbf6e9;border:1px solid #e7dcc0;border-radius:9px}.debt-payment .form-grid{gap:10px}.debt-payment input{padding:9px;font-size:12px}.debt-payment label{font-size:11px}.debt-payment p{margin:8px 0 0}@media(max-width:600px){.checkout-dialog .payment-methods{grid-template-columns:repeat(2,minmax(0,1fr))}}
.checkout-dialog:has([data-method="debt"][aria-pressed="true"]) #checkout-guest,.checkout-dialog:has([data-method="debt"][aria-pressed="true"]) #checkout-methods>.checkout-hint{display:none}.checkout-dialog:has([data-method="debt"][aria-pressed="true"]) .checkout-customer{grid-template-columns:1fr}
.print-designer{display:grid;grid-template-columns:minmax(270px,1fr) minmax(300px,1.2fr);gap:20px}.print-designer .panel{margin:0}.print-preview-stage{background:#e8ece6;border-radius:8px;padding:22px 12px;overflow:auto;display:flex;justify-content:center}.print-paper{background:white;color:#111;max-width:100%;padding:10px;font-family:Arial,sans-serif;line-height:1.4;box-shadow:0 3px 14px #0001;flex-shrink:0;overflow-wrap:anywhere}.print-paper h2{text-align:center;font-size:1.35em;margin:8px 0}.print-paper h3{text-align:center;font-size:1em;margin:10px 0}.print-paper .receipt-contact,.print-paper .receipt-footer{text-align:center;white-space:pre-line;font-size:.9em}.print-paper table{font-size:.9em}.print-paper th,.print-paper td{padding:6px 2px;background:white;color:black;border-bottom:1px dashed #aaa}.print-paper .total{font-size:1.15em}.print-paper .fine{font-size:.75em;color:#222}.print-paper .receipt-logo{text-align:center}.print-paper .receipt-logo img{width:42px;height:42px;object-fit:contain}#print-tabs-slot .toolbar{margin-bottom:20px}@media(max-width:1000px){.print-designer{grid-template-columns:1fr}}
.receipt-meta{margin:10px 0}.receipt-meta-row{display:flex;justify-content:space-between;gap:10px;font-size:.9em;line-height:1.45;margin:4px 0}.receipt-meta-row>span{font-weight:400}.receipt-meta-row>strong{font-weight:600;text-align:right}.print-paper .receipt-logo img{height:auto;max-width:100%;max-height:24mm;object-fit:contain}.receipt-disclaimer{text-align:center}.print-editor-section{border:1px solid var(--line);border-radius:8px;padding:12px}.print-editor-section>summary{font-weight:600;cursor:pointer;color:var(--green);font-size:12px}.print-editor-section[open]>summary{margin-bottom:12px}.print-editor-section .form-stack{gap:11px}.print-field-list{display:grid;gap:8px}.print-field-list>div{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:10px}.print-field-list input:not([type=checkbox]){padding:8px;font-size:12px}.print-field-list .check{font-size:12px}.print-extra-row{display:grid;grid-template-columns:1fr 1.3fr auto;gap:7px;align-items:end;margin:12px 0}.print-extra-row input{padding:8px;font-size:12px}.print-extra-row label{font-size:11px}.print-extra-row button{padding:9px}.print-preview-panel{align-self:start;position:sticky;top:16px}.print-designer input[type=file]{font-size:12px}@media(max-width:1000px){.print-preview-panel{position:static}}
.receipt-meta-row>strong{min-width:0;overflow-wrap:anywhere}.receipt-meta-row>span{flex-shrink:0;max-width:45%}.print-editor-section input[type=number]{max-width:140px}
.transfer-table-options{border:0;padding:0;margin:18px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.transfer-table-options legend{font-size:13px;margin-bottom:12px}.transfer-table-options label{position:relative;display:flex;flex-direction:column;align-items:center;padding:18px 8px;gap:12px;border:1px solid var(--line);border-radius:9px;background:#fafbf7;cursor:pointer}.transfer-table-options input{position:absolute;right:9px;top:9px;accent-color:var(--green)}.transfer-table-options label:has(input:checked){background:#edf5e8;border-color:#67945d}.transfer-table-options .pool{transform:scale(.85);margin-top:8px}.transfer-table-options strong{font-size:14px}.transfer-table-options .fine{margin-top:-7px}.bill-transfer-history{font-size:12px;margin:0 0 16px;color:#647b63}.bill-transfer-history summary{cursor:pointer}.bill-transfer-history p{padding:8px 12px;border-left:2px solid #93b28b;margin:9px 0}@media(max-width:600px){.transfer-table-options{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.transfer-table-options{grid-template-columns:repeat(2,minmax(0,1fr))}}
.table-card{position:relative}.table-card>button.table-card-hit{position:absolute;inset:0;width:100%;height:100%;padding:0;background:transparent;border:0;border-radius:inherit;z-index:1;cursor:pointer}.table-card>.card-foot{position:relative;z-index:2}.table-card>button.table-card-hit:focus-visible{outline:2px solid var(--green);outline-offset:-3px}
.product-tiles>.catalog-more{grid-column:1/-1;margin-top:8px;font-size:12px}
/* Điều hướng thu gọn và sơ đồ thao tác */ .shell{--sidebar-width:208px;grid-template-columns:var(--sidebar-width) minmax(0,1fr)}.sidebar{width:var(--sidebar-width);padding:22px 12px;z-index:30;overflow-y:auto}.sidebar .nav{display:grid;gap:4px}.sidebar .nav button{padding:11px 12px;min-height:42px;align-items:center;white-space:nowrap}.sidebar .nav-icon{display:inline-block;flex-shrink:0}.sidebar .brand{padding:0 9px 24px;gap:9px}.sidebar .brand-caption{min-width:0}.sidebar .brand small{font-size:8px;letter-spacing:1px}.sidebar-toggle{display:grid;place-items:center;background:transparent;color:#426352;width:34px;height:34px;padding:0;font-size:20px;flex-shrink:0;border:1px solid #e1e7dc}.topbar-title{display:flex;align-items:center;gap:13px;min-width:0}.topbar-title>div{min-width:0}.topbar-title strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block}.topbar{height:60px;padding:0 24px;gap:12px}.topbar .crumb{display:none}.topbar strong{font-size:14px}.profile{gap:9px}.profile-name{font-size:12px}.avatar{width:29px;height:29px;font-size:12px}.content{padding:20px 24px}.content>.heading .eyebrow{display:none}.heading{margin-bottom:17px;align-items:center}h1{font-size:25px;margin-bottom:5px}.subtitle{font-size:12px}.toolbar .tabs{max-width:100%;flex-wrap:wrap}.sidebar-collapsed{--sidebar-width:68px}.sidebar-collapsed .sidebar{padding:20px 8px}.sidebar-collapsed .brand{justify-content:center;padding:0 0 22px}.sidebar-collapsed .brand-ball{width:36px;height:36px}.sidebar-collapsed .brand-caption,.sidebar-collapsed .nav-label,.sidebar-collapsed #connection-text,.sidebar-collapsed .license-badge{display:none}.sidebar-collapsed .nav button{justify-content:center;padding:10px}.sidebar-collapsed .nav-icon{font-size:20px;width:auto}.sidebar-collapsed .sidebar-foot{padding:12px 0 0;text-align:center}.sidebar-collapsed .vendor-link{font-size:9px;letter-spacing:0;margin:8px auto 0;white-space:nowrap}.sidebar-collapsed .connection{margin:0}.sidebar-dismiss,.sidebar-backdrop{display:none}.content:has(.table-grid)>.heading{margin-bottom:12px}.content:has(.table-grid)>.heading .subtitle{display:none}.dashboard-total{display:flex;align-items:baseline;gap:12px;white-space:nowrap}.dashboard-total>span{font-size:11px;color:var(--muted)}.dashboard-total>strong{font-size:21px;color:var(--green);letter-spacing:-.5px}.table-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}.table-grid.table-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}.table-card{border-radius:11px;display:flex;flex-direction:column}.card-top{padding:12px 14px 0;gap:8px}.card-title{font-size:17px}.table-status{font-size:10px;padding:5px 7px}.table-visual{padding:13px 14px 12px;gap:8px}.table-rate{font-size:10px}.card-body{padding:0 14px 12px;min-height:82px}.free-message{height:67px;border:0;background:none}.free-message strong{font-size:11px;color:#91a089}.play-info{font-size:10px}.play-info span:first-child{font-size:12px}.players-line{margin:6px 0 9px;font-size:11px}.table-amount{padding-top:8px}.table-amount strong{font-size:22px}.table-amount>span{font-size:11px}.card-foot{padding:9px 12px;margin-top:auto}.card-foot button{padding:9px 7px;font-size:11px}.table-aisle{display:grid;grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr);gap:12px}.table-zone>h2{font-size:12px;color:#7c8e77;margin:0 0 10px;font-weight:500}.table-zone>.table-grid{grid-template-columns:1fr}.table-aisle-gap{background:#edf1e9;border-left:1px dashed #d4ddce;border-right:1px dashed #d4ddce;border-radius:8px;display:flex;justify-content:center;align-items:center}.table-aisle-gap span{writing-mode:vertical-rl;letter-spacing:3px;font-size:10px;color:#9ba992}.layout-settings{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:17px}.layout-settings label{min-width:230px}.layout-settings p{flex:1;min-width:180px}.layout-editor-flat{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.layout-editor-flat.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.layout-edit-card{position:relative;border:1px solid var(--line);background:#fff;border-radius:10px;padding:18px 12px;display:flex;flex-direction:column;align-items:center;gap:12px;cursor:grab}.layout-edit-card:active{cursor:grabbing}.layout-edit-card>.pool{margin-top:6px}.layout-edit-card>.inline-actions{justify-content:center}.layout-edit-card>.inline-actions .small{font-size:10px;padding:7px 9px}.layout-drag-handle{position:absolute;left:10px;top:8px;color:#9aa88f;font-size:22px}.layout-editor-aisle{display:grid;grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr);gap:12px}.layout-editor-zone{min-height:160px;border:1px dashed #cdd9c5;border-radius:9px;padding:12px;display:flex;flex-direction:column;gap:12px}.layout-editor-zone>h3{color:#6a8160;margin:0;font-size:12px}.layout-editor-gap{display:flex;align-items:center;justify-content:center;writing-mode:vertical-rl;letter-spacing:3px;color:#9ba992;font-size:10px}@media(max-width:760px){.shell,.shell.sidebar-collapsed{display:block}.main{width:100%}.sidebar,.sidebar-collapsed .sidebar{position:fixed;inset:0 auto 0 0;width:225px;padding:22px 12px;transform:translateX(-100%);z-index:1100;background:#122d29}.sidebar-mobile-open .sidebar{transform:none}.sidebar .brand,.sidebar-collapsed .brand{justify-content:flex-start;padding:0 8px 25px}.sidebar .brand-caption,.sidebar-collapsed .brand-caption,.sidebar .nav-label,.sidebar-collapsed .nav-label{display:block}.sidebar .nav button,.sidebar-collapsed .nav button{justify-content:flex-start;padding:11px 12px}.sidebar .sidebar-foot{display:block;text-align:left;padding:12px 8px}.sidebar .license-badge,.sidebar #connection-text{display:block}.sidebar .nav-icon{width:22px;font-size:18px}.sidebar .vendor-link{font-size:11px;margin-left:0}.sidebar-dismiss{display:block;position:absolute;right:10px;top:8px;background:transparent;color:#bfd0be;font-size:23px;padding:3px 8px}.sidebar-mobile-open .sidebar-backdrop{display:block;position:fixed;inset:0;background:#122d2960;border-radius:0;z-index:1099}.topbar{height:56px;padding:0 14px}.topbar-title{gap:9px}.topbar-title strong{max-width:200px;font-size:13px}.content{padding:17px 14px}.records-navigation{padding:14px 14px 0}.profile-name{display:none}h1{font-size:23px}.dashboard-total{gap:9px}.dashboard-total>strong{font-size:19px}.table-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.table-grid.table-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.table-aisle,.layout-editor-aisle{grid-template-columns:1fr;gap:16px}.table-aisle-gap,.layout-editor-gap{display:none}.table-grid.table-grid-two,.layout-editor-flat.two-columns{grid-template-columns:1fr}.topbar-title strong{max-width:150px}.layout-settings{padding:13px}.layout-settings label{width:100%}}
.layout-editor-flat [data-action="layout-side"]{display:none}@media(max-width:760px){body:has(.sidebar-mobile-open){overflow:hidden}}
.shell>.sidebar-toggle{position:fixed;left:calc(var(--sidebar-width) - 12px);top:50%;transform:translateY(-50%);z-index:1101;width:24px;height:44px;border-radius:12px;background:#f8faf5;border:1px solid #dce5d7;box-shadow:0 2px 7px #16372712;color:#65815f;font-size:26px;font-weight:400;line-height:1}.topbar-title{gap:0}@media(max-width:760px){.shell>.sidebar-toggle{left:0;border-radius:0 10px 10px 0;border-left:0}.sidebar-mobile-open>.sidebar-toggle{left:213px;border-radius:12px;border-left:1px solid #dce5d7}}
.table-aisle{max-width:960px;margin-inline:auto;grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr)}
.table-grid.table-grid-two{max-width:960px;margin-inline:auto}
.table-card{min-height:206px}.table-card .table-visual{width:152px;min-height:112px;flex-direction:column;align-items:flex-start;justify-content:center;padding:13px 14px;gap:9px}
.table-card .card-body{position:absolute;top:65px;right:14px;left:158px;height:auto;min-height:0;padding:0}
.table-card.free .card-body{display:none}.table-card .play-info{flex-wrap:wrap;gap:4px}.table-card .players-line{margin:6px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-card .table-amount{padding-top:6px}.table-card .table-amount strong{font-size:20px}.table-card .card-foot{padding:8px 12px}.table-card .card-foot button{padding:8px}
.shell>.sidebar-toggle{font-size:0;display:flex;align-items:center;justify-content:center}
.shell>.sidebar-toggle::before{content:'';display:block;width:7px;height:7px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:translateX(2px) rotate(-135deg)}
.shell>.sidebar-toggle[aria-expanded="false"]::before{transform:translateX(-2px) rotate(45deg)}
@media(max-width:1100px){.table-card .table-visual{width:132px}.table-card .card-body{left:140px}.table-card .table-amount{display:flex;flex-direction:column;align-items:flex-start;gap:3px}}
@media(max-width:600px){.table-aisle{grid-template-columns:1fr}.table-card{min-height:200px}}

/* Giữ phần điều khiển dashboard, chỉ cuộn sơ đồ bàn. */
body:has(.table-dashboard){overflow:hidden}
.shell:has(.table-dashboard){height:100dvh;min-height:0;overflow:hidden}
.main:has(.table-dashboard){height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}
.main:has(.table-dashboard)>.topbar{flex-shrink:0}
.content.table-dashboard{flex:1;min-height:0;width:100%;margin:0 auto;display:flex;flex-direction:column;overflow:hidden}
.table-dashboard>.heading,.table-dashboard>.toolbar{flex-shrink:0}
.table-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:2px 4px 12px 0;scrollbar-gutter:stable}
.table-scroll:focus-visible{outline:2px solid #91b49a;outline-offset:-2px;border-radius:6px}


/* Ẩn thanh cuộn khi ngừng thao tác, giữ nguyên chiều rộng nội dung. */
@supports selector(::-webkit-scrollbar){*::-webkit-scrollbar-thumb,*::-webkit-scrollbar-thumb:hover{background:transparent}.is-scrolling::-webkit-scrollbar-thumb{background:#1b6551}.is-scrolling::-webkit-scrollbar-thumb:hover{background:#124b3c}}
@supports not selector(::-webkit-scrollbar){*{scrollbar-color:transparent transparent}.is-scrolling{scrollbar-color:#1b6551 transparent}}


/* Kho hàng: cố định phần tổng hợp, cuộn riêng danh sách. */
body:has(.stock-dashboard){overflow:hidden}.shell:has(.stock-dashboard){height:100dvh;min-height:0;overflow:hidden}.main:has(.stock-dashboard){height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}.main:has(.stock-dashboard)>.topbar{flex-shrink:0}.content.stock-dashboard{flex:1;min-height:0;width:100%;margin:0 auto;display:flex;flex-direction:column;overflow:hidden}.stock-dashboard>.heading,.stock-dashboard>.stock-equation,.stock-dashboard>.stock-counts,.stock-controls{flex-shrink:0}.stock-dashboard>.heading{margin-bottom:10px}.stock-dashboard .subtitle{display:none}.stock-dashboard .heading button{font-size:12px;padding:9px 12px}.stock-dashboard .stock-equation{position:relative;padding:8px 12px;margin-bottom:10px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.stock-equation>strong{font-size:11px}.stock-equation>span{display:none}.stock-equation details{margin-left:auto}.stock-equation details[open]{flex-basis:100%}.stock-equation p{margin:5px 0}.stock-dashboard .stock-counts{gap:10px;margin-bottom:12px}.stock-dashboard .stock-counts .stat{padding:10px 12px}.stock-counts .stat .label{margin-bottom:4px;font-size:11px}.stock-counts .stat strong{font-size:16px;line-height:1.4}.stock-counts .stat small{font-size:10px;margin-top:3px}.stock-controls{display:flex;gap:12px;align-items:center;margin-bottom:10px}.stock-controls input{max-width:350px;padding:9px 11px;font-size:12px}.stock-controls>.inline-actions{margin-left:auto;align-items:center;flex-wrap:nowrap;font-size:11px}.stock-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding-right:3px}.stock-scroll>.panel{padding:0;margin-bottom:12px}.stock-scroll>.table-wrap{overflow:visible}.stock-scroll th{position:sticky;top:0;z-index:1;background:#f2f5ee;padding:10px 12px}.stock-scroll td{padding:9px 12px;font-size:12px}.stock-scroll .stock-product-cell{min-width:200px;gap:9px}.stock-scroll .stock-product-cell>.product-art{width:34px;height:36px}.stock-scroll .product-art svg{width:28px;height:28px}.stock-scroll .stock-product-cell .fine{margin-top:3px;font-size:10px}.stock-scroll>.panel:not(.table-wrap){padding:14px}.stock-scroll .section-title h2{font-size:14px}.stock-scroll:focus-visible{outline:2px solid #91b49a;outline-offset:-2px;border-radius:6px}@media(max-width:600px){.stock-dashboard .stock-counts{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:8px}.stock-counts .stat strong{font-size:13px}.stock-dashboard .stock-counts .stat{padding:7px 9px}.stock-counts .stat small{display:none}.stock-controls{gap:7px;flex-wrap:wrap}.stock-controls input{max-width:none;flex:1;min-width:150px}.stock-dashboard .heading{gap:7px}.stock-dashboard .heading .inline-actions{gap:5px}.stock-dashboard .heading button{font-size:11px;padding:8px}.stock-dashboard .stock-equation{padding:6px 9px;margin-bottom:7px}.stock-equation>strong{font-size:10px}}


/* Vùng kéo ngang rộng hơn, nét xanh vẫn mảnh 2px. */
@supports selector(::-webkit-scrollbar){*::-webkit-scrollbar:horizontal{height:12px}*::-webkit-scrollbar-thumb:horizontal{border-top:5px solid transparent;border-bottom:5px solid transparent;background-clip:padding-box;border-radius:7px}*::-webkit-scrollbar-track:horizontal{background:transparent}}


.stock-brief{display:flex;align-items:center;gap:20px;flex-shrink:0;padding:9px 12px;margin-bottom:10px;border:1px solid var(--line);border-radius:8px;background:white;font-size:12px;color:var(--muted)}.stock-brief>strong{color:#29483c}.stock-brief b{font-weight:600}.stock-near{color:#9b772a}
/* Bố cục thống nhất cho Sổ sách và báo cáo. */
body:has(.records-dashboard){overflow:hidden}.shell:has(.records-dashboard){height:100dvh;min-height:0;overflow:hidden}.main:has(.records-dashboard){height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}.main:has(.records-dashboard)>.topbar,.records-navigation{flex-shrink:0}.records-navigation{width:100%;padding:12px 24px 0}.records-navigation .tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;width:fit-content}.records-navigation .tabs button{white-space:nowrap;font-size:12px;padding:8px 12px}.records-dashboard.content{width:100%;flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding-top:14px;margin:0 auto}.records-dashboard>*{flex-shrink:0}.records-dashboard>.heading{margin-bottom:12px}.records-dashboard h1{font-size:23px}.records-dashboard .heading .inline-actions{gap:7px}.records-dashboard .heading button,.records-dashboard .finance-export{padding:8px 11px;font-size:11px}.records-dashboard .subtitle{font-size:11px}.records-scroll{flex:1;min-height:100px;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.records-scroll.panel{padding:0;margin:0}.records-scroll th{position:sticky;top:0;z-index:2;padding:10px 12px;background:#f1f4ed}.records-scroll td{padding:10px 12px;font-size:12px}.records-scroll tbody tr[hidden]{display:none}.records-scroll pre{max-width:650px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;line-height:1.6}.records-scroll tbody tr:hover{background:#fafcf8}.records-tools{display:flex;align-items:center;gap:10px;margin-bottom:10px;flex-wrap:wrap;font-size:11px}.records-tools input{max-width:320px;padding:9px 11px;font-size:12px}.records-tools select{width:auto;max-width:180px;padding:9px;font-size:12px}.records-tools .inline-actions{margin-left:auto;align-items:center}.records-result{color:var(--muted)}.records-dashboard .finance-summary{margin-bottom:10px}.records-dashboard .finance-summary>div{padding:10px 14px}.records-dashboard .finance-summary>div>strong{font-size:20px}.records-dashboard .finance-summary>div>span{font-size:11px;margin-bottom:5px}.records-dashboard .finance-scope{margin:0 0 8px}.records-dashboard .finance-summary-notes{margin:0 0 7px}.records-dashboard .finance-summary-notes[open]{max-height:24vh;overflow:auto}.records-dashboard .finance-account-strip{margin-bottom:7px}.records-dashboard.content .finance-filters{margin:5px 0 10px;padding:10px 12px}.records-dashboard .finance-filter-row{gap:9px}.records-dashboard .finance-filters label{font-size:10px;gap:4px}.records-dashboard .finance-filters input,.records-dashboard .finance-filters select{padding:8px;font-size:12px}.records-dashboard .finance-filters button{padding:9px 12px;font-size:11px}.records-dashboard .finance-more-filters{margin-top:7px;padding-top:7px}.records-dashboard .finance-more-filters[open]{max-height:25vh;overflow:auto}.records-dashboard .finance-list-toolbar{margin-bottom:8px}.records-dashboard .finance-list-toolbar .fine{display:none}.records-sections>.finance-table-wrap{overflow:visible;max-height:none}.records-sections .finance-table{min-width:1200px}.records-sections>.finance-list-footer{min-width:600px}.records-sections>.panel{padding:16px;margin-bottom:12px}.records-sections .stats{gap:10px;margin-bottom:12px}.records-sections .stat{padding:12px}.records-sections .stat strong{font-size:22px}.records-sections .stat .label{margin-bottom:7px}.records-sections .split{gap:12px}.records-sections .notice{margin:0 0 12px;padding:10px 12px;font-size:11px}.records-dashboard>.date-filter{margin:0 0 12px;gap:10px}.records-dashboard>.date-filter label{font-size:11px}.records-dashboard>.date-filter input{padding:8px;font-size:12px}.records-scroll:focus-visible{outline:2px solid #91b49a;outline-offset:-2px;border-radius:6px}@media(max-width:760px){.records-navigation{padding:9px 14px 0}.records-navigation .tabs{display:flex;width:100%;flex-wrap:nowrap}.records-navigation .tabs button{padding:8px 10px;font-size:11px}.records-dashboard.content{padding-top:12px}.records-dashboard .finance-filter-row{grid-template-columns:repeat(2,minmax(0,1fr))}.records-dashboard .heading{flex-wrap:wrap}.records-dashboard .heading .subtitle{display:none}.records-tools input{flex:1;min-width:150px}.records-dashboard .finance-summary>div{padding:7px 10px}.records-dashboard .finance-summary>div>strong{font-size:16px}.records-dashboard .finance-account-strip{display:none}.records-dashboard .finance-summary-notes{display:none}.records-sections .split{grid-template-columns:1fr}.stock-brief{gap:10px;flex-wrap:wrap;font-size:11px}}@media(max-height:700px){.records-dashboard[data-record-page="expenses"]{overflow:auto}.records-dashboard[data-record-page="expenses"]>.records-scroll{flex:none;min-height:240px;max-height:65dvh}}


.table-space{height:206px;min-height:206px;border:1px dashed #dce4d6;border-radius:11px;background:#eaf0e530;pointer-events:none}.layout-space-art{display:grid;place-items:center;height:78px;width:132px;border:1px dashed #bfcdb7;border-radius:8px;background:#f5f8f1;color:#8b9a83;font-size:13px}.layout-edit-card:has(.layout-space-art){background:#f9fbf5}.records-dashboard .finance-summary-notes{display:block}@media(max-width:760px){.records-dashboard .finance-account-strip{display:flex;flex-wrap:nowrap;overflow-x:auto;max-width:100%}.records-dashboard .finance-account{flex-shrink:0}.table-space{height:200px;min-height:200px}}


@supports selector(::-webkit-scrollbar){.scrollbar-near::-webkit-scrollbar-thumb{background-color:#1b6551}.scrollbar-near::-webkit-scrollbar-thumb:hover{background-color:#124b3c}}
@supports not selector(::-webkit-scrollbar){.scrollbar-near{scrollbar-color:#1b6551 transparent}}


.records-reconcile{font-size:11px;color:#77896b;margin:0 0 8px}.records-reconcile>summary{cursor:pointer;padding:4px 0}.records-reconcile[open]{max-height:27dvh;overflow:auto;background:#fafcf7;border:1px solid var(--line);border-radius:7px;padding:8px 12px}.records-reconcile p{font-size:11px;margin:5px 0}.records-reconcile .finance-account-strip{margin-top:8px}.records-dashboard[data-record-page="expenses"] .subtitle{display:none}


.records-filter-drawer>summary{display:none}.records-filter-drawer{margin:0}.records-dashboard .finance-scope{display:flex;align-items:center;justify-content:space-between;gap:10px}@media(max-width:760px){.records-filter-drawer>summary{display:list-item;cursor:pointer;font-size:12px;padding:10px 12px;margin:0 0 8px;border:1px solid var(--line);border-radius:7px;background:white;color:var(--green)}.records-filter-drawer[open]{max-height:45dvh;overflow:auto;margin-bottom:8px}.records-dashboard .finance-scope>span{margin:0}.records-dashboard .finance-summary>div>strong{font-size:16px}}


.records-dashboard .finance-scope{flex-direction:row}


/* Sổ thu chi dùng một vùng làm việc rộng, tránh kẹp bảng giữa các khối cố định. */
.records-dashboard[data-record-page="expenses"]{overflow:hidden}.records-dashboard>.records-workspace{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding-right:3px}.records-workspace>.records-scroll{display:block;overflow:visible;min-height:0;max-height:none}.records-workspace .finance-table-wrap{overflow:auto;max-height:none}.records-workspace .finance-table{min-width:1200px}.records-workspace .records-filter-drawer[open],.records-workspace .records-reconcile[open]{max-height:none;overflow:visible}.records-workspace .finance-list-footer{min-width:0;flex-wrap:wrap;gap:10px}.records-workspace .finance-scope{margin:0 0 8px}.records-workspace .finance-list-toolbar{gap:10px}.records-workspace .finance-filter-row{grid-template-columns:repeat(4,minmax(0,1fr))}.records-workspace .finance-filter-row>label:has([name="query"]){grid-column:span 3}.records-workspace .finance-filter-row>button{align-self:end}@media(max-width:760px){.records-workspace .finance-filter-row{grid-template-columns:repeat(2,minmax(0,1fr))}.records-workspace .finance-filter-row>label:has([name="query"]){grid-column:1/-1}.records-workspace .finance-filter-row>button{grid-column:1/-1}.records-workspace .finance-list-toolbar{flex-wrap:wrap}.records-workspace .finance-list-footer>.inline-actions{flex-wrap:nowrap}}


/* Thanh cuộn nổi: không chiếm chiều rộng/cao và không làm nội dung dịch chuyển. */
*{scrollbar-width:none!important;scrollbar-gutter:auto!important}*::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}
.overlay-scroll-track{position:fixed;z-index:2000;border-radius:9px;background:transparent;touch-action:none;user-select:none;cursor:default;pointer-events:auto}.overlay-scroll-thumb{position:absolute;background:#1b6551b8;border-radius:9px;cursor:grab}.overlay-scroll-y>.overlay-scroll-thumb{width:2px;left:50%;transform:translateX(-50%);transition:width .12s ease,background-color .12s ease}.overlay-scroll-x>.overlay-scroll-thumb{height:2px;top:50%;transform:translateY(-50%);transition:height .12s ease,background-color .12s ease}.overlay-scroll-near{background:#e5eee4b0}.overlay-scroll-near.overlay-scroll-y>.overlay-scroll-thumb{width:7px;background:#1b6551}.overlay-scroll-near.overlay-scroll-x>.overlay-scroll-thumb{height:7px;background:#1b6551}.overlay-scroll-thumb:active{cursor:grabbing;background:#124b3c}@media(prefers-reduced-motion:reduce){.overlay-scroll-thumb{transition:none!important}}@media print{.overlay-scroll-track{display:none!important}}


.records-filter-drawer>summary{display:list-item;cursor:pointer;font-size:12px;padding:9px 12px;margin:0 0 8px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--green)}


/* Đặt thông tin trong luồng bố cục để tiền không bị chân thẻ che. */
.table-card{display:grid;grid-template-columns:146px minmax(0,1fr);grid-template-rows:auto minmax(124px,auto) auto;min-height:0;align-content:start}.table-card>.card-top,.table-card>.card-foot{grid-column:1/-1}.table-card>.table-visual{grid-column:1;grid-row:2;width:auto;min-height:0;align-self:center}.table-card>.card-body{position:static;grid-column:2;grid-row:2;min-width:0;height:auto;min-height:0;padding:12px 14px 12px 0;align-self:center}.table-card>.card-foot{margin-top:0}.table-card .table-amount{display:flex;flex-direction:column;align-items:flex-start;gap:3px}.table-card .play-info{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.table-card .table-amount strong{line-height:1.25}.table-card.free>.table-visual{grid-row:2}.table-space{height:218px;min-height:218px}@media(max-width:1100px){.table-card{grid-template-columns:132px minmax(0,1fr)}.table-card>.table-visual{width:auto}}@media(max-width:600px){.table-space{height:218px;min-height:218px}}


/* Giữ khoảng đệm thực giữa hình bàn và thông tin ở mọi mức thu phóng. */
.table-scroll{container-type:inline-size}.table-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}.table-card{grid-template-columns:144px minmax(0,1fr);column-gap:16px;row-gap:0}.table-card>.table-visual{width:144px;padding:14px;justify-content:center;align-self:center}.table-card>.card-body{padding:16px 16px 16px 0;overflow-wrap:anywhere}.table-card .play-info{gap:6px;line-height:1.45}.table-card .players-line{margin:9px 0;line-height:1.5}.table-card .table-amount{padding-top:9px;gap:6px}.table-card .table-amount strong{font-size:20px;line-height:1.3}.table-card>.card-top{padding:14px 16px 2px}.table-card>.card-foot{padding:10px 12px}.table-card .table-rate{white-space:nowrap;line-height:1.4}.table-card>.table-visual>.pool{width:116px;max-width:116px;flex-shrink:0}
@container(max-width:700px){.table-aisle{grid-template-columns:1fr;max-width:440px}.table-aisle-gap{display:none}.table-grid.table-grid-two{grid-template-columns:1fr;max-width:440px}}
@media(max-width:360px){.table-card{grid-template-columns:128px minmax(0,1fr);column-gap:10px}.table-card>.table-visual{width:128px;padding:14px 6px}.table-card>.card-body{padding-right:10px}.table-card .table-amount strong{font-size:18px}}


.bill-primary-actions{display:flex;flex-direction:column;gap:8px;margin-top:14px}.bill-primary-actions>.bill-pay-button{width:100%;padding:11px 14px;font-size:13px}.bill-secondary-actions{display:flex;gap:8px}.bill-secondary-actions>button{flex:1;padding:8px 12px;font-size:12px}.bill-danger-zone{margin-top:13px;padding-top:10px}.bill-danger-zone button,.bill-danger-zone>span{font-size:11px}.bill-completed{display:block;max-width:650px;margin-inline:auto}.bill-completed>.menu-pane{display:none}.bill-completed>.bill-pane{border-left:0;padding-left:0}.bill-change{color:var(--green);font-weight:600}


.table-dashboard{position:relative}.dashboard-actions{display:flex;gap:16px;align-items:center}.recent-bills-panel{position:absolute;right:24px;top:62px;width:min(540px,calc(100% - 28px));z-index:20;background:#fff;border:1px solid var(--line);border-radius:11px;box-shadow:0 10px 35px #122d2924;padding:10px 14px}.recent-bills-panel[hidden]{display:none}.recent-bills-heading{display:flex;align-items:center;justify-content:space-between;font-size:13px;padding-bottom:7px;border-bottom:1px solid var(--line)}.recent-bills-list{max-height:min(55dvh,420px);overflow:auto}.recent-bill-row{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #edf0e9}.recent-bill-row:last-child{border-bottom:0}.recent-bill-row>div:first-child{min-width:0}.recent-bill-row strong{font-size:12px}.recent-bill-row small{display:block;color:var(--muted);font-size:10px;margin-top:5px;overflow-wrap:anywhere}.recent-bill-row .inline-actions{flex-shrink:0;flex-wrap:nowrap;gap:6px}@media(max-width:600px){.dashboard-actions{gap:10px}.dashboard-actions .dashboard-total>span{display:none}.recent-bills-panel{right:14px;top:74px}.recent-bill-row{flex-wrap:wrap}.recent-bill-row .inline-actions{margin-left:auto}}


/* Tổng hợp kinh doanh */
.report-period{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin-bottom:12px;flex-shrink:0}.report-period label{font-size:11px;gap:4px}.report-period input{padding:8px 10px;font-size:12px;width:145px}.report-period>button{padding:9px 12px;font-size:12px}.report-period>span{font-size:11px;color:var(--muted);margin-left:auto;align-self:center}.report-quick{display:flex;gap:5px;align-self:center}.report-content{padding-right:4px}.report-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.report-kpi{padding:16px;background:#fff;border:1px solid var(--line);border-radius:10px;min-width:0}.report-kpi>span{display:block;color:var(--muted);font-size:12px}.report-kpi>strong{display:block;font-size:25px;margin:9px 0;color:#253b37;letter-spacing:-.6px;overflow-wrap:anywhere}.report-kpi>small{font-size:10px;color:var(--muted)}.report-kpi.is-profit{background:#eff6ec;border-color:#d5e4ce}.report-kpi.is-negative{background:#fff5ef;border-color:#edd8cc}.report-kpi.is-profit>strong,.report-line.is-profit>strong{color:#1b6551}.report-kpi.is-negative>strong,.report-line.is-negative>strong{color:#a24b37}.report-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:14px}.report-panel{background:#fff;border:1px solid var(--line);border-radius:10px;padding:16px;margin-bottom:14px;min-width:0}.report-columns>.report-panel{margin:0}.report-panel h2{font-size:15px;margin:0 0 12px}.report-line{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:9px 0;border-bottom:1px solid #edf0e9;font-size:12px}.report-line>strong{white-space:nowrap;font-weight:600}.report-line.subtotal{font-weight:600}.report-line.total{border-bottom:0;font-weight:700;font-size:15px;padding-top:12px}.report-caption{display:block;margin:-4px 0 7px;font-size:10px;color:var(--muted);line-height:1.5}.report-note{font-size:11px;color:var(--muted);line-height:1.65;margin:10px 0 0}.report-explanation{margin-top:10px;font-size:11px;color:var(--muted)}.report-explanation summary{cursor:pointer}.report-current{background:#f6f8f3;padding:2px 10px 9px;border-radius:7px;margin-top:8px}.report-current>.report-line{border:0}.report-current>span{font-size:10px;line-height:1.5;color:var(--muted)}.report-section-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.report-section-head>span{font-size:10px;color:var(--muted)}.report-table{overflow:auto}.report-content .report-table th{position:static;font-size:10px;padding:10px}.report-content .report-table td{font-size:12px;padding:10px}.report-table th:not(:first-child){text-align:right}.report-table td small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.report-table .report-empty{text-align:center;color:var(--muted);padding:22px}.report-detail>summary{cursor:pointer;font-weight:600;font-size:13px;line-height:1.6}.report-detail>summary>span{font-size:11px;color:var(--muted);font-weight:400;margin-left:8px}.report-detail[open]>.report-table{margin-top:12px}.report-disclosure{font-size:11px;line-height:1.7;color:#8c805e;padding:10px 12px;background:#faf6e9;border-radius:7px;margin:0 0 12px}@media(max-width:1000px){.report-kpis{gap:8px}.report-kpi{padding:12px}.report-kpi>strong{font-size:21px}.report-period>span{display:none}}@media(max-width:700px){.report-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.report-columns{grid-template-columns:1fr}.report-quick{width:100%}.report-period{gap:7px}.report-period input{width:130px}.report-panel{padding:13px}.report-kpi>strong{font-size:20px}.report-line{gap:12px;font-size:11px}.report-line.total{font-size:14px}.report-detail>summary>span{display:block;margin-left:0}.report-content .report-table{max-width:100%}.report-period>button{padding:9px 10px}}


/* Bộ lọc báo cáo: các điều khiển cùng chiều cao và chung đường đáy. */
.report-period{align-items:flex-end;column-gap:10px;row-gap:10px}.report-period .report-quick{align-self:flex-end;align-items:center;gap:6px}.report-period .report-quick button,.report-period>button,.report-period input{height:36px;min-height:36px;box-sizing:border-box;margin:0;line-height:1.2}.report-period .report-quick button{padding:0 12px;display:flex;align-items:center;justify-content:center;white-space:nowrap}.report-period>button{padding:0 14px;display:flex;align-items:center;justify-content:center;white-space:nowrap}.report-period label{gap:6px;line-height:1.3;margin:0}.report-period input{padding:0 10px}.report-period>span{align-self:flex-end;line-height:36px;margin-bottom:0}@media(max-width:700px){.report-period{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:9px}.report-period .report-quick{grid-column:1/-1;width:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.report-period .report-quick button{padding:0 6px}.report-period input{width:100%;min-width:0}.report-period>button{grid-column:1/-1;width:100%}.report-period>span{display:none}}


.backup-status{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}.backup-status>div{padding:13px 15px;border:1px solid var(--line);background:#fff;border-radius:9px;min-width:0}.backup-status span,.backup-status small{display:block;color:var(--muted);font-size:11px;line-height:1.6}.backup-status strong{display:block;font-size:16px;margin:7px 0;color:#29483c}.backup-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.backup-grid>.panel{padding:18px;min-width:0}.backup-grid h2{font-size:16px;margin-bottom:12px}.backup-schedule{display:flex;gap:12px;flex-wrap:wrap;align-items:end;margin-top:15px}.backup-schedule>.check{width:100%;font-size:12px}.backup-schedule>label:not(.check){flex:1;min-width:130px}.backup-schedule button{font-size:12px}.backup-drive-guide{margin-bottom:15px;font-size:12px;line-height:1.7}.backup-drive-guide>summary,.backup-restore>summary{cursor:pointer;font-weight:600;color:#29483c}.backup-drive-guide ol{padding-left:21px}.backup-drive-guide li{margin-bottom:10px}.backup-drive-guide input{margin-top:7px;font-size:11px}.backup-drive-guide a{font-size:11px}.backup-restore>summary{font-size:16px}.backup-restore-submit{align-self:end}.backup-restore .form-stack{max-width:700px}.backup-restore input[type=file]{font-size:12px}.backup-restore .check{line-height:1.6}.backup-restore .danger{width:fit-content}.backup-grid input,.backup-grid select{font-size:12px;padding:10px}.backup-grid .fine{line-height:1.7}.backup-status .notice{margin:0}@media(max-width:760px){.backup-status{grid-template-columns:1fr;gap:8px}.backup-status>div{padding:10px 12px}.backup-status strong{font-size:14px}.backup-grid{grid-template-columns:1fr;gap:0}.backup-restore .form-grid{grid-template-columns:1fr}.backup-restore .danger{width:100%}}


.nav-icon:has(svg){display:inline-flex!important;align-items:center;justify-content:center;line-height:0}.nav-icon>svg{display:block;width:20px;height:20px;flex-shrink:0}


/* Chuyển động nhẹ, chỉ dùng opacity/transform và phản hồi ngắn. */
@keyframes surface-appear{from{opacity:.35}to{opacity:1}}
@keyframes toast-appear{from{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%,0)}}
@media(prefers-reduced-motion:no-preference){
 /* Section transitions run only after navigation, never on data refresh. */
 dialog[open]{animation:surface-appear .14s ease-out both}
 dialog[open]::backdrop{animation:surface-appear .14s ease-out both}
 .recent-bills-panel:not([hidden]){animation:surface-appear .14s ease-out both}
 #toast.show{animation:toast-appear .18s ease-out both}
 button,a,input,select,textarea{transition:background-color .13s ease,color .13s ease,border-color .13s ease,box-shadow .13s ease,opacity .13s ease}
 button:not(:disabled):not(.table-card-hit):active{scale:.98}
 .table-card,.product-tile,.layout-edit-card{transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}
 .table-card:hover{transform:none}
 .product-tile:hover{transform:none;box-shadow:0 3px 10px #173e2610}
 .payment-method{transition:background-color .14s ease,border-color .14s ease,box-shadow .14s ease}
 .payment-method.selected{box-shadow:0 0 0 2px #749c5b13}
 @media(max-width:760px){.sidebar,.sidebar-collapsed .sidebar{transition:transform .18s ease-out}.sidebar-mobile-open .sidebar-backdrop{animation:surface-appear .15s ease-out both}}
}
@media(prefers-reduced-motion:reduce){.content,dialog[open],dialog[open]::backdrop,#toast,.recent-bills-panel,.sidebar-backdrop{animation:none!important}button,a,input,select,textarea,.sidebar,.table-card,.product-tile,.layout-edit-card,.payment-method{transition:none!important}.table-card:hover,.product-tile:hover{transform:none}button:active{scale:1}}


/* Chọn món không tự cuộn, co thẻ hoặc thay đổi vị trí hộp thoại. */
dialog.bill-dialog{height:min(880px,calc(100dvh - 32px));max-height:calc(100dvh - 32px);margin:16px auto;top:0;bottom:auto}.bill-dialog>.dialog-scroll{height:100%;max-height:none;overflow-anchor:none}.product-tile,.product-tile:hover,.product-tile:active,.lot-choice,.lot-choice:active{transform:none!important;scale:1!important}#inline-order[aria-busy="true"]{opacity:.7}.inline-order-loading{padding:16px 0}.bill-dialog .inline-lot-list{max-height:220px;overflow:auto}


/* Gọi món: khung đứng yên, cuộn độc lập phần chọn món. */
.bill-dialog:not(:has(.bill-completed))>.dialog-scroll{display:flex;flex-direction:column;overflow:hidden;gap:0}.bill-dialog .dialog-head{flex-shrink:0;margin-bottom:14px}.bill-dialog .session-banner{flex-shrink:0;padding:12px 16px;margin-bottom:14px;gap:14px}.bill-dialog .session-banner strong{font-size:18px;margin:5px 0}.bill-dialog .session-banner small,.bill-dialog .session-banner span{font-size:11px}.bill-dialog:not(:has(.bill-completed)) .bill-workspace{flex:1;min-height:0;overflow:hidden;align-items:stretch;gap:20px}.bill-dialog:not(:has(.bill-completed)) .menu-pane{height:100%;min-height:0;overflow:auto;overscroll-behavior:contain;overflow-anchor:none;padding-right:10px}.bill-dialog:not(:has(.bill-completed)) .bill-pane{position:static!important;align-self:stretch!important;display:flex;flex-direction:column;min-height:0;overflow:hidden;padding-left:18px}.bill-dialog .bill-pane>h3{flex-shrink:0;margin-bottom:9px;font-size:15px}.bill-dialog .bill-pane>.bill-items{flex:1;min-height:50px;overflow:auto;margin:0 0 10px;overscroll-behavior:contain}.bill-dialog .bill-pane>.summary-line{flex-shrink:0;padding:8px 0;font-size:12px}.bill-dialog .bill-grand-total{flex-shrink:0;margin-top:10px;padding:13px 15px}.bill-dialog .bill-grand-total strong{font-size:25px}.bill-dialog .bill-primary-actions,.bill-dialog .bill-danger-zone,.bill-dialog .bill-pane>p{flex-shrink:0}.bill-dialog .bill-primary-actions{margin-top:10px}.bill-dialog .bill-danger-zone{margin-top:9px;padding-top:8px}.bill-dialog .bill-transfer-history{flex-shrink:0;margin-bottom:10px;max-height:80px;overflow:auto}.bill-dialog:has(.bill-completed) .bill-pane{overflow:visible}.bill-dialog:has(.bill-completed) .bill-items{flex:none;max-height:260px}.bill-dialog .section-title{margin-bottom:12px}.bill-dialog #inline-order{margin-top:14px}
/* Hiệu ứng chỉ phản hồi màu, không thay đổi vị trí hoặc kích thước. */
.content{animation:none!important}button:active{scale:1!important}.table-card:hover,.product-tile:hover,.layout-edit-card:hover{transform:none!important}.product-tile,.lot-choice,.quantity-button{transition:background-color .1s ease,border-color .1s ease!important}.product-tile:hover{box-shadow:none!important}.table-card{transition:border-color .12s ease,box-shadow .12s ease!important}@media(prefers-reduced-motion:no-preference){dialog[open],.recent-bills-panel:not([hidden]){animation:surface-appear .1s ease-out both}}@media(prefers-reduced-motion:reduce){.product-tile,.lot-choice,.quantity-button,.table-card{transition:none!important}}
@media(max-width:760px){.bill-dialog:not(:has(.bill-completed)) .bill-workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.bill-dialog .bill-pane{padding-left:10px}.bill-dialog .bill-grand-total strong{font-size:20px}.bill-dialog .bill-secondary-actions{gap:5px;flex-wrap:wrap}.bill-dialog .bill-secondary-actions button{font-size:10px;padding:7px}.bill-dialog .session-banner{padding:9px 11px;margin-bottom:10px}.bill-dialog .session-banner strong{font-size:15px}.bill-dialog .menu-pane:has(#inline-order) .product-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.bill-dialog{max-width:calc(100vw - 12px);height:calc(100dvh - 12px);max-height:calc(100dvh - 12px);margin:6px auto}.bill-dialog>.dialog-scroll{padding:10px}.bill-dialog .dialog-head h2{font-size:16px}.bill-dialog .dialog-head{margin-bottom:9px}.bill-dialog .session-banner{gap:9px}.bill-dialog .session-banner small{font-size:9px}.bill-dialog .session-banner strong{font-size:13px}.bill-dialog .bill-pane>.summary-line{font-size:10px;padding:6px 0}.bill-dialog .bill-pane>h3{font-size:12px}.bill-dialog .bill-pane>h3 .fine{font-size:8px;overflow-wrap:anywhere}.bill-dialog .bill-grand-total{padding:9px;flex-direction:column;align-items:flex-start;gap:5px}.bill-dialog .bill-grand-total strong{font-size:19px}.bill-dialog .bill-pay-button{font-size:11px;padding:10px 5px}.bill-dialog .section-title{flex-wrap:wrap}.bill-dialog .section-title h3{font-size:13px}.bill-dialog .section-title>span{display:none}.bill-dialog .catalog-search{padding:0 7px;gap:5px}.bill-dialog .catalog-search input{font-size:10px;padding:9px 0}.bill-dialog .catalog-search>span{font-size:19px}.bill-dialog .menu-pane:has(#inline-order) .product-tiles{grid-template-columns:1fr}.bill-dialog .bill-danger-zone{flex-wrap:wrap;gap:4px}.bill-dialog .bill-danger-zone>span{font-size:8px}.bill-dialog .bill-items th,.bill-dialog .bill-items td{padding:6px 3px;font-size:9px}}


/* Danh sách món, mở lô ngay dưới từng món. */
.catalog-product-list{display:flex;flex-direction:column;gap:7px}.catalog-product{border:1px solid #e0e7da;border-radius:8px;background:#fff;overflow:hidden;flex-shrink:0}.catalog-product-row{display:grid;grid-template-columns:36px minmax(0,1fr) auto 14px;gap:10px;align-items:center;width:100%;padding:10px;background:#fff;color:#29483c;text-align:left;font-weight:400;border-radius:0;transform:none!important;scale:1!important}.catalog-product-row:hover{background:#f7faf3;filter:none}.catalog-product-row.order-selected{background:#edf4e7}.catalog-product-row>.product-art{width:36px;height:40px;border-radius:5px}.catalog-product-row>.product-art svg{width:31px;height:31px}.catalog-product-name{display:flex;flex-direction:column;gap:5px;min-width:0}.catalog-product-name strong{font-size:12px;line-height:1.4;overflow-wrap:anywhere}.catalog-product-name small{font-size:11px;color:#73866c}.catalog-product-stock{font-size:10px;color:#73866c;white-space:nowrap}.catalog-chevron{color:#79936c;font-size:18px;text-align:center}.order-selected .catalog-chevron{rotate:180deg}.catalog-lots-host #inline-order{margin:0!important;padding:10px;background:#f9fbf6;border-top:1px solid #e0e7da;min-height:0!important}.catalog-lots-host #inline-order[hidden]{display:none}.catalog-lot-caption{font-size:10px;color:#85927b;margin-bottom:8px}.catalog-lot-list{display:flex;flex-direction:column;gap:7px}.catalog-lot-row{display:grid;grid-template-columns:minmax(0,1fr) 46px 34px;gap:8px;align-items:center;padding:9px;border:1px solid #e2e9dd;border-radius:7px;background:#fff}.catalog-lot-info{min-width:0}.catalog-lot-info strong{font-size:11px;line-height:1.5;display:block}.catalog-lot-info small{display:block;font-size:10px;line-height:1.5;color:#7c8d73;margin-top:3px;overflow-wrap:anywhere}.catalog-lot-info .badge{font-size:8px;padding:3px 5px;display:inline-block}.catalog-lot-quantity{font-size:9px;gap:3px;color:#84947b}.catalog-lot-quantity input{width:46px;padding:6px 2px;text-align:center;font-size:12px;height:31px;border-radius:5px}.catalog-lot-add{width:34px;height:34px;padding:0;border-radius:6px;font-size:22px;align-self:end;line-height:1}.catalog-lot-row.expired{background:#faf7f4;opacity:.65}.catalog-lot-row>.inline-order-error{grid-column:1/-1;margin:0}.catalog-product-row:disabled{cursor:default;opacity:.55}.catalog-product-list>.catalog-more{margin-top:7px;font-size:11px}.bill-dialog .bill-items:has(td[colspan="3"]) thead{display:none}@media(max-width:520px){.catalog-product-row{grid-template-columns:28px minmax(0,1fr) 12px;gap:6px;padding:8px}.catalog-product-row>.product-art{width:28px;height:32px}.catalog-product-row>.product-art svg{width:25px;height:25px}.catalog-product-name strong{font-size:10px}.catalog-product-name small{font-size:9px}.catalog-product-stock{display:none}.catalog-lots-host #inline-order{padding:6px}.catalog-lot-row{grid-template-columns:minmax(0,1fr) 32px;gap:6px;padding:6px}.catalog-lot-info{grid-column:1/-1}.catalog-lot-quantity{grid-row:2;grid-column:1;width:46px}.catalog-lot-add{grid-row:2;grid-column:2;width:32px;height:32px}.catalog-lot-info strong{font-size:10px}}


@media(max-width:520px){.catalog-lot-row{grid-template-columns:minmax(0,1fr) 32px}.catalog-lot-info{grid-column:1;grid-row:1}.catalog-lot-quantity{display:none}.catalog-lot-add{grid-column:2;grid-row:1;align-self:center}.catalog-lot-row>.inline-order-error{grid-row:2}}


.art-prepared{background:#f8f0e2}


.art-tobacco{background:#f1f1e9}.tobacco-pack-config[hidden],.direct-cost-config[hidden]{display:none!important}.catalog-lot-row.has-pack{grid-template-columns:minmax(0,1fr) 56px 46px 34px}.catalog-sale-unit{font-size:9px;gap:3px;color:#84947b}.catalog-sale-unit select{padding:4px;font-size:11px;height:31px}.direct-cost-config .fine,.tobacco-pack-config .fine{font-size:10px;line-height:1.6}@media(max-width:520px){.catalog-lot-row.has-pack{grid-template-columns:minmax(0,1fr) 32px}.catalog-lot-row.has-pack .catalog-lot-info{grid-column:1/-1;grid-row:1}.catalog-lot-row.has-pack .catalog-sale-unit{grid-column:1;grid-row:2;max-width:60px}.catalog-lot-row.has-pack .catalog-lot-add{grid-column:2;grid-row:2}}


/* Nút menu luôn giữ nguyên tâm, kể cả khi rê chuột và bấm. */
.shell>.sidebar-toggle,.shell>.sidebar-toggle:hover,.shell>.sidebar-toggle:active,.shell>.sidebar-toggle:focus-visible{top:50%;transform:translateY(-50%)!important;scale:1!important;transition:none!important;animation:none!important}

/* Chọn món: phản hồi nhẹ, không co phóng hoặc dịch chuyển nội dung. */
@keyframes catalog-selection-glow{from{background-color:#e1edd7}to{background-color:#edf4e7}}
@keyframes catalog-lots-appear{from{opacity:.55}to{opacity:1}}
@media(prefers-reduced-motion:no-preference){.catalog-product-row{transition:background-color .14s ease,border-color .14s ease,color .14s ease}.catalog-product-row.order-selected{animation:catalog-selection-glow .22s ease-out both}.catalog-lots-host>#inline-order:not([hidden]){animation:catalog-lots-appear .16s ease-out both}.catalog-lot-add{transition:background-color .12s ease,box-shadow .12s ease}.catalog-lot-add:not(:disabled):hover{background:#24775e;box-shadow:0 0 0 3px #1b655115}.catalog-lot-add:not(:disabled):active{background:#124b3c;box-shadow:0 0 0 3px #1b655123}}
.catalog-product-row:active,.catalog-lot-add:active{transform:none!important;scale:1!important}
@media(prefers-reduced-motion:reduce){.catalog-product-row,.catalog-lots-host>#inline-order,.catalog-lot-add{animation:none!important;transition:none!important}}


/* Mở lô nhẹ theo chiều dọc, không kéo trang hoặc đổi kích thước khung. */
@keyframes catalog-lots-expand{from{opacity:.35;clip-path:inset(0 0 100% 0)}to{opacity:1;clip-path:inset(0 0 0 0)}}
@media(prefers-reduced-motion:no-preference){.catalog-lots-host>#inline-order:not([hidden]){animation:catalog-lots-expand .22s cubic-bezier(.2,.65,.3,1) both}}
@media(prefers-reduced-motion:reduce){.catalog-lots-host>#inline-order:not([hidden]){animation:none!important}}


.auth-welcome{max-width:520px}.auth-hero .auth-welcome h1{margin-bottom:22px;text-wrap:pretty}
.auth-hero .auth-promo p{font-size:14px;line-height:1.85;color:#afc3b9;margin:0 0 14px;max-width:400px}
.auth-promo strong{font-weight:500;color:#d4e2d7}.auth-promo a{display:inline-flex;align-items:center;gap:8px;color:#d4c58e;font-size:13px;text-decoration:none;padding:4px 0}.auth-promo a:hover{color:#f1e4b5;text-decoration:underline}.auth-promo a:focus-visible{outline:2px solid #d4c58e;outline-offset:5px;border-radius:2px}
@keyframes welcome-enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:no-preference){.auth-welcome h1{animation:welcome-enter .38s cubic-bezier(.2,.7,.3,1) both}.auth-promo{animation:welcome-enter .38s cubic-bezier(.2,.7,.3,1) .12s both}}
@media(prefers-reduced-motion:reduce){.auth-welcome h1,.auth-promo{animation:none}}

.backup-password-tools{margin:14px 0;padding:12px;background:#f6f8f4;border:1px solid var(--line);border-radius:8px}.backup-password-tools summary,.admin-recovery-tools summary{cursor:pointer;font-weight:600}.backup-password-tools .form-stack{margin:14px 0}.backup-password-row{display:flex;align-items:flex-end;gap:8px;margin:12px 0}.backup-password-row label{flex:1;min-width:0}.backup-password-row input{font-family:monospace}.admin-recovery-tools{margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}

.backup-files-table{table-layout:fixed;width:100%;min-width:640px}.backup-files-table col:nth-child(1){width:48%}.backup-files-table col:nth-child(2){width:13%}.backup-files-table col:nth-child(3){width:17%}.backup-files-table col:nth-child(4){width:22%}.backup-files-table th,.backup-files-table td{vertical-align:middle}.backup-files-table td:first-child{overflow-wrap:anywhere}.backup-files-table th:last-child{text-align:right}.backup-files-table td:last-child .inline-actions{justify-content:flex-end;align-items:center;gap:8px;white-space:nowrap}.backup-files-table td:last-child button{white-space:nowrap}