/*! Feedback Now UI (integrated) v0.9.24 */
:root{
  --fbn-accent: #2563eb;
  --fbn-border: #d0d7e2;
  --fbn-text: #0f172a;
}
@media (prefers-color-scheme: dark){
  :root{
    --fbn-accent:#3b82f6;
    --fbn-border:#2a3342;
    --fbn-text:#e5e7eb;
  }
}

.fbn-visually-hidden{position:absolute !important; left:-9999px !important; width:1px; height:1px; overflow:hidden;}

form.fbn-form .fbn-segments{display:flex; gap:.5rem; flex-wrap:wrap; align-items:center; margin:.5rem 0 1.1rem}
form.fbn-form .fbn-scale-end{font-size:12px; color:#64748b; margin-right:.5rem}
@media (prefers-color-scheme: dark){
  form.fbn-form .fbn-scale-end{color:#93a3b8}
}
form.fbn-form .fbn-segment{all: initial; font: inherit; color: var(--fbn-text); display:inline-flex; align-items:center; justify-content:center; min-width:44px; min-height:40px; padding:8px 12px; border:1px solid var(--fbn-border); border-radius:999px; cursor:pointer; line-height:1;}
form.fbn-form .fbn-segment[aria-pressed="true"]{background:color-mix(in srgb, var(--fbn-accent) 12%, #ffffff); border-color: var(--fbn-accent);}
@media (prefers-color-scheme: dark){
  form.fbn-form .fbn-segment{background:#0b0f17;}
  form.fbn-form .fbn-segment[aria-pressed="true"]{background:color-mix(in srgb, var(--fbn-accent) 18%, #0b0f17);}
}

form.fbn-form .fbn-wizard{position:relative; margin:1rem 0}
form.fbn-form .fbn-progress{height:6px; background:#eef2f7; border-radius:999px; overflow:hidden; margin:0 0 12px}
form.fbn-form .fbn-progress__bar{height:100%; width:0; background:var(--fbn-accent); border-radius:999px; transition:width .25s ease}
form.fbn-form .fbn-steps .fbn-step{display:none}
form.fbn-form .fbn-nav{display:flex; gap:.5rem; justify-content:flex-end; margin-top:12px}
form.fbn-form .fbn-prev, form.fbn-form .fbn-next, form.fbn-form .fbn-submit{appearance:none; border:1px solid var(--fbn-border); background:#fff; color:var(--fbn-text); border-radius:10px; padding:10px 14px; cursor:pointer}
form.fbn-form .fbn-next, form.fbn-form .fbn-submit{border-color: var(--fbn-accent)}
@media (prefers-color-scheme: dark){
  form.fbn-form .fbn-prev, form.fbn-form .fbn-next, form.fbn-form .fbn-submit{background:#0b0f17; color:var(--fbn-text); border-color: var(--fbn-border)}
  form.fbn-form .fbn-next, form.fbn-form .fbn-submit{border-color: var(--fbn-accent)}
}

/* Sticky submit (basic) */
@media (max-width: 768px){
  form.fbn-form .fbn-submit{position: sticky; bottom: 10px;}
}

/* Counters */
form.fbn-form .fbn-counter{font-size:12px; color:#64748b; margin-top:.25rem}
@media (prefers-color-scheme: dark){
  form.fbn-form .fbn-counter{color:#93a3b8}
}


/* Post/Pre badges */
form.fbn-form .fbn-postpre-badge{font-size:12px; font-weight:600; color:#334155; margin:6px 0 4px}
form.fbn-form .fbn-postpre-badge.fbn-postpre-pre{color:#6366f1}
form.fbn-form .fbn-postpre-badge.fbn-postpre-post{color:#16a34a}
@media (prefers-color-scheme: dark){
  form.fbn-form .fbn-postpre-badge{color:#cbd5e1}
  form.fbn-form .fbn-postpre-badge.fbn-postpre-pre{color:#a5b4fc}
  form.fbn-form .fbn-postpre-badge.fbn-postpre-post{color:#4ade80}
}

/* NPS colors */
form.fbn-form .fbn-segments--nps .fbn-segment.nps-det{background: rgba(239,68,68,.08); border-color: rgba(239,68,68,.35)}
form.fbn-form .fbn-segments--nps .fbn-segment.nps-pas{background: rgba(234,179,8,.10); border-color: rgba(234,179,8,.35)}
form.fbn-form .fbn-segments--nps .fbn-segment.nps-pro{background: rgba(34,197,94,.10); border-color: rgba(34,197,94,.35)}
form.fbn-form .fbn-segments--nps .fbn-segment[aria-pressed="true"].nps-det{background: rgba(239,68,68,.20)}
form.fbn-form .fbn-segments--nps .fbn-segment[aria-pressed="true"].nps-pas{background: rgba(234,179,8,.25)}
form.fbn-form .fbn-segments--nps .fbn-segment[aria-pressed="true"].nps-pro{background: rgba(34,197,94,.25)}
form.fbn-form .fbn-nps-legend{display:flex; gap:10px; font-size:12px; color:#64748b; margin-top:6px}
form.fbn-form .fbn-nps-legend .nps-det{color:#ef4444}
form.fbn-form .fbn-nps-legend .nps-pas{color:#eab308}
form.fbn-form .fbn-nps-legend .nps-pro{color:#22c55e}
@media (prefers-color-scheme: dark){
  form.fbn-form .fbn-nps-legend{color:#93a3b8}
}

/* N/A chip */
form.fbn-form .fbn-segment.is-na{border-style:dashed; opacity:.9}

/* Focus ring for keyboard nav */
form.fbn-form .fbn-segments:focus{outline:2px solid color-mix(in srgb, var(--fbn-accent) 30%, transparent); outline-offset: 3px; border-radius: 12px;}

/* Mobile spacing tweak */
@media (max-width: 640px){
  form.fbn-form .fbn-segment{min-width:40px; padding:8px 10px}
  form.fbn-form .fbn-scale-end{display:none}
}

.fbn-original-hidden{ display:none !important; }

/* Hide scope container if it only held original labels */
.fbn-original-hide-scope > .fbn-original-hidden{display:none!important}


/* Post/Pre layout */
form.fbn-form .fbn-postpre{ display:grid; grid-template-columns: 1fr; gap:12px; }
@media (min-width: 640px){
  form.fbn-form .fbn-postpre{ grid-template-columns: 1fr 1fr; }
}
form.fbn-form .fbn-phase-title{ font-size: 12px; color:#64748b; margin-bottom: 6px; }
/* Hide endpoints inside post/pre blocks for compact rows */
form.fbn-form .fbn-postpre .fbn-scale-end{ display:none !important; }

/* Segments base + active unified look */
form.fbn-form .fbn-segments .fbn-segment{
  border:1px solid var(--fbn-border);
  border-radius:999px;
  min-width:36px; height:36px; padding:0 10px;
  display:inline-flex; align-items:center; justify-content:center;
  cursor:pointer;
}
form.fbn-form .fbn-segments .fbn-segment[aria-pressed="true"]{
  background: var(--fbn-accent);
  color: #fff;
  border-color: var(--fbn-accent);
}

/* Keep NPS one-line */
form.fbn-form .fbn-segments--plain{ flex-wrap: nowrap; gap:6px; overflow-x: auto; -webkit-overflow-scrolling: touch; }
form.fbn-form .fbn-segments--plain .fbn-segment{ flex: 0 0 auto; min-width: 32px; height: 36px; padding: 0 6px; }

/* Hide raw labels to avoid extra row under questions */
form.fbn-form .fbn-item .scale > label { display:none; }


/* === FBN overrides (0.9.40c): neutral NPS & spacing === */
form.fbn-form .fbn-segments{ margin:.5rem 0 .85rem }
form.fbn-form .fbn-segments--nps .fbn-segment.nps-det,
form.fbn-form .fbn-segments--nps .fbn-segment.nps-pas,
form.fbn-form .fbn-segments--nps .fbn-segment.nps-pro{ background: transparent !important; border-color: var(--fbn-border) !important; }
form.fbn-form .fbn-nps-legend{ display:none !important; }