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

:root {
  --app-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI',
              Roboto, Helvetica, Arial, sans-serif;
}

* {
  font-family: var(--app-font);
}


/* ================================
   SOLID SCROLLBAR
================================ */
.solid-scrollbar {
  background-color: #f5f5f5;
  overflow: auto;
}

.solid-scrollbar::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}

.solid-scrollbar::-webkit-scrollbar-track {
  background: #ebebeb;
}

.solid-scrollbar::-webkit-scrollbar-thumb {
  background: #c2c2c2;
  border-radius: 6px;
}

.solid-scrollbar::-webkit-scrollbar-thumb:hover {
  background: #a0a0a0;
}


/* ================================
   AG GRID: SCROLLBARS
================================ */
.ag-theme-alpine ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

.ag-theme-alpine ::-webkit-scrollbar-track {
    background: #f0f0f0;
}

.ag-theme-alpine ::-webkit-scrollbar-thumb {
    background-color: #b0b0b0;
    border-radius: 6px;
    border: 2px solid #f0f0f0;
}

.ag-theme-alpine ::-webkit-scrollbar-thumb:hover {
    background-color: #888888;
}


/* ================================
   AG GRID: BASE FONT & LAYOUT
================================ */
.ag-theme-alpine {
    font-family: var(--app-font) !important;
    font-weight: 500;
    letter-spacing: -0.01em;
}


/* ================================
   AG GRID: STRIKE-THROUGH ROWS
================================ */
.ag-theme-alpine .ag-row.ag-grid-strike .ag-cell[col-id="campaign"],
.ag-theme-alpine .ag-row.ag-grid-strike .ag-cell[col-id="data_status"],
.ag-theme-alpine .ag-row.ag-grid-strike .ag-cell[col-id="status"] {
    text-decoration: line-through !important;
    color: #b91c1c !important;
    font-weight: bold;
}


/* ================================
   AG GRID: THEME VARIABLES
================================ */
.ag-theme-alpine {
    --ag-font-size: 15px !important;
    --ag-grid-size: 5px !important;
    --ag-font-family: var(--app-font) !important;
    --ag-header-foreground-color: #f5c842 !important;
    --ag-header-background-color: #1a1a1a !important;
    --ag-header-font-weight: 700 !important;
    --ag-header-column-resize-handle-color: #3a3a3a !important;
    --ag-background-color: #ffffff !important;
    --ag-odd-row-background-color: #fafafa !important;
    --ag-row-hover-color: #f0f4ff !important;
    --ag-selected-row-background-color: #e8eeff !important;
    --ag-border-color: #e4e4e4 !important;
    --ag-foreground-color: #1a1a1a !important;
    --ag-row-border-color: #eeeeee !important;
    text-align: center;
}


/* ================================
   AG GRID: COMPACT VARIANT
================================ */
.ag-theme-alpine.compact .ag-header-cell-label {
    justify-content: center;
    font-size: 15px !important;
    font-weight: 500 !important;
}

.ag-theme-alpine.compact {
    --ag-font-size: 12px !important;
    --ag-grid-size: 3px !important;
}


/* ================================
   AG GRID: THICC VARIANT
================================ */
.ag-theme-alpine.thicc .ag-header-cell-label {
    justify-content: center;
    font-size: 15px !important;
    font-weight: 500 !important;
}

.ag-theme-alpine.thicc {
    --ag-font-size: 12px !important;
    --ag-grid-size: 5px !important;
}

.ag-theme-alpine a {
    color: #292929 !important;
    text-decoration: none;
    font-weight: 600;
}

.ag-theme-alpine a:hover {
    color: #000000 !important;
    text-decoration: underline;
}

@keyframes ai-shimmer {
  0%   { background-position: 0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}