.dashboard-grid { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(300px, .8fr); gap: var(--space-6); }
.dashboard-stack { display: grid; align-content: start; gap: var(--space-4); }
.dashboard-section { margin: 0; }
.dashboard-section.is-overdue { border-top: 2px solid var(--color-danger); }
.dashboard-section.is-empty { padding-block: var(--space-4); }
.dashboard-section.is-empty .panel-header { margin-bottom: var(--space-2); }
.dashboard-section.is-empty > .muted { margin: 0; font-size: .8125rem; }
.dashboard-count { color: var(--color-text-muted); font-size: .75rem; }
.work-list { display: grid; }
.work-list-item { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: var(--space-4); align-items: center; min-height: 58px; padding: var(--space-2) 0; border-bottom: 1px solid var(--color-border); color: inherit; text-decoration: none; }
.work-list-item.deadline-row--overdue, .work-list-item.deadline-row--today, .work-list-item.deadline-row--soon, .work-list-item.deadline-row--later { margin-inline: calc(0px - var(--space-2)); padding-inline: var(--space-2); border-radius: var(--radius-sm); }
.work-list-item.deadline-row--overdue { background: var(--deadline-overdue-surface); }
.work-list-item.deadline-row--today { background: var(--deadline-today-surface); }
.work-list-item.deadline-row--soon { background: var(--deadline-soon-surface); }
.work-list-item.deadline-row--later { background: var(--deadline-later-surface); }
.work-list-item.deadline-row--overdue { box-shadow: inset 3px 0 0 var(--deadline-overdue-accent); }
.work-list-item.deadline-row--today { box-shadow: inset 3px 0 0 var(--deadline-today-accent); }
.work-list-item.deadline-row--soon { box-shadow: inset 3px 0 0 var(--deadline-soon-accent); }
.work-list-item.deadline-row--later { box-shadow: inset 3px 0 0 var(--deadline-later-accent); }
.work-list-item:last-child { border-bottom: 0; }
.work-list-item:hover .work-list-title { color: var(--color-accent); }
.work-list-title { display: block; font-weight: 650; }
.work-list-meta { display: flex; flex-wrap: wrap; gap: var(--space-2); color: var(--color-text-muted); font-size: .75rem; }
.work-list-side { text-align: right; }
.work-list-date { display: block; color: var(--color-text-secondary); font-size: .75rem; font-variant-numeric: tabular-nums; }
.workload-list { display: grid; }
.workload-row { display: grid; grid-template-columns: minmax(0,1fr) auto auto; gap: var(--space-3); align-items: center; min-height: 44px; border-bottom: 1px solid var(--color-border); color: inherit; font-size: .8125rem; text-decoration: none; }
.workload-row:last-child { border-bottom: 0; }
.workload-row strong { font-weight: 620; }
.workload-row span { color: var(--color-text-muted); }

