.cn-shared-controller{flex:0 0 0!important;height:0!important;min-height:0!important;overflow:visible!important}.cn-shared-controller>.coord-comment-launch{display:none!important}
.cn-square{display:inline-flex!important;justify-content:center;align-items:center;width:34px!important;height:34px!important;min-width:34px!important;padding:6px!important;border-radius:4px!important;font-size:22px!important}.cn-square svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round}.cn-toolbar{margin-left:0!important;gap:6px}
.cn-create-menu{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:0 8px 8px}.cn-create-menu button{padding:8px;color:#edf1e8;background:#60665c;border:1px solid #92998b;border-radius:4px;text-align:left;cursor:pointer}
.cn-note-search{display:flex;gap:5px;padding:0 8px 8px}.cn-note-search input{width:100%;min-width:0;padding:7px;border-radius:4px;border:1px solid #979e91}.cn-note-search button{width:30px;cursor:pointer}.cn-note-filters{padding:4px 8px}.cn-note-filters summary{cursor:pointer}.cn-filter-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px 0}.cn-filter-fields label{font-size:11px}.cn-filter-fields input,.cn-filter-fields select{display:block;width:100%;min-width:0;padding:5px;border-radius:3px;border:1px solid #979e91;font:12px Arial}
.cn-note-row{border-left:3px solid var(--cn-accent,#d5b660);padding-left:4px;margin-bottom:6px}.cn-note-row .cn-dock-note{margin:0 0 5px}.cn-dock-note[aria-pressed=true]{outline:1px solid #f3bb68;outline-offset:-2px}.cn-unread-badge{background:#da8928;border-radius:12px;min-width:22px;padding:1px 6px;text-align:center;margin-left:auto;margin-right:6px}
.cn-note,.cn-note-row{--cn-paper:#fff0b3;--cn-accent:#c4a74e;--cn-ink:#382f1d}[data-color=red]{--cn-paper:#f8d7d0;--cn-accent:#be675c;--cn-ink:#4a2824}[data-color=orange]{--cn-paper:#ffe2bf;--cn-accent:#c48b43;--cn-ink:#4a351e}[data-color=blue]{--cn-paper:#deedf7;--cn-accent:#679abf;--cn-ink:#263c4c}[data-color=green]{--cn-paper:#dff0dc;--cn-accent:#73a16a;--cn-ink:#294326}[data-color=purple]{--cn-paper:#ede2f6;--cn-accent:#9a79b7;--cn-ink:#40304e}
.cn-note{height:44px;border-color:var(--cn-accent);background:var(--cn-paper);color:var(--cn-ink);box-shadow:0 3px 12px #0003;border-radius:6px}.cn-note-header{height:44px;min-height:44px;padding:5px}.cn-note-header [data-expand]{cursor:grab;touch-action:none;font-size:13px}.cn-note-header [data-move]{touch-action:none}.cn-note-header button{color:var(--cn-ink)}
.cn-note-body{position:absolute!important;top:100%;left:-1px;right:-1px;bottom:auto;padding:9px 10px 10px;max-height:var(--cn-body-height,calc(100dvh - 80px))!important;height:auto;overflow:auto;background:var(--cn-paper)!important;border:1px solid var(--cn-accent);border-top:0;border-radius:0 0 6px 6px;box-shadow:0 4px 12px #0003}.cn-note.opens-up .cn-note-body{top:auto!important;bottom:100%!important;border-top:1px solid var(--cn-accent);border-bottom:0;border-radius:6px 6px 0 0}
.cn-note-meta{display:flex;justify-content:space-between;gap:5px;margin-bottom:7px;font-size:10px;opacity:.8}.cn-save-status{white-space:nowrap}.cn-note-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7px}.cn-note-fields input{min-width:0}.cn-note label{font-size:11px}.cn-note .cn-reminder{display:flex;align-items:center;gap:5px;margin:3px 0}.cn-reminder-help{font-size:10px;display:block;opacity:.8;line-height:1.4}
.cn-note-actions{margin-top:9px}.cn-note-actions button{font-size:11px;padding:5px 6px}.cn-color-tools{display:flex;gap:6px;margin:9px 0}.cn-color-tools button{width:21px;height:21px;border-radius:50%;padding:0;background:var(--cn-swatch);border:1px solid #8a8d80}.cn-color-tools button[aria-pressed=true]{outline:2px solid var(--cn-ink);outline-offset:1px}.cn-color-tools button:disabled{opacity:.45}.cn-error:empty,.cn-warning:empty{display:none}.cn-error{font-size:11px;color:#912f22}
.cn-note-snapshot{margin:8px 0}.cn-note-snapshot img{display:block;width:100%;border-radius:4px}.cn-note-audio{display:block;width:100%;height:34px;margin:7px 0}.cn-note.is-sharing{width:min(380px,calc(100vw - 24px))!important}.cn-share-form{margin-top:10px;padding-top:8px;border-top:1px solid var(--cn-accent)}.cn-share-form h3{font-size:13px;margin:0 0 6px}.cn-share-form fieldset{margin:8px 0;padding:7px;border:1px solid var(--cn-accent);border-radius:4px}.cn-share-form fieldset label{display:flex;align-items:center;gap:5px}.cn-share-help{font-size:10px;line-height:1.4}.cn-share-form button{margin-right:5px}
.cn-discussion{border-top:1px solid var(--cn-accent);padding-top:8px;margin-top:10px}.cn-discussion .cn-section-heading{display:flex;align-items:center;justify-content:space-between;font-size:12px}.cn-discussion .cn-section-heading button{padding:2px 5px}.cn-replies article{padding:7px 0;border-bottom:1px solid #0002}.cn-replies article strong{font-size:11px}.cn-replies time{display:block;font-size:9px;opacity:.7;margin:3px 0}.cn-replies p{white-space:pre-wrap;overflow-wrap:anywhere;margin:5px 0}.cn-replies img,.cn-replies audio{width:100%}.cn-reply-annotations{display:flex;gap:4px;margin-top:6px}.cn-solved-notes{background:#65925a22;border-radius:4px;padding-left:4px!important}
.coord-annotation-modal .cn-shared-controller{flex:0 0 48px!important;height:48px!important;min-height:48px!important}.coord-annotation-modal .cn-shared-controller>.coord-comment-launch{display:flex!important}
.coord-comment-composer>label{display:block;font-size:12px;margin:7px 0}.coord-comment-composer input:not([type=checkbox]):not([type=color]):not([type=range]){width:100%;padding:6px;border:1px solid #959d8b;border-radius:4px;background:#f6f7f0;color:#273228;font:12px Arial}.coord-note-fields{display:grid;grid-template-columns:1fr 1fr;gap:7px}.coord-note-fields label{font-size:11px}.coord-email-reminder{display:flex;align-items:center;gap:5px;font-size:10px!important}
.coord-audio-tools{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:8px 0}.coord-audio-tools>span{font-size:11px}.coord-audio-tools meter{width:70px;height:14px}.coord-audio-tools progress{width:85px;height:9px}.coord-audio-tools [data-audio-time]{font-size:10px;font-variant-numeric:tabular-nums}.coord-recorded-audio{width:100%;height:34px}.coord-composer-actions{gap:5px;margin-top:8px}
.coord-stroke-options{display:flex;gap:8px;align-items:center;border:1px solid #89947f;background:#69715f;padding:7px;border-radius:5px;margin:7px 0;box-shadow:0 2px 5px #0002}.coord-stroke-options label{font-size:10px;display:flex;align-items:center;gap:5px;margin:0}.coord-stroke-options input[type=color]{width:28px;height:25px;border:0;padding:0}.coord-stroke-options input[type=range]{width:80px}.coord-stroke-options output{min-width:18px;font-variant-numeric:tabular-nums}
.coord-screen-text{position:absolute;z-index:5;width:220px;min-height:42px;resize:both;padding:7px;border:1px solid #d08f34;border-radius:3px;background:#fff6d8;color:#362819;font:14px Arial;pointer-events:auto}.coord-comment-overlay svg{pointer-events:none}.coord-comment-overlay svg path{stroke-linecap:round;stroke-linejoin:round;fill:none}

.cn-dock-panel>.cn-section-heading{padding:8px;background:transparent;flex:0 0 auto}

.coord-stroke-options{flex-wrap:wrap}.coord-comment-panel,.coord-comment-composer{min-width:0;overflow-x:hidden}.coord-note-fields label{min-width:0}.coord-comment-composer input{min-width:0}

/* Basic note card; secondary tools remain inside the disclosure. */
.cn-note{--cn-title-tint:color-mix(in srgb,var(--cn-paper) 90%,var(--cn-ink) 10%);--cn-input-tint:color-mix(in srgb,var(--cn-paper) 94%,var(--cn-ink) 6%)}
.cn-note .cn-note-header{background:var(--cn-title-tint)!important;border-radius:5px 5px 0 0;cursor:grab;gap:4px}
.cn-note input.cn-note-title{flex:1;min-width:0;width:auto;margin:0;padding:4px 3px;background:transparent;border:1px solid transparent;border-radius:3px;font-size:13px;font-weight:600;color:var(--cn-ink);cursor:text}
.cn-note input.cn-note-title:focus{border-color:var(--cn-accent);outline:none;background:var(--cn-input-tint)}
.cn-note-header>span.cn-note-title{flex:1;min-width:0;font-weight:600;font-size:13px;padding:4px 3px}
.cn-note .cn-action-square{display:inline-flex;justify-content:center;align-items:center;flex:0 0 28px;width:28px;height:28px;min-width:28px;padding:5px;border:1px solid color-mix(in srgb,var(--cn-accent) 50%,transparent);border-radius:4px;background:var(--cn-title-tint);color:var(--cn-ink)}
.cn-note .cn-action-square:hover{background:color-mix(in srgb,var(--cn-paper) 82%,var(--cn-ink) 18%)}
.cn-action-square svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.cn-note-header button.cn-action-square{flex:0 0 22px;width:22px;height:22px;min-width:22px;padding:3px;border-color:transparent;background:transparent}
.cn-note-header [data-expand][aria-expanded=true] svg{transform:rotate(180deg)}
.cn-note .cn-basic-note{margin:0}.cn-basic-note>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.cn-note .cn-basic-note textarea,.cn-note .cn-note-fields input,.cn-note .cn-share-form input,.cn-note .cn-share-form select,.cn-note .cn-reply-form textarea{background:var(--cn-input-tint);border:1px solid color-mix(in srgb,var(--cn-accent) 45%,transparent);box-shadow:none}
.cn-note .cn-basic-note textarea{margin-top:0;min-height:64px;line-height:1.45;resize:vertical;padding:7px}
.cn-basic-content{background:var(--cn-input-tint);padding:7px;border-radius:4px;margin:0;min-height:40px}
.cn-advanced{margin-top:9px;border-top:1px solid color-mix(in srgb,var(--cn-accent) 45%,transparent);padding-top:6px}.cn-advanced>summary{cursor:pointer;font-size:10px;opacity:.85;padding:3px 0}.cn-advanced[open]>.cn-note-meta{margin-top:7px}
.cn-note .cn-note-actions{display:flex;flex-wrap:nowrap;gap:4px;margin-top:10px;overflow-x:auto;padding:2px 0}
.cn-note .cn-color-tools button{width:24px;height:24px;min-width:24px;min-height:24px;border-radius:4px;box-shadow:none}
body:has(.cn-vector-layer.is-drawing) .cn-leaders [data-endpoint]{pointer-events:none!important}
.cn-vector-layer{position:fixed;pointer-events:none;overflow:hidden;z-index:19990;touch-action:auto}.cn-vector-layer>svg{display:block;width:100%;height:100%;pointer-events:none}.cn-vector-layer path{fill:none;stroke-linecap:round;stroke-linejoin:round}.cn-vector-layer.is-drawing{pointer-events:auto;cursor:crosshair;touch-action:none}.cn-vector-text{position:absolute;width:200px;min-height:42px;padding:6px;background:#fff0b3;color:#382f1d;border:1px solid #c4a74e;pointer-events:auto;font:14px Arial}
.cn-note-record-tools,.cn-vector-tools,.cn-vector-options{display:flex;align-items:center;gap:4px;margin-top:7px}.cn-vector-tools,.cn-vector-options{flex-wrap:wrap}.cn-vector-options [data-plane-hint]{flex-basis:100%;font-size:10px;line-height:1.4;opacity:.8}.cn-vector-options [data-plane-hint][hidden]{display:none}.cn-note-record-tools>div{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.cn-note-record-tools meter{width:55px}.cn-note-record-tools progress{width:68px;height:8px}.cn-note-record-tools small{font-size:10px}.cn-vector-options label{display:flex;align-items:center;gap:5px}.cn-vector-options input[type=color]{width:28px;height:25px;padding:0;border:0}.cn-vector-options input[type=range]{width:85px}.cn-vector-tools[hidden],.cn-vector-options[hidden],.cn-note-record-tools [hidden],.cn-vector-tools [hidden]{display:none!important}.cn-vector-tools button[aria-pressed=true]{outline:2px solid var(--cn-ink);outline-offset:-2px}.cn-reply-badge{display:inline-block;border-radius:10px;background:#4b675b;color:#fff;min-width:18px;text-align:center;padding:0 4px;font-size:10px}.cn-attention-badge{color:#efac51;font-size:14px;margin-left:4px}

/* Existing Plan HSL sliders; the closed swatch matches the note color squares. */
.cn-vector-color-control{display:flex;align-items:center;gap:5px}
.cn-vector-color-control:has(.planner-hsl-picker[open]){flex-basis:100%;display:block}
.cn-note .planner-hsl-picker{position:relative;flex:0 0 auto}
.cn-note .planner-hsl-picker summary{display:block;width:24px;height:24px;min-width:24px;padding:0;margin:0;list-style:none;cursor:pointer;border:1px solid #8a8d80;border-radius:4px;background:var(--planner-hsl-color)}
.cn-note .planner-hsl-picker summary::-webkit-details-marker{display:none}
.cn-note .planner-hsl-swatch{display:none}
.cn-note .planner-hsl-picker[open] summary{outline:2px solid var(--cn-ink);outline-offset:1px}
.cn-note .planner-hsl-picker summary:focus-visible{outline:2px solid var(--cn-ink);outline-offset:2px}
.cn-note .planner-hsl-panel{position:static;box-shadow:none;display:grid;gap:9px;width:100%;margin-top:7px;padding:9px;border:1px solid color-mix(in srgb,var(--cn-accent) 45%,transparent);border-radius:4px;background:var(--cn-input-tint);--planner-text:var(--cn-ink);--planner-text-muted:var(--cn-ink)}
.cn-note .planner-hsl-panel>strong{font-size:11px;font-weight:600}
.cn-note .planner-hsl-channel {
  display: grid;
  grid-template-columns: 15px minmax(0, 1fr) 44px;
  align-items: center;
  gap: 8px;
  color: var(--planner-text);
  font-size: 11px;
}

.cn-note .planner-hsl-channel input[type="range"] {
  appearance: none;
  width: 100%;
  height: 8px;
  margin: 0;
  border: 1px solid rgba(38, 42, 44, 0.32);
  border-radius: 4px;
  cursor: pointer;
}

.cn-note .planner-hsl-channel-h input[type="range"] {
  background: linear-gradient(
    to right,
    hsl(0 100% 50%),
    hsl(60 100% 50%),
    hsl(120 100% 50%),
    hsl(180 100% 50%),
    hsl(240 100% 50%),
    hsl(300 100% 50%),
    hsl(359 100% 50%)
  );
}

.cn-note .planner-hsl-channel-s input[type="range"] {
  background: linear-gradient(
    to right,
    hsl(var(--planner-hsl-hue) 0% var(--planner-hsl-lightness)),
    hsl(var(--planner-hsl-hue) 100% var(--planner-hsl-lightness))
  );
}

.cn-note .planner-hsl-channel-l input[type="range"] {
  background: linear-gradient(
    to right,
    hsl(var(--planner-hsl-hue) var(--planner-hsl-saturation) 0%),
    hsl(var(--planner-hsl-hue) var(--planner-hsl-saturation) 25%),
    hsl(var(--planner-hsl-hue) var(--planner-hsl-saturation) 50%),
    hsl(var(--planner-hsl-hue) var(--planner-hsl-saturation) 75%),
    hsl(var(--planner-hsl-hue) var(--planner-hsl-saturation) 100%)
  );
}

.cn-note .planner-hsl-channel input[type="range"]::-webkit-slider-runnable-track {
  height: 8px;
  background: transparent;
}

.cn-note .planner-hsl-channel input[type="range"]::-webkit-slider-thumb {
  appearance: none;
  width: 14px;
  height: 14px;
  margin-top: -4px;
  border: 1px solid rgba(28, 31, 33, 0.72);
  border-radius: 50%;
  background: #f8f8f6;
  box-shadow: 0 1px 3px rgba(20, 23, 25, 0.28);
}

.cn-note .planner-hsl-channel input[type="range"]::-moz-range-track {
  height: 8px;
  background: transparent;
}

.cn-note .planner-hsl-channel input[type="range"]::-moz-range-thumb {
  width: 14px;
  height: 14px;
  border: 1px solid rgba(28, 31, 33, 0.72);
  border-radius: 50%;
  background: #f8f8f6;
  box-shadow: 0 1px 3px rgba(20, 23, 25, 0.28);
}

.cn-note .planner-hsl-channel output {
  color: var(--planner-text-muted);
  font-variant-numeric: tabular-nums;
  text-align: right;
}

.cn-note .planner-hsl-channel{display:grid;margin:0}
.cn-note .planner-hsl-channel input[type=range]{padding:0;box-shadow:none;min-width:0}
.cn-note .planner-hsl-channel input[type=hidden],.cn-note [data-vector-color]{display:none!important}

.cn-vector-layer.is-selecting{cursor:default}.cn-vector-options [data-vector-selection-status]{flex-basis:100%;font-size:10px;line-height:1.4}.cn-vector-options [data-vector-selection-status][hidden]{display:none}.cn-vector-tools [data-vector-delete]:disabled{opacity:.4;cursor:default}

.cn-note .cn-vector-tools [data-pdfma-managed-icon]{width:17px!important;height:17px!important;pointer-events:none}