/* LiveGoOrder CRM — Centre d'actions (v4.22.0) */
.ac-root{ display:flex; flex-direction:column; gap:16px; min-width:0; }
.ac-pane{ display:flex; flex-direction:column; gap:14px; min-width:0; } .ac-pane.hidden{ display:none !important; }

.ac-kpis{ display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:12px; }
.ac-kpi{ padding:14px 16px; border:1px solid var(--border,#ece6f1); border-radius:16px; background:#fff; display:flex; flex-direction:column; gap:2px; min-width:0; }
.ac-kpi strong{ font-size:26px; line-height:1.1; } .ac-kpi small{ color:#8c8095; font-weight:700; font-size:11px; }
.ac-k-high strong{ color:#d23b4d; } .ac-k-late strong{ color:#c2410c; } .ac-k-done strong{ color:#16a34a; }
@media (max-width:1100px){ .ac-kpis{ grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:560px){ .ac-kpis{ grid-template-columns:repeat(2,minmax(0,1fr)); } }

.ac-tabs{ display:flex; gap:6px; padding:5px; border:1px solid var(--border,#ece6f1); border-radius:16px; background:#fff; overflow-x:auto; scrollbar-width:none; }
.ac-tab{ flex:0 0 auto; min-height:40px; padding:0 16px; border:0; border-radius:12px; background:transparent; font:inherit; font-size:13px; font-weight:700; color:#6d6277; cursor:pointer; }
.ac-tab:hover{ background:rgba(96,45,154,.07); } .ac-tab.active{ background:var(--primary,#602d9a); color:#fff; box-shadow:0 6px 16px rgba(96,45,154,.28); }
.ac-tab b{ margin-left:4px; padding:1px 7px; border-radius:99px; background:rgba(96,45,154,.14); font-size:11px; } .ac-tab.active b{ background:rgba(255,255,255,.25); }

.ac-toolbar{ display:flex; flex-wrap:wrap; gap:10px; align-items:center; padding:12px 14px; border:1px solid var(--border,#ece6f1); border-radius:16px; background:#fff; }
.ac-toolbar select,.ac-toolbar input{ min-height:38px; max-width:100%; }
.ac-toolbar input[type=search]{ flex:1 1 180px; }
.ac-chips{ display:flex; gap:6px; flex-wrap:wrap; }
.ac-chip{ min-height:34px; padding:0 14px; border:1px solid var(--border,#ece6f1); border-radius:99px; background:#fff; font:inherit; font-size:12px; font-weight:700; color:#6d6277; cursor:pointer; }
.ac-chip:hover{ border-color:#c9b6dd; } .ac-chip.active{ background:var(--primary,#602d9a); border-color:var(--primary,#602d9a); color:#fff; }
.ac-bulk{ display:flex; gap:8px; align-items:center; flex-wrap:wrap; padding:10px 14px; border-radius:14px; background:var(--purple-50,#f7f1fc); border:1px solid var(--purple-200,#e3d2f5); } .ac-bulk.hidden{ display:none !important; }

.ac-list{ display:flex; flex-direction:column; gap:10px; min-width:0; }
.ac-empty{ padding:28px; text-align:center; }
.ac-card{ position:relative; display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:14px; align-items:start; padding:14px 16px 14px 14px; border:1px solid var(--border,#ece6f1); border-left:5px solid #94a3b8; border-radius:16px; background:#fff; box-shadow:0 2px 10px rgba(60,20,90,.04); }
.ac-card.sev-high{ border-left-color:#d23b4d; } .ac-card.sev-medium{ border-left-color:#f59e0b; } .ac-card.sev-low{ border-left-color:#60a5fa; }
.ac-card.overdue{ background:linear-gradient(90deg,#fff6f6,#fff 30%); } .ac-card.closed{ opacity:.72; border-left-color:#16a34a; }
.ac-main{ min-width:0; } .ac-main p{ margin:4px 0 8px; color:#5f5470; font-size:13px; line-height:1.45; overflow-wrap:anywhere; }
.ac-title{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; } .ac-title strong{ font-size:14px; overflow-wrap:anywhere; }
.ac-sev{ padding:2px 8px; border-radius:99px; font-size:10px; font-weight:800; letter-spacing:.04em; text-transform:uppercase; background:#e2e8f0; color:#475569; }
.ac-sev.high{ background:#fde2e4; color:#b4233a; } .ac-sev.medium{ background:#fef0c7; color:#92580a; } .ac-sev.low{ background:#dbeafe; color:#1d4ed8; }
.ac-meta{ display:flex; gap:6px; flex-wrap:wrap; align-items:center; } .ac-meta em{ font-size:11px; color:#9a8fa6; font-style:normal; margin-left:auto; }
.ac-chip-sm{ padding:2px 9px; border-radius:99px; background:#f3eff7; color:#5f5470; font-size:11px; font-weight:700; }
.ac-chip-sm.muted{ background:#f8f6fa; color:#9a8fa6; } .ac-chip-sm.ok{ background:#dcfce7; color:#166534; } .ac-chip-sm.act{ background:var(--purple-100,#efe3fa); color:var(--primary,#602d9a); } .ac-chip-sm.cat{ background:#e0f2fe; color:#075985; }
.ac-due{ font-size:11px; font-weight:800; color:#6d6277; } .ac-due.late{ color:#c2410c; }
.ac-actions{ display:flex; flex-direction:column; gap:6px; align-items:stretch; min-width:150px; }
.ac-actions .btn,.ac-actions select{ width:100%; min-height:34px; font-size:12px; }
@media (max-width:820px){ .ac-card{ grid-template-columns:auto minmax(0,1fr); } .ac-actions{ grid-column:1 / -1; flex-direction:row; flex-wrap:wrap; } .ac-actions .btn,.ac-actions select{ width:auto; flex:1 1 130px; } .ac-meta em{ margin-left:0; } }

.ac-check{ display:inline-flex; align-items:center; cursor:pointer; padding-top:2px; }
.ac-check input{ width:18px; height:18px; accent-color:var(--primary,#602d9a); }
.ac-check i{ display:none; }

.ac-badge{ margin-left:auto; min-width:20px; height:20px; padding:0 6px; border-radius:99px; background:#7a43b6; color:#fff; font-size:11px; font-weight:800; display:inline-grid; place-items:center; }
.ac-badge.urgent{ background:#d23b4d; animation:acPulse 2s ease-in-out infinite; }
@keyframes acPulse{ 0%,100%{ box-shadow:0 0 0 0 rgba(210,59,77,.5); } 50%{ box-shadow:0 0 0 6px rgba(210,59,77,0); } }
@media (prefers-reduced-motion:reduce){ .ac-badge.urgent{ animation:none; } }
body.sidebar-collapsed .ac-badge{ position:absolute; top:4px; right:8px; margin:0; }

/* rules */
.ac-rules,.ac-tpls{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; align-items:start; }
@media (max-width:1000px){ .ac-rules,.ac-tpls{ grid-template-columns:minmax(0,1fr); } }
.ac-rule,.ac-tpl{ padding:16px; border:1px solid var(--border,#ece6f1); border-radius:18px; background:#fff; min-width:0; display:flex; flex-direction:column; gap:10px; }
.ac-rule.off{ opacity:.7; }
.ac-rule-head,.ac-tpl-head{ display:flex; justify-content:space-between; align-items:flex-start; gap:12px; flex-wrap:wrap; }
.ac-rule-head small{ display:block; color:#8c8095; font-size:11px; margin-top:2px; }
.ac-rule p{ margin:0; color:#5f5470; font-size:13px; line-height:1.45; }
.ac-fields{ display:flex; flex-wrap:wrap; gap:12px; }
.ac-field{ display:flex; flex-direction:column; gap:4px; font-size:12px; font-weight:700; color:#6d6277; min-width:150px; }
.ac-field span{ display:flex; align-items:center; gap:6px; } .ac-field input[type=number]{ min-height:38px; width:100%; } .ac-field i{ font-style:normal; color:#8c8095; font-weight:600; }
.ac-field.check{ flex-direction:row; align-items:center; gap:8px; min-width:0; cursor:pointer; } .ac-field.check input{ width:16px; height:16px; accent-color:var(--primary,#602d9a); }
.ac-rule-foot{ display:flex; justify-content:space-between; align-items:center; gap:10px; flex-wrap:wrap; }
.ac-err{ color:#b4233a; font-size:12px; font-weight:700; min-height:1em; }
.ac-hint{ margin:0; color:#8c8095; font-size:12px; line-height:1.5; }
.ac-hint code,.ac-var{ padding:1px 7px; border-radius:8px; background:var(--purple-50,#f7f1fc); color:var(--primary,#602d9a); font-size:11px; font-weight:700; border:0; }
.ac-tpl textarea{ width:100%; min-height:110px; resize:vertical; font:inherit; font-size:13px; line-height:1.5; }
.ac-vars{ display:flex; gap:6px; flex-wrap:wrap; } .ac-var{ cursor:pointer; } .ac-var:hover{ background:var(--purple-100,#efe3fa); }
.ac-preview-wrap small{ color:#8c8095; font-weight:700; font-size:11px; }
.ac-preview{ margin-top:4px; padding:10px 12px; border-radius:12px; background:#ecfdf5; color:#14532d; font-size:12.5px; line-height:1.5; white-space:pre-wrap; overflow-wrap:anywhere; }

/* modals */
.ac-modal .modal-card{ width:min(640px,100%) !important; } .ac-modal .modal-card.extra-wide{ width:min(720px,100%) !important; }
.ac-modal .modal-head{ display:flex; justify-content:space-between; align-items:center; gap:10px; margin-bottom:12px; } .ac-modal .modal-head h3{ margin:0; font-size:16px; overflow-wrap:anywhere; }
.ac-msg-top{ display:flex; gap:12px; align-items:flex-end; flex-wrap:wrap; margin-bottom:10px; } .ac-msg-top label{ display:flex; flex-direction:column; gap:4px; font-size:12px; font-weight:700; flex:1 1 220px; }
.ac-phone{ font-size:13px; font-weight:800; color:#166534; } .ac-phone.missing{ color:#b4233a; font-size:12px; }
#acText{ width:100%; font:inherit; font-size:14px; line-height:1.55; resize:vertical; min-height:150px; }
.ac-msg-actions{ justify-content:flex-start !important; flex-wrap:wrap; }
.ac-msg-actions a.btn{ display:inline-flex; align-items:center; justify-content:center; text-decoration:none; cursor:pointer; }
.btn.disabled,.ac-msg-actions a.disabled{ opacity:.45; pointer-events:none; }
.ac-due-row,.ac-note-row{ display:flex; gap:8px; align-items:flex-end; margin:10px 0; flex-wrap:wrap; } .ac-note-row input{ flex:1 1 220px; min-height:38px; }
.ac-due-row label{ display:flex; flex-direction:column; gap:4px; font-size:12px; font-weight:700; }
.ac-history{ list-style:none; margin:12px 0 0; padding:0; display:flex; flex-direction:column; gap:8px; max-height:44vh; overflow:auto; }
.ac-history li{ padding:9px 12px; border-radius:12px; background:#faf8fc; border:1px solid var(--border,#ece6f1); font-size:13px; overflow-wrap:anywhere; }
.ac-history small{ display:block; color:#9a8fa6; font-size:11px; margin-top:2px; }