/* v3 · Alertas de gasto — prefixo al- */
.al-hero{border-radius:24px;margin:0 0 16px;padding:24px 28px}
.al-eyebrow{display:flex;align-items:center;gap:6px;font-size:13px;opacity:.8}.al-eyebrow svg{width:16px;height:16px}
.al-hero h1{font-family:Jakarta,Inter,sans-serif;font-size:28px;margin:6px 0 4px;color:inherit}
.al-hero p{margin:0;opacity:.82;font-size:14px;max-width:80ch}
.al-hero-acts{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}
.al-cobre{background:var(--cobre)!important}.al-cobre svg{width:16px;height:16px}
.al-ghost{background:rgba(255,255,255,.1)!important;color:#fff!important;border-color:rgba(255,255,255,.25)!important}
.al-form{margin-bottom:16px}.al-form h2{font-size:17px;margin-bottom:12px}
.al-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px 16px}
.al-grid label{display:flex;flex-direction:column;gap:4px}
.al-faixas{display:grid;grid-template-columns:150px 1fr;gap:8px}
.al-dica{color:var(--ink-500);font-size:12px}
.al-canais{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:14px 0}
.al-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--ink-200);border-radius:999px;padding:7px 12px;background:#fff;font-size:13.5px;cursor:pointer;font-family:inherit;color:var(--ink-900)}
.al-chip em{font-style:normal;font-size:11.5px;color:var(--warn)}
.al-chip.off{opacity:.65}
.al-btns{display:flex;gap:8px}
.al-wrap{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:16px;align-items:start}
.al-col{display:flex;flex-direction:column;gap:14px;min-width:0}
.al-regra header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:6px}
.al-regra h2{font-size:16.5px}.al-regra header small{color:var(--ink-500);font-size:12.5px}
.al-regra.pausada{opacity:.6}
.al-acts{display:flex;gap:8px;align-items:center;flex:none}
.al-sw{width:42px;height:24px;border-radius:999px;border:0;background:var(--ink-200);position:relative;cursor:pointer;padding:0}
.al-sw i{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:left .15s}
.al-sw.on{background:var(--pos)}.al-sw.on i{left:21px}
.al-x{border:0;background:none;color:var(--ink-400);cursor:pointer;padding:6px}.al-x svg{width:17px;height:17px}.al-x:hover{color:var(--risk)}
.al-item{padding:10px 0;border-top:1px solid var(--ink-100)}
.al-item-h{display:flex;justify-content:space-between;gap:10px;font-size:14px;flex-wrap:wrap}
.al-bar{position:relative;height:10px;background:var(--ink-100);border-radius:6px;margin:8px 0 6px}
.al-fill{position:absolute;left:0;top:0;bottom:0;border-radius:6px}
.al-fill.al-ok{background:var(--pos)}.al-fill.al-aten{background:var(--cobre)}.al-fill.al-alto{background:#c2410c}.al-fill.al-crit{background:var(--risk)}
b.al-ok{color:var(--pos)}b.al-aten{color:var(--cobre)}b.al-alto{color:#c2410c}b.al-crit{color:var(--risk)}
.al-mk{position:absolute;top:-3px;width:3px;height:16px;margin-left:-1px;background:var(--ink-400);border-radius:2px}
.al-mk.ok{background:var(--ink-900)}
.al-hoje{position:absolute;top:-6px;width:0;height:22px;border-left:2px dashed var(--brand-500);opacity:.6}
.al-sub{color:var(--ink-500);font-size:12.5px}
.al-msg{display:flex;flex-direction:column;gap:2px;padding:10px 0;border-top:1px solid var(--ink-100);font-size:13.5px}
.al-msg small{color:var(--ink-500);font-size:11.5px}
.al-msg.novo span{font-weight:600}
.al-dest{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}
.al-testes{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}
.al-vazio p{color:var(--ink-700)}
@media(max-width:860px){.al-hero{margin:0 -16px 14px;border-radius:0 0 24px 24px;padding:20px}.al-wrap{grid-template-columns:1fr}.al-faixas{grid-template-columns:1fr}}
/* ligação com o Orçamento */
.al-prev{position:absolute;top:0;bottom:0;border-radius:0 6px 6px 0;background:repeating-linear-gradient(135deg,var(--ink-200) 0 4px,transparent 4px 7px);opacity:.9}
.al-tag{font-style:normal;font-size:11px;font-weight:600;color:var(--cobre);background:color-mix(in srgb,var(--cobre) 12%,transparent);padding:1px 7px;border-radius:999px;margin-left:4px;white-space:nowrap}
.al-orc{display:flex;align-items:center;gap:14px;border:1px solid color-mix(in srgb,var(--cobre) 35%,transparent);background:color-mix(in srgb,var(--cobre) 6%,var(--white))}
.al-orc>div{flex:1;display:flex;flex-direction:column;gap:2px}.al-orc small{color:var(--ink-700)}
@media (max-width:640px){.al-orc{flex-wrap:wrap}.al-orc form{width:100%}.al-orc .btn{width:100%}}
/* faixa no Orçamento */
.pl-avisos{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 14px;margin:0 0 12px;border-radius:14px;background:var(--white);border:1px solid var(--ink-100);font-size:13px;color:var(--ink-700)}
.pl-avisos svg{width:16px;height:16px;color:var(--cobre)}.pl-avisos span{flex:1;min-width:200px}
.pl-avisos form{margin:0}.pl-avisos a,.pl-avisos button{font-weight:600}