/* ============================================================
   WHERING 4.0 — Mobile / PWA
   A versão móvel é interface de uso, não ambiente de manutenção.
   ============================================================ */
.cloud-status{position:fixed;z-index:1800;right:14px;top:12px;width:auto;display:flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid #d8ddd7;border-radius:999px;background:rgba(255,255,255,.94);box-shadow:0 5px 18px rgba(24,35,28,.10);font-size:9px;font-weight:750;color:#36413a;backdrop-filter:blur(8px)}
.cloud-dot{width:7px;height:7px;border-radius:999px;background:#8a918c}.cloud-status[data-state="synced"] .cloud-dot{background:#2f7a4f}.cloud-status[data-state="syncing"] .cloud-dot{background:#b1852e}.cloud-status[data-state="offline"] .cloud-dot,.cloud-status[data-state="error"] .cloud-dot{background:#a94747}.cloud-status[data-state="local"] .cloud-dot{background:#7d8580}
.cloud-overlay{position:fixed;inset:0;z-index:5000;display:grid;place-items:center;padding:18px;background:rgba(18,24,20,.58);backdrop-filter:blur(8px)}.cloud-overlay[hidden]{display:none}.cloud-dialog{width:min(430px,100%);max-height:min(740px,calc(100vh - 28px));overflow:auto;padding:24px;border-radius:18px;background:#fdfefc;border:1px solid #dce1dc;box-shadow:0 26px 90px rgba(0,0,0,.28);color:#202822}.cloud-brand{display:flex;align-items:center;gap:10px;margin-bottom:22px}.cloud-brand>span{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#18201b;color:#fff;font-weight:900}.cloud-brand div{display:flex;flex-direction:column}.cloud-brand strong{font-size:12px;letter-spacing:.08em}.cloud-brand small{font-size:8px;color:#778078;margin-top:2px}.cloud-dialog h1{font-size:23px;letter-spacing:-.025em;margin:0 0 8px}.cloud-lead{margin:0 0 18px;color:#667068;font-size:12px;line-height:1.55}.cloud-field{display:grid;gap:6px;margin:11px 0}.cloud-field span{font-size:9px;font-weight:800;color:#58625b}.cloud-field input{width:100%;min-height:44px;padding:10px 11px;border:1px solid #cfd6d0;border-radius:10px;background:#fff;font-size:14px}.cloud-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}.cloud-actions button{width:auto;min-height:39px;padding:8px 12px;border-radius:9px}.cloud-actions .cloud-primary{background:#254f3b;color:#fff;border-color:#254f3b}.cloud-actions .cloud-danger{color:#8e3535}.cloud-note{margin:15px 0 0;font-size:9px;line-height:1.5;color:#7a827c}.cloud-auth-message{min-height:18px;margin-top:8px;font-size:10px;color:#486151}.cloud-auth-message.error{color:#a23f3f}.cloud-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cloud-choice-grid>div{padding:12px;border:1px solid #dfe4df;border-radius:10px;background:#f7f9f6}.cloud-choice-grid strong,.cloud-choice-grid span{display:block}.cloud-choice-grid strong{font-size:11px}.cloud-choice-grid span{margin-top:4px;font-size:9px;color:#737b75}.cloud-account-info{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px;border:1px solid #e1e5e0;border-radius:11px;background:#f8faf7;font-size:9px}.cloud-account-info strong{text-align:right}.v4-fatal{position:fixed;z-index:9000;inset:20px;display:grid;place-items:center;align-content:center;gap:10px;padding:30px;background:#fff;border:1px solid #d9ded8;border-radius:18px;text-align:center}.v4-fatal strong{font-size:18px}.v4-fatal span{font-size:11px;color:#777}.v4-fatal button{width:auto}
.mobile-filter-btn,.mobile-filter-backdrop{display:none}

@media(max-width:760px){
  html{scroll-padding-bottom:76px}body{padding-bottom:0}
  .app-sidebar{top:auto!important;bottom:0!important;left:0!important;right:0!important;width:100%!important;height:68px!important;padding:6px 8px calc(6px + env(safe-area-inset-bottom))!important;border-right:0!important;border-top:1px solid rgba(255,255,255,.1);z-index:1700}
  .app-nav{height:100%;align-items:center}.app-nav-btn{height:50px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:3px!important;border-radius:10px!important;padding:3px!important}.app-nav-btn svg{width:20px!important;height:20px!important}.app-nav-btn span{display:block!important;font-size:8px!important;line-height:1!important}
  .app-content{margin-left:0!important;padding-top:0!important;padding-bottom:calc(68px + env(safe-area-inset-bottom))!important}
  .app-page{min-height:calc(100vh - 68px)}.page-shell{padding:18px 11px 28px!important}.page-heading{gap:13px!important;padding-bottom:16px!important}.page-heading h1,.compact-heading h1{font-size:23px!important;line-height:1.12!important}.page-heading p{font-size:12px!important}.eyebrow,.section-kicker{font-size:9px!important}.heading-actions{width:100%}.heading-actions button{flex:1;min-height:40px;font-size:11px}.v3-card{padding:13px!important;border-radius:13px!important}.section-head h2{font-size:16px!important}.section-note{font-size:10px!important}.stat-card{padding:12px!important}.stat-card b{font-size:24px!important}.stat-card span{font-size:9px!important}
  .cloud-status{top:8px;right:8px;font-size:8px;padding:6px 8px}.cloud-status span:last-child{max-width:92px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .data-safety-card{display:none!important}
  .event-row{grid-template-columns:62px 66px minmax(0,1fr)!important;gap:7px!important}.event-date{font-size:10px!important}.event-main strong{font-size:11px!important}.event-main small{font-size:9px!important}.event-badge{font-size:8px!important}.rotation-piece strong{font-size:10px!important}.rotation-piece small{font-size:9px!important}.home-look-row strong{font-size:10px!important}.home-look-row small{font-size:9px!important}
  .page-saved-grid{grid-template-columns:1fr!important}.saved-look-card{min-width:0!important}.page-search{width:100%!important}.look-page-tabs{width:100%;overflow:auto}.look-page-tabs button{flex:1;white-space:nowrap;font-size:10px!important}
  .planning-layout,.insights-two-col{grid-template-columns:1fr!important}.planning-recent-grid{grid-template-columns:1fr!important}.group-chip{font-size:10px!important}.recent-event-card strong{font-size:10px!important}.recent-event-card small{font-size:9px!important}.combo-row{grid-template-columns:52px 52px minmax(0,1fr)!important}.combo-row img{width:52px!important;height:52px!important}.combo-row strong{font-size:10px!important}.combo-row small{font-size:9px!important}.score-pill{display:none}.quality-grid{grid-template-columns:1fr!important}

  /* Guarda-roupa: filtros viram gaveta e o look montado fica compacto. */
  #page-wardrobe{padding-left:0!important}.mobile-filter-btn{display:inline-flex;width:auto;min-height:36px;align-items:center;padding:7px 10px;border-radius:9px;background:#fff;border:1px solid var(--v3-line);font-size:10px;font-weight:800}
  #page-wardrobe .wardrobe-filter-rail{display:none!important;position:fixed!important;z-index:2600!important;inset:0 0 calc(68px + env(safe-area-inset-bottom)) 0!important;width:auto!important;height:auto!important;margin:0!important;border:0!important;border-radius:0!important;background:#f7f8f5!important;overflow:auto!important}.mobile-filters-open #page-wardrobe .wardrobe-filter-rail{display:block!important}.mobile-filter-backdrop{position:fixed;z-index:2500;inset:0 0 calc(68px + env(safe-area-inset-bottom)) 0;background:rgba(15,20,16,.35);border:0;border-radius:0}.mobile-filters-open .mobile-filter-backdrop{display:block}
  #page-wardrobe .filter-rail-scroll{padding:16px 12px 28px!important}.mobile-filters-open #page-wardrobe .filter-rail-fields,.mobile-filters-open #page-wardrobe .filter-rail-fields.advanced-on{grid-template-columns:1fr!important}.mobile-filters-open #page-wardrobe .category-bar{grid-template-columns:1fr 1fr!important}
  #page-wardrobe #mainHeader{top:0!important}.wardrobe-title-row{align-items:center!important}.wardrobe-title-compact h1{font-size:18px!important}.wardrobe-title-compact .subtitle{font-size:9px!important}.harmony-panel{overflow-x:hidden}.harmony-topline{align-items:flex-start!important;gap:7px!important}.harmony-actions{gap:4px!important}.harmony-mode-label,.eyedropper-note{display:none!important}.harmony-actions button{font-size:8px!important;padding:5px 6px!important}.harmony-title{font-size:9px!important}.base-chip,.harmony-scope{font-size:8px!important}.harmony-grid{max-height:96px!important}
  #page-wardrobe .page{padding:9px 9px 24px!important}.workspace{display:flex!important;flex-direction:column!important}.fixed-look{order:-1!important;position:relative!important;width:100%!important;height:430px!important;min-height:430px!important;margin:0 0 10px!important;top:auto!important}.look-stage{height:430px!important}.stage-wrap{height:360px!important;min-height:0!important}.stage{transform:scale(.74);transform-origin:top center;margin-bottom:-95px}.fixed-look .look-head{padding:9px 10px!important}.fixed-look .look-head h2{font-size:14px!important}.fixed-look .look-head small{font-size:8px!important}.left-col{margin-right:0!important}.panel{padding:11px!important}.panel h2{font-size:14px!important}.slot-grid{grid-template-columns:1fr 1fr!important;gap:7px!important}.slot label{font-size:8px!important}.slot select{min-height:39px;font-size:11px!important}.grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}.imagebox{height:155px!important}.content{padding:7px!important}.code{font-size:13px!important}.type{font-size:10px!important}.desc{font-size:9px!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tag{font-size:7px!important}.addbtn{font-size:9px!important;min-height:34px}.usage-popover{position:fixed!important;z-index:3000!important;left:7px!important;right:7px!important;top:auto!important;bottom:calc(76px + env(safe-area-inset-bottom))!important;width:auto!important;max-height:58vh!important;border-radius:16px!important}.usage-popover .piece-meta-label{font-size:8px!important}.usage-popover .piece-meta-value{font-size:10px!important}

  .saved-bank-modal,.wear-modal{inset:0 0 calc(68px + env(safe-area-inset-bottom))!important}.saved-bank-dialog,.wear-dialog{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;border-radius:0!important}.saved-bank-head{padding:10px!important}.saved-bank-head-actions{gap:4px!important}.saved-bank-head-actions input{width:135px!important}.saved-bank-grid{grid-template-columns:1fr!important;padding:8px!important}.wear-body{grid-template-columns:1fr!important;overflow:auto!important}.wear-calendar-side,.wear-form-side{min-width:0!important}.wear-form-side{border-left:0!important;border-top:1px solid #ddd!important}
  .cloud-dialog{padding:20px 16px}.cloud-choice-grid{grid-template-columns:1fr}.cloud-actions{display:grid;grid-template-columns:1fr}.cloud-actions button{width:100%}
}
.cloud-seed-box{display:grid;gap:4px;margin:8px 0;padding:11px 12px;border:1px solid #dfe4df;border-radius:10px;background:#f7f9f6}.cloud-seed-box strong{font-size:10px}.cloud-seed-box span{font-size:10px;line-height:1.5;color:#6e776f}