:root {
    --ink: #13212e;
    --ink-soft: #496173;
    --sand: #f6f0e6;
    --cream: #fffaf3;
    --mist: #e8f1ef;
    --sea: #195d66;
    --sea-strong: #10474f;
    --clay: #c76435;
    --gold: #e0a33a;
    --line: rgba(19, 33, 46, 0.12);
    --panel: rgba(255, 255, 255, 0.82);
    --shadow: 0 18px 50px rgba(21, 40, 52, 0.10);
    --radius: 22px;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

body {
    margin: 0;
    font-family: "Trebuchet MS", "Avenir Next", "Segoe UI", sans-serif;
    color: var(--ink);
    background:
        radial-gradient(circle at top left, rgba(224, 163, 58, 0.15), transparent 24%),
        radial-gradient(circle at 90% 0%, rgba(25, 93, 102, 0.16), transparent 20%),
        linear-gradient(180deg, #fff8ef 0%, #f8fbf8 55%, #eef5f5 100%);
}

a {
    color: inherit;
    text-decoration: none;
}

.site-shell {
    width: min(1240px, calc(100% - 32px));
    margin: 0 auto;
    padding-bottom: 48px;
}

.site-header,
.site-footer,
.hero-panel,
.section-block,
.page-banner,
.job-list-card,
.job-card,
.job-hero,
.company-hero,
.manager-grid .board-card,
.apply-main-card,
.apply-side-card {
    backdrop-filter: blur(10px);
}

.site-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 24px 0;
}

.site-brand {
    display: flex;
    align-items: center;
    gap: 14px;
}

.site-brand strong {
    display: block;
    font-size: 1.1rem;
}

.site-brand span {
    color: var(--ink-soft);
    font-size: 0.95rem;
}

.site-brand-chip,
.eyebrow-pill,
.section-label,
.job-chip,
.job-status,
.tag-row span {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    border-radius: 999px;
}

.site-brand-chip {
    padding: 10px 14px;
    background: linear-gradient(135deg, var(--sea) 0%, var(--clay) 100%);
    color: #fff;
    font-weight: 700;
}

.site-nav {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.site-nav a {
    padding: 10px 14px;
    border-radius: 999px;
    color: var(--ink-soft);
}

.site-nav a.is-active,
.site-nav a:hover {
    background: rgba(25, 93, 102, 0.10);
    color: var(--sea-strong);
}

.page-shell {
    display: grid;
    gap: 28px;
}

.hero-panel,
.section-block,
.page-banner,
.job-list-card,
.job-card,
.job-hero,
.company-hero,
.empty-state,
.apply-main-card,
.apply-side-card {
    background: var(--panel);
    border: 1px solid rgba(255, 255, 255, 0.7);
    box-shadow: var(--shadow);
    border-radius: var(--radius);
}

.hero-panel,
.job-hero,
.company-hero {
    padding: 34px;
}

.hero-panel {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(280px, 0.8fr);
    gap: 24px;
}

.hero-copy h1,
.page-banner h1,
.job-hero h1,
.company-hero h1 {
    margin: 12px 0;
    font-size: clamp(2.2rem, 5vw, 4.5rem);
    line-height: 0.95;
    letter-spacing: -0.04em;
}

.hero-copy p,
.page-banner p,
.job-summary-large,
.detail-paragraph,
.content-panel p,
.callout-panel p {
    color: var(--ink-soft);
    font-size: 1.02rem;
}

.hero-actions,
.info-row,
.tag-row,
.section-heading,
.results-strip,
.filter-bar,
.manager-grid,
.split-panel,
.company-stats {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 18px;
    border-radius: 999px;
    font-weight: 700;
    line-height: 1.1;
    text-decoration: none;
    border: 1px solid transparent;
}

.btn:hover {
    text-decoration: none;
}

.btn-primary,
.btn-primary:visited {
    background: var(--sea);
    color: #fff !important;
    -webkit-text-fill-color: #fff;
}

.btn-primary:hover {
    background: var(--sea-strong);
}

.btn-secondary,
.btn-secondary:visited {
    background: rgba(199, 100, 53, 0.10);
    border-color: rgba(199, 100, 53, 0.16);
    color: var(--clay) !important;
    -webkit-text-fill-color: var(--clay);
}

.btn > * {
    color: inherit;
    -webkit-text-fill-color: currentColor;
}

.hero-board,
.job-grid,
.job-list,
.location-list {
    display: grid;
    gap: 16px;
}

.hero-board {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.board-card,
.activity-item,
.side-card,
.location-card {
    padding: 18px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.75);
    border: 1px solid var(--line);
}

.board-card span,
.section-label,
.job-status,
.job-chip,
.activity-item p,
.activity-item span,
.location-card span {
    color: var(--ink-soft);
    font-size: 0.88rem;
}

.board-card strong,
.job-card strong,
.job-list-side strong {
    display: block;
    margin-top: 6px;
    font-size: 1.5rem;
}

.section-block,
.page-banner {
    padding: 28px;
}

.section-heading {
    justify-content: space-between;
    align-items: end;
    margin-bottom: 18px;
}

.section-label,
.eyebrow-pill,
.job-chip,
.job-status,
.tag-row span {
    padding: 7px 12px;
    background: rgba(25, 93, 102, 0.10);
}

.eyebrow-pill {
    color: var(--sea-strong);
    font-weight: 700;
}

.job-chip {
    color: var(--sea-strong);
}

.job-status {
    background: rgba(224, 163, 58, 0.16);
    color: #8d5a06;
}

.job-grid {
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.job-card,
.job-list-card {
    padding: 22px;
}

.job-card h3,
.job-list-card h2 {
    margin: 14px 0 8px;
    font-size: 1.35rem;
}

.job-card-top,
.results-strip {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}

.job-summary {
    margin: 12px 0;
    color: var(--ink-soft);
}

.tag-row span {
    background: rgba(19, 33, 46, 0.06);
}

.split-panel {
    align-items: start;
}

.content-panel,
.activity-panel {
    flex: 1 1 320px;
}

.feature-list {
    margin: 16px 0 0;
    padding-left: 18px;
    display: grid;
    gap: 10px;
}

.feature-list.compact {
    margin-top: 10px;
}

.activity-panel {
    display: grid;
    gap: 12px;
}

.stack-list {
    display: grid;
    gap: 12px;
    margin-top: 14px;
}

.activity-item strong {
    display: block;
    margin-bottom: 4px;
}

.callout-panel {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 18px;
}

.filter-bar input,
.filter-bar select {
    min-width: 160px;
    padding: 12px 14px;
    border-radius: 14px;
    border: 1px solid var(--line);
    background: rgba(255, 255, 255, 0.8);
    font: inherit;
}

.job-list {
    gap: 14px;
}

.job-list-card {
    display: flex;
    justify-content: space-between;
    gap: 18px;
}

.job-list-main {
    flex: 1 1 auto;
}

.job-list-side {
    min-width: 220px;
    display: grid;
    gap: 12px;
    align-content: start;
    justify-items: end;
}

.job-meta-line,
.site-footer p {
    color: var(--ink-soft);
}

.job-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(280px, 0.8fr);
    gap: 22px;
}

.info-row span {
    padding: 10px 14px;
    border-radius: 999px;
    background: rgba(19, 33, 46, 0.06);
}

.detail-paragraph + .detail-paragraph {
    margin-top: 14px;
}

.code-panel pre {
    margin: 0;
    padding: 18px;
    overflow: auto;
    border-radius: 16px;
    background: #11202d;
    color: #f5f8fa;
}

.apply-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(280px, 0.8fr);
    gap: 22px;
}

.apply-main-card,
.apply-side-card {
    padding: 28px;
}

.application-form {
    display: grid;
    gap: 18px;
}

.form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.application-form label,
.stacked-field {
    display: grid;
    gap: 8px;
}

.application-form input,
.application-form textarea,
.application-form select,
.status-form select {
    width: 100%;
    padding: 12px 14px;
    border-radius: 14px;
    border: 1px solid var(--line);
    background: rgba(255, 255, 255, 0.85);
    font: inherit;
    color: var(--ink);
}

.choice-group {
    padding: 0;
    border: 0;
    display: grid;
    gap: 10px;
}

.choice-group legend {
    font-weight: 700;
}

.check-row {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.check-pill {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    border-radius: 999px;
    background: rgba(25, 93, 102, 0.08);
    border: 1px solid rgba(25, 93, 102, 0.12);
}

.check-pill input {
    width: auto;
    margin: 0;
}

.alert-card {
    padding: 14px 16px;
    border-radius: 16px;
    margin-bottom: 14px;
}

.alert-danger {
    background: rgba(199, 100, 53, 0.12);
    color: #8a3b18;
    border: 1px solid rgba(199, 100, 53, 0.18);
}

.alert-success {
    background: rgba(25, 93, 102, 0.12);
    color: var(--sea-strong);
    border: 1px solid rgba(25, 93, 102, 0.18);
}

.muted-line {
    color: var(--ink-soft);
    font-size: 0.88rem;
}

.success-state {
    background: linear-gradient(145deg, rgba(25, 93, 102, 0.12), rgba(224, 163, 58, 0.10));
}

.status-form {
    display: grid;
    gap: 12px;
}

.compact-form {
    margin-top: 12px;
}

.inline-form {
    margin: 0;
}

.candidate-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin-top: 14px;
}

.detail-card {
    padding: 18px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.74);
    border: 1px solid var(--line);
}

.detail-card strong {
    display: block;
    margin-bottom: 8px;
}

.detail-card.full {
    grid-column: 1 / -1;
}

.manager-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.table-shell {
    overflow: auto;
    border: 1px solid var(--line);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.72);
}

table {
    width: 100%;
    border-collapse: collapse;
}

th,
td {
    padding: 14px 16px;
    text-align: left;
    border-bottom: 1px solid var(--line);
}

th {
    font-size: 0.84rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--ink-soft);
}

.empty-state {
    padding: 40px 28px;
    text-align: center;
}

.site-footer {
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding: 26px 0 8px;
}

.site-footer-links {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}

.site-footer-cols {
    display: flex;
    gap: 28px;
    flex-wrap: wrap;
}

.site-footer-cols > div {
    display: grid;
    gap: 8px;
    align-content: start;
}

.footer-col-label {
    color: var(--ink-soft);
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.text-link {
    color: var(--sea);
    font-weight: 700;
}

.btn-lg {
    padding-inline: 24px;
}

.board-card-warn {
    background: rgba(224, 163, 58, 0.14);
    border-color: rgba(224, 163, 58, 0.28);
}

.alert-warning {
    background: rgba(224, 163, 58, 0.18);
    color: #7b5305;
    border: 1px solid rgba(224, 163, 58, 0.22);
}

.status-chip,
.action-state-badge,
.action-type-chip,
.tab-link,
.stale-badge {
    display: inline-flex;
    align-items: center;
    padding: 8px 12px;
    border-radius: 999px;
    background: rgba(19, 33, 46, 0.08);
    color: var(--ink-soft);
    font-size: 0.82rem;
}

.status-warn,
.stale-badge,
.action-state-badge.state-pending_review,
.action-state-badge.state-failed,
.action-state-badge.state-dead_letter {
    background: rgba(224, 163, 58, 0.16);
    color: #7b5305;
}

.action-state-badge.state-approved,
.action-state-badge.state-completed,
.action-state-badge.state-live {
    background: rgba(25, 93, 102, 0.14);
    color: var(--sea-strong);
}

.action-state-badge.state-rejected,
.action-state-badge.state-archived {
    background: rgba(199, 100, 53, 0.12);
    color: #8a3b18;
}

.hero-breadcrumb {
    display: flex;
    gap: 8px;
    align-items: center;
    flex-wrap: wrap;
    color: var(--ink-soft);
    font-size: 0.92rem;
    margin-bottom: 12px;
}

.employer-callout-panel {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(280px, 0.8fr);
    gap: 18px;
}

.employer-callout-actions {
    display: grid;
    gap: 14px;
    align-content: start;
}

.filter-strip {
    display: block;
}

.copy-panel pre {
    margin: 0;
    white-space: pre-wrap;
    word-break: break-word;
    padding: 18px;
    border-radius: 16px;
    background: rgba(17, 32, 45, 0.94);
    color: #f5f8fa;
}

.mini-metric-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 12px;
    margin-top: 14px;
}

.mini-metric {
    padding: 14px 16px;
    border-radius: 16px;
    border: 1px solid var(--line);
    background: rgba(255, 255, 255, 0.74);
}

.mini-metric span {
    display: block;
    color: var(--ink-soft);
    font-size: 0.82rem;
}

.mini-metric strong {
    display: block;
    margin-top: 6px;
    font-size: 1.15rem;
}

.detail-card-focus {
    border-color: rgba(25, 93, 102, 0.34);
    box-shadow: 0 14px 28px rgba(25, 93, 102, 0.08);
}

.application-form select {
    width: 100%;
    padding: 12px 14px;
    border-radius: 14px;
    border: 1px solid var(--line);
    background: rgba(255, 255, 255, 0.85);
    font: inherit;
    color: var(--ink);
}

.pipeline-board {
    display: grid;
    grid-template-columns: repeat(4, minmax(240px, 1fr));
    gap: 18px;
}

.pipeline-column {
    display: grid;
    gap: 12px;
    align-content: start;
}

.pipeline-column-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 16px;
    border-radius: 18px;
    color: #fff;
    font-weight: 700;
    box-shadow: var(--shadow);
}

