@import url('/tokens.css');
@import url('/fonts.css');

/* Light workspace requested on 01.10.26; preserve the Operating Room density.
   The product name is an intrinsic-width location label in a 48px header. */
:root {
  color-scheme:light;
  --ink:var(--text); --muted:var(--text-muted); --paper:var(--surface-app); --white:var(--surface-panel);
  --accent-dark:var(--accent); --accent-pale:var(--accent-wash); --sidebar:var(--surface-rail);
  --amber:var(--warn); --amber-pale:var(--warn-wash); --red:var(--danger); --red-pale:var(--danger-wash);
  --shadow:var(--shadow-float); --radius:var(--radius-control);
  --navigation-width:var(--rail-width); --masthead-height:calc(var(--topbar-height) + var(--space-2));
  font-family:var(--font-sans); font-synthesis:none;
}
* {box-sizing:border-box}
html,body,#app {height:100%;min-height:0}
body {margin:0;color:var(--text);background:var(--surface-app);font-size:13px;line-height:18px;overflow:hidden}
button,input,select,textarea {font:inherit;color:inherit}
button {cursor:pointer} button:disabled {cursor:wait}
a {color:var(--accent);text-decoration:none} a:hover {text-decoration:underline}
button,a,input,select,textarea {-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible {outline:2px solid var(--accent);outline-offset:2px}
button svg {pointer-events:none}
svg.icon {width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
h1,h2,h3,p {overflow-wrap:break-word}
h1 {font-size:22px;line-height:28px;font-weight:600}
h2 {font-size:16px;line-height:22px;font-weight:600}
h3 {font-size:13px;line-height:18px;font-weight:500}
code,time,.money,.stats-count,.stat-number,.nav-count {font-family:var(--font-mono);font-variant-numeric:tabular-nums}
.skip-link {position:fixed;top:-80px;left:var(--space-4);z-index:300;background:var(--surface-panel);padding:var(--space-3)}
.skip-link:focus {top:var(--space-2)}
.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}
.icon-button {display:inline-grid;place-items:center;width:var(--control-height);height:var(--control-height);border:0;border-radius:var(--radius-control);background:transparent;color:var(--text-muted);padding:0;flex:none}
.icon-button:hover {background:var(--surface-raised);color:var(--text)}
.button {display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--control-height);border:1px solid var(--line-strong);border-radius:var(--radius-control);padding:var(--space-1) var(--space-3);font-size:13px;line-height:18px;font-weight:500;background:var(--surface-raised);color:var(--text);text-align:center}
.button:hover {background:var(--surface-selected)}
.button.primary {background:var(--accent-solid);border-color:var(--accent-solid);color:var(--on-accent)}
.button.primary:hover {background:var(--accent-solid);filter:brightness(1.08)}
.button.small {min-height:var(--control-height);font-size:12px;padding:var(--space-1) var(--space-2)}
.button.quiet {background:transparent;border-color:transparent;color:var(--text-muted)}
.button.quiet:hover {color:var(--accent);background:var(--surface-raised)}
.button:disabled {opacity:.65}
.text-button {border:0;padding:0;background:transparent;color:var(--accent);font-weight:500;line-height:inherit;text-align:left}
.text-button:hover {text-decoration:underline}
.eyebrow,.section-label,.nav-caption {font-family:var(--font-mono);font-size:11px;line-height:16px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}
.eyebrow {margin-bottom:var(--space-1)}

