/* V5 — paisagem calma da identidade TEAjudo + moldura responsiva */
:root{
  --sky:#b9def7;
  --sky-soft:#eaf7ff;
  --hill-soft:#afc97d;
  --hill:#879d00;
  --forest:#526b3f;
  --cream:#f8f5ef;
  --ink:#243126;
  --muted:#687269;
  --surface:#fffdf9;
  --line:rgba(42,58,45,.12);
  --shadow:0 18px 45px rgba(45,63,49,.11);
}

html{background:#e9e6df}
body{background:
  radial-gradient(circle at 12% 18%,rgba(183,215,247,.72),transparent 20%),
  radial-gradient(circle at 88% 20%,rgba(247,218,135,.55),transparent 21%),
  radial-gradient(circle at 12% 82%,rgba(239,168,176,.54),transparent 22%),
  radial-gradient(circle at 88% 82%,rgba(188,197,232,.68),transparent 22%),
  #e9e6df;color:var(--ink)}

.app{background:var(--cream)}
.splash-screen{position:fixed;inset:0;z-index:110;display:grid;place-items:center;overflow:hidden;background:#fbfaf7;opacity:1;transition:opacity .48s ease,visibility .48s ease}.splash-screen.saindo{visibility:hidden;opacity:0;pointer-events:none}.splash-screen img{width:100%;height:100%;object-fit:cover;object-position:center}
.iphone-statusbar{display:none}
.topo{position:relative;isolation:isolate;min-height:190px;margin:-4px -2px 24px;padding:30px 24px 70px;overflow:hidden;border-radius:30px;background:
  radial-gradient(105% 52% at 76% 113%,var(--hill) 0 56%,transparent 57%),
  radial-gradient(120% 60% at 12% 110%,var(--hill-soft) 0 58%,transparent 59%),
  linear-gradient(180deg,var(--sky) 0%,var(--sky-soft) 100%)}
.topo::after{content:"";position:absolute;z-index:-1;top:24px;right:62px;width:92px;height:40px;border-radius:999px;background:#fff;box-shadow:-29px 8px 0 -5px #fff,-2px -21px 0 5px #fff,31px 5px 0 -6px #fff;opacity:.94}
.topo>div,.topo>.perfil{position:relative;z-index:2}.topo .data{color:#47667a}.topo h1{max-width:275px;color:#20372e;text-shadow:0 1px 0 #ffffff90}.topo .subtitulo{color:#496557}.perfil{background:#fff;color:var(--forest);box-shadow:0 8px 20px rgba(63,83,65,.14)}

.painel{border-color:var(--line);background:var(--surface);box-shadow:var(--shadow)}
.checkin{background:#fffdf9}.secao-titulo span,.pagina-titulo span,.etiqueta{color:#64804f}.link,.acao{color:#647a50}
.emocao button:hover,.emocao button.selecionado{background:#eef4e5;box-shadow:none}
.destaque{background:linear-gradient(145deg,#658058,#4e6948);box-shadow:0 20px 44px rgba(63,91,65,.22)}.destaque p{color:#eef6e9}.destaque .etiqueta{color:#d9edc8}.respiracao-mini i{background:#cce4f5}
.recurso{border:1px solid transparent}.recurso.coral{background:#f0d7cc}.recurso.azul{background:#d9eafb}.recurso.amarelo{background:#f3e7bc}.recurso.lavanda{background:#e4dbe9}.recurso.lilas{background:#d8dced}.recurso.verde{background:#dce8cf}
.autonomia-principal{background:linear-gradient(145deg,#8ca100,#718800)}.autonomia-menores button{border-color:var(--line)}
.estado-agora{background:#e6efdc}.sugestao-estado{background:#eef0c9}.botao-cheio{background:#617c51}.botao-cheio:hover{background:#526d44}.acolhimento{background:#385645}
.menu{border-color:var(--line);background:rgba(248,245,239,.96);box-shadow:0 -8px 28px rgba(48,68,52,.09)}.menu button.ativo{color:#617c51}
.campo:focus{outline-color:rgba(135,157,0,.2);border-color:#879d00!important}.dados-protegidos{background:#e7f0df}.login-card>small{color:#617c51!important}

@media (min-width:700px){
  body{min-height:100vh;padding:24px;overflow:hidden;display:grid;place-items:center}
  body::after{content:"";position:fixed;z-index:120;top:max(44px,calc((100vh - 900px)/2 + 22px));left:50%;width:108px;height:30px;transform:translateX(-50%);border-radius:999px;background:radial-gradient(circle at 82% 43%,#11182a 0 3px,#06070a 3.5px 5px,transparent 5.5px),linear-gradient(180deg,#020202,#080808);box-shadow:inset 0 1px 2px #343434,0 1px 2px rgba(0,0,0,.28);pointer-events:none}
  .iphone-statusbar{position:fixed;z-index:119;top:max(45px,calc((100vh - 900px)/2 + 23px));left:50%;display:flex;width:360px;transform:translateX(-50%);align-items:center;justify-content:space-between;color:#111;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",sans-serif;font-size:12px;line-height:1;pointer-events:none}
  .iphone-statusbar>strong{font-size:13px;font-weight:750;letter-spacing:-.02em}.iphone-status-icons{display:flex;align-items:center;gap:5px}.iphone-status-icons>b{font-size:10px;font-weight:800}.iphone-signal{display:flex;height:11px;align-items:flex-end;gap:1.5px}.iphone-signal i{display:block;width:2.5px;border-radius:2px;background:#111}.iphone-signal i:nth-child(1){height:4px}.iphone-signal i:nth-child(2){height:6px}.iphone-signal i:nth-child(3){height:8px}.iphone-signal i:nth-child(4){height:10px}.iphone-battery{position:relative;width:23px;height:11px;padding:1.5px;border:1.5px solid #111;border-radius:3px}.iphone-battery::after{content:"";position:absolute;top:2.5px;right:-3.5px;width:2px;height:5px;border-radius:0 2px 2px 0;background:#111}.iphone-battery i{display:block;width:100%;height:100%;border-radius:1px;background:#111}.iphone-status-icons small{font-size:8px;font-weight:800}
  .app{position:relative;width:430px;max-width:430px;height:calc(100vh - 48px);min-height:620px;max-height:900px;padding:76px 22px 120px;overflow-x:hidden;overflow-y:auto;border:10px solid #111;border-radius:60px;box-shadow:0 28px 75px rgba(32,31,35,.28),inset 0 0 0 2px #494949;scrollbar-width:none}
  .splash-screen{inset:auto;top:50%;left:50%;width:410px;height:min(calc(100vh - 68px),880px);transform:translate(-50%,-50%);border-radius:49px}
  .app::-webkit-scrollbar{display:none}
  .topo{margin:-8px -2px 24px}
  .topo::before{display:none}
  .menu{bottom:max(34px,calc((100vh - 900px)/2 + 10px));width:410px;overflow:hidden;border-radius:0 0 49px 49px}
  .login-overlay{position:fixed;inset:auto;top:50%;left:50%;width:410px;max-width:410px;height:min(calc(100vh - 68px),880px);transform:translate(-50%,-50%);border-radius:48px}
}

@media (max-width:699px){
  html,body{width:100%;min-height:100%;background:var(--cream)}
  body{overflow-x:hidden}
  body::after{display:none}
  .iphone-statusbar{display:none}
  .app{width:100%;max-width:none;min-height:100svh;margin:0;padding:calc(16px + env(safe-area-inset-top)) 16px calc(104px + env(safe-area-inset-bottom));border:0;border-radius:0;box-shadow:none}
  .splash-screen{width:100%;height:100svh}
  .topo{min-height:205px;margin:-6px 0 22px;padding:28px 20px 76px;border-radius:26px}
  .menu{width:100%;max-width:none}
  .login-overlay{width:100%;max-width:none}
}

@media (max-width:390px){
  .app{padding-right:12px;padding-left:12px}.topo{padding-right:16px;padding-left:16px}.topo h1{font-size:27px}.topo::after{right:44px;transform:scale(.86)}
}

@media (prefers-reduced-motion:reduce){.splash-screen{transition:none}}