.job-identity { display: flex; align-items: center; gap: var(--space-3); }
.job-identity .brand-mark { flex: 0 0 auto; }
.brand-mark-link { display: inline-flex; flex: 0 0 auto; border-radius: var(--radius-sm); }
.brand-mark-link:focus-visible { outline-offset: 3px; }
.table-meta-link { color: inherit; text-decoration: none; }
.table-meta-link:hover { color: var(--color-accent); }
.jobs-page-header { margin-bottom: var(--space-4); }
.jobs-summary { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1px; margin-bottom: var(--space-3); padding: 1px; border-radius: var(--radius-lg); background: var(--color-border); box-shadow: var(--shadow-subtle); overflow: hidden; }
.jobs-summary-item { display: grid; gap: 2px; min-width: 0; padding: var(--space-3) var(--space-4); background: var(--color-surface); color: inherit; text-decoration: none; }
.jobs-summary-item:hover { background: var(--color-surface-muted); color: inherit; }
.jobs-summary-label { color: var(--color-text-muted); font-size: .6875rem; font-weight: 680; letter-spacing: .04em; line-height: 1.25; text-transform: uppercase; }
.jobs-summary-item strong { font-size: 1.0625rem; font-weight: 680; font-variant-numeric: tabular-nums; line-height: 1.2; }
.jobs-summary-secondary { color: var(--color-text-muted); font-size: .6875rem; line-height: 1.25; }
.jobs-summary-today strong { color: var(--deadline-today-text); }
.jobs-summary-approval strong { color: var(--color-accent); }
.jobs-queue-tools { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: var(--space-3); margin-bottom: var(--space-3); }
.jobs-filter-tabs { min-width: 0; margin-bottom: 0; }
.jobs-filter-toggle { display: inline-flex; align-items: center; gap: var(--space-2); white-space: nowrap; }
.jobs-filter-count { display: inline-grid; min-width: 20px; height: 20px; place-items: center; padding: 0 5px; border-radius: 999px; background: var(--color-accent); color: #fff; font-size: .6875rem; font-variant-numeric: tabular-nums; line-height: 1; }
.jobs-compact-filter { margin-bottom: var(--space-3); border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: var(--color-surface); box-shadow: var(--shadow-subtle); }
.jobs-filter-form { grid-template-columns: repeat(3,minmax(150px,1fr)) auto; padding: var(--space-3); border-top: 0; }
.jobs-filter-form-fields-4 { grid-template-columns: repeat(4,minmax(140px,1fr)) auto; }
.jobs-filter-form .filter-actions { justify-content: flex-end; }
.jobs-view-switch { margin-bottom: var(--space-3); }
.completed-archive { display: grid; gap: var(--space-4); }
.completed-period, .completed-history { min-width: 0; }
.completed-period-header { display: flex; align-items: center; min-height: 36px; margin-bottom: var(--space-2); }
.completed-period-header h2, .completed-history > h2 { margin: 0; color: var(--color-text-secondary); font-size: .8125rem; font-weight: 720; letter-spacing: .04em; text-transform: uppercase; }
.completed-period-header h2 span { color: var(--color-text-muted); font-weight: 600; }
.completed-period .table-shell { margin-bottom: 0; }
.completed-period-empty { margin: 0; padding: var(--space-3) var(--space-4); border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-surface); color: var(--color-text-muted); font-size: .8125rem; }
.completed-history { margin-top: var(--space-2); }
.completed-history > h2 { margin-bottom: var(--space-2); }
.completed-month-list { overflow: hidden; border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: var(--color-surface); box-shadow: var(--shadow-subtle); }
.completed-month + .completed-month { border-top: 1px solid var(--color-border); }
.completed-month-toggle { display: flex; width: 100%; min-height: 48px; align-items: center; justify-content: space-between; gap: var(--space-3); padding: 0 var(--space-4); border: 0; border-radius: 0; background: var(--color-surface); color: var(--color-text-secondary); font: inherit; font-size: .8125rem; font-weight: 650; text-align: left; cursor: pointer; }
.completed-month-toggle:hover { background: var(--color-surface-muted); color: var(--color-text); }
.completed-month-toggle:focus-visible { position: relative; z-index: 1; outline-offset: -3px; }
.completed-month-toggle strong { color: var(--color-text-muted); font-weight: 600; }
.completed-month-chevron { color: var(--color-text-muted); transition: transform var(--transition); }
.completed-month-toggle[aria-expanded="true"] .completed-month-chevron { transform: rotate(180deg); }
.completed-month-content { padding: var(--space-3); border-top: 1px solid var(--color-border); background: var(--color-surface-muted); }
.completed-month-content .table-shell { margin-bottom: 0; }
.completed-month-loading { margin: 0; padding: var(--space-3); color: var(--color-text-muted); font-size: .8125rem; }
.completed-month-fallback { display: inline-block; margin: 0 var(--space-4) var(--space-3); font-size: .8125rem; }
.completed-date-display { display: inline-grid; gap: 1px; white-space: nowrap; }
.completed-date-display span { color: var(--color-text-muted); font-size: .625rem; font-weight: 650; }
.completed-date-display strong { color: var(--color-text-secondary); font-size: .75rem; font-variant-numeric: tabular-nums; font-weight: 620; }
.workload-summary { grid-template-columns: repeat(4,minmax(0,1fr)); }
.workload-perspective-tabs { margin-bottom: var(--space-3); }
.workload-table-shell { margin-bottom: 0; }
.workload-entity { display: flex; align-items: center; gap: var(--space-3); min-width: 0; }
.workload-entity > div { min-width: 0; }
.workload-entity-media { display: inline-flex; flex: 0 0 auto; border-radius: var(--radius-sm); text-decoration: none; }
.workload-entity-media:focus-visible { outline-offset: 3px; }
.workload-sort { color: inherit; text-decoration: none; }
.workload-sort:hover { color: var(--color-accent); }
.workload-count { color: var(--color-text); font-variant-numeric: tabular-nums; font-weight: 640; text-decoration: none; }
.workload-count:hover { color: var(--color-accent); text-decoration: underline; text-underline-offset: 3px; }
.workload-count-danger { color: var(--color-danger); }
.workload-count-today { color: var(--deadline-today-text); }
.workload-mobile-row { padding: var(--space-4); border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: var(--color-surface); }
.workload-mobile-head { margin-bottom: var(--space-3); }
.workload-mobile-metrics { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--space-2) var(--space-4); }
.workload-mobile-metrics a { display: flex; align-items: baseline; justify-content: space-between; gap: var(--space-2); color: var(--color-text-secondary); font-size: .75rem; text-decoration: none; }
.workload-mobile-metrics a:hover { color: var(--color-accent); }
.workload-mobile-metrics strong { color: var(--color-text); font-size: .875rem; font-variant-numeric: tabular-nums; }
.person-workflow-header { display: flex; align-items: center; gap: var(--space-4); margin-bottom: var(--space-4); }
.person-workflow-avatar { width: 60px; height: 60px; flex: 0 0 auto; border-radius: 50%; object-fit: cover; background: var(--color-surface-strong); }
.person-workflow-header h1 { margin: 2px 0 var(--space-1); font-size: clamp(1.65rem,3vw,2.15rem); }
.person-workflow-header p { display: flex; flex-wrap: wrap; gap: var(--space-2); margin: 0; color: var(--color-text-secondary); font-size: .8125rem; }
.person-workflow-summary { grid-template-columns: repeat(4,minmax(0,1fr)); margin-bottom: var(--space-3); }
.empty-state-compact { padding: var(--space-6); }
.empty-state-compact p { margin-bottom: 0; }
.deadline-display { display: inline-grid; gap: 1px; justify-items: start; font-variant-numeric: tabular-nums; white-space: nowrap; }
.deadline-date { color: var(--color-text-secondary); font-size: .75rem; font-weight: 620; }
.deadline-cue { color: var(--color-text-muted); font-size: .625rem; font-weight: 650; }
.deadline-urgency--overdue .deadline-date, .deadline-urgency--overdue .deadline-cue { color: var(--deadline-overdue-text); }
.deadline-urgency--today .deadline-date, .deadline-urgency--today .deadline-cue { color: var(--deadline-today-text); }
.deadline-urgency--soon .deadline-date, .deadline-urgency--soon .deadline-cue { color: var(--deadline-soon-text); }
.deadline-urgency--later .deadline-cue { color: var(--deadline-later-text); }
.work-list-side .deadline-display { display: grid; justify-items: end; margin-top: 2px; }