/* Shared shell. */
.app-shell {height:100dvh;display:grid;grid-template-columns:var(--rail-width) minmax(0,1fr);grid-template-rows:minmax(0,1fr) var(--statusbar-height);overflow:hidden}
.workspace {grid-column:2;grid-row:1;display:flex;flex-direction:column;min-width:0;min-height:0}
.topbar {height:var(--masthead-height);min-height:var(--masthead-height);margin-left:calc(-1 * var(--rail-width));width:calc(100% + var(--rail-width));display:flex;align-items:center;gap:var(--space-6);padding:0 var(--space-4);background:var(--surface-panel);border-bottom:1px solid var(--line);z-index:32}
.workspace-brand {display:flex;align-items:center;gap:var(--space-2);flex:none;width:max-content;white-space:nowrap;line-height:18px;color:var(--text-muted);font-family:var(--font-sans);font-size:13px;font-weight:400;user-select:text}
.workspace-brand img,.entry-brand img {width:14px;height:14px;flex:none}
.entry-brand {display:flex;align-items:center;gap:var(--space-2);width:max-content;max-width:100%;white-space:nowrap;font-size:13px;line-height:18px;font-weight:500;color:var(--text-muted)}
.brand-divider {margin:0 var(--space-1);font-weight:400;color:var(--text-faint)}
.entry-workspace-name {font-weight:400;color:inherit}
.demo-entry-header {flex-wrap:wrap}
.topbar-context {border-left:1px solid var(--line-strong);padding-left:var(--space-6);font-size:13px;font-weight:500;color:var(--text-muted);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.topbar-right {margin-left:auto;display:flex;align-items:center;gap:var(--space-4);min-width:0}
.profile-chip {display:flex;align-items:center;gap:var(--space-2);border:0;background:transparent;text-align:left;padding:0;min-width:0;color:var(--text)}
.avatar,.candidate-avatar {display:grid;place-items:center;width:var(--control-height);height:var(--control-height);background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius-control);color:var(--text-muted);font-family:var(--font-mono);font-size:11px;flex:none}
.profile-chip-name {min-width:0}
.profile-chip strong {display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:16px;font-weight:500}
.profile-chip small {display:block;font-size:12px;line-height:16px;color:var(--text-muted)}
.profile-chip>.icon {color:var(--text-faint)}
.sidebar {position:relative;grid-row:1;grid-column:1;padding-top:calc(var(--masthead-height) + var(--space-2));display:flex;flex-direction:column;align-items:stretch;background:var(--surface-rail);border-right:1px solid var(--line);z-index:31;min-height:0}
.nav-caption {display:none}
.nav-list {display:flex;flex-direction:column;gap:var(--space-1);flex:1;min-height:0}
.nav-item {width:var(--rail-width);min-height:var(--row-height);display:flex;align-items:center;justify-content:center;position:relative;padding:0;border:0;border-left:2px solid transparent;background:transparent;color:var(--text-muted)}
.nav-item>.icon {width:20px;height:20px}
.nav-item.active {border-left-color:var(--accent);color:var(--text);background:var(--accent-wash)}
.nav-item:hover {color:var(--text);background:var(--surface-raised)}
.nav-label,.nav-item>span:not(.nav-count) {position:absolute;left:calc(var(--rail-width) + var(--space-2));top:var(--space-1);white-space:nowrap;max-width:var(--queue-width);background:var(--surface-raised);border:1px solid var(--line-strong);padding:var(--space-2) var(--space-3);border-radius:var(--radius-control);color:var(--text);font-size:12px;box-shadow:var(--shadow-float);visibility:hidden;opacity:0;pointer-events:none;z-index:50}
.nav-item:hover .nav-label,.nav-item:focus-visible .nav-label,.nav-item:hover>span:not(.nav-count),.nav-item:focus-visible>span:not(.nav-count) {visibility:visible;opacity:1}
.nav-count {position:absolute;top:0;right:var(--space-1);font-size:11px;line-height:16px;min-width:16px;text-align:center;background:var(--accent-solid);color:var(--on-accent);border-radius:var(--radius-chip)}
.account {display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-2) 0;border-top:1px solid var(--line);margin-top:auto}
.account-link {border:0;background:transparent;padding:0;color:var(--text)}
.account-label {font-size:0}.account-name,.account-role {display:none}
.sidebar-demo {padding:var(--space-2);overflow:hidden}
.sidebar-demo .demo-link {font-size:0}.sidebar-demo .icon {width:20px;height:20px}
.main {display:flex;flex-direction:column;min-height:0;min-width:0;flex:1;padding:0;margin:0;max-width:none;overflow:hidden}
.shell-tools {flex:none;border-bottom:1px solid var(--line)}
.demo-banner.test-panel {min-height:var(--row-height-dense);display:flex;align-items:center;gap:var(--space-3);padding:var(--space-1) var(--space-6);background:var(--surface-app);color:var(--text-muted);font-size:12px;line-height:16px}
.test-panel-label {display:flex;align-items:center;gap:var(--space-2);white-space:nowrap;color:var(--text-muted)}
.test-panel-copy {font-size:12px;line-height:16px}
.test-panel-label .icon {width:16px;height:16px}
.test-panel-actions {display:flex;align-items:center;gap:var(--space-4);margin-left:auto;flex:none}
.demo-link {display:inline-flex;align-items:center;gap:var(--space-2);font-size:12px;color:var(--text-muted);white-space:nowrap}
.screen-content {min-height:0;flex:1;overflow:auto;padding:var(--space-5) var(--space-6);scrollbar-color:var(--surface-selected) var(--surface-app)}
.statusbar {grid-row:2;grid-column:1/-1;background:var(--surface-panel);border-top:1px solid var(--line);display:flex;align-items:center;gap:var(--space-4);padding:0 var(--space-3);font-size:12px;line-height:16px;color:var(--text-muted);min-width:0;z-index:33}
.statusbar-state {display:inline-flex;align-items:center;gap:var(--space-2);white-space:nowrap}
.statusbar-state::before {content:"";width:6px;height:6px;border-radius:50%;background:var(--text-faint)}
.statusbar-state[data-tone="error"]::before,.statusbar-state[data-tone="bad"]::before {background:var(--danger)}
.statusbar-state[data-tone="pending"]::before,.statusbar-state[data-tone="wait"]::before {background:var(--warn)}
.statusbar-context {overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.statusbar-meta {margin-left:auto;white-space:nowrap;display:flex;align-items:center;gap:var(--space-3)}
.statusbar-meta strong {font-weight:500}.status-dot {display:none}
.context-separator {margin:0 var(--space-2);color:var(--text-faint)}.topbar-context strong {font-weight:500;color:var(--text)}
.rail-demo {display:grid;place-items:center;position:relative;width:var(--rail-width);height:var(--row-height);color:var(--text-muted)}.rail-demo:hover .nav-label,.rail-demo:focus-visible .nav-label {visibility:visible;opacity:1}
.mobile-menu,.mobile-shade {display:none}

/* Panels, content, status, data. */
.page-heading {display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4);flex:none}
.page-heading h1 {margin:0 0 var(--space-1);font-size:22px;line-height:28px;font-weight:600;letter-spacing:0}
.page-heading p {margin:0;color:var(--text-muted);font-size:12px;line-height:16px;max-width:var(--sheet-width)}
.heading-actions {display:flex;gap:var(--space-2);align-items:center;flex:none;padding-top:var(--space-1)}
.surface {border:1px solid var(--line);background:var(--surface-panel);border-radius:var(--radius-control);overflow:hidden;margin-bottom:var(--space-4)}
.surface:last-child {margin-bottom:0}
.surface-head {padding:var(--space-2) var(--space-3);min-height:var(--decision-height);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}
.surface-head h2 {font-size:13px;line-height:18px;margin:0;font-weight:500}
.surface-head p {font-size:12px;line-height:16px;margin:var(--space-1) 0 0;color:var(--text-muted)}
.surface-body {padding:var(--space-4)}
.section-label {margin:0 0 var(--space-2)}
.toolbar {display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--line);flex-wrap:wrap}
.segmented {display:inline-flex;gap:0;background:var(--surface-app);border:1px solid var(--line-strong);padding:0;border-radius:var(--radius-control)}
.segment {padding:var(--space-1) var(--space-3);min-height:var(--control-height);border:0;background:transparent;color:var(--text-muted);font-size:12px}
.segment.active {background:var(--surface-selected);color:var(--text)}
.search {display:flex;align-items:center;gap:var(--space-2);min-width:0}
.search input {min-width:0;width:var(--route-width);height:var(--control-height);border:1px solid var(--line-strong);background:var(--surface-app);border-radius:var(--radius-control);padding:0 var(--space-3);color:var(--text)}
.search .icon {color:var(--text-muted)}
.table-wrap {overflow:auto;min-width:0}
table {width:100%;border-collapse:collapse;text-align:left}
th {height:var(--row-height-dense);padding:var(--space-1) var(--space-3);font-family:var(--font-mono);font-size:11px;line-height:16px;font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);background:var(--surface-app);border-bottom:1px solid var(--line)}
td {height:var(--row-height);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--line);vertical-align:top;font-size:13px;line-height:18px}
tbody tr:last-child td {border-bottom:0} tbody tr:hover {background:var(--surface-raised)}
td.numeric,.stats-count {text-align:right;font-family:var(--font-mono)}
.cell-main {font-weight:500}.cell-sub {display:block;color:var(--text-muted);font-size:12px;line-height:16px;margin-top:var(--space-1)}
.badge {display:inline-flex;align-items:center;gap:6px;padding:0 var(--space-2);min-height:20px;border-radius:var(--radius-chip);font-size:12px;line-height:16px;border:1px solid var(--line);background:var(--surface-raised);color:var(--text-muted);font-weight:400;white-space:nowrap}
.badge::before {content:"";width:6px;height:6px;flex:none;border-radius:50%;background:var(--text-faint)}
.badge.good::before {background:var(--ok)}.badge.wait::before {background:var(--warn)}.badge.bad::before {background:var(--danger)}
.badge.good {color:var(--text)}.badge.wait {color:var(--warn)}.badge.bad {color:var(--danger)}
.empty {padding:var(--space-4);border-left:2px solid var(--line-strong);margin:var(--space-3);color:var(--text-muted)}
.empty-icon {display:none}.empty h3 {margin:0 0 var(--space-1);font-size:13px;color:var(--text)}
.empty p {margin:0;font-size:12px;line-height:18px;max-width:var(--sheet-width)}.empty .button {margin-top:var(--space-3)}
.page-grid {display:grid;grid-template-columns:minmax(0,1fr) var(--card-width);gap:var(--space-4);align-items:start}
.stack {display:flex;flex-direction:column;gap:var(--space-4);min-width:0}.stack>.surface {margin:0}
.info-card {padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface-panel);margin-bottom:var(--space-4)}
.info-card h3 {margin:var(--space-2) 0}.info-card p {margin:var(--space-2) 0;color:var(--text-muted);font-size:12px;line-height:18px}
.accent-card {background:var(--surface-panel)}
.info-list {margin:0;display:grid;gap:0}
.info-row {display:grid;grid-template-columns:minmax(120px,.4fr) minmax(0,1fr);gap:var(--space-3);min-height:var(--row-height-dense);padding:var(--space-1) 0}
.info-row dt {color:var(--text-muted);font-size:12px}.info-row dd {margin:0;min-width:0;overflow-wrap:anywhere}
.value-unknown {color:var(--text-muted);font-size:12px}
.divider {height:1px;background:var(--line);margin:var(--space-4) 0}
.back-row,.back-link {margin-bottom:var(--space-3)}
.back-link {border:0;background:transparent;padding:0;display:inline-flex;align-items:center;gap:var(--space-2);color:var(--text-muted);font-size:12px}
.tabs {display:flex;gap:var(--space-4);border-bottom:1px solid var(--line);padding:0 var(--space-3);overflow:auto}
.tab {min-height:var(--decision-height);padding:var(--space-2) 0;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--text-muted);white-space:nowrap;font-size:13px}
.tab.active {border-bottom-color:var(--accent);color:var(--text)}
.stage {display:flex;gap:var(--space-3);padding:var(--space-3) 0;border-top:1px solid var(--line)}
.stage-number {font-family:var(--font-mono);min-width:var(--control-height);color:var(--text-muted)}.stage-content {min-width:0}.stage-title {margin:0 0 var(--space-1);font-weight:500}
.reason-list {margin:0;padding:0;list-style:none}.reason-list li {display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-2) 0;font-size:12px;color:var(--text-muted)}
.reason-list .icon {color:var(--warn);margin-top:var(--space-1)}
.notice,.preview-banner {display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--surface-raised);color:var(--text);font-size:13px;margin:var(--space-2) 0}
.notice.error {border-left:2px solid var(--danger);background:var(--danger-wash)}.notice.warning,.preview-banner {border-left:2px solid var(--warn);background:var(--warn-wash)}
.notice-content {flex:1}.notice small,.preview-banner p {display:block;font-size:12px;color:var(--text-muted);margin:var(--space-1) 0 0}
.preview-banner>div {flex:1}.preview-banner strong {font-weight:500}.shell-tools .preview-banner {margin:0;border-radius:0}
#page-error {padding:0 var(--space-4)}#page-error>.button {margin-bottom:var(--space-2)}
.readonly-note {padding:var(--space-3);border:1px solid var(--line);background:var(--surface-app);border-radius:var(--radius-control);font-size:12px;color:var(--text-muted);line-height:18px}
.readonly-note .button {margin-left:var(--space-2)}
.stats,.stats-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);border-radius:var(--radius-control);margin-bottom:var(--space-4);background:var(--surface-panel);gap:0}
.stat-card {display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-right:1px solid var(--line);min-width:0}.stat-card:last-child {border-right:0}
.stat-label {font-size:12px;color:var(--text-muted)}.stat-number {font-size:24px;line-height:28px;font-weight:500;margin:var(--space-1) 0;overflow-wrap:anywhere}.stat-caption {font-size:12px;line-height:16px;color:var(--text-muted)}
.stat-icon {display:none}.stats-detail {margin-bottom:var(--space-4)}.stats-note {padding:var(--space-3);font-size:12px;color:var(--text-muted)}.stats-note p {margin:var(--space-1) 0}.user-selected {background:var(--accent-wash)}

/* Forms are side panels; submitting still uses the existing server commands. */
.form-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4) var(--space-3)}
.field {display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.field.full {grid-column:1/-1}
.field label,.field-label {font-size:12px;line-height:16px;color:var(--text-muted)}
.field input,.field select,.field textarea {width:100%;min-width:0;min-height:var(--control-height);border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--surface-app);color:var(--text);padding:var(--space-1) var(--space-2)}
.field textarea {resize:vertical;min-height:96px}.field small {color:var(--text-muted);font-size:12px;line-height:16px}.field .required {color:var(--warn)}
.field input::placeholder,.field textarea::placeholder {color:var(--text-faint)}.field input[readonly] {color:var(--text-muted)}
.form-section-title {margin:var(--space-6) 0 var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--line);font-size:13px;font-weight:500}.form-section-title:first-child {margin-top:0}
.form-actions {display:flex;justify-content:flex-end;align-items:center;gap:var(--space-2);margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--line);flex-wrap:wrap}.form-actions .primary {min-height:var(--decision-height)}
.form-error {display:none;margin-top:var(--space-3)}.form-error.visible {display:block}
.modal-backdrop {position:fixed;inset:var(--masthead-height) 0 var(--statusbar-height) var(--rail-width);z-index:90;display:flex;justify-content:flex-end;align-items:stretch;background:transparent}
.modal {width:min(var(--decision-width),100%);max-height:100%;overflow:auto;background:var(--surface-panel);border-left:1px solid var(--line-strong);border-radius:0;box-shadow:var(--shadow-float)}
.modal.wide {width:min(calc(var(--decision-width) * 2),100%)}
.modal-head {padding:var(--space-4);display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3);border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--surface-panel);z-index:1}
.modal-head h2 {margin:0 0 var(--space-1);font-size:16px;line-height:22px}.modal-head p {margin:0;color:var(--text-muted);font-size:12px;line-height:16px}.modal-body {padding:var(--space-4)}
.mode-options {display:grid;gap:var(--space-2)}.mode-choice {display:grid;grid-template-columns:auto 1fr;gap:var(--space-1) var(--space-2);padding:var(--space-3);background:var(--surface-app);border:1px solid var(--line-strong);border-radius:var(--radius-control)}
.mode-choice:has(input:checked) {border-color:var(--accent);background:var(--accent-wash)}.mode-choice input {grid-row:1/3;accent-color:var(--accent-solid)}.mode-choice strong {font-weight:500}.mode-choice span {font-size:12px;color:var(--text-muted)}
.route-strip {display:flex;align-items:center;gap:var(--space-3);background:var(--surface-raised);border:1px solid var(--line);padding:var(--space-3);margin-bottom:var(--space-4);font-size:12px;color:var(--text-muted)}
.route-strip strong {color:var(--text)}

