/*
 * Thewiworks Product Design System — Release 151
 * --------------------------------------------------------------------------
 * AUTHORITATIVE FINAL VISUAL LAYER.
 * Loaded after historical compatibility styles on authenticated and public
 * surfaces. Workspace/tenant theme variables remain authoritative; this file
 * only gives them a coherent semantic product language.
 *
 * Do not create custom2.css/fix.css/page-v2.css. Extend this layer or the
 * reusable Blade component that owns the visual pattern.
 */

:root {
    --tww-ds-primary: var(--color-primary, var(--tww-primary, #2563eb));
    --tww-ds-accent: var(--color-accent, #0f766e);
    --tww-ds-page: var(--color-bg-page, #f4f7fb);
    --tww-ds-surface: var(--color-bg-surface, #ffffff);
    --tww-ds-content: var(--color-bg-content, #f8fafc);
    --tww-ds-control: var(--color-control-background, var(--tww-ds-surface));
    --tww-ds-text: var(--color-text-primary, #0f172a);
    --tww-ds-text-secondary: var(--color-text-secondary, #475569);
    --tww-ds-muted: color-mix(in srgb, var(--tww-ds-text-secondary) 78%, transparent);
    --tww-ds-border: var(--color-border, #dbe3ef);
    --tww-ds-border-strong: color-mix(in srgb, var(--tww-ds-border) 78%, var(--tww-ds-text) 22%);
    --tww-ds-primary-soft: color-mix(in srgb, var(--tww-ds-primary) 10%, var(--tww-ds-surface));
    --tww-ds-accent-soft: color-mix(in srgb, var(--tww-ds-accent) 10%, var(--tww-ds-surface));
    --tww-ds-success: #15803d;
    --tww-ds-warning: #b45309;
    --tww-ds-danger: #b91c1c;
    --tww-ds-info: #0369a1;
    --tww-ds-focus: color-mix(in srgb, var(--tww-ds-primary) 36%, transparent);
    --tww-ds-radius-sm: max(6px, min(var(--radius-button, 8px), 10px));
    --tww-ds-radius-md: max(8px, min(var(--radius-base, 10px), 14px));
    --tww-ds-radius-lg: max(10px, min(var(--radius-content, 12px), 18px));
    --tww-ds-shadow-xs: 0 1px 2px rgb(15 23 42 / .04);
    --tww-ds-shadow-sm: 0 8px 24px rgb(15 23 42 / .06);
    --tww-ds-shadow-md: 0 18px 44px rgb(15 23 42 / .08);
    --tww-ds-space-1: .25rem;
    --tww-ds-space-2: .5rem;
    --tww-ds-space-3: .75rem;
    --tww-ds-space-4: 1rem;
    --tww-ds-space-5: 1.25rem;
    --tww-ds-space-6: 1.5rem;
    --tww-ds-space-8: 2rem;
    --tww-ds-control-height: 2.75rem;
    --tww-ds-page-gap: clamp(1rem, 1.8vw, 1.5rem);
    --tww-ds-section-gap: clamp(.875rem, 1.5vw, 1.25rem);
}

/* Product contract --------------------------------------------------------- */
html[data-tww-design-system="product-154"],
body[data-tww-design-system="product-154"] {
    color-scheme: light;
}

body[data-tww-design-system="product-154"] {
    color: var(--tww-ds-text);
    background: var(--tww-ds-page);
    font-size: var(--font-size-base, 15px);
    line-height: 1.5;
}

.dark body[data-tww-design-system="product-154"],
html.dark body[data-tww-design-system="product-154"] {
    color-scheme: dark;
}

body[data-tww-design-system="product-154"] :where(a, button, input, select, textarea, summary, [role="button"], [tabindex]):focus-visible {
    outline: 2px solid var(--tww-ds-primary);
    outline-offset: 2px;
    box-shadow: 0 0 0 4px var(--tww-ds-focus);
}

body[data-tww-design-system="product-154"] :where(button, a, input, select, textarea) {
    transition-property: color, background-color, border-color, box-shadow, opacity, transform;
    transition-duration: 140ms;
    transition-timing-function: ease;
}

/* Shell -------------------------------------------------------------------- */
body[data-tww-design-system="product-154"] .tww-admin-main {
    min-width: 0;
}

body[data-tww-design-system="product-154"] .tww-admin-content {
    min-width: 0;
    padding: clamp(.875rem, 1.5vw, 1.35rem) var(--tww-page-gutter, 20px) clamp(1.5rem, 2.5vw, 2.5rem);
}

body[data-tww-design-system="product-154"] .tww-admin-content > * {
    width: min(100%, var(--tww-page-max, 1680px));
    margin-inline: auto;
}

body[data-tww-design-system="product-154"] :where(.tww-admin-navbar, [data-tww-navbar]) {
    border-bottom-color: color-mix(in srgb, var(--tww-ds-border) 88%, transparent);
    box-shadow: 0 1px 0 rgb(15 23 42 / .02);
}

body[data-tww-design-system="product-154"] :where(.tww-admin-sidebar, [data-tww-sidebar]) {
    border-right-color: color-mix(in srgb, var(--tww-ds-border) 82%, transparent);
}

body[data-tww-design-system="product-154"] .tww-sidebar-section-title {
    font-size: .72rem !important;
    font-weight: 700 !important;
    letter-spacing: .035em !important;
    text-transform: none !important;
}

body[data-tww-design-system="product-154"] .tww-sidebar-link {
    min-height: 2.5rem;
    font-size: .875rem !important;
    font-weight: 550 !important;
    letter-spacing: 0 !important;
}

body[data-tww-design-system="product-154"] .tww-sidebar-link.is-active {
    background: var(--tww-ds-primary-soft) !important;
    color: var(--tww-ds-text) !important;
    box-shadow: inset 3px 0 0 var(--tww-ds-primary);
}

/* Page headers ------------------------------------------------------------- */
body[data-tww-design-system="product-154"] :where(.tww-page-header, .tww-show-header, .tww-form-shell-header, .tww-component-page-header) {
    gap: var(--tww-ds-space-4);
    margin-bottom: var(--tww-ds-page-gap);
}

body[data-tww-design-system="product-154"] :where(.tww-page-title, .tww-show-title, .tww-form-shell-title) {
    color: var(--tww-ds-text) !important;
    font-size: clamp(1.45rem, 1.2rem + .75vw, 2rem) !important;
    font-weight: 720 !important;
    line-height: 1.15 !important;
    letter-spacing: -.025em !important;
}

body[data-tww-design-system="product-154"] :where(.tww-page-subtitle, .tww-show-description, .tww-form-shell-description) {
    max-width: 78ch;
    color: var(--tww-ds-text-secondary) !important;
    font-size: .92rem !important;
    line-height: 1.55 !important;
}

body[data-tww-design-system="product-154"] :where(.tww-kicker, .tww-eyebrow, .tww-smallcaps) {
    color: var(--tww-ds-text-secondary) !important;
    font-size: .75rem !important;
    font-weight: 680 !important;
    letter-spacing: .045em !important;
    text-transform: uppercase !important;
}

body[data-tww-design-system="product-154"] :where(.tww-page-actions, .tww-show-actions, .tww-form-shell-actions) {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: .55rem;
}

/* Shared surfaces ---------------------------------------------------------- */
body[data-tww-design-system="product-154"] :where(
    .tww-card,
    .tww-form-card,
    .tww-table-card,
    .tww-filter-card,
    .tww-component-card,
    .tww-component-panel,
    .tww-detail-card,
    .tww-show-hero,
    .tww-form-shell-summary
) {
    border: 1px solid var(--tww-ds-border) !important;
    border-radius: var(--tww-ds-radius-lg) !important;
    background: var(--tww-ds-surface) !important;
    box-shadow: var(--tww-ds-shadow-xs) !important;
}

body[data-tww-design-system="product-154"] :where(.tww-index-shell, .tww-show-shell, .tww-form-shell) {
    display: grid;
    gap: var(--tww-ds-page-gap);
}

body[data-tww-design-system="product-154"] :where(.tww-index-body, .tww-show-body, .tww-form-shell-body, .tww-show-main, .tww-form-shell-main) {
    min-width: 0;
}

body[data-tww-design-system="product-154"] :where(.tww-component-section, .tww-show-body > section, .tww-form-shell-body > section) + :where(.tww-component-section, section) {
    margin-top: var(--tww-ds-section-gap);
}

/* Buttons/actions ---------------------------------------------------------- */
body[data-tww-design-system="product-154"] :where(.tww-btn, .tww-action-primary, .tww-action-secondary, .tww-show-action, button.tww-button) {
    min-height: 2.5rem;
    border-radius: var(--tww-ds-radius-sm) !important;
    font-size: .875rem !important;
    font-weight: 650 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

body[data-tww-design-system="product-154"] :where(.tww-btn-primary, .tww-action-primary, .tww-show-action-primary) {
    border-color: var(--tww-ds-primary) !important;
    background: var(--tww-ds-primary) !important;
    color: var(--color-on-primary, #fff) !important;
    box-shadow: 0 1px 2px color-mix(in srgb, var(--tww-ds-primary) 28%, transparent) !important;
}

body[data-tww-design-system="product-154"] :where(.tww-btn-primary, .tww-action-primary, .tww-show-action-primary):hover {
    background: color-mix(in srgb, var(--tww-ds-primary) 90%, black) !important;
    transform: translateY(-1px);
}

body[data-tww-design-system="product-154"] :where(.tww-btn-secondary, .tww-action-secondary, .tww-show-action-secondary, .tww-show-action-muted) {
    border: 1px solid var(--tww-ds-border) !important;
    background: var(--tww-ds-surface) !important;
    color: var(--tww-ds-text) !important;
    box-shadow: none !important;
}

body[data-tww-design-system="product-154"] :where(.tww-btn-secondary, .tww-action-secondary, .tww-show-action-secondary, .tww-show-action-muted):hover {
    border-color: var(--tww-ds-border-strong) !important;
    background: var(--tww-ds-content) !important;
}

body[data-tww-design-system="product-154"] :where(.tww-action-danger, .tww-btn-danger, .tww-show-action-danger) {
    border-color: color-mix(in srgb, var(--tww-ds-danger) 40%, var(--tww-ds-border)) !important;
    background: color-mix(in srgb, var(--tww-ds-danger) 8%, var(--tww-ds-surface)) !important;
    color: var(--tww-ds-danger) !important;
}

body[data-tww-design-system="product-154"] :where(button, .tww-btn, .tww-show-action)[disabled],
body[data-tww-design-system="product-154"] :where(button, .tww-btn, .tww-show-action)[aria-disabled="true"] {
    cursor: not-allowed;
    opacity: .55;
    transform: none !important;
}

/* Form system -------------------------------------------------------------- */
body[data-tww-design-system="product-154"] :where(.tww-input, .tww-select, .tww-textarea, input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), select, textarea) {
    min-height: var(--tww-ds-control-height);
    border: 1px solid var(--tww-ds-border) !important;
    border-radius: var(--tww-ds-radius-sm) !important;
    background: var(--tww-ds-control) !important;
    color: var(--tww-ds-text) !important;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / .18) !important;
}

body[data-tww-design-system="product-154"] :where(.tww-input, .tww-select, .tww-textarea, input, select, textarea):focus {
    border-color: var(--tww-ds-primary) !important;
    box-shadow: 0 0 0 3px var(--tww-ds-focus) !important;
    outline: none !important;
}

body[data-tww-design-system="product-154"] :where(.tww-input, .tww-select, .tww-textarea, input, select, textarea)[aria-invalid="true"],
body[data-tww-design-system="product-154"] :where(.tww-input, .tww-select, .tww-textarea, input, select, textarea).is-invalid {
    border-color: var(--tww-ds-danger) !important;
}

body[data-tww-design-system="product-154"] :where(.tww-label, label) {
    color: var(--tww-ds-text) !important;
    font-weight: 620;
}

body[data-tww-design-system="product-154"] :where(.tww-help, .tww-field-help, .tww-hint) {
    color: var(--tww-ds-text-secondary) !important;
    font-size: .82rem !important;
    line-height: 1.5;
}

body[data-tww-design-system="product-154"] :where(.tww-error, .tww-field-error) {
    color: var(--tww-ds-danger) !important;
    font-size: .82rem !important;
    font-weight: 600;
}

body[data-tww-design-system="product-154"] input[type="checkbox"],
body[data-tww-design-system="product-154"] input[type="radio"] {
    min-width: 1.05rem;
    min-height: 1.05rem;
    accent-color: var(--tww-ds-primary);
}

/* Tables and list views ---------------------------------------------------- */
body[data-tww-design-system="product-154"] :where(.tww-table-card, .tww-table-shell, .tww-table-responsive) {
    overflow: hidden;
    border: 1px solid var(--tww-ds-border);
    border-radius: var(--tww-ds-radius-lg);
    background: var(--tww-ds-surface);
}

body[data-tww-design-system="product-154"] :where(.tww-table, table) {
    border-collapse: separate;
    border-spacing: 0;
}

body[data-tww-design-system="product-154"] :where(.tww-table th, table thead th) {
    background: var(--color-table-header, var(--tww-ds-content)) !important;
    color: var(--tww-ds-text-secondary) !important;
    font-size: .75rem !important;
    font-weight: 680 !important;
    line-height: 1.35;
    letter-spacing: .025em !important;
    text-transform: none !important;
    border-bottom: 1px solid var(--tww-ds-border) !important;
}

body[data-tww-design-system="product-154"] :where(.tww-table td, table tbody td) {
    color: var(--tww-ds-text);
    border-bottom-color: color-mix(in srgb, var(--tww-ds-border) 78%, transparent) !important;
    vertical-align: middle;
}

body[data-tww-design-system="product-154"] :where(.tww-table tbody tr, table tbody tr):hover > td {
    background: color-mix(in srgb, var(--tww-ds-primary) 3.5%, var(--tww-ds-surface));
}

body[data-tww-design-system="product-154"] :where(.tww-row-title, .tww-table-title) {
    color: var(--tww-ds-text) !important;
    font-weight: 650 !important;
}

/* Filters ------------------------------------------------------------------ */
body[data-tww-design-system="product-154"] .tww-filter-card {
    padding: clamp(.875rem, 1.5vw, 1.15rem) !important;
}

body[data-tww-design-system="product-154"] :where(.tww-filter-grid, .tww-time-report-primary-filters, .tww-time-report-secondary-filters) {
    gap: .75rem !important;
}

body[data-tww-design-system="product-154"] :where(.tww-filter-chip, .tww-relation-pill) {
    border: 1px solid var(--tww-ds-border) !important;
    background: var(--tww-ds-content) !important;
    color: var(--tww-ds-text-secondary) !important;
    font-weight: 600 !important;
}

/* Metrics ------------------------------------------------------------------ */
body[data-tww-design-system="product-154"] :where(.tww-index-metrics, .tww-show-metrics) {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 12rem), 1fr));
    gap: .75rem;
}

body[data-tww-design-system="product-154"] :where(.tww-index-metric, .tww-show-metric, [data-tww-index-metric], [data-tww-show-metric]) {
    border: 1px solid var(--tww-ds-border) !important;
    border-radius: var(--tww-ds-radius-md) !important;
    background: var(--tww-ds-surface) !important;
    box-shadow: var(--tww-ds-shadow-xs) !important;
}

body[data-tww-design-system="product-154"] :where(.tww-index-metric-value, .tww-show-metric-value, .tww-metric-value) {
    color: var(--tww-ds-text) !important;
    font-weight: 720 !important;
    letter-spacing: -.02em;
}

/* Status and feedback ------------------------------------------------------ */
body[data-tww-design-system="product-154"] :where(.tww-status-pill, .tww-component-badge, .tww-badge) {
    min-height: 1.65rem;
    border-width: 1px;
    border-style: solid;
    border-radius: 999px !important;
    padding-inline: .6rem;
    font-size: .75rem !important;
    font-weight: 650 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

body[data-tww-design-system="product-154"] :where(.tww-alert, [role="alert"]) {
    border-radius: var(--tww-ds-radius-md);
}

/* Show/detail -------------------------------------------------------------- */
body[data-tww-design-system="product-154"] .tww-show-content-shell {
    min-width: 0;
}

body[data-tww-design-system="product-154"] .tww-show-tabs {
    gap: .25rem;
    border-bottom: 1px solid var(--tww-ds-border);
}

body[data-tww-design-system="product-154"] .tww-show-tab {
    min-height: 2.5rem;
    border-radius: var(--tww-ds-radius-sm) var(--tww-ds-radius-sm) 0 0 !important;
    color: var(--tww-ds-text-secondary) !important;
    font-weight: 620 !important;
}

body[data-tww-design-system="product-154"] .tww-show-tab[aria-selected="true"],
body[data-tww-design-system="product-154"] .tww-show-tab.is-active {
    color: var(--tww-ds-primary) !important;
    background: var(--tww-ds-primary-soft) !important;
    box-shadow: inset 0 -2px 0 var(--tww-ds-primary);
}

/* Empty/loading ------------------------------------------------------------ */
body[data-tww-design-system="product-154"] .tww-empty-state {
    display: grid;
    place-items: center;
    min-height: 12rem;
    padding: clamp(1.5rem, 4vw, 3rem);
    text-align: center;
    border: 1px dashed var(--tww-ds-border-strong);
    border-radius: var(--tww-ds-radius-lg);
    background: color-mix(in srgb, var(--tww-ds-content) 68%, transparent);
}

body[data-tww-design-system="product-154"] :where([wire\:loading], .tww-loading, .tww-skeleton) {
    animation-duration: 1.25s;
}

/* Authentication/public --------------------------------------------------- */
body[data-tww-design-system="product-154"].tww-public-body {
    background: var(--tww-public-bg, var(--tww-ds-page));
}

body[data-tww-design-system="product-154"] :where(.tww-login-card, .tww-auth-card, .tww-public-card) {
    border-color: var(--tww-public-border, var(--tww-ds-border)) !important;
    border-radius: var(--tww-public-card-radius, var(--tww-ds-radius-lg)) !important;
    box-shadow: var(--tww-ds-shadow-sm) !important;
}

body[data-tww-design-system="product-154"] .tww-auth-grid {
    align-items: center;
}

body[data-tww-design-system="product-154"] .tww-login-card {
    box-shadow: var(--tww-ds-shadow-md) !important;
}

body[data-tww-design-system="product-154"] .tww-gradient-text {
    color: var(--tww-ds-primary) !important;
    background: none !important;
    -webkit-text-fill-color: currentColor !important;
}

/* Utility normalization --------------------------------------------------- */
body[data-tww-design-system="product-154"] :where(.font-black, .font-extrabold) {
    font-weight: 720 !important;
}

body[data-tww-design-system="product-154"] :where(.tracking-widest, .tracking-\[0\.16em\], .tracking-\[0\.18em\]) {
    letter-spacing: .035em !important;
}

/* Responsive --------------------------------------------------------------- */
@media (max-width: 1023px) {
    body[data-tww-design-system="product-154"] .tww-admin-content {
        padding-inline: clamp(.75rem, 3vw, 1rem);
    }

    body[data-tww-design-system="product-154"] :where(.tww-page-header, .tww-show-header, .tww-form-shell-header) {
        align-items: flex-start;
    }
}

@media (max-width: 767px) {
    body[data-tww-design-system="product-154"] :where(.tww-page-header, .tww-show-header, .tww-form-shell-header) {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
    }

    body[data-tww-design-system="product-154"] :where(.tww-page-actions, .tww-show-actions, .tww-form-shell-actions) {
        justify-content: flex-start;
        width: 100%;
    }

    body[data-tww-design-system="product-154"] :where(.tww-page-actions, .tww-show-actions, .tww-form-shell-actions) > :where(a, button) {
        min-height: 2.75rem;
    }

    body[data-tww-design-system="product-154"] .tww-show-tabs {
        overflow-x: auto;
        overscroll-behavior-inline: contain;
        scrollbar-width: thin;
    }

    body[data-tww-design-system="product-154"] .tww-show-tab {
        flex: 0 0 auto;
        white-space: nowrap;
    }

    body[data-tww-design-system="product-154"] :where(.tww-index-metrics, .tww-show-metrics) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body[data-tww-design-system="product-154"] :where(.tww-table-responsive, .tww-table-scroll) {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

@media (max-width: 479px) {
    body[data-tww-design-system="product-154"] :where(.tww-index-metrics, .tww-show-metrics) {
        grid-template-columns: minmax(0, 1fr);
    }

    body[data-tww-design-system="product-154"] :where(.tww-page-actions, .tww-show-actions, .tww-form-shell-actions) > :where(a, button) {
        flex: 1 1 auto;
        justify-content: center;
    }
}

/* Reduced motion ----------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
    body[data-tww-design-system="product-154"] *,
    body[data-tww-design-system="product-154"] *::before,
    body[data-tww-design-system="product-154"] *::after {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
    }
}

html[data-motion="reduced"] body[data-tww-design-system="product-154"] *,
html[data-motion="reduced"] body[data-tww-design-system="product-154"] *::before,
html[data-motion="reduced"] body[data-tww-design-system="product-154"] *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
}

/* Static readiness markers for current reusable shells. */
body[data-tww-design-system="product-154"] .tww-show-shell[data-tww-show-shell="116"],
body[data-tww-design-system="product-154"] .tww-form-shell[data-tww-form-shell="116"] {
    --tww-current-shell-release: 116;
}

body[data-tww-design-system="product-154"] .tww-project-workspace-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .55rem;
}


/* Release 151 — page-by-page visual convergence --------------------------- */
body[data-tww-design-system="product-154"] [data-tww-page-convergence] {
    min-width: 0;
}

/* Dashboard: one clear primary action, calmer operational hierarchy. */
body[data-tww-design-system="product-154"] [data-tww-page-convergence="dashboard"].tww-dashboard-shell {
    gap: clamp(1rem, 1.8vw, 1.4rem);
}
body[data-tww-design-system="product-154"] [data-tww-page-convergence="dashboard"] .tww-dashboard-header {
    align-items: center;
    padding: clamp(1rem, 2vw, 1.4rem);
    border: 1px solid var(--tww-ds-border);
    border-radius: var(--tww-ds-radius-lg);
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--tww-ds-primary) 5%, transparent), transparent 55%),
        var(--tww-ds-surface);
    box-shadow: var(--tww-ds-shadow-xs);
}
body[data-tww-design-system="product-154"] [data-tww-page-convergence="dashboard"] .tww-dashboard-title span {
    color: var(--tww-ds-primary) !important;
}
body[data-tww-design-system="product-154"] [data-tww-page-convergence="dashboard"] .tww-dashboard-actions {
    justify-content: flex-end;
}
body[data-tww-design-system="product-154"] [data-tww-page-convergence="dashboard"] .tww-dashboard-card {
    border-color: var(--tww-ds-border) !important;
    border-radius: var(--tww-ds-radius-lg) !important;
    background: var(--tww-ds-surface) !important;
    box-shadow: var(--tww-ds-shadow-xs) !important;
}
body[data-tww-design-system="product-154"] [data-tww-page-convergence="dashboard"] .tww-dashboard-card-header {
    padding-bottom: .7rem;
    border-bottom: 1px solid color-mix(in srgb, var(--tww-ds-border) 80%, transparent);
}

/* Settings/account. */
body[data-tww-design-system="product-154"] .tww-settings-layout {
    display: grid;
    grid-template-columns: minmax(11rem, 13.5rem) minmax(0, 1fr);
    gap: clamp(1rem, 2vw, 1.75rem);
    align-items: start;
}
body[data-tww-design-system="product-154"] .tww-settings-nav {
    position: sticky;
    top: calc(var(--tww-navbar-height, 64px) + 1rem);
}
body[data-tww-design-system="product-154"] .tww-settings-nav-list {
    display: grid;
    gap: .3rem;
    padding: .45rem;
    border: 1px solid var(--tww-ds-border);
    border-radius: var(--tww-ds-radius-lg);
    background: var(--tww-ds-surface);
    box-shadow: var(--tww-ds-shadow-xs);
}
body[data-tww-design-system="product-154"] .tww-settings-nav-link {
    display: flex;
    align-items: center;
    min-height: 2.55rem;
    padding: .62rem .75rem;
    border-radius: var(--tww-ds-radius-sm);
    color: var(--tww-ds-text-secondary);
    font-size: .875rem;
    font-weight: 650;
    text-decoration: none;
}
body[data-tww-design-system="product-154"] .tww-settings-nav-link:hover {
    background: var(--tww-ds-content);
    color: var(--tww-ds-text);
}
body[data-tww-design-system="product-154"] .tww-settings-nav-link.is-active {
    background: var(--tww-ds-primary-soft);
    color: var(--tww-ds-primary);
    box-shadow: inset 3px 0 0 var(--tww-ds-primary);
}
body[data-tww-design-system="product-154"] .tww-settings-content {
    min-width: 0;
}
body[data-tww-design-system="product-154"] .tww-settings-content-header {
    margin-bottom: 1rem;
}
body[data-tww-design-system="product-154"] .tww-settings-content-header h2 {
    margin: 0;
    color: var(--tww-ds-text);
    font-size: 1.25rem;
    font-weight: 720;
    letter-spacing: -.02em;
}
body[data-tww-design-system="product-154"] .tww-settings-content-header p {
    margin: .3rem 0 0;
    max-width: 70ch;
    color: var(--tww-ds-text-secondary);
    font-size: .9rem;
    line-height: 1.55;
}
body[data-tww-design-system="product-154"] .tww-settings-content-body {
    width: min(100%, 48rem);
}
body[data-tww-design-system="product-154"] .tww-settings-panel {
    padding: clamp(1rem, 1.8vw, 1.35rem);
    border: 1px solid var(--tww-ds-border);
    border-radius: var(--tww-ds-radius-lg);
    background: var(--tww-ds-surface);
    box-shadow: var(--tww-ds-shadow-xs);
}
body[data-tww-design-system="product-154"] .tww-settings-danger-zone {
    display: grid;
    gap: 1rem;
    margin-top: 1.5rem;
    padding: 1.1rem;
    border: 1px solid color-mix(in srgb, var(--tww-ds-danger) 30%, var(--tww-ds-border));
    border-radius: var(--tww-ds-radius-lg);
    background: color-mix(in srgb, var(--tww-ds-danger) 5%, var(--tww-ds-surface));
}

/* Settings customization: preserve dynamic theme controls, normalize shell. */
body[data-tww-design-system="product-154"] .tww-customize-page > .flex:first-child {
    padding: 1rem 1.15rem;
    border: 1px solid var(--tww-ds-border);
    border-radius: var(--tww-ds-radius-lg);
    background: var(--tww-ds-surface);
}
body[data-tww-design-system="product-154"] .tww-customize-tabs {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .55rem;
    padding: .55rem;
    border: 1px solid var(--tww-ds-border);
    border-radius: var(--tww-ds-radius-lg);
    background: var(--tww-ds-surface);
    box-shadow: var(--tww-ds-shadow-xs);
}
body[data-tww-design-system="product-154"] .tww-customize-tab {
    display: flex;
    align-items: flex-start;
    gap: .65rem;
    min-width: 0;
    padding: .75rem;
    border: 1px solid transparent;
    border-radius: var(--tww-ds-radius-md);
    background: transparent;
    color: var(--tww-ds-text-secondary);
    text-align: left;
}
body[data-tww-design-system="product-154"] .tww-customize-tab:hover {
    border-color: var(--tww-ds-border);
    background: var(--tww-ds-content);
    color: var(--tww-ds-text);
}
body[data-tww-design-system="product-154"] .tww-customize-tab[aria-selected="true"] {
    border-color: color-mix(in srgb, var(--tww-ds-primary) 28%, var(--tww-ds-border));
    background: var(--tww-ds-primary-soft);
    color: var(--tww-ds-text);
}

/* Integration hub and provider setup. */
body[data-tww-design-system="product-154"] .tww-integration-hub,
body[data-tww-design-system="product-154"] .tww-integration-settings,
body[data-tww-design-system="product-154"] .tww-ai-provider-page {
    width: min(100%, var(--tww-page-max, 1680px));
    margin-inline: auto;
}
body[data-tww-design-system="product-154"] .tww-integration-hero,
body[data-tww-design-system="product-154"] .tww-integration-settings-hero,
body[data-tww-design-system="product-154"] .tww-project-sheets-hero {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: clamp(1rem, 2vw, 1.4rem);
    border: 1px solid var(--tww-ds-border);
    border-radius: var(--tww-ds-radius-lg);
    background: var(--tww-ds-surface);
    box-shadow: var(--tww-ds-shadow-xs);
}
body[data-tww-design-system="product-154"] .tww-integration-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}
body[data-tww-design-system="product-154"] .tww-integration-card {
    display: flex;
    min-height: 15rem;
    flex-direction: column;
    padding: 1.1rem;
    border: 1px solid var(--tww-ds-border);
    border-radius: var(--tww-ds-radius-lg);
    background: var(--tww-ds-surface);
    box-shadow: var(--tww-ds-shadow-xs);
}
body[data-tww-design-system="product-154"] .tww-integration-card:hover {
    border-color: color-mix(in srgb, var(--tww-ds-primary) 25%, var(--tww-ds-border));
    box-shadow: var(--tww-ds-shadow-sm);
}
body[data-tww-design-system="product-154"] .tww-integration-icon {
    display: inline-flex;
    width: 2.75rem;
    height: 2.75rem;
    align-items: center;
    justify-content: center;
    border-radius: var(--tww-ds-radius-md);
    background: var(--tww-ds-primary-soft);
    color: var(--tww-ds-primary);
}
body[data-tww-design-system="product-154"] .tww-integration-card-title {
    margin: 1rem 0 0;
    color: var(--tww-ds-text);
    font-size: 1.05rem;
    font-weight: 720;
}
body[data-tww-design-system="product-154"] .tww-integration-card-summary {
    margin: .45rem 0 0;
    color: var(--tww-ds-text-secondary);
    font-size: .88rem;
    line-height: 1.55;
}
body[data-tww-design-system="product-154"] .tww-integration-card-detail {
    margin: .75rem 0 0;
    color: var(--tww-ds-muted);
    font-size: .76rem;
    font-weight: 600;
    line-height: 1.45;
    overflow-wrap: anywhere;
}
body[data-tww-design-system="product-154"] .tww-integration-card-actions {
    margin-top: auto;
    padding-top: 1rem;
}
body[data-tww-design-system="product-154"] .tww-integration-resources {
    padding: 1.1rem;
    border: 1px solid var(--tww-ds-border);
    border-radius: var(--tww-ds-radius-lg);
    background: var(--tww-ds-surface);
}
body[data-tww-design-system="product-154"] .tww-integration-resource-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .75rem;
    margin-top: .9rem;
}
body[data-tww-design-system="product-154"] .tww-integration-resource-card {
    min-width: 0;
    padding: .9rem;
    border: 1px solid var(--tww-ds-border);
    border-radius: var(--tww-ds-radius-md);
    background: var(--tww-ds-content);
}
body[data-tww-design-system="product-154"] .tww-integration-settings-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.6fr) minmax(16rem, .65fr);
    gap: 1rem;
    align-items: start;
}
body[data-tww-design-system="product-154"] .tww-integration-runtime-panel {
    position: sticky;
    top: calc(var(--tww-navbar-height, 64px) + 1rem);
}
body[data-tww-design-system="product-154"] .tww-integration-runtime-list {
    display: grid;
    gap: .65rem;
    margin: .9rem 0;
}
body[data-tww-design-system="product-154"] .tww-integration-runtime-list > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding-bottom: .55rem;
    border-bottom: 1px solid var(--tww-ds-border);
}
body[data-tww-design-system="product-154"] .tww-integration-runtime-list dt {
    color: var(--tww-ds-text-secondary);
    font-size: .82rem;
}
body[data-tww-design-system="product-154"] .tww-code-block {
    display: block;
    margin-top: .9rem;
    padding: .85rem;
    overflow-wrap: anywhere;
    border: 1px solid var(--tww-ds-border);
    border-radius: var(--tww-ds-radius-sm);
    background: var(--tww-ds-content);
    color: var(--tww-ds-text);
    font-size: .78rem;
    line-height: 1.55;
}
body[data-tww-design-system="product-154"] .tww-status-badge[data-status="ready"] {
    background: color-mix(in srgb, var(--tww-ds-success) 10%, var(--tww-ds-surface));
    color: var(--tww-ds-success);
}
body[data-tww-design-system="product-154"] .tww-status-badge[data-status="warning"] {
    background: color-mix(in srgb, var(--tww-ds-warning) 10%, var(--tww-ds-surface));
    color: var(--tww-ds-warning);
}

