/* =============================================================
   AMSTOCK — OVERRIDES SPÉCIFIQUES
   Correction des conflits avec inventory.css / configuration.css
   pour que le dark mode + le premium s'appliquent correctement.
   ============================================================= */

/* ============== PAGES ADMIN : page-container, hub-content ============== */
.page-container { background: transparent !important; }
.hub-content {
    background: transparent !important;
    color: var(--text-base);
}

/* Quand sidebar premium active, on supprime le padding-top excessif imposé
   par les pages standalone qui prévoyaient un .page-header-section caché */
.has-premium-sidebar .page-container {
    padding-top: 0 !important;
}

/* Hub admin (cards d'accès rapide) */
.hub-card {
    background: var(--surface-card) !important;
    border: 1px solid var(--border-soft) !important;
    border-radius: var(--radius-lg) !important;
    box-shadow: var(--shadow-sm) !important;
    color: var(--text-base) !important;
    transition: transform 200ms var(--easing-out), box-shadow 200ms var(--easing-out);
}
.hub-card:hover {
    transform: translateY(-3px);
    box-shadow: var(--shadow-lg) !important;
    border-color: var(--brand-300) !important;
}
.hub-title { color: var(--text-strong) !important; }

/* Boutons "header" anciens d'AMSTOCK : .btn-logout, etc. */
.btn-logout {
    background: var(--surface-card) !important;
    color: var(--text-base) !important;
    border: 1px solid var(--border-base) !important;
    box-shadow: var(--shadow-xs) !important;
}
.btn-logout:hover {
    background: var(--brand-50) !important;
    color: var(--brand-700) !important;
    border-color: var(--brand-300) !important;
}

