:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#26374b;background:#f4f6f9;font-size:14px;--blue:#1269bc;--dark:#14324f;--line:#e6ebf1;--muted:#7a889a}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #86bfff;outline-offset:3px}input,select,textarea{border:1px solid #dce3eb;border-radius:8px;background:white;padding:11px 12px;color:#26374b;width:100%}input:focus,textarea:focus,select:focus{outline:2px solid #a4ccef;border-color:#6ba7d8}label{display:grid;gap:7px;font-size:13px;font-weight:600}textarea{min-height:100px;resize:vertical}.app-shell{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:100vh}[hidden]{display:none!important}.sidebar{background:white;border-right:1px solid var(--line);padding:31px 20px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand img{width:166px;height:auto}.workspace-label{font-size:10px;letter-spacing:1.7px;color:#99a4b2;margin:47px 14px 18px;font-weight:700}.sidebar nav{display:grid;gap:7px}.nav-link{display:flex;gap:12px;align-items:center;text-align:left;background:none;border:0;color:#718095;padding:13px 14px;border-radius:9px;font-weight:600}.nav-link span{font-size:20px;width:22px;text-align:center;font-weight:400}.nav-link.active{background:#eaf3fc;color:#176abb}.nav-link:hover{background:#f1f6fb}.sidebar-bottom{margin-top:auto;padding:18px 13px;color:#718095;font-size:12px}.sidebar-bottom p{margin:22px 0 0;line-height:1.7;color:#a6afba}.connection-dot{display:inline-block;width:7px;height:7px;background:#39ae8a;border-radius:50%;margin-right:8px}.main-shell{min-width:0}.topbar{height:83px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 36px;gap:16px}.breadcrumb{font-size:12px;color:#8e99a7;white-space:nowrap}.breadcrumb span{margin:0 13px;color:#c4ccd5}.breadcrumb b{color:#55657a;font-weight:500}.search-box{margin-left:auto;display:flex;align-items:center;gap:9px;width:min(350px,40vw);background:#f5f7fa;border-radius:8px;padding:0 12px;color:#7c8b9e}.search-box>span{font-size:25px}.search-box input{border:0;background:transparent;padding:12px 0;font-size:12px}.search-box kbd{background:#fff;border:1px solid #e1e7ee;border-radius:4px;padding:2px 5px;font-size:10px}.icon-button{border:1px solid #e3e9ef;background:white;border-radius:8px;width:36px;height:36px;color:#8290a1;font-size:20px}.avatar{background:#e9f1fa;color:#3b6b9b;font-size:11px;font-weight:700;padding:12px;border-radius:50%}main{max-width:1510px;margin:auto;padding:28px 36px}.preview-banner{background:#eef4fb;color:#69819d;border:1px solid #dee9f5;padding:10px 14px;border-radius:8px;font-size:11px;margin-bottom:25px}.preview-banner span{color:#2774bc;font-size:9px;letter-spacing:1px;font-weight:800;margin-right:13px}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px;gap:15px}.eyebrow{font-size:10px;letter-spacing:1.8px;color:#8e9bac;font-weight:700}h1{font-size:30px;letter-spacing:-1px;color:#183b5b;margin:8px 0 8px;font-weight:650}.page-heading p{margin:0;color:#8793a2;font-size:13px}.primary{color:#fff;background:#176ec0;border:1px solid #176ec0;border-radius:8px;padding:12px 18px;box-shadow:0 3px 8px #1269bc15;font-weight:600;font-size:12px;white-space:nowrap}.primary:hover{background:#125da4}.quiet,.secondary{background:white;border:1px solid #dfe6ee;color:#506983;border-radius:8px;padding:10px 14px;font-size:12px;font-weight:600}.quiet{border:0;background:transparent;color:#1e6bb1}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:27px}.stat{background:white;border:1px solid var(--line);border-radius:12px;padding:20px;display:block;width:100%;text-align:left;box-shadow:0 2px 4px #25395202}.stat-top{display:flex;justify-content:space-between;align-items:center;color:#8491a3;font-size:11px}.stat-icon{background:#edf4fc;color:#5a96cd;border-radius:9px;padding:9px 11px;font-size:17px}.stat-value{font-size:31px;color:#244660;font-weight:650;line-height:1.6}.stat-note{font-size:10px;color:#9aa5b3}.stat:nth-child(3) .stat-icon{background:#edf8f3;color:#49a67f}.stat:nth-child(4) .stat-icon{background:#fff4e9;color:#ce944d}.dashboard-grid{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(260px,1fr);gap:23px}.panel{background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:20px 22px;border-bottom:1px solid #f0f3f6}.panel-header h2{font-size:15px;color:#2e4a65;margin:0}.panel-header p{font-size:11px;color:#94a0ae;margin:6px 0 0}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}th{background:#fafbfd;color:#98a3b1;letter-spacing:.7px;font-weight:600;text-transform:uppercase;font-size:9px;padding:13px 20px;white-space:nowrap}td{padding:17px 20px;border-top:1px solid #f1f4f7;color:#647589;vertical-align:middle}td strong{color:#354f68;display:block;font-weight:600}td small{display:block;font-size:10px;color:#a1acba;margin-top:5px}tr[data-customer],tr[data-printer],tr[data-order]{cursor:pointer}tbody tr:hover{background:#f8fbff}.badge{display:inline-block;border-radius:20px;padding:5px 9px;white-space:nowrap;font-size:10px;font-weight:600}.badge.open{color:#ab8448;background:#fbf3e7}.badge.working{color:#4f84bf;background:#edf3fc}.badge.ready{color:#408b71;background:#eaf7f0}.badge.delivered{color:#8b93a2;background:#f0f2f5}.row-link{color:#1c73be;background:none;border:0;font-size:12px;padding:5px}.toolbar{display:flex;gap:12px;align-items:center;margin-bottom:17px}.toolbar select{max-width:250px;font-size:12px}.toolbar .count{color:#8e9ba9;font-size:11px;margin-left:auto}.activity{padding:8px 22px}.activity-item{display:flex;gap:12px;padding:18px 0;border-bottom:1px solid #f1f4f7}.activity-item:last-child{border:0}.activity-dot{flex:0 0 31px;height:31px;border-radius:50%;background:#eef4fb;color:#6b9ccc;display:grid;place-items:center}.activity-item p{margin:0;color:#4e6980;font-size:11px;line-height:1.6}.activity-item small{color:#a1adbb;font-size:10px}.quick-actions{display:grid;gap:9px;padding:18px 22px}.quick-actions button{text-align:left;padding:13px;background:#f8fafc;border:1px solid #edf1f5;border-radius:8px;color:#557087;font-size:12px}.quick-actions button span{margin-right:10px;color:#538fcc}.welcome-tip{margin-top:20px;background:#edf3f9;border:1px solid #dfe9f2;border-radius:12px;padding:22px;color:#6d879f;font-size:12px;line-height:1.7}.welcome-tip strong{display:block;color:#3d668a;font-size:13px;margin-bottom:7px}.welcome-tip p{margin:0}.empty{padding:35px;text-align:center;color:#8b99a8;line-height:1.7}.customer-name{display:flex;gap:11px;align-items:center}.initials{background:#edf3fa;color:#6594bd;border-radius:9px;display:grid;place-items:center;width:32px;height:32px;font-size:10px;font-weight:700}.metric-strip{display:flex;gap:9px;flex-wrap:wrap;margin:15px 0}.metric-pill{background:#f3f7fb;border-radius:8px;padding:10px 13px;color:#63809b;font-size:12px}.detail-heading{display:flex;gap:15px;align-items:center;margin-bottom:18px}.detail-heading h3{margin:0 0 6px;color:#2e4b67}.detail-heading p{margin:0;color:#8f9daa;font-size:12px}.detail-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:23px}.device-card{border:1px solid #e3eaf0;border-radius:9px;padding:16px;margin:10px 0;display:flex;align-items:center;justify-content:space-between;gap:15px}.device-card strong{display:block;font-size:13px;color:#3b5871}.device-card small{color:#91a0af;font-size:11px;display:block;margin-top:6px}.section-label{font-size:12px;color:#72879d;margin-top:25px}.notes-block{background:#f6f8fb;border-radius:8px;padding:15px;white-space:pre-wrap;color:#63768a;font-size:13px;line-height:1.7}.event-item{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #edf1f5;font-size:12px;color:#6c8298}.event-item small{color:#9aabba}footer{margin-top:30px;display:flex;justify-content:space-between;font-size:10px;color:#a6b1be}footer span{color:#b0bac6}dialog{width:min(690px,calc(100% - 28px));max-height:88vh;border:0;border-radius:15px;padding:0;box-shadow:0 20px 90px #173e6b30;color:#304e66}dialog::backdrop{background:#142c4666;backdrop-filter:blur(3px)}.dialog-header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;border-bottom:1px solid var(--line);position:sticky;top:0;background:white;z-index:2}.dialog-header h2{margin:7px 0 0;font-size:22px;letter-spacing:-.5px}#modal-body{padding:24px 28px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.form-grid .wide{grid-column:1/-1}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.form-hint{font-size:12px;color:#8d9aa8;margin:0 0 20px;line-height:1.7}.form-error{color:#bd5353;font-size:12px;line-height:1.7}.login-screen{min-height:100vh;display:grid;place-items:center;background:#f0f5fa}.login-card{width:min(420px,calc(100% - 30px));padding:40px;background:white;border:1px solid #e2e9f1;border-radius:16px;display:grid;gap:20px}.login-card img{width:170px}.login-card h1{font-size:25px}.login-card p{color:#8796a6;font-size:13px;line-height:1.7;margin:0}#toast{position:fixed;bottom:26px;right:28px;z-index:10;background:#163e60;color:white;border-radius:9px;padding:15px 22px;font-size:13px;box-shadow:0 8px 30px #14304f20;max-width:calc(100% - 40px)}#toast.error{background:#9d4444}#print-area{display:none}.print-report{color:#222;font:14px Arial}.print-report h1{color:#222}.print-report dl{display:grid;grid-template-columns:160px 1fr;gap:12px}.print-report dt{font-weight:bold}.print-report dd{margin:0}.print-report pre{white-space:pre-wrap;font:inherit;line-height:1.7}.print-report ul{line-height:1.8}
@media(min-width:1450px){main{padding:36px 48px}.topbar{padding:0 48px}.stats{gap:21px}.stat{padding:23px}}@media(max-width:1080px){.app-shell{grid-template-columns:190px minmax(0,1fr)}.sidebar{padding:25px 13px}.brand img{width:154px}main{padding:23px}.topbar{padding:0 23px}.dashboard-grid{grid-template-columns:1fr}.dashboard-right{display:grid;grid-template-columns:1fr 1fr;gap:15px}.welcome-tip{margin:0}.stats{gap:10px}.stat{padding:14px}td,th{padding:14px}.stat-value{font-size:27px}}@media(max-width:740px){.app-shell{grid-template-columns:1fr}.sidebar{height:auto;position:static;padding:18px;border-right:0;border-bottom:1px solid var(--line)}.brand img{width:143px}.workspace-label,.sidebar-bottom{display:none}.sidebar nav{display:flex;margin-top:18px;gap:4px;overflow:auto}.nav-link{white-space:nowrap;font-size:11px;padding:10px}.nav-link span{font-size:16px;width:auto}.topbar{height:65px;padding:0 18px}.breadcrumb,.avatar{display:none}.search-box{width:100%;margin:0;max-width:none}main{padding:21px 18px}.preview-banner{line-height:1.8}.stats{grid-template-columns:repeat(2,1fr)}h1{font-size:26px}.page-heading{align-items:flex-start}.page-heading p{line-height:1.6}.dashboard-right{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.toolbar{flex-wrap:wrap}.toolbar select{max-width:100%}.panel-header{padding:18px}.dialog-header,#modal-body{padding:20px}footer span{display:none}.stat-note{line-height:1.7}.device-card{align-items:flex-start}td,th{padding:13px}.page-heading .primary{padding:11px}.page-heading{gap:10px}}
.dashboard-grid{align-items:start}
@media print{body>*{display:none!important}body>#print-area{display:block!important}#print-area{padding:20px}dialog{display:none!important}}


.printer-picker{display:grid;gap:9px}.picker-hint{font-size:11px;font-weight:400;color:#7a889a;line-height:1.6}.picker-hint:empty{display:none}

.printer-results{display:grid;max-height:210px;overflow:auto;border:1px solid #dce3eb;border-radius:8px;background:#fff}.printer-result{display:grid;gap:5px;text-align:left;border:0;border-bottom:1px solid #edf1f5;background:white;padding:12px 14px;color:#304e66}.printer-result:last-child{border-bottom:0}.printer-result:hover,.printer-result:focus{background:#eaf3fc}.printer-result strong{font-size:13px}.printer-result span,.printer-result small{font-size:12px;color:#7a889a;font-weight:400}.printer-no-results{padding:16px;font-size:12px;font-weight:400;color:#7a889a}
.permission-panel{border:1px solid #e0e7ef;border-radius:10px;padding:18px;margin:20px 0}.permission-panel legend{color:#365773;font-weight:700;padding:0 7px}#permission-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.permission-choice{display:flex;align-items:center;gap:10px;font-weight:500}.permission-choice input{width:18px;height:18px;min-height:0;accent-color:#1269bc}@media(max-width:650px){#permission-list{grid-template-columns:1fr}}


/* Portal theme, including login, forms and management dialogs. */
:root[data-theme="dark"] {color-scheme:dark;color:#d8e3f0;background:#101923;--dark:#b8d9f7;--line:#304255;--muted:#a6b6c8;}
html[data-theme="dark"] :is(.sidebar,.topbar,.panel,.stat,.login-card,dialog,.device-card,.printer-results,.printer-result) {background:#1a2836;color:#d8e3f0;border-color:var(--line);}
html[data-theme="dark"] .login-screen {background:#101923;}
html[data-theme="dark"] :is(input,select,textarea,.secondary,.icon-button,.search-box,.search-box kbd) {background:#213244;color:#d8e3f0;border-color:#3a5066;}
html[data-theme="dark"] input::placeholder,html[data-theme="dark"] textarea::placeholder {color:#9bacbf;}
html[data-theme="dark"] :is(h1,h2,h3,td strong,.stat-value,.customer-name,.detail-heading,.permission-panel legend,.breadcrumb b) {color:#bddcf6;}
html[data-theme="dark"] :is(td,th,.panel-header,.dialog-header,.form-actions,.permission-panel,.event-item,.activity-item,.printer-result) {border-color:var(--line);}
html[data-theme="dark"] th {background:#203244;color:#adc0d3;}
html[data-theme="dark"] :is(td,label,.nav-link,.stat-top,.stat-note,.page-heading p,.eyebrow,.workspace-label,.sidebar-bottom,.sidebar-bottom p,.panel-header p,.picker-hint,.printer-result span,.printer-result small,.printer-no-results,.form-hint,.breadcrumb,.section-label,footer) {color:#a8bbcf;}
html[data-theme="dark"] :is(.nav-link.active,.nav-link:hover,.printer-result:hover,.printer-result:focus,.avatar,.initials,.stat-icon,.preview-banner,.welcome-tip,.metric-pill,.notes-block) {background:#223d56;color:#b9dafa;border-color:#355671;}
html[data-theme="dark"] tr:hover td {background:#203244;}
html[data-theme="dark"] .quiet {color:#8bc6ff;}
html[data-theme="dark"] .badge.open {background:#2a4056;color:#c3dbf4;}
html[data-theme="dark"] .badge.working {background:#4e4024;color:#ffe0a2;}
html[data-theme="dark"] .badge.ready {background:#203f37;color:#a8e4c9;}
html[data-theme="dark"] .badge.delivered {background:#303b4e;color:#c2d0e5;}
html[data-theme="dark"] :is(.brand img,.login-card img) {background:#f5f8fc;border-radius:9px;padding:8px;}
.theme-toggle {white-space:nowrap;flex-shrink:0;}
.login-card > .theme-toggle {display:block;margin:0 0 16px auto;}
@media(max-width:740px){.topbar{gap:7px;flex-wrap:wrap;height:auto;min-height:65px;padding-top:10px;padding-bottom:10px}.topbar .search-box{flex-basis:100%}}
@media print{:root[data-theme="dark"]{color-scheme:light;background:white;color:#222}#print-area{background:white;color:#222}}
html[data-theme="dark"] .quick-actions button {background:#213244;color:#b9dafa;border-color:#3a5066;}
html[data-theme="dark"] .quick-actions button:hover {background:#2a425a;}
html[data-theme="dark"] .dialog-header {background:#1a2836;color:#d8e3f0;border-bottom-color:#304255;}
html[data-theme="dark"] dialog::backdrop {background:rgba(8,17,27,.72);}
html[data-theme="dark"] dialog :is(.detail-heading p,.event-item,.event-item small) {color:#a8bbcf;}

/* Small-screen layout: content remains inside the viewport. */
#mobile-menu {display:none;}
.main-shell,main,#content,.panel,.dashboard-grid,.dashboard-right,.page-heading>div {min-width:0;}
@media(max-width:1080px){.topbar{height:auto;min-height:83px;flex-wrap:wrap;gap:10px;padding-top:12px;padding-bottom:12px}.topbar .search-box{flex:1;min-width:180px}.topbar .breadcrumb{display:none}}
@media(max-width:740px){
 html,body{width:100%;overflow-x:clip;}
 .app-shell{display:block;min-height:100dvh;}
 .sidebar{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;height:auto;position:static;}
 #mobile-menu{display:block;min-height:42px;}
 .sidebar nav{display:none;flex-basis:100%;width:100%;margin:0;overflow:visible;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;}
 .sidebar nav.mobile-open{display:grid;}
 .sidebar .nav-link{white-space:normal;min-width:0;min-height:44px;line-height:1.4;}
 .topbar{padding:12px 16px;gap:8px;align-items:center;}
 .topbar .search-box{flex:1 0 100%;width:100%;min-width:0;}
 .topbar .search-box input{min-width:0;font-size:16px;}
 .topbar :is(.theme-toggle,.quiet){padding:9px 10px;min-height:42px;}
 .topbar .icon-button{width:42px;height:42px;flex-shrink:0;}
 main{width:100%;padding:20px 16px;}
 .page-heading{align-items:stretch;flex-direction:column;gap:14px;}
 .page-heading .primary{align-self:flex-start;min-height:44px;}
 h1{font-size:26px;overflow-wrap:anywhere;}
 .stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
 .stat{padding:14px;min-width:0;}
 .stat-top{gap:5px;flex-wrap:wrap;line-height:1.5;}
 .stat-value{font-size:26px;}
 .table-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;}
 .table-scroll table{min-width:600px;}
 .toolbar{gap:8px;}.toolbar select{width:100%;max-width:none;}
 .device-card,.detail-heading{flex-wrap:wrap;overflow-wrap:anywhere;}
 .device-card>div{min-width:0;}
 .panel-header{flex-wrap:wrap;}
 dialog{width:calc(100% - 20px);max-width:calc(100% - 20px);max-height:calc(100dvh - 24px);margin:auto;border-radius:12px;}
 .dialog-header{padding:16px;gap:10px;}
 .dialog-header>div{min-width:0;}.dialog-header h2{font-size:20px;overflow-wrap:anywhere;}
 #modal-close{flex-shrink:0;width:42px;height:42px;}
 #modal-body{padding:16px;}
 .form-grid{grid-template-columns:minmax(0,1fr);gap:14px;}
 .form-grid .wide{grid-column:auto;}
 input,select,textarea{font-size:16px;min-width:0;}
 .form-actions{flex-wrap:wrap;gap:8px;}.form-actions button{min-height:44px;flex:1;white-space:normal;}
 .printer-result{overflow-wrap:anywhere;}.permission-panel{padding:12px;}#permission-list{grid-template-columns:1fr;}
 .login-screen{min-height:100dvh;padding:20px 16px;}
 .login-card{width:100%;max-width:420px;padding:26px 22px;gap:18px;}
 .login-card h1{font-size:24px;line-height:1.3;}.login-card img{max-width:100%;}
 #toast{max-width:calc(100vw - 32px);left:16px;right:16px;bottom:16px;overflow-wrap:anywhere;}
}
@media(max-width:360px){.stats{grid-template-columns:1fr}.sidebar nav.mobile-open{grid-template-columns:1fr}}

.login-card > img {justify-self:center;width:212px;max-width:100%;margin:0 0 12px;}
.login-card > label[for="portal-login-password"] {margin-bottom:-12px;}
.portal-password-row {display:flex;align-items:stretch;min-width:0;}
.portal-password-row input {border-radius:8px 0 0 8px;border-right:0;min-width:0;}
.portal-password-row button {display:flex;align-items:center;justify-content:center;flex:0 0 46px;padding:0;border-radius:0 8px 8px 0;}
#portal-password-toggle[aria-pressed="true"] .eye-slash {display:none;}
#portal-password-toggle[aria-pressed="true"] {background:#eaf3fc;color:#1269bc;}
html[data-theme="dark"] #portal-password-toggle[aria-pressed="true"] {background:#223d56;color:#b9dafa;}
.login-card .portal-remember {display:flex;align-items:center;gap:9px;font-size:12px;font-weight:400;line-height:1.5;}
.portal-remember input {appearance:auto;flex:0 0 17px;width:17px;height:17px;min-height:0;margin:0;padding:0;accent-color:#1269bc;}
.portal-remember input:focus {outline:none;}.portal-remember input:focus-visible {outline:2px solid #86bfff;outline-offset:3px;}
.company-panel #company-form {padding:24px;}
.receipt{color:#172f45;background:#fff;font:12px/1.5 "Segoe UI",Arial,sans-serif;max-width:780px;margin:auto;padding:0;}
.receipt-header{display:flex;justify-content:space-between;gap:24px;border-bottom:3px solid #244660;padding-bottom:18px;}
.receipt-company{font-size:24px;font-weight:700;color:#193d5b;overflow-wrap:anywhere;}
.receipt-header p{margin:3px 0;font-size:11px;color:#425568;}
.receipt-number{text-align:right;flex-shrink:0;}.receipt-number>span{font-size:9px;letter-spacing:1px;}.receipt-number h1{font-size:23px;margin:6px 0;color:#193d5b;letter-spacing:0;}
.receipt-section{margin-top:20px;}.receipt-section h2{font-size:12px;color:#193d5b;text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid #ccd6df;padding-bottom:7px;margin:0 0 12px;}
.receipt-details{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px;margin:0;}.receipt-details dt{font-size:10px;color:#536b80;margin-bottom:2px;}.receipt-details dd{font-size:12px;font-weight:600;margin:0;overflow-wrap:anywhere;}
.receipt-notes{white-space:pre-wrap;overflow-wrap:anywhere;min-height:40px;}.receipt-events{padding-left:18px;margin-top:12px;}.receipt-events li{margin:5px 0;}.receipt-events span{font-size:10px;color:#536b80;margin-left:6px;}
.receipt-values{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #ccd6df;border-radius:8px;margin-top:22px;overflow:hidden;}.receipt-values>div{padding:14px;border-right:1px solid #ccd6df;}.receipt-values>div:last-child{border-right:0;}.receipt-values span{display:block;font-size:10px;color:#536b80;}.receipt-values strong{font-size:18px;color:#193d5b;}
.receipt-signatures{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:55px;text-align:center;font-size:10px;}.receipt-signatures>div{border-top:1px solid #9babb8;padding-top:8px;}.receipt-footer{display:block;border-top:1px solid #ccd6df;margin-top:24px;padding-top:10px;font-size:10px;color:#536b80;}.receipt-footer p{white-space:pre-wrap;margin:4px 0;}
@media(max-width:740px){.company-panel #company-form{padding:16px}}
@page{size:A4;margin:14mm;}
@media print{
 html[data-theme] .receipt :is(h1,h2,h3,strong){color:#193d5b!important;}
 html[data-theme] .receipt{background:white!important;color:#172f45!important;}
 #print-area{padding:0!important;}.receipt-header,.receipt-values,.receipt-signatures,.receipt-delivery{break-inside:avoid;}.receipt-section h2{break-after:avoid;}
 .receipt-footer{display:block!important;} .receipt *{-webkit-print-color-adjust:exact;print-color-adjust:exact;}
}

.receipt-preview{background:white;padding:22px;border-radius:8px;} html[data-theme] .receipt-preview .receipt :is(h1,h2,h3,strong){color:#193d5b;}
@media screen and (max-width:740px){.receipt-header{flex-direction:column;gap:12px;}.receipt-number{text-align:left;}.receipt-details{grid-template-columns:1fr;}.receipt-values{gap:8px;}.receipt-preview{padding:14px;}}
.company-logo-editor{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:24px}.company-logo-editor input{max-width:100%}.company-logo-editor img{max-width:240px;max-height:100px;object-fit:contain;background:#fff;padding:10px;border-radius:8px}.receipt-logo{display:block;max-width:200px;max-height:75px;object-fit:contain;margin-bottom:10px}

.receipt-header{display:grid;grid-template-columns:minmax(0,1fr) 170px;align-items:center;gap:18px}
.receipt-header.receipt-has-logo{grid-template-columns:170px minmax(0,1fr) 170px}
.receipt-company-details{text-align:center;min-width:0;overflow-wrap:anywhere}
.receipt-brand{display:flex;align-items:center;justify-content:flex-start;min-width:0}
.receipt-brand .receipt-logo{width:100%;max-width:170px;max-height:85px;margin:0;object-fit:contain}
.receipt-number{min-width:0}
@media screen and (max-width:740px){.receipt-header,.receipt-header.receipt-has-logo{grid-template-columns:1fr;gap:14px}.receipt-brand{justify-content:center}.receipt-number{text-align:center}}

.company-logo-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;max-width:100%}.company-logo-actions input{width:360px;max-width:100%;min-width:0}.company-logo-actions button{flex-shrink:0}

.order-items{margin:20px 0}.order-items input[data-description]{min-width:180px}.order-items input[data-quantity]{width:80px}.order-items input[data-price]{width:120px}.item-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:12px}.item-actions select{flex:1;min-width:180px}.receipt-items{width:100%;border-collapse:collapse;margin:12px 0;font-size:11px}.receipt-items th,.receipt-items td{padding:8px;border-bottom:1px solid #d4dee8;text-align:left;color:#193d5b;background:#fff}.receipt-items th{background:#eef3f8}.receipt-items tr{break-inside:avoid}

.catalog-entry-form{padding:24px}.catalog-entry-fields{display:grid;grid-template-columns:minmax(0,2fr) minmax(140px,1fr) auto;gap:16px;align-items:end}.catalog-entry-actions,.catalog-row-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.catalog-row-actions button{white-space:nowrap}.catalog-list td:last-child{width:240px}.catalog-list td:nth-child(2){white-space:nowrap}
@media(max-width:740px){.catalog-entry-form{padding:16px}.catalog-entry-fields{grid-template-columns:1fr}.catalog-entry-actions button{flex:1}.catalog-list td:last-child{width:auto}}