/* Notifications. */
body[data-tww-design-system="product-154"] .tww-notification-center > section:first-of-type {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
body[data-tww-design-system="product-154"] .tww-notification-center > section:first-of-type .tww-card {
    position: relative;
    overflow: hidden;
}
body[data-tww-design-system="product-154"] .tww-notification-center > section:first-of-type .tww-card::after {
    content: "";
    position: absolute;
    inset: auto 0 0;
    height: 3px;
    background: var(--tww-ds-primary);
    opacity: .45;
}
body[data-tww-design-system="product-154"] .tww-notification-center article {
    transition: background-color .14s ease;
}
body[data-tww-design-system="product-154"] .tww-notification-center article:hover {
    background: var(--tww-ds-content) !important;
}
body[data-tww-design-system="product-154"] .tww-notification-preferences-form {
    max-width: 72rem;
}

/* Google Sheets / data exchange operational pages. */
body[data-tww-design-system="product-154"] .tww-project-sheets-page,
body[data-tww-design-system="product-154"] .tww-data-exchange-page {
    width: min(100%, var(--tww-page-max, 1680px));
    margin-inline: auto;
}
body[data-tww-design-system="product-154"] .tww-project-sheets-page :where(.rounded-3xl, .rounded-2xl),
body[data-tww-design-system="product-154"] .tww-data-exchange-page :where(.rounded-3xl, .rounded-2xl) {
    border-radius: var(--tww-ds-radius-lg) !important;
}
body[data-tww-design-system="product-154"] .tww-project-sheets-page :where(section, .overflow-x-auto).bg-white,
body[data-tww-design-system="product-154"] .tww-data-exchange-page :where(section, article).bg-white {
    border-color: var(--tww-ds-border) !important;
    background: var(--tww-ds-surface) !important;
    box-shadow: var(--tww-ds-shadow-xs) !important;
}

/* Public support and What's New. */
body[data-tww-design-system="product-154"] .tww-public-support-container {
    width: min(100%, 58rem);
}
body[data-tww-design-system="product-154"] .tww-public-support .tww-panel {
    box-shadow: var(--tww-ds-shadow-sm) !important;
}
body[data-tww-design-system="product-154"] .tww-public-support details {
    border-color: var(--tww-ds-border) !important;
    border-radius: var(--tww-ds-radius-md) !important;
    background: var(--tww-ds-content);
}
body[data-tww-design-system="product-154"] .tww-public-updates {
    width: min(100% - 2rem, 72rem);
    margin-inline: auto;
    padding-block: clamp(1.25rem, 3vw, 2.5rem);
}
body[data-tww-design-system="product-154"] .tww-public-updates-hero {
    padding: clamp(1.25rem, 3vw, 2rem);
    border: 1px solid var(--tww-public-border, var(--tww-ds-border));
    border-radius: var(--tww-public-card-radius, var(--tww-ds-radius-lg));
    background: var(--tww-public-surface, var(--tww-ds-surface));
    box-shadow: var(--tww-ds-shadow-sm);
}
body[data-tww-design-system="product-154"] .tww-public-update-section {
    margin-top: 1.5rem;
}
body[data-tww-design-system="product-154"] .tww-public-update-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .9rem;
}
body[data-tww-design-system="product-154"] .tww-public-update-list {
    display: grid;
    gap: .75rem;
}
body[data-tww-design-system="product-154"] .tww-public-update-card {
    padding: 1rem;
    border: 1px solid var(--tww-public-border, var(--tww-ds-border));
    border-radius: var(--tww-public-card-radius, var(--tww-ds-radius-lg));
    background: var(--tww-public-surface, var(--tww-ds-surface));
    box-shadow: var(--tww-ds-shadow-xs);
}
body[data-tww-design-system="product-154"] .tww-public-update-card-warning {
    border-color: color-mix(in srgb, var(--tww-ds-warning) 30%, var(--tww-ds-border));
    background: color-mix(in srgb, var(--tww-ds-warning) 5%, var(--tww-public-surface, var(--tww-ds-surface)));
}
body[data-tww-design-system="product-154"] .tww-public-update-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .45rem;
    color: var(--tww-ds-text-secondary);
    font-size: .75rem;
    font-weight: 650;
}
body[data-tww-design-system="product-154"] .tww-public-update-card h3 {
    margin: .65rem 0 0;
    color: var(--tww-ds-text);
    font-size: 1rem;
    font-weight: 720;
}
body[data-tww-design-system="product-154"] .tww-public-update-card p {
    margin: .4rem 0 0;
    color: var(--tww-ds-text-secondary);
    font-size: .875rem;
    line-height: 1.55;
}
body[data-tww-design-system="product-154"] .tww-public-update-empty {
    min-height: 7rem;
}

