/* =========================================================
   SecureHRMS Enterprise Command Console Theme
   Ultra Corporate / Military SOC Style
   ========================================================= */


/* =========================================================
   GLOBAL COLORS
   ========================================================= */

:root{

--hrms-bg:#0B0F19;
--hrms-panel:#111827;
--hrms-border:#1F2937;

--hrms-text:#E5E7EB;
--hrms-muted:#9CA3AF;

--hrms-accent:#2563EB;
--hrms-success:#22C55E;
--hrms-danger:#EF4444;
--hrms-warning:#F59E0B;

}


/* =========================================================
   BODY
   ========================================================= */

body{
background:var(--hrms-bg);
color:var(--hrms-text);
font-family:"Inter",system-ui,-apple-system;
}


/* =========================================================
   ADMINLTE OVERRIDES
   ========================================================= */

.content-wrapper{
background:var(--hrms-bg);
}

.main-header{
background:#0F172A;
border-bottom:1px solid var(--hrms-border);
}

.main-sidebar{
background:#020617;
border-right:1px solid var(--hrms-border);
}

.brand-link{
background:#020617;
border-bottom:1px solid var(--hrms-border);
color:#fff;
}


/* =========================================================
   SIDEBAR
   ========================================================= */

.nav-sidebar .nav-link{
color:#cbd5e1;
}

.nav-sidebar .nav-link.active{
background:#1e293b;
color:#38BDF8;
}

.nav-sidebar .nav-link:hover{
background:#1e293b;
}


/* =========================================================
   CARDS
   ========================================================= */

.card{
background:var(--hrms-panel);
border:1px solid var(--hrms-border);
border-radius:8px;
}

.card-header{
border-bottom:1px solid var(--hrms-border);
}


/* =========================================================
   TABLES
   ========================================================= */

.table{
color:var(--hrms-text);
}

.table thead{
background:#0F172A;
}

.table-striped tbody tr:nth-of-type(odd){
background:#0F172A;
}

.table-hover tbody tr:hover{
background:#1e293b;
}


/* =========================================================
   BUTTONS
   ========================================================= */

.btn-primary{
background:var(--hrms-accent);
border:none;
}

.btn-success{
background:var(--hrms-success);
border:none;
}

.btn-danger{
background:var(--hrms-danger);
border:none;
}

.btn-warning{
background:var(--hrms-warning);
border:none;
}


/* =========================================================
   BADGES
   ========================================================= */

.badge-success{
background:var(--hrms-success);
}

.badge-danger{
background:var(--hrms-danger);
}

.badge-warning{
background:var(--hrms-warning);
}

.badge-info{
background:#0ea5e9;
}


/* =========================================================
   FORMS
   ========================================================= */

.form-control{

background:#020617;
border:1px solid #334155;
color:#E5E7EB;

}

.form-control:focus{

background:#020617;
border-color:#38BDF8;
color:#fff;
box-shadow:none;

}


/* =========================================================
   DATATABLES
   ========================================================= */

.dataTables_wrapper{
color:#e5e7eb;
}

.dataTables_filter input{
background:#020617;
border:1px solid #334155;
color:#fff;
}


/* =========================================================
   COMMAND CONSOLE WIDGETS
   ========================================================= */

.command-card{

background:#020617;
border:1px solid #1F2937;
padding:15px;
border-radius:8px;

}

.command-stat{

font-size:28px;
font-weight:700;

}

.command-label{

font-size:12px;
color:#9CA3AF;

}


/* =========================================================
   SOC WALL DASHBOARD
   ========================================================= */

.soc-widget{

background:#020617;
border:1px solid #1F2937;
border-radius:8px;
padding:15px;

}

.soc-title{
font-weight:600;
font-size:14px;
margin-bottom:10px;
}

.soc-alert{
color:#EF4444;
font-weight:600;
}


/* =========================================================
   MAP CONTAINER
   ========================================================= */

.map-container{
height:500px;
border:1px solid #1F2937;
border-radius:6px;
}


/* =========================================================
   LOGIN SCREEN
   ========================================================= */

.login-page{

background:linear-gradient(
135deg,
#020617,
#0B0F19
);

}

.login-box{

margin-top:120px;

}

.login-card-body{

background:#111827;
border:1px solid #1F2937;

}

.brand-title{

font-weight:700;
letter-spacing:2px;
color:#38BDF8;

}

.login-card-body small{

color:#9CA3AF;

}


/* =========================================================
   LOGIN INPUTS
   ========================================================= */

.login-card-body .form-control{

background:#020617;
border:1px solid #334155;
color:#E5E7EB;

}

.login-card-body .form-control:focus{

border-color:#38BDF8;

}


/* =========================================================
   LOGIN BUTTON
   ========================================================= */

.login-card-body .btn-primary{

background:#2563EB;
border:none;

}

.login-card-body .btn-primary:hover{

background:#1d4ed8;

}


/* =========================================================
   ALERTS
   ========================================================= */

.alert{

border:none;

}

.alert-danger{

background:#7f1d1d;
color:#fff;

}


/* =========================================================
   SCROLLBAR
   ========================================================= */

::-webkit-scrollbar{
width:8px;
}

::-webkit-scrollbar-track{
background:#020617;
}

::-webkit-scrollbar-thumb{
background:#334155;
border-radius:6px;
}

::-webkit-scrollbar-thumb:hover{
background:#475569;
}