/* Minha Central 2.0 · Design system Minimal Premium.
   Camada estritamente visual: não modifica IDs, dados, estado, navegação ou regras.
   Para reversão visual, retire data-design="v2" do elemento <html>. */

/* Temas principais: preto/grafite e laranja âmbar; claro usa terracota acessível.
   Rosa Premium mantém seus próprios tokens e status de sucesso/erro. */
html[data-design="v2"][data-theme="dark"]:not([data-accent="pink"]){
 --read-bg:#0D0D0F;--read-card:#19191C;--read-raised:#242427;--read-field:#121215;
 --read-stroke:#383338;--read-stroke-light:#2B292C;
 --read-strong:#F9F8FA;--read-secondary:#CECBD0;--read-muted:#ADA9AF;
 --read-accent:#FFAD31;--read-accent-deep:#FF9F1C;--read-accent-on:#211406;
 --read-accent-wash:#342518;--read-nav:rgba(13,12,14,.96);
 --v2-glow:rgba(255,161,38,.11);--v2-shadow:0 13px 38px rgba(0,0,0,.22);
 --v2-hover:#FFC663;--v2-ring:rgba(255,171,54,.34);
 /* Coerência com componentes antigos que ainda usam --blue. */
 --blue:#FFAD31;--blue-strong:#FFAD31;--blue-soft:#FFC663;
}
html[data-design="v2"][data-theme="light"]{
 --read-bg:#F8F5F0;--read-card:#FFFFFF;--read-raised:#F6EEE5;--read-field:#FFFFFF;
 --read-stroke:#E5D9CF;--read-stroke-light:#EFE7E0;
 --read-strong:#29201B;--read-secondary:#594D44;--read-muted:#72655D;
 --read-accent:#A45100;--read-accent-deep:#994A00;--read-accent-on:#FFFFFF;
 --read-accent-wash:#FFF0DC;--read-nav:rgba(255,255,255,.95);
 --v2-glow:rgba(185,104,35,.07);--v2-shadow:0 14px 35px rgba(58,34,21,.065);
 --v2-hover:#854000;--v2-ring:rgba(164,81,0,.25);
 --blue:#A45100;--blue-strong:#A45100;--blue-soft:#994A00;
}
html[data-design="v2"][data-theme="dark"][data-accent="pink"]{
 --v2-glow:rgba(233,96,167,.10);--v2-shadow:0 14px 38px rgba(12,3,13,.22);
 --v2-hover:#FFA8D3;--v2-ring:rgba(244,118,180,.37);
}
html[data-design="v2"]{
 --v2-radius-lg:20px;--v2-radius-md:15px;--v2-radius-sm:11px;
 color-scheme:dark;
}
html[data-design="v2"][data-theme="light"]{color-scheme:light}
html[data-design="v2"] body{
 background:radial-gradient(ellipse 880px 480px at 73% -180px,var(--v2-glow),transparent 82%),var(--read-bg)!important;
 color:var(--read-strong);font-size:15px;
 -webkit-font-smoothing:antialiased;
}
html[data-design="v2"] #app,
html[data-design="v2"] #workspace{min-width:0}
html[data-design="v2"] #workspace>.view{min-width:0}
html[data-design="v2"] .view h1{
 font-size:clamp(1.77rem,3.8vw,2.27rem);font-weight:840;letter-spacing:-.045em;
 line-height:1.13;margin:6px 0 9px;color:var(--read-strong);
}
html[data-design="v2"] .view h2{letter-spacing:-.025em;font-weight:790}
html[data-design="v2"] .view .kicker{
 font-size:.68rem;letter-spacing:.11em;line-height:1.4;font-weight:850;
}
html[data-design="v2"] .view p.muted{line-height:1.53}
html[data-design="v2"] .section-header,
html[data-design="v2"] .finance-header{margin-bottom:21px;gap:12px}
html[data-design="v2"] .section-header p,
html[data-design="v2"] .finance-header p{max-width:690px}