/* Semantic feedback used by converged settings pages. */
body[data-tww-design-system="product-154"] .tww-alert-success {
    border-color: color-mix(in srgb, var(--tww-ds-success) 28%, var(--tww-ds-border));
    background: color-mix(in srgb, var(--tww-ds-success) 7%, var(--tww-ds-surface));
    color: var(--tww-ds-success);
}
body[data-tww-design-system="product-154"] .tww-alert-warning {
    border-color: color-mix(in srgb, var(--tww-ds-warning) 28%, var(--tww-ds-border));
    background: color-mix(in srgb, var(--tww-ds-warning) 7%, var(--tww-ds-surface));
    color: var(--tww-ds-warning);
}

@media (max-width: 1023px) {
    body[data-tww-design-system="product-154"] .tww-integration-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    body[data-tww-design-system="product-154"] .tww-integration-resource-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    body[data-tww-design-system="product-154"] .tww-integration-settings-grid { grid-template-columns: minmax(0, 1fr); }
    body[data-tww-design-system="product-154"] .tww-integration-runtime-panel { position: static; }
    body[data-tww-design-system="product-154"] .tww-customize-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 767px) {
    body[data-tww-design-system="product-154"] .tww-settings-layout { grid-template-columns: minmax(0, 1fr); }
    body[data-tww-design-system="product-154"] .tww-settings-nav { position: static; }
    body[data-tww-design-system="product-154"] .tww-settings-nav-list {
        grid-auto-flow: column;
        grid-auto-columns: max-content;
        overflow-x: auto;
        overscroll-behavior-inline: contain;
    }
    body[data-tww-design-system="product-154"] .tww-settings-nav-link.is-active { box-shadow: inset 0 -3px 0 var(--tww-ds-primary); }
    body[data-tww-design-system="product-154"] .tww-integration-grid,
    body[data-tww-design-system="product-154"] .tww-public-update-grid,
    body[data-tww-design-system="product-154"] .tww-notification-center > section:first-of-type { grid-template-columns: minmax(0, 1fr); }
    body[data-tww-design-system="product-154"] .tww-customize-tabs,
    body[data-tww-design-system="product-154"] .tww-integration-resource-grid { grid-template-columns: minmax(0, 1fr); }
}
\n\n/* ==========================================================================\n   Release 152 — Deep page-by-page visual convergence\n   Auth family, onboarding, operational workspaces, system feedback and dense\n   business surfaces. This remains the final visual layer; no new CSS runtime.\n   ========================================================================== */\n\n/* Public landing refinement. */\nbody[data-tww-design-system="product-154"] [data-tww-page-convergence="public-home"] {\n    position: relative;\n    isolation: isolate;\n}\nbody[data-tww-design-system="product-154"] [data-tww-page-convergence="public-home"] .tww-hero-copy {\n    max-width: 48rem;\n}\nbody[data-tww-design-system="product-154"] [data-tww-page-convergence="public-home"] .tww-metric {\n    border-color: color-mix(in srgb, var(--tww-ds-border) 78%, transparent);\n    background: color-mix(in srgb, var(--tww-ds-surface) 92%, transparent);\n}\n\n/* Authentication and account recovery. */\nbody[data-tww-design-system="product-154"] .tww-auth-convergence {\n    width: min(100%, 72rem);\n    margin-inline: auto;\n    padding: clamp(1rem, 4vw, 3rem) var(--tww-page-gutter, 1rem);\n}\nbody[data-tww-design-system="product-154"] .tww-auth-convergence-card {\n    width: min(100%, 32rem);\n    margin-inline: auto;\n    overflow: hidden;\n    border: 1px solid var(--tww-ds-border);\n    border-radius: var(--tww-ds-radius-xl);\n    background: var(--tww-ds-surface);\n    box-shadow: var(--tww-ds-shadow-md);\n}\nbody[data-tww-design-system="product-154"] .tww-auth-convergence-card-wide { width: min(100%, 42rem); }\nbody[data-tww-design-system="product-154"] .tww-auth-convergence-header {\n    display: flex;\n    align-items: flex-start;\n    gap: .9rem;\n    padding: clamp(1.15rem, 3vw, 1.75rem);\n    border-bottom: 1px solid var(--tww-ds-border);\n    background: linear-gradient(145deg, var(--tww-ds-surface), var(--tww-ds-content));\n}\nbody[data-tww-design-system="product-154"] .tww-auth-convergence-header h1 {\n    margin: .2rem 0 0;\n    color: var(--tww-ds-text);\n    font-size: clamp(1.35rem, 3vw, 1.9rem);\n    font-weight: 760;\n    letter-spacing: -.035em;\n}\nbody[data-tww-design-system="product-154"] .tww-auth-convergence-header p:not(.tww-smallcaps) {\n    margin: .35rem 0 0;\n    max-width: 56ch;\n    color: var(--tww-ds-text-secondary);\n    font-size: .9rem;\n    line-height: 1.55;\n}\nbody[data-tww-design-system="product-154"] .tww-auth-convergence-icon {\n    display: inline-flex;\n    width: 2.75rem;\n    height: 2.75rem;\n    flex: 0 0 auto;\n    align-items: center;\n    justify-content: center;\n    border: 1px solid color-mix(in srgb, var(--tww-ds-primary) 22%, var(--tww-ds-border));\n    border-radius: var(--tww-ds-radius-md);\n    background: var(--tww-ds-primary-soft);\n    color: var(--tww-ds-primary);\n}\nbody[data-tww-design-system="product-154"] .tww-auth-convergence-form {\n    display: grid;\n    gap: 1rem;\n    padding: clamp(1.15rem, 3vw, 1.75rem);\n}\nbody[data-tww-design-system="product-154"] .tww-auth-convergence-grid {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: .85rem;\n}\nbody[data-tww-design-system="product-154"] .tww-auth-convergence-options {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    justify-content: space-between;\n    gap: .75rem 1rem;\n}\nbody[data-tww-design-system="product-154"] .tww-auth-convergence-check {\n    display: inline-flex;\n    align-items: center;\n    gap: .55rem;\n    color: var(--tww-ds-text-secondary);\n    font-size: .84rem;\n    font-weight: 650;\n}\nbody[data-tww-design-system="product-154"] .tww-auth-convergence-link,\nbody[data-tww-design-system="product-154"] .tww-auth-convergence-footer a {\n    color: var(--tww-ds-primary);\n    font-weight: 700;\n    text-decoration: none;\n}\nbody[data-tww-design-system="product-154"] .tww-auth-convergence-link:hover,\nbody[data-tww-design-system="product-154"] .tww-auth-convergence-footer a:hover { text-decoration: underline; }\nbody[data-tww-design-system="product-154"] .tww-auth-convergence-submit {\n    width: 100%;\n    min-height: 2.85rem;\n    justify-content: center;\n}\nbody[data-tww-design-system="product-154"] .tww-auth-convergence-footer {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: .35rem;\n    padding: .95rem 1.25rem;\n    border-top: 1px solid var(--tww-ds-border);\n    background: var(--tww-ds-content);\n    color: var(--tww-ds-text-secondary);\n    font-size: .84rem;\n}\nbody[data-tww-design-system="product-154"] .tww-auth-switcher { width: 100%; }\nbody[data-tww-design-system="product-154"] .tww-auth-switcher-tabs {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: .35rem;\n    margin-bottom: 1rem;\n    padding: .35rem;\n    border: 1px solid var(--tww-ds-border);\n    border-radius: var(--tww-ds-radius-lg);\n    background: var(--tww-ds-content);\n}\nbody[data-tww-design-system="product-154"] .tww-auth-switcher-panels { position: relative; min-height: 26rem; }\n\n/* Onboarding. */\nbody[data-tww-design-system="product-154"] .tww-onboarding-shell {\n    width: min(100%, 62rem);\n    margin: clamp(1rem, 5vw, 3rem) auto;\n    overflow: hidden;\n    border: 1px solid var(--tww-ds-border);\n    border-radius: var(--tww-ds-radius-xl);\n    background: var(--tww-ds-surface);\n    box-shadow: var(--tww-ds-shadow-md);\n}\nbody[data-tww-design-system="product-154"] .tww-onboarding-header {\n    display: flex;\n    align-items: flex-start;\n    gap: 1rem;\n    padding: clamp(1.15rem, 3vw, 1.65rem);\n    border-bottom: 1px solid var(--tww-ds-border);\n    background: var(--tww-ds-content);\n}\nbody[data-tww-design-system="product-154"] .tww-onboarding-header h1 { margin: .15rem 0 0; color: var(--tww-ds-text); font-size: 1.45rem; font-weight: 760; }\nbody[data-tww-design-system="product-154"] .tww-onboarding-header p:not(.tww-smallcaps) { margin: .35rem 0 0; color: var(--tww-ds-text-secondary); }\nbody[data-tww-design-system="product-154"] .tww-onboarding-body { padding: clamp(1rem, 3vw, 1.5rem); }\n\n/* Shared feedback and toast system. */\nbody[data-tww-design-system="product-154"] .tww-feedback {\n    display: flex;\n    align-items: flex-start;\n    gap: .8rem;\n    padding: .9rem 1rem;\n    border: 1px solid var(--tww-ds-border);\n    border-radius: var(--tww-ds-radius-md);\n    background: var(--tww-ds-surface);\n    box-shadow: var(--tww-ds-shadow-xs);\n}\nbody[data-tww-design-system="product-154"] .tww-feedback-danger {\n    border-color: color-mix(in srgb, var(--tww-ds-danger) 30%, var(--tww-ds-border));\n    background: color-mix(in srgb, var(--tww-ds-danger) 5%, var(--tww-ds-surface));\n}\nbody[data-tww-design-system="product-154"] .tww-feedback-success {\n    margin: 1rem 1.25rem 0;\n    border-color: color-mix(in srgb, var(--tww-ds-success) 30%, var(--tww-ds-border));\n    background: color-mix(in srgb, var(--tww-ds-success) 5%, var(--tww-ds-surface));\n    color: var(--tww-ds-success);\n}\nbody[data-tww-design-system="product-154"] .tww-feedback-icon {\n    display: inline-flex;\n    width: 2.15rem;\n    height: 2.15rem;\n    flex: 0 0 auto;\n    align-items: center;\n    justify-content: center;\n    border-radius: var(--tww-ds-radius-sm);\n    background: color-mix(in srgb, var(--tww-ds-danger) 12%, transparent);\n    color: var(--tww-ds-danger);\n}\nbody[data-tww-design-system="product-154"] .tww-feedback-content { min-width: 0; flex: 1; }\nbody[data-tww-design-system="product-154"] .tww-feedback-title { margin: 0; color: var(--tww-ds-danger); font-size: .74rem; font-weight: 760; letter-spacing: .07em; text-transform: uppercase; }\nbody[data-tww-design-system="product-154"] .tww-feedback-message,\nbody[data-tww-design-system="product-154"] .tww-feedback-list { margin: .25rem 0 0; color: var(--tww-ds-text); font-size: .85rem; font-weight: 600; line-height: 1.5; }\nbody[data-tww-design-system="product-154"] .tww-feedback-list { padding-left: 1.15rem; }\nbody[data-tww-design-system="product-154"] .tww-feedback-close {\n    display: inline-flex; width: 2rem; height: 2rem; align-items: center; justify-content: center;\n    border: 0; border-radius: 999px; background: transparent; color: var(--tww-ds-muted);\n}\nbody[data-tww-design-system="product-154"] .tww-feedback-close:hover { background: var(--tww-ds-content); color: var(--tww-ds-text); }\nbody[data-tww-design-system="product-154"] .tww-toast {\n    pointer-events: auto;\n    overflow: hidden;\n    border: 1px solid currentColor;\n    border-radius: var(--tww-ds-radius-lg);\n    box-shadow: var(--tww-ds-shadow-lg);\n}\nbody[data-tww-design-system="product-154"] .tww-toast-body { display: flex; align-items: flex-start; gap: .75rem; padding: .9rem; }\nbody[data-tww-design-system="product-154"] .tww-toast-icon { display: inline-flex; width: 2.25rem; height: 2.25rem; flex: 0 0 auto; align-items: center; justify-content: center; border-radius: var(--tww-ds-radius-sm); background: color-mix(in srgb, white 82%, transparent); color: #0f172a; }\nbody[data-tww-design-system="product-154"] .tww-toast-content { min-width: 0; flex: 1; }\nbody[data-tww-design-system="product-154"] .tww-toast-title { font-size: .72rem; font-weight: 760; letter-spacing: .08em; text-transform: uppercase; }\nbody[data-tww-design-system="product-154"] .tww-toast-message { margin-top: .2rem; font-size: .86rem; font-weight: 650; line-height: 1.45; }\nbody[data-tww-design-system="product-154"] .tww-toast-close { display: inline-flex; width: 2rem; height: 2rem; align-items: center; justify-content: center; border: 0; border-radius: 999px; background: color-mix(in srgb, currentColor 10%, transparent); color: currentColor; }\nbody[data-tww-design-system="product-154"] .tww-toast-progress { height: 3px; background: color-mix(in srgb, white 58%, transparent); }\n\n/* Work Queue operational board. */\nbody[data-tww-design-system="product-154"] .tww-work-queue-board-grid {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: .8rem;\n}\nbody[data-tww-design-system="product-154"] .tww-work-queue-column {\n    min-width: 0;\n    padding: .85rem;\n    border: 1px solid var(--tww-ds-border);\n    border-radius: var(--tww-ds-radius-lg);\n    background: var(--tww-ds-surface);\n    box-shadow: var(--tww-ds-shadow-xs);\n}\nbody[data-tww-design-system="product-154"] .tww-work-queue-column-header { display: flex; align-items: flex-start; justify-content: space-between; gap: .75rem; margin-bottom: .75rem; }\nbody[data-tww-design-system="product-154"] .tww-work-queue-column-title { margin: 0; color: var(--tww-ds-text); font-size: .76rem; font-weight: 760; letter-spacing: .07em; text-transform: uppercase; }\nbody[data-tww-design-system="product-154"] .tww-work-queue-column-count { margin: .2rem 0 0; color: var(--tww-ds-muted); font-size: .76rem; font-weight: 650; }\nbody[data-tww-design-system="product-154"] .tww-work-queue-stack { display: grid; gap: .6rem; }\nbody[data-tww-design-system="product-154"] .tww-work-queue-card { padding: .75rem; border: 1px solid var(--tww-ds-border); border-radius: var(--tww-ds-radius-md); background: var(--tww-ds-content); }\nbody[data-tww-design-system="product-154"] .tww-work-queue-card:hover { border-color: color-mix(in srgb, var(--tww-ds-primary) 24%, var(--tww-ds-border)); background: var(--tww-ds-surface); }\n\n/* Dense operational pages — normalize utility-heavy descendants without changing markup contracts. */\nbody[data-tww-design-system="product-154"] [data-tww-operational-contract="152"] :where(.rounded-3xl, .rounded-2xl) { border-radius: var(--tww-ds-radius-md) !important; }\nbody[data-tww-design-system="product-154"] [data-tww-operational-contract="152"] :where(.shadow-xl, .shadow-2xl, .shadow-lg, .shadow-sm) { box-shadow: var(--tww-ds-shadow-xs) !important; }\nbody[data-tww-design-system="product-154"] [data-tww-operational-contract="152"] :where(.bg-white, .bg-slate-50, .bg-gray-50) { background: var(--tww-ds-surface) !important; }\nbody[data-tww-design-system="product-154"] [data-tww-operational-contract="152"] :where(.text-slate-900, .text-gray-900) { color: var(--tww-ds-text) !important; }\nbody[data-tww-design-system="product-154"] [data-tww-operational-contract="152"] :where(.text-slate-500, .text-slate-600, .text-gray-500, .text-gray-600) { color: var(--tww-ds-text-secondary) !important; }\nbody[data-tww-design-system="product-154"] [data-tww-operational-contract="152"] :where(.border-slate-100, .border-slate-200, .border-gray-100, .border-gray-200) { border-color: var(--tww-ds-border) !important; }\nbody[data-tww-design-system="product-154"] [data-tww-operational-contract="152"] pre.tww-copy-panel { border: 1px solid color-mix(in srgb, var(--tww-ds-text) 12%, transparent); box-shadow: none !important; }\n\n/* Component convergence. */\nbody[data-tww-design-system="product-154"] [data-tww-component-convergence="modal-152"] .tww-modal-card {\n    border-color: var(--tww-ds-border);\n    box-shadow: var(--tww-ds-shadow-lg);\n}\nbody[data-tww-design-system="product-154"] [data-tww-component-convergence="modal-152"] .tww-modal-accent { height: 3px; background: var(--tww-ds-primary); opacity: .7; }\n\n@media (max-width: 1279px) {\n    body[data-tww-design-system="product-154"] .tww-work-queue-board-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n}\n@media (max-width: 767px) {\n    body[data-tww-design-system="product-154"] .tww-auth-convergence-grid,\n    body[data-tww-design-system="product-154"] .tww-work-queue-board-grid { grid-template-columns: minmax(0, 1fr); }\n    body[data-tww-design-system="product-154"] .tww-auth-convergence { padding-inline: .65rem; }\n    body[data-tww-design-system="product-154"] .tww-auth-convergence-card,\n    body[data-tww-design-system="product-154"] .tww-onboarding-shell { border-radius: var(--tww-ds-radius-lg); }\n    body[data-tww-design-system="product-154"] .tww-auth-switcher-panels { min-height: 30rem; }\n}\n

/* ==========================================================================\n   Release 153 — Domain Page Visual Convergence & Operational Widgets\n   Extends Release 150-152 without introducing a competing stylesheet.\n   ========================================================================== */

body[data-tww-design-system="product-154"] [data-tww-domain-convergence="153"] {
    --tww-domain-gap: clamp(.75rem, 1.2vw, 1rem);
    min-width: 0;
}

body[data-tww-design-system="product-154"] [data-tww-domain-convergence="153"] :where(.rounded-3xl, .rounded-2xl) {
    border-radius: var(--tww-ds-radius-md);
}
body[data-tww-design-system="product-154"] [data-tww-domain-convergence="153"] :where(.shadow-2xl, .shadow-xl, .shadow-lg, .shadow-sm) {
    box-shadow: var(--tww-ds-shadow-xs);
}
body[data-tww-design-system="product-154"] [data-tww-domain-convergence="153"] :where(.bg-white, .bg-slate-50, .bg-gray-50) {
    background: var(--tww-ds-surface);
}
body[data-tww-design-system="product-154"] [data-tww-domain-convergence="153"] :where(.border-slate-100, .border-slate-200, .border-gray-100, .border-gray-200) {
    border-color: var(--tww-ds-border);
}
body[data-tww-design-system="product-154"] [data-tww-domain-convergence="153"] :where(.text-slate-900, .text-gray-900) {
    color: var(--tww-ds-text);
}
body[data-tww-design-system="product-154"] [data-tww-domain-convergence="153"] :where(.text-slate-400, .text-slate-500, .text-slate-600, .text-gray-400, .text-gray-500, .text-gray-600) {
    color: var(--tww-ds-text-secondary);
}
body[data-tww-design-system="product-154"] [data-tww-domain-convergence="153"] :where(h1, h2, h3):not([class*="font-normal"]) {
    text-wrap: balance;
}
body[data-tww-design-system="product-154"] [data-tww-domain-convergence="153"] :where(label > span:first-child, .tww-label) {
    letter-spacing: .045em;
}
body[data-tww-design-system="product-154"] [data-tww-domain-convergence="153"] :where(details) {
    overflow: clip;
    border: 1px solid var(--tww-ds-border);
    border-radius: var(--tww-ds-radius-md);
    background: var(--tww-ds-surface);
}
body[data-tww-design-system="product-154"] [data-tww-domain-convergence="153"] :where(details > summary) {
    min-height: 2.75rem;
    padding: .75rem .9rem;
    color: var(--tww-ds-text);
    font-weight: 720;
    list-style-position: inside;
}
body[data-tww-design-system="product-154"] [data-tww-domain-convergence="153"] :where(details[open] > summary) {
    border-bottom: 1px solid var(--tww-ds-border);
    background: var(--tww-ds-content);
}
body[data-tww-design-system="product-154"] [data-tww-domain-convergence="153"] :where(.tww-card, .tww-form-card, .tww-detail-card) {
    border-color: var(--tww-ds-border);
    background: var(--tww-ds-surface);
    box-shadow: var(--tww-ds-shadow-xs);
}
body[data-tww-design-system="product-154"] [data-tww-domain-convergence="153"] :where(.tww-form-grid, .grid) {
    min-width: 0;
}
body[data-tww-design-system="product-154"] [data-tww-domain-convergence="153"] :where(input[type="checkbox"], input[type="radio"]) {
    min-width: 1rem;
    min-height: 1rem;
    accent-color: var(--tww-ds-primary);
}
body[data-tww-design-system="product-154"] [data-tww-domain-convergence="153"] :where(table) {
    font-variant-numeric: tabular-nums;
}
body[data-tww-design-system="product-154"] [data-tww-domain-convergence="153"] :where(th) {
    color: var(--tww-ds-text-secondary);
    font-size: .72rem;
    letter-spacing: .055em;
    text-transform: uppercase;
}
body[data-tww-design-system="product-154"] [data-tww-domain-convergence="153"] :where(td, th) {
    vertical-align: middle;
}
body[data-tww-design-system="product-154"] [data-tww-domain-convergence="153"] .tww-domain-empty {
    display: grid;
    min-height: 8rem;
    place-items: center;
    padding: 1.25rem;
    border: 1px dashed var(--tww-ds-border-strong);
    border-radius: var(--tww-ds-radius-md);
    background: var(--tww-ds-content);
    color: var(--tww-ds-text-secondary);
    text-align: center;
}

/* Monitoring project setup: identity first, connection/security second. */
body[data-tww-design-system="product-154"] [data-tww-page-convergence="monitoring-project-form-153"] .tww-compact-business-form > .grid:first-of-type {
    align-items: start;
}
body[data-tww-design-system="product-154"] [data-tww-page-convergence="monitoring-project-form-153"] [data-tww-monitoring-code-generate] {
    min-height: 2.65rem;
    border-color: color-mix(in srgb, var(--tww-ds-primary) 26%, var(--tww-ds-border));
    border-radius: var(--tww-ds-radius-sm);
    background: color-mix(in srgb, var(--tww-ds-primary) 7%, var(--tww-ds-surface));
    color: var(--tww-ds-primary);
}

/* Pact delivery: persistent workflow rail plus dense but readable work surface. */
body[data-tww-design-system="product-154"] [data-tww-page-convergence="pact-delivery-153"] .tww-component-delivery-header {
    padding: 1rem 1.1rem;
    border: 1px solid var(--tww-ds-border);
    border-radius: var(--tww-ds-radius-lg);
    background: var(--tww-ds-surface);
}
body[data-tww-design-system="product-154"] [data-tww-page-convergence="pact-delivery-153"] .tww-component-delivery-tabs {
    gap: .35rem;
}
body[data-tww-design-system="product-154"] [data-tww-page-convergence="pact-delivery-153"] .tww-component-delivery-tabs a {
    min-height: 2.45rem;
    border-radius: var(--tww-ds-radius-sm);
}

/* Forms: calm section hierarchy and stable actions across Billing/CRM/CMS/Knowledge. */
body[data-tww-design-system="product-154"] [data-tww-page-kind="domain-form-153"] .tww-form-card + .tww-form-card {
    margin-top: var(--tww-domain-gap);
}
body[data-tww-design-system="product-154"] [data-tww-page-kind="domain-form-153"] :where(.tww-form-actions, [data-tww-form-actions]) {
    position: sticky;
    bottom: .55rem;
    z-index: 8;
    border: 1px solid var(--tww-ds-border);
    border-radius: var(--tww-ds-radius-md);
    background: color-mix(in srgb, var(--tww-ds-surface) 94%, transparent);
    box-shadow: var(--tww-ds-shadow-md);
    backdrop-filter: blur(10px);
}

/* Livewire operational widgets inherit the same component language. */
body[data-tww-design-system="product-154"] [data-tww-widget-convergence="153"] :where(.rounded-3xl, .rounded-2xl) {
    border-radius: var(--tww-ds-radius-md);
}
body[data-tww-design-system="product-154"] [data-tww-widget-convergence="153"] :where(.shadow-lg, .shadow-xl, .shadow-2xl) {
    box-shadow: var(--tww-ds-shadow-xs);
}
body[data-tww-design-system="product-154"] [data-tww-widget-convergence="153"] :where(.bg-white, .bg-slate-50) {
    background: var(--tww-ds-surface);
}

/* Empty/loading states used by asynchronous domain workspaces. */
body[data-tww-design-system="product-154"] [wire\\:loading].tww-loading-state,
body[data-tww-design-system="product-154"] .tww-loading-state {
    color: var(--tww-ds-text-secondary);
}
body[data-tww-design-system="product-154"] .tww-skeleton {
    position: relative;
    overflow: hidden;
    border-radius: var(--tww-ds-radius-sm);
    background: color-mix(in srgb, var(--tww-ds-border) 70%, transparent);
}
body[data-tww-design-system="product-154"] .tww-skeleton::after {
    position: absolute;
    inset: 0;
    content: "";
    transform: translateX(-100%);
    background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--tww-ds-surface) 68%, transparent), transparent);
    animation: tww-ds-skeleton 1.35s ease-in-out infinite;
}
@keyframes tww-ds-skeleton { to { transform: translateX(100%); } }
@media (prefers-reduced-motion: reduce) {
    body[data-tww-design-system="product-154"] .tww-skeleton::after { animation: none; display: none; }
}

