/* Diário de Pressão HF14 — reconstrução visual desktop v2
   Objetivo: corrigir grid herdado da Home, eliminar área vazia, padronizar legibilidade e elevar o acabamento. */

:root{
  --dl14-sidebar:224px;
  --dl14-bg:#f8ecf0;
  --dl14-surface:#ffffff;
  --dl14-surface-soft:#fcf5f8;
  --dl14-text:#361320;
  --dl14-muted:#ab3c65;
  --dl14-line:#efd3dd;
  --dl14-navy:#541B32;
  --dl14-blue:#782C47;
  --dl14-cyan:#9b365b;
  --dl14-radius-sm:12px;
  --dl14-radius:16px;
  --dl14-radius-lg:22px;
  --dl14-shadow-sm:0 8px 24px rgba(84,27,50,.06);
  --dl14-shadow:0 16px 40px rgba(84,27,50,.08);
}

@media(min-width:1024px){
  html,body{font-family:"Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;background:var(--dl14-bg)!important}
  :root{--dl-desktop-sidebar:var(--dl14-sidebar)!important;--dl-desktop-max:1680px!important}

  /* Corrige a causa do layout quebrado: configurações antigas de 2/3 colunas não podem transformar a Home inteira em grid. */
  #inicio.active[data-home-columns="2"],
  #inicio.active[data-home-columns="3"],
  #inicio.active{
    display:block!important;
    grid-template-columns:none!important;
    gap:0!important;
  }

  /* O hero legado não volta a ocupar metade da tela. */
  #inicio.hero{
    padding:0!important;
    margin:0!important;
    background:transparent!important;
    color:var(--dl14-text)!important;
    box-shadow:none!important;
    border-radius:0!important;
    overflow:visible!important;
    min-height:0!important;
  }
  #inicio.hero:before,#inicio.hero:after{display:none!important}
  #inicio>.hero-top{display:none!important}

  /* Shell mais maduro e proporcional. */
  .app-shell-frame{grid-template-columns:var(--dl14-sidebar) minmax(0,1fr)!important;background:var(--dl14-bg)!important}
  .dl-desktop-sidebar{
    background:linear-gradient(180deg,#541B32 0%,#451829 58%,#381321 100%)!important;
    border-right:1px solid rgba(255,255,255,.08)!important;
    padding:18px 12px 16px!important;
    box-shadow:8px 0 30px rgba(84,27,50,.08)!important;
  }
  .dl-desktop-brand{padding:3px 7px 16px!important;margin-bottom:4px!important}
  .dl-desktop-brand-mark{width:40px!important;height:40px!important;border-radius:12px!important;background:linear-gradient(145deg,#933457,#6e2741)!important}
  .dl-desktop-brand-copy strong{font-size:.96rem!important;font-weight:800!important;letter-spacing:-.02em!important}
  .dl-desktop-brand-copy span{font-size:.72rem!important;color:#e6b9c9!important}
  .dl-desktop-nav{gap:6px!important}
  .dl-desktop-nav button{min-height:48px!important;border-radius:12px!important;padding:7px 10px!important;grid-template-columns:34px minmax(0,1fr)!important;gap:10px!important}
  .dl-desktop-nav button .dl-nav-icon{width:34px!important;height:34px!important;border-radius:10px!important;background:rgba(255,255,255,.08)!important;color:#fcf5f8!important}
  .dl-desktop-nav button .dl-nav-copy{font-size:.84rem!important;font-weight:720!important;color:#f6e5eb!important}
  .dl-desktop-nav button.active{background:#FAF6ED!important;box-shadow:0 8px 18px rgba(0,0,0,.10)!important}
  .dl-desktop-nav button.active .dl-nav-copy{color:#441828!important}
  .dl-desktop-nav button.active .dl-nav-icon{background:#7d2c4a!important;color:white!important}
  .dl-desktop-context{font-size:.72rem!important;color:#e7bccc!important;line-height:1.45!important}

  .app-header{background:#521d30!important;box-shadow:0 2px 0 rgba(255,255,255,.04),0 8px 24px rgba(84,27,50,.08)!important}
  .app-header-inner{min-height:66px!important;padding-left:20px!important;padding-right:20px!important}
  .app-header .brand-text strong{font-size:.96rem!important;color:#FFFCF5!important}
  .app-header .brand-text span,.app-header .header-profile-name{font-size:.74rem!important;color:#eeceda!important}
  .app-header .header-actions{gap:7px!important}
  .app-header .theme-toggle{width:40px!important;height:40px!important;min-height:40px!important;border-radius:12px!important;background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.12)!important;color:#fcf6f8!important}
  .app-header .lab-env-badge,.app-header .header-page{min-height:30px!important;border-radius:999px!important;color:#fcf6f8!important}

  .app-scroll-region{background:var(--dl14-bg)!important}
  main.app{padding:24px 28px 40px!important;max-width:1680px!important}

  /* Design system desktop. */
  .app-scroll-region :where(.card,.feature-card,.analytics-panel,.system-card,.report-card,.analysis-section,.weekly-panel,.settings-panel,.history-panel,.sync-card,.pattern-lens-panel){
    border-radius:var(--dl14-radius)!important;
    border:1px solid var(--dl14-line)!important;
    background:var(--dl14-surface)!important;
    box-shadow:var(--dl14-shadow-sm)!important;
  }
  .app-scroll-region :where(h1,h2,h3,h4,strong,label){color:var(--dl14-text)!important}
  .app-scroll-region h1{font-size:2rem!important;line-height:1.1!important;letter-spacing:-.04em!important}
  .app-scroll-region h2{font-size:1.45rem!important;line-height:1.16!important;letter-spacing:-.03em!important}
  .app-scroll-region h3{font-size:1.04rem!important;line-height:1.25!important}
  .app-scroll-region :where(p,li,td,.section-sub,.mini-note,.note,.helper,.description){font-size:.88rem!important;line-height:1.55!important}
  .app-scroll-region :where(.section-sub,.mini-note,.note,.helper,.description,small){color:var(--dl14-muted)!important}
  .app-scroll-region :where(button,.btn){min-height:42px!important;border-radius:12px!important;font-size:.82rem!important;font-weight:750!important}
  .app-scroll-region :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea){min-height:42px!important;border-radius:12px!important;font-size:.88rem!important}

  /* Home = command center horizontal, sem hero gigante. */
  #home12Command{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:20px!important;
    border-radius:var(--dl14-radius-lg)!important;
    border:1px solid var(--dl14-line)!important;
    background:var(--dl14-surface)!important;
    box-shadow:var(--dl14-shadow)!important;
    color:var(--dl14-text)!important;
    overflow:visible!important;
  }
  .home12-topline{margin-bottom:16px!important;align-items:flex-start!important}
  .home12-topline small{font-size:.72rem!important;letter-spacing:.12em!important;color:#a1385f!important}
  .home12-topline h2{font-size:2rem!important;line-height:1.05!important;margin:5px 0 5px!important;color:#381421!important}
  .home12-topline p{font-size:.92rem!important;line-height:1.55!important;color:#aa3c64!important;max-width:850px!important}
  .home12-status-pill{font-size:.76rem!important;min-height:34px!important;padding:6px 12px!important;background:#f6e6ec!important;color:#5d2136!important;border-color:#e5b6c7!important}

  .home12-action-card{
    grid-template-columns:minmax(0,1fr) 160px!important;
    border-radius:18px!important;
    padding:18px 20px!important;
    background:linear-gradient(135deg,#531d31 0%,#6c2640 100%)!important;
    border:1px solid rgba(255,255,255,.08)!important;
    box-shadow:none!important;
    color:#fcf8f9!important;
  }
  .home12-action-card :where(.home12-action-kicker,.home12-action-copy strong,.home12-action-copy>span:last-child){color:#fcf8f9!important}
  .home12-action-kicker{font-size:.72rem!important;letter-spacing:.11em!important;opacity:.78!important}
  .home12-action-copy strong{font-size:1.35rem!important;line-height:1.18!important;margin-top:5px!important}
  .home12-action-copy>span:last-child{font-size:.86rem!important;line-height:1.5!important;opacity:.85!important}
  .home12-primary-action{min-height:48px!important;border-radius:13px!important;background:#fcf5f8!important;color:#401726!important;font-size:.82rem!important}

  .home12-context-line{margin-top:10px!important;padding:9px 12px!important;border-radius:12px!important;font-size:.78rem!important;line-height:1.45!important;color:#9e385d!important;background:#f9ecf1!important;border-color:#eac5d2!important}

  .home12-overview{grid-template-columns:1.15fr 1fr 1fr 1fr!important;gap:12px!important;margin-top:12px!important}
  .home12-metric{
    min-height:138px!important;
    padding:16px!important;
    border-radius:16px!important;
    background:var(--dl14-surface-soft)!important;
    border:1px solid var(--dl14-line)!important;
    box-shadow:none!important;
    justify-content:center!important;
    overflow:hidden!important;
  }
  .home12-metric-head{align-items:flex-start!important}
  .home12-metric-head>span:first-child,.home12-goal-card>div:last-child>span{font-size:.68rem!important;letter-spacing:.08em!important;color:#b5406b!important}
  .home12-metric>strong{font-size:1.48rem!important;line-height:1.05!important;margin:8px 0 5px!important;color:#3a1522!important;overflow-wrap:anywhere!important}
  .home12-pressure-card>strong{font-size:1.75rem!important}
  .home12-metric>span:last-child,.home12-goal-card small{font-size:.8rem!important;line-height:1.45!important;color:#b53f6a!important}
  .home12-previous-meta{font-size:.75rem!important;line-height:1.4!important}
  .home12-mini-badge{font-size:.68rem!important;min-height:24px!important;padding:4px 7px!important}
  .home12-goal-card{grid-template-columns:72px minmax(0,1fr)!important;gap:12px!important}
  .home12-goal-ring{width:68px!important;height:68px!important}
  .home12-goal-card>div:last-child>strong{font-size:.92rem!important;line-height:1.3!important;overflow-wrap:anywhere!important}

  .home12-periods{gap:8px!important;margin-top:10px!important}
  .home12-period{font-size:.72rem!important;min-height:34px!important;padding:7px 10px!important;border-radius:10px!important}

  .home12-lower{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr)!important;gap:12px!important;margin-top:12px!important}
  .home12-agenda-block,.home12-favorites-block,.home12-explore{
    border-radius:16px!important;
    padding:16px!important;
    background:var(--dl14-surface)!important;
    border:1px solid var(--dl14-line)!important;
    box-shadow:none!important;
  }
  .home12-section-head{margin-bottom:10px!important}
  .home12-section-head strong{font-size:.92rem!important;color:#431727!important}
  .home12-section-head span{font-size:.76rem!important;line-height:1.45!important;color:#bd4571!important}
  .home12-section-head button{font-size:.76rem!important;min-height:36px!important;padding:6px 11px!important}
  .home12-agenda{gap:8px!important}
  .home12-agenda-item{grid-template-columns:64px minmax(0,1fr) auto!important;min-height:60px!important;padding:10px 12px!important;border-radius:12px!important;background:#fbf4f7!important}
  .home12-agenda-item time{font-size:.76rem!important}
  .home12-agenda-item strong{font-size:.82rem!important;line-height:1.3!important}
  .home12-agenda-item span{font-size:.75rem!important;line-height:1.4!important}
  .home12-agenda-item em{font-size:.7rem!important}
  .home12-empty{font-size:.8rem!important;line-height:1.45!important;padding:12px!important}
  .home12-quick-grid{gap:8px!important}
  .home12-quick{min-height:56px!important;padding:10px 12px!important;border-radius:12px!important;background:#fbf4f7!important}
  .home12-quick.primary{background:#782C47!important;color:#fcf8f9!important;border-color:#782C47!important}
  .home12-quick.primary :where(b,strong,small,span){color:#fcf8f9!important}
  .home12-quick b{width:26px!important;font-size:1.05rem!important}
  .home12-quick span strong{font-size:.82rem!important}
  .home12-quick small{font-size:.72rem!important;line-height:1.4!important;color:#b53f6a!important}
  .home12-favorite{font-size:.72rem!important;min-height:32px!important;padding:6px 9px!important}

  .home12-explore{margin-top:12px!important;background:#FFFCF5!important}
  .home12-explore-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important}
  .home12-explore-grid>button{min-height:64px!important;padding:10px 12px!important;border-radius:12px!important;background:#fff!important}
  .home12-explore-grid b{width:30px!important;height:30px!important;border-radius:9px!important;font-size:.68rem!important}
  .home12-explore-grid strong{font-size:.78rem!important}
  .home12-explore-grid small{font-size:.69rem!important;line-height:1.4!important}
  .home12-completed summary{font-size:.72rem!important;min-height:36px!important}
  .home12-foot span,.home12-foot button{font-size:.72rem!important}

  /* tabelas mais sóbrias */
  .app-scroll-region table{border-collapse:separate!important;border-spacing:0!important;border-radius:14px!important;overflow:hidden!important}
  .app-scroll-region table thead th{position:sticky!important;top:0!important;background:#f7e7ed!important;color:#5a1f35!important;font-size:.72rem!important;font-weight:800!important;letter-spacing:.045em!important}
  .app-scroll-region table :where(th,td){padding:11px 12px!important;font-size:.82rem!important;line-height:1.4!important;border-color:#f0d5df!important}
  .app-scroll-region table tbody td{background:#fff!important;color:#431828!important}
  .app-scroll-region table tbody tr:nth-child(even) td{background:#fcf6f8!important}

  /* Relatório e hubs */
  .section-hub-grid,.settings-hub-grid{gap:10px!important}
  .section-hub-button,.settings-hub-button{min-height:104px!important;border-radius:15px!important;background:#fff!important;border:1px solid var(--dl14-line)!important;box-shadow:none!important}
  .section-hub-button strong,.settings-hub-button strong{font-size:.86rem!important}
  .section-hub-button span span,.settings-hub-button span span{font-size:.74rem!important;line-height:1.45!important}
  #cardioReportSection{grid-template-columns:minmax(310px,360px) minmax(0,1fr)!important;gap:14px 18px!important}
  #cardioReportSection>.cardio-report-hero{background:linear-gradient(135deg,#531d31,#6c2640)!important;color:#fcf8f9!important;border-radius:18px!important;padding:18px 20px!important}
  #cardioReportSection>.cardio-report-hero :where(h1,h2,h3,p,span,strong){color:#fcf8f9!important}
}

/* No mobile, não alteramos o shell nem o tema aprovado; só impedimos fontes microscópicas. */
@media(max-width:1023px){
  .home12-topline p,.home12-action-copy>span:last-child,.home12-context-line,.home12-agenda-item span,.home12-quick small,.home12-explore-grid small{font-size:.76rem!important;line-height:1.45!important}
  .home12-topline small,.home12-action-kicker,.home12-metric-head>span:first-child,.home12-goal-card>div:last-child>span{font-size:.66rem!important}
  .home12-agenda-item strong,.home12-quick span strong,.home12-explore-grid strong{font-size:.84rem!important}
}