/* Stable lists and adjacent readers. */
.screen-content:has(.record-workbench),.screen-content[data-screen="learning"] {display:flex;flex-direction:column;overflow:hidden}
.record-workbench {display:grid;grid-template-columns:var(--queue-width) minmax(0,1fr);flex:1;min-height:0;gap:var(--space-4)}
.record-index {overflow:auto;min-width:0;background:var(--surface-panel);border:1px solid var(--line);border-radius:var(--radius-control)}
.record-index .search {padding:var(--space-3);position:sticky;top:0;background:var(--surface-panel);z-index:1}.record-index .search input {width:100%}
.record-index .record-index-item,.record-index .record-link {display:flex;flex-direction:column;gap:var(--space-1);width:100%;text-align:left;border:0;border-bottom:1px solid var(--line);border-left:2px solid transparent;background:transparent;color:var(--text);padding:var(--space-3);min-height:var(--row-height)}
.record-index button.selected,.record-index button[aria-current="true"],.record-index button[aria-current="page"] {background:var(--accent-wash);border-left-color:var(--accent)}
.record-index button:hover {background:var(--surface-raised)}.record-index small {font-size:12px;color:var(--text-muted)}.record-index strong {font-size:13px;font-weight:500}
.record-detail {min-width:0;min-height:0;overflow:auto;padding-right:var(--space-1)}
.record-detail .page-grid,.record-detail .hr-layout {grid-template-columns:minmax(0,1fr)}
.record-detail .page-heading h1 {font-size:16px;line-height:22px}
.record-index-head {padding:var(--space-3);border-bottom:1px solid var(--line);font-weight:500}
.record-index-head h2 {margin:0;font-size:13px;line-height:18px}.record-index-head p,.record-index-note {font-size:12px;line-height:18px;color:var(--text-muted);margin:var(--space-1) 0 0}.record-index-note {padding:var(--space-3)}
.record-index-item>span {font-size:12px;line-height:18px;color:var(--text-muted)}

/* Inquiry provenance and contact history use the existing compact reader. */
.inquiry-index-item {appearance:none;-webkit-appearance:none;border-radius:0;font-family:var(--font-sans)}
.record-index .inquiry-index-company {color:var(--text-muted);font-size:12px;line-height:18px}.record-index .inquiry-index-title {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:18px;font-size:13px;overflow-wrap:anywhere}
.inquiry-index-date {font-variant-numeric:tabular-nums}.inquiry-index-state {display:block;line-height:18px}.inquiry-index-state>span {display:block;color:var(--text)}
.inquiry-internal {margin-top:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface-panel)}.record-index .inquiry-internal {margin:0;border:0;border-top:1px solid var(--line);border-radius:0}.inquiry-internal>summary {padding:var(--space-3);font-size:12px;font-weight:500;cursor:pointer;color:var(--text-muted)}
.inquiry-table-title .text-button {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:18px;overflow-wrap:anywhere}.inquiry-date {min-width:106px;font-size:12px;font-variant-numeric:tabular-nums}
.inquiry-detail {padding-top:var(--space-1)}.inquiry-request-text {margin:0;font-size:14px;line-height:21px}.inquiry-expected {border-top:1px solid var(--line);margin-top:var(--space-3);padding-top:var(--space-3)}.inquiry-expected>span {color:var(--text-muted);font-size:12px}.inquiry-expected p {margin:var(--space-1) 0 0}
.inquiry-facts {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);margin:0}.inquiry-facts>div {min-width:0}.inquiry-facts dt {font-size:12px;line-height:18px;color:var(--text-muted)}.inquiry-fact-secondary {display:block;color:var(--text-muted);font-size:12px;line-height:18px;margin-top:var(--space-1)}.inquiry-facts dd {margin:var(--space-1) 0 0;overflow-wrap:anywhere;font-size:13px;line-height:18px}
.inquiry-more {border-top:1px solid var(--line);margin-top:var(--space-3);padding-top:var(--space-2)}.inquiry-more>summary,.form-disclosure>summary {cursor:pointer;color:var(--text-muted);font-size:12px;line-height:18px;padding:var(--space-1) 0}.inquiry-more .info-rows {margin-top:var(--space-2)}
.inquiry-sla {padding-top:var(--space-3);margin-top:var(--space-3);border-top:1px solid var(--line)}.inquiry-sla strong {font-size:12px;font-weight:500}.inquiry-sla p {display:inline;margin:0 0 0 var(--space-2);color:var(--text-muted);font-size:12px;line-height:18px}
.inquiry-contact-history {list-style:none;margin:0;padding:0 var(--space-4)}.inquiry-contact-history li {padding:var(--space-4) 0;border-bottom:1px solid var(--line)}.inquiry-contact-history li:last-child {border-bottom:0}.inquiry-contact-history header {display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-2);justify-content:space-between}.inquiry-contact-history header strong {font-size:13px;font-weight:500}.inquiry-contact-history header span {font-size:12px;color:var(--text-muted)}.inquiry-contact-meta {display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-4);margin-top:var(--space-2);font-size:12px;line-height:18px;color:var(--text-muted)}.inquiry-contact-history .preserve-lines {margin:var(--space-3) 0 0}.inquiry-contact-continuation {border-top:1px solid var(--line);padding:var(--space-3) var(--space-4);font-size:12px;line-height:18px;color:var(--text-muted);margin:0}
.form-disclosure {border-top:1px solid var(--line);margin-top:var(--space-4);padding-top:var(--space-2)}.form-disclosure .form-grid {margin-top:var(--space-3)}
@media(max-width:1100px) {.inquiry-facts {grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px) {.inquiry-facts {grid-template-columns:minmax(0,1fr)}.inquiry-contact-history {padding:0 var(--space-3)}.inquiry-detail .surface-head {flex-wrap:wrap}.inquiry-detail .surface-head .row-actions {justify-content:flex-start}}

/* People directory shares the stable list and neighboring card layout. */
.directory-workbench {grid-template-columns:320px minmax(0,1fr)}
.directory-controls {position:sticky;top:0;z-index:2;background:var(--surface-panel);border-bottom:1px solid var(--line)}
.directory-controls .search {position:static;padding-bottom:var(--space-2)}
.directory-filter {display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-3);font-size:12px;color:var(--text-muted)}
.directory-filter select {height:var(--control-height);min-width:0;flex:1;background:var(--surface-app);border:1px solid var(--line-strong);border-radius:var(--radius-control);padding:0 var(--space-2)}
.directory-count {padding:var(--space-2) var(--space-3);font-size:12px;color:var(--text-muted)}
.directory-person-line {display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);width:100%}
.directory-index .record-link>span:not(.directory-person-line) {font-size:12px;color:var(--text-muted)}
.directory-card-head {margin-bottom:var(--space-4)}
.directory-card-title {display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);flex-wrap:wrap}
.directory-card-title h2 {margin:0;font-size:18px;line-height:24px}.directory-card-title p {margin:var(--space-1) 0 0;font-size:12px;color:var(--text-muted)}
.directory-card-actions {display:flex;align-items:center;gap:var(--space-2);margin-left:auto;flex-wrap:wrap}
.directory-tabs {display:flex;gap:var(--space-4);padding:0 var(--space-4);border-top:1px solid var(--line)}
.directory-tabs button {border:0;border-bottom:2px solid transparent;background:transparent;color:var(--text-muted);font-size:13px;min-height:36px;padding:var(--space-2) 0}
.directory-tabs button.active {color:var(--accent);border-bottom-color:var(--accent)}
.directory-basis {display:grid;grid-template-columns:minmax(0,1fr) minmax(140px,.65fr);gap:var(--space-4);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--line)}
.directory-basis:last-child {border-bottom:0}.directory-basis strong {font-weight:500}.directory-basis p {margin:var(--space-1) 0 0;color:var(--text-muted);font-size:12px}.directory-basis>span {color:var(--text-muted)}
.directory-history {list-style:none;padding:0;margin:0}.directory-history li {display:grid;grid-template-columns:160px minmax(0,1fr);gap:var(--space-4);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--line)}
.directory-history li:last-child {border-bottom:0}.directory-history time {font-size:12px;color:var(--text-muted)}.directory-history strong {font-weight:500}.directory-history p {margin:var(--space-1) 0 0;color:var(--text-muted);font-size:12px}

/* Learning uses the same operator panels, not oversized marketing cards. */
.hr-workbench {grid-template-columns:280px minmax(0,1fr)}
.hr-card-grid {display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);gap:var(--space-4)}
.hr-card-grid>.stack,.hr-card-grid>aside {min-width:0}
.hr-card-grid aside .form-grid {grid-template-columns:minmax(0,1fr)}
.hr-stage {color:var(--accent)!important}
.hr-resumes,.hr-reviews {list-style:none;margin:0;padding:0}
.hr-resumes li {display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--line)}
.hr-resumes li>div {min-width:0;overflow-wrap:anywhere}.hr-resumes strong {font-weight:500}
.hr-resumes small,.hr-history small {display:block;font-size:12px;color:var(--text-muted);margin-top:var(--space-1)}
.hr-upload {display:grid;gap:var(--space-2);margin-top:var(--space-3)}.hr-upload small {color:var(--text-muted);font-size:12px}.hr-upload .button {justify-self:start}
.hr-upload input {max-width:100%;height:auto;padding:var(--space-2)}
.hr-reviews li {padding:var(--space-4);border-top:1px solid var(--line)}.hr-reviews p {margin:var(--space-2) 0;overflow-wrap:anywhere}
.hr-review-head {display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2)}.hr-review-head strong {font-weight:500}.hr-review-head time,.hr-reviews small {font-size:12px;color:var(--text-muted)}
.hr-workbench .record-detail>.surface:last-child {margin-top:var(--space-4)}
@media(max-width:1400px){.hr-card-grid {grid-template-columns:minmax(0,1fr)}.hr-card-grid>aside {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}}
@media(max-width:900px){.hr-workbench {grid-template-columns:minmax(0,1fr)}.hr-card-grid>aside {grid-template-columns:minmax(0,1fr)}}

