/* Área Pro: versão PC e contraste (30/10/2026, pedido do Kennad; desenho da Chloe).
   Entra por último, só em /meu-sobreaviso/, e só age com a área Pro montada (body.sap-on).
   1) Contraste: a área Pro é sempre marinho, com ou sem o tema escuro do aparelho. As caixas que vinham
      de fora (agenda, alertas, formulários) deixam de ser creme e ganham cores próprias, para o tema
      escuro do Windows não pintar texto claro sobre creme (o "cinza que some" do Meu Sobreaviso e do Telegram).
   2) PC (a partir de 1024 px): menu lateral fixo com o jaleco, conteúdo largo; Rankings em linhas largas,
      Meu Sobreaviso em duas colunas, Conta em duas colunas. Celular continua como está. */

body.sap-on{--sad-sup:#1B2F52;--sad-sup2:#22385F;--sad-linha:#33507F;--sad-txt:#F6F0E6;--sad-txt2:#C3CEDF;--sad-cinza:#A9B6CC;--sad-a:#F5A623;--sad-perigo:#FF9C8A}
body.sap-on .sap{color-scheme:dark}

/* ---------- 1. Caixas vindas de fora: superfície marinho, texto creme ---------- */
body.sap-on .sap-slot>section,body.sap-on .sap-slot>.panel,body.sap-on .sap-form{background:var(--sad-sup)!important;color:var(--sad-txt)!important;border:1px solid var(--sad-linha)!important;border-radius:18px;padding:20px}
body.sap-on .sap-slot :is(p,li,span,small,label,summary,time,div,td,th,h3,h4,b,strong){color:inherit}
body.sap-on .sap-slot :is(.rp-sub,.rp-foot,small,.cd-dados){color:var(--sad-cinza)!important;opacity:1!important}
body.sap-on .sap-slot a{color:var(--sad-txt);text-decoration-color:rgba(246,240,230,.4);text-underline-offset:3px}
body.sap-on .sap-slot a:hover{text-decoration-color:var(--sad-a)}
body.sap-on .sap-slot .cd-link{color:var(--sad-cinza)!important;background:none;border:0;text-decoration:underline;text-underline-offset:3px;cursor:pointer;font:inherit}
body.sap-on .sap-slot .cd-link:hover{color:var(--sad-txt)!important}
body.sap-on .sap-slot details>summary{color:var(--sad-txt)!important;font-weight:600;cursor:pointer;padding:6px 0}
body.sap-on .sap-slot :is(input,select,textarea){background:#13233F!important;color:var(--sad-txt)!important;border:1px solid var(--sad-linha)!important;border-radius:10px;padding:10px 12px;font:500 15px "Public Sans",system-ui,sans-serif}
body.sap-on .sap-slot input[type=checkbox]{padding:0;width:20px;height:20px;accent-color:var(--sad-a)}
body.sap-on .sap-slot .rp-btn{background:var(--sad-a)!important;color:#13233F!important;border:0!important;border-radius:12px;font:600 15px "Public Sans",system-ui,sans-serif;padding:12px 18px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;cursor:pointer}
body.sap-on .sap-slot .rp-btn.rp-btn-ghost{background:transparent!important;color:var(--sad-txt)!important;box-shadow:inset 0 0 0 1.5px var(--sad-linha)}
body.sap-on .sap-slot .rp-btn.rp-btn-ghost:hover{box-shadow:inset 0 0 0 1.5px var(--sad-txt)}

/* Meu Sobreaviso: próxima prova, choque, lista dos acompanhados e linha do tempo */
body.sap-on #minha-agenda .cd-hero{background:#13233F;border:1px solid var(--sad-linha);border-radius:16px;padding:18px 20px;margin:0 0 14px;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"lab lab" "big txt";align-items:center;gap:6px 18px}
body.sap-on #minha-agenda .cd-hero .cd-lab{grid-area:lab;font:600 12px "Public Sans",system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--sad-cinza)!important}
body.sap-on #minha-agenda .cd-hero .cd-big{grid-area:big;color:var(--sad-a)!important;font:700 56px/1 "Schibsted Grotesk",system-ui,sans-serif;display:flex;flex-direction:column;align-items:center}
body.sap-on #minha-agenda .cd-hero .cd-big small{color:var(--sad-cinza)!important;font:600 13px "Public Sans",system-ui,sans-serif;margin:4px 0 0;opacity:1}
body.sap-on #minha-agenda .cd-hero>div:not([class]){grid-area:txt;color:var(--sad-txt2);font-size:15px;line-height:1.45}
body.sap-on #minha-agenda .cd-hero>div:not([class]) b{color:#fff;font-size:17px}
body.sap-on #minha-agenda .cd-hero .cd-live:empty{display:none}
body.sap-on #minha-agenda .ag-choque{background:rgba(255,120,95,.1);border:1px solid rgba(255,156,138,.45);border-radius:14px;padding:14px 16px;margin:0 0 14px;color:var(--sad-txt)}
body.sap-on #minha-agenda .ag-choque b{color:var(--sad-perigo)!important}
body.sap-on #minha-agenda .ag-choque li{color:var(--sad-txt)!important;margin:2px 0}
body.sap-on #minha-agenda .ag-choque a{color:#fff}
body.sap-on #minha-agenda .cd-cont li{border-bottom:1px solid rgba(255,255,255,.07)!important;padding:8px 0!important;align-items:center!important}
body.sap-on #minha-agenda .cd-cont li b{font:600 13px "IBM Plex Mono",monospace;color:var(--sad-a)!important;min-width:3.4rem;text-align:left}
body.sap-on #minha-agenda .cd-cont li.cd-alerta b{color:var(--sad-perigo)!important}
body.sap-on #minha-agenda .cd-cont li span{color:var(--sad-txt2)!important;font-size:14px}
body.sap-on #minha-agenda .cd-cont li span a{color:#fff;font-weight:600;text-decoration:none}
body.sap-on #minha-agenda .cd-cont li span a:hover{text-decoration:underline}
body.sap-on #minha-agenda .ag-seguidos .cd-cont li{display:grid!important;grid-template-columns:3.4rem minmax(0,1fr);column-gap:8px;row-gap:2px}
body.sap-on #minha-agenda .ag-seguidos .cd-cont li .cd-tirar{grid-column:2;justify-self:start;padding:0}
body.sap-on #minha-agenda .cd-tirar{font-size:12.5px!important}
body.sap-on #minha-agenda .ag-acoes{gap:10px;margin:14px 0}
body.sap-on #minha-agenda .ag-filtro{display:flex;gap:10px;align-items:center;color:var(--sad-txt2)!important;font-size:14px}
body.sap-on #minha-agenda .ag-filtro span{color:var(--sad-txt2)!important}
body.sap-on #minha-agenda .ag-ev{border-top:1px solid rgba(255,255,255,.08)!important;padding:12px 0!important;grid-template-columns:8.5rem 1fr}
body.sap-on #minha-agenda .ag-ev time{font:500 13px "IBM Plex Mono",monospace;color:var(--sad-cinza)!important}
body.sap-on #minha-agenda .ag-ev>div{color:var(--sad-txt2)!important;font-size:14.5px;line-height:1.45}
body.sap-on #minha-agenda .ag-ev>div>b{color:var(--sad-txt)!important}
body.sap-on #minha-agenda .ag-ev>div>a{color:#fff;font-weight:600}
body.sap-on #minha-agenda .ag-prova{background:linear-gradient(90deg,rgba(245,166,35,.1),transparent 70%);border-radius:10px;padding-left:12px!important;padding-right:8px!important;box-shadow:inset 3px 0 0 var(--sad-a)}
body.sap-on #minha-agenda .ag-prova time,body.sap-on #minha-agenda .ag-prova>div>b{color:var(--sad-a)!important}
body.sap-on #minha-agenda .ag-ev.ag-choca time::after{color:var(--sad-perigo)!important;display:block;font:600 11.5px "Public Sans",system-ui,sans-serif;content:"mesmo dia de outra prova"}
body.sap-on #minha-agenda .cd-sug li{border-color:rgba(255,255,255,.08)!important}
body.sap-on #minha-agenda .pf-afi-mini{background:rgba(245,166,35,.15);color:var(--sad-a)!important;border-radius:6px;padding:1px 6px;font:600 12px "IBM Plex Mono",monospace}

/* Alertas: Telegram (e os outros canais) sempre legíveis */
body.sap-on .sap-slot>#pf-alertas{background:var(--sad-sup)!important}
body.sap-on #pf-alertas>.rp-sub{margin:0 0 16px;max-width:64ch}
body.sap-on #pf-alertas h3{color:#fff!important;font:700 20px "Schibsted Grotesk",system-ui,sans-serif;margin:0 0 6px}
body.sap-on #pf-alertas .pf-al-form{gap:12px}
body.sap-on #pf-alertas .pf-al{background:#13233F;border:1px solid var(--sad-linha);border-radius:14px;padding:14px 16px;gap:12px!important;align-items:center!important;opacity:1!important;filter:none!important}
body.sap-on #pf-alertas .pf-al,body.sap-on #pf-alertas .pf-al *{opacity:1!important}
body.sap-on #pf-alertas .pf-al{flex-wrap:nowrap!important}
body.sap-on #pf-alertas .pf-al:has(>.rp-btn){flex-wrap:wrap!important}
body.sap-on #pf-alertas .pf-al>span:not(.sap-canal-ic){flex:1 1 0!important;min-width:0}
body.sap-on #pf-alertas .pf-al b{color:#fff!important;font-size:16px}
body.sap-on #pf-alertas .pf-al small{color:var(--sad-txt2)!important;font-size:14px}
body.sap-on #pf-alertas .pf-al>input[type=checkbox]{order:3;margin-left:auto;width:22px;height:22px}
body.sap-on #pf-alertas .pf-al>.rp-btn{order:3;margin-left:auto;flex:none}
body.sap-on #pf-alertas .pf-chip{background:rgba(245,166,35,.15)!important;color:var(--sad-a)!important;border:0!important;border-radius:999px;padding:2px 8px;font-size:12px}
body.sap-on #pf-alertas .pf-al-wa{padding:0 0 0 64px}
body.sap-on #pf-alertas .pf-al-wa label{color:var(--sad-txt2)!important;font-size:13.5px}
body.sap-on #pf-alertas .rp-btn[type=submit]{justify-self:start;min-width:200px}
/* A mensagem de salvo/erro (thread de alertas, .pf-al-ok/.pf-al-erro) mantém o verde e o vermelho dela */
body.sap-on #pf-alertas .cd-msg:not(.pf-al-ok):not(.pf-al-erro){color:var(--sad-txt2)!important}

/* Conta: profissão abaixo do nome (texto vem do sobreaviso-pro-desk.js) */
.sad-prof{font:500 15px "Public Sans",system-ui,sans-serif;color:var(--sad-txt2,#C3CEDF)}

/* Topo do site: jaleco no lugar das iniciais quando não há foto */
.sa-av.sad-av-jaleco{background:radial-gradient(circle at 50% 30%,#2F4C80,#1B2F52 70%)!important;overflow:hidden;padding:0}
.sa-av.sad-av-jaleco svg{width:100%;height:100%;display:block}

/* Quem sou no menu lateral (só no PC) */
.sap-abas .sad-quem{display:none}

/* ---------- 2. PC ---------- */
@media (min-width:1024px){
  body.sap-on main.sap-main{padding:0 0 72px}
  body.sap-on .sap{max-width:1280px;margin:0 auto;padding:40px 48px 24px;display:grid;grid-template-columns:260px minmax(0,1fr);column-gap:56px;row-gap:24px;align-items:start}
  body.sap-on .sap>*{grid-column:2;min-width:0}
  body.sap-on .sap>.sap-slot[hidden]{display:none}

  /* Menu lateral */
  body.sap-on .sap-abas{grid-column:1;grid-row:1/span 99;position:sticky;top:104px;display:flex;flex-direction:column;gap:4px;padding:16px;border-radius:20px;background:var(--sad-sup);border:1px solid var(--sad-linha);align-self:start}
  body.sap-on .sap-abas a{justify-content:flex-start;gap:12px;padding:12px 14px;font:500 15px "Public Sans",system-ui,sans-serif;border-radius:12px;color:var(--sad-txt2)}
  body.sap-on .sap-abas a br{display:none}
  body.sap-on .sap-abas a span{white-space:nowrap}
  body.sap-on .sap-abas a:hover{background:rgba(255,255,255,.05);color:#fff}
  body.sap-on .sap-abas a[aria-current=page]{background:var(--sad-txt);color:#13233F;font-weight:600}
  body.sap-on .sap-abas svg{width:20px;height:20px}
  body.sap-on .sap[data-aba=conta] .sap-abas .sad-quem{display:none}
  body.sap-on .sap-abas .sad-quem{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:8px 8px 18px;margin:0 0 10px;border-bottom:1px solid var(--sad-linha)}
  body.sap-on .sad-quem .sad-quem-av{width:88px;height:88px;border-radius:50%;overflow:hidden;margin:0 0 10px;background:radial-gradient(circle at 50% 30%,#2F4C80,#1B2F52 70%);box-shadow:0 0 0 2px rgba(245,166,35,.55),0 8px 22px rgba(0,0,0,.35)}
  body.sap-on .sad-quem .sad-quem-av :is(svg,img){width:100%;height:100%;display:block;object-fit:cover}
  body.sap-on .sad-quem b{font:700 17px "Schibsted Grotesk",system-ui,sans-serif;color:#fff;overflow-wrap:anywhere}
  body.sap-on .sad-quem .sad-prof{font-size:13.5px}
  body.sap-on .sad-quem .sad-selo{margin-top:6px;font:600 11px "Public Sans",system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--sad-a)}

  /* Cabeçalho das telas */
  body.sap-on .sap-tela{gap:20px}
  body.sap-on .sap h2.sap-h{font-size:32px;letter-spacing:-.01em}
  body.sap-on .sap-sub{font-size:15px;max-width:72ch}
  body.sap-on .sap-seg{max-width:520px}

  /* Telas de formulário (montar ranking, plano, subtelas da Conta) não esticam */
  body.sap-on :is(.sap-ops,.sap-campo,.sap-ordem,.sap-rodape,.sap-conf,.sap-form){max-width:680px}

  /* Rankings: linhas largas */
  body.sap-on .sap-lista{gap:12px}
  body.sap-on .sap-card{grid-template-columns:44px minmax(0,1fr) minmax(0,1.05fr) 44px;grid-template-areas:"pos t d e" "pos t n e" ". x x x";padding:18px 22px;column-gap:24px;row-gap:6px;align-items:center;border-radius:18px;transition:transform .15s ease,box-shadow .15s ease}
  body.sap-on .sap-card:hover{transform:translateY(-1px);box-shadow:0 10px 28px rgba(0,0,0,.28)}
  body.sap-on .sap-card>.sap-pos{grid-area:pos;width:40px;height:40px;font-size:16px}
  body.sap-on .sap-card>.sap-card-t{grid-area:t}
  body.sap-on .sap-card h3{font-size:17px}
  body.sap-on .sap-onde{font-size:13.5px;margin-top:2px}
  body.sap-on .sap-card>.sap-dados{grid-area:d;margin:0;font-size:12.5px;gap:4px 14px}
  body.sap-on .sap-card>.sap-notas{grid-area:n;margin:0}
  body.sap-on .sap-card>.sap-estrela{grid-area:e;margin:0}
  body.sap-on .sap-card>.sap-entender{grid-area:x;padding-top:4px;border-top:1px solid #E3DACB;margin-top:4px}
  body.sap-on .sap-card>.sap-entender table{max-width:560px}
  body.sap-on .sap-card>:not(.sap-pos,.sap-card-t,.sap-dados,.sap-notas,.sap-estrela,.sap-entender){grid-column:2/-1}
  body.sap-on .sap-barra-plano{bottom:24px}

  /* Meu Sobreaviso: coluna do resumo à esquerda, linha do tempo à direita */
  body.sap-on #minha-agenda{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);grid-template-rows:repeat(9,auto) 1fr;column-gap:40px;padding:28px}
  body.sap-on #minha-agenda>*{grid-column:1;margin-top:0}
  body.sap-on #minha-agenda>.cd-topo,body.sap-on #minha-agenda>.cd-ancora{display:none}
  body.sap-on #minha-agenda>.ag-lista{grid-column:2;grid-row:1/11;margin:0;align-self:start}
  body.sap-on #minha-agenda>.ag-lista~:is(details:not(.ag-mais,.ag-add),.rp-foot,.cd-dados){grid-column:2}
  body.sap-on #minha-agenda>.ag-lista~:is(.ag-mais,.ag-add){grid-column:1}
  body.sap-on #minha-agenda>.ag-filtro{margin:0 0 14px}
  body.sap-on #minha-agenda .ag-acoes{display:grid;grid-template-columns:1fr 1fr}
  body.sap-on #minha-agenda .ag-acoes .rp-btn{width:100%;font-size:14px;padding:12px}
  body.sap-on #minha-agenda .ag-ev{grid-template-columns:8.5rem minmax(0,1fr);gap:16px}
  body.sap-on #minha-agenda .ag-seguidos .cd-cont li span{min-width:0}

  /* Alertas */
  body.sap-on #pf-alertas{padding:28px}
  body.sap-on #pf-alertas .pf-al-form{max-width:760px}

  /* Conta: perfil grande e a lista em duas colunas */
  body.sap-on .sap-perfil{gap:24px;padding:8px 0 4px}
  body.sap-on .sap-perfil :is(.sap-jaleco,.sap-foto){width:104px;height:104px}
  body.sap-on .sap-perfil :is(.sap-jaleco,.sap-foto) img{width:100%;height:100%;object-fit:cover}
  body.sap-on .sap-nome{font-size:30px}
  body.sap-on .sap-perfil .sad-prof{font-size:16px}
  body.sap-on .sap-linhas{display:grid;grid-template-columns:1fr 1fr;column-gap:48px}
  body.sap-on .sap-linhas>.sap-conf{grid-column:1/-1}
  body.sap-on .sap-linha{padding:16px 0}
  body.sap-on .sap-rodape{max-width:360px}
}
@media (min-width:1440px){
  body.sap-on .sap{max-width:1360px}
}
@media (prefers-reduced-motion:reduce){body.sap-on .sap-card{transition:none}body.sap-on .sap-card:hover{transform:none}}