/* Navegação principal — barra premium sem alterar navegação JS */
html[data-design="v2"] .top{
 background:var(--read-nav)!important;
 border-bottom:1px solid var(--read-stroke-light)!important;
 box-shadow:0 4px 26px rgba(0,0,0,.055);
 backdrop-filter:blur(17px);-webkit-backdrop-filter:blur(17px);
}
html[data-design="v2"] .brand{gap:11px}
html[data-design="v2"] .brand .mark{
 width:42px;height:42px;min-width:42px;border-radius:13px;
 filter:drop-shadow(0 2px 6px var(--v2-ring));
}
html[data-design="v2"] .brand b{font-size:1.06rem;letter-spacing:-.035em;font-weight:850}
html[data-design="v2"] .brand small{font-size:.71rem;letter-spacing:.012em;margin-top:2px}
html[data-design="v2"] .desktop-nav{gap:5px}
html[data-design="v2"] .desktop-nav-link{
 border-radius:12px;min-height:43px;padding:10px 14px;
 color:var(--read-secondary);font-weight:720;
}
html[data-design="v2"] .desktop-nav-link:hover{background:var(--read-raised);color:var(--read-strong)}
html[data-design="v2"] .desktop-nav-link.on{
 background:var(--read-accent-wash);border-color:var(--read-stroke);
 color:var(--read-accent)!important;box-shadow:inset 0 0 0 1px var(--v2-ring);
}
html[data-design="v2"] .bottom-nav{
 background:var(--read-nav)!important;
 border-top:1px solid var(--read-stroke-light)!important;
 backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
 box-shadow:0 -9px 28px rgba(0,0,0,.085);
}
html[data-design="v2"] .bottom-nav .nav-btn{
 min-width:0;border-radius:12px;transition:background-color .16s ease;
}
html[data-design="v2"] .bottom-nav .nav-btn.on{
 background:var(--read-accent-wash);color:var(--read-accent);
}
html[data-design="v2"] .bottom-nav .nav-btn span{font-size:.66rem;font-weight:720;letter-spacing:-.02em}
html[data-design="v2"] .bottom-nav .nav-btn svg{width:22px;height:22px}
html[data-design="v2"] .quick-add-floating{
 box-shadow:0 8px 24px var(--v2-ring);border-radius:17px;
}

/* Cartões, divisórias e superfícies consistentes entre os sete módulos. */
html[data-design="v2"] :is(.panel,.finance-overview,.finance-agenda-week,
.routine-task,.routine-stat-panel,.routine-calendar-optional,.routine-activities-section,
.module-card,.settings-link,.routine-tile,.week-panel,.home-welcome,.home-focus,
.home-bills,.gym-progress,.settings-section,.history-card,.exercise-card,
.help-panel,.routine-completed-today,.finance-advanced,.finance-future){
 border-radius:var(--v2-radius-lg);border-color:var(--read-stroke);
}
html[data-design="v2"] :is(.panel,.finance-overview,.finance-agenda-week,
.routine-stat-panel,.routine-calendar-optional,.routine-activities-section,
.module-card,.settings-link,.routine-tile,.week-panel,.home-welcome,.home-focus,
.home-bills,.gym-progress,.settings-section,.history-card,.exercise-card,
.help-panel,.routine-completed-today,.finance-advanced,.finance-future){
 box-shadow:var(--v2-shadow);
}
html[data-design="v2"] .panel{background:var(--read-card);border-color:var(--read-stroke)}
html[data-design="v2"] :is(.home-overview-card,.module-card,.settings-link,
.finance-agenda-item,.routine-task,.routine-tile,.history-entry):not(:disabled){
 transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease,transform .18s ease;
}
html[data-design="v2"] :is(.home-overview-card,.module-card,.settings-link):hover:not(:disabled){
 border-color:var(--read-accent)!important;box-shadow:0 8px 22px var(--v2-glow);
}

