/* Colores propios del resaltado; la interfaz hereda el tema del aula. */
.annotations-toolbar{position:sticky;top:86px;z-index:8;display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 24px;padding:12px 14px;background:var(--paper,#fff);border:1px solid var(--line,#dce5e9);border-radius:10px;box-shadow:0 3px 12px #10212b0b;font-size:14px;line-height:1.5}
.annotations-toolbar .annotations-help{flex-basis:100%;margin:1px 0 0;font-size:12px;color:var(--muted,#526979)}
.annotations-status{flex-basis:100%;margin:0;color:var(--accent,#14766e);font-size:13px}
.annotations-status:empty{display:none}
.annotations-inline{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:65;width:min(480px,calc(100vw - 36px));max-height:calc(100dvh - 110px);overflow:auto;box-sizing:border-box;margin:0;padding:14px 16px;border:1px solid var(--line,#dce5e9);border-radius:12px;background:var(--paper,#fff);color:var(--ink,#193345);box-shadow:0 5px 28px #10212b2b;font:13px/1.5 'Segoe UI',system-ui,sans-serif}
.annotations-inline[hidden],.annotations-mode-actions[hidden],.annotations-mode-actions button[hidden],.annotations-notice-close[hidden]{display:none!important}
.annotations-inline:has(.annotations-notice-close:not([hidden])){padding-right:48px}
.annotations-notice-close{position:absolute;top:6px;right:6px;min-width:32px;min-height:32px;padding:3px;border:0;background:transparent;color:var(--muted,#526979);font-size:22px;font-weight:400;line-height:1}
.annotations-mode-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:6px}
.annotations-mode-actions button{min-height:34px;padding:5px 9px;font-size:12px;font-weight:500}
.annotations-inline .annotations-status{margin:0;color:var(--muted,#526979)}
.annotations-live{position:fixed;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;pointer-events:none}
mark.aula-highlight{background:#fff0a6;color:inherit;border-radius:2px;padding:0;box-decoration-break:clone;-webkit-box-decoration-break:clone}
mark.aula-highlight[data-color=green]{background:#cff0c8}
mark.aula-highlight[data-color=blue]{background:#d1e8ff}
mark.aula-highlight[data-color=pink]{background:#f8d9e9}
mark.aula-highlight[data-color=purple]{background:#e8daf8}
mark.aula-highlight[data-color=orange]{background:#ffe0bd}
mark.aula-highlight[role=button]{cursor:pointer;text-decoration:underline;text-decoration-style:dotted;text-decoration-thickness:1px;text-underline-offset:.18em}
mark.aula-highlight.annotation-focused{outline:2px solid var(--accent,#14766e);outline-offset:2px}
mark.aula-highlight:focus-visible{outline:3px solid var(--accent,#14766e);outline-offset:3px}
body[data-theme=dark] mark.aula-highlight{background:#675715;color:#fff8d9}
body[data-theme=dark] mark.aula-highlight[data-color=green]{background:#285a32;color:#e6ffe4}
body[data-theme=dark] mark.aula-highlight[data-color=blue]{background:#244f76;color:#e7f3ff}
body[data-theme=dark] mark.aula-highlight[data-color=pink]{background:#67304e;color:#fff0f8}
body[data-theme=dark] mark.aula-highlight[data-color=purple]{background:#50356d;color:#f4eaff}
body[data-theme=dark] mark.aula-highlight[data-color=orange]{background:#754317;color:#fff0df}
.annotations-quote[data-color=yellow]{background:#fff0a6;color:#193345;border-left-color:#8c6b00}
.annotations-quote[data-color=green]{background:#cff0c8;color:#193345;border-left-color:#39753d}
.annotations-quote[data-color=blue]{background:#d1e8ff;color:#193345;border-left-color:#326ba4}
.annotations-quote[data-color=pink]{background:#f8d9e9;color:#193345;border-left-color:#a04876}
.annotations-quote[data-color=purple]{background:#e8daf8;color:#193345;border-left-color:#7945a8}
.annotations-quote[data-color=orange]{background:#ffe0bd;color:#193345;border-left-color:#a65a0c}
body[data-theme=dark] .annotations-quote[data-color=yellow]{background:#675715;color:#fff8d9;border-left-color:#f6d854}
body[data-theme=dark] .annotations-quote[data-color=green]{background:#285a32;color:#e6ffe4;border-left-color:#8cd58b}
body[data-theme=dark] .annotations-quote[data-color=blue]{background:#244f76;color:#e7f3ff;border-left-color:#8ac1f0}
body[data-theme=dark] .annotations-quote[data-color=pink]{background:#67304e;color:#fff0f8;border-left-color:#ef9bc8}
body[data-theme=dark] .annotations-quote[data-color=purple]{background:#50356d;color:#f4eaff;border-left-color:#c2a0eb}
body[data-theme=dark] .annotations-quote[data-color=orange]{background:#754317;color:#fff0df;border-left-color:#f2b46e}
.annotations-color-picker{position:fixed;z-index:76;box-sizing:border-box;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;padding:12px;border:1px solid var(--line,#dce5e9);border-radius:12px;background:var(--paper,#fff);color:var(--ink,#193345);box-shadow:0 6px 28px #10212b30;font:14px/1.5 'Segoe UI',system-ui,sans-serif}
.annotations-color-picker *{box-sizing:border-box}
.annotations-color-picker-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
.annotations-color-picker-head button{width:34px;min-width:34px;min-height:34px;padding:3px;font-size:24px;line-height:1;background:transparent;color:inherit;border-color:transparent}
.annotations-color-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.annotations-color-option{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;min-height:66px;padding:7px 4px;border:1px solid var(--line,#dce5e9);border-radius:8px;background:var(--paper,#fff);color:inherit;font:13px/1.3 'Segoe UI',system-ui,sans-serif;cursor:pointer}
.annotations-color-option[aria-pressed=true]{border-color:var(--accent,#14766e);background:var(--soft,#e9f5f1);box-shadow:inset 0 -3px var(--accent,#14766e)}
.annotations-color-option:focus-visible,.annotations-color-picker-head button:focus-visible{outline:3px solid var(--accent,#14766e);outline-offset:2px}
.annotations-color-swatch{width:25px;height:25px;border:1px solid #697984;border-radius:50%;background:#fff0a6}
.annotations-color-option[data-color=green] .annotations-color-swatch{background:#a6dca0}
.annotations-color-option[data-color=blue] .annotations-color-swatch{background:#9bc9f4}
.annotations-color-option[data-color=pink] .annotations-color-swatch{background:#eeb1cf}
.annotations-color-option[data-color=purple] .annotations-color-swatch{background:#c5a3e9}
.annotations-color-option[data-color=orange] .annotations-color-swatch{background:#f5bd7e}
.annotations-color-picker-help{font-size:12px;margin:10px 0 0;color:var(--muted,#526979)}
.annotations-dialog{width:min(620px,calc(100vw - 30px));max-height:calc(100dvh - 40px);padding:24px;border:1px solid var(--line,#dce5e9);border-radius:14px;background:var(--paper,#fff);color:var(--ink,#193345);box-shadow:0 16px 70px #0004;overflow:auto;font:16px/1.6 'Segoe UI',system-ui,sans-serif}
.annotations-dialog::backdrop{background:#091d2c88}
.annotations-dialog *{box-sizing:border-box}
.annotations-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}
.annotations-dialog-head h2{margin:4px 0;font-size:22px;line-height:1.3}
.annotations-dialog-head button{flex-shrink:0}
.annotations-dialog label{display:block;font-weight:650;margin:15px 0 6px}
.annotations-dialog select,.annotations-dialog textarea{display:block;width:100%;padding:10px 12px;border:1px solid var(--line,#dce5e9);border-radius:8px;background:var(--bg,#f6f8fa);color:var(--ink,#193345);font:inherit;line-height:1.55}
.annotations-dialog textarea{resize:vertical;min-height:100px;max-height:45vh}
.annotations-dialog textarea[readonly]{user-select:text;-webkit-user-select:text}
.annotations-help{margin:8px 0 16px;font-size:13px;color:var(--muted,#526979)}
.annotations-quote{margin:12px 0;padding:12px 15px;border-left:3px solid var(--accent,#14766e);background:var(--bg,#f6f8fa);white-space:pre-wrap;overflow-wrap:anywhere;max-height:180px;overflow:auto;font-size:15px}
.annotations-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.annotations-dialog .annotations-save{background:var(--accent,#14766e);color:var(--paper,#fff);border-color:var(--accent,#14766e)}
body[data-theme=dark] .annotations-dialog .annotations-save{color:#10212b}
.annotations-error,.annotations-missing{font-size:14px;color:var(--error-ink,#8b2632);background:var(--error-bg,#fff0f0);border-radius:7px;padding:9px 12px;margin:12px 0}
.annotations-error:empty{display:none}
.annotations-list{padding:0;margin:0;list-style:none;display:grid;gap:16px}
.annotations-entry{border:1px solid var(--line,#dce5e9);border-radius:9px;padding:14px}
.annotations-color-name{color:var(--muted,#526979);font-size:12px;font-weight:700;margin:0}
.annotations-note{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;margin:10px 0}
.annotations-remove{color:var(--error-ink,#8b2632)}
@media(max-width:820px){.annotations-toolbar{top:74px}}
@media(max-width:560px){.annotations-toolbar{padding:10px;gap:7px;margin-left:-5px;margin-right:-5px}.annotations-toolbar button{font-size:12px;padding:8px 10px}.annotations-dialog{padding:18px}.annotations-dialog-head h2{font-size:20px}.annotations-dialog .annotations-actions button{flex:1}.annotations-quote{max-height:130px}}
@media print{.annotations-toolbar,.annotations-inline,.annotations-dialog,.annotations-color-picker{display:none!important}mark.aula-highlight{background:#eee!important;color:inherit!important;text-decoration:none!important;outline:0!important}}