/* Product SVL */
.svl-page { --svl-border:#e3e6ec; --svl-muted:#737b88; --svl-surface:#fff; --svl-soft:#f6f7fa; color:#20242c; }
.svl-heading { display:flex; align-items:center; gap:12px; }
.svl-mark { display:grid; width:38px; height:38px; place-items:center; border-radius:12px; background:#e9effd; color:#4f7fd8; font-size:24px; box-shadow:inset 0 0 0 1px rgba(79,127,216,.14); }
.svl-heading-note { margin-top:4px; color:var(--svl-muted); font-size:11px; }
.svl-tabs { display:flex; gap:5px; margin:0 0 16px; padding:4px; overflow-x:auto; border:1px solid var(--svl-border); border-radius:12px; background:#f7f8fa; scrollbar-width:thin; }
.svl-tab { flex:0 0 auto; min-height:34px; padding:7px 13px; border:0; border-radius:8px; background:transparent; color:#6d7480; font:inherit; font-size:11px; font-weight:700; cursor:pointer; }
.svl-tab:hover { color:#20242c; }
.svl-tab.active { background:#20242c; color:#fff; box-shadow:0 4px 14px rgba(25,30,40,.14); }
.svl-section { display:none; padding-bottom:30px; }
.svl-section.active { display:block; }
.svl-source-banner { display:grid; margin-bottom:14px; padding:12px 15px; grid-template-columns:auto 1fr auto; align-items:center; gap:12px; border:1px solid rgba(79,127,216,.18); border-radius:12px; background:rgba(79,127,216,.055); }
.svl-source-banner > span { padding:4px 8px; border-radius:99px; background:#4f7fd8; color:#fff; font-size:9px; font-weight:800; letter-spacing:.07em; text-transform:uppercase; }
.svl-source-banner strong { font-size:12px; }
.svl-source-banner small { color:var(--svl-muted); font-size:10px; text-align:right; }
.svl-kpi-grid { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:9px; margin-bottom:14px; }
.svl-kpi-grid.compact { grid-template-columns:repeat(4,minmax(0,1fr)); }
.svl-kpi { position:relative; display:flex; min-height:126px; padding:14px; flex-direction:column; justify-content:center; overflow:hidden; border:1px solid var(--svl-border); border-radius:13px; background:var(--svl-surface); box-shadow:0 6px 20px rgba(31,39,52,.035); }
.svl-kpi::before { content:""; position:absolute; inset:0 auto 0 0; width:3px; background:var(--svl-accent); }
.svl-kpi-label { min-height:28px; color:var(--svl-muted); font-size:10px; font-weight:750; line-height:1.35; text-transform:uppercase; }
.svl-kpi-value { margin-top:9px; color:#222630; font-size:27px; font-weight:720; line-height:1; font-variant-numeric:tabular-nums; }
.svl-kpi-note { margin-top:8px; color:var(--svl-muted); font-size:9px; line-height:1.35; }
.svl-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-bottom:14px; }
.svl-grid-wide { grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr); }
.svl-progress-layout { grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr); }
.svl-panel { min-width:0; padding:18px; }
.svl-panel-head { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin-bottom:15px; }
.svl-panel-head h3 { color:#222630; font-size:15px; font-weight:720; }
.svl-panel-head p { margin-top:4px; color:var(--svl-muted); font-size:10px; line-height:1.4; }
.svl-chart-legend { display:flex; align-items:center; gap:6px; color:var(--svl-muted); font-size:9px; white-space:nowrap; }
.svl-chart-legend i { width:16px; height:2px; background:#4f7fd8; }
.svl-chart-legend i:nth-of-type(2) { background:repeating-linear-gradient(90deg,#a35f91 0 5px,transparent 5px 9px); }
.svl-trend-wrap { height:246px; }
.svl-trend-wrap canvas { display:block; width:100%; height:100%; }
.svl-status-bar { display:flex; width:100%; height:18px; overflow:hidden; border-radius:99px; background:#eceef3; }
.svl-status-bar span { width:var(--size); min-width:2px; background:var(--tone); }
.svl-status-legend { display:grid; gap:10px; margin-top:18px; }
.svl-status-legend div { display:grid; grid-template-columns:10px 1fr auto; align-items:center; gap:9px; color:#535b68; font-size:10px; }
.svl-status-legend i { width:9px; height:9px; border-radius:3px; background:var(--tone); }
.svl-status-legend strong { color:#242933; font-size:12px; font-variant-numeric:tabular-nums; }
.svl-signal-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.svl-signal { display:flex; min-height:116px; padding:15px 16px; flex-direction:column; justify-content:center; border:1px solid var(--svl-border); border-radius:13px; background:var(--svl-surface); }
.svl-signal span,.svl-eyebrow { color:var(--svl-muted); font-size:9px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.svl-signal strong { margin-top:8px; color:#2b303a; font-size:16px; }
.svl-signal small { margin-top:6px; color:var(--svl-muted); font-size:10px; line-height:1.4; }
.svl-signal.danger { border-left:3px solid #b65f68; }
.svl-signal.warning { border-left:3px solid #c58a37; }
.svl-signal.positive { border-left:3px solid #3b9c79; }
.svl-callouts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; margin-bottom:12px; }
.svl-callouts > div { display:flex; padding:13px 15px; flex-direction:column; gap:5px; border:1px solid var(--svl-border); border-radius:11px; background:var(--svl-surface); }
.svl-callouts span { color:var(--svl-muted); font-size:9px; text-transform:uppercase; }
.svl-callouts strong { font-size:14px; }
.svl-stage-chart,.svl-ranked-chart { display:grid; gap:8px; }
.svl-stage-row { display:grid; grid-template-columns:60px minmax(90px,1fr) 42px 88px; align-items:center; gap:9px; min-height:24px; }
.svl-stage-label { color:#59616d; font-size:10px; }
.svl-stage-track,.svl-ranked-track { display:block; height:9px; overflow:hidden; border-radius:99px; background:#eceef3; }
.svl-stage-track i,.svl-ranked-track i { display:block; width:var(--value); height:100%; border-radius:inherit; background:#4f7fd8; }
.svl-stage-row strong,.svl-ranked-row strong { font-size:11px; font-variant-numeric:tabular-nums; text-align:right; }
.svl-stage-row small { color:var(--svl-muted); font-size:9px; text-align:right; }
.svl-ranked-row { display:grid; grid-template-columns:58px minmax(90px,1fr) 35px; align-items:center; gap:8px; min-height:25px; color:#59616d; font-size:10px; }
.svl-ranked-track i { background:#b65f68; }
.svl-status-filter-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:9px; margin-bottom:12px; }
.svl-status-filter { display:flex; min-height:78px; padding:12px 14px; flex-direction:column; align-items:flex-start; justify-content:center; gap:7px; border:1px solid var(--svl-border); border-left:3px solid var(--tone); border-radius:11px; background:var(--svl-surface); color:#454c58; font:inherit; cursor:pointer; }
.svl-status-filter:hover,.svl-status-filter.active { box-shadow:0 0 0 2px color-mix(in srgb,var(--tone) 22%,transparent); }
.svl-status-filter span { font-size:10px; font-weight:700; }
.svl-status-filter strong { color:var(--tone); font-size:22px; }
.svl-participant-tools { display:flex; margin-bottom:12px; padding:12px; align-items:center; justify-content:space-between; gap:12px; }
.svl-filters,.svl-bulk-actions { display:flex; align-items:center; gap:7px; flex-wrap:wrap; }
.svl-filters input,.svl-filters select,.svl-bulk-actions select,.svl-reminder textarea { min-height:34px; padding:7px 9px; border:1px solid var(--svl-border); border-radius:8px; outline:0; background:var(--svl-surface); color:#303641; font:inherit; font-size:10px; }
.svl-filters input { width:240px; }
.svl-filters input:focus,.svl-filters select:focus,.svl-bulk-actions select:focus,.svl-reminder textarea:focus { border-color:#4f7fd8; box-shadow:0 0 0 3px rgba(79,127,216,.12); }
.svl-bulk-actions button,.svl-reminder-actions button,.svl-dialog-body aside button { min-height:34px; padding:7px 12px; border:0; border-radius:8px; background:#4f7fd8; color:#fff; font:inherit; font-size:10px; font-weight:750; cursor:pointer; }
.svl-table-panel { padding:0; overflow:hidden; margin-bottom:12px; }
.svl-table-panel > .svl-panel-head { padding:17px 18px 0; }
.svl-table-wrap { overflow:auto; }
.svl-table { width:100%; min-width:1120px; border-collapse:collapse; color:#3f4652; font-size:10px; }
.svl-table th { position:sticky; z-index:1; top:0; padding:10px 12px; border-bottom:1px solid var(--svl-border); background:#f7f8fa; color:#7a818c; font-size:8px; font-weight:750; letter-spacing:.04em; text-align:left; text-transform:uppercase; white-space:nowrap; }
.svl-table th button { border:0; background:transparent; color:inherit; font:inherit; cursor:pointer; text-transform:inherit; }
.svl-table td { padding:10px 12px; border-bottom:1px solid #eceef2; vertical-align:middle; }
.svl-table tbody tr { cursor:pointer; }
.svl-table tbody tr:hover,.svl-table tbody tr:focus { outline:0; background:#f7f9fc; }
.svl-person { display:flex; min-width:180px; align-items:center; gap:9px; }
.svl-person > span { display:grid; width:32px; height:32px; flex:0 0 32px; place-items:center; border-radius:50%; background:#e9effd; color:#4f7fd8; font-size:9px; font-weight:800; }
.svl-person strong { display:block; color:#282d36; font-size:11px; }
.svl-person small,.svl-cell-note,.svl-format-change { display:block; margin-top:3px; color:var(--svl-muted); font-size:8px; }
.svl-format-change { color:#6d62bd; }
.svl-table-progress { display:flex; min-width:88px; align-items:center; gap:7px; }
.svl-table-progress > span { display:block; width:58px; height:6px; overflow:hidden; border-radius:99px; background:#e8ebf0; }
.svl-table-progress i { display:block; width:var(--value); height:100%; background:#4f7fd8; }
.svl-table-progress strong { font-size:9px; font-variant-numeric:tabular-nums; }
.svl-status { display:inline-flex; padding:4px 7px; border-radius:99px; background:color-mix(in srgb,var(--tone) 12%,transparent); color:var(--tone); font-size:8px; font-weight:750; line-height:1.2; white-space:nowrap; }
.svl-message-button { display:grid; width:29px; height:29px; place-items:center; border:1px solid var(--svl-border); border-radius:8px; background:var(--svl-surface); color:#4f7fd8; cursor:pointer; }
.svl-empty { padding:30px; color:var(--svl-muted); text-align:center; }
.svl-reminder { display:grid; padding:18px; grid-template-columns:minmax(260px,.8fr) auto minmax(340px,1.2fr); align-items:center; gap:18px; }
.svl-reminder h3 { margin-top:5px; font-size:15px; }
.svl-reminder p { margin-top:5px; color:var(--svl-muted); font-size:10px; line-height:1.45; }
.svl-reminder textarea { width:100%; min-height:84px; resize:vertical; line-height:1.45; }
.svl-switch { display:flex; align-items:center; gap:7px; color:#606874; font-size:10px; font-weight:700; cursor:pointer; }
.svl-switch input { position:absolute; opacity:0; }
.svl-switch span { position:relative; width:36px; height:20px; border-radius:99px; background:#cfd3da; }
.svl-switch span::after { content:""; position:absolute; top:3px; left:3px; width:14px; height:14px; border-radius:50%; background:#fff; transition:transform .16s; }
.svl-switch input:checked + span { background:#4f7fd8; }
.svl-switch input:checked + span::after { transform:translateX(16px); }
.svl-reminder-actions { grid-column:3; display:flex; align-items:center; gap:10px; }
.svl-reminder-actions span { color:#3b9c79; font-size:9px; }
.svl-source-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:11px; }
.svl-source-card { padding:16px; border:1px solid var(--svl-border); border-radius:13px; background:var(--svl-surface); }
.svl-source-card header { display:grid; grid-template-columns:9px 1fr auto; align-items:center; gap:8px; }
.svl-source-card header i { width:9px; height:9px; border-radius:3px; background:var(--tone); }
.svl-source-card header strong { font-size:13px; }
.svl-source-card header span { color:var(--svl-muted); font-size:9px; }
.svl-source-bars { display:grid; gap:8px; margin-top:16px; }
.svl-source-bars > div { display:grid; grid-template-columns:90px 1fr 34px; align-items:center; gap:8px; color:#666e7b; font-size:9px; }
.svl-source-bars i { display:block; width:var(--value); min-width:2px; height:7px; border-radius:99px; background:var(--tone); }
.svl-source-bars strong { font-size:10px; text-align:right; }
.svl-source-card footer { display:flex; margin-top:14px; padding-top:11px; justify-content:space-between; gap:10px; border-top:1px solid var(--svl-border); color:var(--svl-muted); font-size:9px; }
.svl-source-card footer b { color:#343a45; }
.svl-format-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin-bottom:12px; }
.svl-format-card { position:relative; padding:17px; overflow:hidden; }
.svl-format-card::before { content:""; position:absolute; inset:0 0 auto; height:3px; background:var(--tone); }
.svl-format-card header { display:grid; grid-template-columns:9px 1fr auto; align-items:start; gap:8px; }
.svl-format-card header > i { width:9px; height:9px; margin-top:4px; border-radius:3px; background:var(--tone); }
.svl-format-card header span { color:var(--svl-muted); font-size:8px; text-transform:uppercase; }
.svl-format-card h3 { margin-top:4px; font-size:12px; line-height:1.35; }
.svl-format-card header > strong { color:var(--tone); font-size:22px; }
.svl-format-completion { margin-top:16px; }
.svl-format-completion > span { display:block; height:8px; overflow:hidden; border-radius:99px; background:#eceef3; }
.svl-format-completion i { display:block; width:var(--value); height:100%; background:var(--tone); }
.svl-format-completion strong { display:block; margin-top:7px; font-size:10px; }
.svl-format-card dl { display:grid; gap:7px; margin-top:14px; padding-top:12px; border-top:1px solid var(--svl-border); }
.svl-format-card dl div { display:flex; justify-content:space-between; gap:10px; font-size:9px; }
.svl-format-card dt { color:var(--svl-muted); }
.svl-format-card dd { font-weight:700; text-align:right; }
.svl-format-compare { display:grid; gap:11px; }
.svl-format-compare-row { display:grid; grid-template-columns:150px minmax(120px,1fr) 45px 70px; align-items:center; gap:10px; color:#59616d; font-size:10px; }
.svl-format-compare-row > div { height:10px; overflow:hidden; border-radius:99px; background:#eceef3; }
.svl-format-compare-row i { display:block; width:var(--value); height:100%; background:var(--tone); }
.svl-format-compare-row strong,.svl-format-compare-row em { font-style:normal; font-variant-numeric:tabular-nums; text-align:right; }
.svl-format-compare-row em { color:#6d62bd; font-weight:700; }
.svl-outcome-funnel,.svl-next-products { display:grid; gap:14px; }
.svl-outcome-funnel > div { display:grid; grid-template-columns:135px 1fr 45px; align-items:center; gap:10px; color:#616976; font-size:10px; }
.svl-outcome-funnel i { display:block; width:var(--value); height:22px; border-radius:5px; background:#b57b32; }
.svl-outcome-funnel strong { text-align:right; }
.svl-next-products > div { display:grid; grid-template-columns:180px 1fr 35px; align-items:center; gap:9px; color:#59616d; font-size:10px; }
.svl-next-products i { display:block; width:var(--value); height:10px; border-radius:99px; background:#6d62bd; }
.svl-next-products strong { text-align:right; }
.svl-next-products small { grid-column:2/4; color:var(--svl-muted); font-size:9px; }
.svl-format-dot { display:inline-block; width:8px; height:8px; margin-right:7px; border-radius:3px; background:var(--tone); }
.svl-finance-bars { display:grid; gap:13px; }
.svl-finance-bar { display:grid; grid-template-columns:120px 1fr 110px; align-items:center; gap:10px; color:#59616d; font-size:10px; }
.svl-finance-bar > div { height:12px; overflow:hidden; border-radius:99px; background:#eceef3; }
.svl-finance-bar i { display:block; width:var(--value); height:100%; background:var(--tone); }
.svl-finance-bar strong { text-align:right; }
.svl-finance-note { display:flex; flex-direction:column; justify-content:center; }
.svl-finance-note h3 { margin-top:7px; font-size:17px; }
.svl-finance-note p { margin-top:9px; color:var(--svl-muted); font-size:11px; line-height:1.55; }
.users-message-preview-note { margin:8px 0 2px; padding:9px 10px; border:1px solid rgba(181,123,50,.28); border-radius:8px; background:rgba(181,123,50,.08); color:#8a642e; font-size:10px; line-height:1.4; }
.svl-participant-dialog { width:min(960px,calc(100vw - 36px)); max-height:calc(100vh - 36px); padding:0; overflow:auto; border:1px solid #dfe3e9; border-radius:16px; background:#fff; color:#222630; box-shadow:0 28px 80px rgba(31,39,52,.24); }
.svl-participant-dialog::backdrop { background:rgba(15,18,24,.52); backdrop-filter:blur(2px); }
.svl-dialog-head { display:flex; position:sticky; z-index:2; top:0; padding:20px 22px; align-items:flex-start; justify-content:space-between; gap:15px; border-bottom:1px solid var(--svl-border); background:#fff; }
.svl-dialog-head h2 { margin-top:5px; font-size:22px; }
.svl-dialog-head p { margin-top:4px; color:var(--svl-muted); font-size:11px; }
.svl-dialog-head button { display:grid; width:34px; height:34px; place-items:center; border:1px solid var(--svl-border); border-radius:9px; background:#fff; color:#59616d; font-size:20px; cursor:pointer; }
.svl-dialog-summary { display:grid; padding:15px 22px; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; border-bottom:1px solid var(--svl-border); background:#f7f8fa; }
.svl-dialog-summary > div { display:flex; flex-direction:column; gap:5px; }
.svl-dialog-summary span:not(.svl-status) { color:var(--svl-muted); font-size:9px; text-transform:uppercase; }
.svl-dialog-summary strong { font-size:11px; }
.svl-dialog-body { display:grid; padding:22px; grid-template-columns:minmax(0,1.3fr) minmax(230px,.7fr); gap:20px; }
.svl-dialog-body h3 { margin-bottom:12px; font-size:13px; }
.svl-lessons-timeline { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.svl-lesson-timeline { display:flex; min-height:58px; padding:9px; align-items:center; gap:8px; border:1px solid var(--svl-border); border-radius:9px; background:#f8f9fb; }
.svl-lesson-timeline > i { display:grid; width:25px; height:25px; flex:0 0 25px; place-items:center; border-radius:7px; background:#e6e9ef; color:#7d8490; font-size:9px; font-style:normal; font-weight:800; }
.svl-lesson-timeline.complete > i { background:#dcefe8; color:#3b9c79; }
.svl-lesson-timeline.current { border-color:rgba(79,127,216,.4); background:#f2f6ff; }
.svl-lesson-timeline.current > i { background:#4f7fd8; color:#fff; }
.svl-lesson-timeline strong { display:block; font-size:10px; }
.svl-lesson-timeline small { display:block; margin-top:3px; color:var(--svl-muted); font-size:8px; line-height:1.3; }
.svl-dialog-body aside { padding:16px; border:1px solid var(--svl-border); border-radius:11px; background:#f8f9fb; }
.svl-dialog-body aside > strong { display:block; font-size:16px; }
.svl-dialog-body aside p { margin:5px 0 15px; color:var(--svl-muted); font-size:10px; line-height:1.45; }

html[data-theme="dark"] .svl-page { --svl-border:#2a2d36; --svl-muted:#8b909d; --svl-surface:#15171d; --svl-soft:#111318; color:#e7e9ed; }
html[data-theme="dark"] .svl-mark { background:rgba(79,127,216,.17); color:#82a8f3; }
html[data-theme="dark"] .svl-tabs,html[data-theme="dark"] .svl-table th,html[data-theme="dark"] .svl-dialog-summary { background:#111318; }
html[data-theme="dark"] .svl-tab { color:#9499a6; }
html[data-theme="dark"] .svl-tab:hover { color:#f2f3f5; }
html[data-theme="dark"] .svl-tab.active { background:#e7e9ed; color:#14161b; }
html[data-theme="dark"] .svl-source-banner { border-color:rgba(95,139,226,.25); background:rgba(79,127,216,.09); }
html[data-theme="dark"] .svl-kpi-value,html[data-theme="dark"] .svl-panel-head h3,html[data-theme="dark"] .svl-status-legend strong,html[data-theme="dark"] .svl-signal strong,html[data-theme="dark"] .svl-person strong,html[data-theme="dark"] .svl-source-card footer b { color:#e8e9ed; }
html[data-theme="dark"] .svl-status-bar,html[data-theme="dark"] .svl-stage-track,html[data-theme="dark"] .svl-ranked-track,html[data-theme="dark"] .svl-table-progress > span,html[data-theme="dark"] .svl-format-completion > span,html[data-theme="dark"] .svl-format-compare-row > div,html[data-theme="dark"] .svl-finance-bar > div { background:#282b34; }
html[data-theme="dark"] .svl-status-legend div,html[data-theme="dark"] .svl-stage-label,html[data-theme="dark"] .svl-ranked-row,html[data-theme="dark"] .svl-source-bars > div,html[data-theme="dark"] .svl-format-compare-row,html[data-theme="dark"] .svl-outcome-funnel > div,html[data-theme="dark"] .svl-next-products > div,html[data-theme="dark"] .svl-finance-bar { color:#aeb2bc; }
html[data-theme="dark"] .svl-filters input,html[data-theme="dark"] .svl-filters select,html[data-theme="dark"] .svl-bulk-actions select,html[data-theme="dark"] .svl-reminder textarea,html[data-theme="dark"] .svl-message-button { background:#111318; color:#dfe2e8; }
html[data-theme="dark"] .svl-table { color:#cdd0d7; }
html[data-theme="dark"] .svl-table td { border-color:#272a33; }
html[data-theme="dark"] .svl-table tbody tr:hover,html[data-theme="dark"] .svl-table tbody tr:focus { background:#1b1e25; }
html[data-theme="dark"] .svl-person > span { background:rgba(79,127,216,.18); color:#8fb0f1; }
html[data-theme="dark"] .svl-source-card,html[data-theme="dark"] .svl-kpi,html[data-theme="dark"] .svl-signal,html[data-theme="dark"] .svl-callouts > div,html[data-theme="dark"] .svl-status-filter { background:#15171d; }
html[data-theme="dark"] .users-message-preview-note { border-color:rgba(204,145,62,.32); background:rgba(181,123,50,.12); color:#e0b572; }
html[data-theme="dark"] .svl-participant-dialog,html[data-theme="dark"] .svl-dialog-head { border-color:#30333d; background:#15171d; color:#e8e9ed; }
html[data-theme="dark"] .svl-dialog-head button { border-color:#343842; background:#111318; color:#c9ccd4; }
html[data-theme="dark"] .svl-lesson-timeline,html[data-theme="dark"] .svl-dialog-body aside { border-color:#2a2d36; background:#111318; }
html[data-theme="dark"] .svl-lesson-timeline.current { border-color:rgba(98,145,239,.48); background:rgba(79,127,216,.1); }

@media (max-width:1200px) {
  .svl-kpi-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .svl-format-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .svl-reminder { grid-template-columns:1fr auto; }
  .svl-reminder textarea,.svl-reminder-actions { grid-column:1/-1; }
}
@media (max-width:900px) {
  .svl-grid,.svl-grid-wide,.svl-progress-layout { grid-template-columns:1fr; }
  .svl-source-grid { grid-template-columns:1fr; }
  .svl-participant-tools { align-items:stretch; flex-direction:column; }
  .svl-filters input { width:100%; }
}