:root {
  color-scheme: light;
  --ink: #17211c;
  --muted: #657069;
  --line: #dce3de;
  --surface: #ffffff;
  --canvas: #f3f6f3;
  --brand: #0e6b4f;
  --brand-dark: #084b38;
  --accent: #dff4e9;
  --warn: #9a5b16;
  --warn-bg: #fff0d8;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
body { margin: 0; color: var(--ink); background: var(--canvas); }
a { color: inherit; }
h1, h2, p { margin-top: 0; }
h1 { margin-bottom: .45rem; font-size: clamp(1.8rem, 3vw, 2.65rem); letter-spacing: -.04em; }
h2 { margin-bottom: .55rem; font-size: 1.08rem; }
small { display: block; color: var(--muted); margin-top: .24rem; }
.muted { color: var(--muted); }
.eyebrow { margin-bottom: .5rem; color: var(--brand); font-size: .72rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.app-header { position: sticky; top: 0; z-index: 20; display: flex; align-items: center; justify-content: space-between; min-height: 72px; padding: 0 3vw; background: rgba(255,255,255,.94); border-bottom: 1px solid var(--line); backdrop-filter: blur(14px); }
.brand { display: flex; align-items: center; gap: .8rem; text-decoration: none; }
.brand span:last-child { display: flex; flex-direction: column; }
.brand small { margin: 0; }
.brand-mark { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 12px; color: white; background: var(--brand); font-weight: 900; letter-spacing: -.05em; }
.operator { display: flex; align-items: center; gap: 1.3rem; text-align: right; }
.page-shell { width: min(1500px, 94vw); margin: 0 auto; padding: 2.4rem 0 5rem; }
.page-heading, .section-heading, .table-heading, .case-hero { display: flex; align-items: flex-end; justify-content: space-between; gap: 1rem; }
.page-heading { margin-bottom: 1.5rem; }
.filters { display: grid; grid-template-columns: repeat(auto-fit, minmax(145px, 1fr)); gap: .85rem; padding: 1rem; background: var(--surface); border: 1px solid var(--line); border-radius: 16px; box-shadow: 0 10px 28px rgba(18,40,29,.04); }
label { display: flex; flex-direction: column; gap: .35rem; color: var(--muted); font-size: .76rem; font-weight: 700; }
input, select, textarea { width: 100%; min-height: 40px; padding: .55rem .65rem; border: 1px solid var(--line); border-radius: 9px; color: var(--ink); background: white; font: inherit; }
textarea { min-height: 100px; resize: vertical; }
input:focus, select:focus, textarea:focus { outline: 3px solid rgba(14,107,79,.13); border-color: var(--brand); }
.filter-actions { display: flex; align-items: end; gap: .5rem; }
.button { display: inline-flex; align-items: center; justify-content: center; min-height: 40px; padding: .55rem .9rem; border: 1px solid transparent; border-radius: 9px; text-decoration: none; font: inherit; font-size: .84rem; font-weight: 750; cursor: pointer; }
.button-primary { color: white; background: var(--brand); }
.button-primary:hover { background: var(--brand-dark); }
.button-quiet { color: var(--ink); background: white; border-color: var(--line); }
.funnel-counters { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: .6rem; margin: 1rem 0; }
.metric-card { min-width: 0; padding: .8rem .9rem; background: var(--surface); border: 1px solid var(--line); border-radius: 14px; }
.metric-card span { display: block; min-height: 2.2rem; color: var(--muted); font-size: .75rem; line-height: 1.25; overflow-wrap: anywhere; }
.metric-card strong { display: block; font-size: 1.8rem; }
.table-card, .panel { background: var(--surface); border: 1px solid var(--line); border-radius: 16px; box-shadow: 0 10px 30px rgba(18,40,29,.04); }
.table-heading { padding: 1rem 1.2rem; border-bottom: 1px solid var(--line); }
.table-heading h2 { margin: 0; }
.table-heading span { color: var(--muted); font-size: .82rem; }
.table-scroll { overflow-x: auto; }
table { width: 100%; border-collapse: collapse; font-size: .84rem; }
th { padding: .8rem 1rem; color: var(--muted); background: #f8faf8; text-align: left; font-size: .7rem; text-transform: uppercase; letter-spacing: .06em; }
td { padding: .95rem 1rem; border-top: 1px solid #edf0ed; vertical-align: top; }
tbody tr:hover { background: #fbfdfb; }
.case-link { font-weight: 800; text-decoration-color: #a9c8b9; text-underline-offset: 3px; }
.source-pill, .signal, .stage, .mode { display: inline-flex; width: fit-content; margin-bottom: .35rem; padding: .24rem .46rem; border-radius: 7px; font-size: .68rem; font-weight: 850; letter-spacing: .03em; }
.source-pill { color: #425149; background: #edf1ee; }
.stage { color: var(--brand-dark); background: var(--accent); }
.mode-ai { color: #0b5f8c; background: #e0f2fb; }
.mode-human { color: #6a4092; background: #efe5f8; }
.mode-paused { color: #75620b; background: #f7efc6; }
.signals { display: flex; flex-wrap: wrap; gap: .3rem; }
.signal { color: #5e3f8b; background: #eee5f8; }
.signal-warn { color: var(--warn); background: var(--warn-bg); }
.pagination { display: flex; align-items: center; justify-content: center; gap: 1rem; padding: 1rem; border-top: 1px solid var(--line); color: var(--muted); font-size: .82rem; }
.empty-state { padding: 2rem; color: var(--muted); text-align: center; }
.back-link { display: inline-block; margin-bottom: 1rem; color: var(--brand); font-weight: 750; text-decoration: none; }
.case-hero { align-items: center; margin-bottom: 1rem; padding: 1.5rem; color: white; background: linear-gradient(120deg, #123a2d, #0d7354); border-radius: 18px; }
.case-hero .eyebrow, .case-hero p { color: #cde7da; }
.case-hero h1 { color: white; }
.hero-status { display: flex; gap: .5rem; flex-wrap: wrap; }
.summary-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin-bottom: 1rem; }
.panel { padding: 1.15rem; }
.panel p:last-child { margin-bottom: 0; }
.card-layout { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(300px, .8fr); gap: 1rem; }
.main-column, .side-column { display: flex; flex-direction: column; gap: 1rem; }
.section-panel { padding: 1.2rem; }
.transcript { display: flex; flex-direction: column; gap: .75rem; max-height: 720px; overflow-y: auto; padding-right: .3rem; }
.message { max-width: 88%; padding: .8rem .9rem; border: 1px solid var(--line); border-radius: 13px; background: #f8faf8; }
.message-ai { border-color: #cce0f0; background: #edf7fc; }
.message-рекрутер { margin-left: auto; border-color: #d9cce7; background: #f7f0fc; }
.message header { display: flex; justify-content: space-between; gap: .8rem; color: var(--muted); font-size: .72rem; }
.message p { margin: .55rem 0; white-space: pre-wrap; }
.message footer { color: var(--muted); font-size: .68rem; }
.delivery-state { margin: .55rem 0 0; color: var(--muted); font-size: .74rem; font-weight: 700; }
.technical-details { margin-top: .65rem; color: var(--muted); font-size: .72rem; }
.technical-details summary { width: fit-content; cursor: pointer; color: var(--brand); font-weight: 750; }
.technical-details[open] summary { margin-bottom: .45rem; }
.technical-details dl { margin: 0; padding: .65rem .75rem; border: 1px solid var(--line); border-radius: 9px; background: #f8faf8; }
.technical-details dl div { display: grid; grid-template-columns: minmax(110px, .8fr) minmax(0, 1.5fr); gap: .7rem; padding: .25rem 0; }
.technical-details dt { color: var(--muted); }
.technical-details dd { margin: 0; overflow-wrap: anywhere; color: var(--ink); text-align: right; }
.timeline { list-style: none; margin: 0; padding: 0; }
.timeline li { display: grid; grid-template-columns: 130px 1fr; gap: .8rem; padding: .75rem 0; border-top: 1px solid #edf0ed; }
.timeline time { color: var(--muted); font-size: .74rem; }
.data-list { margin: 0; }
.data-list div { display: grid; grid-template-columns: 1fr 1.3fr; gap: .8rem; padding: .55rem 0; border-top: 1px solid #edf0ed; }
.data-list dt { color: var(--muted); font-size: .72rem; }
.data-list dd { margin: 0; overflow-wrap: anywhere; font-size: .78rem; text-align: right; }
.compact-list { display: flex; flex-direction: column; gap: .55rem; margin: 0; padding: 0; list-style: none; }
.compact-list li { padding: .6rem; border-radius: 9px; background: #f6f8f6; font-size: .76rem; }
.compact-list span { display: block; margin-top: .2rem; color: var(--muted); }
.alert, .alert-soft { padding: .75rem; border-radius: 10px; color: #8a321e; background: #fde8e2; }
.login-page { display: grid; min-height: 100vh; place-items: center; padding: 1rem; background: radial-gradient(circle at top left, #d9f2e6, transparent 36%), #f3f6f3; }
.login-card { width: min(440px, 100%); padding: 2rem; background: white; border: 1px solid var(--line); border-radius: 22px; box-shadow: 0 24px 70px rgba(18,40,29,.12); }
.login-brand { margin-bottom: 2.2rem; }
.login-form { display: flex; flex-direction: column; gap: .85rem; margin-top: 1.3rem; }
.security-note { margin: 1rem 0 0; color: var(--muted); font-size: .73rem; text-align: center; }
.operations-bar { display: flex; flex-wrap: wrap; align-items: end; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; }
.action-row, .action-stack { display: flex; flex-wrap: wrap; gap: .45rem; }
.inline-form { display: flex; align-items: end; gap: .55rem; }
.inline-form label { min-width: 220px; }
.stack-form { display: flex; flex-direction: column; gap: .7rem; margin-top: 1rem; }
.grid-form { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); align-items: end; gap: .65rem; margin-top: 1rem; }
.button-small { min-height: 32px; padding: .35rem .6rem; font-size: .72rem; }
.danger { color: #8a2418; background: #fff; border-color: #e4b3ac; }
.flash { margin-bottom: 1rem; padding: .8rem 1rem; border-radius: 10px; }
.flash-success { color: #0b5e43; background: #dcf4e8; }
.flash-error { color: #8a2418; background: #fde8e2; }
.draft-workspace { margin-top: 1rem; padding-top: 1rem; border-top: 1px solid var(--line); }
.draft-card { margin-top: .8rem; padding: 1rem; border: 1px solid #bfd9cc; border-radius: 12px; background: #f5fbf8; }
.draft-card header { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .5rem; color: var(--muted); font-size: .74rem; }
.draft-original { margin: .75rem 0; padding: .8rem; border-radius: 9px; background: white; white-space: pre-wrap; }
.draft-actions { margin-top: .9rem; padding-top: .9rem; border-top: 1px solid var(--line); }
.draft-actions .stack-form { max-width: 720px; }
.draft-submitted, .draft-rejected, .draft-taken_over, .draft-stale, .draft-superseded { border-color: var(--line); background: #f7f8f7; }
.learning-inline { margin-top: .65rem; padding-top: .65rem; border-top: 1px solid var(--line); }
.learning-list form { margin-top: .55rem; }
.compact-heading h1 { font-size: 1.65rem; }
.more-filters, .filter-dirty { grid-column: 1 / -1; }
.filter-grid { align-items: end; display: grid; grid-template-columns: repeat(auto-fit, minmax(145px, 1fr)); gap: .8rem; padding-top: 1rem; }
.stage-summary { margin: 1rem 0; }
summary { cursor: pointer; }
.workspace-table { table-layout: fixed; }
.workspace-table td, .workspace-table th, .candidate-contacts { overflow-wrap: anywhere; }
.candidate-contacts { display: flex; flex-wrap: wrap; gap: 1rem; margin-bottom: .7rem; }
.check-label { display: flex; flex-direction: row; align-items: start; }
.check-label input { width: 18px; min-height: 18px; flex-shrink: 0; }
.button:disabled { opacity: .45; cursor: not-allowed; }
.main-column, .side-column, .panel, .inline-form { min-width: 0; }
.inline-form { flex-wrap: wrap; }
.inline-form label { min-width: 0; }
.panel { overflow-wrap: anywhere; }
@media (max-width: 900px) {
  .workspace-table, .workspace-table tbody, .workspace-table tr, .workspace-table td { display: block; width: 100%; }
  .workspace-table thead { display: none; }
  .workspace-table tr { padding: .8rem; border-top: 1px solid var(--line); }
  .workspace-table td { padding: .3rem; border: 0; }
  .workspace-table td::before { content: attr(data-label); display: block; color: var(--muted); font-size: .7rem; }
  .summary-grid, .card-layout { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 1000px) {
  .summary-grid, .card-layout { grid-template-columns: 1fr; }
  .funnel-counters { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 680px) {
  .app-header { padding: .8rem 1rem; flex-wrap: wrap; gap: .7rem; }
  .operator > div { display: none; }
  .page-shell { width: min(94vw, 100%); padding-top: 1rem; }
  .funnel-counters { grid-template-columns: repeat(2, 1fr); }
  .case-hero { align-items: flex-start; flex-direction: column; }
  .message { max-width: 100%; }
  .technical-details dl div { grid-template-columns: 1fr; gap: .15rem; }
  .technical-details dd { text-align: left; }
}
/* File preview scrolls independently; the workspace itself never overflows. */
.import-table { max-width: 100%; overflow-x: auto; margin: 1rem 0; }
.import-table td { min-width: 9rem; max-width: 24rem; overflow-wrap: anywhere; vertical-align: top; }
.import-fields { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 1rem; margin: 1rem 0; }
.import-fields label { display: grid; gap: .3rem; min-width: 0; }
form[action^="/console/imports"] input[type="checkbox"] { width: 18px; min-height: 18px; }
.import-bulk { display: flex; align-items: center; flex-wrap: wrap; gap: .75rem; margin: 1rem 0; }
.import-bulk[hidden] { display: none; }
.import-heading { display: flex; justify-content: space-between; gap: 1rem; align-items: center; }
.import-steps { display: flex; gap: .75rem; list-style: none; padding: 0; margin: 1.5rem 0; flex-wrap: wrap; }
.import-steps li { padding: .65rem 1rem; border-radius: 99px; background: #e9eeeb; color: var(--muted); font-size: .85rem; }
.import-steps [aria-current] { background: var(--brand); color: white; font-weight: 750; }
.import-nav { margin-bottom: 1.25rem; font-size: .85rem; color: var(--muted); }
.import-upload { max-width: 860px; margin: 0 auto; padding: clamp(1rem, 3vw, 2.5rem); }
.import-drop { border: 2px dashed #99b9a9; border-radius: 16px; background: #f5faf7; padding: clamp(1rem, 4vw, 3rem); margin: 1.5rem 0 1rem; text-align: center; align-items: center; gap: .85rem; cursor: pointer; }
.import-drop strong { font-size: clamp(1rem, 2vw, 1.4rem); color: var(--ink); }
.import-drop input { max-width: 420px; }
.import-drop:focus-within, .import-drop.is-dragging { border-color: var(--brand); background: var(--accent); }
.import-summary { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: .75rem; margin: 1.25rem 0; }
.import-summary > div { padding: 1rem; background: #f5f8f5; border-radius: 12px; }
.import-summary strong { display: block; font-size: 1.8rem; }
.import-summary span { font-size: .85rem; color: var(--muted); }
.import-mapping { margin: 1rem 0; padding: 1rem; border: 1px solid var(--line); border-radius: 12px; }
.import-mapping summary { cursor: pointer; font-size: .85rem; color: var(--brand); }
.import-mapping[open] > summary { margin-bottom: 1rem; }
.import-check { display: flex; flex-direction: row; align-items: center; gap: .6rem; color: var(--ink); }
.import-check input { flex: 0 0 18px; }
.import-alert { padding: 1rem; background: var(--warn-bg); border-radius: 12px; margin: 1rem 0; }
.import-actionbar { position: sticky; bottom: 0; z-index: 15; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: .8rem; padding: 1rem; border: 1px solid #c9d9cf; border-radius: 14px; background: white; box-shadow: 0 -8px 32px rgba(18,40,29,.1); }
.import-actionbar > div { flex: 1 1 260px; }
.import-actionbar p { font-size: .78rem; margin: .3rem 0 0; }
.import-actionbar .button { min-height: 48px; }
.import-review [hidden], .import-upload [hidden] { display: none !important; }
.import-review button:disabled, .import-review button[aria-disabled="true"] { opacity: .55; cursor: not-allowed; }
.import-success { max-width: 800px; margin: 1.5rem auto; padding: 2rem; border-color: #a0c9b2; }
.import-success h2 { color: var(--brand-dark); font-size: 1.7rem; }
@media (max-width: 600px) {
  .import-summary { gap: .35rem; }
  .import-summary > div { padding: .65rem; }
  .import-summary strong { font-size: 1.4rem; }
  .import-summary span { font-size: .72rem; }
  .import-actionbar { padding: .7rem; gap: .5rem; }
  .import-actionbar > div { flex-basis: 100%; }
  .import-actionbar .button { width: 100%; }
  .import-heading { flex-direction: column; align-items: flex-start; }
}

.import-mapping-tags { display: flex; flex-wrap: wrap; gap: .5rem; margin: .8rem 0 1rem; }
.import-mapping-tags span { padding: .4rem .65rem; border: 1px solid var(--line); border-radius: 7px; background: #f5f8f5; font-size: .8rem; overflow-wrap: anywhere; }
.import-review-group { margin: 1rem 0; padding: .8rem 0; border-top: 1px solid var(--line); }
.import-review-group > summary { padding: .5rem 0; color: var(--brand); font-weight: 700; }

/* Keep all seven list columns; narrow screens retain the existing labelled card layout. */
.case-inline-form { display: flex; flex-direction: column; align-items: stretch; gap: .4rem; margin: 0 0 .5rem; min-width: 0; }
.case-inline-form input, .case-inline-form select { min-width: 0; width: 100%; min-height: 36px; padding: .45rem; font-size: .75rem; }
.case-inline-form label { font-size: .75rem; gap: .2rem; }
.case-inline-form .button { white-space: normal; }
.case-inline-form small { margin-top: 0; font-size: .72rem; }
.inline-task-actions { display: flex; flex-wrap: wrap; gap: .3rem; }
.inline-status { margin: .4rem 0 0; color: var(--brand); font-size: .72rem; }
.inline-status:empty { display: none; }
.inline-error { color: #8a2418; }
.inline-status a { display: block; margin-top: .4rem; }
.inline-guidance { font-size: .8rem; }
[data-inline-row][aria-busy="true"] { background: #f5faf7; }
[data-inline-row] :disabled { cursor: wait; opacity: .6; }
[data-inline-row][data-uncertain] :disabled { cursor: not-allowed; }
.inline-enhanced [data-inline-auto] ~ button[type="submit"] { display: none; }
/* Native date/time controls need enough room to keep both date and time editable. */
@media (max-width: 1200px) {
  .workspace-table, .workspace-table tbody { display: block; width: 100%; }
  .workspace-table thead { display: none; }
  .workspace-table tr[data-inline-row] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); padding: .8rem; border-top: 1px solid var(--line); }
  .workspace-table [data-inline-row] td { display: block; width: auto; min-width: 0; padding: .5rem; border: 0; }
  .workspace-table [data-inline-row] td::before { content: attr(data-label); display: block; color: var(--muted); font-size: .75rem; margin-bottom: .25rem; }
}
@media (max-width: 680px) {
  .workspace-table tr[data-inline-row] { grid-template-columns: minmax(0, 1fr); }
}

/* Deadline reasons remain visible alongside the inline controls. */
.signal-overdue { color: #a12b24; background: #fff0ed; padding: 5px 7px; border-radius: 6px; }
.claim-deadline { font-weight: 600; }
.queue-help { margin: 12px 0; }
.queue-help p { max-width: 85ch; }

.filters[action="/console/cases"] { grid-template-columns: minmax(230px, 260px) minmax(180px, 1fr) auto; }
@media (max-width: 760px) { .filters[action="/console/cases"] { grid-template-columns: minmax(0, 1fr); } }

/* Compact worklist: editors float above the table instead of stretching every row. */
.case-table-scroll { overflow-x: auto; }
.compact-cases.workspace-table { display: table; width: 100%; table-layout: fixed; min-width: 940px; }
.compact-cases.workspace-table thead { display: table-header-group; }
.compact-cases.workspace-table tbody { display: table-row-group; }
.compact-cases.workspace-table tr[data-inline-row] { display: table-row; }
.compact-cases.workspace-table [data-inline-row] td { display: table-cell; width: auto; padding: 9px 12px; vertical-align: middle; border-bottom: 1px solid var(--line); }
.compact-cases.workspace-table [data-inline-row] td::before { display: none; }
.compact-cases th { padding: 12px; }
.compact-cases .case-selection { width: 38px; padding: 8px !important; }
.compact-cases input[type="checkbox"] { width: 18px; min-height: 18px; height: 18px; margin: 0; }
.compact-cases td { font-size: .8rem; }
.compact-cases small { font-size: .7rem; margin-top: 2px; }
.compact-cases .case-link, .case-truncate, .cell-trigger { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
.case-contact { display: block; }
.case-editor { position: relative; }
.cell-trigger { padding: 5px 6px; margin: -5px -6px; border-radius: 5px; font-size: inherit; color: var(--ink); cursor: pointer; }
.cell-trigger:hover, .cell-trigger:focus-visible { background: #eaf2ee; outline: 2px solid #95b8a6; }
.cell-trigger::marker, .case-signals summary::marker { content: ''; }
.cell-trigger::-webkit-details-marker, .case-signals summary::-webkit-details-marker { display: none; }
.cell-trigger span { color: var(--muted); }
.case-editor-panel { padding: 16px; background: white; border: 1px solid var(--line); border-radius: 12px; box-shadow: 0 12px 40px #12302630; min-width: 260px; white-space: normal; }
.inline-enhanced .case-editor-panel { position: fixed; z-index: 80; width: min(340px, calc(100vw - 24px)); max-height: calc(100dvh - 24px); overflow: auto; }
.case-editor-panel header { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.case-editor-panel header button { background: transparent; border: 0; font-size: 22px; cursor: pointer; padding: 2px 8px; }
.case-editor-panel .case-inline-form { gap: 12px; margin-bottom: 12px; }
.case-editor-panel .case-inline-form input, .case-editor-panel .case-inline-form select { min-height: 40px; }
.case-editor-panel [data-editor-status]:empty { display: none; }
.case-editor-panel [data-editor-status] { color: #8a2418; }
.compact-cases .signal-overdue { padding: 0; background: transparent; }
.case-signals { margin-top: 3px; font-size: .7rem; color: #985f17; }
.compact-cases .inline-status { max-width: 240px; font-size: .68rem; }
.case-bulk { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding: 12px 16px; background: #eff7f3; border-bottom: 1px solid var(--line); }
.case-bulk[hidden] { display: none; }
.case-bulk form { display: flex; flex-wrap: wrap; gap: 10px; align-items: end; }
.case-bulk label { font-size: .7rem; }
.case-bulk select { min-height: 34px; padding: 5px; }
.case-bulk p { flex-basis: 100%; margin: 0; font-size: .75rem; }
@media (max-width: 680px) {
  .compact-cases.workspace-table { min-width: 820px; }
  .compact-cases th, .compact-cases.workspace-table [data-inline-row] td { padding: 8px; }
  .compact-cases .cell-trigger { min-height: 36px; display: flex; align-items: center; gap: 4px; }
}
html:not(.inline-enhanced) .case-selection input, html:not(.inline-enhanced) [data-editor-close] { display: none; }
.inline-enhanced .case-editor-panel [data-inline-auto] { width: 100%; }
.inline-enhanced .case-editor-panel form:has([data-inline-auto]) button[type="submit"] { display: none; }
.compact-cases .claim-deadline { font-size: .7rem; font-weight: 400; margin-top: 2px; }
.compact-cases .claim-deadline summary::marker { content: ''; }
.compact-cases .case-contact { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/* Reset the legacy card breakpoint for the header as well as candidate rows. */
.compact-cases.workspace-table thead tr { display: table-row; width: auto; padding: 0; }

html:not(.inline-enhanced) .inline-autosave-hint { display: none; }

/* Stage prerequisites appear above the table and never enlarge the candidate row. */
.inline-enhanced .stage-picker-next { display: none; }
.stage-step-candidate { font-weight: 700; margin: .8rem 0 .3rem; }
.stage-step-path { color: var(--muted); }
.stage-step-form { margin-top: .8rem; }
.stage-step-page { max-width: 560px; margin: 1rem auto; padding: 1.5rem; }
.stage-step-page .button-quiet { margin-top: 1rem; }

.handoff-waiting { display: block; width: fit-content; max-width: 100%; margin-top: .25rem; padding: .15rem .4rem; border-radius: .3rem; color: var(--warn); background: var(--warn-bg); font-size: .8rem; font-weight: 600; line-height: 1.35; }

.access-grid { align-items: start; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr)); gap: 24px; }
.access-card { padding: 24px; margin-bottom: 24px; }
.access-card input, .access-card select { width: 100%; min-width: 0; }
.login-methods { display: flex; gap: 24px; margin: 16px 0 24px; }
.login-methods a { padding: 8px 0; }
.login-methods a[aria-current="page"] { font-weight: 700; border-bottom: 2px solid currentColor; }
.login-form .remember-login { display: flex; flex-direction: row; align-items: center; gap: 10px; font-weight: 400; }
.login-form .remember-login input[type="checkbox"] { width: 18px; height: 18px; min-height: 18px; padding: 0; margin: 0; flex: 0 0 18px; }
.login-page .login-card h1 { font-size: clamp(28px, 4vw, 40px); }

.login-form input[type="checkbox"] { width: auto; min-width: 0; }