.wlb{display:grid;gap:20px;color:var(--text,#24212a)}.wlb-heading,.wlb-card-heading,.wlb-toolbar,.wlb-actions,.wlb-pager,.wlb-client-card footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.wlb-heading h2{margin:5px 0;font-size:27px}.wlb-heading p{margin:5px 0;color:var(--muted-text,#7d7582)}.wlb h3{font-size:17px;margin:0 0 15px}.wlb h4{font-size:16px;margin:0}.wlb-actions{justify-content:flex-start}.wlb-filters{display:flex;align-items:end;gap:12px;flex-wrap:wrap;background:var(--surface,#fff);border:1px solid var(--line,#ebe5e9);border-radius:16px;padding:17px}.wlb-field{display:grid;gap:7px;min-width:0;font-size:13px;font-weight:600}.wlb-filters .wlb-field{flex:1;min-width:150px;max-width:360px}.wlb input,.wlb select,.wlb textarea{width:100%;min-width:0;padding:11px 12px;border:1px solid var(--line,#e2dbe1);border-radius:10px;background:var(--surface,#fff);color:var(--text,#24212a);font:inherit}.wlb input:focus,.wlb select:focus,.wlb textarea:focus{outline:2px solid var(--brand,#a75d78);outline-offset:1px}.wlb input[readonly]{background:var(--surface-2,#f7f4f5)}.wlb-check{display:flex;gap:9px;align-items:center;font-size:13px;font-weight:500}.wlb-check input{width:16px;height:16px;accent-color:var(--brand,#a75d78)}.wlb-panel,.wlb-client-card,.wlb-metric{background:var(--surface,#fff);border:1px solid var(--line,#ebe5e9);border-radius:17px;padding:22px}.wlb-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.wlb-metric{display:grid;gap:13px;border-top:3px solid var(--brand,#a75d78)}.wlb-metric span{font-size:13px;color:var(--muted-text,#7d7582)}.wlb-metric strong{font-size:27px;line-height:1.25}.wlb-client-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:16px}.wlb-client-card{display:grid;gap:12px;align-content:start}.wlb-client-card p{font-size:13px;color:var(--muted-text,#7d7582);margin:0;overflow-wrap:anywhere}.wlb-client-card footer{border-top:1px solid var(--line,#ebe5e9);padding-top:15px;margin-top:4px;font-size:12px}.wlb-badge{font-size:11px;font-weight:600;background:var(--surface-2,#f8f4f6);border:1px solid var(--line,#ebe5e9);border-radius:7px;padding:5px 8px;display:inline-block}.wlb-pending{font-size:21px}.wlb-progress{height:7px;background:var(--surface-2,#f8f4f6);border-radius:7px;overflow:hidden}.wlb-progress span{display:block;height:100%;background:var(--brand,#a75d78)}.wlb-client-stats{display:flex;justify-content:space-between;gap:10px;font-size:12px}.wlb-table-scroll{width:100%;overflow-x:auto}.wlb-table{width:100%;border-collapse:collapse;font-size:13px;min-width:650px}.wlb-table th{text-align:left;padding:12px 10px;background:var(--surface-2,#f8f4f6);font-size:11px;color:var(--muted-text,#7d7582);text-transform:uppercase;letter-spacing:.03em}.wlb-table td{padding:16px 10px;vertical-align:top;border-bottom:1px solid var(--line,#ebe5e9)}.wlb-table td:first-child{max-width:260px}.wlb-table small{display:block;max-width:300px;overflow-wrap:anywhere;color:var(--muted-text,#7d7582);margin-top:5px;font-size:11px}.wlb-row-actions{display:flex;gap:7px;flex-wrap:wrap}.wlb-row-actions button{font-size:11px;min-height:32px;padding:6px 9px}.wlb-void{opacity:.6}.wlb-table .wlb-success{color:#387957}.wlb-pager{justify-content:flex-end;margin-top:15px;font-size:12px}.wlb-note{font-size:12px!important;line-height:1.65;color:var(--muted-text,#7d7582);margin:7px 0 10px}.wlb-error{padding:13px 15px;background:var(--surface-2,#f8f4f6);color:var(--text,#24212a);border-left:3px solid #c66769;border-radius:7px;font-size:13px;line-height:1.6}.wlb-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.wlb-preview{padding:18px;border:1px solid var(--line,#ebe5e9);border-left:4px solid var(--brand,#a75d78);border-radius:10px;display:grid;gap:8px;background:var(--surface-2,#faf7f8)}.wlb-preview>span{font-size:12px;color:var(--muted-text,#7d7582)}.wlb-preview>strong{font-size:23px}.wlb-settings-form{display:grid;gap:18px;max-width:560px}.wlb-product{display:flex;align-items:center;gap:13px;padding:13px;border:1px solid var(--line,#ebe5e9);border-radius:12px;min-width:0;background:var(--surface,#fff)}.wlb-product img,.wlb-image-empty{width:48px;height:55px;flex-shrink:0;border-radius:8px;object-fit:cover;background:var(--surface-2,#faf7f8)}.wlb-image-empty{display:grid;place-items:center;color:var(--muted-text,#7d7582)}.wlb-product>div:not(.wlb-image-empty){min-width:0;flex:1}.wlb-product strong{display:block;font-size:13px;overflow-wrap:anywhere}.wlb-product small{display:block;font-size:11px;color:var(--muted-text,#7d7582);margin-top:4px}.wlb-product>span{font-size:12px;text-align:right}.wlb-weight-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:12px}.wlb-missing{color:var(--muted-text,#7d7582)}.wlb-empty{padding:22px;text-align:center;color:var(--muted-text,#7d7582);font-size:13px}.wlb-product-weight{padding:15px;border:1px solid var(--line,#ebe5e9);border-radius:12px}.wlb-product-weight .wlb-field{max-width:450px}.modal .wlb-field input,.modal .wlb-field select,.modal .wlb-field textarea{width:100%}.modal .wlb-note{margin:4px 0}.modal .wlb-actions{justify-content:flex-end}.modal .wlb-filters{padding:0;border:0}.modal .wlb-preview{margin:4px 0}.wlb button:disabled{opacity:.55}.wlb-toolbar .wlb-field{flex:1;max-width:420px}
@media(max-width:1050px){.wlb-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.wlb-heading h2{font-size:24px}}@media(max-width:580px){.wlb{gap:16px}.wlb-panel,.wlb-client-card,.wlb-metric{padding:16px}.wlb-metrics{gap:10px}.wlb-metric strong{font-size:23px}.wlb-metric span{font-size:11px}.wlb-filters{padding:13px;gap:10px}.wlb-filters .wlb-field{min-width:120px;max-width:none}.wlb-form-grid{grid-template-columns:1fr}.wlb-heading>.wlb-actions{width:100%}.wlb-actions button{flex:1}.wlb-toolbar{align-items:stretch}.wlb-client-stats{flex-wrap:wrap}.wlb-product>span{max-width:115px}.wlb-table{font-size:12px}.wlb-preview>strong{font-size:21px}.wlb-heading h2{font-size:23px}}

.wlb{width:100%;max-width:100%;min-width:0}.wlb>*{max-width:100%;min-width:0}.wlb-panel,.wlb-client-grid,.wlb-weight-list{min-width:0}.wlb-table-scroll{min-width:0;max-width:100%}.wlb-heading>div{min-width:0}.wlb-heading p{overflow-wrap:anywhere}

.wlb-inline-weight{display:grid;grid-template-columns:minmax(95px,140px) auto;gap:8px;align-items:end;min-width:0}.wlb-inline-weight .wlb-field span{font-size:10px;line-height:1.25}.wlb-product-edit{flex-wrap:wrap;align-items:center}.wlb-product-edit>.wlb-inline-weight{width:100%}.wlb-weight-clients{display:grid;gap:10px;max-height:45vh;overflow:auto}.wlb-weight-clients p{margin:5px 0;font-size:12px}.wlb-weight-clients .wlb-error{display:block}.wlb-example{font-weight:700;text-transform:uppercase;letter-spacing:.08em}.wg-workspace[hidden],[hidden][inert]{display:none!important}
.wlb-client-context{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:20px 22px;border:1px solid var(--line);border-left:4px solid var(--brand);border-radius:16px;background:var(--surface)}.wlb-client-context h3{margin:5px 0;font-size:23px}.wlb-client-context p{font-size:13px;color:var(--muted-text);margin:7px 0 0}.wlb-analytics-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr);gap:18px;align-items:start}.wlb-analytics-grid>*{min-width:0;max-width:100%}.wlb-chart-heading{display:grid;gap:8px;margin-bottom:16px}.wlb-chart-heading h3,.wlb-period-activity h3{margin:6px 0}.wlb-chart-controls{display:flex;gap:10px;flex-wrap:wrap}.wlb-chart-controls .wlb-field{min-width:130px;flex:1}.wlb .wg-chart-scroll{max-width:100%;min-width:0}.wlb .wg-chart-readout{font-size:12px}.wlb .wg-donut-layout.vertical{gap:16px}.wlb .wg-donut-center strong{font-size:21px}.wlb-activity-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:19px}.wlb-activity-metrics article{display:grid;gap:9px;padding:15px;background:var(--surface-2);border:1px solid var(--line);border-radius:12px}.wlb-activity-metrics span,.wlb-activity-metrics small{color:var(--muted-text);font-size:12px}.wlb-activity-metrics strong{font-size:22px}.wlb-production-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:13px}.wlb-production-card{display:grid;gap:13px;border:1px solid var(--line);padding:17px;border-radius:13px;background:var(--surface)}.wlb-production-card>small{font-size:12px;color:var(--muted-text)}.wlb-production-card strong{overflow-wrap:anywhere}.wlb-movement-actions{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.wlb-movement-actions h3{margin-bottom:6px}.wlb-movement-actions .wlb-actions{gap:8px}.wlb-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.wlb-detail-grid>div{display:grid;gap:7px;overflow-wrap:anywhere}.wlb-detail-grid span{font-size:12px;color:var(--muted-text)}.wlb-detail-grid strong{font-size:14px}.wlb-detail-notes{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.7}.wlb-filters{gap:10px}.wlb-filters .wlb-field{max-width:280px}.wlb .wlb-client-context .wlb-actions{flex-shrink:0}
@media(max-width:1120px){.wlb-analytics-grid{grid-template-columns:minmax(0,1fr)}.wlb-yarn-position .wg-donut-layout.vertical{display:grid;grid-template-columns:minmax(180px,1fr) minmax(0,1fr)}.wlb-yarn-position .wg-donut-legend{width:100%}}
@media(max-width:580px){.wlb-client-context{padding:16px}.wlb-client-context .wlb-actions{width:100%}.wlb-client-context h3{font-size:21px}.wlb-activity-metrics{grid-template-columns:1fr;gap:9px}.wlb-activity-metrics article{grid-template-columns:1fr auto;align-items:center;gap:6px 10px;padding:13px}.wlb-activity-metrics small{grid-column:1/-1}.wlb-activity-metrics strong{font-size:19px;text-align:right}.wlb-chart-controls{gap:8px}.wlb-chart-controls .wlb-field{font-size:11px;min-width:120px}.wlb-yarn-position .wg-donut-layout.vertical{display:flex}.wlb .wg-chart-legend{gap:7px}.wlb .wg-legend-button{font-size:11px}.wlb .wg-chart-readout{flex-wrap:wrap}.wlb-movement-actions .wlb-actions{width:100%}.wlb-movement-actions button{font-size:12px;padding:10px 12px}.wlb-detail-grid{gap:14px}.wlb-production-card{padding:14px}}