.stage-new { background: linear-gradient(135deg, #5b7ea3 0%, #335f8d 100%); }
.stage-review { background: linear-gradient(135deg, #906e2a 0%, #c08d2e 100%); }
.stage-interview { background: linear-gradient(135deg, #195d66 0%, #2d7c87 100%); }
.stage-hired { background: linear-gradient(135deg, #3b6b38 0%, #689b52 100%); }

.pipeline-cards {
    display: grid;
    gap: 12px;
}

.pipeline-card,
.pipeline-empty,
.agent-action-card,
.pending-badge-card {
    display: grid;
    gap: 10px;
    padding: 16px;
    border-radius: 18px;
    border: 1px solid var(--line);
    background: rgba(255, 255, 255, 0.78);
}

.pipeline-card-top,
.agent-action-header,
.agent-action-footer,
.tab-nav {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    align-items: center;
}

.pipeline-card-stale {
    border-color: rgba(224, 163, 58, 0.34);
    background: rgba(255, 251, 240, 0.92);
}

.pipeline-role,
.pipeline-fit,
.pipeline-source,
.pipeline-tasks,
.action-actor,
.agent-action-description,
.agent-action-footer,
.agent-action-payload,
.payload-key,
.payload-field {
    color: var(--ink-soft);
}

.pipeline-count {
    opacity: 0.82;
}

.pipeline-empty {
    min-height: 120px;
    place-content: center;
    text-align: center;
}

.tab-nav {
    margin-top: 16px;
}

.tab-link {
    text-decoration: none;
}

.tab-link.is-active {
    background: rgba(25, 93, 102, 0.14);
    color: var(--sea-strong);
}

.agent-action-card {
    gap: 14px;
}

.agent-action-pending {
    border-color: rgba(224, 163, 58, 0.34);
}

.payload-field {
    display: grid;
    gap: 4px;
    padding: 12px 14px;
    border-radius: 14px;
    background: rgba(19, 33, 46, 0.05);
}

.payload-key {
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

@media (max-width: 920px) {
    .site-header,
    .hero-panel,
    .job-hero,
    .callout-panel,
    .job-list-card,
    .site-footer,
    .employer-callout-panel {
        grid-template-columns: 1fr;
        flex-direction: column;
        align-items: stretch;
    }

    .apply-layout {
        grid-template-columns: 1fr;
    }

    .hero-board {
        grid-template-columns: 1fr 1fr;
    }

    .pipeline-board {
        grid-template-columns: 1fr 1fr;
    }

    .job-list-side {
        min-width: 0;
        justify-items: start;
    }

    .candidate-timeline-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .site-shell {
        width: min(100% - 20px, 1240px);
    }

    .site-header,
    .hero-panel,
    .section-block,
    .page-banner,
    .job-list-card,
    .job-card,
    .job-hero,
    .company-hero,
    .apply-main-card,
    .apply-side-card {
        padding: 20px;
    }

    .hero-board {
        grid-template-columns: 1fr;
    }

    .pipeline-board {
        grid-template-columns: 1fr;
    }

    .form-grid,
    .candidate-grid {
        grid-template-columns: 1fr;
    }

    .hero-copy h1,
    .page-banner h1,
    .job-hero h1,
    .company-hero h1 {
        font-size: 2.4rem;
    }
}


.skip-link {
    position: absolute;
    left: 16px;
    top: -48px;
    padding: 10px 14px;
    border-radius: 12px;
    background: var(--sea-strong);
    color: #fff;
    z-index: 50;
}

.skip-link:focus {
    top: 16px;
}

input:focus,
select:focus,
textarea:focus,
button:focus,
a:focus {
    outline: 3px solid rgba(224, 163, 58, 0.35);
    outline-offset: 2px;
}

.trust-inline-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 16px;
}

.trust-inline-list span,
.filter-chip-row span {
    padding: 9px 12px;
    border-radius: 999px;
    background: rgba(19, 33, 46, 0.06);
    color: var(--ink-soft);
    font-size: 0.88rem;
}

.process-grid,
.audience-grid {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.receipt-summary-card {
    margin-top: 14px;
    padding: 14px 16px;
    border-radius: 16px;
    background: rgba(25, 93, 102, 0.08);
    border: 1px solid rgba(25, 93, 102, 0.12);
}

.receipt-form {
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid var(--line);
}

.receipt-list {
    margin-top: 14px;
}

.compact-card {
    padding: 14px 16px;
}

.filter-chip-row {
    margin-top: -10px;
}

@media (max-width: 920px) {
    .process-grid,
    .audience-grid {
        grid-template-columns: 1fr;
    }
}

.trust-inline-list,
.mini-stat-grid,
.directory-grid,
.market-grid,
.subtle-list {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.trust-inline-list {
    margin-top: 18px;
}

.trust-inline-list span,
.mini-stat-grid span {
    padding: 10px 14px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid var(--line);
    color: var(--ink-soft);
    font-size: 0.9rem;
}

.mini-stat-grid-panel {
    align-content: start;
    justify-content: flex-end;
}

.directory-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 16px;
}

.directory-grid-two {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.directory-grid-three {
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}

.directory-card,
.market-card {
    padding: 22px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.76);
    border: 1px solid var(--line);
}

.directory-card h2,
.directory-card h3,
.market-card strong {
    margin: 12px 0 10px;
}

.subtle-card {
    background: rgba(240, 247, 246, 0.82);
}

.compact-card {
    padding: 18px;
}

.compact-top {
    margin-top: 12px;
}

.subtle-list {
    display: grid;
    gap: 10px;
}

.subtle-list a {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    padding: 12px 14px;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.76);
    border: 1px solid var(--line);
}

.subtle-list a span {
    color: var(--ink-soft);
    white-space: nowrap;
}

.market-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 14px;
}

.compact-grid {
    gap: 12px;
}

.compact-actions {
    align-items: center;
}

.compact-actions a {
    font-weight: 700;
    color: var(--sea);
}

.candidate-portal-banner {
    display: flex;
    justify-content: space-between;
    gap: 24px;
    flex-wrap: wrap;
    align-items: center;
}

.candidate-banner-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.candidate-auth-layout,
.candidate-dashboard-grid {
    align-items: start;
}

.candidate-auth-form,
.candidate-inline-action {
    margin: 0;
}

.candidate-auth-form {
    display: grid;
    gap: 14px;
    max-width: 520px;
}

.candidate-intent-card,
.candidate-magic-card {
    margin-top: 16px;
}

.candidate-metric-strip {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 14px;
}

.candidate-metric-strip .board-card {
    min-height: 120px;
}

.candidate-application-list {
    gap: 18px;
}

.candidate-application-card h3 {
    margin: 10px 0 8px;
    font-size: 1.35rem;
}

.candidate-application-head {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}

.candidate-application-meta {
    display: grid;
    gap: 8px;
    color: var(--ink-soft);
    font-size: 0.9rem;
}

.candidate-timeline-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    margin-top: 18px;
}

.candidate-timeline-grid .activity-item strong {
    font-size: 0.96rem;
}

.quick-apply-banner {
    background: linear-gradient(145deg, rgba(25, 93, 102, 0.12), rgba(224, 163, 58, 0.10));
}

.quick-apply-form {
    gap: 20px;
}

.quick-pref-card,
.quick-share-card,
.draft-resume-card,
.candidate-slot-card {
    margin-top: 4px;
}

.compact-grid {
    align-items: start;
}

.stacked-check {
    align-items: flex-start;
    border-radius: 18px;
}

.apply-submit-row {
    align-items: center;
    flex-wrap: wrap;
}

.candidate-slot-item {
    gap: 12px;
}

.candidate-slot-item .btn {
    width: auto;
}

.candidate-saved-card .hero-actions,
.candidate-alert-card .hero-actions {
    align-items: center;
}

.candidate-inline-action .btn,
.compact-actions form .btn {
    width: 100%;
}

.compact-actions form {
    margin: 0;
}

.status-new {
    background: rgba(19, 33, 46, 0.08);
    color: var(--ink-soft);
}

.status-review {
    background: rgba(224, 163, 58, 0.18);
    color: #7b5305;
}

.status-interview {
    background: rgba(25, 93, 102, 0.14);
    color: var(--sea-strong);
}

.status-hired,
.status-good {
    background: rgba(62, 124, 70, 0.16);
    color: #2a6331;
}

.status-archived,
.status-muted {
    background: rgba(19, 33, 46, 0.08);
    color: var(--ink-soft);
}

.employer-callout-panel {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

.employer-callout-info,
.employer-callout-actions {
    flex: 1 1 280px;
}

.hero-breadcrumb {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    color: var(--ink-soft);
    font-size: 0.92rem;
    margin-bottom: 14px;
}

.hero-breadcrumb a {
    color: var(--sea);
}

@media (max-width: 940px) {
    .hero-panel,
    .job-hero,
    .apply-layout,
    .job-list-card {
        grid-template-columns: 1fr;
        display: grid;
    }

    .job-list-side {
        min-width: 0;
        justify-items: start;
    }

    .candidate-timeline-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .site-shell {
        width: min(100%, calc(100% - 20px));
    }

    .site-header,
    .site-footer {
        flex-direction: column;
        align-items: flex-start;
    }

    .candidate-portal-banner,
    .candidate-application-head {
        flex-direction: column;
        align-items: flex-start;
    }

    .hero-panel,
    .job-hero,
    .company-hero,
    .section-block,
    .page-banner,
    .apply-main-card,
    .apply-side-card {
        padding: 22px;
    }

    .hero-copy h1,
    .page-banner h1,
    .job-hero h1,
    .company-hero h1 {
        font-size: clamp(1.9rem, 8vw, 3rem);
        line-height: 1;
    }

    .filter-bar,
    .hero-actions,
    .info-row,
    .section-heading,
    .results-strip,
    .company-stats {
        flex-direction: column;
        align-items: stretch;
    }

    .filter-bar input,
    .filter-bar select,
    .btn {
        width: 100%;
    }

    .form-grid,
    .candidate-grid {
        grid-template-columns: 1fr;
    }

    .mini-stat-grid-panel {
        justify-content: flex-start;
    }
}

.link-chip-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 14px;
}

.link-chip-row a {
    display: inline-flex;
    align-items: center;
    padding: 10px 14px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.76);
    border: 1px solid var(--line);
    color: var(--sea-strong);
    font-weight: 700;
}

.compact-link-row {
    margin-top: 12px;
}

.discovery-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 16px;
}

.discovery-card {
    padding: 22px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.76);
    border: 1px solid var(--line);
}

.discovery-card h2 {
    margin: 12px 0 10px;
    font-size: 1.35rem;
}

/* Pass T28 — shared public card-row mobile containment */
body:not(.app-mode) :is(
    .directory-card,
    .market-card,
    .job-card,
    .job-list-card,
    .detail-card,
    .content-panel,
    .event-card,
    .discovery-card,
    .board-card,
    .side-card,
    .activity-item,
    .location-card,
    .subtle-list a,
    .employer-directory-brand-card,
    .microsite-highlight-card,
    .quote-card,
    .urgency-callout
) {
    min-width: 0;
}

body:not(.app-mode) :is(
    .directory-card,
    .market-card,
    .job-card,
    .job-list-card,
    .detail-card,
    .content-panel,
    .event-card,
    .discovery-card,
    .board-card,
    .side-card,
    .activity-item,
    .location-card,
    .subtle-list a,
    .employer-directory-brand-card,
    .microsite-highlight-card,
    .quote-card,
    .urgency-callout,
    .section-heading,
    .results-strip,
    .hero-actions,
    .compact-actions,
    .tag-row,
    .link-chip-row,
    .trust-inline-list,
    .mini-stat-grid,
    .job-card-top,
    .directory-card-callouts,
    .location-badge-row,
    .location-nav,
    .microsite-nav,
    .career-badge-list,
    .employer-directory-benefits,
    .info-row
) > * {
    min-width: 0;
    max-width: 100%;
}

body:not(.app-mode) :is(
    .directory-card,
    .market-card,
    .job-card,
    .job-list-card,
    .detail-card,
    .content-panel,
    .event-card,
    .discovery-card,
    .board-card,
    .side-card,
    .activity-item,
    .location-card,
    .subtle-list a,
    .employer-directory-brand-card,
    .microsite-highlight-card,
    .quote-card,
    .urgency-callout
) :is(h1, h2, h3, h4, p, span, strong, a, button, li, small) {
    overflow-wrap: anywhere;
}

@media (max-width: 760px) {
    body:not(.app-mode) :is(
        .directory-grid,
        .directory-grid-two,
        .directory-grid-three,
        .market-grid,
        .job-grid,
        .discovery-grid,
        .split-panel,
        .company-stats,
        .microsite-highlight-grid,
        .quote-grid
    ) {
        grid-template-columns: 1fr;
    }

    body:not(.app-mode) :is(
        .section-heading,
        .results-strip,
        .hero-actions,
        .compact-actions,
        .tag-row,
        .link-chip-row,
        .trust-inline-list,
        .mini-stat-grid,
        .job-card-top,
        .directory-card-callouts,
        .location-badge-row,
        .location-nav,
        .microsite-nav,
        .career-badge-list,
        .employer-directory-benefits,
        .info-row
    ) {
        align-items: stretch;
    }

    body:not(.app-mode) :is(
        .hero-actions .btn,
        .compact-actions .btn,
        .link-chip-row a,
        .location-nav a,
        .microsite-nav a,
        .career-badge-list span,
        .employer-directory-benefits span,
        .directory-card-callouts span,
        .location-badge-row span,
        .mini-stat-grid span,
        .trust-inline-list span,
        .subtle-list a
    ) {
        width: 100%;
        justify-content: center;
        text-align: center;
    }
}

/* Pass T33 — targeted public hero/meta micro-polish */
body:not(.app-mode) :is(
    .hero-panel,
    .job-hero,
    .company-hero,
    .microsite-hero,
    .employer-directory-hero,
    .location-hero,
    .hero-copy,
    .microsite-hero-copy,
    .hero-board,
    .hero-breadcrumb,
    .mini-stat-grid-panel,
    .trust-card-grid,
    .company-stats,
    .section-heading,
    .site-brand,
    .site-nav
) {
    min-width: 0;
}

body:not(.app-mode) :is(
    .hero-panel,
    .job-hero,
    .company-hero,
    .microsite-hero,
    .employer-directory-hero,
    .location-hero,
    .hero-copy,
    .microsite-hero-copy,
    .hero-board,
    .hero-breadcrumb,
    .mini-stat-grid-panel,
    .trust-card-grid,
    .company-stats,
    .section-heading,
    .site-brand,
    .site-nav,
    .hero-actions,
    .compact-actions,
    .link-chip-row,
    .trust-inline-list,
    .mini-stat-grid,
    .microsite-nav,
    .location-nav,
    .career-badge-list,
    .employer-directory-benefits,
    .directory-card-callouts,
    .results-strip,
    .info-row
) > * {
    min-width: 0;
    max-width: 100%;
}

body:not(.app-mode) :is(
    .hero-panel,
    .job-hero,
    .company-hero,
    .microsite-hero,
    .employer-directory-hero,
    .location-hero,
    .hero-copy,
    .microsite-hero-copy,
    .hero-breadcrumb,
    .mini-stat-grid-panel,
    .trust-card-grid,
    .section-heading,
    .site-brand,
    .site-nav,
    .link-chip-row,
    .trust-inline-list,
    .mini-stat-grid,
    .microsite-nav,
    .location-nav,
    .career-badge-list,
    .employer-directory-benefits,
    .results-strip,
    .info-row
) :is(h1, h2, h3, h4, p, span, strong, a, button, li, small) {
    overflow-wrap: anywhere;
}

@media (max-width: 760px) {
    body:not(.app-mode) :is(
        .hero-panel,
        .job-hero,
        .company-hero,
        .microsite-hero,
        .employer-directory-hero,
        .location-hero,
        .hero-breadcrumb,
        .section-heading,
        .results-strip,
        .info-row,
        .site-brand,
        .site-nav
    ) {
        align-items: stretch;
    }

    body:not(.app-mode) :is(
        .hero-board,
        .company-stats,
        .trust-card-grid
    ) {
        grid-template-columns: 1fr;
    }

    body:not(.app-mode) :is(
        .hero-actions .btn,
        .compact-actions .btn,
        .section-heading .btn,
        .results-strip .btn,
        .hero-breadcrumb a,
        .site-nav a,
        .link-chip-row a,
        .microsite-nav a,
        .location-nav a,
        .career-badge-list span,
        .employer-directory-benefits span,
        .directory-card-callouts span,
        .mini-stat-grid span,
        .trust-inline-list span,
        .site-brand-chip
    ) {
        width: 100%;
        max-width: 100%;
        justify-content: center;
        text-align: center;
    }
}

/* Pass T35 — targeted public table/list micro-polish */
body:not(.app-mode) :is(
    .job-list,
    .location-list,
    .directory-grid,
    .event-card-grid,
    .subtle-list,
    .job-list-card,
    .directory-card,
    .location-directory-card,
    .location-card,
    .job-card,
    .event-card,
    .market-card,
    .discovery-card
) {
    min-width: 0;
}

body:not(.app-mode) :is(
    .job-list-card,
    .directory-card,
    .location-directory-card,
    .location-card,
    .job-card,
    .event-card,
    .market-card,
    .discovery-card,
    .job-list-main,
    .job-list-side,
    .job-card-top,
    .event-card-top,
    .job-meta-line,
    .event-meta,
    .directory-card-callouts,
    .subtle-list,
    .link-chip-row,
    .compact-link-row,
    .candidate-inline-action,
    .results-strip,
    .location-filter-actions
) {
    min-width: 0;
}

body:not(.app-mode) :is(
    .job-list-card,
    .directory-card,
    .location-directory-card,
    .location-card,
    .job-card,
    .event-card,
    .market-card,
    .discovery-card,
    .job-list-main,
    .job-list-side,
    .job-card-top,
    .event-card-top,
    .directory-card-callouts,
    .subtle-list,
    .link-chip-row,
    .compact-link-row,
    .candidate-inline-action,
    .results-strip,
    .location-filter-actions
) > * {
    min-width: 0;
    max-width: 100%;
}

body:not(.app-mode) :is(
    .job-list-card,
    .directory-card,
    .location-directory-card,
    .location-card,
    .job-card,
    .event-card,
    .market-card,
    .discovery-card,
    .job-list-main,
    .job-list-side,
    .job-card-top,
    .event-card-top,
    .job-meta-line,
    .event-meta,
    .directory-card-callouts,
    .subtle-list,
    .link-chip-row,
    .compact-link-row,
    .candidate-inline-action,
    .results-strip,
    .location-filter-actions
) :is(h1, h2, h3, h4, p, span, strong, a, button, li, small) {
    overflow-wrap: anywhere;
}

@media (max-width: 760px) {
    body:not(.app-mode) :is(
        .job-list-card,
        .directory-card,
        .location-directory-card,
        .location-card,
        .job-card,
        .event-card,
        .market-card,
        .discovery-card,
        .job-list-side,
        .job-card-top,
        .event-card-top,
        .directory-card-callouts,
        .subtle-list,
        .link-chip-row,
        .compact-link-row,
        .candidate-inline-action,
        .results-strip,
        .location-filter-actions
    ) {
        align-items: stretch;
    }

    body:not(.app-mode) :is(
        .job-list,
        .location-list,
        .directory-grid,
        .event-card-grid
    ) {
        grid-template-columns: 1fr;
    }

    body:not(.app-mode) :is(
        .job-list-side .btn,
        .candidate-inline-action .btn,
        .job-card-top .btn,
        .event-card-top .btn,
        .results-strip .btn,
        .location-filter-actions .btn,
        .subtle-list a,
        .link-chip-row a,
        .compact-link-row a,
        .directory-card-callouts span,
        .job-chip,
        .event-card-top .job-chip
    ) {
        width: 100%;
        max-width: 100%;
        justify-content: center;
        text-align: center;
    }
}

/* Pass T37 — targeted public utility-row micro-polish */
body:not(.app-mode) :is(
    .job-list-main,
    .job-list-side,
    .job-card-top,
    .event-card-top,
    .job-meta-line,
    .event-meta,
    .subtle-list,
    .subtle-list a,
    .hero-actions.compact-actions,
    .link-chip-row.compact-link-row,
    .location-nav,
    .location-badge-row,
    .directory-card-callouts,
    .location-filter-actions,
    .candidate-inline-action,
    .results-strip
) {
    min-width: 0;
    max-width: 100%;
}

body:not(.app-mode) :is(
    .job-list-main,
    .job-list-side,
    .job-card-top,
    .event-card-top,
    .subtle-list,
    .subtle-list a,
    .hero-actions.compact-actions,
    .link-chip-row.compact-link-row,
    .location-nav,
    .location-badge-row,
    .directory-card-callouts,
    .location-filter-actions,
    .candidate-inline-action,
    .results-strip
) > * {
    min-width: 0;
    max-width: 100%;
}

body:not(.app-mode) :is(
    .job-list-main,
    .job-list-side,
    .job-card-top,
    .event-card-top,
    .job-meta-line,
    .event-meta,
    .subtle-list,
    .subtle-list a,
    .hero-actions.compact-actions,
    .link-chip-row.compact-link-row,
    .location-nav,
    .location-badge-row,
    .directory-card-callouts,
    .location-filter-actions,
    .candidate-inline-action,
    .results-strip
) :is(span, strong, small, a, button) {
    overflow-wrap: anywhere;
}

@media (max-width: 760px) {
    body:not(.app-mode) :is(
        .job-list-side,
        .job-card-top,
        .event-card-top,
        .subtle-list,
        .hero-actions.compact-actions,
        .link-chip-row.compact-link-row,
        .location-nav,
        .location-badge-row,
        .directory-card-callouts,
        .location-filter-actions,
        .candidate-inline-action,
        .results-strip
    ) {
        align-items: stretch;
    }

    body:not(.app-mode) :is(
        .job-list-side .btn,
        .candidate-inline-action .btn,
        .job-card-top .btn,
        .event-card-top .btn,
        .hero-actions.compact-actions .btn,
        .hero-actions.compact-actions a,
        .results-strip .btn,
        .subtle-list a,
        .link-chip-row.compact-link-row a,
        .location-nav a,
        .location-badge-row span,
        .directory-card-callouts span,
        .location-filter-actions .btn
    ) {
        width: 100%;
        max-width: 100%;
        justify-content: center;
        text-align: center;
    }
}

/* Pass T29 — shared operator card/table row containment */
body.app-mode :is(
    .page-banner,
    .section-block,
    .content-panel,
    .activity-panel,
    .empty-state,
    .detail-card,
    .board-card,
    .side-card,
    .alert-card,
    .compact-card,
    .pending-badge-card,
    .agent-action-card,
    .pipeline-card,
    .pipeline-column,
    .apply-main-card,
    .apply-side-card,
    .table-shell
) {
    min-width: 0;
}

body.app-mode :is(
    .page-banner,
    .section-block,
    .content-panel,
    .activity-panel,
    .empty-state,
    .detail-card,
    .board-card,
    .side-card,
    .alert-card,
    .compact-card,
    .pending-badge-card,
    .agent-action-card,
    .pipeline-card,
    .pipeline-column,
    .apply-main-card,
    .apply-side-card,
    .table-shell,
    .hero-actions,
    .results-strip,
    .info-row,
    .section-heading,
    .app-record-meta,
    .pipeline-card-top,
    .pipeline-card-meta,
    .pipeline-card-footer,
    .pipeline-chip-row,
    .table-inline-actions,
    .table-inline-actions-tight,
    .card-inline-controls,
    .filter-strip,
    .tab-nav,
    .mini-stat-grid,
    .mini-metric-grid,
    .stack-list,
    .status-lane,
    .proof-inline-list,
    .metadata-inline-list,
    .payload-field,
    .agent-action-header,
    .agent-action-footer,
    .agent-action-payload,
    .application-form,
    .detail-card-focus,
    .compact-form,
    .feature-list
) > * {
    min-width: 0;
    max-width: 100%;
}

body.app-mode :is(
    .page-banner,
    .section-block,
    .content-panel,
    .activity-panel,
    .empty-state,
    .detail-card,
    .board-card,
    .side-card,
    .alert-card,
    .compact-card,
    .pending-badge-card,
    .agent-action-card,
    .pipeline-card,
    .pipeline-column,
    .apply-main-card,
    .apply-side-card,
    .table-shell
) :is(h1, h2, h3, h4, p, span, strong, a, button, li, small, label, code, pre, td, th) {
    overflow-wrap: anywhere;
}

body.app-mode :is(.app-record-meta, .pipeline-card-meta, .agent-action-payload, .payload-field, .table-cell-title, td, th) {
    word-break: break-word;
}

@media (max-width: 760px) {
    body.app-mode :is(
        .hero-actions,
        .results-strip,
        .info-row,
        .section-heading,
        .app-record-meta,
        .pipeline-card-top,
        .pipeline-card-meta,
        .pipeline-card-footer,
        .pipeline-chip-row,
        .table-inline-actions,
        .table-inline-actions-tight,
        .card-inline-controls,
        .filter-strip,
        .tab-nav,
        .mini-stat-grid,
        .mini-metric-grid,
        .stack-list,
        .status-lane,
        .proof-inline-list,
        .metadata-inline-list,
        .agent-action-header,
        .agent-action-footer
    ) {
        align-items: stretch;
    }

    body.app-mode :is(
        .hero-actions .btn,
        .results-strip .btn,
        .section-heading .btn,
        .table-inline-actions .btn,
        .table-inline-actions-tight .btn,
        .card-inline-controls .btn,
        .filter-strip .btn,
        .tab-nav .tab-link,
        .mini-stat-grid > *,
        .mini-metric-grid > *,
        .status-chip,
        .action-state-badge,
        .action-type-chip,
        .job-chip,
        .text-link,
        .app-record-meta > *,
        .pipeline-chip-row > *
    ) {
        width: 100%;
        max-width: 100%;
        justify-content: center;
        text-align: center;
    }
}

/* Pass T30 — shared form/control row mobile containment */
body.app-mode :is(
    .filter-bar,
    .bulk-action-form,
    .application-form,
    .status-form,
    .compact-form,
    .inline-form,
    .card-inline-controls,
    .location-filter-actions,
    .check-row,
    .checkbox-row,
    .triage-checkbox,
    .app-shell-form,
    .app-shell-form-grid,
    .app-triage-form,
    .app-triage-form-grid,
    .app-triage-form-actions
) {
    min-width: 0;
}

body.app-mode :is(
    .filter-bar,
    .bulk-action-form,
    .application-form,
    .status-form,
    .compact-form,
    .inline-form,
    .card-inline-controls,
    .location-filter-actions,
    .check-row,
    .checkbox-row,
    .triage-checkbox,
    .app-shell-form,
    .app-shell-form-grid,
    .app-triage-form,
    .app-triage-form-grid,
    .app-triage-form-actions
) > * {
    min-width: 0;
    max-width: 100%;
}

body.app-mode :is(
    .filter-bar input,
    .filter-bar select,
    .bulk-action-form input,
    .bulk-action-form select,
    .application-form input,
    .application-form select,
    .application-form textarea,
    .status-form input,
    .status-form select,
    .status-form textarea,
    .inline-form input,
    .inline-form select,
    .inline-form textarea,
    .card-inline-controls input,
    .card-inline-controls select,
    .card-inline-controls textarea,
    .app-shell-form-field input,
    .app-shell-form-field select,
    .app-shell-form-field textarea,
    .app-triage-form-field input,
    .app-triage-form-field select,
    .app-triage-form-field textarea,
    .agent-actions-review-note
) {
    min-width: 0;
    max-width: 100%;
}

body.app-mode :is(
    .filter-bar,
    .bulk-action-form,
    .application-form,
    .status-form,
    .compact-form,
    .card-inline-controls,
    .location-filter-actions,
    .check-row,
    .app-shell-form,
    .app-shell-form-grid,
    .app-triage-form,
    .app-triage-form-grid,
    .app-triage-form-actions
) :is(label, span, p, small, strong, a, button) {
    overflow-wrap: anywhere;
}

@media (max-width: 760px) {
    body.app-mode :is(
        .filter-bar,
        .bulk-action-form,
        .application-form,
        .status-form,
        .compact-form,
        .card-inline-controls,
        .location-filter-actions,
        .check-row,
        .app-shell-form,
        .app-shell-form-grid,
        .app-triage-form,
        .app-triage-form-grid,
        .app-triage-form-actions
    ) {
        align-items: stretch;
    }

    body.app-mode :is(
        .filter-bar,
        .bulk-action-form,
        .application-form,
        .status-form,
        .compact-form,
        .card-inline-controls,
        .location-filter-actions,
        .check-row,
        .app-shell-form,
        .app-shell-form-grid,
        .app-triage-form,
        .app-triage-form-grid,
        .app-triage-form-actions
    ) > * {
        flex: 1 1 100%;
        width: 100%;
        max-width: 100%;
    }

    body.app-mode :is(
        .inline-form,
        .triage-checkbox,
        .checkbox-row
    ) {
        width: 100%;
        max-width: 100%;
    }

    body.app-mode :is(
        .filter-bar .btn,
        .bulk-action-form .btn,
        .application-form .btn,
        .status-form .btn,
        .inline-form .btn,
        .card-inline-controls .btn,
        .location-filter-actions .btn,
        .app-shell-form .btn,
        .app-triage-form-actions .btn,
        .app-triage-form-actions a.btn,
        .checkbox-row,
        .triage-checkbox
    ) {
        width: 100%;
        max-width: 100%;
        justify-content: center;
        text-align: center;
    }
}

/* Pass T31 — targeted shared table-action polish */
body.app-mode :is(
    .data-table,
    .triage-table,
    .data-table-responsive,
    .table-shell-dense,
    .table-shell-wide,
    .table-inline-actions,
    .table-inline-actions-tight,
    td[data-actions-cell],
    .triage-select-col,
    .table-cell-stack,
    .table-cell-meta,
    .table-cell-title,
    .table-number,
    .app-record-link,
    .app-record-meta
) {
    min-width: 0;
}

body.app-mode :is(
    .data-table,
    .triage-table,
    .data-table-responsive,
    .table-shell-dense,
    .table-shell-wide,
    .table-inline-actions,
    .table-inline-actions-tight,
    td[data-actions-cell],
    .triage-select-col,
    .table-cell-stack,
    .table-cell-meta,
    .table-cell-title,
    .table-number,
    .app-record-link,
    .app-record-meta
) > * {
    min-width: 0;
    max-width: 100%;
}

body.app-mode :is(
    .data-table,
    .triage-table,
    .data-table-responsive,
    .table-shell-dense,
    .table-shell-wide
) :is(td[data-actions-cell], .triage-select-col, .table-inline-actions, .table-inline-actions-tight, .table-cell-stack, .table-cell-meta, .table-cell-title, .table-number, .app-record-link, .app-record-meta) {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
}

body.app-mode :is(.triage-table td:last-child, .triage-table th:last-child, td[data-actions-cell]) {
    white-space: normal;
}

body.app-mode :is(td[data-actions-cell], .table-inline-actions, .table-inline-actions-tight) {
    align-items: center;
    justify-content: flex-start;
}

@media (max-width: 760px) {
    body.app-mode :is(
        .data-table,
        .triage-table,
        .data-table-responsive,
        .table-shell-dense,
        .table-shell-wide,
        td[data-actions-cell],
        .triage-select-col,
        .table-inline-actions,
        .table-inline-actions-tight,
        .table-cell-stack,
        .table-cell-meta,
        .app-record-meta
    ) {
        align-items: stretch;
    }

    body.app-mode :is(td[data-actions-cell], .table-inline-actions, .table-inline-actions-tight) {
        gap: 8px;
    }

    body.app-mode :is(.triage-table td:last-child, .triage-table th:last-child) {
        white-space: normal;
    }

    body.app-mode :is(
        td[data-actions-cell] .btn,
        .table-inline-actions .btn,
        .table-inline-actions-tight .btn,
        .triage-select-col label,
        .triage-select-col input,
        .triage-select-col select,
        .app-record-meta > *,
        .table-cell-meta > *
    ) {
        width: 100%;
        max-width: 100%;
    }

    body.app-mode .data-table-responsive td[data-actions-cell] {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    body.app-mode .data-table-responsive .triage-select-col {
        display: grid;
        grid-template-columns: 1fr;
        gap: 8px;
        justify-items: start;
    }
}

/* Pass T36 — targeted operator board/list micro-polish */
body.app-mode :is(
    .app-activity-stack,
    .activity-item,
    .table-cell-stack,
    .table-cell-meta,
    .table-cell-title,
    .app-record-link,
    .app-record-meta,
    .pipeline-cards,
    .pipeline-card-body,
    .pipeline-card-meta,
    .pipeline-card-footer,
    .pipeline-count,
    .pipeline-role,
    .pipeline-note,
    .pipeline-empty,
    .compact-top,
    .compact-actions,
    .section-heading-inline,
    .queue-inline-meta,
    .queue-utility-row
) {
    min-width: 0;
}

body.app-mode :is(
    .app-activity-stack,
    .activity-item,
    .table-cell-stack,
    .table-cell-meta,
    .table-cell-title,
    .app-record-link,
    .app-record-meta,
    .pipeline-cards,
    .pipeline-card-body,
    .pipeline-card-meta,
    .pipeline-card-footer,
    .pipeline-count,
    .pipeline-role,
    .pipeline-note,
    .pipeline-empty,
    .compact-top,
    .compact-actions,
    .section-heading-inline,
    .queue-inline-meta,
    .queue-utility-row
) > * {
    min-width: 0;
    max-width: 100%;
}

body.app-mode :is(
    .activity-item,
    .table-cell-stack,
    .table-cell-meta,
    .app-record-link,
    .app-record-meta,
    .pipeline-card-body,
    .pipeline-card-meta,
    .pipeline-card-footer,
    .pipeline-role,
    .pipeline-note,
    .pipeline-empty,
    .compact-top,
    .compact-actions,
    .section-heading-inline,
    .queue-inline-meta,
    .queue-utility-row
) :is(span, strong, a, button, small, p, li) {
    overflow-wrap: anywhere;
}

@media (max-width: 760px) {
    body.app-mode :is(
        .activity-item,
        .table-cell-stack,
        .table-cell-meta,
        .app-record-link,
        .app-record-meta,
        .pipeline-card-body,
        .pipeline-card-meta,
        .pipeline-card-footer,
        .compact-top,
        .compact-actions,
        .section-heading-inline,
        .queue-inline-meta,
        .queue-utility-row
    ) {
        align-items: stretch;
    }

    body.app-mode :is(
        .activity-item > *,
        .table-cell-stack > *,
        .table-cell-meta > *,
        .app-record-link > *,
        .app-record-meta > *,
        .pipeline-card-meta > *,
        .pipeline-card-footer > *,
        .compact-top > *,
        .pipeline-count,
        .pipeline-role,
        .pipeline-note,
        .compact-actions .btn,
        .compact-actions a,
        .section-heading-inline > *
    ) {
        width: 100%;
        max-width: 100%;
    }
}

/* Pass T42 — targeted operator queue seam polish */
body.app-mode :is(
    .stack-list.compact-stack,
    .detail-card.compact-card,
    .job-card-top,
    .feature-list.compact,
    .muted-line,
    .queue-inline-meta,
    .queue-utility-row,
    .pipeline-note,
    .pipeline-role,
    .pipeline-count,
    .job-status,
    .status-chip-soft,
    .status-warn,
    .action-state-badge
) {
    min-width: 0;
    max-width: 100%;
}

body.app-mode :is(
    .stack-list.compact-stack,
    .detail-card.compact-card,
    .job-card-top,
    .feature-list.compact,
    .queue-inline-meta,
    .queue-utility-row
) > * {
    min-width: 0;
    max-width: 100%;
}

body.app-mode :is(
    .job-card-top,
    .feature-list.compact,
    .queue-inline-meta,
    .queue-utility-row
) :is(span, strong, a, button, small, p, li) {
    overflow-wrap: anywhere;
}

body.app-mode :is(
    .muted-line,
    .pipeline-note,
    .pipeline-role,
    .pipeline-count,
    .job-status,
    .status-chip-soft,
    .status-warn,
    .action-state-badge
) {
    overflow-wrap: anywhere;
    word-break: break-word;
}

@media (max-width: 760px) {
    body.app-mode :is(
        .job-card-top,
        .stack-list.compact-stack,
        .queue-inline-meta,
        .queue-utility-row
    ) {
        align-items: stretch;
    }

    body.app-mode :is(
        .job-card-top > *,
        .stack-list.compact-stack > *,
        .queue-inline-meta > *,
        .queue-utility-row > *,
        .feature-list.compact > *,
        .job-card-top .job-status,
        .job-card-top .status-chip,
        .job-card-top .action-state-badge
    ) {
        width: 100%;
        max-width: 100%;
    }
}

/* === Pass 56 operator software shell === */
html.app-html,
body.app-mode {
    height: 100%;
    overflow: hidden;
}

body.app-mode {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    background: #edf2f7;
    color: #0f172a;
}

.app-mode .site-shell {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
}

.app-shell {
    --app-sidebar-width: 280px;
    --app-utility-width: 300px;
    display: grid;
    grid-template-columns: var(--app-sidebar-width) 8px minmax(0, 1fr);
    height: 100vh;
    min-height: 100dvh;
    background: #edf2f7;
}

.app-mobile-sidebar-backdrop {
    display: none;
    position: fixed;
    inset: 0;
    border: 0;
    background: rgba(15, 23, 42, 0.4);
    z-index: 39;
}

.app-sidebar {
    min-width: 0;
    overflow-y: auto;
    padding: 14px;
    background: #111827;
    color: #e5eef8;
    border-right: 1px solid rgba(255, 255, 255, 0.08);
}

.app-sidebar-brand {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 18px;
}

.app-brand-link {
    flex: 1;
    min-width: 0;
}

.app-brand-copy strong,
.app-brand-copy span {
    display: block;
}

.app-brand-copy span {
    color: rgba(226, 232, 240, 0.72);
    font-size: 0.8rem;
}

.app-nav-group + .app-nav-group {
    margin-top: 18px;
}

.app-nav-group-quiet {
    padding-top: 14px;
    border-top: 1px solid rgba(226, 232, 240, 0.10);
}

.app-nav-label,
.app-utility-label,
.app-kicker {
    margin: 0 0 10px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.app-nav-label {
    color: rgba(226, 232, 240, 0.54);
}

.app-nav-list {
    display: grid;
    gap: 8px;
}

.app-nav-link {
    display: grid;
    gap: 4px;
    padding: 11px 12px;
    border-radius: 14px;
    border: 1px solid transparent;
    background: rgba(255, 255, 255, 0.03);
    color: #e5eef8;
    transition: background 140ms ease, border-color 140ms ease, transform 140ms ease;
}

.app-nav-link:hover {
    background: rgba(255, 255, 255, 0.07);
    border-color: rgba(255, 255, 255, 0.10);
    transform: translateY(-1px);
}

.app-nav-link.is-active {
    background: rgba(59, 130, 246, 0.16);
    border-color: rgba(96, 165, 250, 0.55);
    box-shadow: inset 0 0 0 1px rgba(148, 197, 255, 0.12);
}

.app-nav-link-quiet {
    background: rgba(255, 255, 255, 0.02);
}

.app-nav-link-title {
    font-size: 13px;
    font-weight: 600;
}

.app-nav-link-meta {
    font-size: 11px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgba(226, 232, 240, 0.54);
}

.app-sidebar-resizer {
    cursor: col-resize;
    background: linear-gradient(180deg, rgba(148, 163, 184, 0.15), rgba(148, 163, 184, 0.38), rgba(148, 163, 184, 0.15));
}

.app-frame {
    min-width: 0;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
}

.app-topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-height: 82px;
    padding: 14px 18px;
    border-bottom: 1px solid #dbe3ee;
    background: rgba(248, 250, 252, 0.94);
    backdrop-filter: blur(8px);
}

.app-topbar-main,
.app-topbar-actions,
.app-utility-actions {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.app-topbar-main {
    min-width: 0;
}

.app-title {
    margin: 0;
    font-size: 1.3rem;
    line-height: 1.15;
    letter-spacing: -0.02em;
}

.app-subtitle {
    margin: 4px 0 0;
    font-size: 13px;
    line-height: 1.4;
    color: #475569;
    max-width: 880px;
}

.app-kicker {
    margin-bottom: 4px;
    color: #64748b;
}

.app-icon-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 12px;
    border: 1px solid #d5deea;
    background: #ffffff;
    color: #0f172a;
    cursor: pointer;
    box-shadow: 0 6px 16px rgba(15, 23, 42, 0.06);
}

.app-sidebar-collapse-button {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.10);
    color: #e5eef8;
    box-shadow: none;
}

.app-topbar-menu {
    display: none;
}

.app-workspace {
    display: grid;
    grid-template-columns: minmax(0, 1fr) var(--app-utility-width);
    min-height: 0;
}

.app-content-shell {
    min-width: 0;
    overflow: auto;
    overscroll-behavior: contain;
    padding: 0;
}

.app-utility {
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 16px;
    border-left: 1px solid #dbe3ee;
    background: #f8fafc;
}

.app-utility-panel {
    padding: 14px;
    border-radius: 16px;
    border: 1px solid #dbe3ee;
    background: #ffffff;
    box-shadow: 0 8px 22px rgba(15, 23, 42, 0.05);
}

.app-utility-panel + .app-utility-panel {
    margin-top: 12px;
}

.app-utility-panel h2 {
    margin: 0 0 8px;
    font-size: 1rem;
}

.app-utility-panel p,
.app-utility-list {
    margin: 0;
    color: #475569;
    font-size: 13px;
    line-height: 1.45;
}

.app-utility-list {
    padding-left: 18px;
}

.app-mode .page-shell {
    display: grid;
    gap: 14px;
    padding: 18px;
}

.app-mode .page-banner,
.app-mode .section-block,
.app-mode .job-list-card,
.app-mode .job-card,
.app-mode .job-hero,
.app-mode .company-hero,
.app-mode .content-panel,
.app-mode .activity-panel,
.app-mode .empty-state,
.app-mode .apply-main-card,
.app-mode .apply-side-card,
.app-mode .pipeline-column,
.app-mode .detail-card,
.app-mode .pending-badge-card {
    border-radius: 16px;
    border: 1px solid #dbe3ee;
    background: #ffffff;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05);
    backdrop-filter: none;
}

.app-mode .page-banner,
.app-mode .section-block,
.app-mode .content-panel,
.app-mode .activity-panel,
.app-mode .pipeline-column,
.app-mode .apply-main-card,
.app-mode .apply-side-card {
    padding: 16px 18px;
}

.app-mode .page-banner h1,
.app-mode .section-heading h2,
.app-mode .job-hero h1,
.app-mode .company-hero h1,
.app-mode .hero-copy h1 {
    margin: 6px 0 8px;
    font-size: 1.45rem;
    line-height: 1.15;
    letter-spacing: -0.02em;
}

.app-mode .page-banner p,
.app-mode .hero-copy p,
.app-mode .detail-paragraph,
.app-mode .content-panel p,
.app-mode .callout-panel p {
    font-size: 13px;
    line-height: 1.45;
    color: #475569;
}

.app-mode .section-label,
.app-mode .status-chip,
.app-mode .job-chip,
.app-mode .job-status,
.app-mode .tag-row span {
    padding: 5px 9px;
    border-radius: 999px;
    background: #eff3f8;
    color: #475569;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.app-mode .manager-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(156px, 1fr));
    gap: 12px;
}

.app-command-surface-strip {
    display: grid;
    gap: 14px;
}

.app-command-surface-head,
.app-command-surface-meta,
.app-command-surface-links,
.app-command-surface-group-head {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.app-command-surface-head {
    justify-content: space-between;
    align-items: flex-start;
}

.app-command-surface-head h2 {
    margin: 6px 0 8px;
}

.app-command-surface-head p {
    margin: 0;
    max-width: 880px;
}

.app-command-surface-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 12px;
}

.app-command-surface-group {
    display: grid;
    gap: 10px;
    padding: 14px;
    border-radius: 14px;
    border: 1px solid #dbe3ee;
    background: linear-gradient(180deg, rgba(248, 250, 252, 0.96), #ffffff);
}

.app-command-surface-note {
    font-size: 12px;
    color: #64748b;
}

.app-command-surface-link {
    display: grid;
    gap: 3px;
    min-width: 132px;
    padding: 10px 12px;
    border-radius: 12px;
    border: 1px solid #dbe3ee;
    background: #fff;
    color: #0f172a;
    text-decoration: none;
    box-shadow: 0 6px 14px rgba(15, 23, 42, 0.04);
    transition: transform 140ms ease, border-color 140ms ease, box-shadow 140ms ease, background 140ms ease;
}

.app-command-surface-link:hover {
    transform: translateY(-1px);
    border-color: #c7d3e4;
    box-shadow: 0 10px 18px rgba(15, 23, 42, 0.06);
}

.app-command-surface-link.is-active {
    border-color: rgba(37, 99, 235, 0.42);
    background: rgba(219, 234, 254, 0.54);
    box-shadow: inset 0 0 0 1px rgba(96, 165, 250, 0.18);
}

.app-command-surface-link-title {
    font-size: 13px;
    font-weight: 700;
}

.app-command-surface-link-meta {
    font-size: 11px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #64748b;
}

.app-activity-stack {
    display: grid;
    gap: 10px;
}

.app-record-link {
    color: inherit;
    text-decoration: none;
}

.app-record-link:hover .table-cell-title,
.app-record-link:focus-visible .table-cell-title {
    color: #1d4ed8;
}

.app-record-meta {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 4px;
    color: #64748b;
    font-size: 12px;
}

.app-mode .board-card,
.app-mode .activity-item,
.app-mode .side-card,
.app-mode .location-card,
.app-mode .detail-card {
    padding: 14px;
    border-radius: 14px;
    background: #ffffff;
    border: 1px solid #dbe3ee;
}

.app-mode .board-card strong,
.app-mode .job-card strong,
.app-mode .job-list-side strong {
    font-size: 1.25rem;
}

.app-mode .board-card span,
.app-mode .activity-item p,
.app-mode .activity-item span,
.app-mode .location-card span,
.app-mode .muted-line {
    color: #64748b;
    font-size: 12px;
}

.app-mode .split-panel {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 12px;
}

.app-mode .filter-bar,
.app-mode .hero-actions,
.app-mode .results-strip,
.app-mode .info-row,
.app-mode .company-stats,
.app-mode .section-heading,
.app-mode .pipeline-controls {
    gap: 8px;
}

.app-mode .filter-bar input,
.app-mode .filter-bar select,
.app-mode textarea,
.app-mode input[type="text"],
.app-mode input[type="email"],
.app-mode input[type="date"],
.app-mode input[type="number"],
.app-mode select {
    min-height: 38px;
    padding: 8px 12px;
    border-radius: 12px;
    border: 1px solid #cfd8e3;
    background: #ffffff;
    color: #0f172a;
    font: inherit;
}

.app-mode textarea {
    min-height: 120px;
}

.app-mode .btn {
    min-height: 38px;
    padding: 8px 14px;
    border-radius: 12px;
    font-size: 13px;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.06);
    cursor: pointer;
}

.app-mode .btn-primary {
    background: #2563eb;
}

.app-mode .btn-primary:hover {
    background: #1d4ed8;
}

.app-mode .btn-secondary {
    background: #ffffff;
    border-color: #d5deea;
    color: #0f172a;
}

.app-mode .btn.is-loading,
.app-mode .btn:disabled {
    opacity: 0.7;
    cursor: wait;
}

.app-mode .text-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    border-radius: 10px;
    border: 1px solid #d5deea;
    background: #f8fafc;
    color: #0f172a;
    font-size: 12px;
    font-weight: 600;
}

.app-mode .table-shell {
    overflow: auto;
    border-radius: 14px;
    border: 1px solid #dbe3ee;
    background: #ffffff;
}

.app-mode table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

.app-mode th,
.app-mode td {
    padding: 10px 12px;
    border-bottom: 1px solid #e8edf4;
    vertical-align: top;
    font-size: 13px;
    text-align: left;
}

.app-mode thead th {
    position: sticky;
    top: 0;
    z-index: 1;
    background: #f8fafc;
    color: #475569;
    font-size: 11px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.app-mode tr:last-child td {
    border-bottom: 0;
}

.app-mode .pipeline-board {
    display: grid;
    grid-template-columns: repeat(4, minmax(220px, 1fr));
    gap: 12px;
    align-items: start;
}

.app-mode .pipeline-column {
    padding: 12px;
}

.app-mode .pipeline-column-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 10px;
    padding: 9px 10px;
    border-radius: 12px;
}

.app-mode .pipeline-cards {
    display: grid;
    gap: 10px;
}

.app-mode .pipeline-card {
    display: grid;
    gap: 6px;
    padding: 12px;
    border-radius: 14px;
    border: 1px solid #dbe3ee;
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.05);
}

.app-mode .pipeline-card-top {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 8px;
}

.app-mode .pipeline-empty {
    padding: 16px;
    border-radius: 14px;
    border: 1px dashed #cfd8e3;
    color: #64748b;
    background: #f8fafc;
}

.app-mode .alert-card {
    padding: 12px 14px;
    border-radius: 14px;
}

.app-mode.app-sidebar-collapsed .app-shell {
    grid-template-columns: 84px 8px minmax(0, 1fr);
}

.app-mode.app-sidebar-collapsed .app-brand-copy,
.app-mode.app-sidebar-collapsed .app-nav-label,
.app-mode.app-sidebar-collapsed .app-nav-link-meta,
.app-mode.app-sidebar-collapsed .app-nav-link-title {
    display: none;
}

.app-mode.app-sidebar-collapsed .app-nav-link {
    min-height: 44px;
    place-items: center;
}

.app-mode.app-sidebar-collapsed .app-sidebar {
    padding-inline: 10px;
}

.app-mode.app-sidebar-collapsed .app-sidebar-brand {
    justify-content: center;
}

.app-mode.is-busy .app-content-shell {
    opacity: 0.82;
}

@media (max-width: 1260px) {
    .app-workspace {
        grid-template-columns: minmax(0, 1fr);
    }

    .app-utility {
        display: none;
    }
}

@media (max-width: 1040px) {
    .app-mode .pipeline-board {
        grid-template-columns: repeat(2, minmax(240px, 1fr));
    }
}

@media (max-width: 920px) {
    .app-shell {
        grid-template-columns: 1fr;
    }

    .app-sidebar-resizer {
        display: none;
    }

    .app-sidebar {
        position: fixed;
        inset: 0 auto 0 0;
        width: min(320px, 84vw);
        max-width: calc(100vw - 36px);
        padding-bottom: calc(18px + env(safe-area-inset-bottom));
        transform: translateX(-100%);
        transition: transform 160ms ease;
        z-index: 40;
        box-shadow: 12px 0 30px rgba(15, 23, 42, 0.22);
    }

    .app-mode.app-sidebar-open {
        overflow: hidden;
    }

    .app-mode.app-sidebar-open .app-mobile-sidebar-backdrop {
        display: block;
    }

    .app-mode.app-sidebar-open .app-sidebar {
        transform: translateX(0);
    }

    .app-topbar-menu {
        display: inline-flex;
    }

    .app-topbar {
        padding-inline: 14px;
    }

    .app-title {
        font-size: 1.15rem;
    }

    .app-command-surface-meta {
        width: 100%;
    }

    .app-command-surface-link {
        flex: 1 1 140px;
        min-width: 0;
    }
}

@media (max-width: 720px) {
    .app-mode .page-shell {
        padding: 12px;
    }

    .app-mode .manager-grid,
    .app-mode .pipeline-board {
        grid-template-columns: 1fr;
    }

    .app-topbar {
        align-items: flex-start;
    }

    .app-command-surface-head {
        gap: 12px;
    }

    .app-command-surface-group {
        padding: 12px;
    }

    .app-topbar-actions {
        width: 100%;
        align-items: stretch;
        row-gap: 8px;
    }

    .app-topbar-actions .btn {
        flex: 1 1 calc(50% - 8px);
        min-height: 42px;
        justify-content: center;
    }

    .app-topbar-actions .app-icon-button {
        flex: 0 0 36px;
    }
}

@media (max-width: 560px) {
    .app-topbar-actions .btn {
        flex-basis: 100%;
    }
}

/* === Pass 57 operator software interactions === */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.app-topbar-copy {
    min-width: 0;
}

.app-tab-strip {
    display: grid;
    gap: 10px;
    padding: 10px 18px 12px;
    border-bottom: 1px solid #dbe3ee;
    background: #f8fafc;
}

.app-tab-strip-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
}

