/* FieldBase Dashboard Onboarding - Patch 1.6.8.2.41 */
.fieldbase-dashboard-flag {
  position: relative;
  overflow: hidden;
  margin: 0 0 1rem;
  padding: 1rem 1.1rem;
  border: 1px solid rgba(59, 130, 246, 0.28);
  border-radius: 1.25rem;
  background: linear-gradient(135deg, rgba(37, 99, 235, 0.18), rgba(14, 165, 233, 0.1));
  box-shadow: 0 18px 45px rgba(15, 23, 42, 0.12);
}
.fieldbase-dashboard-flag::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.18), transparent);
  transform: translateX(-100%);
  animation: fieldbase-dashboard-flag-shine 5s ease-in-out infinite;
  pointer-events: none;
}
.fieldbase-dashboard-flag small { display:block; color:var(--muted,#64748b); font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.fieldbase-dashboard-flag strong { display:block; margin-top:.2rem; color:var(--text,#0f172a); font-size:clamp(1.85rem,5vw,3.4rem); line-height:1; letter-spacing:-.06em; }
.fieldbase-dashboard-flag p { max-width:720px; margin:.45rem 0 0; color:var(--muted,#64748b); font-weight:650; }
.fieldbase-onboarding-backdrop {
  position:fixed;
  inset:0;
  z-index:9990;
  background:rgba(2,6,23,.10);
  backdrop-filter:none;
  pointer-events:auto;
}
.fieldbase-onboarding-spotlight {
  position:fixed;
  z-index:9992;
  border:3px solid rgba(14,165,233,.98);
  border-radius:1rem;
  background:rgba(255,255,255,.05);
  box-shadow:0 0 0 9999px rgba(2,6,23,.10),0 0 30px rgba(56,189,248,.82);
  pointer-events:none;
  transition:top .16s ease,left .16s ease,width .16s ease,height .16s ease;
}
.fieldbase-onboarding-card {
  position:fixed;
  z-index:9993;
  width:min(440px,calc(100vw - 2rem));
  max-height:calc(100vh - 2rem);
  overflow:auto;
  padding:1.05rem;
  border:1px solid rgba(14,165,233,.48);
  border-radius:1.25rem;
  background:linear-gradient(180deg,#ffffff,#eef6ff);
  color:#0f172a;
  box-shadow:0 24px 80px rgba(2,6,23,.32),0 0 0 1px rgba(255,255,255,.8) inset;
}
[data-theme="dark"] .fieldbase-onboarding-card,
body.dark .fieldbase-onboarding-card {
  background:linear-gradient(180deg,#0f172a,#111827);
  color:#f8fafc;
  border-color:rgba(125,211,252,.5);
}
.fieldbase-onboarding-kicker { color:#0284c7; font-size:.74rem; font-weight:950; letter-spacing:.12em; text-transform:uppercase; margin-bottom:.25rem; }
[data-theme="dark"] .fieldbase-onboarding-kicker,
body.dark .fieldbase-onboarding-kicker { color:#7dd3fc; }
.fieldbase-onboarding-card h3 { margin:0 0 .45rem; font-size:1.22rem; color:inherit; }
.fieldbase-onboarding-card p { margin:0; color:#334155; line-height:1.5; font-weight:650; }
[data-theme="dark"] .fieldbase-onboarding-card p,
body.dark .fieldbase-onboarding-card p { color:#cbd5e1; }
.fieldbase-onboarding-progress { margin-top:.85rem; color:#64748b; font-size:.83rem; font-weight:900; }
[data-theme="dark"] .fieldbase-onboarding-progress,
body.dark .fieldbase-onboarding-progress { color:#94a3b8; }
.fieldbase-onboarding-actions { display:flex; flex-wrap:wrap; gap:.55rem; justify-content:flex-end; margin-top:1rem; }
.fieldbase-onboarding-actions button { border:0; border-radius:999px; padding:.72rem 1rem; font-weight:900; cursor:pointer; min-height:42px; }
.fieldbase-onboarding-skip, .fieldbase-onboarding-previous { background:rgba(148,163,184,.22); color:inherit; }
.fieldbase-onboarding-previous:disabled { opacity:.45; cursor:not-allowed; }
.fieldbase-onboarding-next { background:linear-gradient(135deg,#2563eb,#0891b2); color:#fff; box-shadow:0 10px 25px rgba(37,99,235,.28); }
.fieldbase-onboarding-pointer { position:fixed; z-index:9994; width:42px; height:42px; pointer-events:none; transform:rotate(-20deg); animation:fieldbase-pointer-bounce .85s ease-in-out infinite alternate; filter:drop-shadow(0 10px 18px rgba(2,6,23,.28)); opacity:.92; }
.fieldbase-onboarding-pointer::before { content:"☝"; font-size:38px; }
@keyframes fieldbase-pointer-bounce { from { transform:translate(0,0) rotate(-20deg); } to { transform:translate(8px,8px) rotate(-20deg); } }
@keyframes fieldbase-dashboard-flag-shine { 0%,48% { transform:translateX(-100%); } 64%,100% { transform:translateX(100%); } }
@media (max-width:720px) {
  html, body { max-width:100%; overflow-x:hidden; }
  .fieldbase-onboarding-backdrop,
  .fieldbase-onboarding-spotlight,
  .fieldbase-onboarding-card,
  .fieldbase-onboarding-pointer { display:none !important; }
  .fieldbase-dashboard-flag { margin-top:.35rem; border-radius:1rem; }
  .fieldbase-onboarding-backdrop { background:rgba(2,6,23,.06); }
  .fieldbase-onboarding-spotlight { box-shadow:0 0 0 9999px rgba(2,6,23,.06),0 0 20px rgba(56,189,248,.78); border-width:2px; }
  .fieldbase-onboarding-card {
    left:12px !important;
    right:12px !important;
    bottom:12px !important;
    top:auto !important;
    width:auto !important;
    max-height:min(42vh, 340px);
    padding:.9rem;
    border-radius:1rem;
    overscroll-behavior:contain;
  }
  .fieldbase-onboarding-card h3 { font-size:1.04rem; margin-bottom:.35rem; }
  .fieldbase-onboarding-card p { font-size:.92rem; line-height:1.42; }
  .fieldbase-onboarding-progress { margin-top:.65rem; font-size:.78rem; }
  .fieldbase-onboarding-actions {
    position:sticky;
    bottom:-.9rem;
    margin:.8rem -.9rem -.9rem;
    padding:.7rem .9rem .85rem;
    background:linear-gradient(180deg,rgba(238,246,255,.86),#eef6ff 35%);
    border-top:1px solid rgba(14,165,233,.16);
  }
  [data-theme="dark"] .fieldbase-onboarding-actions,
  body.dark .fieldbase-onboarding-actions { background:linear-gradient(180deg,rgba(15,23,42,.86),#111827 35%); }
  .fieldbase-onboarding-actions button { flex:1 1 120px; padding:.72rem .75rem; }
  .fieldbase-onboarding-pointer { display:none; }
}