/*
 * AuditTrack V72 final visual authority.
 *
 * This file intentionally replaces the former narrow V70 rules so there is
 * still only one final visual layer after the shared/page styles.
 *
 * Scope:
 *   1. A single dark-brown border contract for every badge in the homepage
 *      and next-process list cards, on desktop/mobile and in both themes.
 *   2. One shared dot size for every existing colored indicator dot inside
 *      those badges.
 *   3. Exactly one thin 1px divider above pagination.
 */
:root {
    --audit-v72-badge-border-brown: #6f4b2f;
    --audit-v72-badge-dot-size: 7px;
    --audit-v72-pagination-divider: #e5e9ef;
    --audit-v72-pagination-divider-eye: #b9a98e;
}

/* Badge border parity: final authority for both cards and both themes. */
@media screen {
    body[data-audit-theme] #auditTrackingTableCard .audit-badge-frame.audit-badge-frame,
    body[data-audit-theme] #nextProcessTableCard.next-table-card .audit-badge-frame.audit-badge-frame,
    body.eye-care-mode #auditTrackingTableCard .audit-badge-frame.audit-badge-frame,
    body.eye-care-mode #nextProcessTableCard.next-table-card .audit-badge-frame.audit-badge-frame {
        border: 1px solid var(--audit-v72-badge-border-brown) !important;
        border-color: var(--audit-v72-badge-border-brown) !important;
    }

    /* Existing pseudo-element dots in homepage badges. */
    #auditTrackingTableCard :is(
        .table-status-pill,
        .status-due-note,
        .risk-overview-pill,
        .risk-count-pill
    )::before {
        width: var(--audit-v72-badge-dot-size) !important;
        height: var(--audit-v72-badge-dot-size) !important;
        min-width: var(--audit-v72-badge-dot-size) !important;
        min-height: var(--audit-v72-badge-dot-size) !important;
        max-width: var(--audit-v72-badge-dot-size) !important;
        max-height: var(--audit-v72-badge-dot-size) !important;
        flex: 0 0 var(--audit-v72-badge-dot-size) !important;
        box-sizing: border-box !important;
        border-radius: 50% !important;
    }

    /* Mixed-risk dots and next-process drive-status dots use the same metric. */
    #auditTrackingTableCard .risk-mix-dot,
    #nextProcessTableCard .audit-drive-status-badge .status-dot,
    #nextProcessTableCard .next-drive-status-pill .status-dot {
        width: var(--audit-v72-badge-dot-size) !important;
        height: var(--audit-v72-badge-dot-size) !important;
        min-width: var(--audit-v72-badge-dot-size) !important;
        min-height: var(--audit-v72-badge-dot-size) !important;
        max-width: var(--audit-v72-badge-dot-size) !important;
        max-height: var(--audit-v72-badge-dot-size) !important;
        flex: 0 0 var(--audit-v72-badge-dot-size) !important;
        box-sizing: border-box !important;
        border-radius: 50% !important;
    }
}

/* Divider parity: pagination owns the only line above the footer. */
@media screen {
    body[data-audit-theme] #auditTrackingTableCard .audit-table-modern.audit-table-simplified > tbody > tr:last-child > td,
    body[data-audit-theme] #auditTrackingTableCard .audit-table-modern.audit-table-simplified > tbody > tr:last-child > th,
    body[data-audit-theme] #nextProcessTableCard .next-table-modern.next-table-simplified > tbody > tr:last-child > td,
    body[data-audit-theme] #nextProcessTableCard .next-table-modern.next-table-simplified > tbody > tr:last-child > th {
        border-bottom: 0 !important;
    }

    body[data-audit-theme] #auditTrackingTableCard > .card-body,
    body[data-audit-theme] #nextProcessTableCard > .card-body,
    body[data-audit-theme] #auditTrackingTableCard .audit-table-responsive,
    body[data-audit-theme] #nextProcessTableCard .next-desktop-table-wrap,
    body[data-audit-theme] #auditTrackingTableCard .home-mobile-card-list,
    body[data-audit-theme] #nextProcessTableCard .next-mobile-card-list {
        border-bottom: 0 !important;
        box-shadow: none !important;
    }

    body[data-audit-theme] #auditTrackingTableCard > .audit-pagination-v69[data-audit-pagination-version="v69"],
    body[data-audit-theme] #nextProcessTableCard > .audit-pagination-v69[data-audit-pagination-version="v69"] {
        border-top: 1px solid var(--audit-v72-pagination-divider) !important;
        box-shadow: none !important;
    }

    body.eye-care-mode #auditTrackingTableCard > .audit-pagination-v69[data-audit-pagination-version="v69"],
    body.eye-care-mode #nextProcessTableCard > .audit-pagination-v69[data-audit-pagination-version="v69"],
    body[data-audit-theme="eye-care"] #auditTrackingTableCard > .audit-pagination-v69[data-audit-pagination-version="v69"],
    body[data-audit-theme="eye-care"] #nextProcessTableCard > .audit-pagination-v69[data-audit-pagination-version="v69"] {
        border-top-color: var(--audit-v72-pagination-divider-eye) !important;
    }
}