/* Botões e campos, sem mudar eventos ou destinos. */
html[data-design="v2"] :is(.primary,.outline,.ghost,.danger){
 min-height:44px;border-radius:var(--v2-radius-sm);font-weight:770;
}
html[data-design="v2"] :is(.primary,.quick-add-top,.quick-add-floating){
 background:var(--read-accent)!important;border-color:var(--read-accent)!important;
 color:var(--read-accent-on)!important;
}
html[data-design="v2"] :is(.primary,.quick-add-top,.quick-add-floating):hover:not(:disabled){
 background:var(--v2-hover)!important;border-color:var(--v2-hover)!important;
 color:var(--read-accent-on)!important;
}
html[data-design="v2"][data-theme="light"] :is(.primary,.quick-add-top,.quick-add-floating):hover:not(:disabled){
 color:#FFFFFF!important;
}
html[data-design="v2"] :is(.outline,.finance-small-btn,.finance-month-arrow,.ghost){
 background:var(--read-raised)!important;color:var(--read-strong)!important;
 border-color:var(--read-stroke)!important;
}
html[data-design="v2"] :is(.outline,.finance-small-btn,.finance-month-arrow):hover:not(:disabled){
 background:var(--read-accent-wash)!important;border-color:var(--read-accent)!important;
}
html[data-design="v2"] :is(input:not([type="checkbox"]),select,textarea){
 border-radius:12px;min-height:45px;background:var(--read-field);
 border-color:var(--read-stroke);color:var(--read-strong);
}
html[data-design="v2"] input::placeholder,
html[data-design="v2"] textarea::placeholder{color:var(--read-muted)}
html[data-design="v2"] :is(input,select,textarea,button,summary,a):focus-visible{
 outline:3px solid var(--read-accent)!important;outline-offset:3px!important;
}
html[data-design="v2"] :is(.dialog,dialog){
 border-radius:21px;border-color:var(--read-stroke);
 background:var(--read-card);color:var(--read-strong);
}
html[data-design="v2"] dialog::backdrop{background:rgba(6,11,22,.72);backdrop-filter:blur(4px)}

/* Início — três áreas reconhecíveis com cores discretas e boa leitura. */
html[data-design="v2"] #view-home .home-welcome{
 position:relative;isolation:isolate;overflow:hidden;
 background:linear-gradient(115deg,var(--read-card) 0%,var(--read-card) 58%,var(--read-accent-wash) 145%)!important;
 border-radius:24px;padding:clamp(20px,3.2vw,31px);
}
html[data-design="v2"] #view-home .home-welcome::after{
 content:"";position:absolute;right:-75px;top:-105px;width:280px;height:280px;
 border:1px solid var(--v2-ring);border-radius:50%;pointer-events:none;opacity:.43;
}
html[data-design="v2"] #view-home .home-welcome h1{font-size:clamp(1.83rem,4.4vw,2.62rem);line-height:1.13}
html[data-design="v2"] #view-home .home-overview{margin-bottom:20px}
html[data-design="v2"] #view-home .home-overview-grid{gap:12px}
html[data-design="v2"] #view-home .home-overview-card{
 border-radius:18px!important;min-height:145px!important;
 background:var(--read-card)!important;padding:17px!important;gap:6px;
}
html[data-design="v2"] #view-home .home-overview-card .home-summary-icon{
 width:36px;height:36px;border-radius:11px;background:var(--read-accent-wash);
 color:var(--read-accent)!important;
}
html[data-design="v2"] #view-home .home-summary-routine .home-summary-icon{
 background:var(--read-success-bg);color:var(--read-success)!important;
}
html[data-design="v2"] #view-home .home-summary-gym .home-summary-icon{
 background:var(--read-purple-bg);color:var(--read-purple)!important;
}
html[data-design="v2"] #view-home .home-overview-card>strong{
 font-size:clamp(1.4rem,2.8vw,1.96rem)!important;
 letter-spacing:-.04em;line-height:1.2;
}
html[data-design="v2"] #view-home .home-summary-finance>strong{color:var(--read-accent)!important}
html[data-design="v2"] #view-home .home-next-grid{gap:14px}
html[data-design="v2"] #view-home .home-focus,
html[data-design="v2"] #view-home .home-bills{
 border-radius:20px;padding:20px!important;min-height:0;
}
html[data-design="v2"] #view-home .home-panel-head{padding-bottom:14px}
html[data-design="v2"] #view-home .home-action-row{min-height:58px;padding:10px 3px}
html[data-design="v2"] #view-home .home-action-row:hover{background:var(--read-raised)}
html[data-design="v2"] #view-home .home-bill-day{border-radius:11px}