@media (max-width: 800px) {
    .completed-archive { gap: var(--space-6); }
    .completed-period .mobile-list, .completed-month-content .mobile-list { gap: var(--space-2); }
    .completed-month-content { padding: var(--space-2); }
    .completed-month-toggle { min-height: 52px; }
}

.job-detail-header { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: var(--space-6); align-items: end; margin-bottom: var(--space-4); }
.job-detail-title { min-width: 0; }
.job-context { display: flex; align-items: center; gap: var(--space-2); margin-bottom: var(--space-2); color: var(--color-text-secondary); font-size: .8125rem; }
.job-context a:not(.brand-mark-link) { color: inherit; font-weight: 620; text-decoration: none; }
.job-context a:not(.brand-mark-link):hover { color: var(--color-accent); }
.job-heading-row { display: flex; align-items: baseline; flex-wrap: wrap; gap: var(--space-3); }
.job-detail-header h1 { min-width: 0; margin: 0; overflow-wrap: anywhere; }
.job-code { color: var(--color-text-muted); font-size: .75rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.job-header-actions { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: var(--space-2); }
.workflow-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: var(--space-2); }
.job-metadata-strip { width: 100%; min-width: 0; margin-bottom: var(--space-4); padding: var(--space-4) var(--space-6); border-block: 1px solid var(--color-border); background: var(--color-surface); }
.job-metadata-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: var(--space-4) var(--space-6); margin: 0; }
.job-metadata-grid > div { min-width: 0; }
.job-metadata-grid dt { margin-bottom: var(--space-1); color: var(--color-text-muted); font-size: .6875rem; font-weight: 720; letter-spacing: .06em; text-transform: uppercase; }
.job-metadata-grid dd { min-height: 26px; margin: 0; color: var(--color-text); font-size: .8125rem; font-weight: 590; overflow-wrap: anywhere; }
.job-detail-content { display: grid; gap: var(--space-4); }
.job-content-section { margin: 0; }
.job-team-list { display: flex; min-width: 0; flex-wrap: wrap; gap: var(--space-2) var(--space-3); }
.job-team-member { display: inline-flex; min-width: 0; align-items: center; gap: 6px; color: var(--color-text-secondary); font-size: .75rem; font-weight: 560; text-decoration: none; }
.job-team-member span { overflow-wrap: anywhere; }
a.job-team-member:hover { color: var(--color-accent); }
.editorial-copy { max-width: 76ch; color: #2a3541; line-height: 1.7; white-space: normal; }
.metadata-list { margin: 0; }
.metadata-row { display: grid; grid-template-columns: 110px minmax(0,1fr); gap: var(--space-3); padding: var(--space-3) 0; border-bottom: 1px solid var(--color-border); }
.metadata-row:first-child { padding-top: 0; }
.metadata-row:last-child { padding-bottom: 0; border-bottom: 0; }
.metadata-row dt { color: var(--color-text-muted); font-size: .75rem; }
.metadata-row dd { margin: 0; font-size: .8125rem; font-weight: 580; }
.note-compose { margin-bottom: var(--space-3); padding-bottom: var(--space-3); border-bottom: 1px solid var(--color-border); }
.note-compose textarea { min-height: 58px; }
.note-empty { display: flex; flex-wrap: wrap; gap: var(--space-1) var(--space-2); color: var(--color-text-muted); font-size: .8125rem; }
.note-empty strong { color: var(--color-text-secondary); }
.note-list { display: grid; gap: var(--space-6); }
.note-entry { display: grid; grid-template-columns: 32px minmax(0,1fr); gap: var(--space-3); }
.note-entry-header { display: flex; justify-content: space-between; gap: var(--space-3); margin-bottom: var(--space-2); }
.note-entry time { color: var(--color-text-muted); font-size: .75rem; }
.note-entry p { margin: 0; color: var(--color-text-secondary); line-height: 1.65; }
.activity-day + .activity-day { margin-top: var(--space-6); }
.activity-date { margin-bottom: var(--space-3); color: var(--color-text-muted); font-size: .6875rem; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }
.activity-item { position: relative; display: grid; grid-template-columns: 46px minmax(0,1fr); gap: var(--space-3); padding-bottom: var(--space-4); font-size: .8125rem; }
.activity-item::before { position: absolute; top: 22px; bottom: -2px; left: 37px; width: 1px; background: var(--color-border); content: ""; }
.activity-item:last-child::before { display: none; }
.activity-time { color: var(--color-text-muted); font-size: .6875rem; font-variant-numeric: tabular-nums; }
.job-archive-action { display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); padding: var(--space-3) 0; color: var(--color-text-muted); font-size: .75rem; }

