/* Segment 6 · lightweight materials */
.material-picker-field{display:flex;flex-direction:column;gap:6px;min-width:0}
.material-picker-field>label{font-size:10.5px;font-weight:750;color:#496177}
.material-picker{position:relative}
.material-picker>summary{list-style:none;min-height:42px;border:1px solid #cad7e5;border-radius:9px;background:#fff;padding:8px 36px 8px 11px;display:flex;flex-direction:column;justify-content:center;gap:2px;cursor:pointer;position:relative;box-sizing:border-box}
.material-picker>summary::-webkit-details-marker{display:none}
.material-picker>summary span{font-size:11.5px;color:#203b55;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.material-picker>summary small{font-size:9px;color:#8090a0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.material-picker>summary i{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-style:normal;color:#6f8294}
.material-picker[open]>summary{border-color:#72a8d9;box-shadow:0 0 0 3px rgba(38,113,181,.08)}
.material-picker-panel{position:absolute;z-index:80;left:0;top:calc(100% + 5px);width:min(390px,calc(100vw - 50px));max-height:430px;overflow:auto;background:#fff;border:1px solid #cfdce8;border-radius:12px;box-shadow:0 16px 38px rgba(22,54,86,.16);padding:10px}
.material-picker-search{height:38px;border:1px solid #d5e0ea;border-radius:9px;background:#f9fbfd;display:flex;align-items:center;gap:7px;padding:0 10px;margin-bottom:10px}
.material-picker-search span{color:#71859a}
.material-picker-search input{border:0;outline:0;background:transparent;width:100%;font:inherit;font-size:11px;color:#20384e}
.material-picker-section>b{display:block;padding:7px 7px 5px;font-size:8.5px;letter-spacing:.09em;color:#8797a7}
.material-picker-option{width:100%;border:0;background:#fff;border-radius:8px;padding:8px 9px;text-align:left;display:flex;flex-direction:column;gap:2px;cursor:pointer}
.material-picker-option:hover{background:#f2f7fc}
.material-picker-option span{font-size:11.5px;font-weight:700;color:#26445f}
.material-picker-option small{font-size:9px;color:#7f91a2}
.material-picker-option[hidden]{display:none}
.material-picker-create{width:100%;border:0;border-top:1px solid #e2e9f0;border-bottom:1px solid #e2e9f0;background:#f8fbff;color:#1762a6;text-align:left;padding:10px 9px;margin:7px 0;font:inherit;font-size:11px;font-weight:800;cursor:pointer}
.material-picker-create:hover{background:#eef6ff}
.material-picker-empty{font-size:9.5px;color:#8a99a7;padding:7px;margin:0}
.material-create-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.material-create-form label{display:flex;flex-direction:column;gap:6px}
.material-create-form label>span{font-size:11px;font-weight:750;color:#465e74}
.material-create-form input,.material-create-form select{border:1px solid #cad7e5;border-radius:9px;padding:10px 11px;font:inherit;font-size:11.5px;color:#20384e;background:#fff}
.material-create-form .full{grid-column:1/-1}
.material-create-form small{font-size:9.5px;color:#8393a3}
.material-settings-card{margin-top:18px}
.material-settings-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:12px}
.material-settings-head h2{margin:0;color:#294760;font-size:16px}
.material-settings-head p{margin:4px 0 0;color:#788b9d;font-size:10.5px}
.material-settings-toolbar{display:flex;gap:10px;align-items:center;margin-bottom:12px}
.material-settings-toolbar input{flex:1;border:1px solid #cad7e5;border-radius:9px;padding:10px 11px;font:inherit;font-size:11px}
.material-settings-list{border:1px solid #e0e7ef;border-radius:11px;overflow:hidden}
.material-settings-row{display:grid;grid-template-columns:minmax(180px,1.5fr) 100px minmax(160px,1fr) 90px auto;gap:12px;align-items:center;padding:11px 13px;border-bottom:1px solid #edf1f5}
.material-settings-row:last-child{border-bottom:0}
.material-settings-row b{font-size:11.5px;color:#28465f}
.material-settings-row span,.material-settings-row small{font-size:10px;color:#778b9e}
.material-tag-list{display:flex;gap:4px;flex-wrap:wrap}
.material-tag-list i{font-style:normal;font-size:8.5px;background:#eef4fa;color:#55718b;border-radius:999px;padding:3px 6px}
@media(max-width:720px){.material-create-form{grid-template-columns:1fr}.material-create-form .full{grid-column:auto}.material-settings-row{grid-template-columns:1fr auto}.material-settings-row>*:nth-child(2),.material-settings-row>*:nth-child(3),.material-settings-row>*:nth-child(4){display:none}}