/* Destaques do visual aprovado: marca laranja, fundo grafite e superfícies calmas.
   Cores de pagamento (verde/vermelho) continuam semânticas. */
html[data-design="v2"][data-theme="dark"]:not([data-accent="pink"]) #view-home .home-welcome{
 background:radial-gradient(circle at 100% 115%,rgba(255,156,38,.22),transparent 49%),
 linear-gradient(120deg,#19191C,#19191C 62%,#2D2119 135%)!important;
 border-color:#57402E;box-shadow:0 8px 28px rgba(0,0,0,.14);
}
html[data-design="v2"][data-theme="dark"]:not([data-accent="pink"]) #view-home .home-overview-card{
 border-color:#383338!important;
}
html[data-design="v2"][data-theme="dark"]:not([data-accent="pink"]) #view-home .home-summary-finance{
 border-color:rgba(255,168,53,.42)!important;
 background:linear-gradient(120deg,#19191C,#24201C)!important;
}
html[data-design="v2"][data-theme="dark"]:not([data-accent="pink"]) #view-training .routine-tile{
 border-left:3px solid var(--read-accent);
 background:linear-gradient(110deg,var(--read-card) 65%,rgba(255,160,34,.055))!important;
}
html[data-design="v2"][data-theme="dark"]:not([data-accent="pink"]) #view-training .routine-tile.current-routine{
 border-color:var(--read-accent)!important;
 box-shadow:0 0 0 1px rgba(255,168,53,.13),var(--v2-shadow);
}
html[data-design="v2"] #view-home .home-overview-card .home-summary-arrow{
 color:var(--read-accent)!important;
}
html[data-design="v2"] #view-training .routine-controls .routine-main{
 background:var(--read-accent)!important;
 color:var(--read-accent-on)!important;
 border-color:var(--read-accent)!important;
}
html[data-design="v2"] #view-training .routine-controls .routine-main:hover:not(:disabled){
 background:var(--v2-hover)!important;border-color:var(--v2-hover)!important;
}

/* Financeiro — status semânticos do financeiro preservados, sem trocar suas cores. */
html[data-design="v2"] #view-finance .finance-overview{
 padding:clamp(14px,2.8vw,23px);border-radius:22px;
 background:var(--read-card)!important;
}
html[data-design="v2"] #view-finance .finance-month-bar{gap:10px}
html[data-design="v2"] #view-finance .finance-month-arrow{
 width:43px;min-width:43px;height:43px;border-radius:12px;
}
html[data-design="v2"] #view-finance .finance-stats{gap:10px}
html[data-design="v2"] #view-finance .finance-stats .finance-stat{
 border-radius:15px;min-width:0;
}
html[data-design="v2"] #view-finance .finance-agenda{gap:14px}
html[data-design="v2"] #view-finance .finance-agenda-week{border-radius:17px;overflow:hidden}
html[data-design="v2"] #view-finance .finance-agenda-week-head{
 padding:13px 15px;background:var(--read-raised);
}
html[data-design="v2"] #view-finance .finance-agenda-item{min-width:0}
html[data-design="v2"] #view-finance .finance-agenda-copy strong{font-weight:790}
html[data-design="v2"] #view-finance .finance-agenda-status{font-weight:790}
html[data-design="v2"] #view-finance .finance-advanced,
html[data-design="v2"] #view-finance .finance-future{border-radius:17px}

