.examNotePopup{position:fixed;z-index:500;display:flex;align-items:center;gap:6px;box-sizing:border-box;background:#fff;border:1px solid #ddd;border-radius:10px;box-shadow:0 6px 18px #0002;padding:5px;width:min(440px,calc(100vw - 16px));font:14px system-ui;color:#222}
.examNotePopup textarea{box-sizing:border-box;flex:1;min-width:0;height:32px;min-height:0;resize:none;overflow:auto;padding:5px 8px;line-height:20px;border:1px solid #ddd;border-radius:6px;background:#fff;color:#222;font:inherit}
.examNotePopup textarea:focus{outline:2px solid #176956;outline-offset:-1px;box-shadow:0 0 0 3px rgba(23,105,86,.15)}
.examNotePopup div{display:flex;gap:4px}
.examNotePopup button{display:grid;place-items:center;flex:none;width:auto;height:30px;min-height:0;padding:0 9px;font:500 13px/1 system-ui;background:transparent;border:0;border-radius:6px;color:#333}
.examNotePopup button:hover{background:#e9e9e9}
.examNotePopup .examNoteSave{background:#e5f3ed;color:#176956}
.examNotePopup .examNoteSave:hover{background:color-mix(in srgb,#e5f3ed 88%,#176956 12%)}


/* Pilot annotation controls live in the shell; the paper supplies its own highlights and shade. */
body.examNotesPilot #workspace.pilotLayout #paperNote:not([hidden]),
body.examNotesPilot #workspace:not(.pilotLayout) #paperNote:not([hidden]) {
  position:fixed; z-index:28; right:16px; bottom:calc(var(--notes-audio-space,0px) + 16px); display:inline-flex;
  min-height:40px; height:auto; width:auto; padding:8px 14px; border-radius:10px;
  background:var(--pilot-brand,#176956); color:white; box-shadow:0 3px 12px color-mix(in srgb,var(--pilot-brand,#176956) 16%,transparent);
}
body.examNotesPilot #workspace #paperNote .paperPilotControl span { display:inline }
body.examNotesPilot #workspace #paperNote .paperPilotControl svg { display:block }
body.examNotesPilot #workspace.pilotLayout #paperNote:not([hidden]):hover,
body.examNotesPilot #workspace:not(.pilotLayout) #paperNote:not([hidden]):hover { background:color-mix(in srgb,var(--pilot-brand,#176956) 90%,black) }
body.examNotesActive #workspace :is(button,summary,a,select,input) { pointer-events:none!important }
.examNotesToast,.examNotesTip { color:white; background:#20242b; font:500 12px/1.4 system-ui }
.examNotesToast { position:fixed; z-index:150; top:80px; left:50%; transform:translateX(-50%); padding:8px 14px; border-radius:10px; pointer-events:none }
.examNotesPanel,.examNotesReopen,.examNotesShapeChoices { background:#fff; color:#414955; border:1px solid #e3e6eb; box-shadow:0 1px 3px #1824350c,0 5px 18px #18243512 }
.examNotesPanel { position:fixed; z-index:100; width:56px; max-height:calc(100dvh - 108px); overflow-y:auto; scrollbar-width:thin; padding:4px 6px 6px; border-radius:15px; font:14px/1 system-ui }
.examNotesPanel button { display:grid; place-items:center; min-height:0; width:100%; height:40px; padding:0; border:0; border-radius:10px; background:transparent; color:#646a73; cursor:pointer }
.examNotesPanel button:hover { background:#f1f3f6; color:#262e3a }
.examNotesPanel button:focus-visible,.examNotesShapeChoices button:focus-visible { outline:2px solid #316bd8; outline-offset:-2px }
.examNotesPanel button svg { width:20px; height:20px }
.examNotesPanel button[aria-pressed=true]:not([data-color]) { color:#2f6fed; background:#e8f0fe }
.examNotesPanel button[data-clear] { color:#d9404a }
.examNotesPanel button:disabled { opacity:.38; cursor:default; background:none }
.examNotesHandle { display:flex; height:20px; align-items:center }
.examNotesDrag { flex:1; height:100%; touch-action:none; cursor:grab; background:radial-gradient(circle,#a2a9b2 1px,transparent 1.3px) center / 5px 5px no-repeat }
.examNotesDrag::before { content:''; display:block; height:100%; width:16px; margin:auto; background:radial-gradient(circle,#a2a9b2 1px,transparent 1.3px) center / 5px 5px; mask:linear-gradient(transparent 24%,#000 24% 76%,transparent 76%) }
.examNotesDrag:active,.examNotesReopen:active { cursor:grabbing }
.examNotesPanel button[data-minimize] { width:18px; height:20px }
.examNotesPanel button[data-minimize] svg { width:14px }
.examNotesModes,.examNotesPalette,.examNotesActions,.examNotesFooter { display:grid; justify-items:center; gap:2px }
.examNotesPalette,.examNotesActions,.examNotesFooter { padding-top:7px; margin-top:6px; position:relative }
.examNotesPalette::before,.examNotesActions::before,.examNotesFooter::before { content:''; position:absolute; top:0; left:7px; right:7px; height:1px; background:#e4e7ed }
.examNotesPalette button { height:24px }
.examNotesPalette button::before { content:''; display:block; width:20px; height:20px; box-sizing:border-box; background:var(--swatch); border:1px solid #0001; border-radius:50% }
.examNotesPalette button[aria-pressed=true]::before { border:2px solid #232831 }
.examNotesTip { position:fixed; z-index:210; pointer-events:none; padding:5px 9px; border-radius:6px; white-space:nowrap }
.examNotesReopen { position:fixed; z-index:100; min-height:32px; padding:6px 10px; border-radius:20px; touch-action:none; user-select:none; font:13px system-ui }
.examNotesShapeChoices { position:fixed; z-index:200; width:150px; padding:5px; overflow:auto; border-radius:10px }
.examNotesShapeChoices button { display:block; width:100%; min-height:30px; text-align:left; padding:5px 10px; font:13px system-ui; border-radius:6px; background:transparent; color:#414955 }
.examNotesShapeChoices button:hover { background:#f2f5fa }
.examNotesShapeChoices button[aria-selected=true] { background:#e8f0fe; color:#245fc8 }
body.examNotesActive #workspace.pilotLayout #paperNote:not([hidden]),
body.examNotesActive #workspace:not(.pilotLayout) #paperNote:not([hidden]),
body.examNotesPilot #workspace:is(.pilotReportOpen,.pickerReportOpen) #paperNote:not([hidden]) { display:none }