.material-entry{display:grid;grid-template-columns:1fr 1.5fr;gap:9px;align-items:end;margin-top:12px}
.material-entry label{display:flex;flex-direction:column;gap:5px;min-width:0;font-size:13px;color:#b2bfd4}
.material-entry .material-search-row{grid-column:1/-1}
.material-entry #material-conductor-group-row{grid-column:1/-1}
.material-entry [hidden]{display:none!important}
.material-entry select,.material-entry input{width:100%;height:44px;min-width:0;padding:0 9px;border:1px solid #314861;border-radius:10px;background:#0f1729;color:#f1f7fc}
.material-entry button{grid-column:1/-1;min-height:44px}
.material-filter-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.material-options{grid-column:1/-1;max-height:390px;overflow:auto;border:1px solid #35506a;border-radius:10px;background:#12243b}
.material-option-row{padding:9px 11px;border-bottom:1px solid #294158}
.material-option-row:last-child{border-bottom:0}
.material-option-row>label,.material-option-colors label{display:flex;flex-direction:row;align-items:flex-start;gap:9px;color:#f1f7fc;line-height:1.35;font-size:14px;cursor:pointer}
.material-option-row input[type=checkbox]{width:20px;height:20px;min-width:20px;margin:0;accent-color:#17b8d1}
.material-option-row span{overflow-wrap:anywhere}
.material-option-colors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:10px 0 1px 28px}
#material-custom-row{grid-column:1/-1}
#material-colors{grid-column:1/-1;min-width:0;margin:0;padding:10px;border:1px solid #35506a;border-radius:10px}
#material-colors legend{padding:0 4px;color:#d4e9f2;font-size:13px;font-weight:700}
#material-color-options{display:grid;gap:7px}
.material-color-option{display:grid;grid-template-columns:minmax(0,1fr) 105px;gap:8px;align-items:center}
.material-color-option label{display:flex;flex-direction:row;align-items:center;gap:9px;color:#f1f7fc;font-size:14px}
.material-color-option input[type=checkbox]{width:20px;height:20px;min-width:20px;margin:0;accent-color:#18b9d2}
.material-color-option input[type=number]{width:100%;height:38px}
.material-color-option input[type=number]:disabled{opacity:.45}
#material-status{min-height:20px;color:#b9d8e7}
.material-categories{display:grid;gap:10px;margin-top:14px}
.material-group-note{padding:12px;border:1px solid #267b95;border-radius:12px;background:#0d3446}
.material-group-note h3,.material-other-heading{margin:0;color:#e9f6fc;font-size:16px;line-height:1.35}
.material-group-note p{margin:7px 0 0;color:#cce1e9;font-size:13px;line-height:1.5}
.material-other-heading{margin:7px 0 0;padding-top:14px;border-top:1px solid #35506a}
.material-category-card{display:block;min-width:0;padding:12px;border:1px solid #35506a;border-radius:12px;background:#102a40}
.material-category-card h3{display:block;margin:0 0 9px;color:#e9f6fc;font-size:15px;line-height:1.35}
.module-card p,.material-category-hint{margin:4px 0 9px;color:#b9d8e7;font-size:13px;line-height:1.4}
.material-category-card>button{display:block;width:100%;min-height:45px;padding:9px 12px;border:1px solid #2c9ab8;border-radius:10px;background:#17445f;color:#f2f8ff;font-size:14px;font-weight:700;line-height:1.25;text-align:center;white-space:pre-line;cursor:pointer}
.material-category-card>button:hover,.material-category-card>button[aria-expanded=true]{background:#126681;border-color:#3dd7e7}
.material-category-count{margin:8px 0 0;color:#b9d8e7;font-size:13px}
.material-editor{margin-top:12px;padding:12px;border:1px solid #267b95;border-radius:12px;background:#0c2638}
.material-editor[hidden]{display:none}
.material-editor-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.material-editor-head h3{margin:0;font-size:16px}
.material-editor-head button{min-height:40px;padding:0 12px;border:1px solid #267b95;border-radius:9px;background:#173d51;color:#f2f8ff;font-weight:700}
.material-preview-row{display:flex;align-items:center;gap:7px;min-width:0;padding:9px 0;border-top:1px solid #294b61}
.material-category-card>button+.material-preview-row{margin-top:8px}
.material-preview-label{flex:1 1 auto;min-width:0;overflow-wrap:anywhere;font-size:14px;line-height:1.35}
.material-preview-count{flex:0 0 auto;color:#38d36f;font-size:17px}
.material-step{flex:0 0 37px;width:37px;height:37px;padding:0;border:0;border-radius:9px;color:#fff;font-size:18px;font-weight:800}
.material-step.remove{background:#df2037}.material-step.add{background:#0bb84f}
.material-preview-row>input[type=number]{flex:0 0 76px;width:76px;min-width:0;height:39px;padding:0 7px;border:1px solid #3b6582;border-radius:9px;background:#eaf3fa;color:#0b1220;font-size:16px}
.conductor-dot{margin-right:5px}.conductor-dot[data-color="Maro"]{color:#8b4513}.conductor-dot[data-color="Negru"]{color:#111}.conductor-dot[data-color="Gri"]{color:#aaa}.conductor-dot[data-color="Albastru"]{color:#2f7ff0}.conductor-dot[data-color="Verde/galben"]{color:#78cc24}.conductor-dot[data-color="Roșu"]{color:#f44141}.conductor-dot[data-color="Alb"]{color:#f1f1f1}
.material-legacy{padding:10px;border:1px solid #35506a;border-radius:10px;background:#102033}
.material-legacy summary{cursor:pointer;color:#b9d8e7;font-size:13px}
@media(max-width:520px){.material-entry{grid-template-columns:1fr}.material-entry button{grid-column:1}}
@media(max-width:380px){.material-option-colors{grid-template-columns:1fr}}