:root {
    --da-font-sans: Inter, 'Segoe UI', Roboto, Arial, sans-serif;
    --da-bg: #f5f7fb;
    --da-surface: #ffffff;
    --da-surface-subtle: #f8fafc;
    --da-surface-muted: #eef2f7;
    --da-text: #172033;
    --da-text-muted: #667085;
    --da-text-soft: #98a2b3;
    --da-border: #e2e7ef;
    --da-border-strong: #cfd6e2;
    --da-primary: #6256e8;
    --da-primary-hover: #5145cd;
    --da-primary-soft: #eeecff;
    --da-success: #15803d;
    --da-danger: #c9362f;
    --da-warning: #b45309;
    --da-control-height: 40px;
    --da-control-height-sm: 36px;
    --da-radius-sm: 8px;
    --da-radius: 12px;
    --da-radius-lg: 16px;
    --da-shadow: 0 8px 24px rgba(15, 23, 42, .06);
    --da-shadow-hover: 0 12px 30px rgba(15, 23, 42, .1);
    --da-focus: 0 0 0 3px rgba(98, 86, 232, .2);
}

/* Directika visual system: page headings and service-request screens. */
.da-page-heading {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1.25rem;
    width: 100%;
    max-width: 1440px;
    margin: 0 auto 18px;
}

.da-breadcrumbs {
    display: flex;
    flex: 0 0 100%;
    align-items: center;
    gap: .42rem;
    min-width: 0;
    margin: 0 0 -.35rem;
    color: var(--da-text-soft);
    font-size: .78rem;
    line-height: 1.35;
}

.da-breadcrumbs a,
.da-breadcrumbs__current {
    display: inline-flex;
    align-items: center;
    gap: .32rem;
    min-width: 0;
}

.da-breadcrumbs a {
    color: var(--da-text-muted);
    text-decoration: none;
    transition: color .15s ease;
}

.da-breadcrumbs a:hover {
    color: var(--da-primary);
}

.da-breadcrumbs a:focus-visible {
    border-radius: 4px;
    outline: none;
    box-shadow: var(--da-focus);
}

.da-breadcrumbs__separator {
    flex: 0 0 auto;
    font-size: .62rem;
    color: #b7bfcd;
}

.da-breadcrumbs__current {
    overflow: hidden;
    color: var(--da-text);
    font-weight: 600;
}

.da-breadcrumbs__current span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.da-page-heading__copy {
    min-width: 0;
}

.da-page-heading__title {
    display: flex;
    align-items: center;
    gap: .75rem;
}

.da-page-heading h1 {
    margin: 0;
    color: var(--da-text);
    font-size: 1.75rem;
    font-weight: 600;
    letter-spacing: -.025em;
    line-height: 1.25;
}

.da-page-heading p {
    max-width: 780px;
    margin: .35rem 0 0;
    color: var(--da-text-muted);
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5;
}

.da-page-heading__actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .65rem;
    flex-wrap: wrap;
}

.da-service-requests-page,
.da-request-wizard-page,
.da-request-details-page {
    max-width: 1440px;
}

.da-service-requests-page > .da-page-actions {
    justify-content: flex-start;
    margin: 0;
}

.da-service-requests-page .da-btn,
.da-request-wizard-page .da-btn,
.da-request-details-page .da-btn,
.da-page-heading .da-btn {
    min-height: 40px;
    border-radius: 8px;
    padding: .6rem 1rem;
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.25;
}

.da-request-dashboard-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 318px;
    gap: 18px;
    align-items: start;
}

.da-request-dashboard-main,
.da-request-dashboard-aside {
    display: grid;
    gap: 16px;
    min-width: 0;
}

.da-request-stats {
    gap: 14px;
}

.da-request-stats article,
.da-request-overview-cards article,
.da-request-list-card,
.da-request-side-list,
.da-request-activity-card,
.da-request-wizard-steps,
.da-request-wizard-card,
.da-request-side-card,
.da-request-details-page .da-card {
    border-color: #e3e7ef;
    border-radius: 13px;
    box-shadow: 0 8px 24px rgba(28, 39, 68, .045);
}

.da-request-stats article {
    min-height: 104px;
    padding: 1rem;
}

.da-request-stats article > i,
.da-request-overview-cards article > i {
    width: 48px;
    height: 48px;
    border-radius: 14px;
}

.da-request-stats span {
    gap: .05rem;
}

.da-request-list-card .da-admin-table-wrap {
    overflow-x: auto;
}

.da-request-tabs {
    gap: 1.4rem;
    padding: 0 16px;
}

.da-request-tabs button {
    padding: .9rem .1rem .8rem;
}

.da-request-table {
    min-width: 870px;
}

.da-request-table th {
    padding: .7rem .9rem;
    color: #68738c;
    background: #fbfcfe;
    letter-spacing: 0;
    text-transform: none;
}

.da-request-table td {
    padding: .72rem .9rem;
    color: #273149;
}

.da-request-table tbody tr:last-child td {
    border-bottom: 0;
}

.da-request-row-action {
    display: inline-grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border: 1px solid var(--da-border);
    border-radius: 8px;
    background: var(--da-surface);
}

.da-request-row-action .bi {
    width: auto;
    height: auto;
    margin: 0;
    color: var(--da-text-muted);
}

.da-request-side-list,
.da-request-activity-card {
    padding: 14px;
}

.da-request-side-list h2,
.da-request-activity-card h2 {
    margin: 0 0 .8rem;
}

.da-request-side-list button,
.da-request-activity-card a {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) auto;
    align-items: center;
    gap: .7rem;
    width: 100%;
    padding: .65rem .45rem;
    border: 0;
    border-top: 1px solid #edf0f5;
    background: transparent;
    color: var(--da-text);
    text-align: left;
    text-decoration: none;
}

.da-request-side-list button:first-of-type,
.da-request-activity-card a:first-of-type {
    border-top: 0;
}

.da-request-side-list button > .bi:first-child,
.da-request-activity-card a > .bi:first-child {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    margin: 0;
    border-radius: 9px;
    background: var(--da-primary-soft);
    color: var(--da-primary);
}

.da-request-side-list button > .bi:last-child {
    width: auto;
    height: auto;
    margin: 0;
    color: var(--da-text-soft);
    font-size: .75rem;
}

.da-request-side-list span,
.da-request-activity-card span {
    display: grid;
    min-width: 0;
}

.da-request-wizard-page {
    gap: 14px;
}

.da-request-wizard-steps > div {
    min-height: 56px;
    padding: .75rem;
}

.da-request-wizard-layout {
    grid-template-columns: minmax(0, 1fr) 330px;
    gap: 18px;
}

.da-request-wizard-card {
    min-height: 560px;
    padding: 18px;
}

.da-service-options {
    gap: 14px;
}

.da-service-options button {
    min-height: 80px;
    border-radius: 9px;
}

.da-request-form-grid {
    gap: .9rem 1rem;
}

.da-request-wizard-card .form-control,
.da-request-wizard-card .form-select {
    min-height: 40px;
    border-color: #dbe1eb;
    border-radius: 8px;
}

.da-request-wizard-card textarea.form-control {
    min-height: 96px;
}

.da-request-side-card {
    padding: 16px;
}

.da-request-side-card > p {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr);
    align-items: center;
    gap: .75rem;
    margin: 0;
    padding: .65rem 0;
}

.da-request-side-card > p > .bi,
.da-request-next-card li > .bi {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    margin: 0;
    border-radius: 10px;
    color: var(--da-primary);
    background: var(--da-primary-soft);
}

.da-request-side-card > p > span,
.da-request-next-card li > span {
    display: grid;
}

.da-request-side-hint {
    margin-top: .6rem;
    padding: .7rem;
    border-radius: 8px;
    background: #f4f6fa;
    color: var(--da-text-muted);
    font-size: .72rem;
}

.da-request-next-card ol {
    gap: 0;
    padding: 0;
    list-style: none;
}

.da-request-next-card li {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr);
    align-items: center;
    gap: .75rem;
    padding: .55rem 0;
}

.da-request-overview-cards {
    gap: 14px;
}

.da-request-overview-cards article {
    min-height: 92px;
    padding: 14px;
}

.da-request-details-grid {
    grid-template-columns: minmax(0, 1.72fr) minmax(300px, .8fr);
    gap: 14px;
}

.da-request-details-grid main,
.da-request-details-grid aside {
    gap: 14px;
}

.da-request-details-page .da-card {
    padding: 16px;
}

.da-request-brief > div {
    padding: .58rem 0;
}

