/* ===== ATLAS ACTION CENTER · centre de contrôle du Dashboard =====
   Remplace le menu « Alertes Atlas » par un module actionnable intégré
   au Centre Opérationnel. Étend la charte Atlas Connect (atlas-admin.css). */

.acen{margin-bottom:22px}

/* ---------- en-tête ---------- */
.acen-h{display:flex;align-items:center;gap:13px;margin-bottom:14px;flex-wrap:wrap}
.acen-h .ah-ic{width:40px;height:40px;border-radius:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,rgba(248,113,113,.24),rgba(245,158,11,.18));border:1px solid rgba(248,113,113,.35)}
.acen-h .ah-ic svg{width:21px;height:21px;stroke:#fca5a5;fill:none;stroke-width:2}
.acen-h h3{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:1.3rem;color:#fff;letter-spacing:-.4px;line-height:1}
.acen-h .ah-sub{font-size:.8rem;color:var(--mid);margin-top:3px}
.acen-h .ah-spacer{flex:1}
.acen-h .ah-live{display:inline-flex;align-items:center;gap:7px;font-size:.72rem;font-weight:700;color:#cbb8ff;
  background:var(--ai-soft,rgba(168,130,255,.16));border:1px solid rgba(168,130,255,.3);padding:6px 13px;border-radius:50px}

/* ---------- bandeau IA ---------- */
.acen-ai{position:relative;overflow:hidden;border-radius:16px;padding:17px 20px;margin-bottom:16px;
  border:1px solid rgba(168,130,255,.32);background:linear-gradient(135deg,rgba(44,30,92,.6),rgba(12,20,52,.66));
  display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.acen-ai::after{content:'';position:absolute;right:-50px;top:-60px;width:220px;height:220px;border-radius:50%;
  background:radial-gradient(circle,rgba(168,130,255,.22),transparent 66%);pointer-events:none}
.acen-ai .aa-orb{width:46px;height:46px;border-radius:13px;flex-shrink:0;display:flex;align-items:center;justify-content:center;position:relative;
  background:linear-gradient(135deg,rgba(168,130,255,.38),rgba(37,99,235,.24));border:1px solid rgba(168,130,255,.5)}
.acen-ai .aa-orb svg{width:23px;height:23px;stroke:#e7ddff;fill:none;stroke-width:1.9}
.acen-ai .aa-lead{flex:1;min-width:200px}
.acen-ai .aa-tag{font-size:.62rem;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;color:#cbb8ff;margin-bottom:3px}
.acen-ai .aa-lead p{font-size:.9rem;color:var(--txt);line-height:1.5}
.acen-ai .aa-lead p b{color:#fff;font-weight:700}
.acen-risks{display:flex;flex-direction:column;gap:7px;flex-shrink:0}
.aa-risk{display:flex;align-items:center;gap:9px;padding:8px 13px;border-radius:11px;border:1px solid var(--line);background:rgba(8,16,40,.55);min-width:248px;cursor:pointer;transition:.18s}
.aa-risk:hover{border-color:var(--line2);transform:translateX(3px)}
.aa-risk .ar-t{flex:1;font-size:.78rem;color:var(--mid)}
.aa-risk .ar-t b{color:#fff;font-weight:600}
.aa-risk .ar-pct{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:.84rem}

/* ---------- filtres ---------- */
.acen-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.af-chip{display:inline-flex;align-items:center;gap:9px;padding:9px 15px;border-radius:50px;cursor:pointer;transition:.18s;
  font-size:.82rem;font-weight:600;color:var(--mid);border:1px solid var(--line);background:rgba(8,16,40,.55)}
.af-chip .af-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}
.af-chip .af-n{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:.72rem;color:var(--txt);background:rgba(255,255,255,.09);padding:1px 8px;border-radius:50px}
.af-chip:hover{color:var(--txt);border-color:var(--line2)}
.af-chip.active{color:#fff;border-color:transparent;background:rgba(255,255,255,.09)}
.af-chip.active.f-crit{background:rgba(248,113,113,.18);border-color:rgba(248,113,113,.4)}
.af-chip.active.f-imp{background:rgba(245,158,11,.18);border-color:rgba(245,158,11,.4)}
.af-chip.active.f-info{background:rgba(96,165,250,.18);border-color:rgba(96,165,250,.4)}
.af-chip.active.f-done{background:rgba(34,197,94,.16);border-color:rgba(34,197,94,.4)}
.af-chip.active.f-all{background:rgba(255,255,255,.12);border-color:var(--line2)}
.af-dot.d-crit{background:var(--red)}.af-dot.d-imp{background:#f59e0b}.af-dot.d-info{background:var(--blue-l,#60a5fa)}.af-dot.d-done{background:var(--green)}.af-dot.d-all{background:#cbd5e1}

/* ---------- grille de cartes ---------- */
.acen-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}
@media(max-width:1080px){.acen-grid{grid-template-columns:1fr}}
.acen-empty{grid-column:1/-1;text-align:center;padding:46px 20px;color:var(--dim);font-size:.9rem}
.acen-empty svg{width:34px;height:34px;stroke:var(--green);fill:none;stroke-width:1.8;margin-bottom:12px}

/* ---------- carte d'action ---------- */
.acard{position:relative;display:flex;flex-direction:column;gap:13px;padding:16px 18px 15px;border-radius:15px;overflow:hidden;
  border:1px solid var(--line);background:linear-gradient(160deg,rgba(18,30,66,.55),rgba(10,18,44,.6));transition:transform .22s,opacity .3s,border-color .2s}
.acard::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px}
.acard.crit::before{background:linear-gradient(180deg,#fca5a5,var(--red));box-shadow:0 0 16px 1px rgba(248,113,113,.5)}
.acard.imp::before{background:linear-gradient(180deg,#fcd34d,#f59e0b)}
.acard.info::before{background:linear-gradient(180deg,#93c5fd,var(--blue-l,#60a5fa))}
.acard.done::before{background:linear-gradient(180deg,#86efac,var(--green))}
.acard:hover{transform:translateY(-2px);border-color:var(--line2);box-shadow:var(--sh-soft)}
.acard.done{opacity:.66}
.acard.resolving{opacity:0;transform:translateX(24px) scale(.97)}

.ac-top{display:flex;align-items:flex-start;gap:13px}
.ac-ic{width:42px;height:42px;border-radius:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center}
.ac-ic svg{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:2}
.acard.crit .ac-ic{background:rgba(248,113,113,.14);color:#fca5a5}
.acard.imp .ac-ic{background:rgba(245,158,11,.14);color:#fbbf24}
.acard.info .ac-ic{background:rgba(96,165,250,.14);color:var(--blue-l,#60a5fa)}
.acard.done .ac-ic{background:rgba(34,197,94,.14);color:#86efac}
.ac-hd{flex:1;min-width:0}
.ac-hd h4{font-size:.96rem;font-weight:700;color:var(--txt);line-height:1.3;display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap}
.ac-hd .ac-sub{font-size:.8rem;color:var(--mid);margin-top:4px;line-height:1.45}
.ac-time{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;font-size:.7rem;font-weight:600;color:var(--dim);white-space:nowrap}
.ac-time .led{width:7px;height:7px}

/* méta */
.ac-meta{display:flex;flex-wrap:wrap;gap:7px 16px;padding-left:55px}
.ac-mi{display:flex;flex-direction:column;gap:1px}
.ac-mi .mi-l{font-size:.62rem;text-transform:uppercase;letter-spacing:.5px;color:var(--dim);font-weight:600}
.ac-mi .mi-v{font-size:.84rem;color:var(--txt);font-weight:600}
.ac-mi .mi-v.danger{color:#fca5a5;font-family:'Space Grotesk',sans-serif}
.ac-mi .mi-v.amount{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:.95rem;color:#fff}

/* actions */
.ac-acts{display:flex;flex-wrap:wrap;gap:8px;padding-left:55px}
.ac-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:50px;font-size:.8rem;font-weight:600;
  border:1px solid var(--line2);background:rgba(8,16,40,.6);color:var(--txt);cursor:pointer;transition:.16s;white-space:nowrap}
.ac-btn svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2.3}
.ac-btn:hover{border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.07);transform:translateY(-1px)}
.ac-btn.primary{background:linear-gradient(120deg,#1e4cc4,var(--blue,#2563eb));border-color:transparent;color:#fff;box-shadow:0 8px 18px -9px rgba(37,99,235,.8)}
.ac-btn.ok{background:linear-gradient(120deg,var(--green),#16a34a);border-color:transparent;color:#fff;box-shadow:0 8px 18px -9px rgba(34,197,94,.7)}
.ac-btn.danger{background:rgba(248,113,113,.12);border-color:rgba(248,113,113,.4);color:#fca5a5}
.ac-btn.ai{background:linear-gradient(120deg,#7c3aed,#a882ff);border-color:transparent;color:#fff;box-shadow:0 8px 18px -9px rgba(168,130,255,.8)}
.ac-btn:disabled{opacity:.5;cursor:default;transform:none}

@media(max-width:560px){.ac-meta,.ac-acts{padding-left:0}.ac-btn{flex:1;justify-content:center}}

/* ---------- light mode ---------- */
body.theme-light .acen-ai,body.theme-light .acard{background:linear-gradient(160deg,#fff,#f5f9ff)!important;border-color:rgba(13,31,92,.08)}
body.theme-light .acen-h h3,body.theme-light .ac-hd h4,body.theme-light .ac-mi .mi-v.amount,body.theme-light .acen-ai .aa-lead p b{color:#0d1f5c}
body.theme-light .af-chip,body.theme-light .aa-risk,body.theme-light .ac-btn:not(.primary):not(.ok):not(.ai):not(.danger){background:#fff!important;border-color:rgba(13,31,92,.12)}
body.theme-light .ac-btn.primary,body.theme-light .ac-btn.ok,body.theme-light .ac-btn.ai{color:#fff}