/* Learning uses the same operator panels, not oversized marketing cards. */
.learning-hub {display:grid;grid-template-columns:var(--route-width) minmax(0,1fr);gap:var(--space-4);flex:1;min-height:0}
.learning-menu,.learning-hub>aside {min-width:0;overflow:auto;background:var(--surface-panel);border:1px solid var(--line);border-radius:var(--radius-control)}
.learning-section-nav {display:flex;flex-direction:column;padding:var(--space-2) 0;gap:0}
.learning-section-link {display:block;text-align:left;width:100%;min-height:var(--row-height);padding:var(--space-2) var(--space-4);border:0;border-left:2px solid transparent;border-radius:0;color:var(--text-muted);background:transparent;font-size:13px;line-height:18px}
.learning-section-link:hover {background:var(--surface-raised);color:var(--text)}.learning-section-link.active {background:var(--accent-wash);border-left-color:var(--accent);color:var(--text);font-weight:500}
.learning-content {min-height:0;min-width:0;overflow:hidden;display:flex;flex-direction:column}
.learning-content>.learning-index {flex:1}
.learning-summary {display:grid;grid-template-columns:minmax(0,1fr) var(--route-width);gap:var(--space-4);padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface-panel);margin-bottom:var(--space-4)}
.learning-summary h2 {font-size:16px;line-height:22px;font-weight:600;margin:var(--space-1) 0 var(--space-2)}.learning-summary p {font-size:13px;color:var(--text-muted);margin:0 0 var(--space-3)}
.learning-summary-progress {display:flex;flex-direction:column;justify-content:center;gap:var(--space-1);border-left:1px solid var(--line);padding-left:var(--space-4);color:var(--text-muted);font-size:12px}
.learning-summary-progress strong {font-family:var(--font-mono);font-size:24px;line-height:28px;color:var(--text);font-weight:500}.learning-summary-progress strong span {font-size:16px;color:var(--text-muted)}
progress {display:block;width:100%;height:var(--space-1);border:0;background:var(--surface-selected);color:var(--accent);appearance:none;border-radius:0;margin:var(--space-2) 0}
progress::-webkit-progress-bar {background:var(--surface-selected)}progress::-webkit-progress-value {background:var(--accent)}progress::-moz-progress-bar {background:var(--accent)}
.learning-summary-progress small {font-size:12px;line-height:16px}
.learning-access-note {margin:var(--space-3) 0;color:var(--text-muted);font-size:12px;line-height:18px}
.learning-material-row {display:grid;grid-template-columns:var(--control-height) minmax(0,1fr) auto;align-items:start;gap:var(--space-3);padding:var(--space-3);border-bottom:1px solid var(--line)}.learning-material-row:last-child {border-bottom:0}
.learning-material-symbol {display:grid;place-items:center;width:var(--control-height);height:var(--control-height);border-radius:var(--radius-control);background:var(--surface-raised);color:var(--text-muted)}
.learning-material-copy h3 {margin:0 0 var(--space-1);font-size:13px;line-height:18px}.learning-material-copy p {font-size:12px;line-height:16px;color:var(--text-muted);margin:0 0 var(--space-2)}
.learning-material-meta {display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-3);font-size:12px;line-height:16px;color:var(--text-muted)}
.learning-material-status {display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-2)}
.learning-plan-note {border-top:1px solid var(--line);padding:var(--space-3) 0;margin-top:var(--space-4);font-size:12px;line-height:18px;color:var(--text-muted)}.learning-plan-note summary {font-weight:500;color:var(--text);cursor:pointer}.learning-plan-note p {max-width:var(--sheet-width)}
.learning-library-search {padding:var(--space-3);border-bottom:1px solid var(--line)}.learning-library-search label {font-size:12px;color:var(--text-muted);display:block;margin-bottom:var(--space-1)}.learning-library-search input {height:var(--control-height);width:100%;max-width:var(--card-width);border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--surface-app);padding:0 var(--space-2)}
.learning-programs {padding:var(--space-3);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}
.learning-program {padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface-app)}.learning-program-head {display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.learning-program-head h3 {margin:0;font-size:16px;line-height:22px}.learning-program p {font-size:12px;color:var(--text-muted);line-height:18px}
.learning-program-footer {display:flex;flex-wrap:wrap;gap:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--line);font-size:12px;color:var(--text-muted)}
.learning-content.learning-split {display:grid;grid-template-columns:minmax(260px,.8fr) minmax(360px,1.2fr);gap:var(--space-4);overflow:hidden}
.learning-index,.learning-reader {min-width:0;min-height:0;overflow:auto}
.learning-split .learning-index .learning-summary {grid-template-columns:minmax(0,1fr);gap:var(--space-2)}.learning-split .learning-index .learning-summary-progress {border-left:0;border-top:1px solid var(--line);padding:var(--space-2) 0 0}.learning-split .learning-index .learning-material-row {grid-template-columns:minmax(0,1fr);gap:var(--space-2)}.learning-split .learning-index .learning-material-symbol {display:none}.learning-split .learning-index .learning-material-status {flex-direction:row;justify-content:space-between;align-items:center}
.learning-split .learning-index .learning-material-row.selected {background:var(--accent-wash);border-left:2px solid var(--accent)}
.learning-reader {border:1px solid var(--line);background:var(--surface-panel);border-radius:var(--radius-control)}.learning-reader>.surface {border:0;border-radius:0}.learning-back {padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--line)}
.lesson-article {padding:var(--space-4)}.lesson-article h2 {font-size:16px;line-height:22px;margin:var(--space-1) 0 var(--space-3)}.lesson-article h3 {font-size:13px;line-height:18px;margin:var(--space-5) 0 var(--space-2)}.lesson-article p,.lesson-article li {font-size:13px;line-height:20px;color:var(--text)}.lesson-article li+li {margin-top:var(--space-2)}.lesson-article ol,.lesson-article ul {padding-left:var(--space-5)}
.lesson-callout {padding:var(--space-3);background:var(--surface-app);border-left:2px solid var(--accent)}
.learning-assignment {padding:var(--space-3) 0;margin-top:var(--space-2);border-bottom:1px solid var(--line);font-size:12px;line-height:18px;color:var(--text-muted)}.learning-assignment strong {font-weight:500}
.lesson-footer {padding:var(--space-3) var(--space-4);border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:var(--space-3);align-items:center;flex-wrap:wrap}.lesson-footer p {margin:0;color:var(--text-muted);font-size:12px}
.practice-card {margin-top:var(--space-4)}.practice-card .surface-body {padding:var(--space-4)}.training-note,.practice-saved {margin:var(--space-3) 0 0;font-size:12px;line-height:18px;color:var(--text-muted)}.training-note strong {color:var(--text)}

