/* Shared private-notebook controls, scoped away from the reading tools. */
.notebook-account { margin: 22px 0; padding: 18px 20px; border: 1px solid #526347; border-radius: 6px; background: #182d22; color: #ece7d7; }
.notebook-account .notebook-identity { font: 500 .94rem/1.6 Montserrat, sans-serif; margin: 0 0 6px; overflow-wrap: anywhere; }
.notebook-account .notebook-status, .notebook-dialog .notebook-status { font: 400 .88rem/1.7 Montserrat, sans-serif; color: #c6d0bd; margin: 6px 0 14px; }
.notebook-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 12px 20px; }
.notebook-button, .notebook-link { font: 500 .88rem/1.5 Montserrat, sans-serif; min-height: 44px; cursor: pointer; }
.notebook-button { padding: 10px 16px; border: 1px solid #c3ab71; border-radius: 4px; background: #d2bc85; color: #15261d; }
.notebook-link { padding: 8px 0; background: none; border: 0; color: #d2bc85; text-decoration: underline; text-underline-offset: 4px; }
.notebook-button:disabled, .notebook-link:disabled { opacity: .5; cursor: default; }
.notebook-account [hidden], .notebook-dialog [hidden] { display: none !important; }
.notebook-account :focus-visible, .notebook-dialog :focus-visible { outline: 2px solid #e5cf96; outline-offset: 4px; }
.notebook-dialog { box-sizing: border-box; margin: auto; width: min(520px, calc(100% - 28px)); max-height: 88vh; overflow-y: auto; padding: 28px; border: 1px solid #8d936f; border-radius: 8px; background: #152b20; color: #ece7d7; box-shadow: 0 24px 90px #0009; }
.notebook-dialog::backdrop { background: #030b07c9; }
.notebook-dialog h2 { font: 500 1.45rem/1.4 Cinzel, serif; margin: 0 0 18px; }
.notebook-dialog p { font: 400 .95rem/1.75 Montserrat, sans-serif; margin: 0 0 16px; overflow-wrap: anywhere; }
.notebook-dialog form { display: grid; gap: 12px; }
.notebook-dialog label { font: 500 .9rem/1.6 Montserrat, sans-serif; }
.notebook-dialog input { box-sizing: border-box; width: 100%; padding: 12px; border: 1px solid #7f927c; border-radius: 4px; background: #0d1e15; color: #f4efdf; font: 400 16px/1.5 Montserrat, sans-serif; }
.notebook-dialog .notebook-link { display: block; margin-top: 12px; }
@media (max-width: 500px) { .notebook-account { padding: 16px; } .notebook-actions { align-items: stretch; flex-direction: column; gap: 6px; } .notebook-link { text-align: left; } .notebook-dialog { padding: 22px; } }