/* Painel admin — usa as variáveis do site */
body.adm{background:#0b0b0b;padding:0;min-height:100vh}
.err{color:#ff6b73;font-size:13px;font-weight:700}
.login{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 0,#2b2300,#000 60%)}
.login-card{width:min(400px,100%);background:#121212;border:1px solid #2a2a2a;border-radius:20px;padding:28px;display:grid;gap:14px}
.login-card img{width:150px;margin:0 auto 4px}
.login-card h1{text-align:center;font-size:20px}
.login-card label,.a-form label,.ed-fields label{display:grid;gap:6px;font-size:12px;font-weight:700;color:#cfcfcf}
.demo-note{font-size:12px;color:#b9b9b9;background:#1a1a1a;border-radius:10px;padding:10px 12px;line-height:1.5}
.back{text-align:center;color:#888;font-size:13px}.back:hover{color:var(--y)}
input[type=text],input[type=email],input[type=password],input[type=time],input[type=url],select,textarea,.adm input:not([type=range]):not([type=checkbox]):not([type=file]){background:#0a0a0a;border:1px solid #333;border-radius:10px;padding:11px 13px;font-size:15px;width:100%;color:#fff}
.adm select{appearance:auto}
.adm input:focus,.adm textarea:focus,.adm select:focus{outline:0;border-color:var(--y)}

.a-top{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:12px;padding:10px 20px;background:#000;border-bottom:1px solid #222}
.a-logo{width:54px}
.a-title{flex:1;min-width:0;line-height:1.25}
.a-title small{display:block;color:var(--mut);font-size:11.5px}
.a-body{display:grid;grid-template-columns:230px 1fr;gap:0;min-height:calc(100vh - 74px)}
.a-nav{display:grid;align-content:start;gap:4px;padding:18px 12px;border-right:1px solid #1d1d1d;background:#080808}
.a-nav button{text-align:left;padding:12px 14px;border-radius:10px;font-weight:700;font-size:14px;color:#cfcfcf;display:flex;justify-content:space-between;gap:10px}
.a-nav button:hover{background:#151515}
.a-nav button.on{background:var(--y);color:#000}
.a-nav em{font-style:normal;font-size:11px;opacity:.7}
.a-main{padding:26px clamp(16px,3vw,40px) 60px;max-width:980px;width:100%}
.a-banner{background:#2a2200;border:1px solid #5b4a00;color:#ffe27a;border-radius:12px;padding:12px 14px;font-size:13px;line-height:1.55;margin-bottom:18px}
.a-banner button{color:#fff;text-decoration:underline;font-weight:700;margin-left:6px}
.a-head{display:flex;justify-content:space-between;align-items:center;gap:12px}
.a-head h2{font-size:24px}
.a-help{color:var(--mut);font-size:13px;margin:6px 0 18px}
.a-list{display:grid;gap:10px}
.a-item{display:grid;grid-template-columns:64px 1fr auto;gap:14px;align-items:center;background:#151515;border:1px solid #232323;border-radius:12px;padding:10px 12px}
.a-item .th{width:64px;height:64px;border-radius:9px;background:#222 center/cover;display:grid;place-items:center;color:#666;font-weight:900;font-size:22px}
.a-item b{display:block;font-size:14.5px;overflow:hidden;text-overflow:ellipsis}
.a-item small{color:var(--mut);font-size:12px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.a-item .badge{display:inline-block;font-size:10px;font-weight:800;padding:2px 7px;border-radius:5px;margin-top:3px;background:#333;color:#ddd}
.a-item .badge.on{background:var(--y);color:#000}
.a-act{display:flex;gap:6px}
.a-act button{padding:8px 12px;border-radius:8px;font-size:12px;font-weight:800;border:1px solid #444}
.a-act .ed:hover{border-color:var(--y);color:var(--y)}
.a-act .del{color:#ff7b82}.a-act .del:hover{border-color:#ff7b82}
.a-form{display:grid;gap:18px;max-width:640px}
.a-form .group{display:grid;gap:14px;background:#151515;border:1px solid #232323;border-radius:14px;padding:18px}
.a-form h3{font-size:15px;color:var(--y)}

.ed-card{width:min(600px,100%);padding:0}
.ed-card header{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid #222}
.ed-x{width:36px;height:36px;display:grid;place-items:center;border-radius:50%}
.ed-fields{padding:18px 20px;display:grid;gap:14px}
.ed-card footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 20px;border-top:1px solid #222}
.ed-card .err{padding:0 20px 8px}
.imgf{display:grid;grid-template-columns:96px 1fr;gap:12px;align-items:center}
.imgf .pv{width:96px;height:72px;border-radius:9px;background:#1c1c1c center/cover;border:1px dashed #444}
.imgf .ctl{display:grid;gap:8px}
.imgf input[type=file]{font-size:12px;color:#bbb}
.imgf .lnk{font-size:12px;padding:8px 10px}
.days-f{display:flex;flex-wrap:wrap;gap:8px}
.days-f label{display:flex;align-items:center;gap:6px;padding:7px 11px;border-radius:8px;border:1px solid #333;font-size:12px;cursor:pointer}
.days-f input{accent-color:var(--y)}
.chk{display:flex!important;align-items:center;gap:10px;grid-template-columns:none}
.chk input{width:20px;height:20px;accent-color:var(--y)}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}

@media (max-width:760px){
  .a-body{grid-template-columns:1fr}
  .a-nav{display:flex;overflow-x:auto;border-right:0;border-bottom:1px solid #1d1d1d;padding:10px;position:sticky;top:74px;z-index:15;background:#080808}
  .a-nav button{white-space:nowrap;flex:none}
  .a-item{grid-template-columns:52px 1fr}
  .a-item .th{width:52px;height:52px}
  .a-act{grid-column:1/-1;justify-content:flex-end}
  .a-title small{display:none}
  .row2{grid-template-columns:1fr}
  .toast{bottom:24px}
}
