:root{--bg:#070b13;--bg2:#0b1120;--surface:#121927;--surface2:#182233;--surface3:#202b3d;--border:#2b3649;--text:#f2f5fb;--muted:#8e9ab0;--subtle:#59657a;--accent:#4f8ff7;--accent2:#765ff6;--success:#2bd576;--danger:#f05252;--warning:#f6b73c;--shadow:0 20px 60px rgba(0,0,0,.3);--radius:16px}
html[data-theme="light"]{--bg:#edf2f8;--bg2:#f7f9fc;--surface:#fff;--surface2:#f5f7fb;--surface3:#e9eef6;--border:#d8e0ec;--text:#172033;--muted:#637089;--subtle:#8b96a8;--shadow:0 18px 50px rgba(28,43,70,.12)}
*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Inter,"Noto Sans KR","Segoe UI",Arial,sans-serif;background:linear-gradient(135deg,var(--bg),var(--bg2));color:var(--text);transition:background .2s,color .2s}.app-grid{position:fixed;inset:0;pointer-events:none;opacity:.36;background-image:linear-gradient(rgba(120,150,200,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(120,150,200,.05) 1px,transparent 1px);background-size:42px 42px}.topbar{min-height:72px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(16px);display:flex;align-items:center;gap:24px;padding:10px max(18px,calc((100vw - 1240px)/2));position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:12px;min-width:max-content}.brand-mark{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-weight:900;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;box-shadow:0 0 24px rgba(79,143,247,.3)}.brand strong,.brand span{display:block}.brand strong{font-size:14px}.brand span{font-size:10px;color:var(--muted);margin-top:2px}.mode-nav{display:flex;gap:4px;margin:auto}.mode-nav button,.text-btn{border:1px solid transparent;background:transparent;color:var(--muted);padding:9px 12px;border-radius:10px;cursor:pointer;font-size:12px;font-weight:700}.mode-nav button.active{color:var(--accent);background:rgba(79,143,247,.12);border-color:rgba(79,143,247,.28)}.top-actions{display:flex;align-items:center;gap:7px}.online{display:flex;gap:7px;align-items:center;font-size:11px;color:var(--muted)}.online i{width:8px;height:8px;border-radius:50%;background:var(--success);box-shadow:0 0 10px var(--success)}button,input,select,textarea{font:inherit}.icon-btn{width:40px;height:40px;border:1px solid var(--border);border-radius:50%;background:var(--surface);color:var(--text);cursor:pointer;font-size:18px}.user-chip{padding:8px 11px;border-radius:100px;background:var(--surface2);font-size:11px;color:var(--muted)}.shell{position:relative;z-index:1;max-width:1180px;margin:0 auto;padding:28px 22px 90px}.auth-shell{max-width:520px;margin:7vh auto}.auth-brand{text-align:center;margin-bottom:22px}.auth-brand .brand-mark{margin:0 auto 14px}.auth-brand h1{margin:0 0 7px}.form-card,.panel{border:1px solid var(--border);border-radius:22px;background:var(--surface);padding:28px;box-shadow:var(--shadow)}.form-grid{display:grid;gap:14px}.field{display:grid;gap:7px}.field label{font-size:11px;font-weight:800;color:var(--muted)}input,select,textarea{width:100%;border:1px solid var(--border);border-radius:11px;background:var(--surface2);color:var(--text);padding:13px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(79,143,247,.12)}textarea{resize:vertical;min-height:90px}.primary,.secondary,.danger-btn,.success-btn{border:1px solid transparent;border-radius:12px;padding:13px 18px;cursor:pointer;font-weight:800}.primary{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff}.secondary{background:var(--surface2);border-color:var(--border);color:var(--text)}.success-btn{background:var(--success);color:#042714}.danger-btn{background:rgba(240,82,82,.12);border-color:rgba(240,82,82,.35);color:var(--danger)}.primary:disabled,.secondary:disabled{opacity:.45;cursor:not-allowed}.machine-strip{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 18px;border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:var(--shadow)}.machine-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent2))}.machine-strip div span,.machine-strip div strong{display:block}.machine-strip div span{font-size:10px;color:var(--muted)}.machine-strip div strong{font-size:17px;margin-top:2px}.factory-pill{margin-left:auto;border-radius:100px;border:1px solid var(--border);padding:7px 12px;color:var(--muted);font-size:11px}.save-state{font-size:11px;color:var(--warning)}.save-state.saved{color:var(--success)}.restart-btn{padding:9px 12px;font-size:11px}.stepper{display:flex;align-items:center;justify-content:center;margin:24px auto 28px;max-width:850px}.step{display:flex;align-items:center;gap:7px;color:var(--subtle)}.step b{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--surface3);font-size:11px}.step span{font-size:11px;font-weight:700;white-space:nowrap}.step small{display:block;font-size:8px;font-weight:500;color:var(--subtle);margin-top:1px}.step.active{color:var(--accent)}.step.active b{background:var(--accent);color:#fff;box-shadow:0 0 16px rgba(79,143,247,.35)}.step.done{color:var(--success)}.step.done b{background:var(--success);color:#063519}.stepper>i{width:28px;height:1px;background:var(--border);margin:0 6px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:24px}.eyebrow{color:var(--accent);font-size:10px;letter-spacing:2px;font-weight:800}.panel h1,.panel-head h1{font-size:clamp(21px,3vw,30px);margin:7px 0 5px}.panel p,.panel-head p{margin:0;color:var(--muted);font-size:13px}.choice-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:11px}.choice-card,.tile{min-height:118px;border:2px solid var(--border);border-radius:15px;background:var(--surface2);color:var(--text);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;transition:.18s;padding:14px;text-align:center}.choice-card:hover,.choice-card:focus-visible,.tile:hover{border-color:var(--accent);transform:translateY(-2px);outline:none}.choice-card.selected,.tile.selected{border-color:var(--accent);background:rgba(79,143,247,.12);box-shadow:0 0 18px rgba(79,143,247,.14)}.choice-card strong,.tile strong{font-size:16px}.choice-card small,.tile small{color:var(--muted);font-size:10px}.avatar{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;font-weight:900;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff}.language-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.language-grid .choice-card{min-height:190px}.flag{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;font-weight:900;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;font-size:20px}.actions-row{display:flex;gap:10px;justify-content:space-between;margin-top:24px}.actions-row .right{display:flex;gap:10px;margin-left:auto}.hint,.callout{margin-top:18px;border-radius:12px;background:var(--surface2);padding:12px 14px;color:var(--muted);font-size:11px}.callout.warning{border:1px solid rgba(246,183,60,.35);color:var(--warning)}.quantity-box{display:flex;align-items:center;justify-content:center;gap:18px;margin:24px auto}.quantity-box button{width:58px;height:58px;border-radius:16px;border:1px solid var(--border);background:var(--surface2);color:var(--text);font-size:28px;cursor:pointer}.quantity-box input{width:150px;text-align:center;font-size:30px;font-weight:900}.serial-toolbar{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}.serial-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:9px;max-height:470px;overflow:auto;padding:2px}.serial-card{min-height:64px;border:2px solid rgba(43,213,118,.35);background:rgba(43,213,118,.08);color:var(--success);border-radius:12px;cursor:pointer;font-weight:800}.serial-card.ng{border-color:var(--danger);background:rgba(240,82,82,.15);color:var(--danger)}.summary-bar{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}.metric{background:var(--surface2);border:1px solid var(--border);border-radius:12px;padding:13px;text-align:center}.metric span{display:block;color:var(--muted);font-size:10px}.metric strong{display:block;font-size:22px;margin-top:4px}.metric.ok strong{color:var(--success)}.metric.ng strong{color:var(--danger)}.measure-table{display:grid;gap:10px}.measure-row{display:grid;grid-template-columns:minmax(160px,1.3fr) 1fr 1fr;gap:10px;align-items:center;border:1px solid var(--border);background:var(--surface2);border-radius:14px;padding:12px}.measure-meta strong,.measure-meta small{display:block}.measure-meta small{color:var(--muted);margin-top:4px}.step-input{display:flex;align-items:center;gap:6px}.step-input button{width:40px;height:40px;border-radius:10px;border:1px solid var(--border);background:var(--surface3);color:var(--text);cursor:pointer;font-size:20px}.step-input input{text-align:center;padding:10px}.judge{display:flex;gap:6px}.judge button,.chips button{border:1px solid var(--border);background:var(--surface3);color:var(--muted);border-radius:10px;padding:10px;cursor:pointer}.judge button.selected,.chips button.selected{border-color:var(--accent);color:var(--accent);background:rgba(79,143,247,.12)}.chips{display:flex;flex-wrap:wrap;gap:7px}.issue-layout{display:grid;grid-template-columns:220px 1fr;gap:16px}.issue-sidebar,.issue-main{border:1px solid var(--border);background:var(--surface2);border-radius:14px;padding:14px}.issue-serial{width:100%;margin-bottom:7px;text-align:left}.issue-section{margin-bottom:17px}.issue-section h3{font-size:12px;margin:0 0 9px}.review-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.review-item{padding:13px;border-radius:12px;background:var(--surface2);border:1px solid var(--border)}.review-item span{display:block;font-size:10px;color:var(--muted)}.review-item strong{display:block;margin-top:4px}.complete-card{text-align:center;padding:46px}.complete-icon{width:72px;height:72px;margin:0 auto 16px;border-radius:50%;display:grid;place-items:center;background:rgba(43,213,118,.14);color:var(--success);font-size:34px}.admin-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.admin-head h1{margin:0}.admin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:22px}.admin-stat{padding:16px;border:1px solid var(--border);background:var(--surface);border-radius:14px}.admin-stat span{font-size:10px;color:var(--muted)}.admin-stat strong{display:block;font-size:25px;margin-top:6px}.tabs{display:flex;gap:6px;overflow:auto;margin-bottom:14px}.tabs button{white-space:nowrap;border:1px solid var(--border);border-radius:10px;background:var(--surface2);color:var(--muted);padding:10px 13px;cursor:pointer}.tabs button.active{color:var(--accent);border-color:var(--accent)}.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:14px}table{width:100%;border-collapse:collapse;background:var(--surface)}th,td{padding:12px;text-align:left;border-bottom:1px solid var(--border);font-size:12px;white-space:nowrap}th{color:var(--muted);font-size:10px;background:var(--surface2)}.row-actions{display:flex;gap:6px}.row-actions button{border:1px solid var(--border);background:var(--surface2);color:var(--text);border-radius:8px;padding:7px 9px;cursor:pointer}.toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.toolbar>*{width:auto}.modal-backdrop{position:fixed;inset:0;background:rgba(3,6,12,.75);backdrop-filter:blur(8px);z-index:100;display:grid;place-items:center;padding:18px}.modal{width:min(680px,100%);max-height:90vh;overflow:auto;background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:24px;box-shadow:var(--shadow)}.modal h2{margin-top:0}.toast-wrap{position:fixed;right:18px;bottom:18px;z-index:200;display:grid;gap:8px}.toast{max-width:360px;border:1px solid var(--border);border-left:4px solid var(--accent);background:var(--surface);color:var(--text);padding:12px 15px;border-radius:11px;box-shadow:var(--shadow);font-size:12px}.toast.error{border-left-color:var(--danger)}.toast.success{border-left-color:var(--success)}footer{position:fixed;bottom:0;left:0;right:0;text-align:center;padding:12px;color:var(--subtle);font-size:9px;z-index:1;pointer-events:none}
.lot-tools{max-width:420px;margin-bottom:12px}.lot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;max-height:430px;overflow:auto;padding:2px}.lot-card{min-height:64px;border:1px solid var(--border);border-radius:11px;background:var(--surface2);color:var(--text);padding:9px 12px;text-align:left;cursor:pointer}.lot-card:hover,.lot-card.selected{border-color:var(--accent);background:rgba(79,143,247,.12)}.lot-card strong,.lot-card small{display:block}.lot-card strong{font-size:13px}.lot-card small{margin-top:5px;font-size:10px;color:var(--muted)}.lot-balance{margin:0 auto;text-align:center;color:var(--muted);font-size:12px}.lot-balance strong{color:var(--accent);font-size:18px;margin-left:6px}.delete-action{color:var(--danger)!important;border-color:rgba(240,82,82,.4)!important;background:rgba(240,82,82,.08)!important}.factory-folders{display:grid;gap:12px}.factory-folder{border:1px solid var(--border);border-radius:15px;background:var(--surface2);overflow:hidden}.factory-folder[open]{background:color-mix(in srgb,var(--surface2) 80%,var(--accent) 4%)}.factory-folder summary{display:flex;align-items:center;gap:12px;padding:16px 18px;cursor:pointer;list-style:none;user-select:none}.factory-folder summary::-webkit-details-marker{display:none}.factory-folder summary:before{content:"›";font-size:24px;color:var(--accent);transition:transform .18s}.factory-folder[open] summary:before{transform:rotate(90deg)}.folder-title{display:grid;gap:2px}.folder-title b{font-size:15px}.folder-title small{font-size:10px;color:var(--muted)}.folder-count{margin-left:auto;padding:6px 10px;border-radius:100px;background:var(--surface3);color:var(--muted);font-size:11px;font-weight:800}.factory-folder-body{padding:0 16px 16px}.folder-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;color:var(--muted);font-size:11px}.folder-buttons{display:flex;gap:8px;flex-wrap:wrap}.folder-toolbar .primary,.folder-toolbar .secondary{padding:10px 13px}.folder-guide{margin-bottom:14px;padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:var(--surface2);color:var(--muted);font-size:11px}.empty-folder{padding:24px;text-align:center;border:1px dashed var(--border);border-radius:12px;color:var(--muted);font-size:12px}
@media(max-width:850px){.topbar{min-height:62px}.mode-nav{position:fixed;left:0;right:0;bottom:0;background:var(--surface);border-top:1px solid var(--border);justify-content:center;padding:8px;z-index:50}.brand span,.online,.user-chip{display:none}.shell{padding:18px 14px 90px}.stepper{justify-content:flex-start;overflow-x:auto}.stepper>i{min-width:18px}.step span{display:none}.panel,.form-card{padding:20px}.choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.measure-row{grid-template-columns:1fr}.issue-layout{grid-template-columns:1fr}.review-grid{grid-template-columns:1fr}.admin-grid{grid-template-columns:repeat(2,1fr)}.text-btn{padding:8px}.factory-pill{font-size:9px}.folder-toolbar{align-items:stretch;flex-direction:column}.folder-buttons{display:grid}.folder-toolbar .primary,.folder-toolbar .secondary{width:100%}.actions-row{position:sticky;bottom:62px;background:color-mix(in srgb,var(--surface) 94%,transparent);padding:10px 0;margin-bottom:-10px;z-index:4}}
@media(max-width:430px){.language-grid{grid-template-columns:1fr}.choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.choice-card,.tile{min-height:104px;padding:10px}.serial-grid{grid-template-columns:repeat(2,1fr)}.serial-toolbar{grid-template-columns:1fr}.summary-bar{gap:5px}.metric{padding:10px 5px}.admin-grid{grid-template-columns:1fr 1fr}.top-actions #logoutBtn{display:none}}
.choice-card:disabled,.tile:disabled,.success-btn:disabled{opacity:.42;cursor:not-allowed;transform:none}.entry-menu .choice-card small{max-width:300px;line-height:1.5}.work-summary{grid-template-columns:repeat(5,1fr)}.metric.pending strong{color:var(--warning)}.carryover-callout{display:flex;align-items:center;gap:14px;margin:0 0 16px;padding:15px 18px;border:1px solid rgba(246,183,60,.42);border-radius:14px;background:rgba(246,183,60,.1)}.carryover-callout strong{color:var(--warning);font-size:19px;white-space:nowrap}.carryover-callout span,.active-help{color:var(--muted);font-size:11px}.active-help{margin-top:14px!important}.lot-balance{text-align:center;margin:10px auto 0;color:var(--muted)}.lot-balance strong{color:var(--accent);font-size:20px;margin-left:7px}@media(max-width:700px){.work-summary{grid-template-columns:repeat(2,1fr)}.carryover-callout{align-items:flex-start;flex-direction:column;gap:5px}}
.modal-guide{margin:-8px 0 18px!important;line-height:1.55}.measure-catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:55vh;overflow:auto}.measure-catalog-card{position:relative;min-height:105px;padding:14px 14px 14px 48px;border:2px solid var(--border);border-radius:14px;background:var(--surface2);color:var(--text);text-align:left;cursor:pointer;display:flex;flex-direction:column;justify-content:center;gap:4px}.measure-catalog-card.selected{border-color:var(--accent);background:rgba(79,143,247,.13)}.measure-catalog-card .check-mark{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:24px;height:24px;border:2px solid var(--border);border-radius:7px;display:grid;place-items:center;color:#fff}.measure-catalog-card.selected .check-mark{border-color:var(--accent);background:var(--accent)}.measure-catalog-card small{color:var(--muted)}.measure-catalog-card em{font-size:10px;color:var(--accent);font-style:normal}.selection-count{align-self:center;color:var(--muted);font-size:12px}@media(max-width:560px){.measure-catalog-grid{grid-template-columns:1fr}}
.product-spec-fields{display:grid;gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.product-spec-field{padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--surface2);display:grid;gap:10px}.product-spec-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.product-spec-head>span{font-size:11px;font-weight:800;color:var(--muted)}.measure-order-controls{display:flex;align-items:center;gap:6px}.measure-order-number{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#fff;font-size:11px;font-weight:900}.measure-order-controls button{border:1px solid var(--border);border-radius:8px;background:var(--surface3);color:var(--text);padding:7px 9px;cursor:pointer;font-size:11px;font-weight:800}.measure-order-controls button:disabled{opacity:.35;cursor:not-allowed}.spec-option-warning{color:var(--warning);font-size:10px}.judgement-result-guide{color:var(--success);font-size:13px}@media(max-width:560px){.product-spec-head{align-items:flex-start;flex-direction:column}.measure-order-controls{width:100%}.measure-order-controls button{flex:1}}
.tabs{gap:8px;padding:0 0 18px;margin-bottom:20px;scrollbar-gutter:stable;scroll-snap-type:x proximity}.tabs::-webkit-scrollbar{height:8px}.tabs::-webkit-scrollbar-track{background:var(--surface);border-radius:20px}.tabs::-webkit-scrollbar-thumb{background:var(--border);border-radius:20px}.tabs::-webkit-scrollbar-thumb:hover{background:var(--accent)}.tabs button{min-height:44px;scroll-snap-align:start}.table-wrap{padding-bottom:8px;scrollbar-gutter:stable}.table-wrap::-webkit-scrollbar{height:9px}.table-wrap::-webkit-scrollbar-track{background:var(--surface);border-radius:20px}.table-wrap::-webkit-scrollbar-thumb{background:var(--border);border-radius:20px}.row-actions{padding-right:14px}@media(max-width:700px){.tabs{padding-bottom:22px;margin-bottom:22px}.tabs button{min-height:48px;padding:12px 15px}.table-wrap{padding-bottom:14px}.row-actions{gap:9px;padding-right:18px}.row-actions button{min-height:42px;padding:9px 12px}}
.export-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.export-card{display:grid;gap:14px;padding:22px;border:1px solid var(--border);border-radius:17px;background:var(--surface2)}.export-card h2{margin:5px 0;font-size:20px}.export-card p{margin:0!important}.factory-export{border-color:rgba(79,143,247,.45);background:rgba(79,143,247,.07)}@media(max-width:700px){.export-grid{grid-template-columns:1fr}.export-card{padding:18px}}
.active-badge{display:inline-flex;align-items:center;width:max-content;padding:7px 10px;border:1px solid rgba(43,213,118,.35);border-radius:999px;background:rgba(43,213,118,.1);color:var(--success);font-size:10px;font-weight:800;white-space:nowrap}.active-details{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px}.active-details>div{display:grid;gap:6px;padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--surface2)}.active-details span{font-size:10px;color:var(--muted)}.active-details strong{font-size:17px}.active-actions{justify-content:flex-end;flex-wrap:wrap}.active-actions .primary{margin-right:auto}
@media(max-width:850px){.active-details{grid-template-columns:repeat(2,minmax(0,1fr))}.active-actions>*{flex:1 1 45%}}
@media(max-width:430px){.active-details{grid-template-columns:1fr}.active-actions>*{flex-basis:100%}}
.lot-usage-list{display:grid;gap:8px;margin:14px 0}.lot-usage-list>div{display:grid;grid-template-columns:minmax(130px,.8fr) 1fr 1.3fr;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:var(--surface2)}.lot-usage-list strong{font-size:13px}.lot-usage-list span,.lot-usage-list small{font-size:10px;color:var(--muted)}
@media(max-width:600px){.lot-usage-list>div{grid-template-columns:1fr;gap:5px}}
.admin-list-tools{align-items:center}.admin-list-tools input{min-width:220px;flex:1}.admin-list-tools select{min-width:190px}.product-folders{margin-top:14px}
@media(max-width:600px){.admin-list-tools>*{width:100%!important}.admin-list-tools input,.admin-list-tools select{min-width:0}}
.measure-stage-head>div{display:grid;gap:4px;padding:12px 14px;border:1px solid var(--border);border-radius:11px;background:var(--surface2)}.measure-stage-head strong{font-size:13px}.measure-stage-head small{font-size:10px;color:var(--muted)}
.record-edit-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.record-edit-title h2{margin-bottom:5px}.record-edit-title p{margin:0;color:var(--muted);font-size:12px}.record-event-list{display:grid;gap:12px;max-height:58vh;overflow:auto;padding-right:5px}.record-event-card{display:grid;gap:13px;padding:16px;border:1px solid var(--border);border-radius:15px;background:var(--surface2)}.record-event-head{display:flex;align-items:center;gap:9px}.record-event-head span{padding:6px 9px;border-radius:999px;font-size:10px;font-weight:800}.record-event-head span.input{color:var(--accent);background:rgba(79,143,247,.12)}.record-event-head span.output{color:var(--success);background:rgba(43,213,118,.1)}.record-event-head small{margin-left:auto;color:var(--muted)}.record-edit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.record-lock-note{margin:0!important;padding:10px 12px;border-radius:10px;background:rgba(246,183,60,.08);color:var(--warning)!important;font-size:10px!important}.record-event-card textarea{min-height:68px}.record-event-card input:disabled{opacity:.58;cursor:not-allowed}
.record-editor-modal{width:min(1080px,100%)}.record-editor-hint{color:var(--muted);font-size:12px;line-height:1.6}.record-base{padding:16px;background:var(--surface2);border:1px solid var(--border);border-radius:12px;margin-bottom:18px}.full-event-list{max-height:none;overflow:visible}.record-event-card>summary,.record-subsection>summary{cursor:pointer;font-weight:800;padding:8px 0}.record-event-card[open]>summary{margin-bottom:14px}.record-subsection{margin:16px 0;padding:12px;border:1px solid var(--border);border-radius:12px}.record-measurements{display:grid;gap:12px;margin-top:14px}.record-measure-item{display:grid;gap:12px;padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.record-measure-values{display:grid;grid-template-columns:1fr 1fr;gap:16px}.record-value{display:flex;align-items:center;gap:6px}.record-value input{min-width:60px}.record-value button{flex-shrink:0;min-height:40px;border:1px solid var(--border);border-radius:8px;background:var(--surface2);color:var(--text);padding:7px;cursor:pointer}.record-add-row,.record-serial-row{display:flex;gap:8px;align-items:center;margin:12px 0}.record-add-row button{flex-shrink:0}.record-serial-row select{max-width:120px}.record-checks{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}.record-checks label{display:flex;align-items:center;gap:6px;font-size:12px;border:1px solid var(--border);padding:8px;border-radius:8px}.record-checks input{width:18px;height:18px}.record-issue{margin-top:12px;border-top:1px solid var(--border);padding-top:12px;display:grid;gap:8px}.record-editor-error{color:var(--danger);font-size:13px}.record-editor-modal .field>span{font-size:12px;color:var(--muted)}.record-editor-modal .actions-row{position:sticky;bottom:0;background:var(--surface);padding:14px 0;z-index:5}
@media(max-width:700px){.record-measure-values{grid-template-columns:1fr}.record-add-row{flex-wrap:wrap}.record-serial-row{flex-wrap:wrap}.record-editor-modal{padding:16px}.record-event-card{padding:10px}.record-value{flex-wrap:wrap}}
@media(max-width:650px){.record-edit-grid{grid-template-columns:1fr}.record-event-list{max-height:62vh}.record-event-head{align-items:flex-start;flex-wrap:wrap}.record-event-head small{width:100%;margin-left:0}}
/* Rework is distinct from confirmed scrap; touch targets remain at least 44px. */
.serial-card.rework{border-color:#e7ad43;background:#473b20;color:#ffe2a6;}
.rework-results .row-actions,.rework-results td:last-child{min-width:150px;}
.rework-results button{min-height:44px;margin:4px;}
.rework-results td{vertical-align:top;max-width:360px;overflow-wrap:anywhere;}
.modal .material-option, .material-option {
  display:flex; align-items:center; gap:12px; width:100%; box-sizing:border-box;
  min-height:56px; margin:8px 0; padding:12px 14px;
  border:1px solid var(--border); border-radius:10px; background:var(--surface2);
  cursor:pointer; text-align:left;
}
.material-option input[type="checkbox"] {
  appearance:auto; display:block; position:static; flex:0 0 20px;
  width:20px; height:20px; min-height:20px; max-width:20px;
  margin:0; padding:0; accent-color:var(--accent); cursor:pointer;
}
.material-option .material-option-text {display:block;min-width:0;line-height:1.5;overflow-wrap:anywhere;}
.material-option .material-option-text small {display:block;color:var(--muted);font-size:12px;}
.material-option:has(input:checked) {border-color:var(--accent);background:rgba(79,143,247,.16);}
.material-option:focus-within {outline:2px solid var(--accent);outline-offset:2px;}
.fold-toolbar{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 16px;grid-column:1/-1}
.fold-toolbar button{min-height:42px;padding:10px 16px}
.chuck-bom-row.chuck-bom-picker{display:flex;flex-direction:column;align-items:stretch;gap:12px}
.bom-selection{padding:14px;background:var(--surface2);border:1px solid var(--border);border-radius:10px;min-width:0}
.bom-selection strong,.bom-result strong{display:block;white-space:normal;overflow-wrap:anywhere;line-height:1.5}
.bom-selection small,.bom-result small{display:block;margin-top:6px;color:var(--muted);overflow-wrap:anywhere}
.bom-buttons{display:flex;flex-wrap:wrap;gap:10px}
.bom-search-modal{width:min(860px,95vw)}
.bom-results{display:grid;gap:10px;max-height:52vh;overflow:auto;padding:4px 10px 8px 4px}
.bom-result{display:block;width:100%;text-align:left;padding:16px;border:1px solid var(--border);border-radius:12px;background:var(--surface2);color:var(--text);cursor:pointer;white-space:normal}
.bom-result.selected,.bom-result:focus-visible{border-color:var(--accent);outline:2px solid var(--accent);outline-offset:1px}
.bom-result:disabled{opacity:.5;cursor:not-allowed}
.bom-bulk-panel{padding:16px;border:1px solid var(--border);border-radius:12px;margin-bottom:20px}
.bom-bulk-panel .bom-results{max-height:300px;margin-bottom:14px}
.chuck-bom-picker[hidden]{display:none!important}

.record-event-card[hidden]{display:none!important}.record-editor-modal summary{overflow-wrap:anywhere}.record-editor-modal [data-record-view].active{border-color:var(--accent);color:var(--accent)}


.serial-batch-group{margin:16px 0}.serial-batch-group[hidden],.serial-batch-row[hidden]{display:none!important}
.serial-batch-group h3{font-size:14px;margin:8px 0;overflow-wrap:anywhere}
.serial-batch-row{border-bottom:1px solid var(--border);padding:5px 0}
.serial-batch-pair{display:grid;grid-template-columns:32px minmax(0,1fr) 18px minmax(0,1fr);gap:8px;align-items:center}
.serial-batch-pair input[type=checkbox]{width:22px;height:22px;margin:0}
.serial-batch-pair input[data-new-number]{min-width:0;min-height:44px;padding:8px;font-size:14px}
.serial-batch-pair strong{font-size:14px;overflow-wrap:anywhere}
.serial-batch-row [aria-invalid=true]{border:2px solid #ff8383}
.serial-batch-row [data-row-message]{color:#8ddbc7;overflow-wrap:anywhere;margin:4px 0;font-size:12px}
.serial-batch-row [data-row-message]:empty{display:none}
.serial-month-tools{display:flex;flex-wrap:wrap;gap:8px;align-items:end;margin:12px 0}
.serial-month-tools label{display:grid;gap:4px;font-size:13px}.serial-month-tools small{flex-basis:100%}
@media(max-width:550px){.serial-batch-pair{gap:4px;grid-template-columns:28px minmax(0,1fr) 12px minmax(0,1fr)}.serial-batch-pair strong,.serial-batch-pair input[data-new-number]{font-size:12px}}