/* Compact shared actions preserve the centered title on narrow screens. */
.myopal-header-actions { flex-shrink: 0; display: flex; align-items: center; justify-self: end; color: #e9d4a4; position: relative; z-index: 40; border: 1px solid #d8b46a38; border-radius: var(--myopal-radius-pill); background: #17140fe6; }
.myopal-header-action, .myopal-header-passive { display: flex; align-items: center; justify-content: center; width: var(--myopal-header-hit); min-width:var(--myopal-header-hit); height:var(--myopal-header-hit); color: inherit; }
.myopal-header-action svg, .myopal-header-passive svg { width:var(--myopal-header-icon); height:var(--myopal-header-icon); }
.myopal-header-more summary { list-style: none; cursor: pointer; }
.myopal-header-more summary::-webkit-details-marker { display: none; }
.myopal-header-menu { position: absolute; right: 0; top: calc(100% + .5rem); width: min(18rem, calc(100vw - 2rem)); max-height: min(70svh, 34rem); overflow-y: auto; padding: .75rem; border: 1px solid var(--myopal-color-border); border-radius: var(--myopal-radius-md); background: var(--myopal-color-surface); box-shadow: var(--myopal-shadow-card); color: var(--myopal-color-ink); text-align: left; }
.myopal-header-information > a { display: block; padding: .65rem .75rem; font-size: .8125rem; text-decoration: none; border-radius: var(--myopal-radius-sm); }
.myopal-header-information > a:hover { background: var(--myopal-color-background); }
.myopal-header-shortcuts { display: flex; justify-content: space-around; border-bottom: 1px solid var(--myopal-color-border); padding-bottom: .5rem; margin-bottom: 0; color: var(--myopal-color-muted); }

/* One badge geometry, anchored to the shared action hit area. */
.myopal-header-action, .myopal-header-passive { position: relative; }
.myopal-header-badge { position:absolute; top:calc(50% - .625rem); right:calc(50% - .625rem); transform:translate(50%,-50%); display:grid; place-items:center; min-width:1rem; height:1rem; padding-inline:.2rem; border-radius:var(--myopal-radius-pill); background:#b32935; color:#fff; font-size:.625rem; line-height:1; font-weight:600; }
.myopal-header-badge[hidden] { display:none; }

.myopal-header-information + .myopal-header-information { border-top:1px solid var(--myopal-color-border); margin-top:.5rem; }
.myopal-header-information h2 { font-size:.6875rem; font-weight:600; letter-spacing:.03em; color:var(--myopal-color-gold-ink); margin:0; padding:var(--myopal-space-4) .75rem; }

/* Notification updates share the existing badge request and fixed-bottom clearance. */
.myopal-notification-toast { position: fixed; z-index: var(--myopal-layer-notice); inset-inline: max(1rem,env(safe-area-inset-left,0px)); bottom: calc(max(var(--myopal-fixed-bottom-clearance,0px),env(safe-area-inset-bottom,0px)) + var(--myopal-keyboard-inset,0px) + .75rem); margin-inline: auto; max-width: 28rem; padding: .9rem calc(var(--myopal-header-hit) + var(--myopal-space-2)) .9rem 1rem; display: grid; gap: .3rem; background: var(--myopal-color-surface); color: var(--myopal-color-ink); border: 1px solid var(--myopal-color-border); border-radius: var(--myopal-radius-md); box-shadow: var(--myopal-shadow-overlay); font-size: .8rem; line-height: 1.5; }
.myopal-notification-toast a { color: var(--myopal-color-gold-ink); }


.myopal-header-badge[data-notification-dot]{min-width:0;width:.5rem;height:.5rem;padding:0;border-radius:50%;}

.myopal-site-header--standard .myopal-header-actions{background:transparent;border:0}