/* ==========================================================================
   TIPOMAP.LAT - Admin "Swiss Design" Gluer / Overrides
   Alineación estética con el portal principal
   ========================================================================== */

:root {
    /* Palette from main site */
    --bg-off-white: #f9f7f2;
    --bg-pure-white: #ffffff;
    --text-black: #000000;
    --text-grey: #666666;
    --text-light-grey: #999999;
    --accent-color: #000000;
    --success-color: #27ae60;

    /* Typography */
    --font-main: 'Inter', -apple-system, sans-serif;
}

/* Force Swiss Typography */
body, h1, h2, h3, h4, h5, h6, .title-1, .title-2, .title-3, .title-5 {
    font-family: var(--font-main) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
}

h1, .title-1 { font-weight: 800 !important; font-size: 1.8rem !important; }
h2, .title-2 { font-weight: 800 !important; font-size: 1.2rem !important; }
h3, .title-3 { font-weight: 700 !important; color: var(--text-black) !important; }

/* Swiss Logo Style (Sidebar) */
.logo h1 {
    font-size: 1rem !important;
    text-transform: lowercase !important;
    letter-spacing: -0.01em !important;
}

/* Neutralize Backgrounds */
.animsition, .page-wrapper {
    background-color: var(--bg-off-white) !important;
}

/* ==========================================================================
   CORRECCIÓN TOPBAR & LAYOUT
   ========================================================================== */

.page-container {
    padding-left: 300px; /* Espacio para el Sidebar */
}

.header-desktop {
    background: var(--bg-pure-white) !important;
    position: fixed;
    top: 0;
    right: 0;
    left: 300px; /* Alineado al Sidebar */
    height: 75px;
    z-index: 1000;
    border-bottom: none !important;
    box-shadow: none !important;
    display: flex !important;
    align-items: center;
}

/* Responsive: Cuando el sidebar se oculta en móviles */
@media (max-width: 991px) {
    .page-container { padding-left: 0; }
    .header-desktop { left: 0; }
}

/* ==========================================================================
   RESTO DE ESTILOS SUIZOS
   ========================================================================== */

/* Neutralize Overview Items */
.overview-item--c1, .overview-item--c2, .overview-item--c3, .overview-item--c4 {
    background: var(--bg-pure-white) !important;
    border: 1px solid #eee !important;
    padding: 20px !important;
}

.overview-item .text h2 {
    color: var(--text-black) !important;
    font-size: 1.5rem !important;
    font-weight: 800 !important;
    margin-bottom: 5px !important;
}

.overview-item .text span {
    color: var(--text-grey) !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
}

.overview-item .icon i {
    color: var(--text-black) !important;
    opacity: 0.1 !important;
}

/* Neutralize Sidebar */
.menu-sidebar {
    background: var(--bg-pure-white) !important;
    border-right: none !important;
}

.menu-sidebar .logo {
    background: var(--bg-pure-white) !important;
    border-right: none !important;
    border-bottom: none !important;
}

.navbar-sidebar .navbar__list li a {
    color: var(--text-light-grey) !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    text-transform: uppercase !important;
    padding: 12px 0 !important;
}

.navbar-sidebar .navbar__list li.active > a,
.navbar-sidebar .navbar__list li a:hover {
    color: var(--text-black) !important;
}

.navbar-sidebar .navbar__list li.active > a,
.navbar-sidebar .navbar__sub-list li a {
    font-size: 13px !important;
    color: var(--text-grey) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
}

/* Neutralize Sidebar - Quitar Bullets y Padding de listas */
.navbar-sidebar .navbar__list,
.navbar-sidebar .navbar__sub-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.navbar-sidebar .navbar__list li,
.navbar-sidebar .navbar__sub-list li {
    list-style-type: none !important;
}

/* Ajuste para las sub-listas (anidadas) */
.navbar-sidebar .navbar__sub-list {
    padding-left: 20px !important;
}

.header-wrap .form-header .au-input {
    border: 1px solid #000 !important;
    border-radius: 0 !important;
}

/* Buttons */
.au-btn, .au-btn--green, .au-btn--blue {
    background: #000 !important;
    border-radius: 0 !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
    color: #fff !important;
    border: none !important;
    transition: all 0.2s ease !important;
}

.au-btn:hover {
    background: #333 !important;
}

.au-btn--green {
    background: var(--success-color) !important;
}

/* Progress Bars */
.progress {
    border-radius: 0 !important;
    height: 12px !important;
    background-color: #eee !important;
}

.progress-bar {
    background-color: #000 !important;
}

/* Tables */
.table-data2.table thead th {
    font-size: 10px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    color: #000 !important;
    border-bottom: 2px solid #000 !important;
}

.table-data2 .tr-shadow {
    box-shadow: none !important;
    border-bottom: 1px solid #eee !important;
    background: transparent !important;
}

.table-data2 .spacer {
    height: 1px !important;
    background: transparent !important;
}

/* Login Page Override */
.login-page {
    background-color: var(--bg-off-white) !important;
}

.login-card {
    background: var(--bg-pure-white) !important;
    border: 1px solid #000 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

.login-card__title {
    font-size: 2.5rem !important;
    font-weight: 800 !important;
    text-transform: lowercase !important;
}

.form-control {
    border-radius: 0 !important;
    border: 1px solid #bcbcbc !important;
    background-color: #fefefe !important;
}

.form-control:focus {
    border-color: #000 !important;
    background-color: #fff !important;
    box-shadow: inset 0 0 0 1px #000 !important;
}

/* Integrated Search Module Overrides */
.table-data__tool-left .search-module {
    margin-bottom: 0 !important;
}

.table-data__tool-left .search-module__input {
    border-radius: 0 !important;
    border: 1px solid #bcbcbc !important;
    font-size: 14px !important;
    padding: 8px 15px !important;
    width: 300px !important;
}

.table-data__tool-left .search-module__btn {
    border-radius: 0 !important;
    padding: 8px 15px !important;
    font-size: 10px !important;
    background: #000 !important;
}

.table-data__tool-left .search-module__btn-clear {
    font-size: 10px !important;
    border-radius: 0 !important;
}