/* Shared functional components use the selected design's tokens. */
.notice-main,.notice-admin{color:var(--ink,#f2f4f8);font-family:var(--font,system-ui);line-height:1.65;min-width:0}.notice-main{width:min(1040px,calc(100% - 40px));margin:48px auto 80px}.notice-main h1{font-size:clamp(30px,4vw,48px);line-height:1.2;overflow-wrap:anywhere}.notice-main a,.notice-admin a,.notice-popover a,.notice-toast a,.notice-banner a{color:var(--accent,#86aeed);text-decoration:underline;text-underline-offset:3px}.notice-main .button{color:var(--accent-ink,#101828)}
.notice-header-actions{display:flex;align-items:center;gap:8px;min-width:0}.notice-bell{position:relative;display:inline-flex;align-items:center;gap:3px;justify-content:center;width:48px;min-width:44px;min-height:44px;padding:6px;background:var(--surface,#172235);color:var(--ink,#f2f4f8);border:1px solid var(--line,#33445d);border-radius:var(--control-radius,12px)}.notice-bell svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;flex:none}.notice-count{position:absolute;right:-4px;top:-6px;background:var(--accent,#86aeed);color:var(--accent-ink,#101828);font:700 11px/1.4 system-ui;min-width:18px;padding:1px 3px;border-radius:16px}.notice-count:empty{display:none}
.notice-popover{position:fixed;top:100px;right:20px;width:min(460px,calc(100% - 32px));max-height:calc(100dvh - 220px);overflow:auto;overscroll-behavior:contain;z-index:9000;padding:20px;border:1px solid var(--line-strong,#465671);border-radius:var(--radius,16px);background:var(--panel,#111c2d);color:var(--ink,#f2f4f8);box-shadow:0 16px 48px #0005}.notice-popover[hidden]{display:none}.notice-popover h2{font-size:22px;margin:0}.notice-popover .notice-item{padding:16px 0}.notice-item{padding:24px;border-bottom:1px solid var(--line,#33445d);min-width:0;overflow-wrap:anywhere}.notice-unread{border-left:3px solid var(--accent,#86aeed);padding-left:21px;background:color-mix(in srgb,var(--accent,#86aeed) 5%,transparent)}.notice-title{font-size:20px;font-weight:650;line-height:1.35}.notice-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:13px;color:var(--muted,#b2bacb);margin:0 0 8px}.notice-badge{display:inline-block;padding:2px 8px;background:var(--surface,#172235);border:1px solid var(--line,#33445d);border-radius:6px}.notice-detail{max-width:72ch}.notice-prose p,.notice-prose li{overflow-wrap:anywhere}.notice-prose{font-size:17px;line-height:1.75}.notice-actions{display:flex;gap:16px;flex-wrap:wrap;align-items:center;margin:16px 0}.notice-filters,.notice-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr));gap:16px;margin:24px 0;align-items:end}.notice-main label,.notice-admin label{display:flex;flex-direction:column;gap:6px;font-size:15px;min-width:0}.notice-main input,.notice-main select,.notice-admin input,.notice-admin select,.notice-admin textarea{box-sizing:border-box;width:100%;min-width:0;max-width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--line-strong,#465671);background:var(--surface,#172235);color:var(--ink,#f2f4f8);border-radius:var(--control-radius,10px);font:inherit}.notice-main .notice-check,.notice-admin .notice-check{display:flex;flex-direction:row;align-items:start;gap:10px}.notice-check input{width:20px!important;min-height:20px!important;height:20px;margin:3px 0;flex:none}.notice-form{display:grid;gap:16px;max-width:72ch;margin:24px 0}.notice-form>p{margin:0;color:var(--muted,#b2bacb)}.notice-form>button{justify-self:start}.notice-main button,.notice-admin button,.notice-popover button,.notice-toast button,.notice-banner button{min-height:44px;white-space:normal;overflow-wrap:anywhere}.notice-admin textarea{resize:vertical;min-height:120px}.notice-admin .notice-editor{min-height:260px}.notice-admin .notice-preview{padding:24px;background:var(--panel,#111c2d);border:1px solid var(--line,#33445d);border-radius:var(--radius,16px)}.notice-admin .notice-error,.notice-warning{color:var(--warning,#e8c692)}.notice-report{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%;font-size:13px}.notice-toast{position:fixed;bottom:100px;left:20px;max-width:min(400px,calc(100% - 40px));z-index:8500;padding:16px 20px;background:var(--panel,#111c2d);color:var(--ink,#f2f4f8);border:1px solid var(--accent,#86aeed);border-radius:16px;box-shadow:0 12px 36px #0004}.notice-toast p{margin:0 0 8px}.notice-toast button{margin-left:12px}.notice-more{display:none}.notice-banners{max-width:1200px;margin:16px auto;padding:0 20px;position:relative;z-index:2}.notice-banner{display:flex;gap:12px;flex-wrap:wrap;align-items:center;background:var(--panel,#111c2d);color:var(--ink,#f2f4f8);border:1px solid var(--line,#33445d);border-left:3px solid var(--accent,#86aeed);padding:12px 16px;margin:8px 0;border-radius:8px}.notice-banner span{flex:1 1 300px}.notice-feedback{position:fixed;bottom:20px;left:20px;background:var(--panel,#111c2d);color:var(--ink,#f2f4f8);padding:12px;max-width:calc(100% - 40px);z-index:9500}.notice-main :focus-visible,.notice-admin :focus-visible,.notice-popover :focus-visible,.notice-header-actions :focus-visible,.notice-banner :focus-visible,.notice-toast :focus-visible{outline:3px solid var(--focus,var(--accent,#86aeed));outline-offset:3px}
html[data-design=vaeros] .public-header .notice-header-actions{grid-column:3}html[data-design=studio] .notice-item{background:transparent}
@media(max-width:900px){html[data-design=vaeros] .public-header .notice-header-actions{grid-column:3;grid-row:1}.notice-header-actions .appearance-trigger{grid-column:auto!important;grid-row:auto!important}.public-header:has(.notice-header-actions){column-gap:10px}}
@media(max-width:600px){html[data-design=vaeros] .public-header .notice-header-actions{grid-column:1;grid-row:2}.public-header .notice-header-actions{flex-wrap:wrap}.notice-main{width:calc(100% - 32px);margin-top:32px}.notice-popover{top:160px;right:16px;max-height:calc(100dvh - 300px)}.notice-item{padding:20px 12px}.notice-unread{padding-left:9px}.notice-admin .notice-preview{padding:16px}.notice-toast{bottom:160px}.panel-topbar .notice-header-actions{flex-wrap:wrap}.notice-actions{gap:12px}}
@media(prefers-reduced-motion:reduce){.notice-main *,.notice-popover *,.notice-admin *{scroll-behavior:auto;transition:none}}
.notice-email-frame{width:100%;height:520px;border:1px solid var(--line,#33445d);border-radius:12px;background:#11141d}.notice-admin fieldset{margin:0;padding:16px;border:1px solid var(--line,#33445d);border-radius:12px}.notice-admin fieldset label+label{margin-top:12px}
html:is([data-design=ocean],[data-design=studio],[data-design=autumn]) .public-header .notice-header-actions{grid-area:appearance}.notice-header-actions .appearance-trigger{grid-area:auto}
@media(max-width:900px){html[data-design=blossom] .public-header .notice-header-actions{grid-area:appearance}}
@media(max-width:600px){html[data-design=autumn] .public-header .notice-header-actions{grid-area:appearance}}
@media(max-width:360px){.public-header .notice-header-actions .appearance-trigger svg{display:none}.public-header .notice-header-actions{gap:6px}.public-header .notice-header-actions .appearance-trigger{padding:8px;font-size:12px}.public-header .notice-bell{width:44px}}