/* Shared form rules also serve the public print request page. */
.ws-form{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;align-items:stretch;margin:16px 0 24px;padding:20px;background:var(--panel-2,#f8fafc);border:1px solid var(--line,#dde3eb);border-radius:12px}
.ws-form,.ws-form *{box-sizing:border-box}
.ws-form label{grid-column:span 4;min-width:0;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;color:var(--muted,#687586);font-size:12px;font-weight:600;line-height:1.4}
.ws-form input,.ws-form select,.ws-form textarea{display:block;width:100%;min-width:0;max-width:100%;min-height:40px;margin:0;padding:9px 11px;border:1px solid var(--line-strong,#c8d1dc);border-radius:8px;background:var(--panel,#fff);color:var(--ink,#17202a);font:inherit;font-size:13px;font-weight:400;line-height:20px}
.ws-form input:focus,.ws-form select:focus,.ws-form textarea:focus{outline:2px solid var(--accent-soft,rgba(225,38,47,.15));outline-offset:1px;border-color:var(--accent,#e1262f)}
.ws-form input[type=checkbox]{display:inline-block;width:auto;min-height:0}
.ws-form input[type=file]{overflow:hidden}
.ws-form input[readonly]{background:var(--bg-soft,#eef1f5)}
.ws-form .wide,.ws-form output,.ws-error,.ws-form-actions{grid-column:1/-1}
.ws-form-actions{display:flex;align-items:center;justify-content:flex-start;gap:10px;padding-top:4px}
.ws-form-actions button{width:auto;min-height:40px;margin:0;padding:9px 18px;white-space:normal}
.ws-error{margin:0;color:var(--bad,#d51f2a);font-size:13px;line-height:1.5}
.ws-error:empty{display:none}
.ws-form-period{grid-template-columns:minmax(150px,200px) minmax(150px,200px) auto;justify-content:start;align-items:end;margin-top:0}
.ws-form-period label{grid-column:auto}
.ws-form-period .ws-form-actions{grid-column:auto;padding:0}
.ws-form-quote label{grid-column:span 3}
.ws-quote-result{padding:14px 16px;border:1px solid #bbdfc6;border-radius:9px;background:#f2fbf5;color:#17613a;font-size:14px;line-height:1.7;font-weight:600}
.ws-quote-result:empty{display:none}
/* Inline workspace. There is one primary navigation, with contextual subsections. */
#print3dWorkspace{min-width:0}
#print3dWorkspace .print3d-toolbar{justify-content:flex-start;gap:8px;margin-bottom:16px}
#print3dWorkspace .print3d-toolbar button{min-height:38px;margin:0}
#print3dWorkspace .print3d-workspace-tabs{margin-bottom:12px;flex-wrap:wrap;overflow:visible}
.ws-section-nav{display:flex;gap:6px;flex-wrap:wrap;align-items:center;padding:0 0 14px;margin-bottom:6px;border-bottom:1px solid var(--line,#dde3eb)}
.ws-section-nav button{min-height:36px;padding:7px 13px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--muted,#687586);font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.ws-section-nav button:hover{background:var(--panel,#fff);color:var(--ink,#17202a)}
.ws-section-nav button.is-active{background:var(--accent-soft,#fff1f2);border-color:#f3c3c6;color:var(--accent-dark,#b91520)}
.ws-inline{min-width:0;margin-bottom:16px}
.ws-inline[hidden]{display:none!important}
.ws-inline,.ws-inline *{box-sizing:border-box}
.ws-content{min-width:0;padding:22px;border:1px solid var(--line,#dde3eb);border-radius:14px;background:var(--panel,#fff);box-shadow:none}
.ws-content>p{margin:0 0 14px;color:var(--muted,#687586);font-size:13px;line-height:1.65}
.ws-content h3{margin:24px 0 10px;font-size:16px;line-height:1.4}
.ws-content h3:first-child{margin-top:0}
.ws-inline .table-wrap{width:100%;max-width:100%;overflow-x:auto;margin:14px 0 22px;border:1px solid var(--line,#dde3eb);border-radius:10px}
.ws-inline table{width:100%;border-collapse:collapse;background:var(--panel,#fff);font-size:13px}
.ws-inline th{padding:11px 14px;color:var(--muted,#687586);background:var(--panel-2,#f8fafc);font-size:11px;font-weight:700;text-align:left;white-space:nowrap}
.ws-inline td{padding:13px 14px;border-top:1px solid var(--line,#dde3eb);vertical-align:middle;line-height:1.55;overflow-wrap:anywhere;min-width:100px}
.ws-inline td button{margin:3px 5px 3px 0;min-height:32px;padding:6px 10px;font-size:12px}
.ws-inline td a{color:var(--accent-dark,#b91520)}
.ws-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:18px 0}
.ws-kpis p{min-width:0;margin:0;padding:16px;border:1px solid var(--line,#dde3eb);border-radius:10px;background:var(--panel-2,#f8fafc);color:var(--muted,#687586);font-size:12px;line-height:1.8;overflow-wrap:anywhere}
.ws-kpis b{display:inline-block;margin:4px 0;color:var(--ink,#17202a);font-size:20px;line-height:1.3;font-variant-numeric:tabular-nums}
.ws-overdue{color:var(--bad,#d51f2a)}
.ws-notice{padding:12px 16px;margin:12px 0;border:1px solid #bbdfc6;border-radius:10px;background:#f2fbf5;color:#17613a;font-size:13px;overflow-wrap:anywhere}
.ws-notice:empty{display:none}
.ws-board{display:grid;grid-template-columns:repeat(5,minmax(180px,1fr));gap:12px;overflow-x:auto;margin:20px 0;padding-bottom:6px}
.ws-board>div{min-width:0;padding:12px;border:1px solid var(--line,#dde3eb);border-radius:10px;background:var(--panel-2,#f8fafc)}
.ws-board h3{font-size:12px;margin:0 0 12px;color:var(--muted,#687586)}
.ws-board article{padding:12px;margin:10px 0;border:1px solid var(--line,#dde3eb);border-radius:8px;background:var(--panel,#fff)}
.ws-board p{font-size:12px;line-height:1.5;overflow-wrap:anywhere;margin:8px 0}
.ws-board button{min-height:32px;padding:6px 9px;font-size:12px}
[data-ws-order-info]{display:grid;justify-items:start;gap:4px;margin-top:10px}
[data-ws-order-info] button{white-space:normal}
@media(max-width:1100px){.ws-form-quote label{grid-column:span 4}}
@media(max-width:760px){.ws-form label{grid-column:span 6}.ws-content{padding:16px}.ws-form{padding:16px;gap:12px}.ws-form-period{grid-template-columns:repeat(2,minmax(0,1fr))}.ws-form-period label{grid-column:auto}.ws-form-period .ws-form-actions{grid-column:1/-1}.ws-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.ws-form label{grid-column:1/-1}.ws-form-period label{grid-column:auto}.ws-content{padding:12px}.ws-form{padding:12px}.ws-form-actions button{width:100%}.ws-kpis{grid-template-columns:minmax(0,1fr)}.ws-section-nav{gap:4px}.ws-section-nav button{font-size:12px;padding:7px 10px}#print3dWorkspace .print3d-workspace-tabs button{flex:1 0 auto}#print3dWorkspace .print3d-toolbar button{flex:1 1 auto}.ws-form-period .ws-form-actions{width:100%}}

/* Actions belong to their lists; the section view selector replaces nested tabs. */
.ws-section-nav{justify-content:space-between;gap:12px;padding:6px 0 16px;border:0;margin:0}
.ws-section-nav h2{margin:0;font-size:20px;line-height:1.3}
.ws-view-picker{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px}
.ws-view-picker select{min-width:210px;max-width:100%;min-height:38px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--ink);padding:8px 32px 8px 12px;font:inherit;font-size:13px}
.print3d-losses-head{grid-column:1/-1;margin:0!important;display:flex;justify-content:space-between;align-items:center;gap:12px}
#print3dWorkspace .panel-head{flex-wrap:wrap;gap:12px}
#print3dWorkspace .panel-head button{flex:0 0 auto;min-height:36px;margin:0}
@media(max-width:480px){.ws-section-nav{align-items:flex-start}.ws-view-picker{width:100%;justify-content:space-between}.ws-view-picker select{min-width:0;flex:1}.print3d-losses-head{flex-wrap:wrap}}
.ws-run-card{margin:16px 0;padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--panel-2)}
.ws-run-card h3{margin:4px 0;overflow-wrap:anywhere}.ws-run-card p{font-size:13px;line-height:1.65;overflow-wrap:anywhere;margin:10px 0}
.ws-run-facts{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:12px;color:var(--muted)}
.ws-run-output{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:12px 0;padding:14px;border:1px solid var(--line);border-radius:8px;min-width:0}
.ws-run-output label{grid-column:auto}.ws-run-output button{align-self:end;min-height:40px}
@media(max-width:760px){.ws-run-output{grid-template-columns:minmax(0,1fr)}.ws-run-output label{grid-column:auto}.ws-run-card{padding:12px}}
.spool-intro,.spool-card-head,.spool-slot,.spool-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.spool-printers,.spool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:16px}.spool-printers .ws-run-card,.spool-grid .ws-run-card{margin:0;min-width:0}.spool-slot{padding:12px 0;border-bottom:1px solid var(--line,#dce2ec)}.spool-slot span{flex:1;min-width:140px;overflow-wrap:anywhere}.spool-tools{margin:20px 0}.spool-tools label{display:grid;gap:6px;flex:1;min-width:180px}.spool-tools input{width:100%;min-width:0}.spool-new{margin:16px 0;border:1px solid #dce2ec;border-radius:14px;padding:16px}.spool-new summary{cursor:pointer;font-weight:600}.spool-actions{display:flex;gap:8px;flex-wrap:wrap}.spool-card-head h3{flex:1;min-width:130px;overflow-wrap:anywhere}.spool-pick{display:flex;align-items:center;gap:5px}.spool-pick input{width:auto}.spool-editor:empty{display:none}.spool-editor{margin:16px 0}.spool-editor .ws-error{white-space:normal;overflow-wrap:anywhere}.spool-highlight{outline:3px solid #e63243;outline-offset:3px}.spool-page-shell{max-width:1200px;margin:24px auto;padding:20px}#spool-label-sheet{position:fixed;inset:0;z-index:10000;background:white;overflow:auto;padding:24px;color:#111}.spool-labels{display:flex;flex-wrap:wrap;gap:8mm;margin-top:20px}.spool-label{width:58mm;height:40mm;box-sizing:border-box;border:1px dashed #aaa;display:flex;align-items:center;gap:1mm;padding:2mm;break-inside:avoid}.spool-label svg{width:30mm;height:30mm;flex:none}.spool-label div{display:flex;flex-direction:column;gap:1mm;min-width:0;overflow-wrap:anywhere}.spool-label strong{font-size:19px}.spool-label b{font-size:10px}.spool-label span,.spool-label small{font-size:9px;line-height:1.2}.spool-card[hidden]{display:none}@media(max-width:600px){.spool-page-shell{margin:0;padding:12px}.spool-intro>a{width:100%;text-align:center}.spool-intro h3{margin-top:0}.spool-actions button{flex:1 1 auto}.spool-tools button{width:100%}.spool-labels{gap:12px}#spool-label-sheet{padding:12px}}@media print{body:has(#spool-label-sheet)>*:not(#spool-label-sheet){display:none!important}#spool-label-sheet{position:static;overflow:visible;padding:0}.spool-print-controls{display:none!important}.spool-labels{gap:2mm;margin:0}.spool-label{border:0;color:black;background:white;print-color-adjust:exact}}

body.spools-mobile-page{display:block;margin:0;min-width:0}.spool-page-head{padding:8px 0 16px}.spool-page-head h1{font-size:24px}.spool-print-controls button{width:auto}
.spools-mobile-page .spool-phone-link{display:none}.spool-actions{margin-top:12px}.spool-printers{margin-top:12px}
