/* InomERP Chat — AI Assistant panel. Self-contained styles (iai- prefix) so
   it doesn't collide with inom_chat. Uses its own colour tokens with sensible
   fallbacks; picks up dark mode from the [data-theme="dark"] on the page. */
:root{
  --iai:#8b5cf6; --iai-soft:#f1ebff; --iai-brd:#dcccfa;
  --iai-grad:linear-gradient(135deg,#8b5cf6,#a855f7);
  --iai-panel:#fff; --iai-panel-2:#f6f8fc; --iai-brd2:#e7eaf2;
  --iai-text:#1a1d28; --iai-mut:#697084; --iai-dim:#9aa1b3;
  --iai-sh:0 18px 48px rgba(20,23,40,.14);
}
[data-theme="dark"]{
  --iai-soft:rgba(139,92,246,.16); --iai-brd:rgba(139,92,246,.34);
  --iai-panel:#12151d; --iai-panel-2:#0f121a; --iai-brd2:rgba(255,255,255,.08);
  --iai-text:#e7eaf1; --iai-mut:#8b93a7; --iai-dim:#576075;
  --iai-sh:0 20px 60px rgba(0,0,0,.6);
}

.iai-scrim{position:fixed;inset:0;background:rgba(20,28,55,.28);opacity:0;pointer-events:none;transition:.2s;z-index:9998}
.iai-scrim.open{opacity:1;pointer-events:auto}

.iai-panel{position:fixed;top:0;right:0;bottom:0;width:370px;max-width:90vw;background:var(--iai-panel);
  border-left:1px solid var(--iai-brd2);box-shadow:var(--iai-sh);display:flex;flex-direction:column;
  transform:translateX(100%);transition:.24s cubic-bezier(.4,0,.2,1);z-index:9999;
  font-family:-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--iai-text)}
.iai-panel.open{transform:none}
.iai-panel *{box-sizing:border-box}

.iai-head{display:flex;align-items:center;gap:10px;padding:16px 18px;border-bottom:1px solid var(--iai-brd2)}
.iai-ic{width:34px;height:34px;border-radius:10px;background:var(--iai-grad);display:grid;place-items:center;color:#fff;box-shadow:0 4px 14px rgba(139,92,246,.35)}
.iai-ic svg{width:19px;height:19px}
.iai-ht h3{font-size:15px;font-weight:700;font-family:"Space Grotesk",inherit;margin:0}
.iai-ht p{font-size:11px;color:var(--iai-mut);margin:0}
.iai-sp{flex:1}
.iai-x{width:32px;height:32px;border-radius:9px;color:var(--iai-mut);display:grid;place-items:center;border:none;background:none;cursor:pointer;font-size:15px}
.iai-x:hover{background:var(--iai-panel-2)}

.iai-body{flex:1;overflow-y:auto;padding:16px 18px}
.iai-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:14px}
.iai-act{display:flex;flex-direction:column;gap:5px;padding:13px;border:1px solid var(--iai-brd2);border-radius:14px;background:var(--iai-panel-2);cursor:pointer;transition:.14s;text-align:left;font-family:inherit;color:inherit}
.iai-act:hover{border-color:var(--iai-brd);background:var(--iai-soft)}
.iai-aic{width:30px;height:30px;border-radius:9px;background:var(--iai-soft);color:var(--iai);display:grid;place-items:center}
.iai-aic svg{width:17px;height:17px}
.iai-act b{font-size:12.5px;font-weight:700}
.iai-act span{font-size:11px;color:var(--iai-mut);line-height:1.4}

.iai-instruct{display:flex;gap:8px;margin-bottom:14px}
.iai-instruct input{flex:1;border:1px solid var(--iai-brd2);border-radius:11px;padding:10px 12px;font-size:12.5px;background:var(--iai-panel-2);color:var(--iai-text);outline:none;font-family:inherit}
.iai-instruct input:focus{border-color:var(--iai-brd);box-shadow:0 0 0 3px var(--iai-soft)}
.iai-instruct button{background:var(--iai-grad);color:#fff;border:none;border-radius:11px;padding:0 14px;font-size:12.5px;font-weight:700;cursor:pointer;box-shadow:0 4px 14px rgba(139,92,246,.3)}

.iai-thinking{display:flex;align-items:center;gap:10px;padding:14px;color:var(--iai);font-size:12.5px;font-weight:600}
.iai-dots{display:inline-flex;gap:3px}
.iai-dots i{width:6px;height:6px;border-radius:50%;background:var(--iai);animation:iaibounce 1.2s infinite}
.iai-dots i:nth-child(2){animation-delay:.15s}.iai-dots i:nth-child(3){animation-delay:.3s}
@keyframes iaibounce{0%,60%,100%{transform:translateY(0);opacity:.5}30%{transform:translateY(-5px);opacity:1}}

.iai-out{border:1px solid var(--iai-brd2);border-radius:14px;overflow:hidden;margin-bottom:12px;display:none}
.iai-out.show{display:block;animation:iaipop .2s both}
@keyframes iaipop{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.iai-oh{display:flex;align-items:center;gap:7px;padding:9px 13px;background:var(--iai-panel-2);border-bottom:1px solid var(--iai-brd2);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--iai)}
.iai-oh svg{width:13px;height:13px}
.iai-oc{padding:13px;font-size:13px;line-height:1.55;white-space:pre-wrap}
.iai-of{display:flex;gap:7px;padding:0 13px 12px}
.iai-of button{font-size:11.5px;font-weight:700;padding:7px 11px;border-radius:9px;border:none;cursor:pointer}
.iai-use{background:var(--iai-grad);color:#fff}
.iai-copy{background:var(--iai-panel-2);border:1px solid var(--iai-brd2)!important;color:var(--iai-text)}
.iai-regen{background:var(--iai-panel-2);border:1px solid var(--iai-brd2)!important;color:var(--iai-mut);margin-left:auto}

.iai-suggestions{display:flex;flex-direction:column;gap:9px}
.iai-sugg{border:1px solid var(--iai-brd2);border-radius:14px;padding:12px;background:var(--iai-panel);transition:.14s}
.iai-sugg:hover{border-color:var(--iai-brd);box-shadow:0 8px 22px rgba(20,23,40,.08)}
.iai-sc{font-size:13px;line-height:1.5}
.iai-sa{display:flex;gap:6px;margin-top:9px}
.iai-sa button{font-size:11px;font-weight:700;padding:5px 10px;border-radius:8px;border:none;cursor:pointer}
.iai-ins{background:var(--iai-soft);color:var(--iai)}
.iai-cp{background:var(--iai-panel-2);border:1px solid var(--iai-brd2)!important;color:var(--iai-mut)}

.iai-privacy{font-size:11px;color:var(--iai-dim);line-height:1.5;padding:11px 13px;background:var(--iai-panel-2);border-radius:11px;margin-top:14px;border:1px solid var(--iai-brd2)}