/* Keep the existing editor/actions; present the library beside the selected record. */
.writeup-center-page .writeup-split-workspace { display:grid!important; grid-template-columns:330px minmax(0,1fr); gap:12px; align-items:start; }
.writeup-split-workspace > * { min-width:0; }
.writeup-center-page #editorEmptyState { display:block!important; margin:0!important; padding:10px!important; align-self:start!important; overflow:auto; }
.writeup-library-title { font-size:15px; margin:2px 0 10px; }
.writeup-center-page .writeup-split-workspace .writeup-dashboard-table-head { display:none!important; }
.writeup-center-page .writeup-split-workspace .writeup-dashboard-row { display:grid!important; grid-template-columns:minmax(0,1fr) auto!important; gap:5px 8px!important; padding:10px!important; margin-bottom:6px; border:1px solid var(--border,#cadbd9); border-radius:9px; }
.writeup-split-workspace .writeup-dashboard-identity { grid-column:1 / -1; min-width:0; }
.writeup-center-page .writeup-split-workspace .writeup-dashboard-identity strong { white-space:normal!important; overflow-wrap:anywhere; }
.writeup-split-workspace .writeup-dashboard-identity small { display:block; overflow-wrap:anywhere; }
.writeup-center-page .writeup-split-workspace .writeup-dashboard-row time { display:block!important; font-size:11px; }
.writeup-center-page .writeup-split-workspace .writeup-status-activity { grid-column:1 / -1!important; margin:0!important; display:flex; flex-wrap:wrap; justify-content:space-between; }
.writeup-split-workspace .writeup-dashboard-open { display:none!important; }
.writeup-center-page .writeup-split-workspace #writeupDashboardList { display:flex!important; flex-direction:column; gap:0; }
.writeup-center-page .writeup-split-workspace .writeup-dashboard-row { flex:none; align-content:start; }
.writeup-split-workspace .writeup-dashboard-row.is-selected { outline:2px solid #1b9d91; outline-offset:-2px; background:rgba(28,171,153,.12)!important; }
.writeup-center-page #editorWorkspace { margin:0!important; grid-template-columns:minmax(0,1fr)!important; min-width:0; }
.writeup-selection-empty { padding:64px 24px; text-align:center; border:1px solid var(--border,#cadbd9); border-radius:14px; background:var(--surface,rgba(128,160,155,.06)); }
.writeup-selection-empty h2 { font-size:20px; }
.writeup-center-page .writeup-list-back { display:none!important; }
.writeup-split-workspace .hidden { display:none!important; }
@media(min-width:901px) {
  .writeup-center-page .writeup-split-workspace { height:calc(100dvh - 100px); min-height:450px; overflow:hidden; }
  .writeup-center-page #editorEmptyState, .writeup-center-page #editorWorkspace { height:100%; max-height:100%; overflow:auto; }
  .writeup-center-page #editorEmptyState { display:flex!important; flex-direction:column; }
  .writeup-center-page #writeupDashboardList { min-height:0; max-height:none; overflow:auto; flex:1; }
}
@media(max-width:900px) {
  .writeup-center-page .writeup-split-workspace { grid-template-columns:minmax(0,1fr)!important; }
  .writeup-center-page #editorEmptyState { position:static; max-height:none; }
  .writeup-center-page .writeup-split-workspace.has-selection:not(.show-list) #editorEmptyState { display:none!important; }
  .writeup-center-page .writeup-split-workspace.show-list #editorWorkspace { display:none!important; }
  .writeup-selection-empty { display:none; }
  .writeup-center-page .writeup-list-back { display:block!important; justify-self:start; margin-bottom:8px; }
}

/* Compact library cards: retain every name, status, date and opening record. */
.writeup-center-page .writeup-split-workspace .writeup-dashboard-row {
  min-height:0!important; padding:6px 8px!important; gap:2px 6px!important; margin-bottom:5px; line-height:1.2;
}
.writeup-center-page .writeup-split-workspace .writeup-dashboard-identity {
  grid-template-columns:minmax(0,1fr)!important; gap:0!important;
}
.writeup-center-page .writeup-split-workspace .writeup-dashboard-avatar {
  display:none!important;
}
.writeup-center-page .writeup-split-workspace .writeup-dashboard-identity strong {
  display:block; line-height:1.2!important; max-height:none!important; overflow:visible!important; -webkit-line-clamp:unset!important;
}
.writeup-center-page .writeup-split-workspace .writeup-dashboard-identity small {
  position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important;
  overflow:hidden!important; clip-path:inset(50%)!important; white-space:nowrap!important;
}
.writeup-center-page .writeup-split-workspace .writeup-dashboard-level,
.writeup-center-page .writeup-split-workspace .writeup-dashboard-row > time {
  display:block!important; margin:0!important; padding:0!important; line-height:1.2!important;
}
.writeup-center-page .writeup-split-workspace .writeup-status-activity {
  display:grid!important; grid-template-columns:minmax(0,1fr) auto; gap:4px!important; align-items:center;
}
.writeup-center-page .writeup-split-workspace .writeup-opening-evidence,
.writeup-center-page .writeup-split-workspace .writeup-opening-evidence time {
  font-size:10px!important; line-height:1.2!important; margin:0!important;
}
.writeup-center-page .writeup-split-workspace .writeup-opening-evidence {
  position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important;
  overflow:hidden!important; clip-path:inset(50%)!important; white-space:nowrap!important;
}
.writeup-center-page .writeup-split-workspace .status-chip {
  min-height:18px!important; max-width:125px; padding:2px 6px!important; font-size:9px!important; line-height:1.2!important;
  white-space:normal!important; overflow:visible!important; overflow-wrap:normal; text-align:center;
}

/* Dense two-row cards with status-colored borders; status text remains explicit. */
@media(min-width:901px) {
  .writeup-center-page .writeup-split-workspace { grid-template-columns:360px minmax(0,1fr)!important; }
}
.writeup-center-page .writeup-split-workspace .writeup-dashboard-row {
  --writeup-status-edge:#74879b;
  grid-template-columns:minmax(0,1fr) auto auto!important;
  padding:4px 7px!important; gap:2px 5px!important; margin-bottom:4px;
  border-left:4px solid var(--writeup-status-edge)!important;
}
.writeup-center-page .writeup-split-workspace .writeup-dashboard-identity { grid-row:1; grid-column:1 / -1; }
.writeup-center-page .writeup-split-workspace .writeup-dashboard-level { grid-row:2; grid-column:1; min-width:0; white-space:normal!important; }
.writeup-center-page .writeup-split-workspace .writeup-status-activity { display:block!important; grid-row:2; grid-column:2!important; }
.writeup-center-page .writeup-split-workspace .writeup-dashboard-row > time { grid-row:2; grid-column:3; font-size:10px!important; white-space:nowrap; }
.writeup-center-page .writeup-split-workspace .writeup-dashboard-row:has(.status-chip.draft) { --writeup-status-edge:#74879b; }
.writeup-center-page .writeup-split-workspace .writeup-dashboard-row:has(.status-chip.ready_for_review) { --writeup-status-edge:#428fe4; }
.writeup-center-page .writeup-split-workspace .writeup-dashboard-row:has(.status-chip.pending_signature) { --writeup-status-edge:#d49b16; }
.writeup-center-page .writeup-split-workspace .writeup-dashboard-row:has(.status-chip.pending_information) { --writeup-status-edge:#20a8ad; }
.writeup-center-page .writeup-split-workspace .writeup-dashboard-row:has(.status-chip.signed) { --writeup-status-edge:#2eaf7d; }
.writeup-center-page .writeup-split-workspace .writeup-dashboard-row:has(.status-chip.refused_to_sign) { --writeup-status-edge:#e47d3b; }
.writeup-center-page .writeup-split-workspace .writeup-dashboard-row:has(.status-chip.closed) { --writeup-status-edge:#9a7bd7; }
.writeup-center-page .writeup-split-workspace .writeup-dashboard-row:has(.status-chip.void) { --writeup-status-edge:#e06b80; }
.writeup-center-page .writeup-split-workspace .writeup-dashboard-row.is-selected { outline:none!important; box-shadow:inset 0 0 0 1px var(--writeup-status-edge)!important; }
.writeup-center-page .writeup-split-workspace .writeup-dashboard-row:focus-visible { outline:2px solid var(--writeup-status-edge)!important; outline-offset:2px; }