body[data-current-page="materials"]{--bg-card:var(--brand-surface);--bg-secondary:var(--brand-surfaceSubtle);--bg-glass:var(--brand-surfaceSubtle);--bg-glass-strong:var(--brand-surfaceSubtle);--border-glass:var(--brand-border);--border-glass-strong:var(--brand-borderStrong);--text-muted:var(--brand-textSecondary);--focus-ring:var(--brand-focus);--interactive-primary:var(--brand-info);--interactive-soft:var(--brand-surfaceSubtle);--interactive-border:var(--brand-borderStrong);--status-info-fg:var(--brand-info);--status-info-bg:var(--brand-infoSurface);--status-warning-fg:var(--brand-textSecondary);--status-warning-bg:var(--brand-surfaceSubtle);--status-warning-border:var(--brand-border);--status-danger-fg:var(--brand-danger);--status-danger-bg:var(--brand-dangerSurface);--status-danger-border:var(--brand-danger);--font-size-xs:12px;--font-size-sm:12px;--font-size-base:14px;}body[data-current-page="materials"] .main-content{min-width:0;overflow:clip;}body[data-current-page="materials"] .main-content::before,body[data-current-page="materials"] .main-content::after{display:none;}body[data-current-page="materials"] .material-page{font-size:14px;line-height:1.6;}body[data-current-page="materials"] .material-library-layout{grid-template-columns:200px minmax(0,1fr);gap:20px;}body[data-current-page="materials"] :is(#material-category-nav,#material-library-results,#material-selection-results){border-radius:18px;}body[data-current-page="materials"] #material-category-nav{top:0;padding:14px;}body[data-current-page="materials"] :is(#material-library-results,#material-selection-results){padding:20px;}body[data-current-page="materials"] .material-tabs{background:var(--brand-surface);border-color:var(--brand-borderStrong);border-radius:14px;}body[data-current-page="materials"] .material-tabs button{font-size:14px;}body[data-current-page="materials"] .material-tabs button[aria-selected="true"]{background:var(--brand-accent);color:var(--brand-onAccent);box-shadow:none;}body[data-current-page="materials"] .material-category-button{border-color:var(--brand-border);background:var(--brand-surface);}body[data-current-page="materials"] .material-category-button[aria-pressed="true"]{color:var(--brand-text);background:var(--brand-surfaceSubtle);border-color:var(--brand-borderStrong);box-shadow:inset 3px 0 var(--brand-accent);}body[data-current-page="materials"] :is(.material-summary,.material-selection-summary){gap:0;border:1px solid var(--brand-border);border-radius:14px;overflow:hidden;background:var(--brand-surfaceSubtle);}body[data-current-page="materials"] :is(.material-summary-item,.material-selection-stat){border:0;border-right:1px solid var(--brand-border);border-radius:0;background:transparent;padding:14px 16px;}body[data-current-page="materials"] :is(.material-summary-item,.material-selection-stat):last-child{border-right:0;}body[data-current-page="materials"] .material-summary-item strong{color:var(--brand-text);font-size:28px;line-height:1.3;font-variant-numeric:tabular-nums;}body[data-current-page="materials"] .material-selection-stat strong{font-size:20px;font-variant-numeric:tabular-nums;}body[data-current-page="materials"] .material-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr));}body[data-current-page="materials"] :is(.material-filters,.material-selection-filters){background:var(--brand-surfaceSubtle);border-radius:14px;padding:16px;}body[data-current-page="materials"] .material-selection-filters{grid-template-columns:repeat(4,minmax(0,1fr)) auto;}body[data-current-page="materials"] :is(input:not([type="checkbox"]),select,textarea){background:var(--brand-surface);color:var(--brand-text);border-color:var(--brand-borderStrong);border-radius:12px;font-size:14px;}body[data-current-page="materials"] :is(input:not([type="checkbox"]),select,button,.btn){min-height:44px;}body[data-current-page="materials"] :is(.btn-secondary,.material-detail-close){background:var(--brand-surface);color:var(--brand-text);border:1px solid var(--brand-borderStrong);box-shadow:none;}body[data-current-page="materials"] .btn-primary{background:var(--brand-accent);color:var(--brand-onAccent);border-color:var(--brand-accent);box-shadow:none;}body[data-current-page="materials"] .btn-danger{background:var(--brand-surface);color:var(--brand-danger);border:1px solid var(--brand-borderStrong);box-shadow:none;}body[data-current-page="materials"] :is(button,.btn):disabled{opacity:1;color:var(--brand-textSecondary);background:var(--brand-surfaceSubtle);}body[data-current-page="materials"] .material-results-heading{align-items:flex-start;}body[data-current-page="materials"] .material-results-heading > div{flex-shrink:0;}body[data-current-page="materials"] .material-results-heading strong{font-size:18px;}body[data-current-page="materials"] :is(.material-card-body h3,.material-candidate-body h4,.material-selection-mobile-card h3){font-size:18px;line-height:1.5;font-weight:600;}body[data-current-page="materials"] :is(.material-detail-header h3,.material-selection-heading h2){font-size:22px;line-height:1.5;}body[data-current-page="materials"] :is(.material-library-card,.material-candidate-card,.material-selection-mobile-card){border-radius:14px;background:var(--brand-surface);box-shadow:none;}body[data-current-page="materials"] .material-library-card:hover{transform:none;}body[data-current-page="materials"] .material-media:has(.material-media-placeholder){aspect-ratio:auto;height:90px;min-height:90px;}body[data-current-page="materials"] .material-media-placeholder{display:flex;align-items:center;justify-content:center;gap:12px;}body[data-current-page="materials"] .material-media-placeholder::before{width:32px;height:26px;}body[data-current-page="materials"] :is(.material-detail-panel,.material-selection-editor){box-shadow:none;background:var(--brand-surfaceSubtle);border:1px solid var(--brand-borderStrong);border-radius:18px;}body[data-current-page="materials"] .material-detail-header{align-items:flex-start;}body[data-current-page="materials"] .material-detail-close{flex-shrink:0;}body[data-current-page="materials"] .material-detail-actions{position:static;margin-inline:0;margin-bottom:0;padding:0;border-top:0;background:transparent;}body[data-current-page="materials"] .material-detail-field{border:1px solid var(--brand-border);background:var(--brand-surface);}body[data-current-page="materials"] .material-candidate-price{color:var(--brand-text);}body[data-current-page="materials"] :is(.material-badge,.material-candidate-index,.material-candidate-tier,.material-price-date,.material-selection-status){font-size:12px;line-height:1.6;}body[data-current-page="materials"] .material-selection-status{flex-shrink:0;background:var(--brand-infoSurface);color:var(--brand-info);}body[data-current-page="materials"] .material-selection-status:is([data-status="considering"],[data-status="comparing"]){background:var(--brand-surfaceSubtle);color:var(--brand-textSecondary);}body[data-current-page="materials"] .material-selection-status[data-status="accepted"]{background:var(--brand-successSurface);color:var(--brand-success);}body[data-current-page="materials"] .material-empty-state > span{display:none;}body[data-current-page="materials"] .material-note-disclosure{min-width:130px;max-width:280px;}body[data-current-page="materials"] .material-note-disclosure summary{min-height:44px;padding-block:10px;cursor:pointer;color:var(--brand-info);}body[data-current-page="materials"] .material-note-disclosure p{white-space:pre-wrap;overflow-wrap:anywhere;}body[data-current-page="materials"] .material-selection-table{font-size:13px;}body[data-current-page="materials"] .material-selection-table :is(th,td){padding:12px;}body[data-current-page="materials"] .material-selection-table td:last-child{min-width:210px;}body[data-current-page="materials"] .material-selection-table .material-selection-actions{display:grid;grid-template-columns:1fr 1fr;}body[data-current-page="materials"] .material-selection-editor > header{font-size:18px;}body[data-current-page="materials"] .material-selection-editor-actions{position:static;}body[data-current-page="materials"] .material-selection-check input{accent-color:var(--brand-info);}body[data-current-page="materials"] .material-selection-content{min-width:0;}body[data-current-page="materials"] :focus-visible{outline:2px solid var(--brand-focus);outline-offset:3px;}@media (max-width:1100px){body[data-current-page="materials"] .material-library-layout{grid-template-columns:170px minmax(0,1fr);gap:14px;}body[data-current-page="materials"] .material-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr));}body[data-current-page="materials"] .material-selection-filters{grid-template-columns:repeat(2,minmax(0,1fr));}body[data-current-page="materials"] .material-candidate-card{grid-template-columns:minmax(0,1fr);}}@media (max-width:768px){body[data-current-page="materials"] .material-library-layout{grid-template-columns:minmax(0,1fr);}body[data-current-page="materials"] :is(#material-library-results,#material-selection-results){padding:14px;}body[data-current-page="materials"] .material-summary{grid-template-columns:repeat(3,minmax(0,1fr));}body[data-current-page="materials"] .material-summary-item{min-width:0;padding:12px 8px;}body[data-current-page="materials"] .material-summary-item strong{font-size:24px;}body[data-current-page="materials"] .material-summary-item span{font-size:12px;}body[data-current-page="materials"] .material-selection-stat{padding:12px;border-bottom:1px solid var(--brand-border);}body[data-current-page="materials"] .material-selection-stat:nth-child(even){border-right:0;}body[data-current-page="materials"] .material-selection-stat:nth-last-child(-n+2){border-bottom:0;}body[data-current-page="materials"] :is(.material-filter-grid,.material-selection-filters){grid-template-columns:repeat(2,minmax(0,1fr));}body[data-current-page="materials"] .material-selection-filters .btn{grid-column:1 / -1;}body[data-current-page="materials"] .material-detail-grid{grid-template-columns:minmax(0,1fr);}body[data-current-page="materials"] .material-results-heading{flex-direction:column;gap:8px;}body[data-current-page="materials"] .material-detail-panel{padding:14px;}body[data-current-page="materials"] .material-detail-header{flex-wrap:wrap;}body[data-current-page="materials"] .material-selection-editor{padding:14px;}body[data-current-page="materials"] .material-selection-editor > header{align-items:flex-start;}body[data-current-page="materials"] .material-selection-mobile-card{padding:14px;}}