/* HR, account directory and client views keep their actual existing actions. */
.role-cards {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}
.role-card {background:var(--surface-panel);border:1px solid var(--line);border-radius:var(--radius-control);overflow:hidden}.role-card-head {display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-3)}.role-card-head h2 {font-size:16px;margin:0 0 var(--space-1)}.role-card-head p {font-size:12px;line-height:18px;color:var(--text-muted);margin:0}.role-card-icon {width:var(--control-height);height:var(--control-height);display:grid;place-items:center;flex:none;background:var(--surface-raised);color:var(--text-muted);border-radius:var(--radius-control)}
.role-destination {padding:0 var(--space-3) var(--space-3);font-size:12px;color:var(--text-muted)}.role-destination strong {font-weight:500;color:var(--text)}.role-people {border-top:1px solid var(--line);background:var(--surface-app)}
.demo-person {padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-3);align-items:flex-start}.demo-person+.demo-person {border-top:1px solid var(--line)}.demo-person h3 {margin:0 0 var(--space-1);font-size:13px;font-weight:500}.demo-person p {margin:0;font-size:12px;line-height:18px;color:var(--text-muted)}.person-companies {font-size:12px;line-height:18px;color:var(--text-muted);margin-top:var(--space-1)}
.hr-layout {display:grid;grid-template-columns:minmax(0,1fr) var(--card-width);gap:var(--space-4);align-items:start}.hr-guide {background:var(--surface-panel);border:1px solid var(--line);border-radius:var(--radius-control);padding:var(--space-4)}.hr-guide h2 {font-size:16px;margin:0 0 var(--space-3)}.hr-guide p,.hr-guide li {font-size:12px;line-height:18px;color:var(--text-muted)}.hr-guide ol {padding-left:var(--space-4)}.hr-guide li+li {margin-top:var(--space-3)}
.candidate-list {display:grid;gap:0}.candidate-card {display:grid;grid-template-columns:var(--control-height) minmax(0,1fr) auto;gap:var(--space-3);padding:var(--space-3);border-bottom:1px solid var(--line);align-items:start}.candidate-card:last-child {border-bottom:0}.candidate-card h3 {margin:0 0 var(--space-1)}.candidate-card p {margin:var(--space-1) 0 var(--space-2);font-size:12px;color:var(--text-muted)}.candidate-meta {display:flex;gap:var(--space-2) var(--space-4);flex-wrap:wrap;font-size:12px;color:var(--text-muted)}.candidate-card .button {margin-top:var(--space-2)}.candidate-name {font-size:13px;text-align:left}.candidate-head {display:flex;gap:var(--space-3);align-items:center;margin-bottom:var(--space-4)}
.access-flow,.candidate-actions {display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.access-flow {padding:var(--space-3);border-bottom:1px solid var(--line);font-size:12px;color:var(--text-muted)}.access-flow .current {color:var(--text);font-weight:500}.candidate-actions {margin-top:var(--space-4)}
.invite-code {padding:var(--space-3);margin-top:var(--space-4);border:1px dashed var(--line-strong);border-radius:var(--radius-control);background:var(--surface-app)}.invite-code code {display:block;font-size:22px;line-height:28px;overflow-wrap:anywhere;margin:var(--space-2) 0}.invite-code p {font-size:12px;color:var(--text-muted);line-height:18px}
.activity-list {list-style:none;margin:0;padding:0 var(--space-3)}.activity-list li {padding:var(--space-3) 0;border-bottom:1px solid var(--line)}.activity-list li:last-child {border-bottom:0}.activity-list strong {display:block;font-size:13px;font-weight:500}.activity-list p,.activity-list time {display:block;margin:var(--space-1) 0 0;font-size:12px;line-height:18px;color:var(--text-muted)}
.guide-steps {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);margin-bottom:var(--space-4)}.guide-step {padding:var(--space-3);background:var(--surface-panel);border:1px solid var(--line);border-radius:var(--radius-control)}.guide-step span {font-family:var(--font-mono);color:var(--text-muted);font-size:11px}.guide-step h3 {margin:var(--space-2) 0}.guide-step p {font-size:12px;line-height:18px;margin:0;color:var(--text-muted)}
.client-brand {display:flex;gap:var(--space-3);align-items:center;min-width:0}.client-company-icon {display:grid;place-items:center;background:var(--surface-raised);color:var(--text-muted);width:var(--row-height);height:var(--row-height);border-radius:var(--radius-control);flex:none}.client-brand strong {display:block;font-size:16px;line-height:22px}.client-brand span {display:block;font-size:12px;color:var(--text-muted)}
.client-groups {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-2);margin-bottom:var(--space-4)}.client-group {display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);text-align:left;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface-panel);color:var(--text-muted);font-size:12px}.client-group strong {font-weight:500}.client-group.active {border-color:var(--accent);background:var(--accent-wash);color:var(--text)}
.status-line,.status-link,.person-link {display:inline-flex;align-items:flex-start;gap:var(--space-2);font-size:13px;text-align:left}.status-line {max-width:var(--card-width);font-size:12px;color:var(--text-muted)}.status-line.waiting {color:var(--warn)}
.stage-reasons {font-size:12px;color:var(--text-muted);line-height:18px;margin:0;padding-left:var(--space-4)}.stage-reasons li+li {margin-top:var(--space-1)}
.order-route-note {padding-top:var(--space-3);margin-top:var(--space-4);border-top:1px solid var(--line);font-size:12px;color:var(--text-muted)}
.readiness-checklist {padding:0 var(--space-3)}.readiness-row {display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--line)}.readiness-row:last-child {border:0}.readiness-icon {display:grid;place-items:center;width:var(--control-height);height:var(--control-height);color:var(--warn);background:var(--warn-wash);border-radius:var(--radius-control);flex:none}.readiness-icon.done {color:var(--ok);background:var(--surface-raised)}.readiness-row strong {font-size:13px;font-weight:500}.readiness-row p {font-size:12px;color:var(--text-muted);margin:var(--space-1) 0 0}.readiness-detail {font-size:12px;max-width:45%;margin-left:auto;color:var(--text-muted)}
.document-fact-note {font-size:12px;line-height:18px;color:var(--text-muted);margin:var(--space-3) 0 0}.document-list {display:grid;gap:var(--space-2)}.document-row {display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface-app);text-align:left}.document-row:hover {background:var(--surface-raised)}.document-icon {color:var(--text-muted);flex:none}.document-row strong {display:block;font-size:13px;font-weight:500}.document-row small {display:block;font-size:12px;color:var(--text-muted)}.document-row>.icon {margin-left:auto;color:var(--text-muted)}
.document-empty {display:flex;gap:var(--space-3);padding:var(--space-3);background:var(--surface-app);border:1px dashed var(--line-strong);border-radius:var(--radius-control)}.document-empty p {font-size:12px;line-height:18px;color:var(--text-muted);margin:var(--space-1) 0 0}.document-empty strong {font-size:13px;font-weight:500}
.document-sheet {color-scheme:light;background:var(--surface-app);color:var(--text);padding:var(--space-8);margin-top:var(--space-4);border-radius:var(--radius-sheet);font-family:var(--font-serif);border:1px solid var(--line);box-shadow:var(--shadow-sheet)}
.document-sheet h3 {font-size:16px;line-height:26px;margin:var(--space-5) 0 var(--space-2)}.document-sheet h3:first-child {margin-top:0}.document-sheet p {font-size:15px;line-height:24px;color:var(--text)}
.document-files {margin-top:var(--space-4)}.document-files h3 {margin-bottom:var(--space-3)}.document-file-row {display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--line)}.document-file-row strong {font-weight:500;overflow-wrap:anywhere}.document-file-row small {display:block;color:var(--text-muted);font-size:12px;margin-top:var(--space-1)}.document-file-actions {display:flex;gap:var(--space-2);flex-wrap:wrap;flex-shrink:0}.document-upload {margin-top:var(--space-4);padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface-app)}.document-upload .field {margin-bottom:var(--space-3)}.followup-task {white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 var(--space-3);color:var(--text)}.payment-context {display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}
.profile-heading {display:flex;gap:var(--space-4);align-items:center;margin-bottom:var(--space-4)}.profile-heading .page-heading {margin:0}.profile-avatar {display:grid;place-items:center;width:var(--row-height);height:var(--row-height);font-family:var(--font-mono);background:var(--surface-raised);border:1px solid var(--line);color:var(--text-muted);border-radius:var(--radius-control);flex:none}
.materials-panel {padding:var(--space-4);display:grid;gap:var(--space-4)}.materials-toolbar {display:flex;justify-content:space-between;align-items:center;gap:var(--space-3)}.materials-toolbar p {margin:0}.materials-compose {display:grid;gap:var(--space-3);padding:var(--space-4);background:var(--surface-app);border:1px solid var(--line);border-radius:var(--radius-control)}.materials-compose h3,.materials-compose p {margin:0}.materials-compose .form-actions {margin-top:0}.material-request-card {border:1px solid var(--line);border-radius:var(--radius-control);overflow:hidden}.material-request-card>header {display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--surface-app);border-bottom:1px solid var(--line)}.material-request-card h3 {font-size:14px;font-weight:500;margin:0;overflow-wrap:anywhere}.material-request-card>header p {font-size:12px;color:var(--text-muted);margin:var(--space-1) 0 0}.material-request-body {padding:var(--space-4);display:grid;gap:var(--space-3)}.material-request-body>p {margin:0}.material-response {padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface-panel)}.material-response-title {display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3)}.material-response-title strong {font-weight:500;overflow-wrap:anywhere}.material-response-title small,.material-review small {display:block;color:var(--text-muted);font-size:12px;margin-top:var(--space-1)}.material-response>p {margin:var(--space-3) 0 0}.material-review {border-left:2px solid var(--line-strong);padding:var(--space-3);margin-top:var(--space-3);background:var(--surface-app)}.material-review strong {font-weight:500}.material-review p {margin:var(--space-2) 0}.material-review.needs-changes {border-color:var(--warn)}.material-history summary {cursor:pointer;font-size:12px;color:var(--text-muted);padding:var(--space-2) 0}.material-history .material-response {margin-top:var(--space-2)}

.outcome-publish {display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-3)}.outcome-publish p {margin:0}.question-messages {display:grid;gap:var(--space-3)}.question-message {border:1px solid var(--line);border-left:2px solid var(--accent);border-radius:var(--radius-control);padding:var(--space-3);background:var(--surface-panel);min-width:0}.question-message.from-client {border-left-color:var(--line-strong);background:var(--surface-app)}.question-message header {display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2);flex-wrap:wrap}.question-message strong {font-weight:500}.question-message small {font-size:12px;color:var(--text-muted)}.question-message p {margin:var(--space-2) 0 0}

/* Personal work and management control share the same task records. */
.task-clock-note {display:flex;align-items:flex-start;gap:var(--space-2);margin:calc(-1 * var(--space-2)) 0 var(--space-4);color:var(--text-muted);font-size:12px;line-height:18px}
.task-clock-note>.icon {flex:none}
.task-summary {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:var(--surface-panel);border:1px solid var(--line);border-radius:var(--radius-control);margin-bottom:var(--space-4)}
.task-summary>div {padding:var(--space-3) var(--space-4);border-right:1px solid var(--line)}.task-summary>div:last-child {border-right:0}.task-summary span {display:block;font-size:12px;color:var(--text-muted)}.task-summary strong {display:block;font-size:22px;line-height:28px;font-weight:500;font-variant-numeric:tabular-nums;margin-top:var(--space-1)}
.task-team,.task-conditions {margin:var(--space-4) 0}.task-team>summary,.task-conditions>summary {padding:var(--space-3) var(--space-4);cursor:pointer;font-weight:500;font-size:13px}.task-team[open]>summary,.task-conditions[open]>summary {border-bottom:1px solid var(--line)}
.task-table-note {margin:0;padding:var(--space-3) var(--space-4);color:var(--text-muted);font-size:12px;line-height:18px}
.task-control-layout {display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-4);align-items:start}.task-control-layout.with-detail {grid-template-columns:minmax(0,1fr) minmax(300px,var(--card-width))}
.task-list,.task-detail {min-width:0}.task-toolbar {gap:var(--space-3);flex-wrap:wrap}.task-toolbar .segmented {flex-wrap:wrap}.task-toolbar .segment {white-space:nowrap}.task-user-filter {display:flex;gap:var(--space-2);align-items:center;font-size:12px;color:var(--text-muted);margin-left:auto}.task-user-filter select {min-height:var(--control-height);max-width:230px;font:inherit;border:1px solid var(--line-strong);border-radius:var(--radius-control);padding:var(--space-1) var(--space-2);background:var(--surface-app);color:var(--text)}
.task-title {text-align:left;font-weight:500}.task-selected td {background:var(--accent-wash)}.task-date {min-width:92px;font-variant-numeric:tabular-nums}.task-list .table-wrap {max-width:100%;overflow:auto}.task-list table {min-width:620px}.task-list td {vertical-align:top}.task-list .badge {white-space:normal}.task-list td:first-child {min-width:180px}.task-list td:last-child {width:1%}
.task-detail-title {font-size:16px;line-height:22px;font-weight:500;margin:0 0 var(--space-3);overflow-wrap:anywhere}.task-detail .info-rows {margin-top:var(--space-3)}.task-detail .info-row {grid-template-columns:minmax(80px,.65fr) minmax(0,1fr)}.task-actions {display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-4)}
.task-history {margin:0;padding:0;list-style:none}.task-history li {padding:var(--space-3) 0;border-bottom:1px solid var(--line)}.task-history li:last-child {border-bottom:0}.task-history strong {display:block;font-size:13px;font-weight:500}.task-history small,.task-history p {font-size:12px;line-height:18px;color:var(--text-muted)}.task-history p {margin:var(--space-1) 0 0}.task-history small {display:block;margin-top:var(--space-1)}
@media(max-width:1100px) {.task-control-layout.with-detail {grid-template-columns:minmax(0,1fr)}.task-detail {order:-1}}
@media(max-width:700px) {.task-summary {grid-template-columns:repeat(2,minmax(0,1fr))}.task-summary>div:nth-child(2) {border-right:0}.task-summary>div:nth-child(-n+2) {border-bottom:1px solid var(--line)}.task-summary>div {padding:var(--space-3)}.task-user-filter {margin-left:0;width:100%;justify-content:space-between}.task-user-filter select {max-width:70%}.task-toolbar .segmented {width:100%}.task-toolbar .segment {flex:1 1 40%}.task-detail .surface-body {padding:var(--space-3)}}