.app-tab-strip-note,
.app-tab-empty,
.app-work-tab-meta,
.app-shortcut-row,
.app-command-item-copy span,
.app-command-item-meta {
    color: #64748b;
    font-size: 12px;
}

.app-tab-list {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    padding-bottom: 2px;
}

.app-pinned-tab {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    min-width: 190px;
    padding: 8px 10px;
    border-radius: 16px;
    border: 1px solid #dbe3ee;
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.06);
}

.app-pinned-tab.is-active {
    background: #eff6ff;
    border-color: #93c5fd;
}

.app-pinned-tab-open {
    display: grid;
    gap: 2px;
    padding: 0;
    border: 0;
    background: transparent;
    text-align: left;
    cursor: pointer;
}

.app-pinned-tab-open:hover,
.app-pinned-tab-open:focus-visible {
    outline: none;
}

.app-tab-unpin {
    align-self: start;
}

.app-work-tab {
    display: grid;
    gap: 2px;
    min-width: 150px;
    padding: 10px 12px;
    border-radius: 14px;
    border: 1px solid #dbe3ee;
    background: #ffffff;
    box-shadow: 0 6px 14px rgba(15, 23, 42, 0.05);
}

.app-work-tab:hover,
.app-work-tab:focus-visible {
    border-color: #93c5fd;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12);
    outline: none;
}

