/* Charte Dataphone — rouge / noir, pas trop de blanc */

:root {
    --nekxio-blue: #111111;
    --nekxio-blue-mid: #1c1c1c;
    --nekxio-blue-purple: #c41018;
    --nekxio-purple: #ed1b24;
    --nekxio-purple-light: #f0454b;
    --nekxio-purple-lighter: #f56a6e;
    --nekxio-separator: #ed1b24;

    --color-bg: #101010;
    --color-bg-card: #1a1a1a;
    --color-bg-card-hover: #242424;
    --color-accent: #ed1b24;
    --color-accent-blue: #111111;
    --color-text: #f3f3f3;
    --color-text-muted: #b8b8b8;
    --color-border: #2c2c2c;
}

[data-theme="light"] {
    --color-bg: #e6e2de;
    --color-bg-card: #f0ece8;
    --color-bg-card-hover: #e4dfd9;
    --color-text: #111111;
    --color-text-muted: #3a3a3a;
    --color-border: #1a1a1a;
}

.header {
    background: linear-gradient(135deg, #111111 0%, #1a1a1a 48%, #ed1b24 100%) !important;
    border-bottom: 2px solid #ed1b24 !important;
}

[data-theme="light"] .header {
    background: linear-gradient(135deg, #111111 0%, #2a2a2a 55%, #ed1b24 100%) !important;
    border-bottom-color: #111111 !important;
}

.logo-text {
    display: none !important;
}

.logo-img {
    height: 46px;
    width: auto;
    max-width: 240px;
    object-fit: contain;
}

.login-brand-logo {
    max-height: 58px;
    max-width: min(260px, 100%);
}

.sidebar-logo img,
.sidebar-logo-img {
    max-height: 48px;
    max-width: 210px;
    width: auto;
    height: auto;
    object-fit: contain;
}

.footer-logo {
    height: 36px;
    width: auto;
    max-width: 180px;
    object-fit: contain;
}

.login-title,
.espace-title {
    background: none !important;
    -webkit-text-fill-color: #ed1b24 !important;
    color: #ed1b24 !important;
}

.login-card,
.espace-card,
.clients-list-card {
    border: 1px solid #2c2c2c;
}

[data-theme="light"] .login-card,
[data-theme="light"] .espace-card,
[data-theme="light"] .clients-list-card {
    border-color: #111111;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="url"],
input[type="date"],
input[type="datetime-local"],
select,
textarea,
.form-input,
.form-control {
    background: #111111 !important;
    color: #f3f3f3 !important;
    border: 1px solid #2c2c2c !important;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="date"]:focus,
input[type="datetime-local"]:focus,
select:focus,
textarea:focus,
.form-input:focus,
.form-control:focus {
    outline: none !important;
    border-color: #ed1b24 !important;
    box-shadow: 0 0 0 2px rgba(237, 27, 36, 0.25) !important;
}

.btn-primary,
.btn-login {
    background: linear-gradient(135deg, #111111 0%, #ed1b24 100%) !important;
    color: #ffffff !important;
    border: 1px solid #ed1b24 !important;
}

.btn-login:hover,
.btn-primary:hover {
    opacity: 0.92;
}

.sidebar-link.active {
    background: rgba(237, 27, 36, 0.35) !important;
    color: #ffffff !important;
}

[data-theme="light"] .sidebar-link.active {
    background: rgba(237, 27, 36, 0.22) !important;
    color: #111111 !important;
}

.message {
    background: rgba(237, 27, 36, 0.14) !important;
    border: 1px solid #ed1b24;
}

.footer {
    border-top: 1px solid #2c2c2c;
}