/* Product styles mirrored from the current Accord application. Fonts are bundled by demo.css. */
:root {
  color-scheme: light;
  --ariadne-color-bg-canvas:#e0ecf1; --ariadne-color-bg-panel:#edf5f8; --ariadne-color-bg-raised:#f7fbfd; --ariadne-color-bg-selected:#d3e3ea; --ariadne-color-bg-selected-card:#b6cfdb;
  --ariadne-color-text-primary:#171e34; --ariadne-color-text-secondary:#526875; --ariadne-color-text-inverse:#f7fbfd;
  --ariadne-color-border-subtle:#b8cdd7; --ariadne-color-border-selected-card:rgb(87 83 78 / 75%); --ariadne-color-border-highlight:#fff;
  --ariadne-color-action-primary:#171e34; --ariadne-color-action-hover:#26344e; --ariadne-color-action-focus:#346881;
  --ariadne-color-action-create:#198522; --ariadne-color-action-create-hover:#11691a; --ariadne-color-action-verify:#267fa4; --ariadne-color-action-verify-hover:#1d6685; --ariadne-color-nav-hover:#a1b6bf;
  --ariadne-color-status-success-bg:#e3f0e9; --ariadne-color-status-success-text:#285d4b; --ariadne-color-status-attention-bg:#f5ead6; --ariadne-color-status-attention-text:#80521c;
  --ariadne-color-status-not-started:#a32d32; --ariadne-color-status-info-bg:#d3e3ea; --ariadne-color-status-info-text:#334b5b; --ariadne-color-error-bg:#faebe6; --ariadne-color-error-text:#8a3d2c;
  --ariadne-radius-control:12px; --ariadne-radius-card:20px; --ariadne-radius-panel:32px; --ariadne-radius-shell:40px;
  --ariadne-lift-control:-2px -2px 4px #ffffffa6,0 4px 12px #4261751a; --ariadne-lift-card:-2px -2px 4px #ffffffa6,0 10px 28px #4261751f; --ariadne-lift-panel:-2px -2px 4px #ffffffa6,0 18px 48px #42617524;
}
* {box-sizing:border-box;}
body {margin:0;padding:24px;background:#f7fbfd;color:var(--ariadne-color-text-primary);font:16px/1.5 Inter,system-ui,sans-serif;}
button,input,textarea {font:inherit;color:inherit;}
button {min-height:44px;padding:10px 20px;border:1px solid var(--ariadne-color-border-subtle);border-radius:var(--ariadne-radius-control);background:var(--ariadne-color-bg-raised);font-size:14px;font-weight:500;line-height:20px;cursor:pointer;box-shadow:var(--ariadne-lift-control);}
button:hover {background:var(--ariadne-color-bg-selected);}
button:disabled {opacity:.45;cursor:default;box-shadow:none;}
button:focus-visible,input:focus-visible,textarea:focus-visible {outline:2px solid var(--ariadne-color-action-focus);outline-offset:3px;}
button,input,textarea {transition:background-color .12s ease,border-color .12s ease;}
h1,h2,h3,h4,p {margin:0;}
h1 {font-size:36px;line-height:44px;font-weight:400;overflow-wrap:anywhere;}
h2 {font-size:24px;line-height:32px;font-weight:500;}
h3 {font-size:18px;line-height:26px;font-weight:500;}
h4 {font-size:16px;line-height:24px;font-weight:400;}
p {white-space:pre-wrap;overflow-wrap:anywhere;}
.workspace-shell {display:grid;grid-template-columns:240px minmax(0,1fr) 360px;align-items:start;gap:24px;padding:32px;border:1px solid white;border-radius:var(--ariadne-radius-shell);background:var(--ariadne-color-bg-canvas);box-shadow:var(--ariadne-lift-panel);min-height:calc(100vh - 48px);max-width:1900px;margin:auto;}
.spine {position:sticky;top:24px;min-height:calc(100vh - 114px);max-height:calc(100vh - 48px);overflow-y:auto;overflow-x:hidden;background:var(--ariadne-color-bg-panel);border:1px solid white;border-radius:var(--ariadne-radius-panel);padding:16px 0 32px 16px;scrollbar-width:thin;}
.brand {display:grid;gap:16px;}
.brand-mark {display:grid;place-items:center;width:64px;height:64px;border-radius:20px;background:var(--ariadne-color-action-primary);color:var(--ariadne-color-text-inverse);font-size:36px;line-height:44px;}
.brand p {font-size:14px;color:var(--ariadne-color-text-secondary);}
.project-section {margin-top:96px;}
.eyebrow {font-size:12px;line-height:16px;font-weight:500;color:var(--ariadne-color-text-secondary);}
.spine nav {display:grid;gap:12px;margin-top:12px;}
.spine nav[hidden] {display:none;}
.project-nav {display:flex;align-items:center;gap:8px;width:calc(100% - 16px);min-height:64px;padding:16px;border:0;box-shadow:none;background:transparent;text-align:left;overflow-wrap:anywhere;}
.project-nav > span:last-child {min-width:0;}
.project-mark {flex:0 0 32px;width:32px;height:32px;display:grid;place-items:center;border-radius:12px;background:var(--ariadne-color-bg-selected);color:var(--ariadne-color-text-primary);}
.project-nav:hover {background:var(--ariadne-color-nav-hover);}
.project-nav:hover .project-mark {background:var(--ariadne-color-action-hover);color:var(--ariadne-color-text-inverse);}
.project-nav[aria-pressed=true] {width:100%;border-radius:12px 0 0 12px;background:var(--ariadne-color-action-primary);color:var(--ariadne-color-text-inverse);}
.project-nav[aria-pressed=true] .project-mark {background:var(--ariadne-color-action-hover);color:var(--ariadne-color-text-inverse);}
.new-project {width:calc(100% - 16px);margin-top:48px;}
.archive-group {margin-top:88px;}
.archive-toggle {display:flex;align-items:center;gap:6px;padding:0;min-height:44px;border:0;box-shadow:none;background:transparent;color:var(--ariadne-color-text-secondary);font-weight:400;}
.archive-toggle:hover {background:transparent;color:var(--ariadne-color-text-primary);}
.main-column {min-width:0;}
.workspace-header {display:grid;gap:24px;margin:0 8px 32px;}
.workspace-header .actions {margin:0;}
.workspace-main {min-width:0;}
.direction-panel,.job-card,.empty-panel {border:1px solid white;border-radius:var(--ariadne-radius-panel);background:var(--ariadne-color-bg-panel);padding:32px;box-shadow:var(--ariadne-lift-card);}
.direction-copy {display:grid;grid-template-columns:1fr 1fr;gap:32px;}
.direction-copy h3 {font-size:14px;line-height:20px;color:var(--ariadne-color-text-secondary);margin-bottom:16px;}
.direction-panel>.state {margin-top:24px;}
.direction-panel > .state progress {display:none;}
.jobs-heading {display:flex;align-items:center;justify-content:space-between;gap:16px;margin:32px 0 24px;}
.record-list {list-style:none;margin:0;padding:0;display:grid;gap:16px;}
.job-list {gap:24px;}
.job-card {padding:24px;}
.job-heading {display:flex;align-items:flex-start;justify-content:space-between;gap:16px;}
.record-title {background:transparent;border:0;box-shadow:none;padding:0;min-height:44px;font-size:inherit;font-weight:inherit;text-align:left;overflow-wrap:anywhere;}
.record-title:hover {background:transparent;text-decoration:underline;text-underline-offset:4px;}
.reorder-controls {display:flex;flex-shrink:0;}
.icon-button {width:44px;padding:12px;display:grid;place-items:center;}
.chevron {display:block;width:12px;height:7px;}
.job-progress {display:flex;align-items:center;gap:24px;margin-top:16px;}
.job-progress>.state {flex:0 1 270px;}
.state {font-size:14px;line-height:20px;color:var(--ariadne-color-text-secondary);}
.state progress {display:block;width:100%;height:6px;margin-top:12px;appearance:none;border:0;border-radius:999px;overflow:hidden;background:var(--ariadne-color-bg-selected);}
progress::-webkit-progress-bar {background:var(--ariadne-color-bg-selected);border-radius:999px;}
progress::-webkit-progress-value {background:var(--ariadne-color-action-primary);border-radius:999px;}
progress::-moz-progress-bar {background:var(--ariadne-color-action-primary);border-radius:999px;}
.disclosure {display:flex;align-items:center;gap:8px;border:0;box-shadow:none;background:transparent;padding:8px;}
.disclosure:hover {background:transparent;text-decoration:underline;}
.story-list {margin-top:24px;}
.story-card,.drawer .record-row {padding:16px;background:var(--ariadne-color-bg-raised);border-radius:var(--ariadne-radius-card);}
.story-card .record-title {min-height:24px;}
.state-badge {display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;}
.state-badge .progress-count {font-size:12px;}
.status-badge {display:inline;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;font-size:12px;line-height:20px;font-weight:700;color:var(--ariadne-color-status-info-text);}
.status-not-started {color:var(--ariadne-color-status-not-started);}
.status-success {color:var(--ariadne-color-status-success-text);}
.status-attention {color:var(--ariadne-color-status-attention-text);}
.drawer {position:sticky;top:24px;max-height:calc(100vh - 48px);overflow-y:auto;min-width:0;overflow-wrap:anywhere;padding:24px;border:1px solid white;border-radius:var(--ariadne-radius-panel);background:var(--ariadne-color-bg-raised);box-shadow:var(--ariadne-lift-panel);display:flex;flex-direction:column;gap:24px;}
.drawer-heading {display:flex;align-items:center;justify-content:space-between;gap:16px;}
.drawer-heading h2 {font-size:18px;line-height:26px;}
.drawer h3 {font-size:24px;line-height:32px;}
.drawer .actions {margin:0;}
.drawer .record-row {background:var(--ariadne-color-bg-panel);}
.task-row {display:flex;align-items:center;gap:8px;min-height:72px;box-shadow:var(--ariadne-lift-control);}
.task-row .record-title {font-size:14px;font-weight:400;}
.task-heading {font-size:14px;line-height:20px;}
input[type=checkbox] {appearance:none;flex:0 0 20px;width:20px;height:20px;border:1.5px solid var(--ariadne-color-text-secondary);border-radius:50%;cursor:pointer;}
input[type=checkbox]:checked {border:0;background: url('../assets/accord/check-circle.svg') center/18.2667px 18.2667px no-repeat;}
input[type=checkbox]:disabled {opacity:.45;cursor:default;}
form {display:grid;gap:24px;}
label {display:grid;gap:8px;font-size:14px;}
input:not([type=checkbox]),textarea {width:100%;padding:12px 16px;border:1px solid var(--ariadne-color-border-subtle);border-radius:var(--ariadne-radius-control);background:var(--ariadne-color-bg-raised);font-size:14px;line-height:20px;}
textarea {min-height:120px;resize:vertical;}
label.checkbox {display:flex;align-items:center;gap:12px;min-height:44px;}
.actions {display:flex;flex-wrap:wrap;gap:8px;margin:16px 0;}
.button-primary,form button[type=submit] {background:var(--ariadne-color-action-primary);border-color:transparent;color:var(--ariadne-color-text-inverse);}
.button-primary:hover,form button[type=submit]:hover {background:var(--ariadne-color-action-hover);}
.button-create {background:var(--ariadne-color-action-create);color:var(--ariadne-color-text-inverse);border-color:transparent;}
.button-create:hover {background:var(--ariadne-color-action-create-hover);}
.button-verify {background:var(--ariadne-color-action-verify);color:var(--ariadne-color-text-inverse);border-color:transparent;}
.button-verify:hover {background:var(--ariadne-color-action-verify-hover);}
.danger,.button-danger {color:var(--ariadne-color-error-text);background:var(--ariadne-color-error-bg);border-color:transparent;}
[role=alert] {padding:16px;border:1px solid var(--ariadne-color-error-text);border-radius:20px;background:var(--ariadne-color-error-bg);color:var(--ariadne-color-error-text);margin-bottom:24px;}
.muted {color:var(--ariadne-color-text-secondary);font-size:14px;}
.spine-empty {font-size:14px;color:var(--ariadne-color-text-secondary);padding:16px 0;}
@media(min-width:1700px){.workspace-shell {grid-template-columns:240px minmax(0,1fr) 400px;}}
@media(max-width:1200px){body {padding:16px;}.workspace-shell {padding:24px;grid-template-columns:208px minmax(0,1fr) 320px;gap:20px;}.direction-copy {grid-template-columns:1fr;gap:24px;}.direction-panel {padding:24px;}h1 {font-size:32px;}.job-progress {flex-wrap:wrap;}.job-progress>.state {flex:1 1 160px;}}
@media(max-width:1000px){.workspace-shell {grid-template-columns:190px minmax(0,1fr);}.drawer {grid-column:2;position:static;max-height:none;}.main-column {grid-column:2;}.spine {grid-row:1 / span 2;}.job-heading {flex-wrap:wrap;}}
@media(max-width:640px){body {padding:8px;}.workspace-shell {padding:16px;grid-template-columns:1fr;border-radius:24px;}.spine {position:static;grid-row:auto;min-height:auto;max-height:none;}.project-section {margin-top:32px;}.new-project {margin-top:24px;}.archive-group {margin-top:24px;}.main-column,.drawer {grid-column:1;}.workspace-header {margin:8px 0 24px;}.direction-panel,.job-card {padding:20px;}h1 {font-size:28px;line-height:36px;}}
@media(prefers-reduced-motion:reduce){button,input,textarea {transition:none;}}

.drawer .task-row {background:var(--ariadne-color-bg-raised);}
.checkbox-hit {display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;cursor:pointer;}

/* Workflow navigation: visible hierarchy and a wider persistent work panel. */
.workspace-shell {max-width:none;grid-template-columns:208px minmax(0,1fr) 540px;}
.drawer {scroll-margin-top:24px;}
.direction-panel {padding:24px;}
.direction-copy {grid-template-columns:1fr;gap:20px;}
.direction-copy h3 {margin-bottom:8px;}
.direction-panel>.state {margin-top:16px;}
.job-controls {display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px;}
.open-record {flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;gap:8px;}
.job-heading h3 {flex:1;min-width:0;}
.job-card[data-selected=true],.hierarchy-row[data-selected=true] {border-color:var(--ariadne-color-action-focus);box-shadow:inset 3px 0 var(--ariadne-color-action-focus),var(--ariadne-lift-card);}
.workflow-hint {font-size:14px;line-height:20px;color:var(--ariadne-color-text-secondary);margin:-8px 0 24px;}
.hierarchy-section-heading {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;}
.hierarchy-section-heading h4,.drawer-hierarchy>h4 {font-size:14px;font-weight:500;color:var(--ariadne-color-text-secondary);}
.hierarchy-row {padding:16px;border:1px solid transparent;border-radius:20px;background:var(--ariadne-color-bg-raised);min-width:0;}
.hierarchy-row-heading {display:flex;align-items:center;gap:12px;}
.hierarchy-row-name {display:grid;gap:4px;flex:1;min-width:0;}
.hierarchy-row-name .eyebrow {font-size:11px;line-height:16px;text-transform:uppercase;letter-spacing:.04em;}
.hierarchy-row-name .record-title {min-height:24px;font-size:16px;line-height:24px;font-weight:500;}
.hierarchy-children {margin-top:16px;}
.hierarchy-children>summary {cursor:pointer;font-size:14px;min-height:44px;padding:10px 0;color:var(--ariadne-color-action-focus);font-weight:500;}
.hierarchy-children>summary:focus-visible {outline:2px solid var(--ariadne-color-action-focus);outline-offset:3px;border-radius:4px;}
.child-count {font-variant-numeric:tabular-nums;background:var(--ariadne-color-bg-selected);color:var(--ariadne-color-text-primary);border-radius:6px;padding:2px 6px;margin-left:6px;}
.hierarchy-children>.hierarchy-list {border-left:2px solid var(--ariadne-color-bg-selected);padding-left:12px;margin:4px 0 12px;gap:12px;}
.hierarchy-children .hierarchy-row {background:var(--ariadne-color-bg-panel);}
.hierarchy-children .hierarchy-task {background:var(--ariadne-color-bg-raised);}
.hierarchy-empty {padding:12px 0;font-size:14px;color:var(--ariadne-color-text-secondary);}
.inline-add {box-shadow:none;background:transparent;border-style:dashed;font-size:14px;}
.hierarchy-task .record-title {font-size:14px;font-weight:400;}
.task-state {display:block;padding-left:56px;font-size:12px;color:var(--ariadne-color-text-secondary);}
.drawer-hierarchy {display:grid;gap:16px;}
.record-breadcrumb {display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding-bottom:16px;border-bottom:1px solid var(--ariadne-color-bg-selected);}
.record-breadcrumb>span {display:flex;align-items:center;gap:6px;min-width:0;max-width:100%;}
.record-breadcrumb button {display:grid;gap:2px;min-height:44px;padding:6px 8px;max-width:220px;text-align:left;overflow-wrap:anywhere;font-weight:400;background:transparent;box-shadow:none;border:0;font-size:12px;line-height:18px;}
.record-breadcrumb button:hover {background:var(--ariadne-color-bg-selected);}
.record-breadcrumb button[aria-current=page] {background:var(--ariadne-color-bg-panel);font-weight:500;}
.breadcrumb-kind {text-transform:uppercase;font-size:10px;letter-spacing:.04em;color:var(--ariadne-color-text-secondary);}
.breadcrumb-separator {color:var(--ariadne-color-text-secondary);}
.drawer-empty {display:grid;gap:16px;}
.drawer-empty p {color:var(--ariadne-color-text-secondary);font-size:14px;}
/* Keep overview cards bounded; give wide-screen space to the detail workspace. */
@media(min-width:1700px){.workspace-shell {grid-template-columns:224px minmax(0, 780px) minmax(630px, 1fr);}}
@media(min-width:801px) and (max-width:1279px){.workspace-shell {grid-template-columns:160px minmax(0,1fr) 360px;gap:16px;padding:20px;}.main-column,.drawer {grid-column:auto;}.spine {grid-row:auto;}.drawer {position:sticky;max-height:calc(100vh - 48px);padding:20px;}.brand h2 {font-size:22px;}.spine .project-nav {padding:12px 8px;}.job-heading {flex-wrap:wrap;}.job-controls {width:100%;justify-content:space-between;}.job-progress {flex-wrap:wrap;}.job-progress>.state {flex-basis:100%;}.hierarchy-row-heading {flex-wrap:wrap;}.hierarchy-row .open-record {min-height:36px;padding:6px 12px;}.hierarchy-row {padding:12px;}.direction-panel {padding:20px;}}
@media(min-width:1100px) and (max-width:1279px){.workspace-shell {grid-template-columns:176px minmax(0,1fr) 450px;}}
@media(min-width:641px) and (max-width:800px){.workspace-shell {grid-template-columns:160px minmax(0,1fr);}.drawer {grid-column:2;position:static;max-height:none;}.main-column {grid-column:2;}.spine {grid-row:1 / span 2;}}
@media(max-width:640px){.workspace-shell {grid-template-columns:1fr;}.job-heading,.job-controls {flex-wrap:wrap;}.job-controls {justify-content:flex-start;}.hierarchy-row-heading {flex-wrap:wrap;}.record-breadcrumb button {max-width:180px;}}
.main-column {container-type:inline-size;}
@container (min-width:600px){.direction-copy {grid-template-columns:1fr 1fr;}}

.record-breadcrumb .breadcrumb-label {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.task-count-hint {font-weight:400;color:var(--ariadne-color-text-secondary);}

.action-bar-trailing {margin-left:auto;display:flex;align-items:center;}
.action-bar {width:100%;align-items:flex-start;}

/* Keep the current job visible while moving through its stories and tasks. */
.job-card[data-selected=true] {
  background:var(--ariadne-color-bg-selected-card);
  border:2px solid var(--ariadne-color-border-selected-card);
  box-shadow:0 12px 28px #26344e54;
}
.job-card[data-selected=true] > .job-heading .open-record {
  background:#171e34;color:#fff;border-color:#171e34;
}
.job-card[data-selected=true] > .job-heading .open-record:hover {background:#26344e;}
.job-heading .record-title:hover {text-decoration:underline;text-underline-offset:4px;}
.reorder-controls {gap:4px;align-items:center;}
.reorder-controls .icon-button {
  width:30px;min-height:30px;height:30px;padding:6px;
  border-radius:8px;background:transparent;border-color:transparent;box-shadow:none;
}
.reorder-controls .icon-button:hover:not(:disabled) {background:#f7fbfd;border-color:#526875;}
.hint-control {position:relative;display:inline-flex;}
.control-hint {
  display:none;position:absolute;z-index:5;top:calc(100% + 8px);right:0;
  padding:6px 10px;border-radius:6px;background:#171e34;color:#fff;
  font-size:12px;line-height:18px;white-space:nowrap;pointer-events:none;
  box-shadow:0 4px 12px #171e3433;
}
.hint-control:hover .control-hint,.hint-control:focus-within .control-hint {display:block;}

.archived-project-row {display:flex;align-items:center;min-width:0;}
.archive-select {display:grid;place-items:center;flex:0 0 32px;min-height:44px;cursor:pointer;}
.archived-project-row .project-nav {flex:1;min-width:0;width:auto;margin-right:16px;padding-left:8px;padding-right:8px;}
.archived-project-row .project-nav[aria-pressed=true] {margin-right:0;}
.archive-delete {margin-right:16px;font-size:12px;padding:8px;}

/* The API supplies these three independent figures; acceptance still needs sign-off. */
.work-counts {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 12px;margin-top:16px;padding-top:12px;border-top:1px solid var(--ariadne-color-border-subtle);color:var(--ariadne-color-text-secondary);font-size:12px;line-height:1.5;}
.work-counts > span {min-width:0;overflow-wrap:anywhere;}
.work-counts strong {color:var(--ariadne-color-text-primary);font-weight:600;}
.work-counts small {grid-column:1/-1;font-size:11px;}

/* File operations share the workspace's calm surfaces and use an explicit modal review. */
.file-menu{position:relative;width:max-content;margin-bottom:14px}.file-menu summary{cursor:pointer;padding:8px 14px;background:var(--surface,#f5fbfd);border-radius:10px;font-weight:600}.file-menu nav{position:absolute;top:100%;left:0;z-index:40;min-width:270px;padding:8px;background:#f5fbfd;border:1px solid #bed2dc;border-radius:12px;box-shadow:0 12px 30px #18203530;display:grid;gap:4px}.file-menu button{display:flex;justify-content:space-between;gap:28px;text-align:left}.file-menu kbd{font-size:12px;color:#536b78}.document-overlay{position:fixed;inset:0;z-index:100;background:#18203555;display:grid;place-items:center;padding:24px}.document-dialog{width:min(900px,100%);max-height:90vh;overflow:auto;padding:32px;border:1px solid #fff;border-radius:26px;background:#f5fbfd;box-shadow:0 24px 70px #18203550}.document-dialog h2{margin-top:0}.document-dialog code,.document-dialog li{overflow-wrap:anywhere}.document-dialog li{margin:8px 0}.document-dialog details{margin:14px 0}.document-dialog select{display:block;margin:8px 0 20px;padding:10px}.document-counts{display:flex;flex-wrap:wrap;gap:20px}.document-counts dd{font-size:24px;margin:4px 0}.document-counts dt{font-size:14px;color:#536b78}.signoff-warning{padding:18px;background:#ddeaf0;border-left:5px solid #182035;border-radius:10px}.signoff-warning strong{font-size:22px}.document-warning{padding:12px 16px;background:#fff1d7;border-radius:10px}.document-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.document-notice{padding:12px;background:#edf6f8;border-radius:10px}

.duplicate-copy-choice{display:flex;align-items:center;gap:10px;margin-top:24px}.duplicate-details>summary{font-size:14px;color:#536b78;cursor:pointer}

/* Shared detail controls: edit/close above the content; delete above the summary. */
.drawer-header-actions {display:flex;align-items:center;gap:8px;flex-shrink:0;}
.drawer-close {width:36px;height:36px;min-width:36px;min-height:36px;padding:0;border-radius:50%;display:grid;place-items:center;}
.drawer-close svg {width:16px;height:16px;display:block;}
.drawer-close:hover:not(:disabled) {background:var(--ariadne-color-bg-selected);border-color:var(--ariadne-color-text-secondary);}
.detail-status-actions {display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;}
.detail-destructive-actions {display:flex;justify-content:flex-end;margin-left:auto;}
.detail-summary {border-top:1px solid var(--ariadne-color-border-subtle);margin-top:16px;padding-top:12px;}
.detail-summary .work-counts {border-top:0;margin-top:0;padding-top:0;}

.drawer-detail-status .state-badge {margin-top:0;}
.edit-icon-button {width:36px;height:36px;min-width:36px;min-height:36px;padding:0;display:grid;place-items:center;}
.edit-icon-button svg {width:18px;height:18px;display:block;}

.autosave-indicator {display:flex;align-items:center;gap:8px;font-size:12px;line-height:18px;color:var(--ariadne-color-text-secondary);margin-top:-20px;}
.autosave-error {color:var(--ariadne-color-error-text);font-weight:600;}
.autosave-indicator button {min-height:28px;padding:4px 8px;font-size:12px;}

/* Accord mark uses the shared paper emblem, without a letter initial. */
.brand-mark {background:#f7fbfd;overflow:hidden;}
.brand-mark img {display:block;width:64px;height:64px;object-fit:contain;}

.parking-label {display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px;line-height:1.5;margin:0 0 0 8px;color:#52616a;overflow-wrap:anywhere;}
.status-in-progress {color:#198522;}
.status-parked {color:#267fa4;}
.parking-badge {color:#267fa4;}
.parking-time {font-size:11px;color:#52616a;}
[data-parked=true]>.hierarchy-row-heading .record-title,[data-parked=true]>.job-heading .record-title,[data-parked=true].task-row>.record-title {color:#63727b;}
[data-parked=true].hierarchy-row,[data-parked=true].job-card,[data-parked=true].task-row {background:#e7edf0;border-color:#b4c0c7;}
.all-parked-notice {display:block;color:#52616a;font-size:12px;}
.parking-dialog {max-width:540px;}