/* КОНТЕЙНЕР -------- */

/* Первый слой */
.box-for-table {
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: var(--bg-primary);
    border-radius: var(--radius-lg);
    overflow-x: auto; 
    overflow-y: visible;
    padding-top: 8px;
    min-width: 1170px;
}
.table-header-container {
    width: 100%;
    padding: 8px var(--spacing-lg);
}

/* Второй слой */
.box-for-table-2 {
    width: 100%;
    background-color: var(--bg-secondary);
    padding: 10px var(--spacing-lg) var(--spacing-lg);
    border-radius: var(--radius-lg);
}



/* ТАБЛИЦА ---------- */

.mailing-table {
    width: 100%;
    border-collapse: collapse;
}

/* Общие стили (шапка и таблица) */
.mailing-table th,
.mailing-table td {
    text-align: left;
    padding: var(--spacing-xs);
    font-size: 0.8rem;
}

/* Стили шапки */
.mailing-table th {
    background: var(--bg-primary);
    font-weight: normal;
    font-size: clamp(0.6rem, 1vw, 0.8rem);
    color: var(--text-secondary);
    border-right: 1px solid var(--gray-400);
}

/* Стиль таблицы */
.mailing-table td { 
    border: 1px solid var(--gray-400);
    border-top: none;
}


/* Корректировка общих полей */

/* Убираем крайние боковые границы */
.mailing-table th:first-child,
.mailing-table td:first-child {
    border-left: none;
}
.mailing-table th:last-child,
.mailing-table td:last-child {
    border-right: none;
}
/* Убираем нижнюю границу у последней строки */
.mailing-table tr:last-child td {
    border-bottom: none;
}


/* Общие параметры размераячеек  */

.col-date { width: 10%; min-width: 106px;}
.col-type { width: 10%; min-width: 120px;}
.col-name { width: 40%; min-width: 330px;}
.col-sent { width: 6%; min-width: 86px; }
.col-delivered { width: 6%; min-width: 86px; }
.col-opened { width: 6%; min-width: 76px; }
.col-clicked { width: 6%; min-width: 78px; }
.col-unsubscribed { width: 6%; min-width: 76px; }
.col-effectiveness { width: 10%; min-width: 120px;}

/* ------------ */

.col-company {width: 12%; min-width: 106px;}
.col-id {width: 8%; min-width: 86px;}
.col-date-comp { width: 6%; min-width: 86px;}
.col-key-words { width: 20%; min-width: 230px;}
.col-show { width: 4%; min-width: 60px;}
.col-click { width: 4%; min-width: 60px;}
.col-ctr { width: 6%; min-width: 86px;}
.col-pay { width: 6%; min-width: 86px;}
.col-cpc { width: 6%; min-width: 86px;}
.col-deep { width: 6%; min-width: 86px;}
.col-target { width: 4%; min-width: 60px;}
.col-cr { width: 6%; min-width: 86px;}
.col-cpa { width: 6%; min-width: 86px;}


/* ------------ */

.col-key-words-2 {width: 25%; min-width: 230px;}
.col-group {width: 10%; min-width: 120px;}
.col-out {width: 6%; min-width: 86px;}


/* ------------ */

.col-trafic {width: 10%; min-width: 100px;}



/* ИНДИКАЦИЯ --------- */

.arrow-up {
    color: var(--color-success); 
    margin-left: 5px;
    font-size: 1.0rem;
}
.arrow-same {
    color: var(--text-secondary); 
    margin-left: 5px;
    font-size: 1.0rem;
}
.arrow-down {
    color: var(--color-danger); 
    margin-left: 5px;
    font-size: 1.0rem;
}





.efficiency-neutral {
    background: #f8f9fa;
    opacity: 0.6;
}

/* Процентные показатели для ключевых слов */
.rate-excellent {
    color: var(--color-success) !important;
    font-weight: bold;
    background-color: rgba(40, 167, 69, 0.05) !important;
}

.rate-good {
    color: #17a2b8 !important;
    font-weight: 500;
}

.rate-bad {
    color: var(--color-danger) !important;
    font-weight: bold;
    background-color: rgba(220, 53, 69, 0.05) !important;
}