@media (max-width: 1180px) {
    .da-request-dashboard-grid,
    .da-request-wizard-layout,
    .da-request-details-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .da-request-dashboard-aside,
    .da-request-wizard-layout > aside {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .da-page-heading {
        align-items: stretch;
        flex-direction: column;
    }

    .da-breadcrumbs {
        flex-basis: auto;
        width: 100%;
        margin-bottom: -.2rem;
    }

    .da-page-heading h1 {
        font-size: 1.5rem;
    }

    .da-page-heading__actions {
        justify-content: flex-start;
    }

    .da-request-dashboard-aside,
    .da-request-wizard-layout > aside {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* Глобальные уведомления: сообщения остаются видимыми на длинных страницах
   и не участвуют в потоке документа. */
.alert {
    position: fixed !important;
    top: 84px;
    right: 24px;
    z-index: 2000;
    width: min(460px, calc(100vw - 48px));
    margin: 0 !important;
    padding: 14px 48px 14px 16px !important;
    border-radius: 12px;
    box-shadow: 0 16px 45px rgba(18, 27, 58, .2);
    animation: da-toast-enter .2s ease-out;
}

.alert::after {
    content: '×';
    position: absolute;
    top: 8px;
    right: 10px;
    width: 30px;
    height: 30px;
    padding: 0;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: currentColor;
    font-size: 22px;
    line-height: 28px;
    opacity: .68;
    pointer-events: none;
}

.alert.da-toast-leave {
    opacity: 0;
    transform: translateY(-8px);
    transition: opacity .18s ease, transform .18s ease;
}

@keyframes da-toast-enter {
    from { opacity: 0; transform: translateY(-8px); }
    to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 640px) {
    .alert {
        top: 72px;
        right: 12px;
        width: calc(100vw - 24px);
    }
}

.da-request-files { display: flex; flex-wrap: wrap; gap: .55rem; margin-top: 1rem; }
.da-request-files h3 { width: 100%; margin: 0; }
.da-request-files a { display: inline-flex; align-items: center; gap: .4rem; padding: .55rem .7rem; color: var(--da-primary); border: 1px solid var(--da-border); border-radius: var(--da-radius-sm); background: var(--da-surface-subtle); text-decoration: none; }
.da-request-comments { display: grid; gap: .7rem; }
.da-request-comments article { padding: .75rem; border: 1px solid var(--da-border); border-radius: var(--da-radius-sm); background: var(--da-surface-subtle); }
.da-request-comments article p { margin: .35rem 0 0; white-space: pre-line; }
.da-specialist-result-form { display: grid; gap: .75rem; margin-top: .75rem; }
.da-specialist-result-form .da-btn { justify-self: start; }
.da-notification-template { display: grid; gap: .55rem; margin-top: 1rem; padding: 1rem; border: 1px solid var(--da-border); border-radius: var(--da-radius); }
.da-notification-template h3 { margin: 0; font-size: 1rem; }
.da-request-status-card > .da-btn,
.da-request-status-card > .form-control { width: 100%; margin-top: .65rem; }

.da-request-image-picker { padding: 1rem; border: 1px solid var(--da-border); border-radius: var(--da-radius); background: var(--da-surface-subtle); }
.da-request-image-picker__actions { display: grid; grid-template-columns: minmax(0, 1fr); gap: .75rem; }
.da-request-image-picker__actions section { display: grid; gap: .55rem; padding: .8rem; border: 1px solid var(--da-border); border-radius: var(--da-radius-sm); background: var(--da-surface); }
.da-request-image-picker input[type="file"] { width: 100%; color: var(--da-text-muted); }
.da-selected-images { display: grid; gap: .5rem; margin-top: .8rem; }
.da-selected-images article { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: .65rem; padding: .6rem .7rem; border: 1px solid var(--da-border); border-radius: var(--da-radius-sm); background: var(--da-surface); }
.da-selected-images article > i { color: var(--da-primary); font-size: 1.1rem; }
.da-selected-images article span { display: grid; min-width: 0; }
.da-selected-images article button { display: grid; place-items: center; width: 30px; height: 30px; color: var(--da-text-muted); border: 0; border-radius: 7px; background: transparent; }
.da-selected-images article button:hover { color: var(--da-danger); background: #fff0ef; }

/* Yandex Direct service requests */
.da-service-requests-page,
.da-request-wizard-page,
.da-request-details-page { display: grid; gap: 1rem; }
.da-request-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; }
.da-request-stats article { display: flex; align-items: center; gap: .9rem; padding: 1.15rem; }
.da-request-stats article > i,
.da-request-overview-cards article > i { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 13px; flex: 0 0 auto; color: #6843ee; background: #f0ebff; font-size: 1.15rem; }
.da-request-stats article.warning > i { color: #e57918; background: #fff2e2; }
.da-request-stats article.info > i { color: #3268e8; background: #eaf0ff; }
.da-request-stats article.success > i { color: #368b4b; background: #e9f7ec; }
.da-request-stats span { display: grid; }
.da-request-list-card { overflow: hidden; padding: 0; }
.da-request-tabs { display: flex; gap: 1.2rem; overflow-x: auto; padding: 0 1rem; border-bottom: 1px solid #e7eaf2; }
.da-request-tabs button { border: 0; border-bottom: 2px solid transparent; background: transparent; color: #68738c; padding: .95rem .2rem .8rem; white-space: nowrap; }
.da-request-tabs button.active { color: #6843ee; border-bottom-color: #6843ee; }
.da-request-table td { vertical-align: middle; }
.da-request-table a { color: #17203a; text-decoration: none; }
.da-request-action-link { color: #6843ee !important; text-decoration: none; }
.da-request-status { display: inline-flex; align-items: center; border-radius: 7px; padding: .3rem .55rem; white-space: nowrap; }
.da-request-status.warning { color: #c56816; background: #fff1df; }
.da-request-status.info { color: #2e61d5; background: #eaf0ff; }
.da-request-status.success { color: #347b43; background: #e8f6eb; }
.da-request-status.muted { color: #68738c; background: #edf0f5; }
.da-request-status.danger { color: var(--da-danger); background: color-mix(in srgb, var(--da-danger) 10%, var(--da-surface)); }
.da-request-status.attention { color: var(--da-primary); background: var(--da-primary-soft); }

.da-admin-request-notifications { overflow: hidden; padding: 0; border-color: color-mix(in srgb, var(--da-primary) 28%, var(--da-border)); }
.da-admin-request-notifications > header { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .9rem 1rem; border-bottom: 1px solid var(--da-border); background: color-mix(in srgb, var(--da-primary) 5%, var(--da-surface)); }
.da-admin-request-notifications > header > div { display: flex; align-items: center; gap: .7rem; min-width: 0; }
.da-admin-request-notifications > header > div > span:last-child { display: grid; min-width: 0; }
.da-admin-notification-icon { display: grid; place-items: center; width: 36px; height: 36px; flex: 0 0 36px; border-radius: 10px; color: var(--da-primary); background: var(--da-primary-soft); }
.da-admin-notification-list { display: grid; }
.da-admin-notification-list > button { display: grid; grid-template-columns: 8px minmax(0, 1fr) auto auto; align-items: center; gap: .7rem; width: 100%; padding: .75rem 1rem; border: 0; border-bottom: 1px solid var(--da-border); background: var(--da-surface); color: var(--da-text); text-align: left; }
.da-admin-notification-list > button:last-child { border-bottom: 0; }
.da-admin-notification-list > button:hover { background: var(--da-surface-subtle); }
.da-admin-notification-list > button > span:nth-child(2) { display: grid; min-width: 0; gap: .125rem; }
.da-admin-notification-dot,
.da-admin-row-notification { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: var(--da-primary); box-shadow: 0 0 0 3px color-mix(in srgb, var(--da-primary) 14%, transparent); }
.da-admin-row-notification { margin-left: .35rem; vertical-align: .08rem; }
.da-admin-notification-count { display: grid; place-items: center; min-width: 24px; height: 24px; padding: 0 .4rem; border-radius: 999px; color: #fff; background: var(--da-primary); font-size: .75rem; font-weight: 600; }
.da-service-admin-page .da-request-table tr.has-notification td { background: color-mix(in srgb, var(--da-primary) 3%, var(--da-surface)); }
.da-service-admin-page .da-request-table tr.has-notification td:first-child { box-shadow: inset 3px 0 0 var(--da-primary); }

@media (max-width: 640px) {
    .da-admin-request-notifications > header { align-items: stretch; flex-direction: column; }
    .da-admin-request-notifications > header .da-btn { width: 100%; }
    .da-admin-notification-list > button { grid-template-columns: 8px minmax(0, 1fr) auto; }
    .da-admin-notification-list > button > .bi { display: none; }
}

.da-request-wizard-steps { display: grid; grid-template-columns: repeat(4, 1fr); overflow: hidden; border: 1px solid #e3e7f0; border-radius: 12px; background: #fff; }
.da-request-wizard-steps > div { display: flex; align-items: center; justify-content: center; gap: .65rem; padding: .9rem .7rem; color: #252d43; }
.da-request-wizard-steps > div.active { color: #6843ee; background: linear-gradient(120deg, #faf8ff, #f2edff); }
.da-request-wizard-steps .da-request-step-index { display: grid; place-items: center; width: 28px; height: 28px; flex: 0 0 28px; border-radius: 50%; background: #e9ecf2; }
.da-request-wizard-steps > div.active .da-request-step-index { color: #fff; background: #6843ee; }
.da-request-wizard-steps > div.done .da-request-step-index { color: #6843ee; border: 1px solid #6843ee; background: #fff; }
.da-request-wizard-layout { display: grid; grid-template-columns: minmax(0, 1fr) 280px; gap: 1rem; align-items: start; }
.da-request-wizard-layout > aside { display: grid; gap: 1rem; }
.da-request-wizard-card { min-height: 470px; padding: 1.25rem; }
.da-request-wizard-card h2,
.da-request-side-card h3,
.da-request-timeline-card h2,
.da-request-status-card h2 { color: #182139; margin: 0 0 1rem; }
.da-service-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.da-service-options button { display: flex; align-items: center; gap: .9rem; min-height: 96px; padding: 1rem; text-align: left; border: 1px solid #dfe3ec; border-radius: 10px; background: #fff; }
.da-service-options button.selected { border: 2px solid #6843ee; background: #fcfbff; box-shadow: 0 8px 22px rgba(104,67,238,.08); }
.da-service-options button:disabled { opacity: .5; }
.da-service-options i { color: #6843ee; font-size: 1.35rem; }
.da-service-options span { display: grid; gap: .25rem; }
.da-request-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.da-request-form-grid > div { display: grid; align-content: start; gap: .35rem; }
.da-request-form-grid > .wide { grid-column: 1 / -1; }
.da-request-form-grid label { color: #20283e; }
.da-request-wizard-actions { display: grid; grid-template-columns: auto 1fr auto auto; gap: .65rem; margin-top: 1.3rem; padding-top: 1rem; border-top: 1px solid #e7eaf2; }
.da-request-side-card { padding: 1rem; }
.da-request-side-card p { display: grid; gap: .15rem; margin: 0 0 .9rem; }
.da-request-side-card ol { display: grid; gap: .75rem; margin: 0; padding-left: 1.2rem; color: #414b64; }
.da-request-note { display: flex; align-items: flex-start; gap: .7rem; margin-top: 1rem; padding: .85rem; color: #3c4a67; border-radius: 9px; background: #f3f6fc; }
.da-request-note.warning { color: #7d551e; background: #fff6e9; }
.da-request-summary-list,
.da-request-brief { margin: 0; }
.da-request-summary-list > div,
.da-request-brief > div { display: grid; grid-template-columns: minmax(130px, .35fr) minmax(0, 1fr); gap: 1rem; padding: .7rem 0; border-bottom: 1px solid #e8eaf0; }
.da-request-summary-list dt,
.da-request-brief dt { color: #68738c; }
.da-request-summary-list dd,
.da-request-brief dd { margin: 0; color: #17203a; overflow-wrap: anywhere; }

.da-request-overview-cards { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; }
.da-request-overview-cards article { display: flex; align-items: center; gap: .8rem; padding: 1rem; }
.da-request-overview-cards span { display: grid; min-width: 0; }
.da-request-details-grid { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(280px, .8fr); gap: 1rem; align-items: start; }
.da-request-details-grid main,
.da-request-details-grid aside { display: grid; gap: 1rem; }
.da-request-brief-card,
.da-access-card,
.da-request-timeline-card,
.da-request-status-card { padding: 1rem; }
.da-manager-login { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .85rem; border: 1px solid #ded7ff; border-radius: 9px; background: #faf8ff; }
.da-manager-login span { display: grid; }
.da-access-instruction { margin: .9rem 0; color: #45506a; line-height: 1.65; white-space: pre-line; }
.da-access-card > .da-btn { margin-top: 1rem; }
.da-access-card--attention {
    border-color: color-mix(in srgb, var(--da-danger) 55%, var(--da-border)) !important;
    background: color-mix(in srgb, var(--da-danger) 7%, var(--da-surface));
    box-shadow: 0 8px 24px color-mix(in srgb, var(--da-danger) 12%, transparent) !important;
}
.da-access-card--attention h2,
.da-access-card--attention .da-request-value--accent {
    color: var(--da-danger);
}
.da-access-card--attention .da-request-label {
    color: color-mix(in srgb, var(--da-danger) 72%, var(--da-text-muted));
}
.da-access-card--attention .da-manager-login {
    border-color: color-mix(in srgb, var(--da-danger) 35%, var(--da-border));
    background: color-mix(in srgb, var(--da-danger) 4%, var(--da-surface));
}
.da-access-card--attention .da-btn-primary {
    border-color: var(--da-danger);
    background: var(--da-danger);
}
.da-access-card--attention .da-btn-primary:hover {
    border-color: color-mix(in srgb, var(--da-danger) 82%, #000);
    background: color-mix(in srgb, var(--da-danger) 82%, #000);
}
.da-request-status-card p { display: grid; gap: .25rem; padding-bottom: .7rem; margin: 0 0 .7rem; border-bottom: 1px solid #e8eaf0; }
.da-request-status-card p:last-child { margin: 0; border: 0; }
.da-request-timeline { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; }
.da-request-timeline li { display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: .7rem; min-height: 58px; }
.da-request-timeline li > span { position: relative; display: grid; place-items: start center; color: #a7aec0; }
.da-request-timeline li:not(:last-child) > span::after { position: absolute; top: 22px; bottom: 0; width: 2px; background: #e2e5ed; content: ""; }
.da-request-timeline li.done > span { color: #3b914f; }
.da-request-timeline li.current > span { color: #6843ee; }
.da-request-timeline li div { display: grid; align-content: start; }
.da-request-admin-filters { display: flex; gap: .7rem; }
.da-request-admin-filters label,
.da-request-admin-actions label { display: grid; gap: .25rem; color: #606b83; }
.da-request-admin-modal { width: min(920px, calc(100vw - 2rem)); }
.da-request-tech-data { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .7rem; margin-top: 1rem; padding: 1rem; border-radius: 10px; background: #f6f7fb; }
.da-request-tech-data h3 { grid-column: 1 / -1; margin: 0; }
.da-request-tech-data p { display: grid; margin: 0; overflow-wrap: anywhere; }
.da-request-admin-actions { display: flex; align-items: end; gap: .7rem; margin-top: 1rem; }
.da-access-review-actions { display: grid; grid-template-columns: auto minmax(200px, 1fr) auto; gap: .7rem; align-items: center; margin-top: 1rem; padding-top: 1rem; border-top: 1px solid #e4e7ef; }

@media (max-width: 1100px) {
    .da-request-stats,
    .da-request-overview-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .da-request-wizard-layout,
    .da-request-details-grid { grid-template-columns: minmax(0, 1fr); }
    .da-request-wizard-layout > aside { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 720px) {
    .da-request-stats,
    .da-request-overview-cards,
    .da-service-options,
    .da-request-form-grid,
    .da-request-wizard-layout > aside { grid-template-columns: minmax(0, 1fr); }
    .da-request-form-grid > .wide { grid-column: auto; }
    .da-request-wizard-steps { grid-template-columns: repeat(4, minmax(56px, 1fr)); }
    .da-request-wizard-actions { grid-template-columns: 1fr 1fr; }
    .da-request-wizard-actions > span { display: none; }
    .da-request-summary-list > div,
    .da-request-brief > div { grid-template-columns: minmax(0, 1fr); gap: .25rem; }
    .da-request-tech-data { grid-template-columns: minmax(0, 1fr); }
    .da-request-admin-filters,
    .da-request-admin-actions { align-items: stretch; flex-direction: column; }
    .da-access-review-actions { grid-template-columns: minmax(0, 1fr); }
    .da-manager-login { align-items: stretch; flex-direction: column; }
}

:root[data-theme="dark"] {
    color-scheme: dark;
    --da-bg: #0f1420;
    --da-surface: #171d2b;
    --da-surface-subtle: #1d2433;
    --da-surface-muted: #252d3e;
    --da-text: #eef2f8;
    --da-text-muted: #aeb8ca;
    --da-text-soft: #7e8ba3;
    --da-border: #2d3749;
    --da-border-strong: #435069;
    --da-primary: #8b80ff;
    --da-primary-hover: #a59dff;
    --da-primary-soft: #2a274c;
    --da-success: #55c878;
    --da-danger: #ff7770;
    --da-warning: #f4b860;
    --da-shadow: 0 10px 28px rgba(0, 0, 0, .22);
    --da-shadow-hover: 0 16px 36px rgba(0, 0, 0, .3);
    --da-focus: 0 0 0 3px rgba(139, 128, 255, .28);
}

html, body {
    min-width: 320px;
    font-family: var(--da-font-sans);
    color: var(--da-text);
    background: var(--da-bg);
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

.da-test-mode-banner {
    margin: 1rem 1.5rem 0;
    padding: .85rem 1rem;
    border: 1px solid #f3b23f;
    border-radius: 12px;
    background: #fff4d6;
    color: #6d4300;
}

.da-test-mode-card,
.da-test-mode-card > div,
.da-test-actions,
.da-test-ad-card header {
    display: flex;
    align-items: center;
}

.da-test-mode-card {
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.da-test-mode-card > div {
    align-items: flex-start;
    flex-direction: column;
    gap: .2rem;
}

.da-test-mode-card h2,
.da-test-mode-card p {
    margin: 0;
}

.da-test-create-grid,
.da-test-ad-form,
.da-test-html-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.da-test-phrases,
.da-test-ad-form .wide {
    grid-column: 1 / -1;
}

.da-test-actions {
    flex-wrap: wrap;
    gap: .35rem;
}

.da-test-actions button,
.da-test-page-tabs button {
    border: 1px solid #d8dce6;
    border-radius: 8px;
    background: #fff;
    padding: .35rem .55rem;
    color: #30364a;
}

.da-test-actions button.danger {
    color: #b42318;
}

.da-test-page-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin-bottom: 1rem;
}

.da-test-page-tabs button.active {
    border-color: #625bf6;
    background: #eeecff;
    color: #4338ca;
}

.da-test-html {
    min-height: 280px;
    font-family: Consolas, monospace;
    font-size: .78rem;
}

.da-test-ads-head {
    margin-top: 1.5rem;
}

.da-test-ad-list {
    display: grid;
    gap: .75rem;
}

.da-test-ad-card {
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: .9rem;
}

.da-test-ad-card header {
    justify-content: space-between;
    gap: 1rem;
}

.da-test-ad-card p {
    margin: .5rem 0;
}

.da-test-workspace {
    display: grid;
    grid-template-columns: minmax(260px, 320px) minmax(0, 1fr);
    gap: 1rem;
    align-items: start;
}

.da-test-snapshot-sidebar {
    position: sticky;
    top: 1rem;
    padding: 1rem;
    max-height: calc(100vh - 2rem);
    overflow: hidden;
}

.da-test-sidebar-head,
.da-test-editor-head,
.da-test-editor-title,
.da-test-page-head,
.da-test-edit-panel__head,
.da-test-snapshot-item__head {
    display: flex;
    align-items: center;
}

.da-test-sidebar-head,
.da-test-editor-head,
.da-test-page-head,
.da-test-edit-panel__head,
.da-test-snapshot-item__head {
    justify-content: space-between;
    gap: .75rem;
}

.da-test-sidebar-head {
    margin-bottom: .75rem;
}

.da-test-sidebar-head > div {
    display: grid;
}

.da-test-sidebar-head small,
.da-test-snapshot-item small {
    color: #72798f;
}

.da-test-snapshot-list {
    display: grid;
    gap: .45rem;
    margin-top: .75rem;
    padding-right: .2rem;
    max-height: calc(100vh - 11rem);
    overflow-y: auto;
}

.da-test-snapshot-item {
    display: grid;
    gap: .4rem;
    width: 100%;
    padding: .75rem;
    border: 1px solid #e3e6ef;
    border-radius: 10px;
    background: #fff;
    color: inherit;
    text-align: left;
}

.da-test-snapshot-item:hover {
    border-color: #aaa5ff;
    background: #faf9ff;
}

.da-test-snapshot-item.active {
    border-color: #625bf6;
    background: #f1efff;
    box-shadow: inset 3px 0 0 #625bf6;
}

.da-test-snapshot-item__head strong,
.da-test-snapshot-item__phrases,
.da-test-snapshot-item__meta {
    overflow: hidden;
    text-overflow: ellipsis;
}

.da-test-snapshot-item__head strong {
    white-space: nowrap;
}

.da-test-snapshot-item__phrases {
    display: -webkit-box;
    color: #343a50;
    font-size: .88rem;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.da-test-snapshot-item__meta {
    color: #72798f;
    font-size: .78rem;
    white-space: nowrap;
}

.da-test-main {
    min-width: 0;
}

.da-test-welcome {
    display: grid;
    min-height: 360px;
    place-items: center;
    text-align: center;
}

.da-test-welcome h2,
.da-test-welcome p,
.da-test-editor-head h2,
.da-test-editor-head p,
.da-test-page-head h3,
.da-test-page-head p {
    margin: 0;
}

.da-test-editor {
    padding: 0;
    overflow: hidden;
}

.da-test-editor-head {
    padding: 1rem 1.1rem;
    border-bottom: 1px solid #e7e9f0;
}

.da-test-editor-title {
    gap: .65rem;
    margin-bottom: .2rem;
}

.da-test-snapshot-meta,
.da-test-html-details {
    border-bottom: 1px solid #e7e9f0;
}

.da-test-snapshot-meta summary,
.da-test-html-details summary {
    padding: .8rem 1rem;
    color: #454b61;
    font-weight: 700;
    cursor: pointer;
}

.da-test-snapshot-meta dl {
    display: grid;
    grid-template-columns: 130px minmax(0, 1fr);
    gap: .45rem 1rem;
    margin: 0;
    padding: 0 1rem 1rem;
}

.da-test-snapshot-meta dt {
    color: #72798f;
}

.da-test-snapshot-meta dd {
    margin: 0;
    overflow-wrap: anywhere;
}

.da-test-editor-layout {
    display: grid;
    grid-template-columns: 210px minmax(0, 1fr);
    min-height: 620px;
}

.da-test-page-sidebar {
    display: flex;
    flex-direction: column;
    gap: .4rem;
    padding: 1rem .75rem;
    border-right: 1px solid #e7e9f0;
    background: #fafbfe;
}

.da-test-page-sidebar > .da-label {
    padding: 0 .35rem .35rem;
}

.da-test-page-sidebar button {
    display: grid;
    gap: .2rem;
    padding: .65rem .7rem;
    border: 1px solid transparent;
    border-radius: 9px;
    background: transparent;
    color: #30364a;
    text-align: left;
}

.da-test-page-sidebar button:hover {
    background: #f0efff;
}

.da-test-page-sidebar button.active {
    border-color: #c9c5ff;
    background: #ebe9ff;
    color: #3f36c7;
}

.da-test-page-sidebar button span {
    overflow: hidden;
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.da-test-page-sidebar button small {
    color: #72798f;
}

.da-test-editor-content {
    min-width: 0;
}

.da-test-page-head {
    padding: 1rem;
}

.da-test-html-details {
    border-top: 1px solid #e7e9f0;
}

.da-test-html-details .da-test-html-grid,
.da-test-html-details .da-form-actions {
    margin-right: 1rem;
    margin-left: 1rem;
}

.da-test-html-details .da-form-actions {
    padding-bottom: 1rem;
}

.da-test-ad-tabs {
    display: flex;
    gap: .5rem;
    padding: 1rem 1rem 0;
}

.da-test-ad-tabs button {
    display: flex;
    align-items: center;
    gap: .45rem;
    padding: .55rem .8rem;
    border: 1px solid #dfe2ea;
    border-radius: 9px;
    background: #fff;
    color: #454b61;
    font-weight: 650;
}

.da-test-ad-tabs button span {
    min-width: 1.35rem;
    padding: .08rem .35rem;
    border-radius: 999px;
    background: #eef0f5;
    font-size: .75rem;
    text-align: center;
}

.da-test-ad-tabs button.active {
    border-color: #625bf6;
    background: #625bf6;
    color: #fff;
}

.da-test-ad-tabs button.active span {
    background: rgba(255, 255, 255, .2);
}

.da-test-ad-workspace {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 390px);
    gap: 1rem;
    align-items: start;
    padding: 1rem;
}

.da-test-ad-workspace.no-editor {
    grid-template-columns: minmax(0, 1fr);
}

.da-test-ad-workspace .da-test-ad-list {
    min-width: 0;
}

.da-test-ad-card {
    background: #fff;
}

.da-test-ad-card h4 {
    margin: .65rem 0 .2rem;
}

.da-test-ad-card small {
    display: block;
    margin-top: .55rem;
    overflow-wrap: anywhere;
    color: #72798f;
}

.da-test-edit-panel {
    position: sticky;
    top: 1rem;
    padding: 1rem;
    border: 1px solid #dfe2ea;
    border-radius: 12px;
    background: #fafbfe;
    box-shadow: 0 12px 28px rgba(15, 23, 42, .08);
}

.da-test-edit-panel__head {
    margin-bottom: 1rem;
}

.da-test-edit-panel__head button {
    width: 30px;
    height: 30px;
    border: 0;
    border-radius: 8px;
    background: #eceef4;
    color: #454b61;
    font-size: 1.2rem;
}

.da-test-edit-panel .da-test-ad-form {
    grid-template-columns: 1fr;
}

.da-test-edit-panel .da-test-ad-form .wide {
    grid-column: auto;
}

.da-test-snapshots {
    font-size: .88rem;
}

.da-test-snapshots > .da-header {
    margin-bottom: .75rem;
}

.da-test-snapshots > .da-header h1 {
    font-size: 1.55rem;
}

.da-test-snapshots > .da-header p {
    margin-top: .2rem;
    font-size: .86rem;
}

.da-test-snapshots .da-admin-tabs {
    margin-bottom: .75rem;
}

.da-test-snapshots .da-admin-tabs a {
    padding: .55rem .1rem;
    font-size: .82rem;
}

.da-test-snapshots .da-test-mode-card {
    gap: .75rem;
    margin-bottom: .75rem;
    padding: .75rem .9rem;
}

.da-test-snapshots .da-test-mode-card h2 {
    font-size: .95rem;
}

.da-test-snapshots .da-test-mode-card p {
    font-size: .82rem;
}

.da-test-snapshots .da-btn {
    padding: .45rem .7rem;
    font-size: .82rem;
}

.da-test-workspace {
    grid-template-columns: minmax(230px, 280px) minmax(0, 1fr);
    gap: .75rem;
}

.da-test-snapshot-sidebar {
    padding: .75rem;
}

.da-test-sidebar-head {
    margin-bottom: .55rem;
}

.da-test-sidebar-head strong {
    font-size: .92rem;
}

.da-test-snapshot-sidebar > .form-control {
    min-height: 34px;
    padding: .4rem .6rem;
    font-size: .82rem;
}

.da-test-snapshot-list {
    gap: .35rem;
    margin-top: .55rem;
}

.da-test-snapshot-item {
    gap: .25rem;
    padding: .55rem .6rem;
    border-radius: 8px;
}

.da-test-snapshot-item__head strong {
    font-size: .83rem;
}

.da-test-snapshot-item__phrases {
    font-size: .78rem;
    -webkit-line-clamp: 1;
}

.da-test-snapshot-item__meta {
    font-size: .7rem;
}

.da-test-snapshot-item .da-status {
    padding: .15rem .38rem;
    font-size: .66rem;
}

.da-test-editor-head {
    padding: .7rem .8rem;
}

.da-test-editor-head h2 {
    font-size: 1rem;
}

.da-test-editor-head p {
    font-size: .78rem;
}

.da-test-editor-title {
    gap: .45rem;
}

.da-test-editor-head .da-test-actions {
    justify-content: flex-end;
}

.da-test-actions {
    gap: .25rem;
}

.da-test-actions button {
    padding: .25rem .45rem;
    border-radius: 7px;
    font-size: .76rem;
}

.da-test-snapshot-meta summary {
    padding: .6rem .8rem;
    font-size: .8rem;
}

.da-test-snapshot-meta dl {
    grid-template-columns: 105px minmax(0, 1fr);
    gap: .3rem .7rem;
    padding: 0 .8rem .75rem;
    font-size: .78rem;
}

.da-test-editor-layout {
    grid-template-columns: 170px minmax(0, 1fr);
    min-height: 500px;
}

.da-test-page-sidebar {
    gap: .25rem;
    padding: .7rem .5rem;
}

.da-test-page-sidebar button {
    gap: .1rem;
    padding: .45rem .5rem;
    border-radius: 7px;
}

.da-test-page-sidebar button span {
    font-size: .78rem;
}

.da-test-page-sidebar button small {
    font-size: .68rem;
}

.da-test-page-head {
    padding: .7rem .8rem .5rem;
}

.da-test-page-head h3 {
    font-size: 1rem;
}

.da-test-page-head p {
    font-size: .76rem;
}

.da-test-ad-tabs {
    gap: .35rem;
    padding: .55rem .8rem 0;
}

.da-test-ad-tabs button {
    gap: .35rem;
    padding: .4rem .6rem;
    border-radius: 7px;
    font-size: .78rem;
}

.da-test-ad-workspace {
    grid-template-columns: minmax(0, 1fr) minmax(290px, 340px);
    gap: .65rem;
    padding: .65rem .8rem .8rem;
}

.da-test-ad-list {
    gap: .45rem;
}

.da-test-ad-card {
    padding: .6rem .7rem;
    border-radius: 8px;
}

.da-test-ad-card header {
    gap: .55rem;
}

.da-test-ad-card header > strong,
.da-test-ad-card h4 {
    font-size: .84rem;
}

.da-test-ad-card h4 {
    margin: .4rem 0 .1rem;
}

.da-test-ad-card p {
    margin: .25rem 0;
    font-size: .8rem;
    line-height: 1.35;
}

.da-test-ad-card small {
    margin-top: .3rem;
    font-size: .7rem;
}

.da-test-edit-panel {
    padding: .7rem;
    border-radius: 9px;
}

.da-test-edit-panel__head {
    margin-bottom: .65rem;
}

.da-test-edit-panel .da-test-ad-form {
    gap: .55rem;
}

.da-test-edit-panel .da-label {
    font-size: .7rem;
}

.da-test-edit-panel .form-control {
    min-height: 34px;
    padding: .38rem .5rem;
    font-size: .78rem;
}

.da-test-create-panel {
    padding: 1rem;
}

.da-test-create-panel .da-card-header h2 {
    font-size: 1.05rem;
}

.da-test-create-panel .da-card-header p {
    font-size: .8rem;
}

.da-test-create-panel .da-test-create-grid {
    gap: .7rem;
}

@media (max-width: 900px) {
    .da-test-workspace,
    .da-test-editor-layout,
    .da-test-ad-workspace {
        grid-template-columns: 1fr;
    }

    .da-test-snapshot-sidebar {
        position: static;
        max-height: none;
    }

    .da-test-snapshot-list {
        max-height: 360px;
    }

    .da-test-page-sidebar {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        border-right: 0;
        border-bottom: 1px solid #e7e9f0;
    }

    .da-test-page-sidebar > .da-label {
        grid-column: 1 / -1;
    }

    .da-test-editor-head,
    .da-test-ad-card header {
        align-items: flex-start;
        flex-direction: column;
    }

    .da-test-snapshot-meta dl {
        grid-template-columns: 1fr;
    }

    .da-test-edit-panel {
        position: static;
    }

    .da-test-create-grid,
    .da-test-ad-form,
    .da-test-html-grid {
        grid-template-columns: 1fr;
    }

    .da-test-phrases,
    .da-test-ad-form .wide {
        grid-column: auto;
    }
}

a, .btn-link {
    color: #006bb7;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

.content {
    padding-top: 1.1rem;
}

h1:focus {
    outline: none;
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid #e50000;
}

.validation-message {
    color: #e50000;
}

.blazor-error-boundary {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
    padding: 1rem 1rem 1rem 3.7rem;
    color: white;
}

    .blazor-error-boundary::after {
        content: "An error has occurred."
    }

.darker-border-checkbox.form-check-input {
    border-color: #929292;
}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
    color: var(--bs-secondary-color);
    text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
    text-align: start;
}

.da-page {
    max-width: 1440px;
    margin: 0 auto;
}

.da-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.da-header h1 {
    margin: 0;
    font-size: 1.55rem;
    font-weight: 650;
    color: #172033;
}

.da-header p {
    margin: .25rem 0 0;
    color: #667085;
}

.da-analysis-subtitle {
    display: flex;
    align-items: center;
    gap: .5rem;
    flex-wrap: wrap;
}

.da-analysis-status {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    min-height: 26px;
    padding: .18rem .55rem;
    border: 1px solid #d8dee9;
    border-radius: 999px;
    background: #fff;
    color: #344054;
    font-size: .82rem;
    font-weight: 650;
}

.da-analysis-status.is-live {
    border-color: #c7d7fe;
    background: #eef4ff;
    color: #3538cd;
}

.da-live-dot {
    width: 7px;
    height: 7px;
    border-radius: 999px;
    background: #2e90fa;
    box-shadow: 0 0 0 0 rgba(46, 144, 250, .45);
    animation: da-live-pulse 1.6s ease-out infinite;
}

@keyframes da-live-pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(46, 144, 250, .45);
    }

    70% {
        box-shadow: 0 0 0 7px rgba(46, 144, 250, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(46, 144, 250, 0);
    }
}

.da-back-link {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    margin-bottom: .45rem;
    padding: .25rem .65rem;
    border: 1px solid #d8dee9;
    border-radius: 8px;
    background: #fff;
    color: #344054;
    font-size: .84rem;
    font-weight: 600;
    text-decoration: none;
}

.da-back-link:hover {
    border-color: #bac4d2;
    color: #5145cd;
    background: #fbfcff;
}

.da-header-actions {
    display: flex;
    align-items: center;
    gap: .75rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.da-page-actions {
    display: flex;
    justify-content: flex-end;
    gap: .75rem;
    flex-wrap: wrap;
    margin-bottom: 1.25rem;
}

.da-page-actions--start {
    justify-content: flex-start;
}

.da-analysis-action-stack {
    display: grid;
    gap: .5rem;
    justify-items: stretch;
    min-width: 190px;
}

.da-analysis-action-stack .da-btn {
    justify-content: center;
}

.da-balance-pill,
.da-tag {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: .35rem .65rem;
    font-size: .82rem;
    font-weight: 600;
    background: #eef2ff;
    color: #5145cd;
    border: 1px solid #dfe4ff;
}

.da-tag {
    background: #dcfce7;
    color: #15803d;
    border-color: #bbf7d0;
}

.da-btn {
    border: 0;
    border-radius: 8px;
    padding: .65rem .95rem;
    font-weight: 600;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.4rem;
}

.da-btn-primary {
    color: #fff;
    background: #6256e8;
    box-shadow: 0 10px 22px rgba(98, 86, 232, .24);
}

.da-btn-primary:hover {
    color: #fff;
    background: #5145cd;
}

.da-btn-disabled,
.da-btn-disabled:hover {
    color: #98a2b3;
    background: #f8fafc;
    box-shadow: none;
    cursor: not-allowed;
}

.da-btn-secondary {
    color: #344054;
    background: #fff;
    border: 1px solid #d8dee9;
}

.da-btn-secondary:hover {
    color: #172033;
    border-color: #bac4d2;
}

.da-card,
.da-request-card,
.da-stat-card {
    background: #fff;
    border: 1px solid #e7eaf0;
    border-radius: 8px;
    box-shadow: 0 12px 30px rgba(15, 23, 42, .06);
}

.da-card {
    padding: 1rem;
}

.da-card-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: .85rem;
}

.da-card-header h2,
.da-card h2 {
    margin: 0;
    font-size: 1rem;
    font-weight: 650;
}

.da-card-header p {
    margin: .2rem 0 0;
    color: #667085;
    font-size: .9rem;
}

.da-domain-filter {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    min-height: 38px;
    padding: 0 .7rem;
    border: 1px solid #d8dee9;
    border-radius: 8px;
    background: #fff;
    color: #172033;
}

.da-domain-filter span {
    color: #475467;
    font-size: .78rem;
    font-weight: 600;
}

.da-domain-filter select {
    min-width: 210px;
    max-width: 320px;
    border: 0;
    outline: 0;
    background: transparent;
    color: #172033;
    font-size: .86rem;
    font-weight: 600;
}

.da-label {
    display: block;
    color: #475467;
    font-size: .82rem;
    font-weight: 600;
    margin-bottom: .4rem;
}

.da-request-card {
    display: grid;
    grid-template-columns: repeat(4, minmax(120px, 1fr));
    gap: 1rem;
    padding: 0;
    margin-bottom: 1rem;
    background: transparent;
    border: 0;
    box-shadow: none;
}

.da-request-card > div {
    min-height: 82px;
    padding: 1rem;
    border: 1px solid #e7eaf0;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 12px 30px rgba(15, 23, 42, .06);
}

.da-request-card strong {
    display: block;
    font-size: 1rem;
}

.da-request-card small {
    display: block;
    margin-top: .2rem;
    color: #667085;
    font-size: .78rem;
}

.da-stats-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
    margin-bottom: 1rem;
}

.da-download-card {
    display: flex;
    align-items: center;
    gap: 1rem;
    min-height: 104px;
    padding: 1.15rem 1.25rem;
    border: 1px solid #e7eaf0;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 12px 30px rgba(15, 23, 42, .06);
}

.da-download-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 52px;
    width: 52px;
    height: 52px;
    border-radius: 14px;
    background: #eef4ff;
    color: #3538cd;
    font-size: 1.25rem;
    font-weight: 750;
}

.da-download-content {
    min-width: 0;
}

.da-download-content strong {
    display: block;
    color: #111827;
    font-size: 1rem;
    font-weight: 700;
}

.da-download-content > span {
    display: block;
    margin-top: .2rem;
    color: #475467;
    font-size: .82rem;
    line-height: 1.25;
}

.da-download-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
    margin-top: .65rem;
}

.da-download-actions a {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: .25rem .6rem;
    border-radius: 999px;
    background: #f2f4f7;
    color: #344054;
    font-size: .78rem;
    font-weight: 650;
    text-decoration: none;
}

.da-download-actions a:hover {
    background: #e0e7ff;
    color: #3538cd;
}

.da-stat-card {
    display: flex;
    align-items: center;
    gap: 1rem;
    min-height: 104px;
    padding: 1.15rem 1.25rem;
}

.da-stat-card strong {
    display: block;
    margin-bottom: .25rem;
    color: #111827;
    font-size: 1.55rem;
    font-weight: 650;
    line-height: 1;
}

.da-stat-card div > span {
    display: block;
    color: #344054;
    font-size: .92rem;
    font-weight: 600;
    line-height: 1.2;
}

.da-stat-card small {
    display: block;
    margin-top: .15rem;
    color: #667085;
    font-size: .82rem;
}

.da-stat-icon {
    width: 3.2rem;
    height: 3.2rem;
    border-radius: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 650;
}

.da-stat-purple { background: #ede9fe; color: #6d5dfc; }
.da-stat-green { background: #dcfce7; color: #16a34a; }
.da-stat-orange { background: #fff7ed; color: #ea580c; }

.da-task-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: .65rem;
}

.da-task-item {
    display: grid;
    gap: .2rem;
    padding: .75rem;
    border: 1px solid #e7eaf0;
    border-radius: 8px;
    background: #fbfcff;
}

.da-task-item span {
    font-weight: 600;
}

.da-task-item small {
    color: #667085;
}

.da-results-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(360px, .75fr);
    gap: 1rem;
    align-items: start;
    margin-top: 1rem;
}

.da-results-list {
    padding: 0;
    overflow: hidden;
}

.da-results-list .da-card-header {
    padding: 1rem 1rem .85rem;
    border-bottom: 1px solid #eef1f5;
    margin-bottom: 0;
}

.da-ad-row {
    width: 100%;
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) 74px;
    gap: .9rem;
    text-align: left;
    border: 0;
    border-bottom: 1px solid #eef1f5;
    background: #fff;
    padding: .9rem 1rem;
    color: inherit;
}

.da-ad-row:hover,
.da-ad-row.selected {
    background: #f7f8ff;
}

.da-shared-ad-card {
    cursor: pointer;
}

.da-shared-ad-card.tracking {
    grid-template-columns: 115px minmax(0, 1fr) 88px;
}

.da-shared-ad-leading {
    min-width: 0;
}

.da-domain-card-list .da-shared-ad-card {
    border: 1px solid #e1e6ef;
    border-radius: 8px;
}

.da-domain-card-list .da-shared-ad-card.selected {
    border-color: #6d8cff;
    box-shadow: 0 0 0 1px #6d8cff;
}

.da-shared-ad-details {
    margin-top: .55rem;
}

.da-tracking-card-dates {
    display: flex;
    flex-wrap: wrap;
    gap: .65rem 1.25rem;
    color: #667085;
    font-size: .75rem;
}

.da-tracking-card-dates > div {
    display: flex;
    gap: .35rem;
}

.da-tracking-card-dates strong {
    color: #344054;
    font-size: .75rem;
}

.da-tracking-card-warning {
    margin-top: .45rem;
    padding: .4rem .55rem;
    border-left: 3px solid #f59e0b;
    background: #fffbeb;
    color: #92400e;
    font-size: .75rem;
    line-height: 1.4;
}

.da-position {
    width: 2.1rem;
    height: 2.1rem;
    border: 1px solid #d8dee9;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    color: #344054;
    background: #fff;
}

.da-ad-main {
    min-width: 0;
}

.da-ad-title-line {
    display: flex;
    align-items: flex-start;
    gap: .45rem;
    min-width: 0;
}

.da-favicon {
    width: 16px;
    height: 16px;
    flex: 0 0 auto;
    margin-top: .15rem;
    border-radius: 3px;
}

.da-ad-main strong,
.da-preview-card h3 {
    display: block;
    color: #0b48d9;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.35;
    margin-bottom: .2rem;
}

.da-display-line {
    display: flex;
    align-items: center;
    gap: .35rem;
    min-width: 0;
    max-width: 100%;
    line-height: 1.35;
}

.da-domain {
    color: #15803d;
    flex: 0 0 auto;
    font-weight: 600;
    font-size: .9rem;
}

.da-display-url {
    color: #2f7d32;
    flex: 1 1 auto;
    font-size: .88rem;
    line-height: 1.35;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.da-ad-main p,
.da-preview-card p {
    margin: .3rem 0;
    color: #1f2937;
}

.da-ad-inline-clarification {
    color: #475467;
    font-size: .88rem;
}

.da-clarifications {
    display: flex;
    flex-wrap: wrap;
    gap: .2rem .55rem;
    margin-top: .3rem;
    color: #475467;
    font-size: .88rem;
    line-height: 1.4;
}

.da-info-clarifications {
    margin-top: .75rem;
}

.da-ad-meta {
    display: grid;
    justify-items: center;
    align-content: center;
    gap: .15rem;
    min-height: 48px;
    padding: .35rem .45rem;
    border: 1px solid #e1e6ef;
    border-radius: 8px;
    background: #fff;
    color: #667085;
    font-size: .8rem;
}

.da-ad-meta strong {
    color: #172033;
    font-size: .84rem;
}

.da-ad-format-badge {
    padding: .16rem .42rem;
    border-radius: 999px;
    background: #fff1d6;
    color: #9a5b00;
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .04em;
}

.da-ad-placement {
    max-width: 8rem;
    color: #667085;
    font-size: .68rem;
    line-height: 1.15;
    text-align: center;
}

.da-favorite-button {
    width: 2rem;
    height: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #d8dee9;
    border-radius: 8px;
    background: #fff;
    color: #98a2b3;
    font-size: 1.2rem;
    line-height: 1;
    cursor: pointer;
    transition: border-color .15s ease, background .15s ease, color .15s ease;
}

.da-favorite-button:hover {
    border-color: #f2b84b;
    background: #fffaf0;
    color: #d99a16;
}

.da-favorite-button.is-active {
    border-color: #f2b84b;
    background: #fff7df;
    color: #e4a11b;
}

.da-sitelinks {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem .6rem;
    margin-top: .35rem;
}

.da-sitelinks span,
.da-sitelinks a {
    color: #2459d6;
    text-decoration: underline;
    text-underline-offset: 2px;
    font-size: .9rem;
}

.da-sitelinks a:hover {
    color: #0b48d9;
}

.da-detail-panel {
    position: sticky;
    top: 1rem;
    display: grid;
    gap: 1rem;
}

.da-preview-card h3 {
    font-size: 1.08rem;
}

.da-yandex-preview {
    width: 100%;
    min-height: 210px;
    border: 1px solid #eef1f5;
    border-radius: 8px;
    background: #fff;
}

.da-info-card dl {
    display: grid;
    grid-template-columns: 140px minmax(0, 1fr);
    gap: .45rem .8rem;
    margin: .8rem 0 0;
}

.da-info-card dt {
    color: #667085;
    font-weight: 600;
}

.da-info-card dd {
    margin: 0;
    min-width: 0;
    overflow-wrap: anywhere;
}

.da-info-links {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #eef1f5;
}

.da-info-links h3 {
    margin: 0 0 .5rem;
    font-size: .92rem;
    font-weight: 650;
}

.da-info-sitelinks {
    margin-top: .75rem;
}

.da-position-history-card .da-card-header {
    margin-bottom: .35rem;
}

.da-position-history-card .da-card-header p {
    color: #667085;
    font-size: .82rem;
}

.da-position-chart {
    margin-top: .35rem;
    border-radius: 8px;
    background: linear-gradient(180deg, #fff 0%, #fbfbff 100%);
    overflow: hidden;
}

.da-library-chart {
    width: 100%;
    height: 175px;
}

.da-chart-empty {
    padding: .75rem 0 .25rem;
    color: #667085;
    font-size: .9rem;
}

.da-keyword-tags {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin-top: .75rem;
}

.da-keyword-tags span {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: .25rem .65rem;
    border-radius: 8px;
    background: #eef2f7;
    color: #344054;
    font-size: .86rem;
    font-weight: 500;
}

.da-highlight {
    font-weight: 650;
}

.da-empty,
.da-empty-panel {
    padding: 1rem;
    color: #667085;
}

.da-query-grid {
    display: grid;
    grid-template-columns: minmax(260px, 2fr) minmax(160px, 1fr) minmax(170px, 1fr) minmax(150px, .8fr);
    gap: 1rem;
    align-items: start;
}

.da-new-query h2 {
    margin-bottom: 1rem;
}

.da-region-picker {
    position: relative;
}

.da-region-id-input {
    display: grid;
    gap: .3rem;
    margin-top: .55rem;
}

.da-region-id-input span {
    color: #475467;
    font-size: .78rem;
    font-weight: 600;
}

.da-region-picker__button {
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.da-region-picker__selection {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
    margin-top: .5rem;
}

.da-region-picker__chip {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    max-width: 100%;
    padding: .28rem .35rem .28rem .55rem;
    border: 1px solid #dfe3ff;
    border-radius: 999px;
    background: #f7f8ff;
    color: #3730a3;
    font-size: .8rem;
    line-height: 1.2;
}

.da-region-picker__chip > span {
    min-width: 0;
    overflow-wrap: anywhere;
}

.da-region-picker__chip button {
    display: inline-grid;
    place-items: center;
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #e7e9ff;
    color: #5145cd;
    font-size: 1rem;
    line-height: 1;
}

.da-region-picker__chip button:hover {
    background: #d9dcff;
}

.da-region-picker__panel {
    position: absolute;
    z-index: 30;
    top: calc(100% + 6px);
    left: 0;
    width: min(520px, calc(100vw - 2rem));
    padding: .65rem;
    border: 1px solid #d8dee9;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 16px 32px rgba(15, 23, 42, .14);
}

.da-region-tree {
    display: grid;
    gap: .1rem;
    max-height: 340px;
    margin-top: .55rem;
    overflow-y: auto;
}

.da-region-tree__row {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    align-items: center;
    padding-left: calc(var(--region-depth) * 1rem);
}

.da-region-tree__toggle,
.da-region-tree__spacer {
    width: 24px;
    height: 24px;
}

.da-region-tree__toggle {
    border: 1px solid #d8dee9;
    border-radius: 6px;
    background: #fff;
    color: #475467;
    font-weight: 700;
    line-height: 1;
}

.da-region-tree__toggle:hover {
    border-color: #b8c1d1;
    color: #5145cd;
}

.da-region-tree__item {
    min-width: 0;
    min-height: 32px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: #172033;
    font-size: .9rem;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.da-region-tree__item:hover,
.da-region-tree__item.selected {
    background: #f7f8ff;
    color: #5145cd;
}

.da-form-actions {
    display: flex;
    justify-content: flex-end;
    gap: .75rem;
    margin-top: 1.1rem;
}

.da-projects-page {
    max-width: 1500px;
}

.da-projects-actions {
    justify-content: flex-start;
}

.da-projects-search {
    width: 100%;
}

.da-projects-search input {
    width: 100%;
    min-width: 0;
    border: 0;
    outline: 0;
    color: #172033;
    background: transparent;
}

.da-projects-search input::placeholder {
    color: #667085;
}

.da-project-create {
    margin-bottom: 1rem;
}

.da-project-create__grid {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) auto;
    gap: 1rem;
    align-items: end;
}

.da-project-list-shell {
    overflow: hidden;
    border: 1px solid #e1e6ef;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 14px 32px rgba(15, 23, 42, .06);
}

.da-project-list-controls {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) auto auto;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    border-bottom: 1px solid #e7eaf0;
}

.da-project-tab-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    margin-left: .2rem;
    padding: 0 .35rem;
    border-radius: 999px;
    background: #eef2f7;
    color: #667085;
    font-size: .72rem;
}

.da-project-filters {
    display: flex;
    align-items: center;
    gap: .65rem;
    padding: 0;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.da-project-filters label {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    height: 38px;
    padding: 0 .75rem;
    border: 1px solid #d8dee9;
    border-radius: 8px;
    background: #fff;
    color: #172033;
    font-size: .86rem;
}

.da-project-filters span {
    color: #475467;
}

.da-project-filters select {
    border: 0;
    outline: 0;
    background: transparent;
    color: #172033;
    font-weight: 650;
}

.da-project-filter-button,
.da-project-pagination button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #d8dee9;
    border-radius: 8px;
    background: #fff;
    color: #344054;
}

.da-project-filter-button {
    width: 38px;
    height: 38px;
}

.da-project-table-wrap {
    overflow-x: auto;
}

.da-project-table {
    width: 100%;
    min-width: 820px;
    border-collapse: collapse;
}

.da-project-table th {
    height: 46px;
    padding: 0 1rem;
    border-bottom: 1px solid #e7eaf0;
    color: #475467;
    font-size: .84rem;
    font-weight: 650;
    white-space: nowrap;
}

.da-project-table td {
    height: 92px;
    padding: .75rem 1rem;
    border-bottom: 1px solid #eef1f5;
    color: #172033;
    vertical-align: middle;
}

.da-project-table tbody tr:hover {
    background: #fbfcff;
}

.da-project-name-cell {
    display: grid;
    grid-template-columns: 64px minmax(0, 1fr);
    gap: .9rem;
    align-items: center;
    min-width: 320px;
    color: inherit;
    text-decoration: none;
}

.da-project-logo-link,
.da-project-title-link {
    color: inherit;
    text-decoration: none;
}

.da-project-logo-link {
    display: inline-flex;
}

.da-project-title-link:hover strong {
    color: #5145cd;
}

.da-project-logo {
    width: 58px;
    height: 58px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #dfe4ec;
    border-radius: 8px;
    color: #fff;
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: 0;
    box-shadow: 0 8px 18px rgba(15, 23, 42, .08);
}

.da-project-logo.tone-1 { background: #111827; }
.da-project-logo.tone-2 { background: #f8fafc; color: #111827; }
.da-project-logo.tone-3 { background: #fff; color: #dc2626; }
.da-project-logo.tone-4 { background: #0f172a; }
.da-project-logo.muted { background: #20a4b6; }

.da-project-name-cell strong,
.da-project-name-cell small {
    display: block;
    min-width: 0;
}

.da-project-name-cell strong {
    color: #172033;
    font-size: .98rem;
    font-weight: 750;
    line-height: 1.2;
}

.da-project-name-cell small {
    max-width: 360px;
    margin-top: .15rem;
    color: #475467;
    font-size: .85rem;
    line-height: 1.25;
}

.da-project-last-request {
    display: flex !important;
    gap: .25rem;
    overflow: hidden;
    white-space: nowrap;
}

.da-project-last-request > span {
    flex: 0 0 auto;
}

.da-project-last-request a {
    min-width: 0;
    overflow: hidden;
    color: #5145cd;
    font-weight: 600;
    text-decoration: none;
    text-overflow: ellipsis;
}

.da-project-last-request a:hover {
    text-decoration: underline;
}

.da-project-date,
.da-project-date-note {
    display: block;
}

.da-project-date {
    font-weight: 650;
}

.da-project-date-note {
    margin-top: .12rem;
    color: #667085;
    font-size: .78rem;
}

.da-status {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: .15rem .5rem;
    border-radius: 6px;
    font-size: .78rem;
    font-weight: 650;
}

.da-status-active {
    border: 1px solid #bbf7d0;
    background: #dcfce7;
    color: #15803d;
}

.da-status-paused {
    border: 1px solid #fed7aa;
    background: #fff7ed;
    color: #c2410c;
}

.da-status-archived {
    border: 1px solid #d8dee9;
    background: #eef2f7;
    color: #475467;
}

.da-status-danger {
    border: 1px solid #fecaca;
    background: #fee2e2;
    color: #dc2626;
}

.da-status-processing {
    border: 1px solid #fde68a;
    background: #fef3c7;
    color: #b45309;
}

.da-project-actions {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .55rem;
    white-space: nowrap;
}

.da-project-actions .da-btn {
    min-height: 32px;
    padding: .35rem .75rem;
    font-size: .82rem;
}

.da-project-rename-row td {
    height: auto;
    background: #fbfcff;
}

.da-project-rename-form {
    display: grid;
    grid-template-columns: minmax(280px, 1fr) auto auto;
    gap: .75rem;
    align-items: end;
    max-width: 720px;
    padding: .25rem 0;
}

.da-project-rename-form .da-btn {
    min-height: 38px;
}

.da-project-pagination {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    min-height: 60px;
    padding: .75rem 1rem;
    color: #667085;
    font-size: .86rem;
}

.da-project-pagination div {
    display: inline-flex;
    gap: .45rem;
}

.da-project-pagination button {
    min-width: 38px;
    height: 38px;
}

.da-project-pagination button.active {
    border-color: #6256e8;
    color: #6256e8;
    box-shadow: 0 0 0 3px rgba(98, 86, 232, .08);
}

.da-history-page {
    max-width: 1520px;
}

.da-history-topline {
    display: flex;
    align-items: center;
    gap: .45rem;
    margin-bottom: .35rem;
    color: #667085;
    font-size: .86rem;
}

.da-history-topline a {
    color: #667085;
    text-decoration: none;
}

.da-history-topline a:hover {
    color: #5145cd;
}

.da-history-header {
    margin-bottom: 1.15rem;
}

.da-history-select,
.da-history-filter-panel label {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    min-height: 46px;
    padding: 0 .9rem;
    border: 1px solid #d8dee9;
    border-radius: 8px;
    background: #fff;
    color: #172033;
    box-shadow: none;
}

.da-history-select span,
.da-history-filter-panel label > span {
    color: #475467;
    font-size: .78rem;
    font-weight: 500;
}

.da-history-select select,
.da-history-filter-panel select,
.da-history-filter-panel input {
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: #172033;
    font-size: .86rem;
    font-weight: 500;
}

.da-history-period {
    margin-left: 0;
}

.da-history-date-range {
    display: inline-flex;
    align-items: center;
    gap: .55rem;
}

.da-history-date-range label {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    min-height: 46px;
    padding: 0 .75rem;
    border: 1px solid #d8dee9;
    border-radius: 8px;
    background: #fff;
    color: #475467;
    font-size: .78rem;
    font-weight: 500;
}

.da-history-date-range input {
    border: 0;
    outline: 0;
    background: transparent;
    color: #172033;
    font-size: .86rem;
    font-weight: 500;
}

.da-history-new-query {
    margin-bottom: 1.25rem;
}

.da-history-new-query form {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: end;
}

.da-history-query-grid {
    grid-template-columns: minmax(260px, 2fr) minmax(190px, 1fr) minmax(170px, 1fr) minmax(130px, .7fr);
}

.da-history-query-actions {
    margin-top: 0;
    justify-content: flex-end;
}

.da-history-query-actions .da-btn {
    min-width: 154px;
    white-space: nowrap;
}

.da-stat-blue {
    background: #dbeafe;
    color: #2563eb;
}

.da-history-filter-panel {
    display: grid;
    grid-template-columns: repeat(10, minmax(0, 1fr));
    gap: 1.15rem;
    align-items: end;
    margin-bottom: 1.45rem;
    padding: 1rem 1.1rem;
    border: 1px solid #e1e6ef;
    border-radius: 8px;
    background: #fff;
    box-shadow: none;
}

.da-history-filter-wide {
    grid-column: span 2;
}

.da-history-filter-panel label {
    display: grid;
    align-content: center;
    gap: .3rem;
    min-height: 58px;
    padding: 0;
    border: 0;
    box-shadow: none;
}

.da-history-filter-panel input {
    width: 100%;
    font-weight: 500;
}

.da-history-filter-panel input::placeholder {
    color: #98a2b3;
}

.da-history-filter-panel .da-btn {
    min-height: 40px;
    align-self: end;
    border-color: #d8dee9;
    box-shadow: none;
    white-space: nowrap;
}

.da-history-table-shell {
    overflow-x: auto;
    border: 1px solid #e1e6ef;
    border-radius: 8px;
    background: #fff;
    box-shadow: none;
}

.da-history-table {
    width: 100%;
    min-width: 1280px;
    border-collapse: collapse;
}

.da-history-table th {
    height: 50px;
    padding: 0 1.05rem;
    border-bottom: 1px solid #e7eaf0;
    color: #334155;
    font-size: .8rem;
    font-weight: 600;
    text-align: left;
    white-space: nowrap;
}

.da-history-table td {
    height: 72px;
    padding: .75rem 1.05rem;
    border-bottom: 1px solid #eef1f5;
    color: #172033;
    font-size: .88rem;
    vertical-align: middle;
}

.da-history-table tbody tr:hover {
    background: #fbfcff;
}

.da-history-table td strong,
.da-history-table td small {
    display: block;
}

.da-history-table td small {
    margin-top: .2rem;
    color: #667085;
    font-size: .78rem;
}

.da-history-date-cell {
    display: grid;
    grid-template-columns: 16px minmax(0, 1fr);
    gap: .55rem;
    align-items: center;
    min-width: 150px;
}

.da-history-date-cell > span {
    color: #334155;
    font-size: 1.1rem;
    line-height: 1;
}

.da-history-query {
    display: block;
    max-width: 320px;
    overflow-wrap: anywhere;
    color: #172033;
    font-weight: 600;
    text-decoration: none;
}

.da-history-query:hover {
    color: #5145cd;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.da-history-device {
    color: #172033;
    white-space: nowrap;
}

.da-history-row-alert {
    background: #fff7f7;
}

.da-history-error-row td {
    padding: 0 1rem 1rem;
    background: #fff7f7;
    border-bottom-color: #fecaca;
}

.da-history-error-row div {
    padding: .7rem .85rem;
    border: 1px solid #fca5a5;
    border-radius: 8px;
    background: #fff1f2;
    color: #dc2626;
    font-size: .84rem;
    font-weight: 600;
}

.da-history-actions {
    display: flex;
    justify-content: flex-end;
    gap: .45rem;
}

.da-history-icon-button {
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #d8dee9;
    border-radius: 8px;
    background: #fff;
    color: #64748b;
    text-decoration: none;
    font-size: 1.05rem;
}

.da-history-icon-button:hover {
    border-color: #b8c1d1;
    color: #5145cd;
}

.da-history-pagination {
    padding-left: .15rem;
    padding-right: .15rem;
}

.da-modal-backdrop {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: rgba(15, 23, 42, .32);
}

.da-schedule-modal {
    width: min(1060px, 100%);
    max-height: calc(100vh - 2rem);
    overflow-y: auto;
    border: 1px solid #e1e6ef;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 24px 70px rgba(15, 23, 42, .22);
}

.da-schedule-modal__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.35rem 1.45rem;
    border-bottom: 1px solid #e7eaf0;
}

.da-schedule-title {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.da-schedule-title h2,
.da-scheduler-create h2 {
    margin: 0;
    color: #172033;
    font-size: 1.05rem;
    font-weight: 750;
}

.da-schedule-title p,
.da-scheduler-note {
    margin: .25rem 0 0;
    color: #667085;
    font-size: .9rem;
}

.da-schedule-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 46px;
    width: 46px;
    height: 46px;
    border-radius: 8px;
    background: #ede9fe;
    color: #5b21b6;
    font-size: 1.15rem;
    font-weight: 750;
}

.da-schedule-toggle,
.da-switch-row {
    display: inline-flex;
    align-items: center;
    gap: .65rem;
    color: #172033;
    font-weight: 650;
}

.da-schedule-toggle input,
.da-switch-row input {
    width: 42px;
    height: 22px;
    accent-color: #5b21b6;
}

.da-schedule-modal__body {
    display: grid;
    gap: 1.25rem;
    padding: 1.35rem 1.45rem;
}

.da-analysis-run-modal {
    width: min(760px, 100%);
}

.da-analysis-run-modal .da-schedule-modal__header h2 {
    margin: 0;
    color: #172033;
    font-size: 1.05rem;
    font-weight: 750;
}

.da-modal-close {
    display: grid;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    padding: 0;
    place-items: center;
    border: 1px solid transparent;
    border-radius: 6px;
    background: transparent;
    color: #667085;
    font-size: 1.35rem;
    line-height: 1;
    cursor: pointer;
}

.da-modal-close:hover {
    border-color: #d8dee9;
    background: #f8f9fc;
    color: #172033;
}

.da-analysis-run-modal__body {
    gap: .9rem;
}

.da-analysis-run-modal__fields {
    padding-top: 0;
}

.da-analysis-run-modal .da-domain-phrase-list {
    max-height: 150px;
}

.da-field-error {
    display: block;
    margin-top: .35rem;
    color: #b42318;
    font-size: .76rem;
}

.da-analysis-cost-summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .8rem .9rem;
    border: 1px solid #ded8ff;
    border-radius: 7px;
    background: #f8f7ff;
}

.da-analysis-cost-summary > div {
    display: grid;
    gap: .15rem;
}

.da-analysis-cost-summary span,
.da-analysis-cost-summary small {
    color: #667085;
    font-size: .76rem;
}

.da-analysis-cost-summary strong {
    color: #3423a6;
    font-size: 1.05rem;
}

.da-schedule-controls {
    display: grid;
    grid-template-columns: minmax(260px, .8fr) minmax(0, 2.2fr);
    gap: 1.2rem;
    align-items: start;
}

.da-schedule-controls--stacked {
    grid-template-columns: minmax(260px, 1fr) minmax(260px, 1fr);
}

.da-schedule-controls--stacked > div:first-child {
    grid-column: 1 / -1;
    max-width: 420px;
}

.da-schedule-controls strong {
    display: block;
    margin-bottom: .75rem;
    color: #172033;
    font-size: 1rem;
}

.da-schedule-controls small,
.da-schedule-form small {
    display: block;
    margin-top: .45rem;
    color: #667085;
    font-size: .8rem;
}

.da-stepper {
    display: grid;
    grid-template-columns: 44px minmax(72px, 1fr) 44px;
    height: 44px;
    border: 1px solid #d8dee9;
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
}

.da-stepper button,
.da-stepper input {
    border: 0;
    background: #fff;
    color: #172033;
    text-align: center;
    font-weight: 700;
}

.da-stepper button:hover {
    background: #f7f8ff;
    color: #5145cd;
}

.da-stepper input {
    border-left: 1px solid #e7eaf0;
    border-right: 1px solid #e7eaf0;
}

.da-schedule-range {
    width: 100%;
    margin-top: .85rem;
    accent-color: #5b21b6;
}

.da-time-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .65rem;
    align-items: center;
}

.da-time-row span {
    display: inline-flex;
    align-items: center;
    min-height: 38px;
    padding: 0 .75rem;
    border-radius: 8px;
    background: #f3efff;
    color: #5b21b6;
    font-weight: 750;
}

.da-schedule-summary {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    padding: 1rem 1.25rem;
    border: 1px solid #d9d0ff;
    border-radius: 8px;
    background: #fbfaff;
}

.da-schedule-summary > div {
    display: flex;
    align-items: center;
    gap: 1rem;
    min-width: 0;
}

.da-schedule-summary span:not(.da-schedule-icon) {
    display: block;
    color: #475467;
    font-size: .86rem;
}

.da-schedule-summary strong {
    display: block;
    margin-top: .25rem;
    color: #172033;
    overflow-wrap: anywhere;
}

.da-scheduler-summary {
    grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr);
}

.da-scheduler-summary > div {
    display: grid;
    align-content: start;
    align-items: start;
    gap: .25rem;
}

.da-scheduler-summary strong {
    margin-top: 0;
    overflow-wrap: normal;
}

.da-scheduler-summary small {
    color: #667085;
    font-size: .76rem;
    line-height: 1.35;
}

.da-schedule-modal__actions {
    display: flex;
    gap: .75rem;
    padding: 0 1.45rem 1.45rem;
    flex-wrap: wrap;
}

.da-schedule-alert {
    margin: 1rem 0 0;
    border-color: #bbf7d0;
    background: #dcfce7;
    color: #166534;
    font-weight: 650;
}

.da-scheduler-page {
    max-width: 1520px;
}

.da-scheduler-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(360px, .65fr);
    gap: 1rem;
    align-items: start;
}

.da-scheduler-list,
.da-scheduler-create {
    overflow: hidden;
}

.da-schedule-items {
    display: grid;
    gap: .75rem;
}

.da-scheduler-tabs {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .25rem;
    border: 1px solid #d8dee9;
    border-radius: 8px;
    background: #f8fafc;
}

.da-scheduler-tabs button {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    min-height: 34px;
    border: 0;
    border-radius: 6px;
    padding: .35rem .65rem;
    background: transparent;
    color: #475467;
    font-size: .82rem;
    font-weight: 650;
}

.da-scheduler-tabs button.active {
    background: #fff;
    color: #5145cd;
    box-shadow: 0 1px 4px rgba(15, 23, 42, .08);
}

.da-scheduler-tabs span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 22px;
    min-height: 20px;
    padding: 0 .4rem;
    border-radius: 999px;
    background: #eef2f7;
    color: #667085;
    font-size: .75rem;
}

.da-schedule-item {
    display: grid;
    grid-template-columns: minmax(220px, .8fr) minmax(0, 1.6fr);
    grid-template-areas:
        "main meta"
        "main actions";
    gap: .75rem 1.25rem;
    align-items: center;
    padding: 1rem;
    border: 1px solid #e7eaf0;
    border-radius: 8px;
    background: #fbfcff;
}

.da-schedule-item > .da-schedule-main {
    grid-area: main;
}

.da-schedule-item > .da-schedule-meta {
    grid-area: meta;
}

.da-schedule-item > .da-schedule-actions {
    grid-area: actions;
}

.da-schedule-main strong,
.da-schedule-main span,
.da-schedule-main small,
.da-schedule-meta strong,
.da-schedule-meta small {
    display: block;
}

.da-schedule-main strong {
    color: #172033;
    font-size: .98rem;
}

.da-schedule-main span,
.da-schedule-meta small {
    margin-top: .25rem;
    color: #667085;
    font-size: .82rem;
}

.da-schedule-error {
    margin-top: .45rem;
    color: #dc2626;
    font-weight: 650;
}

.da-schedule-meta {
    display: grid;
    gap: .35rem;
    width: auto;
    min-width: 0;
}

.da-schedule-meta strong {
    color: #172033;
    font-size: .92rem;
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.da-schedule-actions {
    display: grid;
    grid-template-columns: minmax(0, auto) 34px;
    align-items: center;
    justify-content: flex-end;
    gap: .65rem;
    min-width: 0;
}

.da-schedule-actions .da-btn {
    min-height: 34px;
    padding: .4rem .75rem;
    font-size: .82rem;
    white-space: nowrap;
}

.da-schedule-action-buttons {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .5rem;
    flex-wrap: wrap;
}

.da-icon-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    border: 1px solid #d8dee9;
    border-radius: 8px;
    background: #fff;
    color: #172033;
    font-size: .82rem;
    font-weight: 750;
    line-height: 1;
    text-decoration: none;
    cursor: pointer;
}

.da-icon-action:hover {
    border-color: #b8c1d1;
    color: #5145cd;
}

.da-icon-action-primary {
    border-color: #6637df;
    background: #6637df;
    color: #fff;
    box-shadow: 0 10px 20px rgba(102, 55, 223, .22);
}

.da-icon-action-primary:hover {
    border-color: #562bd0;
    background: #562bd0;
    color: #fff;
}

.da-schedule-icon-actions {
    display: grid;
    gap: .45rem;
    justify-items: end;
}

.da-schedule-form {
    display: grid;
    gap: 1rem;
    margin-top: 1rem;
}

.da-schedule-form-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
}

.da-domain-tracking-page .da-scheduler-grid {
    grid-template-columns: minmax(0, 1.4fr) minmax(380px, .6fr);
}

.da-domain-list {
    padding: 0;
    overflow: hidden;
    container-type: inline-size;
}

.da-domain-filters {
    display: grid;
    grid-template-columns: minmax(260px, 1.15fr) minmax(190px, .75fr) auto auto;
    gap: .75rem;
    align-items: center;
    padding: 1rem;
    border-bottom: 1px solid #e7eaf0;
}

.da-domain-filters label,
.da-domain-search {
    min-width: 0;
}

.da-domain-search {
    display: flex;
    align-items: center;
    gap: .55rem;
    height: 42px;
    padding: 0 .85rem;
    border: 1px solid #d8dee9;
    border-radius: 8px;
    background: #fff;
    color: #667085;
}

.da-domain-search input {
    width: 100%;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: #172033;
}

.da-domain-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: .35rem .75rem;
    border-radius: 8px;
    background: #eef2f7;
    color: #344054;
    font-size: .82rem;
    font-weight: 700;
    white-space: nowrap;
}

.da-domain-status-filter {
    display: inline-flex;
    align-items: center;
    min-width: 0;
    padding: 3px;
    border: 1px solid #d8dee9;
    border-radius: 8px;
    background: #f8fafc;
}

.da-domain-status-button {
    min-height: 34px;
    padding: .35rem .65rem;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: #475467;
    font-size: .82rem;
    font-weight: 700;
    white-space: nowrap;
    cursor: pointer;
}

.da-domain-status-button:hover {
    color: #5145cd;
}

.da-domain-status-button.active {
    background: #fff;
    color: #5145cd;
    box-shadow: 0 1px 4px rgba(15, 23, 42, .08);
}

.da-domain-list .da-schedule-items {
    gap: 0;
}

.da-domain-item {
    grid-template-columns: 44px minmax(210px, 1.25fr) minmax(215px, 240px) minmax(164px, .75fr);
    grid-template-areas: "mark main meta actions";
    gap: .75rem;
    align-items: center;
    border-width: 0 0 1px;
    border-radius: 0;
    background: #fff;
}

.da-domain-item.has-changes {
    border-left: 3px solid #d99000;
    background: #fffdf5;
    box-shadow: inset 0 0 0 1px rgba(217, 144, 0, .1);
}

.da-schedule-change-count.is-unread {
    display: inline-flex;
    width: fit-content;
    align-items: center;
    gap: .35rem;
    color: #a15c00;
    font-weight: 700;
}

.da-schedule-change-count.is-unread i {
    color: #d99000;
    font-size: .82rem;
}

.da-domain-item > .da-domain-mark {
    grid-area: mark;
}

.da-domain-item .da-schedule-meta {
    align-self: center;
    width: 100%;
}

.da-domain-item .da-schedule-meta > .da-status {
    width: fit-content;
    max-width: 100%;
    min-height: 24px;
    align-items: center;
}

.da-domain-item .da-schedule-actions {
    align-self: center;
    justify-self: end;
    grid-template-columns: auto;
    justify-content: flex-end;
    min-width: 0;
    width: 164px;
}

.da-domain-item .da-schedule-action-buttons {
    flex-wrap: nowrap;
    gap: .35rem;
}

.da-domain-title-link {
    color: #172033;
    font-weight: 800;
    text-decoration: none;
}

.da-domain-title-link:hover {
    color: #5145cd;
    text-decoration: underline;
}

.da-domain-mark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 8px;
    background: #ede9fe;
    color: #5b21b6;
    font-size: 1.25rem;
    font-weight: 750;
}

.da-domain-pagination {
    border-top: 1px solid #e7eaf0;
}

.da-page-size {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    color: #667085;
    font-size: .82rem;
    white-space: nowrap;
}

.da-page-size .form-select {
    width: 76px;
}

.da-domain-phrase-list {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    max-height: 132px;
    overflow-y: auto;
    padding: .6rem;
    border: 1px solid #d8dee9;
    border-radius: 8px;
    background: #fff;
}

.da-domain-phrase-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    margin-bottom: .4rem;
}

.da-domain-phrase-heading small {
    color: #667085;
    font-size: .76rem;
}

.da-phrase-clear-button {
    padding: 0;
    border: 0;
    background: transparent;
    color: #5145cd;
    font-size: .78rem;
    font-weight: 650;
    cursor: pointer;
}

.da-phrase-clear-button:hover {
    color: #3421a8;
}

.da-phrase-clear-button:disabled {
    color: #98a2b3;
    cursor: default;
}

.da-scheduler-phrases .da-domain-phrase-list,
.da-scheduler-phrases .da-domain-phrases-empty,
.da-analysis-run-modal__phrases .da-domain-phrase-list,
.da-analysis-run-modal__phrases .da-domain-phrases-empty {
    margin-top: .5rem;
}

.da-domain-phrase {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    min-height: 30px;
    max-width: 100%;
    padding: .25rem .55rem;
    border-radius: 8px;
    background: #eef2f7;
    color: #344054;
    font-size: .82rem;
    font-weight: 600;
}

.da-domain-phrase span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.da-domain-phrase button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
    border: 0;
    border-radius: 999px;
    background: #d8dee9;
    color: #475467;
    font-size: .9rem;
    line-height: 1;
}

.da-domain-phrase button:hover {
    background: #c7d2fe;
    color: #5145cd;
}

.da-domain-phrases-empty {
    padding: .75rem;
    border: 1px solid #e7eaf0;
    border-radius: 8px;
    background: #fbfcff;
}

.da-domain-add-phrase {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 42px;
    gap: .5rem;
}

.da-domain-select-stack {
    position: relative;
    display: grid;
    gap: .5rem;
}

.da-domain-select-button {
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.da-domain-option-list {
    position: absolute;
    z-index: 25;
    top: calc(100% + 6px);
    left: 0;
    right: 0;
    display: grid;
    max-height: 360px;
    overflow-y: auto;
    border: 1px solid #d8dee9;
    border-radius: 8px;
    background: #fff;
}

.da-domain-option-list button {
    min-height: 36px;
    padding: .45rem .75rem;
    border: 0;
    border-bottom: 1px solid #eef1f5;
    background: #fff;
    color: #172033;
    font-size: .88rem;
    font-weight: 600;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.da-domain-option-list button:last-child {
    border-bottom: 0;
}

.da-domain-option-list button:hover,
.da-domain-option-list button.selected {
    background: #f7f8ff;
    color: #5145cd;
}

.da-domain-option-list button:first-child {
    color: #5145cd;
}

.da-domain-add-phrase .da-btn {
    min-height: 38px;
    padding: 0;
    font-size: 1.25rem;
}

.da-domain-cost small {
    display: block;
    margin-top: .2rem;
    color: #667085;
    font-size: .78rem;
}

.da-domain-cost {
    grid-template-columns: 1fr;
    gap: .65rem;
}

.da-domain-cost .da-domain-cost-row {
    display: grid;
    grid-template-columns: minmax(120px, .8fr) minmax(0, 1fr);
    gap: .75rem;
    align-items: baseline;
    min-width: 0;
}

.da-domain-cost .da-domain-cost-row + .da-domain-cost-row {
    padding-top: .65rem;
    border-top: 1px solid #ebe7ff;
}

.da-domain-cost .da-domain-cost-row span,
.da-domain-cost .da-domain-cost-row strong {
    margin: 0;
}

.da-domain-notifications {
    display: grid;
    gap: .7rem;
    padding: .8rem 0 .15rem;
    border-top: 1px solid #e7eaf0;
}

.da-domain-notifications strong {
    color: #172033;
    font-size: .92rem;
}

.da-domain-notifications .da-switch-row {
    justify-content: flex-start;
    font-size: .88rem;
    font-weight: 500;
}

.da-domain-disable-rule {
    display: grid;
    gap: .55rem;
    padding: .75rem 0 .15rem;
    border-top: 1px solid #e7eaf0;
}

.da-domain-disable-rule .da-switch-row {
    justify-content: flex-start;
    font-size: .88rem;
}

.da-domain-disable-count {
    display: grid;
    grid-template-columns: 82px minmax(0, 1fr);
    gap: .55rem;
    align-items: center;
    color: #667085;
    font-size: .84rem;
}

.da-domain-details-page {
    max-width: 1600px;
}

.da-domain-detail-head {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding-bottom: 1rem;
}

.da-domain-breadcrumbs {
    display: flex;
    align-items: center;
    gap: .55rem;
    margin-bottom: .75rem;
    color: #667085;
    font-size: .86rem;
}

.da-domain-breadcrumbs a {
    color: #667085;
    text-decoration: none;
}

.da-domain-title-row {
    display: flex;
    align-items: center;
    gap: .85rem;
    flex-wrap: wrap;
}

.da-domain-title-row h1 {
    margin: 0;
    color: #172033;
    font-size: 1.25rem;
    font-weight: 700;
}

.da-domain-task-meta {
    display: flex;
    flex-wrap: wrap;
    gap: .8rem 1.6rem;
    margin-top: 1rem;
    color: #667085;
    font-size: .88rem;
}

.da-domain-task-meta strong {
    color: #172033;
}

.da-domain-last-run {
    display: grid;
    justify-items: end;
    align-content: center;
    color: #667085;
    font-size: .88rem;
}

.da-domain-last-run strong {
    color: #172033;
}

.da-domain-tabs {
    display: flex;
    gap: 1.6rem;
    min-height: 46px;
    border-bottom: 1px solid #e7eaf0;
    margin-bottom: 1.25rem;
}

.da-domain-tabs a {
    display: inline-flex;
    align-items: center;
    border-bottom: 2px solid transparent;
    color: #667085;
    font-size: .9rem;
    font-weight: 650;
    text-decoration: none;
}

.da-domain-tabs a.active {
    border-bottom-color: #2563eb;
    color: #2563eb;
}

.da-domain-workspace {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(430px, .75fr);
    gap: 1.25rem;
    align-items: start;
}

.da-domain-results {
    min-width: 0;
}

.da-domain-details-toolbar {
    display: grid;
    grid-template-columns: minmax(240px, 1fr) 150px 150px auto auto;
    gap: .65rem;
    align-items: center;
    margin-bottom: 1rem;
}

.da-domain-found {
    margin-bottom: .8rem;
    color: #475467;
    font-size: .88rem;
    font-weight: 600;
}

.da-domain-card-list {
    display: grid;
    gap: .75rem;
}

.da-favorites-content {
    padding: 1rem;
}

.da-favorites-toolbar {
    grid-template-columns: minmax(280px, 1fr) minmax(180px, 240px) minmax(180px, 220px);
}

.da-favorites-list .da-shared-ad-card {
    grid-template-columns: 44px minmax(0, 1fr) 88px;
}

.da-favorite-card-meta {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem 1rem;
    color: #667085;
    font-size: .76rem;
}

.da-favorite-card-meta strong {
    display: inline;
    color: #344054;
    font-size: inherit;
}

.da-tracked-ad-row {
    display: grid;
    grid-template-columns: 110px minmax(0, 1fr) 150px 70px 76px;
    gap: 1rem;
    width: 100%;
    padding: 1rem;
    border: 1px solid #e1e6ef;
    border-radius: 8px;
    background: #fff;
    color: inherit;
    text-align: left;
    cursor: pointer;
}

.da-tracked-ad-row.selected {
    border-color: #6d8cff;
    box-shadow: 0 0 0 1px #6d8cff;
}

.da-ad-row-status {
    display: grid;
    align-content: start;
    gap: .35rem;
    color: #475467;
    font-size: .82rem;
}

.da-ad-row-status > span {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: #2563eb;
}

.da-ad-row-status > span.changed {
    background: #22c55e;
}

.da-ad-row-status > span.unchanged {
    background: #98a2b3;
}

.da-ad-row-status > span.missing {
    background: #f59e0b;
}

.da-ad-row-status strong.changed {
    color: #15803d;
}

.da-ad-row-status strong.missing {
    color: #b45309;
}

.da-ad-row-content {
    min-width: 0;
}

.da-ad-row-content strong {
    display: block;
    color: #0b48d9;
    font-size: .98rem;
}

.da-ad-row-content p {
    margin: .45rem 0;
    color: #1f2937;
}

.da-ad-row-dates,
.da-ad-row-position {
    display: grid;
    align-content: center;
    gap: .25rem;
    color: #667085;
    font-size: .78rem;
}

.da-ad-row-dates strong,
.da-ad-row-position strong {
    color: #172033;
    font-size: .86rem;
}

.da-ad-row-position strong {
    font-size: 1.35rem;
}

.da-ad-position-value {
    display: flex;
    align-items: baseline;
    gap: .35rem;
}

.da-ad-position-value small {
    font-size: .78rem;
    font-weight: 700;
}

.da-ad-position-value small.improved {
    color: #15803d;
}

.da-ad-position-value small.declined {
    color: #d92d20;
}

.da-ad-meta .da-ad-position-value {
    justify-content: center;
}

.da-ad-meta .da-ad-position-value small {
    font-size: .72rem;
}

.da-ad-row-site-link {
    align-self: center;
    justify-self: end;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 0 .8rem;
    border: 1px solid #d8e0ec;
    border-radius: 7px;
    color: #0b48d9;
    font-size: .86rem;
    font-weight: 700;
    text-decoration: none;
}

.da-ad-row-site-link:hover {
    border-color: #6d8cff;
    background: #f6f8ff;
}

.da-domain-side-panel {
    position: sticky;
    top: 1rem;
    display: grid;
    gap: 1rem;
    padding: 1.15rem;
    border: 1px solid #e1e6ef;
    border-radius: 8px;
    background: #fff;
}

.da-domain-side-column {
    position: sticky;
    top: 1rem;
    display: grid;
    gap: 1rem;
    min-width: 0;
}

.da-domain-side-column .da-domain-side-panel {
    position: static;
    top: auto;
}

.da-search-ad-preview {
    display: grid;
    gap: .35rem;
    padding: 1rem 1.15rem 1.1rem;
    color: #172033;
}

.da-search-ad-preview__title {
    display: flex;
    align-items: baseline;
    gap: .35rem;
    min-width: 0;
    color: #2318df;
    font-size: 1.05rem;
    line-height: 1.35;
}

.da-search-ad-preview__title strong,
.da-search-ad-preview__title span {
    overflow-wrap: anywhere;
}

.da-search-ad-preview__domain {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
    color: #238636;
    font-size: .82rem;
}

.da-search-ad-preview__domain small {
    color: #5a7c35;
    font-size: inherit;
}

.da-search-ad-preview p {
    margin: .15rem 0 0;
    line-height: 1.45;
}

.da-search-ad-preview .da-clarifications {
    color: #667085;
    font-size: .82rem;
}

.da-search-ad-preview .da-sitelinks {
    margin-top: .15rem;
}

.da-domain-side-panel .da-analysis-side-section {
    margin-right: -1rem;
    margin-left: -1rem;
}

.da-domain-side-panel .da-analysis-side-section:first-of-type {
    border-top: 1px solid #e7eaf0;
}

.da-side-title {
    display: block;
}

.da-side-title h2 {
    margin: 0;
    color: #172033;
    font-size: 1rem;
}

.da-side-badges {
    display: flex;
    gap: .45rem;
    flex-wrap: wrap;
}

.da-side-stats {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border: 1px solid #e7eaf0;
    border-radius: 8px;
    overflow: hidden;
}

.da-side-stats > div {
    display: grid;
    gap: .35rem;
    padding: .75rem;
    border-right: 1px solid #e7eaf0;
    border-bottom: 1px solid #e7eaf0;
}

.da-side-stats span,
.da-side-url span {
    color: #667085;
    font-size: .78rem;
}

.da-side-stats strong {
    color: #172033;
    font-size: .86rem;
}

.da-side-url {
    display: grid;
    gap: .35rem;
}

.da-side-url a {
    color: #0b48d9;
    overflow-wrap: anywhere;
}

.da-side-phrases {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
}

.da-side-phrases > div {
    width: 100%;
    display: flex;
    justify-content: space-between;
    color: #172033;
    font-size: .88rem;
}

.da-side-phrases > span {
    padding: .2rem .45rem;
    border: 1px solid #d8dee9;
    border-radius: 999px;
    background: #f8fafc;
    color: #344054;
    font-size: .78rem;
}

.da-domain-side-panel > h3 {
    margin: 0;
    font-size: .95rem;
}

.da-version-history {
    display: grid;
    gap: .75rem;
}

.da-version-item {
    display: grid;
    gap: .65rem;
    padding: .85rem;
    border: 1px solid #e7eaf0;
    border-radius: 8px;
    background: #fbfcff;
}

.da-version-item.current {
    border-color: #d9d0ff;
    background: #fbfaff;
}

.da-version-head {
    display: flex;
    justify-content: space-between;
    gap: .75rem;
    color: #667085;
    font-size: .82rem;
}

.da-version-item h4 {
    margin: 0;
    color: #172033;
    font-size: .98rem;
}

.da-version-item p {
    margin: 0;
    color: #344054;
}

.da-version-item dl {
    display: grid;
    grid-template-columns: 90px minmax(0, 1fr);
    gap: .35rem .75rem;
    margin: 0;
    color: #667085;
    font-size: .84rem;
}

.da-version-item dd {
    margin: 0;
    color: #172033;
}

.da-version-diff {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
}

.da-version-diff > div,
.da-number-diff {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    align-items: center;
    min-height: 38px;
    padding: .55rem;
    border-radius: 8px;
    background: #fff;
    border: 1px solid #e7eaf0;
}

.da-version-diff span,
.da-number-diff strong {
    width: 100%;
    color: #475467;
    font-size: .78rem;
}

.da-version-diff mark {
    border-radius: 6px;
    padding: .12rem .38rem;
    font-size: .8rem;
}

.da-version-diff mark.removed {
    background: #fee2e2;
    color: #b91c1c;
}

.da-version-diff mark.added {
    background: #dcfce7;
    color: #166534;
}

.da-number-diff {
    border-color: #fde68a;
    background: #fffbeb;
    color: #92400e;
}

.da-domain-side-panel {
    gap: .85rem;
    padding: 1rem;
}

.da-side-title h2 {
    font-size: 1.05rem;
    line-height: 1.35;
}

.da-side-badges .da-status-processing,
.da-side-badges .da-status-active {
    border-color: #b7e2bf;
    background: #effbf1;
    color: #238636;
}

.da-side-stats {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border-radius: 6px;
}

.da-side-stats > div {
    min-width: 0;
    padding: .7rem;
}

.da-side-stats > div:nth-child(3n) {
    border-right: 0;
}

.da-side-stats > div:nth-last-child(-n + 3) {
    border-bottom: 0;
}

.da-side-stats span,
.da-side-url span {
    font-size: .74rem;
}

.da-side-stats strong {
    font-size: .8rem;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.da-side-url {
    gap: .25rem;
}

.da-side-url a {
    color: #0969da;
    font-size: .85rem;
}

.da-side-phrases > div {
    align-items: center;
}

.da-side-phrases > div > span {
    color: #667085;
    font-size: .76rem;
}

.da-side-phrases > span {
    padding: .18rem .45rem;
    background: #f7f8fa;
    font-size: .72rem;
}

.da-version-history-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    margin: .65rem 0 0;
}

.da-version-history-title h3 {
    margin: 0;
    font-size: .9rem;
}

.da-version-history-title button {
    padding: 0;
    border: 0;
    background: transparent;
    color: #2563eb;
    font-size: .75rem;
    cursor: pointer;
}

.da-version-history-title button:hover {
    text-decoration: underline;
}

.da-version-history {
    position: relative;
    gap: .65rem;
    padding-left: 1rem;
}

.da-version-history::before {
    content: "";
    position: absolute;
    top: .35rem;
    bottom: .35rem;
    left: .22rem;
    width: 1px;
    background: #cfd6e2;
}

.da-version-item {
    position: relative;
    gap: 0;
    padding: 0;
    border-radius: 6px;
    background: #fff;
}

.da-version-item::before {
    content: "";
    position: absolute;
    top: 1rem;
    left: -1.04rem;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #98a2b3;
    box-shadow: 0 0 0 3px #fff;
}

.da-version-item.current {
    border-color: #b7e2bf;
    background: #fbfffb;
}

.da-version-item.current::before {
    background: #35a853;
}

.da-version-head {
    align-items: flex-start;
    gap: .6rem;
    padding: .65rem .7rem .4rem;
    font-size: .7rem;
}

.da-version-labels {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .3rem;
}

.da-version-labels > strong,
.da-version-labels > span {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: .12rem .4rem;
    border-radius: 5px;
    background: #f1f3f6;
    color: #475467;
    font-size: .7rem;
}

.da-version-item.current .da-version-labels > strong,
.da-version-item.current .da-version-labels > span:first-of-type {
    background: #e9f8ec;
    color: #238636;
}

.da-version-period {
    display: grid;
    gap: .2rem;
    min-width: 120px;
    text-align: right;
}

.da-version-period strong {
    color: #344054;
    font-size: .72rem;
    font-weight: 600;
}

.da-version-content {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .75rem;
    align-items: end;
    padding: .25rem .7rem .7rem;
}

.da-version-item h4 {
    font-size: .8rem;
    line-height: 1.4;
}

.da-version-item p {
    margin: .25rem 0 0;
    font-size: .76rem;
    line-height: 1.45;
}

.da-version-item .da-sitelinks {
    gap: .25rem .5rem;
    margin-top: .4rem;
}

.da-version-item .da-sitelinks span {
    font-size: .72rem;
}

.da-version-item dl {
    grid-template-columns: auto auto;
    gap: .25rem .4rem;
    font-size: .7rem;
}

.da-version-change-summary,
.da-number-diff {
    display: flex;
    flex-wrap: wrap;
    gap: .25rem;
    align-items: center;
    min-height: 32px;
    padding: .45rem .7rem;
    border: 0;
    border-top: 1px solid #e7eaf0;
    border-radius: 0;
    background: #fafbfc;
}

.da-version-change-summary strong,
.da-number-diff strong {
    width: auto;
    color: #475467;
    font-size: .7rem;
}

.da-version-change-summary mark {
    border-radius: 5px;
    padding: .1rem .3rem;
    font-size: .7rem;
}

.da-version-change-summary mark.removed {
    background: #fee2e2;
    color: #b91c1c;
}

.da-version-change-summary mark.added {
    background: #dcfce7;
    color: #166534;
}

.da-number-diff {
    background: #fffbeb;
    color: #92400e;
    font-size: .72rem;
}

.da-admin-page {
    max-width: 1500px;
}

.da-admin-header {
    margin-bottom: .9rem;
}

.da-admin-tabs {
    display: flex;
    gap: 1.4rem;
    min-height: 46px;
    margin-bottom: 1.25rem;
    border-bottom: 1px solid #e7eaf0;
}

.da-admin-tabs a {
    display: inline-flex;
    align-items: center;
    border-bottom: 2px solid transparent;
    color: #667085;
    font-size: .9rem;
    font-weight: 650;
    text-decoration: none;
}

.da-admin-tabs a:hover,
.da-admin-tabs a.active {
    color: #6256e8;
}

.da-admin-tabs a.active {
    border-bottom-color: #6256e8;
}

.da-admin-stats {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.da-admin-overview-grid {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(440px, 1.1fr);
    gap: 1rem;
    align-items: start;
}

.da-admin-overview-card {
    display: grid;
    gap: 1rem;
}

.da-admin-settings-card {
    max-width: 760px;
}

.da-admin-settings-card + .da-admin-settings-card {
    margin-top: 1rem;
}

.da-admin-users-card {
    overflow: hidden;
}

.da-admin-users-toolbar {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.15rem 1.25rem;
    border-bottom: 1px solid #e7eaf0;
}

.da-admin-users-toolbar h2,
.da-admin-subscription-modal h2 {
    margin: 0;
    color: #172033;
    font-size: 1rem;
    font-weight: 750;
}

.da-admin-users-toolbar p,
.da-admin-subscription-modal .da-schedule-modal__header p {
    margin: .25rem 0 0;
    color: #667085;
    font-size: .84rem;
}

.da-admin-user-search {
    display: flex;
    align-items: center;
    gap: .55rem;
}

.da-admin-user-search .form-control {
    width: min(340px, 42vw);
}

.da-admin-users-table {
    min-width: 920px;
}

.da-admin-user-email {
    display: grid;
    gap: .2rem;
}

.da-admin-user-email strong {
    overflow-wrap: anywhere;
}

.da-admin-user-email small,
.da-admin-user-reserved {
    display: block;
    color: #667085;
    font-size: .76rem;
}

.da-admin-user-action {
    text-align: right;
    white-space: nowrap;
}

.da-admin-users-pagination {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.25rem;
    border-top: 1px solid #e7eaf0;
    color: #667085;
    font-size: .84rem;
}

.da-admin-users-pagination > div {
    display: flex;
    gap: .55rem;
}

.da-admin-subscription-modal {
    width: min(680px, 100%);
}

.da-admin-parser-search-card {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.15rem 1.25rem;
}

.da-admin-parser-search-card h2,
.da-admin-parser-result h2 {
    margin: 0;
    color: #172033;
    font-size: 1rem;
    font-weight: 750;
}

.da-admin-parser-search-card p,
.da-admin-parser-result-head p {
    margin: .25rem 0 0;
    color: #667085;
    font-size: .84rem;
}

.da-admin-parser-search {
    display: flex;
    align-items: flex-start;
    gap: .55rem;
}

.da-admin-parser-search > div {
    width: min(300px, 36vw);
}

.da-admin-parser-result {
    overflow: hidden;
}

.da-admin-parser-result-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.15rem 1.25rem;
    border-bottom: 1px solid #e7eaf0;
}

.da-admin-parser-result-head h2 {
    margin-top: .35rem;
    overflow-wrap: anywhere;
}

.da-admin-parser-details {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 0;
}

.da-admin-parser-details > div {
    min-width: 0;
    padding: .9rem 1.25rem;
    border-right: 1px solid #eef1f5;
    border-bottom: 1px solid #eef1f5;
}

.da-admin-parser-details > div:nth-child(3n) {
    border-right: 0;
}

.da-admin-parser-details dt {
    margin-bottom: .25rem;
    color: #667085;
    font-size: .72rem;
    font-weight: 600;
    text-transform: uppercase;
}

.da-admin-parser-details dd {
    margin: 0;
    color: #172033;
    font-size: .86rem;
    font-weight: 650;
    overflow-wrap: anywhere;
}

.da-admin-parser-error {
    display: grid;
    gap: .3rem;
    margin: 1rem 1.25rem 0;
    padding: .85rem 1rem;
    border: 1px solid #fecdca;
    border-radius: 6px;
    background: #fffbfa;
    color: #b42318;
    font-size: .82rem;
}

.da-admin-parser-error span {
    overflow-wrap: anywhere;
}

.da-admin-parser-actions {
    display: flex;
    align-items: center;
    gap: .65rem;
    padding: 1.15rem 1.25rem;
}

.da-admin-parser-actions p {
    margin: 0 0 0 auto;
    color: #667085;
    font-size: .78rem;
}

.da-admin-settings-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin-top: 1rem;
}

.da-admin-setting-field {
    display: grid;
    gap: .45rem;
}

.da-admin-setting-field label {
    color: #172033;
    font-size: .88rem;
    font-weight: 600;
}

.da-admin-setting-field small {
    color: #667085;
    font-size: .78rem;
    line-height: 1.4;
}

.da-admin-setting-field .validation-message,
.da-admin-settings-error {
    color: #b42318;
    font-size: .8rem;
}

.da-admin-settings-actions {
    display: flex;
    align-items: center;
    gap: .8rem;
    margin-top: 1.25rem;
}

.da-admin-settings-success {
    color: #067647;
    font-size: .84rem;
}

.da-admin-summary {
    display: grid;
    gap: .65rem;
    margin: 0;
}

.da-admin-summary div {
    display: grid;
    grid-template-columns: 145px minmax(0, 1fr);
    gap: .75rem;
    align-items: baseline;
    padding: .7rem 0;
    border-bottom: 1px solid #eef1f5;
}

.da-admin-summary div:last-child {
    border-bottom: 0;
}

.da-admin-summary dt {
    color: #667085;
    font-size: .84rem;
    font-weight: 650;
}

.da-admin-summary dd {
    margin: 0;
    color: #172033;
    font-size: .9rem;
    font-weight: 650;
    min-width: 0;
    overflow-wrap: anywhere;
}

.da-admin-event-list {
    display: grid;
    gap: .65rem;
}

.da-admin-event-list article {
    display: grid;
    grid-template-columns: 90px minmax(0, 1fr);
    gap: .75rem;
    align-items: start;
    padding: .8rem;
    border: 1px solid #e7eaf0;
    border-radius: 8px;
    background: #fbfcff;
}

.da-admin-event-list strong,
.da-admin-event-list small {
    display: block;
    min-width: 0;
}

.da-admin-event-list strong {
    color: #172033;
    font-size: .92rem;
}

.da-admin-event-list small {
    margin-top: .15rem;
    color: #667085;
    font-size: .78rem;
}

.da-admin-event-list p {
    margin: .4rem 0 0;
    color: #344054;
    font-size: .86rem;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.da-admin-log-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.da-admin-log-head h2 {
    margin: 0;
    color: #172033;
    font-size: 1.1rem;
    font-weight: 700;
}

.da-admin-log-head p {
    margin: .2rem 0 0;
    color: #667085;
}

.da-admin-log-head > strong {
    color: #344054;
    font-size: .86rem;
    white-space: nowrap;
}

.da-log-filters {
    display: grid;
    grid-template-columns: minmax(280px, 1.6fr) minmax(170px, .72fr) minmax(170px, .72fr) auto;
    gap: .65rem;
    margin-bottom: .9rem;
    padding: .85rem;
    border: 1px solid #e1e6ef;
    border-radius: 8px;
    background: #fff;
}

.da-log-filters select,
.da-log-search-field input {
    width: 100%;
    min-height: 40px;
    border: 1px solid #d7dce7;
    border-radius: 6px;
    background: #fbfcff;
    color: #172033;
    font-size: .86rem;
}

.da-log-filters select {
    padding: 0 2.25rem 0 .75rem;
}

.da-log-search-field {
    position: relative;
    min-width: 0;
}

.da-log-search-field > i {
    position: absolute;
    top: 50%;
    left: .8rem;
    z-index: 1;
    color: #8a94aa;
    transform: translateY(-50%);
    pointer-events: none;
}

.da-log-search-field input {
    padding: 0 2.8rem 0 2.35rem;
}

.da-log-search-field button {
    position: absolute;
    top: 4px;
    right: 4px;
    display: grid;
    width: 32px;
    height: 32px;
    place-items: center;
    border: 0;
    border-radius: 5px;
    background: transparent;
    color: #6541df;
}

.da-log-search-field button:hover {
    background: #f0edff;
}

.da-log-reset {
    min-height: 40px;
    padding: 0 .75rem;
    border: 0;
    background: transparent;
    color: #667085;
    font-size: .84rem;
    font-weight: 700;
    white-space: nowrap;
}

.da-log-view-switch {
    display: flex;
    gap: .2rem;
    margin-bottom: .7rem;
}

.da-log-view-switch button {
    padding: .48rem .72rem;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: #667085;
    font-size: .84rem;
    font-weight: 700;
}

.da-log-view-switch button.active {
    background: #eef0f6;
    color: #172033;
}

.da-log-workspace {
    display: grid;
    grid-template-columns: minmax(390px, .92fr) minmax(440px, 1.08fr);
    min-height: 470px;
    overflow: hidden;
    border: 1px solid #e1e6ef;
    border-radius: 8px;
    background: #fff;
}

.da-log-task-pane {
    min-width: 0;
    border-right: 1px solid #e1e6ef;
}

.da-log-list-head,
.da-log-task-row {
    display: grid;
    grid-template-columns: 72px minmax(150px, 1fr) 86px 96px;
    gap: .65rem;
    align-items: center;
}

.da-log-list-head {
    min-height: 42px;
    padding: 0 .85rem;
    border-bottom: 1px solid #e7eaf0;
    color: #7a849f;
    font-size: .68rem;
    font-weight: 750;
    text-transform: uppercase;
}

.da-log-task-row {
    width: 100%;
    min-height: 74px;
    padding: .75rem .85rem;
    border: 0;
    border-bottom: 1px solid #edf0f5;
    background: transparent;
    color: #172033;
    text-align: left;
}

.da-log-task-row:hover {
    background: #fafbfe;
}

.da-log-task-row.selected {
    box-shadow: inset 3px 0 #6842e8;
    background: #f3f0ff;
}

.da-log-task-row > strong {
    font-size: .86rem;
}

.da-log-task-main {
    min-width: 0;
}

.da-log-task-main b,
.da-log-task-main small {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.da-log-task-main b {
    font-size: .84rem;
}

.da-log-task-main small,
.da-log-source {
    margin-top: .2rem;
    color: #73809a;
    font-size: .7rem;
    line-height: 1.3;
}

.da-log-task-status {
    display: flex;
    align-items: center;
    gap: .4rem;
    font-size: .7rem;
    font-weight: 700;
    white-space: nowrap;
}

.da-log-task-status::before {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #20a464;
    content: "";
}

.da-log-task-status.processing::before {
    background: #d28a12;
}

.da-log-task-status.error::before {
    background: #d73a49;
}

.da-log-detail-pane {
    min-width: 0;
}

.da-log-detail-head {
    padding: 1rem 1.1rem;
    border-bottom: 1px solid #e7eaf0;
}

.da-log-detail-head h3 {
    margin: 0;
    color: #172033;
    font-size: 1rem;
}

.da-log-detail-head > div {
    display: flex;
    flex-wrap: wrap;
    gap: .3rem .9rem;
    margin-top: .45rem;
    color: #73809a;
    font-size: .72rem;
}

.da-log-timeline {
    padding: 1.15rem;
}

.da-log-event {
    position: relative;
    padding: 0 0 1.35rem 1.8rem;
}

.da-log-event:last-child {
    padding-bottom: 0;
}

.da-log-event::before {
    position: absolute;
    top: .8rem;
    bottom: -.15rem;
    left: .38rem;
    width: 1px;
    background: #dfe3ed;
    content: "";
}

.da-log-event:last-child::before {
    display: none;
}

.da-log-event-dot {
    position: absolute;
    top: .25rem;
    left: .1rem;
    z-index: 1;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #20a464;
    box-shadow: 0 0 0 4px #ddf4e8;
}

.da-log-event-dot.parser {
    background: #6842e8;
    box-shadow: 0 0 0 4px #e7e1ff;
}

.da-log-event-dot.warning {
    background: #d28a12;
    box-shadow: 0 0 0 4px #fbebc9;
}

.da-log-event-dot.error {
    background: #d73a49;
    box-shadow: 0 0 0 4px #f9dfe3;
}

.da-log-event-title {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 1rem;
}

.da-log-event-title strong {
    color: #172033;
    font-size: .84rem;
    overflow-wrap: anywhere;
}

.da-log-event-title time {
    color: #8490a8;
    font-size: .7rem;
    white-space: nowrap;
}

.da-log-event p,
.da-log-general-list article p {
    margin: .3rem 0 0;
    color: #667085;
    font-size: .8rem;
    line-height: 1.45;
}

.da-log-event-error {
    margin-top: .45rem;
    padding: .55rem .65rem;
    border-left: 3px solid #d73a49;
    background: #fff3f4;
    color: #9e2531;
    font-size: .76rem;
    overflow-wrap: anywhere;
}

.da-log-event-details {
    margin-top: .5rem;
}

.da-log-event-details summary {
    color: #6842e8;
    font-size: .74rem;
    font-weight: 700;
    cursor: pointer;
}

.da-log-event-details .da-admin-details {
    max-width: none;
    margin-top: .45rem;
}

.da-log-empty {
    display: grid;
    min-height: 180px;
    padding: 1.5rem;
    place-items: center;
    color: #667085;
    font-size: .84rem;
    text-align: center;
}

.da-log-general-list {
    overflow: hidden;
    border: 1px solid #e1e6ef;
    border-radius: 8px;
    background: #fff;
}

.da-log-general-list article {
    position: relative;
    display: grid;
    grid-template-columns: 14px minmax(0, 1fr);
    gap: .7rem;
    padding: 1rem;
    border-bottom: 1px solid #edf0f5;
}

.da-log-general-list article:last-child {
    border-bottom: 0;
}

.da-log-general-list .da-log-event-dot {
    position: static;
    margin-top: .28rem;
}

.da-log-general-list small {
    display: block;
    margin-top: .25rem;
    color: #7a849f;
    font-size: .72rem;
}

.da-admin-section {
    margin-bottom: 1.25rem;
}

.da-admin-section > .da-card-header {
    margin-bottom: .75rem;
}

.da-admin-task-list {
    display: grid;
    gap: .7rem;
}

.da-admin-task {
    border: 1px solid #e1e6ef;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 12px 30px rgba(15, 23, 42, .05);
    overflow: hidden;
}

.da-admin-task summary {
    display: grid;
    grid-template-columns: 150px minmax(0, 1fr);
    gap: .8rem;
    align-items: center;
    min-height: 56px;
    padding: .85rem 1rem;
    cursor: pointer;
}

.da-admin-task[open] summary {
    border-bottom: 1px solid #eef1f5;
}

.da-admin-task-title {
    color: #172033;
    font-weight: 750;
}

.da-admin-task-meta {
    color: #667085;
    font-size: .84rem;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.da-admin-table-wrap {
    width: 100%;
    overflow-x: auto;
}

.da-admin-table {
    width: 100%;
    min-width: 980px;
    border-collapse: collapse;
}

.da-admin-table th {
    height: 44px;
    padding: 0 .85rem;
    border-bottom: 1px solid #e7eaf0;
    color: #475467;
    font-size: .8rem;
    font-weight: 650;
    white-space: nowrap;
    text-align: left;
}

.da-admin-table td {
    padding: .7rem .85rem;
    border-bottom: 1px solid #eef1f5;
    color: #172033;
    font-size: .86rem;
    vertical-align: top;
}

.da-admin-table tbody tr:hover {
    background: #fbfcff;
}

.da-admin-muted {
    color: #667085;
    font-size: .78rem;
    max-width: 180px;
    overflow-wrap: anywhere;
}

.da-admin-details {
    max-width: 520px;
    margin: 0;
    padding: .55rem .65rem;
    border: 1px solid #e7eaf0;
    border-radius: 8px;
    background: #f8fafc;
    color: #344054;
    font-size: .78rem;
    line-height: 1.35;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.da-admin-error {
    color: #b91c1c;
    font-size: .78rem;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.da-admin-error-message {
    margin-top: .2rem;
    color: #7f1d1d;
    font-size: .82rem;
    overflow-wrap: anywhere;
}

.da-analysis-details-page {
    max-width: 1600px;
}

.da-analysis-details-head {
    align-items: flex-end;
    margin-bottom: 1rem;
}

.da-analysis-details-head .da-back-link {
    margin-bottom: .75rem;
}

.da-analysis-title-row {
    display: flex;
    align-items: center;
    gap: .75rem;
    flex-wrap: wrap;
}

.da-analysis-title-row h1 {
    font-size: 1.35rem;
    font-weight: 700;
}

.da-analysis-details-head .da-header-actions {
    flex-wrap: nowrap;
}

.da-analysis-details-head .da-btn {
    min-height: 38px;
    padding: .55rem .9rem;
    white-space: nowrap;
}

.da-analysis-summary-grid {
    display: grid;
    grid-template-columns: repeat(8, minmax(125px, 1fr));
    gap: .75rem;
    margin-bottom: 1rem;
}

.da-analysis-summary-card {
    display: flex;
    align-items: center;
    gap: .65rem;
    min-width: 0;
    min-height: 70px;
    padding: .72rem .75rem;
    border: 1px solid #e1e6ef;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 6px 18px rgba(15, 23, 42, .035);
}

.da-analysis-summary-card > div {
    min-width: 0;
}

.da-analysis-summary-card > div > span {
    display: block;
    overflow: hidden;
    color: #667085;
    font-size: .7rem;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.da-analysis-summary-card strong {
    display: block;
    margin-top: .18rem;
    overflow: hidden;
    color: #172033;
    font-size: .9rem;
    font-weight: 700;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.da-analysis-summary-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    border-radius: 8px;
    font-size: .82rem;
    font-weight: 750;
}

.da-analysis-summary-icon.is-neutral {
    background: #f4f6f9;
    color: #344054;
}

.da-analysis-summary-icon.is-purple {
    background: #f1edff;
    color: #6847f5;
}

.da-analysis-summary-icon.is-green {
    background: #e9faef;
    color: #16a34a;
}

.da-analysis-summary-icon.is-orange {
    background: #fff4e8;
    color: #ea580c;
}

.da-analysis-summary-icon.is-blue {
    background: #edf4ff;
    color: #2563eb;
}

.da-analysis-html-links {
    display: flex;
    gap: .35rem;
    margin-top: .18rem;
    overflow: hidden;
}

.da-analysis-html-links a {
    color: #2459d6;
    font-size: .78rem;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
}

.da-analysis-html-links a:hover {
    text-decoration: underline;
}

.da-analysis-query-resources {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(440px, .92fr);
    gap: .85rem;
    margin-top: .85rem;
    margin-bottom: 1rem;
}

.da-analysis-query-resources > .da-card {
    padding: 0;
    overflow: hidden;
}

.da-analysis-resource-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .85rem 1rem;
    cursor: pointer;
    list-style: none;
    user-select: none;
}

.da-analysis-resource-heading::-webkit-details-marker {
    display: none;
}

.da-analysis-resource-details[open] > .da-analysis-resource-heading {
    border-bottom: 1px solid #e7eaf0;
}

.da-analysis-resource-heading::after {
    width: 7px;
    height: 7px;
    margin-left: .1rem;
    border-right: 1.5px solid #667085;
    border-bottom: 1.5px solid #667085;
    content: "";
    transform: rotate(45deg) translateY(-2px);
    transition: transform .16s ease;
}

.da-analysis-resource-details[open] > .da-analysis-resource-heading::after {
    transform: rotate(225deg) translate(-1px, -1px);
}

.da-analysis-resource-heading h2 {
    margin: 0;
    color: #172033;
    font-size: .9rem;
    font-weight: 700;
}

.da-analysis-resource-heading > span {
    display: grid;
    flex: 0 0 28px;
    width: 28px;
    height: 28px;
    place-items: center;
    border-radius: 6px;
    background: #f0edff;
    color: #5935d5;
    font-size: .75rem;
    font-weight: 700;
    margin-left: auto;
}

.da-analysis-phrase-list {
    display: grid;
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    counter-reset: analysis-phrase;
}

.da-analysis-phrase-list li {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    align-items: center;
    gap: .65rem;
    min-width: 0;
    padding: .65rem 1rem;
    border-bottom: 1px solid #eef0f4;
    color: #172033;
    font-size: .82rem;
    line-height: 1.4;
    overflow-wrap: anywhere;
    counter-increment: analysis-phrase;
}

.da-analysis-phrase-list li:last-child {
    border-bottom: 0;
}

.da-analysis-phrase-list li::before {
    display: grid;
    width: 28px;
    height: 28px;
    place-items: center;
    border: 1px solid #dce1ea;
    border-radius: 6px;
    color: #475467;
    font-size: .72rem;
    content: counter(analysis-phrase);
}

.da-analysis-response-groups {
    display: grid;
}

.da-analysis-response-group {
    display: grid;
    grid-template-columns: minmax(150px, .8fr) minmax(0, 1.2fr);
    align-items: center;
    gap: .75rem;
    min-width: 0;
    padding: .65rem 1rem;
    border-bottom: 1px solid #eef0f4;
}

.da-analysis-response-group:last-child {
    border-bottom: 0;
}

.da-analysis-response-group > strong {
    overflow: hidden;
    color: #344054;
    font-size: .8rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.da-analysis-response-group > span {
    color: #98a2b3;
    font-size: .75rem;
}

.da-analysis-response-group > div {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
}

.da-analysis-response-group a {
    padding: .28rem .48rem;
    border: 1px solid #d9ddff;
    border-radius: 5px;
    background: #f8f7ff;
    color: #4f35d2;
    font-size: .74rem;
    font-weight: 700;
    text-decoration: none;
}

.da-analysis-response-group a:hover {
    border-color: #a99cf7;
    background: #f1efff;
}

.da-analysis-workspace {
    grid-template-columns: minmax(0, 1.08fr) minmax(440px, .92fr);
    gap: .85rem;
    margin-top: 0;
}

.da-analysis-details-page .da-results-list {
    box-shadow: none;
}

.da-analysis-details-page .da-results-list .da-card-header {
    align-items: center;
    flex-wrap: wrap;
    min-height: 58px;
    padding: .75rem .85rem;
}

.da-analysis-details-page .da-results-list .da-card-header > div:first-child {
    min-width: 180px;
    flex: 1 1 180px;
}

.da-analysis-details-page .da-card-header h2 {
    font-size: .95rem;
}

.da-analysis-details-page .da-card-header p {
    margin-top: .1rem;
    font-size: .78rem;
}

.da-analysis-details-page .da-domain-filter {
    min-height: 34px;
}

.da-analysis-details-page .da-domain-filter select {
    min-width: 170px;
    font-size: .8rem;
}

.da-analysis-filters {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .55rem;
    width: min(410px, 100%);
    flex: 0 1 410px;
}

.da-analysis-filters .da-domain-filter {
    width: 100%;
    min-width: 0;
}

.da-analysis-details-page .da-analysis-filters .da-domain-filter select {
    width: 100%;
    min-width: 0;
    max-width: none;
}

.da-analysis-details-page .da-ad-row {
    padding: .78rem .85rem;
}

.da-analysis-details-page .da-ad-row.selected {
    position: relative;
    z-index: 1;
    background: #fbfaff;
    box-shadow: inset 0 0 0 1px #775cf5;
}

.da-query-phrases {
    min-height: 116px;
    resize: vertical;
    line-height: 1.45;
}

.da-analysis-ad-tabs {
    display: flex;
    align-items: end;
    gap: 1.25rem;
    padding: .15rem 1rem 0;
    border-bottom: 1px solid #e7eaf0;
}

.da-analysis-ad-tabs button {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    min-height: 44px;
    padding: .2rem 0;
    border: 0;
    border-bottom: 2px solid transparent;
    background: transparent;
    color: #667085;
    font-size: .84rem;
    font-weight: 650;
    cursor: pointer;
}

.da-analysis-ad-tabs button:hover {
    color: #344054;
}

.da-analysis-ad-tabs button.active {
    border-bottom-color: #6842ff;
    color: #3421a8;
}

.da-monitoring-mode-tabs {
    margin-bottom: 1rem;
    padding-left: 0;
}

.da-monitoring-mode-tabs a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    padding: .2rem 0;
    border-bottom: 2px solid transparent;
    color: #667085;
    font-size: .84rem;
    font-weight: 650;
    text-decoration: none;
}

.da-monitoring-mode-tabs a:hover {
    color: #344054;
}

.da-monitoring-mode-tabs a.active {
    border-bottom-color: #6842ff;
    color: #3421a8;
}

.da-serp-domain-overview {
    padding: 1rem;
}

.da-serp-tracking-modal {
    width: min(760px, 100%);
}

.da-scheduler-modal {
    width: min(760px, 100%);
}

.da-scheduler-page .da-domain-item {
    grid-template-columns: 44px minmax(210px, 1.25fr) minmax(230px, 260px) minmax(190px, .8fr);
}

.da-scheduler-page .da-domain-item .da-schedule-actions {
    width: 190px;
}

.da-domain-tracking-modal {
    width: min(760px, 100%);
}

.da-domain-tracking-modal .da-domain-phrase {
    align-items: flex-start;
}

.da-domain-tracking-modal .da-domain-phrase span {
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
    overflow-wrap: anywhere;
}

.da-serp-tracking-modal .da-domain-phrase {
    align-items: flex-start;
}

.da-serp-tracking-modal .da-domain-phrase span {
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
    overflow-wrap: anywhere;
}

.da-serp-domain-overview .da-domain-details-toolbar {
    grid-template-columns: minmax(260px, 1fr) minmax(180px, 240px);
}

.da-serp-details-toolbar {
    grid-template-columns: minmax(240px, 1fr) repeat(5, minmax(135px, 185px));
}

.da-domain-product-toolbar {
    grid-template-columns: repeat(3, minmax(170px, 260px));
}

.da-serp-product-toolbar {
    grid-template-columns: repeat(4, minmax(150px, 220px));
}

.da-serp-domain-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
}

.da-serp-domain-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .35rem .75rem;
    min-width: 0;
    padding: .9rem 1rem;
    border: 1px solid #e1e6ef;
    border-radius: 8px;
    background: #fff;
    color: #172033;
    text-align: left;
    cursor: pointer;
}

.da-serp-domain-card:hover {
    border-color: #b9aafb;
    background: #fafaff;
}

.da-serp-domain-card > .da-ad-row-status,
.da-serp-domain-card > strong,
.da-serp-domain-card > small {
    grid-column: 1;
}

.da-serp-domain-card > strong {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.da-serp-domain-card > small {
    color: #667085;
}

.da-serp-domain-card > i {
    grid-column: 2;
    grid-row: 1 / span 4;
    align-self: center;
    color: #667085;
}

.da-serp-ad-details {
    overflow: hidden;
}

.da-serp-ad-details .da-domain-side-header,
.da-serp-ad-details .da-domain-history {
    padding: 1rem;
}

.da-serp-ad-details .da-domain-side-header h2,
.da-serp-ad-details .da-domain-history h3 {
    margin: 0 0 .65rem;
    font-size: 1rem;
}

.da-domain-version {
    display: grid;
    gap: .45rem;
    margin-bottom: .65rem;
    padding: .75rem;
    border: 1px solid #e1e6ef;
    border-radius: 7px;
    background: #fff;
}

.da-domain-version.current {
    border-color: #b9e4c2;
    background: #f7fcf8;
}

.da-domain-version-head {
    display: flex;
    justify-content: space-between;
    gap: .75rem;
    color: #667085;
    font-size: .74rem;
}

.da-domain-version p,
.da-domain-version small {
    margin: 0;
}

@media (max-width: 900px) {
    .da-serp-domain-grid {
        grid-template-columns: 1fr;
    }

    .da-serp-domain-overview .da-domain-details-toolbar {
        grid-template-columns: 1fr;
    }

    .da-serp-details-toolbar {
        grid-template-columns: 1fr;
    }
}

.da-product-ad-card {
    display: grid;
    grid-template-columns: 108px minmax(0, 1fr) 76px;
    gap: .85rem;
    min-height: 128px;
    padding: .75rem .85rem;
    border-bottom: 1px solid #e7eaf0;
    background: #fff;
    cursor: pointer;
}

.da-product-ad-card:hover {
    background: #fafaff;
}

.da-product-ad-card.selected {
    box-shadow: inset 0 0 0 1px #775cf5;
    background: #fbfaff;
}

.da-product-ad-media {
    display: grid;
    place-items: center;
    width: 108px;
    height: 108px;
    overflow: hidden;
    border: 1px solid #e7eaf0;
    border-radius: 7px;
    background: #f6f7fa;
    color: #98a2b3;
    font-size: .7rem;
}

.da-product-ad-media img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.da-product-ad-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-width: 0;
    padding: .15rem 0;
}

.da-product-ad-content > strong.new,
.da-product-tracking-status.new {
    color: #2563eb;
}

.da-product-ad-content > strong.unchanged,
.da-product-tracking-status.unchanged {
    color: #667085;
}

.da-product-ad-content > strong.missing,
.da-product-tracking-status.missing {
    color: #b45309;
}

.da-product-tracking-status {
    font-size: .75rem;
}

.da-product-ad-category {
    color: #667085;
    font-size: .72rem;
}

.da-product-ad-content h3 {
    display: -webkit-box;
    overflow: hidden;
    margin: .25rem 0 .35rem;
    color: #172033;
    font-size: .92rem;
    font-weight: 700;
    line-height: 1.35;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.da-product-ad-price {
    color: #172033;
    font-size: 1rem;
    font-weight: 750;
}

.da-product-ad-domain {
    margin-top: auto;
    color: #15803d;
    font-size: .76rem;
    font-weight: 650;
}

.da-product-ad-meta {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    gap: .25rem;
    color: #667085;
    font-size: .74rem;
}

.da-product-ad-meta .da-favorite-button {
    margin-bottom: auto;
}

.da-product-ad-meta strong {
    color: #172033;
    font-size: .78rem;
}

.da-product-detail-preview {
    display: grid;
    grid-template-columns: minmax(150px, 42%) minmax(0, 1fr);
    gap: 1rem;
    padding: 1rem;
    border: 1px solid #e1e6ef;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 6px 18px rgba(15, 23, 42, .035);
}

.da-product-detail-image {
    display: grid;
    place-items: center;
    min-height: 190px;
    overflow: hidden;
    border: 1px solid #e7eaf0;
    border-radius: 7px;
    background: #f6f7fa;
    color: #98a2b3;
    font-size: .75rem;
    text-align: center;
}

.da-product-detail-image img {
    width: 100%;
    height: 100%;
    max-height: 260px;
    object-fit: contain;
}

.da-product-detail-summary {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-width: 0;
    padding: .25rem 0;
}

.da-product-detail-summary > span {
    color: #6941c6;
    font-size: .72rem;
    font-weight: 700;
    text-transform: uppercase;
}

.da-product-detail-summary h2 {
    margin: .45rem 0 .8rem;
    color: #172033;
    font-size: 1.05rem;
    line-height: 1.35;
}

.da-product-detail-summary strong {
    color: #172033;
    font-size: 1.2rem;
}

.da-product-detail-summary small {
    margin-top: auto;
    color: #15803d;
    font-size: .8rem;
    font-weight: 650;
}

@media (max-width: 720px) {
    .da-analysis-ad-tabs {
        gap: 1rem;
        overflow-x: auto;
    }

    .da-analysis-ad-tabs button {
        flex: 0 0 auto;
    }

    .da-product-ad-card {
        grid-template-columns: 82px minmax(0, 1fr);
        min-height: 104px;
    }

    .da-product-ad-media {
        width: 82px;
        height: 82px;
    }

    .da-product-ad-meta {
        grid-column: 2;
        flex-direction: row;
        justify-content: flex-start;
    }

    .da-product-ad-meta .da-favorite-button {
        margin: 0 auto 0 0;
    }

    .da-product-detail-preview {
        grid-template-columns: 1fr;
    }

    .da-product-detail-image {
        min-height: 170px;
    }

    .da-product-detail-summary small {
        margin-top: .8rem;
    }
}

.da-analysis-preview-card {
    overflow: hidden;
    border: 1px solid #e1e6ef;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 6px 18px rgba(15, 23, 42, .035);
}

.da-analysis-preview-card > h2 {
    margin: 0;
    padding: .75rem 1rem;
    border-bottom: 1px solid #e7eaf0;
    color: #172033;
    font-size: .9rem;
    font-weight: 700;
}

.da-analysis-preview-content {
    padding: 1rem 1.15rem 1.1rem;
}

.da-analysis-preview-empty {
    margin: 0;
    padding: 1rem;
    color: #667085;
    font-size: .84rem;
}

.da-saved-serp-ad {
    min-width: 0;
    color: #111;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 1.35;
}

.da-saved-serp-title {
    display: flex;
    align-items: flex-start;
    gap: .45rem;
    min-width: 0;
}

.da-saved-serp-title a {
    color: #1a0dab;
    font-size: 18px;
    line-height: 1.25;
    text-decoration: none;
}

.da-saved-serp-title a:hover {
    text-decoration: underline;
}

.da-saved-serp-title b,
.da-saved-serp-text b {
    font-weight: 700;
}

.da-saved-serp-favicon {
    flex: 0 0 16px;
    width: 16px;
    height: 16px;
    margin-top: 3px;
    border-radius: 3px;
}

.da-saved-serp-path {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .28rem;
    margin-top: .22rem;
    min-width: 0;
    color: #1a7f37;
    font-size: 13px;
}

.da-saved-serp-path span {
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.da-saved-serp-path small {
    color: #667085;
    font-size: 11px;
}

.da-saved-serp-text {
    margin-top: .35rem;
    color: #202124;
    overflow-wrap: anywhere;
}

.da-saved-serp-reviews {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: .25rem;
    margin-top: .2rem;
    color: #202124;
    font-size: 13px;
}

.da-saved-serp-reviews strong {
    font-weight: 700;
}

.da-saved-serp-clarifications {
    margin-top: .3rem;
    color: #5f6368;
    font-size: 13px;
    overflow-wrap: anywhere;
}

.da-saved-serp-sitelinks {
    display: flex;
    flex-wrap: wrap;
    gap: .25rem .7rem;
    margin-top: .4rem;
}

.da-saved-serp-sitelinks a,
.da-saved-serp-sitelinks span {
    color: #1a0dab;
    font-size: 13px;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.da-saved-serp-metadata {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: .15rem .3rem;
    margin-top: .35rem;
    color: #202124;
    font-size: 13px;
    overflow-wrap: anywhere;
}

.da-saved-serp-metadata-label {
    color: #667085;
}

.da-analysis-side-panel {
    display: block;
    padding: 0;
    overflow: hidden;
    border: 1px solid #e1e6ef;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 6px 18px rgba(15, 23, 42, .035);
}

.da-analysis-selected-head {
    padding: 1rem 1.15rem .85rem;
}

.da-analysis-selected-head h2 {
    margin: 0;
    color: #172033;
    font-size: 1.12rem;
    font-weight: 700;
    line-height: 1.3;
}

.da-analysis-selected-head > span {
    display: block;
    margin-top: .35rem;
    color: #15803d;
    font-size: .82rem;
    font-weight: 650;
}

.da-analysis-side-stats {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(105px, 1fr));
    border-top: 1px solid #e7eaf0;
    border-bottom: 1px solid #e7eaf0;
}

.da-analysis-side-stats > div {
    display: grid;
    gap: .32rem;
    min-width: 0;
    padding: .75rem 1rem;
    border-right: 1px solid #e7eaf0;
}

.da-analysis-side-stats > div:last-child {
    border-right: 0;
}

.da-analysis-side-stats span,
.da-analysis-side-section > small {
    color: #667085;
    font-size: .75rem;
}

.da-analysis-side-stats strong {
    overflow: hidden;
    color: #172033;
    font-size: .86rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.da-analysis-geo-block {
    display: grid;
    gap: .45rem;
    padding: .8rem 1rem;
    border-bottom: 1px solid #e7eaf0;
    background: #fafbff;
}

.da-analysis-geo-block > span {
    color: #667085;
    font-size: .75rem;
    font-weight: 600;
}

.da-analysis-geo-block > strong {
    color: #172033;
    font-size: .86rem;
    line-height: 1.45;
    overflow-wrap: anywhere;
    white-space: normal;
}

.da-analysis-geo-list {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
}

.da-analysis-geo-list > span {
    padding: .3rem .55rem;
    border: 1px solid #dfe3ff;
    border-radius: 999px;
    background: #fff;
    color: #3730a3;
    font-size: .8rem;
    overflow-wrap: anywhere;
}

.da-analysis-side-section {
    padding: .8rem 1rem;
    border-bottom: 1px solid #e7eaf0;
}

.da-analysis-side-section:last-child {
    border-bottom: 0;
}

.da-analysis-side-section h3 {
    margin: 0 0 .45rem;
    color: #172033;
    font-size: .82rem;
    font-weight: 700;
}

.da-promo-offer {
    display: grid;
    gap: .35rem;
    padding: .65rem .75rem;
    border: 1px solid #f2d39a;
    border-radius: 8px;
    background: #fffaf0;
    color: #344054;
    font-size: .82rem;
}

.da-promo-offer + .da-promo-offer {
    margin-top: .5rem;
}

.da-promo-offer small {
    color: #7a4d00;
}

.da-promo-offer-text {
    color: #172033;
    font-weight: 600;
}

.da-promo-offer-description {
    line-height: 1.45;
}

.da-promo-offer-sitelinks {
    display: grid;
    gap: .25rem;
    padding-top: .4rem;
    border-top: 1px solid #f2d39a;
}

.da-promo-offer-sitelinks > span {
    color: #7a4d00;
    font-size: .72rem;
    font-weight: 700;
}

.da-promo-offer-sitelinks > div {
    display: flex;
    flex-wrap: wrap;
    gap: .3rem .65rem;
    color: #5945d8;
}

.da-analysis-section-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    min-height: 28px;
    margin-bottom: .35rem;
}

.da-analysis-section-heading h3 {
    margin: 0;
}

.da-copy-button {
    position: relative;
    flex: 0 0 28px;
    width: 28px;
    height: 28px;
    padding: 0;
    border: 1px solid transparent;
    border-radius: 6px;
    background: transparent;
    color: #667085;
    cursor: pointer;
}

.da-copy-button:hover {
    border-color: #d8dee9;
    background: #f8f9fc;
    color: #344054;
}

.da-copy-button.copied {
    border-color: #b7e4c7;
    background: #ecfdf3;
    color: #15803d;
}

.da-copy-icon::before,
.da-copy-icon::after {
    position: absolute;
    width: 9px;
    height: 10px;
    border: 1.5px solid currentColor;
    border-radius: 2px;
    content: "";
}

.da-copy-icon::before {
    top: 7px;
    left: 8px;
}

.da-copy-icon::after {
    top: 10px;
    left: 11px;
    background: inherit;
}

.da-analysis-copy-content {
    color: #344054;
    font-size: .84rem;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.da-analysis-side-section > a {
    display: inline-block;
    max-width: 100%;
    color: #2459d6;
    font-size: .86rem;
    overflow-wrap: anywhere;
}

.da-analysis-side-section > small {
    display: block;
    margin-top: .25rem;
}

.da-analysis-inline-values {
    display: flex;
    flex-wrap: wrap;
    gap: .3rem .55rem;
    color: #344054;
    font-size: .82rem;
}

.da-analysis-side-section .da-sitelinks,
.da-analysis-side-section .da-clarifications {
    margin-top: 0;
    font-size: .82rem;
}

.da-analysis-side-section .da-sitelinks a,
.da-analysis-side-section .da-sitelinks span {
    font-size: .82rem;
}

.da-ad-phrase-list {
    display: grid;
    gap: .4rem;
}

.da-ad-phrase-list > span {
    display: flex;
    align-items: baseline;
    gap: .45rem;
    color: #344054;
    font-size: .82rem;
    line-height: 1.4;
}

.da-ad-phrase-list strong {
    flex: 0 0 auto;
    padding: .15rem .38rem;
    border-radius: 5px;
    background: #f0edff;
    color: #5935d5;
    font-size: .7rem;
    font-weight: 700;
}

.da-phrase-history-list {
    display: grid;
    gap: .55rem;
}

.da-phrase-history-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 180px;
    align-items: center;
    gap: .75rem;
    min-width: 0;
    padding: .55rem .65rem;
    border: 1px solid #e7eaf0;
    border-radius: 6px;
    background: #fbfcfe;
}

.da-phrase-history-row > div {
    display: grid;
    gap: .2rem;
    min-width: 0;
}

.da-phrase-history-row strong {
    overflow: hidden;
    color: #172033;
    font-size: .78rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.da-phrase-history-row span {
    color: #667085;
    font-size: .7rem;
}

.da-phrase-history-row .da-library-chart--compact {
    width: 180px;
    height: 38px;
}

.da-analysis-side-panel .da-position-chart {
    margin-top: .2rem;
}

.da-analysis-side-panel.da-empty-panel {
    display: grid;
    gap: .25rem;
    min-height: 0;
    padding: .9rem 1rem;
}

.da-analysis-side-panel.da-empty-panel h2 {
    margin: 0;
    color: #172033;
    font-size: .9rem;
    font-weight: 700;
}

.da-analysis-side-panel.da-empty-panel p {
    margin: 0;
    color: #667085;
    font-size: .8rem;
}

@media (max-width: 1350px) {
    .da-analysis-summary-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 1100px) {
    .da-analysis-query-resources {
        grid-template-columns: 1fr;
    }

    .da-stats-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .da-results-grid {
        grid-template-columns: 1fr;
    }

    .da-analysis-workspace {
        grid-template-columns: 1fr;
    }

    .da-detail-panel {
        position: static;
    }

    .da-query-grid,
    .da-request-card {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .da-project-list-controls {
        grid-template-columns: 1fr;
        align-items: stretch;
        padding: 1rem;
    }

    .da-project-filters {
        justify-content: flex-start;
        padding-top: 0;
    }

    .da-history-filter-panel {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .da-history-new-query form {
        grid-template-columns: 1fr;
    }

    .da-history-filter-panel .da-btn {
        grid-column: 1 / -1;
    }

    .da-schedule-controls,
    .da-scheduler-grid,
    .da-domain-tracking-page .da-scheduler-grid,
    .da-schedule-item,
    .da-domain-item {
        grid-template-columns: 1fr;
    }

    .da-schedule-item {
        grid-template-areas:
            "main"
            "meta"
            "actions";
    }

    .da-schedule-meta {
        width: 100%;
    }

    .da-schedule-controls--stacked > div:first-child {
        grid-column: auto;
        max-width: none;
    }

    .da-schedule-actions {
        grid-template-columns: minmax(0, auto) 34px;
        justify-content: flex-start;
        min-width: 0;
    }

    .da-domain-item .da-schedule-actions {
        grid-template-columns: auto;
    }

    .da-schedule-action-buttons {
        justify-content: flex-start;
    }

    .da-domain-filters {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .da-admin-overview-grid {
        grid-template-columns: 1fr;
    }

    .da-domain-status-filter {
        overflow-x: auto;
    }
}

@media (max-width: 700px) {
    .da-analysis-response-group {
        grid-template-columns: 1fr;
    }

    .da-analysis-response-group > strong {
        white-space: normal;
    }

    .da-phrase-history-row {
        grid-template-columns: 1fr;
    }

    .da-phrase-history-row .da-library-chart--compact {
        width: 100%;
    }

    .da-favorites-toolbar {
        grid-template-columns: 1fr;
    }

    .da-header {
        flex-direction: column;
    }

    .da-header-actions,
    .da-form-actions {
        width: 100%;
        justify-content: stretch;
    }

    .da-analysis-details-head .da-header-actions {
        flex-wrap: wrap;
    }

    .da-analysis-summary-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .da-card-header {
        flex-direction: column;
        align-items: stretch;
    }

    .da-domain-filter,
    .da-domain-filter select {
        width: 100%;
        max-width: none;
    }

    .da-analysis-filters {
        width: 100%;
        justify-content: stretch;
    }

    .da-btn,
    .da-form-actions > * {
        flex: 1;
    }

    .da-stats-grid,
    .da-query-grid,
    .da-request-card {
        grid-template-columns: 1fr;
    }

    .da-project-create__grid,
    .da-project-pagination {
        align-items: stretch;
        flex-direction: column;
    }

    .da-project-create__grid {
        display: flex;
        flex-direction: column;
    }

    .da-projects-search,
    .da-project-filters label {
        width: 100%;
    }

    .da-project-filters {
        display: grid;
        grid-template-columns: 1fr;
        width: 100%;
    }

    .da-project-filter-button {
        width: 100%;
    }

    .da-project-list-controls .da-domain-status-filter {
        width: 100%;
        overflow-x: auto;
    }

    .da-history-toolbar,
    .da-history-pagination,
    .da-domain-pagination {
        align-items: stretch;
        flex-direction: column;
    }

    .da-history-period {
        margin-left: 0;
    }

    .da-history-select,
    .da-history-date-range,
    .da-history-date-range label,
    .da-history-filter-panel label {
        width: 100%;
    }

    .da-history-date-range {
        display: grid;
        grid-template-columns: 1fr;
    }

    .da-history-filter-panel,
    .da-admin-stats {
        grid-template-columns: 1fr;
    }

    .da-history-filter-wide {
        grid-column: auto;
    }

    .da-schedule-modal__header,
    .da-schedule-modal__actions {
        align-items: stretch;
        flex-direction: column;
    }

    .da-schedule-title,
    .da-schedule-summary > div {
        align-items: flex-start;
    }

    .da-schedule-summary,
    .da-schedule-form-row {
        grid-template-columns: 1fr;
    }

    .da-schedule-modal__actions .da-btn,
    .da-schedule-actions .da-btn {
        width: 100%;
    }

    .da-schedule-actions {
        grid-template-columns: 1fr;
    }

    .da-domain-filters {
        grid-template-columns: 1fr;
    }

    .da-domain-status-filter {
        width: 100%;
    }

    .da-domain-count {
        justify-content: flex-start;
    }

    .da-page-size {
        width: 100%;
        justify-content: space-between;
    }

    .da-schedule-icon-actions {
        display: flex;
        justify-content: flex-start;
    }

    .da-ad-row {
        grid-template-columns: 38px minmax(0, 1fr);
    }

    .da-shared-ad-card.tracking {
        grid-template-columns: 96px minmax(0, 1fr);
    }

    .da-ad-meta {
        grid-column: 2;
        justify-items: start;
        display: flex;
        gap: .75rem;
    }

    .da-info-card dl {
        grid-template-columns: 1fr;
    }

    .da-analysis-side-stats {
        grid-template-columns: 1fr;
    }

    .da-analysis-side-stats > div {
        border-right: 0;
        border-bottom: 1px solid #e7eaf0;
    }

    .da-analysis-side-stats > div:last-child {
        border-bottom: 0;
    }

    .da-side-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .da-side-stats > div,
    .da-side-stats > div:nth-child(3n),
    .da-side-stats > div:nth-last-child(-n + 3) {
        border-right: 1px solid #e7eaf0;
        border-bottom: 1px solid #e7eaf0;
    }

    .da-side-stats > div:nth-child(2n) {
        border-right: 0;
    }

    .da-side-stats > div:nth-last-child(-n + 2) {
        border-bottom: 0;
    }

    .da-version-head,
    .da-version-content {
        grid-template-columns: 1fr;
        align-items: stretch;
        flex-direction: column;
    }

    .da-version-period {
        min-width: 0;
        text-align: left;
    }

    .da-admin-tabs {
        gap: 1rem;
        overflow-x: auto;
    }

    .da-admin-summary div,
    .da-admin-event-list article,
    .da-admin-task summary {
        grid-template-columns: 1fr;
    }

    .da-admin-settings-grid {
        grid-template-columns: 1fr;
    }

    .da-admin-users-toolbar,
    .da-admin-users-pagination {
        align-items: stretch;
        flex-direction: column;
    }

    .da-admin-user-search {
        align-items: stretch;
        flex-direction: column;
    }

    .da-admin-user-search .form-control {
        width: 100%;
    }

    .da-admin-parser-search-card,
    .da-admin-parser-result-head,
    .da-admin-parser-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .da-admin-parser-search {
        align-items: stretch;
        flex-direction: column;
    }

    .da-admin-parser-search > div {
        width: 100%;
    }

    .da-admin-parser-details {
        grid-template-columns: 1fr;
    }

    .da-admin-parser-details > div,
    .da-admin-parser-details > div:nth-child(3n) {
        border-right: 0;
    }

    .da-admin-parser-actions p {
        margin-left: 0;
    }

    .da-admin-task-meta {
        white-space: normal;
    }
}

@media (max-width: 430px) {
    .da-analysis-summary-grid {
        grid-template-columns: 1fr;
    }
}

/* Public report links and anonymous report view */
.da-public-link-panel {
    display: grid;
    grid-template-columns: minmax(240px, .8fr) minmax(420px, 1.2fr);
    gap: 1rem;
    align-items: center;
    margin: 0 0 1.25rem;
    padding: 1rem 1.15rem;
    border: 1px solid #dfe5ef;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(31, 42, 68, .05);
}

.da-public-link-panel > div:first-child {
    display: flex;
    flex-direction: column;
    gap: .2rem;
}

.da-public-link-panel > div:first-child span,
.da-public-link-state {
    color: #687386;
    font-size: .86rem;
}

.da-public-link-panel > .da-btn {
    justify-self: end;
}

.da-public-link-controls {
    display: grid;
    grid-template-columns: minmax(180px, 1fr) auto auto;
    gap: .55rem;
}

.da-public-link-controls input {
    min-width: 0;
    padding: .55rem .7rem;
    border: 1px solid #d8deea;
    border-radius: 9px;
    color: #4c586d;
    background: #f7f9fc;
}

.da-public-link-disable {
    color: #b42318;
}

.da-public-link-panel .alert {
    grid-column: 1 / -1;
    margin: 0;
}

.da-public-shell {
    min-height: 100vh;
    background: #f5f7fb;
}

.da-public-header {
    position: sticky;
    top: 0;
    z-index: 20;
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 72px;
    padding: .75rem max(1rem, calc((100vw - 1440px) / 2));
    border-bottom: 1px solid #e2e7f0;
    background: rgba(255, 255, 255, .96);
    backdrop-filter: blur(12px);
}

.da-public-brand {
    display: flex;
    gap: .65rem;
    align-items: center;
    color: #172033;
    text-decoration: none;
}

.da-public-brand > span:last-child {
    display: flex;
    flex-direction: column;
    line-height: 1.15;
}

.da-public-brand small {
    margin-top: .18rem;
    color: #7a8496;
    font-size: .72rem;
}

.da-public-auth {
    display: flex;
    gap: .55rem;
}

.da-public-main {
    width: min(1440px, 100%);
    margin: 0 auto;
    padding: 1.5rem;
}

.da-public-report-state {
    max-width: 720px;
    margin: 8vh auto;
}

.da-public-report-state .da-empty {
    padding: 3rem 1.5rem;
    text-align: center;
}

.da-public-report-title {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 1.25rem;
    margin-bottom: 1.1rem;
}

.da-public-report-title h1 {
    margin: .4rem 0 .25rem;
}

.da-public-report-title p {
    margin: 0;
    color: #667085;
}

.da-public-report-badge {
    display: inline-flex;
    padding: .28rem .55rem;
    border-radius: 999px;
    color: #3157c8;
    background: #eaf0ff;
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .02em;
    text-transform: uppercase;
}

.da-public-report-updated {
    display: flex;
    flex-direction: column;
    gap: .15rem;
    min-width: 210px;
    text-align: right;
}

.da-public-report-updated span {
    color: #7a8496;
    font-size: .8rem;
}

.da-public-summary {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .75rem;
    margin-bottom: 1rem;
}

.da-public-summary > div {
    display: flex;
    flex-direction: column;
    gap: .2rem;
    padding: .9rem 1rem;
    border: 1px solid #e1e6ef;
    border-radius: 12px;
    background: #fff;
}

.da-public-summary span {
    color: #7a8496;
    font-size: .78rem;
}

.da-public-phrases {
    margin-bottom: 1rem;
    padding: .85rem 1rem;
}

.da-public-phrases summary {
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    font-weight: 700;
}

.da-public-phrases > div {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    margin-top: .75rem;
}

.da-public-phrases > div span {
    padding: .28rem .55rem;
    border-radius: 7px;
    color: #40506a;
    background: #f0f3f8;
    font-size: .82rem;
}

.da-public-filters {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    gap: .65rem;
    margin: .85rem 0;
}

.da-public-filters .da-domain-search {
    grid-column: span 2;
    width: 100%;
}

.da-public-workspace {
    align-items: start;
}

.da-public-workspace .da-domain-side-column {
    position: sticky;
    top: 90px;
    max-height: calc(100vh - 110px);
    overflow-y: auto;
    scrollbar-width: thin;
}

.da-public-workspace .da-analysis-side-section a {
    overflow-wrap: anywhere;
}

.da-domain-details-page .da-domain-side-column,
.da-analysis-details-page .da-domain-side-column {
    position: sticky;
    top: 1rem;
    max-height: calc(100vh - 2rem);
    overflow-y: auto;
    scrollbar-width: thin;
}

.da-analysis-details-page .da-analysis-detail-shell {
    display: block;
    height: calc(100vh - 2rem);
    max-height: calc(100vh - 2rem);
    overflow-y: auto;
    padding-right: .2rem;
    padding-bottom: 1rem;
    scrollbar-width: thin;
}

.da-analysis-detail-scroll {
    display: block;
}

.da-analysis-detail-scroll > * + * {
    margin-top: 1rem;
}

@media (max-width: 900px) {
    .da-public-link-panel,
    .da-public-link-controls,
    .da-public-filters,
    .da-public-summary {
        grid-template-columns: 1fr;
    }

    .da-public-filters .da-domain-search {
        grid-column: auto;
    }

    .da-public-link-panel > .da-btn {
        justify-self: stretch;
    }

    .da-public-report-title {
        align-items: start;
        flex-direction: column;
    }

    .da-public-report-updated {
        min-width: 0;
        text-align: left;
    }

    .da-public-workspace .da-domain-side-column {
        position: static;
        max-height: none;
    }

    .da-analysis-details-page .da-domain-side-column,
    .da-domain-details-page .da-domain-side-column {
        position: static;
        max-height: none;
        overflow-y: visible;
    }

    .da-analysis-details-page .da-analysis-detail-shell,
    .da-analysis-detail-scroll {
        height: auto;
        overflow-y: visible;
    }

    .da-analysis-details-page .da-analysis-detail-shell {
        padding-right: 0;
        padding-bottom: 0;
    }
}

@media (max-width: 560px) {
    .da-public-header {
        padding: .65rem .8rem;
    }

    .da-public-brand small {
        display: none;
    }

    .da-public-auth .da-btn {
        padding: .45rem .55rem;
        font-size: .78rem;
    }

    .da-public-main {
        padding: 1rem .65rem;
    }
}

/* User account */
.da-account-shell {
    display: grid;
    grid-template-columns: 250px minmax(0, 1fr);
    align-items: start;
    gap: 24px;
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
}

.da-account-heading {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1rem;
}

.da-account-heading h1,
.da-account-page-head h2,
.da-account-panel h3,
.da-subscription-current h3,
.da-subscription-section-head h3,
.da-plan-card h4 {
    margin: 0;
    color: #172033;
}

.da-account-heading h1 {
    font-size: 1.7rem;
    font-weight: 800;
}

.da-account-heading p,
.da-account-page-head p,
.da-account-panel p,
.da-subscription-current p,
.da-subscription-section-head p {
    margin: .25rem 0 0;
    color: #667085;
}

.da-account-eyebrow,
.da-account-label {
    display: block;
    margin-bottom: .2rem;
    color: #6256e8;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.da-account-navigation {
    overflow: hidden;
    border: 1px solid var(--da-border);
    border-radius: var(--da-radius);
    background: var(--da-surface);
    box-shadow: 0 5px 18px rgba(15, 23, 42, .035);
    padding: 16px;
}

.da-account-navigation__title {
    padding: 0 14px 10px;
    color: var(--da-text-muted);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0;
}

.da-account-tabs {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.da-account-menu-group {
    display: grid;
    gap: 4px;
}

.da-account-tab {
    position: relative;
    display: flex;
    align-items: center;
    gap: 11px;
    min-height: 46px;
    padding: 0 14px;
    border: 1px solid transparent;
    border-radius: 9px;
    color: var(--da-text-muted);
    font-size: 15px;
    font-weight: 500;
    line-height: 1.25;
    text-align: left;
    text-decoration: none;
    transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}

.da-account-tab__icon {
    flex: 0 0 auto;
    width: 18px;
    height: 18px;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.6;
}

.da-account-tab:hover {
    background: #faf9ff;
    color: #5145cd;
}

.da-account-tab.active {
    border-color: color-mix(in srgb, var(--da-primary) 20%, var(--da-border));
    background: var(--da-primary-soft);
    color: var(--da-primary);
    font-weight: 600;
}

.da-account-tab.active::after {
    position: absolute;
    top: 8px;
    bottom: 8px;
    left: -1px;
    width: 3px;
    border-radius: 0 999px 999px 0;
    background: #6256e8;
    content: "";
}

.da-account-subtabs {
    display: grid;
    gap: .12rem;
    margin: .05rem 0 .2rem 1.35rem;
    padding: .12rem 0 .12rem .9rem;
    border-left: 1px solid #dedfeb;
}

.da-account-subtabs a {
    padding: .48rem .65rem;
    border-radius: 6px;
    color: #667085;
    font-size: .82rem;
    font-weight: 650;
    text-decoration: none;
}

.da-account-subtabs a:hover,
.da-account-subtabs a.active {
    background: #ebe9ff;
    color: #5145cd;
}

.da-account-content {
    width: 100%;
    min-width: 0;
}

.da-account-page-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: .9rem;
}

.da-account-page-head h2 {
    font-size: 1.22rem;
    font-weight: 800;
}

.da-account-page-head p,
.da-subscription-section-head p {
    font-size: .86rem;
}

.da-account-panel,
.da-subscription-current,
.da-plan-card,
.da-account-loading,
.da-account-empty {
    border: 1px solid #e2e6ee;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 5px 16px rgba(15, 23, 42, .035);
}

.da-account-overview-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .85rem;
}

.da-account-overview-profile,
.da-account-overview-subscription {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .85rem;
    min-height: 116px;
    padding: 1rem;
}

.da-account-overview-subscription {
    grid-template-columns: minmax(0, 1fr) auto;
}

.da-account-panel h3 {
    overflow: hidden;
    font-size: 1rem;
    font-weight: 750;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.da-account-panel p {
    font-size: .82rem;
}

.da-account-avatar {
    display: grid;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #ede9fe;
    color: #5145cd;
    font-weight: 800;
    place-items: center;
}

.da-account-link {
    padding: .5rem .7rem;
    border: 1px solid #d8dce6;
    border-radius: 8px;
    color: #454b61;
    font-size: .8rem;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
}

.da-account-link:hover {
    border-color: #aaa5ff;
    color: #5145cd;
}

.da-account-link-primary {
    border-color: #6256e8;
    background: #6256e8;
    color: #fff;
}

.da-account-link-primary:hover {
    background: #5145cd;
    color: #fff;
}

.da-account-quick-links {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .7rem;
    margin-top: .85rem;
}

.da-account-quick-links a {
    display: grid;
    gap: .12rem;
    padding: .8rem .9rem;
    border: 1px solid #e2e6ee;
    border-radius: 10px;
    background: #fff;
    color: #30364a;
    text-decoration: none;
}

.da-account-quick-links a:hover {
    border-color: #aaa5ff;
    background: #faf9ff;
}

.da-account-quick-links span {
    font-size: .86rem;
    font-weight: 750;
}

.da-account-quick-links small {
    color: #7a8295;
    font-size: .74rem;
}

.da-account-form-panel {
    width: min(620px, 100%);
    padding: 1rem;
}

.da-account-form-panel .da-btn {
    min-width: 140px;
}

.da-subscription-current {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.25rem;
    min-height: 104px;
    padding: 1rem 1.1rem;
    border-color: #d9d5ff;
    background: linear-gradient(135deg, #fff 0%, #f8f7ff 100%);
}

.da-subscription-current.is-empty {
    border-color: #e2e6ee;
    background: #fff;
}

.da-subscription-current h3 {
    font-size: 1.12rem;
    font-weight: 800;
}

.da-subscription-current p {
    font-size: .82rem;
}

.da-subscription-title-row {
    display: flex;
    align-items: center;
    gap: .65rem;
}

.da-subscription-status,
.da-plan-current-badge {
    padding: .24rem .5rem;
    border-radius: 999px;
    background: #e6f6e9;
    color: #26813b;
    font-size: .7rem;
    font-weight: 800;
}

.da-subscription-metrics {
    display: flex;
    align-items: stretch;
    gap: 0;
    flex: 0 0 auto;
}

.da-subscription-metrics > div {
    display: grid;
    min-width: 112px;
    padding: .2rem 1rem;
    border-left: 1px solid #dddaf3;
}

.da-subscription-metrics strong {
    color: #4138bd;
    font-size: 1.15rem;
}

.da-subscription-metrics span {
    color: #7a8295;
    font-size: .72rem;
}

.da-subscription-section-head {
    margin: 1.2rem 0 .75rem;
}

.da-subscription-section-head h3 {
    font-size: 1.05rem;
    font-weight: 800;
}

.da-plan-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: .75rem;
    align-items: stretch;
}

.da-plan-card {
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: .9rem;
}

.da-plan-card.is-current {
    border-color: #7165ed;
    box-shadow: 0 7px 20px rgba(98, 86, 232, .1);
}

.da-plan-card__head {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: .6rem;
}

.da-plan-card h4 {
    font-size: .95rem;
    font-weight: 800;
}

.da-plan-price {
    margin-top: .2rem;
    color: #172033;
    font-size: 1.45rem;
    font-weight: 850;
    letter-spacing: -.025em;
}

.da-plan-price span {
    font-size: 1rem;
}

.da-plan-current-badge {
    background: #eeeaff;
    color: #5145cd;
}

.da-plan-facts {
    display: grid;
    gap: .42rem;
    margin: .7rem 0 .8rem;
    padding: .65rem 0;
    border-top: 1px solid #eceef3;
    border-bottom: 1px solid #eceef3;
}

.da-plan-facts > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .8rem;
}

.da-plan-facts dt,
.da-plan-facts dd {
    margin: 0;
    font-size: .78rem;
}

.da-plan-facts dt {
    color: #7a8295;
    font-weight: 500;
}

.da-plan-facts dd {
    color: #30364a;
    font-weight: 750;
}

.da-plan-pay {
    width: 100%;
    margin-top: auto;
    padding: .5rem .7rem;
    border: 1px solid #6256e8;
    border-radius: 8px;
    background: #6256e8;
    color: #fff;
    font-size: .82rem;
    font-weight: 750;
}

.da-plan-pay:not(:disabled):hover {
    background: #5145cd;
}

.da-plan-pay.is-current,
.da-plan-pay:disabled {
    border-color: #d9d5ff;
    background: #eeecff;
    color: #6256e8;
    cursor: default;
    opacity: 1;
}

.da-subscription-placeholder-note {
    margin: .65rem 0 0;
    color: #8a91a2;
    font-size: .72rem;
}

.da-account-loading,
.da-account-empty {
    padding: 1rem;
    color: #667085;
    font-size: .85rem;
}

@media (max-width: 900px) {
    .da-account-shell {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .da-account-navigation {
        position: static;
        min-height: 0;
        padding: 14px;
    }

    .da-account-tabs {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .da-account-overview-grid {
        grid-template-columns: 1fr;
    }

    .da-plan-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .da-account-heading h1 {
        font-size: 1.4rem;
    }

    .da-account-heading p {
        font-size: .82rem;
    }

    .da-account-tabs {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .da-account-tab {
        min-width: 0;
        padding: 0 12px;
    }

    .da-subscription-current {
        align-items: stretch;
        flex-direction: column;
    }

    .da-subscription-metrics > div:first-child {
        border-left: 0;
        padding-left: 0;
    }

    .da-plan-grid,
    .da-account-quick-links {
        grid-template-columns: 1fr;
    }

    .da-account-overview-profile,
    .da-account-overview-subscription {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .da-account-overview-subscription {
        grid-template-columns: 1fr;
    }

    .da-account-overview-profile .da-account-link {
        grid-column: 1 / -1;
    }

    .da-account-link {
        text-align: center;
    }
}

/* Final color-mode harmonization follows feature-specific rules deliberately. */
:root[data-theme="dark"] body,
:root[data-theme="dark"] .da-page,
:root[data-theme="dark"] .da-account-shell,
:root[data-theme="dark"] .da-public-shell,
:root[data-theme="dark"] .da-auth-layout {
    color: var(--da-text);
    background-color: var(--da-bg);
}

:root[data-theme="dark"] .da-card,
:root[data-theme="dark"] .da-request-card,
:root[data-theme="dark"] .da-stat-card,
:root[data-theme="dark"] .da-project-list-shell,
:root[data-theme="dark"] .da-history-table-shell,
:root[data-theme="dark"] .da-history-filter-panel,
:root[data-theme="dark"] .da-scheduler-list,
:root[data-theme="dark"] .da-scheduler-create,
:root[data-theme="dark"] .da-schedule-item,
:root[data-theme="dark"] .da-admin-overview-card,
:root[data-theme="dark"] .da-admin-settings-card,
:root[data-theme="dark"] .da-admin-users-card,
:root[data-theme="dark"] .da-admin-parser-search-card,
:root[data-theme="dark"] .da-admin-parser-result,
:root[data-theme="dark"] .da-admin-section,
:root[data-theme="dark"] .da-account-panel,
:root[data-theme="dark"] .da-account-navigation,
:root[data-theme="dark"] .da-account-loading,
:root[data-theme="dark"] .da-account-empty,
:root[data-theme="dark"] .da-public-summary,
:root[data-theme="dark"] .da-public-phrases,
:root[data-theme="dark"] .da-public-link-panel,
:root[data-theme="dark"] .da-test-snapshot-item,
:root[data-theme="dark"] .da-schedule-modal,
:root[data-theme="dark"] .da-modal-content {
    border-color: var(--da-border);
    background: var(--da-surface);
    color: var(--da-text);
}

:root[data-theme="dark"] .da-account-tab {
    color: var(--da-text-muted);
}

:root[data-theme="dark"] .da-account-tab:hover {
    background: var(--da-surface-subtle);
    color: var(--da-text);
}

:root[data-theme="dark"] .da-account-tab.active {
    border-color: rgba(125, 107, 255, .45);
    background: rgba(98, 86, 232, .18);
    color: #b9b2ff;
}

:root[data-theme="dark"] .da-account-subtabs {
    border-color: var(--da-border);
}

:root[data-theme="dark"] .da-account-subtabs a {
    color: var(--da-text-muted);
}

:root[data-theme="dark"] .da-account-subtabs a:hover,
:root[data-theme="dark"] .da-account-subtabs a.active {
    background: rgba(98, 86, 232, .16);
    color: #b9b2ff;
}

:root[data-theme="dark"] h1,
:root[data-theme="dark"] h2,
:root[data-theme="dark"] h3,
:root[data-theme="dark"] h4,
:root[data-theme="dark"] h5,
:root[data-theme="dark"] h6,
:root[data-theme="dark"] strong,
:root[data-theme="dark"] dt,
:root[data-theme="dark"] label,
:root[data-theme="dark"] .da-account-setting-row h3,
:root[data-theme="dark"] .da-telegram-panel__header h3,
:root[data-theme="dark"] .da-telegram-empty h4 {
    color: var(--da-text);
}

:root[data-theme="dark"] p,
:root[data-theme="dark"] small,
:root[data-theme="dark"] dd,
:root[data-theme="dark"] .text-muted,
:root[data-theme="dark"] [class*="subtitle"],
:root[data-theme="dark"] [class*="description"],
:root[data-theme="dark"] [class*="note"] {
    color: var(--da-text-muted);
}

:root[data-theme="dark"] .da-btn-secondary,
:root[data-theme="dark"] .da-icon-action,
:root[data-theme="dark"] .da-history-icon-button,
:root[data-theme="dark"] .da-project-filter-button,
:root[data-theme="dark"] .da-copy-button,
:root[data-theme="dark"] .da-modal-close,
:root[data-theme="dark"] .da-btn-danger-outline {
    border-color: var(--da-border-strong);
    background: var(--da-surface);
    color: var(--da-text-muted);
}

:root[data-theme="dark"] .da-btn-secondary:hover,
:root[data-theme="dark"] .da-icon-action:hover,
:root[data-theme="dark"] .da-history-icon-button:hover,
:root[data-theme="dark"] .da-project-filter-button:hover,
:root[data-theme="dark"] .da-copy-button:hover,
:root[data-theme="dark"] .da-modal-close:hover {
    border-color: var(--da-primary);
    background: var(--da-primary-soft);
    color: var(--da-primary-hover);
}

:root[data-theme="dark"] .form-control,
:root[data-theme="dark"] .form-select,
:root[data-theme="dark"] input,
:root[data-theme="dark"] select,
:root[data-theme="dark"] textarea {
    border-color: var(--da-border-strong);
    background-color: var(--da-surface-subtle);
    color: var(--da-text);
}

:root[data-theme="dark"] .da-account-setting-row,
:root[data-theme="dark"] .da-security-status,
:root[data-theme="dark"] .da-telegram-panel__header,
:root[data-theme="dark"] .da-telegram-features,
:root[data-theme="dark"] .da-telegram-features > div {
    border-color: var(--da-border);
}

@media (max-width: 430px) {
    .top-menu__user {
        display: none;
    }

    .top-menu__profile {
        flex: 0 0 auto;
    }

    .top-menu__balance {
        max-width: calc(100% - 54px);
    }

    .da-schedule-action-buttons,
    .da-schedule-modal__actions,
    .da-form-actions {
        align-items: stretch;
        flex-direction: column;
        width: 100%;
    }

    .da-schedule-action-buttons > .da-btn,
    .da-schedule-modal__actions > .da-btn,
    .da-form-actions > .da-btn {
        width: 100%;
    }
}

/* Unified application design layer. Keep shared geometry here so feature pages
   cannot drift as new controls and cards are added. */
body,
button,
input,
select,
textarea {
    font-family: var(--da-font-sans);
}

body {
    overflow-x: hidden;
    color: var(--da-text);
    background: var(--da-bg);
}

h1, h2, h3, h4, h5, h6,
.da-header h1,
.da-card h2,
.da-card-header h2 {
    color: var(--da-text);
    letter-spacing: -.015em;
}

p, small,
.text-muted,
.da-header p,
.da-card-header p {
    color: var(--da-text-muted);
}

a {
    color: var(--da-primary);
}

a:hover {
    color: var(--da-primary-hover);
}

.da-page {
    width: min(100%, 1440px);
}

.da-header {
    min-width: 0;
    margin-bottom: 1.25rem;
}

.da-header > *,
.da-card > *,
.da-card-header > * {
    min-width: 0;
}

.da-header h1 {
    font-size: clamp(1.35rem, 2vw, 1.65rem);
    font-weight: 750;
    line-height: 1.2;
    overflow-wrap: anywhere;
}

.da-btn,
.btn,
.da-plan-pay {
    min-height: var(--da-control-height);
    padding: .55rem .9rem;
    border-radius: var(--da-radius-sm);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    font-size: .875rem;
    font-weight: 650;
    line-height: 1.2;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
}

.btn-lg {
    min-height: 44px;
    padding: .65rem 1rem;
    font-size: .925rem;
}

.da-btn-primary,
.btn-primary {
    border-color: var(--da-primary);
    background: var(--da-primary);
    color: #fff;
    box-shadow: none;
}

.da-btn-primary:hover,
.btn-primary:hover,
.da-btn-primary:focus-visible,
.btn-primary:focus-visible {
    border-color: var(--da-primary-hover);
    background: var(--da-primary-hover);
    color: #fff;
}

.da-btn-secondary {
    border: 1px solid var(--da-border-strong);
    background: var(--da-surface);
    color: var(--da-text);
}

.da-btn-secondary:hover {
    border-color: var(--da-primary);
    background: var(--da-primary-soft);
    color: var(--da-primary-hover);
}

.da-btn:focus-visible,
.btn:focus-visible,
button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
    outline: none;
    box-shadow: var(--da-focus);
}

.da-btn:disabled,
.btn:disabled,
button:disabled {
    box-shadow: none;
    cursor: not-allowed;
    opacity: .58;
}

.da-btn .bi,
.btn .bi {
    flex: 0 0 auto;
    font-size: 1rem;
    line-height: 1;
}

.form-control,
.form-select,
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="hidden"]),
select,
textarea {
    border-color: var(--da-border-strong);
    border-radius: var(--da-radius-sm);
    background-color: var(--da-surface);
    color: var(--da-text);
}

.form-control:not(textarea),
.form-select,
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="hidden"]),
select {
    min-height: var(--da-control-height);
}

.form-control::placeholder,
input::placeholder,
textarea::placeholder {
    color: var(--da-text-soft);
    opacity: 1;
}

.form-control:focus,
.form-select:focus,
input:focus,
select:focus,
textarea:focus {
    border-color: var(--da-primary);
    background-color: var(--da-surface);
    color: var(--da-text);
    box-shadow: var(--da-focus);
}

.da-card,
.da-request-card,
.da-stat-card,
.da-project-list-shell,
.da-history-table-shell,
.da-history-filter-panel,
.da-scheduler-list,
.da-scheduler-create,
.da-schedule-item,
.da-admin-overview-card,
.da-admin-settings-card,
.da-admin-users-card,
.da-admin-section,
.da-account-panel,
.da-account-loading,
.da-account-empty,
.da-public-summary,
.da-public-phrases,
.da-public-link-panel {
    border-color: var(--da-border);
    border-radius: var(--da-radius);
    background: var(--da-surface);
    color: var(--da-text);
    box-shadow: var(--da-shadow);
}

.da-card {
    padding: 1rem;
}

.da-icon-action,
.da-history-icon-button,
.da-project-filter-button,
.da-copy-button,
.da-modal-close {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: var(--da-control-height-sm);
    min-width: var(--da-control-height-sm);
    height: var(--da-control-height-sm);
    min-height: var(--da-control-height-sm);
    padding: 0;
    border: 1px solid var(--da-border-strong);
    border-radius: var(--da-radius-sm);
    background: var(--da-surface);
    color: var(--da-text-muted);
    font-size: 1rem;
    line-height: 1;
}

.da-icon-action:hover,
.da-history-icon-button:hover,
.da-project-filter-button:hover,
.da-copy-button:hover,
.da-modal-close:hover {
    border-color: var(--da-primary);
    background: var(--da-primary-soft);
    color: var(--da-primary-hover);
}

.da-theme-toggle {
    position: fixed;
    right: 18px;
    bottom: 18px;
    z-index: 1080;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    padding: 0;
    border: 1px solid var(--da-border-strong);
    border-radius: 50%;
    background: var(--da-surface);
    color: var(--da-primary);
    box-shadow: 0 8px 24px rgba(15, 23, 42, .18);
    transition: transform .16s ease, background-color .16s ease, color .16s ease;
}

.da-theme-toggle:hover {
    transform: translateY(-2px);
    background: var(--da-primary-soft);
    color: var(--da-primary-hover);
}

.da-theme-toggle__sun,
:root[data-theme="dark"] .da-theme-toggle__moon {
    display: none;
}

:root[data-theme="dark"] .da-theme-toggle__sun {
    display: inline-block;
}

.table,
.da-project-table,
.da-history-table,
.da-admin-table {
    color: var(--da-text);
}

:root[data-theme="dark"] .table,
:root[data-theme="dark"] .da-project-table,
:root[data-theme="dark"] .da-history-table,
:root[data-theme="dark"] .da-admin-table,
:root[data-theme="dark"] .da-project-table th,
:root[data-theme="dark"] .da-history-table th,
:root[data-theme="dark"] .da-admin-table th,
:root[data-theme="dark"] .da-project-table td,
:root[data-theme="dark"] .da-history-table td,
:root[data-theme="dark"] .da-admin-table td {
    border-color: var(--da-border);
    background: var(--da-surface);
    color: var(--da-text);
}

:root[data-theme="dark"] .da-project-table tbody tr:hover td,
:root[data-theme="dark"] .da-history-table tbody tr:hover td,
:root[data-theme="dark"] .da-admin-table tbody tr:hover td,
:root[data-theme="dark"] .alert,
:root[data-theme="dark"] .da-telegram-features,
:root[data-theme="dark"] .da-account-setting-row-danger {
    background: var(--da-surface-subtle);
}

:root[data-theme="dark"] .modal-content,
:root[data-theme="dark"] .da-schedule-modal,
:root[data-theme="dark"] .da-modal {
    border-color: var(--da-border);
    background: var(--da-surface);
    color: var(--da-text);
}

:root[data-theme="dark"] [class*="badge"],
:root[data-theme="dark"] [class*="status"] {
    border-color: var(--da-border-strong);
}

@media (max-width: 700px) {
    .da-page {
        width: 100%;
    }

    .da-header,
    .da-card-header,
    .da-history-topline,
    .da-admin-users-toolbar,
    .da-account-page-head {
        align-items: stretch;
        flex-direction: column;
    }

    .da-header-actions,
    .da-account-actions,
    .da-schedule-actions,
    .da-history-query-actions,
    .da-admin-settings-actions {
        width: 100%;
    }

    .da-header-actions > .da-btn,
    .da-account-actions > .da-btn,
    .da-history-query-actions > .da-btn,
    .da-admin-settings-actions > .da-btn {
        flex: 1 1 150px;
    }

    .da-btn,
    .btn,
    .da-plan-pay {
        min-height: 42px;
        white-space: normal;
    }

    .da-card,
    .da-request-card,
    .da-stat-card {
        border-radius: 10px;
    }

    .da-theme-toggle {
        right: 12px;
        bottom: 12px;
    }

    .table-responsive,
    [class*="table-wrap"],
    [class*="table-shell"] {
        max-width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        scroll-behavior: auto !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
    }
}

.da-account-notice {
    margin: 0 0 .85rem;
    padding: .7rem .85rem;
    border: 1px solid #dfe3ec;
    border-radius: 9px;
    background: #f8fafc;
    color: #454b61;
    font-size: .82rem;
}

.da-account-notice-success { border-color: #bde5c6; background: #effaf1; color: #236b34; }
.da-account-notice-danger { border-color: #f1c4c1; background: #fff3f2; color: #a52a22; }
.da-account-notice-info { border-color: #d9d5ff; background: #f6f4ff; color: #493fc0; }

/* Development mode and authentication shell */
.da-auth-layout {
    display: grid;
    align-content: start;
    justify-items: center;
    min-height: 100vh;
    padding: clamp(1.25rem, 4vw, 3rem) 1rem;
    background:
        radial-gradient(circle at 15% 15%, rgba(98, 86, 232, .11), transparent 30rem),
        #f7f8fc;
}

.da-auth-layout__brand {
    display: flex;
    align-items: center;
    gap: .65rem;
    margin-bottom: 1.25rem;
    color: #172033;
    text-decoration: none;
}

.da-auth-layout__brand > span:last-child {
    display: grid;
    line-height: 1.1;
}

.da-auth-layout__brand strong {
    font-size: 1rem;
}

.da-auth-layout__brand small {
    margin-top: .2rem;
    color: #737b8f;
    font-size: .7rem;
}

.da-auth-layout__content,
.da-development-banner {
    width: min(920px, 100%);
}

.da-auth-layout__content {
    padding: clamp(1.15rem, 3vw, 2rem);
    border: 1px solid #e2e6ee;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 18px 45px rgba(15, 23, 42, .08);
}

.da-development-banner {
    display: grid;
    gap: .18rem;
    margin-bottom: .85rem;
    padding: .8rem 1rem;
    border: 1px solid #d9d5ff;
    border-radius: 11px;
    background: #f4f2ff;
    color: #443ab6;
}

.da-development-banner strong {
    font-size: .88rem;
}

.da-development-banner span {
    font-size: .78rem;
}

.da-development-notice {
    max-width: 660px;
    margin: 0 auto;
    padding: clamp(1rem, 3vw, 2rem) 0;
    text-align: center;
}

.da-development-notice__badge {
    display: inline-flex;
    padding: .35rem .65rem;
    border-radius: 999px;
    background: #eeeaff;
    color: #5145cd;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.da-development-notice h1 {
    margin: 1rem 0 .65rem;
    color: #172033;
    font-size: clamp(1.55rem, 4vw, 2.35rem);
    font-weight: 850;
    letter-spacing: -.025em;
}

.da-development-notice p {
    margin: 0 auto;
    max-width: 560px;
    color: #667085;
}

.da-development-notice__actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: .65rem;
    margin-top: 1.35rem;
}

.da-development-mode-control {
    display: grid;
    gap: 1rem;
    padding: 1.15rem 1.25rem;
}

.da-toggle {
    display: inline-flex;
    align-items: center;
    gap: .8rem;
    width: fit-content;
    cursor: pointer;
}

.da-toggle__input {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
}

.da-toggle__track {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    width: 46px;
    height: 26px;
    padding: 3px;
    border-radius: 999px;
    background: #c8ced9;
    transition: background .18s ease;
}

.da-toggle__track span {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 4px rgba(15, 23, 42, .25);
    transition: transform .18s ease;
}

.da-toggle__input:checked + .da-toggle__track {
    background: #6256e8;
}

.da-toggle__input:checked + .da-toggle__track span {
    transform: translateX(20px);
}

.da-toggle__input:focus-visible + .da-toggle__track {
    outline: 3px solid rgba(98, 86, 232, .25);
    outline-offset: 2px;
}

.da-toggle > span:last-child {
    display: grid;
    gap: .15rem;
}

.da-toggle strong {
    color: #252b3d;
    font-size: .9rem;
}

.da-toggle small {
    color: #737b8f;
    font-size: .78rem;
}

.da-account-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    align-items: center;
}

.da-btn-danger,
.da-btn-danger-outline {
    border-color: #dc4c45;
}

.da-btn-danger { background: #c9362f; color: #fff; }
.da-btn-danger-outline { background: #fff; color: #b42318; }
.da-btn-danger:hover { background: #ad2f29; color: #fff; }
.da-btn-danger-outline:hover { background: #fff4f3; color: #941f18; }

.da-account-inline-action {
    margin: .4rem 0 .8rem;
    padding: 0;
    border: 0;
    background: transparent;
    color: #5145cd;
    font-size: .8rem;
    font-weight: 700;
}

.da-account-data-panel,
.da-security-panel {
    padding: 0;
    overflow: hidden;
}

.da-account-setting-row,
.da-security-status {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .9rem 1rem;
    border-bottom: 1px solid #eceef3;
}

.da-account-setting-row:last-child { border-bottom: 0; }
.da-account-setting-row h3 { margin: 0; color: #172033; font-size: .92rem; font-weight: 750; }
.da-account-setting-row p { margin: .2rem 0 0; color: #72798f; font-size: .78rem; }
.da-account-setting-row-danger { background: #fffbfb; }

.da-telegram-panel { padding: 0; overflow: hidden; }
.da-telegram-panel__header {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .8rem;
    padding: .9rem 1rem;
    border-bottom: 1px solid #eceef3;
}
.da-telegram-panel__header h3,
.da-telegram-empty h4 { margin: 0; color: #172033; font-size: .95rem; font-weight: 800; }
.da-telegram-panel__header p,
.da-telegram-empty p,
.da-telegram-connected p { margin: .15rem 0 0; color: #72798f; font-size: .78rem; }
.da-telegram-mark {
    display: grid;
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background: #e9f5ff;
    color: #168bd2;
    font-weight: 850;
    place-items: center;
}
.da-connection-badge {
    padding: .25rem .5rem;
    border-radius: 999px;
    background: #eef0f5;
    color: #667085;
    font-size: .7rem;
    font-weight: 800;
}
.da-connection-badge.is-connected { background: #e6f6e9; color: #26813b; }
.da-telegram-connected,
.da-telegram-empty {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem;
}
.da-telegram-link-box { display: grid; gap: .55rem; color: #667085; font-size: .78rem; }
.da-telegram-features {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border-top: 1px solid #eceef3;
    background: #fafbfe;
}
.da-telegram-features > div { display: grid; gap: .1rem; padding: .7rem 1rem; border-right: 1px solid #eceef3; }
.da-telegram-features > div:last-child { border-right: 0; }
.da-telegram-features strong { color: #343a50; font-size: .76rem; }
.da-telegram-features span { color: #7a8295; font-size: .69rem; }

.da-security-status h3 { margin: 0; color: #172033; font-size: 1rem; }
.da-authenticator-panel { padding: 1rem; }
.da-authenticator-steps { display: grid; gap: .8rem; margin: 0; padding-left: 1.3rem; }
.da-authenticator-steps li { padding-left: .35rem; color: #454b61; }
.da-authenticator-steps p { margin: 0; font-size: .84rem; }

@media (max-width: 640px) {
    .da-account-setting-row,
    .da-security-status,
    .da-telegram-connected,
    .da-telegram-empty { align-items: stretch; flex-direction: column; }
    .da-telegram-features { grid-template-columns: 1fr; }
    .da-telegram-features > div { border-right: 0; border-bottom: 1px solid #eceef3; }
    .da-telegram-features > div:last-child { border-bottom: 0; }
}

:root[data-theme="dark"] .da-account-setting-row,
:root[data-theme="dark"] .da-security-status,
:root[data-theme="dark"] .da-telegram-panel__header,
:root[data-theme="dark"] .da-telegram-connected,
:root[data-theme="dark"] .da-telegram-empty,
:root[data-theme="dark"] .da-telegram-features,
:root[data-theme="dark"] .da-telegram-features > div,
:root[data-theme="dark"] .da-authenticator-panel {
    border-color: var(--da-border);
    background: var(--da-surface);
    color: var(--da-text);
}

:root[data-theme="dark"] .da-account-setting-row h3,
:root[data-theme="dark"] .da-telegram-panel__header h3,
:root[data-theme="dark"] .da-telegram-empty h4,
:root[data-theme="dark"] .da-telegram-features strong,
:root[data-theme="dark"] .da-security-status h3,
:root[data-theme="dark"] .da-toggle strong {
    color: var(--da-text);
}

:root[data-theme="dark"] .da-account-setting-row p,
:root[data-theme="dark"] .da-telegram-panel__header p,
:root[data-theme="dark"] .da-telegram-empty p,
:root[data-theme="dark"] .da-telegram-connected p,
:root[data-theme="dark"] .da-telegram-link-box,
:root[data-theme="dark"] .da-telegram-features span,
:root[data-theme="dark"] .da-toggle small,
:root[data-theme="dark"] .da-authenticator-steps li {
    color: var(--da-text-muted);
}

/* Domain tracking responds to the list panel itself. The create form can make
   that panel narrow even on a wide monitor, so viewport breakpoints are not
   sufficient here. */
@container (max-width: 860px) {
    .da-domain-filters {
        grid-template-columns: minmax(220px, 1fr) minmax(180px, .7fr);
    }

    .da-domain-status-filter {
        width: max-content;
        max-width: 100%;
        overflow-x: auto;
    }

    .da-domain-item {
        grid-template-columns: 44px minmax(0, 1fr);
        grid-template-areas:
            "mark main"
            ". meta"
            ". actions";
        gap: .7rem .85rem;
        align-items: start;
    }

    .da-scheduler-page .da-domain-item {
        grid-template-columns: 44px minmax(0, 1fr);
        grid-template-areas:
            "mark main"
            ". meta"
            ". actions";
    }

    .da-domain-item .da-schedule-meta,
    .da-domain-item .da-schedule-actions {
        width: 100%;
    }

    .da-scheduler-page .da-domain-item .da-schedule-actions {
        width: 100%;
    }

    .da-domain-item .da-schedule-meta {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: start;
        column-gap: 1rem;
    }

    .da-domain-item .da-schedule-meta > .da-status {
        grid-column: 1 / -1;
    }

    .da-domain-item .da-schedule-action-buttons {
        justify-content: flex-start;
    }
}

/* Analysis and history contain legacy presentation styles with literal light
   colors. Keep them theme-aware without changing the SERP layout geometry. */
:root[data-theme="dark"] .da-analysis-summary-card,
:root[data-theme="dark"] .da-analysis-preview-card,
:root[data-theme="dark"] .da-analysis-side-panel,
:root[data-theme="dark"] .da-product-ad-card,
:root[data-theme="dark"] .da-product-detail-preview,
:root[data-theme="dark"] .da-ad-row,
:root[data-theme="dark"] .da-ad-meta,
:root[data-theme="dark"] .da-phrase-history-row {
    border-color: var(--da-border);
    background: var(--da-surface);
    color: var(--da-text);
}

:root[data-theme="dark"] .da-analysis-details-page .da-ad-row.selected,
:root[data-theme="dark"] .da-product-ad-card.selected,
:root[data-theme="dark"] .da-ad-row:hover,
:root[data-theme="dark"] .da-product-ad-card:hover {
    background: var(--da-surface-subtle);
}

:root[data-theme="dark"] .da-analysis-summary-card > div > span,
:root[data-theme="dark"] .da-analysis-summary-card strong,
:root[data-theme="dark"] .da-analysis-resource-heading h2,
:root[data-theme="dark"] .da-analysis-phrase-list li,
:root[data-theme="dark"] .da-analysis-response-group > strong,
:root[data-theme="dark"] .da-product-ad-content h3,
:root[data-theme="dark"] .da-product-ad-price,
:root[data-theme="dark"] .da-product-ad-meta strong,
:root[data-theme="dark"] .da-product-detail-summary h2,
:root[data-theme="dark"] .da-product-detail-summary strong,
:root[data-theme="dark"] .da-analysis-preview-card > h2,
:root[data-theme="dark"] .da-analysis-selected-head h2,
:root[data-theme="dark"] .da-analysis-side-stats strong,
:root[data-theme="dark"] .da-analysis-geo-block > strong,
:root[data-theme="dark"] .da-analysis-side-section h3,
:root[data-theme="dark"] .da-analysis-copy-content,
:root[data-theme="dark"] .da-analysis-inline-values,
:root[data-theme="dark"] .da-ad-phrase-list > span,
:root[data-theme="dark"] .da-phrase-history-row strong,
:root[data-theme="dark"] .da-analysis-side-panel.da-empty-panel h2,
:root[data-theme="dark"] .da-ad-main strong,
:root[data-theme="dark"] .da-ad-main p,
:root[data-theme="dark"] .da-ad-meta strong {
    color: var(--da-text);
}

:root[data-theme="dark"] .da-analysis-summary-card > div > span,
:root[data-theme="dark"] .da-analysis-response-group > span,
:root[data-theme="dark"] .da-analysis-ad-tabs button,
:root[data-theme="dark"] .da-analysis-preview-empty,
:root[data-theme="dark"] .da-analysis-side-stats span,
:root[data-theme="dark"] .da-analysis-geo-block > span,
:root[data-theme="dark"] .da-analysis-side-section > small,
:root[data-theme="dark"] .da-phrase-history-row span,
:root[data-theme="dark"] .da-analysis-side-panel.da-empty-panel p,
:root[data-theme="dark"] .da-ad-meta,
:root[data-theme="dark"] .da-product-ad-category,
:root[data-theme="dark"] .da-product-ad-meta {
    color: var(--da-text-muted);
}

:root[data-theme="dark"] .da-analysis-resource-details[open] > .da-analysis-resource-heading,
:root[data-theme="dark"] .da-analysis-phrase-list li,
:root[data-theme="dark"] .da-analysis-response-group,
:root[data-theme="dark"] .da-analysis-ad-tabs,
:root[data-theme="dark"] .da-product-ad-card,
:root[data-theme="dark"] .da-product-ad-media,
:root[data-theme="dark"] .da-product-detail-image,
:root[data-theme="dark"] .da-analysis-preview-card > h2,
:root[data-theme="dark"] .da-analysis-side-stats,
:root[data-theme="dark"] .da-analysis-side-stats > div,
:root[data-theme="dark"] .da-analysis-geo-block,
:root[data-theme="dark"] .da-analysis-side-section,
:root[data-theme="dark"] .da-phrase-history-row {
    border-color: var(--da-border);
}

:root[data-theme="dark"] .da-analysis-geo-block {
    background: var(--da-surface-subtle);
}

:root[data-theme="dark"] .da-analysis-geo-list > span,
:root[data-theme="dark"] .da-region-picker__chip {
    border-color: var(--da-border-strong);
    background: var(--da-primary-soft);
    color: var(--da-primary-hover);
}

:root[data-theme="dark"] .da-region-picker__chip button {
    background: var(--da-surface);
    color: var(--da-primary-hover);
}

:root[data-theme="dark"] .da-product-ad-media,
:root[data-theme="dark"] .da-product-detail-image {
    background: var(--da-surface-subtle);
}

:root[data-theme="dark"] .da-analysis-ad-tabs button:hover,
:root[data-theme="dark"] .da-analysis-ad-tabs button.active {
    color: var(--da-primary-hover);
}

:root[data-theme="dark"] .da-analysis-response-group a,
:root[data-theme="dark"] .da-ad-phrase-list strong {
    border-color: var(--da-border-strong);
    background: var(--da-primary-soft);
    color: var(--da-primary-hover);
}

:root[data-theme="dark"] .da-saved-serp-ad,
:root[data-theme="dark"] .da-saved-serp-text,
:root[data-theme="dark"] .da-saved-serp-reviews,
:root[data-theme="dark"] .da-saved-serp-metadata {
    color: var(--da-text);
}

:root[data-theme="dark"] .da-saved-serp-path {
    color: var(--da-success);
}

:root[data-theme="dark"] .da-saved-serp-path small,
:root[data-theme="dark"] .da-saved-serp-clarifications,
:root[data-theme="dark"] .da-saved-serp-metadata-label {
    color: var(--da-text-muted);
}

:root[data-theme="dark"] .da-saved-serp-title a,
:root[data-theme="dark"] .da-saved-serp-sitelinks a,
:root[data-theme="dark"] .da-analysis-side-section > a,
:root[data-theme="dark"] .da-analysis-html-links a {
    color: var(--da-primary-hover);
}

:root[data-theme="dark"] .da-history-filter-panel label,
:root[data-theme="dark"] .da-history-date-range label,
:root[data-theme="dark"] .da-history-select {
    border-color: var(--da-border-strong);
    background: transparent;
    color: var(--da-text);
}

:root[data-theme="dark"] .da-history-filter-panel label > span,
:root[data-theme="dark"] .da-history-date-range label,
:root[data-theme="dark"] .da-history-select span,
:root[data-theme="dark"] .da-history-table td small,
:root[data-theme="dark"] .da-history-date-cell > span {
    color: var(--da-text-muted);
}

:root[data-theme="dark"] .da-history-filter-panel select,
:root[data-theme="dark"] .da-history-filter-panel input,
:root[data-theme="dark"] .da-history-date-range input,
:root[data-theme="dark"] .da-history-query,
:root[data-theme="dark"] .da-history-device {
    color: var(--da-text);
}

:root[data-theme="dark"] .da-history-query:hover {
    color: var(--da-primary-hover);
}

:root[data-theme="dark"] .da-history-row-alert,
:root[data-theme="dark"] .da-history-error-row td {
    background: color-mix(in srgb, var(--da-danger) 10%, var(--da-surface));
}

/* Compact settings rows: notification labels should read like controls, not
   section headings. */
.da-schedule-toggle,
.da-switch-row {
    font-size: .84rem;
    font-weight: 600;
    line-height: 1.35;
}

.da-switch-row input {
    flex: 0 0 22px;
    width: 22px;
}

:root[data-theme="dark"] .da-domain-search,
:root[data-theme="dark"] .da-domain-status-filter,
:root[data-theme="dark"] .da-domain-count,
:root[data-theme="dark"] .da-schedule-summary,
:root[data-theme="dark"] .da-analysis-cost-summary {
    border-color: var(--da-border-strong);
    background: var(--da-surface-subtle);
    color: var(--da-text-muted);
}

:root[data-theme="dark"] .da-domain-search input {
    background: transparent;
    color: var(--da-text);
}

:root[data-theme="dark"] .da-domain-status-button {
    color: var(--da-text-muted);
}

:root[data-theme="dark"] .da-domain-status-button:hover,
:root[data-theme="dark"] .da-domain-status-button.active {
    background: var(--da-surface-muted);
    color: var(--da-primary-hover);
    box-shadow: none;
}

:root[data-theme="dark"] .da-domain-item {
    border-color: var(--da-border);
    background: var(--da-surface);
}

:root[data-theme="dark"] .da-domain-item.has-changes {
    border-left-color: #d9a441;
    background: color-mix(in srgb, #d99000 9%, var(--da-surface));
    box-shadow: inset 0 0 0 1px rgba(217, 164, 65, .16);
}

:root[data-theme="dark"] .da-schedule-change-count.is-unread,
:root[data-theme="dark"] .da-schedule-change-count.is-unread i {
    color: #f0bf64;
}

:root[data-theme="dark"] .da-domain-title-link,
:root[data-theme="dark"] .da-schedule-summary strong,
:root[data-theme="dark"] .da-analysis-cost-summary strong {
    color: var(--da-text);
}

:root[data-theme="dark"] .da-schedule-summary span:not(.da-schedule-icon),
:root[data-theme="dark"] .da-scheduler-summary small,
:root[data-theme="dark"] .da-analysis-cost-summary span,
:root[data-theme="dark"] .da-analysis-cost-summary small {
    color: var(--da-text-muted);
}

:root[data-theme="dark"] .da-domain-side-panel,
:root[data-theme="dark"] .da-version-item,
:root[data-theme="dark"] .da-version-diff > div,
:root[data-theme="dark"] .da-number-diff {
    border-color: var(--da-border);
    background: var(--da-surface);
    color: var(--da-text);
}

:root[data-theme="dark"] .da-version-item.current {
    border-color: var(--da-primary);
    background: var(--da-surface-subtle);
}

:root[data-theme="dark"] .da-domain-side-panel .da-analysis-side-section:first-of-type,
:root[data-theme="dark"] .da-side-stats,
:root[data-theme="dark"] .da-side-stats > div {
    border-color: var(--da-border);
}

:root[data-theme="dark"] .da-search-ad-preview,
:root[data-theme="dark"] .da-side-title h2,
:root[data-theme="dark"] .da-side-phrases > div,
:root[data-theme="dark"] .da-version-item h4,
:root[data-theme="dark"] .da-version-item p,
:root[data-theme="dark"] .da-version-item dd {
    color: var(--da-text);
}

:root[data-theme="dark"] .da-search-ad-preview__title,
:root[data-theme="dark"] .da-side-url a,
:root[data-theme="dark"] .da-version-history-title button {
    color: var(--da-primary-hover);
}

:root[data-theme="dark"] .da-search-ad-preview__domain {
    color: var(--da-success);
}

:root[data-theme="dark"] .da-search-ad-preview__domain small,
:root[data-theme="dark"] .da-search-ad-preview .da-clarifications,
:root[data-theme="dark"] .da-side-phrases > div > span,
:root[data-theme="dark"] .da-version-head,
:root[data-theme="dark"] .da-version-item dl {
    color: var(--da-text-muted);
}

:root[data-theme="dark"] .da-side-phrases > span {
    border-color: var(--da-border-strong);
    background: var(--da-surface-subtle);
    color: var(--da-text-muted);
}

:root[data-theme="dark"] .da-projects-search,
:root[data-theme="dark"] .da-project-filters label {
    border-color: var(--da-border-strong);
    background: var(--da-surface-subtle);
    color: var(--da-text);
}

:root[data-theme="dark"] .da-projects-search input,
:root[data-theme="dark"] .da-project-filters select {
    background: transparent;
    color: var(--da-text);
}

:root[data-theme="dark"] .da-projects-search input::placeholder,
:root[data-theme="dark"] .da-project-filters span {
    color: var(--da-text-muted);
}

:root[data-theme="dark"] .da-project-tab-count {
    background: var(--da-surface-muted);
    color: var(--da-text-muted);
}

:root[data-theme="dark"] .da-admin-task,
:root[data-theme="dark"] .da-admin-event-list article {
    border-color: var(--da-border);
    background: var(--da-surface-subtle);
    color: var(--da-text);
    box-shadow: none;
}

:root[data-theme="dark"] .da-admin-task[open] summary,
:root[data-theme="dark"] .da-admin-summary div {
    border-color: var(--da-border);
}

:root[data-theme="dark"] .da-admin-task-title,
:root[data-theme="dark"] .da-admin-event-list strong,
:root[data-theme="dark"] .da-admin-event-list p,
:root[data-theme="dark"] .da-admin-summary dd,
:root[data-theme="dark"] .da-stat-card div > span {
    color: var(--da-text);
}

:root[data-theme="dark"] .da-admin-task-meta,
:root[data-theme="dark"] .da-admin-event-list small,
:root[data-theme="dark"] .da-admin-summary dt,
:root[data-theme="dark"] .da-stat-card small {
    color: var(--da-text-muted);
}

/* One pagination system for projects, history, tracking and report lists. */
.da-project-pagination > div {
    flex-wrap: wrap;
    justify-content: center;
}

.da-project-pagination button {
    flex: 0 0 38px;
    width: 38px;
    min-width: 38px;
    height: 38px;
    min-height: 38px;
    padding: 0;
    border: 1px solid var(--da-border-strong);
    border-radius: var(--da-radius-sm);
    background: var(--da-surface);
    color: var(--da-text-muted);
    box-shadow: none;
}

.da-project-pagination button:hover:not(:disabled) {
    border-color: var(--da-primary);
    background: var(--da-primary-soft);
    color: var(--da-primary-hover);
}

.da-project-pagination button.active {
    border-color: var(--da-primary);
    background: var(--da-primary-soft);
    color: var(--da-primary-hover);
    box-shadow: var(--da-focus);
}

.da-project-pagination button:disabled {
    border-color: var(--da-border);
    background: var(--da-surface-muted);
    color: var(--da-text-soft);
    opacity: .55;
}

.da-project-pagination,
.da-domain-pagination,
.da-admin-users-pagination {
    border-color: var(--da-border);
    color: var(--da-text-muted);
}

.da-page-size {
    color: var(--da-text-muted);
}

.da-page-size .form-select {
    min-height: 38px;
    border-color: var(--da-border-strong);
    background-color: var(--da-surface);
    color: var(--da-text);
}

:root[data-theme="dark"] .da-domain-filter {
    border-color: var(--da-border-strong);
    background: var(--da-surface-subtle);
    color: var(--da-text);
}

:root[data-theme="dark"] .da-domain-filter span {
    color: var(--da-text-muted);
}

:root[data-theme="dark"] .da-domain-filter select {
    background: transparent;
    color: var(--da-text);
}

/* Public reports use the same color tokens as the authenticated application. */
.da-public-brand-mark {
    display: inline-flex;
    flex: 0 0 36px;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: var(--da-primary);
    color: #fff;
    box-shadow: 0 7px 18px rgba(98, 86, 232, .2);
}

.da-public-brand-mark .bi {
    font-size: 1.05rem;
    line-height: 1;
}

:root[data-theme="dark"] .da-public-header {
    border-color: var(--da-border);
    background: color-mix(in srgb, var(--da-surface) 94%, transparent);
}

:root[data-theme="dark"] .da-public-brand,
:root[data-theme="dark"] .da-public-summary strong,
:root[data-theme="dark"] .da-public-phrases summary {
    color: var(--da-text);
}

:root[data-theme="dark"] .da-public-brand small,
:root[data-theme="dark"] .da-public-report-title p,
:root[data-theme="dark"] .da-public-report-updated span,
:root[data-theme="dark"] .da-public-summary span {
    color: var(--da-text-muted);
}

:root[data-theme="dark"] .da-public-summary > div {
    border-color: var(--da-border);
    background: var(--da-surface);
    color: var(--da-text);
}

:root[data-theme="dark"] .da-public-report-badge {
    background: var(--da-primary-soft);
    color: var(--da-primary-hover);
}

:root[data-theme="dark"] .da-public-phrases > div span {
    border: 1px solid var(--da-border-strong);
    background: var(--da-surface-muted);
    color: var(--da-text-muted);
}

:root[data-theme="dark"] .da-public-workspace {
    color: var(--da-text);
}

@media (max-width: 640.98px) {
    .da-project-pagination > div {
        justify-content: flex-start;
        width: 100%;
        overflow-x: auto;
        padding-bottom: .2rem;
    }

    .da-project-pagination > span {
        text-align: center;
    }
}

@media (max-width: 380px) {
    .da-public-brand > span:last-child {
        display: none;
    }
}

@container (max-width: 560px) {
    .da-domain-filters {
        grid-template-columns: 1fr;
    }

    .da-domain-item {
        grid-template-columns: 1fr;
        grid-template-areas:
            "main"
            "meta"
            "actions";
    }

    .da-domain-item > .da-domain-mark {
        display: none;
    }

    .da-domain-item .da-schedule-meta {
        grid-template-columns: 1fr;
    }

    .da-domain-item .da-schedule-action-buttons {
        flex-flow: row wrap;
        width: auto;
    }
}
/* AI market analysis */
.da-ai-analysis-card {
    margin: 18px 0;
    padding: 20px;
    border-color: #d9d5ff;
    background: linear-gradient(135deg, #fbfaff 0%, #f6f8ff 100%);
}

.da-ai-analysis-card.is-ready {
    box-shadow: 0 12px 30px rgba(86, 72, 190, .08);
}

.da-ai-analysis-heading,
.da-ai-analysis-heading > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.da-ai-analysis-heading h2,
.da-ai-analysis-grid h3 {
    margin: 0;
}

.da-ai-analysis-heading p {
    margin: 3px 0 0;
    color: var(--da-text-muted, #6b7280);
}

.da-ai-analysis-heading-actions {
    display: flex;
    align-items: center;
    gap: 8px;
}

.da-ai-analysis-toggle {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 32px;
    padding: 5px 10px;
    border: 1px solid #d9d5ef;
    border-radius: 9px;
    color: #514b73;
    background: rgba(255, 255, 255, .76);
    font: inherit;
    font-size: .82rem;
    font-weight: 700;
    cursor: pointer;
}

.da-ai-analysis-toggle:hover {
    border-color: #bdb5e9;
    background: #fff;
}

.da-ai-analysis-toggle:focus-visible {
    outline: none;
    box-shadow: var(--da-focus);
}

.da-ai-analysis-body[hidden] {
    display: none;
}

.da-ai-analysis-icon {
    display: grid;
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    place-items: center;
    border-radius: 13px;
    color: #5b45d6;
    background: #ece8ff;
    font-size: 1.2rem;
}

.da-ai-analysis-status {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 6px 10px;
    border-radius: 999px;
    color: #5b45d6;
    background: #ece8ff;
    font-size: .82rem;
    font-weight: 700;
    white-space: nowrap;
}

.da-ai-analysis-status.is-ready {
    color: #16794c;
    background: #def7e9;
}

.da-ai-analysis-status.is-error {
    color: #b42318;
    background: #fee4e2;
}

.da-ai-analysis-headline {
    margin: 18px 0 14px;
    max-width: 1100px;
    font-size: 1.03rem;
    font-weight: 650;
    line-height: 1.55;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.da-ai-analysis-brief-recommendations {
    margin: 0;
    color: var(--da-text, #172033);
    line-height: 1.55;
}

.da-ai-analysis-brief-recommendations strong {
    display: block;
    margin-bottom: 6px;
}

.da-ai-analysis-brief-recommendations ol {
    margin: 0;
    padding-left: 1.35rem;
}

.da-ai-analysis-brief-recommendations li {
    padding-left: 3px;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.da-ai-analysis-brief-recommendations li + li {
    margin-top: 4px;
}

.da-ai-analysis-toggle.copied {
    color: #16794c;
    border-color: #a8dfc2;
    background: #edf9f2;
}

.da-ai-analysis-facts {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 16px;
}

.da-ai-analysis-facts span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    border: 1px solid #e1ddfa;
    border-radius: 9px;
    background: rgba(255, 255, 255, .72);
    font-size: .86rem;
}

.da-ai-analysis-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.da-ai-analysis-grid > div {
    padding: 14px;
    border: 1px solid #e7e4f7;
    border-radius: 12px;
    background: rgba(255, 255, 255, .72);
}

.da-ai-analysis-grid h3 {
    margin-bottom: 9px;
    font-size: .93rem;
}

.da-ai-analysis-grid ul,
.da-ai-analysis-grid ol,
.da-ai-analysis-unusual ul {
    margin: 0;
    padding-left: 19px;
}

.da-ai-analysis-grid li + li,
.da-ai-analysis-unusual li + li {
    margin-top: 6px;
}

.da-ai-analysis-grid small {
    display: inline-block;
    margin-left: 4px;
    color: #7a6fc0;
}

.da-ai-analysis-unusual {
    margin-top: 14px;
    color: #514b73;
}

.da-ai-analysis-unusual summary {
    cursor: pointer;
    font-weight: 700;
}

.da-ai-analysis-unusual ul {
    margin-top: 9px;
}

.da-ai-analysis-message {
    margin: 16px 0 0;
    color: #8a322b;
}

.da-ai-analysis-skeleton {
    display: grid;
    gap: 9px;
    margin-top: 18px;
}

.da-ai-analysis-skeleton span {
    height: 12px;
    border-radius: 999px;
    background: linear-gradient(90deg, #ebe8fa 25%, #f7f5ff 50%, #ebe8fa 75%);
    background-size: 200% 100%;
    animation: da-ai-shimmer 1.4s infinite;
}

.da-ai-analysis-skeleton span:nth-child(2) { width: 86%; }
.da-ai-analysis-skeleton span:nth-child(3) { width: 68%; }

.da-admin-setting-field--wide {
    grid-column: 1 / -1;
}

.da-admin-prompt-input {
    min-height: 240px;
    resize: vertical;
    font-family: inherit;
    line-height: 1.5;
}

@keyframes da-ai-shimmer {
    to { background-position: -200% 0; }
}

@media (max-width: 900px) {
    .da-ai-analysis-grid { grid-template-columns: 1fr; }
}

@media (max-width: 620px) {
    .da-ai-analysis-card { padding: 15px; }
    .da-ai-analysis-heading { align-items: flex-start; }
    .da-ai-analysis-heading > div { align-items: flex-start; }
    .da-ai-analysis-heading-actions { align-items: flex-end; flex-direction: column; }
}

.da-public-link-action {
    position: relative;
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
}

.da-public-link-buttons {
    display: inline-flex;
    align-items: stretch;
}

.da-public-link-buttons .da-btn {
    border-radius: 0;
}

.da-public-link-buttons .da-btn:first-child {
    border-radius: var(--da-radius-sm) 0 0 var(--da-radius-sm);
}

.da-public-link-buttons .da-btn:last-child {
    margin-left: -1px;
    border-radius: 0 var(--da-radius-sm) var(--da-radius-sm) 0;
}

.da-public-link-copy .bi-check2 {
    color: var(--da-success);
}

.da-public-link-delete {
    width: var(--da-control-height);
    min-width: var(--da-control-height);
    padding-inline: 0;
    color: var(--da-danger);
}

.da-public-link-delete:hover:not(:disabled) {
    border-color: var(--da-danger);
    color: var(--da-danger);
    background: color-mix(in srgb, var(--da-danger) 8%, var(--da-surface));
}

.da-public-link-error {
    position: absolute;
    z-index: 30;
    top: calc(100% + .45rem);
    right: 0;
    width: max-content;
    max-width: 320px;
    padding: .5rem .65rem;
    border: 1px solid color-mix(in srgb, var(--da-danger) 35%, var(--da-border));
    border-radius: var(--da-radius-sm);
    background: var(--da-surface);
    color: var(--da-danger);
    box-shadow: var(--da-shadow);
    font-size: .78rem;
}

.da-domain-report-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: .55rem;
    margin-top: .65rem;
}

@media (max-width: 700px) {
    .da-public-link-action,
    .da-public-link-action > .da-btn,
    .da-public-link-buttons {
        width: 100%;
    }

    .da-public-link-copy {
        flex: 1 1 auto;
    }

    .da-domain-report-actions {
        width: 100%;
        justify-content: stretch;
    }

    .da-domain-report-actions > .da-btn {
        flex: 1 1 170px;
    }
}

/* Authentication pages: final dark-theme overrides must follow Bootstrap and feature styles. */
:root[data-theme="dark"] .da-auth-layout {
    color: var(--da-text);
    background: var(--da-bg);
}

:root[data-theme="dark"] .da-auth-layout__brand {
    color: var(--da-text);
}

:root[data-theme="dark"] .da-auth-layout__brand:hover {
    color: var(--da-primary-hover);
}

:root[data-theme="dark"] .da-auth-layout__content {
    border-color: var(--da-border);
    background: var(--da-surface);
    color: var(--da-text);
    box-shadow: 0 18px 45px rgba(0, 0, 0, .28);
}

:root[data-theme="dark"] .da-development-banner {
    border-color: #4a4485;
    background: #272442;
    color: #d8d4ff;
}

:root[data-theme="dark"] .da-development-banner strong,
:root[data-theme="dark"] .da-development-banner span {
    color: inherit;
}

:root[data-theme="dark"] .da-auth-layout__content h1,
:root[data-theme="dark"] .da-auth-layout__content h2,
:root[data-theme="dark"] .da-auth-layout__content h3,
:root[data-theme="dark"] .da-auth-layout__content label,
:root[data-theme="dark"] .da-auth-layout__content .form-check-label {
    color: var(--da-text);
}

:root[data-theme="dark"] .da-auth-layout__content p,
:root[data-theme="dark"] .da-auth-layout__content .text-secondary {
    color: var(--da-text-muted) !important;
}

:root[data-theme="dark"] .da-auth-layout__content .form-control,
:root[data-theme="dark"] .da-auth-layout__content .form-select {
    border-color: var(--da-border-strong);
    background-color: var(--da-surface-subtle);
    color: var(--da-text);
}

:root[data-theme="dark"] .da-auth-layout__content .form-control:focus,
:root[data-theme="dark"] .da-auth-layout__content .form-select:focus {
    border-color: var(--da-primary);
    background-color: var(--da-surface-subtle);
    color: var(--da-text);
    box-shadow: var(--da-focus);
}

:root[data-theme="dark"] .da-auth-layout__content .form-control::placeholder {
    color: var(--da-text-soft);
}

:root[data-theme="dark"] .da-auth-layout__content .form-floating > label {
    color: var(--da-text-muted);
}

:root[data-theme="dark"] .da-auth-layout__content .form-floating > .form-control:focus ~ label,
:root[data-theme="dark"] .da-auth-layout__content .form-floating > .form-control:not(:placeholder-shown) ~ label {
    color: var(--da-text-muted);
}

:root[data-theme="dark"] .da-auth-layout__content .form-floating > label::after {
    background-color: transparent;
}

:root[data-theme="dark"] .da-auth-layout__content .form-check-input {
    border-color: var(--da-border-strong);
    background-color: var(--da-surface-subtle);
}

:root[data-theme="dark"] .da-auth-layout__content .form-check-input:checked {
    border-color: var(--da-primary);
    background-color: var(--da-primary);
}

:root[data-theme="dark"] .da-auth-layout__content hr {
    border-color: var(--da-border);
    opacity: 1;
}

:root[data-theme="dark"] .da-auth-layout__content a {
    color: var(--da-primary-hover);
}

:root[data-theme="dark"] .da-auth-layout__content a:hover {
    color: #c5c0ff;
}

:root[data-theme="dark"] .da-auth-layout__content .validation-message,
:root[data-theme="dark"] .da-auth-layout__content .text-danger {
    color: #ff8b85 !important;
}

:root[data-theme="dark"] .da-auth-layout__content .alert,
:root[data-theme="dark"] .da-auth-layout__content .da-account-notice {
    border-color: var(--da-border-strong);
    background: var(--da-surface-subtle);
}

:root[data-theme="dark"] .da-development-notice__badge {
    background: var(--da-primary-soft);
    color: var(--da-primary-hover);
}

:root[data-theme="dark"] .da-development-notice h1 {
    color: var(--da-text);
}

:root[data-theme="dark"] .da-development-notice p {
    color: var(--da-text-muted);
}

/* Authorized home dashboard */
.da-home-page {
    display: grid;
    gap: 1rem;
}

.da-home-header {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: .1rem;
}

.da-home-header h1 {
    margin-top: .2rem;
}

.da-home-eyebrow {
    color: var(--da-primary);
    font-size: .73rem;
    font-weight: 750;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.da-home-header-actions,
.da-home-welcome-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
}

.da-home-loading {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

.da-home-loading span {
    min-height: 104px;
    border: 1px solid var(--da-border);
    border-radius: var(--da-radius);
    background: linear-gradient(100deg, var(--da-surface) 30%, var(--da-surface-muted) 50%, var(--da-surface) 70%);
    background-size: 220% 100%;
    animation: da-home-loading 1.4s ease-in-out infinite;
}

@keyframes da-home-loading {
    to { background-position-x: -220%; }
}

.da-home-welcome {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) minmax(280px, .65fr);
    align-items: center;
    gap: 1.35rem;
    padding: 1.5rem;
}

.da-home-welcome h2 {
    margin: .25rem 0 .35rem;
    font-size: 1.3rem;
}

.da-home-welcome p {
    max-width: 650px;
    margin: 0 0 1rem;
}

.da-home-welcome-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    border-radius: 22px;
    background: var(--da-primary-soft);
    color: var(--da-primary);
    font-size: 1.8rem;
}

.da-home-steps {
    display: grid;
    gap: .75rem;
    margin: 0;
    padding: 0 0 0 1.25rem;
    border-left: 1px solid var(--da-border);
    list-style: none;
}

.da-home-steps li {
    display: flex;
    align-items: center;
    gap: .7rem;
}

.da-home-steps li > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: var(--da-surface-muted);
    color: var(--da-primary);
    font-size: .78rem;
    font-weight: 750;
}

.da-home-steps strong,
.da-home-steps small {
    display: block;
}

.da-home-steps strong { font-size: .85rem; }
.da-home-steps small { margin-top: .08rem; font-size: .75rem; }

.da-home-stats {
    margin-bottom: 0;
}

.da-home-stats .da-stat-card {
    position: relative;
    min-width: 0;
}

.da-home-stats .da-stat-card > div {
    min-width: 0;
}

.da-home-stats .da-stat-card strong {
    margin-top: .25rem;
}

.da-home-balance-card > a {
    position: absolute;
    top: .75rem;
    right: .75rem;
    color: var(--da-text-soft);
}

.da-home-balance-card > a:hover { color: var(--da-primary); }

.da-home-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(330px, .75fr);
    gap: 1rem;
    align-items: start;
}

.da-home-main-column,
.da-home-side-column {
    display: grid;
    gap: 1rem;
    min-width: 0;
}

.da-home-section {
    min-width: 0;
    padding: 1.1rem;
}

.da-home-section .da-card-header {
    align-items: center;
    margin-bottom: .8rem;
}

.da-home-counter {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 26px;
    height: 26px;
    padding: 0 .45rem;
    border-radius: 999px;
    background: var(--da-primary-soft);
    color: var(--da-primary);
    font-size: .75rem;
    font-weight: 750;
}

.da-home-section-link {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    flex: 0 0 auto;
    color: var(--da-primary);
    font-size: .8rem;
    font-weight: 650;
    text-decoration: none;
}

.da-home-attention-list,
.da-home-activity-list,
.da-home-upcoming-list,
.da-home-quick-actions {
    display: grid;
}

.da-home-attention-item {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .75rem;
    padding: .75rem 0;
    border-top: 1px solid var(--da-border);
}

.da-home-attention-item:first-child { border-top: 0; }

.da-home-attention-item > span,
.da-home-activity-item > span,
.da-home-upcoming-item > span,
.da-home-quick-actions a > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    border-radius: 11px;
    background: var(--da-surface-muted);
    color: var(--da-text-muted);
}

.da-home-attention-item.is-primary > span,
.da-home-activity-item > span.is-primary,
.da-home-quick-actions a > span.is-primary { background: var(--da-primary-soft); color: var(--da-primary); }
.da-home-attention-item.is-danger > span,
.da-home-activity-item > span.is-danger { background: rgba(201, 54, 47, .1); color: var(--da-danger); }
.da-home-attention-item.is-warning > span,
.da-home-activity-item > span.is-warning,
.da-home-quick-actions a > span.is-orange { background: rgba(180, 83, 9, .11); color: var(--da-warning); }
.da-home-activity-item > span.is-success,
.da-home-quick-actions a > span.is-green { background: rgba(21, 128, 61, .1); color: var(--da-success); }
.da-home-quick-actions a > span.is-blue { background: rgba(37, 99, 235, .1); color: #2563eb; }

.da-home-attention-item strong,
.da-home-attention-item small,
.da-home-activity-item strong,
.da-home-activity-item small,
.da-home-upcoming-item strong,
.da-home-upcoming-item small,
.da-home-quick-actions strong,
.da-home-quick-actions small,
.da-home-project-item strong,
.da-home-project-item small {
    display: block;
}

.da-home-attention-item strong,
.da-home-activity-item strong,
.da-home-upcoming-item strong,
.da-home-quick-actions strong,
.da-home-project-item strong {
    overflow: hidden;
    color: var(--da-text);
    font-size: .84rem;
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.da-home-attention-item small,
.da-home-activity-item small,
.da-home-upcoming-item small,
.da-home-quick-actions small,
.da-home-project-item small {
    margin-top: .16rem;
    color: var(--da-text-muted);
    font-size: .75rem;
    line-height: 1.3;
}

.da-home-attention-item > a {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    color: var(--da-primary);
    font-size: .77rem;
    font-weight: 650;
    text-decoration: none;
}

.da-home-all-good {
    display: flex;
    align-items: center;
    gap: .7rem;
    min-height: 70px;
    padding: .75rem;
    border-radius: var(--da-radius-sm);
    background: rgba(21, 128, 61, .06);
}

.da-home-all-good > i { color: var(--da-success); font-size: 1.25rem; }
.da-home-all-good strong,
.da-home-all-good small { display: block; }
.da-home-all-good strong { font-size: .85rem; }
.da-home-all-good small { margin-top: .15rem; font-size: .76rem; }

.da-home-activity-item,
.da-home-upcoming-item,
.da-home-quick-actions > a,
.da-home-project-item {
    display: grid;
    align-items: center;
    gap: .7rem;
    min-width: 0;
    padding: .72rem 0;
    border-top: 1px solid var(--da-border);
    color: inherit;
    text-decoration: none;
}

.da-home-activity-item:first-child,
.da-home-upcoming-item:first-child,
.da-home-quick-actions > a:first-child { border-top: 0; }

.da-home-activity-item { grid-template-columns: auto minmax(0, 1fr) auto; }
.da-home-upcoming-item { grid-template-columns: auto minmax(0, 1fr) auto auto; }
.da-home-quick-actions > a { grid-template-columns: auto minmax(0, 1fr) auto; }

.da-home-activity-item:hover strong,
.da-home-upcoming-item:hover strong,
.da-home-quick-actions > a:hover strong,
.da-home-project-item:hover strong { color: var(--da-primary); }

.da-home-activity-item time,
.da-home-upcoming-item time,
.da-home-project-item time {
    color: var(--da-text-soft);
    font-size: .72rem;
    text-align: right;
    white-space: nowrap;
}

.da-home-upcoming-open {
    color: var(--da-text-soft);
    font-size: .78rem;
    transition: color .15s ease, transform .15s ease;
}

.da-home-upcoming-item:hover .da-home-upcoming-open {
    color: var(--da-primary);
    transform: translate(1px, -1px);
}

.da-home-quick-actions > a > i {
    color: var(--da-text-soft);
    font-size: .72rem;
}

.da-home-empty-row {
    padding: 1rem .5rem;
    color: var(--da-text-muted);
    font-size: .82rem;
    text-align: center;
}

.da-home-projects { margin-top: 0; }

.da-home-project-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 1rem;
}

.da-home-project-item {
    grid-template-columns: auto minmax(0, 1fr) auto auto;
}

.da-home-project-grid .da-home-project-item:nth-child(-n + 2) { border-top: 0; }

.da-home-project-mark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    border-radius: 12px;
    background: var(--da-primary-soft);
    color: var(--da-primary);
    font-size: .75rem;
    font-weight: 750;
}

.da-home-project-item > i { color: var(--da-text-soft); font-size: .72rem; }

@media (max-width: 1100px) {
    .da-home-stats,
    .da-home-loading { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .da-home-layout { grid-template-columns: 1fr; }
    .da-home-side-column { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .da-home-welcome { grid-template-columns: auto minmax(0, 1fr); }
    .da-home-steps { grid-column: 1 / -1; grid-template-columns: repeat(3, minmax(0, 1fr)); padding: 1rem 0 0; border-top: 1px solid var(--da-border); border-left: 0; }
}

@media (max-width: 720px) {
    .da-home-header { align-items: stretch; }
    .da-home-header-actions > .da-btn { flex: 1 1 auto; }
    .da-home-side-column,
    .da-home-project-grid { grid-template-columns: 1fr; }
    .da-home-project-grid .da-home-project-item:nth-child(2) { border-top: 1px solid var(--da-border); }
    .da-home-welcome { grid-template-columns: 1fr; text-align: center; }
    .da-home-welcome-icon { margin: 0 auto; }
    .da-home-welcome-actions { justify-content: center; }
    .da-home-steps { grid-template-columns: 1fr; text-align: left; }
}

@media (max-width: 520px) {
    .da-home-stats,
    .da-home-loading { grid-template-columns: 1fr; }
    .da-home-attention-item { grid-template-columns: auto minmax(0, 1fr); }
    .da-home-attention-item > a { grid-column: 2; justify-self: start; }
    .da-home-activity-item { grid-template-columns: auto minmax(0, 1fr); }
    .da-home-activity-item time { grid-column: 2; text-align: left; }
    .da-home-project-item { grid-template-columns: auto minmax(0, 1fr) auto; }
    .da-home-project-item time { display: none; }
}

@media (prefers-reduced-motion: reduce) {
    .da-home-loading span { animation: none; }
}

@media (max-width: 1050px) {
    .da-log-filters {
        grid-template-columns: minmax(260px, 1fr) minmax(160px, .6fr) minmax(160px, .6fr);
    }

    .da-log-reset {
        grid-column: 3;
        justify-self: end;
        min-height: 26px;
    }

    .da-log-workspace {
        grid-template-columns: 1fr;
    }

    .da-log-task-pane {
        border-right: 0;
        border-bottom: 1px solid #e1e6ef;
    }
}

@media (max-width: 700px) {
    .da-log-filters {
        grid-template-columns: 1fr;
    }

    .da-log-reset {
        grid-column: auto;
        justify-self: start;
    }

    .da-log-list-head {
        display: none;
    }

    .da-log-task-row {
        grid-template-columns: 64px minmax(0, 1fr);
    }

    .da-log-source,
    .da-log-task-status {
        display: none;
    }

    .da-log-event-title {
        align-items: flex-start;
        flex-direction: column;
        gap: .2rem;
    }
}

:root[data-theme="dark"] .da-log-filters,
:root[data-theme="dark"] .da-log-workspace,
:root[data-theme="dark"] .da-log-general-list {
    border-color: var(--da-border);
    background: var(--da-surface);
}

:root[data-theme="dark"] .da-log-filters select,
:root[data-theme="dark"] .da-log-search-field input {
    border-color: var(--da-border);
    background: var(--da-surface-subtle);
    color: var(--da-text);
}

:root[data-theme="dark"] .da-admin-log-head > strong,
:root[data-theme="dark"] .da-log-task-row,
:root[data-theme="dark"] .da-log-detail-head h3,
:root[data-theme="dark"] .da-log-event-title strong {
    color: var(--da-text);
}

:root[data-theme="dark"] .da-log-view-switch button.active {
    background: var(--da-surface-muted);
    color: var(--da-text);
}

:root[data-theme="dark"] .da-log-task-pane,
:root[data-theme="dark"] .da-log-list-head,
:root[data-theme="dark"] .da-log-detail-head,
:root[data-theme="dark"] .da-log-general-list article,
:root[data-theme="dark"] .da-log-task-row {
    border-color: var(--da-border);
}

:root[data-theme="dark"] .da-log-task-row:hover {
    background: var(--da-surface-subtle);
}

:root[data-theme="dark"] .da-log-task-row.selected {
    background: rgba(111, 82, 232, .16);
}

:root[data-theme="dark"] .da-log-search-field button:hover {
    background: rgba(111, 82, 232, .14);
}

:root[data-theme="dark"] .da-log-event::before {
    background: var(--da-border);
}

:root[data-theme="dark"] .da-log-event-error {
    background: rgba(215, 58, 73, .12);
    color: #ff9ca6;
}

/* Domain and SERP tracking details share the same responsive workspace. */
@media (max-width: 1100px) {
    .da-domain-details-page {
        min-width: 0;
        overflow: visible;
    }

    .da-domain-details-page .da-domain-workspace {
        grid-template-columns: minmax(0, 1fr);
    }

    .da-domain-details-page .da-domain-side-column {
        position: static;
        top: auto;
        width: 100%;
        max-width: 100%;
        max-height: none;
        overflow: visible;
    }

    .da-domain-details-page .da-domain-detail-head {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        align-items: start;
    }

    .da-domain-details-page .da-domain-last-run {
        justify-items: start;
        text-align: left;
    }

    .da-domain-details-page .da-domain-report-actions {
        justify-content: flex-start;
    }

    .da-domain-details-page .da-domain-details-toolbar,
    .da-domain-details-page .da-serp-domain-overview .da-domain-details-toolbar {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .da-domain-details-page .da-domain-details-toolbar .da-domain-search {
        grid-column: 1 / -1;
    }
}

@media (max-width: 700px) {
    .da-domain-details-page .da-domain-details-toolbar,
    .da-domain-details-page .da-serp-domain-overview .da-domain-details-toolbar {
        grid-template-columns: minmax(0, 1fr);
    }

    .da-domain-details-page .da-domain-details-toolbar .da-domain-search {
        grid-column: auto;
    }

    .da-domain-details-page .da-domain-detail-head > div,
    .da-domain-details-page .da-domain-title-row,
    .da-domain-details-page .da-domain-results,
    .da-domain-details-page .da-domain-side-panel,
    .da-domain-details-page .da-analysis-preview-card,
    .da-domain-details-page .da-product-detail-preview {
        min-width: 0;
        max-width: 100%;
    }

    .da-domain-details-page .da-domain-task-meta {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .55rem .8rem;
    }

    .da-domain-details-page .da-domain-task-meta span,
    .da-domain-details-page .da-domain-task-meta strong,
    .da-domain-details-page .da-domain-title-row h1,
    .da-domain-details-page .da-ad-title,
    .da-domain-details-page .da-ad-description,
    .da-domain-details-page .da-version-item h4,
    .da-domain-details-page .da-version-item p {
        overflow-wrap: anywhere;
    }

    .da-domain-details-page .da-domain-last-run,
    .da-domain-details-page .da-domain-report-actions {
        width: 100%;
    }

    .da-domain-details-page .da-domain-report-actions {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .da-domain-details-page .da-domain-report-actions > *,
    .da-domain-details-page .da-domain-report-actions .da-btn,
    .da-domain-details-page .da-public-link-action,
    .da-domain-details-page .da-public-link-buttons {
        width: 100%;
        min-width: 0;
    }

    .da-domain-details-page .da-domain-tabs,
    .da-domain-details-page .da-analysis-ad-tabs {
        max-width: 100%;
        overflow-x: auto;
        scrollbar-width: thin;
    }

    .da-domain-details-page .da-domain-tabs > *,
    .da-domain-details-page .da-analysis-ad-tabs > * {
        flex: 0 0 auto;
        white-space: nowrap;
    }

    .da-domain-details-page .da-search-ad-preview {
        padding: .8rem;
    }

    .da-domain-details-page .da-version-diff {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 520px) {
    .da-domain-details-page .da-domain-task-meta,
    .da-domain-details-page .da-domain-report-actions {
        grid-template-columns: minmax(0, 1fr);
    }

    .da-domain-details-page .da-shared-ad-card.tracking {
        grid-template-columns: minmax(0, 1fr);
        gap: .65rem;
        padding: .75rem;
    }

    .da-domain-details-page .da-shared-ad-card.tracking .da-shared-ad-leading,
    .da-domain-details-page .da-shared-ad-card.tracking .da-ad-main,
    .da-domain-details-page .da-shared-ad-card.tracking .da-ad-meta {
        grid-column: 1;
        width: 100%;
        min-width: 0;
    }

    .da-domain-details-page .da-shared-ad-card.tracking .da-ad-meta {
        display: flex;
        min-height: 0;
        justify-content: flex-start;
        align-items: center;
    }

    .da-domain-details-page .da-ad-row-status {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: .3rem .6rem;
    }

    .da-domain-details-page .da-tracking-card-dates {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: .4rem;
    }

    .da-domain-details-page .da-tracking-card-dates > div {
        display: grid;
        gap: .15rem;
    }

    .da-domain-details-page .da-side-stats {
        grid-template-columns: minmax(0, 1fr);
    }

    .da-domain-details-page .da-side-stats > div,
    .da-domain-details-page .da-side-stats > div:nth-child(2n),
    .da-domain-details-page .da-side-stats > div:nth-child(3n),
    .da-domain-details-page .da-side-stats > div:nth-last-child(-n + 2),
    .da-domain-details-page .da-side-stats > div:nth-last-child(-n + 3) {
        border-right: 0;
        border-bottom: 1px solid #e7eaf0;
    }

    .da-domain-details-page .da-side-stats > div:last-child {
        border-bottom: 0;
    }

    .da-domain-details-page .da-version-history {
        padding-left: .65rem;
    }

    .da-domain-details-page .da-version-period {
        min-width: 0;
        text-align: left;
    }

    .da-domain-details-page .da-product-ad-card {
        grid-template-columns: 72px minmax(0, 1fr);
        gap: .65rem;
        padding: .75rem;
    }

    .da-domain-details-page .da-product-ad-media {
        width: 72px;
        height: 72px;
    }

    .da-domain-details-page .da-product-ad-meta {
        grid-column: 1 / -1;
        justify-items: start;
    }

    .da-domain-tracking-page .da-page-actions,
    .da-serp-tracking-page .da-page-actions,
    .da-domain-tracking-page .da-page-actions .da-btn,
    .da-serp-tracking-page .da-page-actions .da-btn {
        width: 100%;
    }

    .da-domain-tracking-page .da-monitoring-mode-tabs,
    .da-serp-tracking-page .da-monitoring-mode-tabs {
        max-width: 100%;
        overflow-x: auto;
    }
}

/* Keep the service-request reference layout above later legacy rules. */
.da-request-dashboard-grid {
    grid-template-columns: minmax(0, 1fr) 318px;
    gap: 18px;
}

.da-request-stats {
    gap: 14px;
}

.da-request-list-card,
.da-request-side-list,
.da-request-activity-card,
.da-request-wizard-steps,
.da-request-wizard-card,
.da-request-side-card,
.da-request-details-page .da-card {
    border: 1px solid #e3e7ef;
    border-radius: 13px;
    box-shadow: 0 8px 24px rgba(28, 39, 68, .045);
}

.da-request-tabs {
    gap: 1.4rem;
    padding: 0 16px;
}

.da-request-tabs button {
    padding: .9rem .1rem .8rem;
}

.da-request-table th {
    padding: .7rem .9rem;
    color: #68738c;
    background: #fbfcfe;
    letter-spacing: 0;
    text-transform: none;
}

.da-request-table td {
    padding: .72rem .9rem;
    color: #273149;
}

.da-request-wizard-layout {
    grid-template-columns: minmax(0, 1fr) 330px;
    gap: 18px;
}

.da-request-wizard-card {
    min-height: 560px;
    padding: 18px;
}

.da-service-options {
    gap: 14px;
}

.da-service-options button {
    min-height: 80px;
    border-radius: 9px;
}

.da-request-next-card ol {
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

.da-request-overview-cards {
    gap: 14px;
}

.da-request-details-grid {
    grid-template-columns: minmax(0, 1.72fr) minmax(300px, .8fr);
    gap: 14px;
}

.da-request-details-grid main,
.da-request-details-grid aside {
    gap: 14px;
}

@media (max-width: 1180px) {
    .da-request-dashboard-grid,
    .da-request-wizard-layout,
    .da-request-details-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .da-request-dashboard-aside,
    .da-request-wizard-layout > aside {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .da-request-dashboard-aside,
    .da-request-wizard-layout > aside {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* Service requests: shared typography roles. */
.da-service-requests-page,
.da-request-wizard-page,
.da-request-details-page,
.da-service-admin-page,
.da-request-admin-modal {
    color: var(--da-text);
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5;
}

.da-service-requests-page h2,
.da-request-wizard-page h2,
.da-request-details-page h2,
.da-service-admin-page h2,
.da-request-admin-modal h2 {
    color: var(--da-text);
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.35;
}

.da-service-requests-page h3,
.da-request-wizard-page h3,
.da-request-details-page h3,
.da-service-admin-page h3,
.da-request-admin-modal h3 {
    color: var(--da-text);
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.4;
}

.da-request-side-list h2,
.da-request-activity-card h2 {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.4;
}

.da-service-requests-page .da-btn,
.da-request-wizard-page .da-btn,
.da-request-details-page .da-btn,
.da-service-admin-page .da-btn,
.da-request-admin-modal .da-btn {
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.25;
}

.da-request-wizard-page .form-control,
.da-request-wizard-page .form-select,
.da-request-details-page .form-control,
.da-request-details-page .form-select,
.da-service-admin-page .form-control,
.da-service-admin-page .form-select,
.da-request-admin-modal .form-control,
.da-request-admin-modal .form-select {
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.45;
}

.da-request-image-picker input[type="file"],
.da-service-options button {
    font-family: inherit;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.45;
}

.da-request-label {
    color: var(--da-text-muted);
    font-size: .8125rem;
    font-weight: 400;
    line-height: 1.4;
}

.da-request-value {
    color: var(--da-text);
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.45;
}

.da-request-value--accent {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.35;
}

.da-request-item-title {
    color: var(--da-text);
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.4;
}

.da-request-secondary {
    color: var(--da-text-muted);
    font-size: .8125rem;
    font-weight: 400;
    line-height: 1.45;
}

.da-request-hint {
    margin: 0;
    color: var(--da-text-muted);
    font-size: .75rem;
    font-weight: 400;
    line-height: 1.45;
}

.da-request-stat-value {
    color: var(--da-text);
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.2;
}

.da-request-wizard-steps > div {
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.4;
}

.da-request-step-index {
    font-size: .8125rem;
    font-weight: 500;
    line-height: 1;
}

.da-request-step-label {
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.4;
}

.da-request-wizard-steps > div.active .da-request-step-label,
.da-request-wizard-steps > div.done .da-request-step-label {
    font-weight: 600;
}

.da-service-options .da-request-item-title {
    font-size: .875rem;
}

.da-service-option-meta {
    display: flex;
    flex-wrap: wrap;
    gap: .25rem;
    color: var(--da-text-muted);
    font-size: .8125rem;
    font-weight: 400;
    line-height: 1.4;
}

.da-service-option-price {
    color: var(--da-text);
    font-size: .875rem;
    font-weight: 600;
}

.da-request-form-grid label,
.da-request-image-picker > label,
.da-request-admin-filters label,
.da-request-admin-actions label,
.da-service-admin-page .da-admin-setting-field > label,
.da-service-admin-page .da-notification-template label {
    color: var(--da-text);
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.4;
}

.da-service-admin-page .da-admin-tabs a {
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.4;
}

.da-service-admin-page .da-admin-tabs a.active {
    font-weight: 600;
}

.da-service-admin-page .da-admin-users-toolbar p {
    color: var(--da-text-muted);
    font-size: .8125rem;
    font-weight: 400;
    line-height: 1.45;
}

.da-request-image-picker__actions section > .da-request-item-title {
    display: flex;
    align-items: center;
    gap: .45rem;
}

.da-selected-images article span,
.da-request-stats article > span,
.da-request-overview-cards article > span,
.da-request-side-card > p > span,
.da-request-next-card li > span {
    gap: .125rem;
}

.da-selected-images .da-request-item-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.da-request-tabs button {
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.4;
}

.da-request-tabs button.active {
    font-weight: 600;
}

.da-request-tabs button.has-counter {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
}

.da-request-tab-counter {
    display: inline-grid;
    min-width: 20px;
    height: 20px;
    padding: 0 .35rem;
    place-items: center;
    border-radius: 999px;
    background: color-mix(in srgb, var(--da-primary) 10%, var(--da-surface));
    color: var(--da-primary);
    font-size: .75rem;
    font-weight: 600;
    line-height: 1;
}

.da-request-tabs button.active .da-request-tab-counter {
    background: var(--da-primary);
    color: #fff;
}

.da-request-tabs button .da-request-tab-counter.danger {
    background: color-mix(in srgb, var(--da-danger) 12%, var(--da-surface));
    color: var(--da-danger);
}

.da-request-tabs button.active .da-request-tab-counter.danger {
    background: var(--da-danger);
    color: #fff;
}

.da-request-table th,
.da-service-admin-page .da-admin-table th {
    font-size: .8125rem;
    font-weight: 500;
    line-height: 1.4;
}

.da-request-table td,
.da-service-admin-page .da-admin-table td {
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.45;
}

.da-request-table td .da-request-hint,
.da-service-admin-page .da-admin-table td .da-request-hint {
    display: block;
    margin-top: .125rem;
}

.da-request-table .da-request-empty-row td {
    padding: 0;
    background: var(--da-surface);
    text-align: center;
}

.da-request-empty-state {
    display: flex;
    min-height: 230px;
    padding: 2rem 1.5rem;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .9rem;
}

.da-request-empty-state__icon {
    display: inline-grid;
    width: 52px;
    height: 52px;
    place-items: center;
    border-radius: 16px;
    background: color-mix(in srgb, var(--da-primary) 10%, var(--da-surface));
    color: var(--da-primary);
    font-size: 1.35rem;
}

.da-request-empty-state h3 {
    margin: 0 0 .25rem;
}

.da-request-empty-state p {
    max-width: 440px;
    margin: 0;
    color: var(--da-text-muted);
    font-size: .8125rem;
    font-weight: 400;
    line-height: 1.5;
}

.da-request-side-list .da-request-item-title,
.da-request-activity-card .da-request-item-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.da-request-status {
    font-size: .75rem;
    font-weight: 600;
    line-height: 1.35;
}

.da-request-summary-list dt,
.da-request-brief dt {
    color: var(--da-text-muted);
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.45;
}

.da-request-summary-list dd {
    color: var(--da-text);
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.5;
}

.da-request-brief dd {
    color: var(--da-text);
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5;
}

.da-access-instruction,
.da-request-note,
.da-request-comments article p,
.da-service-admin-page .da-admin-settings-card > p {
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5;
}

.da-request-side-hint {
    font-size: .75rem;
    font-weight: 400;
    line-height: 1.45;
}

.da-request-tech-data h3,
.da-request-files h3,
.da-notification-template h3 {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.4;
}

@media (max-width: 720px) {
    .da-request-wizard-steps .da-request-step-label {
        display: none;
    }
}

/* Access card spacing follows the details-page card rhythm. */
.da-request-details-page > .da-access-card {
    padding: 1.25rem;
}

.da-request-details-page > .da-access-card h2 {
    margin: 0 0 .75rem;
}

.da-request-details-page > .da-access-card .da-manager-login {
    gap: 1rem;
    padding: .875rem 1rem;
}

.da-request-details-page > .da-access-card .da-access-instruction {
    margin: 1rem 0 0;
}

.da-request-details-page > .da-access-card > .da-btn,
.da-request-details-page > .da-access-card > .da-request-note {
    margin-top: 1rem;
}

@media (max-width: 640px) {
    .da-request-details-page > .da-access-card {
        padding: 1rem;
    }
}