/* Home Dashboard V10 — Phase 4 reference UI
 * Matches the approved Cardondo mockup: compact hierarchy, warm surfaces,
 * consistent spacing, list-first mobile information density, and restrained orange.
 */
html[data-cardondo-home="v10-shell"]{
  --home-orange:#ff5a1f;
  --home-orange-hover:#f04d16;
  --home-orange-soft:#fff1ea;
  --home-bg:#faf8f5;
  --home-surface:#fff;
  --home-soft-surface:#fbfaf8;
  --home-line:#eee9e4;
  --home-line-soft:#f3efeb;
  --home-ink:#171a21;
  --home-muted:#666c76;
  --home-soft:#9aa0a6;
  --home-positive:#18a36a;
  --home-negative:#e05252;
  --home-radius:14px;
  font-family:Pretendard,"Noto Sans KR","Apple SD Gothic Neo",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
html[data-cardondo-home="v10-shell"] .homeV10QuickActions{display:none}
html[data-cardondo-home="v10-shell"] .homeV10Card,
html[data-cardondo-home="v10-shell"] .v9MoveList,
html[data-cardondo-home="v10-shell"] .v9SimpleList,
html[data-cardondo-home="v10-shell"] .v9Timeline,
html[data-cardondo-home="v10-shell"] .v9EvidenceMore{box-shadow:none!important}
html[data-cardondo-home="v10-shell"] .homeV10CardHeader small,
html[data-cardondo-home="v10-shell"] .homeV10Welcome small,
html[data-cardondo-home="v10-shell"] .homeV10MarketIntro small{
  text-transform:uppercase;
  letter-spacing:.08em;
}

@media(max-width:820px){
  html[data-cardondo-home="v10-shell"] body{
    background:#fff;
    padding-bottom:84px;
  }
  html[data-cardondo-home="v10-shell"] .v9Header{
    position:sticky;
    top:0;
    z-index:50;
    border-bottom:0;
    background:rgba(255,255,255,.98);
    backdrop-filter:blur(14px);
  }
  html[data-cardondo-home="v10-shell"] .homeV10HeaderInner{
    width:100%;
    min-height:76px;
    padding:0 20px 14px;
    box-sizing:border-box;
    grid-template-columns:minmax(0,1fr) auto;
    gap:12px;
  }
  html[data-cardondo-home="v10-shell"] .homeV10Brand{
    min-height:76px;
    gap:12px;
    font-size:23px;
    letter-spacing:-.035em;
  }
  html[data-cardondo-home="v10-shell"] .homeV10BrandMark{
    width:24px;
    height:24px;
    border-radius:7px;
    box-shadow:0 7px 18px rgba(255,90,31,.18);
  }
  html[data-cardondo-home="v10-shell"] .homeV10HeaderTools{gap:10px}
  html[data-cardondo-home="v10-shell"] .homeV10HeaderTools a,
  html[data-cardondo-home="v10-shell"] .homeV10HeaderTools a:last-child{
    width:52px;
    min-width:52px;
    height:52px;
    padding:0;
    border-radius:14px;
    border-color:var(--home-line);
    font-size:14px;
    font-weight:800;
    color:#454a52;
  }
  html[data-cardondo-home="v10-shell"] .homeV10HeaderTools a:first-child{font-size:23px;font-weight:500}
  html[data-cardondo-home="v10-shell"] .homeV10GlobalSearch{
    grid-column:1/-1;
    grid-row:2;
    width:100%;
    min-height:56px;
    margin:0;
    padding:5px 6px 5px 16px;
    gap:10px;
    border-radius:14px;
    background:#faf9f7;
  }
  html[data-cardondo-home="v10-shell"] .homeV10GlobalSearch>span{font-size:20px;color:#a0a4aa}
  html[data-cardondo-home="v10-shell"] .homeV10GlobalSearch input{
    font-size:16px;
    font-weight:500;
    letter-spacing:-.02em;
  }
  html[data-cardondo-home="v10-shell"] .homeV10GlobalSearch input::placeholder{color:#80858d;opacity:1}
  html[data-cardondo-home="v10-shell"] .homeV10GlobalSearch button{
    width:78px;
    min-height:44px;
    padding:0;
    border-radius:12px;
    font-size:15px;
  }
  html[data-cardondo-home="v10-shell"] .homeV10CategoryWrap{
    border-top:1px solid var(--home-line-soft);
    border-bottom:1px solid var(--home-line);
  }
  html[data-cardondo-home="v10-shell"] .homeV10CategoryNav{
    width:100%;
    min-height:56px;
    padding:0 20px;
    box-sizing:border-box;
    gap:8px;
    scroll-padding-left:20px;
  }
  html[data-cardondo-home="v10-shell"] .homeV10CategoryNav a{
    min-height:38px;
    padding:0 14px;
    border-radius:12px;
    font-size:15px;
    font-weight:750;
  }
  html[data-cardondo-home="v10-shell"] .v9Main{
    width:calc(100% - 40px);
    margin:0 auto 40px;
  }
  html[data-cardondo-home="v10-shell"] .homeV10MemberRoot{padding-top:26px}
  html[data-cardondo-home="v10-shell"] .homeV10Welcome{
    display:block;
    margin:0 0 22px;
  }
  html[data-cardondo-home="v10-shell"] .homeV10Welcome small{
    margin:0 0 8px;
    font-size:12px;
    line-height:1.2;
  }
  html[data-cardondo-home="v10-shell"] .homeV10Welcome h1{
    margin:0;
    max-width:100%;
    font-size:30px;
    line-height:1.22;
    letter-spacing:-.045em;
  }
  html[data-cardondo-home="v10-shell"] .homeV10Welcome p{
    margin:10px 0 0;
    color:var(--home-muted);
    font-size:14px;
    line-height:1.6;
  }
  html[data-cardondo-home="v10-shell"] .homeV10Welcome>a{
    width:max-content;
    min-height:46px;
    margin-top:16px;
    padding:0 16px;
    border-radius:12px;
    font-size:14px;
    font-weight:750;
  }
  html[data-cardondo-home="v10-shell"] .homeV10QuickActions{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:8px;
    margin:0 0 20px;
  }
  html[data-cardondo-home="v10-shell"] .homeV10QuickActions a{
    min-width:0;
    min-height:68px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:6px;
    border:1px solid var(--home-line);
    border-radius:13px;
    background:#fff;
    color:#555b63;
    text-decoration:none;
  }
  html[data-cardondo-home="v10-shell"] .homeV10QuickActions span{font-size:19px;color:var(--home-orange);line-height:1}
  html[data-cardondo-home="v10-shell"] .homeV10QuickActions b{font-size:11px;white-space:nowrap}
  html[data-cardondo-home="v10-shell"] .homeV10DashboardGrid,
  html[data-cardondo-home="v10-shell"] .homeV10SecondaryGrid{
    display:grid;
    grid-template-columns:1fr;
    gap:20px;
    margin:0;
  }
  html[data-cardondo-home="v10-shell"] .homeV10SecondaryGrid{margin-top:20px}
  html[data-cardondo-home="v10-shell"] .homeV10Card{
    border-radius:var(--home-radius);
    border-color:var(--home-line);
  }
  html[data-cardondo-home="v10-shell"] .homeV10CardHeader{
    align-items:flex-start;
    padding:20px 20px 0;
  }
  html[data-cardondo-home="v10-shell"] .homeV10CardHeader small{
    margin-bottom:7px;
    color:#9a9fa6;
    font-size:11px;
    line-height:1.2;
  }
  html[data-cardondo-home="v10-shell"] .homeV10CardHeader h2{
    font-size:22px;
    line-height:1.28;
    letter-spacing:-.035em;
  }
  html[data-cardondo-home="v10-shell"] .homeV10CardHeader>a,
  html[data-cardondo-home="v10-shell"] .homeV10CardHeaderMeta>a{
    padding-top:2px;
    font-size:13px;
    line-height:1.4;
  }
  html[data-cardondo-home="v10-shell"] .homeV10CollectionBody,
  html[data-cardondo-home="v10-shell"] .homeV10PlaceholderBody{
    padding:18px 20px 20px;
  }
  html[data-cardondo-home="v10-shell"] .homeV10AlertBody{padding:10px 20px 14px}
  html[data-cardondo-home="v10-shell"] .homeV10ActionRow{
    min-height:72px;
    grid-template-columns:44px minmax(0,1fr) auto;
    gap:12px;
    padding:10px 0;
    border-top-color:var(--home-line-soft);
  }
  html[data-cardondo-home="v10-shell"] .homeV10ActionIcon{
    width:44px;
    height:44px;
    border-radius:12px;
    background:#fff5f0;
    font-size:18px;
  }
  html[data-cardondo-home="v10-shell"] .homeV10ActionRow b{margin-bottom:4px;font-size:15px;line-height:1.35}
  html[data-cardondo-home="v10-shell"] .homeV10ActionRow small{font-size:12px;line-height:1.45}
  html[data-cardondo-home="v10-shell"] .homeV10ActionRow>strong{font-size:20px;font-weight:500}
  html[data-cardondo-home="v10-shell"] .homeV10CountPill{
    min-height:28px;
    padding:0 10px;
    font-size:12px;
  }
  html[data-cardondo-home="v10-shell"] .homeV10PrimaryButton{
    min-height:46px;
    padding:0 16px;
    border-radius:12px;
    font-size:14px;
  }
  html[data-cardondo-home="v10-shell"] .homeV10MemberMessage,
  html[data-cardondo-home="v10-shell"] .homeV10MemberEmpty{
    padding:16px;
    border-radius:12px;
    background:#fcfbf9;
  }
  html[data-cardondo-home="v10-shell"] .homeV10MemberMessage strong{font-size:18px;line-height:1.35}
  html[data-cardondo-home="v10-shell"] .homeV10MemberMessage p,
  html[data-cardondo-home="v10-shell"] .homeV10MemberEmpty p{
    margin:7px 0 14px;
    font-size:13px;
    line-height:1.55;
  }
  html[data-cardondo-home="v10-shell"] .homeV10MarketIntro{
    align-items:flex-start;
    margin:30px 0 8px;
    gap:14px;
  }
  html[data-cardondo-home="v10-shell"] .homeV10MarketIntro small{font-size:11px;margin-bottom:7px}
  html[data-cardondo-home="v10-shell"] .homeV10MarketIntro h2{font-size:26px;line-height:1.25}
  html[data-cardondo-home="v10-shell"] .homeV10MarketIntro p{margin-top:7px;font-size:13px;line-height:1.55}
  html[data-cardondo-home="v10-shell"] .homeV10MarketIntro>a{padding-top:24px;font-size:13px;line-height:1.4}
  html[data-cardondo-home="v10-shell"] .v9Section{margin-top:28px}
  html[data-cardondo-home="v10-shell"] .v9Section>header{margin:0 0 10px}
  html[data-cardondo-home="v10-shell"] .v9Section h2{font-size:25px;line-height:1.25;letter-spacing:-.035em}
  html[data-cardondo-home="v10-shell"] .v9Eyebrow{font-size:11px!important;letter-spacing:.08em}
  html[data-cardondo-home="v10-shell"] .v9MoveList,
  html[data-cardondo-home="v10-shell"] .v9SimpleList,
  html[data-cardondo-home="v10-shell"] .v9Timeline,
  html[data-cardondo-home="v10-shell"] .v9EvidenceMore{border-radius:14px}
  html[data-cardondo-home="v10-shell"] .v9Bottom{
    min-height:72px!important;
    padding:0 8px env(safe-area-inset-bottom)!important;
    border-top:1px solid var(--home-line)!important;
    background:rgba(255,255,255,.98)!important;
  }
  html[data-cardondo-home="v10-shell"] .v9Bottom a{
    min-height:68px!important;
    color:#777d84;
    font-size:11px!important;
    font-weight:750!important;
  }
  html[data-cardondo-home="v10-shell"] .v9Bottom a.active{color:var(--home-orange)!important}
}

@media(max-width:520px){
  html[data-cardondo-home="v10-shell"] .homeV10HeaderInner{padding-left:16px;padding-right:16px}
  html[data-cardondo-home="v10-shell"] .homeV10Brand{font-size:22px}
  html[data-cardondo-home="v10-shell"] .homeV10HeaderTools a,
  html[data-cardondo-home="v10-shell"] .homeV10HeaderTools a:last-child{width:48px;min-width:48px;height:48px}
  html[data-cardondo-home="v10-shell"] .homeV10CategoryNav{padding-left:16px;padding-right:16px;scroll-padding-left:16px}
  html[data-cardondo-home="v10-shell"] .v9Main{width:calc(100% - 32px)}
  html[data-cardondo-home="v10-shell"] .homeV10Welcome h1{font-size:29px}
  html[data-cardondo-home="v10-shell"] .homeV10QuickActions{gap:6px}
  html[data-cardondo-home="v10-shell"] .homeV10QuickActions a{min-height:64px}
  html[data-cardondo-home="v10-shell"] .homeV10CardHeader{padding:18px 16px 0}
  html[data-cardondo-home="v10-shell"] .homeV10CollectionBody,
  html[data-cardondo-home="v10-shell"] .homeV10PlaceholderBody{padding:16px}
  html[data-cardondo-home="v10-shell"] .homeV10AlertBody{padding:8px 16px 12px}
  html[data-cardondo-home="v10-shell"] .homeV10MarketIntro{display:block}
  html[data-cardondo-home="v10-shell"] .homeV10MarketIntro>a{display:inline-flex;padding-top:10px}
}