.apparel-settings-block{display:grid;gap:12px;margin:10px 0;padding:16px;border:1px solid #b9d8dc;border-radius:14px;background:linear-gradient(145deg,#f3fbfa,#eef5ff)}
.apparel-settings-block header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.apparel-settings-block h3{margin:0 0 5px;color:#123f50}
.apparel-settings-block p{margin:0;color:#617887;line-height:1.6}
.apparel-settings-block header>span{flex:0 0 auto;padding:5px 10px;border-radius:999px;background:#e7edf1;color:#60717b;font-size:12px;font-weight:800}
.apparel-settings-block header>span.enabled{background:#d9f4e8;color:#14704f}
.apparel-settings-block header>span.disabled{background:#f0f1f3;color:#69737b}
.apparel-settings-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}
.apparel-settings-actions small{color:#657b88;line-height:1.5}
.apparel-batch-placeholder{display:flex;align-items:center;gap:16px;min-height:150px;padding:24px}
.apparel-batch-placeholder>span{display:grid;place-items:center;width:62px;height:62px;border-radius:18px;background:#e1f4f2;color:#087f8c;font-size:28px}
.apparel-batch-placeholder h3{margin:0 0 7px;color:#173d4c}
.apparel-batch-placeholder p{margin:0;color:#687e8a;line-height:1.7}
.apparel-workbench{display:grid;gap:14px;min-width:0}
.apparel-tabs{display:flex;gap:7px;overflow-x:auto;padding:4px;border:1px solid #dbe7ea;border-radius:13px;background:#f5f9fa;scrollbar-width:thin}
.apparel-tab{flex:0 0 auto;min-height:38px;padding:0 15px;border:0;border-radius:9px;background:transparent;color:#526b76;font:inherit;font-weight:750;cursor:pointer}
.apparel-tab.active{background:#fff;color:#087887;box-shadow:0 2px 9px #264d5b18}
.apparel-callout{display:flex;gap:10px;align-items:center;padding:11px 13px;border:1px solid #b7ddd9;border-radius:11px;background:#edf9f7;color:#176657}
.apparel-callout.danger{align-items:flex-start;flex-direction:column;border-color:#efc6c6;background:#fff2f2;color:#8c3434}
.apparel-callout span{line-height:1.5}
.apparel-body{min-width:0;padding:17px;border:1px solid #dce7ea;border-radius:14px;background:#fff;box-shadow:0 7px 24px #1639470b}
.apparel-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:15px}
.apparel-section-head h3{margin:0 0 5px;color:#153f4c}
.apparel-section-head p{margin:0;color:#687f89;line-height:1.55}
.apparel-master-grid,.apparel-size-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:11px}
.apparel-master-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:13px;border:1px solid #dce7e9;border-radius:12px;background:#fbfdfd}
.apparel-master-card b,.apparel-master-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.apparel-master-card small{margin-top:4px;color:#71858d}
.apparel-master-card>span,.apparel-state{padding:4px 8px;border-radius:999px;background:#e4f4ee;color:#247052;font-size:12px}
.apparel-swatch{width:28px;height:28px;border:2px solid #fff;border-radius:50%;background:var(--swatch);box-shadow:0 0 0 1px #cad9dc}
.apparel-size-card{min-width:0;border:1px solid #dce7e9;border-radius:12px;overflow:hidden}
.apparel-size-card header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding:12px;background:#f3f8f8}
.apparel-size-card header b,.apparel-size-card header small{display:block}.apparel-size-card header small{margin-top:3px;color:#70838c}
.apparel-size-card header>span{color:#3a727c;font-size:12px}
.apparel-size-card ol{display:flex;gap:8px;overflow-x:auto;margin:0;padding:12px;list-style:none}
.apparel-size-card li{flex:0 0 58px;padding:8px 5px;border:1px solid #d9e5e7;border-radius:9px;text-align:center}
.apparel-size-card li span,.apparel-size-card li small{display:block}.apparel-size-card li small{margin-top:3px;color:#7b8d94}
.apparel-table-scroll{max-width:100%;overflow:auto;border:1px solid #dce6e9;border-radius:12px}
.apparel-table{width:100%;border-collapse:collapse;background:#fff}
.apparel-table th,.apparel-table td{padding:10px;border-bottom:1px solid #e5ecee;text-align:left;white-space:nowrap}
.apparel-table th{position:sticky;top:0;z-index:1;background:#f2f7f8;color:#47636e;font-size:12px}
.apparel-table tbody tr:last-child td{border-bottom:0}.apparel-empty{padding:26px;color:#74868d;text-align:center}
.apparel-style-bar{align-items:flex-end}.apparel-style-bar>label{display:grid;gap:5px;min-width:min(400px,100%)}
.apparel-style-bar select,.apparel-bulk select,.apparel-bulk input,.apparel-matrix-table input,.apparel-size-entry input{box-sizing:border-box;min-height:38px;border:1px solid #ccdadd;border-radius:8px;background:#fff;color:#243f49;font:inherit}
.apparel-style-bar select,.apparel-bulk select,.apparel-bulk input{padding:0 10px}
.apparel-style-bar>div{display:grid;justify-items:end;gap:5px;color:#667d86}
.apparel-legacy{padding:5px 9px;border-radius:8px;background:#fff4d9;color:#7c5b12;font-size:12px}
.apparel-bulk{display:flex;align-items:end;gap:9px;margin-bottom:12px;padding:11px;border-radius:11px;background:#f4f8f9}
.apparel-bulk label{display:grid;gap:4px}.apparel-bulk label span{color:#617781;font-size:12px}
.apparel-bulk .button{min-height:38px}
.apparel-matrix-table{min-width:920px}.apparel-matrix-table tr.disabled{background:#f4f5f5;color:#8a9599}
.apparel-dimensions{padding:10px 12px}.apparel-dimensions summary{font-weight:750;cursor:pointer}.apparel-dimensions .form-hint{margin:7px 0 9px;line-height:1.45}.apparel-dimension-grid{grid-template-columns:minmax(240px,.8fr) minmax(320px,1.2fr)}.apparel-dimension-grid fieldset{min-width:0;padding:8px 10px;border:1px solid #dce7e9;border-radius:10px}.apparel-choice-list{display:flex;align-items:center;flex-wrap:wrap;gap:5px 12px}.apparel-choice-list label{display:flex;align-items:center;gap:4px;min-height:28px;line-height:1.2}.apparel-choice-list input{margin:0}.apparel-size-picker{display:grid;gap:7px}.apparel-size-filter{display:flex;align-items:center;gap:8px}.apparel-size-filter span{color:#617781;font-size:12px}.apparel-size-filter select{min-width:210px;min-height:32px;padding:0 8px;border:1px solid #ccdadd;border-radius:8px;background:#fff;color:#243f49;font:inherit}.apparel-size-picker>small,.apparel-size-empty{color:#6a8089;font-size:12px}
.apparel-matrix-table th,.apparel-matrix-table td{padding:5px 6px}.apparel-matrix-table input:not([type=checkbox]){width:118px;min-height:32px;padding:0 7px}.apparel-matrix-table input[type=checkbox]{width:18px;height:18px}
.apparel-matrix-mobile{display:none}.apparel-color-card{border:1px solid #dbe6e8;border-radius:12px;overflow:hidden}.apparel-color-card h4{margin:0;padding:11px 12px;background:#edf6f6;color:#245964}
.apparel-size-strip{display:flex;gap:10px;overflow-x:auto;padding:10px;scroll-snap-type:x proximity}
.apparel-size-entry{flex:0 0 min(276px,82vw);display:grid;gap:8px;padding:11px;border:1px solid #dae5e7;border-radius:10px;scroll-snap-align:start}
.apparel-size-entry.disabled{opacity:.7;background:#f3f5f5}.apparel-size-entry header{display:flex;align-items:center;justify-content:space-between}.apparel-size-entry header label{display:flex;align-items:center;gap:5px;font-size:12px}
.apparel-size-entry>label{display:grid;grid-template-columns:62px minmax(0,1fr);align-items:center;gap:7px;color:#61747c;font-size:12px}.apparel-size-entry input{width:100%;padding:0 8px}
.apparel-auto-code{display:grid;gap:4px;align-content:start}.apparel-auto-code>span,.apparel-size-code>span{font-weight:700}.apparel-auto-code>b{display:flex;align-items:center;min-height:43px;padding:0 11px;border:1px solid #b8d7dc;border-radius:9px;background:#eef8f8;color:#087a88;font-size:18px}.apparel-auto-code small,.apparel-auto-code-note,.apparel-size-code small,.apparel-size-editor-head small{display:block;color:#667d86;line-height:1.45}.apparel-size-editor{display:grid;gap:9px}.apparel-size-editor-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:10px;background:#eef7f7}.apparel-size-editor-head>div{min-width:0}.apparel-size-editor-head small{margin-top:3px;font-weight:400}.apparel-size-editor>[data-size-value-rows]{display:grid;gap:8px}.apparel-size-value-row{display:grid;grid-template-columns:120px minmax(180px,1fr) auto;align-items:end;gap:9px;padding:10px;border:1px solid #d5e3e6;border-radius:11px;background:#fff}.apparel-size-code{display:grid;gap:3px}.apparel-size-code>b{font-size:18px;color:#087a88}.apparel-size-value-row label span{display:block;margin-bottom:6px;font-weight:700}.apparel-size-row-actions{display:flex;gap:6px}.apparel-size-row-actions .button{min-width:40px;padding-inline:10px}
@media(max-width:760px){
  .apparel-settings-block{padding:13px}
  .apparel-settings-block header,.apparel-settings-actions{align-items:stretch;flex-direction:column}
  .apparel-settings-block header>span{align-self:flex-start}
  .apparel-settings-actions .button{width:100%;min-height:44px}
  .apparel-batch-placeholder{align-items:flex-start;min-height:0;padding:16px}
  .apparel-batch-placeholder>span{width:48px;height:48px;flex:0 0 48px;border-radius:14px;font-size:22px}
  .apparel-workbench{gap:10px}.apparel-tabs{margin:0 -2px}.apparel-tab{min-height:44px;padding:0 13px}
  .apparel-body{padding:12px}.apparel-section-head,.apparel-style-bar{align-items:stretch;flex-direction:column}
  .apparel-section-head .button{width:100%;min-height:44px}.apparel-master-grid,.apparel-size-grid{grid-template-columns:minmax(0,1fr)}
  .apparel-style-bar>label{min-width:0}.apparel-style-bar select{min-height:44px;width:100%}.apparel-style-bar>div{justify-items:start}
  .apparel-dimensions{padding:10px}.apparel-dimension-grid{grid-template-columns:minmax(0,1fr)}.apparel-size-filter{align-items:stretch;flex-direction:column}.apparel-size-filter select{width:100%;min-height:44px}.apparel-choice-list label{min-height:36px}
  .apparel-bulk{display:grid;grid-template-columns:1fr 1fr}.apparel-bulk label{min-width:0}.apparel-bulk select,.apparel-bulk input{width:100%;min-height:44px}.apparel-bulk .button{min-height:44px}.apparel-bulk [data-matrix-save]{grid-column:1/-1}
  .apparel-matrix-desktop{display:none}.apparel-matrix-mobile{display:grid;gap:10px}.apparel-size-entry input{min-height:44px}.apparel-size-entry input[type=checkbox]{width:20px;min-height:20px;height:20px}
  .apparel-size-editor-head{align-items:stretch;flex-direction:column}.apparel-size-editor-head .button{width:100%;min-height:44px}.apparel-size-value-row{grid-template-columns:88px minmax(0,1fr)}.apparel-size-row-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 2fr}.apparel-size-row-actions .button{width:100%;min-height:42px}
  .apparel-callout{align-items:flex-start;flex-direction:column}
}
@media(min-width:761px) and (max-width:1050px){.apparel-matrix-table{min-width:850px}.apparel-bulk{flex-wrap:wrap}}
.apparel-access-guide{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 12px;padding:12px 14px;border:1px solid #b8dce0;border-radius:12px;background:#f0faf9;color:#234d56}
.apparel-access-guide b,.apparel-access-guide small{display:block}.apparel-access-guide p{margin:4px 0;color:#3e626b}.apparel-access-guide small{color:#607981;line-height:1.45}
.apparel-access-guide-actions{display:flex;flex:0 0 auto;gap:8px}.apparel-access-guide-actions .button{min-height:44px}
@media(max-width:760px){.apparel-access-guide{align-items:stretch;flex-direction:column;padding:11px 12px}.apparel-access-guide-actions{display:grid;grid-template-columns:1fr}.apparel-access-guide-actions .button{width:100%;min-height:44px}}