/* Planta Viva V5 — escala e estrutura inspiradas em dashboards reais */
:root{
  --v5-side:#0b1510;
  --v5-side-2:#122219;
  --v5-accent:#20b978;
  --v5-accent-soft:rgba(32,185,120,.14);
  --v5-card-radius:18px;
}

/* Tipografia mínima: nenhuma informação importante deve parecer microtexto */
body{font-size:15px;line-height:1.55}
.eyebrow,.page-code,.page-status{font-size:10px!important;line-height:1.2!important;letter-spacing:.12em!important}
.btn{font-size:11px!important;min-height:42px;border-radius:12px!important}
.field label{font-size:10px!important}
.field input,.field select,.field textarea{font-size:14px!important}
.empty{font-size:13px!important;line-height:1.5!important}

.home-intro{align-items:flex-end!important;padding:18px 2px 18px!important}
.home-title-block h1{margin:6px 0 4px;font-size:34px;line-height:1;letter-spacing:-.045em}
.home-title-block p{margin:0;color:var(--jc-muted,var(--muted));font-size:13px;max-width:680px}

/* Cards menos "landing page" e mais painel */
.welcome,.focus-panel,.today-card,.page-hero,.pulse-score-card,.pulse-mini,.pro-action,.collection-card,.tool-card,.plant-card,.crop-card,.planner,.season-panel,.more-card,.sos-card,.pro-summary-card,.agenda-task,.activity-item{border-radius:var(--v5-card-radius)!important}
.section{margin-top:24px!important;padding-top:0!important;padding-bottom:0!important}
.section-head{margin-bottom:14px!important}
.section-head h2{font-family:Inter,system-ui,sans-serif!important;font-size:25px!important;font-weight:800!important;letter-spacing:-.035em!important}
.section-head p{font-size:13px!important;line-height:1.5!important}

