/* Materials and Stock use the shared minimal typography and control sizes. */
:root #main :is(.materials-minimal,.stock-minimal) .overview-item{cursor:default}
:root #main :is(.materials-minimal,.stock-minimal) .overview-item::after{display:none}
:root #main :is(.materials-minimal,.stock-minimal) .overview-item:hover{border-color:var(--im-border)!important}
:root #main :is(.materials-minimal,.stock-minimal) .materials-help{font-size:14px;line-height:1.5;color:var(--im-muted);margin:0 0 22px}

/* Seller first, project second, missing materials clearly listed. No editing here. */
:root #main .materials-minimal .materials-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:16px}
:root #main .materials-minimal .materials-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--im-border)!important;border-radius:12px;background:var(--im-surface)!important;box-shadow:none!important;overflow:hidden}
:root #main .materials-minimal .materials-card::before,:root #main .materials-minimal .materials-card::after{display:none}
:root #main .materials-minimal .materials-seller{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;padding:18px 20px;border-bottom:1px solid var(--im-border);background:var(--im-surface-muted)!important}
:root #main .materials-minimal .materials-seller>span{font-size:13px;color:var(--im-muted)!important}
:root #main .materials-minimal .materials-seller>strong{font-size:20px;line-height:1.3;letter-spacing:-.3px;font-weight:720;color:var(--im-ink)!important}
:root #main .materials-minimal .materials-seller>small{padding:5px 8px;border-radius:5px;line-height:1.4;font-size:12px;font-weight:650;background:var(--material-soft)!important;color:var(--material-ink)!important;white-space:nowrap}
:root #main .materials-minimal .materials-project{padding:18px 20px;flex:1}
:root #main .materials-minimal .csx-reference{margin-bottom:10px;font-size:13px;color:var(--im-muted)!important}
:root #main .materials-minimal .csx-reference>span{border-color:var(--im-border)}
:root #main .materials-minimal .csx-client{font-size:20px;line-height:1.3;font-weight:700}
:root #main .materials-minimal .materials-project>p{font-size:14px;line-height:1.5;color:var(--im-muted)!important;margin:8px 0 18px}
:root #main .materials-minimal .materials-context{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;font-size:13px;color:var(--im-muted)!important}
:root #main .materials-minimal .materials-context strong{font-size:15px;line-height:1.4;font-weight:650;color:var(--im-ink)!important;margin-top:4px;overflow-wrap:anywhere}
:root #main .materials-minimal .materials-missing{display:block;padding:14px 20px 18px;border-top:1px solid var(--im-border);background:transparent}
:root #main .materials-minimal .materials-missing>span{display:block;font-size:13px;font-weight:650;color:var(--im-ink)!important;margin-bottom:9px}
:root #main .materials-minimal .materials-missing ul{display:flex;gap:6px;flex-wrap:wrap}
:root #main .materials-minimal .materials-missing li{font-size:13px;line-height:1.4;font-weight:550;padding:5px 8px;border-radius:5px;color:var(--menu-alert)!important;background:color-mix(in srgb,var(--menu-alert) 8%,var(--im-surface))!important}
:root #main .materials-minimal .materials-missing-1{--material-soft:#fcf3d7;--material-ink:#8c640c}
:root #main .materials-minimal .materials-missing-2{--material-soft:#fff0e1;--material-ink:#a45417}
:root #main .materials-minimal .materials-missing-3{--material-soft:#fce7ea;--material-ink:#bd2638}
:root[data-theme=dark] #main .materials-minimal .materials-missing-1{--material-soft:#342e1d;--material-ink:#f1ce77}
:root[data-theme=dark] #main .materials-minimal .materials-missing-2{--material-soft:#3c2b1e;--material-ink:#f6b57f}
:root[data-theme=dark] #main .materials-minimal .materials-missing-3{--material-soft:#3c2329;--material-ink:#ff919c}