.brand-list-name { display: flex; align-items: center; gap: var(--space-3); }
.brand-workflow-header { display: grid; grid-template-columns: minmax(0,1fr) minmax(330px,.8fr); gap: var(--space-6); align-items: center; margin-bottom: var(--space-6); }
.brand-workflow-identity { display: flex; align-items: center; gap: var(--space-4); min-width: 0; }
.brand-workflow-logo { width: 68px; height: 68px; flex: 0 0 auto; border-radius: var(--radius-md); }
.brand-logo.brand-workflow-logo { padding: 8px; }
.brand-workflow-title { min-width: 0; }
.brand-workflow-heading { display: flex; align-items: center; flex-wrap: wrap; gap: var(--space-3); }
.brand-workflow-heading h1 { margin: 2px 0 0; font-size: clamp(1.75rem,3vw,2.35rem); overflow-wrap: anywhere; }
.brand-workflow-title p { margin: var(--space-1) 0 0; color: var(--color-text-secondary); font-size: .8125rem; overflow-wrap: anywhere; }
.brand-completion-summary { min-width: 0; padding: var(--space-3) var(--space-4); border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: var(--color-surface); box-shadow: var(--shadow-subtle); }
.brand-completion-summary h2 { margin: 0 0 var(--space-2); font-size: .8125rem; font-weight: 700; }
.brand-completion-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: var(--space-2); }
.brand-completion-item { display: grid; gap: 2px; min-width: 0; }
.brand-completion-item span { color: var(--color-text-muted); font-size: .6875rem; font-weight: 650; line-height: 1.2; }
.brand-completion-item strong { font-size: 1.125rem; font-weight: 680; font-variant-numeric: tabular-nums; }
.brand-workflow-section { margin-bottom: var(--space-4); }
.brand-secondary-nav { position: static; margin: 0 0 var(--space-4); padding-block: var(--space-3); }
.brand-metadata { margin-bottom: 0; }
.brand-hero { display: grid; grid-template-columns: 140px minmax(0,1fr); gap: var(--space-8); align-items: center; }
.brand-detail-logo { width: 140px; max-height: 100px; object-fit: contain; }
.brand-links { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: var(--space-4) var(--space-6); }
.brand-links strong { display: block; margin-bottom: var(--space-1); color: var(--color-text-muted); font-size: .6875rem; letter-spacing: .05em; text-transform: uppercase; }
.brand-links a, .brand-links span { font-size: .8125rem; overflow-wrap: anywhere; }
.operational-strip { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); border-block: 1px solid var(--color-border); }
.operational-stat { padding: var(--space-4); border-right: 1px solid var(--color-border); }
.operational-stat { color: inherit; text-decoration: none; }
.operational-stat:hover { background: var(--color-surface-muted); color: inherit; }
.operational-stat:last-child { border-right: 0; }
.operational-stat strong { display: block; font-size: 1.5rem; font-weight: 650; font-variant-numeric: tabular-nums; }
.operational-stat span { color: var(--color-text-muted); font-size: .75rem; }
.section-nav { position: sticky; top: 0; z-index: 5; display: flex; gap: var(--space-4); margin-bottom: var(--space-6); padding: var(--space-3) 0; border-bottom: 1px solid var(--color-border); background: var(--color-bg); overflow-x: auto; }
.section-nav a { flex: 0 0 auto; color: var(--color-text-secondary); font-size: .8125rem; font-weight: 620; text-decoration: none; }
.section-nav a:hover { color: var(--color-accent); }
.brand-section { scroll-margin-top: 64px; }
.brand-agenda-section { padding-bottom: var(--space-3); }
.compact-section-empty { margin: 0; }
.agenda-list { display: grid; }
.agenda-list-row { border-top: 1px solid var(--color-border); }
.agenda-list-trigger { display: grid; width: 100%; min-height: 50px; grid-template-columns: 116px minmax(180px,1fr) minmax(130px,.55fr) 72px 18px; align-items: center; gap: var(--space-3); padding: var(--space-2) 0; border: 0; background: transparent; color: var(--color-text-secondary); text-align: left; cursor: pointer; }
.agenda-list-trigger:hover { background: var(--color-surface-muted); color: var(--color-text); }
.agenda-list-trigger:focus-visible { outline-offset: 2px; }
.agenda-list-date, .agenda-list-author, .agenda-list-files { color: var(--color-text-muted); font-size: .75rem; }
.agenda-list-title { min-width: 0; overflow: hidden; color: var(--color-text); font-size: .875rem; font-weight: 650; text-overflow: ellipsis; white-space: nowrap; }
.agenda-list-files { text-align: right; white-space: nowrap; }
.agenda-list-chevron { color: var(--color-text-muted); font-size: 1.25rem; text-align: right; }
.agenda-dialog { width: min(720px, calc(100vw - 32px)); max-height: min(85dvh, 800px); padding: 0; border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: var(--color-surface); box-shadow: var(--shadow-overlay); }
.agenda-dialog::backdrop { background: rgba(9,15,23,.55); backdrop-filter: blur(2px); }
.agenda-dialog-shell { display: flex; flex-direction: column; max-height: min(85dvh, 800px); overflow: hidden; }
.agenda-dialog-header { display: flex; flex: 0 0 auto; align-items: flex-start; justify-content: space-between; gap: var(--space-4); padding: var(--space-6) var(--space-8); border-bottom: 1px solid var(--color-border); background: var(--color-surface); }
.agenda-dialog-header h2 { margin: var(--space-1) 0 0; font-size: 1.25rem; line-height: 1.3; overflow-wrap: anywhere; }
.agenda-dialog-close { display: grid; width: 36px; height: 36px; flex: 0 0 auto; place-items: center; padding: 0; font-size: 1.25rem; line-height: 1; }
.agenda-dialog-body { min-height: 0; padding: var(--space-6) var(--space-8); overflow-y: auto; }
.agenda-dialog-form { display: flex; min-height: 0; flex-direction: column; overflow: hidden; }
.agenda-dialog-fields { display: grid; gap: var(--space-6); }
.agenda-field { min-width: 0; }
.agenda-field > label, .agenda-field-label { display: block; margin-bottom: var(--space-2); color: var(--color-text-secondary); font-size: .8125rem; font-weight: 650; }
.agenda-field > textarea { min-height: 144px; max-height: 300px; }
.agenda-dialog-footer { display: flex; flex: 0 0 auto; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: var(--space-2); padding: var(--space-4) var(--space-8); border-top: 1px solid var(--color-border); background: var(--color-surface); }
.agenda-dialog-detail-footer .inline-action { margin-right: auto; }
.agenda-dialog-meta { margin: var(--space-1) 0 0; color: var(--color-text-muted); font-size: .75rem; }
.agenda-dialog-note { max-width: 64ch; margin-bottom: var(--space-6); overflow-wrap: anywhere; }
.agenda-files { padding-top: var(--space-4); border-top: 1px solid var(--color-border); }
.agenda-files-head { display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); }
.agenda-files-head h3 { margin: 0; font-size: .8125rem; }
.agenda-attachment-list { margin-top: var(--space-2); }
.agenda-file-picker { position: relative; min-width: 0; }
.agenda-file-picker .agenda-file-input { position: absolute; width: 1px; height: 1px; min-height: 0; padding: 0; opacity: 0; clip-path: inset(50%); pointer-events: none; }
.agenda-file-input:focus-visible + .agenda-file-controls [data-file-trigger] { outline: 2px solid var(--color-accent); outline-offset: 2px; }
.agenda-file-controls { display: flex; align-items: center; flex-wrap: wrap; gap: var(--space-3); }
.agenda-file-state { color: var(--color-text-muted); font-size: .75rem; }
.agenda-selected-files { display: grid; gap: var(--space-1); margin: var(--space-3) 0 0; padding: 0; list-style: none; }
.agenda-selected-files[hidden] { display: none; }
.agenda-selected-files li { display: flex; align-items: center; gap: var(--space-2); min-width: 0; padding: var(--space-1) var(--space-2); border: 1px solid var(--color-border); border-radius: var(--radius-sm); background: var(--color-surface-muted); font-size: .75rem; }
.agenda-selected-files li span { min-width: 0; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.agenda-selected-files li small { flex: 0 0 auto; color: var(--color-text-muted); }
.agenda-selected-remove { width: 24px; height: 24px; flex: 0 0 auto; padding: 0; border: 0; border-radius: var(--radius-sm); background: transparent; color: var(--color-text-secondary); cursor: pointer; }
.agenda-selected-remove:hover { background: var(--color-surface-strong); color: var(--color-danger); }
.agenda-file-picker .field-help { margin-top: var(--space-2); }
.agenda-file-picker .field-error { display: block; margin-top: var(--space-2); color: var(--color-danger); font-size: .75rem; }
.agenda-file-picker .field-error[hidden] { display: none; }
.agenda-existing-files { display: grid; gap: var(--space-1); min-width: 0; font-size: .75rem; }
.agenda-existing-file { display: flex; align-items: center; justify-content: space-between; gap: var(--space-2); min-width: 0; padding: var(--space-1) 0; border-bottom: 1px solid var(--color-border); }
.agenda-existing-file a { min-width: 0; overflow-wrap: anywhere; }
.agenda-existing-file button { flex: 0 0 auto; }
.contact-book { display: grid; grid-template-columns: repeat(auto-fill,minmax(220px,1fr)); gap: var(--space-6); }
.contact-entry { padding-left: var(--space-4); border-left: 2px solid var(--color-border); }
.contact-entry strong { display: block; }
.contact-entry span { display: block; color: var(--color-text-muted); font-size: .75rem; }
.contact-entry a { display: block; margin-top: var(--space-2); font-size: .8125rem; overflow-wrap: anywhere; }

.user-identity { display: flex; align-items: center; gap: var(--space-3); }
.user-identity > span { min-width: 0; }
.settings-avatar { width: 56px; height: 56px; border-radius: 50%; object-fit: cover; }
.danger-zone { border-left: 3px solid var(--color-danger); }

.login-page { display: grid; min-height: 100vh; grid-template-columns: minmax(280px, .8fr) minmax(440px, 1.2fr); background: var(--color-sidebar); }
.login-brand { display: flex; flex-direction: column; justify-content: space-between; padding: var(--space-12); color: #fff; }
.login-brand img { width: 156px; }
.login-brand-copy { max-width: 360px; }
.login-brand-copy h1 { color: #fff; font-size: clamp(2rem,4vw,3.5rem); }
.login-brand-copy p { color: #98a3b3; }
.login-surface { display: grid; place-items: center; padding: var(--space-8); border-radius: 20px 0 0 20px; background: var(--color-bg); }
.login-panel { width: min(100%, 390px); }
.login-panel h1 { font-size: 2rem; }
.login-form { display: grid; gap: var(--space-4); margin-top: var(--space-8); }
.login-form label { display: grid; gap: var(--space-2); }
.login-form .btn { width: 100%; }

@media (max-width: 1024px) {
    .dashboard-grid { grid-template-columns: 1fr; }
    .jobs-summary { grid-template-columns: repeat(3,minmax(0,1fr)); }
    .person-workflow-summary { grid-template-columns: repeat(4,minmax(0,1fr)); }
    .workload-summary { grid-template-columns: repeat(4,minmax(0,1fr)); }
    .brand-workflow-header { grid-template-columns: 1fr; gap: var(--space-4); }
}
@media (max-width: 800px) {
    .jobs-filter-form { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .job-detail-header { grid-template-columns: 1fr; }
    .job-header-actions, .workflow-actions { justify-content: flex-start; }
    .job-metadata-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--space-4); }
    .brand-hero { grid-template-columns: 92px minmax(0,1fr); gap: var(--space-4); }
    .brand-detail-logo { width: 92px; max-height: 72px; }
    .section-nav { top: 58px; }
    .brand-links { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .brand-workflow-logo { width: 56px; height: 56px; }
    .login-page { grid-template-columns: 1fr; background: var(--color-bg); }
    .login-brand { min-height: 150px; padding: var(--space-6); background: var(--color-sidebar); }
    .login-brand-copy { display: none; }
    .login-surface { min-height: calc(100vh - 150px); padding: var(--space-6); border-radius: 0; }
}
@media (max-width: 560px) {
    .jobs-summary { grid-template-columns: repeat(3,minmax(0,1fr)); }
    .person-workflow-summary { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .workload-summary { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .jobs-summary-item { padding: var(--space-3); }
    .jobs-summary-item strong { font-size: .9375rem; }
    .jobs-queue-tools { gap: var(--space-2); }
    .jobs-filter-tabs a { padding-inline: var(--space-2); }
    .jobs-filter-form { grid-template-columns: 1fr; }
    .person-workflow-avatar { width: 48px; height: 48px; }
    .job-metadata-strip { padding: var(--space-4); }
    .job-metadata-grid { grid-template-columns: 1fr; gap: var(--space-3); }
    .job-archive-action { align-items: flex-start; flex-direction: column; }
    .brand-workflow-identity { align-items: flex-start; gap: var(--space-3); }
    .brand-workflow-heading { gap: var(--space-2); }
    .brand-completion-summary { padding: var(--space-3); }
    .brand-completion-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--space-3) var(--space-4); }
    .brand-hero { grid-template-columns: 1fr; }
    .brand-links { grid-template-columns: 1fr; }
    .operational-strip { grid-template-columns: 1fr; }
    .operational-stat { border-right: 0; border-bottom: 1px solid var(--color-border); }
    .operational-stat:last-child { border-bottom: 0; }
    .agenda-list-trigger { grid-template-columns: minmax(0,1fr) auto; gap: 2px var(--space-3); padding-block: var(--space-3); }
    .agenda-list-date { grid-column: 1; grid-row: 2; }
    .agenda-list-title { grid-column: 1; grid-row: 1; }
    .agenda-list-author { display: none; }
    .agenda-list-files { grid-column: 2; grid-row: 1; }
    .agenda-list-chevron { grid-column: 2; grid-row: 2; }
    .agenda-dialog { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); margin: 12px auto; }
    .agenda-dialog-shell { max-height: calc(100dvh - 24px); }
    .agenda-dialog-header, .agenda-dialog-body { padding: var(--space-4); }
    .agenda-dialog-footer { padding: var(--space-3) var(--space-4); }
}