@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap');

/* GLOBAL CSS OVERRIDES FOR PLATEFORME ACTIVE DESIGN */

body {
    font-family: 'Outfit', sans-serif !important;
    background: #f8f6f1 !important;
}

/* TOPBAR / HEADER */
.navbar.navbar-static {
    height: 54px;
    background: #fff !important;
    border-bottom: 1px solid #e8e4dc !important;
    display: flex;
    align-items: center;
    padding: 0 24px;
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 1050;
    box-shadow: none !important;
}
.navbar .tb-logo { display:flex;align-items:center;gap:10px; }
.navbar .tb-sep { width:1px;height:20px;background:#e8e4dc;margin:0 8px; }
.navbar .tb-app { font-size:13px;color:#374151;font-weight:500; }
.navbar .tb-env { font-size:10px;font-weight:700;letter-spacing:1px;color:#E5A000;border:1px solid rgba(229,160,0,0.5);padding:2px 8px;border-radius:4px;margin-left:8px; }
.navbar .tb-flag { font-size:16px; margin-right:6px; }
.navbar .tb-lang { font-size:13px;color:#6B7280; font-weight:500; }

.navbar .user-thumbnail.header-thumbnail {
    width:32px;
    height:32px;
    border-radius:50% !important;
    background:#E5A000 !important;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#000;
}
.navbar .user-thumbnail .img-alt {
    font-size:12px;
    font-weight:700;
    font-family: 'Outfit', sans-serif !important;
}
.navbar .navbar-nav-link > span {
    font-size:13px;
    color:#374151;
    font-weight:500;
    font-family: 'Outfit', sans-serif !important;
}

/* SIDEBAR */
.sidebar.sidebar-main {
    width: 240px;
    min-width: 240px;
    background: #fff !important;
    border-right: 1px solid #e8e4dc !important;
    box-shadow: none !important;
    height: calc(100vh - 54px) !important;
}

/* Sidebar Menu Overrides */
.sidebar .navigation-header {
    font-size: 9px !important;
    font-weight: 600 !important;
    letter-spacing: 1.8px !important;
    text-transform: uppercase !important;
    color: #9CA3AF !important;
    padding: 14px 20px 6px !important;
    margin-top: 10px;
    font-family: 'Outfit', sans-serif !important;
}
.sidebar .navigation-main .nav-item {
    margin-bottom: 2px !important;
}
.sidebar .navigation-main .nav-link {
    display: flex !important;
    align-items: center;
    gap: 11px;
    padding: 10px 20px !important;
    font-size: 13px !important;
    color: #4B5563 !important;
    transition: all .15s;
    border-left: 3px solid transparent !important;
    font-family: 'Outfit', sans-serif !important;
}
.sidebar .navigation-main .nav-link:hover {
    background: #faf8f4 !important;
    color: #111 !important;
}
.sidebar .navigation-main .nav-item > .nav-link.active,
.sidebar .navigation-main .nav-item.nav-item-open > .nav-link {
    background: #fef9ee !important;
    color: #E5A000 !important;
    border-left-color: #E5A000 !important;
    font-weight: 500;
}

.sidebar .navigation-main .nav-link i, 
.sidebar .navigation-main .nav-link svg {
    width: 16px !important;
    height: 16px !important;
    flex-shrink: 0;
    opacity: .7;
}

.sidebar .navigation-main .nav-item > .nav-link.active i,
.sidebar .navigation-main .nav-item > .nav-link.active svg {
    opacity: 1;
    color: #E5A000 !important;
}

/* CONTENT WRAPPER */
.content-inner {
    background: transparent !important;
}
.page-content {
    background: #f8f6f1 !important;
    padding-top: 54px !important;
    min-height: 100vh;
}
.card {
    border: 1px solid #e8e4dc !important;
    border-radius: 14px !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.03) !important;
}
/* DATATABLES & PANELS */
.card-header {
    background-color: #fff !important;
    color: #111 !important;
    border-bottom: 1px solid #e8e4dc !important;
    border-radius: 14px 14px 0 0 !important;
    padding: 16px 20px !important;
}
.card-header .card-title {
    color: #111 !important;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}
.table {
    font-family: 'Outfit', sans-serif !important;
}
.table thead th {
    font-weight: 600;
    color: #4B5563;
    background-color: #f8f6f1;
    border-bottom: 2px solid #e8e4dc !important;
    text-transform: uppercase;
    font-size: 12px;
}
.table tbody td {
    padding: 14px 20px !important;
    font-size: 13px;
    vertical-align: middle;
    border-bottom: 1px solid #f1f5f9;
}
.btn-primary {
    background-color: #E5A000 !important;
    border-color: #E5A000 !important;
    border-radius: 8px !important;
    font-weight: 500;
    padding: 8px 16px;
    box-shadow: 0 2px 4px rgba(229,160,0,0.2) !important;
    color: #fff !important;
}
.btn-primary:hover {
    background-color: #CC8F00 !important;
    border-color: #CC8F00 !important;
}
.page-header {
    background: transparent !important;
    border-bottom: none !important;
    box-shadow: none !important;
    padding: 12px 32px 6px !important;
}
.page-header .page-title {
    padding: 0 !important;
}
.page-title h4 {
    font-weight: 600;
    font-size: 20px;
    color: #111;
    margin-bottom: 0 !important;
}

/* REDUCTION ESPACE CONTENU */
.content {
    padding-top: 10px !important;
}
.page-header + .content {
    padding-top: 0 !important;
}

/* TIRIA LOGO — Plein gris foncé (data URI SVG, définition CSS unique) */
.card-logo-icon {
    width: 22px;
    height: 14px;
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='120 150 640 380' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23374151'%3E%3Cpath d='M257.63,446.05c-16.16-2.05-28.79,16-31.92,34.09c9.03-10.37,23.09-15.73,35.18-11.93c15.78,4.96,35.53-.13,33.83-26.04C281.64,454.16,273.1,448.81,257.63,446.05'/%3E%3Cpath d='M272.29,353.06c-10.46-12.48-31.99-7.83-46.58,3.31c13.67-1.47,27.62,4.15,33.91,15.16c8.21,14.36,26.16,24.05,42.52,3.89C284.39,375.32,281.77,365.59,272.29,353.06'/%3E%3Cpath d='M339.28,292.93c-.91-16.26-20.94-25.42-39.29-25.24c11.83,7.01,19.64,19.86,18.09,32.45c-2.02,16.42,6.55,34.93,31.72,28.57C335.64,318.01,339.36,308.64,339.28,292.93'/%3E%3Cpath d='M425.39,292.93c.91-16.26,20.94-25.42,39.29-25.24c-11.83,7.01-19.64,19.86-18.09,32.45c2.03,16.42-6.55,34.93-31.73,28.57C429.03,318.01,425.31,308.64,425.39,292.93'/%3E%3Cpath d='M491.58,353.06c10.46-12.48,31.99-7.83,46.58,3.31c-13.67-1.47-27.62,4.15-33.91,15.16c-8.2,14.36-26.15,24.05-42.51,3.89C479.49,375.32,482.11,365.59,491.58,353.06'/%3E%3Cpath d='M514.49,446.05c16.16-2.05,28.79,16,31.92,34.09c-9.03-10.37-23.09-15.73-35.18-11.93c-15.78,4.96-35.53-.13,33.83-26.04C490.48,454.16,499.02,448.81,514.49,446.05'/%3E%3Cpath d='M386.23,345.26c-35.41,0-64.12,28.71-64.12,64.12c0,35.42,28.71,64.13,64.12,64.13c35.42,0,64.12-28.71,64.12-64.13C450.35,373.97,421.65,345.26,386.23,345.26z M420.3,451.01c-24.63,19.52-63.31,14.25-80.67-12.5c20.31,20.4,52.83,22.37,74.95,3.66c24.16-20.44,21.29-55.18-.33-75.91C441.83,387.18,450.46,427.1,420.3,451.01z'/%3E%3Cpath d='M565.01,411.01c-19.43-25.63-42.17,2.7-58.01,14.23c-18.47,13.44-33.14-12.63-39.68-26.95c37.95,17.67,37.93-19.85,68.04-26.96c25.66-6.06,27.92,23.25,45.61,32.15c15.72,7.91,38.32-1.86,51.98-10.14C618.53,410.82,583.2,439.61,565.01,411.01z'/%3E%3Cpath d='M251.64,418.79c16.86,26.32,39.29-2.4,46.58-19.85c-37.95,16.44-36.71-19.26-66.21-26.95c-28.38-7.39-28.83,25.56-49.82,32.56c-16.49,5.5-35.38-2.6-49.6-10.57c21.89,23.87,40.57,35.64,68.15,17.48C218.98,399.47,236.15,398.79,251.64,418.79z'/%3E%3Cpath d='M396.58,225.42c-23.3-13.87-13.01-44.17-1.51-62.76c-13.25,11.44-26.58,25.47-29.33,43.35c-3.41,22.19,26.51,26.8,19.84,51.76c-4.08,15.25-29.41,25.37-26.09,41.09c2.79,13.23,19.16,21.54,30.63,25.99c-13.45-28.68,4.46-33.29,19.41-52.62C422.98,254.82,417.21,234.69,396.58,225.42z'/%3E%3Cpath d='M299.88,310.75c4.43-22.75-7.58-43.85-33.32-38.71c-31.64,6.33-47.52-11.03-54.89-41.3c-1.88,14.78-1.38,37.21,8.42,49.39c14.94,18.55,38.7,2.22,52.63,22.86c10.33,15.34-3.25,39.53,13.15,50.03c10.33,6.62,28.77-.22,39.03-4.1C308.03,342.58,294.34,330.39,299.88,310.75z'/%3E%3Cpath d='M465.08,310.75c-4.43-22.75,7.58-43.85,33.32-38.71c31.64,6.33,47.53-11.03,54.89-41.3c1.89,14.77,1.38,37.22-8.41,49.39c-14.94,18.55-38.71,2.22-52.62,22.86c-10.34,15.34,3.25,39.53-13.16,50.03c-10.33,6.62-28.77-.22-39.03-4.1C456.92,342.58,470.62,330.39,465.08,310.75z'/%3E%3C/g%3E%3C/svg%3E");");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    flex-shrink: 0;
}


/* DASHBOARD CARDS */
.db-card {
    display:flex;
    flex-direction:column;
    background:#fff;
    border:1px solid #e8e4dc;
    border-radius:16px;
    padding:24px;
    text-decoration:none !important;
    position:relative;
    overflow:hidden;
    transition:all .3s cubic-bezier(0.1,0,0,1);
    box-shadow: 0 4px 20px rgba(0,0,0,0.015);
}
.db-card:hover {
    transform:translateY(-4px);
    box-shadow:0 12px 24px rgba(0,0,0,0.06);
    border-color:#d1cabc;
}
.db-card .card-logo { transition: opacity .3s; }
.db-card:hover .card-logo { opacity: .6 !important; }
.db-card.blue:hover .card-arrow { color:#3B82F6 !important; }
.db-card.gold:hover .card-arrow { color:#E5A000 !important; }
.db-card.green:hover .card-arrow { color:#10B981 !important; }
.db-card.purple:hover .card-arrow { color:#8B5CF6 !important; }
.db-card.red:hover .card-arrow { color:#EF4444 !important; }
.db-card.teal:hover .card-arrow { color:#0EA5E9 !important; }

/* FOOTER */
.navbar-footer a {
    color: #E5A000 !important;
    font-weight: 500;
    transition: color 0.15s;
}
.navbar-footer a:hover {
    color: #cc8f00 !important;
    text-decoration: underline !important;
}