/* Entry is an instrument screen too. */
.boot {min-height:100dvh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--space-6);color:var(--text-muted)}
.auth-page {min-height:100dvh;display:grid;grid-template-columns:minmax(0,1fr);overflow:auto}
.auth-main {display:flex;align-items:center;justify-content:center;min-height:100%;padding:var(--space-8)}.auth-card {width:100%;max-width:var(--decision-width)}.auth-card h2 {font-size:22px;line-height:28px;margin:0 0 var(--space-2)}.auth-card>p,.auth-footnote {font-size:12px;line-height:18px;color:var(--text-muted)}.auth-form {display:grid;gap:var(--space-4);margin-top:var(--space-6)}.auth-form .button {width:100%;min-height:var(--decision-height)}.auth-demo {border-top:1px solid var(--line);padding-top:var(--space-4);margin-top:var(--space-4)}.auth-demo p {font-size:12px;color:var(--text-muted)}
.demo-entry {height:100dvh;overflow:auto}.demo-entry-header {min-height:var(--masthead-height);padding:var(--space-3) var(--space-6);display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);border-bottom:1px solid var(--line);background:var(--surface-panel)}.demo-entry-main {padding:var(--space-6)}.guest-entry-link {display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-4)}
.catalog-note,.footer-note {display:flex;align-items:flex-start;gap:var(--space-2);font-size:12px;line-height:18px;color:var(--text-muted);margin:var(--space-4) 0}.split-line {display:flex;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) 0;font-size:12px}.split-line+.split-line {border-top:1px solid var(--line)}
.detail-note,.loading-inline {font-size:12px;line-height:18px;color:var(--text-muted)}.loading-inline {padding:var(--space-4)}.row-actions {display:flex;gap:var(--space-2);justify-content:flex-end;flex-wrap:wrap}.nowrap {white-space:nowrap}.preserve-lines {white-space:pre-wrap;overflow-wrap:anywhere}.mt-12,.mt-13 {margin-top:var(--space-3)}.mt-17 {margin-top:var(--space-4)}
#toast {position:fixed;bottom:calc(var(--statusbar-height) + var(--space-4));right:var(--space-4);max-width:var(--decision-width);z-index:120;padding:var(--space-3) var(--space-4);border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--surface-raised);color:var(--text);font-size:12px;line-height:18px;box-shadow:var(--shadow-float);opacity:0;pointer-events:none}#toast.visible {opacity:1}

@media(max-width:1250px) {
  .learning-hub {grid-template-columns:calc(var(--route-width) - var(--space-8)) minmax(0,1fr)}
  .learning-hub:has(.learning-split) {grid-template-columns:minmax(0,1fr)}
  .learning-hub:has(.learning-split) .learning-menu {max-height:88px}.learning-hub:has(.learning-split) .learning-section-nav {flex-direction:row;flex-wrap:wrap;padding:var(--space-1)}.learning-hub:has(.learning-split) .learning-section-link {width:auto;min-height:var(--control-height);padding:var(--space-1) var(--space-2)}
  .page-grid,.hr-layout {grid-template-columns:minmax(0,1fr) var(--route-width)}
  .learning-summary {grid-template-columns:minmax(0,1fr) 200px}.role-cards {grid-template-columns:repeat(2,minmax(0,1fr))}
  .test-panel-copy {display:none}
}
@media(max-width:900px) {
  .record-workbench {grid-template-columns:var(--route-width) minmax(0,1fr)}
  .topbar-context {display:none}.page-grid,.hr-layout {grid-template-columns:minmax(0,1fr)}
  .client-groups {grid-template-columns:repeat(3,minmax(0,1fr))}.learning-programs {grid-template-columns:minmax(0,1fr)}
  .learning-summary {grid-template-columns:minmax(0,1fr)}.learning-summary-progress {border-left:0;border-top:1px solid var(--line);padding:var(--space-3) 0 0}.learning-summary-progress progress {max-width:var(--route-width)}
}
@media(max-width:700px) {
  .directory-card-actions {margin-left:0;width:100%}.directory-tabs {gap:var(--space-3);flex-wrap:wrap}.directory-basis,.directory-history li {grid-template-columns:minmax(0,1fr);gap:var(--space-2)}
  body {font-size:13px}.app-shell {grid-template-columns:minmax(0,1fr)}.workspace {grid-column:1}.topbar {margin:0;width:100%;padding:0 var(--space-3);gap:var(--space-3)}
  .mobile-menu {display:inline-grid}
  .topbar-right {gap:var(--space-1);flex:0 1 auto}.profile-chip {max-width:100%;min-height:var(--control-height)}.topbar-right>.icon-button,.profile-chip>.icon {display:none}
  .sidebar {position:fixed;left:0;top:var(--masthead-height);bottom:var(--statusbar-height);width:var(--route-width);padding-top:var(--space-2);transform:translateX(-100%);visibility:hidden}.sidebar.open {transform:none;visibility:visible}
  .sidebar .nav-item {width:100%;justify-content:flex-start;padding:var(--space-2) var(--space-4);gap:var(--space-3)}.sidebar .nav-item>.nav-label,.sidebar .rail-demo>.nav-label {position:static;visibility:visible;opacity:1;white-space:normal;max-width:none;background:none;border:0;padding:0;box-shadow:none}.sidebar .nav-count {position:static;margin-left:auto}.sidebar .account {flex-direction:row;justify-content:space-between;padding:var(--space-3) var(--space-4)}.sidebar .rail-demo {display:flex;width:100%;gap:var(--space-3);padding:var(--space-3) var(--space-4)}
  .mobile-shade.visible {display:block;position:fixed;inset:var(--masthead-height) 0 var(--statusbar-height);background:var(--surface-desk);opacity:.5;z-index:30}
  .screen-content {padding:var(--space-3);overflow:auto!important;display:block!important}.shell-tools {max-height:35dvh;overflow:auto}.demo-banner.test-panel {padding:var(--space-1) var(--space-3);gap:var(--space-2)}.test-panel-actions {gap:var(--space-2)}.test-panel-actions .demo-link {display:none}
  .statusbar {gap:var(--space-2);font-size:12px}.statusbar-context {display:none}.statusbar-meta {max-width:65%;overflow:hidden;text-overflow:ellipsis}
  .page-heading {flex-wrap:wrap;gap:var(--space-3)}.heading-actions {flex-wrap:wrap}.page-heading h1 {font-size:22px;line-height:28px}
  .stats,.stats-grid {grid-template-columns:minmax(0,1fr)}.stat-card {border-right:0;border-bottom:1px solid var(--line)}.stat-card:last-child {border-bottom:0}
  .learning-hub,.learning-split,.record-workbench {display:flex;flex-direction:column;overflow:visible;gap:var(--space-3)}.learning-menu,.learning-hub>aside {overflow:visible;max-height:none!important;flex:none}
  .learning-section-nav {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));padding:var(--space-1)!important}.learning-section-link {width:100%!important;min-height:var(--row-height)!important;padding:var(--space-2)!important}
  .learning-content,.learning-index,.learning-reader,.record-detail {overflow:visible}.learning-reader {margin-top:var(--space-3)}.record-index {max-height:32dvh;flex:none}.learning-split .learning-index {max-height:40dvh;overflow:auto}
  .learning-summary {padding:var(--space-3)}.learning-material-row {grid-template-columns:minmax(0,1fr);gap:var(--space-2)}.learning-material-symbol {display:none}.learning-material-status {flex-direction:row;align-items:center;justify-content:space-between}
  .role-cards,.guide-steps,.form-grid {grid-template-columns:minmax(0,1fr)}.client-groups {grid-template-columns:repeat(2,minmax(0,1fr))}.info-row {grid-template-columns:minmax(0,.6fr) minmax(0,1fr)}
  .candidate-card {grid-template-columns:var(--control-height) minmax(0,1fr)}.candidate-card>.badge {grid-column:2}.readiness-row {flex-wrap:wrap}.readiness-detail {margin-left:var(--row-height);max-width:none}
  .modal-backdrop {left:0}.modal,.modal.wide {width:100%}.document-sheet {padding:var(--space-4)}.auth-page {display:block}.auth-main {padding:var(--space-6)}.demo-entry-header {padding:var(--space-3)}.demo-entry-main {padding:var(--space-3)}
  .document-file-row,.payment-context {align-items:flex-start;flex-direction:column}.document-file-actions {flex-shrink:1}
  .materials-toolbar,.material-request-card>header,.material-response-title {flex-wrap:wrap}.materials-panel,.material-request-body,.material-request-card>header,.materials-compose {padding:var(--space-3)}
  .search input {width:100%}.toolbar {align-items:stretch}.toolbar .search {width:100%}.client-brand strong {font-size:13px;line-height:18px}.client-company-icon {display:none}.preview-banner {flex-wrap:wrap}.preview-banner .button {margin-left:var(--space-6)}
}
@media(prefers-reduced-motion:reduce) {* {transition:none!important;scroll-behavior:auto!important}}

/* Contact deadline and final outcome stay inside the existing inquiry card. */
.inquiry-sla-head {display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}
.inquiry-sla .contact-clock-result {display:block;font-size:15px;line-height:22px;margin-top:var(--space-3);color:var(--text)}
.inquiry-sla .contact-clock-result.is-overdue {color:var(--warn)}
.inquiry-sla .contact-clock-note {display:block;margin:var(--space-2) 0 0;color:var(--text-muted);font-size:12px;line-height:18px}
.contact-clock-facts {display:grid;gap:4px;margin-top:var(--space-3);font-size:12px;line-height:18px;color:var(--text-muted);overflow-wrap:anywhere}
.inquiry-clock-history {list-style:none;margin:var(--space-3) 0 0;padding:0;display:grid;gap:var(--space-3)}
.inquiry-clock-history li {padding:var(--space-3) 0;border-top:1px solid var(--line);font-size:12px;overflow-wrap:anywhere}
.inquiry-clock-history li>strong,.inquiry-clock-history li>span {display:block;line-height:18px}
.inquiry-clock-history li>span {color:var(--text-muted)}
.inquiry-sla .inquiry-clock-history p,.inquiry-clock-history p {display:block;margin:var(--space-2) 0 0;line-height:18px}
.inquiry-outcome {margin:0 0 var(--space-3);font-size:14px}
.calendar-weekdays {padding:0;border:0;margin:var(--space-4) 0;min-width:0}
.calendar-weekdays legend {font-size:12px;color:var(--text-muted);padding:0;margin-bottom:var(--space-2)}
.calendar-weekdays>div {display:flex;flex-wrap:wrap;gap:var(--space-2)}
.calendar-weekdays label {display:flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid var(--line);background:var(--surface-panel);border-radius:3px;font-size:13px;cursor:pointer}
.calendar-weekdays input,.calendar-confirm input {width:14px;height:14px;flex-shrink:0;margin:0;accent-color:var(--accent)}
.calendar-confirm {display:flex;align-items:flex-start;gap:8px;margin-top:var(--space-4);font-size:12px;line-height:18px;color:var(--text-muted)}
.calendar-confirm input {margin-top:2px}

