:root{font:15px/1.5 Arial,sans-serif;color:#203638;background:#f4f6f4}*{box-sizing:border-box}body{margin:0}header{background:#153d3c;color:white;padding:22px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px}header b{font-size:20px;letter-spacing:1px}header span{font-size:16px;font-weight:normal;letter-spacing:0}main{max-width:1400px;margin:auto;padding:32px 24px}.eyebrow{font-size:11px;letter-spacing:2px;color:#788a86}.heading,.tools{display:flex;gap:16px;justify-content:space-between;align-items:center}h1{font-size:34px;margin:12px 0 6px}h2{font-size:21px}#scope,.hint{color:#6b7d79}.hint{font-size:13px}button,input,select{font:inherit;border:1px solid #bdcfc5;border-radius:7px;padding:11px 15px;background:white;color:#19473d}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}.primary{background:#185f53;border-color:#185f53;color:white}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:22px 0}article,section{border:1px solid #dce6df;border-radius:12px;background:white;padding:24px}article span{color:#6b7d79}article strong{display:block;font-size:32px;margin-top:12px}article .time{font-size:19px}section{margin-bottom:22px}#status{padding:14px 18px;background:#edf1ee;border-left:3px solid #748c83}#status.error{background:#fff0df;border-color:#c97c1a}#status.success{background:#e4f3e9;border-color:#278451}.scroll{overflow:auto}table{width:100%;border-collapse:collapse;margin-top:15px}th,td{text-align:left;padding:16px 10px;border-bottom:1px solid #e3ebe5;font-size:14px;vertical-align:top}th{color:#6b7d79;font-weight:normal}td small{display:block;color:#6b7d79;margin-top:5px}.tools input{flex:1}input[type=checkbox]{width:18px;height:18px}.badge{border-radius:15px;padding:5px 8px;background:#edf2ed;font-size:12px}dialog{max-width:560px;width:calc(100% - 32px);border:1px solid #c7d8d0;border-radius:16px;padding:26px;box-shadow:0 15px 70px #17372f40}dialog::backdrop{background:#13272277}dialog input{display:block;width:100%;margin-top:8px}dialog h2{margin:0}#connectError{color:#a4421c}details{padding:14px 0}summary{cursor:pointer}li{padding:6px;font-size:13px}.component{margin:6px 0;color:#4e6a62;font-size:12px}#empty{text-align:center;padding:40px;color:#71867d}@media(max-width:750px){.cards{grid-template-columns:1fr}.heading,.tools{flex-wrap:wrap}header span{display:none}h1{font-size:27px}main{padding:24px 12px}}@media print{body{background:white}header,main>.eyebrow,main>.heading,#status,.cards,section:not(#sheet),details,main>.hint,button{display:none!important}main{padding:0}#sheet{border:0;padding:0}th,td{font-size:11px;padding:9px}tr{break-inside:avoid}}

.tape-card{width:348px;height:240px;padding:15px;border:1px solid #88958e;background:white;color:black;line-height:1.2;overflow:auto}.tape-card p{margin:10px 0}.tape-card small{font-size:.8em}fieldset{border:1px solid #dce6df;border-radius:8px}fieldset label{display:inline-block;margin:8px}
#ozonConnection{max-width:850px;max-height:90vh;overflow:auto}#ozonError{color:#a4421c}
.status-delivered{background:#d7eee2;color:#236343}.status-cancelled{background:#ffe0e3;color:#a22a3a}.status-delivering{background:#dceaff;color:#245dac}#historyTable td{white-space:nowrap}#historyTable button{padding:6px 10px}#historyTable th{font-size:12px}
.workspace-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 24px;border-bottom:1px solid #cfddd5;padding:10px 0}.workspace-tabs button{border:0;border-radius:0;background:transparent;border-bottom:3px solid transparent}.workspace-tabs button[aria-pressed=true]{color:#185f53;border-bottom-color:#185f53;font-weight:bold}
@media print{#ordersView,.workspace-tabs,#printView>.heading,#printSettings,#printFiles{display:none!important}#printView,#printGenerate{display:block!important}#printGenerate>section:not(#sheet){display:none!important}}

/* Familiar marketplace workspace, scoped away from the login page. */
.workspace-layout{background:#fafafa;color:#343b40;font-size:14px}
.workspace-layout header{height:84px;padding:0 30px;background:#fff;color:#26383c;border-bottom:1px solid #e6e8eb;gap:24px}
.workspace-layout header b{font-size:25px;letter-spacing:-.8px}.workspace-layout header b span{display:block;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#8b9399}
.workspace-layout header>span{display:flex;align-items:center;gap:15px;font-size:12px;color:#737c83}
.workspace-layout button,.workspace-layout input,.workspace-layout select{border-radius:4px;border-color:#d6dbe2;color:#434b55;padding:9px 13px}
.workspace-layout button:hover:not(:disabled){border-color:#7771ff;background:#f3f2ff}
.workspace-layout button:focus-visible,.workspace-layout input:focus-visible,.workspace-layout select:focus-visible{outline:2px solid #7771ff;outline-offset:2px}
.workspace-layout .primary{background:#6b63f5;color:white;border-color:#6b63f5}.workspace-layout .primary:hover:not(:disabled){background:#5950e7;color:white}
.shop-sidebar{position:absolute;top:84px;left:0;width:245px;min-height:calc(100vh - 84px);padding:30px 20px;border-right:1px solid #e6e8eb;background:#fff}
.sidebar-title{display:flex;justify-content:space-between;font-size:11px;font-weight:bold;letter-spacing:1px;margin-bottom:24px}.sidebar-title span{color:#949da5}
.shop-active{position:relative;background:#78d1b8;border:1px solid #55c3a4;padding:18px 16px;color:#19493d;box-shadow:0 4px 18px #57c9a528}.shop-active b{font-size:15px}.shop-active small{display:block;margin-top:4px;color:#44816e}.shop-dot{position:absolute;right:14px;top:23px;width:8px;height:8px;background:#fff;border-radius:50%}
.sidebar-caption{padding:16px 0;color:#85908f;font-size:12px}.sidebar-note{margin-top:50px;border-top:1px solid #edf0f1;padding-top:18px;color:#a0a7ad;font-size:11px}
.workspace-layout main{max-width:none;margin-left:245px;padding:0 30px 30px;min-width:0}
.workspace-layout .workspace-tabs{gap:26px;margin:0 0 26px;padding:0;min-height:65px;align-items:center;border-bottom:1px solid #e8eaee}
.workspace-layout .workspace-tabs button{text-transform:uppercase;letter-spacing:.4px;font-size:12px;font-weight:bold;padding:20px 3px;border-radius:0;color:#72767c}
.workspace-layout .workspace-tabs button[aria-pressed=true]{color:#6b63f5;border-bottom-color:#6b63f5}
.workspace-layout h1{font-size:25px;margin:4px 0 8px}.workspace-layout h2{font-size:17px;margin:0 0 15px}.workspace-layout .eyebrow{font-size:10px;letter-spacing:1px;color:#969da5}
.workspace-layout section{padding:22px;border:1px solid #e7e9ed;border-radius:4px;margin-bottom:24px}.workspace-layout .cards{gap:0;border-block:1px solid #e8eaed;margin:20px 0;background:#fff}
.workspace-layout article{border:0;border-right:1px solid #e8eaed;border-radius:0;padding:16px 22px}.workspace-layout article:last-child{border-right:0}.workspace-layout article span{font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:#7d858c}.workspace-layout article strong{font-size:24px;margin-top:5px}.workspace-layout article .time{font-size:16px;padding-top:6px}
.workspace-layout #status{font-size:12px;padding:8px 12px;margin-top:16px;border-radius:3px}.workspace-layout .hint,.workspace-layout #scope{font-size:12px;color:#848c93}
.workspace-layout th{font-size:11px;font-weight:bold;text-transform:uppercase;color:#535960;white-space:nowrap;background:#fafbfc}.workspace-layout td{font-size:13px}.workspace-layout th,.workspace-layout td{padding:11px 10px;border-bottom:1px solid #e8eaee}.workspace-layout tbody tr:hover{background:#f5f6f9}
.workspace-layout .badge{display:inline-block;border-radius:3px;padding:3px 10px;border:1px solid #dce1e5;white-space:nowrap}.workspace-layout .tools{gap:10px}.workspace-layout .inline-help{padding:10px 0;color:#899098;font-size:12px}.workspace-layout .inline-help p{margin-bottom:0}
.workspace-layout #printView>nav{background:#f0f1f4;padding:0 20px;gap:28px;border-radius:3px}.workspace-layout #printView>.heading{margin-bottom:22px}.workspace-layout #printGenerate label{display:block;font-size:12px;color:#626b73}.workspace-layout #printGenerate input,.workspace-layout #printGenerate select{display:block;margin-top:8px}.workspace-layout #generatePrint{min-width:210px;margin-top:16px;text-transform:uppercase;font-size:12px;font-weight:bold}
.workspace-layout #generatedFilesTable button{border:0;background:transparent;color:#6b63f5;padding:3px 0;text-align:left}.workspace-layout #generatedFilesTable button:hover{text-decoration:underline}.workspace-layout dialog{border-radius:7px}.workspace-layout #connectionActions{justify-content:flex-start;flex-wrap:wrap}
@media(max-width:1050px){.shop-sidebar{width:200px;padding:24px 14px}.workspace-layout main{margin-left:200px;padding-inline:18px}.workspace-layout .tools{flex-wrap:wrap}.workspace-layout .cards{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.workspace-layout header{padding:12px 16px;height:auto;min-height:75px;flex-wrap:wrap}.workspace-layout header>span{display:flex;font-size:11px}.shop-sidebar{position:static;width:auto;min-height:0;padding:12px 16px;border-right:0;border-bottom:1px solid #e6e8eb}.sidebar-title,.sidebar-caption,.sidebar-note{display:none}.shop-active{padding:10px 14px}.shop-active small{display:inline;margin-left:12px}.shop-dot{top:17px}.workspace-layout main{margin-left:0;padding:0 12px 20px}.workspace-layout .workspace-tabs{gap:18px}.workspace-layout .cards{grid-template-columns:1fr}.workspace-layout article{border-right:0;border-bottom:1px solid #e8eaed}.workspace-layout section{padding:15px}.workspace-layout #printView>nav{gap:10px;padding:0 8px}.workspace-layout .workspace-tabs button{font-size:10px}.workspace-layout .heading{flex-wrap:wrap}}
@media print{.shop-sidebar,#settingsView{display:none!important}.workspace-layout main{margin:0;padding:0}.workspace-layout section{border:0}}
.tape-editor{display:grid;grid-template-columns:minmax(240px,1fr) minmax(250px,1fr);gap:28px;margin-top:20px}.tape-controls label{display:block;font-weight:bold;margin-bottom:8px}.tape-controls textarea{width:100%;font:14px/1.5 monospace;padding:12px;border:1px solid #d6dbe2;border-radius:4px}.template-tags{display:flex;gap:6px;flex-wrap:wrap}.tape-live{background:#eff0f3;padding:18px;border-radius:4px}.tape-live figure{margin:16px auto;text-align:center}.tape-live img{display:block;width:100%;height:auto;background:white;box-shadow:0 2px 8px #0001}.tape-live figcaption{font-size:11px;color:#737c83;margin-top:8px}.preview-large figure{max-width:435px}.preview-actual figure{width:58mm}.tape-live .heading{flex-wrap:wrap;font-size:12px}#previewOrder{max-width:100%}@media(max-width:900px){.tape-editor{grid-template-columns:1fr}}
.file-preview{display:inline-block;color:#6b63f5;font-weight:bold;text-decoration:none;padding:6px 0}.file-preview:hover{text-decoration:underline}
.pdf-file-view{background:#e6e7e9}.pdf-file-view main{max-width:700px}.pdf-file-view figure{margin:24px 0}.pdf-file-view img{display:block;max-width:100%;height:auto;background:white;box-shadow:0 2px 10px #0001}.pdf-file-view figcaption{margin-top:8px;color:#66717a}

/* Compact shop switch: explicit selectors override general button styles. */
.workspace-layout .shop-active{position:relative;padding-right:64px}
.workspace-layout button.shop-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:40px;height:24px;min-height:0;padding:3px;border:0;border-radius:999px;background:#9ca7a5;cursor:pointer}
.workspace-layout button.shop-toggle span{display:block;width:18px;height:18px;margin:0;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .15s}
.workspace-layout button.shop-toggle[aria-checked="true"]{background:#635bff}
.workspace-layout button.shop-toggle[aria-checked="true"] span{transform:translateX(16px)}
.workspace-layout button.shop-toggle:hover:not(:disabled){background:#818c8a}
.workspace-layout button.shop-toggle[aria-checked="true"]:hover:not(:disabled){background:#5148ed}
.workspace-layout button.shop-toggle::before{content:"";position:absolute;inset:-10px -2px}
.workspace-layout button.shop-toggle:focus-visible{outline:2px solid #352cbb;outline-offset:4px}
.shop-paused .shop-active{background:#eee;box-shadow:none}
.shop-toggle:disabled{opacity:.5}
.shop-sidebar .sidebar-caption{padding:0;margin:12px 0 0}
.shop-sidebar #shopToggleStatus{margin-top:4px;font-size:11px;line-height:1.4}

.comparison-warning{padding:12px 14px;border-left:3px solid #c99128;background:#fff6df;color:#70541c}