.measurement-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.material-size-filters{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.material-size-filters input{flex:1;min-width:180px;font-size:16px;min-height:44px;border:1px solid #c9d5c8;border-radius:8px;padding:10px}
.material-size-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;border-top:1px solid #e1e7dd}
.material-size-row>.item-button{min-width:0;flex:1}
.material-size-row .item-button>span:not(.item-initial){min-width:0;display:flex;flex-direction:column;gap:4px}
.material-size-row .item-name,.material-size-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.material-size-row>.button{flex-shrink:0;min-height:44px}
.material-size-details{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;border-bottom:1px solid #e0e6dc;padding:12px 0;margin-bottom:12px}
.material-size-details small{flex-basis:100%}
#material-size-dialog{width:min(560px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:0;border:1px solid #d7e0d3;border-radius:16px;overflow:auto;color:#224a36}
#material-size-dialog::backdrop{background:#18322566;backdrop-filter:blur(3px)}
#material-size-dialog .drawer-header{padding:18px 22px}
#material-size-dialog h2{font-size:22px;overflow-wrap:anywhere}
#material-size-form{padding:18px 22px}
#material-size-form input,#material-size-form select,#material-size-form textarea{font-size:16px;min-height:44px;width:100%;box-sizing:border-box}
#material-size-form details{margin-bottom:16px}
#material-size-form summary{cursor:pointer;min-height:44px;display:flex;align-items:center}
#material-size-form summary:before{content:'▸';margin-right:8px}
#material-size-form details[open]>summary:before{content:'▾'}
#material-size-updated{display:block;color:#61705f;font-size:13px;margin-top:12px}
#material-size-form .drawer-actions{position:sticky;bottom:-18px;background:white;padding:12px 0;margin-top:12px;gap:10px}
@media(max-width:700px){
 .measurement-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}
 .measurement-tabs .button{padding:10px 8px;font-size:14px;white-space:normal}
 .material-size-row{gap:8px;padding:8px 10px;min-height:64px;box-sizing:border-box}
 .material-size-row .item-thumbnail,.material-size-row .item-initial{width:36px;height:36px;min-width:36px}
 .material-size-row .item-name{font-size:14px;line-height:19px}
 .material-size-row small{font-size:12px;line-height:17px}
 .material-size-row>.button{font-size:12px;padding:8px;min-width:64px}
 .material-size-filters{padding:12px;display:grid;grid-template-columns:1fr 1fr}
 .material-size-filters input{grid-column:1/-1;width:100%;min-width:0}
 .material-size-filters select{width:100%;min-width:0;font-size:16px}
 #material-size-dialog .drawer-header,#material-size-form{padding:14px 16px}
 #material-size-form .field-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
 #material-size-dialog h2{font-size:19px}
}
