/* A focused workspace for personal lists, inspired by Linear, Asana and Todoist. */
#taskListsPanel {
  --list-ink: #172b2b;
  --list-muted: #718080;
  --list-line: #e1e9e7;
  --list-soft: #f5f9f8;
  --list-accent: #2563eb;
  --list-accent-dark: #1d4ed8;
  --list-accent-soft: #eff6ff;
  display: none !important;
  width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 20px clamp(14px, 3vw, 46px) 40px !important;
  background: #f7faf9 !important;
  overflow: visible !important;
  color: var(--list-ink);
}
#taskListsPanel.active { display: block !important; }
#taskListsPanel * { box-sizing: border-box; }
#taskListsPanel :is(button, input, select, summary):focus-visible {
  outline: 2px solid var(--list-accent); outline-offset: 3px;
}
#taskListsPanel .task-lists-page-heading {
  width: min(100%, 1320px); margin: 0 auto 14px; padding: 0 2px;
}
#taskListsPanel .task-lists-page-heading .page-title-row {
  align-items: center; gap: 18px;
}
#taskListsPanel .task-lists-eyebrow {
  display: block; margin-bottom: 5px; color: var(--list-accent); font-size: 11px; font-weight: 700;
}
#taskListsPanel .task-lists-page-heading h1 {
  color: var(--list-ink); font-size: clamp(22px, 3vw, 30px); font-weight: 700; letter-spacing: 0; line-height: 1.4;
}
#taskListsPanel .task-list-create-toggle {
  min-height: 42px; padding: 0 14px; border: 1px solid var(--list-accent); border-radius: 6px;
  background: var(--list-accent); color: #fff; box-shadow: 0 6px 14px rgba(37, 99, 235, .16); font-size: 12px; font-weight: 700;
}
#taskListsPanel .task-list-create-toggle:hover { background: var(--list-accent-dark); transform: translateY(-1px); }
#taskListsPanel .task-lists-page-shell { width: min(100%, 1320px); margin: 0 auto; display: grid; gap: 12px; }
#taskListsPanel .task-lists-board {
  display: grid; gap: 0; padding: 0; border: 1px solid var(--list-line); border-radius: 8px;
  background: #fff; box-shadow: 0 8px 26px rgba(23, 43, 43, .05); overflow: hidden;
}
#taskListsPanel .task-lists-today-hero {
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(220px, 300px); align-items: center; gap: 28px; min-height: 96px;
  padding: 16px 26px; border-bottom: 1px solid var(--list-line); background: #fff; direction: rtl;
}
#taskListsPanel .task-lists-today-title { display: flex; align-items: center; gap: 13px; min-width: 0; }
#taskListsPanel .task-lists-sun {
  display: inline-grid; place-items: center; flex: 0 0 42px; width: 42px; height: 42px;
  border-radius: 6px; background: var(--list-accent-soft); color: var(--list-accent);
}
#taskListsPanel .task-lists-sun svg { width: 21px; height: 21px; stroke: currentColor; stroke-width: 1.7; }
#taskListsPanel .task-lists-today-title h2 { margin: 0; color: var(--list-ink); font-size: 20px; font-weight: 700; }
#taskListsPanel .task-lists-today-title p { margin-top: 4px; color: var(--list-muted); font-size: 11px; }
#taskListsPanel .task-lists-progress { display: grid; gap: 8px; width: 100%; min-width: 0; color: var(--list-muted); font-size: 11px; text-align: right; overflow: hidden; direction: rtl; }
#taskListsPanel .task-lists-progress > span { display: block; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#taskListsPanel .task-lists-progress-track { height: 6px; border-radius: 99px; background: #eaf0ee; overflow: hidden; }
#taskListsPanel .task-lists-progress-track i { display: block; height: 100%; border-radius: inherit; background: var(--list-accent); transition: width .2s ease; }
#taskListsPanel .task-list-quick-add {
  display: grid; grid-template-columns: 24px minmax(0, 1fr) auto; align-items: center; gap: 10px;
  margin: 14px 26px 10px; padding: 5px 8px; border: 1px solid var(--list-line); border-radius: 6px; background: #fbfdfc;
}
#taskListsPanel .task-list-quick-add:focus-within { border-color: #9dbaf4; box-shadow: 0 0 0 3px #eff6ff; }
#taskListsPanel .task-list-quick-add-icon { color: var(--list-accent); font-size: 20px; text-align: center; }
#taskListsPanel .task-list-quick-add input { min-width: 0; height: 38px; padding: 0 4px; border: 0; background: transparent; color: var(--list-ink); font: inherit; font-size: 12px; }
#taskListsPanel .task-list-quick-add input:focus { outline: 0; }
#taskListsPanel .task-list-quick-add button {
  height: 34px; padding: 0 14px; border: 0; border-radius: 5px; background: var(--list-accent); color: #fff; font: inherit; font-size: 11px; font-weight: 700; cursor: pointer;
}
#taskListsPanel .task-list-source-toolbar { display: flex; justify-content: flex-start; margin: 0 26px 8px; }
#taskListsPanel .task-list-source-toggle {
  border: 0; background: transparent; color: var(--list-accent); font: inherit; font-size: 11px; font-weight: 700; cursor: pointer;
}
#taskListsPanel .task-list-source-toggle:hover { text-decoration: underline; }
#taskListsPanel .task-lists-tabs-wrap { order: -1; margin: 0; padding: 0 26px; border-bottom: 1px solid var(--list-line); overflow-x: auto; scrollbar-width: thin; }
#taskListsPanel .task-lists-tabs { display: flex; align-items: stretch; gap: 2px; min-width: max-content; }
#taskListsPanel .task-list-tab {
  display: inline-flex; align-items: center; gap: 2px; min-height: 52px; padding: 4px 6px 0;
  border: 0; border-bottom: 2px solid transparent; border-radius: 0; background: transparent;
}
#taskListsPanel .task-list-tab.active { border-bottom-color: var(--list-accent); background: transparent; }
#taskListsPanel .task-list-tab-title { max-width: 180px; padding: 9px 10px; overflow: hidden; text-overflow: ellipsis; color: #536361; font: inherit; font-size: 12px; font-weight: 600; white-space: nowrap; }
#taskListsPanel .task-list-tab.active .task-list-tab-title { color: var(--list-accent); font-weight: 800; }
#taskListsPanel .task-list-tab-actions { gap: 2px; opacity: 0; transition: opacity .15s ease; }
#taskListsPanel .task-list-tab:hover .task-list-tab-actions, #taskListsPanel .task-list-tab:focus-within .task-list-tab-actions { opacity: 1; }
#taskListsPanel .task-list-tab-icon { width: 26px; height: 26px; border: 0; border-radius: 4px; background: transparent; color: #879492; font-size: 13px; }
#taskListsPanel .task-list-tab-icon:hover { background: #eef5f3; color: var(--list-accent); }
#taskListsPanel .task-list-tab-icon.danger:hover { background: #fff0f0; color: #b34a4a; }
#taskListsPanel .task-lists-content { margin: 0; padding: 14px 26px 18px; }
#taskListsPanel .task-list-personal-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 10px; }
#taskListsPanel .task-list-personal-heading h3 { margin: 0; color: var(--list-ink); font-size: 14px; font-weight: 800; }
#taskListsPanel .task-list-personal-heading span { color: var(--list-muted); font-size: 11px; }
#taskListsPanel .task-list-personal-items { display: grid; gap: 4px; }
#taskListsPanel .task-list-personal-item {
  display: grid; grid-template-columns: 24px minmax(0, 1fr) auto 28px 28px; align-items: center; gap: 10px;
  min-height: 52px; padding: 6px 10px; border: 1px solid #edf1f5; border-radius: 6px; background: #fff;
}
#taskListsPanel .task-list-personal-item:hover { border-color: #c9d9f7; background: #fbfdff; box-shadow: 0 3px 10px rgba(37,99,235,.06); }
#taskListsPanel .task-list-personal-item.is-important { border-inline-start: 3px solid #e6a329; }
#taskListsPanel .task-list-circle-check { display: inline-grid; place-items: center; width: 22px; height: 22px; border: 1px solid #bbc9c5; border-radius: 50%; background: #fff; color: var(--list-accent); cursor: pointer; }
#taskListsPanel .task-list-circle-check:hover { border-color: var(--list-accent); background: var(--list-accent-soft); }
#taskListsPanel .task-list-circle-check svg { width: 13px; height: 13px; stroke: currentColor; stroke-width: 2.5; }
#taskListsPanel .task-list-personal-copy { min-width: 0; display: grid; gap: 3px; }
#taskListsPanel .task-list-personal-copy strong { overflow: hidden; color: var(--list-ink); font-size: 12px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
#taskListsPanel .task-list-personal-copy span { overflow: hidden; color: var(--list-muted); font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
#taskListsPanel .task-list-personal-item.is-done .task-list-personal-copy strong { color: #91a09c; text-decoration: line-through; }
#taskListsPanel .task-list-project-add { min-height: 28px; padding: 0 9px; border: 1px solid #bfd2fa; border-radius: 5px; background: var(--list-accent-soft); color: var(--list-accent); font: inherit; font-size: 10px; cursor: pointer; }
#taskListsPanel .task-list-project-add:hover { background: #dbeafe; }
#taskListsPanel .task-list-star, #taskListsPanel .task-list-delete { display: inline-grid; place-items: center; width: 28px; height: 28px; padding: 0; border: 0; border-radius: 4px; background: transparent; color: #a4b1ae; cursor: pointer; }
#taskListsPanel .task-list-star:hover { background: #fff8e8; color: #d48b0b; }
#taskListsPanel .task-list-star.active { color: #d99412; }
#taskListsPanel .task-list-star svg, #taskListsPanel .task-list-delete svg { width: 15px; height: 15px; stroke: currentColor; stroke-width: 1.8; }
#taskListsPanel .task-list-delete:hover { background: #fff0f0; color: #b34a4a; }
#taskListsPanel .task-list-completed { margin-top: 22px; border-top: 1px solid var(--list-line); }
#taskListsPanel .task-list-completed summary { display: flex; align-items: center; justify-content: space-between; padding: 14px 4px 8px; color: var(--list-muted); font-size: 11px; font-weight: 700; cursor: pointer; list-style: none; }
#taskListsPanel .task-list-completed summary::-webkit-details-marker { display: none; }
#taskListsPanel .task-list-completed summary b { display: inline-grid; place-items: center; min-width: 20px; height: 20px; border-radius: 4px; background: #edf2f0; color: var(--list-muted); }
#taskListsPanel .task-lists-empty-state { padding: 30px 18px; border: 1px dashed #cbd7eb; border-radius: 6px; background: #fbfdff; box-shadow: none; }
#taskListsPanel .task-lists-empty-state strong { color: var(--list-ink); font-size: 15px; }
#taskListsPanel .task-lists-empty-state p { color: var(--list-muted); font-size: 11px; }
#taskListsPanel .task-list-create-panel { padding: 14px; border: 1px solid var(--list-line); border-radius: 6px; background: #fff; }
#taskListsPanel .task-list-create-form { gap: 8px; }
#taskListsPanel .task-list-create-form input { height: 40px; padding: 0 12px; border-radius: 5px; font-size: 12px; }
#taskListsPanel .task-list-create-form button { padding: 0 16px; border: 0; border-radius: 5px; background: var(--list-accent); box-shadow: none; font-size: 11px; }
@media (max-width: 700px) {
  #taskListsPanel { padding: 12px 10px 28px !important; }
  #taskListsPanel .task-lists-page-heading { margin-bottom: 10px; }
  #taskListsPanel .task-lists-page-heading .page-title-row { align-items: flex-start; }
  #taskListsPanel .task-lists-page-heading h1 { font-size: 23px; }
  #taskListsPanel .task-list-create-toggle { min-height: 38px; padding: 0 10px; font-size: 11px; }
  #taskListsPanel .task-lists-today-hero { grid-template-columns: 1fr; gap: 14px; min-height: 0; padding: 16px; }
  #taskListsPanel .task-lists-progress { width: 100%; text-align: right; }
  #taskListsPanel .task-lists-tabs-wrap { padding: 0 12px; }
  #taskListsPanel .task-list-tab { min-height: 48px; }
  #taskListsPanel .task-lists-content { padding: 16px 12px 20px; }
  #taskListsPanel .task-list-quick-add { margin: 14px 12px 10px; }
  #taskListsPanel .task-list-source-toolbar { margin-inline: 12px; }
  #taskListsPanel .task-list-personal-item { grid-template-columns: 24px minmax(0, 1fr) 28px 28px; gap: 8px; }
  #taskListsPanel .task-list-project-add, #taskListsPanel .task-list-project-add-spacer { display: none; }
  #taskListsPanel .task-list-personal-copy strong { white-space: normal; line-height: 1.7; }
  #taskListsPanel .task-list-personal-copy span { font-size: 10px; }
  #taskListsPanel .task-list-tab-actions { opacity: 1; }
}
/* Quick lists: intentionally scoped so project task boards retain their layout. */
#taskListsPanel { background: #f5f7fa !important; padding: 28px clamp(16px, 2.6vw, 40px) 36px !important; color: #26364a; }
#taskListsPanel .ql-page-head { display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1500px;margin:0 auto 24px; }
#taskListsPanel .ql-eyebrow { color:#73839b;font-size:11px; }
#taskListsPanel .ql-page-head h1 { margin:4px 0 6px;font-size:26px;color:#24364f; }
#taskListsPanel .ql-page-head p { margin:0;color:#78869a;font-size:12px; }
#taskListsPanel button { cursor:pointer; font-family:inherit; }
#taskListsPanel svg { width:20px;height:20px;flex-shrink:0; }
#taskListsPanel :is(input,textarea,select) { font-family:inherit; font-size:13px; }
#taskListsPanel .ql-head-actions { display:flex;gap:8px; }
#taskListsPanel .ql-head-actions button { border:1px solid #e0e6ee;background:#fff;border-radius:9px;padding:9px 12px;color:#64758e;font-size:11px; }
#taskListsPanel .ql-shell { display:flex;align-items:stretch;max-width:1500px;min-height:690px;margin:auto;border:1px solid #dfe5ed;border-radius:20px;background:white;box-shadow:0 8px 35px #26364a06; }
#taskListsPanel .ql-nav { width:230px;flex-shrink:0;padding:27px 16px;background:#fbfcfe;border-inline-end:1px solid #e8edf3;border-start-start-radius:20px;border-end-start-radius:20px; }
#taskListsPanel .ql-nav-title { padding:0 12px 25px;color:#344660;font-size:14px; }
#taskListsPanel .ql-nav-title span { display:block;font-size:10px;color:#95a0af;margin-top:6px; }
#taskListsPanel .ql-nav nav { display:flex;flex-direction:column;gap:5px; }
#taskListsPanel .ql-nav nav button { display:flex;align-items:center;gap:11px;min-height:43px;text-align:start;padding:10px 12px;border:0;border-radius:10px;background:transparent;color:#6a7890;font-size:12px; }
#taskListsPanel .ql-nav nav button span { flex:1;overflow-wrap:anywhere; }
#taskListsPanel .ql-nav nav button b { font-weight:400;font-size:11px;color:#91a0b4; }
#taskListsPanel .ql-nav nav button.active { color:#4068c7;background:#eaf0fd; }
#taskListsPanel .ql-nav nav button:hover { background:#eff3f9; }
#taskListsPanel .ql-nav-divider { height:1px;background:#e8edf3;margin:24px 10px 17px; }
#taskListsPanel .ql-list-label { display:flex;align-items:center;justify-content:space-between;padding:0 12px 12px;font-size:11px;color:#8995a7; }
#taskListsPanel .ql-list-label button { border:0;background:transparent;color:#7b8ba0;padding:0; }
#taskListsPanel .ql-storage-note { margin:36px 12px 0;font-size:10px;line-height:2;color:#9aa6b5; }
#taskListsPanel .ql-main { min-width:0;flex:1;padding:26px; }
#taskListsPanel .ql-hero { padding:25px 28px;border-radius:15px;background:linear-gradient(115deg,#f3f5ff,#edf5ff 55%,#e7f1ff);border:1px solid #e3ecfb;position:relative;overflow:hidden; }
#taskListsPanel .ql-hero:after { content:'';position:absolute;width:190px;height:190px;border-radius:50%;border:28px solid #ffffff48;inset-inline-end:-48px;top:-35px;pointer-events:none; }
#taskListsPanel .ql-hero-top { display:flex;align-items:center;gap:10px;color:#7e93b6;font-size:11px; }
#taskListsPanel .ql-hero-icon { display:grid;place-items:center;width:34px;height:34px;border:1px solid #d4e3fb;border-radius:11px;color:#5580d8;background:#ffffff7a; }
#taskListsPanel .ql-hero h2 { font-size:27px;margin:15px 0 7px;color:#304e7b;overflow-wrap:anywhere; }
#taskListsPanel .ql-hero p { margin:0;font-size:12px;color:#7a8eab; }
#taskListsPanel .ql-hero-bottom { display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:25px;font-size:11px;color:#6682a8; }
#taskListsPanel .ql-hero-bottom > span:last-child { display:flex;align-items:center;gap:5px; }
#taskListsPanel .ql-hero-bottom svg { width:15px;height:15px; }
#taskListsPanel .ql-add { display:flex;align-items:center;gap:12px;border:1px solid #b7c9ee;background:#fff;border-radius:12px;padding:8px 10px 8px 15px;margin-top:24px;box-shadow:0 4px 15px #3f69c00a; }
#taskListsPanel .ql-add:focus-within { border-color:#6287dd;box-shadow:0 0 0 3px #6287dd14; }
#taskListsPanel .ql-add > span { display:flex;color:#6285cc; }
#taskListsPanel .ql-add input { flex:1;min-width:0;border:0;outline:0;box-shadow:none;background:transparent;padding:10px 0;color:#344660; }
#taskListsPanel .ql-add button { border:0;border-radius:8px;padding:11px 15px;background:#4b72ce;color:#fff;font-size:12px;white-space:nowrap; }
#taskListsPanel .ql-add-hint { display:flex;justify-content:space-between;margin:9px 3px 24px;color:#9aa8bc;font-size:10px; }
#taskListsPanel .ql-tools { display:flex;align-items:center;gap:8px;margin-bottom:20px; }
#taskListsPanel .ql-tools label { display:flex;align-items:center;gap:8px;flex:1;min-width:70px;color:#99a5b6; }
#taskListsPanel .ql-tools input { width:100%;padding:6px 0;border:0;background:transparent;box-shadow:none; }
#taskListsPanel .ql-tools svg { width:16px;height:16px; }
#taskListsPanel .ql-tools :is(select,button) { width:auto;border:1px solid #e4e9f1;background:white;padding:7px 9px;border-radius:7px;color:#7a89a0;font-size:10px; }
#taskListsPanel .ql-section-label { display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:12px;color:#50617a; }
#taskListsPanel .ql-section-label span { background:#f0f3f8;padding:2px 7px;border-radius:6px;font-size:10px; }
#taskListsPanel .ql-row { display:flex;align-items:center;gap:13px;margin:0 0 8px;border:1px solid #e7ebf2;border-radius:11px;background:#fff;padding:14px;transition:background .15s,border-color .15s; }
#taskListsPanel .ql-row:hover { background:#fbfcff;border-color:#c9d7f1; }
#taskListsPanel .ql-row.is-selected { background:#f2f6ff;border-color:#aec4f2; }
#taskListsPanel .ql-check { display:grid;place-items:center;width:22px;height:22px;flex-shrink:0;border:1.5px solid #b7c5d9;border-radius:50%;background:white;color:white;padding:2px; }
#taskListsPanel .is-done .ql-check { border-color:#4aa78b;background:#4aa78b; }
#taskListsPanel .ql-row-copy { display:flex;flex-direction:column;gap:7px;min-width:0;flex:1;border:0;background:transparent;text-align:start;padding:0; }
#taskListsPanel .ql-row-copy strong { font-size:13px;font-weight:500;color:#40516b;overflow-wrap:anywhere; }
#taskListsPanel .is-done .ql-row-copy strong { text-decoration:line-through;color:#9ba8b9; }
#taskListsPanel .ql-row-copy span { display:flex;flex-wrap:wrap;align-items:center;gap:6px;color:#98a4b5;font-size:10px; }
#taskListsPanel .ql-row-copy em { display:inline-flex;align-items:center;gap:4px;font-style:normal; }
#taskListsPanel .ql-row-copy em svg { width:12px;height:12px; }
#taskListsPanel .ql-row-copy .ql-overdue { color:#c47977; }
#taskListsPanel .ql-star { border:0;background:transparent;color:#b0bfd5;padding:5px;display:flex; }
#taskListsPanel .ql-star.active { color:#d4a248; }
#taskListsPanel .ql-star.active svg { fill:#fdf2d8; }
#taskListsPanel .ql-empty { display:flex;align-items:center;flex-direction:column;text-align:center;padding:40px 18px; }
#taskListsPanel .ql-empty > span { display:grid;place-items:center;width:72px;height:72px;border-radius:24px;background:#f1f5fd;color:#7c9bd7;margin-bottom:18px;transform:rotate(-6deg); }
#taskListsPanel .ql-empty > span svg { width:32px;height:32px; }
#taskListsPanel .ql-empty h3 { font-size:15px;font-weight:500;color:#526786;margin:0 0 10px; }
#taskListsPanel .ql-empty p { max-width:290px;color:#97a4b6;font-size:11px;line-height:2;margin:0; }
#taskListsPanel .ql-empty button { display:flex;align-items:center;gap:6px;border:0;background:transparent;color:#6888c8;font-size:11px;padding:14px; }
#taskListsPanel .ql-completed { margin-top:25px; }
#taskListsPanel .ql-completed summary { font-size:12px;color:#8d9bad;cursor:pointer;padding:10px 0; }
#taskListsPanel .ql-completed summary span { margin-inline-start:8px; }
#taskListsPanel .ql-main-foot { display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #edf0f5;padding-top:18px;margin-top:25px; }
#taskListsPanel .ql-main-foot span { display:flex;align-items:center;gap:5px;color:#a2adbc;font-size:10px; }
#taskListsPanel .ql-main-foot svg { width:14px;height:14px; }
#taskListsPanel .ql-main-foot button { border:0;background:transparent;color:#7d91b1;font-size:10px; }
#taskListsPanel .ql-detail { width:280px;flex-shrink:0;padding:22px 18px;background:#fbfcfe;border-inline-start:1px solid #e8edf3;border-start-end-radius:20px;border-end-end-radius:20px; }
#taskListsPanel [hidden] { display:none !important; }
#taskListsPanel .ql-detail-head { display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#7b8ca3;margin-bottom:25px; }
#taskListsPanel .ql-detail-head button { display:flex;border:0;background:transparent;color:#8c9db3;padding:4px; }
#taskListsPanel .ql-edit label,#taskListsPanel .ql-field { display:flex;flex-direction:column;gap:9px;color:#8593a6;font-size:11px;margin-bottom:18px; }
#taskListsPanel .ql-detail :is(input:not([type=checkbox]),select,textarea) { width:100%;border:1px solid #e0e7ef;background:#fff;border-radius:9px;color:#50627d;padding:10px;font-size:12px;resize:vertical; }
#taskListsPanel .ql-edit button { margin:0 0 20px;border:0;background:transparent;color:#6387cd;font-size:10px;padding:0; }
#taskListsPanel .ql-today-toggle { display:flex;align-items:center;gap:8px;width:100%;border:1px solid #e4e9f1;border-radius:9px;background:#fff;color:#7b8faa;font-size:11px;padding:11px;margin-bottom:20px; }
#taskListsPanel .ql-today-toggle.active { color:#5279cc;background:#edf3ff;border-color:#cfddf9; }
#taskListsPanel .ql-steps { border-block:1px solid #e9edf3;padding:15px 0;margin:5px 0 20px; }
#taskListsPanel .ql-steps h3 { display:flex;justify-content:space-between;font-size:11px;font-weight:400;color:#8493a8;margin:0 0 13px; }
#taskListsPanel .ql-steps > div { display:flex;align-items:center;gap:8px;padding:8px 0;font-size:11px;color:#64768f; }
#taskListsPanel .ql-steps > div span { flex:1;overflow-wrap:anywhere; }
#taskListsPanel .ql-steps .is-done { text-decoration:line-through;opacity:.6; }
#taskListsPanel .ql-steps button { border:0;background:transparent;color:#92a2b7; }
#taskListsPanel .ql-add-step { display:flex;align-items:center;gap:5px; }
#taskListsPanel .ql-auto-save { display:block;color:#a1adbd;font-size:9px;line-height:1.9; }
#taskListsPanel .ql-delete-item { display:flex;align-items:center;gap:8px;margin-top:26px;padding:0;border:0;background:transparent;color:#c27f7f;font-size:11px; }
#taskListsPanel .ql-new-list { display:flex;gap:5px;margin:12px 5px; }
#taskListsPanel .ql-new-list input { width:100%;min-width:0;border:1px solid #dfe6ef;border-radius:7px;padding:7px;font-size:11px; }
#taskListsPanel .ql-new-list button { border:0;background:#eaf0fd;border-radius:6px;color:#5c7fca;font-size:10px; }
#taskListsPanel .ql-toast { position:fixed;bottom:25px;left:50%;transform:translateX(-50%);display:flex;gap:18px;align-items:center;padding:14px 22px;background:#2f425d;color:white;border-radius:12px;z-index:999;font-size:12px;box-shadow:0 8px 25px #24364f22; }
#taskListsPanel .ql-toast button { color:#b6dcff;background:transparent;border:0;font-size:12px; }
#taskListsPanel .ql-import { margin-top:20px;padding:15px;background:#f8faff;border-radius:10px;font-size:12px;color:#7d8ea8; }
#taskListsPanel .ql-import h3 { font-size:12px;font-weight:500; }
#taskListsPanel .ql-import button { display:flex;align-items:center;gap:8px;width:100%;border:0;border-bottom:1px solid #e6ecf7;background:transparent;padding:12px 0;color:#607695;text-align:start; }
#taskListsPanel .ql-import small { margin-inline-start:auto;font-size:10px;color:#95a4b9; }
@media(max-width:1200px) { #taskListsPanel .ql-nav { width:195px;padding-inline:10px; } #taskListsPanel .ql-main { padding:20px; } #taskListsPanel .ql-detail { width:250px; } }
@media(max-width:1000px) { #taskListsPanel .ql-shell { position:relative; } #taskListsPanel .ql-detail { position:absolute;inset-block:0;inset-inline-end:0;width:min(330px,100%);z-index:3;overflow:auto;box-shadow:12px 0 40px #24364f18; } }
@media(max-width:650px) { #taskListsPanel .ql-page-head { flex-wrap:wrap; } #taskListsPanel .ql-head-actions button { padding:6px 9px;font-size:10px; } #taskListsPanel .ql-shell { flex-direction:column;border-radius:15px; } #taskListsPanel .ql-nav { width:100%;padding:14px;border:0;border-bottom:1px solid #e8edf3;border-radius:15px 15px 0 0; } #taskListsPanel .ql-nav-title,#taskListsPanel .ql-storage-note { display:none; } #taskListsPanel .ql-nav nav { flex-direction:row;overflow:auto; } #taskListsPanel .ql-nav nav button { flex-shrink:0;font-size:11px;gap:7px; } #taskListsPanel .ql-nav-divider { margin:10px 0; } #taskListsPanel .ql-list-label { padding:0 5px 5px; } #taskListsPanel .ql-main { padding:16px; } #taskListsPanel .ql-hero { padding:18px; } #taskListsPanel .ql-hero h2 { font-size:23px; } #taskListsPanel .ql-hero-bottom { font-size:9px; } #taskListsPanel .ql-tools { flex-wrap:wrap; } #taskListsPanel .ql-tools label { flex-basis:55%; } #taskListsPanel .ql-add button { font-size:10px;padding:10px; } #taskListsPanel .ql-add input { font-size:11px; } #taskListsPanel .ql-detail { position:fixed;top:10vh;bottom:3vh;inset-inline:12px;width:auto;border-radius:16px; } #taskListsPanel .ql-toast { width:90%;font-size:11px; } }

/* Compact quick-list header: keep task entry and the list above the fold. */
#taskListsPanel { padding-top: 14px !important; }
#taskListsPanel .ql-page-head { margin-bottom: 14px; }
#taskListsPanel .ql-page-head .ql-eyebrow,
#taskListsPanel .ql-page-head p,
#taskListsPanel .ql-hero > p,
#taskListsPanel .ql-add-hint,
#taskListsPanel .ql-nav-title > span { display: none; }
#taskListsPanel .ql-page-head h1 { margin: 0; font-size: 22px; }
#taskListsPanel .ql-main { padding-top: 18px; }
#taskListsPanel .ql-hero { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 8px 16px; padding: 16px 20px; }
#taskListsPanel .ql-hero:after { display: none; }
#taskListsPanel .ql-hero h2 { grid-column: 1; grid-row: 1; margin: 0; font-size: 22px; }
#taskListsPanel .ql-hero-top { grid-column: 2; grid-row: 1; }
#taskListsPanel .ql-hero-icon { width: 28px; height: 28px; border-radius: 8px; }
#taskListsPanel .ql-hero-icon svg { width: 17px; height: 17px; }
#taskListsPanel .ql-hero-bottom { grid-column: 1 / -1; margin-top: 0; font-size: 10px; }
#taskListsPanel .ql-add { margin-top: 16px; }
#taskListsPanel .ql-tools { margin-top: 14px; margin-bottom: 14px; }
#taskListsPanel .ql-nav { padding-top: 20px; }
#taskListsPanel .ql-nav-title { padding-bottom: 16px; }
@media (max-width: 650px) {
  #taskListsPanel .ql-page-head { margin-bottom: 12px; gap: 10px; }
  #taskListsPanel .ql-main { padding-top: 14px; }
  #taskListsPanel .ql-hero { padding: 13px 14px; gap: 8px; }
  #taskListsPanel .ql-hero h2 { font-size: 19px; }
  #taskListsPanel .ql-hero-top { gap: 6px; font-size: 9px; }
}