/* 0.17: one warm working surface, with independent list and object panes. */
::selection {background:var(--surface-selected);color:var(--text)}
input,select,textarea,progress {accent-color:var(--accent-solid)}
button.workspace-brand {border:0;border-radius:0;padding:0;background:transparent;text-align:left}
.auth-page {height:100dvh;min-height:0}
.auth-card>.entry-brand {margin-bottom:var(--space-8)}
.auth-modes {display:flex;gap:var(--space-1);padding:var(--space-1);border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface-raised);margin:0 0 var(--space-6)}
.auth-modes button {flex:1;min-height:var(--decision-height);border:0;border-radius:var(--radius-chip);padding:var(--space-2) var(--space-3);background:transparent;color:var(--text-muted);font-size:13px}
.auth-modes button.active {background:var(--surface-panel);color:var(--text);box-shadow:0 1px 2px var(--line);font-weight:500}
.auth-modes button:hover {color:var(--text)}
.demo-entry-actions {display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}
.screen-content:has([data-panel-layout]) {display:flex!important;flex-direction:column;min-height:0;overflow:hidden!important;padding:0}
.screen-content:has([data-panel-layout])>.page-heading {padding:var(--space-3) var(--space-4);margin:0;border-bottom:1px solid var(--line);background:var(--surface-panel)}
[data-panel-layout] {--panel-list-width:340px;display:grid!important;grid-template-columns:minmax(0,var(--panel-list-width)) 8px minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:0!important;flex:1;min-width:0;min-height:0;overflow:hidden;background:var(--surface-app);align-items:stretch}
[data-panel-layout]>[data-panel-list] {grid-column:1;min-width:0;min-height:0;max-height:none!important;overflow:auto;background:var(--surface-app);border:0;border-radius:0;margin:0;overscroll-behavior:contain;scrollbar-gutter:stable}
[data-panel-layout]>[data-panel-detail] {grid-column:3;display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;margin:0;padding:0;border:0;border-radius:0;background:var(--surface-panel)}
[data-panel-resize] {grid-column:2;grid-row:1;position:relative;min-width:8px;width:8px;align-self:stretch;border:0;border-left:1px solid var(--line);border-right:1px solid var(--line);padding:0;background:var(--surface-raised);cursor:col-resize;touch-action:none;user-select:none;z-index:3}
[data-panel-resize]::after {content:"";position:absolute;inset:calc(50% - 20px) 2px;border-radius:2px;background:var(--line-strong)}
[data-panel-resize]:hover,[data-panel-resize]:focus-visible,[data-panel-resizing="true"]>[data-panel-resize] {background:var(--surface-selected)}
[data-panel-resize]:focus-visible {outline:2px solid var(--accent);outline-offset:-2px}
.panel-detail-header {display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);flex:none;min-width:0;min-height:56px;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--line);background:var(--surface-panel)}
.panel-detail-header>div:first-child {min-width:0}
.panel-detail-header h1,.panel-detail-header h2,.panel-detail-title {font-size:16px;line-height:22px;font-weight:500;letter-spacing:0;margin:0;overflow-wrap:anywhere}
.panel-detail-header p {font-size:12px;line-height:18px;color:var(--text-muted);margin:var(--space-1) 0 0;overflow-wrap:anywhere}
.panel-detail-header .page-heading {margin:0;min-width:0;flex:1}
.panel-detail-header .heading-actions,.panel-detail-actions {display:flex;align-items:center;gap:var(--space-1);flex:none;padding:0;margin:0}
.panel-detail-header .row-actions {align-items:center;flex-shrink:0}
.panel-detail-header .button {white-space:normal}
.panel-controls {display:flex;gap:var(--space-1);align-items:center;justify-content:flex-end;flex-wrap:wrap;flex:none;margin-left:auto}
.panel-detail-header .page-heading {align-items:flex-start;flex-wrap:wrap;gap:var(--space-2)}
.panel-detail-header .page-heading h1 {font-size:16px;line-height:22px}
.panel-detail-scroll {flex:1;min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:var(--space-4);background:var(--surface-panel)}
.panel-detail-scroll>.surface:first-child,.panel-detail-scroll>.document-sheet:first-child {margin-top:0}
.panel-detail-scroll .page-grid,.panel-detail-scroll .hr-layout {grid-template-columns:minmax(0,1fr)}
.panel-detail-scroll>.page-heading h1 {font-size:16px;line-height:22px}
.panel-detail-scroll .document-sheet {max-width:var(--sheet-width);margin-right:auto;margin-left:auto}
.panel-detail-scroll .hr-card-grid,.panel-detail-scroll .hr-card-grid>aside {grid-template-columns:minmax(0,1fr)}
.panel-detail-empty {display:flex;align-items:center;justify-content:center;flex:1;min-height:0;padding:var(--space-6);color:var(--text-muted)}
.panel-detail-empty>div {max-width:360px}.panel-detail-empty h2 {font-size:16px;line-height:22px;font-weight:500;color:var(--text)}
[data-panel-layout] .record-index-head,[data-panel-layout] .directory-controls {background:var(--surface-app)}
[data-panel-layout] .record-index-head {padding:var(--space-3) var(--space-4)}
[data-panel-layout] .record-index .search {background:var(--surface-app);padding:var(--space-3) var(--space-4)}
[data-panel-layout] .record-index-item,[data-panel-layout] .record-link {padding:var(--space-3) var(--space-4)}
[data-panel-layout] .record-index button.selected,[data-panel-layout] .record-index button[aria-current="true"],[data-panel-layout] .record-index button[aria-current="page"] {background:var(--surface-selected);border-left-color:var(--accent)}
[data-panel-layout] .record-detail .back-link {margin:0}
[data-panel-layout] .record-detail.inquiry-detail {padding-top:0}
[data-panel-layout] .directory-card-head {margin-top:0}
[data-panel-layout]>.panel-list-area {display:flex;flex-direction:column;overflow:hidden;scrollbar-gutter:auto}
.panel-list-area>.record-index {flex:1;min-height:0;min-width:0;max-height:none!important;border:0;border-radius:0;background:var(--surface-app);overflow:auto}
.panel-list-area>.record-index>.page-heading {margin:0;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--line);flex-wrap:wrap;gap:var(--space-2)}
.panel-list-area>.record-index>.page-heading h1 {font-size:16px;line-height:22px}.panel-list-area>.record-index>.page-heading .heading-actions {padding:0;flex-wrap:wrap}
.panel-list-area>.learning-menu {flex:none;border:0;border-radius:0;background:var(--surface-app)}
.panel-list-area>.learning-index {flex:1;min-height:0;overflow:auto}
.panel-list-area>.learning-menu:has(+.learning-index) {max-height:46%;overflow:auto!important}
.panel-list-area>.learning-index>.surface {border:0;border-radius:0}
.panel-list-area>.learning-index .learning-summary {grid-template-columns:minmax(0,1fr);margin:0;border:0;border-bottom:1px solid var(--line);border-radius:0}
.panel-list-area>.learning-index .learning-summary-progress {border-left:0;border-top:1px solid var(--line);padding:var(--space-2) 0 0}
.panel-list-area>.learning-index .learning-material-row {grid-template-columns:minmax(0,1fr)}
.panel-list-area>.learning-index .learning-material-symbol {display:none}
.panel-list-area>.learning-index .learning-material-status {flex-direction:row;align-items:center;justify-content:space-between}
[data-panel-expanded="true"] {grid-template-columns:minmax(0,1fr)!important}
[data-panel-expanded="true"]>[data-panel-list],[data-panel-expanded="true"]>[data-panel-resize] {display:none!important}
[data-panel-expanded="true"]>[data-panel-detail] {grid-column:1}
.panel-back-action {display:none}