.app-work-tab.is-active {
    background: #eff6ff;
    border-color: #93c5fd;
}

.app-work-tab-title,
.app-command-item-copy strong {
    color: #0f172a;
    font-size: 13px;
    font-weight: 600;
}

.app-utility-panel-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.app-utility-head-actions,
.app-compare-head-actions {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.app-tab-strip-section {
    display: grid;
    gap: 8px;
}

.app-session-badges,
.app-shortcut-grid {
    display: grid;
    gap: 8px;
    margin-top: 12px;
}

.app-shortcut-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.app-shortcut-row strong {
    color: #0f172a;
    font-size: 13px;
}

.app-command {
    position: fixed;
    inset: 0;
    z-index: 60;
}

.app-command-backdrop {
    position: absolute;
    inset: 0;
    border: 0;
    background: rgba(15, 23, 42, 0.48);
}

.app-command-dialog {
    position: relative;
    display: grid;
    gap: 14px;
    width: min(760px, calc(100% - 32px));
    margin: 9vh auto 0;
    padding: 18px;
    border-radius: 22px;
    border: 1px solid #dbe3ee;
    background: #ffffff;
    box-shadow: 0 28px 70px rgba(15, 23, 42, 0.25);
}

.app-command-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.app-command-head h2 {
    margin: 0;
    font-size: 1.05rem;
}

.app-command-search input {
    width: 100%;
    min-height: 46px;
    padding: 12px 14px;
    border-radius: 14px;
    border: 1px solid #cfd8e3;
    background: #f8fafc;
    color: #0f172a;
    font: inherit;
}

.app-command-results {
    display: grid;
    gap: 8px;
    max-height: min(60vh, 520px);
    overflow-y: auto;
}

.app-command-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
    padding: 12px 14px;
    border-radius: 16px;
    border: 1px solid #dbe3ee;
    background: #ffffff;
    text-align: left;
    cursor: pointer;
}

