/* Fix: guide layers above analysis center and floating panels */
.smart-guide-fab{
  position:fixed;
  top:58px;
  left:10px;
  width:40px;
  height:40px;
  border:0;
  border-radius:50%;
  background:#7c3aed;
  color:#fff;
  cursor:pointer;
  z-index:3505;
  box-shadow:0 8px 18px rgba(0,0,0,.22);
  font-size:18px;
  transition:transform .18s ease, filter .18s ease;
}
.smart-guide-fab:hover{transform:scale(1.06);filter:brightness(1.05)}
.smart-guide-panel{
  position:fixed;
  top:106px;
  left:10px;
  width:min(360px,calc(100vw - 20px));
  max-height:calc(100vh - 120px);
  background:rgba(255,255,255,.98);
  border:1px solid #d8d4fe;
  border-radius:18px;
  box-shadow:0 18px 40px rgba(0,0,0,.22);
  z-index:3504;
  overflow:hidden;
  color:#1f2937;
}
.smart-guide-panel.hidden{display:none}
.smart-guide-header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  padding:14px 16px;
  background:linear-gradient(135deg,#7c3aed,#4f46e5);
  color:#fff;
}
.smart-guide-header strong{display:block;font-size:16px;margin-bottom:4px}
.smart-guide-header small{display:block;line-height:1.35;opacity:.95}
.smart-guide-close{
  border:0;
  background:transparent;
  color:#fff;
  font-size:26px;
  line-height:1;
  cursor:pointer;
}
.smart-guide-body{padding:12px;display:flex;flex-direction:column;gap:12px;overflow:auto;max-height:calc(100vh - 210px)}
.smart-guide-card{border:1px solid #ede9fe;border-radius:14px;padding:12px;background:#faf9ff}
.smart-guide-card h5{margin:0 0 6px;font-size:14px;color:#312e81}
.smart-guide-card p{margin:0;font-size:13px;line-height:1.45;color:#334155}
.smart-guide-tour-list{display:grid;gap:8px}
.smart-guide-tour-btn,
.smart-guide-link,
.smart-guide-popover button{
  border:0;
  border-radius:10px;
  padding:10px 12px;
  cursor:pointer;
  font:inherit;
}
.smart-guide-tour-btn{background:#ede9fe;color:#312e81;text-align:left;font-weight:700}
.smart-guide-tour-btn:hover{background:#ddd6fe}
.smart-guide-link{display:inline-flex;align-items:center;justify-content:center;background:#e0f2fe;color:#075985;text-decoration:none;font-weight:700}
.smart-guide-overlay{
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:3600;
}
.smart-guide-overlay.hidden{display:none}
.smart-guide-popover{
  position:fixed;
  width:min(360px,calc(100vw - 20px));
  background:#111827;
  color:#fff;
  border-radius:16px;
  box-shadow:0 20px 44px rgba(0,0,0,.35);
  padding:14px;
  pointer-events:auto;
  z-index:3602;
}
.smart-guide-popover h4{margin:0 0 6px;font-size:16px}
.smart-guide-popover p{margin:0 0 10px;font-size:13px;line-height:1.45;color:#dbeafe}
.smart-guide-meta{font-size:12px;color:#cbd5e1;margin-bottom:10px}
.smart-guide-actions{display:flex;gap:8px;flex-wrap:wrap}
.smart-guide-actions .primary{background:#8b5cf6;color:#fff}
.smart-guide-actions .secondary{background:#334155;color:#fff}
.smart-guide-actions .ghost{background:#1f2937;color:#cbd5e1;border:1px solid rgba(255,255,255,.14)}
.smart-guide-target{
  position:relative !important;
  z-index:3601 !important;
  box-shadow:0 0 0 4px #f59e0b,0 0 0 9999px rgba(15,23,42,.45) !important;
  border-radius:14px !important;
  animation:smartGuidePulse 1.4s ease-in-out infinite;
}
@keyframes smartGuidePulse{
  0%,100%{transform:scale(1)}
  50%{transform:scale(1.01)}
}
.smart-guide-badge{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:5px 8px;
  border-radius:999px;
  background:#ede9fe;
  color:#4c1d95;
  font-size:12px;
  font-weight:700;
}
.smart-guide-mini{
  font-size:12px;
  color:#475569;
  line-height:1.45;
}
@media (max-width: 768px){
  .smart-guide-fab{top:auto;bottom:16px;left:12px}
  .smart-guide-panel{top:auto;bottom:66px;left:12px;right:12px;width:auto;max-height:60vh}
  .smart-guide-popover{width:calc(100vw - 20px)}
}

.smart-guide-inline-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.smart-guide-inline-btn{flex:1 1 140px;text-align:center;justify-content:center}
.smart-guide-popover button.hidden{display:none}