/* theme.css — NexusOps Portal permanent LIGHT theme (professional, clean)
   Poore portal ka single theme — koi toggle nahi, sirf ek consistent
   professional look. Har box/card/input ka border ab clearly visible hai. */

/* Bohot saari jagah (khaas kar JS se generate hone wale table rows) color
   inline style="" mein rgba(var(--fg-r),var(--fg-g),var(--fg-b),X) ke
   through likha gaya hai — is liye ye variables hamesha define honi
   zaroori hain, warna wo text invisible ho sakta hai. */
:root{--fg-r:30;--fg-g:41;--fg-b:59;--fg-solid:#1e293b;}

body{background:#f5f6f8 !important;color:#1e293b !important;}
body::before{display:none !important;}

/* Sidebar / Nav */
.sidebar{background:#ffffff !important;border-right:1px solid #e2e8f0 !important;}
.sidebar-toggle-btn{background:#fff !important;border:1px solid #e2e8f0 !important;color:#64748b !important;}
.sidebar-toggle-btn:hover{color:#fff !important;background:#0d9488 !important;}
.sidebar-brand{border-bottom:1px solid #e2e8f0 !important;}
.brand-text{color:#0f172a !important;font-weight:800 !important;}
.nav-item{color:#64748b !important;}
.nav-item:hover{color:#1e293b !important;background:#f1f5f9 !important;}
.nav-item.active{color:#0f172a !important;font-weight:700 !important;background:#f0fdfa !important;box-shadow:inset 0 0 0 1px #99f6e4 !important;}
.sidebar-footer{border-top:1px solid #e2e8f0 !important;}
.user-info{color:#64748b !important;}
.logout-btn{color:#94a3b8 !important;}
.logout-btn:hover{color:#ef4444 !important;background:#fef2f2 !important;}

/* Cards / containers — CLEAR visible borders */
.glass-card{background:#ffffff !important;border:1px solid #e8ecf1 !important;box-shadow:0 1px 3px rgba(15,23,42,0.04) !important;backdrop-filter:none !important;}
.glass-card::before{display:none !important;}
.table-wrap{background:#ffffff !important;border:1px solid #e2e8f0 !important;}
.table-top{border-bottom:1px solid #e2e8f0 !important;}
.page-title,h1,h2{color:#0f172a !important;font-weight:800 !important;}
.page-header{color:#1e293b !important;}
.sub,.page-sub{color:#64748b !important;}
label{color:#475569 !important;font-weight:700 !important;}
.section-title,.card-header h2{color:#0f172a !important;font-weight:800 !important;}

/* Stat cards — CLEAR visible border */
.stat-card{background:#f8fafc !important;border:1px solid #e2e8f0 !important;}
.stat-value{color:#0f172a !important;font-weight:800 !important;}
.stat-label{color:#475569 !important;font-weight:700 !important;}
.stat-sub{color:#94a3b8 !important;}
.stat-card.bot-stat{background:#f0fdfa !important;border-color:#99f6e4 !important;}
.stat-card.bot-today{background:#ecfdf5 !important;border-color:#a7f3d0 !important;}
.stat-card.status-expired{background:#fef2f2 !important;border-color:#fecaca !important;}
.stat-card.status-expired .stat-value{color:#dc2626 !important;}
.stat-card.status-replaced{background:#fffbeb !important;border-color:#fde68a !important;}
.stat-card.status-replaced .stat-value{color:#d97706 !important;}

/* Inputs / forms — CLEAR visible border on every box */
input,select,textarea{background:#f8fafc !important;border:1px solid #cbd5e1 !important;color:#1e293b !important;}
input::placeholder{color:#94a3b8 !important;}
input:focus,select:focus{border-color:#0d9488 !important;background:#ffffff !important;box-shadow:0 0 0 3px rgba(13,148,136,0.1) !important;}
select option{background:#fff !important;color:#1e293b !important;}
.input-wrap i{color:#94a3b8 !important;}
.helper-text{color:#94a3b8 !important;}

/* Tables */
table{color:#1e293b !important;}
th{background:#f8fafc !important;color:#475569 !important;font-weight:700 !important;border-bottom:1px solid #e2e8f0 !important;}
td{color:#1e293b !important;border-bottom:1px solid #f1f5f9 !important;}
tr:hover td{background:#f8fafc !important;}
.empty-state{color:#94a3b8 !important;}
.click-details-table th{background:#f8fafc !important;}
.click-details-table td{color:#334155 !important;}

/* Links / badges */
.short-link,.apply-link,.target-url{color:#0e7490 !important;font-weight:600 !important;}
.reserved-tag{background:#f0fdfa !important;color:#0e7490 !important;border-color:#99f6e4 !important;}
.status-badge.status-live{background:#ecfdf5 !important;}
.status-badge.status-expired{background:#fef2f2 !important;}
.status-badge.status-replaced{background:#fffbeb !important;}
.badge-linkedin{background:#f0fdfa !important;}

/* Buttons */
.btn-outline{border:1px solid #cbd5e1 !important;color:#334155 !important;background:transparent !important;}
.btn-outline:hover{background:#f1f5f9 !important;color:#1e293b !important;}

/* Hover states */
.pager .pages a:hover,
.click-pager .pages a:hover,
.actions .action-btn:hover,
.action-btns .action-btn:hover,
.modal-box .btn-secondary:hover{color:#1e293b !important;background:#f1f5f9 !important;}
.pager .info{color:#94a3b8 !important;}
.pager a{color:#64748b !important;}
.pager .active{background:#0d9488 !important;color:#fff !important;}

/* Modal */
.modal-box{background:#ffffff !important;border:1px solid #e2e8f0 !important;}
.modal-title{color:#1e293b !important;}

/* Login page specific */
.logo-text{color:#1e293b !important;}
.back a{color:#94a3b8 !important;}
.back a:hover{color:#1e293b !important;}
.glow{opacity:0.25 !important;}

/* Error / success banners */
.error{background:#fef2f2 !important;border:1px solid #fecaca !important;color:#dc2626 !important;}
.success{background:#ecfdf5 !important;border:1px solid #a7f3d0 !important;color:#059669 !important;}