@media (max-width: 1023px) {
    body[data-tww-design-system="product-154"] [data-tww-domain-convergence="153"] :where(.xl\\:grid-cols-3, .lg\\:grid-cols-4, .lg\\:grid-cols-3) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 767px) {
    body[data-tww-design-system="product-154"] [data-tww-domain-convergence="153"] :where(.grid, .tww-form-grid) {
        min-width: 0;
    }
    body[data-tww-design-system="product-154"] [data-tww-domain-convergence="153"] :where(.xl\\:grid-cols-3, .lg\\:grid-cols-4, .lg\\:grid-cols-3, .md\\:grid-cols-3, .md\\:grid-cols-2) {
        grid-template-columns: minmax(0, 1fr);
    }
    body[data-tww-design-system="product-154"] [data-tww-domain-convergence="153"] :where(.overflow-x-auto) {
        overscroll-behavior-inline: contain;
        scrollbar-width: thin;
    }
    body[data-tww-design-system="product-154"] [data-tww-page-kind="domain-form-153"] :where(.tww-form-actions, [data-tww-form-actions]) {
        bottom: .25rem;
    }
}


/* ==========================================================================\n   Release 154 — Final visual QA, inherited Blade fixes, dialog/state polish\n   ========================================================================== */
body[data-tww-design-system="product-154"] {
    --tww-final-touch-target: 2.75rem;
    --tww-final-mobile-gutter: clamp(.75rem, 3vw, 1.1rem);
}

