:root { --note-bg: #302a17; --note-fg: #fff0bd; --note-border: #a68a3e; }
body[data-theme="light"] { --note-bg: #fff4d5; --note-fg: #503d0c; --note-border: #ac8528; }
.note-label, .note-mode-label { display:flex; align-items:center; gap:6px; font-size:13px; font-weight:600; color:var(--note-fg); }
.note-label { margin-bottom:8px; }
.note-label .material-symbols-outlined, .note-mode-label .material-symbols-outlined { font-size:20px; }
.note-toggle { display:flex; align-items:center; justify-content:center; width:44px; min-width:44px; min-height:44px; padding:0; background:transparent; color:inherit; border:1px solid transparent; border-radius:10px; cursor:pointer; }
.note-toggle .material-symbols-outlined { width:24px; height:24px; overflow:hidden; font-size:24px; line-height:1; }
.note-toggle:hover, .note-toggle[aria-pressed="true"] { color:var(--note-fg); background:var(--note-bg); border-color:var(--note-border); }
.note-toggle:focus-visible { outline:2px solid var(--note-border); outline-offset:3px; }
.note-toggle:disabled { opacity:.5; cursor:wait; }
.note-composer { background:var(--note-bg)!important; border-top:1px solid var(--note-border); }
.note-composer textarea { color:var(--note-fg)!important; background:transparent!important; }
.note-composer textarea::placeholder { color:var(--note-fg)!important; opacity:.7; }
.contenedor .enviarMensaje.has-note-action { grid-template-columns:minmax(0,1fr) 44px 44px; }
.contenedor .enviarMensaje.has-note-action .note-toggle { grid-column:2; grid-row:1; }
.contenedor .enviarMensaje.has-note-action .adjuntar { grid-column:3; grid-row:1; }
.contenedor .enviarMensaje .note-toggle,
.contenedor .enviarMensaje .adjuntar { display:flex; align-items:center; justify-content:center; align-self:end; width:44px; min-width:44px; height:44px; min-height:44px; margin:0 0 4px; padding:0; box-sizing:border-box; border:1px solid transparent; border-radius:10px; background:transparent; background-image:none; color:var(--md-text-muted, #b8c8c0); }
.contenedor .enviarMensaje .adjuntar .composer-attach-icon { font-size:24px; line-height:1; pointer-events:none; }
.contenedor .enviarMensaje .adjuntar form { position:absolute; inset:0; }
.contenedor .enviarMensaje .note-toggle:hover,
.contenedor .enviarMensaje .adjuntar:hover { background:var(--md-hover, #1b3027); color:var(--md-text, #e8f5ee); }
.contenedor .enviarMensaje .note-toggle[aria-pressed="true"] { color:var(--note-fg); }
.contenedor .enviarMensaje .adjuntar:focus-within { outline:2px solid var(--note-border); outline-offset:3px; }
.note-file-link { display:block; padding:8px 0; color:inherit; }
.floating-message.is-note { background:var(--note-bg); color:var(--note-fg); border:1px solid var(--note-border); }
.floating-composer { position:relative; display:grid!important; grid-template-columns:44px 44px minmax(0,1fr) 44px!important; }
.note-discard { margin-left:10px; border:0; background:transparent; color:inherit; text-decoration:underline; padding:4px; }
.note-mode-label { position:absolute; bottom:100%; left:0; padding:5px 12px; background:var(--note-bg); border:1px solid var(--note-border); border-radius:8px 8px 0 0; }