/* Task status is a local navigation beside the queue, not part of the global rail. */
.task-list-header {display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--line);min-height:56px;flex:none}
.task-list-header h1 {font-size:16px;line-height:22px;font-weight:500;margin:0;min-width:0}
.task-local-layout {display:grid;grid-template-columns:156px minmax(0,1fr);flex:1;min-height:0;min-width:0;overflow:hidden}
.task-filter-panel {min-width:0;min-height:0;overflow:auto;padding:var(--space-3) var(--space-2);border-right:1px solid var(--line);background:var(--surface-raised)}
.task-filter-panel h2,.task-filter-panel h3 {font-size:13px;line-height:18px;font-weight:500;margin:var(--space-1) var(--space-2) var(--space-3)}
.task-filter-panel .task-clock-note {margin:var(--space-3) var(--space-2);font-size:12px;line-height:18px}
.task-filter-panel button,.task-filter-link {display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);width:100%;min-height:36px;padding:var(--space-2);border:0;border-left:2px solid transparent;border-radius:var(--radius-chip);background:transparent;color:var(--text-muted);text-align:left;font-size:12px;line-height:18px}
.task-filter-panel button:hover {background:var(--surface-app);color:var(--text)}
.task-filter-panel button.active,.task-filter-panel button[aria-current="true"],.task-filter-panel button[aria-current="page"],.task-filter-link.active {background:var(--surface-selected);border-left-color:var(--accent);color:var(--text);font-weight:500}
.task-filter-panel button>span:last-child {font-family:var(--font-mono);font-weight:400}
.task-filter-field {display:flex;flex-direction:column;gap:var(--space-1);font-size:12px;line-height:18px;color:var(--text-muted);margin:var(--space-4) var(--space-1) 0;min-width:0}
.task-filter-field input,.task-filter-field select {height:var(--control-height);width:100%;min-width:0;border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--surface-panel);padding:0 var(--space-2);font-size:12px;color:var(--text)}
.task-status-filters {padding-bottom:var(--space-3);border-bottom:1px solid var(--line)}
.task-list-content {display:block;min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;container-type:inline-size;background:var(--surface-app)}
.task-list-content table {width:100%;min-width:0;table-layout:fixed}
.task-list-content .table-wrap {overflow-x:auto;max-width:100%}
.task-list-content th,.task-list-content td {overflow-wrap:anywhere;padding:var(--space-2);min-width:0;white-space:normal}
.task-list-content th:first-child {width:auto}.task-list-content th:nth-child(2) {width:20%}.task-list-content th:nth-child(3) {width:20%}.task-list-content th:nth-child(4) {width:112px}
.task-list-content>.table-wrap>table th:last-child,.task-list-content>.table-wrap>table td:last-child,.task-list-content>.task-group>.table-wrap>table th:last-child,.task-list-content>.task-group>.table-wrap>table td:last-child {display:none}
.task-list-content .task-team th,.task-list-content .task-team td {display:table-cell!important}
.task-list-content .task-team th:first-child {width:36%}.task-list-content .task-team th:not(:first-child) {width:auto}
.task-list-content .badge {white-space:normal;max-width:100%;font-size:12px;overflow-wrap:normal;word-break:normal}
.task-group>h3 {display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);font-size:12px;line-height:18px;font-weight:500;background:var(--surface-raised);margin:0;padding:var(--space-2) var(--space-3);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.task-group>h3>span {font-family:var(--font-mono);font-weight:400;color:var(--text-muted)}
.task-list-content>.surface-head,.task-list-content>.toolbar {flex:none;background:var(--surface-app)}
.task-list-content>.task-list-scroll,.task-list-content>.panel-list-scroll,.task-list-content>.table-wrap {flex:1;min-height:0;min-width:0;overflow:auto;overscroll-behavior:contain}
.task-list-content .task-clock-note {padding:var(--space-2) var(--space-3);margin:0;border-bottom:1px solid var(--line)}
.task-list-content .task-user-filter {margin:0;width:100%;min-width:0;justify-content:space-between}.task-list-content .task-user-filter select {max-width:65%}
.task-queue-item {display:block;width:100%;text-align:left;padding:var(--space-3) var(--space-4);border:0;border-left:2px solid transparent;border-bottom:1px solid var(--line);border-radius:0;background:transparent;color:var(--text);overflow-wrap:anywhere}
.task-queue-item:hover {background:var(--surface-raised)}.task-queue-item.selected,.task-queue-item[aria-current="true"] {border-left-color:var(--accent);background:var(--surface-selected)}
.task-queue-item strong {display:block;font-size:13px;line-height:18px;font-weight:500}.task-queue-item p,.task-queue-item small {display:block;font-size:12px;line-height:18px;color:var(--text-muted);margin:var(--space-1) 0 0}
.task-queue-item .badge {margin-top:var(--space-2);white-space:normal}
[data-panel-layout] .task-detail {order:initial}
[data-panel-layout] .task-detail-title {margin-bottom:var(--space-2)}
[data-panel-layout] .task-conditions,[data-panel-layout] .task-team {margin:0;border-left:0;border-right:0;border-radius:0}

/* A selected record has one readable pane on narrow windows, with an explicit way back. */
[data-panel-compact="true"] {grid-template-columns:minmax(0,1fr)!important}
[data-panel-compact="true"]>[data-panel-resize] {display:none!important}
[data-panel-compact="true"]>[data-panel-list],[data-panel-compact="true"]>[data-panel-detail] {grid-column:1;grid-row:1}
[data-panel-compact="true"][data-panel-open="true"]>[data-panel-list] {display:none!important}
[data-panel-compact="true"]:not([data-panel-open="true"])>[data-panel-detail] {display:none!important}
[data-panel-compact="true"] .panel-back-action {display:inline-flex}
@media(max-width:900px) {
  [data-panel-layout] {grid-template-columns:minmax(0,1fr)!important}
  [data-panel-layout]>[data-panel-resize] {display:none!important}
  [data-panel-layout]>[data-panel-list],[data-panel-layout]>[data-panel-detail] {grid-column:1;grid-row:1}
  [data-panel-layout][data-panel-open="true"]>[data-panel-list] {display:none!important}
  [data-panel-layout]:not([data-panel-open="true"])>[data-panel-detail] {display:none!important}
  [data-panel-layout] .panel-back-action {display:inline-flex}
  [data-panel-layout] .learning-reader {margin:0}
}
@media(max-width:700px) {
  .screen-content:has([data-panel-layout]) {padding:0;overflow:hidden!important;display:flex!important}
  [data-panel-layout]>[data-panel-list] {flex:1;min-height:0;max-height:none!important;overflow:auto}
  [data-panel-layout]>[data-panel-detail] {min-height:0;overflow:hidden}
  .panel-detail-header {padding:var(--space-3);gap:var(--space-2);flex-wrap:wrap}.panel-detail-header .panel-detail-actions {margin-left:auto}
  .panel-detail-scroll {padding:var(--space-3);overflow:auto!important}
  .task-local-layout {grid-template-columns:124px minmax(0,1fr)}
  .task-filter-panel {padding:var(--space-2) var(--space-1)}.task-filter-panel button {padding:var(--space-2) var(--space-1);gap:var(--space-1)}
  .task-queue-item {padding:var(--space-3)}
  .task-list-content .toolbar {padding:var(--space-2)}.task-list-content .task-user-filter {flex-direction:column;align-items:stretch;gap:var(--space-1)}.task-list-content .task-user-filter select {max-width:100%;width:100%}
  .panel-detail-scroll .info-row {grid-template-columns:minmax(0,.65fr) minmax(0,1fr)}
}
@container(max-width:440px) {
  .task-list-content> .table-wrap>table>thead,.task-list-content>.task-group>.table-wrap>table>thead {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .task-list-content>.table-wrap>table,.task-list-content>.task-group>.table-wrap>table,.task-list-content>.table-wrap>table>tbody,.task-list-content>.task-group>.table-wrap>table>tbody {display:block}
  .task-list-content>.table-wrap>table>tbody>tr,.task-list-content>.task-group>.table-wrap>table>tbody>tr {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-1) var(--space-2);padding:var(--space-3);border-bottom:1px solid var(--line)}
  .task-list-content>.table-wrap>table>tbody>tr>td,.task-list-content>.task-group>.table-wrap>table>tbody>tr>td {height:auto;border:0;padding:0;min-width:0;width:auto}
  .task-list-content>.table-wrap>table>tbody>tr>td:first-child,.task-list-content>.task-group>.table-wrap>table>tbody>tr>td:first-child {grid-column:1/-1;padding-bottom:var(--space-1)}
  .task-list-content>.table-wrap>table>tbody>tr>td:nth-child(4),.task-list-content>.task-group>.table-wrap>table>tbody>tr>td:nth-child(4) {grid-column:1/-1}
}

/* 0.18: one compact, searchable roster; role previews never imply an operational cabinet. */
.role-roster {overflow:hidden}
.role-roster-tools {display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--line);background:var(--surface-panel)}
.role-roster-tools .search {flex:1;min-width:220px;max-width:480px}
.role-roster-tools .search input {width:100%;min-width:0}
.role-roster-group {display:flex;align-items:center;gap:var(--space-2);font-size:12px;color:var(--text-muted);min-width:0}
.role-roster-group select {height:var(--control-height);min-width:160px;max-width:250px;border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--surface-panel);color:var(--text);padding:0 var(--space-2)}
.role-roster-count {margin:0 0 0 auto;font-size:12px;line-height:18px;color:var(--text-muted)}
.role-roster table {width:100%;table-layout:fixed}
.role-roster th,.role-roster td {white-space:normal;overflow-wrap:anywhere;padding:var(--space-3) var(--space-4);vertical-align:top}
.role-roster thead th:nth-child(1) {width:31%}.role-roster thead th:nth-child(2) {width:24%}.role-roster thead th:nth-child(4) {width:136px}
.role-roster-section th {padding-top:var(--space-2);padding-bottom:var(--space-2);background:var(--surface-raised);color:var(--text-muted);font-size:12px;font-weight:500;text-align:left;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.role-roster-section th>span {margin-left:var(--space-2);font-family:var(--font-mono);font-weight:400}
.role-roster-person small {display:block;margin-top:var(--space-1);font-size:12px;line-height:18px;color:var(--text-muted)}
.role-roster-person strong {font-size:13px;line-height:18px;font-weight:500}
.role-roster-person.is-current {background:var(--surface-selected)}
.role-roster-person .button {white-space:nowrap}
.role-roster-action {text-align:right}
.role-workspace {max-width:1160px;margin:0 auto}
.role-workspace-columns {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-4);margin-top:var(--space-4)}
.role-workspace-identity .info-row {grid-template-columns:180px minmax(0,1fr)}
.role-workspace-actions {display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-4)}
@media(max-width:760px) {
  .role-roster-tools {align-items:stretch;padding:var(--space-3)}
  .role-roster-tools .search {max-width:none;flex-basis:100%;min-width:0}
  .role-roster-group {flex:1;flex-wrap:wrap}.role-roster-group select {flex:1;min-width:120px;max-width:none}
  .role-roster-count {flex-basis:100%;margin:0}
  .role-roster thead {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .role-roster table,.role-roster tbody {display:block}
  .role-roster-section,.role-roster-section th {display:block;width:100%}
  .role-roster-person {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-2);padding:var(--space-3);border-bottom:1px solid var(--line)}
  .role-roster-person td {display:block;width:auto;height:auto;border:0;padding:0;min-width:0}
  .role-roster-position,.role-roster-name,.role-roster-readiness {grid-column:1}
  .role-roster-action {grid-column:2;grid-row:1/3}
  .role-roster-readiness {grid-column:1/-1}
  .role-roster-person small {margin-top:2px}
  .role-workspace-columns {grid-template-columns:minmax(0,1fr)}
  .role-workspace-identity .info-row {grid-template-columns:minmax(0,.65fr) minmax(0,1fr)}
}