/* v204 — app-like CRM dashboard and agent onboarding experience. */
:root {
  --crm-navy: #071a35;
  --crm-blue: #1768f2;
  --crm-violet: #6941f5;
  --crm-cyan: #06a8c7;
  --crm-emerald: #04a878;
  --crm-amber: #f59e0b;
  --crm-surface: #ffffff;
  --crm-line: #dce7f5;
  --crm-copy: #536a86;
  --crm-shadow: 0 18px 50px rgba(22, 51, 91, .11);
}

.crm-pro-dashboard,
.agent-command-dashboard,
.agent-trial-dashboard { display:grid;gap:18px;min-width:0; }

.crm-pro-dashboard .app-dashboard-heading {
  position:relative;isolation:isolate;overflow:hidden;margin:0;padding:28px 30px;border:0;border-radius:25px;
  color:#fff;background:
    radial-gradient(circle at 82% -10%,rgba(34,211,238,.35),transparent 34%),
    radial-gradient(circle at 58% 140%,rgba(124,58,237,.54),transparent 42%),
    linear-gradient(125deg,#071a35 0%,#0d3270 55%,#1558c8 100%);
  box-shadow:0 24px 55px rgba(12,48,107,.2);
}
.crm-pro-dashboard .app-dashboard-heading:after { content:"";position:absolute;right:5%;top:24%;width:180px;height:180px;border:1px solid rgba(255,255,255,.14);border-radius:42px;transform:rotate(24deg);z-index:-1; }
.crm-pro-dashboard .app-dashboard-heading h1 { margin:7px 0 6px;color:#fff;font-size:clamp(26px,3.1vw,42px);letter-spacing:-.04em; }
.crm-pro-dashboard .app-dashboard-heading p { color:rgba(236,246,255,.78); }
.crm-pro-dashboard .app-dashboard-heading .eyebrow { color:#91e8ff; }
.heading-orb { display:inline-grid;width:27px;height:27px;margin-right:8px;place-items:center;border-radius:9px;background:rgba(255,255,255,.14); }
.app-heading-actions { display:flex;flex-wrap:wrap;gap:9px; }
.app-header-button { display:inline-flex;align-items:center;gap:8px;padding:11px 14px;border:1px solid rgba(255,255,255,.18);border-radius:12px;color:#fff;background:rgba(255,255,255,.09);font-size:12px;font-weight:850;text-decoration:none;backdrop-filter:blur(10px); }
.app-header-button:hover { background:rgba(255,255,255,.16);transform:translateY(-1px); }
.app-header-button.primary { color:#0a2a55;background:#fff; }
.app-header-button b { display:grid;min-width:20px;height:20px;padding:0 5px;place-items:center;border-radius:999px;background:#ef4444;color:#fff;font-size:10px; }

.dashboard-feature-tabs,.agent-primary-workflow,.trial-workspace-tabs {
  display:flex;gap:7px;overflow-x:auto;padding:7px;border:1px solid var(--crm-line);border-radius:16px;background:rgba(255,255,255,.94);box-shadow:0 9px 28px rgba(20,54,97,.07);scrollbar-width:thin;
}
.dashboard-feature-tabs { position:sticky;top:72px;z-index:7; }
.dashboard-feature-tabs a,.trial-workspace-tabs a { display:inline-flex;flex:0 0 auto;align-items:center;gap:7px;padding:10px 13px;border-radius:11px;color:#53677f;font-size:12px;font-weight:850;text-decoration:none; }
.dashboard-feature-tabs a:hover,.dashboard-feature-tabs a.active,.trial-workspace-tabs a:hover,.trial-workspace-tabs a.active { color:#fff;background:linear-gradient(135deg,var(--crm-blue),var(--crm-violet));box-shadow:0 8px 18px rgba(69,73,230,.22); }
.workspace-live-strip { display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 16px;border:1px solid #d6ebea;border-radius:15px;background:linear-gradient(90deg,#f1fffb,#f5f8ff); }
.workspace-live-copy,.workspace-context-chips { display:flex;align-items:center;flex-wrap:wrap;gap:8px; }
.workspace-live-copy small { color:#6a7f96; }
.workspace-live-dot { width:9px;height:9px;border-radius:50%;background:#08b981;box-shadow:0 0 0 6px rgba(8,185,129,.13); }
.workspace-context-chips span,.workspace-context-chips a { display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid #dce6f2;border-radius:10px;background:#fff;color:#35506f;font-size:11px;font-weight:750;text-decoration:none; }
.workspace-context-chips span b { display:grid;width:20px;height:20px;place-items:center;border-radius:7px;background:#e7ecff;color:#4f46e5; }
.admin-b2b-pulse{display:grid;gap:15px;padding:20px;border:1px solid #dce7f5;border-radius:21px;background:linear-gradient(135deg,#fff,#f3f7ff);box-shadow:0 14px 34px rgba(20,54,97,.08)}.admin-b2b-pulse>header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.admin-b2b-pulse h2{margin:3px 0;color:#0b203b;font-size:21px}.admin-b2b-pulse header p{margin-bottom:0;color:#62758c}.admin-b2b-pulse header>a{flex:0 0 auto;color:#245edb;font-size:12px;font-weight:850;text-decoration:none}.admin-b2b-pulse>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.admin-b2b-pulse article{position:relative;overflow:hidden;min-height:92px;padding:15px;border:1px solid #e0e8f3;border-radius:16px;background:#fff}.admin-b2b-pulse article::after{content:"";position:absolute;right:-18px;bottom:-24px;width:72px;height:72px;border-radius:50%;background:var(--b2b-glow,#e9efff)}.admin-b2b-pulse article.violet{--b2b-glow:#eee7ff}.admin-b2b-pulse article.green{--b2b-glow:#dff9ef}.admin-b2b-pulse article.blue{--b2b-glow:#e2efff}.admin-b2b-pulse article.orange{--b2b-glow:#fff0dc}.admin-b2b-pulse article small,.admin-b2b-pulse article strong,.admin-b2b-pulse article span{position:relative;z-index:1;display:block}.admin-b2b-pulse article small{color:#667b94;font-size:8px;font-weight:900;letter-spacing:.1em}.admin-b2b-pulse article strong{margin:4px 0;color:#102944;font-size:27px}.admin-b2b-pulse article span{color:#72849a;font-size:9px}

.crm-pro-dashboard .workspace-metrics,.crm-pro-dashboard .dashboard-kpi-grid { gap:13px; }
.crm-pro-dashboard .metric-card,.crm-pro-dashboard .app-kpi-card { position:relative;overflow:hidden;border:1px solid rgba(199,215,235,.8);border-radius:18px;background:linear-gradient(145deg,#fff,#f7faff);box-shadow:0 12px 30px rgba(26,55,94,.07);transition:transform .2s ease,box-shadow .2s ease; }
.crm-pro-dashboard .metric-card:hover,.crm-pro-dashboard .app-kpi-card:hover { transform:translateY(-3px);box-shadow:0 18px 38px rgba(26,55,94,.12); }
.crm-pro-dashboard .metric-card:after,.crm-pro-dashboard .app-kpi-card:after { content:"";position:absolute;right:-25px;bottom:-40px;width:110px;height:110px;border-radius:50%;background:var(--kpi-glow,rgba(65,105,225,.09)); }

.crm-insight-deck { display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.75fr);gap:16px; }
.crm-chart-card,.crm-command-card,.agent-sales-workspace,.trial-panel,.trial-tools { position:relative;overflow:hidden;border:1px solid var(--crm-line);border-radius:21px;background:var(--crm-surface);box-shadow:var(--crm-shadow); }
.crm-chart-card,.agent-sales-workspace,.trial-panel,.trial-tools { padding:22px; }
.crm-chart-heading { display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:18px; }
.crm-chart-heading h2,.crm-command-card h2,.trial-panel h2,.trial-tools h2 { margin:3px 0 4px;color:#0b203b;font-size:21px;letter-spacing:-.025em; }
.crm-chart-heading p,.crm-command-card>p,.trial-tools .panel-heading p { margin:0;color:var(--crm-copy);font-size:13px; }
.crm-chart-heading>a { flex:0 0 auto;color:#2259da;font-size:12px;font-weight:850;text-decoration:none; }
.crm-pipeline-chart,.agent-pipeline-bars { display:grid;gap:12px; }
.crm-pipeline-row,.agent-pipeline-bars>a { display:grid;grid-template-columns:minmax(120px,170px) minmax(130px,1fr) 48px;align-items:center;gap:14px;color:#1c3857;text-decoration:none; }
.crm-pipeline-row span,.agent-pipeline-bars>a span { display:grid;gap:2px; }
.crm-pipeline-row small,.agent-pipeline-bars small { color:#8394a8;font-size:10px; }
.crm-pipeline-row>i,.agent-pipeline-bars>a>i,.trial-pipeline-preview i { overflow:hidden;height:9px;border-radius:999px;background:#edf2fa; }
.crm-pipeline-row>i>em,.agent-pipeline-bars>a>i>em { display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1f72f2,#7250f4,#08afc4);transition:width .75s cubic-bezier(.2,.8,.2,1); }
.is-visible .crm-pipeline-row>i>em,.is-visible.agent-pipeline-bars>a>i>em,.agent-pipeline-bars.is-visible>a>i>em { width:var(--crm-bar); }
.crm-pipeline-row strong,.agent-pipeline-bars>a>strong { text-align:right;font-size:17px; }
.agent-candle-pipeline{display:grid;grid-template-columns:repeat(auto-fit,minmax(86px,1fr));gap:14px;align-items:end;min-height:285px;padding:20px 18px 12px;border:1px solid #dfe7f2;border-radius:22px;background:linear-gradient(180deg,#f8fbff,#eef4fb)}
.agent-candle-pipeline>a{min-width:0;display:flex;align-items:center;flex-direction:column;justify-content:flex-end;color:#183b5c;text-align:center;text-decoration:none}
.agent-candle-value{display:flex;align-items:baseline;gap:5px;margin-bottom:7px}.agent-candle-value b{font-size:18px}.agent-candle-value small{color:#6d7f95;font-size:9px}
.agent-candle-pipeline>a>i{position:relative;width:30px;height:178px;display:flex;align-items:flex-end;justify-content:center;margin-bottom:10px}
.agent-candle-pipeline>a>i::before{content:"";position:absolute;left:50%;top:3px;bottom:3px;width:2px;transform:translateX(-50%);border-radius:99px;background:#8ba5c3}
.agent-candle-pipeline>a>i>em{position:relative;z-index:1;width:30px;height:max(16px,var(--agent-candle));max-height:100%;border:1px solid rgba(28,74,136,.12);border-radius:8px;background:linear-gradient(180deg,#14b8a6,#1769eb 60%,#6d45ef);box-shadow:0 8px 20px rgba(38,92,177,.2);transition:height .7s cubic-bezier(.2,.8,.2,1)}
.agent-candle-pipeline>a:nth-child(even)>i>em{background:linear-gradient(180deg,#f59e0b,#ec4899 65%,#7548ed)}
.agent-candle-pipeline>a>strong{max-width:100%;font-size:11px;line-height:1.25}.agent-candle-pipeline>a>small{margin-top:3px;color:#7a8ca0;font-size:8px}
.agent-candle-pipeline>a:hover>i>em{filter:saturate(1.15);box-shadow:0 12px 28px rgba(38,92,177,.28)}

.crm-command-card { padding:23px;color:#fff;background:linear-gradient(150deg,#111d3b,#203d86 58%,#4d43d9); }
.crm-command-card h2,.crm-command-card .section-kicker { color:#fff; }
.crm-command-card>p { color:rgba(235,242,255,.75); }
.crm-command-glow { position:absolute;right:-45px;top:-60px;width:170px;height:170px;border-radius:50%;background:rgba(17,209,230,.2);filter:blur(5px); }
.crm-command-list { position:relative;display:grid;gap:8px;margin-top:18px; }
.crm-command-list a { display:grid;grid-template-columns:35px 1fr auto;align-items:center;gap:10px;padding:9px 10px;border:1px solid rgba(255,255,255,.12);border-radius:12px;color:#fff;background:rgba(255,255,255,.08);text-decoration:none; }
.crm-command-list a:hover { background:rgba(255,255,255,.16);transform:translateX(2px); }
.crm-command-list a span { display:grid;width:34px;height:34px;place-items:center;border-radius:10px;background:rgba(255,255,255,.12);font-size:10px; }
.crm-command-list a b { font-size:12px; }

.crm-reveal-card { opacity:.001;transform:translateY(10px);transition:opacity .35s ease,transform .35s ease; }
.crm-reveal-card.is-visible { opacity:1;transform:none; }

/* Approved agent workspace */
.agent-command-head { position:relative;overflow:hidden;display:flex;align-items:flex-end;justify-content:space-between;gap:22px;padding:27px;border-radius:24px;color:#fff;background:radial-gradient(circle at 85% 10%,rgba(58,219,226,.35),transparent 29%),linear-gradient(125deg,#072548,#075b79 56%,#1367dd);box-shadow:0 22px 50px rgba(4,58,102,.18); }
.agent-command-head h1 { margin:6px 0;color:#fff;font-size:clamp(28px,3vw,40px); }
.agent-command-head p { max-width:760px;margin:0;color:rgba(238,249,255,.8); }
.agent-command-head .eyebrow { color:#99f6e4; }
.agent-command-actions { display:flex;flex-wrap:wrap;gap:9px; }
.agent-command-head .button:not(.primary) { color:#fff;border-color:rgba(255,255,255,.25);background:rgba(255,255,255,.1); }
.agent-primary-workflow { display:grid;grid-template-columns:repeat(5,minmax(0,1fr)); }
.agent-primary-workflow a { display:flex;align-items:center;gap:9px;padding:11px;border-radius:12px;color:#334f70;text-decoration:none;font-size:11px; }
.agent-primary-workflow a:hover { color:#fff;background:linear-gradient(135deg,#1768f2,#06a8c7); }
.agent-primary-workflow span { display:grid;width:31px;height:31px;flex:0 0 31px;place-items:center;border-radius:10px;background:#eaf2ff;color:#165fd5;font-size:15px; }
.agent-primary-workflow a:hover span { color:#fff;background:rgba(255,255,255,.18); }
.agent-dashboard-kpis,.trial-stat-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px; }
.agent-kpi,.trial-stat-card { position:relative;overflow:hidden;min-height:120px;padding:18px;border-radius:19px;color:#fff;text-decoration:none;box-shadow:0 16px 30px rgba(28,69,112,.13); }
.agent-kpi { display:grid;align-content:space-between;gap:6px; }
.agent-kpi:after,.trial-stat-card:after { content:"";position:absolute;right:-25px;bottom:-35px;width:115px;height:115px;border:18px solid rgba(255,255,255,.1);border-radius:50%; }
.agent-kpi.teal,.trial-stat-card.emerald { background:linear-gradient(135deg,#039b89,#03bdac); }
.agent-kpi.blue,.trial-stat-card.cyan { background:linear-gradient(135deg,#1475e8,#20b8df); }
.agent-kpi.cyan { background:linear-gradient(135deg,#03a8b9,#10c7cb); }
.agent-kpi.indigo,.trial-stat-card.violet { background:linear-gradient(135deg,#514bdc,#7c3aed); }
.trial-stat-card.amber { background:linear-gradient(135deg,#ef870d,#f6b21e); }
.agent-kpi small,.trial-stat-card small { color:rgba(255,255,255,.8);font-weight:850;letter-spacing:.08em; }
.agent-kpi strong,.trial-stat-card strong { position:relative;z-index:1;font-size:25px; }
.agent-kpi span { position:relative;z-index:1;color:rgba(255,255,255,.82);font-size:11px; }
.agent-sales-workspace { padding:22px; }
.agent-attention-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px; }
.agent-attention-grid a { display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;padding:14px;border:1px solid #e2eaf4;border-radius:14px;color:#263e5a;background:#fbfdff;text-decoration:none; }
.agent-attention-grid a:hover { border-color:#b6ccf5;box-shadow:0 9px 18px rgba(24,67,116,.08);transform:translateY(-1px); }
.agent-attention-grid a span { display:grid;width:36px;height:36px;place-items:center;border-radius:12px;color:#2563eb;background:#e9f1ff; }
.agent-trip-list { display:grid;gap:8px; }
.agent-trip-list article { display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:12px 14px;border:1px solid #e5edf7;border-radius:13px; }
.agent-trip-list article div { display:grid;gap:2px; }.agent-trip-list article small { color:#778ba3; }

/* Trial / profile dashboard */
.trial-command-hero { position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 180px;align-items:center;gap:30px;padding:32px;border-radius:26px;color:#fff;background:radial-gradient(circle at 78% 16%,rgba(15,207,207,.32),transparent 27%),linear-gradient(120deg,#081c3d,#14398a 62%,#5b32c9);box-shadow:0 24px 55px rgba(18,48,113,.22); }
.trial-command-copy h1 { margin:11px 0 8px;color:#fff;font-size:clamp(28px,4vw,44px);letter-spacing:-.04em; }
.trial-command-copy>p { max-width:790px;color:rgba(236,244,255,.8); }
.trial-live-pill { display:inline-flex;align-items:center;gap:8px;color:#9bf5dc;font-size:10px;font-weight:900;letter-spacing:.16em; }
.trial-live-pill i { width:8px;height:8px;border-radius:50%;background:#24e4aa;box-shadow:0 0 0 6px rgba(36,228,170,.15); }
.trial-command-actions { display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:18px; }
.trial-review-state { padding:8px 11px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.09);font-size:11px;font-weight:800; }
.trial-countdown { display:grid;place-items:center;min-height:150px;border:1px solid rgba(255,255,255,.17);border-radius:26px;background:rgba(255,255,255,.1);backdrop-filter:blur(12px); }
.trial-countdown strong { font-size:58px;line-height:.9; }.trial-countdown span { margin-top:4px;font-weight:850; }.trial-countdown small { color:rgba(255,255,255,.67); }
.trial-stat-card { display:flex;align-items:center;gap:14px;min-height:112px; }
.trial-stat-card>span { display:grid;width:43px;height:43px;flex:0 0 43px;place-items:center;border-radius:14px;background:rgba(255,255,255,.15);font-size:20px; }
.trial-stat-card div { position:relative;z-index:1;display:grid;gap:3px; }.trial-stat-card p { margin:0;color:rgba(255,255,255,.8);font-size:10px; }
.trial-workspace-grid { display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr);gap:16px; }
.trial-pipeline-preview { display:grid;gap:13px; }
.trial-pipeline-preview>div { display:grid;grid-template-columns:95px 1fr 28px;align-items:center;gap:12px;color:#2b435f;font-size:12px;font-weight:800; }
.trial-pipeline-preview i em { display:block;width:var(--preview-bar);height:100%;border-radius:inherit;background:linear-gradient(90deg,#69a7ff,#7868ee);opacity:.58; }
.trial-profile-panel { display:flex;flex-direction:column;align-items:flex-start; }
.trial-profile-panel .button { margin-top:auto; }
.pending-missing-summary { width:100%;margin:10px 0 17px;padding:12px;border:1px solid #f4d99a;border-radius:13px;background:#fffaf0;color:#78531a; }
.pending-missing-summary summary { display:flex;justify-content:space-between;gap:10px;cursor:pointer; }.pending-missing-summary p { font-size:11px;line-height:1.6; }
.pending-ready { width:100%;margin:10px 0 17px;padding:13px;border-radius:13px;color:#087354;background:#eafbf5;font-size:12px; }
.trial-tool-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px; }
.trial-tool-grid article { position:relative;display:grid;grid-template-columns:35px 1fr;gap:10px;padding:15px;border:1px solid #e1eaf5;border-radius:15px;background:#f9fbff; }
.trial-tool-grid article>span { display:grid;width:35px;height:35px;place-items:center;border-radius:11px;color:#4f46e5;background:#e9eaff;font-size:10px;font-weight:900; }
.trial-tool-grid h3 { margin:2px 0 5px;color:#152b45;font-size:14px; }.trial-tool-grid p { margin:0;color:#6c8098;font-size:11px;line-height:1.55; }.trial-tool-grid article>b { position:absolute;right:10px;top:10px;padding:4px 7px;border-radius:999px;color:#5b49c9;background:#ece9ff;font-size:8px;text-transform:uppercase; }

/* Public signup */
.agent-registration-v204 { max-width:1260px;margin:0 auto;border-radius:28px;box-shadow:0 25px 70px rgba(9,45,83,.17); }
.agent-registration-v204 .agent-registration-intro { position:relative;overflow:hidden;padding:clamp(30px,5vw,70px);color:#fff;background:radial-gradient(circle at 15% 85%,rgba(12,205,201,.32),transparent 31%),linear-gradient(145deg,#062642,#075667 62%,#063e66); }
.agent-registration-v204 .agent-registration-intro:after { content:"";position:absolute;right:-110px;top:-85px;width:300px;height:300px;border:50px solid rgba(255,255,255,.045);border-radius:50%; }
.agent-registration-v204 .agent-registration-intro h1 { max-width:560px;margin:19px 0;color:#fff;font-size:clamp(36px,5.2vw,68px);line-height:1.04;letter-spacing:-.055em; }
.agent-registration-v204 .agent-registration-intro>p { max-width:540px;color:rgba(238,252,255,.82);font-size:16px;line-height:1.7; }
.friendly-pill { display:inline-flex;padding:8px 11px;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:rgba(255,255,255,.08);font-size:10px;font-weight:900;letter-spacing:.15em; }
.registration-benefits { display:grid;gap:10px;margin-top:30px; }
.registration-benefits>div { display:flex;gap:13px;max-width:540px;padding:13px;border:1px solid rgba(255,255,255,.13);border-radius:14px;background:rgba(255,255,255,.07); }
.registration-benefits>div>span { display:grid;width:35px;height:35px;flex:0 0 35px;place-items:center;border-radius:11px;color:#062f47;background:#4de1cc;font-size:11px;font-weight:900; }
.registration-benefits p { display:grid;gap:3px;margin:0;color:#fff; }.registration-benefits small { color:rgba(238,252,255,.68);line-height:1.4; }
.agent-registration-v204 .agent-registration-card { padding:clamp(25px,4vw,48px);border-radius:0;background:#fff; }
.agent-registration-v204 .agent-registration-card h2 { margin:6px 0;font-size:28px;color:#0c213a; }
.registration-flow { display:flex;align-items:center;margin:22px 0; }
.registration-flow span { display:grid;min-width:66px;justify-items:center;gap:5px;color:#788ba0;font-size:10px;font-weight:800; }.registration-flow span b { display:grid;width:28px;height:28px;place-items:center;border-radius:10px;color:#54708d;background:#e7edf4; }.registration-flow span.active { color:#4f46e5; }.registration-flow span.active b { color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);box-shadow:0 7px 14px rgba(79,70,229,.24); }.registration-flow i { height:1px;flex:1;background:#dce5ef; }
.agent-registration-v204 .form-field input,.agent-registration-v204 .form-field textarea { border-radius:12px;background:#fbfdff; }
.registration-security-note { display:flex;align-items:flex-start;gap:9px;padding:12px;border:1px solid #ccece4;border-radius:12px;color:#286657;background:#f0fbf7;font-size:11px; }.registration-security-note span { display:grid;width:20px;height:20px;flex:0 0 20px;place-items:center;border-radius:7px;color:#fff;background:#08a77b; }

/* Destination picker */
.agent-destination-choice-grid { grid-template-columns:minmax(220px,.42fr) minmax(0,1.58fr)!important;align-items:start; }
.destination-picker { min-width:0; }
.destination-picker-toolbar { display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 0 12px;padding:9px 11px;border-radius:11px;color:#4d6680;background:#f1f6fc;font-size:11px; }
.destination-picker-toolbar strong { color:#4f46e5; }
.destination-picker>div:last-of-type,.destination-picker>ul { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px; }
.destination-picker.has-one-market>div:last-of-type { grid-template-columns:minmax(0,1fr); }
.destination-picker [data-market-group][hidden] { display:none!important; }
.destination-picker>div>div { min-width:0;padding:13px;border:1px solid #dde7f2;border-radius:14px;background:#fbfdff; }
.destination-picker>div>div>label { display:block;margin-bottom:9px;color:#193955;font-size:12px;font-weight:900; }
.destination-picker ul { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:0; }
.destination-picker li { list-style:none; }
.destination-picker li label { display:flex;align-items:center;gap:7px;padding:7px 8px;border:1px solid transparent;border-radius:9px;color:#526980;font-size:11px;cursor:pointer; }
.destination-picker li label:hover { border-color:#cbd9f4;background:#f3f7ff; }
.destination-picker input:checked+label,.destination-picker label:has(input:checked) { color:#3830a8;background:#eeefff; }
.destination-picker.is-at-limit input:not(:checked)+label,.destination-picker.is-at-limit label:has(input:not(:checked)) { opacity:.48; }

@media (max-width:1100px) {
  .crm-insight-deck,.trial-workspace-grid { grid-template-columns:1fr; }
  .agent-primary-workflow { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .agent-dashboard-kpis,.trial-stat-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .trial-tool-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:760px) {
  .crm-pro-dashboard,.agent-command-dashboard,.agent-trial-dashboard { gap:12px; }
  .crm-pro-dashboard .app-dashboard-heading,.agent-command-head { align-items:flex-start;flex-direction:column;padding:21px;border-radius:19px; }
  .app-heading-actions,.agent-command-actions { width:100%; }.app-heading-actions a,.agent-command-actions a { flex:1;justify-content:center; }
  .dashboard-feature-tabs { top:61px;margin-inline:-4px; }
  .workspace-live-strip { align-items:flex-start;flex-direction:column; }
  .admin-b2b-pulse>header{flex-direction:column}.admin-b2b-pulse>div{grid-template-columns:1fr 1fr}
  .crm-chart-card,.crm-command-card,.agent-sales-workspace,.trial-panel,.trial-tools { padding:16px;border-radius:17px; }
  .crm-chart-heading { align-items:flex-start;flex-direction:column; }
  .crm-pipeline-row,.agent-pipeline-bars>a { grid-template-columns:95px minmax(80px,1fr) 35px;gap:8px; }
  .agent-candle-pipeline{grid-template-columns:repeat(5,minmax(76px,1fr));min-height:245px;overflow-x:auto;padding:16px 12px 10px;scroll-snap-type:x proximity}.agent-candle-pipeline>a{scroll-snap-align:start}.agent-candle-pipeline>a>i{height:135px}
  .agent-primary-workflow { display:flex; }.agent-primary-workflow a { min-width:155px; }
  .agent-dashboard-kpis,.trial-stat-grid { grid-template-columns:1fr 1fr;gap:9px; }
  .agent-kpi,.trial-stat-card { min-height:102px;padding:14px; }
  .agent-attention-grid { grid-template-columns:1fr; }
  .trial-command-hero { grid-template-columns:1fr;padding:23px;border-radius:20px; }.trial-countdown { grid-template-columns:auto 1fr;justify-content:center;gap:8px;min-height:90px; }.trial-countdown small { grid-column:1/-1; }.trial-countdown strong { font-size:45px; }
  .trial-workspace-tabs { position:sticky;top:61px;z-index:6; }
  .agent-registration-v204 { width:100%;max-width:none;margin:0;border:0;border-radius:0;box-shadow:none; }
  .agent-registration-v204 .agent-registration-intro { padding:30px 20px; }
  .agent-registration-v204 .agent-registration-intro h1 { margin:16px 0 12px;font-size:clamp(31px,10vw,39px);line-height:1.08;letter-spacing:-.045em; }
  .agent-registration-v204 .agent-registration-intro>p { font-size:14px;line-height:1.6; }
  .agent-registration-v204 .agent-registration-card { padding:26px 18px 32px; }
  .agent-registration-v204 .agent-registration-card h2 { font-size:24px; }
  .agent-registration-v204 .agent-registration-form { grid-template-columns:minmax(0,1fr)!important;gap:14px; }
  .agent-registration-v204 .agent-registration-form>.form-field { min-width:0;grid-column:1/-1; }
  .agent-registration-v204 .form-field input,.agent-registration-v204 .form-field textarea { width:100%;max-width:100%;min-height:48px;padding:12px;font-size:16px;box-sizing:border-box; }
  .agent-registration-v204 .password-input-wrap { width:100%;min-width:0; }
  .agent-registration-v204 .password-input-wrap input { min-width:0;padding-right:64px; }
  .agent-registration-v204 .form-actions { display:grid;grid-template-columns:1fr;width:100%; }
  .agent-registration-v204 .form-actions .button { width:100%;min-height:46px;justify-content:center;text-align:center; }
  .registration-flow { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:18px 0; }
  .registration-flow i { display:none; }
  .registration-flow span { min-width:0;font-size:9px;text-align:center;overflow-wrap:anywhere; }.registration-flow span b { width:25px;height:25px; }
  .registration-benefits { margin-top:22px; }
  .registration-benefits>div { padding:11px; }
  .agent-onboarding-heading { padding-inline:2px; }
  .agent-onboarding-wizard { min-width:0;padding-bottom:146px!important; }
  .onboarding-wizard-progress { max-width:100%;overflow:hidden; }
  .onboarding-wizard-progress nav { max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin; }
  .agent-onboarding-wizard .form-grid { grid-template-columns:minmax(0,1fr)!important;padding:18px!important; }
  .agent-onboarding-wizard .form-field,.agent-onboarding-wizard fieldset { min-width:0;grid-column:1/-1; }
  .agent-onboarding-wizard :is(input,select,textarea) { max-width:100%;font-size:16px;box-sizing:border-box; }
  .agent-onboarding-wizard input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),.agent-onboarding-wizard select { min-height:46px; }
  .onboarding-wizard-actions { left:8px;right:8px;bottom:8px!important;width:auto; }
  .onboarding-wizard-actions>div { min-width:0; }
  .agent-destination-choice-grid { grid-template-columns:1fr!important; }.destination-picker>div:last-of-type,.destination-picker>ul,.destination-picker ul { grid-template-columns:1fr; }
}
@media (max-width:480px) {
  .agent-dashboard-kpis,.trial-stat-grid,.trial-tool-grid { grid-template-columns:1fr; }
  .admin-b2b-pulse>div{grid-template-columns:1fr 1fr}.admin-b2b-pulse{padding:15px}
  .crm-pipeline-row,.agent-pipeline-bars>a { grid-template-columns:1fr 36px; }.crm-pipeline-row>i,.agent-pipeline-bars>a>i { grid-column:1/-1;grid-row:2; }
  .agent-candle-pipeline{grid-template-columns:repeat(5,78px)}
  .trial-tool-grid article { grid-template-columns:30px 1fr; }
  .agent-registration-v204 .agent-registration-intro { padding:26px 16px; }
  .agent-registration-v204 .agent-registration-card { padding:23px 14px 30px; }
  .registration-benefits small { font-size:11px; }
  .registration-flow span { font-size:8px; }
  .agent-onboarding-wizard .onboarding-step-panel { border-radius:14px!important; }
  .onboarding-wizard-actions { padding:9px!important; }
  .onboarding-wizard-actions .button { min-height:43px;padding-inline:10px;font-size:11px; }
}
@media (prefers-reduced-motion:reduce) {
  .crm-reveal-card { opacity:1;transform:none;transition:none; }
  .crm-pipeline-row>i>em,.agent-pipeline-bars>a>i>em { width:var(--crm-bar);transition:none; }
  .app-header-button,.metric-card,.app-kpi-card,.agent-attention-grid a { transition:none!important; }
}