.materials-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.materials-intro>p{max-width:700px;margin:0}.materials-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.materials-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}.materials-summary article{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:20px;display:flex;flex-direction:column;gap:6px}.materials-summary span,.materials-summary small{color:var(--muted);font-size:12px}.materials-summary strong{font-size:26px;letter-spacing:-.7px}.materials-message{font-size:12px;color:var(--muted);min-height:1.5em}.materials-message[data-error="true"]{color:var(--danger)}.materials-cost{display:grid;grid-template-columns:minmax(0,1fr) 180px minmax(150px,auto);align-items:center;gap:24px;padding:24px;margin:20px 0}.materials-cost h2{margin:0 0 6px}.materials-cost p{margin:0}.materials-cost label,.material-reconcile label{display:grid;gap:7px;font-size:12px;color:var(--muted)}.materials-cost input,.material-reconcile input,.materials-form input,.materials-form select,.materials-filterbar input,.materials-filterbar select{min-height:42px;box-sizing:border-box;width:100%;background:var(--inset);border:1px solid var(--border);color:var(--text);padding:10px 12px}.materials-cost output{font-size:22px;font-weight:600;text-align:right;overflow-wrap:anywhere}.materials-cost output small{display:block;font-size:11px;margin-top:4px;font-weight:400}.materials-stock-warning{color:var(--warning)}.materials-filterbar{display:grid;grid-template-columns:minmax(0,1fr) 190px auto;align-items:center;gap:12px;margin:24px 0 16px}.materials-form{padding:24px;margin:20px 0}.materials-form h2{margin-top:0}.materials-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0}.materials-form .settings-field{min-width:0}.materials-form label{display:block;font-size:12px;margin-bottom:7px}.materials-form input[type="color"]{padding:5px}.materials-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.material-spool{padding:24px;min-width:0}.material-heading{display:flex;align-items:center;gap:12px}.material-heading>div{min-width:0;flex:1}.material-heading h3{margin:0;overflow-wrap:anywhere}.material-heading p{margin:4px 0}.material-swatch{height:36px;width:36px;border:1px solid var(--subtle);border-radius:50%;flex-shrink:0;box-shadow:inset 0 0 0 4px var(--panel)}.material-badge{background:var(--accent-soft);border:1px solid var(--accent-border);color:var(--accent);border-radius:999px;font-size:10px;line-height:1.4;padding:5px 9px;white-space:nowrap}.material-badge.is-low{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning)}.material-weight{margin:20px 0 9px}.material-weight strong{font-size:22px;font-weight:600}.material-track{height:6px;background:var(--inset);border:1px solid var(--border);border-radius:999px;overflow:hidden}.material-track i{display:block;height:100%;background:var(--accent);border-radius:inherit}.material-notes{font-size:12px;color:var(--muted);overflow-wrap:anywhere}.material-reconcile{margin-top:18px;border-top:1px solid var(--border);padding-top:14px}.material-reconcile summary{font-size:12px;color:var(--accent);cursor:pointer}.material-reconcile form{display:flex;gap:12px;align-items:end}.material-reconcile label{flex:1}.material-reconcile button{flex-shrink:0}.materials-empty{padding:40px 24px;text-align:center;color:var(--muted);grid-column:1/-1;border:1px dashed var(--border);border-radius:var(--radius)}
@media(max-width:1050px){.materials-cost{grid-template-columns:1fr 160px}.materials-cost>div{grid-column:1/-1}.materials-cost output{text-align:right}.materials-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.materials-intro{flex-direction:column}}
@media(max-width:700px){.materials-summary{grid-template-columns:1fr;gap:10px}.materials-summary article{padding:16px;display:grid;grid-template-columns:1fr auto;align-items:center}.materials-summary strong{grid-column:2;grid-row:1/3}.materials-list{grid-template-columns:1fr}.materials-filterbar{grid-template-columns:1fr}.materials-filterbar input{grid-column:1/-1}.materials-form-grid{grid-template-columns:1fr}.materials-cost{padding:20px;gap:16px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.materials-cost output{font-size:18px}.material-spool,.materials-form{padding:20px}.material-heading{flex-wrap:wrap}.material-reconcile form{align-items:stretch;flex-direction:column}}

.material-last-measured{margin:12px 0 18px;font-size:11px;line-height:1.6}.material-last-measured span{display:block;color:var(--subtle)}
.materials-weigh-dialog{width:540px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);box-sizing:border-box;padding:28px;overflow:auto;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 24px 90px #0005}
.materials-weigh-dialog::backdrop{background:#10151fb3;backdrop-filter:blur(3px)}.materials-weigh-dialog h2{font-size:21px;margin:0 0 6px}.materials-weigh-dialog p{line-height:1.6}.materials-weigh-dialog .hint{font-size:12px}.materials-weigh-inputs{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:22px 0}.materials-weigh-inputs label{display:grid;align-content:start;gap:8px;min-width:0;font-size:12px;color:var(--muted)}.materials-weigh-inputs input{box-sizing:border-box;min-height:46px;width:100%;padding:11px 12px;background:var(--inset);color:var(--text);border:1px solid var(--border);border-radius:8px;font-size:16px}.materials-weigh-inputs input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.materials-weigh-inputs input[aria-invalid="true"]{border-color:var(--danger)}
.materials-weigh-preview{padding:20px;background:var(--inset);border:1px solid var(--border);border-radius:10px}.materials-weigh-preview>span{display:block;font-size:12px;color:var(--muted)}.materials-weigh-preview output{display:block;font-size:32px;font-weight:650;letter-spacing:-.8px;line-height:1.3;margin:4px 0}.materials-weigh-preview p{margin:6px 0 0}.materials-weigh-preview output:empty::after{content:'—'}.materials-weigh-feedback{font-size:12px;line-height:1.6;min-height:1.6em;color:var(--muted);margin:16px 0 8px}.materials-weigh-feedback[data-error="true"]{color:var(--warning)}.materials-weigh-actions{margin-top:22px;padding-top:18px;border-top:1px solid var(--border)}.materials-weigh-actions button{min-height:40px}.materials-weigh-actions button:last-child{margin-left:auto}
@media(max-width:520px){.materials-weigh-dialog{padding:20px}.materials-weigh-inputs{grid-template-columns:1fr;gap:14px}.materials-weigh-actions{display:grid;grid-template-columns:1fr 1fr}.materials-weigh-actions button:first-child{grid-column:1/-1}.materials-weigh-actions button:last-child{margin-left:0}.materials-weigh-preview output{font-size:28px}}