/* Home */
.welcome{padding:26px 28px!important;min-height:320px!important}
.welcome h1{font-size:44px!important;line-height:.94!important;max-width:12ch!important}
.welcome p{font-size:14px!important;line-height:1.6!important}
.hero-kpis{margin-top:18px!important}
.hero-kpis span{padding:12px 8px!important}
.hero-kpis b{font-size:25px!important}
.hero-kpis small{font-size:9px!important;line-height:1.35!important}
.focus-panel{min-height:320px!important;padding:24px!important}
.focus-head{font-size:9px!important}
.focus-panel h2{font-size:31px!important;line-height:1!important;margin-top:22px!important}
.focus-panel p{font-size:13px!important;line-height:1.55!important}
.focus-list span{font-size:10px!important;padding:10px 0!important}
.focus-panel button{font-size:10px!important}
.today-card{background:var(--jc-paper,#fff)!important;color:var(--jc-ink,#17231b)!important;border:1px solid var(--jc-line,var(--line))!important;box-shadow:none!important;padding:20px!important}
.today-card h2{font-family:Inter,system-ui,sans-serif!important;font-weight:800!important;font-size:24px!important;color:inherit!important}
.today-card .eyebrow{color:var(--jc-green,#1f7a55)!important}
.today-card .round-action{background:#f0f3ed!important;color:#1e3326!important;border-color:var(--jc-line,var(--line))!important}
.stat{background:#f5f6f2!important;border:1px solid var(--jc-line,var(--line))!important;border-radius:14px!important;padding:14px!important;color:var(--jc-ink,#17231b)!important}
.stat b{font-size:24px!important}.stat span{font-size:9px!important;color:#768279!important}
.quick-card{border-radius:17px!important;min-width:200px!important;height:150px!important}.quick-card b{font-size:15px!important}.quick-card small{font-size:11px!important}
.collection-card b{font-family:Inter,system-ui,sans-serif!important;font-weight:800!important;font-size:17px!important}.collection-card small{font-size:11px!important}
.tool-card{min-height:135px!important}.tool-card b{font-size:14px!important}.tool-card small{font-size:11px!important;line-height:1.45!important}

/* Garden Pulse em posição de painel principal */
.pro-home-section{margin:0 0 16px!important}
.pro-home-section .section-head{margin-bottom:12px!important}
.pulse-grid{gap:10px!important}
.pulse-score-card,.pulse-mini{min-height:132px!important;padding:17px!important}
.pulse-score-card h3{font-size:23px!important}.pulse-score-card p{font-size:11px!important;line-height:1.45!important}.score-ring small{font-size:9px!important}
.pulse-mini b{font-size:21px!important}.pulse-mini small{font-size:9px!important;line-height:1.3!important}
.pro-action{padding:13px!important;min-height:68px!important}.pro-action b{font-size:12px!important}.pro-action small{font-size:10px!important;line-height:1.35!important}
.last-care{font-size:10px!important;padding:11px 13px!important}

/* Páginas internas */
.page-hero{min-height:185px!important;padding:25px 28px!important}
.page-hero h1{font-family:Inter,system-ui,sans-serif!important;font-size:40px!important;line-height:1!important;font-weight:850!important;letter-spacing:-.045em!important;max-width:15ch!important}
.page-hero p{font-size:14px!important;line-height:1.55!important}
.filter{font-size:10px!important;padding:9px 12px!important}
.plant-card b,.crop-card b{font-size:14px!important}.plant-card small,.crop-card small{font-size:10px!important}
.more-card b,.sos-card b{font-size:14px!important}.more-card small,.sos-card small{font-size:11px!important;line-height:1.4!important}

/* Agenda / laboratório */
.pro-summary-card{min-height:118px!important;padding:16px!important}.pro-summary-card b{font-size:27px!important}.pro-summary-card small{font-size:9px!important}
.week-day small{font-size:9px!important}.week-day b{font-size:18px!important}.week-day i{font-size:8px!important}
.agenda-task{padding:13px!important;grid-template-columns:42px 1fr auto!important}.agenda-check{width:42px!important;height:42px!important}.task-type,.task-when{font-size:8px!important}.agenda-task h3{font-size:13px!important;margin:5px 0 2px!important}.agenda-task p{font-size:10px!important;line-height:1.4!important}
.activity-item b{font-size:11px!important}.activity-item small{font-size:9px!important}
.pro-disclaimer{font-size:11px!important;line-height:1.5!important}
.live-result b{font-size:12px!important}.live-result small{font-size:10px!important}.recent-search-title{font-size:9px!important}.recent-search{font-size:11px!important}

/* Ferramentas e detalhes: remover a escala 6/7/8 px da V4 */
.diagnostic-result li{font-size:12px!important}.signal-box p{font-size:11px!important}.mini-result b{font-size:11px!important}.mini-result small{font-size:10px!important}
.recipe-row>div b{font-size:11px!important}.recipe-row>div small{font-size:9px!important}.recipe-row strong{font-size:10px!important}
.measurement-list b{font-size:13px!important}.measurement-list small{font-size:9px!important}
.my-profile-head p{font-size:11px!important}.profile-score small{font-size:8px!important}.quick-care-grid span{font-size:8px!important}.compact-care .detail-row p{font-size:11px!important}.tiny-btn{font-size:8px!important}.care-plan-row span{font-size:11px!important}.care-plan-row b{font-size:10px!important}
.photo-thumb span{font-size:8px!important}.photo-loading,.small-empty{font-size:11px!important}.profile-timeline b{font-size:10px!important}.profile-timeline small{font-size:9px!important}
.compat-badge,.pro-fact-grid small{font-size:8px!important}.pro-fact-grid b{font-size:11px!important}.species-actions button{font-size:9px!important}.season-now-card b{font-size:12px!important}.season-now-card small{font-size:9px!important}
.propagation-card b{font-size:12px!important}.propagation-card small,.propagation-card i{font-size:9px!important}.toggle-row span b{font-size:11px!important}.toggle-row span small{font-size:9px!important}.onboarding-card>p{font-size:12px!important}.onboarding-skip{font-size:10px!important}
.lab-tool-card i{font-size:8px!important}

/* DARK: manter cartões de rotina coerentes */
html[data-theme="dark"] .today-card{background:#151e18!important;color:#e9efea!important;border-color:rgba(255,255,255,.08)!important}
html[data-theme="dark"] .stat{background:#101713!important;color:#e9efea!important;border-color:rgba(255,255,255,.08)!important}
html[data-theme="dark"] .stat span{color:#8e9a91!important}
html[data-theme="dark"] .today-card .round-action{background:#202b24!important;color:#eef4ef!important;border-color:rgba(255,255,255,.08)!important}

@media(min-width:900px){
  /* Estrutura desktop no padrão dos outros produtos */
  .desktop-layout{grid-template-columns:260px minmax(0,1fr)!important;background:var(--jc-bg)!important}
  .desktop-sidebar{background:var(--v5-side)!important;border-right:1px solid rgba(255,255,255,.07);padding:18px 12px 14px!important;overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:thin;scrollbar-color:#31463a transparent}
  .desktop-sidebar::-webkit-scrollbar{width:5px}.desktop-sidebar::-webkit-scrollbar-thumb{background:#31463a;border-radius:99px}
  .desktop-sidebar:after{display:none!important}

  .side-brand{display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;gap:12px!important;align-items:center!important;justify-items:start!important;text-align:left!important;padding:2px 6px 15px!important}
  .side-logo{width:46px!important;height:46px!important;border-radius:13px!important;font-size:13px!important;background:#0d7954!important}
  .side-brand-copy strong{font-size:14px!important;line-height:1.1!important;letter-spacing:.05em!important;white-space:nowrap}
  .side-brand-copy small{display:block!important;font-size:8px!important;line-height:1.3!important;letter-spacing:.11em!important;margin-top:5px!important;color:#819388!important}
  .side-status{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 5px 15px;padding:9px 10px;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07);font:700 9px/1 "JetBrains Mono",monospace;letter-spacing:.08em;color:#8fa397}
  .side-status span{display:flex;align-items:center;gap:7px}.side-status span i{width:7px;height:7px;border-radius:50%;background:#22c57b;box-shadow:0 0 0 4px rgba(34,197,123,.08)}.side-status b{font-size:9px;color:#d4eadb;background:rgba(32,185,120,.12);padding:5px 7px;border-radius:6px}

  .side-nav{display:block!important;position:relative!important;z-index:2!important}.side-group{display:grid;gap:4px;margin-bottom:17px}.side-label{padding:0 10px 6px;font:800 9px/1 "JetBrains Mono",monospace;letter-spacing:.12em;color:#60776a;text-transform:uppercase}
  .side-item{display:grid!important;grid-template-columns:32px 1fr!important;align-items:center!important;gap:8px!important;min-height:45px!important;padding:7px 10px!important;border-radius:11px!important;font-family:Inter,system-ui,sans-serif!important;font-size:13px!important;letter-spacing:0!important;color:#a7b8ad!important;transition:.16s ease!important;position:relative!important}
  .side-item span{font-size:17px!important;line-height:1!important;text-align:center!important;color:#7f9789!important}.side-item b{font-weight:650!important}
  .side-item:hover{background:rgba(255,255,255,.045)!important;color:#fff!important}.side-item.active{background:var(--v5-side-2)!important;color:#fff!important;box-shadow:inset 3px 0 0 var(--v5-accent)!important}.side-item.active span{color:#58dca4!important}

  .side-bottom{margin-top:auto;position:relative;z-index:2}.side-theme-card{width:100%;display:grid;grid-template-columns:38px 1fr 16px;gap:9px;align-items:center;text-align:left;border:1px solid rgba(255,255,255,.09);background:#0f1c15;color:#fff;border-radius:14px;padding:10px;margin-bottom:9px}.side-theme-card:hover{background:#14251b}.side-theme-icon{width:36px;height:36px;border-radius:10px;background:#172920;display:grid;place-items:center;color:#55d89f;font-size:17px}.side-theme-card strong{display:block;font-size:11px}.side-theme-card small{display:block;margin-top:2px;font-size:8px;color:#778c80}.side-theme-card>i{font-style:normal;color:#607469;font-size:18px}
  .side-promo{margin-top:0!important;background:#f7f8f4!important;color:#152219!important;border-radius:14px!important;padding:13px!important}.side-promo small{font-size:8px!important}.side-promo b{font-size:13px!important;margin-top:7px!important}.side-promo p{font-size:10px!important;line-height:1.45!important;margin:6px 0 9px!important}.side-promo button{font-size:9px!important;color:#0d7a53!important}.side-foot{font-size:8px!important;margin-top:9px!important;padding:0 4px!important;color:#5f7568!important}

  .app-shell{padding:0 34px 44px!important}.topbar{margin:0 -34px!important;padding:15px 34px 11px!important}.top-row{grid-template-columns:minmax(420px,760px) auto!important}.search-wrap{height:48px!important;border-radius:14px!important}.search{font-size:14px!important}.search-shortcut{font-size:9px!important}.catalog-pill{font-size:9px!important}.icon-btn{width:44px!important;height:44px!important}
  .page{max-width:1400px!important;padding-top:6px!important}.home-dashboard{grid-template-columns:minmax(0,1.55fr) minmax(300px,.72fr)!important;gap:14px!important}
  .welcome{grid-template-columns:minmax(0,1.25fr) minmax(220px,.75fr)!important}.welcome-visual img{max-height:270px!important}.focus-panel{min-width:0}
  .stats{grid-template-columns:repeat(4,1fr)!important;gap:10px!important}.collection-grid,.tool-grid,.pro-tool-grid{gap:12px!important}.crop-grid,.plant-grid{gap:12px!important}
  .pulse-actions{gap:10px!important}
}

@media(min-width:1280px){
  .desktop-layout{grid-template-columns:282px minmax(0,1fr)!important}
  .desktop-sidebar{padding-left:14px!important;padding-right:14px!important}
  .side-item{font-size:14px!important;min-height:47px!important}
  .app-shell{padding-left:38px!important;padding-right:38px!important}.topbar{margin-left:-38px!important;margin-right:-38px!important;padding-left:38px!important;padding-right:38px!important}
  .page{max-width:1460px!important}
}

@media(max-width:899px){
  /* Mobile também ganha legibilidade, sem mudar a navegação inferior */
  .page{padding-left:12px!important;padding-right:12px!important}
  .home-intro{padding-top:12px!important}.home-title-block h1{font-size:28px}.home-title-block p{font-size:12px}.page-status{display:none}
  .welcome h1{font-size:38px!important}.welcome p{font-size:13px!important}.hero-kpis small{font-size:8px!important}
  .section-head h2{font-size:23px!important}
  .pulse-mini small{font-size:8px!important}.pro-action b{font-size:11px!important}.pro-action small{font-size:9px!important}
  .page-hero h1{font-size:34px!important}.page-hero p{font-size:13px!important}
}