.banner{position:relative;display:flex;align-items:center;gap:12px;padding:10px 12px 10px 16px;flex-shrink:0;border-bottom:1px solid var(--banner-border,rgba(177,116,15,.18));box-shadow:var(--shadow-xs,0 1px 2px rgba(0,10,20,.06));color:var(--banner-text,#3E2A06);background:var(--banner-bg,linear-gradient(180deg,#FFEAC2 0,#FFD89B 100%));animation:banner-slide-in .24s cubic-bezier(.16,1,.3,1)}.banner:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--banner-accent,var(--color-copperwood,#B1740F))}@keyframes banner-slide-in{0%{transform:translateY(-4px);opacity:0}to{transform:translateY(0);opacity:1}}@media (prefers-reduced-motion:reduce){.banner{animation:none}}.banner--warning{--banner-bg:linear-gradient(180deg,#FFEAC2,#FFD89B);--banner-border:rgba(177,116,15,0.18);--banner-accent:var(--color-copperwood,#B1740F);--banner-text:#3E2A06;--banner-text-muted:rgba(62,42,6,0.70);--banner-icon-bg:rgba(177,116,15,0.15);--banner-icon-fg:var(--color-copperwood,#B1740F);--banner-dismiss-fg:rgba(62,42,6,0.55);--banner-dismiss-fg-hover:#3E2A06;--banner-dismiss-bg-hover:rgba(62,42,6,0.08)}.banner--info{--banner-bg:linear-gradient(180deg,#F7F6F4,#EDEAE5);--banner-border:rgba(0,10,20,0.08);--banner-accent:var(--color-copperwood,#B1740F);--banner-text:#111118;--banner-text-muted:#52525E;--banner-icon-bg:rgba(177,116,15,0.12);--banner-icon-fg:var(--color-copperwood,#B1740F);--banner-dismiss-fg:#8A8A96;--banner-dismiss-fg-hover:#111118;--banner-dismiss-bg-hover:rgba(0,10,20,0.06)}.banner__icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--banner-icon-bg);color:var(--banner-icon-fg);flex-shrink:0}.banner__text{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1 1;line-height:1.3}.banner__title{font-size:13px;font-weight:600;color:var(--banner-text);letter-spacing:.005em}.banner__description,.banner__title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.banner__description{font-size:11.5px;color:var(--banner-text-muted)}.banner__actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.banner__btn{font-size:12px;font-weight:600;letter-spacing:.01em;padding:6px 14px;border-radius:999px;border:none;cursor:pointer;white-space:nowrap;font-family:inherit;transition:background-color .18s ease,box-shadow .18s ease,transform .18s ease,color .18s ease}.banner__btn:disabled{opacity:.55;cursor:not-allowed}.banner__btn--primary{background:var(--color-copperwood,#B1740F);color:#FFFFFF;box-shadow:0 1px 2px rgba(177,116,15,.35)}.banner__btn--primary:hover:not(:disabled){background:#9A6309;box-shadow:0 2px 6px rgba(177,116,15,.45)}.banner__btn--primary:active:not(:disabled){transform:translateY(.5px);box-shadow:0 1px 1px rgba(177,116,15,.35)}.banner__btn--primary:focus-visible{outline:2px solid var(--color-copperwood,#B1740F);outline-offset:2px}.banner__btn--secondary{background:transparent;color:var(--banner-text);padding:6px 10px;opacity:.75}.banner__btn--secondary:hover:not(:disabled){opacity:1;background:var(--banner-dismiss-bg-hover)}.banner__btn--secondary:focus-visible{outline:2px solid var(--color-copperwood,#B1740F);outline-offset:2px}.banner__dismiss{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;color:var(--banner-dismiss-fg);cursor:pointer;flex-shrink:0;border-radius:50%;margin-left:2px;transition:background-color .15s ease,color .15s ease}.banner__dismiss:hover{background:var(--banner-dismiss-bg-hover);color:var(--banner-dismiss-fg-hover)}.banner__dismiss:focus-visible{outline:2px solid var(--color-copperwood,#B1740F);outline-offset:1px}