.closet-filter-panel{margin:20px 18px 8px;border:1px solid #e4d7ca;border-radius:18px;background:#fff}
.closet-filter-panel>summary{padding:16px 18px;cursor:pointer;color:#402d22;font-weight:600;min-height:44px;box-sizing:border-box}
.closet-filter-panel>summary span{font-size:1rem}.closet-filter-panel>summary small{display:block;margin:7px 0 0 18px;color:#655548;font-size:.875rem;font-weight:400;overflow-wrap:anywhere}
.closet-filter-panel .closet-controls{margin:0 12px 12px;gap:12px}.closet-filter-panel .closet-filter-block{box-shadow:none;background:#fcfaf7}
.clear-closet-filters{margin:0 18px 12px;padding:10px 14px;min-height:44px;border:1px solid #b58a5a;border-radius:12px;background:#fff;color:#402d22;font-size:.9375rem;cursor:pointer}
.shell button:focus-visible,.shell summary:focus-visible,.shell input:focus-visible,.shell select:focus-visible{outline:3px solid #835b32;outline-offset:3px}
.info h3{font-size:1rem;line-height:1.4}.meta{font-size:.875rem;color:#655548;flex-wrap:wrap}.badge{font-size:.8125rem}.style-tag{font-size:.75rem;max-width:calc(100% - 80px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#402d22}
.fav{width:44px;height:44px}.sheet .close,.travel-close,.piece-name-editor-close,.admin-close{min-width:44px;min-height:44px}
.choice,.mini-action{min-height:44px}.color-filter{font-size:1rem}.section-head span{color:#655548}
@media(min-width:760px){.closet-filter-panel{margin-left:32px;margin-right:32px}}
@media(max-width:480px){.closet-filter-panel .closet-controls{margin:0 10px 10px}.closet-filter-panel .closet-filter-block{padding:14px}.search input{font-size:1rem}}
@media(prefers-reduced-motion:reduce){.card,.photo img,.suggestion-toast{transition:none}.panel{animation:none}.card:hover{transform:none}}
/* Small screens and phone safe areas. */
.bottom-nav{padding-bottom:calc(8px + env(safe-area-inset-bottom,0px))}
.main{padding-bottom:calc(90px + env(safe-area-inset-bottom,0px))}
.sheet .panel,.suggestions-wrap,.admin-wrap,.piece-name-editor-card{max-height:100dvh}
.personal-filter,.suggestion-content,.admin-user-main>div,.admin-controls label,.piece-name-editor-fields label{min-width:0}
.suggestions-head h2,.admin-head h2,.panel h2,.suggestion-content h4{overflow-wrap:anywhere}
@media(max-width:480px){.personal-filter .choice-row{flex-wrap:wrap;overflow:visible}.choice-row .choice{max-width:100%;white-space:normal}.admin-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-controls input,.admin-controls select,.piece-name-editor-fields input,.piece-name-editor-fields select{font-size:1rem;min-width:0}.suggestions-body{padding-bottom:calc(100px + env(safe-area-inset-bottom,0px))}.lightbox{padding-bottom:calc(14px + env(safe-area-inset-bottom,0px))}}
@media(max-width:360px){.tools .tool{padding:12px}.tools .tool b{overflow-wrap:anywhere}.meta{font-size:.8125rem}.admin-controls{grid-template-columns:minmax(0,1fr)}}

@media(max-width:759px){.piece-form input,.piece-form select,.builder-controls input,.builder-controls select,.trip-form input,.trip-form select{font-size:16px;min-height:44px}.lightbox-actions button{min-height:44px}}

/* Keep the exit reachable while the looks scroll on phones and desktops. */
.suggestions{overflow:hidden}
.suggestions.open{display:flex;flex-direction:column}
.suggestions .suggestions-wrap{display:flex;flex-direction:column;width:100%;height:100%;min-height:0;max-height:none;overflow:hidden}
.suggestions .suggestions-head{position:relative;flex:0 0 auto;padding-top:calc(14px + env(safe-area-inset-top,0px))}
.suggestions .suggestions-head>div{min-width:0}
.suggestions .suggestions-body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}
.suggestions .suggestions-back{width:auto;flex:0 0 auto;padding:10px 12px;border:1px solid #ead8c8;border-radius:12px;background:#fff;color:#402d22;font:700 .82rem/1.2 system-ui,sans-serif;cursor:pointer}
.suggestions .suggestions-back:focus-visible{outline:3px solid #f1c990;outline-offset:3px}
@media(max-width:380px){.suggestions .suggestions-head{padding-left:12px;padding-right:12px;gap:8px}.suggestions .suggestions-head h2{font-size:1.18rem}.suggestions .suggestions-back{max-width:126px}}