/* Notice: shared status surfaces. Requires goomuse.tokens.css. */
.notice{--info-line:color-mix(in srgb,var(--info) 22%,transparent);--warning-line:color-mix(in srgb,var(--warning) 24%,transparent);--error-line:color-mix(in srgb,var(--error) 20%,transparent);--success-line:color-mix(in srgb,var(--success) 24%,transparent);display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:0;border-radius:var(--radius-md);background:var(--info-bg);box-shadow:inset 0 0 0 1px var(--info-line);color:var(--ink-900);font:var(--text-sm)/var(--leading-normal) var(--font-sans);box-sizing:border-box;min-width:0}
.notice[hidden]{display:none!important}
.notice__icon{width:18px;height:18px;flex:none;margin-top:1px;color:var(--info);stroke-width:1.75}
.notice:not(:has(> .notice__icon,> .notice__spinner))::before{content:'i';display:grid;place-items:center;flex:none;width:18px;height:18px;margin-top:1px;border:1.75px solid currentColor;border-radius:50%;color:var(--info);font:var(--weight-bold) 12px/1 var(--font-sans)}
.notice--success:not(:has(> .notice__icon,> .notice__spinner))::before{content:'✓';color:var(--success)}
.notice--warning:not(:has(> .notice__icon,> .notice__spinner))::before{content:'!';color:var(--warning);border-radius:4px}
.notice--error:not(:has(> .notice__icon,> .notice__spinner))::before{content:'×';color:var(--error)}
.notice--neutral:not(:has(> .notice__icon,> .notice__spinner))::before{content:'·';color:var(--ink-500)}
.notice__body{flex:1;min-width:0}
.notice__title{font-weight:var(--weight-bold)}
.notice__text{color:var(--ink-700);overflow-wrap:anywhere}
.notice__code{display:inline;margin-left:var(--space-2);color:var(--ink-400);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:400;white-space:nowrap}
.notice__actions{display:flex;gap:var(--space-1);align-items:center;align-self:center;flex:none;margin:-4px -6px -4px 0}
.notice__action{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:32px;padding:0 10px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--info);font:var(--weight-semibold) var(--text-sm)/1 var(--font-sans);text-decoration:none;cursor:pointer;white-space:nowrap}
.notice__action:hover{background:color-mix(in srgb,var(--ink-900) 6%,transparent)}
.notice__action--error,.notice--error .notice__action{color:var(--error)}
.notice--warning .notice__action{color:var(--warning)}
.notice--success .notice__action{color:var(--success)}
.notice__action--retry::before,.notice__action--error::before{content:"";width:16px;height:16px;flex:none;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21 12a9 9 0 0 1-15.5 6.2L3 16m0 5v-5h5M3 12a9 9 0 0 1 15.5-6.2L21 8m0-5v5h-5' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
.notice__close{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--ink-400);cursor:pointer}
.notice__close:hover{background:var(--ink-100);color:var(--ink-700)}
.notice__close svg{width:16px;height:16px}
.notice__close .notice__close-icon{color:inherit;margin:0}
.notice--success{background:var(--brand-50);box-shadow:inset 0 0 0 1px var(--success-line)}
.notice--success>.notice__icon{color:var(--success)}
.notice--warning{background:var(--warning-bg);box-shadow:inset 0 0 0 1px var(--warning-line)}
.notice--warning>.notice__icon{color:var(--warning)}
.notice--error{background:var(--error-bg);box-shadow:inset 0 0 0 1px var(--error-line)}
.notice--error>.notice__icon{color:var(--error)}
.notice--neutral{background:var(--ink-50);box-shadow:inset 0 0 0 1px var(--ink-200)}
.notice--neutral>.notice__icon{color:var(--ink-500)}
.notice--outline{background:var(--white);box-shadow:inset 0 0 0 1px var(--ink-200),var(--shadow-xs)}
.notice--outline>.notice__icon,.notice--outline .notice__action{color:var(--brand-600)}
.notice--note{background:transparent;box-shadow:none;padding:0;gap:var(--space-2);font-size:var(--text-xs);color:var(--ink-500)}
.notice--note .notice__icon{width:14px;height:14px;color:var(--ink-400);margin-top:2px}
.notice--note .notice__text{color:var(--ink-500)}
.notice--toast{width:max-content;max-width:calc(100vw - 32px);align-items:center;padding:var(--space-3) var(--space-5);border-radius:var(--radius-pill);background:var(--ink-900);color:var(--white);box-shadow:var(--shadow-lg)}
.notice--toast>.notice__icon{color:var(--brand-300);margin:0}
.notice--toast.notice--error>.notice__icon{color:var(--error)}
.notice--toast .notice__text{color:var(--ink-200)}
.notice--exam{border-radius:var(--radius-xs);background:var(--exam-50);box-shadow:inset 3px 0 0 var(--exam-700),inset 0 0 0 1px var(--ink-200)}
.notice--exam>.notice__icon{color:var(--exam-700)}
.notice--exam.notice--error{background:var(--error-bg);box-shadow:inset 0 0 0 1px var(--error-line)}
.notice--exam.notice--error>.notice__icon{color:var(--error)}
.notice--exam.notice--warning{background:var(--warning-bg);box-shadow:inset 0 0 0 1px var(--warning-line)}
.notice--exam.notice--warning>.notice__icon{color:var(--warning)}
.notice--exam.notice--success{background:var(--brand-50);box-shadow:inset 0 0 0 1px var(--success-line)}
.notice--exam.notice--success>.notice__icon{color:var(--success)}
.notice__spinner{width:20px;height:20px;flex:none;border:2px solid var(--ink-300);border-top-color:var(--ink-500);border-radius:50%;animation:notice-spin .8s linear infinite}
@keyframes notice-spin{to{transform:rotate(360deg)}}
.notice__toast-layer{position:fixed;left:50%;bottom:calc(var(--tabbar-h) + var(--safe-bottom) + var(--space-4));transform:translateX(-50%);z-index:2000;pointer-events:none}
.notice__page-host{position:relative;z-index:10;width:calc(100% - 2 * var(--space-4));max-width:1240px;margin:var(--space-4) auto}
.notice__page-host[data-notice-embedded]{width:100%}
.notice__page-host:empty{display:none}
.notice__page-host>.notice{width:100%}
#wc-main>.notice{width:calc(100% - 2 * var(--space-4));margin:var(--space-4);}
.msg.notice,.msg.err.notice,.msg.ok.notice,.err.notice,.error.notice{display:flex;text-align:left;color:var(--ink-900)}
.msg.err.notice,.err.notice,.error.notice{background:var(--error-bg)}
.msg.ok.notice{background:var(--brand-50)}
.jd-fail.notice,.rl-loading.notice,.jd-error.notice{flex-direction:row;align-items:flex-start;justify-content:flex-start;text-align:left;padding:var(--space-3) var(--space-4)}
.detail-loading.notice,.detail-error.notice{margin:var(--space-4) var(--space-5)}
.card.err.notice{display:flex;text-align:left;background:var(--error-bg);border:0;box-shadow:none;padding:var(--space-3) var(--space-4)}
.wcui-state--error.notice{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:40px 24px;text-align:center;background:var(--white);border:1px solid var(--ink-200);box-shadow:var(--shadow-xs)}
.wcui-state--error.notice>.notice__icon{width:48px;height:48px;padding:12px;margin:0 0 8px;border-radius:var(--radius-md);background:var(--error-bg);color:var(--error)}
.wcui-state--error.notice>.notice__body{flex:none;max-width:360px}
.wcui-state--error.notice .notice__title{font-size:var(--text-base)}
.wcui-state--error.notice .notice__text{color:var(--ink-500)}
.wcui-state--error.notice .notice__actions{width:auto;padding:0;margin:12px 0 0}
.wcui-state--error.notice .notice__action{height:36px;padding:0 16px;background:var(--brand-500);color:var(--white)}
.notice--state.notice,.card.err.notice.notice--state,.detail-error.notice.notice--state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:240px;padding:40px 24px;text-align:center;background:var(--white);border:1px solid var(--ink-200);box-shadow:var(--shadow-xs)}
.notice--state.notice>.notice__icon{width:48px;height:48px;padding:12px;margin:0 0 8px;border-radius:var(--radius-md);background:var(--error-bg);color:var(--error)}
.notice--state.notice:not(:has(> .notice__icon))::before{width:48px;height:48px;margin:0 0 8px;border:0;border-radius:var(--radius-md);background:var(--error-bg);font-size:24px;color:var(--error)}
.notice--state.notice>.notice__body{flex:none;max-width:360px}
.notice--state.notice .notice__title{font-size:var(--text-base)}
.notice--state.notice .notice__text{color:var(--ink-500)}
.notice--state.notice .notice__actions{width:auto;padding:0;margin:12px 0 0}
.notice--state.notice .notice__action{height:36px;padding:0 16px;background:var(--brand-500);color:var(--white)}
.notice--state.notice .notice__action--secondary{background:var(--ink-100);color:var(--ink-900)}
#impersonate-banner.notice{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:0;border-radius:var(--radius-md);background:var(--warning-bg);color:var(--ink-900);box-shadow:none}
@media(max-width:520px){.notice{flex-wrap:wrap}.notice__actions{width:100%;padding-left:calc(18px + var(--space-3));align-self:auto;margin:var(--space-1) 0 0}.notice--toast{flex-wrap:nowrap}.notice--toast .notice__actions{display:none}}