/* 2.0.0 workspace surfaces; business modules retain their existing styles. */
.workspace-shell.app-shell { grid-template-columns:minmax(0,1fr); }
.workspace-shell > .sidebar { display:none; }
.workspace-shell > .main { grid-template-rows:auto 70px minmax(0,1fr); min-width:0; }
.workspace-navigation { position:relative; display:flex; align-items:center; gap:12px; padding:12px 32px; background:rgba(255,255,255,.94); border-bottom:1px solid var(--line); z-index:40; }
.workspace-brand { display:flex; align-items:center; gap:10px; font-size:20px; font-weight:750; color:var(--ink); background:none; border:0; margin-right:20px; white-space:nowrap; }
.workspace-brand img { width:34px; height:34px; }
.workspace-navigation > .nav-item { width:auto; white-space:nowrap; }
.workspace-tasks-entry { display:inline-flex; align-items:center; gap:8px; }
.workspace-entry-icon { display:grid; place-items:center; width:20px; height:20px; flex:0 0 20px; }
.workspace-entry-icon .nav-svg-icon { width:20px; height:20px; }
.workspace-navigation .nav-item.active { color:#2462d8; background:#eaf1ff; }
.workspace-menu { position:relative; }
.workspace-menu summary { padding:12px; cursor:pointer; color:#4f607e; font-size:13px; white-space:nowrap; border-radius:10px; }
.workspace-menu[open] summary { background:#edf3ff; color:#2f6bea; }
.workspace-menu > div { position:absolute; left:0; top:100%; width:205px; padding:10px; border:1px solid var(--line); border-radius:14px; background:white; box-shadow:0 18px 45px #354e8226; }
.workspace-menu .nav-item { display:grid; grid-template-columns:24px minmax(0,1fr); align-items:center; column-gap:12px; width:100%; min-height:44px; padding:10px 12px; text-align:left; color:#344361; }
.workspace-menu-icon { display:grid; place-items:center; width:24px; height:24px; color:currentColor; line-height:1; }
.workspace-menu-icon .nav-svg-icon { display:block; width:18px; height:18px; }
.workspace-menu-icon .nav-letter-icon { display:grid; place-items:center; width:18px; height:18px; font-size:17px; font-weight:800; line-height:1; }
.workspace-menu-label { min-width:0; line-height:1.35; white-space:nowrap; }
.workspace-logout { margin-left:auto; font-size:12px; white-space:nowrap; }
.workspace-grid { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(340px,1fr); gap:20px; align-items:start; }
.workspace-grid.workspace-dashboard-content { grid-template-columns:minmax(0,1fr); }
.workspace-left { display:grid; gap:18px; min-width:0; }
.workspace-panel { min-width:0; overflow:hidden; }
.workspace-panel .panel-header { gap:12px; }
.workspace-panel .panel-header .muted { font-size:11px; }
.workspace-panel .panel-body { padding:16px 20px; }
.workspace-panel .table-card { box-shadow:none; border:0; border-radius:10px; }
.workspace-panel td,.workspace-panel th { padding:11px 10px; font-size:12px; }
.workspace-panel .panel-header select { width:auto; min-width:85px; }
.workspace-blue { color:#2f6bea; }
.workspace-reminders { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); background:white; border:1px solid var(--line); border-radius:16px; box-shadow:var(--shadow); padding:10px; }
.workspace-reminders button { border:0; background:transparent; display:flex; align-items:center; gap:10px; padding:12px 10px; text-align:left; color:var(--ink); border-radius:10px; }
.workspace-reminders button:hover { background:#f3f7ff; }
.workspace-reminders i { display:grid; place-items:center; font-style:normal; width:34px; height:34px; flex-shrink:0; color:#2f6bea; background:#edf3ff; border-radius:10px; }
.workspace-reminders i.orange { color:#c77c37; background:#fff1e6; }
.workspace-reminders i.green { color:#328468; background:#e8f8ef; }
.workspace-reminders span { font-size:12px; font-weight:650; }
.workspace-reminders small { display:block; font-size:10px; font-weight:400; color:var(--muted); margin-top:5px; }
.workspace-stage-rail { display:flex; justify-content:space-between; padding:5px 10px 22px; }
.workspace-stage-rail > div { flex:1; text-align:center; position:relative; display:grid; gap:7px; font-size:11px; }
.workspace-stage-rail > div:not(:last-child)::after { content:''; position:absolute; top:6px; left:50%; width:100%; height:2px; background:#dbe5f4; }
.workspace-stage-rail i { width:13px; height:13px; margin:auto; border:2px solid #93b5f4; border-radius:50%; background:white; position:relative; z-index:1; }
.workspace-stage-rail b { font-size:13px; color:#2f6bea; }
.workspace-explainer { display:block; margin-top:10px; color:var(--muted); font-size:10px; }
.workspace-shortcut-choices { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; padding:20px 0; }
.workspace-shortcut-choices label { display:flex; gap:9px; align-items:center; font-size:13px; }
.workspace-shortcut-choices input { width:auto; min-height:0; }
.workspace-bottom { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-top:20px; }
.workspace-funds { display:grid; gap:9px; }
.workspace-funds button { display:flex; gap:12px; align-items:center; padding:10px 0; border:0; border-bottom:1px solid #edf1f7; background:none; text-align:left; color:#4f607e; font-size:12px; }
.workspace-funds time { color:#2f6bea; white-space:nowrap; }
.workspace-funds strong { margin-left:auto; white-space:nowrap; color:var(--ink); }
.workspace-freight { display:flex; gap:20px; align-items:center; }
.workspace-freight > div { flex:1; }
.workspace-freight strong { display:block; font-size:24px; color:#2f6bea; margin:10px 0; }
.workspace-freight strong small { font-size:12px; font-weight:400; }
.workspace-freight svg { width:45%; }
#workspace-task-board { min-width:0; }
#workspace-task-board .panel-header { gap:8px; }
#workspace-task-board .panel-header .button { font-size:12px; }
.note-tabs { display:flex; gap:8px; padding-bottom:14px; flex-wrap:wrap; }
.note-tabs .button { min-height:32px; font-size:12px; border-color:transparent; background:none; }
.note-tabs .button.selected { color:#2f6bea; background:#eaf1ff; }
.note-board { display:grid; gap:22px; padding:10px 3px 16px; }
.task-note { position:relative; display:block; width:100%; padding:24px 22px 17px; color:var(--ink); text-align:left; border:1px solid #e9dfb666; border-radius:7px 12px 5px 9px; background:#fffbe1; box-shadow:1px 6px 12px #3c506414; transform:rotate(-.55deg); transition:transform .18s,box-shadow .18s; }
.task-note:hover { transform:rotate(0deg) translateY(-3px); box-shadow:0 10px 22px #3c506420; }
.task-note:focus-visible { outline:3px solid #679af0; outline-offset:5px; }
.note-card-head { display:flex; gap:12px; justify-content:space-between; align-items:start; }
.note-card-head > strong { font-size:15px; line-height:1.6; overflow-wrap:anywhere; }
.note-meta { display:block; font-size:11px; color:#71809b; margin-top:8px; }
.note-badge { display:inline-block; font-size:10px; color:#5874a4; padding:4px 9px; border-radius:20px; background:#e8f0ff; white-space:nowrap; font-weight:600; }
.note-badge.pending { color:#a87925; background:#fff1cc; }
.note-badge.completed { color:#30805c; background:#daf4e5; }
.note-badge.rejected { color:#ad5c65; background:#fce4e7; }
.note-excerpt { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; margin-top:17px; font-size:12px; line-height:1.8; overflow-wrap:anywhere; white-space:pre-wrap; }
.note-latest { display:block; border-top:1px solid #7d92b41c; margin-top:13px; padding-top:12px; font-size:12px; line-height:1.7; overflow-wrap:anywhere; }
.note-card-foot { display:flex; justify-content:space-between; gap:10px; margin-top:12px; font-size:11px; color:#2f6bea; }
.note-decoration { position:absolute; top:-8px; left:24px; width:15px; height:15px; border-radius:50%; background:linear-gradient(130deg,#e99d66,#c65b31); box-shadow:1px 4px 4px #59493535; }
.note-decoration::after { content:''; position:absolute; top:8px; left:-4px; width:16px; height:12px; border-radius:50%; background:inherit; z-index:-1; }
.tape-lilac { background:linear-gradient(125deg,#f2edff,#eeebfc); border-color:#e0d8f7; transform:rotate(.6deg); }
.tape-lilac .note-decoration { width:36px; height:17px; background:#b3a1f577; border-radius:1px; transform:rotate(-32deg); top:-5px; left:14px; box-shadow:none; }
.tape-lilac .note-decoration::after { display:none; }
.pin-mint { background:linear-gradient(135deg,#edfaee,#e5f7ed); border-color:#d7eddf; transform:rotate(-.35deg); }
.pin-mint .note-decoration { background:linear-gradient(130deg,#93bf84,#4e976e); }
.fold-blue { background:#edf5ff; border-color:#d9e7f8; transform:rotate(.4deg); }
.fold-blue::after { content:''; position:absolute; right:0; bottom:0; border-width:0 0 18px 18px; border-style:solid; border-color:transparent transparent #dae8fa #bcd4ef; }
.fold-blue .note-decoration { display:none; }
.ruled-rose { background:repeating-linear-gradient(0deg,transparent 0 27px,#d2bac722 28px 29px),#fff0f3; border-color:#f0dce4; transform:rotate(-.3deg); }
.ruled-rose .note-decoration { border-radius:2px; width:35px; height:15px; background:#deb4c377; box-shadow:none; }
.ruled-rose .note-decoration::after { display:none; }
.note-empty { text-align:center; color:var(--muted); padding:40px 15px; border:1px dashed #ceddf2; border-radius:14px; line-height:2; }
.note-empty small { font-size:11px; }
.workspace-stats { border-top:1px solid #edf1f7; padding-top:18px; margin-top:6px; }
.workspace-stats header { display:flex; justify-content:space-between; align-items:center; gap:10px; }
.workspace-stats h4 { font-size:13px; margin:0; }
.workspace-stats input { width:135px; min-height:32px; font-size:11px; }
.workspace-stat-numbers { display:flex; flex-wrap:wrap; gap:12px 18px; align-items:baseline; margin:16px 0; font-size:11px; color:var(--muted); font-variant-numeric:tabular-nums; }
.workspace-stat-numbers b { font-size:16px; font-weight:600; margin-left:3px; color:#304665; }
.workspace-stat-bar { height:5px; display:flex; overflow:hidden; border-radius:5px; background:#edf2f9; }
.workspace-stat-bar .done { background:#76b798; }.workspace-stat-bar .working { background:#739ded; }.workspace-stat-bar .waiting { background:#e4bd70; }.workspace-stat-bar .rejected { background:#d895a0; }
.workspace-stats p,.workspace-stats small { display:block; font-size:10px; line-height:1.8; color:var(--muted); }
.workspace-tasks-page { max-width:1100px; margin:auto; }
.workspace-tasks-page .note-board { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.note-dialog.modal-card { width:min(720px,94vw); max-height:90dvh; position:relative; overflow:visible; border-radius:10px 18px 28px 10px; background:#fffbea; box-shadow:0 25px 80px #203f643b; transform:none; animation:note-unfold .22s ease-out; }
.note-dialog.tape-lilac { background:#f4f0ff; }.note-dialog.pin-mint { background:#f0faf2; }.note-dialog.fold-blue { background:#f1f7ff; }.note-dialog.ruled-rose { background:repeating-linear-gradient(0deg,transparent 0 29px,#d2bac712 30px 31px),#fff4f6; }
.note-dialog::before { content:''; position:absolute; width:76px; height:25px; background:#a7bdf37a; left:calc(50% - 38px); top:-11px; transform:rotate(-4deg); pointer-events:none; }
.note-dialog.pin-yellow::before,.note-dialog.pin-mint::before { width:18px; height:18px; left:30px; top:-7px; border-radius:50%; background:#dc9759; box-shadow:2px 6px 5px #76532930,inset 2px 2px 3px #ffffff80; }
.note-dialog.pin-mint::before { background:#70a778; }
.note-dialog.fold-blue::before { left:auto; right:0; top:0; width:30px; height:30px; transform:none; background:linear-gradient(45deg,#cadcf4 50%,#f8fbff 51%); border-radius:0 16px 0 5px; }
.note-dialog > header { border:0; padding:30px 32px 12px; align-items:start; }
.note-dialog h2 { font-size:24px; line-height:1.4; overflow-wrap:anywhere; }
.note-dialog .eyebrow { font-size:11px; color:#6f87aa; margin-bottom:8px; }
.note-dialog .modal-close { background:transparent; flex-shrink:0; }
.note-dialog .modal-body { max-height:calc(90dvh - 130px); overflow-y:auto; padding:10px 32px 28px; }
.note-detail-meta { display:flex; justify-content:space-between; align-items:center; gap:16px; font-size:13px; }
.note-body-text { font-size:15px; line-height:1.95; white-space:pre-wrap; overflow-wrap:anywhere; margin:24px 0; }
.note-receipt { color:#6d86a8; font-size:11px; }
.note-record-title { font-size:12px; font-weight:500; color:#7b8ca7; border-top:1px dashed #b8c8dd; padding-top:20px; margin-top:20px; }
.note-history { display:grid; gap:16px; margin:18px 0; }
.note-history section { border-left:2px solid #b6cce74d; padding-left:14px; }
.note-history section > div:first-child { display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
.note-history strong { font-size:12px; }.note-history small { font-size:10px; color:#8192a8; }
.note-history p { background:#ffffff66; border-radius:8px; padding:10px 12px; line-height:1.8; font-size:13px; white-space:pre-wrap; overflow-wrap:anywhere; margin:8px 0; }
.note-attachments { display:flex; flex-wrap:wrap; gap:8px; margin-top:10px; }
.note-attachments .button { min-height:28px; font-size:11px; background:#ffffff66; max-width:100%; overflow-wrap:anywhere; white-space:normal; }
.note-dialog textarea { background:#ffffff80; border-color:#d7e2f0; line-height:1.8; resize:vertical; }
.note-create-form { display:grid; gap:18px; }
.note-create-form > label,.note-transfer-target { display:grid; gap:8px; font-size:12px; color:#657995; }
.note-dialog input,.note-dialog select { background:#ffffff90; }
.note-file-input { display:block; padding:12px 0; font-size:12px; color:#5e779a; }
.note-file-input small { font-size:10px; margin-left:8px; }
.note-file-input input { display:block; width:100%; border:0; background:none; padding:8px 0; min-height:0; font-size:11px; }
.note-dialog footer { display:flex; justify-content:flex-end; flex-wrap:wrap; gap:8px; margin-top:14px; }
.note-dialog footer .button { font-size:12px; min-height:36px; }
.note-inline-error { color:#b35060; font-size:12px; line-height:1.7; }
.note-action-hint { display:block; margin-top:14px; font-size:10px; color:#8190a5; line-height:1.7; }
.note-transfer-target[hidden] { display:none; }
@keyframes note-unfold { from { opacity:0; transform:translateY(12px) rotate(-1deg) scale(.985); } to { opacity:1; transform:none; } }
@media(max-width:1100px) { .workspace-navigation { gap:3px; padding-inline:16px; flex-wrap:wrap; }.workspace-brand { margin-right:5px; }.workspace-menu summary { padding:9px; }.workspace-grid { grid-template-columns:minmax(0,1.15fr) minmax(315px,1fr); }.workspace-reminders small { display:none; }.workspace-reminders button { flex-direction:column; padding:8px; }.workspace-reminders span { font-size:11px; } }
@media(max-width:800px) { .workspace-grid,.workspace-bottom { grid-template-columns:1fr; }.workspace-navigation { padding:10px; gap:4px; }.workspace-menu summary { font-size:11px; padding:7px; }.workspace-brand { font-size:15px; }.workspace-brand img { width:26px; height:26px; }.workspace-navigation>.nav-item { font-size:11px; }.workspace-logout { font-size:10px; min-height:30px; }.workspace-tasks-page .note-board { grid-template-columns:1fr; }.workspace-shortcut-choices { grid-template-columns:repeat(2,minmax(0,1fr)); }.note-dialog > header { padding:23px 20px 10px; }.note-dialog .modal-body { padding:10px 20px 20px; }.note-dialog h2 { font-size:20px; }.workspace-menu > div { position:fixed; left:16px; right:16px; top:95px; width:auto; max-height:65dvh; overflow:auto; }.workspace-funds button { flex-wrap:wrap; } }
@media(prefers-reduced-motion:reduce) { .task-note,.note-dialog.modal-card { animation:none; transition:none; } }

/* Paper-note dialog: decorations never intercept input or change workflow state. */
.note-modal-layer { background:#23345463; backdrop-filter:blur(7px); padding:38px 20px; }
.note-dialog.modal-card { --paper:#fff8d7; width:min(1050px,94vw); max-height:90dvh; border:0; border-radius:9px 14px 48px 10px; background:radial-gradient(ellipse at 20% 10%,#ffffff70,transparent 65%),repeating-linear-gradient(27deg,#b99b5a05 0 1px,transparent 1px 4px),var(--paper); box-shadow:0 26px 65px #24304555,-13px 12px 0 -4px #e8cfc2,12px -10px 0 -6px #ecebd7; }
.note-dialog.tape-lilac { --paper:#f3edff; }.note-dialog.pin-mint { --paper:#eff9df; }.note-dialog.fold-blue { --paper:#eaf4ff; }.note-dialog.ruled-rose { --paper:#fff0e8; }
.note-dialog.modal-card::before { width:29px; height:29px; left:calc(50% - 15px); right:auto; top:-19px; border-radius:50%; background:radial-gradient(circle at 35% 25%,#ff9b8b,#e03d32 55%,#a42121); box-shadow:0 9px 0 -3px #c62b23,-7px 18px 8px #70452e50; transform:rotate(20deg); z-index:2; }
.note-dialog::after { content:''; position:absolute; right:0; bottom:0; width:40px; height:42px; border-radius:0 0 42px 0; background:linear-gradient(135deg,transparent 46%,#e6d5919c 49%,#fff9e7 75%); pointer-events:none; }
.note-dialog > header { padding:30px 44px 5px; }
.note-dialog .eyebrow { display:table; padding:4px 15px; margin:0 0 12px; background:#ffe397a3; color:#71552b; font-size:15px; font-weight:700; transform:rotate(-3deg); border-radius:35% 14% 25% 10%; }
.note-dialog h2 { font-family:'KaiTi','STKaiti','Microsoft YaHei',sans-serif; font-size:clamp(24px,3vw,38px); line-height:1.4; color:#172947; display:inline; background:linear-gradient(transparent 76%,#ffda73ad 76% 94%,transparent 94%); }
.note-dialog .modal-body { padding:14px 44px 26px; max-height:calc(90dvh - 145px); }
.note-detail-meta { margin-bottom:5px; }
.note-dialog .note-badge { padding:9px 16px; border:1px solid #e4ca8580; background:#ffecaf; color:#72582b; transform:rotate(-5deg); border-radius:13px 8px 16px 9px; box-shadow:0 4px 9px #967a2520; }
.note-dialog .note-body-text { margin:18px 0 14px; font-size:16px; line-height:1.8; }
.note-dialog .note-receipt { display:table; padding:9px 16px; background:#e9edf5b0; border-radius:2px 8px 2px 5px; color:#526482; font-size:12px; }
.note-dialog .note-record-title { position:relative; display:table; padding:7px 23px; margin:24px 0 -6px 12px; background:#f2c9be; transform:rotate(-3deg); z-index:1; font-family:'KaiTi','Microsoft YaHei',sans-serif; font-size:22px; color:#263b59; box-shadow:1px 3px 4px #74544316; }
.note-dialog .note-history { background:#fffef9eb; padding:25px 26px 16px; border:0; border-bottom:3px dashed #e5decf; border-radius:2px 9px 4px 12px; box-shadow:0 4px 7px #7667471c; margin-bottom:22px; }
.note-dialog .note-history section { position:relative; border-left:1px solid #d9dce1; padding:8px 10px 10px 22px; margin:0; }
.note-dialog .note-history section::before { content:''; position:absolute; left:-5px; top:14px; width:9px; height:9px; border-radius:50%; background:#6b87e4; box-shadow:0 2px 4px #485c6430; }
.note-dialog .note-history section p { background:#eaf0e780; border-radius:4px 9px 8px 4px; padding:9px 12px; margin:8px 0 0; }
.note-dialog #note-action-form > textarea { width:100%; min-height:115px; padding:15px 18px 15px 32px; border-radius:4px 8px 4px 2px; background:radial-gradient(circle at 12px 18px,#d6bc75 0 4px,transparent 5px) left top/24px 28px repeat-y,#ffffffdb; box-shadow:0 3px 5px #67583813; }
.note-dialog .note-file-input { padding:12px 18px; background:#fbe6e5c9; border-radius:3px 12px 5px 10px; }
.note-dialog footer { margin-top:20px; gap:12px; }
.note-dialog footer .button { min-height:43px; padding:10px 22px; border-radius:12px 15px 10px 14px; font-size:14px; transition:transform .16s,box-shadow .16s; }
.note-dialog footer .button:hover { transform:translateY(-2px); box-shadow:0 5px 10px #495bac20; }.note-dialog footer .button:active { transform:translateY(0); }
.note-dialog .note-action-hint { font-size:11px; }
@media(max-width:640px) { .note-modal-layer { padding:25px 10px; }.note-dialog > header { padding:24px 20px 5px; }.note-dialog .modal-body { padding:12px 20px 22px; }.note-dialog .note-history { padding:20px 12px 10px; }.note-dialog footer { gap:7px; }.note-dialog footer .button { padding:8px 12px; }.note-dialog .note-badge { transform:none; } }
@media(prefers-reduced-motion:reduce) { .note-dialog footer .button { transition:none; } }

/* Pinned stationery: live accessible controls. */
@font-face { font-family:'Note Hand'; src:url('assets/MaShanZheng-Regular.ttf') format('truetype'); font-weight:400; font-display:swap; }
#workspace-task-board.panel { position:relative; isolation:isolate; border:0; border-radius:0; background:transparent; box-shadow:none; padding:78px 25px 56px; margin-top:-16px; }
#workspace-task-board.panel::before { content:''; position:absolute; inset:0; z-index:-1; pointer-events:none; }
#workspace-task-board > .panel-header { background:transparent; border:0; padding:22px 18px 18px; gap:12px; }
#workspace-task-board > .panel-header h3 { font-family:'Note Hand','KaiTi',serif; font-weight:400; font-size:30px; color:#263357; }
#workspace-task-board > .panel-body { padding:6px 18px 0; }
#workspace-task-board .note-tabs { gap:6px; flex-wrap:wrap; margin-bottom:22px; }
#workspace-task-board .note-empty { min-height:160px; background:#ffffff50; border:1px dashed #bdc5df; border-radius:8px; }
#workspace-task-board .workspace-stats { border-top:1px solid #c7cce080; margin-top:22px; }
#workspace-task-board .workspace-stat-numbers b { font-size:18px; font-weight:600; }
#workspace-task-board.workspace-tasks-page { max-width:1080px; margin:0 auto; }
.note-dialog.modal-card { width:min(1100px,96vw); max-height:94dvh; border-radius:0; padding:60px 30px 40px; background:transparent; box-shadow:none; isolation:isolate; }
.note-dialog.modal-card::before { inset:0; width:auto; height:auto; border-radius:0; transform:none; box-shadow:none; z-index:-1; }
.note-dialog.modal-card::after { display:none; }
.note-dialog > header { padding:24px 38px 8px; }
.note-dialog h2 { font-family:'Note Hand','KaiTi',serif; font-size:clamp(27px,3.2vw,44px); font-weight:400; line-height:1.3; background:none; padding-bottom:8px; border-bottom:5px solid #ffda78; }
.note-dialog .eyebrow { font-family:'Note Hand','KaiTi',serif; font-weight:400; font-size:24px; }
.note-dialog .modal-body { padding:10px 38px 14px; max-height:calc(94dvh - 250px); }
.note-dialog .note-badge { font-family:'Note Hand','KaiTi',serif; font-size:23px; font-weight:400; }
.note-dialog .note-detail-meta { font-size:17px; }
.note-dialog .note-record-title { font-family:'Note Hand','KaiTi',serif; font-weight:400; font-size:29px; border:0; margin-top:32px; }
.note-dialog .note-history { padding:22px 26px 18px; background:#fffdfa; }
.note-dialog .note-history section div { flex-wrap:wrap; gap:8px; }
.note-dialog .note-file-input { width:fit-content; max-width:100%; font-size:13px; }
.note-dialog #note-action-form > textarea { background:#fffdfa; min-height:125px; padding:18px 20px; }
.note-dialog .note-create-form { gap:20px; }
.note-dialog .note-create-form [name=title] { font-family:'Note Hand','KaiTi',serif; font-size:27px; }
.note-dialog footer .button { font-size:15px; min-height:44px; }
@media(max-width:700px) {
  #workspace-task-board.panel { padding:60px 12px 42px; }
  #workspace-task-board > .panel-header,#workspace-task-board > .panel-body { padding-left:16px; padding-right:16px; }
  .note-dialog.modal-card { padding:45px 12px 26px; }
  .note-dialog > header { padding:14px 18px 8px; }
  .note-dialog .modal-body { padding:8px 18px; max-height:calc(94dvh - 205px); }
  .note-dialog .note-history { padding:20px 10px; }
}