/* Independent paper, pin and fold: only the paper middle grows with content. */
#workspace-task-board.panel,
.note-dialog.modal-card {
  --note-image:url('assets/paper-178-yellow-unpinned.png');
  --note-inset:clamp(24px,4vw,48px);
  position:relative;
  box-sizing:border-box;
  isolation:isolate;
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
  padding:60px var(--note-inset) 110px;
  color:#263b59;
  overflow:visible;
}
#workspace-task-board.panel { --note-image:url('assets/paper-178-blue-unpinned.png'); margin:0 auto; }
.note-dialog.fold-blue { --note-image:url('assets/paper-178-blue-unpinned.png'); }
.note-dialog.modal-card { --note-image:url('assets/paper-178-yellow-unpinned.png'); }
#workspace-task-board.panel::before,
.note-dialog.modal-card::before {
  content:''; position:absolute; inset:0;
  width:auto; height:auto; background:transparent; border:0 solid transparent; border-radius:0;
  /* Nine-slice: original textured sheets and curl, fixed proportional corners. */
  border-image-source:var(--note-image);
  border-image-slice:200 300 320 120 fill;
  border-image-width:70px 105px 112px 42px;
  border-image-repeat:stretch;
  transform:none; box-shadow:none; z-index:-1; pointer-events:none;
}
#workspace-task-board.panel::after,
.note-dialog.modal-card::after {
  display:none;
}
#workspace-task-board > .panel-header::before,
.note-dialog > header::before {
  content:''; position:absolute; top:4px; left:calc(50% - 28px);
  width:56px; height:64px; background:url('assets/note-pin.svg') center/contain no-repeat;
  pointer-events:none;
}
#workspace-task-board > .panel-header { padding:16px 0 20px; align-items:flex-start; flex-wrap:wrap; }
#workspace-task-board > .panel-body { padding:0; min-width:0; }
#workspace-task-board .note-tabs { padding:4px 12px; gap:8px; flex-wrap:wrap; }
.note-board-tools { margin-left:auto; display:flex; flex-direction:column; align-items:flex-end; gap:12px; max-width:100%; }
.note-month { width:auto; max-width:100%; min-height:40px; border:0; border-bottom:1px dashed #8299b5; border-radius:0; padding:6px 8px; background:transparent; color:#385374; font-family:'Note Hand','KaiTi',serif; font-size:20px; }
#workspace-task-board .note-board { min-width:0; }
#workspace-task-board .workspace-stats { padding-bottom:0; }
#workspace-task-board small,.note-dialog small { color:#52617c; }
.note-modal-layer { padding:32px 16px; overflow:hidden; align-items:center; }
.note-dialog.modal-card {
  width:min(1100px,calc(100vw - 40px)); max-height:calc(100dvh - 64px);
  display:flex; flex-direction:column; min-height:0;
}
.note-dialog > header { padding:24px 20px 8px; flex:0 0 auto; min-width:0; gap:16px; }
.note-dialog > header > div { min-width:0; }
.note-dialog h2 { display:block; font-size:clamp(27px,3.2vw,44px); line-height:1.3; max-height:18dvh; overflow:auto; overflow-wrap:anywhere; margin:0; }
.note-dialog .eyebrow:empty { display:none; }
.note-dialog .modal-close { flex:0 0 44px; width:44px; height:44px; }
.note-dialog .modal-body {
  flex:0 1 auto; min-height:0; max-height:none; padding:10px 20px 14px;
  overflow-y:auto; overflow-x:hidden; overscroll-behavior:contain;
  scrollbar-gutter:stable; scrollbar-width:thin; scrollbar-color:#9bacc4 transparent;
}
.note-dialog .modal-body > *, .note-dialog form, .note-dialog label { min-width:0; max-width:100%; box-sizing:border-box; }
.note-dialog input,.note-dialog select,.note-dialog textarea { min-width:0; max-width:100%; box-sizing:border-box; }
.note-dialog textarea { resize:vertical; max-height:40dvh; }
.note-dialog .note-file-input input { width:100%; white-space:normal; }
.note-dialog .note-detail-meta,.note-dialog footer { flex-wrap:wrap; }
.note-dialog .note-detail-meta > span { overflow-wrap:anywhere; }
.note-dialog .note-history { padding:22px 26px 18px; }
.note-dialog .note-list-dialog { display:grid; grid-template-columns:minmax(0,1fr); gap:24px; padding:12px 8px; }
.note-dialog .note-list-dialog .task-note { width:100%; min-width:0; }
.note-dialog .note-list-dialog .note-badge { font-family:inherit; font-size:12px; transform:none; padding:4px 8px; }
.note-dialog .note-file-input { overflow-wrap:anywhere; }
.note-dialog .note-meta,.note-dialog .note-history strong,#workspace-task-board .note-meta { overflow-wrap:anywhere; }
.note-card-head { flex-wrap:wrap; }
.note-dialog ::placeholder { color:#626b7b; }
.note-dialog ::selection,#workspace-task-board ::selection { background:#c7ddfa; color:#172947; }
.note-dialog :focus-visible,#workspace-task-board :focus-visible { outline:2px solid #4764c8; outline-offset:3px; }
/* Reference stationery: scope every override to the note dialog only. */
.note-modal-layer { background:#34415c80; backdrop-filter:blur(8px); }
.note-dialog.modal-card { padding-top:48px; padding-bottom:64px; color:#182b48; }
.note-dialog > header::before { top:-9px; left:calc(50% - 42px); width:84px; height:94px; background-image:url('assets/note-red-pin-reference.png'); }
.note-dialog > header { position:static; padding:20px 20px 8px; }
.note-dialog > header > div { position:relative; width:100%; padding-right:130px; }
.note-dialog > header > div::after { content:'Good\A Work!\A ◡'; white-space:pre; position:absolute; right:4px; top:45px; transform:rotate(-12deg); font-family:'Note Hand','Segoe Print',cursive; font-size:27px; line-height:1.05; color:#899397; opacity:.8; pointer-events:none; }
.note-dialog .eyebrow { background:#ffe495; padding:5px 18px; font-size:23px; margin-bottom:12px; border-radius:42% 12% 31% 9%; }
.note-dialog h2 { width:fit-content; max-width:100%; border:0; font-weight:400; text-shadow:.5px 0 currentColor; background:linear-gradient(transparent 70%,#ffdd76 70% 92%,transparent 92%); padding:0 7px 9px 0; overflow-wrap:anywhere; }
.note-dialog .modal-close { position:absolute; right:46px; top:42px; color:#626e84; font-size:34px; }
.note-dialog .note-detail-meta { align-items:flex-start; font-size:18px; }
.note-dialog .note-badge { margin-top:-12px; margin-right:12px; padding:10px 21px; font-size:25px; }
.note-dialog .note-meta { font-size:15px; color:#526482; }
.note-dialog .note-body-text { font-size:18px; line-height:1.7; margin:18px 0; }
.note-dialog .note-receipt { font-size:14px; padding:11px 18px; background:#e9edf4; border-radius:0; border-inline:5px dotted #fff8de; }
.note-dialog .note-record-title { margin:32px 0 -12px 12px; padding:6px 22px; font-size:28px; box-shadow:2px 3px 5px #73543b24; }
.note-dialog .note-history { position:relative; margin-top:0; gap:0; padding-top:30px; background:#fffdfa; border-radius:1px; border-bottom:4px dashed #ebe4d7; box-shadow:0 5px 8px #77603b26; }
.note-dialog .note-history::after { content:''; position:absolute; right:18px; top:9px; width:37px; height:47px; background:url('assets/note-stationery-marks.svg') center/contain no-repeat; pointer-events:none; }
.note-dialog .note-history section { padding-top:12px; padding-bottom:12px; }
.note-dialog .note-history section+section::before { background:#36a36c; }
.note-dialog .note-history strong { font-size:16px; }
.note-dialog .note-history small { font-size:14px; color:#5b6c85; }
.note-dialog .note-history p { font-size:17px; padding:12px 16px; }
.note-reply-sheet { position:relative; margin:20px 0 14px; padding:10px 10px 10px 30px; background:radial-gradient(circle at 12px 17px,#d4bd75 0 6px,transparent 7px) left top/25px 28px repeat-y,#fffdfa; box-shadow:0 3px 6px #75624126; }
.note-reply-sheet::after { content:''; position:absolute; right:-3px; top:-16px; width:60px; height:60px; background:url('assets/note-pencil.svg') center/contain no-repeat; pointer-events:none; }
.note-dialog .note-reply-sheet textarea { display:block; width:100%; min-height:120px; padding:14px; border:1px solid #c4c6cb; border-radius:11px; font-size:17px; background:transparent; }
.note-dialog .note-file-input { position:relative; width:fit-content; max-width:100%; padding:12px 24px 10px 43px; background:#fbe6e4; border-radius:0; border-right:5px dotted #fff8dd; box-shadow:0 3px 5px #92725e20; }
.note-dialog .note-file-input::before { content:''; position:absolute; left:9px; top:7px; width:27px; height:36px; background:url('assets/note-stationery-marks.svg') center/contain no-repeat; pointer-events:none; }
.note-dialog .note-file-input small { font-size:12px; }
.note-dialog #note-action-form { position:relative; padding-bottom:12px; }
.note-dialog #note-action-form::after { content:'Make\A it happen! ♡'; position:absolute; right:10px; bottom:105px; white-space:pre; font-family:'Note Hand','Segoe Print',cursive; font-size:24px; line-height:1.05; color:#899397; transform:rotate(-12deg); pointer-events:none; }
.note-dialog footer { position:relative; margin-top:24px; padding-left:145px; }
.note-dialog footer::before { content:'一步一步，\A把事情变好！'; white-space:pre; position:absolute; left:0; bottom:0; font-family:'Note Hand','KaiTi',serif; font-size:18px; line-height:1.35; color:#837b63; transform:rotate(-8deg); pointer-events:none; }
.note-dialog footer .button { min-height:46px; font-size:16px; padding:10px 20px; border:1px solid #9ba4b5; background:#fffef8; color:#182b48; }
.note-dialog footer .button.primary { background:#5268ee; color:#fff; border-color:#6174ed; box-shadow:0 5px 10px #5061ce25; }
.note-dialog .note-action-hint { text-align:center; font-size:11px; margin-top:20px; }
@media(max-width:700px) {
  .note-dialog > header > div { padding-right:0; }
  .note-dialog > header > div::after,.note-dialog #note-action-form::after { display:none; }
  .note-dialog .modal-close { top:28px; right:22px; }
  .note-dialog footer { padding-left:0; padding-bottom:42px; }
  .note-dialog footer::before { bottom:0; font-size:14px; }
  .note-dialog .note-history small { font-size:12px; }
  .note-dialog .note-body-text { font-size:16px; }
}
@media(max-width:600px) {
  #workspace-task-board.panel,.note-dialog.modal-card { --note-inset:24px; padding-top:54px; padding-bottom:80px; }
  #workspace-task-board.panel::before,.note-dialog.modal-card::before { border-image-width:50px 75px 80px 30px; }
  .note-dialog > header { padding:14px 4px 8px; }
  .note-dialog.modal-card { width:calc(100vw - 24px); max-height:calc(100dvh - 48px); }
  .note-modal-layer { padding:24px 12px; }
  .note-dialog .modal-body { padding:4px 4px 12px; }
  .note-dialog .note-history { padding:14px 10px; }
  #workspace-task-board .note-tabs { padding-left:8px; padding-right:8px; }
  .note-dialog footer .button { padding:8px 12px; }
}

/* Selected visual direction: one pinned paper board with three safe-area notes. */
#workspace-task-board.panel {
  --note-image:url('assets/paper-178-yellow-unpinned.png');
  width:100%; min-height:720px; padding:82px clamp(30px,5vw,76px) 105px; container-type:inline-size;
}
#workspace-task-board.panel::before {
  border-image-width:82px 122px 126px 52px;
  filter:hue-rotate(58deg) saturate(.38) brightness(1.035);
}
#workspace-task-board > .panel-header::before {
  top:6px; left:calc(50% - 26px); width:52px; height:58px;
  background-image:url('assets/note-red-pin-reference.png');
}
#workspace-task-board > .panel-header { padding:15px 4px 10px; align-items:center; }
#workspace-task-board > .panel-header h3 {
  font-size:clamp(30px,3vw,44px); line-height:1; letter-spacing:.06em;
  background:linear-gradient(transparent 72%,#ffe29a 72% 94%,transparent 94%);
  padding:0 10px 9px 2px;
}
#workspace-task-board .note-board-tools { flex-direction:row; align-items:center; gap:16px; }
#workspace-task-board .note-month { order:0; font-family:inherit; font-size:13px; border:1px solid #aebfd2; border-radius:8px; background:#ffffffa8; min-height:36px; }
#workspace-task-board .note-tabs { margin:2px 0 18px; padding:0; gap:12px; }
#workspace-task-board .note-tabs .button { position:relative; padding:8px 18px; background:#fffdf2c7; border:0; border-radius:3px 9px 4px 8px; box-shadow:0 3px 7px #53636c18; transform:rotate(-1deg); }
#workspace-task-board .note-tabs .button:nth-child(2) { background:#eee9ffd6; transform:rotate(.8deg); }
#workspace-task-board .note-tabs .button:nth-child(3) { background:#ffecead6; transform:rotate(-.4deg); }
#workspace-task-board .note-tabs .button.selected { color:#29476a; box-shadow:inset 0 -3px #7e9de0,0 3px 7px #53636c18; }
#workspace-task-board .note-board { display:grid; grid-template-columns:1fr; gap:13px; padding:5px 2px 10px; }
#workspace-task-board .task-note,
.note-dialog .note-list-dialog .task-note {
  min-height:138px; padding:22px 25px 16px 31px; border:0; border-radius:2px 9px 5px 8px;
  display:grid; grid-template-columns:minmax(180px,.9fr) minmax(240px,1.35fr) minmax(130px,.55fr); gap:24px; align-items:center;
  background:radial-gradient(ellipse at 22% 8%,#fff9,transparent 57%),repeating-linear-gradient(16deg,#56675707 0 1px,transparent 1px 5px),#e7f5df;
  box-shadow:0 5px 10px #394f4a1c; transform:rotate(-.25deg); overflow:hidden;
}
#workspace-task-board .task-note:nth-child(2),.note-dialog .note-list-dialog .task-note:nth-child(2) { background:radial-gradient(ellipse at 22% 8%,#fff9,transparent 57%),repeating-linear-gradient(16deg,#655d7a07 0 1px,transparent 1px 5px),#eee8ff; transform:rotate(.25deg); }
#workspace-task-board .task-note:nth-child(3),.note-dialog .note-list-dialog .task-note:nth-child(3) { background:radial-gradient(ellipse at 22% 8%,#fff9,transparent 57%),repeating-linear-gradient(16deg,#775a6507 0 1px,transparent 1px 5px),#ffe9eb; transform:rotate(-.18deg); }
#workspace-task-board .task-note::before,.note-dialog .note-list-dialog .task-note::before { content:''; position:absolute; left:11px; top:14px; bottom:14px; border-left:2px dotted #85aa8e78; }
#workspace-task-board .task-note:nth-child(2)::before,.note-dialog .note-list-dialog .task-note:nth-child(2)::before { border-color:#a295c978; }
#workspace-task-board .task-note:nth-child(3)::before,.note-dialog .note-list-dialog .task-note:nth-child(3)::before { border-color:#cc9ca778; }
#workspace-task-board .note-decoration,.note-dialog .note-list-dialog .note-decoration { width:18px; height:20px; top:-3px; left:calc(50% - 9px); background:url('assets/note-red-pin-reference.png') center/contain no-repeat; border-radius:0; box-shadow:none; filter:saturate(.72); }
#workspace-task-board .note-decoration::after,.note-dialog .note-list-dialog .note-decoration::after { display:none; }
#workspace-task-board .note-card-title,.note-dialog .note-list-dialog .note-card-title { min-width:0; display:block; padding-right:18px; border-right:1px solid #8495a43d; }
#workspace-task-board .note-card-title>strong,.note-dialog .note-list-dialog .note-card-title>strong { display:block; font-size:16px; line-height:1.5; color:#1c3150; overflow-wrap:anywhere; }
#workspace-task-board .note-card-copy,.note-dialog .note-list-dialog .note-card-copy { min-width:0; display:block; }
#workspace-task-board .note-card-action,.note-dialog .note-list-dialog .note-card-action { min-width:0; display:flex; min-height:92px; flex-direction:column; align-items:flex-end; justify-content:space-between; }
#workspace-task-board .note-meta,.note-dialog .note-list-dialog .note-meta { font-size:11px; margin-top:4px; }
#workspace-task-board .note-excerpt,.note-dialog .note-list-dialog .note-excerpt { margin-top:0; font-size:12px; line-height:1.65; -webkit-line-clamp:2; max-width:100%; }
#workspace-task-board .note-latest,.note-dialog .note-list-dialog .note-latest { margin-top:8px; padding-top:7px; font-size:11px; line-height:1.5; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#workspace-task-board .note-card-foot,.note-dialog .note-list-dialog .note-card-foot { width:100%; margin-top:8px; }
#workspace-task-board .workspace-stats { margin-top:18px; padding:18px 4px 0; }
#workspace-task-board .workspace-stats h4 { font-family:'Note Hand','KaiTi',serif; font-size:21px; font-weight:400; }
.workspace-tasks-page .note-board { grid-template-columns:1fr; max-width:900px; margin-inline:auto; }
.note-dialog.pin-yellow { --note-image:url('assets/paper-178-yellow-unpinned.png'); filter:none; }
.note-dialog.tape-lilac { --note-image:url('assets/paper-178-blue-unpinned.png'); filter:hue-rotate(70deg) saturate(.52) brightness(1.04); }
.note-dialog.pin-mint { --note-image:url('assets/paper-178-blue-unpinned.png'); filter:hue-rotate(42deg) saturate(.46) brightness(1.05); }
.note-dialog.fold-blue { --note-image:url('assets/paper-178-blue-unpinned.png'); filter:saturate(.68) brightness(1.04); }
.note-dialog.ruled-rose { --note-image:url('assets/paper-178-yellow-unpinned.png'); filter:hue-rotate(318deg) saturate(.44) brightness(1.05); }
@container (max-width:720px) {
  #workspace-task-board .task-note { grid-template-columns:1fr; gap:9px; }
  #workspace-task-board .note-card-title { padding-right:0; border-right:0; }
  #workspace-task-board .note-card-action { min-height:0; flex-direction:row; align-items:center; }
}
@media(max-width:700px) {
  #workspace-task-board.panel { min-height:620px; padding:65px 25px 82px; }
  #workspace-task-board .note-board-tools { width:100%; justify-content:space-between; }
  #workspace-task-board .task-note,.note-dialog .note-list-dialog .task-note { min-height:150px; padding-inline:24px 18px; grid-template-columns:1fr; gap:9px; }
  #workspace-task-board .note-card-title,.note-dialog .note-list-dialog .note-card-title { padding-right:0; border-right:0; }
  #workspace-task-board .note-card-action,.note-dialog .note-list-dialog .note-card-action { min-height:0; flex-direction:row; align-items:center; }
}

/* Requirement 3: the approved yellow stationery is the single visual source. */
#workspace-task-board.panel {
  --note-image:url('assets/paper-178-yellow-unpinned.png');
  width:100%; min-height:760px; padding:82px clamp(32px,4.6vw,70px) 92px;
}
#workspace-task-board.panel::before { filter:none; }
#workspace-task-board > .panel-header::before {
  top:1px; left:calc(50% - 26px); width:52px; height:58px;
  filter:saturate(.84) brightness(1.02);
}
#workspace-task-board > .panel-header { position:relative; padding:18px 4px 7px; }
#workspace-task-board > .panel-header::after {
  content:'Good\A Work!\A ◡'; white-space:pre; position:absolute; left:58%; top:42px;
  transform:rotate(-10deg); font-family:'Note Hand','Segoe Print',cursive;
  font-size:clamp(18px,1.7vw,27px); line-height:1; color:#7789a5; opacity:.78; pointer-events:none;
}
#workspace-task-board > .panel-header h3 {
  font-size:clamp(38px,4vw,56px); line-height:1.08; letter-spacing:.04em;
  background:linear-gradient(transparent 75%,#ffdb72 75% 94%,transparent 94%);
  padding:0 9px 8px 3px; transform:rotate(-2deg); transform-origin:left center;
}
#workspace-task-board > .panel-header h3::after {
  content:'及时处理，高效协作，让业务更顺畅！'; display:block; width:max-content; max-width:100%;
  margin:7px 0 0 8px; padding:0 7px 5px 2px; border-bottom:3px solid #e7bd45;
  font-family:'Note Hand','KaiTi',serif; font-size:clamp(15px,1.55vw,22px); line-height:1.25;
  letter-spacing:.08em; color:#70809b; white-space:nowrap;
}
#workspace-task-board .note-board-tools { gap:20px; }
#workspace-task-board .note-board-tools .primary {
  min-height:48px; padding:10px 20px; color:#6e4a18; border:1px solid #edbd55;
  border-radius:8px 15px 10px 13px; background:#fff0bd; box-shadow:0 5px 10px #9f742426;
  font-family:'Note Hand','KaiTi',serif; font-size:20px; transform:rotate(-3deg);
}
#workspace-task-board .note-month { border:0; font-size:16px; }
#workspace-task-board .note-tabs {
  position:relative; margin:8px 0 24px; padding-bottom:19px; gap:24px;
  border-bottom:2px dashed #dec89178;
}
#workspace-task-board .note-tabs .button {
  min-width:150px; min-height:48px; padding:9px 22px; font-family:'Note Hand','KaiTi',serif;
  font-size:21px; color:#21355a; background:#fffef7; border-radius:3px 8px 2px 9px;
  box-shadow:0 4px 8px #765f3323; transform:rotate(-.8deg);
}
#workspace-task-board .note-tabs .button.selected { background:#dceafe; box-shadow:inset 0 -3px #7094e7,0 4px 8px #765f3323; }
#workspace-task-board .note-board { gap:18px; padding:4px 0 12px; }
#workspace-task-board .task-note,
.note-dialog .note-list-dialog .task-note {
  min-height:154px; grid-template-columns:minmax(230px,.95fr) minmax(280px,1.35fr) minmax(150px,.55fr);
  padding:28px 28px 20px 36px; gap:24px; overflow:visible; border-radius:2px 7px 3px 9px;
  box-shadow:0 6px 10px #66502e1f; transform:none;
}
#workspace-task-board .task-note::after,
.note-dialog .note-list-dialog .task-note::after {
  content:''; position:absolute; right:12px; top:-13px; width:31px; height:42px;
  background:url('assets/note-stationery-marks.svg') center/contain no-repeat; pointer-events:none;
}
#workspace-task-board .task-note::before,.note-dialog .note-list-dialog .task-note::before {
  left:calc(33% - 1px); top:25px; bottom:25px; border-left:1px solid #7d8da72d;
}
#workspace-task-board .note-decoration,.note-dialog .note-list-dialog .note-decoration {
  left:18px; top:-15px; width:105px; height:37px; border-radius:1px 6px 2px 5px;
  background:#bdebd4; box-shadow:0 3px 7px #5c6f6520; transform:rotate(-7deg); filter:none;
}
#workspace-task-board .note-decoration::after,.note-dialog .note-list-dialog .note-decoration::after {
  display:flex; content:'待接受'; position:absolute; inset:0; padding-top:1px;
  align-items:center; justify-content:center; white-space:nowrap; line-height:1;
  font-family:'Note Hand','KaiTi',serif; font-size:20px; color:#17604a; text-align:center;
}
#workspace-task-board .task-note:has(.note-badge.in_progress) .note-decoration,
.note-dialog .note-list-dialog .task-note:has(.note-badge.in_progress) .note-decoration { background:#d8c7ff; }
#workspace-task-board .task-note:has(.note-badge.in_progress) .note-decoration::after,
.note-dialog .note-list-dialog .task-note:has(.note-badge.in_progress) .note-decoration::after { content:'处理中'; color:#4d397e; }
#workspace-task-board .task-note:has(.note-badge.completed) .note-decoration,
.note-dialog .note-list-dialog .task-note:has(.note-badge.completed) .note-decoration { background:#f6c7cf; }
#workspace-task-board .task-note:has(.note-badge.completed) .note-decoration::after,
.note-dialog .note-list-dialog .task-note:has(.note-badge.completed) .note-decoration::after { content:'已完成'; color:#71323d; }
#workspace-task-board .task-note:has(.note-badge.rejected) .note-decoration,
.note-dialog .note-list-dialog .task-note:has(.note-badge.rejected) .note-decoration { background:#ffd8ba; }
#workspace-task-board .task-note:has(.note-badge.rejected) .note-decoration::after,
.note-dialog .note-list-dialog .task-note:has(.note-badge.rejected) .note-decoration::after { content:'已拒绝'; color:#8a4921; }
#workspace-task-board .note-card-title,.note-dialog .note-list-dialog .note-card-title { padding:9px 20px 0 0; border:0; }
#workspace-task-board .note-card-title>strong,.note-dialog .note-list-dialog .note-card-title>strong {
  display:table; font-family:'Note Hand','KaiTi',serif; font-size:22px; line-height:1.45;
  background:linear-gradient(transparent 76%,#ffdf86 76% 94%,transparent 94%);
}
#workspace-task-board .note-meta,.note-dialog .note-list-dialog .note-meta { font-size:13px; line-height:1.55; }
#workspace-task-board .note-card-copy,.note-dialog .note-list-dialog .note-card-copy { padding:2px 0; }
#workspace-task-board .note-excerpt,.note-dialog .note-list-dialog .note-excerpt { font-size:14px; line-height:1.65; }
#workspace-task-board .note-latest,.note-dialog .note-list-dialog .note-latest {
  padding:10px 14px; border:0; border-radius:7px; background:#dfe8e580;
  font-size:12px; line-height:1.55;
}
#workspace-task-board .note-card-action,.note-dialog .note-list-dialog .note-card-action { min-height:105px; justify-content:center; gap:18px; }
#workspace-task-board .note-badge,.note-dialog .note-list-dialog .note-badge {
  align-self:flex-start; margin:0; padding:5px 0; background:transparent; border:0; box-shadow:none;
  font-family:'Note Hand','KaiTi',serif; font-size:20px; transform:none;
}
#workspace-task-board .note-card-foot,.note-dialog .note-list-dialog .note-card-foot {
  justify-content:flex-end; align-items:center; font-size:0;
}
#workspace-task-board .note-card-foot span:last-child,.note-dialog .note-list-dialog .note-card-foot span:last-child {
  min-height:38px; padding:8px 15px; border:1px solid #879cce; border-radius:10px;
  background:#fffefa; color:#1f3968; font-size:13px; font-weight:700;
}
#workspace-task-board .workspace-stats { position:relative; margin-top:20px; padding:22px 4px 0; }
#workspace-task-board .workspace-stats::after {
  content:'一步一步，\A把事情变好！  ◡'; white-space:pre; position:absolute; right:2px; bottom:-43px;
  font-family:'Note Hand','KaiTi',serif; font-size:17px; line-height:1.25; color:#7a8090; transform:rotate(-6deg);
}
#workspace-task-board .workspace-stats h4 { font-size:24px; }

.note-dialog.modal-card { --note-image:url('assets/paper-178-yellow-unpinned.png'); filter:none; }
.note-dialog > header::before { width:54px; height:61px; left:calc(50% - 27px); top:1px; }
.note-dialog > header { padding-top:38px; }
.note-dialog > header > div { padding-right:140px; }
.note-dialog .eyebrow { display:none; }
.note-dialog h2 { font-size:clamp(38px,4.2vw,56px); }
.note-dialog .note-list-dialog { gap:18px; padding-top:22px; }
.note-dialog .table-card { border:0; border-radius:2px 8px 4px 9px; background:#fffdf5c7; box-shadow:0 5px 10px #6e583421; }
.note-dialog .table-wrap { border-radius:inherit; }
.note-dialog th { background:#f5e7be8a; color:#43526d; }

@container (max-width:820px) {
  #workspace-task-board .task-note { grid-template-columns:1fr; gap:9px; overflow:hidden; }
  #workspace-task-board .task-note::before { display:none; }
  #workspace-task-board .note-card-title { padding-right:0; }
  #workspace-task-board .note-card-action { min-height:0; flex-direction:row; align-items:center; justify-content:space-between; }
}
@media(max-width:700px) {
  #workspace-task-board.panel { padding-top:66px; }
  #workspace-task-board > .panel-header::after { display:none; }
  #workspace-task-board > .panel-header h3::after { white-space:normal; font-size:14px; }
  #workspace-task-board .note-tabs { gap:8px; }
  #workspace-task-board .note-tabs .button { min-width:0; flex:1; padding-inline:10px; font-size:17px; }
  #workspace-task-board .note-board-tools { width:100%; }
  #workspace-task-board .task-note,.note-dialog .note-list-dialog .task-note { overflow:hidden; }
  .note-dialog > header > div { padding-right:0; }
}