/* Ali Gator v214 — carte « Compte Claude du serveur » (Paramètres › Claude Code) + alerte sur la pastille IA. Thème clair. */
html:root body:not(#agcc-z) .settings-modal .agcc{display:block;box-sizing:border-box;min-width:0;max-width:100%;padding-top:16px;margin:0}
html:root body:not(#agcc-z) .settings-modal .agcc[hidden]{display:none}
html:root body:not(#agcc-z) .settings-modal .agcc-in{position:relative;box-sizing:border-box;min-width:0;padding:16px 18px 16px;border-radius:18px;border:1px solid rgba(29,97,65,.14);background:radial-gradient(120% 90% at 0% 0%,rgba(197,242,111,.16),rgba(255,255,255,0) 60%),#fff;box-shadow:0 1px 2px rgba(8,30,18,.04);transition:border-color .4s ease,background-color .4s ease}
html:root body:not(#agcc-z) .settings-modal .agcc[data-state="off"] .agcc-in{border-color:rgba(212,87,78,.3);background:radial-gradient(120% 90% at 0% 0%,rgba(212,87,78,.07),rgba(255,255,255,0) 60%),#fff}
html:root body:not(#agcc-z) .settings-modal .agcc-h{display:flex;align-items:center;gap:12px;min-width:0}
html:root body:not(#agcc-z) .settings-modal .agcc-ico{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:rgba(162,222,74,.24);color:#1d6141;transition:background-color .4s ease,color .4s ease}
html:root body:not(#agcc-z) .settings-modal .agcc-ico svg{width:19px;height:19px}
html:root body:not(#agcc-z) .settings-modal .agcc[data-state="off"] .agcc-ico{background:rgba(212,87,78,.12);color:#a3271f}
html:root body:not(#agcc-z) .settings-modal .agcc-t{display:grid;gap:2px;min-width:0;flex:1 1 auto}
html:root body:not(#agcc-z) .settings-modal .agcc-t strong{font-size:14.5px;font-weight:650;line-height:1.3;color:#0c1a12}
html:root body:not(#agcc-z) .settings-modal .agcc-t small{font-size:12.5px;line-height:1.4;color:#5b6b62}
html:root body:not(#agcc-z) .settings-modal .agcc-chip{flex:none;margin-left:auto;display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border-radius:999px;font-size:12px;font-weight:650;line-height:1.2;white-space:nowrap;background:rgba(12,40,24,.06);color:#5b6b62;transition:background-color .4s ease,color .4s ease}
html:root body:not(#agcc-z) .settings-modal .agcc-chip i{flex:none;width:8px;height:8px;border-radius:50%;background:currentColor}
html:root body:not(#agcc-z) .settings-modal .agcc[data-state="on"] .agcc-chip{background:rgba(162,222,74,.26);color:#2a5a0b}
html:root body:not(#agcc-z) .settings-modal .agcc[data-state="off"] .agcc-chip{background:rgba(212,87,78,.12);color:#a3271f}
html:root body:not(#agcc-z) .settings-modal .agcc[data-state="off"] .agcc-chip i{animation:agcc-pulse 1.8s ease-out infinite}
html:root body:not(#agcc-z) .settings-modal .agcc[data-state="wait"] .agcc-chip i{animation:agcc-breathe 1.2s ease-in-out infinite}
html:root body:not(#agcc-z) .settings-modal .agcc[data-state="err"] .agcc-chip{background:rgba(240,190,80,.22);color:#7a4f06}
html:root body:not(#agcc-z) .settings-modal .agcc-who{margin:12px 0 0;padding:0;font-size:13px;line-height:1.5;color:#33463b;overflow-wrap:anywhere;transition:color .4s ease}
html:root body:not(#agcc-z) .settings-modal .agcc[data-state="off"] .agcc-who{color:#8a2a22}
html:root body:not(#agcc-z) .settings-modal .agcc-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
html:root body:not(#agcc-z) .settings-modal .agcc button{font:inherit;letter-spacing:normal;text-transform:none;margin:0;min-width:0;width:auto;max-width:100%}
html:root body:not(#agcc-z) .settings-modal .agcc :is(.agcc-go,.agcc-ok){display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;padding:0 18px;border:0;border-radius:12px;background:#0e3523;color:#fff;font-size:13.5px;font-weight:650;line-height:1;white-space:nowrap;cursor:pointer;box-shadow:0 1px 0 rgba(255,255,255,.12) inset,0 6px 14px -8px rgba(14,53,35,.55);transition:background-color .25s ease,color .25s ease,box-shadow .25s ease,transform .18s ease}
html:root body:not(#agcc-z) .settings-modal .agcc :is(.agcc-go,.agcc-ok):hover:not(:disabled){background:#174a32;box-shadow:0 10px 22px -10px rgba(14,53,35,.6)}
html:root body:not(#agcc-z) .settings-modal .agcc :is(.agcc-go,.agcc-ok):active:not(:disabled){transform:translateY(1px)}
html:root body:not(#agcc-z) .settings-modal .agcc .agcc-go.agcc-quiet{background:#fff;color:#0e3523;box-shadow:inset 0 0 0 1px rgba(29,97,65,.28)}
html:root body:not(#agcc-z) .settings-modal .agcc .agcc-go.agcc-quiet:hover:not(:disabled){background:rgba(162,222,74,.14);box-shadow:inset 0 0 0 1px rgba(29,97,65,.4)}
html:root body:not(#agcc-z) .settings-modal .agcc .agcc-ghost{display:inline-flex;align-items:center;height:42px;padding:0 16px;border:0;border-radius:12px;background:transparent;color:#1d6141;font-size:13px;font-weight:600;line-height:1;white-space:nowrap;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(29,97,65,.2);transition:background-color .25s ease,box-shadow .25s ease}
html:root body:not(#agcc-z) .settings-modal .agcc .agcc-ghost:hover:not(:disabled){background:rgba(162,222,74,.14);box-shadow:inset 0 0 0 1px rgba(29,97,65,.34)}
html:root body:not(#agcc-z) .settings-modal .agcc button:disabled{opacity:.62;cursor:default}
html:root body:not(#agcc-z) .settings-modal .agcc :is(button,a,input):focus-visible{outline:0;box-shadow:0 0 0 3px rgba(162,222,74,.6)}
html:root body:not(#agcc-z) .settings-modal .agcc-flow[hidden],html:root body:not(#agcc-z) .settings-modal .agcc-msg[hidden]{display:none}
html:root body:not(#agcc-z) .settings-modal .agcc-flow{display:block;padding-top:16px}
html:root body:not(#agcc-z) .settings-modal .agcc-flow ol{list-style:none;margin:0;padding:16px 0 0;border-top:1px dashed rgba(29,97,65,.2);display:grid;gap:16px}
html:root body:not(#agcc-z) .settings-modal .agcc-flow li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;align-items:start;margin:0;padding:0}
html:root body:not(#agcc-z) .settings-modal .agcc-n{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(162,222,74,.32);color:#1d4d0b;font-size:13px;font-weight:700;line-height:1}
html:root body:not(#agcc-z) .settings-modal .agcc-flow li b{display:block;font-size:13.5px;line-height:1.35;font-weight:650;color:#0c1a12;padding-top:4px}
html:root body:not(#agcc-z) .settings-modal .agcc-flow li small{display:block;margin-top:3px;font-size:12.5px;line-height:1.5;color:#5b6b62}
html:root body:not(#agcc-z) .settings-modal .agcc-link{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:0 0 1px;font-size:13px;font-weight:650;color:#1d6141;text-decoration:none;border-bottom:1px solid rgba(29,97,65,.32);transition:color .2s ease,border-color .2s ease}
html:root body:not(#agcc-z) .settings-modal .agcc-link svg{width:14px;height:14px;transition:transform .25s ease}
html:root body:not(#agcc-z) .settings-modal .agcc-link:hover{color:#0e3523;border-color:#0e3523}
html:root body:not(#agcc-z) .settings-modal .agcc-link:hover svg{transform:translate(2px,-2px)}
html:root body:not(#agcc-z) .settings-modal .agcc-code{display:flex;gap:8px;margin-top:10px;min-width:0}
html:root body:not(#agcc-z) .settings-modal .agcc-code input{flex:1 1 auto;min-width:0;width:auto;height:42px;margin:0;padding:0 14px;box-sizing:border-box;border-radius:12px;border:1px solid rgba(29,97,65,.22);background:#fff;font:13px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#0c1a12;box-shadow:none;transition:border-color .2s ease,box-shadow .2s ease}
html:root body:not(#agcc-z) .settings-modal .agcc-code input::placeholder{color:#8a978f;font-family:inherit}
html:root body:not(#agcc-z) .settings-modal .agcc-code input:focus{outline:0;border-color:rgba(29,97,65,.5);box-shadow:0 0 0 4px rgba(162,222,74,.28)}
html:root body:not(#agcc-z) .settings-modal .agcc.agcc-bad .agcc-code input{border-color:rgba(212,87,78,.6);box-shadow:0 0 0 4px rgba(212,87,78,.14)}
html:root body:not(#agcc-z) .settings-modal .agcc-foot{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 14px;margin-top:16px}
html:root body:not(#agcc-z) .settings-modal .agcc-foot small{flex:1 1 220px;font-size:12px;line-height:1.45;color:#6b7a71}
html:root body:not(#agcc-z) .settings-modal .agcc-msg{display:block;padding-top:14px}
html:root body:not(#agcc-z) .settings-modal .agcc-msg p{display:flex;align-items:center;gap:10px;margin:0;padding:11px 14px;border-radius:12px;font-size:13px;line-height:1.45;transition:background-color .3s ease,color .3s ease}
html:root body:not(#agcc-z) .settings-modal .agcc-msg.is-ok p{background:rgba(162,222,74,.22);color:#24510a;font-weight:600}
html:root body:not(#agcc-z) .settings-modal .agcc-msg.is-err p{background:rgba(212,87,78,.1);color:#8a2a22}
html:root body:not(#agcc-z) .settings-modal .agcc-msg.is-info p{background:rgba(12,40,24,.05);color:#33463b}
html:root body:not(#agcc-z) .settings-modal .agcc-yes{flex:none;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#3f9a1f;color:#fff;animation:agcc-pop .55s cubic-bezier(.3,1.5,.5,1) both}
html:root body:not(#agcc-z) .settings-modal .agcc-yes svg{width:14px;height:14px}
html:root body:not(#agcc-z) .agcc-spin{flex:none;display:inline-block;width:14px;height:14px;box-sizing:border-box;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:agcc-spin .8s linear infinite}
@keyframes agcc-spin{to{transform:rotate(360deg)}}
@keyframes agcc-pulse{0%{box-shadow:0 0 0 0 rgba(212,87,78,.5)}70%{box-shadow:0 0 0 6px rgba(212,87,78,0)}100%{box-shadow:0 0 0 0 rgba(212,87,78,0)}}
@keyframes agcc-breathe{0%,100%{opacity:.35}50%{opacity:1}}
@keyframes agcc-pop{0%{transform:scale(.4);opacity:0}70%{transform:scale(1.12);opacity:1}100%{transform:scale(1);opacity:1}}
@keyframes agcc-dot-in{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}
@keyframes agcc-note-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media (max-width:560px){
 html:root body:not(#agcc-z) .settings-modal .agcc-h{flex-wrap:wrap}
 html:root body:not(#agcc-z) .settings-modal .agcc-chip{margin-left:48px}
 html:root body:not(#agcc-z) .settings-modal .agcc-code{flex-direction:column}
 html:root body:not(#agcc-z) .settings-modal .agcc .agcc-ok{width:100%}
}
/* Pastille IA de l'en-tête : point rouge quand un rôle utilise Claude et que le compte est déconnecté */
html:root body #root .app-header .agia.agcc-off .agia-pill{position:relative}
html:root body #root .app-header .agia.agcc-off .agia-pill::after{content:"";position:absolute;top:-2px;right:-2px;width:11px;height:11px;box-sizing:border-box;border-radius:50%;background:#d4574e;border:2px solid #fff;animation:agcc-dot-in .45s cubic-bezier(.3,1.5,.5,1) both,agcc-pulse 1.8s ease-out .45s infinite}
html:root body #root .app-header .agia.agcc-off .agia-card::before{content:"Compte Claude déconnecté : cliquez pour le reconnecter";display:block;margin:0 0 10px;padding:8px 10px;border-radius:10px;background:rgba(212,87,78,.1);color:#8a2a22;font-size:12px;font-weight:600;line-height:1.4;white-space:normal}
/* Carte « IA appliquée » (v170) : « En service » devient « Compte Claude déconnecté » */
html:root body .settings-modal .agia-sum.agcc-off .agia-live{font-size:0!important;background:rgba(212,87,78,.12)!important;color:#a3271f!important}
html:root body .settings-modal .agia-sum.agcc-off .agia-live::after{content:"Compte Claude déconnecté";font-size:11.5px;animation:agcc-note-in .35s ease both}
@media (prefers-reduced-motion:reduce){
 html:root body .agcc *,html:root body .agcc,html:root body .agia.agcc-off .agia-pill::after{animation:none!important;transition:none!important}
}