/* =====================================================================
   Área reservada — Eurico Borges · Arte & Ofícios
   Camada por cima do admin.css do motor: mesma linguagem do site
   (parede escura, assinatura, Cormorant + Jost, acento sanguínea).
   ===================================================================== */
:root{
  --a1:#141517;--a2:#141517;--a3:#b8402c;--a4:#e9e4da;
  --fundo:#f3f1ec;--papel:#fff;--tinta:#141517;--tinta2:#77736c;
  --linha:#e3dfd7;--raio:2px;--raio-s:2px;
  --sombra:0 18px 40px -28px rgba(0,0,0,.35);
  --f:'Jost','Helvetica Neue',Arial,sans-serif;
  --ft:'Cormorant Garamond',Georgia,serif;
  --parede:#131516;
}
body{font-weight:400;letter-spacing:.005em}
h1,h2,h3,h4{font-family:var(--ft);font-weight:400;letter-spacing:0}
h1{font-size:2.1rem;font-style:italic}
h2{font-size:1.45rem}
a{color:var(--tinta)}
a:hover{color:var(--a3)}
::selection{background:var(--a3);color:#fff}

/* ---------- entrada ---------- */
.entrar{background:var(--parede);color:#ece7dd;position:relative;overflow:hidden;place-items:center end;padding:0}
.entrar::before{opacity:1;background:url("../img/inicio.jpg") left center/cover no-repeat;filter:grayscale(1) brightness(.62)}
.entrar::after{content:"";position:fixed;inset:0;background:linear-gradient(90deg,transparent 35%,rgba(19,21,22,.88) 62%,var(--parede) 80%)}
.entrar .caixa{z-index:1;background:transparent;box-shadow:none;border-radius:0;max-width:440px;padding:40px clamp(28px,6vw,110px) 40px 40px;margin-right:clamp(0px,4vw,80px)}
.entrar img{height:auto;width:min(300px,70vw);margin:0 0 34px}
.entrar h1{text-align:left;color:#ece7dd;font-size:2.2rem;margin-bottom:2px}
.entrar p.sub{text-align:left;color:#9a958c;font-size:.72rem;letter-spacing:.3em;text-transform:uppercase;margin:0 0 40px}
.entrar .campo>label{color:#9a958c;font-size:.66rem;letter-spacing:.28em;font-weight:400}
.entrar input[type=text],.entrar input[type=password]{background:transparent;border:0;border-bottom:1px solid rgba(236,231,221,.25);border-radius:0;color:#ece7dd;font-size:1.1rem;padding:10px 0}
.entrar input:focus{border-color:#ece7dd;box-shadow:none}
.entrar input:-webkit-autofill{-webkit-text-fill-color:#ece7dd;-webkit-box-shadow:0 0 0 40px var(--parede) inset;transition:background-color 9999s}
.entrar .btn{background:transparent;border:1px solid #ece7dd;color:#ece7dd;margin-top:22px!important;padding:16px;letter-spacing:.28em;text-transform:uppercase;font-size:.72rem;font-weight:400}
.entrar .btn:hover{background:#ece7dd;color:var(--parede);transform:none;filter:none}
.entrar a{color:#9a958c;font-size:.74rem;letter-spacing:.14em}
.entrar a:hover{color:#ece7dd}
.entrar p[style]{text-align:left!important}
.entrar .aviso{background:rgba(255,255,255,.05);border:0;border-left:2px solid var(--a3);color:#ece7dd}
@media (max-width:760px){
  .entrar{place-items:end center}
  .entrar::after{background:linear-gradient(180deg,transparent 15%,rgba(19,21,22,.9) 50%,var(--parede) 70%)}
  .entrar::before{background-position:22% top;background-size:auto 60vh}
  .entrar .caixa{margin:0;padding:30px 28px 50px}
}

/* ---------- estrutura ---------- */
.lateral{background:var(--parede);color:#9a958c;padding:28px 0 22px}
.lateral .logo{padding:4px 26px 26px;border-color:rgba(236,231,221,.1)}
.lateral .logo img{height:auto;width:170px;filter:none}
.lateral .grupo{font-family:var(--f);font-weight:400;font-size:.6rem;letter-spacing:.3em;color:#6b6760;margin:26px 26px 8px}
.lateral nav a{border-radius:0;padding:9px 26px;color:#b9b3a8;font-weight:400;font-size:.86rem;border-left:2px solid transparent;margin:0}
.lateral nav a:hover{background:rgba(236,231,221,.04);color:#fff}
.lateral nav a.on{background:rgba(236,231,221,.06);color:#fff;border-left-color:var(--a3);box-shadow:none}
.lateral nav a svg{width:15px;height:15px;opacity:.7}
.lateral .conta{margin:24px 26px 0;border-radius:0;background:transparent;border-top:1px solid rgba(236,231,221,.1);padding:16px 0 0}
.lateral .conta a{color:#d9d3c8}
.lateral .conta a:hover{color:var(--a3)}
.lateral .selo-nova{background:var(--a3);color:#fff}

.conteudo{padding:34px clamp(20px,3vw,48px) 70px}
.topo-adm{padding-bottom:20px;border-bottom:1px solid var(--linha);margin-bottom:30px}
.topo-adm h1{font-size:2.4rem}
.topo-adm .migalha{letter-spacing:.06em}

/* ---------- componentes ---------- */
.painel-cx{border-radius:0;border-color:var(--linha);box-shadow:none;padding:28px}
.painel-cx h2{font-style:italic;font-size:1.55rem;border-color:var(--linha)}
.btn{border-radius:0;font-weight:400;letter-spacing:.16em;text-transform:uppercase;font-size:.72rem;padding:12px 20px;border-width:1px}
.btn:hover{transform:none;filter:none;background:var(--a3);border-color:var(--a3)}
.btn-l,.btn-cinza{background:transparent;color:var(--tinta);border-color:var(--linha)}
.btn-l:hover,.btn-cinza:hover{background:transparent;border-color:var(--tinta);color:var(--tinta)}
.btn-perigo{background:transparent;border-color:#e3c1b9;color:#a3341f}
.btn-perigo:hover{background:#a3341f;border-color:#a3341f;color:#fff}
.btn-ouro{background:var(--a3);border-color:var(--a3);color:#fff}
.btn-pq{padding:8px 12px;font-size:.66rem;border-radius:0}

.kpi{border-radius:0}
.kpi::after{display:none}
.kpi span{font-weight:400;letter-spacing:.24em;font-size:.64rem}
.kpi strong{font-family:var(--ft);font-weight:400;font-size:2.8rem}

.tab th{font-weight:400;letter-spacing:.2em;font-size:.64rem;border-bottom-width:1px}
.tab tr:hover td{background:#faf9f6}
.tab .mini{border-radius:0;object-fit:contain;background:#f3f1ec}
.tab .nome{font-family:var(--ft);font-style:italic;font-size:1.12rem;font-weight:400;color:var(--tinta)}
.selo{border-radius:0;font-weight:400;letter-spacing:.12em;text-transform:uppercase;font-size:.6rem}
.selo-on{background:#ebe8e2;color:var(--tinta)}
.selo-off{background:transparent;color:var(--tinta2);border:1px solid var(--linha)}
.selo-nova{background:var(--a3);color:#fff}

.campo>label{font-weight:400;letter-spacing:.2em;font-size:.66rem;color:var(--tinta2)}
input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=url],input[type=tel],select,textarea{border-radius:0;border-width:1px;font-size:.95rem}
input:focus,select:focus,textarea:focus{border-color:var(--tinta);box-shadow:none}
.check{border-radius:0;border-width:1px}
.check input{accent-color:var(--a3)}
.check span{font-weight:400}
.aviso{border-radius:0;border:0;border-left:2px solid currentColor}
.aviso-ok{background:#eef2ec;color:#3f5e3a}
.aviso-erro{background:#f8ebe7;color:#93321f}
.aviso-info{background:#efede8;color:#4a4740}

.zona-fich{border-radius:0;background:#faf9f6;border-width:1px}
.zona-fich img{border-radius:0;object-fit:contain;background:#f3f1ec}
.bib-modal{background:rgba(19,21,22,.7)}
.bib-cx{border-radius:0}
.bib-item,.bib-item img,.bib-ext{border-radius:0}
.bib-item:hover{border-color:var(--tinta)}
.bib-ext{background:var(--tinta)}
.editor-barra{border-radius:0;background:#f6f4ef;border-width:1px}
.editor{border-radius:0;border-width:1px;font-family:var(--f)}
.editor blockquote{border-color:var(--a3);font-family:var(--ft);font-style:italic;font-size:1.2rem}
.foto-cx,.foto-cx img,.msg{border-radius:0}
.msg.nova{border-left-color:var(--a3)}
.msg .de{color:var(--tinta);font-family:var(--ft);font-size:1.2rem;font-weight:400;font-style:italic}
.msg .txt{border-radius:0;background:#f6f4ef}
.paginacao a,.paginacao span{border-radius:0;font-weight:400}
.paginacao a:hover,.paginacao .actual{background:var(--tinta);border-color:var(--tinta)}
.abas a{font-weight:400;letter-spacing:.14em;text-transform:uppercase;font-size:.72rem}
.abas a.on{color:var(--tinta);border-color:var(--a3)}
.grelha-icones label,.grelha-temas .tema{border-radius:0}
