/* Keep Fleet Integrity AI out of all authentication / signed-out screens. */
#app.hidden ~ #fiAiLauncher,
#app.hidden ~ #fiAiDrawer{
  display:none!important;
}

/* Fleet Integrity AI — shared ETM / Client / Driver portal layer */
:root{
  --fiai-bg:var(--fi4-panel,#0b1c2e);
  --fiai-bg2:var(--fi4-panel-2,#10243a);
  --fiai-line:var(--fi4-line,rgba(148,163,184,.20));
  --fiai-text:var(--fi4-text,#eef6ff);
  --fiai-muted:var(--fi4-muted,#9fb1c5);
  --fiai-blue:var(--fi4-blue,#2f80ed);
  --fiai-green:#2eaa72;
  --fiai-amber:#d69b2d;
  --fiai-red:#dc5757;
}
#fiAiLauncher{
  position:fixed;right:18px;bottom:max(18px,env(safe-area-inset-bottom));z-index:1300;
  border:1px solid color-mix(in srgb,var(--fiai-blue) 55%,white 10%);border-radius:999px;
  min-height:48px;padding:0 18px;background:linear-gradient(135deg,#1157c7,#2f80ed);
  color:#fff;font:800 13px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  letter-spacing:.02em;box-shadow:0 18px 44px rgba(0,30,80,.34);cursor:pointer;
}
#fiAiLauncher span{opacity:.82;font-weight:700;margin-right:6px}
#fiAiDrawer{position:fixed;inset:0;z-index:1400;pointer-events:none}
#fiAiDrawer[data-open="1"]{pointer-events:auto}
#fiAiDrawer .fiai-backdrop{position:absolute;inset:0;background:rgba(1,8,18,.56);opacity:0;transition:.18s ease}
#fiAiDrawer[data-open="1"] .fiai-backdrop{opacity:1}
#fiAiDrawer .fiai-panel{
  position:absolute;top:0;right:0;height:100%;width:min(560px,100vw);
  background:var(--fiai-bg);border-left:1px solid var(--fiai-line);color:var(--fiai-text);
  transform:translateX(102%);transition:.22s ease;box-shadow:-28px 0 70px rgba(0,0,0,.28);
  display:flex;flex-direction:column;
}
#fiAiDrawer[data-open="1"] .fiai-panel{transform:translateX(0)}
.fiai-head{display:flex;align-items:center;gap:12px;padding:18px 18px 14px;border-bottom:1px solid var(--fiai-line)}
.fiai-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#1157c7,#2f80ed);color:#fff;font-weight:900}
.fiai-head-copy{min-width:0;flex:1}.fiai-head-copy strong{display:block;font-size:16px}.fiai-head-copy small{display:block;color:var(--fiai-muted);margin-top:3px}
.fiai-icon-btn{width:38px;height:38px;border-radius:11px;border:1px solid var(--fiai-line);background:transparent;color:var(--fiai-text);font-size:20px;cursor:pointer}
.fiai-controls{padding:14px 18px;border-bottom:1px solid var(--fiai-line);display:grid;gap:10px}
.fiai-controls label{display:grid;gap:6px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--fiai-muted)}
.fiai-controls select,.fiai-controls textarea{
  width:100%;box-sizing:border-box;border:1px solid var(--fiai-line);border-radius:12px;background:var(--fiai-bg2);color:var(--fiai-text);
  padding:10px 12px;font:inherit;resize:vertical;
}
.fiai-quick{display:flex;flex-wrap:wrap;gap:7px}
.fiai-btn{border:1px solid var(--fiai-line);border-radius:10px;background:var(--fiai-bg2);color:var(--fiai-text);padding:9px 11px;font:750 12px/1.15 inherit;cursor:pointer}
.fiai-btn:hover,.fiai-btn:focus-visible{border-color:var(--fiai-blue)}
.fiai-btn.primary{background:var(--fiai-blue);border-color:var(--fiai-blue);color:#fff}
.fiai-btn:disabled{opacity:.55;cursor:wait}
.fiai-body{padding:16px 18px 90px;overflow:auto;display:grid;gap:12px}
.fiai-card{border:1px solid var(--fiai-line);border-radius:15px;background:var(--fiai-bg2);padding:14px;box-shadow:0 10px 28px rgba(0,0,0,.08)}
.fiai-card h3,.fiai-card h4{margin:0 0 7px}.fiai-card p{margin:6px 0;color:var(--fiai-text);line-height:1.5}
.fiai-muted{color:var(--fiai-muted)!important}.fiai-pre{white-space:pre-wrap;word-break:break-word}
.fiai-row{display:flex;gap:10px;align-items:flex-start;justify-content:space-between;padding:10px 0;border-top:1px solid var(--fiai-line)}
.fiai-row:first-child{border-top:0;padding-top:0}.fiai-row:last-child{padding-bottom:0}
.fiai-row-main{min-width:0}.fiai-row-main strong{display:block}.fiai-row-main small{display:block;margin-top:4px;color:var(--fiai-muted);line-height:1.35}
.fiai-badge{display:inline-flex;align-items:center;border:1px solid var(--fiai-line);border-radius:999px;padding:4px 7px;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.05em}
.fiai-badge.green{color:var(--fiai-green)}.fiai-badge.amber,.fiai-badge.medium,.fiai-badge.high{color:var(--fiai-amber)}.fiai-badge.red,.fiai-badge.critical{color:var(--fiai-red)}
.fiai-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.fiai-kpis div{padding:10px;border-radius:12px;border:1px solid var(--fiai-line);background:color-mix(in srgb,var(--fiai-bg) 65%,transparent)}.fiai-kpis span{display:block;color:var(--fiai-muted);font-size:10px;text-transform:uppercase;letter-spacing:.06em}.fiai-kpis strong{display:block;margin-top:5px;font-size:20px}
.fiai-notice{padding:10px 12px;border-radius:11px;border:1px solid var(--fiai-line);font-size:12px;line-height:1.45;color:var(--fiai-muted)}
.fiai-notice.warn{border-color:color-mix(in srgb,var(--fiai-amber) 50%,var(--fiai-line));color:var(--fiai-text)}
.fiai-loading{display:flex;gap:8px;align-items:center;color:var(--fiai-muted);padding:16px 4px}.fiai-loading:before{content:"";width:14px;height:14px;border:2px solid var(--fiai-line);border-top-color:var(--fiai-blue);border-radius:50%;animation:fiaiSpin .7s linear infinite}@keyframes fiaiSpin{to{transform:rotate(360deg)}}
.fiai-dashboard{
  margin:0 0 16px;border:1px solid color-mix(in srgb,var(--fiai-blue) 32%,var(--fiai-line));border-radius:18px;
  background:linear-gradient(135deg,color-mix(in srgb,var(--fiai-blue) 9%,var(--fiai-bg2)),var(--fiai-bg2));padding:16px;
}
.fiai-dashboard-head{display:flex;align-items:flex-start;gap:12px;justify-content:space-between}.fiai-dashboard-head h2,.fiai-dashboard-head h3{margin:0}.fiai-dashboard-head p{margin:5px 0 0;color:var(--fiai-muted)}
.fiai-dashboard-summary{margin-top:12px;line-height:1.5;white-space:pre-wrap}
.fiai-driver-assist{margin-top:9px;padding:10px;border:1px dashed color-mix(in srgb,var(--fiai-blue) 55%,var(--fiai-line));border-radius:12px;background:color-mix(in srgb,var(--fiai-blue) 7%,transparent)}
.fiai-driver-assist .fiai-btn{margin-top:6px}.fiai-driver-result{margin-top:9px;font-size:12px;line-height:1.45}
.fiai-section{display:grid;gap:8px}.fiai-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}
@media(max-width:720px){
  #fiAiLauncher{right:12px;bottom:calc(88px + env(safe-area-inset-bottom));min-height:45px;padding:0 14px}
  #fiAiDrawer .fiai-panel{width:100vw}.fiai-head{padding-top:max(14px,env(safe-area-inset-top))}
  .fiai-controls,.fiai-body{padding-left:13px;padding-right:13px}.fiai-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
}