:root{color-scheme:light dark;--accent: #2c698d;--accent-ink: #ffffff;--ink: light-dark(#272643, #e3f6f5);--ink-muted: light-dark(#475466, #93a5b5);--surface: light-dark(#f7fafc, #1a1a2e);--surface-2: light-dark(#ffffff, #20203a);--line: light-dark(#d8e3ea, #2c3a4d);--accent-hover: color-mix(in srgb, var(--accent) 82%, black);--line-strong: color-mix(in srgb, var(--line) 85%, var(--ink));--hover: light-dark(#eef5f9, #263349);--chart: light-dark(#1a6fae, #3b95dc);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box;margin:0}body{min-height:100vh;background:var(--surface);color:var(--ink)}.shell{min-height:100vh;display:flex;flex-direction:column}.shell.till-locked{min-height:0;height:100vh;height:100dvh}.shell.till-locked .page{min-height:0}.appbar{display:flex;align-items:center;gap:.75rem;padding:.55rem 1rem;background:var(--accent);color:var(--accent-ink)}.appbar h1{color:var(--accent-ink);font-size:1.25rem;letter-spacing:.02em;display:flex;align-items:center;gap:.45rem}.plutus-mark{flex:none;display:block}.page{flex:1;display:flex;flex-direction:column;padding:.75rem 1rem .5rem}.till-clock{font-size:.78rem;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.02em;padding:.2rem .5rem;color:var(--accent-ink);opacity:.85;white-space:nowrap;cursor:default}.env-badge{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:.2rem .5rem;border:1px solid currentColor;border-radius:999px;color:var(--accent-ink)}.till-name-badge{font-size:.7rem;font-weight:700;padding:.2rem .6rem;border-radius:999px;background:#ffffff2e;color:var(--accent-ink);white-space:nowrap}.till-name-badge.not-enrolled{background:#f59e0b;color:#1f2937;box-shadow:0 0 0 1px #00000026 inset}.switch-app{font:inherit;font-size:.75rem;padding:.25rem .65rem;border:1px solid rgba(255,255,255,.6);border-radius:999px;background:none;color:var(--accent-ink);white-space:nowrap;cursor:pointer}.switch-app:hover{background:#ffffff2e}.update-badge{font:inherit;font-size:.7rem;font-weight:700;padding:.2rem .6rem;border:none;border-radius:999px;background:var(--accent-ink);color:var(--accent);white-space:nowrap;cursor:pointer}.update-badge:hover{background:#e3f6f5}footer{padding:.4rem 1rem .6rem}.panel{border:1px solid var(--line);border-radius:12px;padding:1rem 1.25rem;background:var(--surface-2)}.panel-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.pager{display:flex;align-items:center;gap:.6rem;font-size:.85rem}.pager button{font:inherit;padding:.3rem .8rem;border:1px solid var(--accent);border-radius:6px;background:transparent;color:var(--accent);cursor:pointer}.pager button:disabled{opacity:.4;cursor:default}table{width:100%;border-collapse:collapse;font-size:.9rem}th,td{text-align:left;padding:.45rem .6rem;border-bottom:1px solid var(--line)}th{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-muted)}.num{text-align:right}.mono{font-family:ui-monospace,Cascadia Mono,monospace;font-size:.8rem;opacity:.8}.muted{color:var(--ink-muted);font-size:.85rem}.error{color:light-dark(#b3261e,#ff9494)}footer{margin-top:1rem}.small{font-size:.8rem}.tabs{display:flex;gap:.25rem;margin-left:1rem;flex:1}.tab{font:inherit;padding:.35rem .9rem;border:none;border-bottom:2px solid transparent;background:none;color:var(--accent-ink);opacity:.65;cursor:pointer}.tab.active{opacity:1;border-bottom-color:var(--accent-ink);font-weight:600}.tab:disabled{opacity:.35;cursor:default}.till-classic{flex:1;display:flex;flex-direction:column;min-height:0}.scan-row{display:flex;gap:.6rem;align-items:stretch}.qty-box{display:flex;align-items:center;gap:.35rem;border:1px solid light-dark(#8a9aa6,#47617a);border-radius:6px;padding:.25rem .5rem}.qty-value{min-width:2ch;text-align:center;font-size:1.1rem}.results.scan-results{margin-top:.35rem;max-height:45vh;overflow-y:auto}.scan-count{margin:.35rem 0 0;display:flex;align-items:center;gap:.6rem}.basket-grid{flex:1;min-height:0;overflow-y:auto;scrollbar-gutter:stable;margin-top:.5rem}.col-qty{width:8rem}.col-tax{width:7rem}.col-x{width:2.5rem}.barcode{margin-left:.4rem}.totals-strip{display:flex;gap:.75rem;align-items:baseline;padding:.5rem .25rem;border-top:1px solid var(--line);font-size:.95rem}.totals-strip .totals-val{font-weight:700;min-width:5.5rem}.totals-strip .spacer{flex:1}.action-grid{display:grid;grid-template-columns:1fr 1.6fr 1.6fr 1fr;grid-template-rows:auto auto;gap:3px}.action{font:inherit;padding:.8rem .5rem;border:none;background:light-dark(#d9d9d9,#3a3a52);color:inherit;cursor:pointer}.action:hover:not(:disabled){background:light-dark(#c9d6de,#47617a)}.action:disabled{opacity:.45;cursor:default}.action.alter{grid-row:1 / 3;grid-column:1}.action.save{grid-row:1;grid-column:2}.action.retrieve{grid-row:1;grid-column:3}.action.cancel{grid-row:2;grid-column:2 / 4}.action.checkout{grid-row:1 / 3;grid-column:4;font-weight:700;background:var(--accent);color:var(--accent-ink)}.action.checkout:hover:not(:disabled){background:var(--accent-hover)}.scan{width:100%;font:inherit;padding:.55rem .7rem;border:1.5px solid var(--accent);border-radius:8px;background:transparent;color:inherit}.results{list-style:none;padding:0;margin-top:.5rem;border:1px solid var(--line);border-radius:8px;overflow:hidden}.results button{display:flex;gap:.6rem;width:100%;font:inherit;text-align:left;padding:.45rem .6rem;border:none;border-bottom:1px solid var(--line);background:none;color:inherit;cursor:pointer}.results button:hover{background:var(--hover)}.grow{flex:1}.totals{margin-top:1.25rem;border-top:1px solid var(--line);padding-top:.75rem}.totals .row{display:flex;justify-content:space-between;padding:.15rem 0}.totals .grand{font-size:1.3rem;font-weight:700}button.primary{font:inherit;font-weight:600;width:100%;margin-top:1rem;padding:.7rem;border:none;border-radius:8px;background:var(--accent);color:var(--accent-ink);cursor:pointer}button.primary:disabled{opacity:.4;cursor:default}button.ghost,a.ghost{font:inherit;padding:.25rem .6rem;border:1px solid var(--line);border-radius:6px;background:none;color:inherit;opacity:.75;cursor:pointer}a.ghost{display:inline-block;text-decoration:none}.driver-links{display:flex;flex-wrap:wrap;gap:.5rem;margin:.4rem 0 .75rem}.qty-cell{white-space:nowrap}.qty-cell span{display:inline-block;min-width:2ch;text-align:center}input.qty-value{width:3.5ch;min-width:2ch;text-align:center;font-size:1.1rem;font-family:inherit;color:inherit;background:transparent;border:1px solid transparent;border-radius:4px;padding:0}.qty-inline{display:inline-block;width:3.5ch;min-width:2ch;text-align:center;font-size:inherit;font-family:inherit;color:inherit;background:transparent;border:1px solid transparent;border-radius:4px;padding:.05rem .1rem}.qty-inline:hover:not(:focus){border-color:var(--line-strong)}input.qty-value:focus,.qty-inline:focus{outline:none;border-color:var(--accent);background:var(--surface)}button.step{font:inherit;width:1.6rem;border:1px solid var(--line);border-radius:6px;background:none;color:inherit;cursor:pointer}button.linklike{font:inherit;border:none;background:none;color:inherit;cursor:pointer;text-decoration:underline dotted;text-underline-offset:3px}.adj-mark{color:var(--accent);font-weight:700}tr.adjusted td:first-child{border-left:2px solid var(--accent)}.price-edit{width:5.5rem;font:inherit;text-align:right;padding:.2rem .35rem;border:1px solid var(--accent);border-radius:6px;background:transparent;color:inherit}.empty{padding:2rem 0;text-align:center}.sale-done{position:relative;display:flex;flex-direction:column;gap:.3rem;opacity:1;transition:opacity .6s ease}.sale-done.fade-out{opacity:0;pointer-events:none}.sale-done-x{position:absolute;top:-.4rem;right:.4rem}.sale-done strong{color:light-dark(#1b7f4b,#7be0a8);font-size:1.15rem}.search{flex:1;min-width:12rem;font:inherit;padding:.4rem .6rem;border:1px solid var(--line);border-radius:8px;background:transparent;color:inherit}.overlay{position:fixed;inset:0;background:#00000073;display:grid;place-items:center;padding:1rem}.ask-overlay{z-index:1000}.dialog{width:100%;max-width:26rem;background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:1.25rem;position:relative}.pay-methods{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem}.pay-row{display:flex;align-items:center;gap:.5rem}.pay-row input{width:6.5rem;font:inherit;text-align:right;padding:.35rem .5rem;border:1px solid var(--line);border-radius:6px;background:transparent;color:inherit}.clash-note{margin-top:.75rem;padding:.7rem .85rem;border:1px solid light-dark(#f0c8c4,#6e3b39);border-left:4px solid light-dark(#b3261e,#ff9494);border-radius:8px;background:light-dark(#fdf3f2,#2c2036)}.clash-note p{margin:0 0 .3rem}.clash-title{font-weight:600;color:light-dark(#b3261e,#ff9494)}.link-btn{border:none;background:none;padding:0;font:inherit;font-size:.85rem;color:var(--accent);text-decoration:underline;cursor:pointer}.link-btn:hover{text-decoration:none}.dialog-actions{display:flex;justify-content:flex-end;gap:.6rem;margin-top:1.25rem}.dialog-actions .primary{width:auto;margin-top:0;padding:.55rem 1.2rem}.row.error{color:light-dark(#b3261e,#ff9494)}.actions-row{display:flex;gap:.4rem;flex-wrap:wrap}.return-tag{font-size:.65rem;font-weight:700;letter-spacing:.06em;padding:.1rem .35rem;border-radius:4px;background:light-dark(#fdecea,#4a2020);color:light-dark(#b3261e,#ff9494)}tr.return-line td{background:light-dark(#fff7f6,#2a1e2a)}.discount-note{color:var(--accent)}.checklist{list-style:none;padding:0;margin:.5rem 0;max-height:14rem;overflow-y:auto}.checklist label{display:flex;align-items:center;gap:.5rem;padding:.3rem .2rem}.lookup-row{display:flex;gap:.5rem;margin:.5rem 0}.parked-row{display:flex;align-items:center;gap:.4rem}.parked-row>button:first-child{flex:1}.parked-row>button:last-child{width:auto;flex:0 0 auto;min-width:2rem;padding:.2rem .45rem;justify-content:center;border-bottom:1px solid var(--line)}.parked-row>button:first-child{padding-top:.3rem;padding-bottom:.3rem}.receipt{font-family:ui-monospace,Cascadia Mono,monospace;font-size:.85rem;max-width:20rem;margin:0 auto}.receipt h3{text-align:center;margin-bottom:.3rem}.receipt-preview{color-scheme:light;max-width:22rem;margin:.5rem 0 1rem;padding:1rem 1.25rem;border:1px solid var(--line);border-radius:8px;background:#fff;color:#111;box-shadow:0 2px 8px #0000001f}.centre{text-align:center}.tiny{font-size:.65rem}.receipt hr{border:none;border-top:1px dashed light-dark(#999,#556);margin:.5rem 0}.r-row{display:flex;gap:.5rem}.r-row.total{font-weight:700;font-size:1rem}.range-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.range-row input[type=date]{font:inherit;padding:.3rem .5rem;border:1px solid var(--line-strong);border-radius:6px;background:transparent;color:inherit}.stat-tiles{display:flex;gap:1rem;margin:.75rem 0 1rem;flex-wrap:wrap}.stat-tile{flex:1;min-width:9rem;display:flex;flex-direction:column;gap:.15rem;padding:.8rem 1rem;border:1px solid var(--line);border-radius:10px}.stat-value{font-size:1.5rem;font-weight:700;color:var(--accent)}.stat-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-muted)}.info-cards{display:flex;gap:1rem;flex-wrap:wrap;margin:.75rem 0}.info-card{flex:1;min-width:16rem;padding:1rem 1.2rem;border:1px solid var(--line);border-radius:10px}.info-card h3{color:var(--accent);margin-bottom:.6rem}.info-card dl,.env-info{display:grid;grid-template-columns:auto 1fr;gap:.3rem 1rem}.info-card dt,.env-info dt{font-weight:600;color:var(--ink-muted)}.settings-h{margin:1.1rem 0 .5rem;color:var(--accent)}.chip{display:inline-block;padding:.05rem .5rem;border-radius:999px;font-size:.75rem;border:1px solid var(--line);background:light-dark(#f1f5f9,#2a2a46)}.chip.ok{background:light-dark(#ecfdf5,#12341f);border-color:light-dark(#a7f3d0,#1b7f4b);color:light-dark(#1b7f4b,#7be0a8)}.settings-section{border:1px solid var(--line);border-radius:10px;margin:.6rem 0;padding:0 1rem}.settings-section>summary{display:flex;align-items:baseline;gap:.6rem;padding:.7rem 0;cursor:pointer;list-style:none}.settings-section>summary::-webkit-details-marker{display:none}.settings-section>summary:before{content:"▸";color:var(--accent);flex:none}.settings-section[open]>summary:before{content:"▾"}.settings-section>summary .settings-h{margin:0}.settings-section-body{padding:0 0 .9rem;border-top:1px dashed var(--line)}.setting-row{display:flex;align-items:center;gap:1rem;padding:.5rem 0}.setting-row input[type=checkbox]{width:1.2rem;height:1.2rem}.setting-row>button.primary{width:auto;flex:0 0 auto;margin-top:0;padding:.45rem 1.1rem;white-space:nowrap}.setting-row>.grow{min-width:0}.help-block{border:1px solid var(--line);border-radius:8px;padding:.6rem .9rem;margin:.8rem 0;background:var(--surface)}.help-block>summary{cursor:pointer;font-weight:600}.help-block[open]>summary{margin-bottom:.6rem;padding-bottom:.5rem;border-bottom:1px solid var(--line)}.help-h{margin:1rem 0 .35rem;font-size:.95rem}.help-steps{margin:.4rem 0;padding-left:1.3rem;line-height:1.55}.help-steps>li{margin-bottom:.7rem}.help-origin{margin:.4rem 0;padding:.4rem .6rem;border-radius:6px;background:var(--hover);border:1px solid var(--line);overflow-x:auto;-webkit-user-select:all;user-select:all}.help-shot{margin:.5rem 0 0}.help-shot img{display:block;max-width:100%;max-height:22rem;border:1px solid var(--line);border-radius:6px}.help-shot figcaption{margin-top:.25rem}.choice-row{padding:.35rem 0 .9rem;align-items:flex-start}.choice-row+.choice-row{border-top:1px solid var(--line);padding-top:.9rem}.choice-row>input[type=radio]{flex:0 0 auto;width:1.05rem;height:1.05rem;margin-top:.2rem}.choice-row .block{margin-top:.25rem;line-height:1.45}.block{display:block}.line-tools{white-space:nowrap}.col-x{width:7rem}.subtabs{display:flex;gap:.25rem}.subtab{font:inherit;padding:.3rem .9rem;border:1px solid var(--line);border-radius:999px;background:none;color:inherit;opacity:.7;cursor:pointer}.subtab.active{opacity:1;border-color:var(--accent);color:var(--accent);font-weight:600}tr.clickable{cursor:pointer}tr.clickable:hover td{background:var(--hover)}.dialog.wide{max-width:38rem;max-height:85vh;overflow-y:auto}.form-grid.one-col{grid-template-columns:1fr}.pref-input{font:inherit;width:12rem;padding:.4rem .6rem;border:1px solid var(--line-strong);border-radius:7px;background:transparent;color:inherit}button.primary.slim{width:auto;margin-top:.75rem;padding:.5rem 1.2rem}.barcode-block{margin:-.25rem 0 .25rem .75rem;padding-left:.75rem;border-left:2px solid var(--line)}.barcode-list{list-style:none;margin:.25rem 0;padding:0;display:flex;flex-direction:column;gap:.25rem}.barcode-list li{display:flex;align-items:center;gap:.5rem}.barcode-list input{min-width:0}.barcode-add>summary{cursor:pointer;font-size:.85rem;color:var(--ink-muted);padding:.15rem 0}.barcode-add p{margin:.25rem 0}.barcode-warn{color:light-dark(#b45309,#fbbf24)}.integrity-banner{margin:.75rem 0;padding:.7rem .9rem;border:1px solid light-dark(#e5c078,#7a6023);border-radius:10px;background:light-dark(#fdf6e3,#3a3220);font-size:.9rem}.integrity-banner table{margin-top:.6rem}.vat-toggle{display:flex;border:1px solid var(--line-strong);border-radius:999px;overflow:hidden}.vat-toggle button{font:inherit;font-size:.82rem;padding:.28rem .8rem;border:none;background:none;color:inherit;opacity:.65;cursor:pointer}.vat-toggle button.active{opacity:1;background:var(--accent);color:var(--accent-ink);font-weight:600}.delta{font-size:.78rem;font-weight:700;white-space:nowrap}.delta.up{color:light-dark(#1b7f4b,#7be0a8)}.delta.down{color:light-dark(#b3261e,#ff9494)}.report-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(16rem,1fr);gap:1rem;align-items:start}@media(max-width:56rem){.report-grid{grid-template-columns:1fr}}.report-main{display:flex;flex-direction:column;gap:1rem;min-width:0}.report-grid .info-card{min-width:0}.range-row select{font:inherit;padding:.35rem .6rem;border:1px solid var(--line-strong);border-radius:7px;background:var(--surface-2);color:inherit}.chart-wrap{position:relative}.chart-wrap svg{width:100%;height:auto;display:block}.chart-line{fill:none;stroke:var(--chart);stroke-width:2;stroke-linejoin:round}.chart-area{fill:var(--chart);opacity:.14;stroke:none}.gridline{stroke:light-dark(#e6edf2,#2c3a4d);stroke-width:1}.axis-label{font-size:10px;fill:var(--ink-muted)}.crosshair{stroke:light-dark(#9fb4c2,#56708a);stroke-width:1;stroke-dasharray:3 3}.chart-dot{fill:var(--chart);stroke:var(--surface-2);stroke-width:2}.chart-tip{position:absolute;top:0;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;padding:.3rem .6rem;border:1px solid var(--line);border-radius:8px;background:light-dark(#ffffff,#2a2a48);font-size:.78rem;pointer-events:none;box-shadow:0 3px 12px #0000001f;white-space:nowrap}.breakdown-row{margin-bottom:.7rem}.breakdown-head{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.25rem}.breakdown-bar{height:6px;border-radius:3px;background:var(--hover);overflow:hidden}.breakdown-bar>div{height:100%;border-radius:3px;background:var(--chart)}.form-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.7rem 1rem;margin:.75rem 0}.form-grid label,.block-label{display:flex;flex-direction:column;gap:.25rem;font-size:.82rem;font-weight:600}.form-grid input,.form-grid select,.block-label input{font:inherit;font-weight:400;padding:.45rem .6rem;border:1px solid var(--line-strong);border-radius:7px;background:var(--surface-2);color:inherit;min-width:0;width:100%;box-sizing:border-box}.offline-badge{font-size:.7rem;font-weight:800;letter-spacing:.08em;padding:.2rem .55rem;border-radius:999px;background:#b3261e;color:#fff}.queued-badge{font-size:.7rem;font-weight:700;padding:.2rem .55rem;border-radius:999px;background:#e8a13c;color:#302200}.login-screen{min-height:100vh;display:grid;place-items:center;padding:1rem}.login-card{width:100%;max-width:22rem;display:flex;flex-direction:column;gap:.9rem;padding:2rem;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}.login-card h1{color:var(--accent);font-size:2.2rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.login-card .tagline{text-align:center;color:var(--ink-muted);margin-bottom:.5rem}.login-card label{display:flex;flex-direction:column;gap:.3rem;font-size:.85rem;font-weight:600}.login-card input{font:inherit;font-weight:400;padding:.55rem .7rem;border:1px solid var(--line-strong);border-radius:8px;background:transparent;color:inherit}.login-card input:focus{outline:2px solid var(--accent);border-color:transparent}.user-wrap{position:relative}.user-btn{font-size:1.1rem;padding:.25rem .5rem;border:none;border-radius:6px;background:#ffffff26;cursor:pointer}.user-menu{position:absolute;right:0;top:calc(100% + .4rem);z-index:10;min-width:14rem;padding:.8rem;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);color:var(--ink);display:flex;flex-direction:column;gap:.45rem;box-shadow:0 6px 24px #0000002e}.user-name{font-weight:700}@media print{@page{margin:0}body:has(.receipt-overlay) #root{display:none!important}.receipt-overlay{position:static!important;display:block!important;padding:0!important;background:none!important}.receipt-dialog{max-width:none!important;border:none!important;border-radius:0!important;padding:0!important;background:none!important}body *{visibility:hidden}.member-card,.member-card *,.receipt,.receipt *{visibility:visible}.member-card{position:absolute;inset:0 auto auto 0;margin:0;color-scheme:light;background:#fff;color:#000}.receipt{color-scheme:light;background:#fff;color:#111;width:72mm;margin:0;padding:2mm 1mm 4mm}.no-print{display:none!important}}.cash-form{max-width:420px}.cash-actions{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.cash-result{border:1px solid var(--line);border-radius:8px;padding:12px 16px;margin-top:8px;max-width:420px}.cash-result h3{margin:0 0 8px}.customer-bar{margin:6px 0;min-height:32px}.customer-chip{display:inline-flex;align-items:center;gap:6px;background:light-dark(#ecfdf5,#12341f);border:1px solid light-dark(#a7f3d0,#1b7f4b);border-radius:999px;padding:3px 12px}.customer-search{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;position:relative}.cust-input{min-width:240px}.cust-results{position:absolute;top:100%;left:0;z-index:5;background:var(--surface-2);border:1px solid var(--line);border-radius:8px;min-width:280px;max-height:240px;overflow:auto;margin:2px 0}.cust-results .no-cust{padding:8px 12px}.pick-note{display:flex;align-items:center;gap:12px;margin:8px 0;padding:10px 16px;background:light-dark(#fff7ed,#3a3220);border:2px solid #f59e0b;border-radius:8px;font-weight:600}.pick-note .grow{flex:1}.pick-note.incident{background:#dc2626;border-color:#b91c1c;color:#fff}.pick-note.maintenance{background:#d97706;border-color:#b45309;color:#fff}.dialog-x{position:absolute;top:.5rem;right:.5rem;width:2.25rem;height:2.25rem;padding:0;display:grid;place-items:center;font-size:1rem;line-height:1;background:transparent;border:1px solid transparent;border-radius:8px;color:var(--ink-muted);cursor:pointer}.dialog-x:hover:not(:disabled){background:var(--surface);border-color:var(--line);color:var(--ink)}.dialog-x:disabled{opacity:.4;cursor:default}.dialog>h2:first-of-type,.dialog>h3:first-of-type{padding-right:2.5rem}.member-card{width:85.6mm;height:54mm;box-sizing:border-box;margin:8px auto;padding:5mm;display:flex;flex-direction:column;justify-content:space-between;border:1px solid #999;border-radius:3mm;background:#fff;color:#000}.mc-head{display:flex;justify-content:space-between;align-items:baseline;font-size:11px}.mc-company{font-weight:700;letter-spacing:.3px}.mc-tier{border:1px solid #000;border-radius:999px;padding:0 8px;font-size:10px;text-transform:uppercase}.mc-name{font-size:15px;font-weight:600}.mc-barcode{text-align:center}.mc-foot{display:flex;justify-content:space-between;align-items:baseline;font-size:11px}.mc-no{font-family:ui-monospace,Cascadia Mono,monospace;letter-spacing:2px}.mc-renew{color:#444;font-size:10px}.facts{display:grid;grid-template-columns:auto 1fr;gap:2px 12px;margin:0 0 12px}.facts dt{opacity:.7}.facts dd{margin:0}.login-conn{display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:.15rem .5rem;width:100%;padding:.5rem .65rem;border:1px solid var(--line);border-radius:8px;background:transparent;color:inherit;font:inherit;font-size:.8rem;text-align:left;cursor:pointer}.login-conn:disabled{cursor:progress}.login-conn:focus-visible{outline:2px solid var(--accent)}.login-conn .dot{width:.6rem;height:.6rem;border-radius:50%;background:var(--ink-muted)}.login-conn .detail{grid-column:2;color:var(--ink-muted);font-size:.75rem}.login-conn.good .dot{background:light-dark(#15803d,#4ade80)}.login-conn.warn .dot{background:light-dark(#b45309,#fbbf24)}.login-conn.bad .dot{background:light-dark(#b3261e,#ff9494)}.user-btn{position:relative}.badge-dot{position:absolute;top:0;right:0;min-width:15px;height:15px;padding:0 3px;border-radius:999px;background:#dc2626;color:#fff;font-size:.6rem;font-weight:700;line-height:15px;text-align:center;pointer-events:none}