/* Shared dialogs: calm hierarchy, predictable focus and mobile-safe geometry. */
body[data-tww-design-system="product-154"] [data-tww-final-visual-qa="154"].tww-modal-root {
    padding: clamp(.75rem, 2.5vw, 1.5rem);
}
body[data-tww-design-system="product-154"] [data-tww-final-visual-qa="154"] .tww-modal-card,
body[data-tww-design-system="product-154"] [role="dialog"] {
    border-color: var(--tww-ds-border);
    border-radius: var(--tww-ds-radius-lg);
    background: var(--tww-ds-surface);
    color: var(--tww-ds-text-primary);
    box-shadow: var(--tww-ds-shadow-lg);
}
body[data-tww-design-system="product-154"] .tww-modal-close {
    min-width: var(--tww-final-touch-target);
    min-height: var(--tww-final-touch-target);
    border-radius: var(--tww-ds-radius-sm);
}
body[data-tww-design-system="product-154"] :where(.tww-modal-close, .tww-feedback-close, .tww-toast-close):focus-visible {
    outline: 3px solid color-mix(in srgb, var(--tww-ds-focus) 45%, transparent);
    outline-offset: 2px;
}

/* Feedback and loading states: stable hierarchy, no color-only communication. */
body[data-tww-design-system="product-154"] [data-tww-final-visual-qa="154"].tww-feedback,
body[data-tww-design-system="product-154"] [data-tww-final-visual-qa="154"].tww-toast {
    border-width: 1px;
    box-shadow: var(--tww-ds-shadow-sm);
}
body[data-tww-design-system="product-154"] :where(.tww-empty-state, .tww-component-empty-state, .tww-domain-empty, .tww-public-empty-state) {
    min-width: 0;
    border-radius: var(--tww-ds-radius-md);
}
body[data-tww-design-system="product-154"] :where([wire\:loading], .tww-loading-state) {
    color: var(--tww-ds-text-secondary);
}

