/* DigiClick CRM Theme Override */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Outfit:wght@700;800&display=swap');

/* ======================== */
/* SHARED: Replace logo everywhere with SVG */
/* ======================== */
.navbar-brand.logo img,
.company-logo img {
    display: none !important;
}

.navbar-brand.logo,
.company-logo {
    position: relative;
}

.navbar-brand.logo::after,
.company-logo::after {
    content: '';
    display: inline-block;
    width: 180px;
    height: 44px;
    background: url('/crm/uploads/company/logo_dark_new.svg') no-repeat center/contain;
    vertical-align: middle;
}

.company-logo::after {
    display: block;
    margin: 0 auto;
}

/* ======================== */
/* CLIENT PORTAL: Dark login page */
/* ======================== */
body.customers {
    background: #0b0b0f !important;
    font-family: 'Inter', sans-serif !important;
    color: #e0e0e0 !important;
}

/* Top navbar */
body.customers .navbar-default.header {
    background: #0b0b0f !important;
    border-bottom: 1px solid rgba(255,255,255,0.06) !important;
    box-shadow: none !important;
}

body.customers .navbar-default .navbar-nav > li > a {
    color: #ffffff !important;
    font-weight: 500;
}

body.customers .navbar-default .navbar-nav > li > a:hover {
    color: #ea7419 !important;
}

/* Login button in nav */
body.customers .navbar-nav > li > a .fa-sign-in,
body.customers .navbar-nav > li > a .fa-user-plus {
    color: #ea7419;
}

/* Login heading */
body.customers .login-heading {
    color: #ffffff !important;
    font-family: 'Outfit', sans-serif !important;
}

/* Login card */
body.customers .panel_s {
    background: #16161d !important;
    border: 1px solid rgba(255,255,255,0.06) !important;
    box-shadow: 0 8px 32px rgba(0,0,0,0.4) !important;
    border-radius: 12px !important;
}

body.customers .panel_s .panel-body {
    background: transparent !important;
}

/* Labels */
body.customers .control-label,
body.customers label,
body.customers .form-group label {
    color: #a0a0b0 !important;
}

/* Inputs */
body.customers .form-control {
    background: #1e1e28 !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    padding: 10px 14px !important;
}

body.customers .form-control:focus {
    border-color: #ea7419 !important;
    box-shadow: 0 0 0 3px rgba(234,116,25,0.15) !important;
}

/* Select/dropdown */
body.customers .bootstrap-select .dropdown-toggle {
    background: #1e1e28 !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    color: #ffffff !important;
    border-radius: 8px !important;
}

body.customers .bootstrap-select .dropdown-menu {
    background: #1e1e28 !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
}

body.customers .bootstrap-select .dropdown-menu li a {
    color: #e0e0e0 !important;
}

body.customers .bootstrap-select .dropdown-menu li a:hover,
body.customers .bootstrap-select .dropdown-menu li.selected a {
    background: rgba(234,116,25,0.15) !important;
    color: #ea7419 !important;
}

/* Checkbox */
body.customers .checkbox label {
    color: #a0a0b0 !important;
}

/* Login button */
body.customers .btn-primary,
body.customers .btn-success {
    background: linear-gradient(135deg, #f5a623, #d4650f) !important;
    border: none !important;
    border-radius: 100px !important;
    padding: 12px !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    color: #ffffff !important;
}

body.customers .btn-primary:hover,
body.customers .btn-success:hover {
    box-shadow: 0 4px 20px rgba(234,116,25,0.4) !important;
    transform: translateY(-1px);
}

/* Register button - make it outline style */
body.customers .btn-success {
    background: transparent !important;
    border: 2px solid #ea7419 !important;
    color: #ea7419 !important;
}

body.customers .btn-success:hover {
    background: #ea7419 !important;
    color: #ffffff !important;
}

/* Links */
body.customers a {
    color: #ea7419 !important;
}

body.customers a:hover {
    color: #f5a623 !important;
}

/* Alert messages */
body.customers .alert-danger {
    background: rgba(220,53,69,0.1) !important;
    border-color: rgba(220,53,69,0.3) !important;
    color: #ff6b7a !important;
}

body.customers .alert-success {
    background: rgba(40,167,69,0.1) !important;
    border-color: rgba(40,167,69,0.3) !important;
    color: #69db7c !important;
}

/* Forgot password link */
body.customers .login-form a {
    color: #ea7419 !important;
}

/* ======================== */
/* ADMIN LOGIN: Dark theme  */
/* ======================== */
body.login_admin {
    background: #0b0b0f !important;
    font-family: 'Inter', sans-serif;
}

body.login_admin .company-logo img { display: none !important; }
body.login_admin .company-logo::after {
    content: '';
    display: block;
    width: 220px;
    height: 50px;
    margin: 0 auto;
    background: url('/crm/uploads/company/logo_dark_new.svg') no-repeat center/contain;
}

body.login_admin .authentication-form-wrapper h1 {
    color: #ffffff !important;
}

body.login_admin .tw-bg-white {
    background: #16161d !important;
    border: 1px solid rgba(255,255,255,0.06);
    box-shadow: 0 8px 32px rgba(0,0,0,0.4) !important;
}

body.login_admin .control-label {
    color: #a0a0b0 !important;
}

body.login_admin .form-control {
    background: #1e1e28 !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    color: #ffffff !important;
    border-radius: 8px !important;
}

body.login_admin .form-control:focus {
    border-color: #ea7419 !important;
    box-shadow: 0 0 0 3px rgba(234,116,25,0.15) !important;
}

body.login_admin .btn-primary {
    background: linear-gradient(135deg, #f5a623, #d4650f) !important;
    border: none !important;
    border-radius: 100px !important;
    padding: 12px !important;
    font-weight: 600 !important;
    color: #ffffff !important;
}

body.login_admin .btn-primary:hover {
    box-shadow: 0 4px 20px rgba(234,116,25,0.4) !important;
}

body.login_admin a { color: #ea7419 !important; }
body.login_admin .checkbox label { color: #a0a0b0 !important; }

/* ======================== */
/* CLIENT PORTAL: Footer    */
/* ======================== */
body.customers #footer,
body.customers .footer,
body.customers footer,
body.customers [id*="footer"],
body.customers .container-fluid:last-child,
body.customers #main-wrapper + *,
body.customers .inner-wrapper + * {
    background: #0b0b0f !important;
    color: #a0a0b0 !important;
    border-top: 1px solid rgba(255,255,255,0.06) !important;
}

body.customers #footer a,
body.customers footer a {
    color: #ea7419 !important;
}

/* Make everything dark - catch-all for remaining white areas */
body.customers,
body.customers #wrapper,
body.customers #main-wrapper,
body.customers .inner-wrapper,
body.customers .mtop40,
body.customers .container {
    background: #0b0b0f !important;
}

/* Fix col backgrounds */
body.customers [class*="col-"] {
    background: transparent !important;
}