/* ======================================================================
   AD BELÉM ITAPEVI — PAINEL ADMIN
   Complementa style.css com os estilos exclusivos de admin.html.
   ====================================================================== */
.admin-main{width:min(980px,calc(100% - 32px));margin:0 auto;padding:130px 0 40px;min-height:calc(100vh - 70px)}
.admin-card{border:1px solid var(--line);border-radius:26px;background:var(--panel);backdrop-filter:blur(20px);box-shadow:var(--shadow);padding:30px}
.admin-center{display:grid;place-items:center;gap:12px;min-height:220px;color:var(--muted)}
.admin-center i{font-size:26px;color:var(--cyan)}
.admin-auth{max-width:460px;margin:0 auto}
.admin-page h1{font-family:var(--display);font-size:clamp(40px,6vw,58px);line-height:.95;letter-spacing:-.06em;margin:12px 0 10px}
.admin-page h1 em{font-style:normal;color:var(--cyan)}
.admin-page h2{font-family:var(--display);font-size:24px;letter-spacing:-.03em;margin:0}
.admin-muted{color:var(--muted);font-size:14px;line-height:1.6;margin:0 0 20px}
.admin-muted strong{color:var(--text)}

/* ---- Formulários ---- */
.admin-form{display:grid;gap:16px}
.admin-form label{display:grid;gap:7px;font-size:11px;font-weight:800;letter-spacing:.06em;color:#b7c2d1;text-transform:uppercase}
.admin-form textarea{width:100%;min-height:110px;padding:12px 14px;border:1px solid var(--line);border-radius:13px;background:rgba(5,10,18,.6);color:var(--text);font:500 14px/1.5 var(--body);text-transform:none;letter-spacing:0;resize:vertical}
.admin-form textarea:focus{outline:2px solid rgba(94,232,255,.5);outline-offset:1px;border-color:transparent}
.admin-form input:not([type=checkbox]):not([type=file]),.admin-form select{width:100%;min-height:48px;padding:0 14px;border:1px solid var(--line);border-radius:13px;background:rgba(5,10,18,.6);color:var(--text);font:500 14px var(--body);text-transform:none;letter-spacing:0}
.admin-form input:focus,.admin-form select:focus{outline:2px solid rgba(94,232,255,.5);outline-offset:1px;border-color:transparent}
.admin-form input[type=file]{font:500 13px var(--body);color:var(--muted);text-transform:none;letter-spacing:0}
.admin-form select option{background:var(--panel-strong)}
.admin-form .button{cursor:pointer}
.admin-form .button:disabled{opacity:.6;cursor:wait}
.admin-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:end}
.admin-check{display:flex!important;align-items:center;gap:10px!important;min-height:48px;cursor:pointer}
.admin-check input{width:18px;height:18px;accent-color:var(--cyan)}
/* chave de liga e desliga (aba Abertura) */
.admin-chave{display:flex!important;align-items:center;gap:14px!important;min-height:56px;cursor:pointer}
.admin-chave input{appearance:none;-webkit-appearance:none;flex:none;position:relative;width:52px;height:30px;margin:0;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.08);cursor:pointer;transition:background .25s,border-color .25s}
.admin-chave input:before{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#8a96a8;box-shadow:0 2px 6px rgba(0,0,0,.35);transition:transform .25s,background .25s}
.admin-chave input:checked{background:rgba(94,232,255,.28);border-color:rgba(94,232,255,.55)}
.admin-chave input:checked:before{transform:translateX(22px);background:var(--cyan)}
.admin-aprender{margin:4px 0 22px;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.02)}
.admin-aprender h3{margin:0 0 6px;font-size:15px}
.admin-legendas-provedores{display:grid;gap:12px;margin-top:10px}
.admin-ias-chaves{display:grid;gap:10px;margin:12px 0 16px}
.admin-ias-chaves .admin-chave{padding:10px 14px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.02)}
.admin-ias-chaves .admin-chave span{display:grid;gap:3px}
.admin-ias-chaves .admin-chave small{color:var(--muted);font-size:12.5px;font-weight:500;letter-spacing:0;text-transform:none}
.admin-ias-usos{margin:6px 0 10px;padding-left:20px;display:grid;gap:6px;line-height:1.55}
.admin-legendas-provedor{padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.02)}
.admin-legendas-provedor h4{margin:0 0 4px;font-size:14px}
.admin-legendas-provedor .admin-acesso-novo{margin:10px 0 8px;grid-template-columns:1fr auto}
.admin-legendas-provedor .admin-acesso-novo:has(label+label){grid-template-columns:1fr 1fr auto}
@media(max-width:640px){.admin-legendas-provedor .admin-acesso-novo,.admin-legendas-provedor .admin-acesso-novo:has(label+label){grid-template-columns:1fr}}
.admin-legendas-ajuda{font-size:12.5px;line-height:1.5}
.admin-aprender .admin-item-actions .button{min-height:40px;padding:0 12px;font-size:12px}
.admin-aprender-ia{margin:4px 0 12px}
.admin-base{display:grid;gap:10px;margin-top:10px}
.admin-base h4{margin:8px 0 0;font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.admin-base-item{display:grid;gap:6px;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.02)}
.admin-base-item.conferir{border-color:rgba(251,191,36,.45);background:rgba(251,191,36,.06)}
.admin-base-item label{display:grid;gap:5px;font-size:13px;font-weight:700}
.admin-base-item input,.admin-base-item textarea{width:100%;min-width:0;box-sizing:border-box}
.admin-base-item textarea{min-height:64px;resize:vertical}
.admin-base-item small{color:var(--muted);font-size:12px;line-height:1.45}
.admin-base-acoes{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.admin-base-acoes .button{min-height:38px;padding:0 12px;font-size:12px}
.admin-saber-texto{margin:4px 0;font-size:13.5px;line-height:1.5;color:var(--text)}
#saberList .admin-item.removido{opacity:.55}
#saberFiltros{margin:0}
.admin-sugestao{margin-top:8px;padding:9px 11px;border-radius:12px;border:1px solid rgba(94,232,255,.25);background:rgba(94,232,255,.06)}
.admin-sugestao.ja_sabe{border-color:rgba(52,211,153,.3);background:rgba(52,211,153,.06)}
.admin-sugestao.fora{border-color:rgba(148,163,184,.25);background:rgba(148,163,184,.06)}
.admin-sugestao.nao_sei{border-color:rgba(251,191,36,.3);background:rgba(251,191,36,.06)}
.admin-sugestao-titulo{display:block;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.admin-sugestao p{margin:4px 0 0;font-size:13.5px;line-height:1.5;white-space:pre-line}
.admin-assistente-chave{margin:0 0 14px;padding:12px 16px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.03)}
.admin-assistente-chave span{display:grid;gap:3px}
.admin-assistente-chave small{color:var(--muted);font-size:12.5px;text-transform:none;letter-spacing:0;font-weight:500}
.admin-chave input:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
.admin-chave span{display:flex;flex-direction:column;gap:3px}
.admin-chave strong{font-size:13px;color:#e7edf5}
.admin-chave small{color:#8290a3;font-size:12px;font-weight:400;letter-spacing:0;text-transform:none}
.admin-link{justify-self:center;border:0;background:none;color:var(--cyan);font:700 12px var(--body);cursor:pointer;padding:4px}
.admin-error{margin:14px 0 0;padding:12px 14px;border-radius:12px;background:rgba(255,86,103,.1);border:1px solid rgba(255,86,103,.3);color:#ffb3bb;font-size:13px}
.admin-toast{position:fixed;z-index:70;left:50%;bottom:24px;transform:translateX(-50%);max-width:calc(100% - 32px);margin:0;padding:14px 18px;border-radius:14px;background:var(--panel-strong);border:1px solid rgba(94,232,255,.35);box-shadow:var(--shadow);font-size:13px;font-weight:600}

/* ---- Cabeçalho e abas ---- */
.admin-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:26px;flex-wrap:wrap}
.admin-head .admin-muted{margin:0}
.admin-head-actions{display:flex;gap:10px}
.admin-head-actions .button{cursor:pointer}
.admin-tabs{display:flex;gap:8px;margin-bottom:16px;overflow-x:auto}
.admin-tabs button{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.04);color:var(--muted);font:800 12px var(--body);cursor:pointer;white-space:nowrap;transition:.25s}
.admin-tabs button[aria-selected=true]{color:#06101a;background:linear-gradient(110deg,#f2ffff,var(--cyan));border-color:transparent}

/* ---- Lista ---- */
.admin-list-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}
.admin-list-head .button{min-height:44px;cursor:pointer}
.admin-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.admin-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:12px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.025)}
.admin-item.is-hidden{opacity:.55}
.admin-thumb{display:grid;place-items:center;width:84px;height:54px;border-radius:12px;overflow:hidden;background:rgba(94,232,255,.08);color:var(--cyan);font-size:20px}
.admin-thumb img{width:100%;height:100%;object-fit:cover}
.admin-item-copy{display:grid;gap:4px;min-width:0}
.admin-item-copy strong{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.admin-item-copy small{color:var(--soft);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.admin-item-actions{display:flex;gap:8px}
.admin-item-actions .square-button{width:42px;height:42px;color:var(--text)}
.admin-item-actions .square-button.danger:hover{border-color:rgba(255,86,103,.5);color:var(--red)}
.admin-empty{text-align:center;margin:20px 0 4px}

/* ---- Janela de edição ---- */
.admin-dialog{width:min(560px,calc(100% - 24px));max-height:calc(100vh - 40px);padding:26px;border:1px solid var(--line);border-radius:24px;background:var(--panel-strong);color:var(--text);box-shadow:var(--shadow)}
.admin-dialog::backdrop{background:rgba(2,5,10,.7);backdrop-filter:blur(6px)}
.admin-dialog-head{display:flex;justify-content:space-between;align-items:center}
.admin-dialog-head .square-button{width:42px;height:42px;color:var(--text)}
.admin-dialog [data-fields]{display:grid;gap:16px}
.admin-dialog [data-fields][hidden]{display:none}
.admin-dialog .admin-dica-campo{margin:-9px 0 0;font-size:12.5px;line-height:1.5}
.admin-dialog-actions{display:flex;justify-content:flex-end;gap:10px}
.admin-upload{display:grid;gap:12px;padding:14px;border:1px dashed var(--line);border-radius:16px}
.admin-upload img{width:100%;max-height:200px;object-fit:cover;border-radius:12px}
/* cartaz do evento: inteiro, na proporção dele (1080x1350 ou outra), sem cortar e sem bordas */
[data-fields="eventos"] .admin-upload img{width:auto;max-width:100%;height:auto;max-height:none;object-fit:initial;justify-self:start}
.desktop-nav>a[aria-current=page]{color:var(--cyan)}

@media(max-width:680px){
  .admin-main{width:calc(100% - 28px);padding-top:110px}
  .admin-card{padding:20px;border-radius:22px}
  .admin-head-actions{width:100%}.admin-head-actions .button{flex:1;margin-top:0;width:auto}
  .admin-item{grid-template-columns:auto 1fr;}
  .admin-item-actions{grid-column:1 / -1;justify-content:flex-end}
  .admin-thumb{width:64px;height:44px}
  .admin-row{grid-template-columns:1fr}
  .admin-list-head .button{width:auto;margin-top:0}
  .admin-dialog-actions .button{margin-top:0}
}
.admin-page [hidden]{display:none!important}

/* ==================== Portal de Links: selo de homologação, status e histórico ==================== */
.admin-selo { margin-left: .4rem; padding: .05rem .4rem; border-radius: .3rem; background: #b45309; color: #fff; font-size: .65rem; letter-spacing: .04em; }
.admin-status-head { border: 2px solid; border-radius: 1rem; padding: 1rem 1.2rem; margin-bottom: 1rem; }
.admin-status-head p { margin: .3rem 0; }
.admin-status-head small { opacity: .7; }
.admin-status-head.ok, .admin-status-selo.ok { border-color: rgba(16,185,129,.55); color: #34d399; }
.admin-status-head.atencao, .admin-status-selo.atencao { border-color: rgba(245,158,11,.6); color: #fbbf24; }
.admin-status-head.critico, .admin-status-selo.critico { border-color: rgba(239,68,68,.6); color: #f87171; }
.admin-status-head.desconhecido, .admin-status-selo.desconhecido { border-color: rgba(148,163,184,.5); color: #cbd5e1; }
.admin-status-head p, .admin-status-head small { color: inherit; }
.admin-status-grid { display: grid; grid-template-columns: 1fr; gap: 1rem; margin-bottom: 1rem; }
@media (min-width: 760px) { .admin-status-grid { grid-template-columns: 1fr 1fr; } }
.admin-status-card { border: 2px solid rgba(148,163,184,.25); border-radius: 1rem; padding: 1rem; min-width: 0; }
.admin-status-card.ativo { border-color: rgba(96,165,250,.8); }
.admin-status-topo { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .5rem; align-items: center; }
.admin-status-card dl { display: grid; grid-template-columns: auto 1fr; gap: .2rem .8rem; margin: .8rem 0 0; font-size: .85rem; }
.admin-status-card dt { opacity: .65; }
.admin-status-card dd { margin: 0; }
.admin-status-selo { display: inline-block; border: 1px solid; border-radius: 999px; padding: .05rem .55rem; font-size: .75rem; font-weight: 600; }
#historyCard h2, #statusBody h2 { margin: 1rem 0 .6rem; font-size: 1.05rem; }
/* escolha do site editado (igreja ou Multimídia) */
.admin-sites{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.admin-sites button{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border:1px solid var(--line);border-radius:13px;background:transparent;color:var(--muted);font:800 13px var(--body);cursor:pointer;transition:.25s}
.admin-sites button[aria-pressed=true]{color:#fff;border-color:var(--cyan);background:rgba(255,255,255,.08)}
/* logotipo da Multimídia no cabeçalho do painel (é mais largo que o da igreja) */
.admin-page .brand-logo{width:107px;height:46px}
.admin-page .brand-logo img{width:107px;height:46px}
@media(max-width:680px){.admin-page .brand-logo,.admin-page .brand-logo img{width:84px;height:36px}}

/* ==================== Editor do cartão de culto ==================== */
.admin-dialog.admin-dialog-largo{width:min(1000px,calc(100% - 24px))}
.editor-culto{display:grid;grid-template-columns:auto 1fr;gap:26px;align-items:start;padding:16px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.02)}
.editor-palco{position:sticky;top:0;display:grid;gap:12px;justify-items:center;width:250px}
.editor-leitura{min-height:34px;margin:0;width:100%;color:var(--cyan);font-size:12px;line-height:1.4;text-align:center}
/* a prévia usa o tamanho do cartão no computador e fica parada (sem faixa de arrastar nem efeito de passar o mouse) */
.cultos-grid.editor-previa{display:block;width:226px;min-height:0;margin:0;padding:8px 0 0;overflow:visible;--aberto:420px;--fechado:150px;--info:132px}
.editor-previa .culto{width:100%;touch-action:none;user-select:none;-webkit-user-select:none}
.editor-previa .culto:hover{transform:none}
.editor-previa .culto.editando{transition:none}
.editor-previa .culto-info>*{transition:outline-color .2s}
.editor-previa .em-foco{outline:1px dashed rgba(94,232,255,.8);outline-offset:3px;border-radius:4px}
.editor-camada{position:absolute;inset:-2px;z-index:3;border-radius:26px}
.editor-camada .guia{position:absolute;pointer-events:none;opacity:.45;transition:opacity .15s}
.editor-camada .guia.v-centro{top:0;bottom:0;left:50%;border-left:1px dashed #ff5fd2}
.editor-camada .guia.h-meio,.editor-camada .guia.h-foto,.editor-camada .guia.h-texto{left:0;right:0;border-top:1px dashed #ff5fd2}
.editor-camada .guia.h-foto{border-top-color:#ffc857}
.editor-camada .guia.h-texto{border-top-color:#9fa8ff}
.editor-camada .guia small{position:absolute;right:4px;top:-15px;padding:1px 5px;border-radius:5px;background:rgba(5,10,18,.85);color:#fff;font-size:9px;font-weight:700;letter-spacing:.02em;text-transform:none;white-space:nowrap}
.editor-camada .guia.v-centro small{top:4px;left:4px;right:auto}
.editor-camada .guia.ativa{opacity:1;border-width:2px;border-style:solid}
.editor-camada .alca-fade{position:absolute;left:4px;right:4px;height:0;border-top:2px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,.45);pointer-events:none}
.editor-camada .alca-fade::before,.editor-camada .alca-fade::after{content:"";position:absolute;top:-7px;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 0 0 2px rgba(5,10,18,.6)}
.editor-camada .alca-fade::before{left:-6px}.editor-camada .alca-fade::after{right:-6px}
.editor-camada .alca-fade small{position:absolute;left:12px;top:-19px;padding:1px 6px;border-radius:5px;background:#fff;color:#06101a;font-size:9px;font-weight:800;text-transform:none;white-space:nowrap}
.editor-camada .alca-fade.fade_fim small{top:4px}
.editor-previa.sem-guias .guia{display:none}
.editor-previa.sem-guias .culto:not(.editando) .alca-fade{opacity:0}
.editor-previa.sem-guias .culto:hover .alca-fade{opacity:1}
.editor-palco-acoes{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;justify-content:center}
.editor-palco-acoes .button{min-height:40px;padding:0 14px;cursor:pointer}
.editor-palco-acoes .admin-check{min-height:40px}
.editor-controles{display:grid;gap:14px;min-width:0}
.editor-controles fieldset{display:grid;gap:10px;margin:0;padding:12px 14px 10px;border:1px solid var(--line);border-radius:14px}
.editor-controles legend{padding:0 6px;color:#fff;font:800 12px var(--body)}
.editor-controles label{display:grid;grid-template-columns:1fr auto;gap:4px 10px;align-items:center}
.editor-controles label input[type=range]{grid-column:1/-1;width:100%;min-height:0!important;padding:0!important;border:0!important;background:none!important;accent-color:var(--cyan)}
.editor-controles output{color:var(--cyan);font:700 12px var(--body);letter-spacing:0;text-transform:none}
.editor-controles .admin-link{justify-self:start;padding:2px 0;text-align:left}
.editor-controles>.button{justify-self:start;min-height:42px;cursor:pointer}
.editor-cor input[type=color]{width:56px!important;min-height:36px!important;height:36px;padding:2px!important;cursor:pointer}
.editor-icones{display:flex;flex-wrap:wrap;gap:6px}
.editor-icone{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.04);color:var(--cyan);font-size:16px;cursor:pointer}
.editor-icone[aria-checked=true]{border-color:var(--cyan);background:rgba(94,232,255,.16);box-shadow:0 0 0 2px rgba(94,232,255,.25)}
@media(max-width:760px){
  .editor-culto{grid-template-columns:1fr;padding:12px}
  .editor-palco{position:static;width:100%}
}
/* no celular os campos encolhem até a largura da janela (antes a janela passava um pouco da tela) */
.admin-form,.admin-dialog [data-fields],.admin-row{grid-template-columns:minmax(0,1fr)}
@media(min-width:681px){.admin-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.admin-form label,.admin-form input,.admin-form select,.admin-upload{min-width:0;max-width:100%}
.editor-culto>*{min-width:0}
.editor-baixar{display:grid;gap:8px;width:100%;justify-items:center;text-align:center}
.editor-baixar .button{width:100%;min-height:40px;padding:0 12px;cursor:pointer;font-size:12px}
.editor-baixar small{margin:0;font-size:11px;line-height:1.4}
.editor-tipo{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;border:1px solid var(--line);border-radius:12px;background:rgba(5,10,18,.5)}
.editor-tipo button{min-height:38px;padding:4px 6px;border:0;border-radius:9px;background:none;color:var(--muted);font:800 11.5px var(--body);line-height:1.2;cursor:pointer}
.editor-tipo button[aria-checked=true]{color:#06101a;background:linear-gradient(110deg,#f2ffff,var(--cyan))}
.editor-tipo button:disabled{opacity:.45;cursor:not-allowed}
.editor-tipo-dica{margin:0;font-size:12px;line-height:1.45}
.editor-texto{display:grid;gap:6px;padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.03)}
.editor-texto>strong{color:#dfe7f1;font-size:12px}
.editor-camada .alca-zoom{position:absolute;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#fff;color:#06101a;font-size:12px;box-shadow:0 2px 10px rgba(0,0,0,.45);pointer-events:none}
.editor-previa.sem-guias .culto:not(:hover):not(.editando) .alca-zoom{opacity:0}

/* início do painel: saudação, os dois botões das nuvens (grandes) e, embaixo, Voltar ao site e Sair */
.admin-inicio{margin:28px 0 34px}
.admin-saudacao{display:flex;align-items:center;gap:.35em;margin:0 0 18px;font-family:Montserrat,var(--body);font-size:clamp(28px,4vw,40px);font-weight:700;line-height:1.15;letter-spacing:-.01em;color:#f2f6fb}
/* ===== SAUDAÇÃO: sol (bom dia, boa tarde) ou lua (boa noite), com entrada animada; e a entrada do painel ===== */
.admin-astro{flex:none;width:1.25em;height:1.25em}
.admin-astro svg{display:block;width:100%;height:100%;overflow:visible}
.admin-astro.sol{color:#fbbf24;filter:drop-shadow(0 0 14px rgba(251,191,36,.55))}
.admin-astro.sol.tarde{color:#fb923c;filter:drop-shadow(0 0 14px rgba(251,146,60,.55))}
.admin-astro.sol .astro-nucleo{fill:currentColor}
.admin-astro.sol .astro-raios{fill:currentColor;transform-origin:32px 32px;animation:astro-raios-entrar .9s .25s both cubic-bezier(.2,.9,.3,1.3),astro-girar 24s 1.1s linear infinite}
.admin-astro.sol svg{animation:astro-nascer .9s both cubic-bezier(.2,.9,.3,1.2)}
.admin-astro.lua{color:#e2e8f0;filter:drop-shadow(0 0 12px rgba(226,232,240,.4))}
.admin-astro.lua .astro-lua{fill:currentColor}
.admin-astro.lua svg{animation:astro-lua-entrar 1s both cubic-bezier(.2,.9,.3,1.15)}
.admin-astro.lua .astro-estrela{fill:#fde68a;transform-box:fill-box;transform-origin:center;opacity:0;animation:astro-estrela 2.6s ease-in-out infinite}
.admin-astro.lua .astro-estrela.e1{animation-delay:.8s}
.admin-astro.lua .astro-estrela.e2{animation-delay:1.6s}
@keyframes astro-nascer{from{opacity:0;transform:translateY(45%) scale(.5)}to{opacity:1;transform:none}}
@keyframes astro-raios-entrar{from{opacity:0;transform:scale(.4) rotate(-120deg)}to{opacity:1;transform:none}}
@keyframes astro-girar{to{transform:rotate(360deg)}}
@keyframes astro-lua-entrar{from{opacity:0;transform:translateX(-35%) rotate(-50deg) scale(.6)}to{opacity:1;transform:none}}
@keyframes astro-estrela{0%,100%{opacity:0;transform:scale(.4)}45%,55%{opacity:1;transform:scale(1)}}
/* entrada do painel: saudação, nuvens, botões de baixo e a área do Administrativo aparecem um depois do outro */
.admin-entrada #saudacao,.admin-entrada .admin-nuvem-lista>*,.admin-entrada #nuvemEditar,.admin-entrada .admin-inicio-acoes{animation:admin-subir .6s backwards cubic-bezier(.2,.8,.2,1)}
.admin-entrada #saudacao{animation-name:admin-deslizar;animation-delay:.2s}
.admin-entrada .admin-inicio-acoes{animation-delay:.6s}
@keyframes admin-subir{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes admin-deslizar{from{opacity:0;transform:translateX(-14px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.admin-astro *,.admin-astro svg,.admin-entrada *{animation:none!important}.admin-astro.lua .astro-estrela{opacity:1}}
.admin-nuvem{display:flex;gap:14px;align-items:stretch}
.admin-nuvem-lista{flex:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}
.admin-nuvem-botao{display:flex;align-items:center;gap:18px;min-height:112px;padding:20px 24px;border-radius:24px;color:#06101a;background:linear-gradient(110deg,var(--cor-claro),var(--cor-forte));box-shadow:0 18px 45px var(--cor-sombra);transition:transform .25s var(--ease),box-shadow .25s}
.admin-nuvem-botao:hover{transform:translateY(-2px);box-shadow:0 22px 55px var(--cor-sombra)}
/* cores dos botões (as mesmas do editor da engrenagem; CORES_BOTAO no servidor) */
.cor-azul{--cor-claro:#f2ffff;--cor-forte:#5ee8ff;--cor-sombra:rgba(58,211,238,.2)}
.cor-amarelo{--cor-claro:#fff8e6;--cor-forte:#fbbf24;--cor-sombra:rgba(251,191,36,.18)}
.cor-verde{--cor-claro:#ecfdf5;--cor-forte:#34d399;--cor-sombra:rgba(52,211,153,.18)}
.cor-roxo{--cor-claro:#f5f3ff;--cor-forte:#a78bfa;--cor-sombra:rgba(167,139,250,.2)}
.cor-rosa{--cor-claro:#fdf2f8;--cor-forte:#f472b6;--cor-sombra:rgba(244,114,182,.18)}
.cor-laranja{--cor-claro:#fff7ed;--cor-forte:#fb923c;--cor-sombra:rgba(251,146,60,.18)}
.cor-vermelho{--cor-claro:#fef2f2;--cor-forte:#f87171;--cor-sombra:rgba(248,113,113,.18)}
.cor-cinza{--cor-claro:#f8fafc;--cor-forte:#94a3b8;--cor-sombra:rgba(148,163,184,.16)}
.admin-nuvem-icone{flex:none;display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:rgba(6,16,26,.1);font-size:26px}
.admin-nuvem-texto{flex:1;display:grid;gap:4px;min-width:0}
.admin-nuvem-texto strong{font:800 19px/1.2 var(--body)}
.admin-nuvem-texto small{font-size:13px;font-weight:600;opacity:.72}
.admin-nuvem-botao>i:last-child{font-size:15px;opacity:.6}
.admin-nuvem .square-button{flex:none;width:52px;height:auto;color:var(--text);font-size:18px}
.admin-nuvem .square-button:hover i{transform:rotate(60deg)}
.admin-nuvem .square-button i{transition:transform .4s var(--ease)}
.admin-nuvem .square-button span{display:none}
.admin-inicio-acoes{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.admin-abrir{gap:9px;padding:0 20px}
.admin-abrir-seta{font-size:10px;transition:transform .3s var(--ease)}
.admin-abrir.aberto .admin-abrir-seta{transform:rotate(180deg)}
.admin-inicio-acoes .button{width:auto;margin-top:0;cursor:pointer}
#areaAdmin{margin-top:6px;padding-top:26px;border-top:1px solid var(--line);animation:admin-subir .45s backwards cubic-bezier(.2,.8,.2,1)}
/* perfil no cabeçalho: iniciais num círculo e o menu (nome, e-mail, modo voluntário, Voltar ao site, Sair) */
.admin-perfil-area{position:relative}
.admin-perfil{display:flex;align-items:center;gap:9px;padding:5px 12px 5px 5px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.05);color:#e7edf5;font:800 12px var(--body);cursor:pointer}
.admin-perfil:hover,.admin-perfil[aria-expanded=true]{border-color:rgba(94,232,255,.5)}
.admin-perfil i{font-size:10px;opacity:.7}
.admin-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#22d3ee,#6366f1);color:#fff;font:800 14px var(--body);letter-spacing:.02em}
.admin-avatar.grande{width:48px;height:48px;font-size:17px;flex:none}
.admin-perfil-menu{position:absolute;right:0;top:calc(100% + 10px);z-index:80;display:grid;min-width:270px;padding:8px;border:1px solid var(--line);border-radius:18px;background:rgba(5,10,18,.97);box-shadow:0 25px 70px rgba(0,0,0,.5)}
.admin-perfil-topo{display:flex;align-items:center;gap:12px;padding:10px 10px 14px;margin-bottom:6px;border-bottom:1px solid var(--line)}
.admin-perfil-topo div{display:grid;gap:3px;min-width:0}
.admin-perfil-topo strong{font-size:14px}
.admin-perfil-topo small{font-size:12px;color:var(--muted);overflow-wrap:anywhere}
.admin-perfil-menu>a,.admin-perfil-menu>button{display:flex;align-items:center;gap:10px;padding:11px 10px;border:0;border-radius:11px;background:none;color:#e7edf5;font:700 13px var(--body);text-align:left;cursor:pointer}
.admin-perfil-menu>a:hover,.admin-perfil-menu>button:hover{background:rgba(255,255,255,.06)}
.admin-perfil-menu i{width:18px;text-align:center;color:var(--cyan)}
/* ícone das redes sociais */
.admin-icone-campo{display:grid;gap:7px}
.admin-icone-rotulo{font-size:11px;font-weight:800;letter-spacing:.06em;color:#b7c2d1;text-transform:uppercase}
.editor-icone{position:relative}
.editor-icone small{position:absolute;bottom:1px;left:0;right:0;font-size:7px;font-weight:800;letter-spacing:.04em;color:var(--muted);text-align:center}
@media(max-width:680px){
  .admin-inicio{margin-top:18px}
  .admin-nuvem{flex-direction:column}
  .admin-nuvem-lista{grid-template-columns:1fr}
  .admin-nuvem-botao{min-height:96px;padding:16px 18px}
  .admin-nuvem-texto strong{font-size:17px}
  .admin-nuvem .square-button{width:auto;min-height:46px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px}
  .admin-nuvem .square-button span{display:inline}
  .admin-inicio-acoes .button{flex:1}
  .admin-inicio-acoes .admin-abrir{flex-basis:100%}
  .admin-perfil{padding:4px}
  .admin-perfil-nome,.admin-perfil>i{display:none}
  .admin-avatar{width:40px;height:40px}
}
/* editor do cartão do organograma: prévia dos dois sites, uma embaixo da outra */
.editor-org .editor-palco{width:400px}
.org-previa{display:grid;gap:6px;width:100%;margin:0}
.org-previa figcaption{color:var(--muted);font:800 11px var(--body);letter-spacing:.08em;text-transform:uppercase}
.org-previa-palco{padding:18px 14px;border:1px solid var(--line);border-radius:16px;background:#050a12;overflow:hidden}
#orgPreviaMultimidia{background:#020711}
@media(max-width:760px){.editor-org .editor-palco{width:100%}}
.editor-icone .admin-logo-canva{width:22px;height:22px;object-fit:contain}
/* áreas do painel: Administrativo (site e abas de conteúdo, agrupados num quadro), Status e Histórico */
.admin-menu button{min-height:48px;padding:0 20px;font-size:13px}
.admin-administrativo{margin:-4px 0 16px;padding:14px 14px 2px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.02)}
.admin-administrativo .admin-tabs{margin-bottom:12px}

/* Status › YouTube: uso da cota (estimativa do portal, não é o número oficial do Google) */
.admin-youtube-aviso { border: 2px solid rgba(245,158,11,.6); border-radius: 1rem; padding: .8rem 1rem; margin: 0 0 1rem; color: #fde68a; line-height: 1.5; }
.admin-youtube-aviso strong { color: #fbbf24; }
.admin-youtube { margin-bottom: 1rem; }
.admin-youtube-barra { height: 12px; border-radius: 999px; background: rgba(148,163,184,.2); overflow: hidden; margin: .4rem 0 .2rem; }
.admin-youtube-barra span { display: block; height: 100%; border-radius: inherit; background: #34d399; }
.admin-youtube-barra.atencao span { background: #fbbf24; }
.admin-youtube-barra.critico span { background: #f87171; }
.admin-youtube .admin-muted { display: block; margin-top: .8rem; }
.admin-youtube-erro { color: #f87171; overflow-wrap: anywhere; }
.admin-youtube-dias { list-style: none; margin: .3rem 0 1.2rem; padding: 0; display: grid; gap: .3rem; max-width: 420px; }
.admin-youtube-dias li { display: flex; justify-content: space-between; gap: 1rem; padding: .35rem .7rem; border: 1px solid rgba(148,163,184,.2); border-radius: .6rem; font-size: .9rem; }
.admin-ia-modelos { max-width: 600px; }


.admin-acesso-novo{grid-template-columns:1fr auto;align-items:end;margin-bottom:22px}
.admin-acessos-segundo{margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}
@media(max-width:640px){.admin-acesso-novo{grid-template-columns:1fr}}

/* ---- Status: desempenho desta máquina (como o Gerenciador de Tarefas) ---- */
.admin-maquina{margin:0 0 1.6rem}
.admin-maquina>h2{margin-bottom:.3rem}
.maq-grade-cartoes{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:1rem}
@media(min-width:760px){.maq-grade-cartoes{grid-template-columns:1fr 1fr}}
.maq-card{border:2px solid rgba(148,163,184,.25);border-radius:1rem;padding:1rem;min-width:0}
.maq-topo{display:flex;justify-content:space-between;align-items:baseline;gap:.8rem;margin-bottom:.6rem}
.maq-topo span{display:flex;align-items:center;gap:.5rem;color:var(--muted);font-size:.85rem;font-weight:800}
.maq-topo strong{font-family:var(--display);font-size:1.25rem;letter-spacing:-.02em;text-align:right}
.maq-grafico{position:relative;height:96px;border:1px solid rgba(148,163,184,.2);border-radius:.6rem;background:rgba(5,10,18,.45);touch-action:pan-y;cursor:crosshair}
.maq-grafico svg{position:absolute;inset:6px 0 18px;width:100%;height:calc(100% - 24px);overflow:visible}
.maq-grade{stroke:rgba(148,163,184,.12);stroke-width:1;vector-effect:non-scaling-stroke}
.maq-guia{stroke:rgba(226,232,240,.55);stroke-width:1;vector-effect:non-scaling-stroke}
.maq-escala{position:absolute;top:4px;right:8px;font-size:.68rem;color:var(--muted)}
.maq-eixo{position:absolute;bottom:3px;left:8px;font-size:.68rem;color:var(--soft,#6f7e93)}
.maq-eixo.direita{left:auto;right:8px}
.maq-dica{position:absolute;top:-8px;transform:translate(-50%,-100%);display:grid;gap:2px;padding:.4rem .6rem;border:1px solid rgba(148,163,184,.3);border-radius:.5rem;background:#0b1320;font-size:.78rem;white-space:nowrap;pointer-events:none;z-index:2;box-shadow:0 10px 24px rgba(0,0,0,.35)}
.maq-dica small{color:var(--muted)}
.maq-dica span,.maq-legenda span{display:flex;align-items:center;gap:.4rem}
.maq-dica i,.maq-legenda i{width:8px;height:8px;border-radius:2px;flex:none}
.maq-legenda{display:flex;gap:1rem;margin:.5rem 0 0;font-size:.8rem;color:var(--muted)}
.maq-card dl{display:grid;grid-template-columns:auto 1fr;gap:.2rem .8rem;margin:.8rem 0 0;font-size:.85rem}
.maq-card dt{opacity:.65}
.maq-card dd{margin:0}
.maq-programas-caixa{border:2px solid rgba(148,163,184,.25);border-radius:1rem;padding:1rem;overflow-x:auto}
.maq-programas-caixa h3{margin:0 0 .6rem;font-size:1rem}
.maq-programas{width:100%;border-collapse:collapse;font-size:.88rem;margin-bottom:.6rem}
.maq-programas th{text-align:left;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:.4rem .5rem;border-bottom:1px solid rgba(148,163,184,.2)}
.maq-programas th:not(:first-child){text-align:right}
.maq-programas td{padding:.45rem .5rem;border-bottom:1px solid rgba(148,163,184,.1);vertical-align:middle}
.maq-programas td strong{display:block;font-weight:700}
.maq-programas td small{color:var(--muted);font-size:.75rem}
.maq-num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.maq-programas td.maq-num:nth-child(2){position:relative;min-width:110px}
.maq-barra{position:absolute;right:.5rem;top:50%;height:6px;margin-top:9px;max-width:calc(100% - 1rem);border-radius:3px;background:#2a9fc4;opacity:.7}
.maq-programas-caixa .admin-muted{display:block;margin:0}
@media(max-width:640px){.maq-programas{font-size:.8rem}.maq-programas th,.maq-programas td{padding:.4rem .3rem}.maq-programas td.maq-num:nth-child(2){min-width:64px}.maq-barra{right:.3rem;max-width:calc(100% - .6rem)}}
/* aba Materiais (Multimídia): escolha do layout do botão e prévia */
.material-layouts{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}
.material-layout{display:grid;gap:4px;justify-items:start;text-align:left;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.04);color:inherit;font:inherit;cursor:pointer}
.material-layout i{font-size:17px;color:var(--cyan)}
.material-layout strong{font-size:13px}
.material-layout small{font-size:11px;line-height:1.35;color:#b7c2d1}
.material-layout[aria-checked="true"]{border-color:var(--cyan);background:rgba(34,211,238,.12);box-shadow:0 0 0 1px var(--cyan) inset}
.material-previa{background:#020711}
/* modo voluntário (só para os responsáveis): selo no cabeçalho e botão aceso enquanto ligado */
.admin-selo-voluntario{background:#0e7490}
#modoVoluntario.ativo{background:rgba(34,211,238,.14)}
/* popup aberto: a página de trás não rola (regra dos três sites; admin.js, POPUPS) e a rolagem dentro da janela não passa
   para a página quando chega ao fim */
html.popup-aberto,html.popup-aberto body{overflow:hidden}
.admin-dialog{overscroll-behavior:contain}
/* editor da engrenagem: um bloco por botão, com amostra da cor e do ícone, subir, descer e excluir */
.nuvem-itens{display:grid;gap:14px}
.nuvem-item{display:grid;gap:12px;margin:0;padding:16px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.03)}
.nuvem-item-topo{display:flex;align-items:center;gap:12px}
.nuvem-item-topo strong{flex:1;font-size:14px}
.nuvem-item-acoes{display:flex;gap:6px}
.nuvem-item-acoes .square-button{width:38px;height:38px;color:var(--text)}
.nuvem-item-acoes .square-button:disabled{opacity:.3;cursor:default}
.nuvem-item-acoes .square-button.danger:hover:not(:disabled){border-color:rgba(255,86,103,.5);color:var(--red)}
.nuvem-amostra{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;color:#06101a;background:linear-gradient(110deg,var(--cor-claro),var(--cor-forte));font-size:17px}
.nuvem-escolhas{display:flex;flex-wrap:wrap;gap:7px}
.nuvem-opcao{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.04);color:var(--text);font-size:16px;cursor:pointer}
.nuvem-opcao.cor{background:linear-gradient(110deg,var(--cor-claro),var(--cor-forte));border-color:transparent}
.nuvem-opcao[aria-checked="true"]{outline:2px solid var(--cyan);outline-offset:2px}
.nuvem-adicionar{width:100%;margin-top:12px;cursor:pointer}
.nuvem-adicionar:disabled{opacity:.5;cursor:default}
/* MODO APP (painel aberto pelo ícone da tela de início; html.modo-app, no <head> do admin.html): no iPhone, a faixa logo
   abaixo do relógio fica borrada e o cabeçalho, colado nela, parecia sumir; ele desce para fora dela e o conteúdo acompanha.
   No navegador comum nada muda. A barra de status é transparente (admin.html, black-translucent): o fundo do painel aparece
   atrás dela, e env(safe-area-inset-top) é a altura dela. */
html.modo-app .site-nav{top:calc(env(safe-area-inset-top, 0px) + 30px)}
html.modo-app .admin-main{padding-top:calc(env(safe-area-inset-top, 0px) + 150px)}
@media(max-width:680px){html.modo-app .site-nav{top:calc(env(safe-area-inset-top, 0px) + 26px)}html.modo-app .admin-main{padding-top:calc(env(safe-area-inset-top, 0px) + 128px)}}
@supports(padding:max(0px)){html.modo-app .admin-main{width:min(980px,calc(100% - 32px - env(safe-area-inset-left, 0px) - env(safe-area-inset-right, 0px)))}}

/* editor do cartão dos cultos (10/11/2026): os grupos de ajustes viram botões (só o escolhido aparece) */
.editor-controles [hidden]{display:none!important}
.editor-abas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:4px;border:1px solid var(--line);border-radius:14px;background:rgba(5,10,18,.5)}
.editor-abas button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:52px;padding:6px 4px;border:0;border-radius:10px;background:none;color:var(--muted);font:800 11px var(--body);line-height:1.15;text-align:center;cursor:pointer}
.editor-abas button i{font-size:15px;color:var(--cyan)}
.editor-abas button[aria-selected=true]{color:#06101a;background:linear-gradient(110deg,#f2ffff,var(--cyan))}
.editor-abas button[aria-selected=true] i{color:#06101a}
/* "Ver abertura": o cartão cresce de baixo para cima dentro de uma área de altura fixa (como no site), então nada abaixo
   pula e a foto não passa por cima dos campos de cima; as guias somem durante a animação */
.cultos-grid.editor-previa{display:flex;flex-direction:column;justify-content:flex-end;box-sizing:content-box;min-height:var(--aberto)}
.editor-previa .culto{flex:0 0 auto}
.editor-previa.animar{overflow:clip}
.editor-previa.animar .editor-camada{opacity:0;pointer-events:none}
/* janela de edição: não rola para os lados (no celular ela "balançava" ao rolar) */
.admin-dialog{overflow-x:hidden;overscroll-behavior:contain}
.admin-dialog>form{min-width:0;max-width:100%}
@media(max-width:760px){
  /* no celular: prévia, "Ver abertura" e guias, logo abaixo os botões e as barras do grupo escolhido; "Baixar" depois */
  .editor-com-abas{gap:12px}
  .editor-com-abas .editor-palco{display:contents}
  .editor-com-abas .editor-leitura{order:1}
  .editor-com-abas .editor-previa{order:2;justify-self:center}
  .editor-com-abas .editor-palco-acoes{order:3}
  .editor-com-abas .editor-controles{order:4}
  .editor-com-abas .editor-baixar{order:5}
  /* barras logo abaixo dos botões: sem o título do grupo (o botão já diz) e sem a explicação longa (a linha acima da
     prévia já orienta), para a prévia e as barras caberem juntas na tela */
  .editor-com-abas [data-painel]{padding:10px 12px 8px}
  .editor-com-abas [data-painel]>legend,.editor-com-abas [data-painel]>p.editor-tipo-dica{display:none}
}
/* ==================== ASSISTENTE DO PAINEL ====================
   "Me leve até lá": o lugar escolhido pisca suavemente por alguns segundos (admin.js, destacar) */
.admin-destaque{animation:admin-destaque 2.4s ease-out}
@keyframes admin-destaque{0%,40%{box-shadow:0 0 0 3px rgba(94,232,255,.9),0 0 28px rgba(94,232,255,.45)}100%{box-shadow:0 0 0 3px rgba(94,232,255,0),0 0 28px rgba(94,232,255,0)}}
@media(prefers-reduced-motion:reduce){.admin-destaque{animation:none;outline:3px solid rgba(94,232,255,.9)}}

/* ==================== ORGANIZAÇÃO (pedido do dono em 12/11/2026: "deixa mais organizado") ====================
   Três níveis de navegação com aparências diferentes: o menu (Administrativo, Status...) em botões, o site editado num
   seletor com o rótulo "Editando:" e as seções do site em abas sublinhadas. */
.admin-sites{align-items:center;gap:10px}
.admin-sites-rotulo{color:var(--muted);font:800 12px var(--body);letter-spacing:.02em}
.admin-sites-grupo{display:inline-flex;flex-wrap:wrap;gap:4px;padding:4px;border:1px solid var(--line);border-radius:15px;background:rgba(0,0,0,.28)}
.admin-sites .admin-sites-grupo button{min-height:40px;padding:0 16px;border:0;border-radius:11px}
.admin-sites .admin-sites-grupo button[aria-pressed=true]{color:#fff;background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px var(--cyan)}
.admin-administrativo{padding-bottom:0}
.admin-administrativo #tabs{gap:2px;margin:0 -14px;padding:0 14px;border-top:1px solid var(--line)}
.admin-administrativo #tabs button{position:relative;min-height:46px;padding:0 13px;border:0;border-radius:0;background:transparent}
.admin-administrativo #tabs button:hover{color:#fff}
.admin-administrativo #tabs button[aria-selected=true]{color:#fff;background:transparent}
.admin-administrativo #tabs button[aria-selected=true]::after{content:"";position:absolute;left:10px;right:10px;bottom:0;height:3px;border-radius:3px 3px 0 0;background:var(--cyan)}
.admin-administrativo #tabs button[aria-selected=true] i{color:var(--cyan)}

/* histórico e acontecimentos: títulos de dia, linhas mais baixas, filtro e "Mostrar mais" */
.admin-dia{margin:14px 2px 2px;color:var(--cyan);font:800 12px var(--body);letter-spacing:.04em;text-transform:uppercase;list-style:none}
.admin-dia:first-child{margin-top:0}
.admin-item-compacto{padding:9px 12px;border-radius:14px}
.admin-item-compacto .admin-thumb{width:40px;height:40px;font-size:15px}
.admin-item-compacto strong{font-size:14px;line-height:1.35;white-space:normal;overflow:visible;text-overflow:clip}
.admin-tecnico{display:block;margin-top:2px;opacity:.55;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.admin-filtros{display:inline-flex;flex-wrap:wrap;gap:4px;padding:4px;border:1px solid var(--line);border-radius:14px;background:rgba(0,0,0,.28)}
.admin-filtros button{min-height:36px;padding:0 12px;border:0;border-radius:10px;background:transparent;color:var(--muted);font:800 12px var(--body);cursor:pointer}
.admin-filtros button[aria-pressed=true]{color:#fff;background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px var(--cyan)}
.admin-mais-linha{list-style:none;display:flex;justify-content:center;padding-top:6px}
#historyCard .admin-list-head{flex-wrap:wrap}
@media(max-width:680px){
  .admin-item-compacto{grid-template-columns:auto 1fr}
  .admin-item-compacto .admin-thumb{width:36px;height:36px}
  .admin-sites-rotulo{width:100%}
  /* no celular, o menu em grade (sem esconder Histórico e Acessos fora da tela) e as seções do site com um esmaecido na
     beirada, mostrando que dá para arrastar para o lado */
  .admin-menu{display:grid;grid-template-columns:1fr 1fr;overflow:visible}
  .admin-menu button{justify-content:center}
  .admin-administrativo #tabs{-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent)}
}

/* Status em abas (pedido do dono em 12/11/2026): Servidores, Desempenho, YouTube e Acontecimentos, sublinhadas como as
   seções do Administrativo, logo abaixo do resumo ("Tudo normal") */
.admin-subabas{gap:2px;margin:18px 0 16px;border-bottom:1px solid var(--line)}
.admin-subabas button{position:relative;min-height:46px;padding:0 14px;border:0;border-radius:0;background:transparent}
.admin-subabas button:hover{color:#fff}
.admin-subabas button[aria-selected=true]{color:#fff;background:transparent}
.admin-subabas button[aria-selected=true]::after{content:"";position:absolute;left:10px;right:10px;bottom:0;height:3px;border-radius:3px 3px 0 0;background:var(--cyan)}
.admin-subabas button[aria-selected=true] i{color:var(--cyan)}
.admin-status-secao > :first-child{margin-top:0}
@media(max-width:680px){.admin-subabas{display:grid;grid-template-columns:1fr 1fr;border-bottom:0}.admin-subabas button{border-bottom:1px solid var(--line)}}

/* ==================== ENTRADA (pedido do dono em 12/11/2026: "dá uma geral nessa página") ====================
   Cartão no meio da tela, cadeado, botão largo e duas notas; sem o assistente antes do login */
body:not(.admin-logado) .assistente-botao,body:not(.admin-logado) dialog.assistente{display:none!important}
#viewLogin:not([hidden]),#viewDenied:not([hidden]),#viewLoading:not([hidden]){margin-top:max(24px,calc(50dvh - 330px))}
.admin-auth{max-width:500px;text-align:left}
.admin-auth-icone{display:grid;place-items:center;width:56px;height:56px;margin-bottom:18px;border-radius:18px;background:linear-gradient(135deg,rgba(94,232,255,.22),rgba(94,232,255,.06));border:1px solid rgba(94,232,255,.35);color:var(--cyan);font-size:22px}
.admin-auth-icone.negado{background:rgba(255,120,120,.1);border-color:rgba(255,120,120,.35);color:#ff9a9a}
.admin-auth h1{margin-bottom:14px}
.admin-auth .admin-muted{line-height:1.6}
.admin-auth-entrar{display:flex;justify-content:center;width:100%;margin-top:22px}
.admin-auth-notas{display:grid;gap:10px;margin:22px 0 0;padding:18px 0 0;border-top:1px solid var(--line);list-style:none}
.admin-auth-notas li{display:grid;grid-template-columns:20px 1fr;gap:10px;align-items:start;color:var(--muted);font-size:13px;line-height:1.5}
.admin-auth-notas i{margin-top:3px;color:var(--cyan)}
/* aba Assistente: "Escrever a resposta" ou "Quer dizer" */
.admin-modo-resposta{display:grid;gap:8px;margin:2px 0 14px}
.admin-modo-resposta .admin-filtros{justify-self:start}
.admin-ajuda-campo{margin:4px 0 14px;font-size:13px}
/* "O que ele aprendeu": filtros e pesquisa na mesma linha (no celular, a pesquisa desce) */
.admin-saber-ferramentas{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:6px 0 10px}
.admin-busca{position:relative;display:flex!important;align-items:center;flex:1 1 220px;max-width:360px;margin:0!important}
.admin-busca i{position:absolute;left:14px;color:var(--muted);font-size:14px;pointer-events:none}
.admin-busca input{width:100%;min-height:44px;padding:0 14px 0 40px;border:1px solid var(--line);border-radius:14px;background:rgba(0,0,0,.28);color:#fff;font:600 14px var(--body)}
.admin-busca input:focus{outline:none;border-color:var(--cyan)}
@media(max-width:680px){.admin-busca{max-width:none;flex-basis:100%}}
/* cofre: logins e senhas da equipe (a senha aparece só depois de "Ver" e some sozinha em 1 minuto) */
.admin-busca-cofre{max-width:none;margin:0 0 12px!important}

.cofre-segredo{grid-column:1 / -1;display:grid;gap:8px;margin-top:4px;padding:12px;border-radius:14px;border:1px solid rgba(94,232,255,.25);background:rgba(94,232,255,.06)}
.cofre-linha{display:flex;align-items:center;gap:8px;min-width:0}
.cofre-rotulo{flex:none;width:52px;color:var(--muted);font:800 12px var(--body);text-transform:uppercase;letter-spacing:.04em}
.cofre-linha code{flex:1;min-width:0;overflow-wrap:anywhere;padding:8px 10px;border-radius:10px;background:rgba(0,0,0,.3);color:#fff;font:600 14px ui-monospace,SFMono-Regular,Menlo,monospace;user-select:all}
.cofre-linha .square-button{flex:none}
.cofre-obs{margin:0;color:var(--muted);font-size:13px;white-space:pre-wrap}
.cofre-abrir{justify-self:start}
.cofre-aviso{color:var(--muted);font-size:12px}
.cofre-senha-campo{display:flex;gap:8px;align-items:center}
.cofre-senha-campo input{flex:1;min-width:0}
.cofre-codigo{margin:0;color:var(--text);font-size:13px}


/* ==================== COFRE: botão junto das nuvens, porta que se abre, relógio e consultas (pedido do dono, 13/11/2026) ==================== */
.cor-cofre{--cor-claro:#fff6dc;--cor-forte:#e0b048;--cor-sombra:rgba(224,176,72,.24)}
.admin-cofre-botao{position:relative;overflow:hidden;width:100%;border:0;font:inherit;text-align:left;cursor:pointer}
.admin-nuvem-botao[hidden]{display:none}
.admin-cofre-botao .admin-nuvem-icone{background:rgba(6,16,26,.14)}
.admin-cofre-botao .admin-abrir-seta{font-size:15px;opacity:.6;transition:transform .35s var(--ease)}
.admin-cofre-botao.aberto .admin-abrir-seta{transform:rotate(180deg)}
.admin-cofre-botao.aberto{box-shadow:0 0 0 3px rgba(224,176,72,.55),0 22px 55px var(--cor-sombra)}
/* um brilho que passa pelo botão de tempos em tempos, e o ícone que gira ao passar o mouse */
.admin-cofre-botao::after{content:"";position:absolute;inset:-40% auto -40% -30%;width:30%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.65),transparent);transform:skewX(-18deg) translateX(-200%);animation:cofre-brilho 6s 2s infinite;pointer-events:none}
.admin-cofre-botao .admin-nuvem-icone i{transition:transform .6s var(--ease)}
.admin-cofre-botao:hover .admin-nuvem-icone i{transform:rotate(-90deg)}
@keyframes cofre-brilho{0%,70%{transform:skewX(-18deg) translateX(-200%)}85%,100%{transform:skewX(-18deg) translateX(560%)}}

/* abertura: a cena cobre o quadro do cofre enquanto a porta abre; o conteúdo aparece depois */
#areaCofre{position:relative}
.cofre-abertura{position:absolute;inset:0;z-index:5;min-height:340px;display:grid;place-items:center;align-content:center;gap:18px;border-radius:24px;overflow:hidden;
  background:radial-gradient(circle at 50% 45%,#1b2333 0%,#0a0e16 70%);animation:cofre-cena-sai .7s 1.7s forwards}
#areaCofre.cofre-abrindo #cofreBox{opacity:0;min-height:340px}
#areaCofre.cofre-revelado #cofreBox{animation:cofre-revela .75s cubic-bezier(.2,.8,.2,1) both}
#areaCofre.cofre-revelado .cofre-item{animation:admin-subir .5s calc(.15s + var(--i,0) * .05s) backwards cubic-bezier(.2,.8,.2,1)}
.cofre-cena{position:relative;width:clamp(150px,42vw,210px);aspect-ratio:1;perspective:900px;animation:cofre-chega .5s cubic-bezier(.2,.8,.2,1) both}
.cofre-luz{position:absolute;inset:6%;border-radius:50%;background:radial-gradient(circle,#fff7d6 0%,#f5c862 35%,rgba(224,176,72,.25) 60%,transparent 72%);opacity:0;animation:cofre-luz .9s 1.05s forwards}
.cofre-porta{position:absolute;inset:0;border-radius:50%;transform-origin:left center;transform-style:preserve-3d;
  background:radial-gradient(circle at 35% 30%,#8b97ad 0%,#4c5669 45%,#262d3b 100%);
  box-shadow:inset 0 0 0 6px #5d687d,inset 0 0 0 10px #1c222d,inset 0 8px 24px rgba(255,255,255,.18),0 20px 50px rgba(0,0,0,.6);
  animation:cofre-porta-abre .65s 1.05s cubic-bezier(.55,0,.3,1) forwards}
.cofre-aro{position:absolute;inset:16%;border-radius:50%;background:repeating-conic-gradient(from 0deg,#c9d2e0 0 1.2deg,transparent 1.2deg 9deg);
  -webkit-mask:radial-gradient(circle,transparent 62%,#000 63%,#000 72%,transparent 73%);mask:radial-gradient(circle,transparent 62%,#000 63%,#000 72%,transparent 73%);
  animation:cofre-gira-aro .75s .3s cubic-bezier(.6,0,.3,1) both}
.cofre-roda{position:absolute;inset:30%;border-radius:50%;animation:cofre-gira-roda .75s .3s cubic-bezier(.6,0,.3,1) both}
.cofre-roda span{position:absolute;left:50%;top:-6%;width:9%;height:112%;margin-left:-4.5%;border-radius:6px;background:linear-gradient(90deg,#9aa6ba,#e6ebf3,#8a95a8);box-shadow:0 2px 6px rgba(0,0,0,.5)}
.cofre-roda span:nth-child(2){transform:rotate(60deg)}
.cofre-roda span:nth-child(3){transform:rotate(120deg)}
.cofre-roda i{position:absolute;inset:32%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffe9a8,#e0b048 55%,#8a6418);box-shadow:0 0 14px rgba(224,176,72,.7)}
.cofre-trancas{position:absolute;inset:0}
.cofre-trancas span{position:absolute;left:50%;top:50%;width:12%;height:5%;margin:-2.5% 0 0 -6%;border-radius:3px;background:linear-gradient(#d9e0ea,#7d889c);
  transform:rotate(var(--a)) translateX(410%);animation:cofre-trancas .25s .95s ease-in both}
.cofre-faiscas span{position:absolute;left:var(--x);top:var(--y);width:3px;height:3px;border-radius:50%;background:#ffe9a8;box-shadow:0 0 8px #f5c862;opacity:0;animation:cofre-faisca 1.6s var(--d) ease-in-out both}
.cofre-abertura-texto{margin:0;font:800 13px var(--body);letter-spacing:.32em;text-transform:uppercase;color:transparent;
  background:linear-gradient(90deg,#6b7488 0%,#ffe9a8 50%,#6b7488 100%) 0 0/200% 100%;-webkit-background-clip:text;background-clip:text;animation:cofre-texto 1.4s linear infinite}
@keyframes cofre-chega{from{opacity:0;transform:scale(.82);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}
@keyframes cofre-gira-roda{from{transform:rotate(0)}to{transform:rotate(300deg)}}
@keyframes cofre-gira-aro{from{transform:rotate(0)}to{transform:rotate(-120deg)}}
@keyframes cofre-trancas{to{transform:rotate(var(--a)) translateX(250%)}}
@keyframes cofre-porta-abre{0%{transform:rotateY(0)}12%{transform:rotateY(4deg)}100%{transform:rotateY(-108deg);filter:brightness(.6)}}
@keyframes cofre-luz{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.15)}100%{opacity:.85;transform:scale(1.6)}}
@keyframes cofre-faisca{0%{opacity:0;transform:scale(.4)}40%{opacity:1;transform:scale(1.4)}100%{opacity:0;transform:translateY(-18px) scale(.6)}}
@keyframes cofre-texto{to{background-position:-200% 0}}
@keyframes cofre-cena-sai{to{opacity:0;transform:scale(1.04);visibility:hidden}}
@keyframes cofre-revela{from{opacity:0;transform:scale(.97);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}

/* o que resta: 3 chaves douradas que se apagam a cada senha vista; abaixo, quantas vezes o cofre ainda pode ser aberto */
.cofre-consultas{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:0 0 12px;padding:10px 14px;border-radius:14px;background:rgba(224,176,72,.08);border:1px solid rgba(224,176,72,.22);font-size:13px;color:var(--text)}
.cofre-consultas-texto{flex:1;min-width:200px;display:grid;gap:2px}
.cofre-consultas-texto small{color:var(--muted);font-size:12px}
.cofre-pontos{display:flex;gap:8px}
.cofre-pontos i{font-size:17px;color:rgba(255,255,255,.14);transition:color .3s,text-shadow .3s}
.cofre-pontos i.ativo{color:#e0b048;text-shadow:0 0 10px rgba(224,176,72,.6)}
.cofre-pontos i.apagando{animation:cofre-apaga 1s ease-out}
.cofre-consultas.poucas{background:rgba(248,113,113,.08);border-color:rgba(248,113,113,.3)}
.cofre-consultas.poucas .cofre-pontos i.ativo{color:#f87171;text-shadow:0 0 10px rgba(248,113,113,.6)}
@keyframes cofre-apaga{0%{color:#ffe9a8;transform:scale(1.7) rotate(-20deg);text-shadow:0 0 16px #f5c862}60%{transform:scale(.8) rotate(15deg)}100%{color:rgba(255,255,255,.14);transform:none}}

/* a caixa da senha: desdobra ao abrir, relógio que se esvazia, vermelho nos últimos 10 s, e fecha sozinha */
.cofre-segredo{transform-origin:top center;animation:cofre-desdobra .4s cubic-bezier(.2,.8,.2,1) both}
.cofre-segredo.fechando{animation:cofre-dobra .35s ease-in forwards}
.cofre-segredo-topo{display:flex;align-items:center;gap:12px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.08)}
.cofre-segredo-info{display:grid;gap:2px}
.cofre-tempo-texto{font:800 13px var(--body);color:var(--text)}
.cofre-segredo-info small{color:var(--muted);font-size:12px}
.cofre-relogio{position:relative;flex:none;width:44px;height:44px;display:grid;place-items:center}
.cofre-relogio svg{position:absolute;inset:0;transform:rotate(-90deg)}
.cofre-relogio circle{fill:none;stroke-width:3.2;stroke-linecap:round}
.cofre-relogio .fundo{stroke:rgba(255,255,255,.1)}
.cofre-relogio .resta{stroke:#5ee8ff;stroke-dashoffset:0;animation-name:cofre-relogio;animation-timing-function:linear;animation-fill-mode:forwards;transition:stroke .3s}
.cofre-relogio b{font:800 13px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--text)}
.cofre-segredo.acabando{border-color:rgba(248,113,113,.45);background:rgba(248,113,113,.06)}
.cofre-segredo.acabando .resta{stroke:#f87171}
.cofre-segredo.acabando .cofre-relogio{animation:cofre-pulsa 1s ease-in-out infinite}
.cofre-segredo.acabando .cofre-tempo-texto{color:#fca5a5}
.cofre-senha-img{display:block;height:34px;width:auto;max-width:100%;pointer-events:none;user-select:none;-webkit-user-drag:none;animation:cofre-revela-senha .45s cubic-bezier(.2,.8,.2,1) both}
@keyframes cofre-revela-senha{from{clip-path:inset(0 100% 0 0);filter:drop-shadow(0 0 8px rgba(224,176,72,.9))}to{clip-path:inset(0 0 0 0);filter:none}}
@keyframes cofre-relogio{to{stroke-dashoffset:var(--volta)}}
@keyframes cofre-pulsa{50%{transform:scale(1.1)}}
@keyframes cofre-desdobra{from{opacity:0;transform:perspective(600px) rotateX(-35deg) translateY(-6px)}to{opacity:1;transform:none}}
@keyframes cofre-dobra{to{opacity:0;transform:perspective(600px) rotateX(-30deg) translateY(-6px);filter:blur(3px)}}
@media(prefers-reduced-motion:reduce){
  .admin-cofre-botao::after,.cofre-abertura{display:none}
  .cofre-senha-img,.cofre-segredo,.cofre-segredo.fechando,.cofre-pontos i.apagando,.cofre-segredo.acabando .cofre-relogio,#areaCofre.cofre-revelado #cofreBox,#areaCofre.cofre-revelado .cofre-item{animation:none}
  .cofre-relogio .resta{animation-name:cofre-relogio}
}

/* proteção contra print: marca d'água de quem consultou, embaçado sem foco e nada na impressão */
.cofre-segredo{position:relative;overflow:hidden}
.cofre-marca{position:absolute;inset:-30%;display:flex;flex-wrap:wrap;align-content:center;gap:26px 40px;transform:rotate(-18deg);pointer-events:none;user-select:none;z-index:2}
.cofre-marca span{font:700 12px var(--body);color:rgba(255,255,255,.075);white-space:nowrap}
.cofre-linha code{position:relative;z-index:1}
.cofre-escudo{position:absolute;inset:0;z-index:3;display:none;cursor:pointer;place-items:center;align-content:center;gap:8px;padding:16px;text-align:center;font:700 13px var(--body);color:var(--text)}
.cofre-escudo i{font-size:22px;color:#e0b048}
#areaCofre.cofre-oculto .cofre-segredo>:not(.cofre-escudo):not(.cofre-marca){filter:blur(14px);transition:filter .15s}
#areaCofre.cofre-oculto .cofre-escudo{display:grid}
.cofre-segredo code{-webkit-touch-callout:none}
@media print{#areaCofre,.cofre-segredo{display:none!important}}

/* celular: segurar o olho para ver a senha (sem seleção nem menu do sistema ao segurar) */
.cofre-segurar{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.cofre-segurar:active{background:rgba(224,176,72,.18);border-color:rgba(224,176,72,.5)}
.cofre-segurar-dica{flex-basis:100%;margin:-2px 0 0 60px;color:var(--muted);font-size:11px}
.cofre-linha{flex-wrap:wrap}

/* rodapé: escudo e "Ambiente seguro" (pedido do dono, 13/11/2026) */
.admin-rodape{display:flex;justify-content:center;padding:8px 16px 96px}
.admin-rodape p{display:inline-flex;align-items:center;gap:8px;margin:0;padding:8px 16px;border-radius:999px;border:1px solid rgba(52,211,153,.25);background:rgba(52,211,153,.06);color:var(--muted);font:700 12px var(--body);letter-spacing:.06em;text-transform:uppercase;cursor:default}
.admin-rodape i{font-size:15px;color:#34d399;filter:drop-shadow(0 0 6px rgba(52,211,153,.45))}

/* ==================== COMPUTADOR: mais organizado e com o espaço mais bem aproveitado (pedido do dono, 13/11/2026) ====================
   Só em telas largas; celular e tablet ficam como estavam. A coluna acompanha a largura do cabeçalho, as listas viram duas
   colunas de cartões, os cartões das IAs ficam lado a lado e os botões do início se dividem: os do painel à esquerda, "Voltar
   ao site" e "Sair" à direita. O histórico continua em uma coluna (é uma linha do tempo). */
@media(min-width:1100px){
  .admin-main{width:min(1180px,calc(100% - 64px))}
  .admin-inicio-acoes .ver-site{margin-left:auto}
  #itemList,#cofreList,#saberList,#aprenderList,#acessosList,#acessosIAsList{grid-template-columns:repeat(2,minmax(0,1fr))}
  #cofreList{align-items:start}
  .admin-legendas-provedores{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
  .admin-legendas-provedor:last-child:nth-child(odd){grid-column:1 / -1}
  .admin-ias-chaves{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .admin-ias-usos{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 34px}
}

/* assistente no início (quem tem o acesso; pedidos do dono em 13/11/2026): no lugar da saudação, o quadro do assistente com o
   topo e a abertura ("Boa tarde, Daniel!" e "Como posso ajudar no painel hoje?"); um toque ou clique abre a conversa. No
   celular, um pouco maior que os dois botões das nuvens */
.admin-saudacao[hidden]{display:none}
.admin-assistente-inicio[hidden]{display:none!important}
.assistente.assistente-resumo{position:relative;inset:auto;z-index:auto;display:block;width:100%;height:auto;min-height:230px;margin:0 0 18px;
  border-radius:24px;box-shadow:0 22px 60px rgba(0,0,0,.4);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .2s var(--ease),box-shadow .2s,border-color .2s}
.assistente-resumo:hover{border-color:rgba(94,232,255,.35);box-shadow:0 26px 70px rgba(0,0,0,.45)}
.assistente-resumo:active{transform:scale(.985)}
.assistente-resumo:focus-visible{outline:3px solid rgba(94,232,255,.8);outline-offset:3px}
.assistente-resumo .assistente-heroi{padding:20px 16px 18px}
.assistente-resumo-barra{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-top:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03)}
.assistente-resumo-barra strong{display:flex;align-items:center;gap:8px;font:800 15px var(--body);color:var(--a-texto)}
.assistente-resumo-barra strong svg{width:26px;height:26px}
.assistente-resumo-abrir{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 16px;white-space:nowrap;border-radius:999px;color:#06101a;background:linear-gradient(110deg,#f2ffff,var(--a-cor));font:800 13px var(--body);box-shadow:0 10px 28px rgba(94,232,255,.22);transition:transform .2s,box-shadow .2s}
.assistente-resumo:hover .assistente-resumo-abrir{transform:translateY(-1px);box-shadow:0 14px 34px rgba(94,232,255,.32)}
.admin-entrada .admin-assistente-inicio{animation:admin-subir .6s backwards cubic-bezier(.2,.8,.2,1)}
@media(min-width:1100px){.assistente.assistente-resumo{min-height:0}}
@media(max-width:420px){.assistente-resumo-barra{padding:12px}.assistente-resumo-abrir{padding:0 13px;font-size:12.5px;gap:6px}.assistente-resumo-barra strong{font-size:14px}}

/* nome do assistente (Configurações do assistente e IA) */
.admin-assistente-nome{margin:4px 0 0;grid-template-columns:minmax(0,1fr) auto;align-items:end}
.admin-assistente-nome-ajuda{margin:6px 0 14px}

/* histórico de versões (quadro "Versões" de cada item e "Excluídos") */
.admin-list-botoes{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.admin-versoes{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:10px;max-height:min(60vh,560px);overflow:auto}
.admin-versao{display:grid;gap:6px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.02)}
.admin-versao.atual{border-color:rgba(94,232,255,.4);background:rgba(94,232,255,.05)}
.admin-versao-topo{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;align-items:center}
.admin-versao-topo strong{font-size:14px}
.admin-versao small{color:var(--muted);font-size:12.5px}
.admin-versao ul{margin:0;padding-left:18px;display:grid;gap:4px;font-size:13px;line-height:1.45}
.admin-versao img{width:64px;height:40px;object-fit:cover;border-radius:6px;vertical-align:middle;margin:0 4px}
.admin-versao .button{min-height:36px;padding:0 12px;font-size:12px}
@media(max-width:640px){.admin-list-head{flex-wrap:wrap;gap:10px}.admin-list-botoes{width:100%;justify-content:flex-start}}