@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700;800&family=DM+Mono:wght@400;500&display=swap');

*{box-sizing:border-box}html,body{margin:0;min-height:100%}body.flowops-app-body,body.flowops-auth-body{font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:#0d111a;color:#f4f7fb;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}body.flowops-app-body{overflow:hidden}body.flowops-auth-body{overflow:auto}a{color:inherit}button,input,select,textarea{font:inherit}img{max-width:100%;height:auto}

:root{
  --flowops-bg:#0b0f18;--flowops-bg-2:#101622;--flowops-bg-3:#151c2a;--flowops-surface:#182132;--flowops-surface-2:#1f2a3d;--flowops-surface-3:#263449;
  --flowops-border:rgba(255,255,255,.075);--flowops-border-2:rgba(255,255,255,.13);--flowops-text:#f4f7fb;--flowops-muted:#9aa7bd;--flowops-faint:#657085;
  --flowops-accent:#4f8cff;--flowops-accent-2:#3a75ea;--flowops-accent-glow:rgba(79,140,255,.20);--flowops-green:#22c55e;--flowops-green-bg:rgba(34,197,94,.12);--flowops-amber:#f59e0b;--flowops-amber-bg:rgba(245,158,11,.13);--flowops-red:#ef4444;--flowops-red-bg:rgba(239,68,68,.12);--flowops-violet:#8b5cf6;--flowops-violet-bg:rgba(139,92,246,.12);--flowops-blue:#38bdf8;--flowops-blue-bg:rgba(56,189,248,.12);
  --flowops-radius-sm:10px;--flowops-radius:16px;--flowops-radius-lg:24px;--flowops-shadow:0 22px 70px rgba(0,0,0,.38);--flowops-sidebar-width:268px;--flowops-font:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--flowops-mono:'DM Mono','SFMono-Regular',monospace;
}
::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--flowops-surface-3);border-radius:999px}

.flowops-nav-progress{position:fixed;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--flowops-accent),var(--flowops-violet));z-index:9999;opacity:.95}.flowops-app{display:flex;height:100vh;overflow:hidden;background:radial-gradient(circle at 18% -10%,rgba(79,140,255,.16),transparent 34%),radial-gradient(circle at 100% 0,rgba(139,92,246,.10),transparent 30%),var(--flowops-bg)}.flowops-main{flex:1;display:flex;flex-direction:column;min-width:0}.flowops-content{flex:1;overflow:auto;padding:28px;position:relative}.flowops-content:before{content:"";position:fixed;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.015),transparent 28%);pointer-events:none;z-index:0}.flowops-content>*{position:relative;z-index:1}

.flowops-sidebar{width:var(--flowops-sidebar-width);flex:0 0 var(--flowops-sidebar-width);background:rgba(12,17,27,.92);border-right:1px solid var(--flowops-border);display:flex;flex-direction:column;justify-content:space-between;gap:18px;padding:18px 12px;overflow-y:auto;backdrop-filter:blur(20px)}.flowops-logo,.flowops-sidebar-brand{display:flex;align-items:center;gap:12px;padding:8px 8px 14px;border-bottom:1px solid var(--flowops-border);margin-bottom:12px}.flowops-logo img,.flowops-auth-brand-row img{max-width:36px;max-height:36px;border-radius:10px;object-fit:contain}.flowops-logo-mark,.flowops-logo-icon{width:36px;height:36px;border-radius:11px;background:linear-gradient(135deg,var(--flowops-accent),var(--flowops-violet));display:grid;place-items:center;color:#fff;font-weight:800;box-shadow:0 14px 34px var(--flowops-accent-glow)}.flowops-logo-copy strong,.flowops-brand-title{display:block;font-size:14px;font-weight:800;letter-spacing:-.01em}.flowops-logo-copy span,.flowops-brand-subtitle{display:block;font-size:11px;color:var(--flowops-faint);line-height:1.25}.flowops-sidebar-workspace{margin:0 0 12px;padding:12px;background:var(--flowops-surface);border:1px solid var(--flowops-border);border-radius:var(--flowops-radius-sm);color:var(--flowops-muted);font-size:12px;line-height:1.45}.flowops-sidebar-workspace strong{display:block;color:var(--flowops-text);font-size:13px;margin-bottom:3px}.flowops-sidebar-section{padding:10px 10px 5px;color:var(--flowops-faint);font-size:10px;line-height:1;text-transform:uppercase;letter-spacing:.1em;font-weight:800}.flowops-nav,.flowops-sidebar-nav{display:flex;flex-direction:column;gap:2px}.flowops-nav-link{position:relative;display:flex;align-items:center;gap:10px;width:100%;border:0;text-decoration:none;border-radius:11px;padding:10px 11px;color:var(--flowops-muted);font-size:13.5px;font-weight:650;transition:background .16s ease,color .16s ease,transform .16s ease}.flowops-nav-link:hover{background:rgba(255,255,255,.045);color:var(--flowops-text);transform:translateX(1px)}.flowops-nav-link.active{background:var(--flowops-accent-glow);color:#dbe8ff}.flowops-nav-link.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:58%;background:var(--flowops-accent);border-radius:0 99px 99px 0}.flowops-nav-link__icon{width:20px;min-width:20px;text-align:center;opacity:.95}.flowops-nav-link__label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flowops-nav-badge{margin-left:auto;min-width:20px;padding:2px 7px;border-radius:999px;background:var(--flowops-accent);color:#fff;font-size:10px;line-height:16px;text-align:center;font-weight:800}.flowops-nav-badge.is-amber{background:var(--flowops-amber);color:#111827}.flowops-sidebar-footer{border-top:1px solid var(--flowops-border);padding-top:12px}.flowops-user-mini{display:flex;align-items:center;gap:10px;padding:10px;border-radius:12px;background:rgba(255,255,255,.035);border:1px solid var(--flowops-border);margin-bottom:10px}.flowops-user-mini__avatar,.flowops-context-card__avatar,.flowops-avatar,.flowops-avatar-sm{display:grid;place-items:center;border-radius:999px;background:linear-gradient(135deg,var(--flowops-accent),var(--flowops-violet));color:#fff;font-weight:800}.flowops-user-mini__avatar{width:32px;height:32px;font-size:12px}.flowops-user-mini strong{display:block;font-size:12.5px}.flowops-user-mini span{display:block;font-size:11px;color:var(--flowops-faint)}.flowops-logout-link,.flowops-sidebar-footer a{display:flex;align-items:center;justify-content:center;text-decoration:none;border-radius:10px;color:var(--flowops-muted);background:var(--flowops-surface);border:1px solid var(--flowops-border);padding:9px 10px;font-size:13px;font-weight:700;transition:.16s}.flowops-logout-link:hover,.flowops-sidebar-footer a:hover{color:var(--flowops-text);border-color:var(--flowops-border-2)}

.flowops-topbar{height:68px;flex:0 0 68px;background:rgba(15,21,32,.88);border-bottom:1px solid var(--flowops-border);display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 28px;backdrop-filter:blur(18px)}.flowops-topbar__left,.flowops-topbar__right{display:flex;align-items:center;gap:14px;min-width:0}.flowops-topbar__title-wrap{min-width:0}.flowops-topbar__title{margin:0;color:var(--flowops-text);font-size:18px;line-height:1.15;font-weight:800;letter-spacing:-.02em}.flowops-topbar__subtitle{margin:3px 0 0;color:var(--flowops-faint);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:640px}.flowops-context-card{display:flex;align-items:center;gap:10px;min-width:180px;background:var(--flowops-surface);border:1px solid var(--flowops-border);border-radius:13px;padding:8px 10px}.flowops-context-card__avatar{width:32px;height:32px;font-size:12px}.flowops-context-card__user strong{display:block;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.flowops-context-card__user span{display:block;color:var(--flowops-faint);font-size:11px}.flowops-profile-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:1px solid var(--flowops-border-2);background:var(--flowops-surface);border-radius:10px;padding:8px 12px;color:var(--flowops-muted);font-size:13px;font-weight:700;transition:.16s}.flowops-profile-btn:hover{color:var(--flowops-text);border-color:var(--flowops-accent)}.flowops-topbar-mobile{display:none}.flowops-sidebar-toggle{width:40px;height:40px;border-radius:11px;border:1px solid var(--flowops-border-2);background:var(--flowops-surface);display:none;flex-direction:column;gap:4px;align-items:center;justify-content:center;cursor:pointer}.flowops-sidebar-toggle span{width:18px;height:2px;background:var(--flowops-text);border-radius:99px}.flowops-mobile-sidebar-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.64);z-index:500;backdrop-filter:blur(4px)}

.flowops-card,.flowops-panel{background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.02)),var(--flowops-surface);border:1px solid var(--flowops-border);border-radius:var(--flowops-radius);box-shadow:0 1px 0 rgba(255,255,255,.035) inset;padding:20px}.flowops-card-lg{padding:24px}.flowops-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.flowops-section-head.compact{margin-bottom:12px}.flowops-section-head h2,.flowops-section-head h3,.flowops-card h2,.flowops-card h3,.flowops-panel h3{margin:0;color:var(--flowops-text);font-weight:800;letter-spacing:-.015em}.flowops-section-head h2{font-size:20px}.flowops-section-head h3,.flowops-card h3,.flowops-panel h3{font-size:15.5px}.flowops-section-head p,.flowops-card p,.flowops-panel p{color:var(--flowops-muted);font-size:13px;line-height:1.55;margin:4px 0 0}.flowops-eyebrow,.flowops-dashboard-eyebrow{display:block;color:var(--flowops-accent);font-size:10.5px;text-transform:uppercase;letter-spacing:.09em;font-weight:900;margin-bottom:5px}.flowops-muted{color:var(--flowops-muted)}.flowops-faint{color:var(--flowops-faint)}.flowops-mono{font-family:var(--flowops-mono)}

.flowops-btn,.flowops-btn-primary,.flowops-btn-secondary,.flowops-btn-danger,.flowops-btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;border-radius:11px;border:1px solid transparent;padding:8px 14px;text-decoration:none;font-size:13px;font-weight:800;line-height:1;cursor:pointer;transition:background .16s,border-color .16s,color .16s,transform .16s,box-shadow .16s}.flowops-btn:hover{transform:translateY(-1px)}.flowops-btn-primary,.flowops-btn.flowops-btn-primary,.flowops-btn--primary{background:var(--flowops-accent);border-color:var(--flowops-accent);color:#fff}.flowops-btn-primary:hover,.flowops-btn--primary:hover{background:var(--flowops-accent-2);box-shadow:0 14px 34px var(--flowops-accent-glow)}.flowops-btn-secondary,.flowops-btn.flowops-btn-secondary,.flowops-btn--secondary{background:var(--flowops-surface-2);border-color:var(--flowops-border-2);color:var(--flowops-text)}.flowops-btn-secondary:hover,.flowops-btn--secondary:hover{border-color:var(--flowops-accent);color:#dbe8ff}.flowops-btn-danger,.flowops-btn.flowops-btn-danger,.flowops-btn--danger{background:var(--flowops-red-bg);border-color:rgba(239,68,68,.25);color:var(--flowops-red)}.flowops-btn-danger:hover,.flowops-btn--danger:hover{background:var(--flowops-red);color:#fff}.flowops-btn-ghost,.flowops-btn.flowops-btn-ghost{background:transparent;border-color:var(--flowops-border);color:var(--flowops-muted)}.flowops-btn-ghost:hover{background:var(--flowops-surface-2);color:var(--flowops-text)}.flowops-btn-sm{min-height:30px;padding:6px 10px;font-size:12px;border-radius:9px}.flowops-btn-block{width:100%}.flowops-icon-btn{width:34px;height:34px;padding:0;border-radius:10px}.flowops-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.flowops-link{color:#cfe0ff;text-decoration:none}.flowops-link:hover{text-decoration:underline}

.flowops-message,.flowops-alert{border-radius:12px;padding:12px 14px;margin-bottom:16px;border:1px solid var(--flowops-border);font-size:13px}.flowops-message.success,.flowops-alert--success{background:var(--flowops-green-bg);border-color:rgba(34,197,94,.25);color:#86efac}.flowops-message.error,.flowops-alert--error{background:var(--flowops-red-bg);border-color:rgba(239,68,68,.25);color:#fca5a5}.flowops-message.info,.flowops-alert--info{background:var(--flowops-blue-bg);border-color:rgba(56,189,248,.25);color:#7dd3fc}.flowops-message.warning,.flowops-alert--warning{background:var(--flowops-amber-bg);border-color:rgba(245,158,11,.25);color:#fcd34d}

.flowops-form,.flowops-form-stack{display:flex;flex-direction:column;gap:15px}.flowops-form-grid,.flowops-form-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.flowops-form-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.flowops-field,.flowops-form-field,.flowops-form-row{display:flex;flex-direction:column;gap:7px}.flowops-field label,.flowops-form-field label,.flowops-form-row label,.flowops-filter-label{color:var(--flowops-muted);font-size:12px;font-weight:800}.flowops-field input,.flowops-field select,.flowops-field textarea,.flowops-form-field input,.flowops-form-field select,.flowops-form-field textarea,.flowops-form-row input,.flowops-form-row select,.flowops-form-row textarea,.flowops-input,.flowops-select,.flowops-textarea{width:100%;background:var(--flowops-bg-3);border:1px solid var(--flowops-border-2);border-radius:11px;padding:10px 12px;color:var(--flowops-text);outline:none;transition:border-color .16s,box-shadow .16s}.flowops-field textarea,.flowops-form-field textarea,.flowops-textarea{min-height:96px;resize:vertical}.flowops-field input:focus,.flowops-field select:focus,.flowops-field textarea:focus,.flowops-form-field input:focus,.flowops-form-field select:focus,.flowops-form-field textarea:focus,.flowops-input:focus,.flowops-select:focus,.flowops-textarea:focus{border-color:var(--flowops-accent);box-shadow:0 0 0 4px var(--flowops-accent-glow)}.flowops-field ::placeholder,.flowops-input::placeholder,.flowops-textarea::placeholder{color:var(--flowops-faint)}.flowops-inline-help{font-size:12.5px;color:var(--flowops-faint);line-height:1.55}.flowops-form-footer{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:8px}.flowops-filter-bar{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin-bottom:16px}.flowops-filter-bar .flowops-field{min-width:160px;flex:1}.flowops-filter-bar .flowops-field--search{flex:1.8;min-width:240px}.flowops-checkbox-row{display:flex;align-items:center;gap:8px;color:var(--flowops-muted);font-size:13px}.flowops-checkbox-row input{accent-color:var(--flowops-accent)}

.flowops-stat-grid,.flowops-dashboard-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.flowops-stat-card,.flowops-dashboard-stat-card{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.018)),var(--flowops-surface);border:1px solid var(--flowops-border);border-radius:var(--flowops-radius);padding:18px;transition:transform .16s,border-color .16s}.flowops-stat-card:before,.flowops-dashboard-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--flowops-accent);opacity:.65}.flowops-stat-card:hover,.flowops-dashboard-stat-card:hover{transform:translateY(-2px);border-color:var(--flowops-border-2)}.flowops-stat-card.is-green:before,.flowops-dashboard-stat-card.is-green:before{background:var(--flowops-green)}.flowops-stat-card.is-amber:before,.flowops-dashboard-stat-card.is-amber:before{background:var(--flowops-amber)}.flowops-stat-card.is-red:before{background:var(--flowops-red)}.flowops-stat-card__label,.flowops-dashboard-stat-card span{display:block;color:var(--flowops-faint);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.07em}.flowops-stat-card__value,.flowops-dashboard-stat-card strong{display:block;margin:8px 0 4px;color:var(--flowops-text);font-size:31px;line-height:1;font-weight:850;font-variant-numeric:tabular-nums}.flowops-stat-card__value--sm{font-size:22px!important}.flowops-stat-card__hint,.flowops-dashboard-stat-card p{margin:0;color:var(--flowops-muted);font-size:12.5px;line-height:1.45}

.flowops-badge{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;padding:4px 9px;border-radius:999px;font-size:11px;line-height:1;font-weight:850;text-transform:capitalize}.flowops-badge:before{content:"";width:6px;height:6px;border-radius:999px;background:currentColor}.flowops-badge--warning,.flowops-badge-pending{background:var(--flowops-amber-bg);color:#fbbf24}.flowops-badge--info,.flowops-badge-confirmed,.flowops-badge-scheduled,.flowops-badge-rescheduled{background:var(--flowops-blue-bg);color:#7dd3fc}.flowops-badge--success,.flowops-badge-completed{background:var(--flowops-green-bg);color:#86efac}.flowops-badge--danger,.flowops-badge-cancelled{background:var(--flowops-red-bg);color:#fca5a5}.flowops-badge--neutral{background:rgba(255,255,255,.07);color:var(--flowops-muted)}.flowops-badge-in_progress{background:var(--flowops-violet-bg);color:#c4b5fd}.flowops-tag{display:inline-flex;align-items:center;border-radius:999px;background:var(--flowops-surface-2);border:1px solid var(--flowops-border);color:var(--flowops-muted);font-size:11px;font-weight:800;padding:3px 9px}.flowops-chip-accent{background:var(--flowops-accent-glow);color:#cfe0ff;border-color:rgba(79,140,255,.28)}

.flowops-table-wrap,.flowops-booking-table-wrap{overflow:auto;border:1px solid var(--flowops-border);border-radius:var(--flowops-radius);background:rgba(255,255,255,.015)}.flowops-table,.flowops-booking-table{width:100%;border-collapse:collapse;font-size:13.2px}.flowops-table th,.flowops-booking-table th{text-align:left;background:rgba(255,255,255,.035);color:var(--flowops-faint);font-size:10.8px;font-weight:900;text-transform:uppercase;letter-spacing:.07em;padding:11px 14px;border-bottom:1px solid var(--flowops-border);white-space:nowrap}.flowops-table td,.flowops-booking-table td{padding:13px 14px;border-bottom:1px solid var(--flowops-border);vertical-align:middle;color:var(--flowops-muted)}.flowops-table tr:last-child td,.flowops-booking-table tr:last-child td{border-bottom:0}.flowops-table tr:hover td,.flowops-booking-table tr:hover td{background:rgba(255,255,255,.025)}.flowops-table-person,.flowops-td-person{display:flex;align-items:center;gap:10px}.flowops-table-person strong,.flowops-td-person strong{display:block;color:var(--flowops-text);font-size:13.3px}.flowops-table-person span,.flowops-td-person span{display:block;color:var(--flowops-faint);font-size:12px}.flowops-avatar-sm{width:30px;height:30px;font-size:11px}.flowops-table-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.flowops-empty-state{text-align:center;padding:44px 20px;color:var(--flowops-muted)}.flowops-empty-state strong,.flowops-empty-state h4{display:block;color:var(--flowops-text);font-size:16px;margin-bottom:6px}.flowops-empty-state p{max-width:420px;margin:0 auto 16px}.flowops-pagination{display:flex;justify-content:center;align-items:center;gap:7px;margin-top:16px}.flowops-page-link{display:grid;place-items:center;min-width:34px;height:34px;text-decoration:none;border-radius:10px;border:1px solid var(--flowops-border);background:var(--flowops-surface);color:var(--flowops-muted);font-size:13px;font-weight:800}.flowops-page-link.active,.flowops-page-link:hover{background:var(--flowops-accent);border-color:var(--flowops-accent);color:#fff}

.flowops-status-pills{display:flex;flex-wrap:wrap;gap:5px}.flowops-status-pill{display:inline-flex;border:1px solid transparent;border-radius:999px;padding:4px 8px;text-decoration:none;background:var(--flowops-bg-3);color:var(--flowops-faint);font-size:10.5px;font-weight:850;text-transform:capitalize;transition:.14s}.flowops-status-pill:hover{color:var(--flowops-text);border-color:var(--flowops-border-2)}.flowops-status-pill.active-pending{background:var(--flowops-amber-bg);color:#fbbf24}.flowops-status-pill.active-scheduled,.flowops-status-pill.active-confirmed,.flowops-status-pill.active-rescheduled{background:var(--flowops-blue-bg);color:#7dd3fc}.flowops-status-pill.active-in_progress{background:var(--flowops-violet-bg);color:#c4b5fd}.flowops-status-pill.active-completed{background:var(--flowops-green-bg);color:#86efac}.flowops-status-pill.active-cancelled{background:var(--flowops-red-bg);color:#fca5a5}

.flowops-dashboard-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:214px;padding:28px!important;background:linear-gradient(135deg,rgba(79,140,255,.10),rgba(139,92,246,.08) 36%,rgba(255,255,255,.025)),var(--flowops-surface);position:relative;overflow:hidden;margin-bottom:20px}.flowops-dashboard-hero:after{content:"";position:absolute;right:-88px;top:-88px;width:280px;height:280px;border-radius:999px;background:radial-gradient(circle,var(--flowops-accent-glow),transparent 68%)}.flowops-dashboard-hero-copy{position:relative;z-index:1;max-width:720px}.flowops-dashboard-hero h2{font-size:25px;line-height:1.15;margin:0 0 9px;color:var(--flowops-text);letter-spacing:-.035em}.flowops-dashboard-hero p{font-size:14px;max-width:620px;color:var(--flowops-muted);line-height:1.6}.flowops-dashboard-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.flowops-dashboard-hero-meta{display:flex;gap:20px;margin-top:20px;color:var(--flowops-muted);font-size:12px}.flowops-dashboard-hero-meta strong{display:block;color:var(--flowops-text);font-size:13px}.flowops-dashboard-hero-panel{position:relative;z-index:1;min-width:170px;text-align:center;background:rgba(10,15,24,.70);border:1px solid var(--flowops-border-2);border-radius:var(--flowops-radius);padding:18px}.flowops-dashboard-progress-ring,.flowops-score-ring{--flowops-progress:0;width:94px;height:94px;margin:0 auto 12px;border-radius:999px;background:conic-gradient(var(--flowops-accent) calc(var(--flowops-progress)*3.6deg), var(--flowops-bg-3) 0deg);display:grid;place-items:center;box-shadow:0 0 0 1px var(--flowops-border-2)}.flowops-dashboard-progress-ring-inner,.flowops-score-ring__inner{width:73px;height:73px;border-radius:999px;background:var(--flowops-bg-2);display:grid;place-items:center;align-content:center}.flowops-dashboard-progress-ring-inner strong,.flowops-score-ring strong{font-size:20px;line-height:1;color:var(--flowops-text)}.flowops-dashboard-progress-ring-inner span,.flowops-score-ring span{font-size:9px;color:var(--flowops-faint);text-transform:uppercase;letter-spacing:.06em}.flowops-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,.9fr);gap:16px;margin-top:20px}.flowops-dashboard-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px}.flowops-dashboard-checklist,.flowops-checklist{display:flex;flex-direction:column;gap:10px}.flowops-dashboard-checklist-item,.flowops-checklist-item{display:flex;gap:10px;align-items:flex-start}.flowops-dashboard-checklist-item>span,.flowops-checklist-dot{width:22px;height:22px;border-radius:999px;border:2px solid var(--flowops-border-2);display:grid;place-items:center;color:var(--flowops-faint);font-size:11px;font-weight:900;flex:0 0 22px}.flowops-dashboard-checklist-item.done>span,.flowops-checklist-item.done .flowops-checklist-dot{border-color:var(--flowops-green);background:var(--flowops-green-bg);color:#86efac}.flowops-dashboard-checklist-item strong,.flowops-checklist-item strong{display:block;color:var(--flowops-text);font-size:13px}.flowops-dashboard-checklist-item p,.flowops-checklist-item p{margin:2px 0 0;color:var(--flowops-faint);font-size:12px}.flowops-pulse-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.flowops-pulse-card{background:var(--flowops-bg-3);border:1px solid var(--flowops-border);border-radius:12px;padding:12px}.flowops-pulse-card span{display:block;color:var(--flowops-faint);font-size:11.5px;margin-bottom:5px}.flowops-pulse-card strong{font-size:22px;color:var(--flowops-text)}.flowops-pulse-card.attention strong{color:#fbbf24}.flowops-pulse-card.positive strong{color:#86efac}.flowops-dashboard-action-grid,.flowops-quick-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.flowops-dashboard-action-card,.flowops-quick-action{display:flex;flex-direction:column;gap:5px;text-decoration:none;text-align:left;background:var(--flowops-bg-3);border:1px solid var(--flowops-border);border-radius:12px;padding:14px;color:inherit;transition:.16s}.flowops-dashboard-action-card:hover,.flowops-quick-action:hover{border-color:var(--flowops-accent);background:var(--flowops-accent-glow);transform:translateY(-1px)}.flowops-dashboard-action-card strong,.flowops-quick-action strong{font-size:13px;color:var(--flowops-text)}.flowops-dashboard-action-card p,.flowops-quick-action p{font-size:12px;color:var(--flowops-faint);margin:0}.flowops-dashboard-action-card span,.flowops-quick-action span{font-size:12px;color:#cfe0ff;font-weight:800;margin-top:auto}.flowops-ai-list{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}.flowops-ai-list li,.flowops-ai-action{background:var(--flowops-bg-3);border:1px solid var(--flowops-border);border-radius:12px;padding:12px 14px;color:var(--flowops-muted);font-size:13px;line-height:1.45}.flowops-ai-command-grid{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:16px;align-items:stretch}.flowops-score-band{display:flex;align-items:center;gap:22px;background:linear-gradient(135deg,rgba(79,140,255,.16),rgba(139,92,246,.12)),var(--flowops-surface);border:1px solid rgba(79,140,255,.22);border-radius:var(--flowops-radius-lg);padding:24px;margin-bottom:20px}.flowops-score-num{font-size:74px;line-height:.9;font-weight:900;color:var(--flowops-accent);font-variant-numeric:tabular-nums}.flowops-score-reasons{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}

.flowops-calendar-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);gap:18px}.flowops-calendar-toolbar{display:flex;gap:8px;align-items:center}.flowops-calendar-grid,.flowops-calendar-grid--premium{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.flowops-calendar-day-name{padding:8px 4px;text-align:center;color:var(--flowops-faint);font-size:11px;text-transform:uppercase;letter-spacing:.07em;font-weight:900}.flowops-calendar-day{min-height:98px;background:var(--flowops-bg-3);border:1px solid var(--flowops-border);border-radius:13px;padding:8px;transition:.14s}.flowops-calendar-day:hover{border-color:var(--flowops-accent);background:var(--flowops-accent-glow)}.flowops-calendar-day.is-today{border-color:var(--flowops-accent);box-shadow:0 0 0 1px var(--flowops-accent-glow) inset}.flowops-calendar-day.is-muted{opacity:.42}.flowops-calendar-day__num{font-weight:850;font-size:12px;color:var(--flowops-text)}.flowops-calendar-dots{display:flex;gap:4px;flex-wrap:wrap;margin-top:7px}.flowops-calendar-dot{width:7px;height:7px;border-radius:999px;background:var(--flowops-accent)}.flowops-calendar-dot.is-pending{background:var(--flowops-amber)}.flowops-calendar-dot.is-completed{background:var(--flowops-green)}.flowops-calendar-dot.is-cancelled{background:var(--flowops-red)}.flowops-calendar-dot.is-in_progress{background:var(--flowops-violet)}.flowops-calendar-day__items{display:flex;flex-direction:column;gap:5px;margin-top:8px}.flowops-calendar-mini-item{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none;border-radius:7px;background:rgba(255,255,255,.04);padding:4px 6px;color:var(--flowops-muted);font-size:11px}.flowops-calendar-mini-item:hover{color:var(--flowops-text);background:rgba(255,255,255,.07)}.flowops-upcoming-list,.flowops-job-list,.flowops-activity-list{display:flex;flex-direction:column;gap:10px}.flowops-upcoming-item,.flowops-job-card,.flowops-activity-item{display:flex;align-items:center;gap:12px;background:var(--flowops-bg-3);border:1px solid var(--flowops-border);border-radius:13px;padding:12px}.flowops-upcoming-item__body,.flowops-job-card-info,.flowops-activity-copy{flex:1;min-width:0}.flowops-upcoming-item strong,.flowops-job-card-info strong,.flowops-activity-copy strong{display:block;color:var(--flowops-text);font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.flowops-upcoming-item span,.flowops-job-card-info p,.flowops-activity-copy p{display:block;color:var(--flowops-faint);font-size:12px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.flowops-job-actions{display:flex;gap:7px;flex-wrap:wrap}

.flowops-settings-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:20px}.flowops-settings-nav{display:flex;flex-direction:column;gap:5px;position:sticky;top:0}.flowops-settings-nav-item{display:flex;align-items:center;text-align:left;background:transparent;border:0;border-radius:11px;color:var(--flowops-muted);padding:10px 12px;font-size:13px;font-weight:800;cursor:pointer;transition:.14s}.flowops-settings-nav-item:hover{background:rgba(255,255,255,.045);color:var(--flowops-text)}.flowops-settings-nav-item.active,.flowops-settings-nav-item.is-active{background:var(--flowops-accent-glow);color:#dbe8ff}.flowops-settings-panel[hidden]{display:none!important}.flowops-settings-section{margin-bottom:24px}.flowops-settings-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--flowops-border)}.flowops-settings-row:last-child{border-bottom:0}.flowops-settings-row-info strong{display:block;font-size:13.5px;color:var(--flowops-text)}.flowops-settings-row-info span{display:block;font-size:12px;color:var(--flowops-faint);margin-top:2px}.flowops-toggle{width:44px;height:24px;border-radius:999px;border:1px solid var(--flowops-border-2);background:var(--flowops-bg-3);position:relative;display:inline-block;cursor:pointer;flex:0 0 44px}.flowops-toggle input{position:absolute;opacity:0}.flowops-toggle span,.flowops-toggle-knob{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:999px;background:#fff;transition:left .2s,background .2s}.flowops-toggle input:checked+span,.flowops-toggle.on .flowops-toggle-knob{left:23px}.flowops-toggle:has(input:checked),.flowops-toggle.on{background:var(--flowops-accent);border-color:var(--flowops-accent)}

.flowops-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.flowops-plan-card{position:relative;background:var(--flowops-bg-3);border:1px solid var(--flowops-border);border-radius:var(--flowops-radius);padding:20px;display:flex;flex-direction:column;gap:14px}.flowops-plan-card.active,.flowops-plan-card.is-featured{border-color:var(--flowops-accent);box-shadow:0 0 0 1px var(--flowops-accent-glow) inset;background:linear-gradient(180deg,var(--flowops-accent-glow),rgba(255,255,255,.02)),var(--flowops-bg-3)}.flowops-plan-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.flowops-plan-name{font-size:17px;font-weight:900;color:var(--flowops-text)}.flowops-plan-price{font-size:32px;line-height:1;font-weight:900;color:var(--flowops-accent)}.flowops-plan-price span{font-size:13px;color:var(--flowops-faint);font-weight:600}.flowops-plan-card ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px;color:var(--flowops-muted);font-size:13px}.flowops-plan-card li:before{content:"✓";color:var(--flowops-green);font-weight:900;margin-right:8px}.flowops-plan-list{display:flex;flex-direction:column;gap:12px}

.flowops-team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.flowops-team-card{background:var(--flowops-bg-3);border:1px solid var(--flowops-border);border-radius:var(--flowops-radius);padding:18px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}.flowops-team-card .flowops-avatar{width:54px;height:54px;font-size:18px}.flowops-team-card strong{font-size:14px;color:var(--flowops-text)}.flowops-team-card span{font-size:12px;color:var(--flowops-faint)}.flowops-member-list{display:flex;flex-direction:column;gap:10px}.flowops-member-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--flowops-border);background:var(--flowops-bg-3);border-radius:13px;padding:12px}.flowops-member-row__identity{display:flex;align-items:center;gap:10px}.flowops-member-row__meta strong{display:block;color:var(--flowops-text)}.flowops-member-row__meta span{display:block;color:var(--flowops-faint);font-size:12px}

.flowops-modal{position:fixed;inset:0;z-index:1000;display:none;align-items:center;justify-content:center;padding:22px;background:rgba(0,0,0,.72);backdrop-filter:blur(5px)}.flowops-modal.is-open{display:flex}.flowops-modal-card{width:min(560px,100%);background:var(--flowops-surface);border:1px solid var(--flowops-border-2);border-radius:var(--flowops-radius-lg);box-shadow:var(--flowops-shadow);padding:24px}.flowops-modal-card h3{margin:0 0 6px;color:var(--flowops-text);font-size:18px}.flowops-modal-card p{color:var(--flowops-muted);font-size:13.5px;line-height:1.55}.flowops-modal-footer{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}

.flowops-app-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:9px}.flowops-app-list li{background:var(--flowops-bg-3);border:1px solid var(--flowops-border);border-radius:12px;padding:10px 12px;color:var(--flowops-muted);font-size:13px}.flowops-inline-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.flowops-side-stack{display:flex;flex-direction:column;gap:16px}.flowops-page-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:18px}.flowops-profile-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.flowops-divider{height:1px;background:var(--flowops-border);margin:16px 0}.flowops-hide{display:none!important}

@media (max-width:1180px){.flowops-stat-grid,.flowops-dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.flowops-dashboard-grid,.flowops-calendar-layout,.flowops-page-grid{grid-template-columns:1fr}.flowops-plan-grid,.flowops-team-grid{grid-template-columns:1fr 1fr}.flowops-ai-command-grid{grid-template-columns:1fr}.flowops-topbar__subtitle{max-width:420px}}
@media (max-width:900px){body.flowops-app-body{overflow:auto}.flowops-app{min-height:100vh;height:auto}.flowops-sidebar{position:fixed;left:0;top:0;bottom:0;z-index:600;transform:translateX(-105%);transition:transform .22s ease;width:min(86vw,312px);flex-basis:auto}.flowops-sidebar-toggle{display:flex}.flowops-topbar{height:auto;min-height:64px;padding:12px 16px}.flowops-topbar__title-wrap,.flowops-topbar__right{display:none}.flowops-topbar-mobile{display:flex;align-items:center;justify-content:space-between;width:100%}.flowops-topbar-mobile-main{display:flex;align-items:center;gap:12px}.flowops-topbar-mobile-copy strong{display:block;font-size:13px}.flowops-topbar-mobile-copy span{display:block;color:var(--flowops-faint);font-size:12px}.flowops-profile-btn--desktop{display:none}.flowops-main{min-height:100vh}.flowops-content{padding:18px}.flowops-sidebar-open .flowops-sidebar,body.flowops-sidebar-open .flowops-sidebar{transform:translateX(0)}.flowops-form-grid,.flowops-form-grid-2,.flowops-form-grid-3,.flowops-inline-grid,.flowops-settings-layout{grid-template-columns:1fr}.flowops-settings-nav{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.flowops-dashboard-hero{display:block}.flowops-dashboard-hero-panel{margin-top:20px}.flowops-calendar-grid,.flowops-calendar-grid--premium{grid-template-columns:repeat(2,minmax(0,1fr))}.flowops-calendar-day-name{display:none}}
@media (max-width:640px){.flowops-stat-grid,.flowops-dashboard-stats,.flowops-dashboard-action-grid,.flowops-quick-actions,.flowops-pulse-grid,.flowops-plan-grid,.flowops-team-grid,.flowops-profile-summary-grid{grid-template-columns:1fr}.flowops-content{padding:14px}.flowops-card,.flowops-panel{padding:16px}.flowops-section-head{display:block}.flowops-section-head .flowops-actions,.flowops-section-head>a{margin-top:12px}.flowops-filter-bar{display:block}.flowops-filter-bar .flowops-field{margin-bottom:10px}.flowops-dashboard-hero h2{font-size:22px}.flowops-dashboard-hero-meta{display:block}.flowops-dashboard-hero-meta>div{margin-top:10px}.flowops-score-band{display:block}.flowops-score-num{font-size:58px;margin-bottom:10px}.flowops-settings-nav{grid-template-columns:1fr}.flowops-calendar-grid,.flowops-calendar-grid--premium{grid-template-columns:1fr}.flowops-table-actions,.flowops-job-actions{display:flex;flex-wrap:wrap}.flowops-form-stack>.flowops-btn,.flowops-section-head>.flowops-btn,.flowops-btn-block{width:100%}.flowops-table-actions .flowops-btn,.flowops-job-actions .flowops-btn,.flowops-status-confirm .flowops-btn{width:auto}}
.flowops-member-row .flowops-avatar{width:38px;height:38px;font-size:13px;flex:0 0 38px}.flowops-page{display:block}.flowops-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.flowops-split-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:18px}.flowops-text-btn{color:#cfe0ff;text-decoration:none;font-weight:800}.flowops-text-btn--danger{color:#fca5a5}.flowops-muted-copy{color:var(--flowops-muted)}
@media(max-width:1180px){.flowops-stats-grid,.flowops-split-grid{grid-template-columns:1fr}}

/* ── v6.6.0 interaction + contrast hardening ───────────────────────────── */
[hidden]{display:none!important}.flowops-form-stack,.flowops-field,.flowops-form-field,.flowops-form-row,.flowops-auth-field{position:relative;z-index:5;pointer-events:auto}.flowops-field label,.flowops-form-field label,.flowops-form-row label,.flowops-filter-label{color:#d7e2f5!important}.flowops-inline-help{color:#9fb0ca;font-size:12px;line-height:1.45}.flowops-field input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),.flowops-field select,.flowops-field textarea,.flowops-form-field input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),.flowops-form-field select,.flowops-form-field textarea,.flowops-form-row input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),.flowops-form-row select,.flowops-form-row textarea,.flowops-input,.flowops-select,.flowops-textarea{position:relative!important;z-index:6!important;pointer-events:auto!important;user-select:text!important;-webkit-user-select:text!important;caret-color:var(--flowops-accent)!important;color:#f8fbff!important;-webkit-text-fill-color:#f8fbff!important;background:#101827!important;border-color:rgba(167,187,221,.36)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.045)!important;color-scheme:dark}.flowops-field input:focus,.flowops-field select:focus,.flowops-field textarea:focus,.flowops-form-field input:focus,.flowops-form-field select:focus,.flowops-form-field textarea:focus,.flowops-form-row input:focus,.flowops-form-row select:focus,.flowops-form-row textarea:focus,.flowops-input:focus,.flowops-select:focus,.flowops-textarea:focus{border-color:var(--flowops-accent)!important;box-shadow:0 0 0 4px rgba(79,140,255,.24),inset 0 1px 0 rgba(255,255,255,.045)!important}.flowops-field input::placeholder,.flowops-field textarea::placeholder,.flowops-input::placeholder,.flowops-textarea::placeholder{color:#8494af!important;-webkit-text-fill-color:#8494af!important}.flowops-field select option,.flowops-form-field select option,.flowops-form-row select option,.flowops-select option{background:#101827;color:#f8fbff}.flowops-field input[type="checkbox"],.flowops-form-field input[type="checkbox"],.flowops-checkbox-row input[type="checkbox"]{position:static!important;z-index:auto!important;opacity:1!important;width:16px!important;height:16px!important;min-width:16px!important;accent-color:var(--flowops-accent);pointer-events:auto!important}.flowops-field input[type="date"]::-webkit-calendar-picker-indicator,.flowops-field input[type="time"]::-webkit-calendar-picker-indicator{filter:invert(1) brightness(1.3);opacity:.86;cursor:pointer}.flowops-field input[disabled],.flowops-field textarea[disabled],.flowops-field select[disabled]{opacity:.58;cursor:not-allowed}.flowops-table-wrap table,.flowops-table-wrap td,.flowops-table-wrap th{color:#eaf1ff}.flowops-faint{color:#8fa0bb!important}.flowops-muted,.flowops-muted-copy{color:#a8b6cc!important}.flowops-card p,.flowops-panel p,.flowops-section-head p{color:#a8b6cc}.flowops-tag{color:#d6e4ff}.flowops-modal,.flowops-mobile-sidebar-backdrop{pointer-events:auto}.flowops-content:before{pointer-events:none!important}.flowops-app-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:9px}.flowops-app-list li{background:var(--flowops-bg-3);border:1px solid var(--flowops-border);border-radius:12px;padding:10px 12px;color:#a8b6cc;font-size:13px}

/* ── v6.6.0 AI Command Centre ───────────────────────────────────────────── */
.flowops-ai-hero{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:24px;align-items:center;margin-bottom:18px;background:radial-gradient(circle at 0 0,rgba(79,140,255,.18),transparent 34%),radial-gradient(circle at 100% 0,rgba(139,92,246,.14),transparent 30%),linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02)),var(--flowops-surface)}.flowops-ai-hero h2{font-size:30px;line-height:1.05;margin:0 0 10px;color:#fff;letter-spacing:-.045em}.flowops-ai-hero p{max-width:760px;font-size:14.5px;color:#b8c6dd}.flowops-ai-mode-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.flowops-ai-mode{display:inline-flex;align-items:center;border:1px solid var(--flowops-border-2);background:rgba(255,255,255,.045);border-radius:999px;padding:6px 10px;color:#d7e5ff;font-size:12px;font-weight:800}.flowops-ai-mode.is-live{background:rgba(34,197,94,.13);border-color:rgba(34,197,94,.28);color:#86efac}.flowops-ai-score-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;background:rgba(9,13,20,.54);border:1px solid var(--flowops-border-2);border-radius:20px;padding:18px}.flowops-score-ring--large{width:112px;height:112px}.flowops-score-ring--large .flowops-score-ring__inner{width:88px;height:88px}.flowops-score-ring--large .flowops-score-ring__inner strong{font-size:28px}.flowops-ai-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.flowops-ai-metric-card{background:var(--flowops-bg-3);border:1px solid var(--flowops-border);border-radius:16px;padding:16px;position:relative;overflow:hidden}.flowops-ai-metric-card:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--flowops-accent);opacity:.7}.flowops-ai-metric-card.needs-attention:before{background:var(--flowops-amber)}.flowops-ai-metric-card span{display:block;color:#93a4bf;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.flowops-ai-metric-card strong{display:block;margin:6px 0 3px;color:#fff;font-size:30px;line-height:1;font-weight:900}.flowops-ai-metric-card p{margin:0;color:#a8b6cc;font-size:12.5px}.flowops-ai-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:18px;margin-bottom:18px}.flowops-ai-action-stack{display:flex;flex-direction:column;gap:12px}.flowops-ai-action-card{display:grid;grid-template-columns:minmax(0,1fr) 154px;gap:16px;align-items:center;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.018)),var(--flowops-bg-3);border:1px solid var(--flowops-border);border-radius:16px;padding:16px;transition:transform .16s ease,border-color .16s ease,background .16s ease}.flowops-ai-action-card:hover{transform:translateY(-1px);border-color:rgba(79,140,255,.38);background:linear-gradient(180deg,rgba(79,140,255,.075),rgba(255,255,255,.018)),var(--flowops-bg-3)}.flowops-ai-action-card h3{margin:8px 0 6px;color:#fff;font-size:15.5px}.flowops-ai-action-card p{margin:0;color:#aebbd1;font-size:13.5px;line-height:1.55}.flowops-ai-action-card__side{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.flowops-ai-action-card__side span{display:block;color:#9fb0ca;font-size:12px}.flowops-ai-action-card__side strong{color:#fff}.flowops-ai-pill{display:inline-flex;border-radius:999px;background:var(--flowops-accent-glow);border:1px solid rgba(79,140,255,.24);color:#d8e7ff;padding:4px 9px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.flowops-ai-chip-list{display:flex;flex-wrap:wrap;gap:8px}.flowops-ai-list--compact{gap:8px}.flowops-ai-two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.flowops-risk-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.flowops-risk-card,.flowops-growth-card{background:var(--flowops-bg-3);border:1px solid var(--flowops-border);border-radius:15px;padding:15px}.flowops-risk-card span{display:inline-flex;margin-bottom:8px;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:900;letter-spacing:.08em}.flowops-risk-card h3,.flowops-growth-card h3{margin:0 0 6px;color:#fff;font-size:14px}.flowops-risk-card p,.flowops-growth-card p{margin:0;color:#a8b6cc;font-size:13px;line-height:1.55}.flowops-risk-card.is-high{border-color:rgba(239,68,68,.34)}.flowops-risk-card.is-high span{background:var(--flowops-red-bg);color:#fca5a5}.flowops-risk-card.is-medium{border-color:rgba(245,158,11,.34)}.flowops-risk-card.is-medium span{background:var(--flowops-amber-bg);color:#fcd34d}.flowops-risk-card.is-low{border-color:rgba(34,197,94,.26)}.flowops-risk-card.is-low span{background:var(--flowops-green-bg);color:#86efac}.flowops-growth-stack{display:grid;grid-template-columns:1fr;gap:12px}.flowops-quick-actions--wide{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1180px){.flowops-ai-hero,.flowops-ai-layout,.flowops-ai-two-col{grid-template-columns:1fr}.flowops-ai-score-card{align-items:flex-start;text-align:left}.flowops-ai-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.flowops-quick-actions--wide{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.flowops-ai-hero h2{font-size:24px}.flowops-ai-metric-grid,.flowops-risk-grid,.flowops-quick-actions--wide{grid-template-columns:1fr}.flowops-ai-action-card{grid-template-columns:1fr}.flowops-ai-action-card__side{display:grid;grid-template-columns:1fr 1fr}.flowops-ai-action-card__side .flowops-btn{grid-column:1/-1}}


/* ── v6.8.0 form/readability hardening ────────────────────────────────── */
.flowops-field,.flowops-form-field,.flowops-form-row{position:relative!important;z-index:3!important;isolation:isolate!important;}
.flowops-field label,.flowops-form-field label,.flowops-form-row label,.flowops-filter-label{display:block!important;position:static!important;margin:0 0 3px!important;color:#e6eefc!important;font-weight:850!important;letter-spacing:.01em!important;line-height:1.25!important;}
.flowops-field input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),.flowops-field select,.flowops-field textarea,.flowops-form-field input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),.flowops-form-field select,.flowops-form-field textarea,.flowops-form-row input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),.flowops-form-row select,.flowops-form-row textarea,.flowops-input,.flowops-select,.flowops-textarea{min-height:46px!important;background:#0f1726!important;border:1px solid rgba(195,211,238,.40)!important;border-radius:12px!important;color:#ffffff!important;-webkit-text-fill-color:#ffffff!important;caret-color:#4f8cff!important;line-height:1.4!important;}
.flowops-field textarea,.flowops-form-field textarea,.flowops-form-row textarea,.flowops-textarea{min-height:116px!important;padding-top:12px!important;-webkit-text-fill-color:#ffffff!important;}
.flowops-field select,.flowops-form-field select,.flowops-form-row select,.flowops-select{appearance:auto!important;-webkit-appearance:auto!important;color-scheme:dark!important;padding-right:12px!important;}
.flowops-field option,.flowops-form-field option,.flowops-form-row option{background:#0f1726!important;color:#ffffff!important;}
.flowops-field input::placeholder,.flowops-field textarea::placeholder,.flowops-input::placeholder,.flowops-textarea::placeholder{color:#97a8c3!important;-webkit-text-fill-color:#97a8c3!important;opacity:1!important;}
.flowops-table-person span,.flowops-faint,.flowops-muted,.flowops-muted-copy{color:#aebbd2!important;}
.flowops-card p,.flowops-panel p,.flowops-section-head p{color:#b6c3d8!important;}
.flowops-content{scroll-padding-top:88px;}

/* ── v6.8.0 AI command + parser components ───────────────────────────── */
.flowops-ai-config-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:16px;margin-bottom:20px}.flowops-ai-status-box{background:#0f1726;border:1px solid rgba(195,211,238,.18);border-radius:14px;padding:16px}.flowops-ai-status-box strong{display:block;color:#fff;font-size:15px;margin-bottom:6px}.flowops-ai-chat-card,.flowops-booking-parser-card{background:linear-gradient(135deg,rgba(79,140,255,.12),rgba(139,92,246,.08)),#101827;border:1px solid rgba(79,140,255,.26);border-radius:18px;padding:18px;margin-bottom:20px}.flowops-ai-chat-log{display:flex;flex-direction:column;gap:10px;max-height:340px;overflow:auto;padding:12px;background:#0b1220;border:1px solid rgba(255,255,255,.08);border-radius:14px;margin-bottom:12px}.flowops-ai-chat-message{padding:12px 14px;border-radius:13px;background:#172033;border:1px solid rgba(255,255,255,.08);color:#edf4ff;font-size:13.5px;line-height:1.55;white-space:pre-wrap}.flowops-ai-chat-message.is-user{background:rgba(79,140,255,.16);border-color:rgba(79,140,255,.28);align-self:flex-end;max-width:82%}.flowops-ai-chat-message.is-ai{align-self:flex-start;max-width:92%}.flowops-ai-chat-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.flowops-ai-chat-form textarea{min-height:56px!important;max-height:140px;overflow-y:auto;resize:vertical}.flowops-ai-chat-ideas{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.flowops-ai-prompt-chip{border:1px solid rgba(79,140,255,.28);background:rgba(79,140,255,.10);color:#dcebff;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:800;cursor:pointer}.flowops-parser-result{margin-top:10px;color:#c7d6ed;font-size:13px}.flowops-mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.flowops-copy-button.is-copied:after{content:'Copied';margin-left:6px;color:#22c55e}.flowops-toggle.is-disabled{opacity:.55;cursor:not-allowed}.flowops-coming-soon{display:inline-flex;align-items:center;border:1px solid rgba(245,158,11,.28);background:rgba(245,158,11,.12);color:#ffd28a;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;margin-left:8px}@media(max-width:900px){.flowops-ai-config-grid,.flowops-mini-grid{grid-template-columns:1fr}.flowops-ai-chat-form{grid-template-columns:1fr}.flowops-ai-chat-form .flowops-btn{width:100%}}


/* ── v6.8.0 high-impact AI assistant components ─────────────────────── */
.flowops-ai-opportunity-card{margin-bottom:20px;background:radial-gradient(circle at 0 0,rgba(79,140,255,.16),transparent 35%),linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018)),var(--flowops-surface)!important;border-color:rgba(79,140,255,.28)!important}.flowops-ai-opportunity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.flowops-ai-opportunity-grid>div{background:#0f1726;border:1px solid rgba(195,211,238,.16);border-radius:14px;padding:14px}.flowops-ai-opportunity-grid strong{display:block;color:#fff;font-size:13px;margin-bottom:4px}.flowops-ai-opportunity-grid span{display:block;color:#b8c8df;font-size:12.5px;line-height:1.45}.flowops-ai-copy-draft{margin-top:10px;border:1px solid rgba(79,140,255,.32);background:rgba(79,140,255,.14);color:#e9f2ff;border-radius:10px;padding:7px 10px;font-size:12px;font-weight:800;cursor:pointer}.flowops-ai-copy-draft:hover{background:rgba(79,140,255,.22)}@media(max-width:900px){.flowops-ai-opportunity-grid{grid-template-columns:1fr}}

/* v6.9 AI upgrades */
.flowops-provider-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
.flowops-provider-card {
  background: rgba(15, 23, 42, 0.58);
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 18px;
  padding: 16px;
}
.flowops-checkbox-row--inline {
  min-height: 44px;
  align-items: center;
  background: rgba(15, 23, 42, 0.58);
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 12px;
  padding: 10px 12px;
}
.flowops-ai-chat-message strong,
.flowops-ai-output strong {
  color: var(--flowops-text-strong, #f8fafc);
  font-weight: 800;
}
.flowops-ai-chat-message code,
.flowops-ai-output code {
  background: rgba(96, 165, 250, 0.12);
  border: 1px solid rgba(96, 165, 250, 0.25);
  color: #bfdbfe;
  border-radius: 6px;
  padding: 1px 5px;
  font-family: var(--flowops-mono, 'DM Mono', monospace);
  font-size: 0.92em;
}
.flowops-ai-chat-message[data-ai-mode]::after {
  content: attr(data-ai-mode);
  display: inline-flex;
  margin-top: 10px;
  padding: 3px 8px;
  border-radius: 999px;
  background: rgba(59, 130, 246, 0.13);
  color: #93c5fd;
  font-size: 11px;
  font-weight: 700;
}
.flowops-booking-ai-panel {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.flowops-ai-output {
  min-height: 76px;
  background: rgba(15, 23, 42, 0.64);
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 14px;
  padding: 12px 14px;
  color: #dbeafe;
  font-size: 13px;
  line-height: 1.65;
  white-space: normal;
  overflow-wrap: anywhere;
}
.flowops-ai-copy-draft {
  margin-top: 10px;
  border: 1px solid rgba(96, 165, 250, 0.35);
  background: rgba(59, 130, 246, 0.13);
  color: #bfdbfe;
  border-radius: 999px;
  padding: 6px 10px;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}
@media (max-width: 840px) {
  .flowops-provider-grid { grid-template-columns: 1fr; }
}

/* v7.1 UX audit fixes */
.flowops-info-dot{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;margin-left:6px;border-radius:999px;border:1px solid var(--flowops-border-2);background:var(--flowops-surface-2);color:var(--flowops-accent);font-size:12px;font-weight:900;cursor:pointer;vertical-align:middle}.flowops-info-dot:hover{border-color:var(--flowops-accent);box-shadow:0 0 0 3px var(--flowops-accent-glow)}
.flowops-calendar-legend{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0 0 14px;color:var(--flowops-muted);font-size:12px}.flowops-calendar-legend span{display:inline-flex;align-items:center;gap:6px;background:var(--flowops-bg-3);border:1px solid var(--flowops-border);border-radius:999px;padding:5px 10px}.flowops-calendar-legend .flowops-calendar-dot{display:inline-block;margin:0}.flowops-calendar-dot.is-cancelled{background:var(--flowops-red)}
.flowops-status-select-mobile{display:none;width:100%;min-width:150px}.flowops-char-counter{display:block;text-align:right}.flowops-char-counter.is-warning{color:var(--flowops-amber)!important}.flowops-ai-test-result{margin-top:10px;font-size:13px;color:var(--flowops-muted)}.flowops-ai-test-result.is-good{color:var(--flowops-green)}.flowops-ai-test-result.is-bad{color:var(--flowops-red)}.flowops-form-footer--sticky{justify-content:flex-end;margin-top:16px;padding-top:14px;border-top:1px solid var(--flowops-border)}
.flowops-settings-group--planned{background:rgba(245,158,11,.06);border:1px solid rgba(245,158,11,.18);border-radius:var(--flowops-radius);padding:14px}.flowops-settings-group--planned .flowops-settings-row{border-color:rgba(245,158,11,.12)}
.flowops-onboarding-stepper{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}.flowops-step{background:var(--flowops-surface);border:1px solid var(--flowops-border);border-radius:var(--flowops-radius-sm);padding:12px 14px}.flowops-step strong{display:block;color:var(--flowops-text);font-size:13px}.flowops-step span{display:block;color:var(--flowops-muted);font-size:12px;margin-top:2px}.flowops-step.is-active{border-color:var(--flowops-accent);box-shadow:0 0 0 3px var(--flowops-accent-glow)}#flowops-next-steps:target{animation:flowopsPulseTarget 1.2s ease;border-color:var(--flowops-accent)}@keyframes flowopsPulseTarget{0%{box-shadow:0 0 0 0 var(--flowops-accent-glow)}60%{box-shadow:0 0 0 10px rgba(79,127,255,0)}100%{box-shadow:none}}
.flowops-username-feedback{display:block;margin-top:5px;min-height:16px}.flowops-username-feedback.is-good{color:var(--flowops-green)}.flowops-username-feedback.is-bad{color:var(--flowops-red)}.flowops-username-feedback.is-checking{color:var(--flowops-amber)}
.flowops-booking-ai-panel{scroll-margin-top:80px}.flowops-booking-ai-panel .flowops-btn{margin:6px 6px 6px 0}
@media (max-width: 760px){.flowops-booking-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--flowops-border);border-radius:var(--flowops-radius)}.flowops-booking-table{min-width:840px}.flowops-status-pills{display:none}.flowops-status-select-mobile{display:block}.flowops-onboarding-stepper{grid-template-columns:1fr}.flowops-page-grid{display:flex;flex-direction:column}.flowops-booking-ai-panel{order:-1}.flowops-calendar-legend{gap:6px}.flowops-calendar-legend span{font-size:11px;padding:4px 8px}}

/* v7.1.0 UX workflow audit fixes */
.flowops-status-legend{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 16px}.flowops-status-legend span{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--flowops-muted)}.flowops-status-legend i{width:10px;height:10px;border-radius:999px;display:inline-block}.flowops-pagination-summary{margin-top:14px;color:var(--flowops-muted);font-size:13px}.flowops-page-link.disabled{opacity:.45;pointer-events:none}.flowops-page-ellipsis{padding:8px;color:var(--flowops-muted)}.flowops-ai-preview-row{display:flex;gap:8px;align-items:flex-start;border:1px solid var(--flowops-border);border-radius:10px;padding:8px;margin:8px 0}.flowops-ai-preview-row span{display:grid;gap:3px}.flowops-ai-preview-row small{color:var(--flowops-muted)}.flowops-ai-preview-row.is-selected,.flowops-ai-filled{background:rgba(245,158,11,.12)!important;border-color:rgba(245,158,11,.32)!important}.flowops-timezone-search{margin-bottom:8px}.flowops-form-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flowops-score-ring-button{border:0;cursor:pointer}.flowops-numbered-steps{margin:12px 0 0;padding-left:22px;color:var(--flowops-muted)}.flowops-ai-command-grid--single{grid-template-columns:1fr}.flowops-ai-config-grid summary{cursor:pointer}.flowops-ai-config-grid__inner{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:18px;margin-top:12px}.flowops-role-compare{border:1px solid var(--flowops-border);border-radius:12px;padding:10px}.flowops-role-compare table{width:100%;border-collapse:collapse;margin-top:8px}.flowops-role-compare td,.flowops-role-compare th{border-top:1px solid var(--flowops-border);padding:6px;text-align:left;font-size:12px}.flowops-sidebar-close{display:none;margin:0 0 12px auto;border:1px solid var(--flowops-border);background:var(--flowops-surface);color:var(--flowops-text);border-radius:999px;padding:7px 10px}.flowops-calendar-day[data-flowops-day-url]{cursor:pointer}.flowops-calendar-more{display:block;margin-top:4px;font-size:12px;font-weight:800;color:var(--flowops-accent);text-decoration:none}.flowops-week-grid{display:grid;grid-template-columns:repeat(7,minmax(120px,1fr));gap:8px;overflow:auto}.flowops-week-head{font-weight:900;color:var(--flowops-text);padding:8px}.flowops-week-slot{min-height:54px;border:1px solid var(--flowops-border);border-radius:12px;padding:6px;background:var(--flowops-surface)}.flowops-week-slot>span{display:block;font-size:11px;color:var(--flowops-muted);margin-bottom:4px}.flowops-week-booking{display:block;border-radius:8px;padding:5px 7px;margin-top:4px;background:var(--flowops-accent-glow);text-decoration:none;font-size:12px;font-weight:800}.flowops-settings-group--planned h4{margin:0 0 6px}.flowops-settings-group--planned p{margin:0 0 12px;color:var(--flowops-muted)}
@media (max-width:900px){.flowops-status-pills{display:none!important}.flowops-status-select-mobile{display:block!important}.flowops-form-grid-4{grid-template-columns:1fr 1fr}.flowops-sidebar-close{display:inline-flex}.flowops-ai-config-grid__inner{grid-template-columns:1fr}}
@media (max-width:640px){.flowops-form-grid-4,.flowops-week-grid{grid-template-columns:1fr}.flowops-week-slot{min-height:auto}}

.flowops-grid-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.flowops-grid-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media (max-width: 1000px) {
    .flowops-grid-2,
    .flowops-grid-3 {
        grid-template-columns: 1fr;
    }
}


/* v7.1.3 AI Hub layout/accessibility hardening */
.flowops-ai-config-details{display:block!important;margin:22px 0 0!important;overflow:visible!important;}
.flowops-ai-config-details>summary{display:flex!important;align-items:flex-start;justify-content:space-between;gap:16px;list-style:none;cursor:pointer;margin:-4px -4px 12px;padding:4px;border-radius:14px;}
.flowops-ai-config-details>summary::-webkit-details-marker{display:none;}
.flowops-ai-config-details>summary:after{content:'Configure';display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:7px 11px;border:1px solid var(--flowops-border-2);border-radius:999px;background:var(--flowops-surface-2);color:#dbe8ff;font-size:12px;font-weight:900;}
.flowops-ai-config-details[open]>summary:after{content:'Hide settings';}
.flowops-ai-config-details .flowops-ai-config-grid__inner{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(280px,360px)!important;gap:18px!important;align-items:start;width:100%;}
.flowops-ai-config-details .flowops-provider-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important;}
.flowops-ai-config-details .flowops-field input,.flowops-ai-config-details .flowops-field select,.flowops-ai-config-details .flowops-field textarea{width:100%;max-width:100%;}
.flowops-ai-config-details .flowops-field label,.flowops-ai-config-details .flowops-provider-card label{overflow-wrap:normal;word-break:normal;hyphens:none;}
.flowops-ai-chat-card{scroll-margin-top:90px;}
.flowops-ai-chat-message{overflow-wrap:anywhere;}
.flowops-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;}
.flowops-skip-link{position:fixed;left:14px;top:10px;z-index:10000;transform:translateY(-160%);background:#fff;color:#07111f;border-radius:999px;padding:9px 14px;font-weight:900;text-decoration:none;box-shadow:0 12px 30px rgba(0,0,0,.28);}
.flowops-skip-link:focus{transform:translateY(0);}
@media(max-width:1180px){.flowops-ai-config-details .flowops-ai-config-grid__inner{grid-template-columns:1fr!important;}.flowops-ai-config-details .flowops-provider-grid{grid-template-columns:1fr!important;}}
@media(max-width:720px){.flowops-ai-config-details>summary{flex-direction:column;}.flowops-ai-config-details>summary:after{align-self:flex-start;}.flowops-ai-chat-form{grid-template-columns:1fr!important;}.flowops-ai-chat-form .flowops-btn{width:100%;}}

.flowops-input-sm{max-width:190px;min-height:36px;padding:7px 10px;border-radius:10px;border:1px solid var(--flowops-border);background:var(--flowops-surface);color:var(--flowops-text);font-size:12px;}


/* FlowOps v7.1.6 polish: readability, alignment and active navigation fixes */
.flowops-app input,
.flowops-app select,
.flowops-app textarea,
.flowops-app .flowops-input,
.flowops-app .flowops-select,
.flowops-app .flowops-textarea,
.flowops-card input,
.flowops-card select,
.flowops-card textarea,
.flowops-ai-chat-form textarea {
  color: var(--flowops-text) !important;
  background-color: rgba(8,15,27,.92) !important;
  border-color: var(--flowops-border-2) !important;
  caret-color: var(--flowops-accent) !important;
}
.flowops-app input::placeholder,
.flowops-app textarea::placeholder,
.flowops-ai-chat-form textarea::placeholder { color: #8fa0bb !important; opacity: 1 !important; }
.flowops-app select option { color: #0f172a; background: #f8fafc; }
.flowops-app button,
.flowops-app .button,
.flowops-app .flowops-btn { color: var(--flowops-text); }
.flowops-app .flowops-btn-primary { color: #fff !important; }
.flowops-app .flowops-btn-secondary,
.flowops-app .flowops-btn-ghost { color: #d7e3f8 !important; }
.flowops-ai-chat-form { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px; align-items:stretch; }
.flowops-ai-chat-form textarea { min-height:56px; resize:vertical; line-height:1.45; }
.flowops-ai-chat-form [data-flowops-ai-clear] { grid-column:1 / -1; justify-content:center; }
.flowops-ai-chat-message { color:#dce7f8; }
.flowops-ai-chat-message.is-ai { background:rgba(8,15,27,.86); border:1px solid var(--flowops-border); }
.flowops-bookings-bulk,
.flowops-bulk-actions,
.flowops-table-actions { gap:10px; align-items:center; }
.flowops-bookings-bulk select,
.flowops-bulk-actions select { min-width:260px; }
.flowops-bookings-bulk .flowops-btn,
.flowops-bulk-actions .flowops-btn { min-height:42px; white-space:nowrap; }
.flowops-table-wrap, .flowops-data-table-wrap { overflow-x:auto; }
.flowops-table, .flowops-data-table { min-width:980px; }
.flowops-nav-link.active[aria-current="page"] { box-shadow: inset 0 0 0 1px rgba(88,143,255,.16); }
.flowops-nav-link:not(.active) { background:transparent; }
@media (max-width: 760px){
  .flowops-ai-chat-form { grid-template-columns:1fr; }
  .flowops-bookings-bulk, .flowops-bulk-actions { display:grid; grid-template-columns:1fr; width:100%; }
  .flowops-bookings-bulk select, .flowops-bulk-actions select { min-width:0; width:100%; }
}

.flowops-status-confirm{display:inline-flex;align-items:center;gap:6px;margin-left:6px;padding:6px 8px;border:1px solid var(--flowops-border);border-radius:10px;background:var(--flowops-bg-2);color:var(--flowops-text);font-size:11px;font-weight:700;box-shadow:var(--flowops-shadow-sm);white-space:nowrap}.flowops-status-confirm button{border:1px solid var(--flowops-border);border-radius:999px;padding:3px 8px;font-size:10.5px;font-weight:800;cursor:pointer}.flowops-status-confirm__yes{background:var(--flowops-blue);border-color:var(--flowops-blue);color:#fff}.flowops-status-confirm__no{background:var(--flowops-bg-3);color:var(--flowops-muted)}.flowops-status-confirm__no:hover{color:var(--flowops-text)}

/* v7.3.1 audit regression fixes */
.flowops-inline-role-form{display:inline-flex;gap:8px;align-items:center;flex-wrap:wrap;margin-left:8px}.flowops-inline-role-form select{min-height:34px}.flowops-calendar-day__num{display:flex;align-items:center;justify-content:space-between;gap:8px}.flowops-calendar-add-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:999px;border:1px solid var(--flowops-border);text-decoration:none;color:var(--flowops-text);background:rgba(255,255,255,.06);font-weight:800}.flowops-calendar-add-btn:hover{background:var(--flowops-primary);color:#fff}.flowops-job-issue-label{display:block;font-size:11px;font-weight:700;margin:6px 0 4px;color:var(--flowops-muted)}.flowops-field-client-visible textarea{border-color:rgba(34,197,94,.45);box-shadow:0 0 0 1px rgba(34,197,94,.12)}.flowops-field-internal-only textarea{border-color:rgba(245,158,11,.55);box-shadow:0 0 0 1px rgba(245,158,11,.12)}.flowops-visibility-note{display:inline-flex;gap:6px;align-items:center;font-size:11px;color:var(--flowops-muted);margin-top:6px}.flowops-score-ring[role=button],button.flowops-score-ring{border:0;cursor:pointer}
.flowops-password-control{position:relative;display:flex;align-items:center}.flowops-password-control input{padding-right:72px!important;width:100%}.flowops-password-control .flowops-password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:1px solid var(--flowops-border);background:var(--flowops-bg-2);color:var(--flowops-text);border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800;cursor:pointer}.flowops-password-control .flowops-password-toggle:hover{background:var(--flowops-bg-3)}

/* v7.3.4 profile/mobile fixes */
.flowops-password-control .flowops-password-toggle{z-index:20!important;pointer-events:auto!important;touch-action:manipulation;min-height:32px;line-height:1;}
.flowops-password-control input{position:relative;z-index:1!important;}
@media (max-width:900px){
  .flowops-nav-progress{display:none!important;}
  .flowops-content:before{position:absolute!important;}
}


/* v7.3.5 profile/settings/mobile fixes */
.flowops-nav-progress{display:none!important;}
.flowops-app .flowops-password-control{position:relative!important;display:block!important;}
.flowops-app .flowops-password-control input{width:100%!important;padding-right:78px!important;}
.flowops-app .flowops-password-control > .flowops-password-toggle{position:absolute!important;right:8px!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;z-index:999!important;pointer-events:auto!important;touch-action:manipulation!important;user-select:none!important;-webkit-user-select:none!important;min-width:54px!important;min-height:32px!important;line-height:1!important;background:#182132!important;color:#f8fbff!important;border:1px solid rgba(167,187,221,.42)!important;}
@media (max-width:900px){.flowops-topbar{border-bottom:0!important;box-shadow:none!important}.flowops-content:before{display:none!important}}

/* v7.3.6 mobile profile/team-work polish */
@media (max-width: 900px) {
  /* Mobile top bar should scroll away naturally and must not leave a sticky divider line. */
  .flowops-topbar,
  .flowops-main > .flowops-topbar {
    position: static !important;
    top: auto !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
    background: rgba(15, 21, 32, .96) !important;
  }

  .flowops-main,
  .flowops-content {
    border-top: 0 !important;
    box-shadow: none !important;
  }

  .flowops-content::before,
  .flowops-content:before,
  .flowops-main::before,
  .flowops-main:before {
    display: none !important;
    content: none !important;
  }
}

@media (max-width: 640px) {
  /* Profile hero buttons were too close together on mobile. */
  .flowops-dashboard-hero-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    margin-top: 18px !important;
  }

  .flowops-dashboard-hero-actions .flowops-btn {
    width: 100% !important;
    min-height: 44px !important;
  }

  .flowops-dashboard-hero-panel {
    margin-top: 16px !important;
  }

  /* Team Work mobile layout: make each job card readable and uncluttered. */
  .flowops-job-card {
    align-items: flex-start !important;
    gap: 12px !important;
  }

  .flowops-job-card-info {
    min-width: 0 !important;
    width: 100% !important;
  }

  .flowops-job-card-info strong,
  .flowops-job-card-info p {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }

  .flowops-job-card .flowops-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
    gap: 8px !important;
    margin-top: 10px !important;
  }

  .flowops-job-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
    gap: 10px !important;
    margin-top: 12px !important;
  }

  .flowops-job-actions form {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
    gap: 6px !important;
    margin: 0 !important;
  }

  .flowops-job-actions .flowops-btn,
  .flowops-job-actions .flowops-input-sm {
    width: 100% !important;
    max-width: none !important;
  }

  .flowops-job-actions .flowops-btn {
    min-height: 42px !important;
  }

  .flowops-job-issue-label {
    margin-top: 0 !important;
  }
}

@media (max-width: 480px) {
  .flowops-job-card {
    display: grid !important;
    grid-template-columns: 36px minmax(0, 1fr) !important;
  }

  .flowops-job-actions {
    grid-column: 1 / -1 !important;
  }
}

/* v7.3.7 mobile header fix: avoid Dashboard/Profile sitting side-by-side. */
@media (max-width: 900px) {
  .flowops-topbar-mobile {
    justify-content: flex-start !important;
    gap: 12px !important;
  }

  .flowops-topbar-mobile-main {
    width: 100% !important;
    min-width: 0 !important;
  }

  .flowops-topbar-mobile-copy {
    min-width: 0 !important;
  }

  .flowops-topbar-mobile-copy strong,
  .flowops-topbar-mobile-copy span {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: calc(100vw - 94px) !important;
  }

  .flowops-profile-btn--mobile {
    display: none !important;
  }

  .flowops-topbar,
  .flowops-main > .flowops-topbar {
    position: static !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
  }
}

/* v7.3.8 settings + team work layout polish */
.flowops-integration-stack{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
  margin-top:14px;
}
.flowops-integration-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:16px;
  padding:14px 16px;
  border:1px solid rgba(167,187,221,.16);
  border-radius:14px;
  background:rgba(8,14,25,.34);
}
.flowops-integration-card.is-disabled{
  opacity:.88;
  filter:saturate(.85);
}
.flowops-integration-card__copy{min-width:0;}
.flowops-integration-card__title{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom:4px;
}
.flowops-integration-card__title strong{color:var(--flowops-text);font-size:14px;}
.flowops-integration-card p{margin:0 0 3px;color:var(--flowops-muted);font-size:12.5px;line-height:1.45;}
.flowops-integration-card .flowops-coming-soon{
  display:inline-flex!important;
  width:auto!important;
  min-width:0!important;
  padding:4px 8px!important;
  border-radius:999px!important;
  line-height:1!important;
  letter-spacing:.08em;
}
.flowops-settings-row--real-integration{margin-top:12px;}

.flowops-job-card{
  align-items:stretch;
}
.flowops-job-actions{
  display:grid;
  grid-template-columns:auto minmax(260px,1fr) auto;
  align-items:end;
  gap:10px;
  flex:0 1 560px;
}
.flowops-job-action-form{
  margin:0;
  display:flex;
  align-items:end;
  gap:8px;
}
.flowops-job-action-form--issue{
  display:grid;
  grid-template-columns:minmax(180px,1fr) auto;
  gap:6px 8px;
  min-width:260px;
}
.flowops-job-action-form--issue .flowops-job-issue-label{
  grid-column:1 / -1;
  margin:0;
  font-size:11px;
  color:var(--flowops-muted);
}
.flowops-job-action-form--issue .flowops-input-sm{
  width:100%;
  min-width:0;
}

@media (max-width: 900px) {
  .flowops-topbar-mobile{justify-content:flex-start!important;}
  .flowops-profile-btn--mobile{display:none!important;}
  .flowops-integration-card{
    grid-template-columns:1fr;
    align-items:start;
  }
  .flowops-integration-card .flowops-btn{
    width:100%;
  }
  .flowops-job-card{
    display:grid!important;
    grid-template-columns:40px minmax(0,1fr)!important;
    align-items:start!important;
  }
  .flowops-job-actions{
    grid-column:1 / -1!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    width:100%!important;
    flex:1 1 auto!important;
    gap:10px!important;
    margin-top:12px!important;
  }
  .flowops-job-action-form,
  .flowops-job-action-form--issue{
    display:grid!important;
    grid-template-columns:1fr!important;
    width:100%!important;
    min-width:0!important;
    gap:7px!important;
  }
  .flowops-job-action-form .flowops-btn,
  .flowops-job-action-form .flowops-input-sm{
    width:100%!important;
    max-width:none!important;
  }
}

/* v7.3.9 My Jobs / Team Work product polish */
.flowops-jobs-workspace .flowops-section-head p{
  max-width:720px;
}
.flowops-job-list--focused{
  gap:14px;
}
.flowops-job-card--focused{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:18px;
  padding:16px;
}
.flowops-job-main{
  display:flex;
  align-items:flex-start;
  gap:14px;
  min-width:0;
}
.flowops-job-title-row{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:8px;
}
.flowops-job-card-info .flowops-job-client{
  display:block;
  color:var(--flowops-text);
  font-size:16px;
  line-height:1.2;
  white-space:normal;
  overflow:visible;
  text-overflow:clip;
}
.flowops-job-service{
  display:block;
  color:var(--flowops-muted);
  font-size:12.5px;
  font-weight:700;
  margin-top:3px;
}
.flowops-job-meta-line{
  display:flex;
  flex-wrap:wrap;
  gap:8px 14px;
  color:var(--flowops-faint);
  font-size:12.5px;
  margin:8px 0 10px;
}
.flowops-job-meta-line span{
  position:relative;
}
.flowops-job-meta-line span + span:before{
  content:'•';
  position:absolute;
  left:-9px;
  color:var(--flowops-border-strong);
}
.flowops-job-progress{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:10px 0;
}
.flowops-job-progress span{
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:5px 8px;
  border-radius:999px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(167,187,221,.14);
  color:var(--flowops-muted);
  font-size:11px;
  font-weight:800;
}
.flowops-job-progress span:before{
  content:'○';
  color:var(--flowops-faint);
}
.flowops-job-progress span.is-done{
  background:rgba(34,197,94,.1);
  border-color:rgba(34,197,94,.26);
  color:#a7f3d0;
}
.flowops-job-progress span.is-done:before{
  content:'✓';
  color:#34d399;
}
.flowops-job-links{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:10px;
}
.flowops-job-actions--focused{
  display:grid;
  grid-template-columns:1fr;
  gap:8px;
  min-width:170px;
}
.flowops-job-actions--focused .flowops-job-action-form{
  display:block;
  margin:0;
}
.flowops-job-actions--focused .flowops-btn{
  width:100%;
  min-height:42px;
  justify-content:center;
}
.flowops-job-issue-panel{
  position:relative;
}
.flowops-job-issue-panel summary{
  list-style:none;
  cursor:pointer;
}
.flowops-job-issue-panel summary::-webkit-details-marker{
  display:none;
}
.flowops-job-issue-panel[open]{
  padding:10px;
  border:1px solid rgba(248,113,113,.24);
  border-radius:12px;
  background:rgba(127,29,29,.12);
}
.flowops-job-issue-panel[open] summary{
  margin-bottom:8px;
}
.flowops-job-issue-panel .flowops-job-action-form--issue{
  display:grid;
  grid-template-columns:1fr;
  min-width:0;
  gap:7px;
}
.flowops-job-issue-panel .flowops-input-sm{
  width:100%;
}

@media (max-width: 900px){
  .flowops-jobs-head{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
  .flowops-job-card--focused{
    grid-template-columns:1fr!important;
    padding:14px!important;
    gap:16px!important;
  }
  .flowops-job-main{
    gap:12px!important;
  }
  .flowops-job-title-row{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  .flowops-job-links{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
  }
  .flowops-job-links .flowops-btn,
  .flowops-job-actions--focused .flowops-btn{
    width:100%!important;
  }
  .flowops-job-actions--focused{
    width:100%!important;
    min-width:0!important;
  }
}

@media (max-width: 520px){
  .flowops-job-main{
    display:grid!important;
    grid-template-columns:38px minmax(0,1fr)!important;
  }
  .flowops-job-card-info{
    min-width:0!important;
  }
  .flowops-job-card-info .flowops-job-client{
    font-size:15px!important;
  }
  .flowops-job-meta-line{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:4px!important;
  }
  .flowops-job-meta-line span + span:before{
    display:none!important;
  }
  .flowops-job-progress{
    display:grid!important;
    grid-template-columns:1fr!important;
  }
  .flowops-job-links{
    grid-template-columns:1fr!important;
  }
}


/* v7.4.0 QA fixes: My Jobs data integrity + field usability */
.flowops-job-address{
  margin:10px 0;
  padding:10px 12px;
  border:1px solid rgba(96,165,250,.22);
  background:rgba(59,130,246,.08);
  border-radius:12px;
  color:var(--flowops-text);
}
.flowops-job-address__label{
  display:block;
  font-size:10px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#93c5fd;
  margin-bottom:4px;
}
.flowops-job-address__text{
  display:block;
  font-size:12.5px;
  line-height:1.45;
  color:var(--flowops-muted);
  overflow-wrap:anywhere;
}
.flowops-job-notes{
  margin:10px 0;
  padding:10px 12px;
  border:1px solid rgba(245,158,11,.25);
  background:rgba(245,158,11,.08);
  border-radius:12px;
}
.flowops-job-notes summary{
  cursor:pointer;
  color:#fcd34d;
  font-size:12px;
  font-weight:900;
  list-style:none;
}
.flowops-job-notes summary::-webkit-details-marker{
  display:none;
}
.flowops-job-notes summary:before{
  content:'▸';
  display:inline-block;
  margin-right:6px;
  transition:transform .16s ease;
}
.flowops-job-notes[open] summary:before{
  transform:rotate(90deg);
}
.flowops-job-notes p{
  margin:8px 0 0;
  color:var(--flowops-muted);
  font-size:12.5px;
  line-height:1.5;
}
.flowops-job-issue-summary{
  margin:10px 0;
  padding:10px 12px;
  border:1px solid rgba(248,113,113,.28);
  background:rgba(127,29,29,.16);
  border-radius:12px;
}
.flowops-job-issue-summary strong{
  display:block;
  color:#fecaca;
  font-size:11px;
  letter-spacing:.06em;
  text-transform:uppercase;
  margin-bottom:4px;
}
.flowops-job-issue-summary span{
  display:block;
  color:var(--flowops-muted);
  font-size:12.5px;
  line-height:1.45;
}
.flowops-job-readonly-note{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:8px 12px;
  border:1px solid rgba(167,187,221,.16);
  border-radius:12px;
  color:var(--flowops-muted);
  font-size:12px;
  font-weight:800;
  background:rgba(255,255,255,.04);
  text-align:center;
}
@media (max-width: 900px){
  .flowops-job-card--focused{
    align-items:stretch!important;
  }
  .flowops-job-address,
  .flowops-job-notes,
  .flowops-job-issue-summary{
    width:100%;
  }
}

/* v7.4.1 AI memory and embedded job-message polish */
.flowops-job-ai-draft {
    margin-top: 12px;
    padding: 12px 14px;
    border: 1px solid rgba(96, 165, 250, 0.24);
    border-radius: 14px;
    background: rgba(37, 99, 235, 0.08);
    color: var(--flowops-text, #e5e7eb);
    font-size: 13px;
    line-height: 1.55;
}

.flowops-job-ai-draft .flowops-ai-copy-draft {
    margin-top: 8px;
}

.flowops-job-remote-chip{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:7px 11px;border:1px solid rgba(79,140,255,.26);border-radius:999px;background:rgba(79,140,255,.10);color:#dbeafe;font-size:12px;font-weight:900;}

/* v7.4.5 AI Operations Center */
.flowops-ai-ops-center{margin:20px 0!important;border-color:rgba(79,140,255,.22)!important;background:linear-gradient(135deg,rgba(79,140,255,.08),rgba(139,92,246,.07)),var(--flowops-surface)!important}
.flowops-ai-ops-grid{display:grid;grid-template-columns:220px minmax(0,1fr);gap:16px;margin-bottom:16px}.flowops-ai-ops-score{display:grid;align-content:center;justify-items:center;text-align:center;min-height:150px;border-radius:16px;border:1px solid rgba(79,140,255,.25);background:rgba(10,15,24,.55);padding:18px}.flowops-ai-ops-score span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--flowops-faint);font-weight:900}.flowops-ai-ops-score strong{font-size:54px;line-height:1;color:var(--flowops-accent);font-weight:900}.flowops-ai-ops-score em{font-style:normal;color:var(--flowops-muted);font-size:13px}.flowops-ai-ops-brief{border:1px solid var(--flowops-border);border-radius:16px;padding:16px;background:rgba(255,255,255,.035)}.flowops-ai-ops-brief h3{margin:0 0 10px;color:var(--flowops-text);font-size:16px}.flowops-ai-alert-stack{display:grid;gap:10px;margin-top:10px}.flowops-ai-alert-card{display:flex;justify-content:space-between;gap:14px;align-items:center;border:1px solid rgba(245,158,11,.25);background:rgba(245,158,11,.08);border-radius:16px;padding:14px}.flowops-ai-alert-card strong{display:block;margin:7px 0 4px;color:var(--flowops-text);font-size:14px}.flowops-ai-alert-card p{margin:0;color:var(--flowops-muted);font-size:12.5px}.flowops-ai-alert-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.flowops-ai-quality-strip{margin-top:14px;border:1px solid rgba(248,113,113,.25);background:rgba(127,29,29,.12);border-radius:16px;padding:14px}.flowops-ai-quality-strip strong{display:inline-block;color:#fecaca;margin-right:10px}.flowops-ai-quality-strip span{color:var(--flowops-muted);font-size:12px}.flowops-ai-quality-strip ul{margin:10px 0 0;padding-left:18px}.flowops-ai-quality-strip a{color:#fee2e2;text-decoration:none}.flowops-ai-quality-strip a:hover{text-decoration:underline}.flowops-booking-quality-chip{margin:10px 0;padding:10px 12px;border:1px solid rgba(34,197,94,.22);background:rgba(34,197,94,.08);border-radius:12px;display:grid;gap:2px}.flowops-booking-quality-chip strong{color:#86efac;font-size:14px}.flowops-booking-quality-chip span{color:var(--flowops-text);font-size:12px;font-weight:800}.flowops-booking-quality-chip small{color:var(--flowops-muted);font-size:12px;line-height:1.4}.flowops-booking-quality-panel{display:grid;grid-template-columns:170px minmax(0,1fr);gap:16px;align-items:center;margin:0 0 18px;padding:14px;border:1px solid rgba(34,197,94,.22);background:rgba(34,197,94,.07);border-radius:16px}.flowops-booking-quality-panel div{display:grid;gap:2px}.flowops-booking-quality-panel span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--flowops-faint);font-weight:900}.flowops-booking-quality-panel strong{font-size:28px;color:#86efac}.flowops-booking-quality-panel em{font-style:normal;color:var(--flowops-muted);font-size:12px}.flowops-booking-quality-panel ul{margin:0;padding-left:18px;color:var(--flowops-muted);font-size:12.5px;line-height:1.5}.flowops-job-address--remote{border-color:rgba(34,197,94,.25)!important;background:rgba(34,197,94,.08)!important}.flowops-job-address--remote .flowops-job-address__label{color:#86efac!important}
@media (max-width: 760px){.flowops-ai-ops-grid,.flowops-booking-quality-panel{grid-template-columns:1fr}.flowops-ai-alert-card{align-items:stretch;flex-direction:column}.flowops-ai-alert-actions{justify-content:flex-start}.flowops-ai-ops-score strong{font-size:44px}}

/* AI Market Research redesign */
.flowops-market-research-card{border-color:rgba(79,142,255,.35);background:linear-gradient(180deg,rgba(79,142,255,.08),rgba(17,24,39,.92));}
.flowops-market-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px;align-items:end;}
.flowops-market-form label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:700;color:var(--flowops-muted,#94a3b8);}
.flowops-market-form select,.flowops-market-form textarea{width:100%;border:1px solid rgba(148,163,184,.35);border-radius:12px;background:#0b1220;color:#e5edf8;padding:12px 14px;font:inherit;min-height:46px;}
.flowops-market-form textarea{min-height:86px;resize:vertical;}
.flowops-market-goal{grid-column:1/-1;}
.flowops-market-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px;grid-column:1/-1;}
.flowops-market-status{margin-top:16px;padding:12px 14px;border-radius:12px;background:rgba(79,142,255,.12);border:1px solid rgba(79,142,255,.28);color:#a9cdfd;font-size:14px;}
.flowops-market-results{margin-top:18px;}
.flowops-market-report{display:grid;gap:16px;}
.flowops-market-report-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding:18px;border:1px solid rgba(148,163,184,.2);border-radius:16px;background:rgba(15,23,42,.62);}
.flowops-market-report-head h3{margin:2px 0 8px;font-size:24px;color:#fff;}
.flowops-market-report-head p,.flowops-market-sentiment p,.flowops-market-grid p,.flowops-market-risk p,.flowops-market-next li{color:#aebbd0;line-height:1.6;}
.flowops-market-sentiment{padding:18px;border:1px solid rgba(148,163,184,.2);border-radius:16px;background:rgba(15,23,42,.62);}
.flowops-market-sentiment strong{display:block;font-size:28px;color:#fff;}
.flowops-market-sentiment span{display:block;color:#94a3b8;margin-bottom:12px;}
.flowops-market-bar{height:12px;border-radius:999px;overflow:hidden;display:flex;background:rgba(255,255,255,.06);margin-bottom:12px;}
.flowops-market-bar i,.flowops-market-bar b,.flowops-market-bar em{display:block;height:100%;}
.flowops-market-bar i{background:#3dd68c}.flowops-market-bar b{background:#f0c040}.flowops-market-bar em{background:#ff5c7a}
.flowops-market-grid,.flowops-market-risk{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.flowops-market-grid>div,.flowops-market-quotes,.flowops-market-risk>div,.flowops-market-next{padding:18px;border:1px solid rgba(148,163,184,.2);border-radius:16px;background:rgba(15,23,42,.62);}
.flowops-market-grid h4,.flowops-market-quotes h4,.flowops-market-risk h4,.flowops-market-next h4{margin:0 0 12px;color:#fff;font-size:15px;}
.flowops-market-grid article{padding:12px 0;border-top:1px solid rgba(148,163,184,.15);}
.flowops-market-grid article:first-of-type{border-top:0;padding-top:0;}
.flowops-market-grid strong{display:block;color:#e9f1ff;margin-bottom:4px;}
.flowops-market-quotes{display:grid;gap:10px;}
.flowops-market-quotes blockquote{margin:0;padding:14px 16px;border-left:3px solid #4f8eff;background:rgba(79,142,255,.08);border-radius:12px;}
.flowops-market-quotes p{margin:0 0 6px;color:#e5edf8;line-height:1.6;}
.flowops-market-quotes cite{color:#94a3b8;font-style:normal;font-size:13px;}
.flowops-market-next ol{margin:0;padding-left:20px;}
@media (max-width:900px){.flowops-market-form,.flowops-market-grid,.flowops-market-risk{grid-template-columns:1fr}.flowops-market-report-head{display:block}.flowops-market-actions .flowops-btn{width:auto}}
@media print{.flowops-sidebar,.flowops-topbar,.flowops-market-form,.flowops-market-actions,.flowops-ai-chat-card{display:none!important}.flowops-market-research-card,.flowops-market-grid>div,.flowops-market-quotes,.flowops-market-risk>div,.flowops-market-next,.flowops-market-sentiment,.flowops-market-report-head{background:#fff!important;color:#111!important;border-color:#ddd!important}.flowops-market-report *{color:#111!important}}

/* FlowOps 7.5.0 — AI Operations Center upgrade */
.flowops-ai-ops-hero{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,.7fr);gap:24px;align-items:center;overflow:hidden;position:relative}.flowops-ai-ops-hero:before{content:"";position:absolute;inset:-80px -80px auto auto;width:260px;height:260px;border-radius:999px;background:radial-gradient(circle,rgba(99,102,241,.14),transparent 70%);pointer-events:none}.flowops-ai-ops-hero__copy,.flowops-ai-ops-hero__panel{position:relative}.flowops-ai-ops-hero__copy h2{font-size:clamp(28px,4vw,48px);line-height:1.02;letter-spacing:-.04em;margin:6px 0 12px}.flowops-ai-ops-hero__copy p{max-width:760px}.flowops-ai-ops-hero__panel{display:flex;flex-direction:column;align-items:center;text-align:center;padding:22px;border:1px solid var(--color-border-tertiary);border-radius:var(--border-radius-lg);background:var(--color-background-secondary)}
.flowops-ai-score-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.flowops-ai-score-part{border:1px solid var(--color-border-tertiary);border-radius:var(--border-radius-lg);padding:16px;background:var(--color-background-secondary)}.flowops-ai-score-part__head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px}.flowops-ai-score-part__head strong{font-size:14px;color:var(--color-text-primary)}.flowops-ai-score-part__head span{font-size:12px;color:var(--color-text-secondary)}.flowops-mini-progress{height:8px;background:var(--color-background-tertiary);border-radius:99px;overflow:hidden;margin-bottom:10px}.flowops-mini-progress span{display:block;height:100%;background:var(--color-text-primary);border-radius:99px}.flowops-ai-score-part p{font-size:13px;margin-bottom:8px}.flowops-ai-score-part em{display:block;font-size:12px;color:var(--color-text-secondary);font-style:normal}
.flowops-ai-action-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.flowops-ai-launch-card{border:1px solid var(--color-border-tertiary);border-radius:var(--border-radius-lg);padding:16px;background:var(--color-background-secondary);display:flex;flex-direction:column;gap:10px}.flowops-ai-launch-card h3{font-size:15px;margin:0}.flowops-ai-launch-card p{font-size:13px;margin:0;flex:1}.flowops-ai-launch-card__actions{display:flex;gap:8px;flex-wrap:wrap}.flowops-ai-mini-chat{margin-top:16px;border-top:1px solid var(--color-border-tertiary);padding-top:16px}.flowops-ai-worker-prep{border:1px solid var(--color-border-tertiary);border-radius:var(--border-radius-lg);padding:16px;background:var(--color-background-secondary)}.flowops-ai-worker-prep h3{margin:0 0 8px}.flowops-ai-worker-prep label{display:block;margin-top:14px;margin-bottom:6px;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-secondary)}.flowops-ai-message-draft{border:1px dashed var(--color-border-secondary);border-radius:var(--border-radius-md);padding:12px;font-size:13px;color:var(--color-text-primary);background:var(--color-background-primary)}.flowops-ai-watch-list{display:grid;gap:8px}.flowops-ai-watch-list span{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:var(--border-radius-md);background:var(--color-background-secondary);border:1px solid var(--color-border-tertiary);font-size:13px}.flowops-ai-watch-list span:before{content:"•";font-size:22px;line-height:0;color:var(--color-text-primary)}
@media(max-width:900px){.flowops-ai-ops-hero{grid-template-columns:1fr}.flowops-ai-score-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.flowops-ai-score-grid{grid-template-columns:1fr}.flowops-ai-ops-hero__copy h2{font-size:30px}.flowops-ai-launch-card__actions .flowops-btn{width:auto;flex:1}}
.flowops-dashboard-score-mini{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px;width:100%}.flowops-dashboard-score-mini span{display:flex;flex-direction:column;gap:2px;padding:9px;border:1px solid var(--color-border-tertiary);border-radius:var(--border-radius-md);background:var(--color-background-primary);font-size:11px;color:var(--color-text-secondary)}.flowops-dashboard-score-mini strong{font-size:18px;color:var(--color-text-primary);line-height:1}

/* FlowOps 7.5.1 — executable AI action reports */
.flowops-ai-action-results{margin:16px 0;padding:0}.flowops-ai-action-report{display:grid;gap:14px;border:1px solid var(--color-border-tertiary);border-radius:var(--border-radius-lg);padding:16px;background:var(--color-background-secondary)}.flowops-ai-action-report__head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.flowops-ai-action-report__head h3{margin:2px 0 6px;font-size:20px;color:var(--color-text-primary)}.flowops-ai-action-report__head p{margin:0;color:var(--color-text-secondary);font-size:13px;line-height:1.55}.flowops-ai-action-report__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.flowops-ai-action-report__grid article,.flowops-ai-action-report__draft,.flowops-ai-action-report__steps{border:1px solid var(--color-border-tertiary);border-radius:var(--border-radius-md);padding:12px;background:var(--color-background-primary)}.flowops-ai-action-report__grid strong{display:block;margin-bottom:5px;color:var(--color-text-primary);font-size:13px}.flowops-ai-action-report__grid p,.flowops-ai-action-report__steps li{color:var(--color-text-secondary);font-size:13px;line-height:1.55}.flowops-ai-action-draft{margin:10px 0;padding:10px;border:1px dashed var(--color-border-secondary);border-radius:var(--border-radius-md);color:var(--color-text-primary);font-size:12.5px;line-height:1.5;white-space:pre-wrap}.flowops-ai-action-report__draft h4,.flowops-ai-action-report__steps h4{margin:0 0 8px;color:var(--color-text-primary);font-size:14px}.flowops-ai-action-report__draft pre{white-space:pre-wrap;word-break:break-word;margin:0 0 10px;color:var(--color-text-primary);font:inherit;font-size:13px;line-height:1.6}.flowops-ai-action-report__steps ol{margin:0;padding-left:18px}@media(max-width:640px){.flowops-ai-action-report__head{display:block}.flowops-ai-action-report__head .flowops-btn{margin-top:10px;width:auto}.flowops-ai-action-report__grid{grid-template-columns:1fr}}


/* v7.6.1 AI Watchtower data panels */
.flowops-watchtower-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.9fr);gap:18px;margin:18px 0}.flowops-autopilot-panel{grid-column:1/-1}.flowops-watchtower-list,.flowops-customer-health-list{display:grid;gap:10px}.flowops-watchtower-item{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;border:1px solid var(--color-border-tertiary);border-radius:var(--border-radius-lg);background:var(--color-background-secondary)}.flowops-watchtower-item>span{font-size:12px;color:var(--color-text-secondary);font-weight:600}.flowops-watchtower-item strong,.flowops-customer-health-card strong,.flowops-autopilot-row strong{display:block;color:var(--color-text-primary);font-size:14px}.flowops-watchtower-item p,.flowops-customer-health-card p,.flowops-autopilot-row p{margin:2px 0 0;color:var(--color-text-secondary);font-size:13px;line-height:1.45}.flowops-watchtower-item.is-danger{border-color:rgba(226,75,74,.35)}.flowops-watchtower-item.is-warning{border-color:rgba(239,159,39,.35)}.flowops-watchtower-item.is-success{border-color:rgba(99,153,34,.35)}.flowops-customer-health-card{display:grid;grid-template-columns:74px minmax(0,1fr);gap:12px;padding:12px;border:1px solid var(--color-border-tertiary);border-radius:var(--border-radius-lg);background:var(--color-background-secondary)}.flowops-customer-health-score{width:64px;height:64px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--color-background-primary);border:1px solid var(--color-border-secondary)}.flowops-customer-health-score strong{font-size:20px;line-height:1}.flowops-customer-health-score span{font-size:10px;color:var(--color-text-secondary);text-align:center}.flowops-customer-health-card em{display:inline-block;margin-top:5px;font-size:12px;color:var(--color-text-info);font-style:normal}.flowops-autopilot-row{display:grid;grid-template-columns:52px minmax(0,1fr);gap:12px;align-items:center;padding:12px 0;border-top:1px solid var(--color-border-tertiary)}.flowops-autopilot-row:first-of-type{border-top:0}.flowops-autopilot-row>span{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:600;background:var(--color-background-secondary);color:var(--color-text-secondary)}.flowops-autopilot-row>span.is-on{background:var(--color-background-success);color:var(--color-text-success)}@media(max-width:900px){.flowops-watchtower-grid{grid-template-columns:1fr}.flowops-watchtower-item{grid-template-columns:1fr}.flowops-watchtower-item .flowops-btn{width:100%}}


/* FlowOps v7.6.2 — Operations Center UX fix */
.flowops-oc{display:grid;gap:16px}.flowops-oc-tabs{position:sticky;top:0;z-index:5;display:flex;gap:6px;overflow:auto;padding:10px;border:1px solid var(--color-border-tertiary);border-radius:18px;background:rgba(8,12,22,.96);backdrop-filter:blur(14px);box-shadow:0 12px 32px rgba(0,0,0,.18)}.flowops-oc-tabs a{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:999px;color:var(--color-text-secondary);text-decoration:none;font-size:13px;font-weight:800;white-space:nowrap}.flowops-oc-tabs a:hover{background:var(--color-background-secondary);color:var(--color-text-primary)}.flowops-oc-tabs a.is-active{background:linear-gradient(135deg,#4f8eff,#7c5cfc);color:white}.flowops-oc-panel{display:none;gap:16px}.flowops-oc-panel.is-active{display:grid}.flowops-oc-hero{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:18px;align-items:center;background:linear-gradient(135deg,rgba(79,142,255,.14),rgba(124,92,252,.10)),var(--color-background-primary);border-color:rgba(79,142,255,.35)}.flowops-oc-hero__copy h2{font-size:clamp(30px,4.6vw,56px);line-height:.98;letter-spacing:-.055em;margin:4px 0 10px}.flowops-oc-hero__copy p{max-width:720px;font-size:15px}.flowops-oc-chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.flowops-oc-chip-row span{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:6px 11px;border:1px solid rgba(148,163,184,.25);border-radius:999px;background:rgba(15,23,42,.45);color:var(--color-text-primary);font-size:12px;font-weight:800}.flowops-oc-score-card{display:grid;justify-items:center;text-align:center;gap:6px;padding:16px;border:1px solid rgba(148,163,184,.22);border-radius:20px;background:rgba(15,23,42,.52)}.flowops-oc-score-card>strong{font-size:15px;color:var(--color-text-primary)}.flowops-oc-score-card p{margin:0;color:var(--color-text-secondary);font-size:12px}.flowops-oc-grid-2{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:16px}.flowops-oc-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.flowops-oc-action-list{display:grid;gap:10px}.flowops-oc-action-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;border:1px solid var(--color-border-tertiary);border-radius:14px;background:var(--color-background-secondary)}.flowops-oc-action-item:before{content:"";width:10px;height:10px;border-radius:999px;flex:0 0 auto;background:#f0c040;box-shadow:0 0 0 5px rgba(240,192,64,.1)}.flowops-oc-action-item.is-success:before{background:#3dd68c;box-shadow:0 0 0 5px rgba(61,214,140,.1)}.flowops-oc-action-item strong{display:block;color:var(--color-text-primary);font-size:14px;margin-bottom:3px}.flowops-oc-action-item p{margin:0;color:var(--color-text-secondary);font-size:13px;line-height:1.45}.flowops-oc-brief-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}.flowops-oc-brief-list li{display:flex;justify-content:space-between;gap:12px;padding:13px 14px;border:1px solid var(--color-border-tertiary);border-radius:14px;background:var(--color-background-secondary);color:var(--color-text-secondary);font-size:13px}.flowops-oc-brief-list strong{color:var(--color-text-primary)}.flowops-oc-score-breakdown{display:grid;gap:12px}.flowops-oc-score-breakdown article{display:grid;gap:8px;padding:12px;border:1px solid var(--color-border-tertiary);border-radius:14px;background:var(--color-background-secondary)}.flowops-oc-score-breakdown article>div:first-child{display:flex;justify-content:space-between;gap:12px}.flowops-oc-score-breakdown strong{color:var(--color-text-primary);font-size:13px}.flowops-oc-score-breakdown span{font-weight:900;color:var(--color-text-primary)}.flowops-oc-score-breakdown p{margin:0;color:var(--color-text-secondary);font-size:12.5px}.flowops-oc-page-hero{background:linear-gradient(135deg,rgba(79,142,255,.09),rgba(15,23,42,.4)),var(--color-background-primary)}.flowops-oc-page-hero h2{font-size:clamp(24px,3vw,38px);line-height:1.05;margin:6px 0 8px;letter-spacing:-.035em}.flowops-oc-job-card{display:grid;gap:14px;padding:16px;border:1px solid var(--color-border-tertiary);border-radius:16px;background:var(--color-background-secondary)}.flowops-oc-job-card h3{margin:0;color:var(--color-text-primary);font-size:18px}.flowops-oc-job-card p{margin:0;color:var(--color-text-secondary);line-height:1.6}.flowops-oc-job-card span{display:block;margin-bottom:7px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-secondary);font-weight:900}.flowops-oc-job-card blockquote{margin:0;padding:14px;border-left:3px solid #4f8eff;border-radius:12px;background:var(--color-background-primary);color:var(--color-text-primary);line-height:1.6}.flowops-oc-status-box{padding:16px;border:1px solid rgba(61,214,140,.22);border-radius:16px;background:rgba(61,214,140,.08);margin-bottom:14px}.flowops-oc-status-box strong{display:block;color:var(--color-text-primary);font-size:16px;margin-bottom:6px}.flowops-oc-status-box p{margin:0;color:var(--color-text-secondary);line-height:1.55}.flowops-oc-metrics{margin:0}.flowops-oc .flowops-empty-state{min-height:0}.flowops-watchtower-item.is-info{border-color:rgba(79,142,255,.35)}@media(max-width:1000px){.flowops-oc-hero,.flowops-oc-grid-2,.flowops-oc-grid-3{grid-template-columns:1fr}.flowops-oc-score-card{justify-items:start;text-align:left}.flowops-oc-action-item{align-items:flex-start;flex-direction:column}.flowops-oc-action-item .flowops-btn{width:auto}}@media(max-width:640px){.flowops-oc-tabs{border-radius:14px}.flowops-oc-tabs a{padding:9px 11px}.flowops-oc-hero__copy h2{font-size:34px}.flowops-oc-chip-row span{flex:1}.flowops-oc-brief-list li{display:grid}.flowops-oc .flowops-btn{width:auto}}

/* FlowOps v7.6.4 Operations Center cleanup */
.flowops-oc-tabs{position:relative!important;top:auto!important;z-index:1!important;margin-bottom:0!important;}
.flowops-oc-hero{overflow:hidden;}
.flowops-oc-hero__copy h2{font-size:clamp(28px,3.5vw,44px)!important;line-height:1.03!important;}
.flowops-oc-hero__copy p strong{color:var(--color-text-primary);}
.flowops-oc-score-card--hero{min-height:190px;align-content:center;}
.flowops-ai-action-lab{margin-top:2px;background:linear-gradient(135deg,rgba(79,142,255,.08),rgba(15,23,42,.45)),var(--color-background-primary);}
.flowops-ai-action-lab .flowops-section-head{margin-bottom:14px;}
.flowops-ai-action-card-grid--compact{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px;}
.flowops-ai-action-card-grid--compact .flowops-ai-launch-card{padding:13px;min-height:auto;}
.flowops-ai-action-card-grid--compact .flowops-ai-launch-card h3{font-size:14px;margin-bottom:5px;}
.flowops-ai-action-card-grid--compact .flowops-ai-launch-card p{font-size:12.5px;line-height:1.45;}
.flowops-ai-mini-chat--restored{display:grid;gap:10px;margin-top:8px;}
.flowops-ai-mini-chat--restored .flowops-ai-chat-log{background:rgba(8,15,27,.78)!important;border:1px solid rgba(148,163,184,.18)!important;min-height:110px;max-height:280px;}
.flowops-ai-mini-chat--restored .flowops-ai-chat-form{align-items:end;}
.flowops-ai-mini-chat--restored textarea{background:#0b1220!important;color:var(--color-text-primary)!important;border:1px solid rgba(148,163,184,.28)!important;border-radius:12px!important;}
.flowops-ai-action-results{margin:12px 0!important;}
.flowops-ai-action-report{background:rgba(11,18,32,.92)!important;border:1px solid rgba(79,142,255,.24)!important;box-shadow:0 18px 50px rgba(0,0,0,.18);}
.flowops-ai-action-report__grid article,.flowops-ai-action-report__draft,.flowops-ai-action-report__steps{background:rgba(15,23,42,.82)!important;border:1px solid rgba(148,163,184,.18)!important;}
.flowops-ai-action-report__draft pre{display:block;background:#07101d!important;color:#dce7f8!important;border:1px solid rgba(148,163,184,.2)!important;border-radius:12px!important;padding:14px!important;min-height:96px!important;white-space:pre-wrap!important;}
.flowops-ai-action-report__draft h4:before{content:'AI Response';display:block;color:#60a5fa;font-size:11px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:3px;}
.flowops-ai-action-report__draft h4{font-size:0!important;margin-bottom:8px!important;}
.flowops-ai-config-grid__inner{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:16px;align-items:start;}
.flowops-oc-panel[data-flowops-oc-panel="ai-settings"] .flowops-oc-page-hero{padding:18px!important;}
.flowops-oc-panel[data-flowops-oc-panel="ai-settings"] .flowops-oc-page-hero h2{font-size:clamp(22px,2.2vw,30px)!important;}
@media(max-width:1000px){.flowops-ai-action-card-grid--compact,.flowops-ai-config-grid__inner{grid-template-columns:1fr}.flowops-oc-score-card--hero{min-height:0}}

/* FlowOps v7.7.0 — One-click AI Actions */
.flowops-one-click-note{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:10px 0 16px;padding:12px 14px;border:1px solid rgba(79,142,255,.22);border-radius:14px;background:rgba(79,142,255,.08);color:var(--color-text-secondary);font-size:13px}.flowops-one-click-note strong{color:var(--color-text-primary);margin-right:4px}.flowops-one-click-note span{display:inline-flex;padding:5px 9px;border:1px solid rgba(148,163,184,.2);border-radius:999px;background:rgba(15,23,42,.55);color:var(--color-text-primary);font-size:12px;font-weight:800}.flowops-one-click-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.flowops-ai-action-report__grid article.is-resolved{opacity:.58;border-color:rgba(61,214,140,.28)!important}.flowops-ai-action-report__grid article.is-resolved:after{content:'Resolved locally';display:inline-flex;margin-top:10px;padding:4px 8px;border-radius:999px;background:rgba(61,214,140,.12);color:#9af2c6;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.flowops-ai-chat-subhead{margin-top:16px;padding-top:14px;border-top:1px solid var(--color-border-tertiary)}@media(max-width:640px){.flowops-one-click-actions .flowops-btn{width:auto!important}.flowops-one-click-note{align-items:flex-start}}


/* FlowOps v7.8.0 — consistent AI Operations Manager positioning */
.flowops-positioning-strip{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 16px;border:1px solid rgba(79,142,255,.24);border-radius:16px;background:linear-gradient(135deg,rgba(79,142,255,.12),rgba(124,92,252,.08));color:var(--color-text-secondary);font-size:13px}
.flowops-positioning-strip strong{color:var(--color-text-primary);font-size:14px}.flowops-positioning-strip span{line-height:1.45}.flowops-oc-hero{border-color:rgba(79,142,255,.45)!important;box-shadow:0 20px 70px rgba(0,0,0,.2)}.flowops-oc-hero__copy h2{max-width:820px}.flowops-oc-score-card--hero>strong{font-size:16px!important}.flowops-oc-action-item strong,.flowops-watchtower-item strong{letter-spacing:-.01em}.flowops-ai-launch-card h3:before{content:'→ ';color:#7db5ff}.flowops-ai-mini-chat--restored{background:rgba(15,23,42,.35);border:1px solid rgba(148,163,184,.14);border-radius:18px;padding:16px}.flowops-oc-page-hero p,.flowops-oc-hero__copy p{color:var(--color-text-secondary)}.flowops-ai-metric-card span{font-weight:800}.flowops-ai-metric-card strong{letter-spacing:-.03em}.flowops-oc-tabs a{letter-spacing:-.01em}.flowops-oc-panel[data-flowops-oc-panel="ai-settings"]{display:none!important}
@media(max-width:760px){.flowops-positioning-strip{display:grid}.flowops-positioning-strip strong{display:block}.flowops-oc-hero{gap:14px}.flowops-ai-mini-chat--restored{padding:12px}}

/* ──────────────────────────────────────────────────────────────
   FlowOps v8.7.2 — Premium White Theme Fix Pass
   Scope: visual/theme only. Keeps existing templates, routes, forms and logic intact.
   Fixes from supplied screenshots: dark fields, dark score panels, low contrast disabled
   buttons, AI capture panel contrast, table/filter readability, lighter command-centre UI.
────────────────────────────────────────────────────────────── */
@import url('https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=Inter:wght@300;400;500;600;700;800&display=swap');

:root{
  --flowops-bg:#f7f8fb!important;
  --flowops-bg-2:#ffffff!important;
  --flowops-bg-3:#f2f5f9!important;
  --flowops-surface:#ffffff!important;
  --flowops-surface-2:#f8fafc!important;
  --flowops-surface-3:#eef2f7!important;
  --flowops-border:rgba(15,23,42,.10)!important;
  --flowops-border-2:rgba(15,23,42,.16)!important;
  --flowops-text:#0a0a0f!important;
  --flowops-muted:#5f6b7a!important;
  --flowops-faint:#8792a2!important;
  --flowops-accent:#00c85a!important;
  --flowops-accent-2:#00a84d!important;
  --flowops-accent-glow:rgba(0,200,90,.14)!important;
  --flowops-green:#00c85a!important;
  --flowops-green-bg:rgba(0,200,90,.10)!important;
  --flowops-amber:#f59e0b!important;
  --flowops-amber-bg:rgba(245,158,11,.12)!important;
  --flowops-red:#ef4444!important;
  --flowops-red-bg:rgba(239,68,68,.10)!important;
  --flowops-violet:#8b5cf6!important;
  --flowops-violet-bg:rgba(139,92,246,.10)!important;
  --flowops-blue:#2563eb!important;
  --flowops-blue-bg:rgba(37,99,235,.09)!important;
  --flowops-shadow:0 22px 70px rgba(15,23,42,.10)!important;
  --flowops-font:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;
  --flowops-display:'Syne','Inter',sans-serif!important;
  --color-background-primary:#ffffff!important;
  --color-background-secondary:#f8fafc!important;
  --color-background-tertiary:#eef2f7!important;
  --color-background-success:rgba(0,200,90,.10)!important;
  --color-border-primary:rgba(15,23,42,.10)!important;
  --color-border-secondary:rgba(15,23,42,.16)!important;
  --color-border-tertiary:rgba(15,23,42,.10)!important;
  --color-text-primary:#0a0a0f!important;
  --color-text-secondary:#5f6b7a!important;
  --color-text-info:#2563eb!important;
  --color-text-success:#008a43!important;
}

html,body.flowops-app-body,body.flowops-auth-body{color-scheme:light!important;}
body.flowops-app-body,body.flowops-auth-body{
  font-family:var(--flowops-font)!important;
  background:#f7f8fb!important;
  color:#0a0a0f!important;
}
.flowops-app{
  background:radial-gradient(900px 420px at 28% -10%,rgba(0,200,90,.12),transparent 58%),radial-gradient(760px 360px at 100% 0,rgba(37,99,235,.08),transparent 50%),linear-gradient(180deg,#ffffff 0%,#f7f8fb 42%,#f3f6fa 100%)!important;
}
.flowops-content:before{background:linear-gradient(180deg,rgba(0,200,90,.035),transparent 30%)!important;}

.flowops-sidebar{background:rgba(255,255,255,.94)!important;border-right:1px solid rgba(15,23,42,.10)!important;box-shadow:10px 0 36px rgba(15,23,42,.05)!important;}
.flowops-logo,.flowops-sidebar-brand{border-bottom-color:rgba(15,23,42,.10)!important;}
.flowops-logo-copy strong,.flowops-brand-title,.flowops-user-mini strong,.flowops-context-card__user strong,.flowops-sidebar-workspace strong{color:#0a0a0f!important;}
.flowops-logo-copy span,.flowops-brand-subtitle,.flowops-user-mini span,.flowops-context-card__user span{color:#788394!important;}
.flowops-logo-mark,.flowops-logo-icon,.flowops-user-mini__avatar,.flowops-context-card__avatar,.flowops-avatar,.flowops-avatar-sm{background:#00c85a!important;color:#0a0a0f!important;box-shadow:0 14px 34px rgba(0,200,90,.18)!important;}
.flowops-sidebar-workspace,.flowops-user-mini,.flowops-context-card,.flowops-profile-btn,.flowops-logout-link,.flowops-sidebar-footer a{background:#f8fafc!important;border-color:rgba(15,23,42,.10)!important;color:#5f6b7a!important;}
.flowops-nav-link{color:#5f6b7a!important;}
.flowops-nav-link:hover{background:#f1f4f8!important;color:#0a0a0f!important;}
.flowops-nav-link.active{background:rgba(0,200,90,.10)!important;color:#04733a!important;}
.flowops-nav-link.active:before{background:#00c85a!important;}
.flowops-sidebar-section{color:#8792a2!important;}

.flowops-topbar{background:rgba(255,255,255,.90)!important;border-bottom:1px solid rgba(15,23,42,.10)!important;box-shadow:0 8px 30px rgba(15,23,42,.05)!important;}
.flowops-topbar__title,.flowops-section-head h2,.flowops-section-head h3,.flowops-card h2,.flowops-card h3,.flowops-panel h3,.flowops-dashboard-hero h2,.flowops-oc-hero__copy h2,.flowops-ai-ops-hero__copy h2{font-family:var(--flowops-display)!important;color:#0a0a0f!important;letter-spacing:-.035em!important;}
.flowops-topbar__subtitle,.flowops-section-head p,.flowops-card p,.flowops-panel p,.flowops-muted,.flowops-muted-copy{color:#5f6b7a!important;}
.flowops-faint{color:#8792a2!important;}
.flowops-eyebrow,.flowops-dashboard-eyebrow{color:#00a84d!important;letter-spacing:.14em!important;}

.flowops-card,.flowops-panel,.flowops-dashboard-card,.flowops-stat-card,.flowops-metric-card,.flowops-table-wrap,.flowops-form-card,.flowops-empty-state,.flowops-dashboard-hero,.flowops-dashboard-hero-panel,.flowops-ai-launch-card,.flowops-ai-score-part,.flowops-ai-worker-prep,.flowops-watchtower-item,.flowops-customer-health-card,.flowops-oc-action-item,.flowops-oc-brief-list li,.flowops-oc-score-breakdown article,.flowops-oc-job-card,.flowops-ai-action-report,.flowops-ai-action-report__grid article,.flowops-ai-action-report__draft,.flowops-ai-action-report__steps,.flowops-risk-card,.flowops-growth-card,.flowops-provider-card,.flowops-ai-status-box{
  background:#ffffff!important;border-color:rgba(15,23,42,.10)!important;color:#0a0a0f!important;box-shadow:0 16px 46px rgba(15,23,42,.06)!important;
}
.flowops-card:hover,.flowops-panel:hover,.flowops-dashboard-card:hover,.flowops-stat-card:hover{border-color:rgba(0,200,90,.22)!important;}
.flowops-dashboard-hero{background:linear-gradient(135deg,rgba(0,200,90,.095),rgba(37,99,235,.045)),#ffffff!important;border-color:rgba(0,200,90,.20)!important;}
.flowops-dashboard-hero-panel{background:linear-gradient(180deg,#ffffff,#f7fdf9)!important;border-color:rgba(0,200,90,.22)!important;}
.flowops-dashboard-score-mini span,.flowops-pulse-card,.flowops-dashboard-action-card,.flowops-quick-action,.flowops-ai-list li,.flowops-ai-action,.flowops-upcoming-item,.flowops-job-card,.flowops-activity-item,.flowops-calendar-day{background:#f8fafc!important;border-color:rgba(15,23,42,.10)!important;color:#0a0a0f!important;}
.flowops-calendar-day:hover,.flowops-dashboard-action-card:hover,.flowops-quick-action:hover{background:rgba(0,200,90,.08)!important;border-color:rgba(0,200,90,.22)!important;}
.flowops-calendar-day.is-today{background:rgba(0,200,90,.10)!important;border-color:#00c85a!important;}
.flowops-dashboard-action-card span,.flowops-quick-action span{color:#00a84d!important;}

/* Form readability: override older dark-mode hardening selectors with equal/higher specificity. */
.flowops-field label,.flowops-form-field label,.flowops-form-row label,.flowops-filter-label,label,.flowops-label{color:#334155!important;font-weight:800!important;}
.flowops-field input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),.flowops-field select,.flowops-field textarea,.flowops-form-field input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),.flowops-form-field select,.flowops-form-field textarea,.flowops-form-row input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),.flowops-form-row select,.flowops-form-row textarea,.flowops-input,.flowops-select,.flowops-textarea,input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),select,textarea{
  background:#ffffff!important;border:1px solid rgba(15,23,42,.16)!important;color:#0a0a0f!important;-webkit-text-fill-color:#0a0a0f!important;caret-color:#00a84d!important;color-scheme:light!important;box-shadow:0 1px 0 rgba(15,23,42,.03)!important;
}
.flowops-field textarea,.flowops-form-field textarea,.flowops-form-row textarea,.flowops-textarea{background:#ffffff!important;color:#0a0a0f!important;-webkit-text-fill-color:#0a0a0f!important;}
.flowops-field select,.flowops-form-field select,.flowops-form-row select,.flowops-select,select{appearance:auto!important;-webkit-appearance:auto!important;color-scheme:light!important;}
.flowops-field option,.flowops-form-field option,.flowops-form-row option,option{background:#ffffff!important;color:#0a0a0f!important;}
.flowops-field input::placeholder,.flowops-field textarea::placeholder,.flowops-input::placeholder,.flowops-textarea::placeholder,input::placeholder,textarea::placeholder{color:#8b96a8!important;-webkit-text-fill-color:#8b96a8!important;opacity:1!important;}
.flowops-field input:focus,.flowops-field select:focus,.flowops-field textarea:focus,.flowops-form-field input:focus,.flowops-form-field select:focus,.flowops-form-field textarea:focus,.flowops-form-row input:focus,.flowops-form-row select:focus,.flowops-form-row textarea:focus,.flowops-input:focus,.flowops-select:focus,.flowops-textarea:focus,input:focus,select:focus,textarea:focus{border-color:#00c85a!important;box-shadow:0 0 0 4px rgba(0,200,90,.12)!important;outline:none!important;}
.flowops-inline-help{color:#7d8aa0!important;}

.flowops-btn-primary,.flowops-btn.flowops-btn-primary,.flowops-btn:not(.flowops-btn-secondary):not(.flowops-btn-danger):not(.flowops-btn-ghost),button.flowops-btn-primary,input[type=submit].flowops-btn-primary{background:#00c85a!important;border-color:#00c85a!important;color:#0a0a0f!important;font-weight:800!important;box-shadow:0 12px 28px rgba(0,200,90,.22)!important;}
.flowops-btn-primary:hover,.flowops-btn:not(.flowops-btn-secondary):not(.flowops-btn-danger):not(.flowops-btn-ghost):hover{background:#00e676!important;border-color:#00e676!important;transform:translateY(-1px);}
.flowops-btn-secondary,.flowops-btn-ghost,.button:not(.button-primary){background:#ffffff!important;border-color:rgba(15,23,42,.16)!important;color:#0a0a0f!important;}
.flowops-btn-secondary:hover,.flowops-btn-ghost:hover{background:#f1f4f8!important;border-color:rgba(0,200,90,.24)!important;}
.flowops-btn-danger{background:#fff1f2!important;border-color:rgba(239,68,68,.22)!important;color:#b91c1c!important;}
.flowops-btn:disabled,.flowops-btn[disabled],button:disabled,input:disabled,select:disabled,textarea:disabled{opacity:.72!important;filter:none!important;cursor:not-allowed!important;}
.flowops-btn:disabled,.flowops-btn[disabled]{background:#f8fafc!important;border-color:rgba(15,23,42,.14)!important;color:#94a3b8!important;box-shadow:none!important;}

.flowops-table th{color:#667085!important;background:#f8fafc!important;border-bottom-color:rgba(15,23,42,.10)!important;}
.flowops-table td{color:#0f172a!important;border-bottom-color:rgba(15,23,42,.08)!important;}
.flowops-table tr:hover td{background:#fbfcfe!important;}
.flowops-table-person strong,.flowops-upcoming-item strong,.flowops-job-card-info strong,.flowops-activity-copy strong,.flowops-ai-action-card h3,.flowops-risk-card h3,.flowops-growth-card h3{color:#0a0a0f!important;}
.flowops-table-person span,.flowops-upcoming-item span,.flowops-job-card-info p,.flowops-activity-copy p,.flowops-ai-action-card p,.flowops-risk-card p,.flowops-growth-card p{color:#5f6b7a!important;}

/* Operations Center / AI panels */
.flowops-oc-tabs{background:rgba(255,255,255,.94)!important;border-color:rgba(15,23,42,.10)!important;box-shadow:0 14px 40px rgba(15,23,42,.06)!important;}
.flowops-oc-tabs a{color:#5f6b7a!important;}
.flowops-oc-tabs a:hover{background:#f1f4f8!important;color:#0a0a0f!important;}
.flowops-oc-tabs a.is-active{background:#00c85a!important;color:#0a0a0f!important;}
.flowops-oc-hero,.flowops-oc-page-hero,.flowops-ai-ops-hero,.flowops-ai-action-lab,.flowops-booking-parser-card,.flowops-ai-chat-card{background:linear-gradient(135deg,rgba(0,200,90,.10),rgba(37,99,235,.04)),#ffffff!important;border-color:rgba(0,200,90,.22)!important;box-shadow:0 16px 46px rgba(15,23,42,.06)!important;}
.flowops-oc-chip-row span,.flowops-one-click-note span,.flowops-ai-pill,.flowops-ai-prompt-chip{background:#f8fafc!important;border-color:rgba(15,23,42,.10)!important;color:#0a0a0f!important;}
.flowops-oc-score-card,.flowops-oc-score-card--hero,.flowops-ai-score-card{background:linear-gradient(180deg,#ffffff,#f7fdf9)!important;border-color:rgba(0,200,90,.22)!important;color:#0a0a0f!important;box-shadow:0 18px 50px rgba(15,23,42,.07)!important;}
.flowops-positioning-strip,.flowops-one-click-note,.flowops-oc-status-box{background:rgba(0,200,90,.08)!important;border-color:rgba(0,200,90,.18)!important;color:#355045!important;}
.flowops-positioning-strip strong,.flowops-one-click-note strong,.flowops-oc-status-box strong,.flowops-oc-score-card>strong{color:#0a0a0f!important;}
.flowops-ai-chat-log,.flowops-ai-chat-message,.flowops-ai-chat-message.is-user,.flowops-ai-chat-message.is-ai,.flowops-ai-mini-chat--restored,.flowops-ai-mini-chat--restored .flowops-ai-chat-log,.flowops-ai-opportunity-grid>div{background:#ffffff!important;border-color:rgba(15,23,42,.10)!important;color:#0a0a0f!important;}
.flowops-ai-chat-message code,.flowops-ai-output code{background:#eef6ff!important;border-color:rgba(37,99,235,.16)!important;color:#1d4ed8!important;}
.flowops-ai-action-card{background:#ffffff!important;border-color:rgba(15,23,42,.10)!important;color:#0a0a0f!important;box-shadow:0 12px 34px rgba(15,23,42,.05)!important;}
.flowops-ai-action-card:hover{background:rgba(0,200,90,.06)!important;border-color:rgba(0,200,90,.22)!important;}
.flowops-ai-action-card__side span{color:#5f6b7a!important;}.flowops-ai-action-card__side strong{color:#0a0a0f!important;}
.flowops-parser-result{color:#5f6b7a!important;}

.flowops-score-band{background:linear-gradient(135deg,rgba(0,200,90,.10),rgba(37,99,235,.045)),#ffffff!important;border-color:rgba(0,200,90,.22)!important;box-shadow:0 16px 46px rgba(15,23,42,.06)!important;}
.flowops-score-ring,.flowops-dashboard-progress-ring{background:conic-gradient(#00c85a calc(var(--flowops-progress)*3.6deg), #eef2f7 0deg)!important;box-shadow:0 0 0 1px rgba(15,23,42,.10)!important;}
.flowops-score-ring__inner,.flowops-dashboard-progress-ring-inner{background:#ffffff!important;}
.flowops-score-ring strong,.flowops-dashboard-progress-ring-inner strong,.flowops-score-num{color:#0a0a0f!important;}
.flowops-score-ring span,.flowops-dashboard-progress-ring-inner span{color:#667085!important;}

.flowops-green,.is-success{color:#00a84d!important;}.flowops-blue,.is-info{color:#2563eb!important;}.flowops-amber,.is-warning{color:#b45309!important;}.flowops-red,.is-danger{color:#b91c1c!important;}
.flowops-pill,.flowops-badge,.flowops-status,.flowops-tag{border-color:rgba(15,23,42,.10)!important;background:#f8fafc!important;color:#334155!important;}
.flowops-status.is-confirmed,.flowops-badge.is-confirmed{background:rgba(37,99,235,.10)!important;color:#2563eb!important;}
.flowops-status.is-pending,.flowops-badge.is-pending{background:rgba(245,158,11,.12)!important;color:#b45309!important;}
.flowops-status.is-completed,.flowops-badge.is-completed{background:rgba(0,200,90,.10)!important;color:#008a43!important;}
.flowops-status.is-cancelled,.flowops-badge.is-cancelled{background:rgba(239,68,68,.10)!important;color:#b91c1c!important;}

.flowops-nav-progress{background:linear-gradient(90deg,#00c85a,#00e676,#2563eb)!important;}
::-webkit-scrollbar-thumb{background:#cbd5e1!important;}::-webkit-scrollbar-thumb:hover{background:#94a3b8!important;}

@media(max-width:900px){.flowops-sidebar{box-shadow:22px 0 50px rgba(15,23,42,.14)!important;}.flowops-mobile-sidebar-backdrop{background:rgba(15,23,42,.28)!important;}}

/* ──────────────────────────────────────────────────────────────
   FlowOps v8.7.3 — Deep Premium White Theme Consistency Pass
   Theme-only patch: normalises every app surface, panel, form, table,
   AI/Operations section and utility component to the white FlowOps look.
────────────────────────────────────────────────────────────── */
:root{
  --flowops-page:#f6f8fb!important;
  --flowops-paper:#ffffff!important;
  --flowops-soft:#f8fafc!important;
  --flowops-soft-2:#eef3f8!important;
  --flowops-ink:#0a0a0f!important;
  --flowops-copy:#334155!important;
  --flowops-sub:#64748b!important;
  --flowops-line:rgba(15,23,42,.12)!important;
  --flowops-line-2:rgba(15,23,42,.18)!important;
  --flowops-brand:#00c85a!important;
  --flowops-brand-2:#00a84d!important;
  --flowops-brand-soft:rgba(0,200,90,.10)!important;
  --flowops-blue-soft:rgba(37,99,235,.07)!important;
}

body.flowops-app-body,body.flowops-auth-body,
.flowops-app,.flowops-main,.flowops-content{
  color:#0a0a0f!important;
  background-color:#f6f8fb!important;
}
.flowops-app,
.flowops-content{
  background-image:
    radial-gradient(900px 360px at 30% -8%,rgba(0,200,90,.10),transparent 62%),
    radial-gradient(700px 300px at 100% 0,rgba(37,99,235,.055),transparent 58%),
    linear-gradient(180deg,#ffffff 0%,#f7f9fc 48%,#f3f6fa 100%)!important;
}

/* App-wide text rescue: prevents pale-on-white leftovers without touching brand/status colours. */
.flowops-app h1,.flowops-app h2,.flowops-app h3,.flowops-app h4,.flowops-app h5,.flowops-app h6,
.flowops-app strong,.flowops-app b,
.flowops-card h1,.flowops-card h2,.flowops-card h3,.flowops-card h4,
.flowops-panel h1,.flowops-panel h2,.flowops-panel h3,.flowops-panel h4{
  color:#0a0a0f!important;
}
.flowops-app p,.flowops-app li,.flowops-app td,.flowops-app dd,
.flowops-card p,.flowops-card li,.flowops-panel p,.flowops-panel li,
.flowops-description,.flowops-help,.flowops-subtitle,.flowops-card-subtitle,
.flowops-dashboard-hero p,.flowops-oc-hero p,.flowops-ai-ops-hero p{
  color:#5f6b7a!important;
}
.flowops-app small,.flowops-app .description,.flowops-hint,.flowops-inline-help,.flowops-meta,
.flowops-card small,.flowops-panel small{
  color:#7b8797!important;
}
.flowops-eyebrow,.flowops-dashboard-eyebrow,
.flowops-card .flowops-eyebrow,.flowops-panel .flowops-eyebrow,
.flowops-section-kicker,.flowops-label-kicker{
  color:#00a84d!important;
  font-weight:900!important;
  letter-spacing:.14em!important;
}

/* Remove remaining dark cards/black blocks across every feature area. */
.flowops-card,.flowops-panel,.flowops-stat-card,.flowops-metric-card,.flowops-dashboard-card,
.flowops-dashboard-hero,.flowops-dashboard-hero-panel,.flowops-score-band,
.flowops-booking-parser-card,.flowops-ai-chat-card,.flowops-ai-action-lab,.flowops-ai-launch-card,
.flowops-ai-ops-center,.flowops-ai-ops-hero,.flowops-ai-ops-brief,.flowops-ai-ops-score,
.flowops-oc-tabs,.flowops-oc-hero,.flowops-oc-page-hero,.flowops-oc-score-card,.flowops-oc-score-card--hero,
.flowops-oc-action-item,.flowops-oc-brief-list li,.flowops-oc-score-breakdown article,.flowops-oc-job-card,
.flowops-job-card,.flowops-job-address,.flowops-job-remote-chip,.flowops-job-ai-draft,
.flowops-table-wrap,.flowops-booking-table-wrap,.flowops-data-table-wrap,
.flowops-empty-state,.flowops-provider-card,.flowops-ai-status-box,.flowops-ai-action-card,
.flowops-risk-card,.flowops-growth-card,.flowops-watchtower-item,.flowops-customer-health-card,
.flowops-market-research-card,.flowops-market-report-head,.flowops-market-sentiment,
.flowops-market-grid>div,.flowops-market-quotes,.flowops-market-risk>div,.flowops-market-next,
.flowops-ai-action-report,.flowops-ai-action-report__grid article,.flowops-ai-action-report__draft,.flowops-ai-action-report__steps,
.flowops-pulse-card,.flowops-quick-action,.flowops-upcoming-item,.flowops-activity-item,
.flowops-calendar-day,.flowops-week-slot,
.flowops-settings-nav,.flowops-settings-group,.flowops-billing-plan,.flowops-price-card,
.flowops-admin-hero-main,.flowops-admin-status,.flowops-admin-item,.flowops-admin-timeline-row,
.flowops-admin-team-detail-row td,.flowops-admin-team-detail-panel,.flowops-admin-team-role,.flowops-wi-defs div{
  background:#ffffff!important;
  background-image:none!important;
  border-color:rgba(15,23,42,.12)!important;
  color:#0a0a0f!important;
  box-shadow:0 16px 46px rgba(15,23,42,.055)!important;
}

.flowops-dashboard-hero,.flowops-oc-hero,.flowops-oc-page-hero,.flowops-ai-ops-hero,
.flowops-booking-parser-card,.flowops-score-band,.flowops-ai-chat-card,.flowops-ai-action-lab{
  background:linear-gradient(135deg,rgba(0,200,90,.09),rgba(37,99,235,.035)),#ffffff!important;
  border-color:rgba(0,200,90,.20)!important;
}

/* Nested cards should be soft grey, not black. */
.flowops-dashboard-score-mini span,.flowops-dashboard-action-card,.flowops-ai-list li,.flowops-ai-action,
.flowops-ai-preview-row,.flowops-ai-filled,.flowops-parser-result,.flowops-ai-output,
.flowops-ai-chat-log,.flowops-ai-chat-message,.flowops-ai-chat-message.is-user,.flowops-ai-chat-message.is-ai,
.flowops-ai-mini-chat--restored,.flowops-ai-opportunity-grid>div,
.flowops-market-quotes blockquote,.flowops-ai-action-draft,
.flowops-ai-action-report__draft pre,
.flowops-booking-quality-chip,.flowops-booking-quality-panel,
.flowops-positioning-strip,.flowops-one-click-note,.flowops-oc-status-box,
.flowops-status-legend span,.flowops-calendar-legend span,
.flowops-tag,.flowops-pill,.flowops-badge,.flowops-status,
.flowops-role-compare,.flowops-step,.flowops-onboarding-stepper .flowops-step{
  background:#f8fafc!important;
  background-image:none!important;
  border-color:rgba(15,23,42,.10)!important;
  color:#334155!important;
  box-shadow:none!important;
}

/* Forms: cover every old dark-mode selector, including global WP/admin inherited inputs. */
.flowops-app label,.flowops-app legend,
.flowops-field label,.flowops-form-field label,.flowops-form-row label,.flowops-market-form label,
.flowops-filter-label,.flowops-label{
  color:#334155!important;
  -webkit-text-fill-color:#334155!important;
  opacity:1!important;
  font-weight:800!important;
}
.flowops-app input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]),
.flowops-app select,
.flowops-app textarea,
.flowops-app .flowops-input,
.flowops-app .flowops-input-sm,
.flowops-app .flowops-select,
.flowops-app .flowops-textarea,
.flowops-card input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]),
.flowops-card select,.flowops-card textarea,
.flowops-panel input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]),
.flowops-panel select,.flowops-panel textarea,
.flowops-market-form select,.flowops-market-form textarea,
.flowops-ai-chat-form textarea{
  background:#ffffff!important;
  background-image:none!important;
  border:1px solid rgba(15,23,42,.18)!important;
  color:#0a0a0f!important;
  -webkit-text-fill-color:#0a0a0f!important;
  caret-color:#00a84d!important;
  color-scheme:light!important;
  box-shadow:0 1px 0 rgba(15,23,42,.04)!important;
  opacity:1!important;
}
.flowops-app input::placeholder,.flowops-app textarea::placeholder,
.flowops-card input::placeholder,.flowops-card textarea::placeholder,
.flowops-panel input::placeholder,.flowops-panel textarea::placeholder{
  color:#8792a2!important;
  -webkit-text-fill-color:#8792a2!important;
  opacity:1!important;
}
.flowops-app select option,.flowops-app option{
  background:#ffffff!important;
  color:#0a0a0f!important;
}
.flowops-app input:focus,.flowops-app select:focus,.flowops-app textarea:focus,
.flowops-card input:focus,.flowops-card select:focus,.flowops-card textarea:focus,
.flowops-panel input:focus,.flowops-panel select:focus,.flowops-panel textarea:focus{
  border-color:#00c85a!important;
  outline:none!important;
  box-shadow:0 0 0 4px rgba(0,200,90,.12)!important;
}
.flowops-app input:disabled,.flowops-app select:disabled,.flowops-app textarea:disabled,
.flowops-app input[readonly],.flowops-app textarea[readonly]{
  background:#f1f5f9!important;
  color:#667085!important;
  -webkit-text-fill-color:#667085!important;
  border-color:rgba(15,23,42,.12)!important;
  opacity:1!important;
}

/* Buttons: clear hierarchy. */
.flowops-btn,.flowops-btn-secondary,.flowops-btn-ghost,.flowops-profile-btn,.button:not(.button-primary){
  background:#ffffff!important;
  border-color:rgba(15,23,42,.16)!important;
  color:#0a0a0f!important;
  -webkit-text-fill-color:#0a0a0f!important;
}
.flowops-btn-primary,.flowops-btn.flowops-btn-primary,
.flowops-app .flowops-btn:not(.flowops-btn-secondary):not(.flowops-btn-danger):not(.flowops-btn-ghost),
.flowops-app button.flowops-btn-primary,.flowops-app input[type="submit"].flowops-btn-primary,
.flowops-app .button-primary{
  background:#00c85a!important;
  border-color:#00c85a!important;
  color:#0a0a0f!important;
  -webkit-text-fill-color:#0a0a0f!important;
  box-shadow:0 14px 30px rgba(0,200,90,.22)!important;
}
.flowops-btn:hover,.flowops-btn-secondary:hover,.flowops-btn-ghost:hover,.flowops-profile-btn:hover{
  background:#f1f5f9!important;
  border-color:rgba(0,200,90,.28)!important;
  color:#0a0a0f!important;
}
.flowops-btn-primary:hover,.flowops-app .button-primary:hover{
  background:#00e676!important;
  border-color:#00e676!important;
}
.flowops-btn-danger,.flowops-app .flowops-btn-danger{
  background:#fff1f2!important;
  border-color:rgba(239,68,68,.24)!important;
  color:#b91c1c!important;
  -webkit-text-fill-color:#b91c1c!important;
  box-shadow:none!important;
}
.flowops-btn:disabled,.flowops-btn[disabled],.flowops-app button:disabled,
.flowops-app input[type="submit"]:disabled,.flowops-app .button.disabled{
  background:#f8fafc!important;
  border-color:rgba(15,23,42,.12)!important;
  color:#94a3b8!important;
  -webkit-text-fill-color:#94a3b8!important;
  opacity:1!important;
  box-shadow:none!important;
}

/* Tables and booking queues. */
.flowops-table,.flowops-booking-table,.flowops-data-table{
  background:#ffffff!important;
  color:#0a0a0f!important;
}
.flowops-table th,.flowops-booking-table th,.flowops-data-table th{
  background:#f8fafc!important;
  color:#667085!important;
  border-bottom-color:rgba(15,23,42,.12)!important;
}
.flowops-table td,.flowops-booking-table td,.flowops-data-table td{
  background:#ffffff!important;
  color:#334155!important;
  border-bottom-color:rgba(15,23,42,.08)!important;
}
.flowops-table tr:hover td,.flowops-booking-table tr:hover td,.flowops-data-table tr:hover td{
  background:#f8fafc!important;
}
.flowops-table-person strong,.flowops-td-person strong{color:#0a0a0f!important;}
.flowops-table-person span,.flowops-td-person span{color:#64748b!important;}

/* Calendar/work cards. */
.flowops-calendar-day-name{color:#667085!important;}
.flowops-calendar-day{background:#f3f6fa!important;}
.flowops-calendar-day:hover{background:#ecfdf3!important;border-color:#00c85a!important;}
.flowops-calendar-day.is-today,.flowops-calendar-day.is-selected{background:#e8f9ef!important;border-color:#00c85a!important;}
.flowops-calendar-dot,.flowops-calendar-booking-dot{background:#00c85a!important;}
.flowops-job-address--remote,.flowops-booking-quality-panel,.flowops-booking-quality-chip{
  background:#eaf8f0!important;
  border-color:rgba(0,200,90,.22)!important;
}
.flowops-booking-quality-chip strong,.flowops-booking-quality-panel strong,.flowops-job-address--remote .flowops-job-address__label{color:#00a84d!important;}

/* Sidebar/topbar final consistency. */
.flowops-sidebar,.flowops-topbar{
  background:rgba(255,255,255,.94)!important;
  border-color:rgba(15,23,42,.10)!important;
}
.flowops-nav-link{color:#5f6b7a!important;}
.flowops-nav-link:hover{background:#f1f5f9!important;color:#0a0a0f!important;}
.flowops-nav-link.active,.flowops-nav-link[aria-current="page"]{
  background:#e9f9ef!important;
  color:#04733a!important;
}
.flowops-nav-link.active:before,.flowops-nav-link[aria-current="page"]:before{background:#00c85a!important;}
.flowops-sidebar-workspace,.flowops-user-mini,.flowops-context-card{
  background:#f8fafc!important;
  color:#334155!important;
  border-color:rgba(15,23,42,.10)!important;
}
.flowops-user-mini__avatar,.flowops-context-card__avatar,.flowops-avatar,.flowops-avatar-sm{
  background:#00c85a!important;
  color:#0a0a0f!important;
}

/* Status colours stay readable on white. */
.flowops-badge--warning,.flowops-badge-pending,.flowops-status.is-pending,.flowops-badge.is-pending{background:#fff7ed!important;color:#b45309!important;border-color:rgba(245,158,11,.20)!important;}
.flowops-badge--info,.flowops-badge-confirmed,.flowops-badge-scheduled,.flowops-badge-rescheduled,.flowops-status.is-confirmed,.flowops-badge.is-confirmed{background:#eff6ff!important;color:#2563eb!important;border-color:rgba(37,99,235,.18)!important;}
.flowops-badge--success,.flowops-badge-completed,.flowops-status.is-completed,.flowops-badge.is-completed{background:#ecfdf3!important;color:#008a43!important;border-color:rgba(0,200,90,.20)!important;}
.flowops-badge--danger,.flowops-badge-cancelled,.flowops-status.is-cancelled,.flowops-badge.is-cancelled{background:#fff1f2!important;color:#b91c1c!important;border-color:rgba(239,68,68,.20)!important;}
.flowops-badge-in_progress,.flowops-status.is-in-progress{background:#f5f3ff!important;color:#6d28d9!important;border-color:rgba(139,92,246,.18)!important;}

/* Public tracking page also follows white theme. */
body.flowops-track-body{background:#f6f8fb!important;color:#0a0a0f!important;}
.flowops-track-wrap{background:linear-gradient(135deg,rgba(0,200,90,.10),rgba(37,99,235,.04)),#f6f8fb!important;}
.flowops-track-card{background:#ffffff!important;border-color:rgba(15,23,42,.12)!important;color:#0a0a0f!important;box-shadow:0 24px 70px rgba(15,23,42,.10)!important;}

/* Prevent remaining dark inline template styles from winning by specificity. */
.flowops-app [style*="background:rgba(15,23,42"],.flowops-app [style*="background: rgba(15,23,42"],
.flowops-app [style*="background:#071"],.flowops-app [style*="background: #071"],
.flowops-app [style*="background:#0"],.flowops-app [style*="background: #0"]{
  background:#ffffff!important;
  background-image:none!important;
  color:#0a0a0f!important;
  border-color:rgba(15,23,42,.12)!important;
}
.flowops-app [style*="color:#e"],.flowops-app [style*="color: #e"],
.flowops-app [style*="color:#f"],.flowops-app [style*="color: #f"],
.flowops-app [style*="color:#94"],.flowops-app [style*="color: #94"]{
  color:#334155!important;
}


/* FlowOps v8.7.5 — custom Flow F logo mark */
.flowops-logo img,.flowops-auth-brand-row img{width:36px!important;height:36px!important;max-width:36px!important;max-height:36px!important;border-radius:12px!important;object-fit:contain!important;box-shadow:0 12px 28px rgba(0,230,118,.16)!important;background:#0a0a0f!important;}
.flowops-logo-copy strong,.flowops-auth-brand-row strong{letter-spacing:-.03em!important;}



body.flowops-page-dashboard .flowops-main{
  background:transparent!important;
}
body.flowops-page-dashboard .flowops-topbar{
  background:rgba(255,255,255,.86)!important;
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(15,23,42,.08)!important;
}
body.flowops-page-dashboard .flowops-content{
  background:
    linear-gradient(90deg, rgba(15,23,42,.035) 1px, transparent 1px),
    linear-gradient(180deg, rgba(15,23,42,.035) 1px, transparent 1px);
  background-size:48px 48px;
}
body.flowops-page-dashboard .flowops-dashboard-hero{
  background:
    radial-gradient(circle at 82% 20%, rgba(24,224,131,.26), transparent 30%),
    linear-gradient(135deg,#08111f 0%,#10233a 48%,#0b3b2b 100%)!important;
  color:#fff!important;
  border:1px solid rgba(0,200,90,.28)!important;
  box-shadow:0 26px 90px rgba(8,17,31,.18)!important;
}
body.flowops-page-dashboard .flowops-dashboard-hero:after{
  background:radial-gradient(circle,rgba(0,200,90,.24),transparent 70%)!important;
}
body.flowops-page-dashboard .flowops-dashboard-hero h2,
body.flowops-page-dashboard .flowops-dashboard-hero .flowops-dashboard-eyebrow{
  color:#ffffff!important;
}
body.flowops-page-dashboard .flowops-dashboard-hero .flowops-dashboard-eyebrow{
  color:#7dffb2!important;
  letter-spacing:.15em!important;
}
body.flowops-page-dashboard .flowops-dashboard-hero p,
body.flowops-page-dashboard .flowops-dashboard-hero-meta,
body.flowops-page-dashboard .flowops-dashboard-hero-meta span{
  color:rgba(235,248,255,.78)!important;
}
body.flowops-page-dashboard .flowops-dashboard-hero-meta strong{
  color:#ffffff!important;
}
body.flowops-page-dashboard .flowops-dashboard-hero-panel{
  background:rgba(255,255,255,.95)!important;
  color:var(--dash-text)!important;
  border:1px solid rgba(255,255,255,.62)!important;
  box-shadow:0 20px 60px rgba(0,0,0,.20)!important;
}
body.flowops-page-dashboard .flowops-dashboard-hero-panel>strong,
body.flowops-page-dashboard .flowops-dashboard-hero-panel h3{
  color:var(--dash-text)!important;
}
body.flowops-page-dashboard .flowops-dashboard-hero-panel p{
  color:var(--dash-muted)!important;
}
body.flowops-page-dashboard .flowops-dashboard-score-mini span{
  background:#f8fafc!important;
  border:1px solid rgba(15,23,42,.08)!important;
  color:var(--dash-muted)!important;
}
body.flowops-page-dashboard .flowops-dashboard-score-mini strong{
  color:var(--dash-text)!important;
}
body.flowops-page-dashboard .flowops-stat-card,
body.flowops-page-dashboard .flowops-dashboard-stat-card,
body.flowops-page-dashboard .flowops-card,
body.flowops-page-dashboard .flowops-panel{
  background:rgba(255,255,255,.94)!important;
  border:1px solid var(--dash-border)!important;
  box-shadow:var(--dash-shadow)!important;
}
body.flowops-page-dashboard .flowops-dashboard-stat-card:before,
body.flowops-page-dashboard .flowops-stat-card:before{
  height:3px!important;
  opacity:1!important;
}
body.flowops-page-dashboard .flowops-dashboard-stat-card.is-amber:before,
body.flowops-page-dashboard .flowops-stat-card.is-amber:before{background:var(--dash-amber)!important;}
body.flowops-page-dashboard .flowops-dashboard-stat-card.is-green:before,
body.flowops-page-dashboard .flowops-stat-card.is-green:before{background:var(--dash-green)!important;}
body.flowops-page-dashboard .flowops-dashboard-stat-card strong,
body.flowops-page-dashboard .flowops-stat-card__value,
body.flowops-page-dashboard .flowops-section-head h2,
body.flowops-page-dashboard .flowops-section-head h3,
body.flowops-page-dashboard .flowops-card h2,
body.flowops-page-dashboard .flowops-card h3{
  color:var(--dash-text)!important;
}
body.flowops-page-dashboard .flowops-dashboard-stat-card span,
body.flowops-page-dashboard .flowops-stat-card__label,
body.flowops-page-dashboard .flowops-eyebrow{
  color:#66748a!important;
}
body.flowops-page-dashboard .flowops-dashboard-stat-card p,
body.flowops-page-dashboard .flowops-stat-card__hint,
body.flowops-page-dashboard .flowops-card p,
body.flowops-page-dashboard .flowops-panel p{
  color:var(--dash-muted)!important;
}
body.flowops-page-dashboard .flowops-dashboard-grid .flowops-card:first-child{
  border-color:rgba(0,200,90,.18)!important;
}
body.flowops-page-dashboard .flowops-dashboard-grid .flowops-card:nth-child(2){
  border-color:rgba(37,99,235,.14)!important;
}
body.flowops-page-dashboard .flowops-dashboard-checklist-item,
body.flowops-page-dashboard .flowops-checklist-item,
body.flowops-page-dashboard .flowops-ai-list li,
body.flowops-page-dashboard .flowops-ai-action,
body.flowops-page-dashboard .flowops-pulse-card,
body.flowops-page-dashboard .flowops-dashboard-action-card,
body.flowops-page-dashboard .flowops-quick-action{
  background:#f8fbff!important;
  border:1px solid rgba(15,23,42,.09)!important;
  color:var(--dash-text)!important;
}
body.flowops-page-dashboard .flowops-dashboard-action-card:hover,
body.flowops-page-dashboard .flowops-quick-action:hover{
  background:var(--dash-mint)!important;
  border-color:rgba(0,200,90,.26)!important;
}
body.flowops-page-dashboard .flowops-btn-primary{
  background:linear-gradient(135deg,var(--dash-green),var(--dash-green-2))!important;
  color:#03120a!important;
  border-color:transparent!important;
  box-shadow:0 16px 34px rgba(0,200,90,.22)!important;
}
body.flowops-page-dashboard .flowops-btn-secondary,
body.flowops-page-dashboard .flowops-btn--secondary{
  background:#ffffff!important;
  color:#0b1220!important;
  border:1px solid rgba(15,23,42,.12)!important;
}
@media(max-width:900px){
  body.flowops-page-dashboard .flowops-content{padding:16px!important;background-size:36px 36px;}
  body.flowops-page-dashboard .flowops-dashboard-hero{padding:22px!important;border-radius:22px!important;}
  body.flowops-page-dashboard .flowops-dashboard-hero h2{font-size:clamp(26px,8vw,36px)!important;}
  body.flowops-page-dashboard .flowops-dashboard-hero-panel{margin-top:18px!important;width:100%!important;}
  body.flowops-page-dashboard .flowops-dashboard-stats,
  body.flowops-page-dashboard .flowops-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;}
}
@media(max-width:560px){
  body.flowops-page-dashboard .flowops-dashboard-stats,
  body.flowops-page-dashboard .flowops-stat-grid,
  body.flowops-page-dashboard .flowops-dashboard-grid,
  body.flowops-page-dashboard .flowops-dashboard-grid-3,
  body.flowops-page-dashboard .flowops-dashboard-action-grid,
  body.flowops-page-dashboard .flowops-quick-actions{grid-template-columns:1fr!important;}
  body.flowops-page-dashboard .flowops-dashboard-hero-actions .flowops-btn{width:100%;justify-content:center;}
  body.flowops-page-dashboard .flowops-dashboard-hero-meta{display:grid!important;grid-template-columns:1fr 1fr;gap:12px!important;}
}


/* ──────────────────────────────────────────────────────────────
   FlowOps v8.7.9 — Design Audit Polish
   Purpose: one consistent responsive product theme. No route/form/logic changes.
   Notes: fixes dashboard colour visibility by moving styles into main app.css,
   removes leftover dark blocks, improves mobile tables/cards, auth and empty states.
────────────────────────────────────────────────────────────── */
:root{
  --fo-ink:#07111f;--fo-ink-2:#0f2437;--fo-text:#0b1220;--fo-muted:#526173;--fo-faint:#8491a3;
  --fo-green:#00c85a;--fo-green-2:#18e083;--fo-green-soft:#e9fbf1;--fo-green-line:rgba(0,200,90,.24);
  --fo-blue:#2563eb;--fo-blue-soft:#eff6ff;--fo-amber:#f59e0b;--fo-amber-soft:#fff7ed;--fo-red:#ef4444;--fo-red-soft:#fff1f2;
  --fo-card:#ffffff;--fo-soft:#f7fafc;--fo-line:rgba(15,23,42,.11);--fo-line-2:rgba(15,23,42,.17);
  --fo-shadow-sm:0 8px 26px rgba(15,23,42,.06);--fo-shadow:0 20px 60px rgba(15,23,42,.09);
}
body.flowops-app-body{background:linear-gradient(180deg,#fbfefd 0%,#f6f9fc 45%,#eef3f7 100%)!important;color:var(--fo-text)!important;}
.flowops-app{background:radial-gradient(780px 360px at 20% -8%,rgba(0,200,90,.14),transparent 62%),radial-gradient(650px 300px at 100% 0,rgba(37,99,235,.08),transparent 54%),linear-gradient(180deg,#ffffff 0%,#f7fafc 54%,#eef3f7 100%)!important;}
.flowops-content{background:transparent!important;}
.flowops-content:before{display:none!important;}
.flowops-sidebar{background:rgba(255,255,255,.96)!important;border-right:1px solid var(--fo-line)!important;box-shadow:10px 0 36px rgba(15,23,42,.055)!important;}
.flowops-topbar{background:rgba(255,255,255,.92)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--fo-line)!important;box-shadow:0 8px 30px rgba(15,23,42,.045)!important;}
.flowops-logo img,.flowops-auth-brand-row img,.flowops-invite-brand img{background:#0a0a0f!important;border-radius:12px!important;box-shadow:0 12px 28px rgba(0,200,90,.16)!important;}
.flowops-logo-copy strong,.flowops-brand-title,.flowops-topbar__title,.flowops-card h2,.flowops-card h3,.flowops-panel h2,.flowops-panel h3,.flowops-section-head h2,.flowops-section-head h3{color:var(--fo-text)!important;letter-spacing:-.025em!important;}
.flowops-logo-copy span,.flowops-brand-subtitle,.flowops-topbar__subtitle,.flowops-card p,.flowops-panel p,.flowops-section-head p,.flowops-muted,.flowops-faint{color:var(--fo-muted)!important;}
.flowops-sidebar-workspace,.flowops-user-mini,.flowops-context-card,.flowops-profile-btn,.flowops-logout-link{background:#f8fafc!important;border:1px solid var(--fo-line)!important;color:var(--fo-muted)!important;box-shadow:none!important;}
.flowops-sidebar-workspace strong,.flowops-user-mini strong,.flowops-context-card__user strong{color:var(--fo-text)!important;}
.flowops-user-mini__avatar,.flowops-context-card__avatar,.flowops-avatar,.flowops-avatar-sm{background:var(--fo-green)!important;color:#03120a!important;}
.flowops-nav-link{color:#5f6b7a!important;border-radius:12px!important;}
.flowops-nav-link:hover{background:#f1f5f9!important;color:var(--fo-text)!important;transform:translateX(1px)!important;}
.flowops-nav-link.active,.flowops-nav-link[aria-current="page"]{background:var(--fo-green-soft)!important;color:#04733a!important;font-weight:800!important;}
.flowops-nav-link.active:before,.flowops-nav-link[aria-current="page"]:before{background:var(--fo-green)!important;}
.flowops-sidebar-section{color:#8792a2!important;}
.flowops-card,.flowops-panel,.flowops-dashboard-card,.flowops-stat-card,.flowops-dashboard-stat-card,.flowops-metric-card,.flowops-table-wrap,.flowops-form-card,.flowops-empty-state,.flowops-ai-launch-card,.flowops-ai-score-part,.flowops-ai-worker-prep,.flowops-watchtower-item,.flowops-customer-health-card,.flowops-oc-action-item,.flowops-oc-brief-list li,.flowops-oc-score-breakdown article,.flowops-oc-job-card,.flowops-ai-action-report,.flowops-risk-card,.flowops-growth-card,.flowops-provider-card,.flowops-ai-status-box{background:var(--fo-card)!important;background-image:none!important;border:1px solid var(--fo-line)!important;color:var(--fo-text)!important;box-shadow:var(--fo-shadow-sm)!important;}
.flowops-card:hover,.flowops-panel:hover,.flowops-stat-card:hover,.flowops-dashboard-stat-card:hover{border-color:var(--fo-green-line)!important;box-shadow:var(--fo-shadow)!important;}
.flowops-eyebrow,.flowops-dashboard-eyebrow{color:#008a43!important;font-weight:900!important;letter-spacing:.13em!important;}
.flowops-btn-primary,.flowops-btn.flowops-btn-primary,.flowops-btn:not(.flowops-btn-secondary):not(.flowops-btn-danger):not(.flowops-btn-ghost),button.flowops-btn-primary,input[type=submit].flowops-btn-primary{background:linear-gradient(135deg,var(--fo-green),var(--fo-green-2))!important;border-color:transparent!important;color:#03120a!important;font-weight:900!important;box-shadow:0 14px 34px rgba(0,200,90,.22)!important;}
.flowops-btn-primary:hover,.flowops-btn:not(.flowops-btn-secondary):not(.flowops-btn-danger):not(.flowops-btn-ghost):hover{background:linear-gradient(135deg,#00d965,#34f29a)!important;transform:translateY(-1px)!important;}
.flowops-btn-secondary,.flowops-btn--secondary,.flowops-btn-ghost{background:#fff!important;border:1px solid var(--fo-line-2)!important;color:var(--fo-text)!important;box-shadow:0 6px 18px rgba(15,23,42,.04)!important;}
.flowops-btn-danger{background:var(--fo-red-soft)!important;border-color:rgba(239,68,68,.22)!important;color:#b91c1c!important;}
.flowops-btn[disabled],button:disabled,input[type=submit]:disabled{background:#f8fafc!important;border-color:var(--fo-line)!important;color:#94a3b8!important;opacity:1!important;box-shadow:none!important;}
.flowops-field label,.flowops-form-field label,.flowops-form-row label,.flowops-filter-label,label,.flowops-label{color:#334155!important;font-weight:800!important;}
.flowops-app input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),.flowops-app select,.flowops-app textarea,.flowops-input,.flowops-select,.flowops-textarea{background:#fff!important;border:1px solid var(--fo-line-2)!important;color:var(--fo-text)!important;-webkit-text-fill-color:var(--fo-text)!important;color-scheme:light!important;border-radius:12px!important;box-shadow:0 1px 0 rgba(15,23,42,.03)!important;}
.flowops-app input:focus,.flowops-app select:focus,.flowops-app textarea:focus{border-color:var(--fo-green)!important;box-shadow:0 0 0 4px rgba(0,200,90,.13)!important;outline:none!important;}
.flowops-app input::placeholder,.flowops-app textarea::placeholder{color:#8b96a8!important;-webkit-text-fill-color:#8b96a8!important;opacity:1!important;}
.flowops-app select option{background:#fff!important;color:var(--fo-text)!important;}
.flowops-table,.flowops-booking-table,.flowops-data-table{background:#fff!important;color:var(--fo-text)!important;border-collapse:separate!important;border-spacing:0!important;}
.flowops-table th,.flowops-booking-table th,.flowops-data-table th{background:#f8fafc!important;color:#667085!important;border-bottom:1px solid var(--fo-line)!important;font-size:11px!important;letter-spacing:.09em!important;}
.flowops-table td,.flowops-booking-table td,.flowops-data-table td{background:#fff!important;color:#334155!important;border-bottom:1px solid rgba(15,23,42,.08)!important;}
.flowops-table tr:hover td,.flowops-booking-table tr:hover td,.flowops-data-table tr:hover td{background:#f9fbfd!important;}
.flowops-table-person strong,.flowops-td-person strong,.flowops-job-card strong,.flowops-ai-list strong{color:var(--fo-text)!important;}
.flowops-table-person span,.flowops-td-person span{color:#64748b!important;}
.flowops-badge--warning,.flowops-badge-pending,.flowops-status.is-pending,.flowops-badge.is-pending{background:var(--fo-amber-soft)!important;color:#b45309!important;border-color:rgba(245,158,11,.20)!important;}
.flowops-badge--info,.flowops-badge-confirmed,.flowops-badge-scheduled,.flowops-badge-rescheduled,.flowops-status.is-confirmed,.flowops-badge.is-confirmed{background:var(--fo-blue-soft)!important;color:#2563eb!important;border-color:rgba(37,99,235,.18)!important;}
.flowops-badge--success,.flowops-badge-completed,.flowops-status.is-completed,.flowops-badge.is-completed{background:#ecfdf3!important;color:#008a43!important;border-color:rgba(0,200,90,.20)!important;}
.flowops-badge--danger,.flowops-badge-cancelled,.flowops-status.is-cancelled,.flowops-badge.is-cancelled{background:var(--fo-red-soft)!important;color:#b91c1c!important;border-color:rgba(239,68,68,.20)!important;}
.flowops-badge-in_progress,.flowops-status.is-in-progress{background:#f5f3ff!important;color:#6d28d9!important;border-color:rgba(139,92,246,.18)!important;}
.flowops-dashboard-hero{background:linear-gradient(135deg,#07111f 0%,#10243a 52%,#063522 100%)!important;color:#fff!important;border:1px solid rgba(0,200,90,.28)!important;box-shadow:0 28px 90px rgba(6,21,34,.22)!important;}
.flowops-dashboard-hero:after{background:radial-gradient(circle,rgba(0,200,90,.22),transparent 70%)!important;}
.flowops-dashboard-hero h2{color:#fff!important;font-size:clamp(34px,4vw,54px)!important;line-height:1.04!important;}
.flowops-dashboard-hero .flowops-dashboard-eyebrow{display:inline-flex!important;width:max-content!important;background:rgba(0,200,90,.13)!important;border:1px solid rgba(125,255,178,.20)!important;border-radius:999px!important;color:#7dffb2!important;padding:6px 11px!important;}
.flowops-dashboard-hero p,.flowops-dashboard-hero-meta,.flowops-dashboard-hero-meta span{color:rgba(235,248,255,.76)!important;}
.flowops-dashboard-hero-meta strong{color:#fff!important;}
.flowops-dashboard-hero-panel{background:rgba(255,255,255,.96)!important;color:var(--fo-text)!important;border:1px solid rgba(255,255,255,.65)!important;box-shadow:0 24px 70px rgba(0,0,0,.22)!important;}
.flowops-dashboard-hero-panel>strong,.flowops-dashboard-hero-panel h3{color:var(--fo-text)!important;}
.flowops-dashboard-hero-panel p{color:var(--fo-muted)!important;}
.flowops-score-ring,.flowops-dashboard-progress-ring{background:conic-gradient(var(--fo-green) calc(var(--flowops-progress)*3.6deg), #e8eef5 0deg)!important;box-shadow:0 0 0 1px var(--fo-line)!important;}
.flowops-score-ring__inner,.flowops-dashboard-progress-ring-inner{background:#fff!important;}
.flowops-score-ring strong,.flowops-dashboard-progress-ring-inner strong,.flowops-score-num{color:var(--fo-text)!important;}
.flowops-score-ring span,.flowops-dashboard-progress-ring-inner span{color:#667085!important;}
.flowops-dashboard-score-mini span,.flowops-pulse-card,.flowops-dashboard-action-card,.flowops-quick-action,.flowops-ai-list li,.flowops-ai-action,.flowops-upcoming-item,.flowops-job-card,.flowops-activity-item,.flowops-calendar-day,.flowops-checklist-item,.flowops-dashboard-checklist-item{background:#f8fbff!important;border:1px solid rgba(15,23,42,.09)!important;color:var(--fo-text)!important;}
.flowops-dashboard-score-mini strong{color:var(--fo-text)!important;}
.flowops-dashboard-stat-card,.flowops-stat-card{border-top:4px solid var(--fo-green)!important;}
.flowops-dashboard-stat-card.is-amber,.flowops-stat-card.is-amber{border-top-color:var(--fo-amber)!important;}
.flowops-dashboard-stat-card.is-red,.flowops-stat-card.is-red{border-top-color:var(--fo-red)!important;}
.flowops-dashboard-stat-card.is-blue,.flowops-stat-card.is-blue{border-top-color:var(--fo-blue)!important;}
.flowops-dashboard-stat-card strong,.flowops-stat-card__value{color:var(--fo-text)!important;}
.flowops-dashboard-stat-card span,.flowops-stat-card__label{color:#718096!important;}
.flowops-dashboard-stat-card p,.flowops-stat-card__hint{color:var(--fo-muted)!important;}
.flowops-calendar-day{background:#f3f6fa!important;min-height:96px!important;}
.flowops-calendar-day:hover{background:#ecfdf3!important;border-color:var(--fo-green)!important;}
.flowops-calendar-day.is-today,.flowops-calendar-day.is-selected{background:#e8f9ef!important;border-color:var(--fo-green)!important;}
.flowops-calendar-dot,.flowops-calendar-booking-dot{background:var(--fo-green)!important;}
.flowops-job-address--remote,.flowops-booking-quality-panel,.flowops-booking-quality-chip{background:#eaf8f0!important;border-color:var(--fo-green-line)!important;color:var(--fo-text)!important;}
.flowops-booking-quality-chip strong,.flowops-booking-quality-panel strong,.flowops-job-address--remote .flowops-job-address__label{color:#008a43!important;}
.flowops-ai-opportunity-grid>div,.flowops-ai-mini-chat--restored,.flowops-ai-action-report__draft pre,.flowops-market-form select,.flowops-market-form textarea{background:#fff!important;border:1px solid var(--fo-line)!important;color:var(--fo-text)!important;}
.flowops-ai-opportunity-grid strong,.flowops-ai-action-report__draft pre{color:var(--fo-text)!important;}
.flowops-ai-opportunity-grid span{color:var(--fo-muted)!important;}
.flowops-modal-card{background:#fff!important;color:var(--fo-text)!important;border:1px solid var(--fo-line)!important;box-shadow:0 34px 100px rgba(15,23,42,.20)!important;}
.flowops-modal-card p,.flowops-modal-card li{color:var(--fo-muted)!important;}
.flowops-empty-state{padding:28px!important;text-align:center!important;background:linear-gradient(135deg,#fff,#f8fbff)!important;}
.flowops-empty-state h3{color:var(--fo-text)!important;}
.flowops-empty-state p{color:var(--fo-muted)!important;}
/* Convert accidental leftover inline dark backgrounds to white cards without touching branded dark dashboard hero. */
.flowops-app :not(.flowops-dashboard-hero)[style*="background:#0"],.flowops-app :not(.flowops-dashboard-hero)[style*="background: #0"],.flowops-app :not(.flowops-dashboard-hero)[style*="background:rgba(15,23,42"],.flowops-app :not(.flowops-dashboard-hero)[style*="background: rgba(15,23,42"]{background:#fff!important;background-image:none!important;color:var(--fo-text)!important;border-color:var(--fo-line)!important;}
.flowops-app [style*="color:#e"],.flowops-app [style*="color: #e"],.flowops-app [style*="color:#f"],.flowops-app [style*="color: #f"],.flowops-app [style*="color:#94"],.flowops-app [style*="color: #94"]{color:#334155!important;}
@media(max-width:1100px){.flowops-dashboard-hero{align-items:flex-start!important;}.flowops-dashboard-grid,.flowops-dashboard-grid-3{grid-template-columns:1fr!important;}.flowops-stat-grid,.flowops-dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;}.flowops-calendar-layout,.flowops-bookings-layout{grid-template-columns:1fr!important;}}
@media(max-width:760px){body.flowops-app-body{overflow:auto!important}.flowops-app{display:block!important}.flowops-sidebar{position:fixed!important;inset:0 auto 0 0!important;width:min(86vw,320px)!important;z-index:1000!important;transform:translateX(-110%);transition:transform .2s ease!important}.flowops-sidebar.is-open,.flowops-app.sidebar-open .flowops-sidebar{transform:translateX(0)!important}.flowops-main{min-width:0!important}.flowops-content{padding:16px!important}.flowops-topbar{position:sticky!important;top:0!important;z-index:40!important}.flowops-dashboard-hero{display:block!important;padding:22px!important;border-radius:22px!important}.flowops-dashboard-hero h2{font-size:clamp(28px,9vw,42px)!important}.flowops-dashboard-hero-panel{margin-top:18px!important;width:100%!important}.flowops-stat-grid,.flowops-dashboard-stats{grid-template-columns:1fr!important}.flowops-card,.flowops-panel{padding:16px!important;border-radius:18px!important}.flowops-table-wrap{overflow-x:auto!important}.flowops-table,.flowops-booking-table,.flowops-data-table{min-width:760px!important}.flowops-form-grid,.flowops-grid-2,.flowops-grid-3,.flowops-booking-form-grid{grid-template-columns:1fr!important}.flowops-auth-split{display:block!important}.flowops-auth-panel-brand{display:none!important}.flowops-auth-panel{padding:18px!important}.flowops-auth-card{border-radius:22px!important;padding:22px!important}.flowops-auth-card h2{font-size:24px!important}}
@media(max-width:520px){.flowops-content{padding:12px!important}.flowops-topbar{padding:10px 14px!important}.flowops-dashboard-hero-actions .flowops-btn,.flowops-section-head .flowops-btn,.flowops-card .flowops-btn{width:100%;justify-content:center!important}.flowops-dashboard-hero-meta{display:grid!important;grid-template-columns:1fr 1fr;gap:12px!important}.flowops-auth-card{padding:18px!important}.flowops-auth-inline-row{display:block!important}.flowops-auth-inline-link{display:inline-block;margin-top:12px!important}}


/* ──────────────────────────────────────────────────────────────
   FlowOps v8.8.0 Deep Design Colour Pass
   Final cascade layer: consistent light product UI, readable contrast,
   responsive cards/tables, no accidental black sections except logo mark.
────────────────────────────────────────────────────────────── */
:root{
  --flowops-bg:#f6f8fb!important;--flowops-bg-2:#ffffff!important;--flowops-bg-3:#eef2f7!important;
  --flowops-surface:#ffffff!important;--flowops-surface-2:#f8fafc!important;--flowops-surface-3:#eef2f7!important;
  --flowops-border:rgba(15,23,42,.10)!important;--flowops-border-2:rgba(15,23,42,.16)!important;
  --flowops-text:#0b1220!important;--flowops-muted:#526173!important;--flowops-faint:#8491a3!important;
  --flowops-accent:#00c85a!important;--flowops-accent-2:#00a84d!important;--flowops-accent-glow:rgba(0,200,90,.14)!important;
  --flowops-green:#00c85a!important;--flowops-green-bg:#e9fbf1!important;--flowops-blue:#2563eb!important;--flowops-blue-bg:#eff6ff!important;
  --flowops-amber:#f59e0b!important;--flowops-amber-bg:#fff7ed!important;--flowops-red:#ef4444!important;--flowops-red-bg:#fff1f2!important;
  --flowops-violet:#7c3aed!important;--flowops-violet-bg:#f5f3ff!important;--flowops-shadow:0 18px 56px rgba(15,23,42,.08)!important;
  --color-background-primary:#ffffff!important;--color-background-secondary:#f8fafc!important;--color-background-tertiary:#eef2f7!important;
  --color-border-primary:rgba(15,23,42,.10)!important;--color-border-secondary:rgba(15,23,42,.16)!important;--color-border-tertiary:rgba(15,23,42,.10)!important;
  --color-text-primary:#0b1220!important;--color-text-secondary:#526173!important;--color-text-success:#008a43!important;--color-text-info:#2563eb!important;
}
html,body.flowops-app-body{color-scheme:light!important;background:#f6f8fb!important;color:#0b1220!important;}
.flowops-app{background:radial-gradient(820px 360px at 18% -5%,rgba(0,200,90,.14),transparent 62%),radial-gradient(700px 320px at 100% 0,rgba(37,99,235,.08),transparent 56%),linear-gradient(180deg,#ffffff 0%,#f7fafc 56%,#eef3f7 100%)!important;color:#0b1220!important;}
.flowops-sidebar,.flowops-topbar{background:rgba(255,255,255,.96)!important;color:#0b1220!important;border-color:rgba(15,23,42,.10)!important;}
.flowops-topbar{box-shadow:0 8px 30px rgba(15,23,42,.045)!important;}
.flowops-sidebar{box-shadow:10px 0 36px rgba(15,23,42,.055)!important;}
.flowops-logo img{background:#0a0a0f!important;border-radius:12px!important;}
.flowops-logo-copy strong,.flowops-brand-title,.flowops-topbar__title,.flowops-sidebar-workspace strong,.flowops-user-mini strong,.flowops-context-card__user strong{color:#0b1220!important;}
.flowops-logo-copy span,.flowops-brand-subtitle,.flowops-topbar__subtitle,.flowops-sidebar-workspace,.flowops-user-mini span,.flowops-context-card__user span{color:#526173!important;}
.flowops-card,.flowops-panel,.flowops-table-wrap,.flowops-stat-card,.flowops-dashboard-stat-card,.flowops-form-card,.flowops-empty-state,.flowops-settings-card,.flowops-billing-card,.flowops-team-card,.flowops-job-card,.flowops-calendar-panel,.flowops-ai-launch-card,.flowops-watchtower-item,.flowops-oc-action-item,.flowops-ai-action-report,.flowops-ai-mini-chat--restored,.flowops-ai-action-report__grid article,.flowops-ai-action-report__draft,.flowops-ai-action-report__steps{background:#ffffff!important;background-image:none!important;border:1px solid rgba(15,23,42,.10)!important;color:#0b1220!important;box-shadow:0 12px 38px rgba(15,23,42,.06)!important;}
.flowops-card h1,.flowops-card h2,.flowops-card h3,.flowops-panel h1,.flowops-panel h2,.flowops-panel h3,.flowops-section-head h2,.flowops-section-head h3,.flowops-page-title,.flowops-dashboard-stat-card strong,.flowops-stat-card__value,.flowops-table strong{color:#0b1220!important;}
.flowops-card p,.flowops-panel p,.flowops-section-head p,.flowops-muted,.flowops-faint,.flowops-table span,.flowops-stat-card__hint,.flowops-dashboard-stat-card p{color:#526173!important;}
.flowops-eyebrow,.flowops-dashboard-eyebrow{color:#008a43!important;}
.flowops-nav-link{color:#526173!important;background:transparent!important;}
.flowops-nav-link:hover{background:#f1f5f9!important;color:#0b1220!important;}
.flowops-nav-link.active,.flowops-nav-link[aria-current="page"]{background:#e9fbf1!important;color:#04733a!important;}
.flowops-sidebar-workspace,.flowops-user-mini,.flowops-context-card,.flowops-profile-btn,.flowops-logout-link{background:#f8fafc!important;border:1px solid rgba(15,23,42,.10)!important;color:#526173!important;}
.flowops-user-mini__avatar,.flowops-context-card__avatar,.flowops-avatar,.flowops-avatar-sm{background:#00c85a!important;color:#03120a!important;}
.flowops-btn,.button{border-radius:12px!important;font-weight:800!important;}
.flowops-btn-primary,.flowops-btn-green,.flowops-app button[type="submit"]:not(.flowops-btn-secondary):not(.flowops-btn-danger){background:linear-gradient(135deg,#00c85a,#18e083)!important;border-color:transparent!important;color:#03120a!important;box-shadow:0 14px 34px rgba(0,200,90,.20)!important;}
.flowops-btn-secondary,.flowops-btn--secondary,.flowops-btn-ghost,.flowops-profile-btn{background:#ffffff!important;color:#0b1220!important;border:1px solid rgba(15,23,42,.14)!important;box-shadow:0 8px 22px rgba(15,23,42,.04)!important;}
.flowops-btn-danger{background:#fff1f2!important;color:#b91c1c!important;border:1px solid rgba(239,68,68,.24)!important;}
.flowops-app input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),.flowops-app select,.flowops-app textarea{background:#ffffff!important;color:#0b1220!important;-webkit-text-fill-color:#0b1220!important;border:1px solid rgba(15,23,42,.16)!important;box-shadow:0 1px 0 rgba(15,23,42,.02)!important;color-scheme:light!important;}
.flowops-app input:focus,.flowops-app select:focus,.flowops-app textarea:focus{border-color:#00c85a!important;box-shadow:0 0 0 4px rgba(0,200,90,.13)!important;outline:none!important;}
.flowops-app label,.flowops-field label,.flowops-form-label{color:#334155!important;font-weight:800!important;}
.flowops-app input::placeholder,.flowops-app textarea::placeholder{color:#94a3b8!important;-webkit-text-fill-color:#94a3b8!important;opacity:1!important;}
.flowops-table,.flowops-booking-table,.flowops-data-table{background:#fff!important;color:#0b1220!important;}
.flowops-table th,.flowops-booking-table th,.flowops-data-table th{background:#f8fafc!important;color:#64748b!important;border-bottom:1px solid rgba(15,23,42,.10)!important;}
.flowops-table td,.flowops-booking-table td,.flowops-data-table td{background:#fff!important;color:#334155!important;border-bottom:1px solid rgba(15,23,42,.08)!important;}
.flowops-table tr:hover td,.flowops-booking-table tr:hover td,.flowops-data-table tr:hover td{background:#f8fbff!important;}
.flowops-badge,.flowops-status-pill,.flowops-chip{background:#f1f5f9!important;color:#334155!important;border:1px solid rgba(15,23,42,.10)!important;}
.flowops-badge.is-pending,.flowops-badge-pending,.flowops-status-pill.active-pending{background:#fff7ed!important;color:#b45309!important;border-color:rgba(245,158,11,.22)!important;}
.flowops-badge.is-confirmed,.flowops-badge-confirmed,.flowops-status-pill.active-confirmed{background:#eff6ff!important;color:#2563eb!important;border-color:rgba(37,99,235,.20)!important;}
.flowops-badge.is-in_progress,.flowops-badge-in_progress,.flowops-status-pill.active-in_progress{background:#f5f3ff!important;color:#6d28d9!important;border-color:rgba(124,58,237,.20)!important;}
.flowops-badge.is-completed,.flowops-badge-completed,.flowops-status-pill.active-completed{background:#ecfdf3!important;color:#008a43!important;border-color:rgba(0,200,90,.22)!important;}
.flowops-badge.is-cancelled,.flowops-badge-cancelled,.flowops-status-pill.active-cancelled{background:#fff1f2!important;color:#b91c1c!important;border-color:rgba(239,68,68,.22)!important;}
/* Dashboard now gets a premium light/mint hero, not an unreadable black block. */
.flowops-dashboard-hero{background:linear-gradient(135deg,#f8fffb 0%,#eef7ff 54%,#ffffff 100%)!important;color:#0b1220!important;border:1px solid rgba(0,200,90,.22)!important;box-shadow:0 24px 80px rgba(15,23,42,.09)!important;}
.flowops-dashboard-hero h1,.flowops-dashboard-hero h2,.flowops-dashboard-hero-meta strong{color:#0b1220!important;text-shadow:none!important;}
.flowops-dashboard-hero p,.flowops-dashboard-hero-meta,.flowops-dashboard-hero-meta span{color:#526173!important;}
.flowops-dashboard-hero .flowops-dashboard-eyebrow{background:#e9fbf1!important;border:1px solid rgba(0,200,90,.22)!important;color:#008a43!important;}
.flowops-dashboard-hero-panel{background:#ffffff!important;color:#0b1220!important;border:1px solid rgba(15,23,42,.11)!important;box-shadow:0 20px 60px rgba(15,23,42,.10)!important;}
.flowops-dashboard-hero-panel h3,.flowops-dashboard-hero-panel strong{color:#0b1220!important}.flowops-dashboard-hero-panel p{color:#526173!important}
.flowops-score-ring,.flowops-dashboard-progress-ring{background:conic-gradient(#00c85a calc(var(--flowops-progress,67)*3.6deg),#e8eef5 0deg)!important;}.flowops-score-ring__inner,.flowops-dashboard-progress-ring-inner{background:#fff!important;color:#0b1220!important;}
.flowops-dashboard-stat-card,.flowops-stat-card{border-top:4px solid #00c85a!important;}.flowops-dashboard-stat-card.is-amber,.flowops-stat-card.is-amber{border-top-color:#f59e0b!important}.flowops-dashboard-stat-card.is-red,.flowops-stat-card.is-red{border-top-color:#ef4444!important}.flowops-dashboard-stat-card.is-blue,.flowops-stat-card.is-blue{border-top-color:#2563eb!important}
.flowops-calendar-day,.flowops-quick-action,.flowops-dashboard-action-card,.flowops-checklist-item,.flowops-dashboard-checklist-item,.flowops-ai-list li,.flowops-ai-action,.flowops-upcoming-item,.flowops-activity-item{background:#f8fbff!important;border:1px solid rgba(15,23,42,.09)!important;color:#0b1220!important;}
.flowops-calendar-day:hover,.flowops-calendar-day.is-today,.flowops-calendar-day.is-selected{background:#e9fbf1!important;border-color:rgba(0,200,90,.34)!important;}
.flowops-message.success{background:#ecfdf3!important;color:#04733a!important;border-color:rgba(0,200,90,.22)!important}.flowops-message.error{background:#fff1f2!important;color:#b91c1c!important;border-color:rgba(239,68,68,.22)!important}.flowops-message.warning{background:#fff7ed!important;color:#b45309!important;border-color:rgba(245,158,11,.22)!important}
/* Last-resort colour correction for legacy inline dark blocks. */
.flowops-app :not(.flowops-logo):not(.flowops-logo img):not(.flowops-dashboard-hero)[style*="background:#0"],.flowops-app :not(.flowops-logo):not(.flowops-logo img):not(.flowops-dashboard-hero)[style*="background: #0"],.flowops-app :not(.flowops-logo):not(.flowops-logo img):not(.flowops-dashboard-hero)[style*="rgba(15,23,42"],.flowops-app :not(.flowops-logo):not(.flowops-logo img):not(.flowops-dashboard-hero)[style*="rgba(2,6,23"],.flowops-app :not(.flowops-logo):not(.flowops-logo img):not(.flowops-dashboard-hero)[style*="rgba(8,15"]{background:#ffffff!important;background-image:none!important;color:#0b1220!important;border-color:rgba(15,23,42,.10)!important;}
.flowops-app [style*="color:#e"],.flowops-app [style*="color: #e"],.flowops-app [style*="color:#f"],.flowops-app [style*="color: #f"],.flowops-app [style*="#94a3b8"]{color:#334155!important;}
@media(max-width:1100px){.flowops-dashboard-hero,.flowops-oc-hero{grid-template-columns:1fr!important;}.flowops-stat-grid,.flowops-dashboard-stats,.flowops-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))!important}.flowops-dashboard-grid,.flowops-dashboard-grid-3,.flowops-calendar-layout,.flowops-bookings-layout{grid-template-columns:1fr!important}}
@media(max-width:760px){body.flowops-app-body{overflow:auto!important}.flowops-app{display:block!important}.flowops-sidebar{position:fixed!important;inset:0 auto 0 0!important;width:min(86vw,320px)!important;z-index:1000!important;transform:translateX(-110%);transition:transform .2s ease!important}.flowops-sidebar.is-open,.flowops-app.sidebar-open .flowops-sidebar{transform:translateX(0)!important}.flowops-topbar{position:sticky!important;top:0!important;z-index:40!important;padding:10px 14px!important}.flowops-content{padding:16px!important}.flowops-card,.flowops-panel{padding:16px!important;border-radius:18px!important}.flowops-dashboard-hero{display:block!important;padding:22px!important;border-radius:22px!important}.flowops-dashboard-hero h2{font-size:clamp(28px,9vw,42px)!important}.flowops-dashboard-hero-panel{margin-top:18px!important;width:100%!important}.flowops-stat-grid,.flowops-dashboard-stats,.flowops-grid-2,.flowops-grid-3,.flowops-grid-4,.flowops-form-grid,.flowops-booking-form-grid{grid-template-columns:1fr!important}.flowops-table-wrap{overflow-x:auto!important}.flowops-table,.flowops-booking-table,.flowops-data-table{min-width:760px!important}}
@media(max-width:520px){.flowops-content{padding:12px!important}.flowops-dashboard-hero-actions .flowops-btn,.flowops-section-head .flowops-btn,.flowops-card .flowops-btn{width:100%;justify-content:center!important}.flowops-dashboard-hero-meta{display:grid!important;grid-template-columns:1fr 1fr;gap:12px!important}}

/* FlowOps interactive polish: navigation progress, modal score bars, hover states, and button feedback. */
.flowops-nav-progress{transform-origin:0 50%;transform:scaleX(0);opacity:0;transition:transform .32s cubic-bezier(.22,.61,.36,1),opacity .18s ease;height:3px!important;box-shadow:0 0 22px var(--flowops-accent-glow)}
.flowops-nav-progress.is-running{opacity:1;animation:flowopsTopbarProgress .92s cubic-bezier(.22,.61,.36,1) forwards}
@keyframes flowopsTopbarProgress{0%{transform:scaleX(0)}55%{transform:scaleX(.72)}82%{transform:scaleX(.9)}100%{transform:scaleX(1)}}
.flowops-content.is-leaving{animation:flowopsPageLeave .18s ease both}.flowops-content.is-entering{animation:flowopsPageEnter .26s ease both}
@keyframes flowopsPageLeave{to{opacity:.68;transform:translateY(4px)}}@keyframes flowopsPageEnter{from{opacity:.76;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
.flowops-btn,.flowops-btn-primary,.flowops-btn-secondary,.flowops-btn-danger,.flowops-btn-ghost,.flowops-profile-btn,.flowops-page-link,.flowops-nav-link{will-change:transform;transition:background .16s ease,color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .14s ease!important}
.flowops-btn:hover,.flowops-btn-primary:hover,.flowops-btn-secondary:hover,.flowops-btn-danger:hover,.flowops-btn-ghost:hover,.flowops-profile-btn:hover,.flowops-page-link:hover{transform:translateY(-1px);box-shadow:0 10px 26px rgba(15,23,42,.12)}
.flowops-btn:active,.flowops-btn-primary:active,.flowops-btn-secondary:active,.flowops-btn-danger:active,.flowops-btn-ghost:active,.flowops-profile-btn:active,.flowops-page-link:active,.flowops-nav-link:active{transform:translateY(0) scale(.985)}
.flowops-score-ring-button{transition:transform .18s ease,box-shadow .18s ease,filter .18s ease!important}.flowops-score-ring-button:hover{transform:translateY(-2px) scale(1.025);filter:saturate(1.08);box-shadow:0 18px 48px rgba(0,200,90,.22)!important}.flowops-score-ring-button:focus-visible{outline:3px solid rgba(79,140,255,.34);outline-offset:4px}
.flowops-modal{opacity:0;pointer-events:none;transition:opacity .18s ease}.flowops-modal.is-open{opacity:1;pointer-events:auto}.flowops-modal-card{transform:translateY(16px) scale(.985);transition:transform .22s cubic-bezier(.22,.61,.36,1),opacity .2s ease;opacity:.92}.flowops-modal.is-open .flowops-modal-card{transform:translateY(0) scale(1);opacity:1}
.flowops-score-explain-bars{display:grid;gap:12px;margin:16px 0}.flowops-score-explain-bar{display:grid;gap:7px}.flowops-score-explain-bar__head{display:flex;justify-content:space-between;gap:14px;font-size:12px;color:var(--flowops-muted)}.flowops-score-explain-bar__head strong{color:var(--flowops-text);font-size:13px}.flowops-score-explain-bar__track{height:10px;border-radius:999px;overflow:hidden;background:rgba(100,116,139,.18);border:1px solid rgba(100,116,139,.14)}.flowops-score-explain-bar__track i{display:block;height:100%;width:calc(var(--flowops-bar-value,0)*1%);border-radius:inherit;background:linear-gradient(90deg,var(--flowops-accent),var(--flowops-green));transform-origin:0 50%;animation:flowopsScoreBarIn .7s cubic-bezier(.22,.61,.36,1) both}.flowops-score-explain-bar:nth-child(2) i{animation-delay:.05s}.flowops-score-explain-bar:nth-child(3) i{animation-delay:.1s}.flowops-score-explain-bar:nth-child(4) i{animation-delay:.15s}.flowops-score-explain-bar:nth-child(5) i{animation-delay:.2s}.flowops-score-explain-bar:nth-child(6) i{animation-delay:.25s}@keyframes flowopsScoreBarIn{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.flowops-calendar-day{transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease!important;cursor:pointer}.flowops-calendar-day:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(15,23,42,.10)!important}.flowops-calendar-day:focus-within{outline:3px solid rgba(79,140,255,.28);outline-offset:2px}.flowops-calendar-add-btn{transition:transform .14s ease,background .14s ease,border-color .14s ease}.flowops-calendar-add-btn:hover{transform:scale(1.08)}
.flowops-booking-table tbody tr,.flowops-table tbody tr,.flowops-data-table tbody tr{transition:background .14s ease,box-shadow .14s ease,transform .14s ease}.flowops-booking-table tbody tr:hover,.flowops-table tbody tr:hover,.flowops-data-table tbody tr:hover{box-shadow:0 10px 28px rgba(15,23,42,.08);transform:translateY(-1px)}
.flowops-status-pill,.flowops-quick-action,.flowops-dashboard-action-card{transition:background .16s ease,border-color .16s ease,transform .14s ease,box-shadow .16s ease!important}.flowops-status-pill:hover,.flowops-quick-action:hover,.flowops-dashboard-action-card:hover{transform:translateY(-1px)}
@media (prefers-reduced-motion:reduce){.flowops-nav-progress,.flowops-nav-progress.is-running,.flowops-content.is-leaving,.flowops-content.is-entering,.flowops-modal,.flowops-modal-card,.flowops-score-explain-bar__track i,*{animation:none!important;transition:none!important;transform:none!important}}

/* FlowOps v8.8.2 interaction refinement: DM Sans restoration, accessible motion and tactile UI states. */
:root{
  --flowops-font:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;
  --flowops-display:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;
}
body.flowops-app-body,
body.flowops-auth-body,
.flowops-app,
.flowops-app button,
.flowops-app input,
.flowops-app select,
.flowops-app textarea{
  font-family:var(--flowops-font)!important;
}
.flowops-topbar,
.flowops-sidebar,
.flowops-card,
.flowops-panel,
.flowops-modal-card{
  font-family:var(--flowops-font)!important;
}
.flowops-nav-progress{height:4px!important;border-radius:0 999px 999px 0;background:linear-gradient(90deg,var(--flowops-accent),var(--flowops-green),var(--flowops-blue))!important;box-shadow:0 0 0 1px rgba(255,255,255,.18),0 0 28px var(--flowops-accent-glow)!important}
.flowops-content{scroll-behavior:smooth;will-change:opacity,transform}.flowops-content.is-entering>*{animation:flowopsStaggerIn .34s cubic-bezier(.22,.61,.36,1) both}.flowops-content.is-entering>*:nth-child(2){animation-delay:.035s}.flowops-content.is-entering>*:nth-child(3){animation-delay:.07s}@keyframes flowopsStaggerIn{from{opacity:.82;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
.flowops-app .flowops-nav-link{overflow:hidden}.flowops-app .flowops-nav-link:after{content:"";position:absolute;inset:6px;border-radius:9px;background:linear-gradient(90deg,rgba(0,200,90,.10),rgba(37,99,235,.08));opacity:0;transform:scaleX(.7);transform-origin:left center;transition:opacity .18s ease,transform .18s ease;pointer-events:none}.flowops-app .flowops-nav-link:hover:after,.flowops-app .flowops-nav-link:focus-visible:after{opacity:1;transform:scaleX(1)}.flowops-app .flowops-nav-link.active:after{opacity:.85;transform:scaleX(1)}.flowops-app .flowops-nav-link__icon,.flowops-app .flowops-nav-link__label,.flowops-app .flowops-nav-badge{position:relative;z-index:1}
.flowops-btn,.flowops-profile-btn,.flowops-page-link,.flowops-calendar-add-btn,.flowops-status-pill{position:relative;overflow:hidden}.flowops-btn.is-clicked,.flowops-profile-btn.is-clicked,.flowops-page-link.is-clicked,.flowops-calendar-add-btn.is-clicked,.flowops-status-pill.is-clicked{transform:translateY(0) scale(.975)!important;filter:saturate(1.08)}
.flowops-btn:focus-visible,.flowops-profile-btn:focus-visible,.flowops-page-link:focus-visible,.flowops-calendar-add-btn:focus-visible,.flowops-status-pill:focus-visible,.flowops-nav-link:focus-visible{outline:3px solid var(--flowops-accent-glow)!important;outline-offset:3px!important}
.flowops-score-ring{position:relative}.flowops-score-ring:before{content:"";position:absolute;inset:-7px;border-radius:inherit;background:conic-gradient(from 180deg,var(--flowops-accent-glow),transparent 30%,rgba(0,200,90,.18),transparent 72%);opacity:0;transition:opacity .18s ease;pointer-events:none}.flowops-score-ring-button:hover:before,.flowops-score-ring-button:focus-visible:before{opacity:1}.flowops-score-ring__inner strong{font-variant-numeric:tabular-nums}
.flowops-modal{display:grid!important;place-items:center;padding:20px;background:rgba(15,23,42,.46)!important;backdrop-filter:blur(9px);z-index:9998!important}.flowops-modal:not(.is-open){visibility:hidden}.flowops-modal.is-open{visibility:visible}.flowops-modal-card{width:min(620px,calc(100vw - 32px));max-height:calc(100vh - 40px);overflow:auto;border-radius:24px!important}.flowops-modal-card h3{letter-spacing:-.025em}.flowops-modal-card:focus{outline:none}.flowops-app-body.flowops-modal-open{overflow:hidden!important}
.flowops-modal.is-open .flowops-score-explain-bar__track i{animation-name:flowopsScoreBarIn}.flowops-score-explain-bar__track{position:relative}.flowops-score-explain-bar__track:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent);transform:translateX(-100%);animation:flowopsBarShine 1.1s ease .35s both}@keyframes flowopsBarShine{to{transform:translateX(100%)}}
.flowops-calendar-day{outline:0}.flowops-calendar-day[tabindex="0"]:focus-visible{box-shadow:0 0 0 4px var(--flowops-accent-glow),0 18px 38px rgba(15,23,42,.10)!important;transform:translateY(-2px)}.flowops-calendar-day[data-flowops-day-url]:hover .flowops-calendar-day__num span,.flowops-calendar-day[data-flowops-day-url]:focus-visible .flowops-calendar-day__num span{color:var(--flowops-accent)!important}.flowops-calendar-mini-item,.flowops-calendar-more{transition:transform .14s ease,color .14s ease,background .14s ease}.flowops-calendar-mini-item:hover,.flowops-calendar-more:hover{transform:translateX(2px);color:var(--flowops-accent)!important}
.flowops-booking-table tbody tr:hover td,.flowops-table tbody tr:hover td,.flowops-data-table tbody tr:hover td{background:linear-gradient(90deg,rgba(0,200,90,.065),rgba(37,99,235,.035))!important}.flowops-booking-table tbody tr:focus-within td,.flowops-table tbody tr:focus-within td,.flowops-data-table tbody tr:focus-within td{background:rgba(0,200,90,.075)!important;box-shadow:inset 0 1px 0 rgba(0,200,90,.18),inset 0 -1px 0 rgba(0,200,90,.18)}.flowops-booking-table tbody td:first-child,.flowops-table tbody td:first-child,.flowops-data-table tbody td:first-child{transition:box-shadow .14s ease}.flowops-booking-table tbody tr:hover td:first-child,.flowops-table tbody tr:hover td:first-child,.flowops-data-table tbody tr:hover td:first-child,.flowops-booking-table tbody tr:focus-within td:first-child,.flowops-table tbody tr:focus-within td:first-child,.flowops-data-table tbody tr:focus-within td:first-child{box-shadow:inset 4px 0 0 var(--flowops-accent)}
@media (prefers-reduced-motion:reduce){.flowops-content.is-entering>*,.flowops-modal.is-open .flowops-score-explain-bar__track i,.flowops-score-explain-bar__track:after{animation:none!important}.flowops-content{scroll-behavior:auto}}

/* FlowOps v8.8.3 premium dashboard + readability repair */
:root{
  --flowops-font:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;
  --flowops-display:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;
  --flowops-text:#07111f!important;
  --flowops-muted:#3f4f63!important;
  --flowops-subtle:#65758b!important;
  --flowops-card:#ffffff!important;
  --flowops-border:rgba(15,23,42,.11)!important;
  --flowops-accent:#00c85a!important;
  --flowops-accent-2:#2563eb!important;
  --flowops-accent-glow:rgba(0,200,90,.24)!important;
}
body.flowops-app-body,
.flowops-app,
.flowops-app *{font-family:var(--flowops-font)!important;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;}
.flowops-app ::selection{background:rgba(37,99,235,.22)!important;color:#07111f!important;}
.flowops-app p,
.flowops-app span,
.flowops-app li,
.flowops-app td,
.flowops-app th,
.flowops-app label,
.flowops-app small,
.flowops-app .flowops-muted,
.flowops-app .flowops-faint{color:inherit;}
body.flowops-page-dashboard .flowops-content{background:linear-gradient(180deg,#f8fbff 0%,#f6f8fb 42%,#ffffff 100%)!important;}
body.flowops-page-dashboard .flowops-dashboard-premium{display:grid!important;gap:18px!important;}
body.flowops-page-dashboard .flowops-dashboard-hero{
  position:relative!important;overflow:hidden!important;display:grid!important;grid-template-columns:minmax(0,1.45fr) minmax(360px,.65fr)!important;align-items:stretch!important;gap:28px!important;padding:30px!important;min-height:0!important;
  background:radial-gradient(circle at 80% 0%,rgba(0,200,90,.22),transparent 30%),linear-gradient(135deg,#f9fffc 0%,#eef7ff 58%,#ffffff 100%)!important;
  border:1px solid rgba(15,23,42,.10)!important;border-radius:26px!important;box-shadow:0 22px 70px rgba(15,23,42,.075)!important;color:#07111f!important;
}
body.flowops-page-dashboard .flowops-dashboard-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.50),transparent 56%);pointer-events:none!important;}
body.flowops-page-dashboard .flowops-dashboard-hero-copy,
body.flowops-page-dashboard .flowops-dashboard-hero-panel{position:relative;z-index:1;}
body.flowops-page-dashboard .flowops-dashboard-hero .flowops-dashboard-eyebrow{background:#e9fbf1!important;border:1px solid rgba(0,200,90,.24)!important;color:#04783d!important;font-weight:800!important;letter-spacing:.13em!important;text-transform:uppercase!important;}
body.flowops-page-dashboard .flowops-dashboard-hero h2{max-width:760px!important;margin:12px 0 10px!important;color:#07111f!important;font-size:clamp(30px,3.4vw,46px)!important;line-height:1.03!important;letter-spacing:-.055em!important;text-shadow:none!important;}
body.flowops-page-dashboard .flowops-dashboard-hero p{max-width:720px!important;color:#405168!important;font-size:15px!important;line-height:1.65!important;}
body.flowops-page-dashboard .flowops-dashboard-hero-meta{display:flex!important;flex-wrap:wrap!important;gap:12px!important;margin-top:18px!important;color:#405168!important;}
body.flowops-page-dashboard .flowops-dashboard-hero-meta>div{min-width:160px!important;padding:12px 14px!important;border:1px solid rgba(15,23,42,.10)!important;border-radius:16px!important;background:rgba(255,255,255,.72)!important;box-shadow:0 10px 26px rgba(15,23,42,.045)!important;}
body.flowops-page-dashboard .flowops-dashboard-hero-meta strong{display:block!important;color:#07111f!important;font-size:13px!important;}
body.flowops-page-dashboard .flowops-dashboard-hero-meta span{display:block!important;color:#526173!important;font-size:12px!important;margin-top:2px!important;}
body.flowops-page-dashboard .flowops-dashboard-hero-actions{display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin-top:20px!important;}
body.flowops-page-dashboard .flowops-dashboard-hero-panel{padding:24px!important;border-radius:24px!important;background:rgba(255,255,255,.92)!important;border:1px solid rgba(15,23,42,.10)!important;box-shadow:0 26px 80px rgba(15,23,42,.11)!important;color:#07111f!important;backdrop-filter:blur(18px)!important;}
body.flowops-page-dashboard .flowops-dashboard-hero-panel>strong{display:block!important;margin-top:12px!important;color:#07111f!important;font-size:16px!important;letter-spacing:-.02em!important;}
body.flowops-page-dashboard .flowops-dashboard-hero-panel p{margin:6px 0 14px!important;color:#43546a!important;font-size:13px!important;line-height:1.5!important;}
body.flowops-page-dashboard .flowops-score-ring{width:112px!important;height:112px!important;margin:0 auto 6px!important;border-radius:999px!important;transition:transform .2s ease,box-shadow .2s ease!important;}
body.flowops-page-dashboard .flowops-score-ring:hover{transform:translateY(-2px) scale(1.02)!important;}
body.flowops-page-dashboard .flowops-score-ring__inner{inset:12px!important;background:#fff!important;color:#07111f!important;box-shadow:inset 0 0 0 1px rgba(15,23,42,.08)!important;}
body.flowops-page-dashboard .flowops-score-ring__inner strong{color:#07111f!important;font-size:26px!important;}
body.flowops-page-dashboard .flowops-score-ring__inner span{color:#526173!important;font-size:11px!important;}
.flowops-dashboard-score-bars{display:grid!important;gap:11px!important;margin-top:12px!important;}
.flowops-dashboard-score-bar{display:grid!important;gap:6px!important;color:#07111f!important;}
.flowops-dashboard-score-bar>div{display:flex!important;justify-content:space-between!important;gap:14px!important;align-items:center!important;}
.flowops-dashboard-score-bar strong{color:#07111f!important;font-size:12px!important;font-weight:800!important;}
.flowops-dashboard-score-bar span{color:#334155!important;font-size:12px!important;font-weight:800!important;}
.flowops-dashboard-score-bar i{display:block!important;height:8px!important;border-radius:999px!important;background:#e8eef5!important;overflow:hidden!important;border:1px solid rgba(15,23,42,.07)!important;}
.flowops-dashboard-score-bar i b{display:block!important;width:calc(var(--flowops-bar-value,0)*1%)!important;height:100%!important;border-radius:inherit!important;background:linear-gradient(90deg,#00c85a,#2563eb)!important;animation:flowopsScoreBarIn .7s cubic-bezier(.22,.61,.36,1) both!important;}
.flowops-score-priority{margin-top:14px!important;padding:12px 13px!important;border-radius:16px!important;background:linear-gradient(135deg,#f8fbff,#effbf4)!important;border:1px solid rgba(0,200,90,.16)!important;}
.flowops-score-priority span{display:block!important;text-transform:uppercase!important;letter-spacing:.11em!important;color:#04783d!important;font-size:10px!important;font-weight:900!important;margin-bottom:5px!important;}
.flowops-score-priority strong{display:block!important;color:#07111f!important;font-size:12px!important;line-height:1.35!important;}
body.flowops-page-dashboard .flowops-stat-grid--executive{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:14px!important;}
body.flowops-page-dashboard .flowops-stat-card{position:relative!important;overflow:hidden!important;min-height:136px!important;padding:18px!important;border-radius:20px!important;background:#fff!important;border:1px solid rgba(15,23,42,.09)!important;border-top:0!important;box-shadow:0 14px 36px rgba(15,23,42,.06)!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important;}
body.flowops-page-dashboard .flowops-stat-card:hover{transform:translateY(-3px)!important;box-shadow:0 22px 48px rgba(15,23,42,.10)!important;border-color:rgba(0,200,90,.24)!important;}
body.flowops-page-dashboard .flowops-stat-card:before{content:""!important;position:absolute!important;inset:0 0 auto 0!important;height:3px!important;background:#00c85a!important;}
body.flowops-page-dashboard .flowops-stat-card.is-amber:before{background:#f59e0b!important;}
body.flowops-page-dashboard .flowops-stat-card.is-blue:before{background:#2563eb!important;}
body.flowops-page-dashboard .flowops-stat-card.is-green:before{background:#00c85a!important;}
body.flowops-page-dashboard .flowops-stat-card:after{content:attr(data-icon)!important;position:absolute!important;right:16px!important;top:16px!important;width:32px!important;height:32px!important;border-radius:12px!important;display:grid!important;place-items:center!important;background:#f1f7ff!important;color:#2563eb!important;font-weight:900!important;}
body.flowops-page-dashboard .flowops-stat-card__label{display:block!important;color:#526173!important;font-size:11px!important;letter-spacing:.09em!important;text-transform:uppercase!important;font-weight:900!important;margin-bottom:16px!important;padding-right:42px!important;}
body.flowops-page-dashboard .flowops-stat-card__value{display:block!important;color:#07111f!important;font-size:34px!important;line-height:1!important;letter-spacing:-.045em!important;margin-bottom:7px!important;}
body.flowops-page-dashboard .flowops-stat-card__hint{color:#43546a!important;font-size:12px!important;line-height:1.35!important;margin:0!important;}
body.flowops-page-dashboard .flowops-ai-ops-center{border-radius:24px!important;background:#fff!important;box-shadow:0 18px 56px rgba(15,23,42,.07)!important;border:1px solid rgba(15,23,42,.09)!important;}
body.flowops-page-dashboard .flowops-ai-ops-brief,
body.flowops-page-dashboard .flowops-ai-ops-score,
body.flowops-page-dashboard .flowops-ai-alert-card,
body.flowops-page-dashboard .flowops-ai-quality-card{background:#f8fbff!important;border:1px solid rgba(15,23,42,.09)!important;color:#07111f!important;}
body.flowops-page-dashboard .flowops-ai-list li{background:#fff!important;color:#07111f!important;border-color:rgba(15,23,42,.09)!important;}
body.flowops-page-dashboard .flowops-sidebar{background:#fff!important;border-right:1px solid rgba(15,23,42,.09)!important;box-shadow:10px 0 40px rgba(15,23,42,.035)!important;}
body.flowops-page-dashboard .flowops-nav-link{color:#405168!important;font-weight:750!important;transition:transform .16s ease,background .16s ease,color .16s ease!important;}
body.flowops-page-dashboard .flowops-nav-link:hover{transform:translateX(3px)!important;background:#f4fbf7!important;color:#07111f!important;}
body.flowops-page-dashboard .flowops-nav-link.is-active{position:relative!important;background:linear-gradient(90deg,rgba(0,200,90,.16),rgba(0,200,90,.06))!important;color:#046b38!important;box-shadow:inset 0 0 0 1px rgba(0,200,90,.14)!important;}
body.flowops-page-dashboard .flowops-nav-link.is-active:before{content:"";position:absolute;left:0;top:9px;bottom:9px;width:4px;border-radius:999px;background:#00c85a;}
.flowops-btn{font-weight:900!important;letter-spacing:-.01em!important;}
.flowops-btn-primary{background:linear-gradient(135deg,#00c85a,#00aa4d)!important;color:#07111f!important;box-shadow:0 12px 28px rgba(0,200,90,.22)!important;}
.flowops-btn-secondary{background:#fff!important;color:#07111f!important;border-color:rgba(15,23,42,.12)!important;}
.flowops-booking-table tbody tr:hover td,.flowops-table tbody tr:hover td,.flowops-data-table tbody tr:hover td{color:#07111f!important;}
@media(max-width:1300px){body.flowops-page-dashboard .flowops-stat-grid--executive{grid-template-columns:repeat(3,minmax(0,1fr))!important;}}
@media(max-width:1100px){body.flowops-page-dashboard .flowops-dashboard-hero{grid-template-columns:1fr!important;}body.flowops-page-dashboard .flowops-dashboard-hero-panel{max-width:none!important;}}
@media(max-width:760px){body.flowops-page-dashboard .flowops-stat-grid--executive{grid-template-columns:1fr!important;}body.flowops-page-dashboard .flowops-dashboard-hero{padding:22px!important;}body.flowops-page-dashboard .flowops-dashboard-hero h2{font-size:clamp(28px,9vw,38px)!important;}}

/* FlowOps v8.8.4 — 10/10 dashboard command center refresh */
.flowops-dashboard-command,
.flowops-dashboard-command * {
    font-family: var(--flowops-font-sans, 'DM Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif) !important;
}
.flowops-dashboard-command {
    color: var(--flowops-text, #0f172a);
    display: grid;
    gap: 22px;
}
.flowops-dashboard-command .flowops-card {
    background: rgba(255,255,255,.94);
    border: 1px solid rgba(15, 23, 42, .08);
    border-radius: 26px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 18px 48px rgba(15, 23, 42, .08);
    color: #0f172a;
}
.flowops-command-hero {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 380px;
    gap: 28px;
    min-height: 290px;
    padding: 34px;
    isolation: isolate;
}
.flowops-command-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 8% 12%, rgba(20, 184, 166, .18), transparent 34%), radial-gradient(circle at 92% 8%, rgba(34, 197, 94, .22), transparent 30%), linear-gradient(135deg, rgba(248, 250, 252, .96), rgba(240, 253, 244, .78));
    z-index: -2;
}
.flowops-command-hero::after {
    content: "";
    position: absolute;
    width: 520px;
    height: 520px;
    right: -210px;
    bottom: -270px;
    border-radius: 999px;
    background: rgba(15, 23, 42, .06);
    z-index: -1;
}
.flowops-command-hero__copy h2 {
    color: #07111f;
    font-size: clamp(34px, 4.5vw, 64px);
    line-height: .94;
    letter-spacing: -.065em;
    margin: 8px 0 16px;
    max-width: 820px;
}
.flowops-command-hero__copy p {
    color: #334155;
    font-size: 17px;
    line-height: 1.65;
    max-width: 720px;
    margin: 0;
}
.flowops-command-hero__copy p strong { color: #020617; }
.flowops-dashboard-command .flowops-dashboard-eyebrow,
.flowops-dashboard-command .flowops-eyebrow {
    color: #047857;
    background: rgba(16, 185, 129, .11);
    border: 1px solid rgba(16, 185, 129, .18);
    border-radius: 999px;
    padding: 6px 10px;
    font-weight: 900;
    letter-spacing: .14em;
}
.flowops-command-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 22px;
}
.flowops-dashboard-command .flowops-btn {
    border-radius: 999px;
    min-height: 40px;
    font-weight: 850;
    transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.flowops-dashboard-command .flowops-btn:hover,
.flowops-dashboard-command .flowops-quick-action:hover,
.flowops-dashboard-command .flowops-attention-item:hover,
.flowops-dashboard-command .flowops-activity-item:hover,
.flowops-dashboard-command .flowops-timeline-item:hover {
    transform: translateY(-2px);
}
.flowops-dashboard-command .flowops-btn-primary {
    background: linear-gradient(135deg, #10b981, #00c875);
    color: #03130c !important;
    box-shadow: 0 12px 24px rgba(16, 185, 129, .24);
}
.flowops-dashboard-command .flowops-btn-secondary,
.flowops-dashboard-command .flowops-btn-ghost {
    background: #fff;
    color: #0f172a !important;
    border-color: rgba(15, 23, 42, .12);
}
.flowops-command-hero__signals {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 24px;
}
.flowops-command-hero__signals span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 9px 12px;
    border-radius: 999px;
    background: rgba(255,255,255,.68);
    border: 1px solid rgba(15,23,42,.08);
    color: #475569;
    font-size: 13px;
    font-weight: 800;
}
.flowops-command-hero__signals b { color: #020617; font-size: 15px; }
.flowops-command-health-card {
    align-self: center;
    display: grid;
    justify-items: center;
    gap: 16px;
    padding: 24px;
    border-radius: 28px;
    background: rgba(255,255,255,.82);
    border: 1px solid rgba(255,255,255,.8);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 24px 70px rgba(15,23,42,.12);
    text-align: center;
}
.flowops-command-health-card > div:last-child span {
    color: #64748b;
    display: block;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .12em;
    text-transform: uppercase;
}
.flowops-command-health-card > div:last-child strong {
    display: block;
    color: #0f172a;
    font-size: 20px;
    margin-top: 4px;
}
.flowops-command-health-card > div:last-child p {
    color: #475569;
    margin: 8px auto 0;
    max-width: 280px;
    line-height: 1.45;
}
.flowops-dashboard-command .flowops-score-ring {
    width: 122px;
    height: 122px;
    background: conic-gradient(#10b981 calc(var(--flowops-progress) * 1%), #e2e8f0 0);
    border: 0;
    box-shadow: 0 14px 35px rgba(16,185,129,.22);
}
.flowops-dashboard-command .flowops-score-ring__inner {
    background: #fff;
    color: #0f172a;
}
.flowops-dashboard-command .flowops-score-ring__inner strong { color: #020617; }
.flowops-dashboard-command .flowops-score-ring__inner span { color: #64748b; }
.flowops-command-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(340px, .85fr);
    gap: 22px;
}
.flowops-command-grid--top { align-items: stretch; }
.flowops-health-panel,
.flowops-attention-panel,
.flowops-copilot-panel,
.flowops-readiness-card,
.flowops-schedule-panel,
.flowops-activity-timeline-panel,
.flowops-quick-action-panel {
    padding: 24px;
}
.flowops-dashboard-command .flowops-section-head h2,
.flowops-dashboard-command .flowops-section-head h3 {
    color: #0f172a;
    letter-spacing: -.03em;
}
.flowops-dashboard-command .flowops-section-head p { color: #64748b; }
.flowops-dashboard-score-bars--large {
    display: grid;
    gap: 14px;
    margin-top: 20px;
}
.flowops-dashboard-command .flowops-dashboard-score-bar {
    color: #0f172a;
}
.flowops-dashboard-command .flowops-dashboard-score-bar > div strong,
.flowops-dashboard-command .flowops-dashboard-score-bar > div span {
    color: #0f172a;
}
.flowops-dashboard-command .flowops-dashboard-score-bar i,
.flowops-dashboard-command .flowops-score-explain-bar__track {
    background: #e2e8f0;
    border-radius: 999px;
    overflow: hidden;
}
.flowops-dashboard-command .flowops-dashboard-score-bar i b,
.flowops-dashboard-command .flowops-score-explain-bar__track i {
    background: linear-gradient(90deg, #10b981, #84cc16);
}
.flowops-dashboard-command .flowops-score-priority {
    margin-top: 18px;
    padding: 16px;
    border-radius: 20px;
    background: #f8fafc;
    border: 1px solid rgba(15,23,42,.08);
}
.flowops-dashboard-command .flowops-score-priority span { color: #64748b; }
.flowops-dashboard-command .flowops-score-priority strong { color: #0f172a; }
.flowops-attention-list {
    display: grid;
    gap: 12px;
    margin-top: 16px;
}
.flowops-attention-item {
    display: grid;
    grid-template-columns: 88px minmax(0,1fr) auto;
    gap: 14px;
    align-items: center;
    padding: 14px;
    border-radius: 20px;
    background: #f8fafc;
    border: 1px solid rgba(15,23,42,.08);
    text-decoration: none;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.flowops-attention-item:hover { box-shadow: 0 14px 34px rgba(15,23,42,.08); }
.flowops-attention-item > span {
    justify-self: start;
    padding: 7px 9px;
    border-radius: 999px;
    background: #e2e8f0;
    color: #334155;
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .06em;
}
.flowops-attention-item strong { color: #0f172a; display: block; }
.flowops-attention-item p { color: #64748b; margin: 3px 0 0; font-size: 13px; line-height: 1.4; }
.flowops-attention-item em { color: #0f172a; font-style: normal; font-weight: 900; font-size: 12px; white-space: nowrap; }
.flowops-attention-item.is-critical { border-color: rgba(239,68,68,.24); background: #fff7f7; }
.flowops-attention-item.is-critical > span { background: #fee2e2; color: #b91c1c; }
.flowops-attention-item.is-warning { border-color: rgba(245,158,11,.28); background: #fffbeb; }
.flowops-attention-item.is-warning > span { background: #fef3c7; color: #92400e; }
.flowops-attention-item.is-info > span { background: #dbeafe; color: #1d4ed8; }
.flowops-attention-item.is-setup > span { background: #dcfce7; color: #047857; }
.flowops-attention-item.is-good > span { background: #dcfce7; color: #047857; }
.flowops-command-metrics {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}
.flowops-command-metric {
    padding: 20px;
    min-height: 150px;
    position: relative;
    overflow: hidden;
}
.flowops-command-metric::after {
    content: "";
    position: absolute;
    right: -28px;
    top: -30px;
    width: 105px;
    height: 105px;
    border-radius: 999px;
    background: rgba(16,185,129,.08);
}
.flowops-command-metric span {
    color: #64748b;
    font-size: 12px;
    font-weight: 950;
    letter-spacing: .11em;
    text-transform: uppercase;
}
.flowops-command-metric strong {
    display: block;
    color: #0f172a;
    font-size: 42px;
    line-height: 1;
    margin-top: 16px;
    letter-spacing: -.05em;
}
.flowops-command-metric p { color: #475569; margin: 10px 0 0; }
.flowops-copilot-actions {
    counter-reset: copilot;
    list-style: none;
    padding: 0;
    margin: 18px 0 0;
    display: grid;
    gap: 12px;
}
.flowops-copilot-actions li {
    counter-increment: copilot;
    display: grid;
    grid-template-columns: 34px minmax(0,1fr);
    gap: 12px;
    align-items: start;
    padding: 14px;
    border-radius: 18px;
    background: #f8fafc;
    border: 1px solid rgba(15,23,42,.08);
    color: #334155;
    line-height: 1.45;
}
.flowops-copilot-actions li::before {
    content: counter(copilot);
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border-radius: 999px;
    background: #0f172a;
    color: #fff;
    font-size: 12px;
    font-weight: 900;
}
.flowops-ai-quality-strip--command {
    margin-top: 18px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}
.flowops-ai-quality-strip--command a { color: #047857; font-weight: 900; text-decoration: none; }
.flowops-readiness-track {
    height: 12px;
    border-radius: 999px;
    background: #e2e8f0;
    overflow: hidden;
    margin: 18px 0;
}
.flowops-readiness-track i {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #10b981, #84cc16);
}
.flowops-dashboard-command .flowops-dashboard-checklist {
    display: grid;
    gap: 10px;
}
.flowops-dashboard-command .flowops-dashboard-checklist-item {
    background: #f8fafc;
    border: 1px solid rgba(15,23,42,.08);
    border-radius: 16px;
    padding: 12px;
}
.flowops-dashboard-command .flowops-dashboard-checklist-item span {
    background: #e2e8f0;
    color: #64748b;
}
.flowops-dashboard-command .flowops-dashboard-checklist-item.done span {
    background: #dcfce7;
    color: #047857;
}
.flowops-dashboard-command .flowops-dashboard-checklist-item strong { color: #0f172a; }
.flowops-dashboard-command .flowops-dashboard-checklist-item p { color: #64748b; }
.flowops-dashboard-command .flowops-activity-list,
.flowops-timeline-list {
    display: grid;
    gap: 12px;
    margin-top: 14px;
}
.flowops-dashboard-command .flowops-activity-item {
    display: grid;
    grid-template-columns: 42px minmax(0,1fr) auto;
    gap: 12px;
    align-items: center;
    padding: 13px;
    border-radius: 18px;
    background: #f8fafc;
    border: 1px solid rgba(15,23,42,.08);
    color: #0f172a;
    text-decoration: none;
    transition: transform .18s ease, box-shadow .18s ease;
}
.flowops-dashboard-command .flowops-activity-item:hover { box-shadow: 0 12px 28px rgba(15,23,42,.08); }
.flowops-dashboard-command .flowops-avatar-sm {
    background: #0f172a;
    color: #fff;
}
.flowops-dashboard-command .flowops-activity-copy strong { color: #0f172a; }
.flowops-dashboard-command .flowops-activity-copy p { color: #64748b; }
.flowops-timeline-item {
    display: grid;
    grid-template-columns: 58px minmax(0,1fr);
    gap: 14px;
    padding: 14px;
    border-radius: 18px;
    background: #f8fafc;
    border: 1px solid rgba(15,23,42,.08);
    color: #0f172a;
    text-decoration: none;
    transition: transform .18s ease, box-shadow .18s ease;
}
.flowops-timeline-item:hover { box-shadow: 0 12px 28px rgba(15,23,42,.08); }
.flowops-timeline-item > span {
    color: #047857;
    font-size: 12px;
    font-weight: 950;
}
.flowops-timeline-item strong { color: #0f172a; }
.flowops-timeline-item p { color: #64748b; margin: 4px 0 0; }
.flowops-quick-actions--command {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-top: 16px;
}
.flowops-quick-actions--command .flowops-quick-action {
    display: grid;
    gap: 8px;
    padding: 18px;
    border-radius: 20px;
    background: #f8fafc;
    border: 1px solid rgba(15,23,42,.08);
    color: #0f172a;
    text-decoration: none;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.flowops-quick-actions--command .flowops-quick-action:hover {
    box-shadow: 0 14px 34px rgba(15,23,42,.09);
    border-color: rgba(16,185,129,.22);
}
.flowops-quick-actions--command .flowops-quick-action span {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border-radius: 14px;
    background: #dcfce7;
    color: #047857;
    font-weight: 950;
}
.flowops-quick-actions--command .flowops-quick-action strong { color: #0f172a; }
.flowops-quick-actions--command .flowops-quick-action p { color: #64748b; margin: 0; }
.flowops-quick-actions--command .flowops-quick-action em { color: #047857; font-style: normal; font-weight: 900; }
.flowops-dashboard-command .flowops-empty-state {
    background: #f8fafc;
    border: 1px dashed rgba(15,23,42,.16);
    border-radius: 20px;
    color: #475569;
}
.flowops-dashboard-command .flowops-empty-state strong { color: #0f172a; }
.flowops-dashboard-command .flowops-empty-state p { color: #64748b; }
.flowops-dashboard-command .flowops-badge,
.flowops-dashboard-command .flowops-tag {
    color: #0f172a;
}
.flowops-dashboard-command .flowops-chip-accent {
    background: #dcfce7;
    color: #047857;
}
.flowops-dashboard-command .flowops-modal-card {
    color: #0f172a;
    background: #fff;
    border-radius: 24px;
}
.flowops-dashboard-command .flowops-modal-card h3,
.flowops-dashboard-command .flowops-score-explain-bar__head strong,
.flowops-dashboard-command .flowops-score-explain-bar__head span { color: #0f172a; }
.flowops-dashboard-command .flowops-modal-card p { color: #475569; }
@media (max-width: 1180px) {
    .flowops-command-hero,
    .flowops-command-grid,
    .flowops-command-grid--top { grid-template-columns: 1fr; }
    .flowops-command-health-card { max-width: 520px; width: 100%; justify-self: start; }
    .flowops-command-metrics,
    .flowops-quick-actions--command { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 720px) {
    .flowops-command-hero { padding: 24px; }
    .flowops-command-hero__copy h2 { font-size: 38px; }
    .flowops-command-metrics,
    .flowops-quick-actions--command { grid-template-columns: 1fr; }
    .flowops-attention-item { grid-template-columns: 1fr; }
    .flowops-attention-item em { white-space: normal; }
    .flowops-dashboard-command .flowops-activity-item { grid-template-columns: 42px minmax(0,1fr); }
    .flowops-dashboard-command .flowops-activity-item .flowops-badge { grid-column: 2; justify-self: start; }
}

/* v8.8.5 premium dashboard experience polish */
.flowops-dashboard-command {
    --flowops-page-bg: #f6f8fb;
    --flowops-card-bg: rgba(255,255,255,.92);
    --flowops-text-strong: #0b1220;
    --flowops-text-muted: #526176;
    --flowops-brand: #10b981;
    --flowops-brand-dark: #047857;
    color: var(--flowops-text-strong);
}
.flowops-dashboard-command .flowops-card {
    background: var(--flowops-card-bg);
    border: 1px solid rgba(15,23,42,.08);
    box-shadow: 0 1px 2px rgba(15,23,42,.04), 0 18px 48px rgba(15,23,42,.08);
    backdrop-filter: blur(16px);
}
.flowops-dashboard-command .flowops-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 2px 4px rgba(15,23,42,.05), 0 24px 58px rgba(15,23,42,.1);
}
.flowops-command-hero {
    overflow: hidden;
    position: relative;
    border-radius: 32px;
    background:
        radial-gradient(circle at 12% 0%, rgba(16,185,129,.22), transparent 34%),
        radial-gradient(circle at 90% 20%, rgba(14,165,233,.16), transparent 30%),
        linear-gradient(135deg, #ffffff 0%, #f8fffb 48%, #eefcf6 100%) !important;
}
.flowops-command-hero:before {
    content: "";
    position: absolute;
    inset: -60px -80px auto auto;
    width: 260px;
    height: 260px;
    border-radius: 999px;
    background: rgba(16,185,129,.14);
    filter: blur(6px);
}
.flowops-command-hero__copy,
.flowops-command-health-card { position: relative; z-index: 1; }
.flowops-command-hero__copy h2 {
    letter-spacing: -.055em;
    max-width: 780px;
}
.flowops-command-hero__copy p {
    color: #334155;
    max-width: 720px;
    font-size: 18px;
}
.flowops-command-hero__signals span {
    background: rgba(255,255,255,.72);
    border: 1px solid rgba(15,23,42,.08);
    box-shadow: 0 8px 24px rgba(15,23,42,.06);
}
.flowops-command-open { white-space: nowrap; }
.flowops-command-health-card {
    border-radius: 28px;
    background: rgba(15,23,42,.92);
    color: #fff;
    border-color: rgba(255,255,255,.12);
    box-shadow: 0 24px 70px rgba(15,23,42,.25);
}
.flowops-command-health-card span,
.flowops-command-health-card p { color: rgba(255,255,255,.72); }
.flowops-command-health-card strong { color: #fff; }
.flowops-command-health-card .flowops-score-ring__inner strong,
.flowops-command-health-card .flowops-score-ring__inner span { color: #fff; }
.flowops-command-grid--top { align-items: stretch; }
.flowops-health-panel,
.flowops-attention-panel,
.flowops-copilot-panel,
.flowops-readiness-card,
.flowops-schedule-panel,
.flowops-activity-timeline-panel,
.flowops-quick-action-panel { border-radius: 28px; }
.flowops-score-priority {
    margin-top: 18px;
    padding: 16px;
    border-radius: 20px;
    background: linear-gradient(135deg, #fff7ed, #ffffff);
    border: 1px solid rgba(245,158,11,.18);
}
.flowops-score-priority span {
    display: block;
    color: #92400e;
    font-size: 11px;
    font-weight: 950;
    text-transform: uppercase;
    letter-spacing: .12em;
    margin-bottom: 5px;
}
.flowops-score-priority strong { color: #0f172a; }
.flowops-attention-item {
    position: relative;
    overflow: hidden;
}
.flowops-attention-item:before {
    content: "";
    position: absolute;
    left: 0;
    top: 14px;
    bottom: 14px;
    width: 4px;
    border-radius: 20px;
    background: #10b981;
}
.flowops-attention-item.is-critical:before { background: #ef4444; }
.flowops-attention-item.is-warning:before { background: #f59e0b; }
.flowops-attention-item.is-info:before { background: #3b82f6; }
.flowops-command-metric {
    position: relative;
    overflow: hidden;
    min-height: 170px;
}
.flowops-command-metric strong {
    font-size: 42px;
    letter-spacing: -.045em;
}
.flowops-sparkline {
    position: absolute;
    right: 18px;
    bottom: 18px;
    display: flex;
    align-items: end;
    gap: 4px;
    height: 42px;
    opacity: .9;
}
.flowops-sparkline i {
    display: block;
    width: 7px;
    border-radius: 999px;
    background: linear-gradient(180deg, #34d399, #047857);
    animation: flowopsSparkRise .7s cubic-bezier(.2,.8,.2,1) both;
}
.flowops-sparkline i:nth-child(1){ height: 13px; animation-delay: .04s; }
.flowops-sparkline i:nth-child(2){ height: 19px; animation-delay: .08s; }
.flowops-sparkline i:nth-child(3){ height: 16px; animation-delay: .12s; }
.flowops-sparkline i:nth-child(4){ height: 27px; animation-delay: .16s; }
.flowops-sparkline i:nth-child(5){ height: 23px; animation-delay: .2s; }
.flowops-sparkline i:nth-child(6){ height: 36px; animation-delay: .24s; }
.flowops-sparkline.is-calm i { background: linear-gradient(180deg, #93c5fd, #2563eb); }
.flowops-sparkline.is-good i { background: linear-gradient(180deg, #86efac, #16a34a); }
.flowops-sparkline.is-warm i { background: linear-gradient(180deg, #fcd34d, #f59e0b); }
@keyframes flowopsSparkRise { from { transform: scaleY(.2); opacity: 0; } to { transform: scaleY(1); opacity: 1; } }
.flowops-copilot-prompts {
    display: grid;
    grid-template-columns: repeat(4, minmax(0,1fr));
    gap: 12px;
    margin-top: 18px;
}
.flowops-copilot-prompts a {
    display: grid;
    gap: 5px;
    padding: 14px;
    border-radius: 18px;
    text-decoration: none;
    background: #f8fafc;
    border: 1px solid rgba(15,23,42,.08);
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.flowops-copilot-prompts a:hover,
.flowops-copilot-prompts a:focus-visible {
    transform: translateY(-2px);
    box-shadow: 0 14px 34px rgba(15,23,42,.09);
    border-color: rgba(16,185,129,.28);
}
.flowops-copilot-prompts strong { color: #0f172a; font-size: 13px; }
.flowops-copilot-prompts span { color: #64748b; font-size: 12px; }
.flowops-empty-state {
    padding: 22px !important;
    text-align: left;
}
.flowops-empty-state .flowops-btn { margin-top: 12px; }
.flowops-command-palette {
    position: fixed;
    inset: 0;
    display: none;
    align-items: flex-start;
    justify-content: center;
    padding: 8vh 22px 22px;
    background: rgba(15,23,42,.42);
    backdrop-filter: blur(10px);
    z-index: 100000;
}
.flowops-command-palette.is-open { display: flex; }
.flowops-command-palette__card {
    width: min(680px, 100%);
    border-radius: 28px;
    background: rgba(255,255,255,.98);
    color: #0f172a;
    border: 1px solid rgba(255,255,255,.6);
    box-shadow: 0 30px 90px rgba(15,23,42,.3);
    padding: 18px;
    transform: translateY(10px) scale(.98);
    opacity: 0;
    animation: flowopsPaletteIn .18s ease forwards;
}
@keyframes flowopsPaletteIn { to { transform: translateY(0) scale(1); opacity: 1; } }
.flowops-command-palette__head {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    align-items: start;
    padding: 6px 6px 14px;
}
.flowops-command-palette__head h3 { margin: 0; color: #0f172a; font-size: 24px; letter-spacing: -.035em; }
.flowops-command-palette__close {
    width: 38px;
    height: 38px;
    border-radius: 14px;
    border: 1px solid rgba(15,23,42,.08);
    background: #f8fafc;
    color: #0f172a;
    font-size: 24px;
    cursor: pointer;
}
.flowops-command-search {
    display: grid;
    gap: 8px;
    margin-bottom: 14px;
}
.flowops-command-search span {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .12em;
    font-weight: 950;
    color: #64748b;
}
.flowops-command-search input {
    width: 100%;
    height: 54px;
    border-radius: 18px;
    border: 1px solid rgba(15,23,42,.12);
    background: #f8fafc;
    color: #0f172a;
    padding: 0 16px;
    font-size: 16px;
    outline: none;
}
.flowops-command-search input:focus {
    border-color: rgba(16,185,129,.55);
    box-shadow: 0 0 0 4px rgba(16,185,129,.12);
}
.flowops-command-results {
    display: grid;
    gap: 8px;
    max-height: 420px;
    overflow: auto;
}
.flowops-command-results a {
    display: grid;
    grid-template-columns: 42px minmax(0,1fr) auto;
    gap: 12px;
    align-items: center;
    padding: 13px;
    border-radius: 18px;
    color: #0f172a;
    background: #fff;
    border: 1px solid rgba(15,23,42,.08);
    text-decoration: none;
}
.flowops-command-results a:hover,
.flowops-command-results a:focus-visible { background: #ecfdf5; border-color: rgba(16,185,129,.28); }
.flowops-command-results kbd {
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    border-radius: 12px;
    background: #0f172a;
    color: #fff;
    font: 900 13px/1 var(--flowops-font, 'DM Sans', sans-serif);
}
.flowops-command-results strong { color: #0f172a; display:block; }
.flowops-command-results span { color: #64748b; font-size: 13px; }
.flowops-command-results em { color: #047857; font-style: normal; font-weight: 900; font-size: 13px; }
@media (max-width: 980px) {
    .flowops-copilot-prompts { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 640px) {
    .flowops-copilot-prompts { grid-template-columns: 1fr; }
    .flowops-command-palette { padding-top: 4vh; }
    .flowops-command-results a { grid-template-columns: 38px minmax(0,1fr); }
    .flowops-command-results em { grid-column: 2; }
}
@media (prefers-reduced-motion: reduce) {
    .flowops-sparkline i,
    .flowops-command-palette__card { animation: none; }
}

.flowops-today-panel{margin:16px 0;padding:20px}.flowops-today-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.flowops-today-grid>div{background:#f7faf8;padding:14px;border-radius:14px}

/* v10.1 dashboard completion: integrated health, Today panel, Ask FlowOps, contrast fixes */
.flowops-dashboard-command .flowops-command-hero {
    grid-template-columns: minmax(0, 1.55fr) minmax(320px, .75fr);
    padding: 34px 38px;
    min-height: auto;
}
.flowops-dashboard-command .flowops-command-hero__copy h2 {
    font-size: clamp(42px, 4.4vw, 64px);
    line-height: .94;
    margin-bottom: 14px;
}
.flowops-dashboard-command .flowops-command-hero__copy p {
    font-size: 16px;
    line-height: 1.55;
}
.flowops-command-health-card.flowops-command-health-card--integrated {
    align-self: stretch;
    display: grid;
    justify-items: center;
    align-content: center;
    gap: 14px;
    min-height: 220px;
    padding: 26px;
    border-radius: 28px;
    background:
        radial-gradient(circle at 80% 0%, rgba(16,185,129,.16), transparent 38%),
        linear-gradient(145deg, rgba(255,255,255,.96), rgba(248,250,252,.92)) !important;
    color: #0f172a !important;
    border: 1px solid rgba(15,23,42,.08) !important;
    box-shadow: 0 16px 44px rgba(15,23,42,.10) !important;
}
.flowops-command-health-card--integrated .flowops-command-health-card__top {
    text-align: center;
}
.flowops-command-health-card--integrated .flowops-command-health-card__top span,
.flowops-command-health-card--integrated > span {
    display: block;
    color: #64748b !important;
    font-size: 11px;
    font-weight: 950;
    letter-spacing: .16em;
    text-transform: uppercase;
}
.flowops-command-health-card--integrated .flowops-command-health-card__top strong,
.flowops-command-health-card--integrated > strong {
    display: block;
    margin-top: 5px;
    color: #0f172a !important;
    font-size: 22px;
    letter-spacing: -.035em;
}
.flowops-command-health-card--integrated p {
    margin: 0;
    max-width: 280px;
    text-align: center;
    color: #475569 !important;
}
.flowops-command-health-card--integrated .flowops-score-ring {
    width: 116px;
    height: 116px;
    box-shadow: 0 14px 32px rgba(16,185,129,.16);
}
.flowops-command-health-card--integrated .flowops-score-ring__inner strong {
    color: #0f172a !important;
}
.flowops-command-health-card--integrated .flowops-score-ring__inner span {
    color: #64748b !important;
}
.flowops-health-mini-trends {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
}
.flowops-health-mini-trends span {
    padding: 7px 10px;
    border-radius: 999px;
    background: #ecfdf5;
    color: #047857 !important;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: none;
}
.flowops-v10-strip {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(360px, .85fr);
    gap: 20px;
    margin: 20px 0;
}
.flowops-today-panel--v10,
.flowops-ask-copilot {
    border-radius: 28px;
}
.flowops-today-panel--v10 {
    margin: 0;
    padding: 22px;
}
.flowops-today-focus {
    display: grid;
    grid-template-columns: 74px minmax(0, 1fr) auto;
    align-items: center;
    gap: 16px;
    padding: 16px;
    margin: 14px 0;
    border-radius: 22px;
    background: linear-gradient(135deg, #f8fafc, #ffffff);
    border: 1px solid rgba(15,23,42,.08);
}
.flowops-today-time {
    display: grid;
    place-items: center;
    min-height: 54px;
    border-radius: 18px;
    background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%);
    color: #064e3b !important;
    border: 1px solid rgba(16, 185, 129, .28);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.8), 0 10px 22px rgba(15, 23, 42, .08);
    font-weight: 950;
    letter-spacing: -.02em;
    text-shadow: none !important;
}
.flowops-today-time,
.flowops-today-time * {
    color: #064e3b !important;
    -webkit-text-fill-color: #064e3b !important;
}
.flowops-today-focus strong { color: #0f172a; font-size: 16px; }
.flowops-today-focus p { margin: 4px 0 0; color: #64748b; }
.flowops-today-focus em {
    padding: 7px 10px;
    border-radius: 999px;
    background: #fff7ed;
    color: #92400e;
    font-style: normal;
    font-size: 12px;
    font-weight: 950;
}
.flowops-today-focus em.is-good { background: #ecfdf5; color: #047857; }
.flowops-today-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}
.flowops-today-grid > div {
    display: grid;
    gap: 4px;
    background: #f8fafc;
    border: 1px solid rgba(15,23,42,.07);
    border-radius: 18px;
    padding: 14px;
}
.flowops-today-grid span {
    color: #64748b;
    font-size: 11px;
    font-weight: 950;
    text-transform: uppercase;
    letter-spacing: .12em;
}
.flowops-today-grid strong {
    color: #0f172a;
    font-size: 20px;
    letter-spacing: -.035em;
}
.flowops-ask-copilot {
    display: grid;
    align-content: start;
    gap: 16px;
    padding: 24px;
    background:
        radial-gradient(circle at 100% 0%, rgba(37,99,235,.10), transparent 34%),
        rgba(255,255,255,.92) !important;
}
.flowops-ask-copilot h3 {
    margin: 6px 0 4px;
    color: #0f172a;
    font-size: 28px;
    letter-spacing: -.045em;
}
.flowops-ask-copilot p { margin: 0; color: #64748b; }
.flowops-ask-copilot__input {
    width: 100%;
    min-height: 62px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 0 16px 0 18px;
    border: 1px solid rgba(15,23,42,.10);
    background: #f8fafc;
    color: #64748b;
    border-radius: 20px;
    cursor: pointer;
    text-align: left;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.flowops-ask-copilot__input:hover,
.flowops-ask-copilot__input:focus-visible {
    transform: translateY(-1px);
    border-color: rgba(16,185,129,.45);
    box-shadow: 0 16px 34px rgba(15,23,42,.08), 0 0 0 4px rgba(16,185,129,.10);
    outline: none;
}
.flowops-ask-copilot__input span { font-weight: 800; }
.flowops-ask-copilot__input kbd {
    padding: 7px 10px;
    border-radius: 10px;
    background: #0f172a;
    color: #fff;
    font: 900 12px/1 var(--flowops-font, 'DM Sans', sans-serif);
}
.flowops-ask-copilot__chips {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.flowops-ask-copilot__chips a {
    padding: 9px 12px;
    border-radius: 999px;
    background: #ecfdf5;
    color: #047857;
    text-decoration: none;
    font-weight: 900;
    font-size: 12px;
}
.flowops-command-metrics--owner .flowops-command-metric span {
    color: #53627a;
}
.flowops-command-metrics--owner .flowops-command-metric p {
    max-width: 220px;
}
@media (max-width: 1180px) {
    .flowops-v10-strip,
    .flowops-dashboard-command .flowops-command-hero { grid-template-columns: 1fr; }
}
@media (max-width: 720px) {
    .flowops-dashboard-command .flowops-command-hero { padding: 24px; }
    .flowops-dashboard-command .flowops-command-hero__copy h2 { font-size: 40px; }
    .flowops-v10-strip { grid-template-columns: 1fr; }
    .flowops-today-focus { grid-template-columns: 1fr; }
    .flowops-today-time { width: max-content; min-width: 74px; }
    .flowops-today-grid { grid-template-columns: 1fr; }
}

/* V11 Bookings Command Center */
.flowops-bookings-hero{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin-bottom:20px}
.flowops-command-card{padding:24px;border-radius:24px;background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff}
.flowops-command-card h1{margin:0 0 8px}
.flowops-kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}
.flowops-kpi{background:rgba(255,255,255,.08);padding:12px;border-radius:14px}
.flowops-booking-views{display:flex;gap:8px;margin:16px 0}
.flowops-booking-views span{padding:8px 12px;border-radius:999px;background:#eef2f7}

/* V11.1 Bookings Dispatch Center polish */
.flowops-bookings-hero-v2{align-items:stretch;margin-bottom:18px}.flowops-bookings-command-card{position:relative;overflow:hidden;min-height:190px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 18px 46px rgba(15,23,42,.16)}.flowops-bookings-command-card:before{content:"";position:absolute;inset:auto -80px -110px auto;width:320px;height:320px;border-radius:999px;background:radial-gradient(circle,rgba(16,185,129,.28),rgba(16,185,129,0) 68%);pointer-events:none}.flowops-bookings-command-card h1{color:#fff!important;font-size:clamp(34px,3.2vw,56px);letter-spacing:-.055em;line-height:.95}.flowops-bookings-command-card p{color:rgba(255,255,255,.78)!important;font-size:15px;max-width:680px}.flowops-eyebrow--dark{background:rgba(16,185,129,.18)!important;border-color:rgba(110,231,183,.35)!important;color:#a7f3d0!important;width:max-content}.flowops-kpi-row-v2{position:relative;z-index:1}.flowops-kpi-row-v2 .flowops-kpi{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}.flowops-kpi-row-v2 .flowops-kpi strong{display:block;color:#fff;font-size:24px;letter-spacing:-.04em}.flowops-kpi-row-v2 .flowops-kpi span{display:block;color:rgba(255,255,255,.72);font-weight:800;font-size:12px;margin-top:3px}.flowops-kpi-row-v2 .flowops-kpi.is-warning{background:rgba(245,158,11,.16);border-color:rgba(245,158,11,.28)}
.flowops-ai-booking-card{padding:24px!important;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:12px;background:linear-gradient(145deg,#fff,#f8fffb)!important}.flowops-ai-booking-card h3{margin:0;color:var(--flowops-text);font-size:24px;letter-spacing:-.035em}.flowops-ai-booking-card p{margin:0;color:var(--flowops-muted);line-height:1.45}.flowops-ai-booking-list{display:flex;flex-wrap:wrap;gap:8px}.flowops-ai-booking-list span{padding:7px 10px;border-radius:999px;background:#ecfdf5;color:#047857;font-weight:900;font-size:12px}
.flowops-bookings-today{margin:18px 0;padding:24px!important}.flowops-bookings-today-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:12px}.flowops-bookings-today-grid article{border:1px solid var(--flowops-line);border-radius:18px;background:#f8fafc;padding:16px;min-height:112px}.flowops-bookings-today-grid article strong{display:block;color:var(--flowops-text);font-size:24px;letter-spacing:-.04em;margin:5px 0}.flowops-bookings-today-grid article p{margin:0;color:var(--flowops-muted);font-size:13px}.flowops-today-booking-card{background:linear-gradient(135deg,#f8fafc,#ecfdf5)!important}.flowops-mini-label{display:block;color:#64748b;text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:900}.flowops-attention-pill{display:inline-flex;margin-top:12px;padding:7px 10px;border-radius:999px;font-size:12px;font-weight:900}.flowops-attention-pill.is-warning,.flowops-kanban-card__footer .is-warning{background:#fff7ed;color:#c2410c}.flowops-attention-pill.is-good,.flowops-kanban-card__footer .is-good{background:#ecfdf5;color:#047857}
.flowops-booking-views a,.flowops-booking-views span{padding:9px 14px;border-radius:999px;background:#eef2f7;color:#0f172a;text-decoration:none;font-weight:800;border:1px solid transparent}.flowops-booking-views a.active{background:#dcfce7;color:#047857;border-color:#bbf7d0}.flowops-booking-views a:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(15,23,42,.08)}
.flowops-bookings-board{padding:24px!important;margin-bottom:18px}.flowops-kanban-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.flowops-kanban-column{background:#f8fafc;border:1px solid var(--flowops-line);border-radius:20px;padding:12px;min-height:260px}.flowops-kanban-column__head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:12px}.flowops-kanban-column__head strong{display:block;color:var(--flowops-text);font-size:14px}.flowops-kanban-column__head span{display:block;color:#64748b;font-size:12px;margin-top:2px}.flowops-kanban-column__head em{font-style:normal;background:#fff;border:1px solid var(--flowops-line);border-radius:999px;min-width:28px;height:28px;display:grid;place-items:center;font-weight:900;color:#0f172a}.flowops-kanban-stack{display:grid;gap:10px}.flowops-kanban-card{background:#fff;border:1px solid rgba(226,232,240,.95);border-radius:18px;padding:14px;box-shadow:0 12px 28px rgba(15,23,42,.06);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.flowops-kanban-card:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(15,23,42,.10);border-color:rgba(16,185,129,.32)}.flowops-kanban-card__top,.flowops-kanban-card__footer,.flowops-kanban-actions,.flowops-kanban-meta{display:flex;align-items:center;justify-content:space-between;gap:10px}.flowops-kanban-card h3{margin:12px 0 2px;color:var(--flowops-text);font-size:16px;letter-spacing:-.025em}.flowops-kanban-card p{margin:0;color:#475569;font-size:13px}.flowops-kanban-meta{margin:12px 0;color:#64748b;font-size:12px}.flowops-kanban-card__footer{margin-top:10px}.flowops-kanban-card__footer span{padding:6px 9px;border-radius:999px;font-size:11px;font-weight:900}.flowops-kanban-card__footer strong{color:var(--flowops-text)}.flowops-kanban-actions{justify-content:flex-start;margin-top:12px;border-top:1px solid #eef2f7;padding-top:10px}.flowops-kanban-actions a{color:#047857;text-decoration:none;font-weight:900;font-size:12px}.flowops-kanban-empty{border:1px dashed #cbd5e1;border-radius:16px;padding:18px;text-align:center;color:#64748b;background:rgba(255,255,255,.55);font-weight:800}.flowops-service-queue-card{margin-top:18px}.flowops-service-queue-card .flowops-section-head h2:after{content:" · Table view";color:#94a3b8;font-weight:700;font-size:14px;letter-spacing:0}.flowops-booking-table tr:hover td{background:#fbfffd}.flowops-status-pill{font-weight:900!important}.flowops-status-pill.active-pending{background:#fff7ed!important;color:#c2410c!important}.flowops-status-pill.active-confirmed{background:#ecfdf5!important;color:#047857!important}.flowops-status-pill.active-in_progress{background:#eff6ff!important;color:#1d4ed8!important}.flowops-status-pill.active-completed{background:#f0fdf4!important;color:#15803d!important}.flowops-status-pill.active-cancelled{background:#f1f5f9!important;color:#475569!important}
@media(max-width:1180px){.flowops-bookings-hero-v2,.flowops-kanban-grid{grid-template-columns:1fr 1fr}.flowops-bookings-today-grid{grid-template-columns:1fr 1fr}}@media(max-width:780px){.flowops-bookings-hero-v2,.flowops-kanban-grid,.flowops-bookings-today-grid{grid-template-columns:1fr}.flowops-kpi-row{grid-template-columns:repeat(2,minmax(0,1fr))}.flowops-bookings-command-card{min-height:auto}.flowops-bookings-board,.flowops-bookings-today{padding:18px!important}}

/* V12 FlowOps simplification release: workflow-first dashboard + scalable bookings */
.flowops-workspace-focus-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(280px,.72fr);gap:18px;margin:20px 0}.flowops-attention-panel--focus,.flowops-activity-timeline-panel--focus,.flowops-readiness-card--focus{padding:24px!important;border-radius:28px}.flowops-attention-list--limited,.flowops-timeline-list--limited{max-height:520px;overflow:auto;padding-right:4px;scrollbar-width:thin}.flowops-dashboard-checklist--compact{max-height:310px;overflow:auto}.flowops-readiness-card--focus{align-self:start}.flowops-readiness-card--focus .flowops-btn{margin-top:14px;width:100%;justify-content:center}.flowops-workspace-focus-grid .flowops-section-head p{margin:4px 0 0;color:var(--flowops-muted);font-size:13px}.flowops-workspace-focus-grid .flowops-attention-item,.flowops-workspace-focus-grid .flowops-timeline-item{border-radius:18px}

.flowops-dispatch-shell{padding:22px!important;margin-bottom:16px;border-radius:28px;background:linear-gradient(145deg,#ffffff,#f8fafc)!important}.flowops-dispatch-topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}.flowops-dispatch-topbar h1{margin:4px 0 2px;color:var(--flowops-text);font-size:clamp(32px,3vw,48px);line-height:1;letter-spacing:-.06em}.flowops-dispatch-topbar p{margin:0;color:#64748b;font-weight:800}.flowops-dispatch-filterbar{position:sticky;top:12px;z-index:8;display:grid;grid-template-columns:minmax(240px,1.6fr) minmax(130px,.7fr) minmax(120px,.65fr) 140px 140px minmax(88px,.45fr) auto auto;gap:10px;align-items:end;padding:12px;border:1px solid rgba(15,23,42,.08);border-radius:22px;background:rgba(255,255,255,.86);backdrop-filter:blur(14px);box-shadow:0 12px 34px rgba(15,23,42,.08)}.flowops-dispatch-filterbar label{display:grid;gap:6px;margin:0;color:#64748b;font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.12em}.flowops-dispatch-filterbar input,.flowops-dispatch-filterbar select{width:100%;min-height:42px;border:1px solid rgba(15,23,42,.10);border-radius:14px;background:#fff;color:#0f172a;padding:0 12px;font:800 13px/1 var(--flowops-font,'DM Sans',sans-serif)}.flowops-dispatch-search span{display:none}.flowops-dispatch-search input{min-height:46px;border-radius:16px;font-size:14px}.flowops-dispatch-quickfilters{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 12px}.flowops-dispatch-quickfilters a{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid rgba(15,23,42,.08);border-radius:999px;background:#f8fafc;color:#334155;text-decoration:none;font-weight:900;font-size:13px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.flowops-dispatch-quickfilters a:hover{transform:translateY(-1px);border-color:rgba(16,185,129,.32);box-shadow:0 10px 22px rgba(15,23,42,.08)}.flowops-dispatch-quickfilters strong{min-width:24px;height:24px;display:grid;place-items:center;border-radius:999px;background:#ecfdf5;color:#047857}.flowops-booking-views--segmented{margin:8px 0 0;padding:6px;border:1px solid rgba(15,23,42,.08);border-radius:999px;background:#f1f5f9;width:max-content}.flowops-booking-views--segmented a{background:transparent!important;border:none!important}.flowops-booking-views--segmented a.active{background:#fff!important;color:#047857!important;box-shadow:0 8px 20px rgba(15,23,42,.08)}
.flowops-dispatch-board{padding:24px!important;border-radius:28px;margin-bottom:18px}.flowops-kanban-grid--scalable{grid-template-columns:repeat(4,minmax(240px,1fr));align-items:start}.flowops-kanban-grid--scalable .flowops-kanban-column{height:650px;display:flex;flex-direction:column;min-height:0;border-radius:24px;background:linear-gradient(180deg,#f8fafc,#f1f5f9);box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}.flowops-kanban-grid--scalable .flowops-kanban-column.is-priority{border-color:rgba(245,158,11,.35);box-shadow:inset 4px 0 0 rgba(245,158,11,.85),0 14px 34px rgba(15,23,42,.07)}.flowops-column-showing{margin:-4px 0 10px;color:#64748b;font-size:12px;font-weight:850}.flowops-kanban-stack--scroll{overflow:auto;min-height:0;padding-right:4px;scrollbar-width:thin}.flowops-column-view-all{display:flex;align-items:center;justify-content:center;margin-top:10px;padding:10px 12px;border-radius:14px;background:#fff;border:1px solid rgba(15,23,42,.08);color:#047857;text-decoration:none;font-weight:950;font-size:13px}.flowops-kanban-card--compact{padding:12px!important;border-radius:16px!important}.flowops-kanban-card--compact .flowops-kanban-card__top strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#0f172a;font-size:15px;letter-spacing:-.025em}.flowops-kanban-card--compact p{margin:8px 0 0!important;color:#475569!important;font-weight:850}.flowops-kanban-card--compact .flowops-kanban-meta{margin:8px 0!important}.flowops-kanban-card--compact .flowops-kanban-meta span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flowops-kanban-ai{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid #eef2f7}.flowops-kanban-ai span{min-width:0;color:#92400e;background:#fff7ed;border:1px solid #fed7aa;border-radius:999px;padding:6px 8px;font-size:11px;font-weight:950;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flowops-kanban-ai a{color:#047857;text-decoration:none;font-weight:950;font-size:12px;white-space:nowrap}.flowops-service-queue-card--active{border-radius:28px;padding:24px!important}.flowops-agenda-mode{padding:24px!important;border-radius:28px}.flowops-agenda-list{display:grid;gap:10px}.flowops-agenda-item{display:grid;grid-template-columns:68px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px;border:1px solid rgba(15,23,42,.08);border-radius:18px;background:#fff;color:inherit;text-decoration:none}.flowops-agenda-item time{display:grid;place-items:center;min-height:48px;border-radius:16px;background:#ecfdf5;color:#047857;font-weight:950}.flowops-agenda-item strong{display:block;color:#0f172a}.flowops-agenda-item span{display:block;color:#64748b;font-size:13px;margin-top:3px}.flowops-agenda-item em{font-style:normal;padding:7px 10px;border-radius:999px;background:#f8fafc;color:#475569;font-size:12px;font-weight:950}
.flowops-calendar-command{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px!important;margin-bottom:16px;border-radius:28px;background:linear-gradient(145deg,#ffffff,#f8fafc)!important}.flowops-calendar-command h1{margin:4px 0 4px;font-size:clamp(32px,3vw,48px);line-height:1;letter-spacing:-.06em;color:#0f172a}.flowops-calendar-command p{margin:0;color:#64748b;font-weight:800}.flowops-stat-grid--compact{margin-bottom:16px}.flowops-calendar-toolbar--segmented .active{background:#dcfce7!important;color:#047857!important;border-color:#bbf7d0!important}
@media(max-width:1280px){.flowops-dispatch-filterbar{grid-template-columns:1fr 1fr 1fr}.flowops-kanban-grid--scalable{overflow-x:auto;grid-auto-flow:column;grid-auto-columns:minmax(280px,1fr);grid-template-columns:none;padding-bottom:8px}.flowops-workspace-focus-grid{grid-template-columns:1fr 1fr}.flowops-readiness-card--focus{grid-column:1/-1}.flowops-calendar-command{align-items:flex-start;flex-direction:column}.flowops-calendar-command .flowops-actions{width:100%;justify-content:flex-start}}
@media(max-width:780px){.flowops-dispatch-topbar{flex-direction:column}.flowops-dispatch-topbar .flowops-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.flowops-dispatch-filterbar{position:relative;top:auto;grid-template-columns:1fr}.flowops-booking-views--segmented{width:100%;overflow-x:auto;border-radius:18px}.flowops-kanban-grid--scalable .flowops-kanban-column{height:560px}.flowops-workspace-focus-grid{grid-template-columns:1fr}.flowops-agenda-item{grid-template-columns:1fr}.flowops-calendar-command .flowops-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}}

/* V13 productivity layer */
.flowops-board-column{max-height:650px;overflow-y:auto}.flowops-command-search{position:sticky;top:0}

/* FlowOps V14 Operations OS */
.flowops-global-search{display:inline-flex;align-items:center;gap:12px;min-width:min(34vw,420px);height:42px;padding:0 10px 0 14px;border:1px solid rgba(15,23,42,.10);border-radius:14px;background:rgba(248,250,252,.92);box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 10px 24px rgba(15,23,42,.045);color:#475569;font-weight:850;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.flowops-global-search:hover,.flowops-global-search:focus-visible{transform:translateY(-1px);border-color:rgba(16,185,129,.34);box-shadow:0 14px 34px rgba(15,23,42,.09)}.flowops-global-search span{flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.flowops-global-search kbd{border:1px solid rgba(15,23,42,.10);background:#fff;border-radius:9px;padding:5px 7px;color:#0f172a;font-weight:950;font-size:12px}.flowops-dispatch-shell{position:sticky;top:82px;z-index:20}.flowops-dispatch-topbar h1{font-size:clamp(28px,3vw,44px);letter-spacing:-.055em}.flowops-dispatch-filterbar{box-shadow:0 18px 38px rgba(15,23,42,.06)}.flowops-dispatch-search input{font-size:15px;font-weight:800}.flowops-dispatch-quickfilters a{transition:transform .16s ease,box-shadow .16s ease}.flowops-dispatch-quickfilters a:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(15,23,42,.08)}.flowops-kanban-grid--scalable .flowops-kanban-column{height:min(64vh,620px)!important}.flowops-kanban-stack--scroll{max-height:100%;overflow:auto}.flowops-kanban-customer,.flowops-table-customer,.flowops-agenda-customer{appearance:none;border:0;background:transparent;padding:0;margin:0;color:#0f172a;font:inherit;font-weight:950;text-align:left;cursor:pointer;text-decoration:none}.flowops-kanban-customer:hover,.flowops-table-customer:hover,.flowops-agenda-customer:hover{color:#047857;text-decoration:underline;text-underline-offset:3px}.flowops-kanban-card--compact{min-height:0!important}.flowops-kanban-assignment{display:inline-flex;align-items:center;width:max-content;max-width:100%;padding:6px 9px;border-radius:999px;font-size:11px;font-weight:950}.flowops-kanban-assignment.is-warning{background:#fff7ed;color:#c2410c;border:1px solid #fed7aa}.flowops-kanban-assignment.is-ready{background:#ecfdf5;color:#047857;border:1px solid #bbf7d0}.flowops-customer-drawer{position:fixed;inset:0;z-index:3000;display:none}.flowops-customer-drawer.is-open{display:block}.flowops-customer-drawer__backdrop{position:absolute;inset:0;background:rgba(15,23,42,.28);backdrop-filter:blur(5px)}.flowops-customer-drawer__panel{position:absolute;top:0;right:0;height:100%;width:min(440px,92vw);background:linear-gradient(180deg,#ffffff,#f8fafc);border-left:1px solid rgba(15,23,42,.10);box-shadow:-24px 0 60px rgba(15,23,42,.18);padding:24px;overflow:auto;animation:flowopsDrawerIn .18s ease-out}.flowops-customer-drawer__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.flowops-customer-drawer__head h2{margin:4px 0 4px;color:#0f172a;font-size:30px;letter-spacing:-.05em}.flowops-customer-drawer__head p{margin:0;color:#64748b}.flowops-customer-drawer__close{width:38px;height:38px;border-radius:12px;border:1px solid rgba(15,23,42,.10);background:#fff;color:#0f172a;font-size:24px;line-height:1;cursor:pointer}.flowops-customer-drawer__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.flowops-customer-drawer__stats article{padding:14px;border:1px solid rgba(15,23,42,.08);border-radius:16px;background:#fff}.flowops-customer-drawer__stats span{display:block;color:#64748b;font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.12em}.flowops-customer-drawer__stats strong{display:block;color:#0f172a;margin-top:7px;font-size:14px;line-height:1.2}.flowops-customer-drawer__timeline,.flowops-customer-drawer__ai{border:1px solid rgba(15,23,42,.08);border-radius:18px;background:#fff;padding:16px;margin:14px 0}.flowops-customer-drawer__timeline h3{margin:0 0 12px;color:#0f172a}.flowops-customer-drawer__timeline p,.flowops-customer-drawer__ai p{margin:6px 0;color:#475569}.flowops-customer-drawer__ai{background:linear-gradient(135deg,#ecfdf5,#f8fafc);border-color:rgba(16,185,129,.22)}.flowops-customer-drawer__ai span{color:#047857;text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:950}.flowops-command-palette.has-no-results .flowops-command-results:after{content:'No matching commands yet';display:block;padding:18px;text-align:center;color:#64748b;font-weight:850}.flowops-command-results a[style*='none']{display:none!important}@keyframes flowopsDrawerIn{from{transform:translateX(24px);opacity:.7}to{transform:translateX(0);opacity:1}}@media(max-width:1180px){.flowops-global-search{min-width:220px}.flowops-dispatch-shell{position:relative;top:auto}}@media(max-width:900px){.flowops-global-search{display:none}.flowops-kanban-grid--scalable .flowops-kanban-column{height:560px!important}.flowops-customer-drawer__panel{width:100%;padding:18px}.flowops-customer-drawer__stats{grid-template-columns:1fr}}

/* V14.1 issue cleanup — remove sticky overlaps, fix board scale, cleaner table/agenda */
.flowops-dispatch-shell{
    position: relative !important;
    top: auto !important;
    z-index: 1 !important;
    margin-top: 0 !important;
}
.flowops-dispatch-topbar{
    align-items: flex-start !important;
    padding-top: 4px !important;
}
.flowops-dispatch-topbar h1{
    font-size: clamp(30px, 3.2vw, 48px) !important;
    line-height: .96 !important;
}
.flowops-dispatch-shell .flowops-actions{
    align-self: start !important;
}
.flowops-dispatch-filterbar{
    position: relative !important;
    top: auto !important;
    z-index: 1 !important;
}
.flowops-dispatch-board{
    margin-top: 16px !important;
}
.flowops-kanban-grid--scalable{
    gap: 14px !important;
}
.flowops-kanban-grid--scalable .flowops-kanban-column{
    height: min(58vh, 560px) !important;
    min-height: 430px !important;
    padding: 12px !important;
    overflow: hidden !important;
}
.flowops-kanban-column__head{
    margin-bottom: 8px !important;
}
.flowops-kanban-column__head strong{
    font-size: 14px !important;
}
.flowops-kanban-column__head span{
    font-size: 12px !important;
    line-height: 1.25 !important;
}
.flowops-column-showing{
    margin: 0 0 8px !important;
    font-size: 12px !important;
}
.flowops-kanban-stack--scroll{
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 2px 3px 2px 0 !important;
}
.flowops-kanban-card--compact{
    padding: 11px 12px !important;
    border-radius: 15px !important;
    box-shadow: 0 8px 20px rgba(15,23,42,.055) !important;
}
.flowops-kanban-card--compact .flowops-kanban-card__top{
    gap: 8px !important;
    align-items: flex-start !important;
}
.flowops-kanban-customer{
    font-size: 14px !important;
    line-height: 1.1 !important;
    max-width: 128px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}
.flowops-kanban-card--compact p{
    margin: 6px 0 0 !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
}
.flowops-kanban-card--compact .flowops-kanban-meta{
    display: grid !important;
    grid-template-columns: minmax(0,1fr) auto !important;
    gap: 8px !important;
    margin: 7px 0 !important;
    font-size: 12px !important;
}
.flowops-kanban-assignment{
    padding: 5px 8px !important;
    font-size: 11px !important;
}
.flowops-kanban-ai{
    margin-top: 8px !important;
    padding-top: 8px !important;
}
.flowops-kanban-ai span{
    max-width: 150px !important;
    padding: 5px 7px !important;
}
.flowops-column-view-all{
    flex: 0 0 auto !important;
    margin-top: 8px !important;
    padding: 9px 10px !important;
}
.flowops-kanban-empty{
    min-height: 58px !important;
    display: grid !important;
    place-items: center !important;
    font-size: 14px !important;
}
.flowops-service-queue-card--active{
    margin-top: 16px !important;
}
.flowops-service-queue-card--active .flowops-section-head{
    margin-bottom: 10px !important;
}
.flowops-service-queue-card--active .flowops-status-legend{
    display: none !important;
}
.flowops-service-queue-card--active .flowops-section-head + .flowops-status-legend + form .flowops-filters,
.flowops-service-queue-card--active .flowops-section-head + form .flowops-filters{
    display: none !important;
}
.flowops-agenda-item{
    grid-template-columns: 70px minmax(0,1fr) auto auto !important;
}
.flowops-agenda-open{
    color: #047857 !important;
    font-weight: 900 !important;
    text-decoration: none !important;
}
@media(max-width:1280px){
    .flowops-kanban-grid--scalable .flowops-kanban-column{height:560px!important;min-width:280px!important;}
}
@media(max-width:780px){
    .flowops-dispatch-topbar .flowops-actions{grid-template-columns:1fr!important;}
    .flowops-kanban-grid--scalable .flowops-kanban-column{height:520px!important;}
    .flowops-agenda-item{grid-template-columns:1fr!important;}
}
/* V14.1 table mode cleanup: one filter system only */
.flowops-service-queue-card--active > form.flowops-filter-bar{
    display: none !important;
}
.flowops-service-queue-card--active .flowops-form-stack{
    margin-top: 6px !important;
}

/* V14.2 dispatch readability + topbar fix */
body.flowops-app-body.admin-bar .flowops-topbar,
.flowops-topbar {
    position: relative !important;
    top: auto !important;
    z-index: 60 !important;
    overflow: visible !important;
    flex-shrink: 0 !important;
}
.flowops-main {
    overflow: hidden !important;
}
.flowops-content {
    padding-top: 28px !important;
    scroll-padding-top: 24px !important;
}
.flowops-page-bookings .flowops-dispatch-shell {
    margin-top: 0 !important;
}
.flowops-page-bookings .flowops-dispatch-board {
    overflow: visible !important;
}
.flowops-page-bookings .flowops-kanban-grid--scalable {
    align-items: stretch !important;
}
.flowops-page-bookings .flowops-kanban-grid--scalable .flowops-kanban-column {
    height: min(66vh, 680px) !important;
    min-height: 560px !important;
    padding: 14px !important;
    overflow: hidden !important;
}
.flowops-page-bookings .flowops-kanban-column__head {
    position: sticky !important;
    top: 0 !important;
    z-index: 2 !important;
    background: linear-gradient(180deg, rgba(248,250,252,.98), rgba(248,250,252,.92)) !important;
    padding-bottom: 10px !important;
    margin-bottom: 6px !important;
}
.flowops-page-bookings .flowops-kanban-stack--scroll {
    gap: 12px !important;
    padding: 2px 4px 10px 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}
.flowops-page-bookings .flowops-kanban-card--compact {
    padding: 14px !important;
    border-radius: 18px !important;
    min-height: 136px !important;
    display: grid !important;
    gap: 8px !important;
    align-content: start !important;
    box-shadow: 0 10px 26px rgba(15,23,42,.07) !important;
}
.flowops-page-bookings .flowops-kanban-card--compact .flowops-kanban-card__top {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) auto !important;
    align-items: start !important;
    gap: 10px !important;
}
.flowops-page-bookings .flowops-kanban-customer {
    max-width: 100% !important;
    font-size: 15px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}
.flowops-page-bookings .flowops-kanban-card--compact p {
    margin: 0 !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    color: #334155 !important;
    font-weight: 850 !important;
}
.flowops-page-bookings .flowops-kanban-meta--clean {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) auto !important;
    gap: 12px !important;
    align-items: end !important;
    margin: 0 !important;
}
.flowops-page-bookings .flowops-card-date {
    display: grid !important;
    gap: 2px !important;
    min-width: 0 !important;
    color: #475569 !important;
}
.flowops-page-bookings .flowops-card-date strong {
    display: block !important;
    color: #0f172a !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
}
.flowops-page-bookings .flowops-card-date small {
    display: block !important;
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
}
.flowops-page-bookings .flowops-card-price {
    color: #0f172a !important;
    font-size: 13px !important;
    white-space: nowrap !important;
}
.flowops-page-bookings .flowops-kanban-footer {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    padding-top: 4px !important;
}
.flowops-page-bookings .flowops-kanban-ai {
    display: none !important;
}
.flowops-page-bookings .flowops-kanban-assignment {
    flex: 0 1 auto !important;
    max-width: 160px !important;
    padding: 6px 10px !important;
    font-size: 11px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}
.flowops-page-bookings .flowops-card-action {
    flex: 0 0 auto !important;
    color: #047857 !important;
    text-decoration: none !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    white-space: nowrap !important;
}
.flowops-page-bookings .flowops-column-view-all {
    position: sticky !important;
    bottom: 0 !important;
    z-index: 3 !important;
    background: #fff !important;
    box-shadow: 0 -8px 18px rgba(15,23,42,.05) !important;
}
.flowops-date-cell {
    min-width: 132px !important;
    white-space: nowrap !important;
}
.flowops-date-cell strong {
    display: block !important;
    color: #0f172a !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
    white-space: nowrap !important;
}
.flowops-date-cell span {
    display: block !important;
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
    white-space: nowrap !important;
}
.flowops-booking-table th:nth-child(4),
.flowops-booking-table td:nth-child(4) {
    width: 142px !important;
    min-width: 142px !important;
}
.flowops-booking-table th:nth-child(3),
.flowops-booking-table td:nth-child(3) {
    min-width: 260px !important;
}
.flowops-booking-table th:nth-child(6),
.flowops-booking-table td:nth-child(6) {
    min-width: 220px !important;
}
.flowops-service-queue-card--active {
    overflow: visible !important;
}
.flowops-booking-table-wrap {
    overflow-x: auto !important;
    border-radius: 18px !important;
}
@media(max-width:1280px){
  .flowops-page-bookings .flowops-kanban-grid--scalable .flowops-kanban-column{height:620px!important;min-width:310px!important;}
}
@media(max-width:780px){
  .flowops-content{padding-top:16px!important;}
  .flowops-page-bookings .flowops-kanban-grid--scalable .flowops-kanban-column{height:580px!important;min-width:290px!important;}
  .flowops-page-bookings .flowops-kanban-card--compact{min-height:132px!important;}
}

/* V14.3 Dispatch board polish — prevent clipped cards, improve date/value readability, and fix WP admin topbar offset */
body.flowops-app-body.admin-bar .flowops-app{
    height: calc(100vh - 32px) !important;
    margin-top: 32px !important;
}
@media screen and (max-width:782px){
    body.flowops-app-body.admin-bar .flowops-app{
        height: calc(100vh - 46px) !important;
        margin-top: 46px !important;
    }
}
.flowops-topbar{
    position: relative !important;
    top: auto !important;
    min-height: 68px !important;
    overflow: visible !important;
}
.flowops-page-bookings .flowops-dispatch-shell{
    border-radius: 28px !important;
    overflow: visible !important;
}
.flowops-page-bookings .flowops-dispatch-board{
    padding: 24px !important;
}
.flowops-page-bookings .flowops-kanban-grid--scalable{
    display: grid !important;
    grid-template-columns: minmax(330px,1.18fr) repeat(3,minmax(260px,1fr)) !important;
    gap: 16px !important;
    align-items: stretch !important;
}
.flowops-page-bookings .flowops-kanban-grid--scalable .flowops-kanban-column{
    display: flex !important;
    flex-direction: column !important;
    height: min(62vh,650px) !important;
    min-height: 540px !important;
    padding: 14px !important;
    border-radius: 22px !important;
    background: linear-gradient(180deg,#f8fafc 0%,#f4f7fb 100%) !important;
}
.flowops-page-bookings .flowops-kanban-column.is-priority{
    background: linear-gradient(180deg,#fffaf3 0%,#f8fafc 42%,#f4f7fb 100%) !important;
}
.flowops-page-bookings .flowops-kanban-column__head{
    position: static !important;
    top: auto !important;
    flex: 0 0 auto !important;
    background: transparent !important;
    padding: 0 0 10px !important;
    margin: 0 !important;
}
.flowops-page-bookings .flowops-column-showing{
    flex: 0 0 auto !important;
    margin: 0 0 10px !important;
    color: #64748b !important;
    font-size: 12px !important;
    font-weight: 900 !important;
}
.flowops-page-bookings .flowops-kanban-stack--scroll{
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    padding: 1px 5px 6px 1px !important;
    scrollbar-width: thin !important;
}
.flowops-page-bookings .flowops-kanban-card--compact{
    position: relative !important;
    padding: 13px 13px 12px !important;
    min-height: 146px !important;
    border-radius: 18px !important;
    background: #fff !important;
    border: 1px solid rgba(15,23,42,.08) !important;
    display: grid !important;
    grid-template-rows: auto auto auto auto !important;
    gap: 8px !important;
    box-shadow: 0 10px 26px rgba(15,23,42,.065) !important;
}
.flowops-page-bookings .flowops-kanban-card--compact:hover{
    transform: translateY(-1px) !important;
    border-color: rgba(16,185,129,.28) !important;
    box-shadow: 0 16px 34px rgba(15,23,42,.10) !important;
}
.flowops-page-bookings .flowops-kanban-card--compact .flowops-kanban-card__top{
    display: grid !important;
    grid-template-columns: minmax(0,1fr) auto !important;
    gap: 10px !important;
    align-items: start !important;
}
.flowops-page-bookings .flowops-kanban-customer{
    color: #0f172a !important;
    font-size: 15px !important;
    font-weight: 950 !important;
    line-height: 1.18 !important;
    max-width: 100% !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    text-transform: none !important;
}
.flowops-page-bookings .flowops-kanban-card--compact p{
    color: #334155 !important;
    font-size: 12.5px !important;
    font-weight: 850 !important;
    line-height: 1.3 !important;
    margin: 0 !important;
}
.flowops-page-bookings .flowops-kanban-meta--clean{
    display: grid !important;
    grid-template-columns: minmax(0,1fr) auto !important;
    gap: 12px !important;
    align-items: center !important;
    padding: 8px 0 !important;
    margin: 0 !important;
    border-top: 1px solid rgba(226,232,240,.75) !important;
    border-bottom: 1px solid rgba(226,232,240,.75) !important;
}
.flowops-page-bookings .flowops-card-date{
    display: flex !important;
    flex-direction: column !important;
    gap: 3px !important;
    min-width: 0 !important;
}
.flowops-page-bookings .flowops-card-date strong{
    color: #0f172a !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    line-height: 1.15 !important;
    letter-spacing: -.01em !important;
    white-space: normal !important;
}
.flowops-page-bookings .flowops-card-date small{
    color: #64748b !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
}
.flowops-page-bookings .flowops-card-price{
    justify-self: end !important;
    color: #0f172a !important;
    font-size: 14px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}
.flowops-page-bookings .flowops-kanban-footer{
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    padding: 0 !important;
    border: 0 !important;
}
.flowops-page-bookings .flowops-kanban-assignment{
    padding: 7px 10px !important;
    border-radius: 999px !important;
    font-size: 11px !important;
    line-height: 1 !important;
    max-width: 135px !important;
}
.flowops-page-bookings .flowops-card-action{
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    padding: 7px 0 !important;
    color: #047857 !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}
.flowops-page-bookings .flowops-kanban-ai,
.flowops-page-bookings .flowops-kanban-ai span{
    display: none !important;
}
.flowops-page-bookings .flowops-column-view-all{
    flex: 0 0 auto !important;
    position: static !important;
    margin: 10px 0 0 !important;
    padding: 11px 12px !important;
    border-radius: 15px !important;
    background: #ffffff !important;
    border: 1px solid rgba(15,23,42,.08) !important;
    box-shadow: 0 8px 20px rgba(15,23,42,.045) !important;
}
.flowops-page-bookings .flowops-kanban-empty{
    min-height: 68px !important;
    border-radius: 16px !important;
    background: rgba(255,255,255,.78) !important;
}
.flowops-page-bookings .flowops-date-cell{
    min-width: 170px !important;
    width: 170px !important;
}
.flowops-page-bookings .flowops-date-cell strong{
    font-size: 14px !important;
    line-height: 1.2 !important;
    white-space: normal !important;
}
.flowops-page-bookings .flowops-date-cell span{
    font-size: 12.5px !important;
    line-height: 1.25 !important;
    white-space: nowrap !important;
}
.flowops-page-bookings .flowops-booking-table th:nth-child(4),
.flowops-page-bookings .flowops-booking-table td:nth-child(4){
    min-width: 180px !important;
    width: 180px !important;
}
@media(max-width:1280px){
    .flowops-page-bookings .flowops-kanban-grid--scalable{
        overflow-x: auto !important;
        grid-template-columns: none !important;
        grid-auto-flow: column !important;
        grid-auto-columns: minmax(330px,360px) !important;
        padding-bottom: 8px !important;
    }
    .flowops-page-bookings .flowops-kanban-grid--scalable .flowops-kanban-column{
        height: 610px !important;
    }
}
@media(max-width:780px){
    .flowops-page-bookings .flowops-kanban-grid--scalable{
        grid-auto-columns: minmax(292px,88vw) !important;
    }
    .flowops-page-bookings .flowops-kanban-grid--scalable .flowops-kanban-column{
        height: 570px !important;
        min-height: 500px !important;
    }
    .flowops-page-bookings .flowops-kanban-card--compact{
        min-height: 140px !important;
    }
}

/* V14.4 Dispatch card and table header fixes */
.flowops-page-bookings .flowops-dispatch-shell{
    position: relative !important;
    top: auto !important;
    z-index: 1 !important;
    margin-top: 0 !important;
}
.flowops-page-bookings .flowops-dispatch-board{
    position: relative !important;
    z-index: 0 !important;
}
.flowops-page-bookings .flowops-service-queue-card--active{
    position: relative !important;
    z-index: 0 !important;
    margin-top: 18px !important;
}
.flowops-page-bookings .flowops-kanban-grid--scalable{
    grid-template-columns: minmax(360px,1.05fr) repeat(3,minmax(250px,1fr)) !important;
    gap: 16px !important;
}
.flowops-page-bookings .flowops-kanban-grid--scalable .flowops-kanban-column{
    padding: 12px !important;
    height: min(66vh,680px) !important;
    min-height: 570px !important;
}
.flowops-page-bookings .flowops-kanban-stack--scroll{
    gap: 12px !important;
    padding: 2px 6px 8px 2px !important;
}
.flowops-page-bookings .flowops-dispatch-job-card{
    padding: 14px !important;
    min-height: 176px !important;
    border-radius: 20px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 11px !important;
    background: linear-gradient(180deg,#ffffff 0%,#fbfdff 100%) !important;
    border: 1px solid rgba(15,23,42,.09) !important;
    box-shadow: 0 10px 24px rgba(15,23,42,.055) !important;
    overflow: visible !important;
}
.flowops-page-bookings .flowops-dispatch-job-card:hover{
    transform: translateY(-2px) !important;
    border-color: rgba(16,185,129,.32) !important;
    box-shadow: 0 18px 38px rgba(15,23,42,.10) !important;
}
.flowops-page-bookings .flowops-dispatch-card-head{
    display: grid !important;
    grid-template-columns: minmax(0,1fr) auto !important;
    align-items: start !important;
    gap: 10px !important;
}
.flowops-page-bookings .flowops-dispatch-card-head .flowops-kanban-customer{
    color:#0f172a !important;
    font-size:16px !important;
    line-height:1.12 !important;
    letter-spacing:-.03em !important;
    text-transform:none !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
}
.flowops-page-bookings .flowops-dispatch-card-head .flowops-badge{
    align-self:start !important;
    max-width:96px !important;
    white-space:nowrap !important;
}
.flowops-page-bookings .flowops-dispatch-card-service{
    color:#334155 !important;
    font-size:13px !important;
    line-height:1.25 !important;
    font-weight:850 !important;
    margin-top:-4px !important;
}
.flowops-page-bookings .flowops-dispatch-card-meta{
    display:grid !important;
    grid-template-columns: 1fr 1fr auto !important;
    gap:8px !important;
    padding:10px !important;
    border-radius:16px !important;
    background:#f8fafc !important;
    border:1px solid rgba(226,232,240,.9) !important;
}
.flowops-page-bookings .flowops-dispatch-card-meta span{
    min-width:0 !important;
    display:grid !important;
    gap:3px !important;
}
.flowops-page-bookings .flowops-dispatch-card-meta em{
    font-style:normal !important;
    color:#94a3b8 !important;
    font-size:9px !important;
    line-height:1 !important;
    text-transform:uppercase !important;
    letter-spacing:.12em !important;
    font-weight:950 !important;
}
.flowops-page-bookings .flowops-dispatch-card-meta strong{
    color:#0f172a !important;
    font-size:12px !important;
    line-height:1.15 !important;
    font-weight:950 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
}
.flowops-page-bookings .flowops-dispatch-card-meta span:last-child strong{
    color:#111827 !important;
    font-size:13px !important;
    text-align:right !important;
}
.flowops-page-bookings .flowops-dispatch-card-footer{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:10px !important;
    margin-top:auto !important;
}
.flowops-page-bookings .flowops-dispatch-card-footer .flowops-kanban-assignment{
    max-width:150px !important;
    padding:7px 10px !important;
    font-size:11px !important;
}
.flowops-page-bookings .flowops-dispatch-card-footer .flowops-card-action{
    padding:8px 10px !important;
    border-radius:999px !important;
    background:#ecfdf5 !important;
    color:#047857 !important;
    text-decoration:none !important;
    font-size:12px !important;
    line-height:1 !important;
    font-weight:950 !important;
}
.flowops-page-bookings .flowops-dispatch-card-footer .flowops-card-action:hover{
    background:#10b981 !important;
    color:#fff !important;
}
.flowops-page-bookings .flowops-kanban-card--compact > .flowops-kanban-card__top,
.flowops-page-bookings .flowops-kanban-card--compact > .flowops-kanban-meta,
.flowops-page-bookings .flowops-kanban-card--compact > .flowops-kanban-footer{
    display:none !important;
}
.flowops-page-bookings .flowops-column-showing{
    margin-bottom:12px !important;
}
.flowops-page-bookings .flowops-column-view-all{
    margin-top:12px !important;
}
.flowops-page-bookings .flowops-booking-table-wrap{
    margin-top:16px !important;
    max-height:none !important;
}
.flowops-page-bookings .flowops-booking-table{
    table-layout: fixed !important;
}
.flowops-page-bookings .flowops-booking-table th:nth-child(4),
.flowops-page-bookings .flowops-booking-table td:nth-child(4){
    min-width:190px !important;
    width:190px !important;
}
@media(max-width:1280px){
    .flowops-page-bookings .flowops-kanban-grid--scalable{
        grid-auto-columns:minmax(340px,370px) !important;
    }
}
@media(max-width:780px){
    .flowops-page-bookings .flowops-dispatch-job-card{
        min-height:168px !important;
    }
    .flowops-page-bookings .flowops-dispatch-card-meta{
        grid-template-columns:1fr 1fr !important;
    }
}


/* V14.5 Dispatch table + board refinement */
.flowops-page-bookings .flowops-dispatch-shell{
  position:relative!important;
  top:auto!important;
  z-index:1!important;
  scroll-margin-top:96px!important;
}
.flowops-page-bookings .flowops-dispatch-filterbar{
  position:relative!important;
  top:auto!important;
  z-index:1!important;
}
.flowops-page-bookings #flowops-bookings-table{
  scroll-margin-top:118px!important;
}
.flowops-page-bookings .flowops-dispatch-card-meta{
  grid-template-columns: minmax(0,1fr) auto!important;
  gap:10px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
}
.flowops-page-bookings .flowops-dispatch-card-meta span{
  gap:2px!important;
}
.flowops-page-bookings .flowops-dispatch-card-meta span:nth-child(2){
  grid-column:1!important;
}
.flowops-page-bookings .flowops-dispatch-card-meta span:last-child{
  grid-column:2!important;
  grid-row:1 / span 2!important;
  align-self:center!important;
  justify-self:end!important;
  padding:8px 10px!important;
  border-radius:14px!important;
  background:#f8fafc!important;
  border:1px solid rgba(226,232,240,.95)!important;
}
.flowops-page-bookings .flowops-dispatch-card-meta em{
  display:none!important;
}
.flowops-page-bookings .flowops-dispatch-card-meta strong{
  font-size:12px!important;
  line-height:1.25!important;
}
.flowops-page-bookings .flowops-dispatch-card-meta span:first-child strong{
  font-size:13px!important;
}
.flowops-page-bookings .flowops-dispatch-card-meta span:nth-child(2) strong{
  color:#64748b!important;
  font-weight:850!important;
}
.flowops-page-bookings .flowops-dispatch-card-head .flowops-badge{
  padding:5px 8px!important;
  font-size:10px!important;
}
.flowops-page-bookings .flowops-dispatch-card-service{
  margin-top:-6px!important;
}
.flowops-page-bookings .flowops-dispatch-job-card{
  min-height:150px!important;
  gap:9px!important;
}
.flowops-page-bookings .flowops-dispatch-card-footer .flowops-card-action{
  background:transparent!important;
  padding:0!important;
  border-radius:0!important;
  color:#047857!important;
}
.flowops-page-bookings .flowops-kanban-grid--scalable .flowops-kanban-column{
  height:min(64vh,650px)!important;
  min-height:520px!important;
}
.flowops-page-bookings .flowops-column-view-all{
  background:#ffffff!important;
  border:1px solid rgba(15,23,42,.10)!important;
  box-shadow:0 8px 20px rgba(15,23,42,.045)!important;
}

/* Premium table view: compact, readable, no sticky clipping */
.flowops-page-bookings .flowops-service-queue-card--active{
  margin-top:20px!important;
  padding:24px!important;
  border-radius:28px!important;
  overflow:visible!important;
}
.flowops-page-bookings .flowops-service-queue-card--active .flowops-section-head{
  align-items:center!important;
  padding-bottom:14px!important;
  margin-bottom:14px!important;
  border-bottom:1px solid rgba(15,23,42,.06)!important;
}
.flowops-page-bookings .flowops-service-queue-card--active .flowops-section-head h2{
  font-size:24px!important;
  letter-spacing:-.04em!important;
}
.flowops-page-bookings .flowops-service-queue-card--active .flowops-section-head p{
  color:#64748b!important;
  font-weight:750!important;
}
.flowops-page-bookings .flowops-booking-table-wrap{
  margin-top:18px!important;
  border:1px solid rgba(15,23,42,.08)!important;
  border-radius:24px!important;
  background:#fff!important;
  box-shadow:0 14px 36px rgba(15,23,42,.06)!important;
  overflow:auto!important;
}
.flowops-page-bookings .flowops-booking-table{
  min-width:1040px!important;
  width:100%!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  table-layout:auto!important;
}
.flowops-page-bookings .flowops-booking-table thead th{
  position:sticky!important;
  top:0!important;
  z-index:2!important;
  background:#f8fafc!important;
  color:#64748b!important;
  padding:13px 16px!important;
  font-size:10px!important;
  letter-spacing:.14em!important;
  border-bottom:1px solid rgba(15,23,42,.08)!important;
}
.flowops-page-bookings .flowops-booking-table tbody td{
  padding:18px 16px!important;
  vertical-align:middle!important;
  background:#fff!important;
  border-bottom:1px solid rgba(15,23,42,.055)!important;
}
.flowops-page-bookings .flowops-booking-table tbody tr:hover td,
.flowops-page-bookings .flowops-booking-table tbody tr:focus-within td{
  background:#fbfefc!important;
  box-shadow:none!important;
  transform:none!important;
}
.flowops-page-bookings .flowops-booking-table tbody tr:hover td:first-child,
.flowops-page-bookings .flowops-booking-table tbody tr:focus-within td:first-child{
  box-shadow:inset 3px 0 0 #10b981!important;
}
.flowops-page-bookings .flowops-booking-table th:nth-child(1),
.flowops-page-bookings .flowops-booking-table td:nth-child(1){width:44px!important;min-width:44px!important;text-align:center!important;}
.flowops-page-bookings .flowops-booking-table th:nth-child(2),
.flowops-page-bookings .flowops-booking-table td:nth-child(2){width:220px!important;min-width:220px!important;}
.flowops-page-bookings .flowops-booking-table th:nth-child(3),
.flowops-page-bookings .flowops-booking-table td:nth-child(3){width:300px!important;min-width:300px!important;}
.flowops-page-bookings .flowops-booking-table th:nth-child(4),
.flowops-page-bookings .flowops-booking-table td:nth-child(4){width:150px!important;min-width:150px!important;}
.flowops-page-bookings .flowops-booking-table th:nth-child(5),
.flowops-page-bookings .flowops-booking-table td:nth-child(5){width:110px!important;min-width:110px!important;}
.flowops-page-bookings .flowops-booking-table th:nth-child(6),
.flowops-page-bookings .flowops-booking-table td:nth-child(6){width:170px!important;min-width:170px!important;}
.flowops-page-bookings .flowops-booking-table th:nth-child(7),
.flowops-page-bookings .flowops-booking-table td:nth-child(7){width:130px!important;min-width:130px!important;}
.flowops-page-bookings .flowops-booking-table th:nth-child(8),
.flowops-page-bookings .flowops-booking-table td:nth-child(8){width:150px!important;min-width:150px!important;}
.flowops-page-bookings .flowops-table-person{
  gap:12px!important;
}
.flowops-page-bookings .flowops-table-person .flowops-avatar-sm{
  width:34px!important;
  height:34px!important;
  border-radius:12px!important;
  box-shadow:0 8px 18px rgba(16,185,129,.18)!important;
}
.flowops-page-bookings .flowops-table-customer{
  display:block!important;
  max-width:150px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  font-size:14px!important;
  line-height:1.15!important;
}
.flowops-page-bookings .flowops-table-person span{
  max-width:160px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  font-size:12px!important;
  color:#64748b!important;
}
.flowops-page-bookings .flowops-booking-table td:nth-child(3){
  color:#334155!important;
  font-size:13px!important;
  line-height:1.3!important;
}
.flowops-page-bookings .flowops-booking-table td:nth-child(3) .flowops-faint{
  display:block!important;
  max-width:260px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  color:#64748b!important;
}
.flowops-page-bookings .flowops-date-cell strong{
  display:block!important;
  color:#0f172a!important;
  font-size:14px!important;
  line-height:1.15!important;
  white-space:nowrap!important;
}
.flowops-page-bookings .flowops-date-cell span{
  display:inline-flex!important;
  margin-top:4px!important;
  padding:4px 8px!important;
  border-radius:999px!important;
  background:#f1f5f9!important;
  color:#475569!important;
  font-size:12px!important;
  font-weight:850!important;
  white-space:nowrap!important;
}
.flowops-page-bookings .flowops-status-pills{
  display:none!important;
}
.flowops-page-bookings .flowops-status-select-mobile{
  display:block!important;
  width:148px!important;
  min-width:0!important;
  height:36px!important;
  border-radius:12px!important;
  border:1px solid rgba(15,23,42,.12)!important;
  background:#fff!important;
  color:#0f172a!important;
  font-weight:850!important;
  font-size:12px!important;
  padding:0 10px!important;
}
.flowops-page-bookings .flowops-table-actions{
  gap:8px!important;
  justify-content:flex-start!important;
  flex-wrap:nowrap!important;
}
.flowops-page-bookings .flowops-table-actions .flowops-btn{
  min-height:34px!important;
  padding:0 12px!important;
  border-radius:12px!important;
  font-size:12px!important;
  white-space:nowrap!important;
}
.flowops-page-bookings .flowops-booking-table input[type='checkbox']{
  width:16px!important;
  height:16px!important;
}
@media(max-width:1180px){
  .flowops-page-bookings .flowops-booking-table-wrap{overflow-x:auto!important;}
}

/* FlowOps v14.6 — table quick status refinement */
.flowops-page-bookings .flowops-booking-table th:nth-child(6),
.flowops-page-bookings .flowops-booking-table td:nth-child(6){
  min-width:260px!important;
  width:260px!important;
}
.flowops-page-bookings .flowops-status-pills{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  flex-wrap:wrap!important;
  max-width:252px!important;
}
.flowops-page-bookings .flowops-status-pill{
  min-height:30px!important;
  padding:0 11px!important;
  border-radius:999px!important;
  font-size:11px!important;
  line-height:30px!important;
  font-weight:900!important;
  letter-spacing:-.01em!important;
  background:#fff!important;
  border:1px solid rgba(15,23,42,.10)!important;
  color:#334155!important;
  box-shadow:0 3px 10px rgba(15,23,42,.04)!important;
  white-space:nowrap!important;
}
.flowops-page-bookings .flowops-status-pill:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(0,200,90,.28)!important;
  box-shadow:0 8px 18px rgba(15,23,42,.08)!important;
}
.flowops-page-bookings .flowops-status-pill.active-pending,
.flowops-page-bookings .flowops-status-pill.active-confirmed,
.flowops-page-bookings .flowops-status-pill.active-in_progress,
.flowops-page-bookings .flowops-status-pill.active-completed,
.flowops-page-bookings .flowops-status-pill.active-cancelled{
  border-width:1px!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.55),0 6px 16px rgba(15,23,42,.06)!important;
}
.flowops-page-bookings .flowops-status-pill.active-pending{background:#fff7ed!important;color:#c2410c!important;border-color:rgba(249,115,22,.26)!important;}
.flowops-page-bookings .flowops-status-pill.active-confirmed{background:#ecfdf5!important;color:#047857!important;border-color:rgba(16,185,129,.26)!important;}
.flowops-page-bookings .flowops-status-pill.active-in_progress{background:#eff6ff!important;color:#1d4ed8!important;border-color:rgba(59,130,246,.26)!important;}
.flowops-page-bookings .flowops-status-pill.active-completed{background:#f0fdf4!important;color:#15803d!important;border-color:rgba(34,197,94,.26)!important;}
.flowops-page-bookings .flowops-status-pill.active-cancelled{background:#f8fafc!important;color:#475569!important;border-color:rgba(100,116,139,.22)!important;}
.flowops-page-bookings .flowops-status-select-mobile{
  display:none!important;
}
.flowops-page-bookings .flowops-status-confirm{
  position:absolute!important;
  z-index:50!important;
  margin-top:6px!important;
  padding:8px 9px!important;
  border-radius:12px!important;
  border:1px solid rgba(15,23,42,.10)!important;
  background:#fff!important;
  box-shadow:0 18px 38px rgba(15,23,42,.16)!important;
  color:#0f172a!important;
  font-size:12px!important;
  font-weight:850!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  white-space:nowrap!important;
}
.flowops-page-bookings .flowops-status-confirm button{
  border:0!important;
  border-radius:999px!important;
  padding:5px 9px!important;
  font-size:11px!important;
  font-weight:900!important;
  cursor:pointer!important;
}
.flowops-page-bookings .flowops-status-confirm__yes{background:#00c85a!important;color:#04130a!important;}
.flowops-page-bookings .flowops-status-confirm__no{background:#f1f5f9!important;color:#334155!important;}
@media (max-width: 900px){
  .flowops-page-bookings .flowops-status-pills{display:none!important;}
  .flowops-page-bookings .flowops-status-select-mobile{display:block!important;width:150px!important;}
}

/* FlowOps v14.7 — compact table quick status + non-sticky dispatch shell */
.flowops-page-bookings .flowops-dispatch-shell{
  position:relative!important;
  top:auto!important;
  z-index:1!important;
}
.flowops-page-bookings .flowops-booking-table-wrap{
  overflow-x:auto!important;
  border-radius:24px!important;
}
.flowops-page-bookings .flowops-booking-table{
  min-width:1120px!important;
  table-layout:fixed!important;
}
.flowops-page-bookings .flowops-booking-table th:nth-child(6),
.flowops-page-bookings .flowops-booking-table td:nth-child(6){
  width:155px!important;
  min-width:155px!important;
  max-width:155px!important;
}
.flowops-page-bookings .flowops-booking-table th:nth-child(8),
.flowops-page-bookings .flowops-booking-table td:nth-child(8){
  width:156px!important;
  min-width:156px!important;
  max-width:156px!important;
}
.flowops-page-bookings .flowops-status-pills{
  display:none!important;
}
.flowops-page-bookings .flowops-status-select-mobile{
  display:block!important;
  width:138px!important;
  max-width:138px!important;
  min-width:138px!important;
  height:38px!important;
  min-height:38px!important;
  padding:0 34px 0 12px!important;
  border-radius:999px!important;
  border:1px solid rgba(15,23,42,.10)!important;
  background:#fff!important;
  color:#0f172a!important;
  font:900 12px/1 var(--flowops-font,'DM Sans',sans-serif)!important;
  box-shadow:0 8px 18px rgba(15,23,42,.055)!important;
  appearance:auto!important;
}
.flowops-page-bookings .flowops-status-select-mobile:focus{
  outline:3px solid rgba(16,185,129,.16)!important;
  border-color:rgba(16,185,129,.55)!important;
}
.flowops-page-bookings .flowops-booking-table tbody tr{
  min-height:76px!important;
}
.flowops-page-bookings .flowops-booking-table tbody td{
  padding-top:16px!important;
  padding-bottom:16px!important;
}
.flowops-page-bookings .flowops-table-actions{
  display:flex!important;
  gap:8px!important;
  flex-wrap:nowrap!important;
  justify-content:flex-start!important;
}
.flowops-page-bookings .flowops-table-actions .flowops-btn{
  min-width:64px!important;
  padding:0 12px!important;
}

/* v14.8 — status changes use a FlowOps confirmation modal instead of instant redirects. */
.flowops-status-modal-backdrop{
  position:fixed;
  inset:0;
  z-index:100000;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  padding:96px 20px 20px;
  background:rgba(15,23,42,.42);
  backdrop-filter:blur(8px);
}
.flowops-status-modal{
  width:min(440px, calc(100vw - 40px));
  display:grid;
  grid-template-columns:auto 1fr;
  gap:16px;
  padding:20px;
  border:1px solid rgba(15,23,42,.12);
  border-radius:22px;
  background:#fff;
  color:#0f172a;
  box-shadow:0 24px 70px rgba(15,23,42,.28);
}
.flowops-status-modal__icon{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:#dcfce7;
  color:#007a3d;
  font-size:22px;
  font-weight:900;
}
.flowops-status-modal__body h3{
  margin:0 0 6px;
  font-size:18px;
  line-height:1.2;
  letter-spacing:-.02em;
}
.flowops-status-modal__body p{
  margin:0;
  color:#475569;
  font-size:14px;
  line-height:1.5;
}
.flowops-status-modal__actions{
  grid-column:1 / -1;
  display:flex;
  justify-content:flex-end;
  gap:10px;
  padding-top:2px;
}
.flowops-status-modal .flowops-status-confirm__yes,
.flowops-status-modal .flowops-status-confirm__no{
  min-height:40px;
  border-radius:999px;
  padding:0 16px;
  border:1px solid #dbe3ee;
  font-weight:900;
  cursor:pointer;
}
.flowops-status-modal .flowops-status-confirm__yes{
  background:#00c85a;
  border-color:#00c85a;
  color:#04130a;
  box-shadow:0 14px 28px rgba(0,200,90,.24);
}
.flowops-status-modal .flowops-status-confirm__no{
  background:#fff;
  color:#334155;
}
.flowops-status-modal .flowops-status-confirm__yes:focus-visible,
.flowops-status-modal .flowops-status-confirm__no:focus-visible{
  outline:3px solid rgba(0,200,90,.25);
  outline-offset:2px;
}
@media (max-width:640px){
  .flowops-status-modal-backdrop{align-items:flex-end;padding:16px;}
  .flowops-status-modal{width:100%;border-radius:20px;}
  .flowops-status-modal__actions{flex-direction:column-reverse;}
  .flowops-status-modal .flowops-status-confirm__yes,
  .flowops-status-modal .flowops-status-confirm__no{width:100%;}
}
/* V14.9 booking card refinement */
.flowops-dispatch-job-card{padding:12px!important;border-radius:14px}
.flowops-dispatch-card-meta{display:flex;gap:10px;flex-wrap:wrap}
.flowops-dispatch-card-meta span{background:#f6f8f7;padding:6px 8px;border-radius:8px}
.flowops-dispatch-card-meta em{display:block;font-size:11px;opacity:.7}
.flowops-dispatch-card-service{font-weight:600;margin:6px 0}
.flowops-dispatch-card-footer{margin-top:8px;display:flex;justify-content:space-between;align-items:center}
.flowops-dispatch-topbar,.flowops-dispatch-shell{overflow:visible!important}

/* V15 dispatch board card polish: cleaner two-column booking cards */
.flowops-page-bookings .flowops-kanban-grid--scalable{
  grid-template-columns:minmax(380px,1.28fr) repeat(3,minmax(230px,.9fr))!important;
  gap:18px!important;
}
.flowops-page-bookings .flowops-kanban-grid--scalable .flowops-kanban-column{
  min-height:560px!important;
  height:min(68vh,700px)!important;
  padding:16px!important;
}
.flowops-page-bookings .flowops-kanban-column__head{
  margin-bottom:12px!important;
}
.flowops-page-bookings .flowops-kanban-column__head strong{
  font-size:15px!important;
  letter-spacing:-.02em!important;
}
.flowops-page-bookings .flowops-kanban-column__head span{
  font-size:12px!important;
}
.flowops-page-bookings .flowops-kanban-stack--scroll{
  gap:10px!important;
  padding:0 4px 8px 0!important;
}
.flowops-page-bookings .flowops-dispatch-job-card--v15{
  min-height:0!important;
  padding:14px!important;
  gap:11px!important;
  border-radius:18px!important;
  background:#fff!important;
  border:1px solid rgba(15,23,42,.09)!important;
  box-shadow:0 8px 20px rgba(15,23,42,.055)!important;
}
.flowops-page-bookings .flowops-dispatch-job-card--v15:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(16,185,129,.35)!important;
  box-shadow:0 16px 34px rgba(15,23,42,.10)!important;
}
.flowops-page-bookings .flowops-dispatch-job-card--v15 .flowops-dispatch-card-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:start!important;
  gap:12px!important;
}
.flowops-page-bookings .flowops-dispatch-job-card--v15 .flowops-dispatch-card-title{
  min-width:0!important;
  display:grid!important;
  gap:3px!important;
}
.flowops-page-bookings .flowops-dispatch-job-card--v15 .flowops-kanban-customer{
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#0f172a!important;
  font-size:15px!important;
  font-weight:950!important;
  line-height:1.15!important;
  letter-spacing:-.02em!important;
  text-align:left!important;
  max-width:100%!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  cursor:pointer!important;
}
.flowops-page-bookings .flowops-dispatch-job-card--v15 .flowops-dispatch-card-title span{
  color:#475569!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1.2!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.flowops-page-bookings .flowops-dispatch-job-card--v15 .flowops-badge{
  padding:4px 8px!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:900!important;
  max-width:none!important;
  white-space:nowrap!important;
}
.flowops-page-bookings .flowops-dispatch-card-line{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
}
.flowops-page-bookings .flowops-card-when{
  min-width:0!important;
  color:#334155!important;
  font-size:12px!important;
  line-height:1.3!important;
  font-weight:800!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.flowops-page-bookings .flowops-card-value{
  color:#0f172a!important;
  font-size:14px!important;
  line-height:1!important;
  font-weight:950!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  white-space:nowrap!important;
}
.flowops-page-bookings .flowops-dispatch-job-card--v15 .flowops-dispatch-card-footer{
  margin-top:2px!important;
  padding-top:10px!important;
  border-top:1px solid #eef2f7!important;
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:10px!important;
}
.flowops-page-bookings .flowops-dispatch-job-card--v15 .flowops-kanban-assignment{
  padding:5px 9px!important;
  font-size:11px!important;
  line-height:1!important;
  max-width:150px!important;
}
.flowops-page-bookings .flowops-dispatch-job-card--v15 .flowops-card-action{
  color:#047857!important;
  background:transparent!important;
  padding:0!important;
  border:0!important;
  font-size:12px!important;
  font-weight:950!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}
.flowops-page-bookings .flowops-dispatch-job-card--v15 .flowops-card-action:hover{
  color:#065f46!important;
  text-decoration:underline!important;
}
.flowops-page-bookings .flowops-column-showing{display:none!important;}
.flowops-page-bookings .flowops-kanban-empty{
  min-height:72px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:18px!important;
  border:1px dashed rgba(148,163,184,.45)!important;
  background:rgba(248,250,252,.74)!important;
  color:#64748b!important;
  font-weight:850!important;
}
.flowops-page-bookings .flowops-kanban-empty::before{
  content:'✓';
  margin-right:8px;
  color:#10b981;
  font-weight:950;
}
.flowops-page-bookings .flowops-column-view-all{
  margin-top:10px!important;
  border-radius:14px!important;
  box-shadow:0 8px 20px rgba(15,23,42,.06)!important;
}
@media (max-width:1280px){
  .flowops-page-bookings .flowops-kanban-grid--scalable{grid-template-columns:repeat(2,minmax(280px,1fr))!important;}
}
@media (max-width:760px){
  .flowops-page-bookings .flowops-kanban-grid--scalable{grid-template-columns:1fr!important;}
  .flowops-page-bookings .flowops-kanban-grid--scalable .flowops-kanban-column{height:auto!important;min-height:0!important;}
}


/* FlowOps v15.3 bookings final operational polish */
.flowops-kanban-grid--scalable{align-items:stretch;}
.flowops-kanban-grid--scalable .flowops-kanban-column{display:flex;flex-direction:column;min-height:520px;}
.flowops-kanban-grid--scalable .flowops-kanban-column__head{position:sticky;top:0;z-index:3;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,250,252,.94));backdrop-filter:blur(10px);border-radius:18px 18px 12px 12px;padding-bottom:10px;}
.flowops-kanban-column.is-priority .flowops-kanban-column__head em{background:#fff7ed!important;color:#c2410c!important;border-color:#fdba74!important;}
.flowops-kanban-column.is-priority{border-color:#fdba74!important;box-shadow:0 18px 38px rgba(245,158,11,.10)!important;}
.flowops-kanban-stack--scroll{display:flex;flex-direction:column;gap:10px;min-height:220px;}
.flowops-dispatch-job-card--v15{padding:14px!important;border-radius:18px!important;border:1px solid rgba(15,23,42,.08)!important;background:linear-gradient(180deg,#fff,#fbfdff)!important;box-shadow:0 8px 22px rgba(15,23,42,.06)!important;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;}
.flowops-dispatch-job-card--v15:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(15,23,42,.11)!important;border-color:rgba(16,185,129,.26)!important;}
.flowops-dispatch-card-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start;}
.flowops-dispatch-card-title span{margin-top:3px!important;color:#334155!important;font-weight:800!important;}
.flowops-dispatch-card-line{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;margin-top:10px!important;padding-top:10px!important;border-top:1px solid rgba(15,23,42,.06)!important;}
.flowops-card-when{white-space:normal!important;color:#475569!important;font-size:12.5px!important;font-weight:850!important;line-height:1.35!important;}
.flowops-card-value{font-size:15px!important;font-weight:950!important;color:#0f172a!important;white-space:nowrap!important;background:transparent!important;border:0!important;padding:0!important;}
.flowops-dispatch-card-footer{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin-top:12px!important;padding-top:10px!important;border-top:1px solid rgba(15,23,42,.06)!important;}
.flowops-card-action--button{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:30px!important;padding:6px 10px!important;border-radius:999px!important;background:#ecfdf5!important;border:1px solid #bbf7d0!important;color:#047857!important;font-weight:950!important;text-decoration:none!important;white-space:nowrap!important;}
.flowops-card-action--button:hover{background:#d1fae5!important;color:#065f46!important;transform:translateY(-1px);}
.flowops-kanban-assignment{max-width:62%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
.flowops-kanban-empty{min-height:86px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;text-align:center!important;border:1px dashed rgba(148,163,184,.45)!important;border-radius:16px!important;background:linear-gradient(180deg,#fff,#f8fafc)!important;color:#64748b!important;font-weight:850!important;}
.flowops-kanban-empty:before{content:'✓';display:inline-flex;width:24px;height:24px;border-radius:999px;align-items:center;justify-content:center;background:#dcfce7;color:#059669;font-weight:950;}
.flowops-kanban-empty strong{display:block;color:#0f172a;font-size:13px;font-weight:950;}
.flowops-kanban-empty span{display:block;color:#64748b;font-size:12px;font-weight:750;line-height:1.35;}
.flowops-column-view-all{margin-top:auto!important;display:flex!important;align-items:center!important;justify-content:center!important;min-height:38px!important;border-radius:14px!important;background:#fff!important;border:1px solid rgba(15,23,42,.08)!important;color:#047857!important;font-weight:950!important;text-decoration:none!important;box-shadow:0 8px 18px rgba(15,23,42,.05)!important;}
.flowops-column-view-all:hover{background:#ecfdf5!important;border-color:#bbf7d0!important;transform:translateY(-1px);}
.flowops-booking-views--segmented a{position:relative;}
@media(max-width:1100px){.flowops-kanban-grid--scalable .flowops-kanban-column{min-height:420px;}.flowops-kanban-assignment{max-width:55%!important;}}

/* V16.1 New Booking command form */
.flowops-new-booking-shell{display:flex;flex-direction:column;gap:20px}
.flowops-new-booking-hero{position:relative;overflow:hidden;display:flex;align-items:flex-end;justify-content:space-between;gap:18px;border:1px solid rgba(16,185,129,.20);background:linear-gradient(135deg,rgba(236,253,245,.96),rgba(255,255,255,.98) 56%,rgba(239,246,255,.96));border-radius:28px;padding:30px 32px;box-shadow:0 18px 52px rgba(15,23,42,.06)}
.flowops-new-booking-hero:after{content:"";position:absolute;right:-80px;top:-80px;width:240px;height:240px;border-radius:999px;background:radial-gradient(circle,rgba(16,185,129,.18),rgba(16,185,129,0) 68%);pointer-events:none}
.flowops-new-booking-hero h2{margin:7px 0 8px;color:#020617;font-size:42px;line-height:.98;letter-spacing:-.055em}
.flowops-new-booking-hero p{max-width:720px;margin:0;color:#475569;font-size:15px;line-height:1.55}
.flowops-new-booking-hero-actions{display:flex;gap:10px;flex-wrap:wrap;position:relative;z-index:1}.flowops-new-booking-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px;align-items:start}.flowops-new-booking-form{gap:18px}.flowops-new-step{background:#fff;border:1px solid rgba(203,213,225,.82);border-radius:24px;padding:22px;box-shadow:0 14px 42px rgba(15,23,42,.05)}
.flowops-new-step-ai{border-color:rgba(16,185,129,.28);background:linear-gradient(135deg,rgba(236,253,245,.78),#fff)}
.flowops-new-step-head{display:grid;grid-template-columns:42px minmax(0,1fr);gap:13px;align-items:start;margin-bottom:18px}.flowops-new-step-head h3{margin:2px 0 4px;color:#020617;font-size:22px;letter-spacing:-.035em}.flowops-new-step-head p{margin:0;color:#64748b;line-height:1.5}.flowops-step-index{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#ecfdf5;border:1px solid #bbf7d0;color:#047857;font-weight:950;letter-spacing:-.03em}.flowops-ai-capture-box{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.8fr);gap:14px}.flowops-ai-capture-action{display:flex;flex-direction:column;gap:10px;justify-content:flex-start;background:rgba(255,255,255,.72);border:1px solid rgba(203,213,225,.70);border-radius:18px;padding:16px}.flowops-ai-capture-action>span{color:#64748b;font-size:13px;line-height:1.45}.flowops-new-soft-note{border:1px solid rgba(59,130,246,.16);background:#eff6ff;border-radius:16px;padding:13px 14px;color:#475569;display:flex;flex-direction:column;gap:4px}.flowops-new-soft-note strong{color:#1d4ed8}.flowops-notes-grid{align-items:start}.flowops-new-booking-footer{position:sticky;bottom:16px;z-index:8;display:flex;align-items:center;justify-content:space-between;gap:14px;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border:1px solid rgba(203,213,225,.88);border-radius:20px;padding:13px 14px;box-shadow:0 18px 45px rgba(15,23,42,.08)}.flowops-new-booking-footer-actions{display:flex;gap:10px;flex-shrink:0}.flowops-booking-live-panel{position:sticky;top:118px;display:flex;flex-direction:column;gap:14px}.flowops-booking-live-card{background:#fff;border:1px solid rgba(203,213,225,.85);border-radius:24px;padding:20px;box-shadow:0 16px 46px rgba(15,23,42,.06)}.flowops-booking-live-card h3{margin:6px 0 6px;color:#020617;font-size:23px;letter-spacing:-.04em}.flowops-booking-live-card p{margin:0;color:#64748b;line-height:1.5}.flowops-booking-progress{height:9px;border-radius:999px;background:#e2e8f0;overflow:hidden;margin:16px 0 7px}.flowops-booking-progress span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#10b981,#2563eb);transition:width .22s ease}.flowops-booking-live-card small{color:#64748b;font-weight:800}.flowops-live-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.flowops-live-summary-grid div{border:1px solid rgba(226,232,240,.95);background:#f8fafc;border-radius:14px;padding:10px}.flowops-live-summary-grid span{display:block;color:#64748b;font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:950;margin-bottom:4px}.flowops-live-summary-grid strong{display:block;color:#0f172a;font-size:13px;line-height:1.25;word-break:break-word}.flowops-live-checklist{border-top:1px solid rgba(226,232,240,.95);padding-top:14px;display:flex;flex-direction:column;gap:9px}.flowops-live-checklist strong{color:#0f172a}.flowops-live-checklist label{display:flex;align-items:center;gap:9px;color:#64748b;font-weight:800;font-size:13px}.flowops-live-checklist label span{width:17px;height:17px;border-radius:999px;border:1px solid #cbd5e1;background:#fff;display:inline-block;position:relative;flex:0 0 17px}.flowops-live-checklist label.is-done{color:#047857}.flowops-live-checklist label.is-done span{background:#10b981;border-color:#10b981}.flowops-live-checklist label.is-done span:after{content:"✓";color:#fff;font-size:12px;font-weight:950;position:absolute;left:3px;top:-1px}.flowops-booking-live-card--soft{background:linear-gradient(135deg,#f8fafc,#fff)}.flowops-booking-live-card--soft a{display:inline-flex;margin-top:12px;color:#047857;font-weight:900;text-decoration:none}.flowops-new-booking-shell .flowops-field label{color:#334155!important}.flowops-new-booking-shell .flowops-inline-help{color:#64748b!important}.flowops-new-booking-shell .flowops-field input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),.flowops-new-booking-shell .flowops-field select,.flowops-new-booking-shell .flowops-field textarea{background:#f8fafc!important;border-color:#cbd5e1!important;color:#0f172a!important;-webkit-text-fill-color:#0f172a!important;box-shadow:none!important;color-scheme:light}.flowops-new-booking-shell .flowops-field input:focus,.flowops-new-booking-shell .flowops-field select:focus,.flowops-new-booking-shell .flowops-field textarea:focus{border-color:#10b981!important;box-shadow:0 0 0 4px rgba(16,185,129,.14)!important;background:#fff!important}.flowops-new-booking-shell .flowops-field input::placeholder,.flowops-new-booking-shell .flowops-field textarea::placeholder{-webkit-text-fill-color:#94a3b8!important;color:#94a3b8!important}.flowops-new-booking-shell .flowops-field select option{background:#fff;color:#0f172a}.flowops-new-booking-shell .flowops-parser-result{color:#334155}.flowops-new-booking-shell .flowops-ai-preview-row{background:#fff;border:1px solid rgba(203,213,225,.75);border-radius:12px;padding:9px;margin-top:8px;display:flex;gap:9px;align-items:flex-start}.flowops-new-booking-shell .flowops-ai-preview-row span{display:flex;flex-direction:column;gap:3px}.flowops-new-booking-shell .flowops-ai-preview-row small{color:#64748b}.flowops-ai-filled{animation:flowopsAiFill .9s ease}@keyframes flowopsAiFill{0%{box-shadow:0 0 0 0 rgba(16,185,129,.42)}100%{box-shadow:0 0 0 10px rgba(16,185,129,0)}}
@media(max-width:1120px){.flowops-new-booking-layout{grid-template-columns:1fr}.flowops-booking-live-panel{position:relative;top:auto;order:-1}.flowops-ai-capture-box{grid-template-columns:1fr}.flowops-new-booking-hero{align-items:flex-start;flex-direction:column}.flowops-new-booking-hero h2{font-size:34px}.flowops-new-booking-footer{position:relative;bottom:auto;align-items:flex-start;flex-direction:column}.flowops-new-booking-footer-actions{width:100%}.flowops-new-booking-footer-actions .flowops-btn{flex:1}}
@media(max-width:720px){.flowops-new-step{padding:17px;border-radius:20px}.flowops-new-step-head{grid-template-columns:1fr}.flowops-step-index{width:36px;height:36px;border-radius:12px}.flowops-live-summary-grid,.flowops-new-booking-shell .flowops-form-grid-2,.flowops-new-booking-shell .flowops-form-grid-3{grid-template-columns:1fr}.flowops-new-booking-hero{padding:22px;border-radius:22px}.flowops-new-booking-hero-actions,.flowops-new-booking-hero-actions .flowops-btn{width:100%}}

/* FlowOps v16.2 — New Booking premium flow refinements */
.flowops-new-booking-shell-v162{gap:18px}
.flowops-new-booking-hero-v162{padding:24px 28px;align-items:center;border-radius:26px;background:linear-gradient(135deg,#ffffff 0%,#ecfdf5 42%,#eff6ff 100%)}
.flowops-new-booking-hero-v162 h2{font-size:36px;line-height:1;margin-bottom:8px}
.flowops-new-booking-hero-v162 p{max-width:760px}
.flowops-create-hero-strip{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}
.flowops-create-hero-strip span{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(203,213,225,.9);background:rgba(255,255,255,.82);border-radius:999px;padding:7px 11px;color:#475569;font-size:12px;font-weight:850;box-shadow:0 6px 18px rgba(15,23,42,.04)}
.flowops-create-hero-strip strong{color:#064e3b;font-weight:950}
.flowops-create-stepper{position:sticky;top:88px;z-index:7;display:flex;gap:8px;overflow-x:auto;padding:8px;border:1px solid rgba(203,213,225,.82);background:rgba(255,255,255,.88);backdrop-filter:blur(14px);border-radius:18px;box-shadow:0 14px 38px rgba(15,23,42,.06)}
.flowops-create-stepper a{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;text-decoration:none;color:#475569;border:1px solid transparent;border-radius:13px;padding:8px 11px;font-size:13px;font-weight:900;transition:.16s ease}
.flowops-create-stepper a span{display:grid;place-items:center;width:23px;height:23px;border-radius:999px;background:#f1f5f9;color:#0f172a;font-size:11px;font-weight:950}
.flowops-create-stepper a:hover,.flowops-create-stepper a:focus{background:#ecfdf5;border-color:#bbf7d0;color:#047857;outline:none}
.flowops-new-booking-shell-v162 .flowops-field label{display:flex;align-items:center;justify-content:space-between;gap:8px}
.flowops-new-booking-shell-v162 .flowops-field label em{font-style:normal;text-transform:uppercase;letter-spacing:.08em;font-size:9px;font-weight:950;color:#047857;background:#ecfdf5;border:1px solid #bbf7d0;border-radius:999px;padding:3px 7px;white-space:nowrap}
.flowops-service-chips,.flowops-time-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}
.flowops-service-chips button,.flowops-time-chips button{border:1px solid rgba(203,213,225,.9);background:#fff;color:#334155;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:850;cursor:pointer;transition:.14s ease}
.flowops-service-chips button:hover,.flowops-time-chips button:hover{background:#ecfdf5;border-color:#86efac;color:#047857;transform:translateY(-1px)}
.flowops-live-brief-v162{border-color:rgba(16,185,129,.25);background:linear-gradient(180deg,#fff,#f8fafc)}
.flowops-create-readiness{margin:12px 0 4px;border:1px solid rgba(245,158,11,.24);background:#fffbeb;color:#92400e;border-radius:14px;padding:10px 12px;font-size:13px;font-weight:850;line-height:1.35}
.flowops-create-readiness.is-ready{background:#ecfdf5;border-color:#86efac;color:#047857}
.flowops-live-submit{width:100%;justify-content:center;margin-top:14px}
.flowops-new-booking-shell-v162 .flowops-new-step{scroll-margin-top:160px}
.flowops-new-booking-shell-v162 .flowops-new-step:hover{border-color:rgba(16,185,129,.28);box-shadow:0 18px 50px rgba(15,23,42,.065)}
.flowops-new-booking-shell-v162 .flowops-booking-live-panel{top:148px}
@media(max-width:1120px){.flowops-create-stepper{position:relative;top:auto}.flowops-new-booking-shell-v162 .flowops-booking-live-panel{top:auto}.flowops-new-booking-hero-v162{align-items:flex-start}.flowops-create-hero-strip span{flex:1;justify-content:center}}
@media(max-width:720px){.flowops-new-booking-hero-v162 h2{font-size:30px}.flowops-create-stepper{border-radius:16px}.flowops-create-stepper a{padding:7px 9px}.flowops-create-hero-strip{display:grid;grid-template-columns:1fr}.flowops-service-chips button,.flowops-time-chips button{flex:1}}

/* FlowOps v17 New Booking Premium Intake */
.flowops-new-booking-shell-v17{gap:18px;max-width:1280px;margin:0 auto;width:100%}
.flowops-v17-create-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;background:linear-gradient(135deg,#fff,#f8fafc 52%,#ecfdf5);border:1px solid rgba(203,213,225,.82);border-radius:28px;padding:26px 28px;box-shadow:0 18px 48px rgba(15,23,42,.055)}
.flowops-v17-create-head h2{margin:6px 0 6px;color:#020617;font-size:40px;letter-spacing:-.055em;line-height:1}
.flowops-v17-create-head p{margin:0;color:#64748b;font-size:15px;line-height:1.5}.flowops-v17-head-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.flowops-v17-booking-layout{grid-template-columns:minmax(0,1fr) 340px;gap:22px;align-items:start}.flowops-v17-create-form{gap:16px}.flowops-v17-step{border-radius:24px;padding:22px;background:#fff;box-shadow:0 14px 38px rgba(15,23,42,.045);border:1px solid rgba(203,213,225,.86)}
.flowops-v17-step-head{margin-bottom:18px}.flowops-v17-step-head h3{font-size:22px}.flowops-v17-ai-collapsible{border:1px solid rgba(203,213,225,.86);border-radius:22px;background:#fff;box-shadow:0 10px 30px rgba(15,23,42,.045);overflow:hidden}.flowops-v17-ai-collapsible summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;list-style:none}.flowops-v17-ai-collapsible summary::-webkit-details-marker{display:none}.flowops-v17-ai-collapsible summary span{color:#020617;font-weight:950;letter-spacing:-.02em}.flowops-v17-ai-collapsible summary small{color:#64748b;font-weight:700}.flowops-v17-ai-collapsible[open] summary{border-bottom:1px solid rgba(226,232,240,.9);background:#f8fafc}.flowops-v17-ai-box{padding:16px;grid-template-columns:minmax(0,1.45fr) minmax(220px,.75fr)}
.flowops-v17-subsection{display:flex;align-items:center;gap:10px;margin:2px 0 12px}.flowops-v17-subsection:after{content:"";height:1px;flex:1;background:#e2e8f0}.flowops-v17-subsection span{text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:950;color:#047857}.flowops-v17-detect-card{border:1px solid rgba(203,213,225,.86);background:#f8fafc;border-radius:16px;padding:13px 14px;display:flex;flex-direction:column;gap:4px;color:#64748b}.flowops-v17-detect-card strong{color:#0f172a}.flowops-v17-detect-card.has-contact{border-color:#bbf7d0;background:#ecfdf5}.flowops-v17-detect-card.has-contact strong{color:#047857}.flowops-v17-service-select select{margin-bottom:12px}.flowops-v17-service-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.flowops-v17-service-cards button{appearance:none;border:1px solid #dbe4ef;background:#f8fafc;border-radius:16px;padding:14px;text-align:left;cursor:pointer;transition:.16s ease;min-height:82px}.flowops-v17-service-cards button strong{display:block;color:#0f172a;font-weight:950;line-height:1.2}.flowops-v17-service-cards button span{display:block;margin-top:8px;color:#64748b;font-size:12px;font-weight:800}.flowops-v17-service-cards button:hover,.flowops-v17-service-cards button:focus{background:#ecfdf5;border-color:#86efac;box-shadow:0 10px 24px rgba(16,185,129,.10);outline:none;transform:translateY(-1px)}
.flowops-v17-duplicate-override{display:flex;align-items:flex-start;gap:10px;border:1px dashed #cbd5e1;border-radius:16px;padding:14px;background:#f8fafc;color:#475569;font-weight:800}.flowops-v17-action-bar{bottom:18px;border-radius:18px}.flowops-v17-draft-state{color:#64748b;font-size:13px;font-weight:900}.flowops-v17-live-panel{top:112px}.flowops-v17-preview-card{border-color:rgba(16,185,129,.22);box-shadow:0 18px 54px rgba(15,23,42,.08)}.flowops-v17-preview-card h3{font-size:26px}.flowops-v17-preview-meta{display:grid;gap:9px;margin:16px 0}.flowops-v17-preview-meta div{border:1px solid rgba(226,232,240,.95);background:#f8fafc;border-radius:14px;padding:10px 11px}.flowops-v17-preview-meta span{display:block;color:#64748b;font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:950;margin-bottom:4px}.flowops-v17-preview-meta strong{display:block;color:#0f172a;font-size:13px;line-height:1.25;word-break:break-word}.flowops-v17-checklist{display:grid;grid-template-columns:1fr 1fr;gap:9px 10px}.flowops-v17-checklist strong{grid-column:1/-1}.flowops-v17-checklist label{font-size:12px}.flowops-v17-tip-card{font-size:13px}
.flowops-new-booking-shell-v17 .flowops-field input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),.flowops-new-booking-shell-v17 .flowops-field select,.flowops-new-booking-shell-v17 .flowops-field textarea{min-height:46px;border-radius:14px}.flowops-new-booking-shell-v17 .flowops-field label em{font-style:normal;text-transform:uppercase;letter-spacing:.08em;font-size:9px;font-weight:950;color:#047857;background:#ecfdf5;border:1px solid #bbf7d0;border-radius:999px;padding:3px 7px;white-space:nowrap}.flowops-new-booking-shell-v17 .flowops-create-readiness{margin-top:12px;border-radius:14px;padding:11px 12px;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;font-weight:900;font-size:13px}.flowops-new-booking-shell-v17 .flowops-create-readiness.is-ready{background:#ecfdf5;border-color:#86efac;color:#047857}
@media(max-width:1120px){.flowops-v17-booking-layout{grid-template-columns:1fr}.flowops-v17-live-panel{position:relative;top:auto;order:-1}.flowops-v17-create-head{align-items:flex-start;flex-direction:column}.flowops-v17-service-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.flowops-v17-action-bar{position:relative;bottom:auto;align-items:flex-start;flex-direction:column}.flowops-v17-action-bar .flowops-new-booking-footer-actions{width:100%}.flowops-v17-action-bar .flowops-btn{flex:1}}
@media(max-width:720px){.flowops-v17-create-head{padding:20px;border-radius:22px}.flowops-v17-create-head h2{font-size:30px}.flowops-v17-service-cards{grid-template-columns:1fr}.flowops-v17-checklist{grid-template-columns:1fr}.flowops-v17-ai-collapsible summary{align-items:flex-start;flex-direction:column}.flowops-v17-ai-box{grid-template-columns:1fr}.flowops-v17-step{padding:17px;border-radius:20px}}

/* FlowOps v18 New Booking Focused Premium Intake */
.flowops-new-booking-shell-v18{max-width:1340px;gap:16px;padding-bottom:18px}
.flowops-new-booking-shell-v18 .flowops-v17-create-head{position:relative;overflow:hidden;align-items:center;padding:22px 24px;border-radius:26px;background:linear-gradient(135deg,#ffffff 0%,#f8fafc 48%,#ecfdf5 100%);box-shadow:0 16px 42px rgba(15,23,42,.055)}
.flowops-new-booking-shell-v18 .flowops-v17-create-head:after{content:"";position:absolute;right:-70px;top:-95px;width:240px;height:240px;border-radius:999px;background:radial-gradient(circle,rgba(16,185,129,.16),rgba(16,185,129,0) 70%);pointer-events:none}
.flowops-new-booking-shell-v18 .flowops-v17-create-head h2{font-size:34px;letter-spacing:-.055em;margin:4px 0 5px}
.flowops-new-booking-shell-v18 .flowops-v17-create-head p{font-size:14px;color:#475569;max-width:640px}
.flowops-new-booking-shell-v18 .flowops-v17-head-actions{position:relative;z-index:1}
.flowops-new-booking-shell-v18 .flowops-v17-booking-layout{grid-template-columns:minmax(0,1fr) 372px;gap:20px}
.flowops-new-booking-shell-v18 .flowops-v17-create-form{gap:14px}
.flowops-new-booking-shell-v18 .flowops-v17-ai-collapsible{border-radius:22px;border-color:rgba(16,185,129,.18);background:linear-gradient(135deg,#fff,#f8fafc);box-shadow:0 12px 34px rgba(15,23,42,.04)}
.flowops-new-booking-shell-v18 .flowops-v17-ai-collapsible summary{padding:14px 16px}
.flowops-new-booking-shell-v18 .flowops-v17-ai-collapsible summary span{font-size:15px}
.flowops-new-booking-shell-v18 .flowops-v17-ai-collapsible summary small{font-size:12px;color:#64748b}
.flowops-new-booking-shell-v18 .flowops-v17-ai-collapsible[open]{box-shadow:0 16px 46px rgba(16,185,129,.08)}
.flowops-new-booking-shell-v18 .flowops-v17-ai-box{padding:14px;gap:12px}
.flowops-new-booking-shell-v18 .flowops-v17-step{position:relative;border-radius:24px;padding:20px 20px 21px;border-color:rgba(203,213,225,.72);box-shadow:0 12px 34px rgba(15,23,42,.045)}
.flowops-new-booking-shell-v18 .flowops-v17-step:focus-within{border-color:rgba(16,185,129,.42);box-shadow:0 18px 48px rgba(16,185,129,.09)}
.flowops-new-booking-shell-v18 .flowops-v17-step-head{grid-template-columns:38px minmax(0,1fr);gap:12px;margin-bottom:16px}
.flowops-new-booking-shell-v18 .flowops-step-index{width:38px;height:38px;border-radius:13px;background:linear-gradient(135deg,#dcfce7,#f0fdf4);border-color:#86efac;color:#047857;box-shadow:0 8px 18px rgba(16,185,129,.12)}
.flowops-new-booking-shell-v18 .flowops-v17-step-head h3{font-size:20px;letter-spacing:-.035em;margin:1px 0 4px}
.flowops-new-booking-shell-v18 .flowops-v17-step-head p{font-size:13.5px;color:#64748b;max-width:720px}
.flowops-new-booking-shell-v18 .flowops-form-grid-2{gap:12px}
.flowops-new-booking-shell-v18 .flowops-form-grid-3{gap:12px}
.flowops-new-booking-shell-v18 .flowops-field label{font-size:12px;font-weight:900;color:#334155!important;margin-bottom:7px}
.flowops-new-booking-shell-v18 .flowops-field label em{font-size:8px;padding:2px 6px}
.flowops-new-booking-shell-v18 .flowops-field input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),
.flowops-new-booking-shell-v18 .flowops-field select,
.flowops-new-booking-shell-v18 .flowops-field textarea{min-height:44px;border-radius:13px;background:#fff!important;border-color:#d8e1ec!important;font-weight:700;color:#0f172a!important}
.flowops-new-booking-shell-v18 .flowops-field textarea{line-height:1.45;padding-top:12px}
.flowops-new-booking-shell-v18 .flowops-inline-help,.flowops-new-booking-shell-v18 .flowops-visibility-note{font-size:12px;line-height:1.4;color:#64748b!important}
.flowops-new-booking-shell-v18 .flowops-v17-subsection{margin:4px 0 10px}
.flowops-new-booking-shell-v18 .flowops-v17-detect-card{justify-content:center;min-height:64px;border-radius:14px;background:#f8fafc}
.flowops-new-booking-shell-v18 .flowops-v17-detect-card.has-contact{background:#ecfdf5;border-color:#86efac;box-shadow:inset 3px 0 0 #10b981}
.flowops-new-booking-shell-v18 .flowops-time-chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}
.flowops-new-booking-shell-v18 .flowops-time-chips button{border:1px solid #cbd5e1;border-radius:999px;background:#fff;color:#334155;font-weight:900;padding:6px 10px;cursor:pointer}
.flowops-new-booking-shell-v18 .flowops-time-chips button:hover,.flowops-new-booking-shell-v18 .flowops-time-chips button:focus{border-color:#10b981;color:#047857;background:#ecfdf5;outline:none}
.flowops-new-booking-shell-v18 .flowops-v17-service-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}
.flowops-new-booking-shell-v18 .flowops-v17-service-cards button{min-height:70px;border-radius:15px;background:#fff;padding:13px 14px;box-shadow:0 8px 22px rgba(15,23,42,.035)}
.flowops-new-booking-shell-v18 .flowops-v17-service-cards button.is-selected{border-color:#10b981;background:#ecfdf5;box-shadow:0 12px 28px rgba(16,185,129,.13)}
.flowops-new-booking-shell-v18 .flowops-v17-service-cards button.is-selected span{color:#047857}
.flowops-new-booking-shell-v18 .flowops-field-client-visible{border-color:#bfdbfe!important;background:linear-gradient(135deg,#eff6ff,#fff)!important}
.flowops-new-booking-shell-v18 .flowops-field-internal-only{border-color:#e2e8f0!important;background:linear-gradient(135deg,#f8fafc,#fff)!important}
.flowops-new-booking-shell-v18 .flowops-v17-duplicate-override{margin-top:0;border-radius:14px;background:#fff7ed;border-color:#fed7aa;color:#9a3412}
.flowops-new-booking-shell-v18 .flowops-v17-action-bar{bottom:18px;z-index:20;border-radius:18px;background:rgba(255,255,255,.94);box-shadow:0 20px 52px rgba(15,23,42,.12)}
.flowops-new-booking-shell-v18 .flowops-v17-live-panel{top:106px;gap:12px}
.flowops-new-booking-shell-v18 .flowops-v17-preview-card{padding:18px;border-radius:24px;background:linear-gradient(180deg,#fff,#f8fafc);box-shadow:0 18px 54px rgba(15,23,42,.09)}
.flowops-new-booking-shell-v18 .flowops-v17-preview-card h3{font-size:24px;line-height:1.05;margin-top:8px}
.flowops-new-booking-shell-v18 .flowops-v17-preview-card p{font-size:13px;color:#64748b}
.flowops-new-booking-shell-v18 .flowops-v17-preview-meta{grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}
.flowops-new-booking-shell-v18 .flowops-v17-preview-meta div{padding:9px;border-radius:13px;background:#fff;border-color:#e2e8f0}
.flowops-new-booking-shell-v18 .flowops-v17-preview-meta div:first-child,
.flowops-new-booking-shell-v18 .flowops-v17-preview-meta div:nth-child(2){grid-column:auto}
.flowops-new-booking-shell-v18 .flowops-v17-preview-meta span{font-size:9px;letter-spacing:.1em}
.flowops-new-booking-shell-v18 .flowops-v17-preview-meta strong{font-size:12.5px}
.flowops-new-booking-shell-v18 .flowops-create-readiness{margin-top:10px!important}
.flowops-new-booking-shell-v18 .flowops-booking-progress{height:8px;margin:13px 0 6px}
.flowops-new-booking-shell-v18 .flowops-v17-checklist{display:flex;flex-direction:column;gap:8px;margin-top:12px}
.flowops-new-booking-shell-v18 .flowops-v17-checklist label{font-size:12.5px;justify-content:flex-start}
.flowops-new-booking-shell-v18 .flowops-live-submit{width:100%;margin-top:14px}
.flowops-new-booking-shell-v18 .flowops-v17-tip-card{border-radius:20px;padding:16px;background:#f8fafc}
.flowops-new-booking-shell-v18 .flowops-booking-live-card--soft p{font-size:13px}
@media(max-width:1120px){.flowops-new-booking-shell-v18 .flowops-v17-booking-layout{grid-template-columns:1fr}.flowops-new-booking-shell-v18 .flowops-v17-live-panel{position:relative;top:auto;order:-1}.flowops-new-booking-shell-v18 .flowops-v17-create-head{align-items:flex-start}}
@media(max-width:760px){.flowops-new-booking-shell-v18 .flowops-v17-create-head h2{font-size:30px}.flowops-new-booking-shell-v18 .flowops-v17-service-cards,.flowops-new-booking-shell-v18 .flowops-v17-preview-meta{grid-template-columns:1fr}.flowops-new-booking-shell-v18 .flowops-v17-action-bar{position:relative;bottom:auto}.flowops-new-booking-shell-v18 .flowops-new-booking-footer-actions{width:100%}.flowops-new-booking-shell-v18 .flowops-new-booking-footer-actions .flowops-btn{flex:1}}

/* FlowOps v19 — New Booking Command Center refinement */
.flowops-new-booking-shell-v19{
  --fo-v19-card:#ffffff;
  --fo-v19-border:#dbe7ee;
  --fo-v19-muted:#64748b;
  --fo-v19-ink:#0f172a;
  --fo-v19-green:#00c853;
  --fo-v19-soft:#f6fbf8;
}
.flowops-new-booking-shell-v19 .flowops-v17-create-head{
  min-height:auto;
  padding:28px 32px;
  border-radius:24px;
  background:linear-gradient(135deg,#ffffff 0%,#f8fffb 56%,#dffbea 100%);
  border:1px solid rgba(18,201,101,.22);
  box-shadow:0 14px 40px rgba(15,23,42,.06);
}
.flowops-new-booking-shell-v19 .flowops-v17-create-head h2{
  font-size:38px;
  letter-spacing:-.055em;
  margin:4px 0 8px;
}
.flowops-new-booking-shell-v19 .flowops-v17-create-head p{
  max-width:640px;
  color:var(--fo-v19-muted);
  font-weight:600;
}
.flowops-new-booking-shell-v19 .flowops-v17-head-actions .flowops-btn{
  min-height:42px;
  border-radius:14px;
}
.flowops-new-booking-shell-v19 .flowops-v17-booking-layout{
  align-items:start;
  grid-template-columns:minmax(0,2.25fr) minmax(320px,.9fr);
  gap:20px;
}
.flowops-new-booking-shell-v19 .flowops-v17-ai-collapsible{
  border-radius:18px;
  border:1px solid rgba(18,201,101,.22);
  background:rgba(255,255,255,.92);
  box-shadow:0 8px 26px rgba(15,23,42,.04);
  overflow:hidden;
  margin-bottom:14px;
}
.flowops-new-booking-shell-v19 .flowops-v17-ai-collapsible summary{
  min-height:48px;
  padding:14px 18px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  cursor:pointer;
}
.flowops-new-booking-shell-v19 .flowops-v17-ai-collapsible summary span{
  color:var(--fo-v19-ink);
  font-weight:800;
}
.flowops-new-booking-shell-v19 .flowops-v17-ai-collapsible summary small{
  color:var(--fo-v19-muted);
  font-weight:700;
}
.flowops-new-booking-shell-v19 .flowops-v17-ai-box{
  padding:0 18px 18px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 260px;
  gap:14px;
}
.flowops-new-booking-shell-v19 .flowops-v17-step{
  padding:24px 26px;
  border-radius:22px;
  border:1px solid var(--fo-v19-border);
  box-shadow:0 12px 36px rgba(15,23,42,.045);
  margin-bottom:14px;
}
.flowops-new-booking-shell-v19 .flowops-v17-step-head{
  margin-bottom:18px;
  align-items:flex-start;
}
.flowops-new-booking-shell-v19 .flowops-step-index{
  width:40px;
  height:40px;
  border-radius:14px;
  font-weight:900;
  flex:0 0 40px;
}
.flowops-new-booking-shell-v19 .flowops-v17-step-head h3{
  margin:2px 0 6px;
  font-size:24px;
  letter-spacing:-.035em;
}
.flowops-new-booking-shell-v19 .flowops-v17-step-head p{
  color:var(--fo-v19-muted);
  font-weight:600;
}
.flowops-new-booking-shell-v19 .flowops-field label{
  font-size:12px;
  letter-spacing:.04em;
  text-transform:none;
  color:#334155;
  font-weight:800;
}
.flowops-new-booking-shell-v19 .flowops-field label em{
  margin-left:6px;
  padding:3px 8px;
  border-radius:999px;
  background:#dcfce7;
  color:#047857;
  font-size:9px;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-style:normal;
}
.flowops-new-booking-shell-v19 .flowops-field input,
.flowops-new-booking-shell-v19 .flowops-field select,
.flowops-new-booking-shell-v19 .flowops-field textarea{
  border-radius:14px;
  border:1px solid #d7e0e7;
  min-height:48px;
  font-weight:700;
  color:var(--fo-v19-ink);
  background:#fff;
}
.flowops-new-booking-shell-v19 .flowops-field input:focus,
.flowops-new-booking-shell-v19 .flowops-field select:focus,
.flowops-new-booking-shell-v19 .flowops-field textarea:focus{
  border-color:#10b981;
  box-shadow:0 0 0 4px rgba(16,185,129,.12);
  outline:0;
}
.flowops-new-booking-shell-v19 .flowops-v19-subsection{
  margin:10px 0 12px;
  padding-top:12px;
  border-top:1px solid #eef2f7;
}
.flowops-new-booking-shell-v19 .flowops-v19-subsection span{
  color:#047857;
  letter-spacing:.16em;
  text-transform:uppercase;
  font-size:11px;
  font-weight:900;
}
.flowops-new-booking-shell-v19 .flowops-time-chips{
  margin-top:10px;
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.flowops-new-booking-shell-v19 .flowops-time-chips button{
  border:1px solid #cbd5e1;
  background:#fff;
  border-radius:999px;
  min-height:30px;
  padding:0 13px;
  font-weight:800;
  color:#334155;
  cursor:pointer;
}
.flowops-new-booking-shell-v19 .flowops-time-chips button:hover{
  border-color:#10b981;
  color:#047857;
  background:#ecfdf5;
}
.flowops-new-booking-shell-v19 .flowops-v17-service-cards{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin-top:12px;
}
.flowops-new-booking-shell-v19 .flowops-v17-service-cards button{
  text-align:left;
  padding:14px;
  border-radius:16px;
  border:1px solid #dbe7ee;
  background:#fff;
  min-height:78px;
  cursor:pointer;
  transition:.16s ease;
}
.flowops-new-booking-shell-v19 .flowops-v17-service-cards button strong{
  display:block;
  color:var(--fo-v19-ink);
  font-size:14px;
  margin-bottom:6px;
}
.flowops-new-booking-shell-v19 .flowops-v17-service-cards button span{
  color:var(--fo-v19-muted);
  font-size:12px;
  font-weight:700;
}
.flowops-new-booking-shell-v19 .flowops-v17-service-cards button:hover,
.flowops-new-booking-shell-v19 .flowops-v17-service-cards button.is-selected{
  border-color:#10b981;
  background:#ecfdf5;
  box-shadow:0 8px 24px rgba(16,185,129,.12);
  transform:translateY(-1px);
}
.flowops-new-booking-shell-v19 .flowops-v19-live-panel{
  position:sticky;
  top:92px;
  align-self:start;
}
.admin-bar .flowops-new-booking-shell-v19 .flowops-v19-live-panel{ top:124px; }
.flowops-new-booking-shell-v19 .flowops-v19-preview-card{
  border-radius:24px;
  border:1px solid rgba(18,201,101,.24);
  background:linear-gradient(180deg,#ffffff 0%,#f6fffa 100%);
  box-shadow:0 18px 48px rgba(15,23,42,.08);
  padding:18px;
}
.flowops-new-booking-shell-v19 .flowops-v19-preview-ticket{
  padding:16px;
  border-radius:20px;
  background:#0f172a;
  color:#fff;
  box-shadow:0 14px 32px rgba(15,23,42,.18);
  margin:12px 0 14px;
}
.flowops-new-booking-shell-v19 .flowops-v19-ticket-head{
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:flex-start;
  padding-bottom:14px;
  border-bottom:1px solid rgba(255,255,255,.12);
}
.flowops-new-booking-shell-v19 .flowops-v19-ticket-head h3{
  color:#fff;
  margin:0 0 5px;
  font-size:22px;
  letter-spacing:-.04em;
}
.flowops-new-booking-shell-v19 .flowops-v19-ticket-head p{
  color:rgba(255,255,255,.68);
  margin:0;
  font-weight:700;
}
.flowops-new-booking-shell-v19 .flowops-v19-status-pill{
  display:inline-flex;
  align-items:center;
  min-height:26px;
  padding:0 10px;
  border-radius:999px;
  background:rgba(16,185,129,.16);
  color:#bbf7d0;
  font-size:11px;
  font-weight:900;
  white-space:nowrap;
}
.flowops-new-booking-shell-v19 .flowops-v19-ticket-line,
.flowops-new-booking-shell-v19 .flowops-v19-ticket-value{
  display:flex;
  justify-content:space-between;
  gap:14px;
  padding:12px 0;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.flowops-new-booking-shell-v19 .flowops-v19-ticket-line span,
.flowops-new-booking-shell-v19 .flowops-v19-ticket-value span{
  color:rgba(255,255,255,.58);
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.11em;
}
.flowops-new-booking-shell-v19 .flowops-v19-ticket-line strong,
.flowops-new-booking-shell-v19 .flowops-v19-ticket-value strong{
  color:#fff;
  text-align:right;
  font-size:13px;
  max-width:170px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.flowops-new-booking-shell-v19 .flowops-v19-ticket-value{
  border-bottom:0;
  padding-bottom:0;
}
.flowops-new-booking-shell-v19 .flowops-v19-ticket-value strong{
  font-size:18px;
  color:#86efac;
}
.flowops-new-booking-shell-v19 .flowops-v19-readiness{
  border-radius:16px;
  padding:12px 14px;
  background:#fff7ed;
  color:#9a3412;
  border:1px solid #fed7aa;
  font-weight:800;
  margin:12px 0;
}
.flowops-new-booking-shell-v19 .flowops-v19-readiness.is-ready{
  background:#ecfdf5;
  color:#047857;
  border-color:#86efac;
}
.flowops-new-booking-shell-v19 .flowops-v19-progress{
  height:8px;
  border-radius:999px;
  background:#e2e8f0;
  overflow:hidden;
  margin:10px 0 6px;
}
.flowops-new-booking-shell-v19 .flowops-v19-progress span{
  display:block;
  height:100%;
  background:linear-gradient(90deg,#10b981,#2563eb);
  border-radius:999px;
  transition:width .2s ease;
}
.flowops-new-booking-shell-v19 .flowops-v19-checklist{
  margin-top:16px;
  padding-top:14px;
  border-top:1px solid #e5eef5;
}
.flowops-new-booking-shell-v19 .flowops-v19-checklist strong{
  display:block;
  margin-bottom:10px;
  color:var(--fo-v19-ink);
}
.flowops-new-booking-shell-v19 .flowops-v19-checklist label{
  display:flex;
  align-items:center;
  gap:9px;
  min-height:28px;
  color:#475569;
  font-weight:800;
}
.flowops-new-booking-shell-v19 .flowops-v19-checklist label span{
  width:16px;
  height:16px;
  border-radius:50%;
  border:1px solid #cbd5e1;
  background:#fff;
}
.flowops-new-booking-shell-v19 .flowops-v19-checklist label.is-done{
  color:#047857;
}
.flowops-new-booking-shell-v19 .flowops-v19-checklist label.is-done span{
  background:#10b981;
  border-color:#10b981;
  box-shadow:inset 0 0 0 4px #ecfdf5;
}
.flowops-new-booking-shell-v19 .flowops-live-submit{
  width:100%;
  margin-top:14px;
  min-height:46px;
  border-radius:14px;
}
.flowops-new-booking-shell-v19 .flowops-v19-outcome-card{
  border-radius:20px;
  border:1px solid #dbe7ee;
  background:#fff;
  padding:16px;
  margin-top:14px;
}
.flowops-new-booking-shell-v19 .flowops-v17-action-bar{
  position:sticky;
  bottom:0;
  z-index:15;
  margin-top:16px;
  border:1px solid #dbe7ee;
  border-radius:18px;
  background:rgba(255,255,255,.94);
  backdrop-filter:blur(12px);
  box-shadow:0 -8px 28px rgba(15,23,42,.08);
}
@media (max-width:1200px){
  .flowops-new-booking-shell-v19 .flowops-v17-booking-layout{ grid-template-columns:1fr; }
  .flowops-new-booking-shell-v19 .flowops-v19-live-panel{ position:static; }
  .flowops-new-booking-shell-v19 .flowops-v17-service-cards{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:720px){
  .flowops-new-booking-shell-v19 .flowops-v17-create-head{ padding:22px; }
  .flowops-new-booking-shell-v19 .flowops-v17-create-head h2{ font-size:30px; }
  .flowops-new-booking-shell-v19 .flowops-v17-ai-box{ grid-template-columns:1fr; }
  .flowops-new-booking-shell-v19 .flowops-form-grid-2,
  .flowops-new-booking-shell-v19 .flowops-form-grid-3{ grid-template-columns:1fr; }
  .flowops-new-booking-shell-v19 .flowops-v17-service-cards{ grid-template-columns:1fr; }
}

/* FlowOps v20 — New Booking readability and alignment pass */
.flowops-new-booking-shell-v20{
  --fo-v20-ink:#0b1220;
  --fo-v20-muted:#526177;
  --fo-v20-line:#dce8f0;
  --fo-v20-green:#00c853;
  --fo-v20-green-dark:#047857;
  --fo-v20-soft:#f7fbf9;
  padding-top:24px;
}
.flowops-new-booking-shell-v20 .flowops-v17-create-head{
  padding:22px 28px!important;
  min-height:0!important;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-bottom:14px;
}
.flowops-new-booking-shell-v20 .flowops-v17-create-head h2{
  font-size:32px!important;
  line-height:1.04;
  margin:2px 0 6px!important;
  color:var(--fo-v20-ink)!important;
}
.flowops-new-booking-shell-v20 .flowops-v17-create-head p{
  font-size:14px;
  line-height:1.45;
  color:var(--fo-v20-muted)!important;
  max-width:560px;
}
.flowops-new-booking-shell-v20 .flowops-v17-head-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.flowops-new-booking-shell-v20 .flowops-v17-ai-collapsible{
  margin-bottom:14px!important;
  border-radius:18px!important;
  background:#fff!important;
}
.flowops-new-booking-shell-v20 .flowops-v17-ai-collapsible summary{
  min-height:44px!important;
  padding:12px 16px!important;
}
.flowops-new-booking-shell-v20 .flowops-v17-ai-collapsible summary span{
  font-size:14px;
  color:var(--fo-v20-ink)!important;
}
.flowops-new-booking-shell-v20 .flowops-v17-ai-collapsible summary small{
  font-size:12px;
  color:var(--fo-v20-muted)!important;
  text-align:right;
}
.flowops-new-booking-shell-v20 .flowops-v17-booking-layout{
  grid-template-columns:minmax(0,2.35fr) minmax(330px,.82fr)!important;
  gap:18px!important;
}
.flowops-new-booking-shell-v20 .flowops-v17-step{
  padding:22px 22px!important;
  border-radius:22px!important;
  margin-bottom:14px!important;
}
.flowops-new-booking-shell-v20 .flowops-v17-step-head{
  gap:12px;
  margin-bottom:16px!important;
}
.flowops-new-booking-shell-v20 .flowops-step-index{
  width:36px!important;
  height:36px!important;
  flex-basis:36px!important;
  border-radius:12px!important;
  font-size:16px;
}
.flowops-new-booking-shell-v20 .flowops-v17-step-head h3{
  font-size:22px!important;
  margin:0 0 4px!important;
  color:var(--fo-v20-ink)!important;
}
.flowops-new-booking-shell-v20 .flowops-v17-step-head p{
  font-size:14px!important;
  line-height:1.45;
  color:var(--fo-v20-muted)!important;
}
.flowops-new-booking-shell-v20 .flowops-field label{
  color:#243449!important;
  margin-bottom:7px;
}
.flowops-new-booking-shell-v20 .flowops-field input,
.flowops-new-booking-shell-v20 .flowops-field select,
.flowops-new-booking-shell-v20 .flowops-field textarea{
  min-height:46px!important;
  border-radius:13px!important;
  font-size:15px;
  color:var(--fo-v20-ink)!important;
  background:#fff!important;
}
.flowops-new-booking-shell-v20 .flowops-form-grid-2,
.flowops-new-booking-shell-v20 .flowops-form-grid-3{
  gap:12px!important;
}
.flowops-new-booking-shell-v20 .flowops-v19-subsection{
  margin:8px 0 10px!important;
  padding-top:10px!important;
}
.flowops-new-booking-shell-v20 .flowops-v17-service-cards{
  gap:9px!important;
}
.flowops-new-booking-shell-v20 .flowops-v17-service-cards button{
  min-height:68px!important;
  padding:12px!important;
}
.flowops-new-booking-shell-v20 .flowops-v17-service-cards button.is-selected{
  border:2px solid #22c55e!important;
  background:#f0fdf4!important;
  box-shadow:0 0 0 4px rgba(34,197,94,.12)!important;
}
.flowops-new-booking-shell-v20 .flowops-v19-live-panel{
  top:96px!important;
}
.admin-bar .flowops-new-booking-shell-v20 .flowops-v19-live-panel{top:128px!important;}
.flowops-new-booking-shell-v20 .flowops-v19-preview-card{
  padding:16px!important;
  border-radius:22px!important;
}
.flowops-new-booking-shell-v20 .flowops-v19-preview-ticket{
  background:#ffffff!important;
  color:var(--fo-v20-ink)!important;
  border:1px solid var(--fo-v20-line)!important;
  box-shadow:0 12px 32px rgba(15,23,42,.08)!important;
  padding:15px!important;
}
.flowops-new-booking-shell-v20 .flowops-v19-ticket-head{
  border-bottom:1px solid #e7eef4!important;
  padding-bottom:12px!important;
}
.flowops-new-booking-shell-v20 .flowops-v19-ticket-head h3{
  color:var(--fo-v20-ink)!important;
  font-size:20px!important;
  line-height:1.15;
}
.flowops-new-booking-shell-v20 .flowops-v19-ticket-head p{
  color:var(--fo-v20-muted)!important;
  font-weight:700!important;
}
.flowops-new-booking-shell-v20 .flowops-v19-status-pill{
  background:#dcfce7!important;
  color:#047857!important;
  border:1px solid #86efac;
}
.flowops-new-booking-shell-v20 .flowops-v19-ticket-line,
.flowops-new-booking-shell-v20 .flowops-v19-ticket-value{
  border-bottom:1px solid #edf2f7!important;
  padding:10px 0!important;
}
.flowops-new-booking-shell-v20 .flowops-v19-ticket-line span,
.flowops-new-booking-shell-v20 .flowops-v19-ticket-value span{
  color:#64748b!important;
  font-size:10.5px!important;
}
.flowops-new-booking-shell-v20 .flowops-v19-ticket-line strong,
.flowops-new-booking-shell-v20 .flowops-v19-ticket-value strong{
  color:var(--fo-v20-ink)!important;
  font-size:13px!important;
  font-weight:900!important;
}
.flowops-new-booking-shell-v20 .flowops-v19-ticket-value strong{
  font-size:17px!important;
  color:#047857!important;
}
.flowops-new-booking-shell-v20 .flowops-v19-readiness{
  font-size:13px;
  line-height:1.35;
  margin:10px 0!important;
}
.flowops-new-booking-shell-v20 [data-flowops-booking-progress-label]{
  display:block;
  font-weight:800;
  color:#475569;
  margin-bottom:10px;
}
.flowops-new-booking-shell-v20 .flowops-v19-checklist{
  margin-top:12px!important;
  padding-top:12px!important;
}
.flowops-new-booking-shell-v20 .flowops-v19-checklist strong{
  font-size:15px;
  margin-bottom:8px!important;
}
.flowops-new-booking-shell-v20 .flowops-v19-checklist label{
  min-height:26px!important;
  color:#9a3412!important;
  font-size:13px;
}
.flowops-new-booking-shell-v20 .flowops-v19-checklist label span{
  position:relative;
  border-color:#fdba74!important;
  background:#fff7ed!important;
}
.flowops-new-booking-shell-v20 .flowops-v19-checklist label span:after{
  content:'!';
  display:block;
  text-align:center;
  font-size:10px;
  line-height:14px;
  color:#c2410c;
  font-weight:900;
}
.flowops-new-booking-shell-v20 .flowops-v19-checklist label.is-done{
  color:#047857!important;
}
.flowops-new-booking-shell-v20 .flowops-v19-checklist label.is-done span{
  background:#10b981!important;
  border-color:#10b981!important;
}
.flowops-new-booking-shell-v20 .flowops-v19-checklist label.is-done span:after{
  content:'✓';
  color:#fff;
  line-height:14px;
}
.flowops-new-booking-shell-v20 .flowops-live-submit{
  min-height:44px!important;
}
.flowops-new-booking-shell-v20 .flowops-v19-outcome-card{
  padding:15px!important;
  border-radius:18px!important;
  background:#ffffff!important;
}
.flowops-v20-outcome-list{
  margin:8px 0 12px;
  display:grid;
  gap:8px;
}
.flowops-v20-outcome-list div{
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding:9px 0;
  border-bottom:1px solid #eef2f7;
}
.flowops-v20-outcome-list dt{
  color:#64748b;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:900;
}
.flowops-v20-outcome-list dd{
  margin:0;
  color:#0f172a;
  font-weight:900;
  text-align:right;
}
.flowops-new-booking-shell-v20 .flowops-v17-action-bar{
  min-height:56px;
  padding:10px 12px!important;
  border-radius:16px!important;
}
.flowops-new-booking-shell-v20 .flowops-v17-draft-state{
  font-size:13px;
  font-weight:800;
  color:#475569;
}
@media (min-width:1220px){
  .flowops-new-booking-shell-v20 .flowops-form-grid-3{grid-template-columns:repeat(3,minmax(0,1fr));}
  .flowops-new-booking-shell-v20 #flowops-client-section .flowops-form-grid-2:first-of-type{grid-template-columns:1fr 1fr;}
}
@media (max-width:1200px){
  .flowops-new-booking-shell-v20 .flowops-v17-booking-layout{grid-template-columns:1fr!important;}
  .flowops-new-booking-shell-v20 .flowops-v19-live-panel{position:static!important;}
}
@media (max-width:720px){
  .flowops-new-booking-shell-v20 .flowops-v17-create-head{align-items:flex-start; flex-direction:column;}
  .flowops-new-booking-shell-v20 .flowops-v17-create-head h2{font-size:28px!important;}
}

/* FlowOps v21 — New Booking final focused polish */
.flowops-new-booking-shell-v21{
  --fo-v21-ink:#07111f;
  --fo-v21-muted:#53627a;
  --fo-v21-line:#dbe7ef;
  --fo-v21-green:#00c853;
  --fo-v21-green-dark:#047857;
  --fo-v21-amber:#f59e0b;
  max-width:1320px;
}
.flowops-new-booking-shell-v21 .flowops-v17-create-head{
  padding:20px 24px!important;
  border-radius:24px!important;
  background:linear-gradient(135deg,#fff 0%,#f8fffb 62%,#e6fbef 100%)!important;
}
.flowops-new-booking-shell-v21 .flowops-v17-create-head h2{
  font-size:30px!important;
  letter-spacing:-.045em!important;
}
.flowops-new-booking-shell-v21 .flowops-v17-create-head p{
  max-width:690px!important;
  font-size:14px!important;
}
.flowops-new-booking-shell-v21 .flowops-v17-booking-layout{
  grid-template-columns:minmax(0,2.45fr) minmax(360px,.9fr)!important;
  gap:18px!important;
}
.flowops-v21-progress{
  position:sticky;
  top:82px;
  z-index:7;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  padding:8px;
  margin:0 0 14px;
  background:rgba(255,255,255,.92);
  border:1px solid var(--fo-v21-line);
  border-radius:18px;
  box-shadow:0 12px 34px rgba(15,23,42,.06);
  backdrop-filter:blur(14px);
}
.admin-bar .flowops-v21-progress{top:114px;}
.flowops-v21-progress a{
  display:flex;
  align-items:center;
  gap:9px;
  min-height:38px;
  padding:7px 10px;
  border-radius:13px;
  color:#475569;
  font-weight:900;
  text-decoration:none;
  transition:.16s ease;
}
.flowops-v21-progress a span{
  display:grid;
  place-items:center;
  width:24px;
  height:24px;
  border-radius:999px;
  background:#f1f5f9;
  color:#64748b;
  font-size:12px;
  flex:0 0 24px;
}
.flowops-v21-progress a.is-done,
.flowops-v21-progress a:hover{
  color:#047857;
  background:#ecfdf5;
}
.flowops-v21-progress a.is-done span{
  background:#10b981;
  color:#fff;
}
.flowops-new-booking-shell-v21 .flowops-v17-ai-collapsible{
  border-radius:18px!important;
  overflow:hidden!important;
  border-color:#dce8f0!important;
  background:linear-gradient(135deg,#fff,#fbfefd)!important;
}
.flowops-new-booking-shell-v21 .flowops-v17-ai-collapsible summary{
  gap:18px!important;
}
.flowops-new-booking-shell-v21 .flowops-v17-ai-collapsible summary span{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:15px!important;
}
.flowops-new-booking-shell-v21 .flowops-v17-ai-collapsible summary small{
  color:#64748b!important;
  text-align:left!important;
}
.flowops-new-booking-shell-v21 .flowops-v17-step{
  padding:20px 22px!important;
  border-color:#dbe7ef!important;
  box-shadow:0 12px 34px rgba(15,23,42,.045)!important;
}
.flowops-new-booking-shell-v21 .flowops-v17-step-head h3{
  font-size:21px!important;
}
.flowops-new-booking-shell-v21 .flowops-v17-step-head p{
  max-width:760px;
}
.flowops-new-booking-shell-v21 .flowops-field label{
  font-size:12px!important;
  color:#26364b!important;
}
.flowops-new-booking-shell-v21 .flowops-field input:not([type="checkbox"]):not([type="radio"]),
.flowops-new-booking-shell-v21 .flowops-field select,
.flowops-new-booking-shell-v21 .flowops-field textarea{
  min-height:44px!important;
  border-radius:13px!important;
  color:#07111f!important;
  -webkit-text-fill-color:#07111f!important;
  font-size:14.5px!important;
}
.flowops-new-booking-shell-v21 .flowops-form-grid-2,
.flowops-new-booking-shell-v21 .flowops-form-grid-3{
  gap:11px!important;
}
.flowops-new-booking-shell-v21 .flowops-v17-detect-card{
  background:linear-gradient(135deg,#f8fafc,#fff)!important;
  border:1px solid #dbe7ef!important;
  color:#334155!important;
}
.flowops-new-booking-shell-v21 .flowops-v17-detect-card strong{color:#0f172a!important;}
.flowops-new-booking-shell-v21 .flowops-v17-detect-card span{color:#64748b!important;line-height:1.4;}
.flowops-new-booking-shell-v21 .flowops-v17-service-cards{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
}
.flowops-new-booking-shell-v21 .flowops-v17-service-cards button{
  position:relative;
  min-height:74px!important;
  padding:13px 13px 13px 14px!important;
  border:1px solid #dbe7ef!important;
  background:#fff!important;
}
.flowops-new-booking-shell-v21 .flowops-v17-service-cards button:after{
  content:'✓';
  position:absolute;
  top:10px;
  right:10px;
  width:20px;
  height:20px;
  border-radius:999px;
  display:grid;
  place-items:center;
  background:#10b981;
  color:#fff;
  font-size:12px;
  font-weight:950;
  opacity:0;
  transform:scale(.72);
  transition:.16s ease;
}
.flowops-new-booking-shell-v21 .flowops-v17-service-cards button.is-selected{
  border-color:#10b981!important;
  background:#ecfdf5!important;
  box-shadow:0 0 0 4px rgba(16,185,129,.12),0 12px 26px rgba(16,185,129,.1)!important;
}
.flowops-new-booking-shell-v21 .flowops-v17-service-cards button.is-selected:after{
  opacity:1;
  transform:scale(1);
}
.flowops-new-booking-shell-v21 .flowops-v19-live-panel{top:104px!important;}
.admin-bar .flowops-new-booking-shell-v21 .flowops-v19-live-panel{top:136px!important;}
.flowops-new-booking-shell-v21 .flowops-v19-preview-card{
  padding:16px!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,#fff,#f6fffa)!important;
  box-shadow:0 16px 44px rgba(15,23,42,.08)!important;
}
.flowops-new-booking-shell-v21 .flowops-v19-preview-ticket{
  background:#fff!important;
  border:1px solid #dbe7ef!important;
  border-radius:20px!important;
  box-shadow:0 12px 30px rgba(15,23,42,.075)!important;
  color:#07111f!important;
}
.flowops-new-booking-shell-v21 .flowops-v19-ticket-head h3{
  color:#07111f!important;
  font-size:20px!important;
}
.flowops-new-booking-shell-v21 .flowops-v19-ticket-head p,
.flowops-new-booking-shell-v21 .flowops-v19-ticket-line span,
.flowops-new-booking-shell-v21 .flowops-v19-ticket-value span{
  color:#64748b!important;
}
.flowops-new-booking-shell-v21 .flowops-v19-ticket-line strong,
.flowops-new-booking-shell-v21 .flowops-v19-ticket-value strong{
  color:#07111f!important;
  white-space:normal!important;
  text-overflow:clip!important;
  overflow:visible!important;
}
.flowops-new-booking-shell-v21 .flowops-v19-ticket-value strong{color:#047857!important;}
.flowops-new-booking-shell-v21 .flowops-v19-readiness{
  margin-top:10px!important;
  border-radius:15px!important;
  font-weight:900!important;
}
.flowops-new-booking-shell-v21 [data-flowops-booking-progress-label]{
  color:#475569!important;
  font-weight:900!important;
}
.flowops-new-booking-shell-v21 .flowops-v19-checklist strong{
  font-size:14px!important;
  color:#07111f!important;
}
.flowops-new-booking-shell-v21 .flowops-v19-checklist label{
  min-height:25px!important;
  color:#9a3412!important;
}
.flowops-new-booking-shell-v21 .flowops-v19-checklist label.is-done{color:#047857!important;}
.flowops-new-booking-shell-v21 .flowops-v19-outcome-card{
  padding:15px!important;
  background:#fff!important;
  border-color:#dbe7ef!important;
}
.flowops-new-booking-shell-v21 .flowops-v17-action-bar{
  min-height:52px!important;
  padding:9px 12px!important;
  border-radius:16px!important;
}
.flowops-new-booking-shell-v21 .flowops-v17-draft-state{
  color:#047857!important;
  font-weight:900!important;
}
@media(max-width:1200px){
  .flowops-new-booking-shell-v21 .flowops-v17-booking-layout{grid-template-columns:1fr!important;}
  .flowops-new-booking-shell-v21 .flowops-v19-live-panel{position:static!important;}
}
@media(max-width:800px){
  .flowops-v21-progress{grid-template-columns:1fr 1fr;position:relative;top:auto;}
  .admin-bar .flowops-v21-progress{top:auto;}
  .flowops-new-booking-shell-v21 .flowops-v17-service-cards{grid-template-columns:1fr 1fr!important;}
}
@media(max-width:560px){
  .flowops-v21-progress{grid-template-columns:1fr;}
  .flowops-new-booking-shell-v21 .flowops-v17-service-cards{grid-template-columns:1fr!important;}
}

/* v21.1 New Booking: fix floating progress bar overlap.
   The step tracker should stay in the normal document flow so it never covers fields while scrolling. */
.flowops-new-booking-shell-v21 .flowops-v21-progress{
  position:relative!important;
  top:auto!important;
  z-index:1!important;
  margin:0 0 18px!important;
  backdrop-filter:none!important;
  box-shadow:0 8px 22px rgba(15,23,42,.045)!important;
}
.admin-bar .flowops-new-booking-shell-v21 .flowops-v21-progress{top:auto!important;}
.flowops-new-booking-shell-v21 #flowops-client-section,
.flowops-new-booking-shell-v21 #flowops-schedule-section,
.flowops-new-booking-shell-v21 #flowops-service-section,
.flowops-new-booking-shell-v21 #flowops-notes-section{
  scroll-margin-top:150px;
}
.flowops-new-booking-shell-v21 .flowops-booking-live-panel{
  top:104px!important;
}
.admin-bar .flowops-new-booking-shell-v21 .flowops-booking-live-panel{
  top:136px!important;
}
@media (max-width:1024px){
  .flowops-new-booking-shell-v21 .flowops-v21-progress{
    position:relative!important;
    top:auto!important;
  }
}

/* FlowOps v22 Schedule Center calendar overhaul */
.flowops-schedule-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px!important;margin-bottom:16px;border-radius:30px!important;background:linear-gradient(145deg,#fff,#f8fffb 72%,#d9fbe8)!important;border-color:rgba(0,200,90,.20)!important;box-shadow:0 16px 46px rgba(15,23,42,.07)!important;}
.flowops-schedule-hero h1{margin:5px 0 6px;font-size:clamp(32px,3vw,48px);letter-spacing:-.06em;line-height:.96;color:#0b1220!important;}
.flowops-schedule-hero p{margin:0;color:#64748b!important;font-weight:800;max-width:720px;}
.flowops-schedule-pulse{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 16px;}
.flowops-schedule-pulse-card{background:#fff;border:1px solid rgba(15,23,42,.10);border-top:4px solid #00c85a;border-radius:18px;padding:16px 18px;box-shadow:0 12px 34px rgba(15,23,42,.055);}
.flowops-schedule-pulse-card.is-warning{border-top-color:#f59e0b;}
.flowops-schedule-pulse-card span{display:block;color:#64748b;text-transform:uppercase;letter-spacing:.13em;font-size:11px;font-weight:950;}
.flowops-schedule-pulse-card strong{display:block;color:#0b1220;font-size:34px;line-height:1;margin:8px 0 4px;letter-spacing:-.045em;}
.flowops-schedule-pulse-card small{display:block;color:#64748b;font-size:13px;font-weight:750;}
.flowops-schedule-shell{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(310px,.65fr);gap:18px;align-items:start;}
.flowops-schedule-main{padding:22px!important;border-radius:26px!important;overflow:hidden!important;}
.flowops-schedule-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px;}
.flowops-schedule-toolbar h2{margin:4px 0 4px;color:#0b1220;font-size:28px;letter-spacing:-.045em;line-height:1.05;}
.flowops-schedule-toolbar p{margin:0;color:#64748b!important;font-weight:760;}
.flowops-schedule-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end;}
.flowops-schedule-tabs{display:inline-flex;gap:4px;align-items:center;background:#f1f5f9;border:1px solid rgba(15,23,42,.10);border-radius:999px;padding:5px;}
.flowops-schedule-tabs a{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 13px;border-radius:999px;text-decoration:none;color:#0f172a;font-weight:900;font-size:13px;}
.flowops-schedule-tabs a.active{background:#dcfce7;color:#047857;box-shadow:0 7px 18px rgba(15,23,42,.08);}
.flowops-calendar-legend--schedule{margin-bottom:16px!important;}
.flowops-calendar-legend--schedule span{background:#f8fafc!important;color:#475569!important;border-color:rgba(15,23,42,.10)!important;font-weight:800;}

.flowops-week-board{display:grid;grid-template-columns:62px repeat(7,minmax(124px,1fr));border:1px solid rgba(15,23,42,.10);border-radius:22px;overflow:auto;background:#f8fafc;max-height:760px;}
.flowops-week-time-head,.flowops-week-day-head,.flowops-week-time,.flowops-week-cell{border-right:1px solid rgba(15,23,42,.07);border-bottom:1px solid rgba(15,23,42,.07);}
.flowops-week-day-head{position:sticky;top:0;z-index:4;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);padding:12px 10px;min-width:124px;}
.flowops-week-day-head span{display:block;color:#64748b;font-size:11px;text-transform:uppercase;letter-spacing:.13em;font-weight:950;}
.flowops-week-day-head strong{display:inline-block;color:#0b1220;font-size:24px;line-height:1;margin-top:3px;}
.flowops-week-day-head small{display:block;color:#64748b;font-size:11px;font-weight:850;margin-top:3px;}
.flowops-week-day-head.is-today{background:#ecfdf5;box-shadow:inset 0 3px 0 #00c85a;}
.flowops-week-time-head{position:sticky;top:0;left:0;z-index:5;background:#fff;}
.flowops-week-time{position:sticky;left:0;z-index:3;background:#fff;padding:10px 8px;color:#64748b;font-weight:900;font-size:12px;text-align:right;}
.flowops-week-cell{min-height:70px;background:#fff;padding:7px;min-width:124px;}
.flowops-week-cell.is-today{background:#fbfffd;}
.flowops-week-event{display:block;width:100%;border:1px solid rgba(0,200,90,.25);background:#dcfce7;color:#064e3b;border-radius:12px;padding:7px 8px;margin:0 0 6px;text-align:left;box-shadow:0 8px 16px rgba(15,23,42,.06);cursor:pointer;transition:transform .16s ease,box-shadow .16s ease;}
.flowops-week-event:hover{transform:translateY(-1px);box-shadow:0 12px 24px rgba(15,23,42,.10);}
.flowops-week-event strong{display:block;font-size:12px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#06351f;}
.flowops-week-event span{display:block;font-size:11px;color:#047857;font-weight:900;margin-top:3px;}
.flowops-week-event.is-pending{background:#fff7ed;border-color:#fdba74;color:#7c2d12;}
.flowops-week-event.is-pending span{color:#c2410c;}
.flowops-week-event.is-confirmed{background:#ecfdf5;border-color:#86efac;}
.flowops-week-event.is-in_progress{background:#eef2ff;border-color:#c7d2fe;color:#3730a3;}
.flowops-week-event.is-completed{background:#f0fdf4;border-color:#bbf7d0;opacity:.86;}
.flowops-week-event.is-cancelled{background:#f8fafc;border-color:#cbd5e1;color:#475569;text-decoration:line-through;}
.flowops-week-more{display:block;text-align:center;font-size:11px;font-weight:900;color:#047857;text-decoration:none;background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:999px;padding:5px 8px;}

.flowops-month-board{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;}
.flowops-month-day-name{padding:8px;text-align:center;color:#64748b;font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:950;}
.flowops-month-day{min-height:132px;background:#f8fafc;border:1px solid rgba(15,23,42,.09);border-radius:18px;padding:10px;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;background-clip:padding-box;}
.flowops-month-day:hover{transform:translateY(-2px);border-color:rgba(0,200,90,.35);box-shadow:0 14px 30px rgba(15,23,42,.08);}
.flowops-month-day.is-today{background:#ecfdf5;border-color:#00c85a;box-shadow:inset 0 0 0 1px rgba(0,200,90,.20);}
.flowops-month-day.is-muted{opacity:.35;pointer-events:none;}
.flowops-month-day__top{display:flex;align-items:center;justify-content:space-between;gap:8px;}
.flowops-month-day__top strong{font-size:14px;color:#0b1220;}
.flowops-month-day__top a{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:999px;text-decoration:none;background:#fff;border:1px solid rgba(15,23,42,.10);color:#047857;font-weight:950;box-shadow:0 6px 12px rgba(15,23,42,.06);}
.flowops-month-items{display:flex;flex-direction:column;gap:5px;margin-top:9px;}
.flowops-month-booking{border:0;border-left:3px solid #00c85a;border-radius:9px;background:#fff;color:#0b1220;text-align:left;padding:6px 7px;font-size:11px;font-weight:900;box-shadow:0 5px 12px rgba(15,23,42,.05);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.flowops-month-booking span{color:#64748b;margin-right:5px;}
.flowops-month-booking.is-pending{border-left-color:#f59e0b;background:#fff7ed;}
.flowops-month-booking.is-in_progress{border-left-color:#6366f1;background:#eef2ff;}
.flowops-month-booking.is-completed{border-left-color:#22c55e;background:#f0fdf4;}
.flowops-month-booking.is-cancelled{border-left-color:#94a3b8;background:#f8fafc;color:#64748b;}

.flowops-schedule-agenda{display:flex;flex-direction:column;gap:14px;}
.flowops-agenda-day{border:1px solid rgba(15,23,42,.09);border-radius:18px;background:#f8fafc;padding:12px;}
.flowops-agenda-day header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;}
.flowops-agenda-day header strong{color:#0b1220;font-size:15px;}
.flowops-agenda-day header span{color:#64748b;font-weight:900;font-size:12px;}
.flowops-agenda-booking{display:grid;grid-template-columns:100px minmax(0,1fr) auto;gap:12px;align-items:center;width:100%;border:1px solid rgba(15,23,42,.09);border-radius:14px;background:#fff;padding:12px;margin-top:8px;text-align:left;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease;}
.flowops-agenda-booking:hover{transform:translateY(-1px);box-shadow:0 12px 26px rgba(15,23,42,.08);}
.flowops-agenda-time{display:inline-flex;align-items:center;justify-content:center;min-height:34px;border-radius:12px;background:#dcfce7;color:#047857;font-weight:950;font-size:12px;text-align:center;}
.flowops-agenda-main strong{display:block;color:#0b1220;font-size:14px;}
.flowops-agenda-main small{display:block;color:#64748b;font-weight:760;margin-top:2px;}

.flowops-schedule-sidebar{display:flex;flex-direction:column;gap:14px;position:sticky;top:24px;}
.flowops-schedule-side-card{padding:16px!important;border-radius:22px!important;}
.flowops-schedule-side-card.is-attention{border-color:rgba(245,158,11,.28)!important;background:linear-gradient(180deg,#fff,#fffaf4)!important;}
.flowops-schedule-list{display:flex;flex-direction:column;gap:9px;}
.flowops-schedule-list-item{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:10px;align-items:center;width:100%;border:1px solid rgba(15,23,42,.08);background:#fff;border-radius:14px;padding:10px;text-align:left;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;}
.flowops-schedule-list-item:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(15,23,42,.08);border-color:rgba(0,200,90,.25);}
.flowops-schedule-list-item strong{display:block;color:#0b1220;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.flowops-schedule-list-item small{display:block;color:#64748b;font-size:11.5px;font-weight:760;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.flowops-schedule-list-item em{font-style:normal;color:#047857;font-weight:950;font-size:12px;}
.flowops-schedule-empty{display:grid;place-items:center;text-align:center;min-height:92px;border:1px dashed rgba(15,23,42,.16);border-radius:16px;background:#f8fafc;padding:16px;color:#64748b;}
.flowops-schedule-empty span{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:999px;background:#dcfce7;color:#047857;font-weight:950;margin-bottom:6px;}
.flowops-schedule-empty strong{display:block;color:#0b1220;}
.flowops-schedule-empty p{margin:4px 0 0!important;color:#64748b!important;font-size:12px;}

.flowops-calendar-drawer-backdrop{position:fixed;inset:0;z-index:99996;background:rgba(15,23,42,.28);backdrop-filter:blur(4px);}
.flowops-calendar-drawer{position:fixed;right:0;top:0;bottom:0;width:min(430px,92vw);z-index:99997;background:#fff;box-shadow:-18px 0 60px rgba(15,23,42,.18);padding:28px;transform:translateX(104%);transition:transform .22s ease;display:flex;flex-direction:column;gap:14px;}
.flowops-calendar-drawer.is-open{transform:translateX(0);}
.flowops-calendar-drawer__close{position:absolute;right:18px;top:16px;border:1px solid rgba(15,23,42,.10);background:#fff;border-radius:999px;width:34px;height:34px;font-size:22px;line-height:1;cursor:pointer;color:#0b1220;}
.flowops-calendar-drawer h3{font-size:30px;letter-spacing:-.055em;line-height:1.02;margin:16px 0 0;color:#0b1220;}
.flowops-calendar-drawer p{margin:0;color:#64748b!important;font-weight:800;}
.flowops-calendar-drawer dl{display:grid;gap:10px;margin:12px 0;border-top:1px solid rgba(15,23,42,.08);padding-top:14px;}
.flowops-calendar-drawer dl div{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(15,23,42,.06);padding-bottom:10px;}
.flowops-calendar-drawer dt{color:#64748b;text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:950;}
.flowops-calendar-drawer dd{margin:0;color:#0b1220;font-weight:900;text-align:right;}
.flowops-calendar-drawer__actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:auto;}
body.flowops-calendar-drawer-open{overflow:hidden;}

@media(max-width:1240px){.flowops-schedule-shell{grid-template-columns:1fr}.flowops-schedule-sidebar{position:static}.flowops-schedule-pulse{grid-template-columns:repeat(2,minmax(0,1fr))}.flowops-week-board{grid-template-columns:56px repeat(7,minmax(150px,1fr))}}
@media(max-width:760px){.flowops-schedule-hero{display:block}.flowops-schedule-hero .flowops-actions{display:grid;grid-template-columns:1fr 1fr;margin-top:14px}.flowops-schedule-pulse{grid-template-columns:1fr}.flowops-schedule-toolbar{display:block}.flowops-schedule-controls{justify-content:flex-start;margin-top:12px}.flowops-schedule-tabs{width:100%;overflow-x:auto;justify-content:flex-start}.flowops-week-board{grid-template-columns:52px repeat(7,minmax(142px,1fr));max-height:620px}.flowops-month-board{grid-template-columns:1fr}.flowops-month-day-name{display:none}.flowops-agenda-booking{grid-template-columns:1fr}.flowops-calendar-drawer{padding:22px}.flowops-calendar-drawer__actions{grid-template-columns:1fr}}


/* FlowOps v22.2 calendar preview drawer stability fixes */
.flowops-calendar-drawer-backdrop[hidden],
.flowops-calendar-drawer[hidden]{display:none!important;}
.flowops-calendar-drawer-backdrop{position:fixed!important;inset:0!important;z-index:100000!important;background:rgba(15,23,42,.34)!important;backdrop-filter:blur(6px)!important;opacity:0!important;transition:opacity .2s ease!important;pointer-events:none!important;}
.flowops-calendar-drawer-backdrop.is-open{opacity:1!important;pointer-events:auto!important;}
.flowops-calendar-drawer{position:fixed!important;right:0!important;top:0!important;bottom:0!important;width:min(440px,92vw)!important;height:100vh!important;z-index:100001!important;background:#fff!important;box-shadow:-22px 0 70px rgba(15,23,42,.24)!important;padding:30px!important;transform:translate3d(105%,0,0)!important;transition:transform .24s cubic-bezier(.2,.8,.2,1)!important;display:flex!important;flex-direction:column!important;gap:14px!important;will-change:transform!important;}
.admin-bar .flowops-calendar-drawer{top:32px!important;height:calc(100vh - 32px)!important;}
.flowops-calendar-drawer.is-open{transform:translate3d(0,0,0)!important;}
.flowops-calendar-drawer-open{overflow:hidden!important;}
[data-flowops-calendar-preview]{cursor:pointer!important;}
[data-flowops-calendar-preview]:focus-visible{outline:3px solid rgba(0,200,90,.28)!important;outline-offset:3px!important;}
.flowops-calendar-drawer__close{z-index:2!important;}
.flowops-calendar-drawer h3{margin-top:18px!important;}
@media(max-width:782px){.admin-bar .flowops-calendar-drawer{top:46px!important;height:calc(100vh - 46px)!important;}}

/* FlowOps v23 dashboard + calendar command polish */
.flowops-command-hero{
  min-height:0!important;
  padding:28px 32px!important;
  grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr)!important;
  align-items:center!important;
}
.flowops-command-hero__copy h2{
  font-size:clamp(38px,4.2vw,64px)!important;
  line-height:.96!important;
  max-width:900px!important;
  margin:8px 0 14px!important;
}
.flowops-command-hero__copy p{
  font-size:16px!important;
  max-width:760px!important;
}
.flowops-command-health-card--integrated{
  min-height:210px!important;
  padding:26px!important;
  background:linear-gradient(145deg,#ffffff,#f0fdf4)!important;
  color:#0b1220!important;
  border:1px solid rgba(34,197,94,.22)!important;
  box-shadow:0 24px 70px rgba(15,23,42,.08)!important;
}
.flowops-command-health-card--integrated .flowops-command-health-card__top strong,
.flowops-command-health-card--integrated .flowops-command-health-card__top span,
.flowops-command-health-card--integrated p{
  color:#0b1220!important;
}
.flowops-command-health-card--integrated .flowops-health-mini-trends span{
  background:#ecfdf5!important;
  color:#047857!important;
}
.flowops-v10-strip{margin-top:18px!important;}
.flowops-dashboard-premium .flowops-card{box-shadow:0 16px 45px rgba(15,23,42,.055)!important;}

.flowops-calendar-drawer-backdrop{
  background:rgba(15,23,42,.18)!important;
  backdrop-filter:none!important;
}
.flowops-calendar-preview-drawer{
  padding:24px!important;
  width:min(440px,92vw)!important;
  gap:16px!important;
}
.flowops-calendar-preview-card{
  border:1px solid rgba(15,23,42,.10);
  border-radius:28px;
  padding:22px;
  background:linear-gradient(145deg,#fff,#f8fafc);
  box-shadow:0 18px 50px rgba(15,23,42,.08);
}
.flowops-calendar-preview-card__top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:14px;
}
.flowops-calendar-preview-status{
  display:inline-flex;
  align-items:center;
  gap:6px;
  border-radius:999px;
  padding:6px 10px;
  background:#fff7ed;
  border:1px solid #fed7aa;
  color:#c2410c;
  font-size:12px;
  font-weight:950;
}
.flowops-calendar-preview-status.is-confirmed{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8;}
.flowops-calendar-preview-status.is-in_progress{background:#ecfdf5;border-color:#bbf7d0;color:#047857;}
.flowops-calendar-preview-status.is-completed{background:#f1f5f9;border-color:#cbd5e1;color:#334155;}
.flowops-calendar-preview-status.is-cancelled{background:#fef2f2;border-color:#fecaca;color:#b91c1c;}
.flowops-calendar-preview-drawer h3{
  margin:0!important;
  font-size:30px!important;
  line-height:1.05!important;
  letter-spacing:-.05em!important;
}
.flowops-calendar-preview-drawer p[data-cal-drawer-service]{
  margin:5px 0 18px!important;
  color:#475569!important;
  font-weight:850!important;
}
.flowops-calendar-preview-meta{
  display:grid;
  gap:0;
  border-top:1px solid rgba(15,23,42,.08);
}
.flowops-calendar-preview-meta div{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:13px 0;
  border-bottom:1px solid rgba(15,23,42,.07);
}
.flowops-calendar-preview-meta span{
  font-size:11px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#64748b;
  font-weight:950;
}
.flowops-calendar-preview-meta strong{
  color:#0b1220;
  font-size:15px;
  text-align:right;
  font-weight:950;
}
.flowops-calendar-preview-insight{
  border-radius:22px;
  border:1px solid rgba(245,158,11,.25);
  background:#fff7ed;
  padding:16px;
}
.flowops-calendar-preview-insight span{
  display:block;
  text-transform:uppercase;
  letter-spacing:.14em;
  color:#c2410c;
  font-size:11px;
  font-weight:950;
  margin-bottom:6px;
}
.flowops-calendar-preview-insight p{
  color:#7c2d12!important;
  font-weight:750!important;
  line-height:1.45!important;
}
.flowops-calendar-drawer__actions{
  margin-top:auto!important;
  padding-top:14px!important;
  border-top:1px solid rgba(15,23,42,.08)!important;
}
.flowops-week-board{
  max-height:680px!important;
}
.flowops-week-cell{
  min-height:72px!important;
}
.flowops-week-event{
  border-left:3px solid #fb923c!important;
  box-shadow:none!important;
}
.flowops-week-event.is-confirmed{border-left-color:#3b82f6!important;background:#eff6ff!important;color:#1e3a8a!important;}
.flowops-week-event.is-in_progress{border-left-color:#22c55e!important;background:#ecfdf5!important;color:#065f46!important;}
.flowops-week-event.is-completed{border-left-color:#94a3b8!important;background:#f8fafc!important;color:#334155!important;}
.flowops-week-event.is-cancelled{border-left-color:#ef4444!important;background:#fef2f2!important;color:#991b1b!important;}
@media(max-width:1100px){
  .flowops-command-hero{grid-template-columns:1fr!important;}
  .flowops-command-hero__copy h2{font-size:clamp(34px,8vw,54px)!important;}
}


/* v23.1 calendar drawer: visible save + inline assignment */
.flowops-calendar-preview-drawer{
  width:min(390px,92vw)!important;
  padding:22px!important;
  overflow-y:auto!important;
}
.flowops-calendar-preview-card--compact{
  padding:20px!important;
  border-radius:24px!important;
  box-shadow:0 12px 34px rgba(15,23,42,.08)!important;
}
.flowops-calendar-preview-meta--compact div{
  padding:10px 0!important;
}
.flowops-calendar-assign-panel{
  display:flex;
  flex-direction:column;
  gap:14px;
  min-height:0;
}
.flowops-calendar-assign-panel__head{
  display:grid;
  gap:4px;
  padding:4px 0 2px;
}
.flowops-calendar-assign-panel__head strong{
  color:#0b1220;
  font-weight:950;
  letter-spacing:-.02em;
}
.flowops-calendar-inline-field{
  display:grid;
  gap:7px;
}
.flowops-calendar-inline-field span{
  color:#64748b;
  font-size:11px;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-weight:950;
}
.flowops-calendar-inline-field select{
  width:100%;
  min-height:46px;
  border-radius:14px;
  border:1px solid rgba(15,23,42,.14);
  background:#fff;
  color:#0b1220;
  font-weight:850;
  padding:0 14px;
}
.flowops-calendar-drawer__actions--sticky{
  position:sticky!important;
  bottom:0!important;
  margin-top:0!important;
  padding:14px 0 0!important;
  background:linear-gradient(180deg,rgba(255,255,255,.88),#fff 35%)!important;
  box-shadow:0 -12px 28px rgba(255,255,255,.86)!important;
}
.flowops-calendar-drawer__actions--sticky .flowops-btn{
  min-height:46px;
  justify-content:center;
}
.flowops-calendar-preview-insight{
  margin-top:2px!important;
}
@media(max-width:760px){
  .flowops-calendar-preview-drawer{width:100vw!important;}
}

/* FlowOps v23.2 Calendar drawer interaction + layout fixes */
.flowops-calendar-drawer-backdrop{
  background:rgba(15,23,42,.20)!important;
  backdrop-filter:blur(2px)!important;
}
.flowops-calendar-drawer{
  width:min(390px,92vw)!important;
  padding:18px!important;
  gap:12px!important;
  overflow-y:auto!important;
}
.flowops-calendar-preview-card--compact{
  padding:18px!important;
  border-radius:22px!important;
  border:1px solid rgba(15,23,42,.10)!important;
  box-shadow:0 18px 45px rgba(15,23,42,.10)!important;
  background:linear-gradient(180deg,#ffffff,#fbfffd)!important;
}
.flowops-calendar-preview-card__top{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin-bottom:14px!important}
.flowops-calendar-preview-card h3{font-size:26px!important;margin:0 0 3px!important;letter-spacing:-.045em!important;line-height:1!important;color:#0b1220!important}
.flowops-calendar-preview-card p{font-size:15px!important;color:#475569!important;margin:0 0 14px!important;font-weight:850!important}
.flowops-calendar-preview-status{padding:7px 11px!important;border-radius:999px!important;font-size:12px!important;font-weight:950!important;white-space:nowrap!important;background:#fff7ed!important;border:1px solid #fed7aa!important;color:#9a3412!important}
.flowops-calendar-preview-status.is-confirmed{background:#eff6ff!important;border-color:#bfdbfe!important;color:#1d4ed8!important}
.flowops-calendar-preview-status.is-in_progress{background:#eef2ff!important;border-color:#c7d2fe!important;color:#4338ca!important}
.flowops-calendar-preview-status.is-completed{background:#ecfdf5!important;border-color:#bbf7d0!important;color:#047857!important}
.flowops-calendar-preview-status.is-cancelled{background:#fef2f2!important;border-color:#fecaca!important;color:#b91c1c!important}
.flowops-calendar-preview-meta--compact{display:grid!important;gap:0!important;border-top:1px solid rgba(15,23,42,.08)!important;border-bottom:1px solid rgba(15,23,42,.08)!important;margin-top:12px!important}
.flowops-calendar-preview-meta--compact div{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;padding:11px 0!important;border-bottom:1px solid rgba(15,23,42,.06)!important}
.flowops-calendar-preview-meta--compact div:last-child{border-bottom:0!important}
.flowops-calendar-preview-meta--compact span{font-size:11px!important;text-transform:uppercase!important;letter-spacing:.16em!important;color:#64748b!important;font-weight:950!important}
.flowops-calendar-preview-meta--compact strong{font-size:15px!important;color:#0b1220!important;font-weight:950!important;text-align:right!important;max-width:190px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.flowops-calendar-assign-panel{display:flex!important;flex-direction:column!important;gap:12px!important;padding-bottom:0!important}
.flowops-calendar-assign-panel__head{padding:0!important;margin:2px 0 2px!important}
.flowops-calendar-assign-panel__head strong{display:block!important;font-size:18px!important;letter-spacing:-.035em!important;color:#0b1220!important;margin-top:3px!important}
.flowops-calendar-inline-field{display:grid!important;gap:7px!important;margin:0!important}
.flowops-calendar-inline-field span{font-size:11px!important;text-transform:uppercase!important;letter-spacing:.16em!important;color:#334155!important;font-weight:950!important}
.flowops-calendar-inline-field select{height:48px!important;border-radius:14px!important;border:1px solid rgba(15,23,42,.14)!important;padding:0 14px!important;font-weight:900!important;color:#0b1220!important;background:#fff!important;box-shadow:0 5px 16px rgba(15,23,42,.04)!important}
.flowops-calendar-preview-insight{background:#fff7ed!important;border:1px solid #fed7aa!important;border-radius:18px!important;padding:14px!important;margin:0!important}
.flowops-calendar-preview-insight span{display:block!important;color:#c2410c!important;text-transform:uppercase!important;letter-spacing:.16em!important;font-size:11px!important;font-weight:950!important;margin-bottom:6px!important}
.flowops-calendar-preview-insight p{color:#9a3412!important;font-size:14px!important;font-weight:850!important;line-height:1.45!important}
.flowops-calendar-drawer__actions--sticky{position:sticky!important;bottom:0!important;background:linear-gradient(180deg,rgba(255,255,255,.78),#fff 32%)!important;padding:14px 0 0!important;margin-top:4px!important;border-top:1px solid rgba(15,23,42,.08)!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
.flowops-calendar-drawer__actions--sticky .flowops-btn{height:48px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:14px!important;font-weight:950!important}
@media(max-width:760px){.flowops-calendar-drawer{width:100vw!important}.flowops-calendar-drawer__actions--sticky{grid-template-columns:1fr!important}}

/* FlowOps v23.3 drawer portal + viewport polish fixes */
.flowops-customer-drawer,
.flowops-calendar-drawer-backdrop,
.flowops-calendar-drawer{
  position:fixed!important;
  z-index:2147483000!important;
}
.flowops-customer-drawer{
  inset:0!important;
  width:100vw!important;
  height:100vh!important;
  pointer-events:none!important;
}
.flowops-customer-drawer.is-open{display:block!important;pointer-events:auto!important;}
.flowops-customer-drawer__backdrop{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100vh!important;
  background:rgba(15,23,42,.26)!important;
  backdrop-filter:blur(3px)!important;
}
.flowops-customer-drawer__panel{
  position:fixed!important;
  top:0!important;
  right:0!important;
  bottom:0!important;
  height:100vh!important;
  width:min(440px,92vw)!important;
  display:flex!important;
  flex-direction:column!important;
  gap:14px!important;
  overflow-y:auto!important;
  background:linear-gradient(180deg,#ffffff,#f8fafc)!important;
  box-shadow:-24px 0 70px rgba(15,23,42,.24)!important;
}
.admin-bar .flowops-customer-drawer__panel,
.admin-bar .flowops-calendar-drawer{
  top:32px!important;
  height:calc(100vh - 32px)!important;
}
.admin-bar .flowops-customer-drawer__backdrop,
.admin-bar .flowops-calendar-drawer-backdrop{
  top:32px!important;
  height:calc(100vh - 32px)!important;
}
.flowops-customer-drawer .flowops-actions{
  margin-top:auto!important;
  position:sticky!important;
  bottom:0!important;
  padding-top:14px!important;
  border-top:1px solid rgba(15,23,42,.08)!important;
  background:linear-gradient(180deg,rgba(248,250,252,.70),#f8fafc 36%)!important;
}
.flowops-calendar-drawer-backdrop{
  inset:0!important;
  width:100vw!important;
  height:100vh!important;
  background:rgba(15,23,42,.22)!important;
  backdrop-filter:blur(3px)!important;
}
.flowops-calendar-drawer{
  right:0!important;
  bottom:0!important;
  max-height:none!important;
  z-index:2147483001!important;
  box-shadow:-24px 0 70px rgba(15,23,42,.24)!important;
}
@media(max-width:782px){
  .admin-bar .flowops-customer-drawer__panel,
  .admin-bar .flowops-calendar-drawer{top:46px!important;height:calc(100vh - 46px)!important;}
  .admin-bar .flowops-customer-drawer__backdrop,
  .admin-bar .flowops-calendar-drawer-backdrop{top:46px!important;height:calc(100vh - 46px)!important;}
}

/* FlowOps v23.4 premium dispatch + calendar polish */
.flowops-customer-drawer__panel{width:min(480px,94vw)!important;padding:32px!important;border-left:1px solid rgba(15,23,42,.08)!important;background:linear-gradient(180deg,#fff 0%,#f8fafc 100%)!important;}
.flowops-customer-drawer__head h2{font-size:32px!important;line-height:1.02!important;letter-spacing:-.055em!important;margin:6px 0!important;}
.flowops-customer-drawer__stats article{border:1px solid rgba(15,23,42,.08)!important;border-radius:18px!important;background:#fff!important;box-shadow:0 12px 28px rgba(15,23,42,.055)!important;}
.flowops-customer-drawer__timeline,.flowops-customer-drawer__ai{border-radius:20px!important;background:#fff!important;box-shadow:0 14px 34px rgba(15,23,42,.06)!important;}
.flowops-customer-drawer__ai{border:1px solid rgba(16,185,129,.18)!important;background:linear-gradient(135deg,#ecfdf5,#fff)!important;}
.flowops-dispatch-job-card--v15{padding:16px!important;border-radius:20px!important;border:1px solid rgba(15,23,42,.08)!important;background:linear-gradient(180deg,#fff,#fbfdff)!important;box-shadow:0 14px 34px rgba(15,23,42,.07)!important;}
.flowops-dispatch-card-title button{font-size:17px!important;letter-spacing:-.025em!important;}
.flowops-dispatch-card-meta{display:grid;gap:6px;margin:10px 0 2px;color:#64748b;font-size:12px;font-weight:850;line-height:1.25;}
.flowops-dispatch-card-meta span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.flowops-kanban-assignment{display:inline-flex!important;align-items:center!important;gap:8px!important;}
.flowops-kanban-assignment i{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:999px;background:#ecfdf5;color:#047857;font-style:normal;font-size:11px;font-weight:950;border:1px solid rgba(16,185,129,.22);}
.flowops-kanban-assignment.is-warning i{background:#fff7ed;color:#c2410c;border-color:#fed7aa;}
.flowops-column-view-all{height:42px!important;border-radius:15px!important;font-weight:950!important;box-shadow:0 10px 24px rgba(15,23,42,.055)!important;}
.flowops-calendar-drawer{width:min(480px,94vw)!important;padding:32px!important;background:linear-gradient(180deg,#fff,#f8fafc)!important;}
.flowops-calendar-preview-drawer h3{font-size:34px!important;letter-spacing:-.06em!important;}
.flowops-calendar-preview-status{box-shadow:0 8px 22px rgba(15,23,42,.08)!important;}
.flowops-calendar-preview-meta{grid-template-columns:1fr 1fr!important;gap:10px!important;}
.flowops-calendar-preview-meta div{border:1px solid rgba(15,23,42,.08)!important;border-radius:16px!important;background:#fff!important;padding:12px!important;box-shadow:0 10px 24px rgba(15,23,42,.045)!important;}
.flowops-calendar-assign-panel{background:#fff!important;border:1px solid rgba(15,23,42,.08)!important;border-radius:22px!important;padding:18px!important;box-shadow:0 14px 34px rgba(15,23,42,.06)!important;}
.flowops-calendar-insight{border-radius:18px!important;background:linear-gradient(135deg,#fff7ed,#fff)!important;}
.flowops-month-booking{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;gap:2px 7px!important;align-items:center!important;text-align:left!important;border-left:4px solid #f59e0b!important;padding:7px 8px!important;min-height:48px!important;}
.flowops-month-booking strong{font-size:12px!important;line-height:1.1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:#0f172a!important;}
.flowops-month-booking small{grid-column:2!important;font-size:10px!important;font-weight:850!important;color:#64748b!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.flowops-month-booking__time{grid-row:1 / span 2!important;align-self:center!important;background:rgba(255,255,255,.75)!important;border:1px solid rgba(15,23,42,.08)!important;border-radius:9px!important;padding:3px 5px!important;font-size:10px!important;font-weight:950!important;color:#92400e!important;}
.flowops-week-event{border-left-width:5px!important;padding:9px 9px!important;min-height:58px!important;}
.flowops-week-event em{display:block;margin-top:4px;font-size:10px;font-style:normal;font-weight:850;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.flowops-agenda-booking{grid-template-columns:112px minmax(0,1fr) auto!important;padding:14px!important;border-radius:18px!important;}
.flowops-agenda-side{display:grid;gap:6px;justify-items:end;}
.flowops-agenda-side>strong{font-size:14px;color:#0f172a;font-weight:950;}
@media(max-width:760px){.flowops-customer-drawer__panel,.flowops-calendar-drawer{width:100vw!important;padding:22px!important}.flowops-calendar-preview-meta{grid-template-columns:1fr!important}.flowops-agenda-booking{grid-template-columns:1fr!important}.flowops-agenda-side{justify-items:start;}}

/* v23.5 Premium My Jobs sprint */
.flowops-jobs-stat-grid{grid-template-columns:repeat(5,minmax(0,1fr));}
.flowops-jobs-command-strip{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 18px;padding:16px 18px;border:1px solid rgba(0,200,83,.18);border-radius:18px;background:linear-gradient(135deg,rgba(0,200,83,.08),rgba(255,255,255,.96));box-shadow:0 16px 40px rgba(15,23,42,.06)}
.flowops-jobs-command-strip strong{display:block;color:var(--fo-text,#0b1220);font-size:15px;font-weight:900;margin-bottom:3px}.flowops-jobs-command-strip span{display:block;color:var(--fo-muted,#64748b);font-size:13px;line-height:1.45}.flowops-jobs-command-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.flowops-job-card--focused{border-radius:22px!important;padding:18px!important;box-shadow:0 16px 44px rgba(15,23,42,.075)!important}.flowops-job-title-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.flowops-job-value{display:inline-flex;align-items:center;min-height:28px;padding:5px 10px;border-radius:999px;background:#ecfdf5;border:1px solid rgba(0,200,83,.25);color:#007a3d;font-weight:950;font-size:13px}.flowops-job-contact-row{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 10px}.flowops-job-contact-row a{display:inline-flex;align-items:center;gap:5px;min-height:30px;padding:6px 10px;border-radius:999px;border:1px solid rgba(15,23,42,.09);background:#fff;color:#0f172a;text-decoration:none;font-size:12px;font-weight:850}.flowops-job-contact-row a:hover{border-color:rgba(0,200,83,.35);color:#007a3d}.flowops-job-timeline{margin:10px 0;border:1px solid rgba(15,23,42,.08);border-radius:14px;background:#fff;overflow:hidden}.flowops-job-timeline summary{cursor:pointer;list-style:none;padding:10px 12px;font-size:12px;font-weight:950;color:#0f172a}.flowops-job-timeline summary::-webkit-details-marker{display:none}.flowops-job-timeline summary:before{content:'▸';margin-right:7px;color:#00a84d}.flowops-job-timeline[open] summary:before{content:'▾'}.flowops-job-timeline ol{list-style:none;margin:0;padding:0 12px 12px;display:grid;gap:8px}.flowops-job-timeline li{position:relative;padding-left:18px;color:#64748b;font-size:12.5px;line-height:1.45}.flowops-job-timeline li:before{content:'';position:absolute;left:2px;top:6px;width:7px;height:7px;border-radius:50%;background:#00c853;box-shadow:0 0 0 4px rgba(0,200,83,.12)}.flowops-job-timeline li strong{display:block;color:#0f172a;font-size:11.5px;margin-bottom:2px}.flowops-job-note-panel,.flowops-job-complete-panel{position:relative}.flowops-job-note-panel summary,.flowops-job-complete-panel summary{list-style:none;cursor:pointer}.flowops-job-note-panel summary::-webkit-details-marker,.flowops-job-complete-panel summary::-webkit-details-marker{display:none}.flowops-job-note-panel[open],.flowops-job-complete-panel[open]{padding:10px;border:1px solid rgba(0,200,83,.2);border-radius:14px;background:#f0fdf4}.flowops-job-note-panel[open] summary,.flowops-job-complete-panel[open] summary{margin-bottom:8px}.flowops-job-textarea{width:100%;resize:vertical;min-height:72px;border-radius:12px!important;padding:10px 11px!important;font:inherit}.flowops-job-issue-label{display:block;color:#334155;font-size:11px;font-weight:950;letter-spacing:.05em;text-transform:uppercase}.flowops-job-progress span{background:#f8fafc!important;border-color:rgba(15,23,42,.08)!important;color:#64748b!important}.flowops-job-progress span.is-done{background:#ecfdf5!important;border-color:rgba(0,200,83,.24)!important;color:#007a3d!important}.flowops-job-progress span.is-done:before{color:#00a84d!important}.flowops-job-address,.flowops-job-notes,.flowops-job-issue-summary,.flowops-job-ai-draft{box-shadow:inset 0 1px 0 rgba(255,255,255,.72)}
@media(max-width:1100px){.flowops-jobs-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.flowops-jobs-command-strip{display:grid;grid-template-columns:1fr;}.flowops-jobs-command-actions{justify-content:flex-start}}
@media(max-width:560px){.flowops-jobs-stat-grid{grid-template-columns:1fr}.flowops-job-title-actions{justify-content:flex-start}.flowops-jobs-command-actions{display:grid;grid-template-columns:1fr;width:100%}.flowops-jobs-command-actions .flowops-btn{width:100%;justify-content:center}.flowops-job-contact-row{display:grid;grid-template-columns:1fr}.flowops-job-contact-row a{justify-content:center}}

/* FlowOps v23.6 audit fixes */
.flowops-calendar-dot.is-scheduled,.flowops-calendar-dot.is-rescheduled{background:var(--flowops-blue,#3b82f6)!important;}
.flowops-week-event.is-scheduled,.flowops-week-event.is-rescheduled{border-color:rgba(59,130,246,.35)!important;background:rgba(59,130,246,.10)!important;}
.flowops-month-booking.is-scheduled,.flowops-month-booking.is-rescheduled{border-left-color:#3b82f6!important;}

.flowops-team-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.flowops-team-card{border:1px solid #ddd;padding:16px;border-radius:12px}.flowops-status{font-weight:600}

/* FlowOps v23.8 Team data-layer + premium directory fix */
.flowops-team-command{display:grid;gap:20px;max-width:1240px;margin:0 auto;padding:8px 0 48px}.flowops-team-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:26px;border-radius:28px;background:linear-gradient(135deg,#ffffff 0%,#f8fafc 58%,#ecfdf5 100%);border:1px solid rgba(15,23,42,.08);box-shadow:0 22px 60px rgba(15,23,42,.07)}.flowops-team-hero h2{margin:4px 0 4px;font-size:32px;letter-spacing:-.04em;color:#07111f}.flowops-team-hero p{margin:0;color:#64748b;max-width:620px}.flowops-team-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.flowops-team-stats article{padding:18px;border-radius:20px;background:#fff;border:1px solid rgba(15,23,42,.08);box-shadow:0 14px 34px rgba(15,23,42,.05)}.flowops-team-stats span{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#64748b;font-weight:900}.flowops-team-stats strong{display:block;margin-top:8px;font-size:28px;letter-spacing:-.04em;color:#07111f}.flowops-team-grid-premium{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(310px,1fr))!important;gap:16px!important}.flowops-team-card-premium{position:relative;text-align:left!important;align-items:stretch!important;padding:18px!important;border-radius:24px!important;border:1px solid rgba(15,23,42,.09)!important;background:linear-gradient(180deg,#fff,#f8fafc)!important;box-shadow:0 18px 44px rgba(15,23,42,.07)!important;gap:16px!important;overflow:hidden}.flowops-team-card-premium:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:#22c55e}.flowops-team-card-premium.is-on_job:before{background:#3b82f6}.flowops-team-card-premium.is-full:before{background:#f97316}.flowops-team-card-head{display:flex;align-items:center;gap:12px}.flowops-team-card-head h3{margin:0;font-size:17px;letter-spacing:-.02em;color:#07111f}.flowops-team-card-head p{margin:2px 0 0;color:#64748b;font-size:13px}.flowops-team-avatar{width:50px!important;height:50px!important;border-radius:18px!important;background:#00c853!important;color:#07111f!important;font-weight:950!important;display:grid!important;place-items:center!important;box-shadow:0 12px 30px rgba(0,200,83,.25)}.flowops-team-status{margin-left:auto;display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;font-size:12px;font-weight:900;border:1px solid rgba(15,23,42,.08);background:#f8fafc;color:#334155}.flowops-team-status:before{content:"";width:8px;height:8px;border-radius:99px;background:#22c55e}.flowops-team-status.status-on_job:before{background:#3b82f6}.flowops-team-status.status-full:before{background:#f97316}.flowops-team-capacity{display:grid;gap:8px}.flowops-team-capacity>div:first-child{display:flex;align-items:center;justify-content:space-between;color:#64748b;font-size:12px;font-weight:800}.flowops-team-capacity strong{font-size:14px;color:#07111f}.flowops-team-progress{height:9px;border-radius:99px;background:#e2e8f0;overflow:hidden}.flowops-team-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#22c55e,#00c853)}.is-on_job .flowops-team-progress span{background:linear-gradient(90deg,#60a5fa,#2563eb)}.is-full .flowops-team-progress span{background:linear-gradient(90deg,#fb923c,#ea580c)}.flowops-team-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.flowops-team-metrics div{padding:11px;border-radius:16px;background:#fff;border:1px solid rgba(15,23,42,.07)}.flowops-team-metrics span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:#64748b;font-weight:900}.flowops-team-metrics strong{display:block;margin-top:4px;color:#07111f;font-size:15px}.flowops-team-skills{display:flex;flex-wrap:wrap;gap:7px}.flowops-team-skills span{display:inline-flex;padding:7px 9px;border-radius:999px;background:#ecfdf5;border:1px solid rgba(34,197,94,.18);color:#047857;font-size:12px;font-weight:800}.flowops-team-next-job{padding:13px;border-radius:18px;background:#f8fafc;border:1px solid rgba(15,23,42,.07);display:grid;gap:3px}.flowops-team-next-job span{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#64748b;font-weight:900}.flowops-team-next-job strong{font-size:14px;color:#07111f}.flowops-team-next-job small{color:#64748b;font-size:12px}.flowops-team-actions{display:flex;gap:8px;flex-wrap:wrap}.flowops-team-actions .flowops-btn{flex:1;justify-content:center}.flowops-team-lower-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.flowops-team-invite-card{border-radius:24px!important}.flowops-team-empty{padding:34px;text-align:center;border-radius:24px;background:#fff;border:1px solid rgba(15,23,42,.08)}@media(max-width:980px){.flowops-team-hero{display:block}.flowops-team-hero .flowops-btn{margin-top:14px}.flowops-team-stats,.flowops-team-lower-grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.flowops-team-stats,.flowops-team-lower-grid,.flowops-team-grid-premium{grid-template-columns:1fr!important}.flowops-team-hero{padding:20px}.flowops-team-hero h2{font-size:26px}.flowops-team-card-head{align-items:flex-start}.flowops-team-status{margin-left:0}.flowops-team-metrics{grid-template-columns:1fr}.flowops-team-actions{display:grid}}

/* FlowOps v23.9 Team interactions */
.flowops-team-edit-panel {
    margin-top: 14px;
    padding: 14px;
    border: 1px solid rgba(15, 23, 42, 0.10);
    border-radius: 18px;
    background: rgba(248, 250, 252, 0.92);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.75);
}
.flowops-team-edit-panel[hidden] { display: none !important; }
.flowops-team-edit-panel .flowops-form-grid-2 { gap: 10px; }
.flowops-team-edit-panel .flowops-field label { font-size: 11px; letter-spacing: .06em; text-transform: uppercase; color: #64748b; font-weight: 800; }
.flowops-team-card-premium .flowops-team-actions { flex-wrap: wrap; }
.flowops-team-status.status-travelling { background: #fff7ed; color: #9a3412; border-color: #fed7aa; }
.flowops-team-status.status-break { background: #fefce8; color: #854d0e; border-color: #fde68a; }
.flowops-team-status.status-off_duty { background: #f8fafc; color: #475569; border-color: #e2e8f0; }
.flowops-team-status.status-on_leave { background: #fef2f2; color: #991b1b; border-color: #fecaca; }


/* FlowOps v24 Smart Assignment */
.flowops-smart-assign-card{border:1px solid rgba(37,99,235,.18);background:linear-gradient(135deg,rgba(37,99,235,.08),rgba(14,165,233,.06));border-radius:18px;padding:16px;margin:16px 0;box-shadow:0 12px 30px rgba(15,23,42,.06)}
.flowops-smart-assign-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}.flowops-smart-assign-head h3{margin:2px 0 0}.flowops-smart-assign-head strong{background:#fff;border:1px solid rgba(37,99,235,.18);border-radius:999px;padding:6px 10px;color:#1d4ed8;font-size:13px;white-space:nowrap}.flowops-smart-assign-person{display:flex;gap:12px;align-items:center}.flowops-smart-assign-person strong{display:block}.flowops-smart-assign-person span,.flowops-calendar-smart-card p{color:#64748b;font-size:13px}.flowops-smart-reasons{margin:12px 0;padding-left:18px;color:#334155;font-size:13px}.flowops-smart-alternatives{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.flowops-smart-alternatives span{width:100%;font-size:12px;color:#64748b}.flowops-smart-alternatives em{font-style:normal;background:#fff;border:1px solid #e2e8f0;border-radius:999px;padding:5px 9px;font-size:12px}.flowops-calendar-smart-card{margin:12px 0}.flowops-kanban-assignment.is-warning{background:#fff7ed;color:#9a3412;border-color:#fed7aa}.flowops-kanban-assignment.is-ready{background:#ecfdf5;color:#047857;border-color:#a7f3d0}

/* v24.1 Job Completion Workflow */
.flowops-completion-checklist {
    display: grid;
    gap: 8px;
    padding: 10px 0;
}
.flowops-completion-checklist label {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: #334155;
}
.flowops-badge--success,
.flowops-badge-in_progress,
.flowops-badge--info {
    white-space: nowrap;
}
.flowops-job-progress span {
    min-width: max-content;
}

/* FlowOps v24.2.2 Smart Assignment Polish */
.flowops-smart-assign-card.is-assigned{border-color:rgba(37,99,235,.18);background:linear-gradient(180deg,#fff,#f8fbff)}
.flowops-smart-assign-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.flowops-smart-reassign-panel{margin-top:14px;padding-top:14px;border-top:1px solid rgba(15,23,42,.08);display:grid;gap:8px}
.flowops-smart-alt-form{margin:0}.flowops-smart-alt-button{width:100%;border:1px solid rgba(15,23,42,.1);background:#fff;border-radius:14px;padding:10px 12px;text-align:left;display:flex;justify-content:space-between;gap:12px;align-items:center;cursor:pointer}.flowops-smart-alt-button:hover{border-color:rgba(37,99,235,.35);box-shadow:0 8px 24px rgba(15,23,42,.08)}.flowops-smart-alt-button span{color:#64748b;font-size:12px}.flowops-assignment-status{border-radius:999px;padding:5px 9px;background:#eef2ff;color:#3730a3;font-size:12px}.flowops-assignment-status.is-available{background:#ecfdf5;color:#047857}.flowops-assignment-status.is-on_job,.flowops-assignment-status.is-travelling{background:#eff6ff;color:#1d4ed8}.flowops-assignment-status.is-full,.flowops-assignment-status.is-break{background:#fff7ed;color:#c2410c}.flowops-assignment-status.is-off_duty,.flowops-assignment-status.is-on_leave{background:#f1f5f9;color:#475569}

/* v24.2.3: real Team workload metrics */
.flowops-team-metrics.flowops-team-metrics-workload{grid-template-columns:repeat(2,minmax(0,1fr));}
.flowops-team-metrics.flowops-team-metrics-workload div:first-child{grid-column:1 / -1;background:linear-gradient(135deg,#f8fafc,#ecfdf5);}
.flowops-team-metrics.flowops-team-metrics-workload div:first-child strong{font-size:20px;}
@media(max-width:640px){.flowops-team-metrics.flowops-team-metrics-workload{grid-template-columns:1fr;}}

/* v24.3 My Jobs premium workflow */
.flowops-jobs-tabs {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
    gap: 10px;
    margin: 18px 0 22px;
}
.flowops-jobs-tab {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 12px 14px;
    border: 1px solid rgba(148, 163, 184, .28);
    border-radius: 16px;
    background: rgba(255,255,255,.82);
    color: #0f172a;
    text-decoration: none;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .05);
}
.flowops-jobs-tab span { font-weight: 800; font-size: 12px; color: #475569; }
.flowops-jobs-tab strong {
    display: inline-flex;
    min-width: 28px;
    height: 28px;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: #f1f5f9;
    color: #0f172a;
    font-size: 13px;
}
.flowops-jobs-tab.is-active {
    border-color: rgba(0, 200, 83, .48);
    background: linear-gradient(135deg, rgba(236, 253, 245, .96), rgba(255,255,255,.96));
    box-shadow: 0 16px 40px rgba(0, 200, 83, .12);
}
.flowops-jobs-tab.is-active strong { background: #00c853; color: #fff; }
.flowops-jobs-alert-line {
    margin-top: 8px !important;
    color: #b45309 !important;
    font-weight: 800;
}
.flowops-job-pause-panel summary,
.flowops-job-note-panel summary,
.flowops-job-issue-panel summary,
.flowops-job-complete-panel summary { list-style: none; cursor: pointer; }
.flowops-job-pause-panel summary::-webkit-details-marker,
.flowops-job-note-panel summary::-webkit-details-marker,
.flowops-job-issue-panel summary::-webkit-details-marker,
.flowops-job-complete-panel summary::-webkit-details-marker { display: none; }
.flowops-job-pause-panel[open],
.flowops-job-note-panel[open],
.flowops-job-issue-panel[open],
.flowops-job-complete-panel[open] {
    padding: 10px;
    border-radius: 16px;
    background: #fff;
    border: 1px solid rgba(148, 163, 184, .24);
    box-shadow: 0 14px 36px rgba(15,23,42,.08);
}
.flowops-job-pause-panel[open] summary,
.flowops-job-note-panel[open] summary,
.flowops-job-issue-panel[open] summary,
.flowops-job-complete-panel[open] summary { margin-bottom: 10px; }
.flowops-job-actions--focused .flowops-job-action-form { width: 100%; }
.flowops-job-actions--focused .flowops-job-action-form .flowops-input-sm,
.flowops-job-actions--focused .flowops-job-action-form .flowops-job-textarea { width: 100%; }
@media (max-width: 760px) {
    .flowops-jobs-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* v24.4 My Jobs premium detail workspace */
.flowops-job-detail-drawer{margin:12px 0 0;border:1px solid rgba(15,23,42,.09);border-radius:18px;background:linear-gradient(180deg,#fff,#f8fbff);overflow:hidden;box-shadow:0 12px 34px rgba(15,23,42,.055)}
.flowops-job-detail-drawer>summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;color:#0f172a;font-weight:950}
.flowops-job-detail-drawer>summary::-webkit-details-marker{display:none}.flowops-job-detail-drawer>summary:after{content:'Open';font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#007a3d;background:#ecfdf5;border:1px solid rgba(0,200,83,.2);border-radius:999px;padding:5px 9px}.flowops-job-detail-drawer[open]>summary:after{content:'Close'}
.flowops-job-detail-drawer>summary span{display:block;font-size:13px}.flowops-job-detail-drawer>summary strong{display:block;font-size:11.5px;color:#64748b;font-weight:850;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
.flowops-job-detail-grid{display:grid;grid-template-columns:1.05fr 1fr 1fr;gap:12px;padding:0 14px 14px}.flowops-job-detail-grid section{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:15px;padding:13px;min-width:0}.flowops-job-detail-grid h3{margin:0 0 10px;font-size:12px;text-transform:uppercase;letter-spacing:.07em;color:#334155;font-weight:950}.flowops-job-detail-grid p{margin:4px 0;color:#64748b;font-size:12.5px;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}.flowops-job-detail-grid p strong{color:#0f172a!important;font-size:13px!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}.flowops-job-checklist{display:grid;gap:7px;margin:0;padding:0;list-style:none}.flowops-job-checklist li{display:flex;align-items:center;gap:8px;color:#64748b;font-size:12.5px;font-weight:800}.flowops-job-checklist li span{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:999px;background:#f1f5f9;color:#64748b;font-weight:950}.flowops-job-checklist li.is-done{color:#007a3d}.flowops-job-checklist li.is-done span{background:#ecfdf5;color:#007a3d;border:1px solid rgba(0,200,83,.22)}.flowops-job-timestamp-list{display:grid;gap:7px;margin:0}.flowops-job-timestamp-list div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(15,23,42,.06);padding-bottom:6px}.flowops-job-timestamp-list div:last-child{border-bottom:0;padding-bottom:0}.flowops-job-timestamp-list dt{font-size:12px;color:#64748b;font-weight:850}.flowops-job-timestamp-list dd{margin:0;font-size:12px;color:#0f172a;font-weight:900;text-align:right}.flowops-completion-checklist{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:900px){.flowops-job-detail-grid{grid-template-columns:1fr}.flowops-job-detail-drawer>summary{align-items:flex-start;flex-direction:column}.flowops-job-detail-drawer>summary:after{align-self:flex-start}.flowops-completion-checklist{grid-template-columns:1fr}}

/* v24.5 real completion proof */
.flowops-job-proof-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:6px 0 10px}.flowops-job-proof-grid label{display:grid;gap:5px;color:#334155;font-size:12px;font-weight:900}.flowops-job-proof-grid input[type=file]{background:#fff;border:1px dashed rgba(15,23,42,.18);border-radius:12px;padding:10px}.flowops-signature-pad{border:1px dashed rgba(0,200,83,.35);background:#f8fffb;border-radius:14px;padding:12px;margin:8px 0 10px;color:#64748b;font-size:12.5px;font-weight:800}.flowops-completion-report{margin-top:10px;border:1px solid rgba(0,200,83,.18);background:#f0fdf4;border-radius:16px;padding:12px}.flowops-completion-report summary{cursor:pointer;font-weight:950;color:#065f46}.flowops-completion-report dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0}.flowops-completion-report div{background:#fff;border:1px solid rgba(15,23,42,.06);border-radius:12px;padding:9px}.flowops-completion-report dt{font-size:11px;color:#64748b;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.flowops-completion-report dd{margin:3px 0 0;color:#0f172a;font-weight:950}.flowops-completion-report p{margin:6px 0 0;color:#475569;font-size:12.5px}@media(max-width:720px){.flowops-job-proof-grid,.flowops-completion-report dl{grid-template-columns:1fr}}


/* v24.6 My Jobs usability polish */
.flowops-jobs-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 18px}
.flowops-jobs-tab{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--flowops-border);border-radius:14px;background:rgba(255,255,255,.035);text-decoration:none;color:var(--flowops-muted);font-weight:700}
.flowops-jobs-tab:hover,.flowops-jobs-tab.is-active{color:var(--flowops-text);border-color:var(--flowops-border-2);background:rgba(79,140,255,.14)}
.flowops-jobs-tab strong{min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:rgba(255,255,255,.08);display:inline-grid;place-items:center;color:var(--flowops-text);font-size:12px}
.flowops-job-next-action{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:6px 10px;background:rgba(79,140,255,.14);border:1px solid rgba(79,140,255,.24);font-size:12px;font-weight:800;color:#dbe8ff}
.flowops-job-next-action.is-overdue{background:var(--flowops-red-bg);border-color:rgba(239,68,68,.32);color:#fecaca}
.flowops-completion-report-card,.flowops-job-paused-note{margin-top:12px;padding:12px;border:1px solid var(--flowops-border);border-radius:14px;background:rgba(255,255,255,.035)}
.flowops-completion-report-card>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}
.flowops-completion-report-card strong,.flowops-job-paused-note strong{display:block;color:var(--flowops-text);font-size:13px}
.flowops-completion-report-card span,.flowops-job-paused-note span{color:var(--flowops-muted);font-size:12px}
.flowops-completion-report-card p{margin:8px 0;color:var(--flowops-text);line-height:1.45}
.flowops-completion-report-card small{display:block;color:var(--flowops-muted);margin:6px 0}
.flowops-completion-report-card em{display:block;margin-top:8px;color:#bbf7d0;font-style:normal;font-weight:700;font-size:12px}
.flowops-completion-proof-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.flowops-completion-proof-links a{display:inline-flex;border:1px solid var(--flowops-border);background:rgba(255,255,255,.05);border-radius:999px;padding:6px 10px;text-decoration:none;color:var(--flowops-text);font-size:12px;font-weight:700}
.flowops-job-actions--focused details[open]{width:100%}
.flowops-job-actions--focused details[open] summary{margin-bottom:8px}
.flowops-job-action-form--issue{width:min(420px,100%)}
.flowops-job-proof-grid label{display:grid;gap:6px}
.flowops-signature-pad{border:1px dashed var(--flowops-border-2);border-radius:14px;padding:12px;color:var(--flowops-muted);background:rgba(255,255,255,.025);font-size:12px}
@media (max-width:760px){
  .flowops-jobs-tab{flex:1 1 calc(50% - 8px);justify-content:space-between}
  .flowops-job-title-actions{align-items:flex-start}
  .flowops-job-next-action{width:100%;justify-content:center}
  .flowops-job-actions--focused{display:grid;grid-template-columns:1fr;gap:8px}
  .flowops-job-actions--focused .flowops-btn,.flowops-job-actions--focused summary.flowops-btn{width:100%;justify-content:center}
}


/* v24.7 My Jobs Premium Technician Workspace */
.flowops-job-health-panel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px;padding:14px!important}
.flowops-job-health-panel>div{display:grid;gap:4px;padding:12px 14px;border:1px solid rgba(15,23,42,.08);border-radius:16px;background:#f8fbff}
.flowops-job-health-panel span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:#64748b}
.flowops-job-health-panel strong{font-size:24px;color:#0f172a;line-height:1}
.flowops-job-health-panel .is-alert{background:#fff7ed;border-color:rgba(234,88,12,.25)}
.flowops-job-health-panel .is-alert strong{color:#c2410c}
.flowops-jobs-workspace--v247 .flowops-job-card--focused{position:relative;overflow:hidden}
.flowops-jobs-workspace--v247 .flowops-job-card--focused:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#2563eb,#22c55e)}
.flowops-job-actions--v247{align-items:flex-start}
.flowops-job-action-form--primary-next .flowops-btn{min-width:150px;justify-content:center}
.flowops-job-progress{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.flowops-job-progress span{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;border:1px solid rgba(15,23,42,.10);background:#fff;color:#64748b;font-size:12px;font-weight:800}
.flowops-job-progress span:before{content:"○";font-weight:900}
.flowops-job-progress span.is-done{background:#ecfdf5;border-color:rgba(34,197,94,.28);color:#166534}
.flowops-job-progress span.is-done:before{content:"✓"}
.flowops-job-detail-drawer{margin-top:14px;border:1px solid rgba(15,23,42,.10);border-radius:16px;background:#fff;overflow:hidden}
.flowops-job-detail-drawer>summary{display:flex;justify-content:space-between;gap:12px;padding:13px 14px;cursor:pointer;list-style:none;font-weight:900;color:#0f172a}
.flowops-job-detail-drawer>summary::-webkit-details-marker{display:none}
.flowops-job-detail-drawer>summary strong{font-size:12px;color:#64748b;font-weight:800}
.flowops-job-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:14px;border-top:1px solid rgba(15,23,42,.08);background:#f8fbff}
.flowops-job-detail-grid section{padding:12px;border-radius:14px;background:#fff;border:1px solid rgba(15,23,42,.08)}
.flowops-job-detail-grid h3{margin:0 0 10px;font-size:13px;color:#0f172a}
.flowops-job-checklist,.flowops-job-timestamp-list{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.flowops-job-checklist li{display:flex;gap:8px;align-items:center;color:#64748b;font-size:13px}
.flowops-job-checklist li.is-done{color:#166534;font-weight:800}
.flowops-job-timestamp-list div{display:flex;justify-content:space-between;gap:10px;font-size:13px;border-bottom:1px solid rgba(15,23,42,.06);padding-bottom:6px}
.flowops-job-timestamp-list dt{color:#64748b;font-weight:800}.flowops-job-timestamp-list dd{margin:0;color:#0f172a;font-weight:800;text-align:right}
@media(max-width:900px){.flowops-job-health-panel,.flowops-job-detail-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.flowops-job-health-panel,.flowops-job-detail-grid{grid-template-columns:1fr}.flowops-job-detail-drawer>summary{display:grid}.flowops-job-actions--v247 .flowops-btn{width:100%}}

/* FlowOps v24.8 — Operations Centre Manager Cockpit */
.flowops-ops-manager-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0}.flowops-ops-manager-card{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:20px;padding:18px;box-shadow:0 16px 40px rgba(15,23,42,.06)}.flowops-ops-manager-card span{display:block;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#64748b}.flowops-ops-manager-card strong{display:block;margin-top:8px;font-size:30px;line-height:1;color:#0f172a}.flowops-ops-manager-card p{margin:8px 0 0;color:#64748b}.flowops-ops-manager-card.is-warning{border-color:rgba(245,158,11,.28);background:linear-gradient(180deg,#fff 0%,#fffbeb 100%)}.flowops-ops-manager-card.is-danger{border-color:rgba(239,68,68,.26);background:linear-gradient(180deg,#fff 0%,#fef2f2 100%)}.flowops-ops-manager-card.is-good{border-color:rgba(34,197,94,.22);background:linear-gradient(180deg,#fff 0%,#f0fdf4 100%)}.flowops-ops-manager-card.is-money{border-color:rgba(59,130,246,.20);background:linear-gradient(180deg,#fff 0%,#eff6ff 100%)}.flowops-ops-command-row{margin-top:16px}.flowops-ops-funnel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.flowops-ops-funnel-step{display:block;padding:14px;border-radius:16px;background:#f8fafc;border:1px solid rgba(15,23,42,.08);text-decoration:none;color:#0f172a}.flowops-ops-funnel-step span{display:block;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#64748b}.flowops-ops-funnel-step strong{display:block;margin-top:6px;font-size:26px}.flowops-ops-rate-row,.flowops-ops-team-summary{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.flowops-ops-rate-row span,.flowops-ops-team-summary span{padding:8px 10px;border-radius:999px;background:#f8fafc;border:1px solid rgba(15,23,42,.08);font-size:13px;color:#475569}.flowops-ops-team-list{display:grid;gap:10px;margin-top:14px}.flowops-ops-team-list article{padding:12px;border:1px solid rgba(15,23,42,.08);border-radius:16px;background:#fff}.flowops-ops-team-list article>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:10px}.flowops-ops-team-list strong{color:#0f172a}.flowops-ops-team-list span{font-size:12px;color:#64748b}.flowops-ops-team-list em{display:block;margin:8px 0 6px;font-style:normal;font-weight:800;color:#0f172a}.flowops-ops-insight-panel{margin-top:16px}@media (max-width:1000px){.flowops-ops-manager-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.flowops-ops-funnel{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.flowops-ops-manager-grid,.flowops-ops-funnel{grid-template-columns:1fr}.flowops-ops-manager-card strong{font-size:26px}}

/* FlowOps v24.9 — Operations Centre Executive Cockpit Upgrade */
.flowops-ops-command-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:16px 0 18px}.flowops-ops-command-tile{display:block;text-decoration:none;color:#0f172a;background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:20px;padding:16px;box-shadow:0 18px 45px rgba(15,23,42,.06);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.flowops-ops-command-tile:hover{transform:translateY(-2px);box-shadow:0 24px 60px rgba(15,23,42,.10)}.flowops-ops-command-tile span{display:block;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.09em;color:#64748b}.flowops-ops-command-tile strong{display:block;margin-top:8px;font-size:28px;line-height:1;color:#0f172a}.flowops-ops-command-tile p{margin:8px 0 0;color:#64748b;font-size:13px}.flowops-ops-command-tile.is-danger{border-color:rgba(239,68,68,.28);background:linear-gradient(180deg,#fff,#fef2f2)}.flowops-ops-command-tile.is-warning{border-color:rgba(245,158,11,.30);background:linear-gradient(180deg,#fff,#fffbeb)}.flowops-ops-command-tile.is-good{border-color:rgba(34,197,94,.24);background:linear-gradient(180deg,#fff,#f0fdf4)}.flowops-ops-command-tile.is-money{border-color:rgba(59,130,246,.24);background:linear-gradient(180deg,#fff,#eff6ff)}
.flowops-ops-exec-row{margin-bottom:16px}.flowops-ops-live-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.flowops-ops-live-flow article,.flowops-ops-cash-grid article{padding:14px;border:1px solid rgba(15,23,42,.08);border-radius:16px;background:#f8fafc}.flowops-ops-live-flow span,.flowops-ops-cash-grid span{display:block;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#64748b}.flowops-ops-live-flow strong,.flowops-ops-cash-grid strong{display:block;margin-top:6px;font-size:24px;color:#0f172a}.flowops-ops-cash-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.flowops-ops-risk-board{margin:16px 0}.flowops-ops-risk-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.flowops-ops-risk-list article{position:relative;padding:14px;border:1px solid rgba(15,23,42,.08);border-radius:18px;background:#fff}.flowops-ops-risk-list article>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:10px}.flowops-ops-risk-list strong{color:#0f172a}.flowops-ops-risk-list span{color:#64748b;font-size:12px;font-weight:800}.flowops-ops-risk-list b{display:block;margin-top:10px;font-size:28px;color:#0f172a}.flowops-ops-risk-list p{margin:4px 0 8px;color:#64748b;font-size:13px}.flowops-ops-risk-list article.is-danger{border-color:rgba(239,68,68,.26);background:linear-gradient(180deg,#fff,#fef2f2)}.flowops-ops-risk-list article.is-warning{border-color:rgba(245,158,11,.28);background:linear-gradient(180deg,#fff,#fffbeb)}.flowops-ops-risk-list article.is-good{border-color:rgba(34,197,94,.22);background:linear-gradient(180deg,#fff,#f0fdf4)}.flowops-ops-team-list small{display:block;margin-top:7px;color:#64748b;font-size:12px;font-weight:700}
@media(max-width:1100px){.flowops-ops-command-strip,.flowops-ops-risk-list{grid-template-columns:repeat(2,minmax(0,1fr))}.flowops-ops-live-flow,.flowops-ops-cash-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.flowops-ops-command-strip,.flowops-ops-risk-list,.flowops-ops-live-flow,.flowops-ops-cash-grid{grid-template-columns:1fr}.flowops-ops-command-tile strong{font-size:24px}}

/* v25.4.1 FlowOps AI Dashboard polish */
.flowops-ai-dashboard{display:grid;gap:18px}
.flowops-ai-dashboard-hero{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:22px;align-items:center;position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(0,200,90,.16),rgba(79,142,255,.12)),var(--color-background-primary)!important;border-color:rgba(0,200,90,.28)!important;box-shadow:0 24px 80px rgba(15,23,42,.10)}
.flowops-ai-dashboard-hero:before{content:"";position:absolute;inset:-40% -20% auto auto;width:420px;height:420px;border-radius:999px;background:radial-gradient(circle,rgba(0,200,90,.18),transparent 62%);pointer-events:none}
.flowops-ai-dashboard-hero h1{margin:6px 0 12px;font-size:clamp(30px,4.3vw,58px);line-height:.98;letter-spacing:-.055em;max-width:880px;color:var(--color-text-primary)}
.flowops-ai-dashboard-hero p{max-width:760px;color:var(--color-text-secondary);font-size:15px;line-height:1.65}
.flowops-ai-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.flowops-ai-hero-status{display:grid;justify-items:center;text-align:center;gap:10px;padding:18px;border:1px solid rgba(148,163,184,.20);border-radius:24px;background:rgba(255,255,255,.62);backdrop-filter:blur(14px)}
.flowops-ai-tabs{position:sticky;top:10px;z-index:4;background:rgba(255,255,255,.92)!important;backdrop-filter:blur(16px);border:1px solid rgba(15,23,42,.10)!important;box-shadow:0 18px 48px rgba(15,23,42,.08)!important}
.flowops-ai-tabs a.is-active{background:#00c85a!important;color:#07110c!important}
.flowops-ai-chip-row{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}
.flowops-ai-chip-row button{border:1px solid rgba(15,23,42,.12);background:#f7fafc;color:#0f172a;border-radius:999px;padding:8px 12px;font-weight:800;font-size:12px;cursor:pointer}
.flowops-ai-chip-row button:hover{background:#e9fff1;border-color:rgba(0,200,90,.32)}
.flowops-ai-match-answer{margin-bottom:12px;border-color:rgba(0,200,90,.28)!important;background:rgba(0,200,90,.06)!important}
.flowops-ai-chat-form{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:end;margin-top:14px}
.flowops-ai-chat-form textarea{min-height:78px;resize:vertical}
.flowops-ai-chat-log{max-height:420px;overflow:auto;padding:14px;border:1px solid rgba(148,163,184,.18);border-radius:18px;background:rgba(15,23,42,.03)}
.flowops-ai-chat-message{padding:12px 14px;border-radius:16px;margin-bottom:10px;line-height:1.55;white-space:normal}
.flowops-ai-chat-message.is-ai{background:#f7fafc;border:1px solid rgba(15,23,42,.08);color:#0f172a}
.flowops-ai-chat-message.is-user{background:#00c85a;color:#07110c;margin-left:auto;max-width:86%}
.flowops-market-status,.flowops-ai-test-result{border-radius:14px;padding:11px 13px;background:#f7fafc;border:1px solid rgba(15,23,42,.10);color:#0f172a;margin-top:12px;font-weight:700}
@media(max-width:900px){.flowops-ai-dashboard-hero{grid-template-columns:1fr}.flowops-ai-hero-status{justify-items:start;text-align:left}.flowops-ai-chat-form{grid-template-columns:1fr}.flowops-ai-chat-form .flowops-btn{width:100%}}

/* v25.4.2 FlowOps AI Dashboard Premium Analytics + Health Monitor */
.flowops-ai-premium-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:18px 0 18px}
.flowops-ai-health-card,.flowops-ai-feature-card{position:relative;overflow:hidden;border:1px solid rgba(15,23,42,.08);border-radius:22px;background:linear-gradient(135deg,#fff,rgba(248,250,252,.96));box-shadow:0 18px 45px rgba(15,23,42,.08);padding:18px;min-height:132px;display:flex;flex-direction:column;gap:8px}
.flowops-ai-health-card:before,.flowops-ai-feature-card:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:rgba(99,102,241,.65)}
.flowops-ai-health-card.is-good:before,.flowops-ai-feature-card.is-good:before{background:#16a34a}.flowops-ai-health-card.is-warning:before,.flowops-ai-feature-card.is-warning:before{background:#f59e0b}.flowops-ai-health-card.is-danger:before,.flowops-ai-feature-card.is-danger:before{background:#dc2626}.flowops-ai-health-card.is-money:before,.flowops-ai-feature-card.is-money:before{background:#0ea5e9}
.flowops-ai-health-card span,.flowops-ai-feature-card span{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#64748b}.flowops-ai-health-card strong,.flowops-ai-feature-card strong{font-size:28px;line-height:1.1;color:#0f172a}.flowops-ai-health-card p,.flowops-ai-feature-card p{margin:0;color:#64748b;font-size:13px;line-height:1.45}
.flowops-ai-command-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;margin:18px 0}.flowops-ai-timeline,.flowops-ai-diagnostics{display:grid;gap:12px}.flowops-ai-timeline article{display:grid;grid-template-columns:74px 1fr;gap:12px;align-items:start;border:1px solid rgba(15,23,42,.08);border-radius:18px;padding:12px;background:#fff}.flowops-ai-timeline article>span{font-size:12px;font-weight:800;color:#64748b}.flowops-ai-timeline strong,.flowops-ai-diagnostics strong{display:block;color:#0f172a}.flowops-ai-timeline p,.flowops-ai-diagnostics p{margin:4px 0 0;color:#64748b;font-size:13px;line-height:1.45}.flowops-ai-timeline article.is-success{border-color:rgba(22,163,74,.25);background:linear-gradient(135deg,#fff,rgba(240,253,244,.9))}.flowops-ai-timeline article.is-warning{border-color:rgba(245,158,11,.25);background:linear-gradient(135deg,#fff,rgba(255,251,235,.9))}.flowops-ai-diagnostics article{border:1px solid rgba(15,23,42,.08);border-radius:18px;padding:13px;background:linear-gradient(135deg,#fff,rgba(248,250,252,.95))}.flowops-ai-diagnostics small{display:block;margin-top:7px;color:#4338ca;font-weight:800}.flowops-ai-feature-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:18px 0 22px}.flowops-ai-feature-card{min-height:118px;padding:16px}.flowops-ai-feature-card strong{font-size:22px}.flowops-ai-tabs a{white-space:nowrap}.flowops-ai-dashboard .flowops-oc-page-hero{background:linear-gradient(135deg,#fff,rgba(241,245,249,.9))}
@media(max-width:1100px){.flowops-ai-premium-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.flowops-ai-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.flowops-ai-command-grid{grid-template-columns:1fr}}
@media(max-width:640px){.flowops-ai-premium-grid,.flowops-ai-feature-grid{grid-template-columns:1fr}.flowops-ai-timeline article{grid-template-columns:1fr}.flowops-ai-health-card strong,.flowops-ai-feature-card strong{font-size:24px}}

/* FlowOps v25.4.15: Premium mobile-responsive onboarding flow */
.flowops-onboarding-v2515{
  --fo-onboard-bg:#f8fafc;
  --fo-onboard-card:#ffffff;
  --fo-onboard-text:#0f172a;
  --fo-onboard-muted:#64748b;
  --fo-onboard-faint:#94a3b8;
  --fo-onboard-border:#dce4ee;
  --fo-onboard-green:#12c969;
  --fo-onboard-green-dark:#078342;
  --fo-onboard-shadow:0 24px 70px rgba(15,23,42,.10);
  color:var(--fo-onboard-text);
}
.flowops-onboarding-v2515 .flowops-message{max-width:1180px;margin:0 auto 18px;border-radius:18px;padding:12px 14px;font-weight:850;background:#ecfdf5;border:1px solid #bbf7d0;color:#047857;box-shadow:0 12px 30px rgba(15,23,42,.05)}
.flowops-onboarding-v2515 .flowops-message.error{background:#fef2f2;border-color:#fecaca;color:#991b1b}.flowops-onboarding-v2515 .flowops-message.info{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}
.flowops-onboard-hero{max-width:1180px;margin:0 auto 18px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:18px;align-items:stretch}
.flowops-onboard-hero__copy,.flowops-onboard-hero__card,.flowops-onboard-form,.flowops-onboard-rail{background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,255,255,.88));border:1px solid var(--fo-onboard-border);box-shadow:var(--fo-onboard-shadow);border-radius:28px}
.flowops-onboard-hero__copy{padding:32px;position:relative;overflow:hidden}.flowops-onboard-hero__copy:before{content:"";position:absolute;inset:-120px -80px auto auto;width:360px;height:360px;background:radial-gradient(circle,rgba(18,201,105,.18),transparent 60%);pointer-events:none}
.flowops-onboard-kicker{display:inline-flex;align-items:center;gap:7px;margin-bottom:12px;padding:6px 10px;border:1px solid #bbf7d0;border-radius:999px;background:#ecfdf5;color:#047857;font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.1em}.flowops-onboard-kicker:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--fo-onboard-green);box-shadow:0 0 0 4px rgba(18,201,105,.14)}
.flowops-onboard-hero h2{position:relative;margin:0;max-width:760px;color:var(--fo-onboard-text);font-size:clamp(30px,4vw,52px);line-height:.98;letter-spacing:-.055em;font-weight:950}.flowops-onboard-hero p{position:relative;margin:14px 0 0;max-width:670px;color:var(--fo-onboard-muted);font-size:15px;line-height:1.62}.flowops-onboard-hero__actions{position:relative;display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.flowops-onboard-hero__card{padding:24px;display:flex;flex-direction:column;justify-content:center;min-height:210px}.flowops-onboard-hero__card span{color:var(--fo-onboard-muted);font-size:12px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.flowops-onboard-hero__card strong{display:block;margin:8px 0 12px;color:var(--fo-onboard-text);font-size:56px;line-height:1;letter-spacing:-.06em}.flowops-onboard-progress{height:10px;border-radius:999px;background:#e2e8f0;overflow:hidden}.flowops-onboard-progress i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#12c969,#3b82f6);transition:width .28s ease}.flowops-onboard-hero__card p{margin-top:10px;font-size:13px;color:var(--fo-onboard-muted)}
.flowops-onboard-layout{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px;align-items:start}.flowops-onboard-rail{position:sticky;top:92px;padding:12px;display:flex;flex-direction:column;gap:8px}.flowops-onboard-rail-step{display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px;text-decoration:none;border:1px solid transparent;border-radius:18px;padding:11px;color:var(--fo-onboard-muted);transition:background .18s ease,border-color .18s ease,transform .18s ease}.flowops-onboard-rail-step:hover{background:#f8fafc;border-color:#e2e8f0;transform:translateY(-1px)}.flowops-onboard-rail-step span{grid-row:1 / span 2;width:34px;height:34px;border-radius:13px;display:grid;place-items:center;background:#f1f5f9;color:#334155;font-weight:950}.flowops-onboard-rail-step strong{color:var(--fo-onboard-text);font-size:13px;line-height:1.25}.flowops-onboard-rail-step em{font-style:normal;font-size:12px;line-height:1.35}.flowops-onboard-rail-step.is-active{background:#ecfdf5;border-color:#bbf7d0}.flowops-onboard-rail-step.is-active span{background:var(--fo-onboard-green);color:#fff}.flowops-onboard-rail-step.is-done span{background:#0f172a;color:#fff}.flowops-onboard-rail-step.is-done strong:after{content:" ✓";color:#047857}
.flowops-onboard-form{padding:16px;display:flex;flex-direction:column;gap:14px}.flowops-onboard-step{border:1px solid #e2e8f0;border-radius:24px;background:#fff;padding:20px;scroll-margin-top:94px}.flowops-onboard-step__head{display:grid;grid-template-columns:44px minmax(0,1fr);gap:13px;align-items:start;margin-bottom:18px}.flowops-onboard-step__head>span{width:42px;height:42px;border-radius:15px;display:grid;place-items:center;background:#0f172a;color:#fff;font-size:12px;font-weight:950}.flowops-onboard-step__head h3{margin:0;color:var(--fo-onboard-text);font-size:23px;line-height:1.05;letter-spacing:-.04em;font-weight:950}.flowops-onboard-step__head p{margin:6px 0 0;color:var(--fo-onboard-muted);font-size:13px;line-height:1.5}.flowops-onboard-grid{gap:14px}.flowops-onboarding-v2515 .flowops-field label{color:#334155!important;font-size:12px!important;font-weight:950!important;margin:0 0 7px!important}.flowops-onboarding-v2515 .flowops-field input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),.flowops-onboarding-v2515 .flowops-field select,.flowops-onboarding-v2515 .flowops-field textarea{min-height:48px!important;border-radius:16px!important;background:#fff!important;border:1px solid #d6e0eb!important;color:#0f172a!important;-webkit-text-fill-color:#0f172a!important;box-shadow:0 1px 0 rgba(15,23,42,.02)!important;line-height:1.35!important;padding:12px 14px!important;color-scheme:light}.flowops-onboarding-v2515 .flowops-field textarea{min-height:116px!important;line-height:1.5!important}.flowops-onboarding-v2515 .flowops-field input:focus,.flowops-onboarding-v2515 .flowops-field select:focus,.flowops-onboarding-v2515 .flowops-field textarea:focus{border-color:var(--fo-onboard-green)!important;background:#fff!important;box-shadow:0 0 0 4px rgba(18,201,105,.14)!important}.flowops-onboarding-v2515 .flowops-field input::placeholder,.flowops-onboarding-v2515 .flowops-field textarea::placeholder{color:#94a3b8!important;-webkit-text-fill-color:#94a3b8!important}.flowops-onboarding-v2515 .flowops-field select option{background:#fff!important;color:#0f172a!important}.flowops-onboarding-v2515 .flowops-inline-help{color:#64748b!important;font-size:12px}.flowops-onboard-type-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.flowops-onboard-type-card{position:relative;display:block;min-height:118px;border:1px solid #dce4ee;border-radius:20px;background:#fff;padding:14px 14px 14px 46px;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}.flowops-onboard-type-card:hover{transform:translateY(-1px);border-color:#bbf7d0;box-shadow:0 12px 30px rgba(15,23,42,.06)}.flowops-onboard-type-card input{position:absolute;opacity:0;pointer-events:none}.flowops-onboard-type-card__check{position:absolute;left:14px;top:15px;width:22px;height:22px;border-radius:999px;border:1px solid #cbd5e1;background:#f8fafc}.flowops-onboard-type-card__check:after{content:"";position:absolute;inset:5px;border-radius:999px;background:var(--fo-onboard-green);transform:scale(0);transition:transform .18s ease}.flowops-onboard-type-card.is-selected,.flowops-onboard-type-card:has(input:checked){border-color:#86efac;background:linear-gradient(180deg,#f0fdf4,#fff);box-shadow:0 14px 36px rgba(18,201,105,.10)}.flowops-onboard-type-card.is-selected .flowops-onboard-type-card__check,.flowops-onboard-type-card:has(input:checked) .flowops-onboard-type-card__check{border-color:var(--fo-onboard-green);background:#fff}.flowops-onboard-type-card.is-selected .flowops-onboard-type-card__check:after,.flowops-onboard-type-card:has(input:checked) .flowops-onboard-type-card__check:after{transform:scale(1)}.flowops-onboard-type-card strong{display:block;color:var(--fo-onboard-text);font-size:13.5px;line-height:1.25;font-weight:950}.flowops-onboard-type-card em{display:block;margin-top:7px;color:#64748b;font-style:normal;font-size:11.5px;line-height:1.45}.flowops-onboard-client-field,.flowops-onboard-pitch-field{margin-top:14px}.flowops-onboard-preview{border:1px solid #bbf7d0;background:linear-gradient(135deg,#ecfdf5,#fff);border-radius:20px;padding:18px}.flowops-onboard-preview span{display:block;color:#047857;font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.12em;margin-bottom:8px}.flowops-onboard-preview strong{display:block;color:#0f172a;font-size:22px;letter-spacing:-.04em;line-height:1.1}.flowops-onboard-preview p{margin:8px 0 0;color:#475569;line-height:1.5}.flowops-onboard-preview b{color:#0f172a}.flowops-onboard-launch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.flowops-onboard-launch-card{appearance:none;text-align:left;border:1px solid #dce4ee;background:#fff;border-radius:20px;padding:16px;cursor:pointer;color:#0f172a;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.flowops-onboard-launch-card:hover{transform:translateY(-2px);border-color:#86efac;box-shadow:0 16px 38px rgba(15,23,42,.08)}.flowops-onboard-launch-card strong{display:block;font-size:14px;font-weight:950}.flowops-onboard-launch-card span{display:block;margin-top:5px;color:#64748b;font-size:12px;line-height:1.45}.flowops-onboard-footer-actions{position:sticky;bottom:14px;z-index:20;margin-top:2px;border:1px solid rgba(203,213,225,.88);background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border-radius:22px;padding:12px 14px;box-shadow:0 16px 44px rgba(15,23,42,.10);display:flex;align-items:center;justify-content:space-between;gap:14px}.flowops-onboard-footer-actions p{margin:0;color:#64748b;font-size:13px;font-weight:750}.flowops-onboard-footer-actions>div{display:flex;gap:10px;flex-wrap:wrap}.flowops-onboarding-v2515 .flowops-btn,.flowops-onboarding-v2515 .flowops-btn--primary,.flowops-onboarding-v2515 .flowops-btn--secondary{border-radius:999px;min-height:42px;padding:10px 16px}.flowops-onboarding-v2515 .flowops-btn--primary{background:var(--fo-onboard-green)!important;border-color:var(--fo-onboard-green)!important;color:#03150b!important;box-shadow:0 16px 34px rgba(18,201,105,.20)!important}.flowops-onboarding-v2515 .flowops-btn--primary:hover{background:#15d974!important;transform:translateY(-1px)}.flowops-onboarding-v2515 .flowops-btn--secondary{background:#fff!important;border-color:#dce4ee!important;color:#0f172a!important}.flowops-onboarding-v2515 .flowops-btn--secondary:hover{border-color:#94a3b8!important;transform:translateY(-1px)}
@supports not selector(:has(*)){.flowops-onboard-type-card input:checked + .flowops-onboard-type-card__check{border-color:var(--fo-onboard-green);background:#fff}.flowops-onboard-type-card input:checked + .flowops-onboard-type-card__check:after{transform:scale(1)}}
@media (max-width:1180px){.flowops-onboard-hero,.flowops-onboard-layout{max-width:100%}.flowops-onboard-layout{grid-template-columns:1fr}.flowops-onboard-rail{position:relative;top:auto;display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));overflow-x:auto;-webkit-overflow-scrolling:touch}.flowops-onboard-rail-step{min-width:150px}.flowops-onboard-rail-step em{display:none}}
@media (max-width:900px){.flowops-onboard-hero{grid-template-columns:1fr}.flowops-onboard-hero__copy{padding:26px}.flowops-onboard-hero__card{min-height:auto}.flowops-onboard-type-grid{grid-template-columns:1fr}.flowops-onboard-launch-grid{grid-template-columns:1fr}.flowops-onboard-footer-actions{align-items:stretch;flex-direction:column}.flowops-onboard-footer-actions>div{display:grid;grid-template-columns:1fr 1fr;width:100%}.flowops-onboard-footer-actions .flowops-btn{width:100%}.flowops-onboard-preview{order:-1}}
@media (max-width:640px){.flowops-onboard-hero{gap:12px;margin-bottom:12px}.flowops-onboard-hero__copy,.flowops-onboard-hero__card,.flowops-onboard-form,.flowops-onboard-rail{border-radius:22px}.flowops-onboard-hero__copy{padding:22px}.flowops-onboard-hero h2{font-size:31px;line-height:1.02}.flowops-onboard-hero p{font-size:14px}.flowops-onboard-hero__actions,.flowops-onboard-hero__actions .flowops-btn{width:100%}.flowops-onboard-hero__actions{display:grid;grid-template-columns:1fr}.flowops-onboard-hero__card strong{font-size:44px}.flowops-onboard-form{padding:10px;border-radius:22px}.flowops-onboard-step{padding:16px;border-radius:20px}.flowops-onboard-step__head{grid-template-columns:1fr;gap:10px}.flowops-onboard-step__head>span{width:38px;height:38px;border-radius:13px}.flowops-onboard-step__head h3{font-size:21px}.flowops-onboard-type-card{min-height:104px;padding:13px 13px 13px 44px;border-radius:17px}.flowops-onboard-grid,.flowops-onboarding-v2515 .flowops-form-grid-2{grid-template-columns:1fr!important}.flowops-onboard-footer-actions{bottom:10px;border-radius:18px}.flowops-onboard-footer-actions>div{grid-template-columns:1fr}.flowops-onboard-footer-actions p{text-align:center}.flowops-onboarding-v2515 .flowops-field input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),.flowops-onboarding-v2515 .flowops-field select,.flowops-onboarding-v2515 .flowops-field textarea{font-size:16px!important}.flowops-onboard-rail{margin-left:-2px;margin-right:-2px;padding:10px}.flowops-onboard-rail-step{min-width:142px}}
@media (prefers-reduced-motion:reduce){.flowops-onboard-type-card,.flowops-onboard-launch-card,.flowops-onboarding-v2515 .flowops-btn,.flowops-onboard-rail-step,.flowops-onboard-progress i{transition:none!important}.flowops-onboard-type-card:hover,.flowops-onboard-launch-card:hover,.flowops-onboarding-v2515 .flowops-btn:hover,.flowops-onboard-rail-step:hover{transform:none!important}}


/* FlowOps v25.4.18 — dashboard + onboarding final mobile polish */
.flowops-first-run-panel{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(420px,.95fr)!important;gap:18px!important;align-items:center!important;padding:22px!important;border-radius:24px!important;background:linear-gradient(135deg,#ffffff 0%,#f8fffb 100%)!important;border:1px solid rgba(15,23,42,.08)!important;box-shadow:0 18px 56px rgba(15,23,42,.07)!important;overflow:hidden!important;position:relative!important}.flowops-first-run-panel:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:#12c969}.flowops-first-run-panel__copy{min-width:0}.flowops-first-run-panel__copy h3{margin:7px 0 6px!important;color:#07111f!important;font-size:clamp(22px,2.2vw,32px)!important;line-height:1.08!important;letter-spacing:-.045em!important}.flowops-first-run-panel__copy p{margin:0!important;color:#526173!important;line-height:1.55!important;font-size:14px!important}.flowops-first-run-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}.flowops-first-run-actions a{display:grid!important;gap:5px!important;min-height:92px!important;padding:14px!important;border:1px solid rgba(15,23,42,.09)!important;border-radius:18px!important;background:#fff!important;text-decoration:none!important;color:#0f172a!important;box-shadow:0 12px 30px rgba(15,23,42,.045)!important;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease!important}.flowops-first-run-actions a:hover,.flowops-first-run-actions a.is-touched{transform:translateY(-2px)!important;border-color:rgba(18,201,105,.35)!important;box-shadow:0 20px 42px rgba(15,23,42,.08)!important}.flowops-first-run-actions strong{font-size:13px!important;font-weight:950!important;line-height:1.2!important}.flowops-first-run-actions span{color:#64748b!important;font-size:12px!important;line-height:1.35!important;font-weight:750!important}
body.flowops-page-dashboard .flowops-dashboard-command{gap:16px!important}body.flowops-page-dashboard .flowops-command-hero{grid-template-columns:minmax(0,1fr) minmax(260px,360px)!important;align-items:center!important;padding:26px!important;border-radius:26px!important}body.flowops-page-dashboard .flowops-command-hero h2{font-size:clamp(30px,4vw,48px)!important;line-height:.98!important;letter-spacing:-.06em!important;margin:10px 0!important}body.flowops-page-dashboard .flowops-command-hero p{max-width:640px!important;font-size:15px!important;line-height:1.55!important}.flowops-v10-strip{align-items:stretch!important}.flowops-today-focus{min-width:0!important}.flowops-today-focus strong,.flowops-timeline-item strong,.flowops-attention-item strong{overflow-wrap:anywhere!important}.flowops-ask-copilot__input{min-height:48px!important}.flowops-ask-copilot__chips{gap:8px!important}.flowops-ask-copilot__chips a{min-height:34px!important;display:inline-flex!important;align-items:center!important}
.flowops-onboarding-v2518{--fo-onboard-green:#12c969;--fo-onboard-text:#0f172a;--fo-onboard-muted:#64748b}.flowops-onboarding-v2518 .flowops-onboard-hero{grid-template-columns:minmax(0,1fr) 230px!important;gap:14px!important;max-width:1060px!important;margin:0 auto 14px!important}.flowops-onboarding-v2518 .flowops-onboard-hero__copy,.flowops-onboarding-v2518 .flowops-onboard-hero__card{border-radius:24px!important;background:#fff!important;border:1px solid rgba(15,23,42,.08)!important;box-shadow:0 18px 50px rgba(15,23,42,.06)!important}.flowops-onboarding-v2518 .flowops-onboard-hero__copy{padding:26px!important}.flowops-onboarding-v2518 .flowops-onboard-hero h2{font-size:clamp(30px,4vw,48px)!important;letter-spacing:-.06em!important;line-height:.98!important;margin:7px 0!important}.flowops-onboarding-v2518 .flowops-onboard-hero p{max-width:560px!important;font-size:14px!important;line-height:1.55!important}.flowops-onboarding-v2518 .flowops-onboard-hero__actions{gap:9px!important;margin-top:18px!important}.flowops-onboarding-v2518 .flowops-onboard-hero__card{padding:22px!important;min-height:0!important}.flowops-onboarding-v2518 .flowops-onboard-hero__card strong{font-size:44px!important;line-height:1!important}.flowops-onboarding-v2518 .flowops-onboard-layout{max-width:1060px!important;grid-template-columns:250px minmax(0,1fr)!important;gap:14px!important;margin:0 auto!important}.flowops-onboarding-v2518 .flowops-onboard-rail{border-radius:24px!important;padding:10px!important;gap:7px!important;box-shadow:0 12px 34px rgba(15,23,42,.045)!important}.flowops-onboarding-v2518 .flowops-onboard-rail-step{padding:11px!important;border-radius:16px!important;gap:9px!important}.flowops-onboarding-v2518 .flowops-onboard-rail-step span{width:28px!important;height:28px!important}.flowops-onboarding-v2518 .flowops-onboard-rail-step strong{font-size:12.5px!important}.flowops-onboarding-v2518 .flowops-onboard-rail-step em{font-size:11.5px!important}.flowops-onboarding-v2518 .flowops-onboard-form{padding:12px!important;border-radius:24px!important;gap:12px!important;box-shadow:0 14px 40px rgba(15,23,42,.05)!important}.flowops-onboarding-v2518 .flowops-onboard-step{padding:18px!important;border-radius:22px!important}.flowops-onboarding-v2518 .flowops-onboard-step__head{grid-template-columns:38px minmax(0,1fr)!important;gap:11px!important;margin-bottom:14px!important}.flowops-onboarding-v2518 .flowops-onboard-step__head>span{width:36px!important;height:36px!important;border-radius:13px!important}.flowops-onboarding-v2518 .flowops-onboard-step__head h3{font-size:21px!important}.flowops-onboarding-v2518 .flowops-field label{color:#334155!important;font-size:12px!important;font-weight:950!important;margin:0 0 7px!important}.flowops-onboarding-v2518 .flowops-field input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),.flowops-onboarding-v2518 .flowops-field select,.flowops-onboarding-v2518 .flowops-field textarea{min-height:48px!important;border-radius:16px!important;background:#fff!important;border:1px solid #d6e0eb!important;color:#0f172a!important;-webkit-text-fill-color:#0f172a!important;box-shadow:0 1px 0 rgba(15,23,42,.02)!important;line-height:24px!important;padding:12px 14px!important;color-scheme:light!important}.flowops-onboarding-v2518 .flowops-field textarea{min-height:104px!important;line-height:1.5!important}.flowops-onboarding-v2518 .flowops-field input:focus,.flowops-onboarding-v2518 .flowops-field select:focus,.flowops-onboarding-v2518 .flowops-field textarea:focus{border-color:var(--fo-onboard-green)!important;background:#fff!important;box-shadow:0 0 0 4px rgba(18,201,105,.14)!important}.flowops-onboarding-v2518 .flowops-onboard-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.flowops-onboarding-v2518 .flowops-onboard-type-card{min-height:96px!important;border-radius:18px!important;padding:13px 13px 13px 43px!important}.flowops-onboarding-v2518 .flowops-onboard-type-card strong{font-size:13px!important}.flowops-onboarding-v2518 .flowops-onboard-type-card em{font-size:11px!important}.flowops-onboarding-v2518 .flowops-onboard-preview{padding:16px!important;border-radius:18px!important}.flowops-onboarding-v2518 .flowops-onboard-preview strong{font-size:20px!important}.flowops-onboarding-v2518 .flowops-onboard-launch-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.flowops-onboarding-v2518 .flowops-onboard-footer-actions{bottom:12px!important;border-radius:20px!important;padding:11px 12px!important}.flowops-onboarding-v2518 .flowops-btn,.flowops-onboarding-v2518 .flowops-btn--primary,.flowops-onboarding-v2518 .flowops-btn--secondary{border-radius:999px!important;min-height:42px!important;padding:10px 16px!important}.flowops-onboarding-v2518 .flowops-btn--primary{background:var(--fo-onboard-green)!important;border-color:var(--fo-onboard-green)!important;color:#03150b!important;box-shadow:0 14px 28px rgba(18,201,105,.18)!important}.flowops-onboarding-v2518 .flowops-btn--secondary{background:#fff!important;border-color:#dce4ee!important;color:#0f172a!important}
@media (max-width:1180px){body.flowops-page-dashboard .flowops-stat-grid--executive{grid-template-columns:repeat(3,minmax(0,1fr))!important}.flowops-first-run-panel{grid-template-columns:1fr!important}.flowops-first-run-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important}.flowops-onboarding-v2518 .flowops-onboard-layout{grid-template-columns:1fr!important}.flowops-onboarding-v2518 .flowops-onboard-rail{position:relative!important;top:auto!important;display:grid!important;grid-template-columns:repeat(5,minmax(136px,1fr))!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.flowops-onboarding-v2518 .flowops-onboard-rail-step{min-width:136px!important}.flowops-onboarding-v2518 .flowops-onboard-rail-step em{display:none!important}}
@media (max-width:900px){body.flowops-page-dashboard .flowops-command-hero{grid-template-columns:1fr!important;padding:22px!important}.flowops-v10-strip,.flowops-workspace-focus-grid{grid-template-columns:1fr!important}.flowops-first-run-actions{grid-template-columns:1fr!important}.flowops-onboarding-v2518 .flowops-onboard-hero{grid-template-columns:1fr!important}.flowops-onboarding-v2518 .flowops-onboard-type-grid,.flowops-onboarding-v2518 .flowops-onboard-launch-grid{grid-template-columns:1fr!important}.flowops-onboarding-v2518 .flowops-onboard-footer-actions{align-items:stretch!important;flex-direction:column!important}.flowops-onboarding-v2518 .flowops-onboard-footer-actions>div{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important}.flowops-onboarding-v2518 .flowops-onboard-footer-actions .flowops-btn{width:100%!important;justify-content:center!important}}
@media (max-width:640px){.flowops-content{padding:12px!important}body.flowops-page-dashboard .flowops-command-hero{padding:18px!important;border-radius:22px!important}body.flowops-page-dashboard .flowops-command-hero h2{font-size:32px!important}.flowops-command-actions{display:grid!important;grid-template-columns:1fr!important}.flowops-command-actions .flowops-btn,.flowops-first-run-actions a{width:100%!important;justify-content:center!important}.flowops-command-hero__signals{display:grid!important;grid-template-columns:1fr!important}.flowops-command-health-card{padding:16px!important;border-radius:20px!important}.flowops-first-run-panel{padding:18px!important;border-radius:22px!important}.flowops-first-run-panel__copy h3{font-size:24px!important}.flowops-today-grid{grid-template-columns:1fr!important}.flowops-today-focus{grid-template-columns:1fr!important;align-items:start!important}.flowops-today-focus em{justify-self:start!important}.flowops-ask-copilot__input{width:100%!important}.flowops-ask-copilot__chips{display:grid!important;grid-template-columns:1fr!important}.flowops-onboarding-v2518 .flowops-onboard-hero{gap:10px!important;margin-bottom:10px!important}.flowops-onboarding-v2518 .flowops-onboard-hero__copy,.flowops-onboarding-v2518 .flowops-onboard-hero__card,.flowops-onboarding-v2518 .flowops-onboard-form,.flowops-onboarding-v2518 .flowops-onboard-rail{border-radius:22px!important}.flowops-onboarding-v2518 .flowops-onboard-hero__copy{padding:20px!important}.flowops-onboarding-v2518 .flowops-onboard-hero h2{font-size:32px!important;line-height:1!important}.flowops-onboarding-v2518 .flowops-onboard-hero p{font-size:13.5px!important}.flowops-onboarding-v2518 .flowops-onboard-hero__actions{display:grid!important;grid-template-columns:1fr!important;width:100%!important}.flowops-onboarding-v2518 .flowops-onboard-hero__actions .flowops-btn{width:100%!important;justify-content:center!important}.flowops-onboarding-v2518 .flowops-onboard-hero__card strong{font-size:38px!important}.flowops-onboarding-v2518 .flowops-onboard-form{padding:9px!important}.flowops-onboarding-v2518 .flowops-onboard-step{padding:15px!important;border-radius:20px!important}.flowops-onboarding-v2518 .flowops-onboard-step__head{grid-template-columns:1fr!important;gap:8px!important}.flowops-onboarding-v2518 .flowops-onboard-step__head h3{font-size:20px!important}.flowops-onboarding-v2518 .flowops-form-grid-2,.flowops-onboarding-v2518 .flowops-onboard-grid{grid-template-columns:1fr!important}.flowops-onboarding-v2518 .flowops-onboard-rail{margin-left:-2px!important;margin-right:-2px!important;padding:9px!important}.flowops-onboarding-v2518 .flowops-onboard-rail-step{min-width:124px!important}.flowops-onboarding-v2518 .flowops-onboard-footer-actions{position:static!important;margin-top:8px!important}.flowops-onboarding-v2518 .flowops-onboard-footer-actions>div{grid-template-columns:1fr!important}.flowops-onboarding-v2518 .flowops-onboard-footer-actions p{text-align:center!important}.flowops-onboarding-v2518 .flowops-field input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),.flowops-onboarding-v2518 .flowops-field select,.flowops-onboarding-v2518 .flowops-field textarea{font-size:16px!important;line-height:24px!important}.flowops-table-wrap{border-radius:16px!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}}
@media (prefers-reduced-motion:reduce){.flowops-first-run-actions a,.flowops-onboarding-v2518 .flowops-onboard-type-card,.flowops-onboarding-v2518 .flowops-onboard-launch-card,.flowops-onboarding-v2518 .flowops-btn{transition:none!important}.flowops-first-run-actions a:hover,.flowops-onboarding-v2518 .flowops-onboard-type-card:hover,.flowops-onboarding-v2518 .flowops-onboard-launch-card:hover,.flowops-onboarding-v2518 .flowops-btn:hover{transform:none!important}}

/* FlowOps v25.4.19 — full app mobile + UI consistency polish */
.flowops-app-v2519{--flowops-mobile-page-pad:clamp(12px,3vw,22px);--flowops-mobile-card-radius:18px;--flowops-mobile-control-height:44px}
.flowops-app-v2519 .flowops-content{scroll-behavior:smooth}
.flowops-app-v2519 .flowops-card,
.flowops-app-v2519 .flowops-panel,
.flowops-app-v2519 .flowops-stat-card,
.flowops-app-v2519 .flowops-team-card,
.flowops-app-v2519 .flowops-job-card,
.flowops-app-v2519 .flowops-kanban-column,
.flowops-app-v2519 .flowops-settings-panel{min-width:0;overflow-wrap:anywhere}
.flowops-app-v2519 .flowops-section-head{min-width:0}
.flowops-app-v2519 .flowops-section-head>*{min-width:0}
.flowops-app-v2519 .flowops-section-head p,
.flowops-app-v2519 .flowops-card p,
.flowops-app-v2519 .flowops-panel p{max-width:72ch}
.flowops-app-v2519 .flowops-actions,
.flowops-app-v2519 .flowops-table-actions,
.flowops-app-v2519 .flowops-command-actions,
.flowops-app-v2519 .flowops-jobs-command-actions,
.flowops-app-v2519 .flowops-new-booking-footer-actions,
.flowops-app-v2519 .flowops-calendar-drawer__actions,
.flowops-app-v2519 .flowops-api-edit-actions,
.flowops-app-v2519 .flowops-admin-drawer-actions,
.flowops-app-v2519 .flowops-dashboard-hero-actions{display:flex;flex-wrap:wrap;gap:9px;align-items:center}
.flowops-app-v2519 .flowops-btn,
.flowops-app-v2519 .flowops-btn-primary,
.flowops-app-v2519 .flowops-btn-secondary,
.flowops-app-v2519 .flowops-btn-ghost,
.flowops-app-v2519 .flowops-btn-danger{white-space:nowrap;min-width:0}
.flowops-app-v2519 .flowops-field input:not([type="checkbox"]):not([type="radio"]),
.flowops-app-v2519 .flowops-field select,
.flowops-app-v2519 .flowops-field textarea{max-width:100%}
.flowops-app-v2519 .flowops-field input,
.flowops-app-v2519 .flowops-field select{min-height:var(--flowops-mobile-control-height)}
.flowops-app-v2519 .flowops-empty-state{border-radius:22px;padding:clamp(18px,3.5vw,28px);text-align:center;display:grid;place-items:center;gap:10px;min-height:0}
.flowops-app-v2519 .flowops-empty-state h2,
.flowops-app-v2519 .flowops-empty-state h3,
.flowops-app-v2519 .flowops-empty-state strong{margin:0;line-height:1.16}
.flowops-app-v2519 .flowops-empty-state p{margin:0 auto;max-width:52ch}
.flowops-app-v2519 .flowops-table-wrap,
.flowops-app-v2519 .flowops-booking-table-wrap{max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;border-radius:18px}
.flowops-app-v2519 .flowops-table,
.flowops-app-v2519 .flowops-booking-table{max-width:100%}
.flowops-app-v2519 .flowops-table th,
.flowops-app-v2519 .flowops-table td,
.flowops-app-v2519 .flowops-booking-table th,
.flowops-app-v2519 .flowops-booking-table td{overflow-wrap:anywhere;word-break:normal}
.flowops-app-v2519 .flowops-message{border-radius:16px;line-height:1.45;overflow-wrap:anywhere}
.flowops-app-v2519 .flowops-member-row,
.flowops-app-v2519 .flowops-api-owner-row,
.flowops-app-v2519 .flowops-admin-item,
.flowops-app-v2519 .flowops-attention-item,
.flowops-app-v2519 .flowops-activity-item{min-width:0;overflow-wrap:anywhere}
.flowops-app-v2519 .flowops-command-palette__card{width:min(720px,calc(100vw - 24px));max-height:min(760px,calc(100svh - 24px));overflow:auto}
.flowops-app-v2519 .flowops-customer-drawer__panel,
.flowops-app-v2519 .flowops-calendar-drawer{max-width:100vw}

@media (max-width:1180px){
  .flowops-app-v2519 .flowops-admin-grid-4,
  .flowops-app-v2519 .flowops-admin-grid-3,
  .flowops-app-v2519 .flowops-stat-grid,
  .flowops-app-v2519 .flowops-jobs-stat-grid,
  .flowops-app-v2519 .flowops-ai-metric-grid,
  .flowops-app-v2519 .flowops-profile-summary-grid,
  .flowops-app-v2519 .flowops-team-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .flowops-app-v2519 .flowops-new-booking-layout,
  .flowops-app-v2519 .flowops-v17-booking-layout,
  .flowops-app-v2519 .flowops-settings-layout,
  .flowops-app-v2519 .flowops-schedule-shell,
  .flowops-app-v2519 .flowops-ai-premium-grid,
  .flowops-app-v2519 .flowops-admin-grid,
  .flowops-app-v2519 .flowops-oc-grid-2{grid-template-columns:1fr!important}
  .flowops-app-v2519 .flowops-side-stack,
  .flowops-app-v2519 .flowops-schedule-sidebar{position:relative!important;top:auto!important}
}

@media (max-width:900px){
  html{height:auto}
  body.flowops-app-v2519.flowops-app-body{overflow:hidden;background:var(--flowops-bg)}
  .flowops-app-v2519 .flowops-app{height:100svh;min-height:100svh;overflow:hidden}
  .flowops-app-v2519 .flowops-main{height:100svh;min-height:0;overflow:hidden}
  .flowops-app-v2519 .flowops-content{height:auto;min-height:0;overflow:auto;padding:var(--flowops-mobile-page-pad)!important;-webkit-overflow-scrolling:touch}
  .flowops-app-v2519 .flowops-topbar{position:sticky;top:0;z-index:80;min-height:62px!important;padding:10px var(--flowops-mobile-page-pad)!important;background:rgba(15,21,32,.96)!important}
  .flowops-app-v2519 .flowops-topbar-mobile{display:flex!important;align-items:center;justify-content:space-between;width:100%;min-width:0}
  .flowops-app-v2519 .flowops-topbar-mobile-main{min-width:0;width:100%}
  .flowops-app-v2519 .flowops-topbar-mobile-copy{min-width:0;line-height:1.2}
  .flowops-app-v2519 .flowops-topbar-mobile-copy strong,
  .flowops-app-v2519 .flowops-topbar-mobile-copy span{max-width:calc(100vw - 96px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .flowops-app-v2519 .flowops-sidebar{width:min(320px,calc(100vw - 28px))!important;max-width:calc(100vw - 28px);height:100svh;box-shadow:26px 0 70px rgba(0,0,0,.35)!important}
  .flowops-app-v2519 .flowops-mobile-sidebar-backdrop{z-index:590!important;background:rgba(2,6,23,.58)!important}
  .flowops-app-v2519.flowops-sidebar-open{touch-action:none}
  .flowops-app-v2519 .flowops-card,
  .flowops-app-v2519 .flowops-panel,
  .flowops-app-v2519 .flowops-stat-card,
  .flowops-app-v2519 .flowops-team-card,
  .flowops-app-v2519 .flowops-job-card,
  .flowops-app-v2519 .flowops-kanban-column,
  .flowops-app-v2519 .flowops-settings-panel,
  .flowops-app-v2519 .flowops-ai-feature-card,
  .flowops-app-v2519 .flowops-plan-card{border-radius:var(--flowops-mobile-card-radius)!important;padding:16px!important}
  .flowops-app-v2519 .flowops-card-lg{padding:18px!important}
  .flowops-app-v2519 .flowops-section-head{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin-bottom:12px!important}
  .flowops-app-v2519 .flowops-section-head h2{font-size:20px!important;line-height:1.08!important}
  .flowops-app-v2519 .flowops-section-head h3{font-size:17px!important;line-height:1.12!important}
  .flowops-app-v2519 .flowops-dashboard-hero,
  .flowops-app-v2519 .flowops-command-hero,
  .flowops-app-v2519 .flowops-ai-dashboard-hero,
  .flowops-app-v2519 .flowops-admin-hero,
  .flowops-app-v2519 .flowops-team-command,
  .flowops-app-v2519 .flowops-schedule-hero,
  .flowops-app-v2519 .flowops-oc-page-hero{border-radius:22px!important;padding:18px!important;grid-template-columns:1fr!important;display:grid!important;gap:14px!important}
  .flowops-app-v2519 .flowops-dashboard-hero h2,
  .flowops-app-v2519 .flowops-command-hero h2,
  .flowops-app-v2519 .flowops-ai-dashboard-hero h2,
  .flowops-app-v2519 .flowops-admin-hero h2,
  .flowops-app-v2519 .flowops-team-hero h2{font-size:clamp(25px,8vw,34px)!important;line-height:1!important;letter-spacing:-.05em!important}
  .flowops-app-v2519 .flowops-dashboard-hero-panel,
  .flowops-app-v2519 .flowops-command-health-card,
  .flowops-app-v2519 .flowops-ai-hero-status,
  .flowops-app-v2519 .flowops-admin-status{width:100%;margin-top:0!important}
  .flowops-app-v2519 .flowops-stat-grid,
  .flowops-app-v2519 .flowops-jobs-stat-grid,
  .flowops-app-v2519 .flowops-admin-grid-2,
  .flowops-app-v2519 .flowops-admin-grid-3,
  .flowops-app-v2519 .flowops-admin-grid-4,
  .flowops-app-v2519 .flowops-form-grid,
  .flowops-app-v2519 .flowops-form-grid-2,
  .flowops-app-v2519 .flowops-form-grid-3,
  .flowops-app-v2519 .flowops-form-grid-4,
  .flowops-app-v2519 .flowops-profile-summary-grid,
  .flowops-app-v2519 .flowops-team-grid,
  .flowops-app-v2519 .flowops-team-lower-grid,
  .flowops-app-v2519 .flowops-ai-command-grid,
  .flowops-app-v2519 .flowops-ai-feature-grid,
  .flowops-app-v2519 .flowops-api-governance-grid,
  .flowops-app-v2519 .flowops-ops-manager-grid,
  .flowops-app-v2519 .flowops-oc-metrics,
  .flowops-app-v2519 .flowops-week-board,
  .flowops-app-v2519 .flowops-month-board,
  .flowops-app-v2519 .flowops-today-grid{grid-template-columns:1fr!important}
  .flowops-app-v2519 .flowops-dispatch-filterbar,
  .flowops-app-v2519 .flowops-filter-bar,
  .flowops-app-v2519 .flowops-schedule-toolbar,
  .flowops-app-v2519 .flowops-api-search-premium{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;position:relative!important;top:auto!important}
  .flowops-app-v2519 .flowops-dispatch-quickfilters,
  .flowops-app-v2519 .flowops-status-pills,
  .flowops-app-v2519 .flowops-booking-views,
  .flowops-app-v2519 .flowops-ai-tabs,
  .flowops-app-v2519 .flowops-jobs-tabs,
  .flowops-app-v2519 .flowops-schedule-tabs{display:flex!important;gap:8px!important;overflow-x:auto!important;white-space:nowrap!important;padding-bottom:4px!important;scrollbar-width:none}
  .flowops-app-v2519 .flowops-dispatch-quickfilters::-webkit-scrollbar,
  .flowops-app-v2519 .flowops-status-pills::-webkit-scrollbar,
  .flowops-app-v2519 .flowops-booking-views::-webkit-scrollbar,
  .flowops-app-v2519 .flowops-ai-tabs::-webkit-scrollbar,
  .flowops-app-v2519 .flowops-jobs-tabs::-webkit-scrollbar,
  .flowops-app-v2519 .flowops-schedule-tabs::-webkit-scrollbar{display:none}
  .flowops-app-v2519 .flowops-actions,
  .flowops-app-v2519 .flowops-command-actions,
  .flowops-app-v2519 .flowops-jobs-command-actions,
  .flowops-app-v2519 .flowops-dashboard-hero-actions,
  .flowops-app-v2519 .flowops-admin-chiprow,
  .flowops-app-v2519 .flowops-ai-hero-actions,
  .flowops-app-v2519 .flowops-market-actions{display:grid!important;grid-template-columns:1fr!important;width:100%!important;align-items:stretch!important}
  .flowops-app-v2519 .flowops-actions .flowops-btn,
  .flowops-app-v2519 .flowops-command-actions .flowops-btn,
  .flowops-app-v2519 .flowops-jobs-command-actions .flowops-btn,
  .flowops-app-v2519 .flowops-dashboard-hero-actions .flowops-btn,
  .flowops-app-v2519 .flowops-ai-hero-actions .flowops-btn,
  .flowops-app-v2519 .flowops-market-actions .flowops-btn{width:100%!important;justify-content:center!important}
  .flowops-app-v2519 .flowops-table-actions{gap:7px!important}
  .flowops-app-v2519 .flowops-table-actions .flowops-btn,
  .flowops-app-v2519 .flowops-member-row .flowops-btn,
  .flowops-app-v2519 .flowops-team-actions .flowops-btn{flex:1 1 auto;min-width:min(120px,100%);justify-content:center}
  .flowops-app-v2519 .flowops-member-row,
  .flowops-app-v2519 .flowops-api-owner-row,
  .flowops-app-v2519 .flowops-team-card-head,
  .flowops-app-v2519 .flowops-job-title-row,
  .flowops-app-v2519 .flowops-dispatch-card-head{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;align-items:start!important}
  .flowops-app-v2519 .flowops-team-actions,
  .flowops-app-v2519 .flowops-job-actions,
  .flowops-app-v2519 .flowops-job-links,
  .flowops-app-v2519 .flowops-calendar-drawer__actions,
  .flowops-app-v2519 .flowops-new-booking-footer-actions{display:grid!important;grid-template-columns:1fr!important;width:100%!important;gap:9px!important}
  .flowops-app-v2519 .flowops-team-actions .flowops-btn,
  .flowops-app-v2519 .flowops-job-actions .flowops-btn,
  .flowops-app-v2519 .flowops-job-links .flowops-btn,
  .flowops-app-v2519 .flowops-calendar-drawer__actions .flowops-btn,
  .flowops-app-v2519 .flowops-new-booking-footer-actions .flowops-btn{width:100%!important;justify-content:center!important}
  .flowops-app-v2519 .flowops-kanban-grid,
  .flowops-app-v2519 .flowops-kanban-grid--scalable{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;overflow:visible!important}
  .flowops-app-v2519 .flowops-kanban-grid--scalable .flowops-kanban-column{height:auto!important;max-height:none!important}
  .flowops-app-v2519 .flowops-kanban-stack,
  .flowops-app-v2519 .flowops-kanban-stack--scroll{max-height:none!important;overflow:visible!important}
  .flowops-app-v2519 .flowops-calendar-drawer,
  .flowops-app-v2519 .flowops-customer-drawer__panel,
  .flowops-app-v2519 .flowops-job-detail-drawer{width:100%!important;max-width:100%!important;padding:16px!important}
  .flowops-app-v2519 .flowops-modal-card,
  .flowops-app-v2519 .flowops-api-modal-card{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;max-height:calc(100svh - 24px)!important;overflow:auto!important;border-radius:22px!important}
  .flowops-app-v2519 .flowops-settings-nav{display:flex!important;gap:8px!important;overflow-x:auto!important;position:relative!important;top:auto!important;padding-bottom:4px!important}
  .flowops-app-v2519 .flowops-settings-nav-item{flex:0 0 auto;white-space:nowrap}
}

@media (max-width:720px){
  .flowops-app-v2519 .flowops-content{padding:12px!important}
  .flowops-app-v2519 .flowops-btn,
  .flowops-app-v2519 .flowops-btn-primary,
  .flowops-app-v2519 .flowops-btn-secondary,
  .flowops-app-v2519 .flowops-btn-ghost,
  .flowops-app-v2519 .flowops-btn-danger{min-height:42px;padding:10px 13px!important;font-size:13px!important}
  .flowops-app-v2519 .flowops-card,
  .flowops-app-v2519 .flowops-panel,
  .flowops-app-v2519 .flowops-stat-card,
  .flowops-app-v2519 .flowops-team-card,
  .flowops-app-v2519 .flowops-job-card{padding:14px!important;border-radius:17px!important}
  .flowops-app-v2519 .flowops-field label{font-size:12px!important;line-height:1.2!important}
  .flowops-app-v2519 .flowops-field input:not([type="checkbox"]):not([type="radio"]),
  .flowops-app-v2519 .flowops-field select,
  .flowops-app-v2519 .flowops-field textarea{font-size:16px!important;line-height:24px!important;padding-left:13px!important;padding-right:13px!important}
  .flowops-app-v2519 .flowops-table-cardified{display:block!important;width:100%!important;border:0!important;background:transparent!important;min-width:0!important}
  .flowops-app-v2519 .flowops-table-cardified thead{display:none!important}
  .flowops-app-v2519 .flowops-table-cardified tbody{display:grid!important;gap:10px!important;width:100%!important}
  .flowops-app-v2519 .flowops-table-cardified tr{display:block!important;width:100%!important;border:1px solid rgba(148,163,184,.16)!important;border-radius:16px!important;background:rgba(15,23,42,.32)!important;padding:10px!important;box-shadow:none!important}
  .flowops-app-v2519 .flowops-table-cardified td{display:grid!important;grid-template-columns:minmax(96px,34%) minmax(0,1fr)!important;gap:10px!important;align-items:start!important;width:100%!important;border:0!important;padding:8px 2px!important;white-space:normal!important;text-align:left!important;min-height:0!important}
  .flowops-app-v2519 .flowops-table-cardified td:before{content:attr(data-flowops-label);color:var(--flowops-faint);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;line-height:1.35}
  .flowops-app-v2519 .flowops-table-cardified td[data-flowops-label=""]:before{display:none}
  .flowops-app-v2519 .flowops-booking-table.flowops-table-cardified tr,
  .flowops-app-v2519 .flowops-api-owner-table.flowops-table-cardified tr{background:#fff!important;color:#0f172a!important;border-color:rgba(15,23,42,.10)!important}
  .flowops-app-v2519 .flowops-booking-table.flowops-table-cardified td:before,
  .flowops-app-v2519 .flowops-api-owner-table.flowops-table-cardified td:before{color:#64748b!important}
  .flowops-app-v2519 .flowops-pagination{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;text-align:center!important}
  .flowops-app-v2519 .flowops-pagination .flowops-btn{width:100%!important;justify-content:center!important}
  .flowops-app-v2519 .flowops-command-palette{padding:12px!important;align-items:flex-start!important}
  .flowops-app-v2519 .flowops-command-palette__card{margin-top:8px;width:100%!important;border-radius:20px!important}
  .flowops-app-v2519 .flowops-command-results a{grid-template-columns:34px minmax(0,1fr)!important}
  .flowops-app-v2519 .flowops-command-results a em{display:none!important}
}

@media (max-width:520px){
  .flowops-app-v2519 .flowops-topbar{min-height:58px!important}
  .flowops-app-v2519 .flowops-sidebar-toggle{width:38px!important;height:38px!important;border-radius:12px!important}
  .flowops-app-v2519 .flowops-dashboard-hero h2,
  .flowops-app-v2519 .flowops-command-hero h2,
  .flowops-app-v2519 .flowops-ai-dashboard-hero h2,
  .flowops-app-v2519 .flowops-admin-hero h2,
  .flowops-app-v2519 .flowops-team-hero h2{font-size:28px!important}
  .flowops-app-v2519 .flowops-stat-card__value{font-size:30px!important;line-height:1!important}
  .flowops-app-v2519 .flowops-table-cardified td{grid-template-columns:1fr!important;gap:4px!important}
  .flowops-app-v2519 .flowops-customer-drawer__stats,
  .flowops-app-v2519 .flowops-job-proof-grid,
  .flowops-app-v2519 .flowops-completion-proof-links{grid-template-columns:1fr!important}
  .flowops-app-v2519 .flowops-message{padding:12px 13px!important;font-size:13px!important}
  .flowops-app-v2519 .flowops-empty-state{padding:18px 14px!important}
}

@media (prefers-reduced-motion:reduce){
  .flowops-app-v2519 *,
  .flowops-app-v2519 *::before,
  .flowops-app-v2519 *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* FlowOps v25.4.25 — owner onboarding lock screen */
.flowops-onboarding-lock-body {
    min-height: 100vh;
    background: #f6f8fb;
}

.flowops-onboarding-lock {
    min-height: 100vh;
    padding: 22px clamp(16px, 4vw, 42px) 42px;
}

.flowops-onboarding-lock__topbar {
    max-width: 1180px;
    margin: 0 auto 22px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.flowops-onboarding-lock__brand,
.flowops-onboarding-lock__logout {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
}

.flowops-onboarding-lock__brand {
    color: #071226;
    font-weight: 800;
    letter-spacing: -0.02em;
}

.flowops-onboarding-lock__brand img {
    width: 34px;
    height: 34px;
    border-radius: 12px;
}

.flowops-onboarding-lock__logout {
    min-height: 38px;
    padding: 0 14px;
    border: 1px solid rgba(7, 18, 38, 0.12);
    border-radius: 999px;
    background: #fff;
    color: #344054;
    font-size: 13px;
    font-weight: 700;
    box-shadow: 0 10px 30px rgba(7, 18, 38, 0.06);
}

.flowops-onboarding-lock .flowops-onboarding-page {
    max-width: 1180px;
    margin: 0 auto;
}

.flowops-onboarding-lock .flowops-onboard-hero__actions {
    justify-content: flex-start;
}

.flowops-onboard-launch-grid--single {
    grid-template-columns: minmax(0, 1fr);
}

.flowops-onboard-launch-grid--single .flowops-onboard-launch-card {
    min-height: 120px;
}

@media (max-width: 720px) {
    .flowops-onboarding-lock {
        padding: 16px 12px 28px;
    }

    .flowops-onboarding-lock__topbar {
        margin-bottom: 14px;
    }

    .flowops-onboarding-lock__brand span {
        font-size: 15px;
    }

    .flowops-onboarding-lock__logout {
        min-height: 34px;
        padding: 0 12px;
        font-size: 12px;
    }
}

/* FlowOps v25.4.26 — simplified centered owner onboarding */
.flowops-onboarding-lock-body {
    background:
        radial-gradient(circle at top left, rgba(17, 184, 107, 0.13), transparent 34%),
        radial-gradient(circle at bottom right, rgba(7, 18, 38, 0.08), transparent 32%),
        #f7faf9;
}

.flowops-onboarding-lock {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    padding: 22px clamp(16px, 4vw, 42px) 32px;
}

.flowops-onboarding-simple {
    width: 100%;
    flex: 1;
    display: grid;
}

.flowops-onboarding-simple-shell {
    width: 100%;
    min-height: calc(100vh - 116px);
    display: grid;
    place-items: center;
    padding: 8px 0 36px;
}

.flowops-onboarding-simple-card {
    width: min(100%, 460px);
    margin: 0 auto;
    padding: clamp(26px, 4vw, 38px);
    border: 1px solid rgba(7, 18, 38, 0.09);
    border-radius: 30px;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 28px 80px rgba(7, 18, 38, 0.12);
    backdrop-filter: blur(18px);
    text-align: center;
}

.flowops-onboarding-simple-logo {
    width: 58px;
    height: 58px;
    margin: 0 auto 16px;
    display: grid;
    place-items: center;
    border-radius: 20px;
    background: #071226;
    box-shadow: 0 18px 40px rgba(7, 18, 38, 0.18);
}

.flowops-onboarding-simple-logo img {
    width: 34px;
    height: 34px;
    display: block;
}

.flowops-onboarding-simple-kicker {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    margin-bottom: 12px;
    padding: 7px 11px;
    border: 1px solid rgba(17, 184, 107, 0.22);
    border-radius: 999px;
    background: rgba(17, 184, 107, 0.09);
    color: #087545;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.flowops-onboarding-simple-kicker::before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #11b86b;
    box-shadow: 0 0 0 4px rgba(17, 184, 107, 0.14);
}

.flowops-onboarding-simple h1 {
    margin: 0;
    color: #071226;
    font-size: clamp(30px, 4vw, 42px);
    line-height: 1.03;
    letter-spacing: -0.055em;
    font-weight: 950;
}

.flowops-onboarding-simple-intro {
    margin: 12px auto 24px;
    max-width: 340px;
    color: #667085;
    font-size: 14px;
    line-height: 1.6;
}

.flowops-onboarding-simple .flowops-message {
    margin: 0 0 16px;
    text-align: left;
    border-radius: 16px;
    padding: 12px 14px;
    font-size: 13px;
    font-weight: 800;
}

.flowops-onboarding-simple-form {
    display: grid;
    gap: 14px;
    text-align: left;
}

.flowops-onboarding-simple-field label {
    display: block;
    margin: 0 0 7px;
    color: #344054;
    font-size: 12px;
    font-weight: 900;
}

.flowops-onboarding-simple-field input,
.flowops-onboarding-simple-field select {
    width: 100%;
    min-height: 52px;
    border: 1px solid rgba(7, 18, 38, 0.12);
    border-radius: 16px;
    background: #ffffff;
    color: #071226;
    font-size: 15px;
    font-weight: 750;
    outline: none;
    box-shadow: 0 12px 28px rgba(7, 18, 38, 0.05);
    transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.flowops-onboarding-simple-field input {
    padding: 0 15px;
}

.flowops-onboarding-simple-field select {
    padding: 0 42px 0 15px;
}

.flowops-onboarding-simple-field input:focus,
.flowops-onboarding-simple-field select:focus {
    border-color: #11b86b;
    box-shadow: 0 0 0 4px rgba(17, 184, 107, 0.14), 0 14px 34px rgba(7, 18, 38, 0.08);
}

.flowops-onboarding-simple-submit {
    width: 100%;
    min-height: 54px;
    margin-top: 4px;
    border: 0;
    border-radius: 18px;
    background: linear-gradient(135deg, #071226, #0f2a3f);
    color: #ffffff;
    font-size: 15px;
    font-weight: 950;
    letter-spacing: -0.01em;
    cursor: pointer;
    box-shadow: 0 18px 42px rgba(7, 18, 38, 0.22);
    transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease;
}

.flowops-onboarding-simple-submit:hover,
.flowops-onboarding-simple-submit:focus-visible {
    transform: translateY(-1px);
    box-shadow: 0 22px 52px rgba(7, 18, 38, 0.26);
    filter: brightness(1.03);
}

@media (max-width: 720px) {
    .flowops-onboarding-simple-shell {
        min-height: calc(100vh - 86px);
        padding-bottom: 22px;
    }
    .flowops-onboarding-simple-card {
        border-radius: 26px;
        padding: 24px 18px;
    }
    .flowops-onboarding-simple h1 {
        font-size: 31px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .flowops-onboarding-simple-field input,
    .flowops-onboarding-simple-field select,
    .flowops-onboarding-simple-submit {
        transition: none !important;
    }
    .flowops-onboarding-simple-submit:hover,
    .flowops-onboarding-simple-submit:focus-visible {
        transform: none !important;
    }
}


/* FlowOps v25.4.27 — auth-style owner onboarding, no app chrome */
body.flowops-onboarding-lock-body {
    min-height: 100svh;
    overflow-x: hidden;
}

.flowops-onboarding-auth-shell {
    min-height: 100svh !important;
    padding: 40px 20px !important;
}

.flowops-onboarding-card {
    width: min(370px, 100%) !important;
}

.flowops-onboarding-card .flowops-message {
    margin: 0 0 12px !important;
    text-align: left;
}

body.flowops-auth-body .flowops-onboarding-card select.flowops-auth-input {
    -webkit-appearance: none !important;
    appearance: none !important;
    display: block !important;
    width: 100% !important;
    height: 46px !important;
    min-height: 46px !important;
    margin: 0 !important;
    padding: 0 42px 0 16px !important;
    border: 1px solid #e1e3e8 !important;
    border-radius: 999px !important;
    background-color: #ffffff !important;
    background-image: linear-gradient(45deg, transparent 50%, #7d838e 50%), linear-gradient(135deg, #7d838e 50%, transparent 50%) !important;
    background-position: calc(100% - 22px) 50%, calc(100% - 16px) 50% !important;
    background-size: 6px 6px, 6px 6px !important;
    background-repeat: no-repeat !important;
    color: #0d0d12 !important;
    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 520 !important;
    line-height: 46px !important;
    letter-spacing: -0.012em !important;
    text-align: left !important;
    outline: none !important;
    box-shadow: inset 0 1px 0 rgba(15, 23, 42, 0.015), 0 1px 1px rgba(15, 23, 42, 0.018) !important;
    transition: border-color .16s ease, box-shadow .16s ease, background .16s ease !important;
}

body.flowops-auth-body .flowops-onboarding-card select.flowops-auth-input:invalid {
    color: #9298a3 !important;
}

body.flowops-auth-body .flowops-onboarding-card select.flowops-auth-input:hover {
    border-color: var(--fo-auth-line-strong) !important;
}

body.flowops-auth-body .flowops-onboarding-card select.flowops-auth-input:focus {
    border-color: var(--fo-auth-blue) !important;
    box-shadow: 0 0 0 4px rgba(94, 106, 210, 0.115), inset 0 1px 0 rgba(15, 23, 42, 0.01) !important;
}

.flowops-page-onboarding .flowops-auth-topbar,
.flowops-page-onboarding .flowops-onboarding-lock__topbar {
    display: none !important;
}

@media (max-width: 560px) {
    .flowops-onboarding-auth-shell {
        padding: 24px 14px !important;
    }
}

/* FlowOps v25.4.28 — premium onboarding launch animation */
.flowops-onboarding-is-launching {
    overflow: hidden !important;
}

.flowops-onboarding-launch {
    position: fixed !important;
    inset: 0 !important;
    z-index: 999999 !important;
    display: grid !important;
    place-items: center !important;
    padding: 24px !important;
    background:
        radial-gradient(circle at 50% 42%, rgba(17, 184, 107, 0.14), transparent 34%),
        radial-gradient(circle at 50% 56%, rgba(94, 106, 210, 0.10), transparent 36%),
        rgba(247, 248, 250, 0.88) !important;
    backdrop-filter: blur(18px) saturate(1.12) !important;
    -webkit-backdrop-filter: blur(18px) saturate(1.12) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: scale(1.01) !important;
    transition: opacity .24s ease, visibility .24s ease, transform .24s ease !important;
}

.flowops-onboarding-launch.is-visible {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: scale(1) !important;
}

.flowops-onboarding-launch__card {
    width: min(356px, 100%) !important;
    padding: 30px 28px 26px !important;
    border: 1px solid rgba(255, 255, 255, 0.86) !important;
    border-radius: 34px !important;
    background: rgba(255, 255, 255, 0.94) !important;
    color: #08080b !important;
    box-shadow: 0 36px 90px rgba(15, 23, 42, 0.13), 0 10px 28px rgba(15, 23, 42, 0.07) !important;
    text-align: center !important;
    transform: translateY(12px) scale(0.985) !important;
    transition: transform .34s cubic-bezier(.2, .8, .2, 1), opacity .26s ease !important;
}

.flowops-onboarding-launch.is-visible .flowops-onboarding-launch__card {
    transform: translateY(0) scale(1) !important;
}

.flowops-onboarding-launch__orb {
    position: relative !important;
    display: grid !important;
    place-items: center !important;
    width: 112px !important;
    height: 112px !important;
    margin: 0 auto 18px !important;
}

.flowops-onboarding-launch__ring {
    position: absolute !important;
    inset: 0 !important;
    border-radius: 999px !important;
    border: 1px solid rgba(17, 184, 107, 0.24) !important;
    box-shadow: inset 0 0 22px rgba(17, 184, 107, 0.08), 0 0 38px rgba(17, 184, 107, 0.08) !important;
    animation: flowopsLaunchPulse 1.45s ease-in-out infinite !important;
}

.flowops-onboarding-launch__ring--two {
    inset: 13px !important;
    border-color: rgba(94, 106, 210, 0.20) !important;
    animation-delay: .28s !important;
}

.flowops-onboarding-launch__core {
    position: relative !important;
    display: grid !important;
    place-items: center !important;
    width: 64px !important;
    height: 64px !important;
    border-radius: 22px !important;
    background: #ffffff !important;
    box-shadow: 0 18px 42px rgba(15, 23, 42, 0.12), inset 0 0 0 1px rgba(15, 23, 42, 0.06) !important;
    animation: flowopsLaunchFloat 1.45s ease-in-out infinite !important;
}

.flowops-onboarding-launch__core img {
    width: 31px !important;
    height: 31px !important;
    display: block !important;
}

.flowops-onboarding-launch__eyebrow {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    margin: 0 0 9px !important;
    color: #087443 !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: .13em !important;
    text-transform: uppercase !important;
}

.flowops-onboarding-launch__eyebrow::before {
    content: '' !important;
    width: 7px !important;
    height: 7px !important;
    border-radius: 999px !important;
    background: #11b86b !important;
    box-shadow: 0 0 0 6px rgba(17, 184, 107, 0.12) !important;
}

.flowops-onboarding-launch__card strong {
    display: block !important;
    margin: 0 !important;
    color: #08080b !important;
    font-size: 24px !important;
    line-height: 1.08 !important;
    font-weight: 760 !important;
    letter-spacing: -0.035em !important;
}

.flowops-onboarding-launch__card p {
    max-width: 248px !important;
    margin: 9px auto 20px !important;
    color: #696e78 !important;
    font-size: 13.5px !important;
    line-height: 1.55 !important;
}

.flowops-onboarding-launch__bar {
    position: relative !important;
    overflow: hidden !important;
    width: 100% !important;
    height: 8px !important;
    border-radius: 999px !important;
    background: #edf0f4 !important;
}

.flowops-onboarding-launch__bar span {
    position: absolute !important;
    inset: 0 auto 0 0 !important;
    width: 44% !important;
    border-radius: inherit !important;
    background: linear-gradient(90deg, #11b86b, #5e6ad2) !important;
    box-shadow: 0 0 20px rgba(17, 184, 107, 0.22) !important;
    animation: flowopsLaunchBar 1.25s cubic-bezier(.2, .75, .25, 1) infinite !important;
}

.flowops-onboarding-form.is-launching {
    pointer-events: none !important;
}

@keyframes flowopsLaunchPulse {
    0% { transform: scale(.86); opacity: .38; }
    48% { opacity: 1; }
    100% { transform: scale(1.08); opacity: .2; }
}

@keyframes flowopsLaunchFloat {
    0%, 100% { transform: translateY(0) scale(1); }
    50% { transform: translateY(-4px) scale(1.025); }
}

@keyframes flowopsLaunchBar {
    0% { transform: translateX(-110%); }
    100% { transform: translateX(250%); }
}

@media (prefers-reduced-motion: reduce) {
    .flowops-onboarding-launch,
    .flowops-onboarding-launch__card,
    .flowops-onboarding-launch__ring,
    .flowops-onboarding-launch__core,
    .flowops-onboarding-launch__bar span {
        animation: none !important;
        transition: none !important;
    }

    .flowops-onboarding-launch__bar span {
        width: 100% !important;
        transform: none !important;
    }
}

/* FlowOps v25.4.32 — single FlowOps One Plus trial and restricted activation gate */
.flowops-one-plus-card {
    position: relative !important;
    overflow: hidden !important;
}

.flowops-one-plus-card::before {
    content: '' !important;
    position: absolute !important;
    inset: -140px -80px auto auto !important;
    width: 280px !important;
    height: 280px !important;
    border-radius: 999px !important;
    background: radial-gradient(circle, rgba(17, 184, 107, .16), transparent 65%) !important;
    pointer-events: none !important;
}

.flowops-trial-countdown {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px !important;
    margin: 22px 0 !important;
    padding: 22px !important;
    border: 1px solid rgba(17, 184, 107, .18) !important;
    border-radius: 28px !important;
    background: linear-gradient(135deg, rgba(17, 184, 107, .105), rgba(94, 106, 210, .07)), #fff !important;
    box-shadow: 0 18px 42px rgba(15, 23, 42, .07) !important;
}

.flowops-trial-countdown__main {
    display: flex !important;
    align-items: baseline !important;
    gap: 10px !important;
}

.flowops-trial-countdown__main strong {
    color: #071226 !important;
    font-size: clamp(46px, 7vw, 74px) !important;
    line-height: .85 !important;
    letter-spacing: -.07em !important;
    font-weight: 820 !important;
}

.flowops-trial-countdown__main span {
    color: #4f5663 !important;
    font-size: 15px !important;
    font-weight: 720 !important;
}

.flowops-trial-countdown__parts {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    padding: 10px 13px !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.78) !important;
    box-shadow: inset 0 0 0 1px rgba(15, 23, 42, .06) !important;
    color: #071226 !important;
    font-size: 13px !important;
    font-weight: 760 !important;
}

.flowops-trial-countdown__parts em {
    color: #7a8190 !important;
    font-style: normal !important;
    font-weight: 650 !important;
}

.flowops-trial-countdown.is-expired {
    border-color: rgba(220, 38, 38, .24) !important;
    background: linear-gradient(135deg, rgba(220, 38, 38, .08), rgba(15, 23, 42, .03)), #fff !important;
}

.flowops-one-plus-active {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    margin: 22px 0 !important;
    padding: 18px !important;
    border: 1px solid rgba(17, 184, 107, .18) !important;
    border-radius: 24px !important;
    background: rgba(17, 184, 107, .075) !important;
}

.flowops-one-plus-active span {
    display: grid !important;
    place-items: center !important;
    width: 42px !important;
    height: 42px !important;
    border-radius: 16px !important;
    background: #11b86b !important;
    color: #fff !important;
    font-weight: 900 !important;
}

.flowops-one-plus-active strong,
.flowops-one-plus-active p {
    display: block !important;
    margin: 0 !important;
}

.flowops-one-plus-active p {
    color: #647081 !important;
    font-size: 13px !important;
    margin-top: 3px !important;
}

.flowops-one-plus-feature-grid {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin-top: 16px !important;
}

.flowops-one-plus-feature-grid span {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 34px !important;
    padding: 8px 12px !important;
    border-radius: 999px !important;
    background: #f5f7fa !important;
    color: #293241 !important;
    font-size: 12.5px !important;
    font-weight: 720 !important;
}

.flowops-restricted-card {
    width: min(390px, 100%) !important;
    text-align: center !important;
}

.flowops-restricted-eyebrow {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    margin: 4px 0 10px !important;
    padding: 7px 12px !important;
    border-radius: 999px !important;
    background: rgba(17, 184, 107, .10) !important;
    color: #087443 !important;
    font-size: 11px !important;
    font-weight: 850 !important;
    letter-spacing: .10em !important;
    text-transform: uppercase !important;
}

.flowops-restricted-summary {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
    margin: 18px 0 !important;
}

.flowops-restricted-summary div {
    padding: 13px !important;
    border: 1px solid #eef0f3 !important;
    border-radius: 18px !important;
    background: #fafbfc !important;
    text-align: left !important;
}

.flowops-restricted-summary span {
    display: block !important;
    margin-bottom: 4px !important;
    color: #7a8190 !important;
    font-size: 11px !important;
    font-weight: 720 !important;
    text-transform: uppercase !important;
    letter-spacing: .07em !important;
}

.flowops-restricted-summary strong {
    color: #071226 !important;
    font-size: 13px !important;
    font-weight: 780 !important;
}

.flowops-restricted-activate {
    margin-top: 4px !important;
}

.flowops-restricted-note {
    margin: 12px 0 0 !important;
    color: #7a8190 !important;
    font-size: 12.5px !important;
    line-height: 1.5 !important;
}

.flowops-page-restricted .flowops-auth-topbar,
.flowops-page-restricted .flowops-onboarding-lock__topbar {
    display: none !important;
}

@media (max-width: 720px) {
    .flowops-trial-countdown {
        align-items: flex-start !important;
        flex-direction: column !important;
    }

    .flowops-restricted-summary {
        grid-template-columns: 1fr !important;
    }
}

/* FlowOps v25.4.32: One Plus trial, countdown and activation gate */
.flowops-trial-terms {
    align-items: flex-start;
    gap: 10px;
    margin: 2px 0 4px;
    font-size: 13px;
    line-height: 1.45;
}
.flowops-trial-terms a {
    font-weight: 800;
    text-decoration: none;
}
.flowops-one-plus-card .flowops-section-head {
    align-items: flex-start;
}
.flowops-one-plus-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 18px;
    align-items: center;
    margin: 18px 0;
    padding: 20px;
    border: 1px solid rgba(17, 184, 107, .18);
    border-radius: 24px;
    background: linear-gradient(135deg, rgba(17, 184, 107, .12), rgba(7, 18, 38, .04));
}
.flowops-one-plus-hero span,
.flowops-restricted-summary span {
    display: block;
    color: var(--flowops-muted, #64748b);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.flowops-one-plus-hero strong {
    display: block;
    margin-top: 4px;
    color: var(--flowops-ink, #071226);
    font-size: clamp(24px, 4vw, 40px);
    line-height: 1;
}
.flowops-one-plus-hero p {
    margin: 10px 0 0;
    color: var(--flowops-muted, #64748b);
}
.flowops-one-plus-price {
    min-width: 140px;
    padding: 16px;
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 18px 45px rgba(7, 18, 38, .09);
    text-align: center;
}
.flowops-one-plus-price strong {
    font-size: 24px;
}
.flowops-one-plus-features,
.flowops-restricted-list {
    display: grid;
    gap: 10px;
    margin: 18px 0;
    padding: 0;
    list-style: none;
}
.flowops-one-plus-features li,
.flowops-restricted-list li {
    position: relative;
    padding-left: 24px;
    color: var(--flowops-ink, #071226);
    font-weight: 700;
}
.flowops-one-plus-features li::before,
.flowops-restricted-list li::before {
    content: '✓';
    position: absolute;
    left: 0;
    top: 0;
    color: #11b86b;
    font-weight: 900;
}
.flowops-restricted-card {
    position: relative;
    overflow: hidden;
}
.flowops-restricted-card::before {
    content: '';
    position: absolute;
    inset: -40% -30% auto auto;
    width: 220px;
    height: 220px;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(17, 184, 107, .22), transparent 68%);
    pointer-events: none;
}
.flowops-restricted-eyebrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    margin: 0 auto 12px;
    padding: 7px 11px;
    border-radius: 999px;
    background: rgba(245, 158, 11, .12);
    color: #9a5b00;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.flowops-restricted-summary {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin: 18px 0;
}
.flowops-restricted-summary div {
    padding: 14px;
    border: 1px solid rgba(7, 18, 38, .08);
    border-radius: 18px;
    background: rgba(255, 255, 255, .76);
}
.flowops-restricted-summary strong {
    display: block;
    margin-top: 5px;
    color: var(--flowops-ink, #071226);
    font-size: 15px;
}
.flowops-auth-footnote {
    margin: 12px 0 0;
    color: var(--flowops-muted, #64748b);
    font-size: 13px;
    text-align: center;
}
@media (max-width: 720px) {
    .flowops-one-plus-hero,
    .flowops-restricted-summary {
        grid-template-columns: 1fr;
    }
    .flowops-one-plus-price {
        width: 100%;
    }
}

/* FlowOps v25.4.33 — premium 14-day trial acceptance onboarding */
.flowops-onboarding-card {
    width: min(430px, 100%) !important;
    padding: 30px 28px 28px !important;
    border: 1px solid rgba(226, 232, 240, 0.92) !important;
    background:
        radial-gradient(circle at 18% 0%, rgba(17, 184, 107, 0.08), transparent 32%),
        radial-gradient(circle at 88% 12%, rgba(94, 106, 210, 0.08), transparent 28%),
        rgba(255, 255, 255, 0.96) !important;
    box-shadow: 0 36px 100px rgba(15, 23, 42, 0.12), 0 12px 30px rgba(15, 23, 42, 0.06) !important;
}

.flowops-onboarding-card .flowops-auth-card-logo {
    margin-bottom: 18px !important;
    box-shadow: 0 16px 34px rgba(17, 184, 107, 0.13), inset 0 0 0 1px rgba(15, 23, 42, 0.05) !important;
}

.flowops-onboarding-card .flowops-auth-intro {
    max-width: 315px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.flowops-onboarding-trial-badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    margin: 0 auto 11px !important;
    padding: 7px 11px !important;
    border: 1px solid rgba(17, 184, 107, 0.22) !important;
    border-radius: 999px !important;
    background: rgba(236, 253, 245, 0.86) !important;
    color: #067a46 !important;
    font-size: 11px !important;
    font-weight: 850 !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
}

.flowops-onboarding-trial-badge span {
    display: inline-grid !important;
    place-items: center !important;
    width: 17px !important;
    height: 17px !important;
    border-radius: 999px !important;
    background: #11b86b !important;
    color: #ffffff !important;
    font-size: 11px !important;
    line-height: 1 !important;
    box-shadow: 0 0 0 5px rgba(17, 184, 107, 0.10) !important;
}

.flowops-onboarding-trial-panel {
    display: grid !important;
    gap: 8px !important;
    margin: 3px 0 2px !important;
    padding: 12px !important;
    border: 1px solid rgba(17, 184, 107, 0.16) !important;
    border-radius: 22px !important;
    background:
        linear-gradient(135deg, rgba(236, 253, 245, 0.88), rgba(255, 255, 255, 0.98)) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.88), 0 12px 28px rgba(15, 23, 42, 0.045) !important;
    text-align: left !important;
}

.flowops-onboarding-trial-panel__item {
    display: grid !important;
    grid-template-columns: 24px 1fr !important;
    column-gap: 9px !important;
    row-gap: 1px !important;
    align-items: center !important;
    min-height: 36px !important;
}

.flowops-onboarding-trial-panel__item > span {
    grid-row: 1 / span 2 !important;
    display: inline-grid !important;
    place-items: center !important;
    width: 22px !important;
    height: 22px !important;
    border-radius: 999px !important;
    background: rgba(17, 184, 107, 0.12) !important;
    color: #0a8f55 !important;
    font-size: 13px !important;
    font-weight: 900 !important;
}

.flowops-onboarding-trial-panel__item strong {
    color: #0b1020 !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    letter-spacing: -0.018em !important;
    line-height: 1.15 !important;
}

.flowops-onboarding-trial-panel__item em {
    color: #667085 !important;
    font-size: 12px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
}

.flowops-onboarding-terms {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 24px 1fr !important;
    gap: 10px !important;
    align-items: start !important;
    margin: 3px 0 1px !important;
    padding: 12px 13px !important;
    border: 1px solid rgba(226, 232, 240, 0.96) !important;
    border-radius: 20px !important;
    background: rgba(255, 255, 255, 0.82) !important;
    color: #475467 !important;
    text-align: left !important;
    cursor: pointer !important;
    transition: border-color .18s ease, box-shadow .18s ease, background .18s ease, transform .18s ease !important;
}

.flowops-onboarding-terms:hover,
.flowops-onboarding-terms:focus-within {
    border-color: rgba(17, 184, 107, 0.34) !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 4px rgba(17, 184, 107, 0.08) !important;
}

.flowops-onboarding-terms input {
    position: absolute !important;
    width: 24px !important;
    height: 24px !important;
    margin: 0 !important;
    opacity: 0.01 !important;
    cursor: pointer !important;
}

.flowops-onboarding-terms__box {
    display: inline-grid !important;
    place-items: center !important;
    width: 24px !important;
    height: 24px !important;
    border: 1.5px solid #d0d5dd !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
    transition: background .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease !important;
}

.flowops-onboarding-terms__box::after {
    content: '✓' !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    opacity: 0 !important;
    transform: scale(0.7) !important;
    transition: opacity .16s ease, transform .16s ease !important;
}

.flowops-onboarding-terms input:checked + .flowops-onboarding-terms__box {
    border-color: #11b86b !important;
    background: #11b86b !important;
    box-shadow: 0 0 0 5px rgba(17, 184, 107, 0.12) !important;
}

.flowops-onboarding-terms input:checked + .flowops-onboarding-terms__box::after {
    opacity: 1 !important;
    transform: scale(1) !important;
}

.flowops-onboarding-terms__copy {
    color: #667085 !important;
    font-size: 12.5px !important;
    line-height: 1.45 !important;
    font-weight: 650 !important;
    letter-spacing: -0.01em !important;
}

.flowops-onboarding-terms__copy a {
    color: #0a8f55 !important;
    font-weight: 850 !important;
    text-decoration: none !important;
    border-bottom: 1px solid rgba(10, 143, 85, 0.28) !important;
}

.flowops-onboarding-terms__copy a:hover,
.flowops-onboarding-terms__copy a:focus-visible {
    color: #067a46 !important;
    border-bottom-color: currentColor !important;
}

.flowops-onboarding-submit {
    margin-top: 3px !important;
    min-height: 48px !important;
    box-shadow: 0 16px 34px rgba(17, 184, 107, 0.22) !important;
}

.flowops-onboarding-launch__card {
    width: min(392px, 100%) !important;
}

.flowops-onboarding-launch__bar span {
    animation-duration: 1.05s !important;
}

@media (max-width: 560px) {
    .flowops-onboarding-card {
        padding: 24px 18px 20px !important;
        border-radius: 28px !important;
    }

    .flowops-onboarding-trial-panel {
        padding: 11px !important;
        border-radius: 20px !important;
    }

    .flowops-onboarding-terms {
        padding: 11px !important;
        border-radius: 18px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .flowops-onboarding-terms,
    .flowops-onboarding-terms__box,
    .flowops-onboarding-terms__box::after {
        transition: none !important;
    }
}