/* Operational tables keep dense information usable on narrow screens. */
@media (max-width: 767px) {
    body[data-tww-design-system="product-154"] :where(.tww-page-header, .tww-show-header, .tww-form-shell-header) {
        gap: .8rem;
    }
    body[data-tww-design-system="product-154"] :where(.tww-page-actions, .tww-show-actions, .tww-form-shell-actions) {
        width: 100%;
        align-items: stretch;
    }
    body[data-tww-design-system="product-154"] :where(.tww-page-actions, .tww-show-actions, .tww-form-shell-actions) > :where(a, button, form) {
        max-width: 100%;
    }
    body[data-tww-design-system="product-154"] :where(.tww-table-card, .tww-index-body, .tww-show-body, .tww-form-shell-body) {
        min-width: 0;
    }
    body[data-tww-design-system="product-154"] :where(.overflow-x-auto, .tww-table-scroll) {
        overscroll-behavior-inline: contain;
        scrollbar-width: thin;
        -webkit-overflow-scrolling: touch;
    }
    body[data-tww-design-system="product-154"] .tww-modal-card {
        width: min(100%, calc(100vw - (2 * var(--tww-final-mobile-gutter))));
        max-height: min(92dvh, 56rem);
        overflow-y: auto;
    }
}

/* Dark mode: eliminate white utility islands without overriding tenant tokens. */
html.dark body[data-tww-design-system="product-154"] :where(
    [data-tww-domain-convergence="154"],
    [data-tww-final-visual-qa="154"],
    .tww-modal-card,
    .tww-empty-state,
    .tww-component-empty-state
) :where(.bg-white, .bg-slate-50, .bg-gray-50) {
    background-color: var(--tww-ds-surface) !important;
    color: var(--tww-ds-text-primary);
}
html.dark body[data-tww-design-system="product-154"] :where(.text-slate-900, .text-gray-900) {
    color: var(--tww-ds-text-primary) !important;
}
html.dark body[data-tww-design-system="product-154"] :where(.text-slate-500, .text-slate-600, .text-gray-500, .text-gray-600) {
    color: var(--tww-ds-text-secondary) !important;
}

@media (prefers-reduced-motion: reduce) {
    body[data-tww-design-system="product-154"] :where(.tww-modal-card, .tww-toast, .tww-feedback, .tww-modal-backdrop) {
        scroll-behavior: auto;
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
    }
}