/* Academia — fichas, sessões e exercícios no mesmo vocabulário visual. */
html[data-design="v2"] #view-training .gym-fichas-head{margin:23px 0 13px}
html[data-design="v2"] #view-training .gym-fichas-head h2{font-size:1.25rem}
html[data-design="v2"] #view-training .gym-visual-card{
 border-radius:18px;background:var(--read-card)!important;
 box-shadow:var(--v2-shadow);
}
html[data-design="v2"] #view-training .gym-card-photo{border-radius:13px}
html[data-design="v2"] #view-training .gym-visual-card .routine-title{font-weight:830}
html[data-design="v2"] #view-training .active-panel{
 background:linear-gradient(125deg,var(--read-card) 0%,var(--read-card) 63%,var(--read-accent-wash) 160%);
 border:1px solid var(--read-stroke);border-radius:21px;
}
html[data-design="v2"] #view-training .gym-session-tools{
 border-radius:14px;background:var(--read-raised);
}
html[data-design="v2"] #view-training .exercise-card{
 border-radius:17px;background:var(--read-card);border-color:var(--read-stroke);
}
html[data-design="v2"] #view-training .gym-week-disclosure{
 border-radius:18px;overflow:hidden;
}
html[data-design="v2"] #view-training .gym-week-summary{
 border-radius:inherit;
}

/* Rotina — prioridades legíveis e controles consistentes. */
html[data-design="v2"] #view-routine .routine-stat-panel{border-radius:19px}
html[data-design="v2"] #view-routine .routine-task{
 border-radius:15px;background:var(--read-card);border-color:var(--read-stroke);
}
html[data-design="v2"] #view-routine .routine-task.is-done{
 background:var(--read-success-bg);border-color:var(--read-stroke);
}
html[data-design="v2"] #view-routine .routine-quick-form{
 border-radius:16px;
}
html[data-design="v2"] #view-routine .routine-calendar-optional{
 border-radius:16px;overflow:hidden;
}
html[data-design="v2"] #view-routine .routine-completed-today{
 border-radius:16px;
}
html[data-design="v2"] #view-routine .routine-activities-section{border-radius:18px}

/* Histórico e Mais — escolhas claras, configurações agrupadas. */
html[data-design="v2"] #view-history .gym-progress{
 border-radius:20px;
}
html[data-design="v2"] #view-history #history-list{min-width:0}
html[data-design="v2"] #view-history .history-card{
 border-radius:16px;min-width:0;
}
html[data-design="v2"] #view-more .module-card,
html[data-design="v2"] #view-more .settings-link{
 border-radius:16px;border-color:var(--read-stroke);
 background:var(--read-card);min-width:0;
}
html[data-design="v2"] #view-more .module-icon{
 border-radius:13px;background:var(--read-accent-wash);color:var(--read-accent);
}
html[data-design="v2"] #view-more .settings-link-icon{
 border-radius:12px;background:var(--read-raised);color:var(--read-accent);
}
html[data-design="v2"] #view-more .help-section,
html[data-design="v2"] #view-more .help-panel{border-radius:18px}
html[data-design="v2"] #view-settings .settings-stack{gap:14px}
html[data-design="v2"] #view-settings .settings-section{
 border-radius:18px;background:var(--read-card);
}
html[data-design="v2"] #view-settings .appearance-choice{
 border-radius:15px;border-color:var(--read-stroke);
}
html[data-design="v2"] #view-settings .appearance-choice[aria-pressed="true"]{
 border-color:var(--read-accent);background:var(--read-accent-wash);
 box-shadow:inset 0 0 0 1px var(--v2-ring);
}

