html[data-theme="monday"] .modal-fondo {
    background: rgb(50 51 56 / 0.42);
    backdrop-filter: blur(2px);
}

html[data-theme="monday"] .modal {
    border: 1px solid var(--border);
    border-top: 6px solid var(--purple);
    border-radius: var(--radius);
    box-shadow: var(--shadow-overlay);
}

html[data-theme="monday"] .notice,
html[data-theme="monday"] .error,
html[data-theme="monday"] .form-error,
html[data-theme="monday"] .form-success {
    border-radius: var(--radius-control);
    border-left: 6px solid currentColor;
}

html[data-theme="monday"] .page-login {
    background: var(--surface-alt);
}

html[data-theme="monday"] .page-login .card {
    max-width: 420px;
    padding: 30px;
    border-top: 6px solid var(--purple);
}

html[data-theme="monday"] .page-login .card > img {
    display: block;
    height: 32px !important;
}

html[data-theme="monday"] .page-portal .wrap {
    max-width: 820px;
    padding: 30px 18px;
}

html[data-theme="monday"] .page-portal .card {
    border-left: 6px solid var(--purple);
}

html[data-theme="monday"] .page-portal .card:nth-of-type(2) { border-left-color: var(--green); }
html[data-theme="monday"] .page-portal .card:nth-of-type(3) { border-left-color: var(--orange); }
html[data-theme="monday"] .page-portal .card:nth-of-type(4) { border-left-color: var(--blue); }

html[data-theme="monday"] .page-projections .step {
    border-left: 6px solid var(--purple);
}

html[data-theme="monday"] .page-projections .step:nth-child(2) { border-left-color: var(--green); }
html[data-theme="monday"] .page-projections .step:nth-child(3) { border-left-color: var(--orange); }

html[data-theme="monday"] .page-projections .step-num {
    background: var(--accent);
    color: var(--on-status);
}

html[data-theme="monday"] .page-clients header {
    grid-template-columns: minmax(280px, 1fr) auto auto;
}

html[data-theme="monday"] .page-clients .sync-usage-button {
    grid-row: 1;
    grid-column: 3;
    justify-self: end;
}

html[data-theme="monday"] .page-clients .payment-link-cell {
    max-width: 280px;
    overflow: hidden;
}

html[data-theme="monday"] .page-clients .payment-link-value {
    display: block;
    max-width: 100%;
    overflow: hidden;
    padding: 0;
    border-radius: 0;
    background: transparent;
    color: inherit;
    text-overflow: ellipsis;
    white-space: nowrap;
}