/* ============================================
   DESIGN SYSTEM — Conecta Media Dashboard
   ============================================ */

/* Core */
@import url('./styles/tokens.css');
@import url('./styles/base.css');
@import url('./styles/utilities.css');
@import url('./styles/layout.css');

/* Components */
@import url('./styles/components/modals.css');
@import url('./styles/components/sidebar.css');
@import url('./styles/components/states.css');
@import url('./styles/components/dropdowns.css');

/* Pages */
@import url('./styles/pages/approvals.css');
@import url('./styles/pages/calendar.css');
@import url('./styles/pages/captacao.css');
@import url('./styles/pages/contracts.css');
@import url('./styles/pages/education.css');
@import url('./styles/pages/financeiro.css');
@import url('./styles/pages/home.css');
@import url('./styles/pages/login.css');
@import url('./styles/pages/projetos.css');
@import url('./styles/pages/dados_metricas.css');
@import url('./styles/pages/comercial.css');
@import url('./styles/pages/gestao_financeira.css');

/* Responsive (Must be last to preserve cascade) */
@import url('./styles/responsive.css');
/* Cobrancas UI Tweaks */
.metrics-table-el td.td-nowrap {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
}

#cobrancas-table th .resizer {
    background: transparent;
    transition: background 0.2s;
    z-index: 10;
}

#cobrancas-table th:hover .resizer {
    background: rgba(255, 255, 255, 0.15);
}

#cobrancas-table th .resizer:hover, 
#cobrancas-table th .resizer.resizing {
    background: var(--accent, #6366f1);
}

#cobrancas-table th .sort-icon {
    transition: all 0.2s;
}

#cobrancas-table th:hover .sort-icon {
    opacity: 0.7 !important;
}

/* Cobrancas Copy cod_Inter button */
.cod-inter-cell:hover .btn-copy-codinter {
    opacity: 1 !important;
}
.btn-copy-codinter {
    outline: none;
}
.btn-copy-codinter:active {
    transform: scale(0.9);
}

/* ClickUp Group Table Headers */
.metrics-table-el th.clickup-header-group-start,
.metrics-table-el th.clickup-header-group-end,
.metrics-table-el th.clickup-header-group-single {
    background: transparent !important;
    padding: 0 !important;
    border-bottom: none !important;
}

.clickup-header-box {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 12px 10px;
    box-sizing: border-box;
    color: white !important;
    position: relative;
    font-weight: 700;
}
.clickup-header-box-start {
    background: linear-gradient(135deg, #7B2FFF 0%, #6A5CFF 45%, #38C8F4 100%) !important;
    background-size: 200% 100% !important;
    background-position: left center !important;
    border-top-left-radius: 12px !important;
    border-left: 2px solid rgba(123, 47, 255, 0.4) !important;
}
.clickup-header-box-end {
    background: linear-gradient(135deg, #7B2FFF 0%, #6A5CFF 45%, #38C8F4 100%) !important;
    background-size: 200% 100% !important;
    background-position: right center !important;
    border-top-right-radius: 12px !important;
    border-right: 2px solid rgba(56, 200, 244, 0.4) !important;
}
.clickup-header-box-single {
    background: linear-gradient(135deg, #7B2FFF 0%, #6A5CFF 45%, #38C8F4 100%) !important;
    border-top-left-radius: 12px !important;
    border-top-right-radius: 12px !important;
    border-left: 2px solid rgba(123, 47, 255, 0.4) !important;
    border-right: 2px solid rgba(56, 200, 244, 0.4) !important;
}

/* Leve efeito de grão para os headers ClickUp */
.clickup-header-box::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.04;
    pointer-events: none;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
    z-index: 1;
}

.clickup-header-box {
    text-shadow: 0 1px 2px rgba(0,0,0,0.1);
}

/* ClickUp Column Borders */
.metrics-table-el td.clickup-column-start {
    border-left: 2px solid rgba(123, 47, 255, 0.25) !important;
}
.metrics-table-el td.clickup-column-end {
    border-right: 2px solid rgba(56, 200, 244, 0.25) !important;
}
.metrics-table-el td.clickup-column-single {
    border-left: 2px solid rgba(123, 47, 255, 0.25) !important;
    border-right: 2px solid rgba(56, 200, 244, 0.25) !important;
}


/* Cobrancas Copy PIX button */
.pix-cell:hover .btn-copy-pix {
    opacity: 1 !important;
}
.btn-copy-pix {
    outline: none;
    opacity: 0;
    transition: opacity 0.2s;
}
.btn-copy-pix:active {
    transform: scale(0.9);
}