/* ============== TABLES inventory.css / configuration.css ============== */
table.styled-table,
table.data-table {
    background: var(--surface-card) !important;
    color: var(--text-base) !important;
    border-radius: var(--radius-lg);
    overflow: hidden;
    border: 1px solid var(--border-soft);
    box-shadow: var(--shadow-sm);
    border-collapse: separate !important;
    border-spacing: 0;
}
table.styled-table thead th,
table.data-table thead th {
    background: linear-gradient(135deg, #1a1f3d, #232850) !important;
    color: rgba(255, 255, 255, 0.95) !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em !important;
    font-size: 0.78em !important;
    padding: 12px 14px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}
table.styled-table tbody td,
table.data-table tbody td {
    padding: 12px 14px !important;
    border-bottom: 1px solid var(--border-soft) !important;
    color: var(--text-base) !important;
    background: var(--surface-card) !important;
}
table.styled-table tbody tr:nth-child(even) td,
table.data-table tbody tr:nth-child(even) td {
    background: var(--surface-soft) !important;
}
table.styled-table tbody tr:hover td,
table.data-table tbody tr:hover td {
    background: var(--brand-50) !important;
}

/* Configuration : container principal */
.config-card,
.config-section,
.section-card,
.client-card,
.user-card {
    background: var(--surface-card) !important;
    color: var(--text-base) !important;
    border: 1px solid var(--border-soft) !important;
    border-radius: var(--radius-lg) !important;
    box-shadow: var(--shadow-sm) !important;
}

/* Logs page */
.log-row,
.log-entry,
.log-item {
    background: var(--surface-card);
    color: var(--text-base);
    border-bottom: 1px solid var(--border-soft);
}
.log-empty,
.empty-state-msg {
    color: var(--text-soft) !important;
}

/* Forms et inputs natifs (Bootstrap-style) */
input.form-control, select.form-select, textarea.form-control,
input[type="text"], input[type="email"], input[type="password"],
input[type="number"], input[type="date"], input[type="search"],
select, textarea {
    background: var(--surface-card) !important;
    color: var(--text-strong) !important;
    border: 1px solid var(--border-base) !important;
    border-radius: var(--radius-md) !important;
    padding: 10px 12px !important;
    transition: border-color 140ms, box-shadow 140ms, background 140ms !important;
    font-family: inherit !important;
}
input.form-control:focus, select.form-select:focus, textarea.form-control:focus,
input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus,
input[type="number"]:focus, input[type="date"]:focus, input[type="search"]:focus,
select:focus, textarea:focus {
    border-color: var(--brand-500) !important;
    box-shadow: var(--focus-ring) !important;
    outline: none !important;
}

input[disabled], input[readonly], textarea[readonly] {
    background: var(--surface-soft) !important;
    color: var(--text-muted) !important;
}

label, .form-label {
    color: var(--text-base);
    font-weight: 600;
}

/* Bootstrap card.card */
.card {
    background: var(--surface-card) !important;
    border: 1px solid var(--border-soft) !important;
    border-radius: var(--radius-lg) !important;
    box-shadow: var(--shadow-sm) !important;
    color: var(--text-base) !important;
}
.card-header {
    background: linear-gradient(180deg, var(--surface-card), var(--surface-soft)) !important;
    border-bottom: 1px solid var(--border-soft) !important;
    color: var(--text-strong) !important;
    font-weight: 700;
    border-radius: var(--radius-lg) var(--radius-lg) 0 0;
}
.card-body { color: var(--text-base) !important; }
.card-footer {
    background: var(--surface-soft) !important;
    border-top: 1px solid var(--border-soft) !important;
    border-radius: 0 0 var(--radius-lg) var(--radius-lg);
}

/* Badges Bootstrap génériques */
.badge {
    font-weight: 600;
    border-radius: 999px;
    padding: 3px 10px;
    letter-spacing: 0.02em;
}
.badge.bg-primary   { background: linear-gradient(135deg, var(--brand-500), var(--accent-500)) !important; }
.badge.bg-success   { background: linear-gradient(135deg, var(--success-500), var(--success-600)) !important; }
.badge.bg-danger    { background: linear-gradient(135deg, var(--danger-500), var(--danger-600)) !important; }
.badge.bg-warning   { background: linear-gradient(135deg, var(--warning-500), var(--warning-600)) !important; }
.badge.bg-info      { background: linear-gradient(135deg, var(--info-500), var(--info-600)) !important; }
.badge.bg-secondary { background: var(--text-soft) !important; }

/* Modals Bootstrap */
.modal-content {
    background: var(--surface-card) !important;
    border: 1px solid var(--border-soft) !important;
    border-radius: var(--radius-xl) !important;
    box-shadow: var(--shadow-2xl) !important;
    color: var(--text-base) !important;
}
.modal-header {
    background: linear-gradient(180deg, var(--surface-card), var(--surface-soft)) !important;
    border-bottom: 1px solid var(--border-soft) !important;
    border-radius: var(--radius-xl) var(--radius-xl) 0 0;
}
.modal-footer {
    background: var(--surface-soft) !important;
    border-top: 1px solid var(--border-soft) !important;
    border-radius: 0 0 var(--radius-xl) var(--radius-xl);
}
.modal-backdrop.show { backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }

/* Liens */
a:not(.btn):not(.sidebar-item):not(.nav-dropdown-item):not(.am-breadcrumb):not(.cmd-item):not(.am-preview *) {
    color: var(--brand-600);
    text-decoration: none;
    transition: color 140ms;
}
a:not(.btn):not(.sidebar-item):not(.nav-dropdown-item):not(.am-breadcrumb):hover {
    color: var(--brand-700);
    text-decoration: underline;
}

/* Toasts simples */
.toast, .alert {
    border-radius: var(--radius-md) !important;
    border: 1px solid var(--border-soft) !important;
    box-shadow: var(--shadow-md) !important;
}

/* Override inline backgrounds blanc en dark mode */
[data-theme="dark"] [style*="background: white"],
[data-theme="dark"] [style*="background:#fff"],
[data-theme="dark"] [style*="background: #fff"],
[data-theme="dark"] [style*="background-color: white"],
[data-theme="dark"] [style*="background-color:#fff"],
[data-theme="dark"] [style*="background:white"],
[data-theme="dark"] [style*="background-color:white"] {
    background: var(--surface-card) !important;
}

/* Page titles */
h1, h2, h3 { color: var(--text-strong); letter-spacing: -0.015em; }
h1 i, h2 i, h3 i { color: var(--brand-500); margin-right: 6px; }

/* Storehouse selector custom (storehouse-select.css) */
.storehouse-card {
    background: var(--surface-card) !important;
    border: 1px solid var(--border-soft) !important;
    border-radius: var(--radius-lg) !important;
    box-shadow: var(--shadow-sm) !important;
    transition: transform 200ms var(--easing-out), box-shadow 200ms var(--easing-out);
}
.storehouse-card:hover {
    transform: translateY(-3px);
    box-shadow: var(--shadow-lg) !important;
}

/* Boutons icône inline existants AMSTOCK : .btn-action, .btn-edit, .btn-delete, .btn-eye */
.btn-action, .btn-edit, .btn-delete, .btn-eye, .btn-view {
    border-radius: var(--radius-md) !important;
    transition: all 140ms var(--easing-out) !important;
    border: none !important;
    cursor: pointer !important;
    font-weight: 600 !important;
}
.btn-edit { background: linear-gradient(135deg, var(--brand-500), var(--accent-500)) !important; color: #fff !important; }
.btn-delete, .btn-danger { background: linear-gradient(135deg, var(--danger-500), var(--danger-600)) !important; color: #fff !important; }
.btn-eye { background: linear-gradient(135deg, var(--warning-500), var(--warning-600)) !important; color: #fff !important; }
.btn-action:hover, .btn-edit:hover, .btn-delete:hover, .btn-eye:hover {
    transform: translateY(-1px);
    filter: brightness(1.05);
}

/* Bootstrap btn-* primary/secondary/etc. */
.btn-primary {
    background: linear-gradient(135deg, var(--brand-500), var(--accent-500)) !important;
    border: none !important;
    color: #fff !important;
    box-shadow: 0 4px 12px -3px rgba(102, 126, 234, 0.50) !important;
}
.btn-success {
    background: linear-gradient(135deg, var(--success-500), var(--success-600)) !important;
    border: none !important;
    color: #fff !important;
}
.btn-danger {
    background: linear-gradient(135deg, var(--danger-500), var(--danger-600)) !important;
    border: none !important;
    color: #fff !important;
}
.btn-warning {
    background: linear-gradient(135deg, var(--warning-500), var(--warning-600)) !important;
    border: none !important;
    color: #fff !important;
}

/* Login page : carte centrale */
.login-card,
.login-container,
form.login-form {
    background: var(--surface-card) !important;
    border: 1px solid var(--border-soft) !important;
    border-radius: var(--radius-xl) !important;
    box-shadow: var(--shadow-2xl) !important;
    color: var(--text-base) !important;
}