.app-command-item:hover,
.app-command-item:focus-visible,
.app-command-item.is-active {
    border-color: #93c5fd;
    background: #eff6ff;
    outline: none;
}

.app-command-item-copy {
    display: grid;
    gap: 2px;
}

.app-command-item-meta {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.app-mode.app-utility-collapsed .app-workspace {
    grid-template-columns: minmax(0, 1fr);
}

.app-mode.app-utility-collapsed .app-utility {
    display: none;
}

.app-mode.app-density-compact .page-shell {
    gap: 10px;
    padding: 12px;
}

.app-mode.app-density-compact .page-banner,
.app-mode.app-density-compact .section-block,
.app-mode.app-density-compact .content-panel,
.app-mode.app-density-compact .activity-panel,
.app-mode.app-density-compact .pipeline-column,
.app-mode.app-density-compact .apply-main-card,
.app-mode.app-density-compact .apply-side-card,
.app-mode.app-density-compact .detail-card,
.app-mode.app-density-compact .pending-badge-card {
    padding: 12px 14px;
}

.app-mode.app-density-compact .manager-grid,
.app-mode.app-density-compact .pipeline-board,
.app-mode.app-density-compact .split-panel {
    gap: 10px;
}

.app-mode.app-density-compact th,
.app-mode.app-density-compact td {
    padding: 8px 10px;
    font-size: 12px;
}


.table-shell-dense {
    scrollbar-gutter: stable both-edges;
}

.table-cell-stack {
    display: grid;
    gap: 4px;
    min-width: 0;
}

.table-cell-title {
    font-weight: 700;
    color: var(--ink);
    line-height: 1.35;
}

.table-cell-title a {
    color: inherit;
    text-decoration: none;
}

.table-cell-title a:hover {
    text-decoration: underline;
}

.table-cell-meta {
    color: var(--ink-soft);
    font-size: 0.84rem;
    line-height: 1.4;
}

.table-number {
    font-weight: 700;
    color: var(--ink);
}

.status-chip-neutral {
    background: rgba(37, 99, 235, 0.10);
    color: #1d4ed8;
}

.status-chip-soft {
    background: rgba(226, 232, 240, 0.8);
    color: #334155;
}

.triage-checkbox-compact span {
    font-size: 0.8rem;
}

.table-inline-actions-tight {
    gap: 6px;
}

.pipeline-card-body {
    display: grid;
    gap: 8px;
}

.pipeline-card-title {
    margin: 0;
    font-size: 1rem;
    line-height: 1.3;
}

.pipeline-card-meta {
    display: grid;
    gap: 6px;
}

.pipeline-chip-row {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.pipeline-note {
    margin: 0;
    color: var(--ink-soft);
    font-size: 0.88rem;
    line-height: 1.45;
}

.pipeline-card-footer {
    margin-top: 2px;
}

.app-mode.app-command-open {
    overflow: hidden;
}

.app-command-dialog,
.app-hotkey-dialog,
.app-compare-dialog,
.app-decision-pack-dialog,
.app-handoff-dialog,
.app-work-bin-dialog,
.app-reminder-dialog,
.app-outreach-dialog,
.app-digest-dialog,
.app-receipt-dialog,
.app-checklist-dialog,
.app-macro-dialog,
.app-bundle-dialog,
.app-end-shift-dialog,
.app-signoff-dialog,
.app-coaching-dialog,
.app-exception-dialog {
    max-height: calc(100dvh - 32px);
    overflow: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable both-edges;
}

@media (max-width: 920px) {
    .app-tab-strip {
        padding-inline: 14px;
    }

    .app-command-dialog {
        width: min(100% - 20px, 760px);
        margin-top: 4vh;
        max-height: calc(100dvh - 20px);
        padding-bottom: calc(18px + env(safe-area-inset-bottom));
    }
}

@media (max-width: 720px) {
    .app-tab-strip-head,
    .app-shortcut-row,
    .app-command-item {
        grid-template-columns: 1fr;
        flex-direction: column;
        align-items: flex-start;
    }

    .app-topbar-actions {
        flex-wrap: wrap;
    }
}


@media (max-width: 760px) {
    .data-table-responsive thead {
        display: none;
    }

    .data-table-responsive,
    .data-table-responsive tbody,
    .data-table-responsive tr,
    .data-table-responsive td {
        display: block;
        width: 100%;
    }

    .data-table-responsive tbody tr {
        padding: 12px;
        border-bottom: 1px solid #e8edf4;
    }

    .data-table-responsive td {
        display: grid;
        grid-template-columns: minmax(104px, 120px) minmax(0, 1fr);
        gap: 10px;
        align-items: start;
        padding: 8px 0;
        border-bottom: 1px dashed #e8edf4;
    }

    .data-table-responsive td::before {
        content: attr(data-label);
        color: #64748b;
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
    }

    .data-table-responsive td:last-child {
        border-bottom: 0;
    }

    .data-table-responsive td[data-actions-cell] {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .data-table-responsive td[data-actions-cell]::before {
        margin-bottom: -2px;
    }

    .data-table-responsive td[data-inline-number] {
        align-items: center;
    }

    .data-table-responsive .triage-select-col {
        width: auto;
    }

    .data-table-responsive .table-inline-actions {
        justify-content: flex-start;
    }
}

.bulk-action-form {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    justify-content: flex-end;
}

.bulk-action-form input,
.bulk-action-form select {
    min-height: 42px;
    padding: 10px 12px;
    border-radius: 12px;
    border: 1px solid var(--line);
    background: rgba(255, 255, 255, 0.9);
    color: var(--ink);
    font: inherit;
}

.btn-small {
    padding: 8px 12px;
    font-size: 0.86rem;
}

.table-inline-actions {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}


.app-mode .table-shell-dense {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

.app-mode .table-shell-dense table {
    min-width: 640px;
}

.app-mode .table-shell-wide table {
    min-width: 860px;
}

.app-mode .data-table tbody tr:nth-child(even) td {
    background: #fbfcfe;
}

.app-mode .data-table tbody tr:hover td {
    background: #f4f8fc;
}

.app-mode .triage-table th:last-child,
.app-mode .triage-table td:last-child {
    white-space: nowrap;
}

.app-mode .pipeline-card-title {
    font-size: 15px;
    font-weight: 700;
    color: #0f172a;
}

.app-mode .pipeline-role {
    margin: 0;
    font-size: 12px;
    color: #475569;
}

.app-mode .pipeline-chip-row .status-chip {
    padding: 4px 8px;
    font-size: 10px;
}

.triage-select-col {
    width: 72px;
}

.triage-checkbox {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--ink-soft);
    font-size: 0.88rem;
}

.card-inline-controls {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-bottom: 10px;
}

.triage-table tbody tr.is-selected td,
.table-shell tbody tr.is-selected td {
    background: rgba(25, 93, 102, 0.08);
}

.pipeline-card.is-selected,
.detail-card.is-selected {
    border-color: rgba(25, 93, 102, 0.34);
    box-shadow: 0 0 0 1px rgba(25, 93, 102, 0.18), 0 14px 28px rgba(25, 93, 102, 0.08);
}

.app-triage-backdrop {
    display: none;
    position: fixed;
    inset: 0;
    border: 0;
    background: rgba(15, 23, 42, 0.36);
    z-index: 39;
}

.app-triage-drawer {
    position: fixed;
    top: 108px;
    right: calc(var(--app-utility-width) + 20px);
    bottom: 88px;
    width: min(420px, calc(100vw - var(--app-sidebar-width) - var(--app-utility-width) - 72px));
    min-width: 320px;
    display: grid;
    grid-template-rows: auto 1fr auto;
    gap: 16px;
    padding: 18px;
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid rgba(19, 33, 46, 0.12);
    box-shadow: 0 24px 60px rgba(13, 27, 39, 0.18);
    z-index: 40;
    backdrop-filter: blur(18px);
    overscroll-behavior: contain;
}

.app-triage-drawer-head,
.app-triage-drawer-actions,
.app-selection-bar,
.app-selection-bar-actions,
.app-triage-chip-row,
.app-triage-stepper,
.app-triage-head-actions,
.app-triage-form-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    align-items: center;
}

.app-triage-drawer-head {
    justify-content: space-between;
    align-items: start;
}

.app-triage-head-actions {
    justify-content: flex-end;
}

.app-triage-stepper {
    gap: 8px;
}

.app-triage-drawer-head h2 {
    margin: 6px 0 0;
    font-size: 1.25rem;
}

.app-triage-subtitle,
.app-triage-summary,
.app-triage-note,
.app-selection-bar-copy p,
.app-triage-form-head p,
.app-triage-hint {
    color: var(--ink-soft);
}

.app-triage-drawer-body {
    overflow: auto;
    display: grid;
    align-content: start;
    gap: 14px;
    padding-right: 4px;
}

.app-triage-metrics {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.app-triage-metric,
.app-triage-note {
    padding: 12px 14px;
    border-radius: 16px;
    border: 1px solid var(--line);
    background: rgba(246, 250, 250, 0.94);
}

.app-triage-metric span {
    display: block;
    color: var(--ink-soft);
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.app-triage-metric strong,
.app-selection-bar-copy strong {
    display: block;
    margin-top: 6px;
    font-size: 1rem;
}

.app-triage-note strong {
    display: block;
    margin-bottom: 4px;
}

.app-triage-form-card {
    padding: 14px;
    border-radius: 18px;
    border: 1px solid var(--line);
    background: rgba(255, 250, 243, 0.94);
    display: grid;
    gap: 12px;
}

.app-triage-form-head {
    display: grid;
    gap: 4px;
}

.app-triage-form-head strong {
    font-size: 0.96rem;
}

.app-triage-form-head p,
.app-triage-hint {
    margin: 0;
    font-size: 0.84rem;
}

.app-triage-form {
    display: grid;
    gap: 10px;
}

.app-triage-form-field {
    display: grid;
    gap: 6px;
}

.app-triage-form-field span {
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--ink-soft);
}

.app-triage-form-field input,
.app-triage-form-field select,
.app-triage-form-field textarea {
    width: 100%;
    min-height: 42px;
    padding: 10px 12px;
    border-radius: 12px;
    border: 1px solid var(--line);
    background: rgba(255, 255, 255, 0.96);
    color: var(--ink);
    font: inherit;
}

.app-triage-form-field textarea {
    min-height: 96px;
    resize: vertical;
}

.app-triage-form-actions {
    justify-content: flex-start;
}

.app-triage-hint {
    padding-inline: 2px;
}

.app-selection-bar {
    position: fixed;
    left: calc(var(--app-sidebar-width) + 26px);
    right: calc(var(--app-utility-width) + 26px);
    bottom: 18px;
    justify-content: space-between;
    padding: 14px 16px;
    border-radius: 18px;
    background: rgba(19, 33, 46, 0.94);
    color: #f5f8fa;
    box-shadow: 0 22px 48px rgba(13, 27, 39, 0.3);
    z-index: 35;
}

.app-selection-bar .section-label {
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
}

.app-selection-bar-copy {
    min-width: 0;
}

.app-selection-bar-copy p {
    margin: 6px 0 0;
    color: rgba(245, 248, 250, 0.78);
}

.app-mode.app-triage-open .app-triage-backdrop {
    display: block;
}

.app-mode.app-utility-collapsed .app-triage-drawer {
    right: 20px;
    width: min(420px, calc(100vw - var(--app-sidebar-width) - 44px));
}

.app-mode.app-utility-collapsed .app-selection-bar {
    right: 20px;
}

.app-mode.app-sidebar-collapsed .app-selection-bar {
    left: 90px;
}

@media (max-width: 1200px) {
    .app-triage-drawer {
        width: min(380px, calc(100vw - var(--app-sidebar-width) - var(--app-utility-width) - 48px));
    }
}

@media (max-width: 920px) {
    .bulk-action-form {
        justify-content: stretch;
    }

    .bulk-action-form > * {
        flex: 1 1 180px;
    }

    .app-triage-drawer {
        top: max(82px, calc(env(safe-area-inset-top) + 12px));
        right: 12px;
        left: 12px;
        bottom: max(88px, calc(env(safe-area-inset-bottom) + 82px));
        width: auto;
        min-width: 0;
    }

    .app-triage-head-actions {
        width: 100%;
        justify-content: space-between;
    }

    .app-selection-bar {
        left: 12px;
        right: 12px;
        bottom: 12px;
        padding-bottom: calc(14px + env(safe-area-inset-bottom));
    }
}

@media (max-width: 640px) {
    .app-triage-metrics {
        grid-template-columns: 1fr;
    }

    .app-triage-drawer-actions,
    .app-triage-form-actions {
        position: sticky;
        bottom: 0;
        z-index: 1;
        padding-top: 10px;
        padding-bottom: calc(8px + env(safe-area-inset-bottom));
        background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.94) 26%, rgba(255, 255, 255, 0.98) 100%);
    }

    .app-triage-form-actions > *,
    .app-selection-bar-actions > * {
        flex: 1 1 100%;
    }

    .table-inline-actions {
        align-items: stretch;
    }
}

/* === Pass 60 saved views, queue snapshots, and hotkey help === */
.app-memory-list {
    display: grid;
    gap: 10px;
    margin-top: 12px;
}

.app-memory-card {
    display: grid;
    gap: 8px;
    padding: 12px;
    border-radius: 16px;
    border: 1px solid #dbe3ee;
    background: #ffffff;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.05);
}

.app-memory-open {
    padding: 0;
    border: 0;
    background: transparent;
    color: #0f172a;
    font: inherit;
    font-size: 13px;
    font-weight: 700;
    text-align: left;
    cursor: pointer;
}

.app-memory-open:hover,
.app-memory-open:focus-visible {
    color: #1d4ed8;
    outline: none;
}

.app-memory-meta,
.app-memory-empty {
    color: #64748b;
    font-size: 12px;
    line-height: 1.5;
}

.app-memory-delete {
    justify-self: end;
}

.app-memory-tags,
.app-memory-actions,
.app-hotkey-sections {
    display: grid;
    gap: 8px;
}

.app-memory-actions {
    grid-template-columns: repeat(auto-fit, minmax(88px, 1fr));
}

.app-memory-tag {
    display: inline-flex;
    align-items: center;
    padding: 8px 10px;
    border-radius: 999px;
    background: #eff6ff;
    color: #1e3a8a;
    font-size: 12px;
    line-height: 1.4;
}

.app-hotkey-help {
    position: fixed;
    inset: 0;
    z-index: 58;
}

.app-hotkey-dialog {
    position: relative;
    display: grid;
    gap: 14px;
    width: min(760px, calc(100% - 32px));
    margin: 8vh auto 0;
    padding: 18px;
    border-radius: 22px;
    border: 1px solid #dbe3ee;
    background: #ffffff;
    box-shadow: 0 28px 70px rgba(15, 23, 42, 0.25);
}

.app-hotkey-section {
    padding: 14px;
    border-radius: 18px;
    border: 1px solid #dbe3ee;
    background: #f8fafc;
}

.app-mode.app-hotkey-open {
    overflow: hidden;
}

@media (max-width: 920px) {
    .app-hotkey-dialog {
        width: min(100% - 20px, 760px);
        margin-top: 4vh;
        max-height: calc(100dvh - 20px);
        padding-bottom: calc(18px + env(safe-area-inset-bottom));
    }
}

@media (max-width: 640px) {
    .app-memory-actions {
        grid-template-columns: 1fr;
    }
}

/* === Pass 61 pinned workspaces, compare mode, and faster drill-through === */
.app-compare {
    position: fixed;
    inset: 0;
    z-index: 59;
}

.app-compare-dialog {
    position: relative;
    display: grid;
    gap: 14px;
    width: min(1080px, calc(100% - 36px));
    margin: 6vh auto 0;
    padding: 18px;
    border-radius: 22px;
    border: 1px solid #dbe3ee;
    background: #ffffff;
    box-shadow: 0 28px 70px rgba(15, 23, 42, 0.25);
}

.app-compare-summary,
.app-compare-card-summary,
.app-compare-card-head p {
    color: #64748b;
}

.app-compare-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.app-compare-card {
    display: grid;
    gap: 12px;
    padding: 16px;
    border-radius: 18px;
    border: 1px solid #dbe3ee;
    background: #f8fafc;
}

.app-compare-card-head {
    display: grid;
    gap: 4px;
}

.app-compare-card-head h3 {
    margin: 0;
    font-size: 1rem;
    color: #0f172a;
}

.app-compare-notes {
    display: grid;
    gap: 10px;
}

.app-mode.app-compare-open {
    overflow: hidden;
}

[data-app-bulk-row] {
    cursor: pointer;
}

[data-app-bulk-row] a,
[data-app-bulk-row] button,
[data-app-bulk-row] input,
[data-app-bulk-row] select,
[data-app-bulk-row] textarea,
[data-app-bulk-row] label {
    cursor: auto;
}

@media (max-width: 920px) {
    .app-compare-dialog {
        width: min(100% - 20px, 1080px);
        margin-top: 4vh;
        max-height: calc(100dvh - 20px);
        padding-bottom: calc(18px + env(safe-area-inset-bottom));
    }

    .app-compare-grid {
        grid-template-columns: 1fr;
    }
}


/* === Pass 62 command history, compare snapshots, and decision packs === */
.app-memory-card-compact {
    padding: 10px 12px;
    border-radius: 14px;
}

.app-command-history-panel {
    display: grid;
    gap: 10px;
    padding-bottom: 6px;
    border-bottom: 1px solid #e2e8f0;
    margin-bottom: 8px;
}

.app-command-history-head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
}

