:root{--bg-canvas: #f4f6f8;--bg-panel: #ffffff;--bg-subtle: #f8fafc;--bg-muted: #eef2f6;--bg-hover: #f3f6fa;--border-subtle: #d9e1ea;--text-primary: #12202f;--text-secondary: #526071;--text-muted: #6b7786;--accent: #2f6feb;--accent-soft: #e8f0ff;--success: #1f9d67;--success-soft: #e9f8f1;--warning: #b7791f;--warning-soft: #fff6e8;--danger: #c2413c;--danger-soft: #fdeeee;--shadow-sm: 0 1px 2px rgba(16, 24, 40, .05);--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--radius-xl: 24px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 40px;font-family:Inter,Segoe UI,sans-serif;color:var(--text-primary);background:var(--bg-canvas);line-height:1.5;font-weight:400}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-width:320px;background:var(--bg-canvas);color:var(--text-primary)}button,input,select,textarea{font:inherit}button{border:1px solid transparent;border-radius:var(--radius-md);padding:10px 16px;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,color .12s ease,transform .12s ease}button:hover:not(:disabled){transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.6}input,select,textarea{width:100%;margin-top:var(--space-2);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-panel);color:var(--text-primary);padding:11px 12px;outline:none}input:focus,select:focus,textarea:focus,button:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px #2f6feb29;outline:none}textarea{min-height:120px;resize:vertical}label{color:var(--text-secondary);font-size:14px}.app-shell{width:calc(100vw - 32px);max-width:1760px;margin:0 auto;padding:var(--space-5) 0 var(--space-6)}.relay-app-shell{min-height:100vh;background:var(--bg-canvas)}.relay-topbar,.relay-page-header,.relay-tab,.relay-simple-card,.customer-activity-item,.log-stream-item,.advanced-panel{background:var(--bg-panel)}.relay-topbar{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--border-subtle);background:#fffffff0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:10}.relay-topbar__brand,.relay-topbar__controls,.relay-page-header__body,.relay-page-header__actions,.relay-step,.relay-simple-card__header,.relay-summary-list div,.customer-activity-item__header,.logs-toolbar,.logs-toolbar__actions{display:flex;gap:var(--space-3)}.relay-topbar__brand,.relay-step,.relay-summary-list div,.customer-activity-item__header{align-items:flex-start}.relay-topbar__controls,.relay-page-header__actions,.logs-toolbar,.logs-toolbar__actions{align-items:center;flex-wrap:wrap}.relay-topbar__logo,.relay-user-menu{display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;border-radius:12px;font-weight:700}.relay-topbar__logo{background:var(--accent-soft);color:var(--accent)}.relay-user-menu{border:1px solid var(--border-subtle);background:var(--bg-panel)}.relay-user-menu-group{display:inline-flex;align-items:center;gap:var(--space-2)}.relay-user-meta{display:grid;gap:2px}.relay-user-meta strong{font-size:13px;line-height:1.2}.relay-user-meta span{color:var(--text-secondary);font-size:12px}.relay-topbar__brand strong{display:block}.relay-topbar__brand p{margin:2px 0 0;color:var(--text-secondary);font-size:13px}.auth-screen{min-height:100vh;display:grid;place-items:center;padding:var(--space-6)}.auth-screen__card{width:min(720px,100%)}.auth-screen__modes{margin:var(--space-4) 0}.auth-screen__form{display:grid;gap:var(--space-4)}.relay-select{display:grid;gap:6px;min-width:180px}.relay-select span{color:var(--text-muted);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.relay-select select{margin-top:0}.relay-page-header{display:flex;justify-content:space-between;gap:var(--space-5);align-items:center;padding:20px 24px;border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.relay-page-header__body{flex-direction:column;align-items:flex-start}.relay-page-header__copy h1{margin:0;font-size:26px;line-height:1.1;letter-spacing:-.03em}.relay-page-header__copy p{margin:6px 0 0;max-width:72ch;color:var(--text-secondary);font-size:15px}.relay-page-header-compact{padding:14px 18px;gap:var(--space-4)}.relay-page-header-compact .relay-page-header__copy h1{font-size:22px}.relay-page-header-compact .relay-page-header__copy p{font-size:14px;margin-top:4px}.relay-mode-toggle{display:inline-flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-subtle)}.relay-mode-toggle span{color:var(--text-secondary);font-size:14px;font-weight:600}.relay-mode-toggle input{width:18px;height:18px;margin:0}.relay-tabs{display:flex;gap:var(--space-2);margin-top:var(--space-3);padding-bottom:0}.relay-tab{border:1px solid var(--border-subtle);border-radius:999px;padding:10px 16px;color:var(--text-secondary)}.relay-tab-active{background:var(--accent-soft);border-color:#bfd2ff;color:#1e4fbf}.relay-overview-grid{display:grid;grid-template-columns:minmax(0,2.15fr) minmax(360px,.95fr);gap:var(--space-3);margin-top:var(--space-3)}.relay-overview-primary,.relay-overview-sidebar,.advanced-tab-grid{display:grid;gap:var(--space-3)}.relay-stepper{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-2)}.relay-step{padding:12px 14px;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-subtle)}.relay-step-current{background:var(--accent-soft);border-color:#bfd2ff}.relay-step-complete{background:var(--success-soft);border-color:#c7eadb}.relay-step__index{display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;border-radius:999px;background:#e8edf3;color:var(--text-secondary);font-size:12px;font-weight:700}.relay-step strong{display:block;font-size:15px}.relay-step p{margin:4px 0 0;color:var(--text-secondary);font-size:12px}.relay-main-workflow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);align-items:start}.relay-stepper-compact{margin-bottom:var(--space-3)}.relay-stepper-compact .relay-step{background:#fbfcfe}.relay-simple-card{display:grid;gap:var(--space-3);padding:14px;border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.relay-simple-card-primary{background:#fbfcfd}.relay-simple-card-secondary{background:#f7fbff;border-color:#d7e6ff}.relay-simple-card__actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.relay-simple-card-filter{background:#f7fbff;border-color:#d7e6ff}.relay-simple-card__header{justify-content:space-between;align-items:flex-start}.relay-simple-card h3{margin:var(--space-1) 0 0;font-size:16px}.relay-saved-card-state{display:grid;gap:var(--space-2);align-content:start;min-height:120px;padding:2px 0}.relay-saved-card-state strong{font-size:15px}.relay-saved-card-state p{margin:0;color:var(--text-secondary);font-size:13px}.relay-live-sentence{margin:0;padding:10px 12px;border-radius:12px;background:#2f6feb14;color:#214eae;font-size:13px;line-height:1.5}.relay-choice-list{display:grid;gap:var(--space-2)}.relay-choice-item{display:grid;gap:4px;text-align:left;padding:12px 14px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-panel);color:var(--text-primary)}.relay-choice-item strong{font-size:14px}.relay-choice-item span{color:var(--text-secondary);font-size:13px}.relay-choice-item-active{background:var(--accent-soft);border-color:#bfd2ff}.relay-choice-item-active span{color:#365eaf}.relay-inline-checkbox{display:flex;align-items:center;gap:10px;margin-top:0;color:var(--text-primary);font-size:14px}.relay-inline-checkbox input{width:18px;height:18px;margin:0}.relay-suggestion-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.relay-filter-presets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.relay-filter-preset{display:grid;gap:4px;text-align:left;padding:10px 12px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-panel);color:var(--text-primary)}.relay-filter-preset strong{font-size:14px}.relay-filter-preset span{color:var(--text-secondary);font-size:13px}.relay-filter-preset-active{background:var(--accent-soft);border-color:#bfd2ff;color:#1e4fbf}.relay-filter-preset-active span{color:#365eaf}.relay-route-summary{display:grid;gap:var(--space-3);align-content:start;position:sticky;top:88px}.relay-summary-stack{display:grid;gap:var(--space-2)}.relay-summary-block{display:grid;gap:4px;padding:10px 0;border-top:1px solid var(--border-subtle)}.relay-summary-block:first-child{border-top:0;padding-top:0}.relay-summary-block__label{color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.relay-summary-block strong{font-size:16px}.relay-summary-block p{margin:0;color:var(--text-secondary);font-size:14px}.relay-summary-list{display:grid;gap:var(--space-3);margin:0}.relay-summary-list div{flex-direction:column;align-items:flex-start;padding-bottom:var(--space-3);border-bottom:1px solid var(--border-subtle)}.relay-summary-list div:last-child{padding-bottom:0;border-bottom:0}.relay-summary-list dt{color:var(--text-muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.relay-summary-list dd{margin:6px 0 0;color:var(--text-primary)}.relay-accordion summary,.advanced-panel summary,.activity-details summary{cursor:pointer;list-style:none}.relay-accordion summary::-webkit-details-marker,.advanced-panel summary::-webkit-details-marker,.activity-details summary::-webkit-details-marker{display:none}.relay-accordion summary,.advanced-panel summary{display:flex;justify-content:space-between;align-items:center}.relay-accordion__content,.advanced-panel__content{margin-top:var(--space-3)}.activity-toolbar,.customer-activity-feed,.log-stream{display:grid;gap:var(--space-4)}.relay-filter-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.customer-activity-item{padding:var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.customer-activity-item__header{justify-content:space-between}.customer-activity-item__header strong{display:block;margin-top:var(--space-2)}.customer-activity-item__header time{color:var(--text-muted);font-size:13px}.customer-activity-item>p{margin:var(--space-3) 0 0}.customer-activity-meta{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-top:var(--space-3)}.customer-activity-meta div{display:grid;gap:4px}.customer-activity-meta span{color:var(--text-muted);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.activity-details{margin-top:var(--space-3)}.activity-details summary{color:var(--text-secondary);font-size:13px;font-weight:600}.activity-details pre,.log-stream-item pre{margin-top:var(--space-3);padding:var(--space-3);border-radius:12px;background:#0f1720;color:#d7e1eb;white-space:pre-wrap;overflow-x:auto}.advanced-panel{border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:var(--space-4)}.advanced-panel summary div{display:grid;gap:4px}.advanced-panel summary strong{font-size:18px}.logs-search{display:grid;gap:var(--space-2);min-width:min(420px,100%)}.log-stream-item{display:grid;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.log-stream-item__header{display:flex;justify-content:space-between;gap:var(--space-3);align-items:center}.page-header,.section-card,.card{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.page-header{display:flex;justify-content:space-between;gap:var(--space-5);align-items:flex-start;padding:var(--space-5)}.page-header__body{display:grid;gap:var(--space-3)}.page-header__copy h1{margin:0;font-size:32px;line-height:1.1;letter-spacing:-.03em}.page-header__copy p{margin:var(--space-2) 0 0;max-width:72ch;color:var(--text-secondary)}.page-header__actions,.ops-actions,.ops-filter-bar,.settings-actions__buttons,.source-destination-badges,.ops-rule-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.button{border-radius:12px;font-weight:600}.button-primary,button:not(.button-secondary):not(.button-danger):not(.button-selected):not(.ghost-button):not(.preset-card):not(.dialog-item):not(.ops-tab){background:var(--accent);color:#fff}.button-secondary,.ghost-button,.ops-tab{background:var(--bg-panel);border-color:var(--border-subtle);color:var(--text-primary)}.button-secondary:hover:not(:disabled),.ghost-button:hover:not(:disabled),.ops-tab:hover:not(:disabled){background:var(--bg-hover)}.button-danger{background:var(--danger-soft);border-color:#f6c9c7;color:var(--danger)}.button-selected,.ghost-button-active{background:var(--accent-soft);border-color:#c6d8ff;color:#1849a9}.status-chip,.pill,.status{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:600;border:1px solid transparent}.status-chip-success,.pill-active,.status-connected{background:var(--success-soft);color:var(--success)}.status-chip-warning,.pill-paused,.status-disconnected{background:var(--warning-soft);color:var(--warning)}.status-chip-danger{background:var(--danger-soft);color:var(--danger)}.status-chip-neutral,.pill-neutral,.status-awaiting_code,.status-awaiting_password{background:var(--bg-muted);color:var(--text-secondary)}.kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--space-3);margin-top:var(--space-4)}.kpi-card{padding:var(--space-4);border-radius:var(--radius-lg);background:var(--bg-panel);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm)}.kpi-card-success{background:linear-gradient(0deg,#1f9d670a,#1f9d670a),var(--bg-panel)}.kpi-card-warning{background:linear-gradient(0deg,#b7791f0a,#b7791f0a),var(--bg-panel)}.kpi-card-danger{background:linear-gradient(0deg,#c2413c0a,#c2413c0a),var(--bg-panel)}.kpi-card__label{display:block;color:var(--text-muted);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.kpi-card__value{display:block;margin-top:var(--space-2);font-size:20px;line-height:1.2;letter-spacing:-.02em}.kpi-card__detail{margin:var(--space-2) 0 0;color:var(--text-secondary);font-size:13px}.alert,.picker-error{margin-top:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid #f1c8c3;background:var(--danger-soft);color:#9f2f2a}.section-card,.card{margin-top:var(--space-3);padding:20px}.relay-overview-primary>.section-card:first-child,.relay-overview-sidebar>.section-card:first-child{margin-top:0}.section-card__header,.card-head,.subpanel-header,.ops-rule-meta,.log-entry__meta,.diagnostic-row,.activation-card__meta div,.dialog-item{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4)}.section-title,.card h3{margin:var(--space-1) 0 0;font-size:18px;line-height:1.2;letter-spacing:-.02em}@media(min-width:1130px)and (max-height:940px){.app-shell{padding:var(--space-3) 0 var(--space-5)}.relay-topbar{padding:10px 20px}.relay-topbar__brand p{font-size:12px}.relay-page-header{padding:16px 20px}.relay-page-header__copy h1{font-size:24px}.relay-page-header__copy p{font-size:14px}.relay-overview-grid,.relay-overview-primary,.relay-overview-sidebar,.relay-main-workflow{gap:var(--space-2)}.relay-stepper{gap:6px}.relay-stepper-compact{margin-bottom:var(--space-2)}.relay-step{padding:10px 12px}.relay-step strong{font-size:14px}.relay-step p{font-size:11px}.relay-simple-card{gap:var(--space-2);padding:12px}.relay-saved-card-state{min-height:0}.relay-choice-item{padding:10px 12px}.relay-simple-card h3{font-size:15px}.relay-filter-preset{padding:8px 10px}.relay-filter-preset strong{font-size:13px}.relay-filter-preset span{font-size:12px}.section-card,.card{margin-top:var(--space-2);padding:16px}.relay-page-header-compact{padding:12px 16px}.section-title,.card h3{font-size:17px}input,select,textarea{padding:9px 11px}button{padding:9px 14px}}.section-description,.hint,.card p,.page-header p,.ops-status-card p,.ops-rule-meta p,.ops-activity-item p,.selected-dialog p,.dialog-item p{color:var(--text-secondary)}.section-eyebrow,.eyebrow{margin:0;color:var(--text-muted);text-transform:uppercase;font-size:11px;letter-spacing:.08em;font-weight:700}.stepper-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-3);margin-top:var(--space-4)}.stepper-card{padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background:var(--bg-subtle);display:grid;gap:var(--space-3)}.stepper-card-current{border-color:#b9cdf9;background:var(--accent-soft)}.stepper-card-complete{background:#f2fbf6;border-color:#cbe9d9}.stepper-card__index{display:inline-flex;width:32px;height:32px;align-items:center;justify-content:center;border-radius:999px;background:#e8edf3;color:var(--text-secondary);font-size:12px;font-weight:700}.stepper-card p{margin:var(--space-1) 0 0;font-size:13px}.setup-assist-grid,.workflow-grid,.ops-console-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.stack{display:grid;gap:var(--space-4)}.completion-card,.summary-card,.preview-card,.selected-dialog,.ops-subpanel,.activation-card,.empty-state,.picker-empty,.log-entry{border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background:var(--bg-subtle)}.completion-card,.summary-card,.preview-card,.selected-dialog,.activation-card,.picker-empty,.empty-state,.log-entry,.ops-subpanel{padding:var(--space-4)}.completion-card{background:#f2fbf6;border-color:#cbe9d9}.completion-card strong{color:var(--success)}.workflow-route-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(320px,.9fr);gap:var(--space-4);margin-top:var(--space-4)}.route-management-card{margin-top:var(--space-4)}.route-management-grid{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(0,1.6fr);gap:var(--space-4);margin-top:var(--space-4)}.route-groups{display:grid;gap:var(--space-3);align-content:start}.route-group-card{padding:var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-subtle)}.route-group-card__header{display:flex;justify-content:space-between;gap:var(--space-3);align-items:center}.route-group-card__empty{margin:var(--space-3) 0 0;color:var(--text-secondary);font-size:13px}.route-group-list{display:grid;gap:var(--space-2);margin-top:var(--space-3)}.route-list-item{display:flex;justify-content:space-between;gap:var(--space-3);align-items:flex-start;width:100%;padding:var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-panel);text-align:left}.route-list-item p{margin:var(--space-1) 0 0;color:var(--text-secondary);font-size:13px}.route-list-item-active{border-color:#b9cdf9;background:var(--accent-soft)}.route-editor{min-width:0}.route-simple-builder{background:#f7fbff;border-color:#d6e6ff}.route-simple-builder__hint{margin:0;color:var(--text-secondary);font-size:13px;line-height:1.6}.route-simple-builder__hint code{padding:2px 6px;border-radius:999px;background:#2463eb14;color:#1d4ed8;font-size:12px}.caller-picker{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:flex-start}.caller-pill{padding:8px 12px;border:1px solid var(--border-subtle);border-radius:999px;background:var(--bg-panel);color:var(--text-primary)}.caller-pill-active{background:var(--accent-soft);border-color:#b9cdf9;color:#1849a9}.activation-card{display:grid;align-content:start;gap:var(--space-3);background:#f7fbff;border-color:#d6e6ff}.activation-card h3{margin:0;font-size:20px}.activation-card__meta{display:grid;gap:var(--space-3)}.activation-card__meta div{padding-top:var(--space-3);border-top:1px solid var(--border-subtle)}.activation-card__meta span{color:var(--text-muted);font-size:13px}.picker-card,.rule-builder-card,.ops-section{height:100%}.picker-supporting-copy{margin:var(--space-2) 0 0;max-width:56ch;color:var(--text-secondary);font-size:14px}.picker-toolbar,.two-selects,.three-selects{display:grid;gap:var(--space-3)}.picker-toolbar{grid-template-columns:minmax(0,1fr) auto;margin-top:var(--space-4);align-items:end}.two-selects{grid-template-columns:repeat(2,minmax(0,1fr))}.three-selects{grid-template-columns:repeat(3,minmax(0,1fr))}.dialog-list,.ops-rule-list,.ops-activity-list{display:grid;gap:var(--space-3);margin-top:var(--space-4)}.dialog-list{max-height:400px;overflow:auto;padding-right:var(--space-1)}.search-field{display:grid;gap:var(--space-1)}.search-field__label{color:var(--text-muted);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.dialog-item,.ops-rule-item,.ops-activity-item{width:100%;text-align:left;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-panel)}.dialog-item{padding:var(--space-4)}.dialog-item__body{display:grid;gap:var(--space-2);min-width:0}.dialog-item__title-row{display:grid;gap:var(--space-2)}.dialog-item__chips,.selected-dialog__badges{display:flex;flex-wrap:wrap;gap:var(--space-2)}.dialog-item__meta{margin:0;font-size:13px}.dialog-item-active{border-color:#b9cdf9;background:var(--accent-soft)}.dialog-item strong,.selected-dialog strong{display:block;font-size:14px}.selected-dialog-premium{display:grid;gap:var(--space-4)}.selected-dialog__header{display:grid;gap:var(--space-3)}.selected-dialog__eyebrow{display:block;margin-bottom:var(--space-1);color:var(--text-muted);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.picker-selection-grid{display:grid;gap:var(--space-3)}.picker-selection-grid-destination{grid-template-columns:repeat(2,minmax(0,1fr))}.picker-primary-action{display:flex;justify-content:flex-start}.picker-empty-premium{justify-items:center;gap:var(--space-1)}.preset-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-3);margin-top:var(--space-4)}.preset-card{text-align:left;padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-subtle);color:var(--text-primary)}.preset-card-active{background:var(--accent-soft);border-color:#b9cdf9}.preset-card p{margin:var(--space-1) 0 0;font-size:13px}.rule-builder-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.9fr);gap:var(--space-4);margin-top:var(--space-4)}.builder-section{display:grid;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-subtle)}.builder-section__header{display:flex;justify-content:space-between;gap:var(--space-3);align-items:flex-start}.builder-section__header h4{margin:var(--space-1) 0 0;font-size:16px;line-height:1.3}.checkbox-card{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-panel)}.checkbox-card strong{display:block;color:var(--text-primary);font-size:14px}.checkbox-card small{display:block;margin-top:var(--space-1);color:var(--text-secondary);font-size:12px}.checkbox-card input{margin-top:2px}.summary-card-elevated{display:grid;gap:var(--space-3);background:#f7fbff;border-color:#d6e6ff}.builder-section-preview,.route-test-panel{align-content:start}.route-test-panel__details{margin-top:var(--space-3)}.route-test-panel__details code{display:inline-block;margin-top:var(--space-1);padding:6px 10px;border-radius:10px;background:#0f1720;color:#d7e1eb;white-space:pre-wrap;overflow-wrap:anywhere}.preview-card-match{background:#f2fbf6;border-color:#cbe9d9}.preview-card-skip{background:#fff9f1;border-color:#f3dfba}.preview-card code,.log-entry pre{display:block;margin-top:var(--space-3);padding:var(--space-3);border-radius:12px;background:#0f1720;color:#d7e1eb;white-space:pre-wrap;overflow-x:auto}.ops-tabs{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-subtle)}.ops-tab-active{background:var(--bg-subtle);border-color:var(--border-subtle);color:var(--text-primary)}.ops-tab-panel{margin-top:var(--space-4)}.ops-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);margin-top:var(--space-4)}.ops-status-card{padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-panel)}.ops-status-card span{display:block;color:var(--text-muted);font-size:12px;font-weight:600}.ops-status-card strong{display:block;margin-top:var(--space-2);font-size:18px}.ops-rule-item,.ops-activity-item{padding:var(--space-4)}.ops-activity-item{display:flex;gap:var(--space-3);align-items:flex-start}.activity-debug-grid{display:grid;gap:var(--space-2);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border-subtle)}.activity-debug-row{display:grid;grid-template-columns:minmax(150px,180px) minmax(0,1fr);gap:var(--space-3);align-items:start}.activity-debug-row dt{color:var(--text-muted);font-size:12px}.activity-debug-row dd{margin:0;color:var(--text-primary);font-size:13px;word-break:break-word}.dot{width:10px;height:10px;margin-top:6px;border-radius:999px;flex:0 0 auto}.dot-forwarded,.dot-login{background:var(--success)}.dot-duplicate{background:var(--accent)}.dot-skipped{background:var(--warning)}.dot-error{background:var(--danger)}.dot-matched{background:#7c4dff}.log-entry{display:grid;gap:var(--space-2)}.log-entry__meta{color:var(--text-muted);font-size:12px}.diagnostic-list,.settings-actions{display:grid;gap:var(--space-3)}.diagnostic-row{padding:var(--space-3) 0;border-bottom:1px solid var(--border-subtle)}.diagnostic-row:last-child{border-bottom:0}.empty-state,.picker-empty,.compact-empty{display:grid;place-items:center;min-height:140px;text-align:center}.empty-state strong,.compact-empty strong{display:block;margin-bottom:var(--space-1)}.field-error{display:block;margin-top:var(--space-2);color:var(--danger);font-size:13px}@media(max-width:1280px){.kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1120px){.relay-overview-grid,.relay-main-workflow,.relay-stepper,.advanced-tab-grid,.relay-filter-presets,.page-header,.setup-assist-grid,.workflow-grid,.workflow-route-grid,.route-management-grid,.ops-console-grid,.rule-builder-grid,.two-selects,.three-selects,.ops-status-grid{grid-template-columns:1fr}.page-header,.relay-topbar,.relay-page-header,.logs-toolbar{display:grid}.stepper-grid,.preset-grid,.kpi-grid{grid-template-columns:1fr 1fr}.picker-selection-grid-destination{grid-template-columns:1fr}}@media(max-width:760px){.app-shell{width:min(100vw - 24px,100%);padding:var(--space-4) 0 var(--space-6)}.page-header,.section-card,.card{padding:var(--space-4)}.relay-topbar{padding:var(--space-3) var(--space-4)}.relay-page-header__actions,.relay-topbar__controls,.logs-toolbar__actions{width:100%}.relay-page-header-compact{gap:var(--space-3)}.relay-page-header-compact .relay-page-header__actions{justify-content:flex-start}.relay-stepper-compact{margin-bottom:var(--space-3)}.page-header__copy h1{font-size:28px}.relay-page-header__copy h1{font-size:26px}.stepper-grid,.preset-grid,.kpi-grid,.picker-toolbar{grid-template-columns:1fr}}