/* Shared server-rendered notices. Explicit selectors override older page flashes. */
html body p.flash.tenga-notice[class] {
    --notice-accent: #64748b;
    --notice-surface:var(--mp-surface,var(--card));
    --notice-text:var(--mp-text,var(--ink));
    display:flex; align-items:center; gap:12px;
    padding:14px 16px; margin:16px 0; max-width:none;
    border:1px solid color-mix(in srgb,var(--notice-accent) 22%,var(--mp-line,var(--line)));
    border-inline-start:3px solid var(--notice-accent); border-radius:9px;
    background:color-mix(in srgb,var(--notice-accent) 4%,var(--notice-surface));
    color:var(--notice-text); font-size:13px; line-height:1.6;
}
html body p.flash.tenga-notice.flash-error { --notice-accent:#be3452; }
html body p.flash.tenga-notice.flash-ok,
html body p.flash.tenga-notice.category-success { --notice-accent:#158060; }
.tenga-notice-mark {
    display:grid; place-items:center; width:32px; height:32px; flex:0 0 32px;
    border:1px solid color-mix(in srgb,var(--notice-accent) 20%,transparent);
    border-radius:8px; color:var(--notice-accent);
    background:color-mix(in srgb,var(--notice-accent) 7%,var(--notice-surface));
}
.tenga-notice-mark > .icon { width:17px; height:17px; }
.tenga-notice-message { min-width:0; overflow-wrap:anywhere; }
.tenga-notice-message a { text-decoration:underline; text-underline-offset:3px; }
html[data-theme="dark"] body p.flash.tenga-notice[class] {
    --notice-accent:#94a3b8;
    background:color-mix(in srgb,var(--notice-accent) 6%,var(--notice-surface));
    color:var(--notice-text);
    border:1px solid color-mix(in srgb,var(--notice-accent) 25%,var(--mp-line,var(--line)));
    border-inline-start:3px solid var(--notice-accent);
}
html[data-theme="dark"] body p.flash.tenga-notice.flash-error { --notice-accent:#fb8aa0; }
html[data-theme="dark"] body p.flash.tenga-notice.flash-ok,
html[data-theme="dark"] body p.flash.tenga-notice.category-success { --notice-accent:#5ed4ab; }
@media(max-width:600px) {
    html body p.flash.tenga-notice[class] { align-items:flex-start; gap:10px; padding:12px; }
    .tenga-notice-message { padding-block:5px; }
}