/* ==========================================================
   Total TVC – Modern admin skin (overrides Bootstrap 3 / sandstone)
   Loaded by admin/includes/header.php. Layout dimensions are unchanged
   (60px top bar, 250px sidebar) so every existing admin page keeps working.
   ========================================================== */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@600;700;800&display=swap');
:root{
  --g9:#062a1f; --g8:#0a3d2c; --g7:#14693f; --g6:#1b8a4c; --g5:#22a65b; --g1:#dff5e8; --g0:#f0faf4;
  --gold:#f5b301; --ink:#0f1f1a; --mut:#6b7d75; --line:#e3ebe7; --bg:#f3f7f5;
  --b950-rgb:6,42,31; --b500-rgb:34,166,91; --on-accent:#2a2000;
  --r:14px; --sh:0 1px 2px rgba(10,61,44,.05),0 6px 20px rgba(10,61,44,.07);
}
html,body{background:var(--bg)!important;font-family:'Inter',system-ui,sans-serif!important;color:#33463e}
h1,h2,h3,h4,h5,h6{font-family:'Plus Jakarta Sans','Inter',sans-serif;color:var(--ink);font-weight:800;letter-spacing:-.01em}
a{color:var(--g6)} a:hover{color:var(--g7)}

/* ---- Top bar ---- */
.brand{background:linear-gradient(90deg,var(--g9),var(--g8))!important;height:60px;box-shadow:0 2px 14px rgba(var(--b950-rgb),.25);border:0}
.brand>a{color:#fff!important;font:800 18px 'Plus Jakarta Sans',sans-serif!important;line-height:60px;padding-left:20px;display:inline-block;text-decoration:none}
.brand>a::before{content:"\f19d";font-family:FontAwesome;color:var(--gold);margin-right:10px}
.brand .menu-btn{color:#fff;cursor:pointer;line-height:60px;padding:0 15px;float:right}
.brand .ts-profile-nav>li>a,.brand .ts-profile-nav .ts-account>a{color:#fff!important;line-height:60px;padding:0 18px}
.brand .ts-profile-nav .ts-avatar{border-radius:50%;border:2px solid rgba(255,255,255,.4);width:32px;height:32px}
.brand .ts-profile-nav li ul{background:#fff;border-radius:12px;box-shadow:0 18px 40px rgba(var(--b950-rgb),.25);overflow:hidden;border:1px solid var(--line);top:60px}
.brand .ts-profile-nav li ul li a{color:var(--ink)!important;line-height:1.4;padding:11px 18px}
.brand .ts-profile-nav li ul li a:hover{background:var(--g0);color:var(--g7)!important}
.brand .site-link{float:right;line-height:60px;color:rgba(255,255,255,.85)!important;font-size:13px;padding:0 6px;text-decoration:none;display:none}
@media(min-width:992px){.brand .site-link{display:block}}

/* ---- Sidebar ---- */
.ts-sidebar,.ts-sidebar-modern{background:var(--g9)!important;border-right:1px solid rgba(255,255,255,.04)}
.ts-sidebar-modern .ts-label{color:rgba(255,255,255,.38)!important}
.ts-sidebar-modern .ts-sidebar-menu li a{color:rgba(255,255,255,.78)!important;border-radius:10px!important}
.ts-sidebar-modern .ts-sidebar-menu li a i{color:rgba(255,255,255,.45)!important}
.ts-sidebar-modern .ts-sidebar-menu li a:hover{background:rgba(var(--b500-rgb),.18)!important;color:#fff!important}
.ts-sidebar-modern .ts-sidebar-menu li a:hover i{color:var(--gold)!important}
.ts-sidebar-modern .ts-sidebar-menu li.active a{background:linear-gradient(135deg,var(--g6),var(--g7))!important;box-shadow:0 8px 18px rgba(0,0,0,.25)!important;color:#fff!important}
.ts-sidebar-modern .ts-sidebar-menu li.active a i{color:var(--gold)!important}
.ts-sidebar-modern .ai-new{margin-left:auto;background:var(--gold);color:var(--on-accent);font-size:.62rem;font-weight:800;padding:2px 7px;border-radius:99px}

/* ---- Content ---- */
.ts-main-content .content-wrapper{padding-top:24px}
.page-title{font-weight:800;margin:0 0 22px}
.panel,.well,.chart-panel{border:1px solid var(--line)!important;border-radius:var(--r)!important;box-shadow:var(--sh)!important;background:#fff}
.panel-default>.panel-heading,.panel-heading{background:#fff!important;border-bottom:1px solid var(--line)!important;font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;color:var(--ink)!important;padding:16px 20px}
.panel-body{padding:20px}
.well{background:#fff!important}

/* ---- Tables ---- */
.table{background:#fff}
.table>thead>tr>th{background:var(--g0);color:var(--g8);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--line)!important;padding:13px 12px}
.table>tbody>tr>td{border-top:1px solid #eef3f0!important;vertical-align:middle!important;padding:12px}
.table-striped>tbody>tr:nth-of-type(odd){background:#fbfdfc}
.table-hover>tbody>tr:hover{background:var(--g0)!important}
.dataTables_wrapper .dataTables_filter input,.dataTables_wrapper .dataTables_length select{border-radius:10px;border:1px solid var(--line);padding:6px 10px}
.pagination>.active>a,.pagination>.active>span{background:var(--g6)!important;border-color:var(--g6)!important}
.pagination>li>a{color:var(--g7)}

/* ---- Forms & buttons ---- */
.form-control{height:42px;border-radius:10px!important;border:1px solid #d5e2db!important;box-shadow:none!important;transition:border .15s,box-shadow .15s}
textarea.form-control{height:auto}
.form-control:focus{border-color:var(--g5)!important;box-shadow:0 0 0 3px rgba(var(--b500-rgb),.18)!important}
label{font-weight:600;color:#2b3d35}
.btn{border-radius:10px!important;font-weight:700;padding:9px 18px;border:0;transition:transform .15s,box-shadow .15s}
.btn:hover{transform:translateY(-1px)}
.btn-primary,.btn-success{background:linear-gradient(135deg,var(--g6),var(--g7))!important;color:#fff!important;box-shadow:0 6px 14px rgba(var(--b500-rgb),.28)}
.btn-default{background:#fff!important;border:1px solid var(--line)!important;color:var(--ink)!important}
.btn-danger{background:#e5484d!important}.btn-warning{background:var(--gold)!important;color:var(--on-accent)!important}.btn-info{background:#2b7be4!important}
.btn-xs,.btn-sm{padding:5px 11px}
.alert{border-radius:12px;border:0}
.alert-success{background:var(--g1);color:var(--g8)}
.label,.badge{border-radius:99px;font-weight:700;padding:.35em .8em}
.label-success{background:var(--g6)}
.modal-content{border-radius:18px;border:0;box-shadow:0 30px 80px rgba(var(--b950-rgb),.3)}

/* ---- Dashboard (restyles existing dashboard.php blocks) ---- */
.dash-welcome{background:linear-gradient(120deg,var(--g8),var(--g6))!important;border-radius:20px!important;position:relative;overflow:hidden;box-shadow:0 18px 40px rgba(10,61,44,.25)!important}
.dash-welcome::after{content:"";position:absolute;right:-60px;top:-60px;width:240px;height:240px;border-radius:50%;background:rgba(255,255,255,.08)}
.dash-welcome h2{color:#fff!important}
.stat-card{background:#fff;border:1px solid var(--line)!important;box-shadow:var(--sh)!important;border-radius:16px!important}
.stat-card .stat-card-body{padding:20px!important}
.stat-card .stat-icon{border-radius:14px!important}
.stat-card .panel-footer{background:#fff!important;border-top:1px solid var(--line)!important;color:var(--g7)!important}
.section-title{font-family:'Plus Jakarta Sans',sans-serif;border-bottom:0!important;margin-top:18px!important;display:flex;align-items:center;gap:10px}
.section-title::after{content:"";flex:1;height:1px;background:var(--line)}
.quick-action-card{border-radius:14px!important;border:1px solid var(--line)!important;box-shadow:var(--sh);margin-bottom:16px;font-weight:600}
.quick-action-card:hover{border-color:var(--g5)!important;transform:translateY(-3px)}
.quick-action-card i{color:var(--g6)!important}
.dash-two{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin-top:6px}
@media(max-width:991px){.dash-two{grid-template-columns:1fr}}
.dash-card{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--sh);padding:20px}
.dash-card h5{margin:0 0 14px;font-size:1rem}
.recent-row{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid #eef3f0}
.recent-row:last-child{border:0}
.recent-row .av{width:38px;height:38px;border-radius:50%;background:var(--g1);color:var(--g7);display:grid;place-items:center;font-weight:800;flex:none}
.recent-row .nm{font-weight:700;color:var(--ink);line-height:1.2}
.recent-row small{color:var(--mut)}
.pill{margin-left:auto;font-size:.7rem;font-weight:800;padding:3px 10px;border-radius:99px;white-space:nowrap}
.pill.new{background:#fff3cf;color:#8a6200}.pill.done{background:var(--g1);color:var(--g8)}
.ai-card{background:linear-gradient(135deg,var(--g9),var(--g7));color:#fff;border:0}
.ai-card h5{color:#fff}.ai-card p{color:rgba(255,255,255,.82);font-size:.9rem}
.ai-card .big{font:800 2.2rem 'Plus Jakarta Sans',sans-serif;color:var(--gold);line-height:1}
.ai-card .btn{background:var(--gold)!important;color:var(--on-accent)!important;box-shadow:none}

/* ---- Login ---- */
.login-page{background-image:linear-gradient(135deg,rgba(var(--b950-rgb),.92),rgba(20,105,63,.85)),url(../img/login-bg.jpg)!important;background-size:cover!important}
.login-page .well{border-radius:24px!important;padding:34px 10px!important;box-shadow:0 40px 90px rgba(0,0,0,.35)!important;border:0!important}
.login-page h1{color:#fff;font-weight:800}
.login-page .btn-primary{height:46px;font-size:15px;letter-spacing:.06em}

/* ---- Sidebar structure (moved here from the old inline <style> in leftbar.php) ---- */
.ts-sidebar-modern .ts-sidebar-menu{list-style:none;margin:0;padding:10px 12px}
.ts-sidebar-modern .ts-label{font-size:.68rem;text-transform:uppercase;letter-spacing:1px;font-weight:700;padding:16px 12px 8px}
.ts-sidebar-modern .ts-sidebar-menu li a{display:flex;align-items:center;gap:12px;padding:10px 14px;margin-bottom:3px;font-size:.88rem;font-weight:500;text-decoration:none!important;transition:all .18s ease}
.ts-sidebar-modern .ts-sidebar-menu li a i{width:18px;text-align:center;font-size:.95rem;margin-right:0;transition:color .18s}