/* Tenant theme: change this file when deploying the system for another company. */
:root {
    --brand: #d80a67;
    --brand-700: #b00655;
    --brand-dark: #9b064a;
    --brand-50: #fff4f9;
    --brand-rgb: 216, 10, 103;

    /* Shared aliases used by page-level components. */
    --primary: var(--brand);
    --primary-dark: var(--brand-dark);
    --soft: var(--brand-50);
    --ink: var(--text);
    --line: var(--border);
    --shadow: var(--shadow-md);
}

.brand-logo,
.login-brand img,
.sidebar .brand img {
    object-fit: contain;
}

.pager-page-input { width: 90px; }
.pager-rows-input { width: 110px; }
.modal-panel-sm { width: min(480px, 96vw); }
.modal-panel-md { width: min(520px, 96vw); }
.modal-panel-lg { width: min(560px, 96vw); }
.modal-panel-xl { width: min(720px, 96vw); }
.field-full { grid-column: 1 / -1; }
.is-hidden[hidden],
.is-hidden { display: none; }
.mt-12 { margin-top: 12px; }
.mt-14 { margin-top: 14px; }
.traffic-graphs { display: grid; gap: 12px; }
.remote-graph { width: 100%; border: 1px solid #eef2f7; border-radius: 14px; }
.is-bad { color: red !important; }
.col-w-80 { width: 80px; }
.col-w-100 { width: 100px; }
.col-w-120 { width: 120px; }
.col-w-140 { width: 140px; }
.col-w-160 { width: 160px; }
.col-w-170 { width: 170px; }
.col-w-180 { width: 180px; }
.col-w-220 { width: 220px; }
.col-w-200 { width: 200px; }

/* Keep the task team picker close to its visible field and easy to scan. */
.task-team-dropdown .select2-results__options {
    max-height: min(260px, 38vh);
    overflow-y: auto;
}

.task-team-dropdown .select2-results__option {
    min-height: 38px;
    display: flex;
    align-items: center;
    padding: 8px 12px;
    line-height: 1.35;
}

.task-team-option {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: 100%;
}

.task-team-checkbox {
    width: 15px;
    height: 15px;
    flex: 0 0 15px;
    border: 1px solid var(--border);
    border-radius: 4px;
    background: #fff;
    position: relative;
}

.task-team-checkbox.is-checked {
    border-color: var(--brand);
    background: var(--brand);
}

.task-team-dropdown .select2-results__option[aria-selected="true"] .task-team-checkbox {
    border-color: var(--brand);
    background: var(--brand);
}

.task-team-checkbox.is-checked::after {
    content: '\f00c';
    color: #fff;
    font-family: FontAwesome;
    font-size: 10px;
    line-height: 14px;
    position: absolute;
    inset: 0;
    text-align: center;
}

.task-team-dropdown .select2-results__option[aria-selected="true"] .task-team-checkbox::after {
    content: '\f00c';
    color: #fff;
    font-family: FontAwesome;
    font-size: 10px;
    line-height: 14px;
    position: absolute;
    inset: 0;
    text-align: center;
}

.task-team-field {
    align-self: start;
    align-content: start;
}