/* ═══════════════════════════════════════════════
   ALERTAS.CSS — Central de Alertas
   ImoCRM 360°
   ═══════════════════════════════════════════════ */

.alert-page{display:flex;flex-direction:column;height:100%;overflow:visible;}

/* ── KPI BAR ── */
.al-kpis{display:flex;gap:10px;padding:14px 18px;border-bottom:.5px solid var(--border);background:var(--bg2);flex-shrink:0;flex-wrap:wrap;}
.al-kpi{flex:1;min-width:110px;background:var(--bg3);border:.5px solid var(--border2);border-radius:12px;padding:12px 16px;position:relative;overflow:hidden;transition:transform .15s;}
.al-kpi:hover{transform:translateY(-1px);}
.al-kpi::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;}
.al-kpi-red::before{background:linear-gradient(90deg,var(--red),#f07070);}
.al-kpi-amber::before{background:linear-gradient(90deg,var(--amber),#f5c55a);}
.al-kpi-teal::before{background:linear-gradient(90deg,var(--teal),var(--green));}
.al-kpi-green::before{background:linear-gradient(90deg,var(--green),#60d996);}
.al-kpi-blue::before{background:linear-gradient(90deg,var(--blue),#7faaff);}
.al-kpi-gold::before{background:linear-gradient(90deg,var(--gold),var(--amber));}
.al-kpi-val{font-size:26px;font-weight:700;font-family:var(--mono);line-height:1;margin-bottom:3px;}
.al-kpi-red .al-kpi-val{color:var(--red);}
.al-kpi-amber .al-kpi-val{color:var(--amber);}
.al-kpi-teal .al-kpi-val{color:var(--teal);}
.al-kpi-green .al-kpi-val{color:var(--green);}
.al-kpi-blue .al-kpi-val{color:var(--blue);}
.al-kpi-gold .al-kpi-val{color:var(--gold);}
.al-kpi-lbl{font-size:10px;color:var(--text3);text-transform:uppercase;letter-spacing:.6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

/* ── TOOLBAR ── */
.al-toolbar{background:var(--bg2);border-bottom:.5px solid var(--border);flex-shrink:0;}
.al-view-tabs{display:flex;gap:2px;padding:8px 14px 0;border-bottom:.5px solid var(--border);}
.al-view-tab{padding:7px 14px;border-radius:8px 8px 0 0;font-size:13px;font-weight:500;cursor:pointer;color:var(--text3);background:transparent;border:none;border-bottom:2px solid transparent;transition:all .15s;display:flex;align-items:center;gap:6px;}
.al-view-tab:hover{color:var(--text2);background:var(--bg3);}
.al-view-tab.active{color:var(--gold);border-bottom-color:var(--gold);}
.al-cnt{font-size:10px;background:var(--bg4);border-radius:20px;padding:1px 6px;font-weight:600;color:var(--text2);}
.al-view-tab.active .al-cnt{background:var(--gold3);color:var(--gold);}
.al-filters{display:flex;gap:6px;padding:9px 14px;flex-wrap:wrap;align-items:center;}
.al-fchip{padding:4px 11px;border-radius:20px;font-size:11px;cursor:pointer;background:var(--bg3);border:.5px solid var(--border2);color:var(--text3);font-weight:500;transition:all .12s;white-space:nowrap;}
.al-fchip:hover{border-color:var(--border3);color:var(--text2);}
.al-fchip.active{background:var(--blue2);border-color:var(--blue);color:var(--blue);}
.al-fchip.urgent{background:rgba(240,82,82,.08);border-color:rgba(240,82,82,.3);color:var(--red);}
.al-fchip.urgent.active{background:rgba(240,82,82,.18);}
.al-search{background:var(--bg3);border:.5px solid var(--border2);border-radius:8px;padding:5px 11px;color:var(--text);font-size:12px;outline:none;width:200px;font-family:var(--font);transition:border-color .15s;}
.al-search:focus{border-color:var(--gold);}

/* ── LISTA ── */
.al-list{flex:1;overflow-y:auto;padding:10px 14px 20px;display:flex;flex-direction:column;gap:5px;}
.al-group-hdr{display:flex;align-items:center;gap:8px;padding:8px 4px 4px;font-size:10px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.8px;margin-top:4px;}
.al-group-cnt{background:var(--bg4);border-radius:20px;padding:1px 6px;font-size:10px;}
.al-group-line{flex:1;height:.5px;background:var(--border);}

/* ── ITEM CARD ── */
.al-item{background:var(--bg3);border:.5px solid var(--border2);border-radius:11px;padding:11px 12px;display:flex;gap:10px;cursor:pointer;transition:all .12s;position:relative;overflow:visible;margin-bottom:2px;}
.al-item:hover{transform:translateX(2px);}
.al-item.urgent{border-left:3px solid var(--red);}
.al-item.soon{border-left:3px solid var(--amber);}
.al-item.ok{border-left:3px solid var(--green);}
.al-item.unread{background:rgba(79,142,247,.05);}
.al-unread-pip{position:absolute;top:10px;right:10px;width:7px;height:7px;border-radius:50%;background:var(--blue);animation:blinkPip 2s infinite;}
.al-item-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;}
.ico-f{background:rgba(139,108,247,.18);}
.ico-v{background:rgba(46,196,164,.18);}
.ico-g{background:var(--gold3);}
.ico-b{background:rgba(79,142,247,.15);}
.ico-r{background:rgba(240,82,82,.15);}
.ico-d{background:rgba(240,160,48,.15);}
.al-item-body{flex:1;min-width:0;}
.al-item-top{display:flex;align-items:center;gap:6px;margin-bottom:2px;flex-wrap:wrap;}
.al-item-nome{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px;}
.al-item-type{font-size:10px;padding:2px 6px;border-radius:6px;font-weight:600;white-space:nowrap;}
.tp-f{background:rgba(139,108,247,.18);color:var(--purple);}
.tp-v{background:rgba(46,196,164,.18);color:var(--teal);}
.tp-a{background:rgba(240,160,48,.18);color:var(--amber);}
.tp-s{background:rgba(79,142,247,.15);color:var(--blue);}
.tp-d{background:rgba(240,160,48,.15);color:var(--amber);}
.al-item-temp{font-size:10px;padding:2px 6px;border-radius:6px;font-weight:500;}
.temp-h{background:rgba(240,113,74,.18);color:var(--coral);}
.temp-w{background:rgba(240,160,48,.18);color:var(--amber);}
.temp-c{background:rgba(79,142,247,.15);color:var(--blue);}
.al-item-etapa{font-size:10px;padding:2px 6px;border-radius:6px;background:var(--bg4);color:var(--text3);white-space:nowrap;}
.al-item-imovel{font-size:11px;color:var(--text3);margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.al-item-sub{font-size:12px;color:var(--text2);line-height:1.5;margin-bottom:5px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.al-item-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.al-item-time{font-size:11px;color:var(--text3);}
.time-overdue{color:var(--red);font-weight:600;}
.time-soon{color:var(--amber);font-weight:600;}
.time-ok{color:var(--green);}
.al-item-corretor{font-size:11px;color:var(--text3);}
.al-item-pts{font-size:11px;font-weight:700;color:var(--gold);background:var(--gold3);border-radius:8px;padding:2px 7px;font-family:var(--mono);}
.al-item-actions{display:flex;flex-direction:column;gap:5px;align-items:flex-end;flex-shrink:0;justify-content:center;}
.al-act-btn{padding:5px 9px;border-radius:7px;font-size:11px;font-weight:600;cursor:pointer;border:.5px solid;transition:all .12s;text-decoration:none;display:inline-flex;align-items:center;gap:3px;white-space:nowrap;font-family:var(--font);}
.al-act-btn:hover{filter:brightness(1.15);}
.btn-wa{background:rgba(37,211,102,.12);color:#25d366;border-color:rgba(37,211,102,.3);}
.btn-ok{background:var(--blue2);color:var(--blue);border-color:rgba(79,142,247,.3);}
.btn-sn{background:var(--gold3);color:var(--gold);border-color:rgba(232,184,75,.3);}
.btn-lk{background:var(--bg4);color:var(--text2);border-color:var(--border2);}
.al-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:60px 20px;}