/* ================================================================
   FÁLCON GROUP v3 — ADMIN CMS
   Login · Panel · Sidebar · Metrics · Tables · Settings · Content
   ================================================================ */

/* ============================================================ LOGIN */
#admin-login{display:none;position:fixed;inset:0;z-index:2000;background:var(--graphite);align-items:center;justify-content:center;flex-direction:column;}
#admin-login.open{display:flex;}
.login-box{width:100%;max-width:380px;background:var(--g2);border:1px solid var(--g4);padding:2.5rem;border-radius:var(--r-md);}
.login-logo{font-family:var(--ff-head);font-weight:800;font-size:1.4rem;text-transform:uppercase;letter-spacing:.06em;color:var(--white);text-align:center;margin-bottom:1.5rem;}
.login-logo span{color:var(--copper);}
.login-sub{font-family:var(--ff-head);font-weight:600;font-size:1.2rem;text-transform:uppercase;color:var(--white);text-align:center;margin-bottom:.3rem;}
.login-hint{font-size:.78rem;color:var(--titanium-d);text-align:center;margin-bottom:1.75rem;}
.login-form{display:flex;flex-direction:column;gap:1rem;}
.login-err{display:none;padding:9px 14px;background:rgba(155,35,53,.1);border:1px solid var(--red);border-radius:var(--r);font-size:.78rem;color:#d96070;}

/* ============================================================ PANEL SHELL */
#admin-panel{display:none;position:fixed;inset:0;z-index:1900;flex-direction:column;background:var(--g2);}
#admin-panel.open{display:flex;}
.adm-bar{height:54px;flex-shrink:0;display:flex;align-items:center;gap:1rem;border-bottom:1px solid var(--g4);padding:0 1.5rem;}
.adm-bar-logo{font-family:var(--ff-head);font-weight:800;font-size:.95rem;letter-spacing:.06em;text-transform:uppercase;color:var(--white);margin-right:auto;}
.adm-bar-logo span{color:var(--copper);}
.adm-pill{display:flex;align-items:center;gap:5px;font-family:var(--ff-mono);font-size:.58rem;letter-spacing:.1em;color:var(--titanium-d);}
.adm-dot{width:6px;height:6px;border-radius:50%;background:#4A8C5C;animation:pulse 2s infinite;}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}
.adm-close-btn{width:30px;height:30px;border-radius:var(--r);border:1px solid var(--g4);display:flex;align-items:center;justify-content:center;color:var(--titanium-d);transition:var(--t);}
.adm-close-btn:hover{border-color:var(--red);color:var(--red);}

/* ============================================================ SIDEBAR */
.adm-body{flex:1;display:flex;overflow:hidden;}
.adm-sidebar{width:210px;flex-shrink:0;border-right:1px solid var(--g4);display:flex;flex-direction:column;background:var(--graphite);overflow-y:auto;}
.adm-nav-group{padding:1.25rem .75rem 0;}
.adm-nav-group-label{font-family:var(--ff-mono);font-size:.56rem;letter-spacing:.18em;text-transform:uppercase;color:var(--titanium-d);padding:0 .5rem;margin-bottom:.4rem;}
.adm-nav-btn{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:var(--r-md);font-family:var(--ff-head);font-weight:600;font-size:.8rem;letter-spacing:.04em;text-transform:uppercase;color:var(--titanium-d);transition:var(--t);cursor:pointer;width:100%;position:relative;}
.adm-nav-btn svg{width:14px;height:14px;flex-shrink:0;}
.adm-nav-btn:hover{background:var(--g3);color:var(--titanium-l);}
.adm-nav-btn.active{background:rgba(160,82,45,.12);color:var(--copper);}
.adm-nav-badge{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:var(--red);color:var(--white);font-family:var(--ff-mono);font-size:.55rem;padding:1px 5px;border-radius:99px;min-width:16px;text-align:center;}
.adm-sidebar-foot{margin-top:auto;padding:1rem;border-top:1px solid var(--g4);}
.adm-user{display:flex;align-items:center;gap:10px;padding:8px;}
.adm-avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--copper-d),var(--copper));display:flex;align-items:center;justify-content:center;font-family:var(--ff-head);font-weight:700;font-size:.78rem;color:var(--graphite);flex-shrink:0;}
.adm-user-n{font-family:var(--ff-head);font-weight:600;font-size:.82rem;text-transform:uppercase;color:var(--white);}
.adm-user-r{font-family:var(--ff-mono);font-size:.58rem;color:var(--titanium-d);}

/* ============================================================ MAIN AREA */
.adm-main{flex:1;overflow-y:auto;padding:2rem;}
.adm-page{display:none;}
.adm-page.active{display:block;}
.adm-ph{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:2rem;flex-wrap:wrap;gap:1rem;}
.adm-pt{font-family:var(--ff-head);font-weight:700;font-size:1.9rem;text-transform:uppercase;color:var(--white);}
.adm-ps{font-size:.8rem;color:var(--titanium-d);margin-top:4px;}

/* ============================================================ METRICS */
.adm-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem;}
.adm-metric{background:var(--g3);border:1px solid var(--g4);border-radius:var(--r-md);padding:1.5rem;}
.adm-metric-ico{width:34px;height:34px;border-radius:var(--r);display:flex;align-items:center;justify-content:center;margin-bottom:1rem;font-size:1rem;}
.adm-metric-n{font-family:var(--ff-head);font-weight:800;font-size:2.4rem;color:var(--white);line-height:1;}
.adm-metric-l{font-family:var(--ff-mono);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--titanium-d);margin-top:4px;}
.adm-metric-d{font-size:.7rem;color:var(--copper);margin-top:7px;font-family:var(--ff-mono);}

