[hidden] { display:none!important; }
.notes-layout { display:grid; grid-template-columns:290px minmax(0,1fr); gap:22px; align-items:start; }
.history { padding:20px; }
.history-heading,.editor-heading,.copy-actions { display:flex; justify-content:space-between; align-items:center; gap:16px; }
.history-heading h2 { font-size:17px; margin:0; }
.history-heading { margin-bottom:20px; }
.history-heading span,.history-help { color:var(--muted); font-size:12px; }
.history-help { line-height:1.6; margin:14px 0; }
#historyList { max-height:560px; overflow:auto; display:grid; gap:8px; }
.case-item { text-align:left; cursor:pointer; border:1px solid var(--line); background:var(--input-bg); color:var(--ink); border-radius:8px; padding:12px; width:100%; }
.case-item[aria-current="true"] { border-color:var(--blue); background:var(--section-number-bg); }
.case-item strong,.case-item span,.case-item small { display:block; overflow-wrap:anywhere; }
.case-item span { margin:5px 0; font-size:12px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.case-item small { font-size:11px; color:var(--muted); }
button:focus-visible { outline:3px solid var(--blue); outline-offset:3px; }
button:disabled { cursor:not-allowed; opacity:.55; }
.notice { padding:12px 16px; border:1px solid var(--line); border-radius:8px; color:var(--muted); background:var(--panel-bg); font-size:13px; }
.editor-heading { border-bottom:1px solid var(--line); padding-bottom:20px; margin-bottom:24px; }
#saveStatus { color:var(--muted); font-size:12px; }
#saveStatus.error { color:var(--red); }
.timer { text-align:right; flex-shrink:0; }
.timer span { display:block; color:var(--muted); font-size:11px; margin-bottom:4px; }
.timer strong { font-size:26px; font-variant-numeric:tabular-nums; }
fieldset { border:0; padding:0; margin:0; min-width:0; }
#notes { min-height:320px; } #next { min-height:120px; }
.copy-actions { border-top:1px solid var(--line); margin-top:24px; padding-top:20px; }
.copy-actions p { color:var(--muted); font-size:12px; line-height:1.6; margin:0; }
.copy-actions button { flex-shrink:0; }
#welcome { text-align:center; padding:85px 20px; color:var(--muted); }
#welcome h2 { margin-top:20px; color:var(--ink); }
@media(max-width:800px) { .notes-layout { grid-template-columns:1fr; } #historyList { max-height:190px; } #welcome { padding:40px 10px; } }
@media(max-width:500px) { .copy-actions { align-items:stretch; flex-direction:column; } .hero>button { margin-top:18px; } }

.note-actions { display:flex; flex-wrap:wrap; gap:10px; }
@media(max-width:500px) { .note-actions { flex-direction:column; } }

#escalateNote, #stopTimer { background:#b42318; border-color:#b42318; color:#fff; }
#escalateNote:hover:not(:disabled), #stopTimer:hover:not(:disabled) { background:#912018; border-color:#912018; }

#stopTimer { display:block; margin:8px 0 0 auto; padding:7px 10px; font-size:12px; }

.history-backup { display:grid; gap:8px; margin-top:20px; padding-top:16px; border-top:1px solid var(--line); }
#backupStatus { margin:0; font-size:12px; color:var(--muted); line-height:1.5; overflow-wrap:anywhere; }

.case-row { position:relative; }
.case-row .case-item { height:100%; padding-right:42px; }
.delete-case { position:absolute; top:5px; right:5px; width:32px; height:32px; display:grid; place-items:center; padding:6px; border:0; border-radius:5px; background:transparent; color:var(--muted); cursor:pointer; }
.delete-case:hover:not(:disabled) { background:var(--red-soft); color:var(--red); }
.delete-case svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }

.timer-actions { display:flex; align-items:center; justify-content:flex-end; gap:12px; margin-top:8px; }
.timer .timer-help { max-width:230px; margin:0; text-align:left; font-size:11px; line-height:1.5; color:var(--muted); }
.timer-actions #stopTimer { margin:0; flex-shrink:0; }
@media(max-width:650px) { .editor-heading { flex-wrap:wrap; } .timer { max-width:100%; } .timer-actions { justify-content:flex-start; } .timer .timer-help { max-width:180px; } }

.workspace-title { display:flex; align-items:center; gap:12px; margin-bottom:7px; }
.workspace-title .eyebrow { margin:0!important; flex-shrink:0; }
.workspace-title>span { color:var(--muted); font-size:11px; line-height:1.5; max-width:250px; }
@media(max-width:500px) { .workspace-title { flex-wrap:wrap; gap:6px; } }

#emailNote { background:#067647; border-color:#067647; color:#fff; }
#emailNote:hover:not(:disabled) { background:#055e39; border-color:#055e39; }

#toggleHistory { margin:0 0 16px; }
.notes-layout.history-collapsed { grid-template-columns:minmax(0,1fr); }

.markdown-tools { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.markdown-tools>span { font-size:11px; color:var(--muted); font-weight:400; }
.markdown-tools button { font-size:11px; padding:6px 10px; }
.markdown-preview { padding:18px; border:1px solid var(--line); border-radius:8px; background:var(--input-bg); color:var(--ink); font-size:14px; line-height:1.65; font-weight:400; overflow-wrap:anywhere; overflow:auto; }
.markdown-preview img { max-width:100%; height:auto; }
.markdown-preview pre { white-space:pre-wrap; padding:12px; background:var(--bg); }
.markdown-preview table { border-collapse:collapse; } .markdown-preview td,.markdown-preview th { border:1px solid var(--line); padding:8px; }
.markdown-preview a { color:var(--blue); }
.screenshot-list { display:flex; flex-wrap:wrap; gap:12px; }
.screenshot-list>div { display:flex; flex-direction:column; align-items:start; gap:6px; }
.screenshot-list img { width:140px; max-height:110px; object-fit:contain; border:1px solid var(--line); border-radius:6px; }
.screenshot-list button { font-size:11px; padding:6px 8px; }
.image-status { font-size:12px; color:var(--muted); font-weight:400; margin:0; }

.rich-toolbar { display:flex; flex-wrap:wrap; gap:6px; padding:8px; border:1px solid var(--line); border-radius:8px; background:var(--bg); }
.rich-toolbar .button { font-size:12px; padding:6px 9px; }
.rich-editor { min-height:180px; padding:14px; border:1px solid var(--input-border); border-radius:8px; background:var(--input-bg); color:var(--input-text); font-size:14px; font-weight:400; line-height:1.65; overflow-wrap:anywhere; overflow:auto; }
#notesRich { min-height:320px; }
.rich-editor:focus { outline:2px solid var(--blue); outline-offset:1px; }
.rich-editor img { max-width:100%; height:auto; display:block; margin:12px 0; }
.rich-editor a { color:var(--blue); }
.rich-editor pre { white-space:pre-wrap; background:var(--bg); padding:12px; }
.rich-editor table { border-collapse:collapse; } .rich-editor td,.rich-editor th { border:1px solid var(--line); padding:8px; }
.rich-editor p { margin:0 0 12px; }
.rich-editor[contenteditable="false"] { opacity:.8; }

.screenshot-list .image-controls { display:flex; flex-direction:row; align-items:end; flex-wrap:wrap; gap:10px; padding:10px; border:1px solid var(--line); border-radius:8px; }
.image-controls label { display:grid; gap:5px; font-size:11px; color:var(--muted); }
.image-controls select { padding:7px 9px; font-size:12px; width:auto; }

.rich-field { position:relative; }
.image-resize-handle { position:absolute; width:18px; height:18px; padding:0; border:2px solid white; border-radius:3px; background:#0076ad; box-shadow:0 0 0 1px #0076ad; cursor:nwse-resize; touch-action:none; z-index:2; }
.image-resize-handle:focus-visible { outline:3px solid var(--blue); outline-offset:3px; }

.toolkit-help,.toolkit-content small { color:var(--muted); font-size:12px; line-height:1.6; }
.toolkit-content { padding:0 16px 18px; display:grid; gap:14px; }
.toolkit-content>button { justify-self:start; }
.checklist-item { padding:10px 0; border-bottom:1px solid var(--line); }
.checklist-item label { display:flex; align-items:flex-start; gap:10px; font-size:13px; line-height:1.5; }
.checklist-item input[type="checkbox"] { width:16px; height:16px; flex-shrink:0; margin:2px 0 0; }
.checklist-item a { display:inline-block; margin:8px 0 0 26px; color:var(--blue); font-size:12px; }
.followup-badge { margin-top:8px; }
.case-item .followup-badge.overdue { color:var(--red); font-weight:700; }
.history-filter { margin-top:12px; }

.topbar { height:auto; min-height:64px; padding-block:16px; flex-wrap:wrap; gap:16px; }
.toolkit-nav { display:flex; align-items:center; flex-wrap:wrap; gap:8px; width:100%; padding-top:12px; border-top:1px solid var(--line); }
.toolkit-nav>span { font-size:12px; font-weight:700; color:#c7d4e5; margin-right:8px; }
.toolkit-nav .button { padding:9px 14px; font-size:12px; }
.toolkit-dialog { width:min(720px, calc(100vw - 32px)); max-height:85vh; box-sizing:border-box; border:1px solid var(--line); border-radius:14px; padding:24px; background:var(--panel-bg); color:var(--ink); overflow:auto; }
.toolkit-dialog::backdrop { background:rgba(0,0,0,.6); }
.toolkit-dialog-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.toolkit-dialog-heading h2 { font-size:22px; margin:0; }
.toolkit-dialog .toolkit-content { padding:12px 0; }
.toolkit-dialog textarea { max-width:100%; }
@media(max-width:600px) {
  .toolkit-nav>span { width:100%; }
  .toolkit-nav .button { flex:1 1 40%; }
  .toolkit-dialog { padding:18px; }
  .toolkit-dialog .field-grid { grid-template-columns:1fr; }
}

.log-location-row { display:flex; align-items:flex-end; flex-wrap:wrap; gap:10px; min-width:0; }
.log-location-row .field { flex:1 1 180px; min-width:0; }
.log-location-row .button { flex-shrink:0; }