/* frontline module pack styles — CRM, Virtual Office, HR, Access, Member Portal */
.fl-panel{margin-top:14px}
.fl-first{margin-top:0;margin-bottom:14px}
.fl-urgent{border-left:3px solid #c0533a}
.fl-alert,.fl-ok{margin:6px 0 10px;padding:9px 12px;border-radius:9px;font-size:12px;line-height:1.55}
.fl-alert{border:1px solid #f0c9b8;border-left:3px solid #c0533a;background:#fdf3ef;color:#7a3220}
.fl-ok{border:1px solid #bcd9c7;border-left:3px solid var(--primary);background:#f0f7f2;color:#1d5c46}
.fl-alert .link-btn,.fl-ok .link-btn{font-weight:700}

/* Access step tracker */
.fl-steps{list-style:none;margin:6px 0 10px;padding:0;display:flex;flex-wrap:wrap;gap:6px;counter-reset:fl}
.fl-steps li{counter-increment:fl;font-size:11px;padding:5px 9px;border:1px solid var(--line);border-radius:20px;color:var(--muted)}
.fl-steps li::before{content:counter(fl) '. '}
.fl-steps li.done{background:#eaf4ee;border-color:#bcd9c7;color:#1d5c46}
.fl-steps li.now{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:700}

/* CRM funnel */
.fl-funnel{display:grid;gap:8px;padding:4px 0 8px}
.fl-funnel-row{display:grid;grid-template-columns:130px 1fr 40px;align-items:center;gap:10px;font-size:12px}
.fl-funnel-row b{text-align:right;font-variant-numeric:tabular-nums}
.fl-bar{height:10px;border-radius:6px;background:#eef1ef;overflow:hidden}
.fl-bar i{display:block;height:100%;background:var(--primary);border-radius:6px;min-width:2px}

/* 24/7 guided panel */
.fl-proc{white-space:pre-line;font-size:13px;line-height:1.7;padding:2px 0 8px}
.fl-meta{font-size:12px;color:var(--muted);margin:0}
.fl-starter{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#9a6a1f;background:#fbf1de;border-radius:6px;padding:2px 7px;margin-bottom:6px}

/* Member Portal preview */
.fl-pick{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600}
.fl-pick select{height:36px;border:1px solid var(--line);border-radius:9px;padding:0 10px;background:#fff;color:inherit;font:inherit;max-width:100%}
.fl-portal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:14px;margin-top:14px}
.fl-portal-grid .fl-panel{margin:0}
.fl-staff{border-top:2px dashed var(--line);margin-top:24px;padding-top:12px}

@media (max-width:600px){
  .fl-funnel-row{grid-template-columns:92px 1fr 30px}
  .fl-pick{flex-wrap:wrap}
}

.app-shell[data-mode="dark"] .fl-alert{background:#3a2420;border-color:#6b3a2e;color:#f3c4b5}
.app-shell[data-mode="dark"] .fl-ok{background:#1c3329;border-color:#2f5a46;color:#bfe3cf}
.app-shell[data-mode="dark"] .fl-bar{background:#2a302d}
.app-shell[data-mode="dark"] .fl-steps li.done{background:#1f3a2e;border-color:#2f5a46;color:#bfe3cf}
.app-shell[data-mode="dark"] .fl-starter{background:#3a3020;color:#f0cf95}
.app-shell[data-mode="dark"] .fl-pick select{background:transparent}