/* [proprio] 26/09/2026 — mesmos tokens do launcher e da Central de Bugs (modo A). */
*{box-sizing:border-box}
body{margin:0;min-height:100vh;background:#111d1d;color:#efeee4;font:14px 'Segoe UI',sans-serif}
button,select,input,textarea{font:inherit}
button{cursor:pointer;color:inherit;border:0}
a{color:inherit;text-decoration:none}
button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid #e9bc69;outline-offset:4px}
button:disabled{opacity:.45;cursor:default}
[hidden]{display:none!important}

.app{position:relative;isolation:isolate;background:#111d1d;min-height:100vh;display:flex;flex-direction:column}
header{display:flex;align-items:center;gap:35px;height:64px;padding:0 28px;background:#101b1deb;border-bottom:1px solid #ffffff13;position:sticky;top:0;z-index:3}
.brand{display:flex;gap:9px;align-items:center;letter-spacing:2px;font-size:12px;font-weight:800}
.brand img{width:46px;height:50px;object-fit:contain}
.brand span{font-size:13px;line-height:1.2;color:#eceadc}
.brand small{display:block;font-size:8px;color:#cdb883;letter-spacing:2.4px;margin-top:3px}
.nav{display:flex;align-items:center;gap:25px;height:100%}
.nav a{display:flex;align-items:center;height:100%;color:#a9b6ad;font-size:11px;letter-spacing:1px;border-bottom:2px solid transparent}
.nav a.active{color:#e5bf7c;border-bottom-color:#c39b5a}
.account-top{margin-left:auto;display:flex;gap:9px;align-items:center;background:#ffffff07;border:1px solid #ffffff19;border-radius:5px;padding:9px 12px;font-size:11px;min-width:0;max-width:270px}
.account-top span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.person{height:16px;width:16px;fill:none;stroke:currentColor;stroke-width:1.5}

.hero{min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:18px;padding:52px 48px 74px;background:linear-gradient(0deg,#111d1d,transparent 62%),linear-gradient(180deg,#0b181a80,transparent 40%),url('landscape.jpg') center 46%/cover}
.logo{display:block;width:360px;max-width:74%;filter:drop-shadow(0 5px 20px #0005)}
.hero-copy strong{display:block;font-size:11px;letter-spacing:3px;color:#e6c181;margin-bottom:8px}
.hero-copy p{margin:0 auto;max-width:520px;color:#d5dfd6;font-size:13px;line-height:1.6;text-shadow:0 1px 6px #000a}
.hero-status{margin-top:14px;display:inline-flex;align-items:center;gap:7px;font-size:11px;color:#a3c5aa;background:#0b181a9c;border:1px solid #ffffff14;border-radius:99px;padding:6px 14px}
.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#7de196}

.content{padding:0 30px 46px;position:relative;z-index:2;flex:1}
.view{width:min(1040px,100%);margin:-46px auto 0}
/* O card de entrar é estreito de propósito: são dois campos. O de sessão fica largo porque
   precisa caber o comando com as 23 origens sem virar uma coluna de texto quebrado. */
.entrada{width:min(430px,100%);margin:0 auto}
.entrada .primary.largo{width:100%;text-align:center;margin-top:4px}

.panel{background:linear-gradient(125deg,#24332eea,#101b1ef5);backdrop-filter:blur(15px);border:1px solid #9aaf8544;border-radius:8px;padding:23px;box-shadow:0 12px 35px #0004}
.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}
.panel-heading strong{font-size:10px;letter-spacing:2px}
.muted{color:#8ca79c;font-size:10px;letter-spacing:0}
.text-link{background:none;color:#c1a375;font-size:11px;padding:0}
.text-link.danger{color:#e2a08c}

.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card{display:flex;flex-direction:column;gap:12px}
.card p{margin:0;color:#c8d4c8;font-size:12.5px;line-height:1.65;flex:1}
.card .primary,.card a.primary{align-self:flex-start}

.primary{background:linear-gradient(180deg,#d8b877,#b7924f);color:#20160a;font-size:11px;font-weight:700;letter-spacing:1.4px;padding:11px 20px;border-radius:5px;display:inline-block}

.intro{color:#c8d4c8;font-size:13px;line-height:1.7;margin:0 0 20px;max-width:760px}
.field{display:flex;flex-direction:column;gap:7px;margin-bottom:16px;min-width:0}
.field label{font-size:11px;color:#bccabb}
.field input{background:#0c1916;border:1px solid #42584a;padding:11px;color:#edf0e5;border-radius:4px;width:100%}
.acoes{display:flex;align-items:center;gap:18px;margin-bottom:6px}

.validade{margin:22px 0 12px;font-size:11px;color:#e6c181;letter-spacing:.4px}
.abas{display:flex;gap:6px;margin-bottom:10px;flex-wrap:wrap}
.aba{background:#ffffff07;border:1px solid #ffffff19;border-radius:5px;padding:8px 13px;font-size:11px;color:#a9b6ad}
.aba.active{background:#ffffff12;color:#e5bf7c;border-color:#c39b5a66}
.comando{background:#0a1513;border:1px solid #33473b;border-radius:5px;padding:15px;margin:0 0 14px;font:12px/1.7 'Cascadia Mono',Consolas,monospace;color:#d6e3d4;white-space:pre-wrap;word-break:break-all;max-height:270px;overflow:auto}
.aviso{margin:16px 0 0;font-size:11.5px;line-height:1.65;color:#e0b9a8;background:#2a1f1b8c;border:1px solid #6e4a3e66;border-radius:5px;padding:12px 14px}
.aviso b{color:#f0c9b6}

dialog{border:1px solid #9aaf8544;border-radius:8px;background:linear-gradient(125deg,#24332e,#101b1e);color:#efeee4;padding:26px;width:min(400px,92vw)}
dialog::backdrop{background:#04090ab8}
dialog h2{margin:0 0 6px;font-size:16px}
dialog #auth-description,dialog #auth-email{margin:0 0 16px;font-size:12px;color:#a9bbad}
.dialog-close{position:absolute;top:12px;right:14px;background:none;font-size:20px;color:#8ca79c;padding:0;line-height:1}
.dialog-acoes{display:flex;align-items:center;gap:16px;margin-top:4px}
.erro{margin:14px 0 0;color:#e8a48f;font-size:12px}
.info{margin:14px 0 0;color:#a9d3b1;font-size:12px;line-height:1.6}
.entrada .abas{margin-bottom:20px}

#notice{position:fixed;left:50%;bottom:26px;transform:translate(-50%,24px);background:#1d2b26f2;border:1px solid #9aaf8555;border-radius:6px;padding:12px 20px;font-size:12px;opacity:0;pointer-events:none;transition:.22s;z-index:9}
#notice.visivel{opacity:1;transform:translate(-50%,0)}
#notice.ruim{border-color:#7d4b3d;color:#f0c3b2}

footer{padding:26px 30px 30px;border-top:1px solid #ffffff10;display:flex;justify-content:space-between;gap:22px;flex-wrap:wrap;align-items:flex-end}
.legal{font-size:10px;line-height:1.7;color:#6f857b;max-width:640px}
.versions{display:flex;gap:16px;font-size:10px;color:#6f857b}
.versions b{color:#8ca79c;font-weight:600}

@media (max-width:860px){
  header{gap:16px;padding:0 16px;height:auto;flex-wrap:wrap;padding-bottom:10px}
  .nav{gap:16px;order:3;width:100%;height:38px}
  .account-top{max-width:150px}
  .content{padding:0 16px 30px}
  .cards{grid-template-columns:1fr}
  .hero{padding:30px 16px 60px;min-height:260px}
}