/* Painel da Coordenação — visual elegante */
:root{--ink:#0a0b0e;--ouro:#c9a24b;--ouro2:#e6c477;--papel:#f5f2ea}
body{background:var(--papel);font-family:Inter,system-ui,sans-serif;color:#23262d}
main{max-width:860px}

/* barra superior */
header.top{background:linear-gradient(180deg,#0a0b0e,#15171c);border-bottom:3px solid var(--ouro);padding:0;box-shadow:0 4px 18px #0003}
header.top .topo{max-width:860px;margin:0 auto;padding:8px 16px;display:flex;align-items:center;gap:14px}
header.top img{height:50px;width:auto;display:block}
header.top .tt{flex:1;line-height:1.2}
header.top .tt b{display:block;font-family:Cinzel,Georgia,serif;font-size:19px;letter-spacing:.14em;text-transform:uppercase;color:#fff;font-weight:700}
header.top .tt small{font-size:11.5px;letter-spacing:.08em;color:var(--ouro2)}
header.top button{background:transparent;border:1px solid #5a5340;color:#e9e5d8;padding:8px 16px;font-size:13px;border-radius:99px;letter-spacing:.06em}
header.top button:hover{border-color:var(--ouro);color:var(--ouro2)}
@media(max-width:560px){header.top img{height:44px}header.top .tt b{font-size:15px}header.top .tt small{display:none}}

/* ecrã de entrada */
#login{position:fixed;inset:0;z-index:100;overflow:auto;
  background:radial-gradient(900px 520px at 50% -8%,#3a2c0c 0%,#15120a 45%,#090a0c 100%)}
#login::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,#ffffff06 0 1px,transparent 1px 38px);pointer-events:none}
#login .lg-caixa{position:relative;min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:26px 18px;gap:18px}
#login .lg-logo{width:min(340px,78vw);height:auto;margin-bottom:-6px}
#login .lg-card{width:100%;max-width:410px;background:linear-gradient(180deg,#14161bf2,#0e1014f2);border:1px solid #3a3322;border-top:2px solid var(--ouro);border-radius:16px;padding:30px 30px 28px;box-shadow:0 24px 60px #000a,inset 0 1px 0 #ffffff0d;color:#e9e5d8}
#login h2{margin:0;text-align:center;font-family:Cinzel,Georgia,serif;font-size:22px;letter-spacing:.12em;text-transform:uppercase;color:#fff;font-weight:700}
#login .lg-sub{text-align:center;margin:8px 0 22px;font-size:13px;color:#a9a69b;letter-spacing:.04em}
#login .lg-sub::after{content:"";display:block;width:46px;height:2px;background:var(--ouro);margin:14px auto 0}
#login label{font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--ouro);margin:16px 0 6px}
#login input{background:#0a0b0e;border:1px solid #3a3a42;color:#fff;border-radius:10px;padding:13px 14px;font-size:15.5px;transition:border-color .2s,box-shadow .2s}
#login input::placeholder{color:#5d5f68}
#login input:focus{outline:0;border-color:var(--ouro);box-shadow:0 0 0 3px #c9a24b33}
#login button#entrar{width:100%;margin-top:24px;padding:14px;border-radius:10px;font-size:13.5px;letter-spacing:.2em;text-transform:uppercase;font-weight:700;background:linear-gradient(180deg,#e6c477,#c29a3f);color:#14110a;box-shadow:0 6px 18px #c9a24b33;transition:transform .15s,filter .2s}
#login button#entrar:hover{filter:brightness(1.07);transform:translateY(-1px)}
#login .msg{background:#2a1512;color:#f2b3aa;border:1px solid #5a2a22;font-size:13px}
#login .lg-voltar{font-size:12.5px;letter-spacing:.1em;color:#8d8a7e;text-decoration:none}
#login .lg-voltar:hover{color:var(--ouro2)}

/* separadores */
.abas{gap:6px;background:#e7e2d4;padding:5px;border-radius:12px;margin-bottom:14px}
.abas button{background:transparent;color:#5b5849;border-radius:9px;padding:10px 14px;font-size:13.5px;font-weight:600;letter-spacing:.04em}
.abas button:not(.cinza){background:var(--ink);color:var(--ouro2);box-shadow:0 2px 8px #0003}
.abas button.cinza:hover{background:#f1ede1}
#busca{background:#fff;border:1px solid #d9d3c2;border-radius:12px;padding:13px 16px;margin-bottom:14px;box-shadow:0 1px 3px #0001}
#busca:focus{outline:0;border-color:var(--ouro);box-shadow:0 0 0 3px #c9a24b30}

/* lista e cartões */
.card{border-radius:14px;box-shadow:0 2px 14px #0000000f;border:1px solid #ebe6d8}
#lista{padding:6px 18px}
.item{padding:12px 6px;border-bottom:1px solid #eee9db;transition:background .15s;border-radius:8px}
.item:hover{background:#faf6e8}
.item:last-child{border-bottom:0}
.item img{width:50px;height:62px;border-radius:8px;border:1px solid #e1dac5;background:#f1eee4}
.item .info b{font-size:15px;color:#14161b}
.tag{font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:4px 11px}
#detalhe .card h3{font-family:Cinzel,Georgia,serif;letter-spacing:.06em;color:#14161b}
#detalhe button{border-radius:9px;font-size:13.5px}
button.ouro{background:linear-gradient(180deg,#e6c477,#c29a3f);color:#14110a}
button.verde{background:#1d7a47}button.verm{background:#a8281c}

/* resumo: quantos membros já estão registados */
#resumo{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:10px;margin-bottom:14px}
#resumo div{background:#fff;border:1px solid #ebe6d8;border-radius:12px;padding:12px 14px;box-shadow:0 1px 3px #0001}
#resumo b{display:block;font-family:Cinzel,Georgia,serif;font-size:26px;line-height:1.1;color:#14161b}
#resumo small{display:block;margin-top:4px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#6b6f78}
#resumo .destaque{background:var(--ink);border-color:var(--ink)}
#resumo .destaque b{color:var(--ouro2)}
#resumo .destaque small{color:#cfcbbd}
@media(max-width:560px){#resumo{grid-template-columns:1fr 1fr}}