/* ---------------- APP ---------------- */
  #tela-app{display:none;min-height:100vh;position:relative;background:var(--verde);}
  #marca-dagua{position:fixed;inset:0;z-index:0;pointer-events:none;display:flex;align-items:center;justify-content:center;opacity:.055;}
  #marca-dagua svg,#marca-dagua img{width:min(66vw,600px);height:auto;color:#fff;}
  .app-conteudo{position:relative;z-index:1;}

  header.topo{background:var(--verde-escuro);color:#fff;height:62px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:5;box-shadow:0 2px 10px rgba(0,0,0,.18);}
  .marca-topo{display:flex;align-items:center;gap:11px;}
  .marca-topo .logo-slot{width:36px;color:#fff;display:flex;}
  .marca-topo .logo-slot svg,.marca-topo .logo-slot img{width:100%;height:auto;display:block;}
  .marca-topo b{font-size:15px;letter-spacing:1.5px;font-family:Georgia,'Times New Roman',serif;}
  .marca-topo span{display:block;font-size:10.5px;opacity:.8;font-weight:400;letter-spacing:.3px;}
  .user-box{display:flex;align-items:center;gap:12px;font-size:13px;}
  .user-box .avatar{width:34px;height:34px;border-radius:50%;background:#fff;color:var(--verde);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;}
  .user-box .sair{background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.3);color:#fff;padding:7px 12px;border-radius:8px;font-size:12.5px;display:inline-flex;align-items:center;gap:6px;}
  .user-box .sair:hover{background:rgba(255,255,255,.24);}

  .container{max-width:780px;margin:0 auto;padding:24px 18px 60px;}
  .abas{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap;}
  .abas button{background:rgba(255,255,255,.12);border:1.5px solid rgba(255,255,255,.32);color:#fff;padding:9px 15px;border-radius:20px;font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:7px;}
  .abas button:hover{background:rgba(255,255,255,.2);}
  .abas button.ativa{background:#fff;color:var(--verde);border-color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.12);}
  .noti{background:#e23b2e;color:#fff;font-size:11px;font-weight:700;min-width:19px;height:19px;padding:0 5px;border-radius:10px;align-items:center;justify-content:center;line-height:1;box-shadow:0 0 0 2px rgba(255,255,255,.35);}

  .painel{background:#fff;border-radius:var(--radius);box-shadow:var(--sombra);padding:24px;margin-bottom:18px;}
  .painel h2{margin:0 0 4px;font-size:18px;color:var(--verde-escuro);}
  .painel .desc{margin:0 0 18px;color:var(--texto-suave);font-size:13px;}