#clareza-preview .cf-alerts{max-width:1100px;margin:0 auto;color:var(--cf-text)}
#clareza-preview .cf-period[hidden]{display:none!important}
#clareza-preview .cf-alerts-intro{padding:8px 0 22px}
#clareza-preview .cf-alerts-intro>span,#clareza-preview .cf-alerts-setting>span,#clareza-preview .cf-alerts-hero>div>span,#clareza-preview .cf-alerts-sheet>span{display:block;font-size:11px;font-weight:800;letter-spacing:.13em;color:var(--cf-accent)}
#clareza-preview .cf-alerts-intro h2{margin:7px 0 2px;font-size:clamp(30px,4vw,43px);line-height:1.12;letter-spacing:-.055em}
#clareza-preview .cf-alerts-intro h2 span{color:var(--cf-accent)}
#clareza-preview .cf-alerts-intro p,#clareza-preview .cf-alerts-setting p{color:var(--cf-muted);margin:4px 0 0;font-size:14px}
#clareza-preview .cf-alerts-hero{position:relative;display:flex;justify-content:space-between;align-items:center;min-height:165px;padding:23px 27px;border-radius:22px;overflow:hidden;background:radial-gradient(circle at 90% 18%,#c56c2f,#68351e 43%,#251b18 100%);border:1px solid #9c5732;color:#fff;box-shadow:0 15px 35px #0002}
#clareza-preview .cf-alerts-hero:after{content:'';position:absolute;width:200px;height:200px;right:-60px;top:-65px;border:1px solid #ffd1a16b;border-radius:50%;box-shadow:0 0 0 26px #ffd1a118,0 0 0 58px #ffd1a10a;pointer-events:none}
#clareza-preview .cf-alerts-hero>div{position:relative;z-index:1}
#clareza-preview .cf-alerts-hero>div>span{color:#ffd4b7}
#clareza-preview .cf-alerts-hero strong{display:block;font-size:clamp(25px,4vw,37px);letter-spacing:-.055em;margin:9px 0 4px}
#clareza-preview .cf-alerts-hero p{color:#ffe3d1;font-size:13px;line-height:1.5;margin:0;max-width:400px}
#clareza-preview .cf-alerts-hero-art{z-index:1;width:52px;height:52px;flex:none;display:grid;place-items:center;border:1px solid #ffffff86;border-radius:14px;background:#ffffff1e;transform:rotate(-12deg);font-size:25px}
#clareza-preview .cf-alerts-tabs{display:flex;gap:5px;padding:5px;background:var(--cf-surface);border:1px solid var(--cf-line);border-radius:13px;margin:20px 0 22px}
#clareza-preview .cf-alerts-tabs button{border:0;background:transparent;color:var(--cf-muted);font-weight:700;font-size:13px;border-radius:9px;min-height:43px;flex:1;cursor:pointer}
#clareza-preview .cf-alerts-tabs button[aria-selected=true]{background:var(--cf-accent-soft);color:var(--cf-accent)}
#clareza-preview .cf-alerts-section-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:14px}
#clareza-preview .cf-alerts-section-head h3{font-size:20px;letter-spacing:-.035em;margin:0}
#clareza-preview .cf-alerts-section-head span{font-size:12px;color:var(--cf-muted)}
#clareza-preview .cf-alerts-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#clareza-preview .cf-alerts-item{display:flex;align-items:flex-start;gap:12px;width:100%;min-width:0;text-align:left;background:var(--cf-surface);border:1px solid var(--cf-line);border-radius:16px;padding:16px;color:var(--cf-text);cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s}
#clareza-preview .cf-alerts-item:hover{transform:translateY(-3px);border-color:var(--cf-accent);box-shadow:0 12px 26px #0002}
#clareza-preview .cf-alerts-item:active{transform:scale(.99)}
#clareza-preview .cf-alerts-symbol{display:grid;place-items:center;width:37px;height:37px;flex:none;border-radius:11px;background:var(--cf-accent-soft);color:var(--cf-accent);font-size:18px}
#clareza-preview .cf-alerts-symbol.cf-alerts-blue{background:light-dark(#e6f1fe,#24384c);color:light-dark(#3171aa,#a8d0f4)}
#clareza-preview .cf-alerts-item-body{display:block;flex:1;min-width:0}
#clareza-preview .cf-alerts-item-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}
#clareza-preview .cf-alerts-item-top strong{font-size:14px;line-height:1.35}
#clareza-preview .cf-alerts-item-top small{font-size:11px;color:var(--cf-muted);white-space:nowrap}
#clareza-preview .cf-alerts-muted{display:block;font-size:12px;color:var(--cf-muted);line-height:1.48;margin-top:3px}
#clareza-preview .cf-alerts-meter{display:block;width:100%;height:5px;overflow:hidden;border-radius:50px;background:var(--cf-track);margin-top:11px}
#clareza-preview .cf-alerts-meter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ffba82,#ef7625)}
#clareza-preview .cf-alerts-empty{grid-column:1/-1;padding:25px;background:var(--cf-surface);border:1px solid var(--cf-line);border-radius:16px;color:var(--cf-muted)}
#clareza-preview .cf-alerts-links{display:flex;flex-wrap:wrap;gap:12px 26px;margin-top:21px}
#clareza-preview .cf-alerts-links button{border:0;background:none;color:var(--cf-accent);font-weight:700;font-size:13px;padding:3px 0;cursor:pointer}
#clareza-preview .cf-alerts-setting{background:var(--cf-surface);border:1px solid var(--cf-line);border-radius:16px;padding:22px;margin:0 0 12px}
#clareza-preview .cf-alerts-setting h3{font-size:17px;letter-spacing:-.025em;margin:8px 0 4px}
#clareza-preview .cf-alerts-setting p{font-size:12px;line-height:1.55}
#clareza-preview .cf-alerts-choices{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px}
#clareza-preview .cf-alerts-choices button{border:1px solid var(--cf-line);background:var(--cf-soft);border-radius:10px;padding:10px 16px;font-weight:700;color:var(--cf-text);cursor:pointer}
#clareza-preview .cf-alerts-choices button[aria-pressed=true]{background:#ef7625;color:#171717;border-color:#ef7625}
#clareza-preview .cf-alerts-setting-row{display:flex;align-items:center;justify-content:space-between;gap:16px}
#clareza-preview .cf-alerts-setting-row h3{margin-top:0}
#clareza-preview .cf-alerts-switch{flex:none;width:45px;height:27px;border:0;border-radius:30px;background:#79716d;position:relative;cursor:pointer}
#clareza-preview .cf-alerts-switch[aria-checked=true]{background:#ef7625}
#clareza-preview .cf-alerts-switch i{display:block;width:19px;height:19px;position:absolute;top:4px;left:4px;border-radius:50%;background:#fff;transition:left .2s}
#clareza-preview .cf-alerts-switch[aria-checked=true] i{left:22px}
#clareza-preview .cf-alerts-save{width:100%;margin-top:6px}
#clareza-preview .cf-alerts-note{text-align:center;color:var(--cf-muted);font-size:12px;line-height:1.5;margin:15px auto;max-width:520px}
#clareza-preview .cf-alerts-backdrop:not([hidden]){position:fixed;inset:0;z-index:80;background:#0009}
#clareza-preview .cf-alerts-sheet:not([hidden]){position:fixed;z-index:81;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,570px);padding:26px;border:1px solid var(--cf-line);border-radius:22px 22px 0 0;background:var(--cf-surface);box-shadow:0 -15px 40px #0005}
#clareza-preview .cf-alerts-sheet>button:first-child{float:right;border:0;border-radius:10px;width:35px;height:35px;background:var(--cf-soft);color:var(--cf-text);font-size:22px;cursor:pointer}
#clareza-preview .cf-alerts-sheet h3{font-size:23px;letter-spacing:-.04em;margin:12px 0 7px}
#clareza-preview .cf-alerts-sheet p{font-size:14px;color:var(--cf-muted);line-height:1.6}
#clareza-preview .cf-alerts-fact{padding:15px;background:var(--cf-soft);border:1px solid var(--cf-line);border-radius:12px;margin:19px 0;font-size:13px}
#clareza-preview .cf-alerts-sheet>.cf-primary-button{width:100%}
#clareza-preview [data-alert-panel][hidden],#clareza-preview .cf-alerts-sheet[hidden],#clareza-preview .cf-alerts-backdrop[hidden]{display:none}
@media(max-width:760px){#clareza-preview .cf-head .cf-icon-button[data-screen=alerts]{display:grid}#clareza-preview .cf-header-actions{flex-direction:row;align-items:center;flex-wrap:nowrap}#clareza-preview[data-screen=alerts] .cf-head{min-height:72px;align-items:center}#clareza-preview .cf-alerts-list{grid-template-columns:1fr}#clareza-preview .cf-alerts-hero{padding:19px;min-height:150px}#clareza-preview .cf-alerts-hero-art{width:40px;height:40px;font-size:20px}#clareza-preview .cf-alerts-item{padding:13px}}
@media(prefers-reduced-motion:reduce){#clareza-preview .cf-alerts-item,#clareza-preview .cf-alerts-switch i{transition:none}}
