:root{font-family:Inter,system-ui,Arial,sans-serif;color:#16243b;background:#f4f7fb}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:0;border-radius:9px;padding:11px 15px;background:#0c766e;color:white}button:hover{filter:brightness(.93)}.shell{display:flex;min-height:100vh}.sidebar{width:244px;background:#10263d;color:white;padding:22px 15px;flex-shrink:0}.brand{font-size:27px;font-weight:850;margin:5px 12px 25px}.brand span{color:#57d6bd}.nav{display:block;width:100%;background:transparent;text-align:left;margin:3px 0;color:#c5d4df}.nav.active,.nav:hover{background:#21445a;color:white}.main{flex:1;min-width:0}.top{background:white;padding:19px 28px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e5eaf1}.content{padding:28px;max-width:1300px;margin:auto}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.card,.panel{background:white;border:1px solid #e3eaf0;border-radius:14px;padding:21px;box-shadow:0 3px 12px #132b4510}.card small{color:#6e7b8c}.card strong{display:block;font-size:23px;margin-top:12px}.panel{margin-top:18px;overflow:auto}.muted{color:#738195}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.row.between{justify-content:space-between}table{width:100%;border-collapse:collapse;min-width:600px}th,td{text-align:left;padding:13px;border-bottom:1px solid #e8edf3}th{font-size:12px;color:#758497;text-transform:uppercase}input,select{padding:11px;border:1px solid #ccd7e2;border-radius:9px;background:white;min-width:0}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.fields label{display:grid;gap:5px;font-size:13px}.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(140deg,#10263d,#136c68)}.login .panel{width:min(410px,92vw);padding:34px}.login input,.login button{width:100%;margin-top:10px}.pill{background:#e3f6f0;color:#146957;border-radius:20px;padding:5px 9px;font-size:12px}.warning{background:#fff7df;color:#866000;border-radius:8px;padding:10px 14px;font-size:13px}.hide{display:none!important}@media(max-width:900px){.cards{grid-template-columns:repeat(2,1fr)}.sidebar{width:190px}}@media(max-width:650px){.shell{display:block}.sidebar{width:100%;padding:12px}.brand{margin:0 8px 8px}.nav{display:inline-block;width:auto;font-size:12px;padding:8px}.content{padding:14px}.top{padding:12px}.cards,.fields{grid-template-columns:1fr}}
/* Keep typed text, password dots and autofill readable in light and dark browser themes. */
#loginform input {
  color: #16243b;
  background-color: #ffffff;
  caret-color: #0c766e;
  -webkit-text-fill-color: #16243b;
  color-scheme: light;
  opacity: 1;
}
#loginform input::placeholder {
  color: #66758a;
  -webkit-text-fill-color: #66758a;
  opacity: 1;
}
#loginform input:autofill {
  color: #16243b;
  background-color: #ffffff;
  caret-color: #0c766e;
  box-shadow: inset 0 0 0 1000px #ffffff;
}
#loginform input:-webkit-autofill,
#loginform input:-webkit-autofill:hover,
#loginform input:-webkit-autofill:focus,
#loginform input:-webkit-autofill:active {
  -webkit-text-fill-color: #16243b;
  caret-color: #0c766e;
  -webkit-box-shadow: inset 0 0 0 1000px #ffffff;
  box-shadow: inset 0 0 0 1000px #ffffff;
}
#loginform input:focus-visible {
  outline: 2px solid #0c766e;
  outline-offset: 2px;
}
input,select,textarea{color:#16243b;background:#fff;caret-color:#0c766e;-webkit-text-fill-color:#16243b;color-scheme:light}input::placeholder{color:#66758a;-webkit-text-fill-color:#66758a;opacity:1}fieldset{border:1px solid #e3eaf0;border-radius:10px;margin:18px 0;padding:16px}legend{font-weight:600}.block{display:block;margin-top:5px}.spaced{margin-top:18px}.secondary{background:#e8f0f4;color:#244256}.overdue{color:#b43333}.totals{padding:18px;background:#f4f7fb;border-radius:10px;line-height:1.9;margin:16px 0;text-align:right}.lines input{width:100%}.lines th:first-child{width:45%}.lines th:nth-child(2){width:13%}.line-scroll{overflow:auto}.fields input,.fields select{width:100%}dialog{width:min(1000px,95vw);max-height:92vh;overflow:auto;border:1px solid #dce5ee;border-radius:14px;padding:25px;color:#16243b;background:white}dialog::backdrop{background:#10263d99}dialog table{min-width:600px}tfoot{font-weight:700}.invoice-paper p{line-height:1.7}button{font-size:14px}@media print{body>*:not(#detailDialog){display:none!important}#detailDialog{display:block!important;position:static;width:100%;max-height:none;border:0;padding:0;overflow:visible}.no-print{display:none!important}dialog table{min-width:0;width:100%}tr{break-inside:avoid}.totals{background:white}body{background:white}}
/* Modern, responsive interface; all data remains in the existing local demo. */
:root{font-family:'Segoe UI',Inter,system-ui,sans-serif;color:#172b42;background:#f3f6fa;font-size:14px;--accent:#087f75;--line:#e5ebf2}body{background:#f3f6fa}h1{font-size:30px;letter-spacing:-.8px;margin:8px 0 12px;font-weight:750}h2{font-size:19px;letter-spacing:-.3px;margin:4px 0 18px}h3{font-size:16px;margin:24px 0 14px}p{line-height:1.65}.muted{color:#62748a}.eyebrow{font-size:10px;font-weight:750;letter-spacing:1.6px;color:#087f75;margin-bottom:7px}.sidebar{width:236px;background:linear-gradient(180deg,#102c3b,#0b1f2b);padding:28px 14px;position:sticky;top:0;height:100vh;overflow:auto}.brand{font-size:32px;letter-spacing:-1.8px;margin:0 14px 32px}.brand:after{content:'BUSINESS WORKSPACE';display:block;color:#98b1bf;font-size:9px;font-weight:600;letter-spacing:2px;margin-top:9px}.nav{display:flex;align-items:center;gap:12px;border-radius:10px;padding:12px 14px;margin:5px 0;font-size:13px;font-weight:500;transition:background .15s}.nav.active{background:#167e74;color:white;box-shadow:0 5px 15px #0002}.nav:hover{background:#214452}.nav-icon{display:inline-grid;place-items:center;width:22px;font-size:17px;color:#a9c6cb}.nav.active .nav-icon{color:#baf2df}.top{padding:19px 32px;position:sticky;top:0;z-index:2;background:#ffffffed;backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.top strong{font-size:16px}.top .pill{margin-left:12px}.content{padding:30px 32px;max-width:1450px}.content>.warning{border:1px solid #f2e4ba;background:#fffaf0;color:#7d693b;padding:10px 14px;margin-bottom:24px;font-size:11px}.cards{gap:16px}.card{padding:22px 20px;box-shadow:0 4px 20px #1b355605;border:1px solid var(--line);position:relative;overflow:hidden;border-radius:14px}.card:before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:#21a58f}.card small{font-size:12px;color:#62748a;font-weight:600}.card strong{font-size:26px;letter-spacing:-.6px;font-variant-numeric:tabular-nums}.panel{padding:25px;border:1px solid var(--line);box-shadow:0 4px 20px #18364d04;border-radius:16px;margin-top:22px}.fields{gap:18px}.fields label{font-size:12px;font-weight:600;color:#42566c;gap:8px}input,select,textarea{border:1px solid #dce4ed;border-radius:9px;padding:12px;background:#fff;font-size:13px;color:#172b42;-webkit-text-fill-color:#172b42;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{outline:none;border-color:#139c8b;box-shadow:0 0 0 3px #139c8b18}input:read-only{background:#f2f6f8;color:#63768a}.row>input.search,.row>input[placeholder]{min-width:220px}button{font-weight:600;letter-spacing:.1px;padding:11px 16px;background:#087f75;border-radius:9px;box-shadow:0 2px 4px #123c3610;transition:background .15s,transform .15s}button:hover{filter:none;background:#066b63}button:active{transform:translateY(1px)}button:disabled{opacity:.45;cursor:not-allowed;transform:none}.secondary{background:#edf3f7;color:#344e64;box-shadow:none}.secondary:hover{background:#deeaf1}.pill{background:#e5f5ef;color:#166c54;font-size:11px;font-weight:650;padding:6px 10px}.row{gap:12px}table{font-size:13px}th{background:#f6f8fb;color:#607388;font-size:10px;letter-spacing:.8px;white-space:nowrap;padding:14px}td{padding:15px 14px;border-color:#edf1f6;vertical-align:middle}tbody tr:hover{background:#fafcfe}td button{font-size:11px;padding:8px 11px;margin:2px;white-space:nowrap}td strong{font-weight:650}.lines th:first-child{width:32%}.lines input{padding:10px}.totals{background:#eef8f5;border:1px solid #dceee7;color:#235a4b;padding:20px;line-height:2}fieldset{border:1px solid var(--line);padding:22px;margin:22px 0;background:#fbfcfe;border-radius:12px}legend{color:#42566c;font-size:12px;padding:0 7px}dialog{padding:28px;width:min(1100px,95vw);border:0;border-radius:18px;box-shadow:0 30px 100px #071d3940}dialog::backdrop{background:#0b223b99;backdrop-filter:blur(3px)}dialog>.row{margin-bottom:18px}dialog>.row h2{margin:0}dialog .cards{grid-template-columns:repeat(4,minmax(0,1fr))}.account-heading{margin:16px 0 24px}.account-bill{border-left:3px solid #1c9d89;background:#f1f8f6;padding:14px 18px;border-radius:0 9px 9px 0}.invoice-paper{padding:14px 5px}.invoice-paper h1{color:#087f75;letter-spacing:-1px}.invoice-paper h2{color:#42566c;letter-spacing:1px;font-size:18px}.login{background:radial-gradient(ellipse at top right,#178479,#0d2737 70%)}.login .panel{padding:40px;border:1px solid #ffffff50;box-shadow:0 25px 90px #03152260;border-radius:20px}.login h1{font-size:40px;letter-spacing:-2px}.login button{padding:14px;margin-top:16px}.login .warning{font-size:11px}.login input{padding:14px}.login #loginerror:empty{display:none}
@media(max-width:1000px){.sidebar{width:200px}.content{padding:24px}.top{padding:18px 24px}.cards,dialog .cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.sidebar{position:static;height:auto;width:100%;padding:17px 12px}.brand{font-size:26px;margin:0 8px 12px}.brand:after{display:none}#nav{display:flex;overflow-x:auto;gap:4px}.nav{display:inline-flex;flex-shrink:0;width:auto;padding:10px;margin:0;font-size:12px}.sidebar>p{display:none}.nav-icon{width:16px}.content{padding:18px 12px}.top{position:static;padding:15px 14px}.top .pill{display:block;width:max-content;margin:8px 0}.panel{padding:18px;margin-top:16px}.fields{grid-template-columns:1fr}.card{padding:18px}.card strong{font-size:22px}h1{font-size:25px}dialog{padding:18px;width:96vw}.row>input.search,.row>input[placeholder]{min-width:0;max-width:100%}.row>input,.row>select{flex:1;min-width:0}fieldset{padding:15px}.content>.warning{font-size:10px}}
@media(max-width:400px){.cards,dialog .cards{grid-template-columns:1fr}}
@media print{.top,.sidebar,.no-print{display:none!important}dialog{box-shadow:none!important;background:white!important;color:#172b42}dialog .panel{box-shadow:none;break-inside:avoid}.account-bill{background:white}.invoice-paper{padding:0}.invoice-paper table{min-width:0}th{background:white}td,th{padding:10px}h1{font-size:26px}.totals{background:white}.card:before{display:none}}
.barcode-sheet{display:flex;flex-wrap:wrap;gap:5mm;padding:5mm;background:white}.barcode-label{max-width:194mm;border:1px dashed #ccd4dc;padding:4mm;background:white;color:black;display:flex;flex-direction:column;align-items:center;gap:2mm;break-inside:avoid;overflow:hidden}.barcode-label strong{font-size:12px;max-width:100%;text-align:center;overflow-wrap:anywhere}.barcode-label small{font-size:10px}.barcode-value{font-family:monospace;font-size:12px;overflow-wrap:anywhere}.barcode-label svg{flex:none;max-width:none}#barcodeCopies{width:85px}@media print{#detailDialog:has(.barcode-sheet)>.row{display:none!important}#detailDialog:has(.barcode-sheet){padding:0!important}.barcode-sheet{padding:0;gap:4mm}.barcode-label{border:0;print-color-adjust:exact;-webkit-print-color-adjust:exact}}
.pos-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,1fr);gap:20px;align-items:start}.pos-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:14px;margin-top:22px}.pos-tile{min-height:145px;background:#fff;border:1px solid #dbe9e5;color:#173f38;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:12px;padding:20px}.pos-tile:hover{background:#eaf8f2;border-color:#087f75}.pos-tile strong{font-size:16px}.pos-tile small{color:#617d74}.pos-tile span{font-size:17px;color:#087f75}.pos-cart{position:sticky;top:95px}.cart-line{padding:16px 0;border-bottom:1px solid #edf1f6;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px}.cart-line button{min-width:42px;min-height:42px}.pos-cart .totals{grid-column:1/-1}.pos-cart form>button{grid-column:1/-1;min-height:52px;font-size:16px}@media(max-width:1000px){.pos-layout{grid-template-columns:1fr}.pos-cart{position:static}}@media(max-width:500px){.pos-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.pos-tile{padding:15px;min-height:135px}}
.thermal-receipt{padding:4mm;background:white;color:#000;margin:20px auto;font-family:Arial,sans-serif;font-size:11px;line-height:1.5;box-sizing:border-box}.thermal-receipt h2{font-size:15px;text-align:center;margin:7px 0;font-weight:750}.receipt-logo{display:block;max-width:45mm;max-height:22mm;object-fit:contain;margin:0 auto}.receipt-wordmark{text-align:center;font-size:25px;font-weight:800}.receipt-center{text-align:center;overflow-wrap:anywhere}.receipt-rule{border-top:1px dashed black;margin:10px 0}.receipt-item{margin:8px 0;overflow-wrap:anywhere}.receipt-pair{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.receipt-pair>span:last-child{white-space:nowrap}.receipt-grand{font-size:14px;margin:10px 0;border-top:1px solid black;border-bottom:1px solid black;padding:7px 0}@media print{#detailDialog:has(.thermal-receipt)>.row{display:none!important}.thermal-receipt{box-shadow:none;margin:0;background:white;color:black;print-color-adjust:exact;-webkit-print-color-adjust:exact}.receipt-item{break-inside:avoid}.receipt-logo{filter:grayscale(1)}}
.stock-reminder{margin-top:20px;border:1px solid #edcf88}.stock-reminder p{margin:8px 0}.stock-low{display:inline-block;padding:6px 10px;border-radius:16px;font-size:11px;font-weight:650;background:#fff0dc;color:#9b5508}.notification-badge{margin-left:auto;background:#e85748;color:white;font-size:10px;padding:3px 7px;border-radius:12px}.notification-item{display:flex;gap:16px;padding:22px 16px;border-bottom:1px solid #e7edf2;border-left:3px solid transparent}.notification-unread{background:#f0f8f5;border-left-color:#087f75}.notification-read{background:white}.notification-symbol{width:40px;height:40px;border-radius:12px;background:#e1f0eb;color:#087f75;display:grid;place-items:center;flex-shrink:0;font-size:22px}.notification-copy h3{margin:7px 0;font-size:17px}.notification-copy p{margin:7px 0 14px}.top{gap:12px}.top>div{flex:1}#notificationBell{white-space:nowrap}@media(max-width:650px){.notification-item{padding:16px 9px;gap:10px}.notification-symbol{width:30px;height:30px}.top{flex-wrap:wrap}#notificationBell{font-size:11px;padding:10px}}
#notificationBell{position:relative;display:inline-flex;align-items:center;justify-content:center;width:43px;height:43px;padding:9px;flex-shrink:0}.bell-count{position:absolute;right:-5px;top:-5px;background:#e45748;color:white;font-size:9px;min-width:19px;height:19px;padding:0 4px;border:2px solid white;border-radius:12px;display:grid;place-items:center}.notification-dropdown{position:absolute;right:26px;top:75px;width:min(390px,calc(100vw - 24px));background:white;border:1px solid #e0e8ef;border-radius:15px;box-shadow:0 16px 50px #102d3f25;padding:18px;z-index:20}.notification-dropdown>div:first-child button{padding:5px 9px}.notification-dropdown button{font-size:11px;padding:7px 10px}.notification-dropdown-list{max-height:420px;overflow:auto;margin-top:15px}.dropdown-alert{padding:15px 12px;border-bottom:1px solid #e8edf3;border-radius:7px}.dropdown-alert-unread{background:#f0f8f5;border-left:3px solid #087f75}.dropdown-alert strong{display:block;font-size:13px;margin:6px 0}.dropdown-alert p{font-size:12px;line-height:1.6;margin:7px 0 10px}@media(max-width:650px){.top{position:relative}.notification-dropdown{right:12px;top:100%;margin-top:6px}.notification-dropdown-list{max-height:55vh}}@media print{.notification-dropdown{display:none!important}}
.bell-count{background:#dc2626!important;color:#fff!important;font-size:11px;font-weight:800;min-width:22px;height:22px;z-index:2}.dropdown-unread-count{color:#dc2626;font-size:13px}.notification-badge{background:#dc2626!important}.dropdown-alert{cursor:pointer;transition:background .15s}.dropdown-alert:hover{background:#e6f1ed}.dropdown-alert:focus-visible{outline:2px solid #087f75;outline-offset:-2px}.dropdown-go{display:block;font-size:11px;font-weight:700;color:#087f75;margin:8px 0}.dropdown-alert-unread{border-left-color:#dc2626}.dropdown-alert-unread>small{color:#b91c1c}
[data-theme="dark"] body{background:#111e2c;color:#e4edf5}[data-theme="dark"] .top{background:#172739f5;color:#e4edf5;border-color:#30445b}[data-theme="dark"] .main,[data-theme="dark"] .content{color:#e4edf5}[data-theme="dark"] .panel,[data-theme="dark"] .card,[data-theme="dark"] dialog,[data-theme="dark"] .notification-dropdown{background:#1a2c3e;color:#e4edf5;border-color:#30445b}[data-theme="dark"] .muted,[data-theme="dark"] .card small,[data-theme="dark"] .fields label{color:#b0c0d2}[data-theme="dark"] input,[data-theme="dark"] select,[data-theme="dark"] textarea{background:#122334;color:#edf4fa;-webkit-text-fill-color:#edf4fa;border-color:#3a5068;color-scheme:dark}[data-theme="dark"] input:read-only{background:#203346}[data-theme="dark"] th{background:#142638;color:#b8cadd}[data-theme="dark"] td{border-color:#30445b}[data-theme="dark"] tbody tr:hover{background:#20384d}[data-theme="dark"] fieldset{background:#142638;border-color:#30445b}[data-theme="dark"] legend{color:#b0c0d2}[data-theme="dark"] .totals{background:#16392f;color:#c7f2df;border-color:#286150}[data-theme="dark"] .pos-tile{background:#16352f;color:#e4f3ed;border-color:#286150}[data-theme="dark"] .pos-tile span{color:#8be1bd}[data-theme="dark"] .secondary{background:#30465b;color:#e4edf5}[data-theme="dark"] .notification-unread,[data-theme="dark"] .dropdown-alert-unread{background:#173b32}[data-theme="dark"] .notification-read{background:#1a2c3e}[data-theme="dark"] .dropdown-alert:hover{background:#244b3f}[data-theme="dark"] .receipt-grand,[data-theme="dark"] .thermal-receipt,[data-theme="dark"] .barcode-label{color:black;background:white}[data-theme="dark"] .login .panel{background:white;color:#172b42}@media print{[data-theme="dark"] dialog,[data-theme="dark"] .panel,[data-theme="dark"] .invoice-paper,[data-theme="dark"] .totals{background:white!important;color:black!important;border-color:#aaa}[data-theme="dark"] td,[data-theme="dark"] th{background:white!important;color:black!important}}
/* Motion respects the user's operating-system reduced-motion preference. */
@keyframes munshi-enter{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@keyframes munshi-pop{from{opacity:0;transform:translateY(-7px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes munshi-overlay{from{background-color:transparent}to{background-color:#0b223b99}}
#view{animation:munshi-enter .24s ease-out both}
#view>.cards>.card{animation:munshi-enter .3s ease-out both}
#view>.cards>.card:nth-child(2){animation-delay:.035s}
#view>.cards>.card:nth-child(3){animation-delay:.07s}
#view>.cards>.card:nth-child(4){animation-delay:.105s}
dialog[open]{animation:munshi-pop .2s ease-out both}
dialog[open]::backdrop{animation:munshi-overlay .2s ease-out both}
.notification-dropdown{animation:munshi-pop .18s ease-out both;transform-origin:top right}
.notification-item,.dropdown-alert,.cart-line{animation:munshi-enter .18s ease-out both}
button,.nav,.pos-tile,.card{transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}
@media(hover:hover){.card:hover{box-shadow:0 8px 24px #123d5510}.pos-tile:hover{transform:translateY(-3px);box-shadow:0 8px 18px #087f7515}button:not(:disabled):not(.nav):hover{box-shadow:0 4px 12px #102b3b14}}
button:not(:disabled):active{transform:scale(.98)}
input,select,textarea{transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.pos-tile:hover,button:active{transform:none!important}}
@media print{*,*::before,*::after{animation:none!important;transition:none!important;transform:none!important;opacity:1!important}}
#view>.panel,#view>.pos-layout{animation:munshi-enter .24s ease-out both}@media(prefers-reduced-motion:reduce){#view>.panel,#view>.pos-layout{animation:none!important}}@media print{#view>.panel,#view>.pos-layout{animation:none!important}}
.business-header{display:flex;align-items:center;gap:18px;margin-bottom:20px;padding:15px 0;border-bottom:1px solid #e1e8ef;break-inside:avoid}.business-header img{max-width:95px;max-height:60px;object-fit:contain}.business-header h2{margin:0 0 6px;font-size:20px}.business-header p{margin:2px 0;font-size:12px;color:#63768a}.app-business-logo{display:block;max-width:150px;max-height:65px;object-fit:contain;margin-bottom:12px}.app-business-name{color:#e4f4f1!important;font-size:20px;letter-spacing:0;overflow-wrap:anywhere}.login-business-logo{display:block;max-width:180px;max-height:90px;object-fit:contain;margin:0 auto 15px}.barcode-business-logo{max-width:22mm;max-height:9mm;object-fit:contain}[data-theme="dark"] .business-header p{color:#b0c0d2}@media print{.business-header{color:black}.business-header p{color:black!important}#detailDialog:has(.thermal-receipt) .business-header,#detailDialog:has(.barcode-sheet) .business-header{display:none!important}}
/* Compact screen layout. Document and label print dimensions stay unchanged. */
@media screen{
:root{font-size:13px}.sidebar{width:190px;padding:18px 10px}.brand{margin:0 10px 20px;font-size:25px}.brand:after{font-size:8px;letter-spacing:1.4px}.app-business-name{font-size:16px}.app-business-logo{max-width:120px;max-height:42px;margin-bottom:8px}.nav{padding:9px 11px;margin:3px 0;gap:9px;font-size:12px;border-radius:8px}.nav-icon{font-size:15px;width:18px}.sidebar>p{padding:6px!important;font-size:10px!important}.top{padding:11px 20px;gap:9px}.top strong{font-size:14px}.top .pill{font-size:10px;padding:4px 8px}.content{padding:17px 20px;max-width:1600px}.content>.warning{padding:7px 10px;margin-bottom:13px;font-size:10px}h1{font-size:24px;margin:5px 0 8px}h2{font-size:16px;margin:3px 0 12px}h3{font-size:14px;margin:16px 0 9px}p{margin:8px 0;line-height:1.5}.eyebrow{font-size:9px;margin-bottom:4px}.panel{padding:16px;margin-top:14px;border-radius:11px}.cards{gap:10px}.card{padding:14px 15px;border-radius:10px}.card small{font-size:11px}.card strong{font-size:21px;margin-top:8px}.fields{gap:11px}.fields label{font-size:11px;gap:5px}input,select,textarea{padding:8px 10px;font-size:12px;border-radius:7px}button{padding:8px 12px;font-size:12px;border-radius:7px}.row{gap:9px}.spaced{margin-top:12px}.pill{font-size:10px;padding:4px 8px}fieldset{padding:14px;margin:14px 0}.totals{padding:12px 15px;line-height:1.7;margin:12px 0}table{font-size:12px}th{font-size:9px;padding:9px 10px;letter-spacing:.5px}td{padding:9px 10px}td button{padding:6px 9px;font-size:10px}.block{margin-top:3px}.lines input{padding:8px}.business-header{padding:9px 0;margin-bottom:13px;gap:12px}.business-header img{max-width:70px;max-height:42px}.business-header h2{font-size:17px;margin:0 0 4px}.business-header p{font-size:11px;margin:1px 0}.notification-item{padding:14px 12px}.notification-copy h3{font-size:15px;margin:5px 0}.notification-copy p{margin:5px 0 10px}.notification-dropdown{top:61px;padding:14px}.dropdown-alert{padding:11px 10px}.pos-layout{gap:14px}.pos-tiles{gap:10px;margin-top:15px;grid-template-columns:repeat(auto-fill,minmax(125px,1fr))}.pos-tile{min-height:115px;padding:15px;gap:8px}.pos-tile strong{font-size:14px}.pos-tile span{font-size:15px}.pos-cart{top:74px}.cart-line{padding:12px 0}.cart-line button{min-width:42px;min-height:42px}.pos-cart form>button{min-height:46px}.login .panel{padding:30px}.login h1{font-size:30px}.login input{padding:12px}.login button{padding:12px}.stock-reminder{margin-top:12px}.stock-reminder p{margin:5px 0}dialog{padding:20px}.invoice-paper{padding:12px 5px}.invoice-paper table{font-size:13px}.invoice-paper th,.invoice-paper td{padding:12px}.thermal-receipt h2{font-size:15px;margin:7px 0}.thermal-receipt p{margin:10px 0}.barcode-label strong{font-size:12px}.barcode-label small{font-size:10px}
}
@media screen and (max-width:1000px){.sidebar{width:170px}.content{padding:15px}.top{padding:11px 15px}.pos-cart{position:static}}
@media screen and (max-width:650px){.sidebar{width:100%;padding:12px 10px}.brand{margin:0 6px 9px}.app-business-logo{max-height:30px;margin-bottom:5px}.nav{padding:9px;min-height:38px}.content{padding:12px 10px}.panel{padding:13px}.top{padding:10px 12px}.top .pill{margin:5px 0}.notification-dropdown{top:100%;right:10px}.pos-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.pos-tile{min-height:115px}.card strong{font-size:20px}.fields{gap:10px}.business-header img{max-width:55px;max-height:35px}}

/* Successful save banner */
.save-success-banner{position:fixed;left:20px;bottom:20px;z-index:10000;display:flex;align-items:center;gap:10px;padding:13px 18px;border:1px solid #a9dfb9;border-radius:12px;background:#e0f5e5;color:#206637;box-shadow:0 8px 28px #163e2426;font-size:14px;font-weight:600;opacity:0;transform:translateX(-28px) translateY(8px);visibility:hidden;pointer-events:none;transition:opacity .25s ease,transform .3s ease,visibility .3s}
.save-success-banner.visible{opacity:1;transform:translateX(0) translateY(0);visibility:visible}
.save-success-banner .save-check{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#bee9cb;color:#206637}
@media(max-width:600px){.save-success-banner{left:12px;bottom:12px;max-width:calc(100vw - 24px)}}
@media(prefers-reduced-motion:reduce){.save-success-banner{transition:none}}
@media print{.save-success-banner{display:none!important}}

.dashboard-charts{display:grid;grid-template-columns:1fr 1.4fr;gap:14px;margin:14px 0}.dashboard-charts .panel{margin:0}.cost-pie{width:150px;height:150px;border-radius:50%;flex-shrink:0}.chart-legend{list-style:none;padding:0;margin:0;display:grid;gap:10px;font-size:12px}.chart-dot{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:7px}.chart-bar-grid{height:170px;display:flex;align-items:flex-end;gap:12px;padding-top:12px;border-bottom:1px solid var(--border,#d8e2e8)}.chart-month{flex:1;min-width:0;text-align:center}.chart-bars{height:145px;display:flex;align-items:flex-end;justify-content:center;gap:5px}.chart-bar{width:22px;max-width:40%;border-radius:4px 4px 0 0;animation:chart-grow .5s ease both;transform-origin:bottom}.chart-month-label{font-size:11px;padding:5px 0}.chart-scale{font-size:11px;margin:8px 0;color:var(--muted,#64748b)}@keyframes chart-grow{from{transform:scaleY(0)}to{transform:scaleY(1)}}@media(max-width:800px){.dashboard-charts{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.chart-bar{animation:none}}

@media screen{.sidebar .brand[role="link"],#view>.business-header img[role="link"]{cursor:pointer}.sidebar .brand[role="link"]:focus-visible,#view>.business-header img[role="link"]:focus-visible{outline:2px solid #14b8a6;outline-offset:4px;border-radius:6px}}

@media print{.vendor-print-sheet table{width:100%;table-layout:fixed;font-size:9px}.vendor-print-sheet th,.vendor-print-sheet td{white-space:normal!important;overflow-wrap:anywhere;padding:5px!important}.vendor-print-sheet tr{break-inside:avoid}.vendor-print-sheet thead{display:table-header-group}}

@media print{@page{size:A4;margin:10mm}html,body{height:auto!important;min-height:0!important;width:auto;margin:0!important;padding:0!important;overflow:visible!important;background:white!important}#detailDialog[open]{position:static!important;inset:auto!important;transform:none!important;display:block!important;width:100%!important;max-width:none!important;height:auto!important;max-height:none!important;margin:0!important;padding:0!important;overflow:visible!important;box-shadow:none!important;border:0!important}#detailDialog:not([open]){display:none!important}#detailBody{overflow:visible!important;height:auto!important;max-height:none!important}#detailBody table{width:100%!important;min-width:0!important;border-collapse:collapse;font-size:9px;table-layout:auto}#detailBody td,#detailBody th{padding:4px 5px!important;white-space:normal!important;overflow-wrap:anywhere;border-bottom:1px solid #ccc;color:#111!important}#detailBody thead{display:table-header-group}#detailBody tr{break-inside:avoid}#detailBody .panel{break-inside:auto!important;margin:0;padding:5px;border:0}#detailBody .fields{gap:7px}#detailBody form,#detailBody button,#detailBody input,#detailBody select,#detailBody textarea{display:none!important}#detailBody .business-header{margin:0 0 10px!important;padding:0 0 8px!important;border-bottom:1px solid #777}#detailBody .business-header img{max-width:70px;max-height:40px}#detailBody h1,#detailBody h2{font-size:16px;margin:7px 0}#detailBody h3{font-size:12px;margin:7px 0}#detailBody p{font-size:10px;margin:5px 0}#detailBody .cards{display:flex;gap:10px}#detailBody .card{padding:5px;border:0;box-shadow:none}#detailBody .totals{padding:7px;margin:6px 0;font-size:11px}.print-approval{display:block!important;break-inside:avoid;margin-top:15px;padding-top:8px;border-top:1px solid #aaa;color:#111;font-size:10px}.print-approval-sign{margin-top:25px}#detailDialog:has(.thermal-receipt) .print-approval,#detailDialog:has(.barcode-sheet) .print-approval{display:none!important}}
.print-approval{margin-top:15px;font-size:11px}.print-approval-sign{margin-top:24px}

/* Blue and teal visual refresh inspired by SyostanPeople */
@media screen{
:root{--primary:#1674c7;--accent:#14b8a6;--border:#e2eaf2;--muted:#64748b}
body{background:#f3f6fb;color:#24344d;font-family:Inter,'Segoe UI',Arial,sans-serif}
.sidebar{background:linear-gradient(165deg,#102a46 0%,#143b5b 65%,#0d4a50 100%);border-right:0;box-shadow:5px 0 24px #16334d0b}
.sidebar .brand{color:#fff;gap:9px;border-bottom:1px solid #ffffff18;padding-bottom:17px}.sidebar .app-business-name{font-size:16px;font-weight:700}.sidebar .app-business-logo{background:white;padding:4px;border-radius:9px}
.sidebar .nav{color:#bcd0e2;border-radius:9px;margin-bottom:3px;transition:background .2s,transform .2s}.sidebar .nav:hover{background:#ffffff10;color:white}.sidebar .nav.active{background:linear-gradient(100deg,#1674c7,#0b9998);color:#fff;box-shadow:0 5px 12px #00000018}.sidebar .nav-icon{opacity:.95}
.top{background:#ffffffeb;border-bottom:1px solid #e2eaf2;box-shadow:0 2px 12px #193d6305}.top .pill{background:#e8f4fa;color:#126388;border:1px solid #cee8f0}
.panel{background:#fff;border:1px solid #e2eaf2;border-radius:13px;box-shadow:0 3px 15px #143b5b05}.card{background:#fff;border:1px solid #e2eaf2;border-radius:13px;box-shadow:0 3px 15px #143b5b06;position:relative;overflow:hidden}.card:before{background:linear-gradient(90deg,#1674c7,#14b8a6)}.card:nth-child(2):before{background:#14b8a6}.card:nth-child(3):before{background:#8b7bea}.card:nth-child(4):before{background:#f0ae57}.card strong{color:#153b5c}
h1,h2,h3{color:#183b5a}h1{letter-spacing:-.6px}h2{letter-spacing:-.3px}.eyebrow{color:#0f8f95;letter-spacing:1.2px;font-weight:700}
button{background:linear-gradient(110deg,#1674c7,#0a94a5);border-radius:8px;box-shadow:0 3px 8px #1674c714;font-weight:600}button:hover{filter:brightness(1.04)}button.secondary{background:#edf4fa;color:#23618a;border:1px solid #d9e7f1;box-shadow:none}button.secondary:hover{background:#e0edf7}
input,select,textarea{background:#fbfcfe;color:#24344d;border:1px solid #dce5ef;border-radius:8px;caret-color:#1674c7}input:focus,select:focus,textarea:focus{outline:0;border-color:#29a3b5;box-shadow:0 0 0 3px #14b8a614}input::placeholder,textarea::placeholder{color:#93a1b2}
th{background:#f3f7fb;color:#60758c;font-size:11px;letter-spacing:.25px}td{border-color:#edf1f6}tbody tr:hover{background:#f6fafe}.business-header{background:linear-gradient(110deg,#f1f7fc,#effbf8);border:1px solid #dcecf0;border-radius:11px;padding:11px 14px}.business-header h2{color:#185676}.pill{border-radius:7px}.pos-tile{background:#fff;border:1px solid #e1eaf2;border-radius:12px}.pos-tile:hover{border-color:#19a5b0;background:#f1fbfa}.notification-dropdown{border:1px solid #dce7f0;border-radius:14px;box-shadow:0 12px 40px #102a4620}
dialog{border:1px solid #e2eaf2;border-radius:15px;box-shadow:0 24px 80px #102a4638}dialog::backdrop{background:#102a4660;backdrop-filter:blur(3px)}
.login{background:radial-gradient(ellipse at 15% 20%,#1b7693 0%,transparent 45%),linear-gradient(140deg,#112c48,#124c62);min-height:100vh}.login .panel{border:1px solid #ffffff55;box-shadow:0 20px 65px #07182d50}.login h1{color:#164c6c}
[data-theme="dark"] body{background:#0e1d2d;color:#d9e6f2}[data-theme="dark"] .panel,[data-theme="dark"] .card,[data-theme="dark"] .pos-tile,[data-theme="dark"] dialog{background:#172a3e;border-color:#2a4259;color:#d9e6f2}[data-theme="dark"] .top{background:#13263a;border-color:#2a4259}[data-theme="dark"] h1,[data-theme="dark"] h2,[data-theme="dark"] h3,[data-theme="dark"] .card strong{color:#e0eefb}[data-theme="dark"] input,[data-theme="dark"] select,[data-theme="dark"] textarea{background:#102235;color:#e0eefb;border-color:#36516a}[data-theme="dark"] th{background:#1d344b;color:#a8c1d8}[data-theme="dark"] td{border-color:#2a4259}[data-theme="dark"] tbody tr:hover{background:#1c354c}[data-theme="dark"] .business-header{background:linear-gradient(110deg,#19364b,#174247);border-color:#2a505b}[data-theme="dark"] .business-header h2{color:#b7ecee}[data-theme="dark"] button.secondary{background:#223e55;color:#c8e7f8;border-color:#35566d}
}

@media screen{.panel.appearance-compact{padding:12px 14px;max-width:760px}.appearance-compact h2{font-size:15px;margin:0 0 9px}.appearance-compact .fields{display:grid;grid-template-columns:155px minmax(0,1fr);align-items:start;gap:18px}.appearance-compact select{padding:6px 9px;margin-top:4px}.appearance-compact h3{font-size:13px;margin:3px 0}.appearance-compact p{font-size:11px;line-height:1.4;margin:4px 0}.appearance-compact>p{margin:7px 0 0}.appearance-compact label,.appearance-compact small{font-size:11px}@media(max-width:500px){.appearance-compact .fields{grid-template-columns:1fr;gap:8px}.appearance-compact select{max-width:180px}}}

/* Professional document preview and paper layout */
@media screen{#detailDialog.document-preview{width:min(1040px,94vw);max-width:1040px;padding:0;background:#edf2f7;color:#23374d}#detailDialog.document-preview>.row{position:sticky;top:0;z-index:2;background:#fff;padding:14px 20px;border-bottom:1px solid #dbe4ed;margin:0}#detailDialog.document-preview>.row h2{font-size:15px;margin:0}#detailDialog.document-preview #detailBody{margin:20px auto;padding:28px 34px;background:white;max-width:900px;width:calc(100% - 40px);box-sizing:border-box;border:1px solid #dde5ed;box-shadow:0 5px 24px #19324c10;border-radius:3px;color:#23374d}#detailDialog.document-preview .business-header{background:white;border:0;border-bottom:2px solid #1674c7;border-radius:0;padding:0 0 15px;margin-bottom:22px}#detailDialog.document-preview .business-header h2{font-size:21px;color:#173e60;margin:0 0 5px}#detailDialog.document-preview .business-header p{font-size:11px;color:#66798b}#detailDialog.document-preview .business-header img{max-height:55px;max-width:100px;object-fit:contain}#detailDialog.document-preview .invoice-paper{padding:0}#detailDialog.document-preview table{width:100%;min-width:0;border-collapse:collapse;font-size:12px}#detailDialog.document-preview th{background:#edf4fa;color:#315772;padding:10px;text-align:left;border-bottom:1px solid #cbdcea}#detailDialog.document-preview td{padding:9px 10px;white-space:normal;overflow-wrap:anywhere;border-bottom:1px solid #e4ebf2}#detailDialog.document-preview tbody tr:nth-child(even){background:#f8fafc}#detailDialog.document-preview .totals{margin:15px 0 15px auto;padding:14px 18px;max-width:320px;background:#f1f7fb;border-left:3px solid #168da3;line-height:1.8;border-radius:4px}#detailDialog.document-preview .print-approval{margin-top:25px;border-top:1px solid #d9e2eb;padding-top:12px;color:#617589}.approval-sign-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;margin-top:25px}.approval-sign-grid span{display:block;border-top:1px solid #6b7f90;padding-top:6px;font-size:10px}.confidential-label{font-size:9px;letter-spacing:1.3px;text-transform:uppercase}#detailDialog.document-preview #detailBody>.no-print{border-top:1px solid #e3eaf1;margin-top:18px;padding-top:14px}@media(max-width:600px){#detailDialog.document-preview #detailBody{margin:10px auto;width:calc(100% - 20px);padding:17px 12px}.approval-sign-grid{gap:10px}#detailDialog.document-preview table{font-size:10px}}}
@media print{#detailDialog.document-preview .business-header{border:0!important;border-bottom:1.5px solid #245978!important;padding-bottom:10px!important;margin-bottom:14px!important}#detailDialog.document-preview .business-header h2{font-size:19px!important}#detailDialog.document-preview th{background:#edf3f8!important;color:#203f57!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}#detailDialog.document-preview .totals{max-width:280px;margin-left:auto!important;border-left:2px solid #245978;font-size:10px}.approval-sign-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:22px;margin-top:27px;break-inside:avoid}.approval-sign-grid span{display:block;border-top:1px solid #657787;padding-top:5px;font-size:9px}.confidential-label{font-size:8px;letter-spacing:1px;text-transform:uppercase}.print-approval{border-top:1px solid #d1dbe3;padding-top:9px!important}.document-preview .business-header img{filter:none!important}.document-preview .business-header p{font-size:9px!important}.document-preview table{line-height:1.4}.document-preview .invoice-paper>h3{border-bottom:1px solid #d6e0e7;padding-bottom:4px}}

@media screen{#detailDialog.motoronics-invoice .business-header{border-bottom:3px solid #ed1c24;display:flex;justify-content:space-between;align-items:center;gap:24px;padding-bottom:14px}#detailDialog.motoronics-invoice .motoronics-invoice-logo{width:115px;max-width:115px;max-height:105px;object-fit:contain}#detailDialog.motoronics-invoice .business-header h2{color:#343434;letter-spacing:1px;font-size:19px}#detailDialog.motoronics-invoice .motoronics-invoice-business{text-align:right}#detailDialog.motoronics-invoice .invoice-paper h2{color:#ed1c24;font-size:23px;letter-spacing:2px}#detailDialog.motoronics-invoice th{background:#353535;color:white;border-bottom:2px solid #ed1c24}#detailDialog.motoronics-invoice .totals{border-left:3px solid #ed1c24;background:#f5f5f5;color:#303030}#detailDialog.motoronics-invoice .print-approval{border-top:2px solid #ed1c24}#detailDialog.motoronics-invoice tbody tr:nth-child(even){background:#f7f7f7}}
@media print{#detailDialog.motoronics-invoice .business-header{display:flex!important;justify-content:space-between;align-items:center;border-bottom:2px solid #ed1c24!important;gap:20px}#detailDialog.motoronics-invoice .motoronics-invoice-logo{width:105px!important;max-width:105px!important;height:90px!important;max-height:90px!important;object-fit:contain}#detailDialog.motoronics-invoice .motoronics-invoice-business{text-align:right}#detailDialog.motoronics-invoice .business-header h2{color:#333!important;letter-spacing:1px}#detailDialog.motoronics-invoice .invoice-paper h2{color:#d71920!important;letter-spacing:1.5px;font-size:21px!important}#detailDialog.motoronics-invoice th{background:#353535!important;color:white!important;border-bottom:2px solid #ed1c24!important;print-color-adjust:exact;-webkit-print-color-adjust:exact}#detailDialog.motoronics-invoice .totals{border-left:2px solid #ed1c24!important;background:#f4f4f4!important;print-color-adjust:exact;-webkit-print-color-adjust:exact}#detailDialog.motoronics-invoice .print-approval{border-top:1.5px solid #ed1c24!important}}

/* Munshi brand guidelines v1.0 */
@media screen{
:root{--primary:#07966b;--accent:#075d48;--border:#dde8e3;--muted:#63766e;--munshi-charcoal:#171f22;--munshi-emerald:#07966b;--munshi-forest:#075d48;--munshi-mint:#f2f7f5}
body{background:#f2f7f5;color:#171f22;font-family:Inter,'Segoe UI',Arial,sans-serif}h1,h2,h3{font-family:Poppins,Inter,'Segoe UI',Arial,sans-serif;color:#171f22}h1{font-weight:700;letter-spacing:-.5px}.eyebrow{color:#075d48}
.sidebar{background:#fff;border-right:1px solid #dde8e3;box-shadow:none}.sidebar .brand{color:#171f22;border-bottom:1px solid #dde8e3}.sidebar .nav{color:#40574e}.sidebar .nav:hover{background:#edf6f1;color:#075d48}.sidebar .nav.active{background:#07966b;color:#fff;box-shadow:none}.sidebar .app-business-logo{background:transparent;padding:0;border-radius:0}
.top{background:#fff;border-color:#dde8e3;box-shadow:none}.top .pill{background:#e8f5ee;color:#075d48;border-color:#cce6da}.panel,.card{background:#fff;border-color:#e0e9e4;box-shadow:0 2px 10px #171f2204}.card:before,.card:nth-child(2):before,.card:nth-child(3):before,.card:nth-child(4):before{background:#07966b}.card:nth-child(2):before{background:#075d48}.card:nth-child(3):before{background:#171f22}.card:nth-child(4):before{background:#9bcbb8}.card strong{color:#171f22}
button{background:#07966b;box-shadow:none}button:hover{background:#075d48;filter:none}button.secondary{background:#f2f7f5;color:#075d48;border-color:#d4e5dc}button.secondary:hover{background:#e5f1eb}input,select,textarea{background:#fff;color:#171f22;border-color:#d8e4de;caret-color:#07966b}input:focus,select:focus,textarea:focus{border-color:#07966b;box-shadow:0 0 0 3px #07966b15}th{background:#f2f7f5;color:#40574e}td{border-color:#e7eee9}tbody tr:hover{background:#f5faf7}.business-header{background:#f2f7f5;border-color:#dde8e3}.business-header h2{color:#171f22}.pos-tile:hover{border-color:#07966b;background:#f2f7f5}.notification-dropdown{border-color:#dde8e3}.login{background:#f2f7f5}.login .panel{box-shadow:0 10px 40px #171f220c;border-color:#dde8e3}.login h1{color:#171f22}
.munshi-wordmark{display:inline-block;font-family:Poppins,'Segoe UI',Arial,sans-serif;font-weight:800;font-size:30px;letter-spacing:-1.5px;line-height:1.15;color:#171f22;white-space:nowrap}.munshi-wordmark span{color:#07966b}.munshi-brand-tagline{display:block;font-size:7px;letter-spacing:1.8px;margin-top:5px;color:#40574e;line-height:1.5}.sidebar .munshi-wordmark{font-size:29px}.sidebar .brand{display:block;padding:16px 8px 19px}.sidebar .munshi-business-context{display:block;font-size:10px;font-weight:500;letter-spacing:0;margin-top:12px;color:#63766e}.login h1 .munshi-wordmark{font-size:42px}.login h1{text-align:center}.login .munshi-brand-tagline{font-size:8px}.login .muted{text-align:center}
[data-theme="dark"] body{background:#11191b;color:#e7f1ec}[data-theme="dark"] .sidebar,[data-theme="dark"] .top{background:#171f22;border-color:#30443d}[data-theme="dark"] .sidebar .brand,[data-theme="dark"] .sidebar .nav{color:#d4e5dc}[data-theme="dark"] .sidebar .nav:hover{background:#213d32}[data-theme="dark"] .sidebar .nav.active{background:#07966b;color:white}[data-theme="dark"] .panel,[data-theme="dark"] .card,[data-theme="dark"] .pos-tile,[data-theme="dark"] dialog{background:#1c2926;border-color:#30443d;color:#e7f1ec}[data-theme="dark"] h1,[data-theme="dark"] h2,[data-theme="dark"] h3,[data-theme="dark"] .card strong{color:#e7f1ec}[data-theme="dark"] input,[data-theme="dark"] select,[data-theme="dark"] textarea{background:#14201c;color:#e7f1ec;border-color:#365248}[data-theme="dark"] th{background:#23392f;color:#bdd7ca}[data-theme="dark"] td{border-color:#30443d}[data-theme="dark"] .business-header{background:#20392f;border-color:#365248}[data-theme="dark"] .business-header h2{color:#e7f1ec}[data-theme="dark"] button.secondary{background:#23392f;border-color:#365248;color:#b9e5d1}[data-theme="dark"] .munshi-wordmark{color:white}[data-theme="dark"] .munshi-brand-tagline,[data-theme="dark"] .munshi-business-context{color:#bdd7ca}
}

@media screen{.munshi-logo-surface{display:inline-flex;align-items:center;justify-content:center;background:#fff;border-radius:4px;padding:8px;box-sizing:border-box}.munshi-official-logo{display:block;width:150px;max-width:100%;height:auto;object-fit:contain;filter:none;box-shadow:none;transform:none}.sidebar .munshi-logo-surface{max-width:100%;padding:6px}.sidebar .munshi-official-logo{width:140px}.login .munshi-official-logo{width:240px}.login .munshi-logo-surface{padding:12px}.munshi-brand-tagline{margin-top:6px}}

.server-status{font-size:11px;color:#075d48;margin-left:10px}.munshi-wordmark{font-size:38px!important}.brand:after{display:none!important}

/* Account forms use a scoped vertical layout; workspace styling stays unchanged. */
.login.auth-page{padding:24px 16px;min-height:100vh;min-height:100dvh}
.login .auth-panel{width:min(460px,100%);margin:0;padding:32px;overflow:visible}
.auth-brand{display:flex;justify-content:center;margin:0 0 18px}
.login .auth-brand .munshi-official-logo{width:180px;max-width:100%;margin:0 auto}
.auth-panel>.eyebrow{text-align:center;margin:0 0 8px}
.login .auth-panel h1{font-size:28px;line-height:1.25;letter-spacing:-.7px;margin:0 0 12px}
.auth-panel .auth-intro{margin:0 0 24px;font-size:13px}
.auth-panel form{display:grid;gap:16px}
.auth-panel form>label{display:grid;gap:8px;margin:0;font-size:13px;font-weight:600;color:#40574e;min-width:0}
.login .auth-panel input,.login .auth-panel select{display:block;width:100%;min-width:0;margin:0;padding:12px 14px;height:46px;box-sizing:border-box}
.login .auth-panel button{display:block;width:100%;margin:4px 0 0;padding:13px 16px;min-height:46px}
.login .auth-panel .auth-hint{font-size:12px;line-height:1.6;text-align:left;margin:-6px 0 0}
.auth-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 16px;margin:22px 0 0;font-size:12px}
.auth-links a{color:#075d48;text-decoration:none}
.auth-links a:hover{text-decoration:underline}
.auth-notice,.auth-errors{padding:12px 14px;border-radius:8px;margin:0 0 20px;font-size:13px}
.auth-notice{background:#e8f5ee;color:#075d48}.auth-errors{background:#fff0ed;color:#923329}.auth-errors p{margin:0 0 6px}.auth-errors p:last-child{margin-bottom:0}
@media(max-width:480px){.login.auth-page{padding:16px 12px}.login .auth-panel{padding:24px 20px}.login .auth-panel h1{font-size:25px}.login .auth-brand .munshi-official-logo{width:160px}}

.recovery-code{font-family:monospace;font-size:18px;font-weight:700;letter-spacing:1px;overflow-wrap:anywhere;text-align:center;padding:16px;background:#f2f7f5;border:1px solid #dde8e3;border-radius:8px}.auth-links .recovery-continue{background:#07966b;color:#fff;padding:12px 18px;border-radius:8px}

.nav-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 22px}.nav-icon svg{display:block;width:22px;height:22px}.sidebar a.nav{text-decoration:none}.top{flex-wrap:wrap}.top>div{min-width:150px}#organizationSwitcher{display:flex;gap:8px;align-items:center;margin:0}#activeOrganization{max-width:200px}.license-admin .fields input,.license-admin .fields select{width:100%;box-sizing:border-box}.license-org-form{margin-top:24px;align-items:flex-end}.license-org-form label{display:grid;gap:8px;flex:1;min-width:180px}.license-admin .pill{overflow-wrap:anywhere}

.license-user-form{margin-top:18px;padding-top:18px;border-top:1px solid #dde8e3}.license-user-form strong{font-size:16px}

/* Consistent screen layouts across the original Munshi pages. */
@media screen{
 .main,.content,#view{min-width:0}
 #view .fields,.license-admin .fields{width:100%;min-width:0;align-items:start}
 #view .fields>*,.license-admin .fields>*{min-width:0}
 #view .fields label,.license-admin .fields label{display:grid;gap:8px;margin:0;color:#40574e}
 #view .fields input:not([type=checkbox]):not([type=radio]),#view .fields select,#view .fields textarea,.license-admin .fields input,.license-admin .fields select{display:block;width:100%;max-width:none;min-width:0;box-sizing:border-box;margin:0}
 #view .fields input:not([type=checkbox]):not([type=radio]),#view .fields select,.license-admin .fields input,.license-admin .fields select{min-height:44px}
 #view .fields textarea{resize:vertical;min-height:96px}
 #view fieldset{min-inline-size:0;min-width:0;max-width:100%;margin-left:0;margin-right:0}
 #view .panel>label{display:grid;gap:8px;margin:14px 0}
 #view .panel>label>input:not([type=checkbox]):not([type=radio]),#view .panel>label>select{width:100%;min-width:0;min-height:44px}
 #view .row{align-items:center;gap:12px}
 #view .row:has(>label){align-items:flex-end}
 #view .row>label{display:grid;gap:6px;min-width:120px;max-width:100%;margin:0}
 #view .row>label>input:not([type=checkbox]):not([type=radio]),#view .row>label>select{width:100%;min-width:0;min-height:44px}
 #view .row>input:not([type=checkbox]):not([type=radio]),#view .row>select{min-height:44px;max-width:100%}
 #view .row>input[type=search],#view .row>input.search,#view .row>input[placeholder]{flex:1 1 200px;min-width:160px}
 #view .row>button{flex:0 0 auto;min-height:44px}
 .top{gap:12px;align-items:center}
 .top>div:first-child{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;min-width:0;flex:1 1 180px}
 .top>div:first-child>.muted{flex-basis:100%}
 .top .pill{margin:0;max-width:100%;white-space:normal}
 #organizationSwitcher{min-width:0;max-width:100%;margin-left:auto}
 #activeOrganization{min-width:100px;min-height:42px}
 #view .line-scroll .lines{min-width:700px}
 #view .line-scroll .lines input{min-height:44px;min-width:76px}
 #view .line-scroll .lines .description{min-width:180px}
 .license-org-form{gap:12px}.license-org-form input{width:100%;min-height:44px}
 .license-user-form{align-items:end}
}
@media screen and (max-width:1000px) and (min-width:651px){
 .top>div:first-child{flex:1 1 calc(100% - 150px)}
 #serverStatus{order:3}#organizationSwitcher{order:4}
}
@media screen and (max-width:650px){
 #view .row>label{flex:1 1 130px;min-width:0}
 #view .row>input.search,#view .row>input[placeholder]{min-width:0;flex:1 1 180px}
 #view .fields,.license-admin .fields{grid-template-columns:minmax(0,1fr)}
 #view .line-scroll{overflow:visible}
 #view .line-scroll .lines{display:block;min-width:0;width:100%}
 #view .line-scroll .lines thead{display:none}
 #view .line-scroll .lines tbody{display:block;width:100%}
 #view .line-scroll .lines tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px 0;border-bottom:1px solid #dde8e3}
 #view .line-scroll .lines td{display:block;width:auto;min-width:0;padding:0;border:0}
 #view .line-scroll .lines td:first-child,#view .line-scroll .lines td:last-child{grid-column:1/-1}
 #view .line-scroll .lines td[data-label]:not([data-label=""])::before{content:attr(data-label);display:block;font-size:11px;font-weight:600;color:#63766e;margin-bottom:6px}
 #view .line-scroll .lines input{width:100%;min-width:0}
 #view .line-scroll .lines .description{min-width:0}
 #view .line-scroll .lines td:last-child button{width:100%;min-height:38px}
 .top>div:first-child{flex:1 1 calc(100% - 135px)}
 #serverStatus{order:3;font-size:10px}#organizationSwitcher{order:4;margin-left:auto}
 #organizationSwitcher>span{font-size:11px}
 #activeOrganization{min-width:90px;max-width:150px}
 .license-admin>.row.between{align-items:flex-start}
 .license-org-form{align-items:stretch}.license-org-form label{flex-basis:100%;min-width:0}
 .license-org-form button{width:100%}
}

@media screen{
 #detailDialog .fields{min-width:0;width:100%;align-items:start}
 #detailDialog .fields>*{min-width:0}
 #detailDialog .fields input:not([type=checkbox]):not([type=radio]),#detailDialog .fields select,#detailDialog .fields textarea{width:100%;min-width:0;max-width:none;box-sizing:border-box}
 #detailDialog .fields input:not([type=checkbox]):not([type=radio]),#detailDialog .fields select{min-height:44px}
 #detailDialog .fields textarea{min-height:96px;resize:vertical}
 [data-theme="dark"] #view .fields label,[data-theme="dark"] .license-admin .fields label,[data-theme="dark"] #view .line-scroll .lines td::before{color:#bdd7ca}
}

.qdesk-footer{text-align:center;font-size:11px;line-height:1.6;color:#63766e;padding:20px 0 6px;overflow-wrap:anywhere}.auth-panel .qdesk-footer{padding-top:22px}.qdesk-receipt-credit{font-size:9px}[data-theme="dark"] .qdesk-footer{color:#bdd7ca}
.qdesk-bill-preview{margin:24px 0;border-top:1px solid #dce5e9;padding-top:16px;break-inside:avoid}
.qdesk-bill-preview img{display:block;max-width:100%;height:auto;max-height:800px;object-fit:contain;margin:12px auto}
.qdesk-bill-preview iframe{width:100%;height:550px;border:1px solid #dce5e9}
.qdesk-bill-tools{display:flex;flex-wrap:wrap;align-items:end;gap:12px}
.qdesk-bill-tools label{flex:1;min-width:180px}
.qdesk-bill-tools p{width:100%}
@media print{.qdesk-bill-preview{break-before:page}.qdesk-bill-preview img{max-height:240mm;max-width:100%;object-fit:contain}}

/* A4 compact barcode labels: four columns of 48 x 18 mm for standard tags. */
.barcode-sheet{display:grid!important;grid-template-columns:repeat(var(--barcode-columns,4),var(--barcode-width,48mm));gap:2mm!important;padding:0!important;width:198mm;align-content:start;justify-content:start;background:white}
.barcode-sheet .qdesk-compact-label{width:var(--barcode-width,48mm)!important;height:18mm;min-height:18mm;max-width:none;padding:1mm 2mm;gap:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;border:1px dashed #d6dfe1;border-radius:0;box-sizing:border-box;overflow:hidden;background:white;color:black;break-inside:avoid}
.qdesk-compact-label small{font:5.5pt/1 Arial,sans-serif!important;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}
.qdesk-compact-label strong{font:bold 6.5pt/1 Arial,sans-serif!important;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0!important;flex-shrink:0}
.qdesk-compact-label .barcode-value{font:6pt/1.1 Arial,sans-serif!important;white-space:nowrap;margin:0!important;flex-shrink:0}
.qdesk-compact-label svg{margin:.4mm 0 .2mm;flex-shrink:0;max-width:none}
@media print{#detailDialog:has(.barcode-sheet){width:198mm!important;margin:0!important;max-width:none!important;position:static!important}#detailDialog:has(.barcode-sheet) #detailBody{padding:0!important;margin:0!important}.barcode-sheet .qdesk-compact-label{border:0!important}.barcode-sheet{grid-auto-rows:18mm;break-inside:auto}}
@media print{#detailDialog:has(.barcode-sheet) #detailBody>.business-header{display:none!important}}