.clothing-wardrobe{min-width:0;margin:0;padding:16px;border:1px solid #d4e1eb;border-radius:14px;background:#f6f9fc}.clothing-wardrobe[hidden],.clothing-item[hidden]{display:none!important}.clothing-wardrobe legend{font-weight:700;padding:0 8px}.clothing-seasons{display:flex;gap:8px;margin-bottom:16px}.clothing-seasons .btn{flex:1;margin:0}.clothing-seasons [aria-pressed=true]{background:#123c58;color:white;border-color:#123c58}.clothing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.clothing-item{min-width:0;padding:14px;background:white;border:1px solid #d7e3ec;border-radius:12px}.clothing-item.is-selected{border-color:#ff9800;box-shadow:0 0 0 1px #ff9800}.clothing-illustration{display:grid;place-items:center;height:94px;background:#edf3f8;border-radius:8px;color:#214b70}.clothing-illustration svg{width:78px;height:78px;fill:currentColor;stroke:#7195b0;stroke-width:2;stroke-linejoin:round}.clothing-illustration.white_polo{color:#fff}.clothing-illustration.vest{color:#f5da42}.clothing-illustration.lanyard svg,.clothing-illustration.badge svg{fill:none;stroke:#214b70;stroke-width:3}.clothing-item h3{font-size:14px;min-height:36px;margin:12px 0 8px;line-height:1.3}.clothing-item-fields{display:grid;grid-template-columns:minmax(0,1fr) 72px;gap:8px}.clothing-item-fields label{margin:0;font-size:12px}.clothing-item-fields input,.clothing-item-fields select{box-sizing:border-box;width:100%;min-width:0;margin:5px 0 0;padding:8px;font-size:13px}.clothing-summary{margin:14px 0 0;font-size:13px;font-weight:600}@media(max-width:700px){.clothing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.clothing-wardrobe{padding:10px}.clothing-item{padding:10px}.clothing-item-fields{grid-template-columns:minmax(0,1fr)}.clothing-item h3{min-height:36px}}@media(max-width:340px){.clothing-grid{grid-template-columns:1fr}}

.clothing-grid>.clothing-group-title{grid-column:1/-1;margin:10px 0 0;padding-bottom:8px;border-bottom:1px solid #d7e3ec;font-size:16px;line-height:1.3;color:#123c58}.clothing-grid>.clothing-group-title:first-child{margin-top:0}

.clothing-illustration{height:140px;background:#fff;overflow:hidden}.clothing-illustration img{display:block;width:100%;height:100%;object-fit:contain}

body .clothing-item h3{min-height:0;margin:10px 0 8px;line-height:1.3}
body .clothing-item-fields{gap:8px}
body .clothing-item-fields label{margin:0;padding:0;gap:0}
body .clothing-item-fields select{height:36px;min-height:36px;margin:0;padding-top:5px;padding-bottom:5px;line-height:1.3}

body [data-owned-wardrobe] .clothing-item-fields input{height:36px;min-height:36px;margin:0;padding:5px 8px;box-sizing:border-box}body [data-owned-wardrobe] .form-actions{margin-top:20px}

.clothing-item-fields.clothing-quantity-only{grid-template-columns:minmax(0,1fr)}.clothing-item-fields>label[hidden]{display:none!important}

.owned-size-row+.owned-size-row{margin-top:10px;padding-top:10px;border-top:1px solid #d7e3ec}.owned-remove-size{display:block;margin:5px 0 0 auto;border:0;background:none;color:#8c4141;font-size:12px;cursor:pointer;padding:3px}.owned-add-size{width:100%;margin-top:10px!important;padding:6px!important;font-size:12px!important;min-height:32px!important}

.owned-summary-section+.owned-summary-section{margin-top:24px}.owned-summary-section h2{margin:0 0 12px}.owned-summary-sizes{list-style:none;padding:0;margin:0}.owned-summary-sizes li{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 0;border-bottom:1px solid #e2eaf1;font-size:13px}.owned-summary-sizes li:last-child{border-bottom:0}.owned-summary-sizes strong{white-space:nowrap}

/* Explicit image sizing avoids intrinsic grid sizes cropping product photos. */
body .clothing-illustration{display:flex;align-items:center;justify-content:center;height:140px;min-height:0}
body .clothing-illustration img{display:block;width:100%;height:140px;max-height:140px;min-height:0;min-width:0;object-fit:contain;object-position:center}
@media(min-width:1000px){
 .admin-wardrobe-editor .clothing-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:16px}
 .admin-wardrobe-editor .clothing-item{padding:12px}
 .admin-wardrobe-editor .clothing-seasons{max-width:620px;margin-bottom:20px}
 .admin-wardrobe-editor .clothing-illustration,.admin-wardrobe-editor .clothing-illustration img{height:160px;max-height:160px}
 .admin-wardrobe-editor .owned-size-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:center}
 .admin-wardrobe-editor .clothing-item-fields{grid-template-columns:minmax(0,1fr) 58px}
 .admin-wardrobe-editor .clothing-item-fields.clothing-quantity-only{grid-template-columns:minmax(0,1fr)}
 .admin-wardrobe-editor .owned-size-row>input[type=hidden]{display:none}
 .admin-wardrobe-editor .owned-remove-size{margin:0;padding:6px 2px;font-size:11px}
 .admin-wardrobe-editor .owned-size-row+.owned-size-row{margin-top:8px;padding-top:8px}
}

/* Keep size and quantity controls equally tall and leave room for native icons. */
body .admin-wardrobe-editor .clothing-item-fields{grid-template-columns:minmax(0,1fr) 76px;align-items:center;gap:8px}
body .admin-wardrobe-editor .clothing-item-fields.clothing-quantity-only{grid-template-columns:minmax(0,1fr)}
body .admin-wardrobe-editor .clothing-item-fields label{display:block;min-width:0;margin:0;padding:0}
body .admin-wardrobe-editor .clothing-item-fields select,body .admin-wardrobe-editor .clothing-item-fields input[type=number]{display:block;width:100%;height:36px;min-height:36px;max-height:36px;margin:0;box-sizing:border-box;font-size:13px;line-height:normal}
body .admin-wardrobe-editor .clothing-item-fields select{padding:6px 32px 6px 10px}
body .admin-wardrobe-editor .clothing-item-fields input[type=number]{padding:6px 8px;text-align:center}
body .admin-wardrobe-editor .owned-size-row{display:block}
body .admin-wardrobe-editor .owned-remove-size{margin:4px 0 0 auto;padding:3px 0}

.admin-wardrobe-editor [data-owned-size-row] .clothing-item-fields :is(select,input[type=number]){height:36px!important;min-height:36px!important;max-height:36px!important;margin-block:0!important;box-sizing:border-box!important;align-self:center}
.admin-wardrobe-editor [data-owned-size-row] .clothing-item-fields label{height:36px;align-self:center}

@media(min-width:1000px){
 body .admin-wardrobe-editor .owned-size-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px}
 body .admin-wardrobe-editor .owned-size-row>.clothing-item-fields{min-width:0;grid-template-columns:minmax(0,1fr) 64px}
 body .admin-wardrobe-editor .owned-size-row>.clothing-quantity-only{grid-template-columns:minmax(0,1fr)}
 body .admin-wardrobe-editor .owned-remove-size{margin:0;padding:0 2px;height:36px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}
}

@media(min-width:1000px){
 .admin-wardrobe-editor .clothing-seasons{margin-left:auto;margin-right:auto}
 body .admin-wardrobe-editor .clothing-illustration,body .admin-wardrobe-editor .clothing-illustration img{height:210px;max-height:210px}
}

body .admin-wardrobe-editor .clothing-item-fields{grid-template-columns:minmax(65px,1fr) minmax(130px,1.6fr)}
body .admin-wardrobe-editor .owned-size-row>.clothing-item-fields{grid-template-columns:minmax(65px,1fr) minmax(130px,1.6fr)}
body .admin-wardrobe-editor .clothing-item-fields.clothing-quantity-only{grid-template-columns:minmax(0,1fr)}
body .admin-wardrobe-editor .clothing-item-fields input[type=date]{height:36px;min-height:36px;margin:0;padding:5px 7px;font-size:12px;box-sizing:border-box}
.owned-summary-sizes small{display:block;color:#64748b;font-size:11px}

.admin-wardrobe-editor [data-owned-size-row] .clothing-item-fields input[type=date]{display:block;height:36px!important;min-height:36px!important;max-height:36px!important;margin:0!important;box-sizing:border-box!important;padding-top:5px;padding-bottom:5px;line-height:normal;align-self:center}
body .admin-wardrobe-editor .owned-add-size{margin-top:16px!important}

.admin-wardrobe-editor .wardrobe-confirmation-option{display:flex;align-items:center;gap:10px;margin-top:24px}.admin-wardrobe-editor .wardrobe-confirmation-option input[type=checkbox]{width:18px;height:18px;min-height:18px;margin:0;flex:0 0 18px}

body .admin-wardrobe-editor .wardrobe-save-actions,#wardrobe-save-dialog .wardrobe-save-actions{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:24px;flex-wrap:wrap}body .admin-wardrobe-editor .wardrobe-save-actions .btn{width:auto;margin:0}#wardrobe-save-dialog{width:min(500px,calc(100vw - 32px));box-sizing:border-box;padding:24px;border:1px solid #d7e3ec;border-radius:16px;color:#123c58}#wardrobe-save-dialog::backdrop{background:rgba(10,35,55,.45)}#wardrobe-save-dialog h2{font-size:18px;line-height:1.4;margin:0;text-align:center}#wardrobe-save-dialog .btn{min-width:90px;margin:0}

#wardrobe-save-dialog{position:fixed;inset:0;margin:auto;max-height:calc(100dvh - 32px);overflow:auto}

/* A delivery shares one date across every selected garment. */
.wardrobe-delivery+.wardrobe-delivery{margin-top:28px;padding-top:24px;border-top:2px solid #d7e3ec}
.wardrobe-delivery-heading{display:flex;align-items:center;gap:16px;margin-bottom:20px;flex-wrap:wrap}
.wardrobe-delivery-heading>label{display:grid;gap:6px;width:210px;margin:0}
.wardrobe-delivery-heading input{width:100%;height:38px;margin:0;box-sizing:border-box}
.wardrobe-delivery-heading>strong{font-size:15px;color:#123c58}
.wardrobe-delivery-heading>[data-remove-delivery]{margin-left:auto}
body .admin-wardrobe-editor .wardrobe-delivery .clothing-item-fields{grid-template-columns:minmax(0,1fr) 64px}
body .admin-wardrobe-editor .wardrobe-delivery .clothing-quantity-only{grid-template-columns:minmax(0,1fr)}
.wardrobe-add-delivery{display:block;margin:24px auto 0}
@media(max-width:700px){.wardrobe-delivery-heading{gap:10px}.wardrobe-delivery-heading>label{width:100%}.wardrobe-delivery .clothing-seasons{gap:6px}.wardrobe-delivery .clothing-seasons .btn{padding-left:8px;padding-right:8px}.wardrobe-delivery-heading>[data-remove-delivery]{margin-top:0}}

body .admin-wardrobe-editor .wardrobe-delivery-toolbar{display:grid;grid-template-columns:minmax(180px,1fr) minmax(0,620px) minmax(180px,1fr);align-items:end;gap:20px;margin-bottom:20px}
body .admin-wardrobe-editor .wardrobe-delivery-date{display:grid;gap:6px;width:210px;max-width:100%;margin:0}
body .admin-wardrobe-editor .wardrobe-delivery-date input{width:100%;height:42px;min-height:42px;margin:0;box-sizing:border-box}
body .admin-wardrobe-editor .wardrobe-delivery-toolbar .clothing-seasons{width:100%;max-width:none;margin:0;align-items:center}
body .admin-wardrobe-editor .wardrobe-delivery-toolbar .clothing-seasons .btn{min-height:42px}
body .admin-wardrobe-editor .wardrobe-delivery-toolbar>[data-remove-delivery]{justify-self:end;align-self:end;min-height:42px;margin:0;white-space:nowrap}
@media(max-width:1000px){body .admin-wardrobe-editor .wardrobe-delivery-toolbar{grid-template-columns:minmax(0,1fr) auto;gap:12px}body .admin-wardrobe-editor .wardrobe-delivery-toolbar .clothing-seasons{grid-column:1/-1;grid-row:2}body .admin-wardrobe-editor .wardrobe-delivery-toolbar>[data-remove-delivery]{grid-column:2;grid-row:1}}

.clothing-wardrobe .clothing-item.is-unavailable{background:#eef0f2;border-color:#d3d8de;color:#626b75}.clothing-wardrobe .is-unavailable img{filter:grayscale(1);opacity:.55}.clothing-wardrobe .is-unavailable select{background:#e1e5e9;color:#626b75;cursor:not-allowed}.clothing-wardrobe .clothing-illustration{position:relative}.clothing-wardrobe .clothing-unavailable-label{position:absolute;top:4px;left:50%;transform:translateX(-50%);z-index:1;max-width:calc(100% - 8px);box-sizing:border-box;margin:0;padding:4px 7px;border-radius:6px;background:#e1e5e9;color:#515b65;font-size:12px;font-weight:600;line-height:1.2;white-space:nowrap;pointer-events:none}

.clothing-wardrobe .clothing-sold-out-label{top:50%;left:50%;transform:translate(-50%,-50%) rotate(-18deg);max-width:calc(100% - 16px);padding:6px 10px;border:2px solid #b42318;border-radius:4px;background:rgba(255,255,255,.94);color:#b42318;font-size:16px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}