.app-decision-pack {
    position: fixed;
    inset: 0;
    z-index: 60;
}

.app-decision-pack-dialog {
    position: relative;
    display: grid;
    gap: 14px;
    width: min(980px, calc(100% - 36px));
    margin: 6vh auto 0;
    padding: 18px;
    border-radius: 22px;
    border: 1px solid #dbe3ee;
    background: #ffffff;
    box-shadow: 0 28px 70px rgba(15, 23, 42, 0.25);
}

.app-decision-pack-list {
    display: grid;
    gap: 12px;
    max-height: min(62vh, 720px);
    overflow-y: auto;
}

.app-decision-pack-card {
    gap: 10px;
    background: #f8fafc;
}

.app-decision-pack-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.app-decision-pack-title {
    color: #0f172a;
    font-size: 14px;
}

.app-mode.app-decision-pack-open {
    overflow: hidden;
}

@media (max-width: 920px) {
    .app-command-history-head,
    .app-decision-pack-head {
        flex-direction: column;
        align-items: stretch;
    }

    .app-decision-pack-dialog {
        width: min(100% - 20px, 980px);
        margin-top: 4vh;
        max-height: calc(100dvh - 20px);
        padding-bottom: calc(18px + env(safe-area-inset-bottom));
    }
}


/* === Pass 63 handoff notes, work bins, and follow-up reminders === */
.app-handoff,
.app-work-bin,
.app-reminder {
    position: fixed;
    inset: 0;
}

