/* Cartões visuais locais: nunca interpretam HTML/CSS fornecido pelo administrador. */
.sv-notices{display:grid;gap:12px;width:min(1280px,calc(100% - 32px));margin:12px auto;position:relative;z-index:3}
.sv-notice{--notice-bg:#17152b;--notice-accent:#a855f7;--notice-text:#fff;display:flex;align-items:flex-start;gap:15px;position:relative;overflow:hidden;min-width:0;border:1px solid color-mix(in srgb,var(--notice-accent) 32%,transparent);border-radius:18px;padding:19px 22px;background:var(--notice-bg);color:var(--notice-text);box-shadow:0 12px 30px rgba(0,0,0,.12)}
.sv-notice-icon{flex:none;width:45px;height:45px;display:grid;place-items:center;border-radius:14px;background:color-mix(in srgb,var(--notice-accent) 17%,transparent);color:var(--notice-accent)}
.sv-notice-icon svg{width:25px;height:25px}.sv-notice-content{flex:1;min-width:0;overflow-wrap:anywhere}.sv-notice-title{font-size:1.05rem;font-weight:800;display:block;line-height:1.3}.sv-notice-content p{margin:6px 0 0;line-height:1.55;color:inherit;opacity:.88}.sv-notice-action{display:inline-flex;gap:7px;margin-top:12px;align-items:center;padding:9px 14px;border-radius:10px;background:var(--notice-accent);color:#fff!important;font-weight:750;text-decoration:none;max-width:100%;overflow-wrap:anywhere}.sv-notice-action:hover{filter:brightness(1.1)}.sv-notice-close{appearance:none;flex:none;border:0;border-radius:12px;width:32px;height:32px;background:transparent;color:inherit;opacity:.75;cursor:pointer;display:grid;place-items:center}.sv-notice-close:hover,.sv-notice-close:focus-visible{background:rgba(128,128,128,.22);opacity:1}.sv-notice-close .icon{width:18px;height:18px}
.sv-notice--gradient{background:linear-gradient(125deg,var(--notice-bg),color-mix(in srgb,var(--notice-accent) 44%,var(--notice-bg)))}
.sv-notice--glass{background:color-mix(in srgb,var(--notice-bg) 86%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.sv-notice--outline{background:transparent;border:2px solid var(--notice-accent)}
.sv-notice--minimal{border:0;border-left:5px solid var(--notice-accent);border-radius:8px;box-shadow:none}
.sv-notice--neon{border-color:var(--notice-accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--notice-accent) 35%,transparent),0 0 26px color-mix(in srgb,var(--notice-accent) 19%,transparent)}
.sv-notice--success{border-left:5px solid #22c55e}.sv-notice--warning{border-left:5px solid #f59e0b}
.sv-notices--floating,.sv-notices--floating_top{position:fixed;width:min(405px,calc(100% - 24px));z-index:900;right:max(12px,env(safe-area-inset-right));left:auto;margin:0;pointer-events:none}
.sv-notices--floating{bottom:calc(20px + env(safe-area-inset-bottom))}.sv-notices--floating_top{top:calc(82px + env(safe-area-inset-top))}
.sv-notices--floating .sv-notice,.sv-notices--floating_top .sv-notice{pointer-events:auto;box-shadow:0 18px 55px rgba(0,0,0,.34)}
@media(max-width:700px){.sv-notice{padding:15px;gap:10px}.sv-notice-icon{width:38px;height:38px}.sv-notices--floating{bottom:calc(85px + env(safe-area-inset-bottom))}.sv-notices--floating_top{top:calc(60px + env(safe-area-inset-top))}}
@media(prefers-reduced-motion:reduce){.sv-notice,.sv-notice *{animation:none!important;transition:none!important}}