/* Paired HUBs keep the existing paired open/close interaction. */
:root #main .stock-minimal .project-overview{grid-template-columns:repeat(2,minmax(0,1fr))!important}
:root #main .stock-minimal .stock-pairs{display:grid;gap:16px}
:root #main .stock-minimal .stock-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:stretch}
:root #main .stock-minimal .stock-hub{display:flex;flex-direction:column;min-width:0;border:1px solid var(--im-border)!important;border-radius:12px;background:var(--im-surface)!important;box-shadow:none!important}
:root #main .stock-minimal .stock-hub::before,:root #main .stock-minimal .stock-hub::after{display:none}
:root #main .stock-minimal .stock-hub-header{padding:20px;min-height:104px;gap:12px;color:var(--im-ink);background:var(--im-surface)!important}
:root #main .stock-minimal .stock-hub-header:hover{background:var(--im-surface-muted)!important}
:root #main .stock-minimal .stock-hub-icon{display:flex;flex:0 0 42px;width:42px;height:42px;align-items:center;justify-content:center;padding:9px;border-radius:8px;background:rgba(var(--hub-rgb),.13);color:var(--hub-ink)}
:root #main .stock-minimal .stock-hub-header strong{font-size:20px;line-height:1.3;font-weight:720;letter-spacing:-.3px;color:var(--im-ink)!important}
:root #main .stock-minimal .stock-hub-header small{font-size:13px;line-height:1.4;margin-top:5px;color:var(--im-muted)!important}
:root #main .stock-minimal .stock-hub-header .stock-responsible{font-weight:650;color:var(--im-ink)!important}
:root #main .stock-minimal .stock-hub-header b{font-size:15px;font-weight:700;border-radius:5px;padding:6px 8px;background:rgba(var(--hub-rgb),.13);color:var(--hub-ink);font-variant-numeric:tabular-nums}
:root #main .stock-minimal .stock-chevron{color:var(--im-muted);font-size:18px}
:root #main .stock-minimal .stock-hub-body{padding:16px;border-top:1px solid var(--im-border)}
:root #main .stock-minimal .stock-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
:root #main .stock-minimal .stock-product{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:12px;min-height:62px;border:1px solid var(--im-border)!important;border-radius:8px;background:var(--im-surface)!important;color:var(--im-muted);font-size:14px;line-height:1.4}
:root #main .stock-minimal .stock-product>span{flex:1;min-width:90px}
:root #main .stock-minimal .stock-product.has-stock{color:var(--im-ink);background:var(--im-surface-muted)!important}
:root #main .stock-minimal .stock-product.has-stock>span{font-weight:600}
:root #main .stock-minimal .stock-product>strong{font-size:20px;font-weight:700;color:var(--im-ink)!important;font-variant-numeric:tabular-nums}
:root #main .stock-minimal .stock-product:not(.has-stock)>strong{color:var(--im-muted)!important}
:root #main .stock-minimal .stock-old-label{font-size:12px;letter-spacing:0;text-transform:none;font-weight:650;color:var(--im-muted);margin:20px 0 12px}
:root #main .stock-minimal .stock-old-label::before,:root #main .stock-minimal .stock-old-label::after{background:var(--im-border)}
:root #main .stock-minimal .stock-stepper{display:flex;align-items:center;gap:4px;margin-left:auto}
:root #main .stock-minimal .stock-stepper button{width:32px;height:32px;padding:0;border:1px solid var(--im-border)!important;border-radius:6px;background:var(--im-surface)!important;color:var(--im-ink)!important;font-size:18px}
:root #main .stock-minimal .stock-stepper button:hover:not(:disabled){background:var(--im-surface-muted)!important;border-color:var(--im-accent)!important}
:root #main .stock-minimal .stock-stepper input{width:40px;height:32px;font-size:16px;font-weight:650;color:var(--im-ink)!important;background:transparent;border:0;padding:0;text-align:center}
:root #main .stock-minimal .stock-hub-footer{padding-top:16px;gap:10px}
:root #main .stock-minimal .stock-hub-footer>span{font-size:14px;color:var(--im-muted)}
:root #main .stock-minimal :is(.stock-stepper button,.stock-stepper input,.stock-hub-header):focus-visible{outline:2px solid var(--im-accent);outline-offset:2px}
:root[data-theme=dark] #main .stock-minimal :is(.stock-hub-icon,.stock-hub-header b){color:color-mix(in srgb,var(--hub-ink) 40%,white)}
@media(max-width:760px){
 :root #main .stock-minimal .stock-pair{grid-template-columns:minmax(0,1fr)}
 :root #main .stock-minimal .stock-hub-header{padding:16px;gap:10px}
 :root #main .stock-minimal .stock-hub-header strong{font-size:18px}
 :root #main .stock-minimal .stock-hub-body{padding:12px}
 :root #main .stock-minimal .stock-hub-footer{flex-wrap:wrap}
 :root #main .materials-minimal .materials-seller,:root #main .materials-minimal .materials-project{padding:16px 18px}
}

:root #main .stock-minimal .overview-item strong{white-space:nowrap}

:root #main .materials-minimal .materials-context>span{min-width:0;white-space:normal}
:root #main .materials-minimal .materials-context strong{display:block;white-space:normal}

:root #main .materials-minimal .menu-group .materials-grid{padding-top:16px}