/* ============================================================ TABLES */
.adm-tbl-wrap{background:var(--g3);border:1px solid var(--g4);border-radius:var(--r-md);overflow:hidden;}
.adm-tbl-hd{padding:1rem 1.5rem;border-bottom:1px solid var(--g4);display:flex;align-items:center;gap:1rem;flex-wrap:wrap;}
.adm-tbl-title{font-family:var(--ff-head);font-weight:700;font-size:.95rem;text-transform:uppercase;color:var(--white);}
.adm-tbl{width:100%;border-collapse:collapse;}
.adm-tbl th{text-align:left;padding:.65rem 1.5rem;font-family:var(--ff-mono);font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;color:var(--titanium-d);border-bottom:1px solid var(--g4);}
.adm-tbl td{padding:.82rem 1.5rem;font-size:.82rem;color:var(--titanium);border-bottom:1px solid var(--g4);}
.adm-tbl tr:last-child td{border-bottom:none;}
.adm-tbl tr:hover td{background:rgba(255,255,255,.015);}
.adm-td-title{color:var(--white)!important;font-family:var(--ff-head);font-weight:600;font-size:.88rem;}
.sb{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:1px;font-family:var(--ff-mono);font-size:.58rem;letter-spacing:.06em;}
.sb-pub{background:rgba(74,140,92,.12);color:#6dba85;}
.sb-pend{background:rgba(201,147,50,.12);color:#C99332;}
.sb-rej{background:rgba(155,35,53,.12);color:#d96070;}
.sb-draft{background:rgba(96,97,102,.15);color:var(--titanium-d);}
.ut-s{color:var(--copper);font-family:var(--ff-mono);font-size:.7rem;}
.ut-c{color:var(--titanium-l);font-family:var(--ff-mono);font-size:.7rem;}
.ut-m{color:var(--titanium);font-family:var(--ff-mono);font-size:.7rem;}
.adm-search{background:var(--g2);border:1px solid var(--g4);border-radius:var(--r);padding:7px 12px;color:var(--white);font-size:.82rem;outline:none;transition:var(--t);flex:1;min-width:180px;}
.adm-search:focus{border-color:var(--copper);}
.adm-search::placeholder{color:var(--titanium-d);}
.adm-filter{background:var(--g2);border:1px solid var(--g4);border-radius:var(--r);padding:7px 10px;color:var(--titanium);font-size:.78rem;outline:none;}
.adm-acts{display:flex;gap:4px;}
.adm-act{width:27px;height:27px;border-radius:var(--r);border:1px solid var(--g4);display:flex;align-items:center;justify-content:center;color:var(--titanium-d);transition:var(--t);cursor:pointer;background:none;}
.adm-act:hover{border-color:var(--copper);color:var(--copper);}
.adm-act.pub:hover{border-color:var(--green);color:var(--green);}
.adm-act.del:hover{border-color:var(--red);color:var(--red);}

/* ============================================================ SETTINGS / CONTENT */
.adm-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;}
.adm-sc{background:var(--g3);border:1px solid var(--g4);border-radius:var(--r-md);padding:1.5rem;}
.adm-sc-title{font-family:var(--ff-head);font-weight:700;font-size:.95rem;text-transform:uppercase;color:var(--white);margin-bottom:1.25rem;padding-bottom:.9rem;border-bottom:1px solid var(--g4);}
.adm-fg{margin-bottom:1rem;}
.adm-label{display:block;font-family:var(--ff-mono);font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;color:var(--titanium-d);margin-bottom:5px;}
.adm-input,.adm-textarea,.adm-select{width:100%;background:var(--g2);border:1px solid var(--g4);border-radius:var(--r);padding:9px 12px;color:var(--white);font-family:var(--ff-body);font-size:.85rem;outline:none;transition:var(--t);}
.adm-input:focus,.adm-textarea:focus,.adm-select:focus{border-color:var(--copper);}
.adm-textarea{resize:vertical;min-height:80px;line-height:1.6;}
.adm-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:.7rem 0;border-bottom:1px solid var(--g4);}
.adm-toggle-row:last-child{border-bottom:none;}
.adm-toggle-name{font-size:.82rem;color:var(--white);}
.adm-toggle-desc{font-size:.7rem;color:var(--titanium-d);}
.adm-toggle{width:36px;height:19px;background:var(--g4);border-radius:99px;position:relative;cursor:pointer;transition:var(--t);flex-shrink:0;}
.adm-toggle.on{background:var(--copper);}
.adm-toggle::after{content:'';position:absolute;top:3px;left:3px;width:13px;height:13px;background:var(--white);border-radius:50%;transition:var(--t);}
.adm-toggle.on::after{transform:translateX(17px);}

/* ============================================================ RESPONSIVE — ADMIN */
@media(max-width:1100px){
  .adm-metrics{grid-template-columns:repeat(2,1fr);}
  .adm-settings-grid{grid-template-columns:1fr;}
}
@media(max-width:900px){
  .adm-sidebar{width:50px;}
  .adm-nav-group-label,.adm-user-n,.adm-user-r,.adm-nav-btn span{display:none;}
  .adm-nav-btn{justify-content:center;}
  .adm-tbl-wrap{overflow-x:auto;}
}
@media(max-width:640px){
  .adm-metrics{grid-template-columns:1fr 1fr;}
}