.app-handoff { z-index: 61; }
.app-work-bin { z-index: 62; }
.app-reminder { z-index: 63; }

.app-handoff-dialog,
.app-work-bin-dialog,
.app-reminder-dialog {
    position: relative;
    display: grid;
    gap: 14px;
    width: min(960px, calc(100% - 36px));
    margin: 6vh auto 0;
    padding: 18px;
    border-radius: 22px;
    border: 1px solid #dbe3ee;
    background: #ffffff;
    box-shadow: 0 28px 70px rgba(15, 23, 42, 0.25);
}

.app-shell-form {
    display: grid;
    gap: 12px;
}

.app-shell-form-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.app-shell-form-field {
    display: grid;
    gap: 6px;
}

.app-shell-form-field span {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #475569;
}

.app-shell-form-field input,
.app-shell-form-field select,
.app-shell-form-field textarea {
    width: 100%;
    min-height: 42px;
    padding: 10px 12px;
    border-radius: 14px;
    border: 1px solid #cbd5e1;
    background: #ffffff;
    color: #0f172a;
    font: inherit;
}

.app-shell-form-field textarea {
    min-height: 132px;
    resize: vertical;
}

.app-shell-form-field input[readonly],
.app-shell-form-field textarea[readonly],
.app-shell-form-field select[disabled] {
    background: #f8fafc;
    color: #475569;
}

.app-shell-record-list {
    max-height: min(38vh, 420px);
    overflow-y: auto;
}

.app-work-bin-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.app-work-bin-head .status-chip {
    white-space: nowrap;
}

.app-work-bin-title {
    margin: 0;
    color: #0f172a;
    font-size: 14px;
}

.app-reminder-due {
    color: #1d4ed8;
    font-weight: 700;
}

.app-memory-card .app-memory-actions .btn[disabled] {
    opacity: 0.5;
}

.app-mode.app-handoff-open,
.app-mode.app-work-bin-open,
.app-mode.app-reminder-open {
    overflow: hidden;
}

@media (max-width: 920px) {
    .app-handoff-dialog,
    .app-work-bin-dialog,
    .app-reminder-dialog {
        width: min(100% - 20px, 960px);
        margin-top: 4vh;
        max-height: calc(100dvh - 20px);
        padding-bottom: calc(18px + env(safe-area-inset-bottom));
    }

    .app-shell-form-grid {
        grid-template-columns: 1fr;
    }
}


/* === Pass 64 outreach packets, queue digests, and shift reset controls === */
.app-outreach,
.app-digest {
    position: fixed;
    inset: 0;
}

.app-outreach { z-index: 64; }
.app-digest { z-index: 65; }

.app-outreach-dialog,
.app-digest-dialog {
    position: relative;
    display: grid;
    gap: 14px;
    width: min(960px, calc(100% - 36px));
    margin: 6vh auto 0;
    padding: 18px;
    border-radius: 22px;
    border: 1px solid #dbe3ee;
    background: #ffffff;
    box-shadow: 0 28px 70px rgba(15, 23, 42, 0.25);
}

.app-reset-actions {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    margin-top: 14px;
}

.app-digest-dialog [data-app-digest-metrics] {
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.app-mode.app-outreach-open,
.app-mode.app-digest-open {
    overflow: hidden;
}

@media (max-width: 920px) {
    .app-outreach-dialog,
    .app-digest-dialog {
        width: min(100% - 20px, 960px);
        margin-top: 4vh;
        max-height: calc(100dvh - 20px);
        padding-bottom: calc(18px + env(safe-area-inset-bottom));
    }

    .app-reset-actions {
        grid-template-columns: 1fr;
    }
}


/* === Pass 65 handoff receipts, outreach markers, and operator checklists === */
.app-receipt,
.app-checklist {
    position: fixed;
    inset: 0;
}

.app-receipt { z-index: 66; }
.app-checklist { z-index: 67; }

.app-receipt-dialog,
.app-checklist-dialog {
    position: relative;
    display: grid;
    gap: 14px;
    width: min(960px, calc(100% - 36px));
    margin: 6vh auto 0;
    padding: 18px;
    border-radius: 22px;
    border: 1px solid #dbe3ee;
    background: #ffffff;
    box-shadow: 0 28px 70px rgba(15, 23, 42, 0.25);
}

.app-receipt-body {
    min-height: 72px;
    padding: 12px 14px;
    border-radius: 14px;
    border: 1px solid #cbd5e1;
    background: #f8fafc;
    color: #334155;
    font-size: 13px;
    line-height: 1.6;
    white-space: pre-wrap;
}

.app-checklist-items {
    display: grid;
    gap: 10px;
    max-height: min(48vh, 480px);
    overflow-y: auto;
}

.app-checklist-item {
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr);
    align-items: start;
    gap: 12px;
    padding: 12px 14px;
    border-radius: 16px;
    border: 1px solid #dbe3ee;
    background: #f8fafc;
    color: #0f172a;
    cursor: pointer;
}

.app-checklist-item input {
    margin-top: 2px;
}

.app-checklist-item span {
    font-size: 13px;
    line-height: 1.55;
}

.app-checklist-item.is-done {
    background: #eff6ff;
    border-color: #bfdbfe;
}

.app-checklist-item.is-done span {
    color: #475569;
    text-decoration: line-through;
}

.app-mode.app-receipt-open,
.app-mode.app-checklist-open {
    overflow: hidden;
}

@media (max-width: 920px) {
    .app-receipt-dialog,
    .app-checklist-dialog {
        width: min(100% - 20px, 960px);
        margin-top: 4vh;
        max-height: calc(100dvh - 20px);
        padding-bottom: calc(18px + env(safe-area-inset-bottom));
    }
}

/* === Pass 66 queue macros, follow-up bundles, and end-of-shift boards === */
.app-macro,
.app-bundle,
.app-end-shift-board {
    position: fixed;
    inset: 0;
    z-index: 68;
}

.app-bundle { z-index: 69; }
.app-end-shift-board { z-index: 70; }

.app-macro-dialog,
.app-bundle-dialog,
.app-end-shift-dialog {
    position: relative;
    z-index: 1;
    width: min(960px, calc(100vw - 32px));
    max-height: calc(100vh - 48px);
    overflow: auto;
    margin: 24px auto;
    padding: 24px;
    border-radius: 24px;
    background: #fff;
    border: 1px solid rgba(18, 26, 35, 0.12);
    box-shadow: 0 32px 96px rgba(15, 23, 42, 0.22);
}

.app-bundle-grid {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.app-bundle-column {
    display: grid;
    gap: 10px;
}

.app-mode.app-macro-open,
.app-mode.app-bundle-open,
.app-mode.app-end-shift-open {
    overflow: hidden;
}

@media (max-width: 980px) {
    .app-bundle-grid {
        grid-template-columns: 1fr;
    }

    .app-macro-dialog,
    .app-bundle-dialog,
    .app-end-shift-dialog {
        width: min(100vw - 16px, 960px);
        margin: 8px auto;
        max-height: calc(100dvh - 16px);
        padding: 18px;
        padding-bottom: calc(18px + env(safe-area-inset-bottom));
    }
}


/* === Pass 67 shift sign-off packets, coaching prompts, and exception bundles === */
.app-signoff,
.app-coaching,
.app-exception-bundle {
    position: fixed;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 32px;
    background: rgba(15, 23, 42, 0.16);
}

.app-signoff { z-index: 71; }
.app-coaching { z-index: 72; }
.app-exception-bundle { z-index: 73; }

.app-signoff-dialog,
.app-coaching-dialog,
.app-exception-dialog {
    position: relative;
    width: min(980px, calc(100vw - 80px));
    max-height: min(88vh, 920px);
    overflow: auto;
    border: 1px solid rgba(15, 23, 42, 0.10);
    border-radius: 24px;
    background: #ffffff;
    box-shadow: 0 28px 80px rgba(15, 23, 42, 0.18);
    padding: 24px;
}

.app-signoff-grid,
.app-coaching-grid,
.app-exception-grid {
    display: grid;
    gap: 16px;
    margin-top: 16px;
}

.app-signoff-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.app-coaching-grid,
.app-exception-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.app-signoff-column,
.app-coaching-grid > div,
.app-exception-grid > div {
    min-width: 0;
}

.app-mode.app-signoff-open,
.app-mode.app-coaching-open,
.app-mode.app-exception-open {
    overflow: hidden;
}

@media (max-width: 920px) {
    .app-signoff,
    .app-coaching,
    .app-exception-bundle {
        padding: 16px;
    }

    .app-signoff-dialog,
    .app-coaching-dialog,
    .app-exception-dialog {
        width: min(100vw - 24px, 1000px);
        max-height: calc(100dvh - 24px);
        padding: 18px;
        padding-bottom: calc(18px + env(safe-area-inset-bottom));
    }

    .app-signoff-grid,
    .app-coaching-grid,
    .app-exception-grid {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* Pass 70 — branded employer microsites */
.employer-microsite,
.employer-directory-brand-card {
    --microsite-accent: var(--sea);
    --microsite-accent-soft: rgba(25, 93, 102, 0.08);
    --microsite-accent-deep: var(--sea-strong);
}

.microsite-hero {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at top right, color-mix(in srgb, var(--microsite-accent) 16%, transparent), transparent 32%),
        radial-gradient(circle at left bottom, color-mix(in srgb, var(--microsite-accent-deep) 10%, transparent), transparent 30%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, color-mix(in srgb, var(--microsite-accent-soft) 88%, white) 100%);
    border-color: color-mix(in srgb, var(--microsite-accent) 15%, rgba(255,255,255,0.7));
}

.microsite-hero::after {
    content: "";
    position: absolute;
    inset: auto -80px -80px auto;
    width: 220px;
    height: 220px;
    border-radius: 50%;
    background: color-mix(in srgb, var(--microsite-accent) 18%, transparent);
    filter: blur(20px);
    pointer-events: none;
}

.microsite-hero-copy {
    position: relative;
    z-index: 1;
}

.microsite-tagline {
    font-size: 1.06rem;
    color: var(--microsite-accent-deep);
    font-weight: 700;
}

.employer-directory-tagline {
    margin-top: -2px;
    margin-bottom: 10px;
}

.career-badge-list,
.microsite-nav,
.employer-directory-benefits {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.career-badge-list {
    margin-top: 18px;
}

.career-badge-list span,
.microsite-nav a,
.employer-directory-benefits span {
    display: inline-flex;
    align-items: center;
    padding: 10px 14px;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--microsite-accent) 18%, var(--line));
    background: rgba(255, 255, 255, 0.84);
    color: var(--microsite-accent-deep);
    font-size: 0.9rem;
}

.microsite-nav {
    align-items: center;
}

.microsite-nav a:hover,
.microsite-nav a:focus-visible {
    background: color-mix(in srgb, var(--microsite-accent-soft) 88%, white);
    outline: none;
}

.microsite-highlight-grid,
.quote-grid {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.microsite-highlight-card,
.quote-card {
    padding: 24px;
    border-radius: 20px;
    border: 1px solid color-mix(in srgb, var(--microsite-accent) 16%, var(--line));
    background: linear-gradient(180deg, rgba(255,255,255,0.96) 0%, color-mix(in srgb, var(--microsite-accent-soft) 70%, white) 100%);
}

.microsite-highlight-card h2,
.quote-card strong {
    margin: 12px 0 10px;
}

.quote-text {
    margin: 0 0 16px;
    font-size: 1.02rem;
    color: var(--ink);
}

.microsite-story-grid {
    display: grid;
    gap: 18px;
    grid-template-columns: minmax(0, 1.1fr) minmax(280px, 0.9fr);
}

.microsite-detail-stack {
    gap: 14px;
}

.microsite-key-points li::marker {
    color: var(--microsite-accent-deep);
}

.faq-list {
    display: grid;
    gap: 12px;
}

.faq-item {
    border-radius: 18px;
    border: 1px solid var(--line);
    background: rgba(255, 255, 255, 0.8);
    padding: 0 18px;
}

.faq-item summary {
    cursor: pointer;
    list-style: none;
    padding: 18px 8px 18px 0;
    font-weight: 700;
    color: var(--ink);
}

.faq-item summary::-webkit-details-marker {
    display: none;
}

.faq-item[open] {
    border-color: color-mix(in srgb, var(--microsite-accent) 22%, var(--line));
    box-shadow: 0 12px 26px rgba(19, 33, 46, 0.06);
}

.faq-item p {
    margin: 0 0 18px;
    color: var(--ink-soft);
}

.employer-directory-grid {
    align-items: start;
}

.employer-directory-brand-card {
    background:
        linear-gradient(180deg, rgba(255,255,255,0.96) 0%, color-mix(in srgb, var(--microsite-accent-soft) 62%, white) 100%);
    border-color: color-mix(in srgb, var(--microsite-accent) 16%, var(--line));
}

.employer-directory-brand-card .btn-primary {
    background: var(--microsite-accent);
}

.employer-directory-brand-card .btn-primary:hover {
    background: var(--microsite-accent-deep);
}

.employer-directory-brand-card .btn-secondary {
    color: var(--microsite-accent-deep);
    border-color: color-mix(in srgb, var(--microsite-accent) 20%, var(--line));
    background: rgba(255,255,255,0.86);
}

.employer-directory-hero {
    background:
        radial-gradient(circle at 88% 0%, rgba(25, 93, 102, 0.16), transparent 28%),
        radial-gradient(circle at 8% 12%, rgba(199, 100, 53, 0.12), transparent 24%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(244, 248, 247, 0.96) 100%);
}

@media (max-width: 900px) {
    .microsite-story-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .microsite-hero,
    .microsite-highlight-card,
    .quote-card,
    .employer-directory-brand-card {
        padding: 22px;
    }

    .career-badge-list span,
    .microsite-nav a,
    .employer-directory-benefits span {
        width: 100%;
        justify-content: center;
        text-align: center;
    }
}


/* Pass 71 — location pages, neighborhood proof, and hiring-event depth */
.location-microsite {
    gap: 1.5rem;
}

.location-hero {
    background:
        radial-gradient(circle at top right, rgba(25, 93, 102, 0.12), transparent 30%),
        linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(245, 250, 249, 0.98) 100%);
}

.location-nav,
.location-filter-shell {
    border: 1px solid rgba(23, 50, 78, 0.08);
    background: rgba(255,255,255,0.94);
    box-shadow: 0 20px 50px rgba(13, 20, 33, 0.06);
}

.location-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.location-nav a,
.location-badge-row span,
.directory-card-callouts span,
.language-pill {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    min-height: 40px;
    padding: 0.55rem 0.9rem;
    border-radius: 999px;
    border: 1px solid rgba(23, 50, 78, 0.1);
    background: rgba(255,255,255,0.92);
    color: var(--ink);
    text-decoration: none;
}

.location-nav a:hover,
.location-nav a:focus-visible {
    border-color: rgba(25, 93, 102, 0.32);
    background: rgba(25, 93, 102, 0.08);
}

.location-badge-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    margin-top: 1rem;
}