/* A escolha de tema é uma amostra de cor, sem sol nem lua decorativos. */
html[data-design="v2"] #appearance-choices .appearance-swatch{
 display:grid;place-items:center;width:34px;height:34px;
 border-radius:11px;border:1px solid #554536;
 background:#19191C;box-shadow:inset 0 0 0 1px rgba(255,173,49,.06);
}
html[data-design="v2"] #appearance-choices .appearance-swatch::before{
 content:"";display:block;width:15px;height:15px;
 border-radius:5px;background:#FFAD31;
}
html[data-design="v2"] #appearance-choices .appearance-swatch-light{
 background:#F8F5F0;border-color:#DED4CA;
}
html[data-design="v2"] #appearance-choices .appearance-swatch-light::before{
 background:#A45100;
}

/* Acesso e ajuda integrados visualmente à área logada. */
html[data-design="v2"] #auth-screen :is(.auth-panel,.hero){
 border-radius:22px;
}
html[data-design="v2"] #auth-screen .auth-panel{
 background:var(--read-card);border-color:var(--read-stroke);box-shadow:var(--v2-shadow);
}
html[data-design="v2"] #auth-screen .hero h1{
 letter-spacing:-.04em;line-height:1.11;
}
html[data-design="v2"] #toast{border-radius:15px;box-shadow:var(--v2-shadow)}

/* Compactar somente o que reduz rolagem sem esconder dados. */
@media(min-width:1024px){
 html[data-design="v2"] #workspace{
  width:min(100%,1190px);max-width:1190px;padding:30px 26px 78px;
 }
 html[data-design="v2"] .top{
  padding-inline:max(26px,calc((100vw - 1140px)/2));
 }
 html[data-design="v2"] #view-home .home-next-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:779px){
 html[data-design="v2"] #workspace{padding:20px 13px calc(108px + env(safe-area-inset-bottom,0px))}
 html[data-design="v2"] .top{min-height:69px;padding:10px 15px}
 html[data-design="v2"] .brand b{font-size:1rem}
 html[data-design="v2"] .brand small{font-size:.67rem}
 html[data-design="v2"] .brand .mark{width:38px;min-width:38px;height:38px}
 html[data-design="v2"] .view h1{font-size:clamp(1.65rem,6.8vw,2rem)}
 html[data-design="v2"] #view-home .home-welcome{padding:20px;margin-bottom:16px}
 html[data-design="v2"] #view-home .home-overview-grid{gap:9px}
 html[data-design="v2"] #view-home .home-overview-card{
  min-height:122px!important;padding:13px!important;border-radius:15px!important;
 }
 html[data-design="v2"] #view-home .home-overview-card:first-child{grid-column:span 2}
 html[data-design="v2"] #view-home .home-overview-card>strong{font-size:1.5rem!important}
 html[data-design="v2"] #view-home .home-next-grid{grid-template-columns:1fr;gap:11px}
 html[data-design="v2"] #view-home .home-focus,
 html[data-design="v2"] #view-home .home-bills{padding:16px!important}
 html[data-design="v2"] .bottom-nav{padding-bottom:max(6px,env(safe-area-inset-bottom,0px))}
 html[data-design="v2"] #view-finance .finance-agenda{grid-template-columns:minmax(0,1fr)}
 html[data-design="v2"] #view-finance .finance-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
 html[data-design="v2"] #view-training .gym-visual-card{gap:10px}
 html[data-design="v2"] #view-settings .settings-section{padding:17px}
}
@media(max-width:370px){
 html[data-design="v2"] #workspace{padding-inline:10px}
 html[data-design="v2"] .brand small{display:none}
 html[data-design="v2"] #view-home .home-overview-card>strong{font-size:1.38rem!important}
 html[data-design="v2"] #view-finance .finance-stats{gap:7px}
 html[data-design="v2"] #view-finance .finance-stats .finance-stat{padding:10px!important}
 html[data-design="v2"] .bottom-nav .nav-btn span{font-size:.61rem}
}
@media(prefers-reduced-motion:reduce){
 html[data-design="v2"] *,html[data-design="v2"] *::before,html[data-design="v2"] *::after{
  transition-duration:.01ms!important;animation-duration:.01ms!important;
  scroll-behavior:auto!important;
 }
}