.location-badge-row .is-urgent {
    border-color: rgba(177, 72, 0, 0.24);
    background: rgba(177, 72, 0, 0.08);
    color: #7b3c00;
}

.location-story-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.location-highlight-list li::marker {
    color: var(--sea-strong);
}

.location-commute-grid,
.trust-card-grid,
.event-card-grid,
.location-filter-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.location-commute-grid .full {
    grid-column: 1 / -1;
}

.urgency-callout {
    display: grid;
    gap: 0.8rem;
    padding: 1.1rem 1.15rem;
    border-radius: 24px;
    border: 1px solid rgba(177, 72, 0, 0.16);
    background: linear-gradient(180deg, rgba(255,255,255,0.96) 0%, rgba(255, 246, 236, 0.98) 100%);
}

.event-card {
    display: grid;
    gap: 0.75rem;
    padding: 1.15rem;
    border-radius: 24px;
    border: 1px solid rgba(23, 50, 78, 0.08);
    background: linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(247, 249, 252, 0.98) 100%);
    box-shadow: 0 18px 45px rgba(13, 20, 33, 0.05);
}

.event-card-top {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    align-items: center;
}

.event-card h3 {
    margin: 0;
}

.event-meta {
    margin: 0;
    color: var(--muted);
    font-size: 0.94rem;
}

.location-filter-form {
    display: grid;
    gap: 1rem;
}

.location-filter-form label {
    display: grid;
    gap: 0.45rem;
    font-weight: 600;
}

.location-filter-form select {
    min-height: 46px;
    border-radius: 14px;
    border: 1px solid rgba(23, 50, 78, 0.14);
    padding: 0.75rem 0.9rem;
    background: #fff;
    color: var(--ink);
}

.location-filter-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.85rem 1rem;
}

.checkbox-row {
    display: inline-flex !important;
    align-items: center;
    gap: 0.55rem;
    font-weight: 500 !important;
}

.checkbox-row input {
    inline-size: 18px;
    block-size: 18px;
}

.location-directory-card {
    gap: 0.9rem;
}

.directory-card-callouts {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
}

@media (max-width: 900px) {
    .location-story-grid,
    .location-commute-grid,
    .trust-card-grid,
    .event-card-grid,
    .location-filter-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .location-filter-actions,
    .location-nav,
    .location-badge-row,
    .directory-card-callouts {
        align-items: stretch;
    }

    .location-nav a,
    .location-badge-row span,
    .directory-card-callouts span {
        width: 100%;
        justify-content: center;
    }
}


/* Pass T39 — shared public split-panel micro-polish */
body:not(.app-mode) :is(
    .split-panel,
    .callout-panel,
    .employer-callout-panel,
    .content-panel,
    .activity-panel,
    .company-stats,
    .hero-board,
    .microsite-hero-side
) {
    min-width: 0;
    max-width: 100%;
}

body:not(.app-mode) :is(
    .split-panel,
    .callout-panel,
    .employer-callout-panel,
    .company-stats,
    .hero-board
) > * {
    min-width: 0;
    max-width: 100%;
}

body:not(.app-mode) :is(
    .split-panel,
    .callout-panel,
    .employer-callout-panel,
    .content-panel,
    .activity-panel,
    .company-stats,
    .hero-board,
    .microsite-hero-side
) :is(h1, h2, h3, h4, p, span, strong, a, button, li, small) {
    overflow-wrap: anywhere;
}

@media (max-width: 820px) {
    body:not(.app-mode) :is(
        .split-panel,
        .callout-panel,
        .employer-callout-panel,
        .company-stats
    ) {
        align-items: stretch;
    }

    body:not(.app-mode) :is(
        .split-panel,
        .callout-panel,
        .employer-callout-panel,
        .company-stats
    ) > * {
        flex: 1 1 100%;
    }

    body:not(.app-mode) :is(
        .content-panel,
        .activity-panel,
        .microsite-hero-side
    ) {
        flex-basis: 100%;
    }

    body:not(.app-mode) :is(
        .hero-board,
        .company-stats
    ) {
        grid-template-columns: 1fr;
    }
}


/* Pass T43 — targeted public summary-strip seam polish */
body:not(.app-mode) :is(
    .results-strip,
    .hero-actions.compact-actions,
    .link-chip-row.compact-link-row,
    .subtle-list a,
    .candidate-inline-action,
    .location-filter-actions,
    .directory-card-callouts,
    .location-badge-row
) {
    align-items: flex-start;
}

body:not(.app-mode) :is(
    .results-strip,
    .hero-actions.compact-actions,
    .link-chip-row.compact-link-row,
    .subtle-list a,
    .candidate-inline-action,
    .location-filter-actions
) > * {
    flex: 0 1 auto;
}

body:not(.app-mode) :is(
    .job-meta-line,
    .event-meta
) {
    max-width: 100%;
    word-break: break-word;
}

@media (max-width: 860px) {
    body:not(.app-mode) :is(
        .results-strip,
        .hero-actions.compact-actions,
        .link-chip-row.compact-link-row,
        .subtle-list a,
        .candidate-inline-action,
        .location-filter-actions,
        .directory-card-callouts,
        .location-badge-row
    ) {
        align-items: stretch;
    }

    body:not(.app-mode) :is(
        .results-strip,
        .hero-actions.compact-actions,
        .link-chip-row.compact-link-row,
        .subtle-list a,
        .candidate-inline-action,
        .location-filter-actions
    ) > * {
        flex: 1 1 100%;
        width: 100%;
    }

    body:not(.app-mode) .subtle-list a {
        justify-content: flex-start;
    }

    body:not(.app-mode) .subtle-list a span {
        white-space: normal;
    }

    body:not(.app-mode) :is(
        .results-strip .btn,
        .hero-actions.compact-actions .btn,
        .hero-actions.compact-actions a,
        .link-chip-row.compact-link-row a,
        .candidate-inline-action .btn,
        .location-filter-actions .btn,
        .directory-card-callouts span,
        .location-badge-row span
    ) {
        width: 100%;
        max-width: 100%;
        justify-content: center;
        text-align: center;
    }
}

/* Pass T41 — targeted public hero/list seam polish */
body:not(.app-mode) :is(
    .hero-panel,
    .section-heading,
    .mini-stat-grid-panel,
    .results-strip,
    .job-meta-line,
    .event-meta,
    .job-summary-large,
    .candidate-inline-action,
    .hero-actions.compact-actions,
    .link-chip-row.compact-link-row
) {
    min-width: 0;
    max-width: 100%;
}

body:not(.app-mode) :is(
    .hero-panel,
    .section-heading,
    .mini-stat-grid-panel,
    .results-strip,
    .candidate-inline-action,
    .hero-actions.compact-actions,
    .link-chip-row.compact-link-row
) > * {
    min-width: 0;
    max-width: 100%;
}

body:not(.app-mode) :is(
    .hero-panel,
    .section-heading,
    .mini-stat-grid-panel,
    .results-strip,
    .job-meta-line,
    .event-meta,
    .job-summary-large,
    .candidate-inline-action,
    .hero-actions.compact-actions,
    .link-chip-row.compact-link-row
) :is(h1, h2, h3, h4, p, span, strong, a, button, li, small) {
    overflow-wrap: anywhere;
}

@media (max-width: 760px) {
    body:not(.app-mode) :is(
        .section-heading,
        .results-strip,
        .hero-actions.compact-actions,
        .link-chip-row.compact-link-row,
        .candidate-inline-action
    ) {
        align-items: stretch;
    }

    body:not(.app-mode) :is(
        .mini-stat-grid-panel,
        .hero-panel .mini-stat-grid,
        .section-heading .mini-stat-grid
    ) {
        grid-template-columns: 1fr;
    }

    body:not(.app-mode) :is(
        .section-heading .btn,
        .results-strip .btn,
        .candidate-inline-action .btn,
        .hero-actions.compact-actions .btn,
        .link-chip-row.compact-link-row a,
        .mini-stat-grid-panel span
    ) {
        width: 100%;
        max-width: 100%;
        justify-content: center;
        text-align: center;
    }
}

/* Pass T45 — targeted public proof-row polish */
body:not(.app-mode) :is(
    .career-badge-list,
    .location-badge-row,
    .directory-card-callouts,
    .job-card-top,
    .event-card-top,
    .info-row,
    .results-strip,
    .hero-actions.compact-actions,
    .link-chip-row.compact-link-row,
    .location-filter-actions
) {
    min-width: 0;
    max-width: 100%;
}

body:not(.app-mode) :is(
    .career-badge-list,
    .location-badge-row,
    .directory-card-callouts,
    .job-card-top,
    .event-card-top,
    .info-row,
    .results-strip,
    .hero-actions.compact-actions,
    .link-chip-row.compact-link-row,
    .location-filter-actions
) > * {
    min-width: 0;
    max-width: 100%;
}

body:not(.app-mode) :is(
    .career-badge-list span,
    .location-badge-row span,
    .directory-card-callouts span,
    .job-card-top .job-chip,
    .job-card-top .job-status,
    .event-card-top .job-chip,
    .event-card-top .job-status,
    .info-row span,
    .job-meta-line,
    .event-meta
) {
    overflow-wrap: anywhere;
    word-break: break-word;
}

@media (max-width: 920px) {
    body:not(.app-mode) :is(
        .career-badge-list,
        .location-badge-row,
        .directory-card-callouts,
        .job-card-top,
        .event-card-top,
        .info-row,
        .results-strip,
        .hero-actions.compact-actions,
        .link-chip-row.compact-link-row,
        .location-filter-actions
    ) {
        align-items: stretch;
        justify-content: flex-start;
    }

    body:not(.app-mode) :is(
        .career-badge-list,
        .location-badge-row,
        .directory-card-callouts,
        .job-card-top,
        .event-card-top,
        .info-row
    ) > * {
        flex: 1 1 210px;
    }

    body:not(.app-mode) :is(
        .results-strip,
        .hero-actions.compact-actions,
        .link-chip-row.compact-link-row,
        .location-filter-actions
    ) > * {
        flex: 1 1 220px;
    }
}

@media (max-width: 700px) {
    body:not(.app-mode) :is(
        .career-badge-list span,
        .location-badge-row span,
        .directory-card-callouts span,
        .job-card-top .job-chip,
        .job-card-top .job-status,
        .event-card-top .job-chip,
        .event-card-top .job-status,
        .info-row span,
        .results-strip .btn,
        .hero-actions.compact-actions .btn,
        .hero-actions.compact-actions a,
        .link-chip-row.compact-link-row a,
        .location-filter-actions .btn
    ) {
        width: 100%;
        max-width: 100%;
        justify-content: center;
        text-align: center;
    }
}