@font-face{font-family: "Figtree";font-style: normal;font-display: swap;font-weight: 300 900;src: url("../fonts/figtree/figtree-latin-ext-wght-normal.woff2") format("woff2");unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family: "Figtree";font-style: normal;font-display: swap;font-weight: 300 900;src: url("../fonts/figtree/figtree-latin-wght-normal.woff2") format("woff2");unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}html:root{--sm-ground: light-dark(#F8F6F6,#141113);--sm-surface: light-dark(#FFFFFF,#1C181A);--sm-surface-2: light-dark(#F3EFF0,#252022);--sm-border: light-dark(#E2DCDE,#362F32);--sm-text: light-dark(#1E1A1C,#F0EAEC);--sm-text-muted: light-dark(#5F575B,#AFA4A9);--sm-primary: light-dark(#9D174D,#F06B9B);--sm-on-primary: light-dark(#FFFFFF,#2B0A17);--sm-primary-soft: light-dark(#EBC1D1,#5E2A3F);--sm-accent: light-dark(#E0A21B,#F2B33D);--sm-nav-active-bg: light-dark(#F7E4EB,#3A1C28);--sm-nav-active-text: light-dark(#83133F,#F8A9C6);--sm-success-bg: light-dark(#DCFCE7,#13301F);--sm-success-text: light-dark(#166534,#86EFAC);--sm-info-bg: light-dark(#DBEAFE,#172A4A);--sm-info-text: light-dark(#1E40AF,#93C5FD);--sm-warning-bg: light-dark(#FEF3C7,#3A2A0C);--sm-warning-text: light-dark(#92400E,#FCD34D);--sm-danger-bg: light-dark(#FEE4E2,#3B1512);--sm-danger-text: light-dark(#B42318,#FDA29B);--sm-neutral-bg: light-dark(#E5E7EB,#2A2D33);--sm-neutral-text: light-dark(#374151,#D1D5DB);--sm-scheduled-bg: light-dark(#EDE9FE,#2A1F45);--sm-scheduled-text: light-dark(#5B21B6,#C4B5FD);--sm-chart-1: light-dark(#9D174D,#F06B9B);--sm-chart-2: light-dark(#D9719A,#A84A70);--sm-radius-control: 10px;--sm-radius-card: 14px;--sm-target: 44px;--lumo-font-family: "Figtree",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--lumo-base-color: var(--sm-surface);--lumo-body-text-color: var(--sm-text);--lumo-header-text-color: var(--sm-text);--lumo-secondary-text-color: var(--sm-text-muted);--lumo-tertiary-text-color: var(--sm-text-muted);--lumo-primary-color: var(--sm-primary);--lumo-primary-text-color: var(--sm-primary);--lumo-primary-contrast-color: var(--sm-on-primary);--lumo-primary-color-50pct: color-mix(in srgb,var(--sm-primary) 50%,transparent);--lumo-primary-color-10pct: color-mix(in srgb,var(--sm-primary) 12%,transparent);--lumo-error-color: var(--sm-danger-text);--lumo-error-text-color: var(--sm-danger-text);--lumo-error-color-50pct: color-mix(in srgb,var(--sm-danger-text) 50%,transparent);--lumo-error-color-10pct: color-mix(in srgb,var(--sm-danger-text) 10%,transparent);--lumo-success-color: var(--sm-success-text);--lumo-success-text-color: var(--sm-success-text);--lumo-success-color-50pct: color-mix(in srgb,var(--sm-success-text) 50%,transparent);--lumo-success-color-10pct: color-mix(in srgb,var(--sm-success-text) 10%,transparent);--lumo-warning-color: var(--sm-warning-text);--lumo-warning-text-color: var(--sm-warning-text);--lumo-contrast: var(--sm-text);--lumo-contrast-5pct: color-mix(in srgb,var(--sm-text) 5%,transparent);--lumo-contrast-10pct: color-mix(in srgb,var(--sm-text) 10%,transparent);--lumo-contrast-20pct: color-mix(in srgb,var(--sm-text) 20%,transparent);--lumo-contrast-30pct: color-mix(in srgb,var(--sm-text) 30%,transparent);--lumo-contrast-40pct: color-mix(in srgb,var(--sm-text) 40%,transparent);--lumo-contrast-50pct: color-mix(in srgb,var(--sm-text) 50%,transparent);--lumo-contrast-60pct: color-mix(in srgb,var(--sm-text) 60%,transparent);--lumo-contrast-70pct: color-mix(in srgb,var(--sm-text) 70%,transparent);--lumo-contrast-80pct: color-mix(in srgb,var(--sm-text) 80%,transparent);--lumo-contrast-90pct: color-mix(in srgb,var(--sm-text) 90%,transparent);--lumo-border-radius-m: var(--sm-radius-control);--lumo-border-radius-l: var(--sm-radius-card);--vaadin-app-layout-drawer-width: 15rem;background-color: var(--sm-ground);color: var(--sm-text)}body{background-color: var(--sm-ground)}.wordmark{display: flex;align-items: center;gap: 10px;font-size: 16px;color: var(--sm-text)}.wordmark-svg,.wordmark-mark{display: block;flex: none}.wordmark-badge{fill: var(--sm-primary)}.wordmark-bubble{stroke: var(--sm-on-primary)}.wordmark-spark{fill: var(--sm-accent)}.wordmark-brand{font-weight: 800}vaadin-app-layout::part(drawer){background: var(--sm-surface);border-inline-end: 1px solid var(--sm-border)}.app-drawer{display: flex;flex-direction: column;gap: 4px;box-sizing: border-box;height: 100%;padding: 24px 14px}.app-drawer>.wordmark{padding: 0 10px 18px}.app-drawer vaadin-side-nav{flex: 1 1 auto}vaadin-side-nav-item::part(link){gap: 12px;min-height: var(--sm-target);padding: 10px 12px;border-radius: var(--sm-radius-control);font-size: 14px;font-weight: 600;color: var(--sm-text)}vaadin-side-nav-item[current]::part(link){font-weight: 700;background: var(--sm-nav-active-bg);color: var(--sm-nav-active-text)}vaadin-side-nav-item::part(link):hover{color: var(--sm-text);background: var(--sm-surface-2)}vaadin-side-nav-item[current]::part(link):hover{background: var(--sm-nav-active-bg);color: var(--sm-nav-active-text)}.nav-icon{display: flex}.app-drawer-footer{display: flex;flex-direction: column;gap: 4px;padding-top: 12px;border-top: 1px solid var(--sm-border)}.app-drawer-footer vaadin-button{justify-content: flex-start;min-height: var(--sm-target);margin: 0;padding-inline: 12px;font-size: 14px;font-weight: 600;color: var(--sm-text-muted)}.page{display: flex;flex-direction: column;gap: 24px;padding: 32px;max-width: 1200px;box-sizing: border-box}.page-header{display: flex;flex-wrap: wrap;align-items: center;gap: 16px}.page-header-text{display: flex;flex: 1 1 260px;flex-direction: column;gap: 2px}.page-header h1{margin: 0;font-size: 28px;font-weight: 800;letter-spacing: -0.01em}.page-header p{margin: 0;font-size: 14px;color: var(--sm-text-muted)}vaadin-app-layout:not([overlay]) .page-header vaadin-drawer-toggle{display: none}@media (max-width: 600px){.page{padding: 16px}}.account-page{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 24px;min-height: 100vh;padding: 16px;box-sizing: border-box;background: var(--sm-ground)}.account-page>.wordmark{font-size: 20px}.account-card{display: flex;flex-direction: column;gap: 12px;width: min(100%,360px);box-sizing: border-box;overflow: hidden;background: var(--sm-surface);border: 1px solid var(--sm-border);border-radius: var(--sm-radius-card)}.account-card:not(:has(vaadin-login-form)){padding: 28px 24px}.account-card h1{margin: 0;font-size: 24px;font-weight: 800}.account-card p{margin: 0;color: var(--sm-text-muted)}.notice{margin: 0;padding: 12px 16px;border-radius: var(--sm-radius-control);font-size: 14px}.account-card>.notice{margin: 24px 24px 0}.notice-success{background: var(--sm-success-bg);color: var(--sm-success-text)}.notice-warning{background: var(--sm-warning-bg);color: var(--sm-warning-text)}.notice-error{background: var(--sm-danger-bg);color: var(--sm-danger-text)}.notice-info{background: var(--sm-info-bg);color: var(--sm-info-text)}.notice p{margin: 0}.pill{display: inline-flex;align-items: center;gap: 6px;padding: 2px 10px 2px 8px;border-radius: 999px;font-size: 13px;font-weight: 700;line-height: 22px;white-space: nowrap}.pill .nav-icon svg{width: 14px;height: 14px}.pill-success{background: var(--sm-success-bg);color: var(--sm-success-text)}.pill-info{background: var(--sm-info-bg);color: var(--sm-info-text)}.pill-warning{background: var(--sm-warning-bg);color: var(--sm-warning-text)}.pill-danger{background: var(--sm-danger-bg);color: var(--sm-danger-text)}.pill-neutral{background: var(--sm-neutral-bg);color: var(--sm-neutral-text)}.pill-scheduled{background: var(--sm-scheduled-bg);color: var(--sm-scheduled-text)}.form-fields{display: flex;flex-direction: column;gap: 4px}vaadin-card.settings-card{max-width: 560px;background: var(--sm-surface);border: 1px solid var(--sm-border);border-radius: var(--sm-radius-card);box-shadow: none}.form-fields>vaadin-button{align-self: flex-start}.actions-bar{display: flex;flex-wrap: wrap;align-items: center;gap: 8px;padding: 12px 16px;background: var(--sm-surface);border: 1px solid var(--sm-border);border-radius: var(--sm-radius-card)}.selection-label{margin-inline-end: 8px;font-weight: 700}#users-grid{height: min(60vh,640px);background: var(--sm-surface);border: 1px solid var(--sm-border);border-radius: var(--sm-radius-card)}#phones-grid,#numbers-without-phone,#lists-grid,#contacts-grid,#existing-grid,#opt-outs-grid,#opt-out-activity{background: var(--sm-surface);border: 1px solid var(--sm-border);border-radius: var(--sm-radius-card)}.muted{font-size: 13px;color: var(--sm-text-muted)}.phone-cell,.number-lines{display: flex;flex-direction: column;gap: 6px}.phone-title{font-weight: 700}.phone-connection,.number-line{display: flex;flex-wrap: wrap;align-items: center;gap: 4px 8px}.number-text{white-space: nowrap;font-variant-numeric: tabular-nums}.number-slot{white-space: nowrap;font-size: 13px;color: var(--sm-text-muted)}.number-label{font-weight: 700}.number-reason{flex-basis: 100%;font-size: 13px;color: var(--sm-warning-text)}.phone-problem{display: flex;align-items: flex-start;gap: 6px;font-size: 13px;color: var(--sm-warning-text)}.phone-problem .nav-icon svg{width: 14px;height: 14px;margin-top: 2px}.page-section h2{margin: 0 0 4px;font-size: 18px;font-weight: 800}.page-section>p{margin: 0 0 12px;font-size: 14px;color: var(--sm-text-muted)}.owner-filter{align-self: flex-start;min-width: 240px}.qr-code{display: block;width: 220px;height: 220px;border-radius: var(--sm-radius-control)}.pairing-shown{display: flex;flex-direction: column;align-items: center;gap: 8px;text-align: center}.pairing-shown p{margin: 0}.pairing-code{font-family: ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size: 22px;font-weight: 700;letter-spacing: 0.08em}.checksum{font-family: ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size: 12px;overflow-wrap: anywhere;color: var(--sm-text-muted)}#app-download p{margin: 4px 0}#contacts-grid,#existing-grid,#opt-outs-grid,#opt-out-activity{height: min(60vh,640px)}vaadin-grid.long-list{height: min(60vh,640px)}.search-field{width: min(100%,420px)}.list-bar{display: flex;flex-wrap: wrap;align-items: center;gap: 4px 16px;margin-top: -12px}.list-bar a{margin-inline-end: auto;font-size: 14px;font-weight: 600;color: var(--sm-primary);text-decoration: none}.button-link{display: inline-flex;align-items: center;min-height: 36px;padding: 0 16px;border-radius: var(--sm-radius-control);background: var(--sm-surface-2);color: var(--sm-primary);font-size: 14px;font-weight: 600;text-decoration: none}.button-link:hover{background: var(--sm-border)}.import-outcome .import-refused{color: var(--sm-danger-text)}.import-outcome .import-done{color: var(--sm-success-text)}.import-outcome ul{margin: 4px 0 0;padding-inline-start: 20px}.import-outcome .import-ready{margin-bottom: 0;font-weight: 700}.import-outcome #import-countries{margin-top: 4px}.import-outcome .import-buttons{display: flex;flex-wrap: wrap;gap: 8px;margin-top: 12px}.signed-in-as{padding: 4px 12px;font-size: 14px;font-weight: 700;color: var(--sm-text)}.drawer-link{display: flex;align-items: center;min-height: var(--sm-target);padding: 0 12px;border-radius: var(--sm-radius-control);font-size: 14px;font-weight: 600;color: var(--sm-text-muted);text-decoration: none}.drawer-link:hover{background: var(--sm-surface-2);color: var(--sm-text)}a:focus-visible{outline: 2px solid var(--sm-primary);outline-offset: 2px;border-radius: 4px}.campaign-editor,.campaign-preview,.run-options,.run-summary,.run-review{display: flex;flex-direction: column;gap: 12px;padding: 16px;background: var(--sm-surface);border: 1px solid var(--sm-border);border-radius: var(--sm-radius-card);max-width: 760px}.campaign-editor .notice-warning,.run-review .notice-warning,.run-review .notice-error,.run-review .notice-info{padding: 8px 12px;border-radius: var(--sm-radius-control);margin: 0}.run-review:empty{display: none}.run-review h2{margin: 0;font-size: 18px;font-weight: 800}.review-lines,.review-choice{display: flex;flex-direction: column;gap: 4px;font-size: 14px}.review-sample{display: flex;flex-direction: column;gap: 4px;margin-top: 8px}.sms-preview{white-space: pre-wrap;overflow-wrap: anywhere;padding: 10px 14px;border-radius: 14px 14px 14px 4px;background: var(--sm-surface-2);border: 1px solid var(--sm-border);font-size: 15px;max-width: 520px}.run-status{display: flex;flex-wrap: wrap;align-items: center;gap: 10px}.run-summary .actions-bar{padding: 0;border: none;background: none}.recipient-filters{display: flex;flex-wrap: wrap;align-items: flex-end;gap: 12px;margin-bottom: 8px}.run-history{display: flex;flex-direction: column;gap: 6px;font-size: 14px}.history-line{display: flex;flex-wrap: wrap;gap: 4px 12px}.history-line>.muted{min-width: 150px}.recipient-cell{display: flex;flex-direction: column;align-items: flex-start;gap: 4px}.review-actions{display: flex;flex-wrap: wrap;gap: 6px;margin-top: 4px}.menu-badge{min-width: 18px;margin-inline-start: -4px;padding: 0 6px;border-radius: 999px;background: var(--sm-primary);color: var(--sm-on-primary);font-size: 11px;font-weight: 700;line-height: 18px;text-align: center}.conversation-filters{display: flex;flex-wrap: wrap;align-items: flex-end;gap: 8px 16px}#conversations-grid{height: min(66vh,720px)}.conversation-cell{display: flex;flex-direction: column;gap: 2px;padding: 4px 0;min-width: 0}.conversation-top,.conversation-bottom,.conversation-tags{display: flex;flex-wrap: wrap;align-items: center;gap: 4px 10px}.conversation-who{font-weight: 600}.conversation-unread .conversation-who,.conversation-unread .conversation-preview{font-weight: 800;color: var(--sm-text)}.conversation-when{margin-inline-start: auto;white-space: nowrap}.conversation-preview{flex: 1 1 0;min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 14px;color: var(--sm-text-muted)}.unread-count{min-width: 22px;padding: 1px 7px;border-radius: 999px;background: var(--sm-primary);color: var(--sm-on-primary);font-size: 12px;font-weight: 700;text-align: center}.thread{display: flex;flex-direction: column;gap: 10px;max-width: 760px;padding: 16px;background: var(--sm-surface);border: 1px solid var(--sm-border);border-radius: var(--sm-radius-card)}.bubble{display: flex;flex-direction: column;gap: 4px;max-width: min(560px,88%);padding: 10px 14px;border: 1px solid var(--sm-border)}.bubble-in{align-self: flex-start;background: var(--sm-surface-2);border-radius: 14px 14px 14px 4px}.bubble-out{align-self: flex-end;background: var(--sm-nav-active-bg);border-radius: 14px 14px 4px 14px}.bubble-label{font-size: 12px;font-weight: 700;color: var(--sm-text-muted)}.bubble-text{white-space: pre-wrap;overflow-wrap: anywhere;font-size: 15px}.bubble-meta{display: flex;flex-wrap: wrap;align-items: center;gap: 4px 8px}.bubble-reason{font-size: 13px}.delete-message{margin-inline-start: auto;color: var(--sm-text-muted)}.reply-box{display: flex;flex-direction: column;gap: 8px;max-width: 760px}.reply-box .notice{margin: 0}.reply-tools{display: flex;flex-wrap: wrap;align-items: center;gap: 8px 12px}.reply-tools #send-reply{margin-inline-start: auto}#run-replies{font-size: 14px}.column-chart{display: flex;flex-direction: column;gap: 8px;min-width: 0}.column-chart>vaadin-button{align-self: flex-start}.chart-legend{display: flex;flex-wrap: wrap;gap: 6px 16px;font-size: 13px;color: var(--sm-text-muted)}.chart-legend-item{display: inline-flex;align-items: center;gap: 6px}.chart-swatch{width: 12px;height: 12px;border-radius: 3px}.chart-swatch.chart-1{background: var(--sm-chart-1)}.chart-swatch.chart-2{background: var(--sm-chart-2)}.chart-plot{display: grid;grid-template-columns: auto minmax(0,1fr);gap: 8px}.chart-y-axis{position: relative;width: 36px}.chart-y-label{position: absolute;right: 0;font-size: 12px;line-height: 16px;color: var(--sm-text-muted);font-variant-numeric: tabular-nums}.chart-drawing,.chart-drawing svg{display: block;width: 100%;min-width: 0;overflow: visible}.chart-grid{stroke: var(--sm-border);stroke-width: 1;shape-rendering: crispEdges}.chart-baseline{stroke: color-mix(in srgb,var(--sm-text-muted) 60%,transparent);stroke-width: 1;shape-rendering: crispEdges}.chart-bar.chart-1{fill: var(--sm-chart-1)}.chart-bar.chart-2{fill: var(--sm-chart-2)}.chart-gap{fill: var(--sm-surface)}.chart-marker{stroke: var(--sm-text-muted);stroke-width: 1;shape-rendering: crispEdges}.chart-marker-dot{fill: var(--sm-text-muted);stroke: var(--sm-surface);stroke-width: 2}.chart-x-label{font-size: 12px;fill: var(--sm-text-muted)}.chart-hit{fill: transparent}.chart-hover{outline: none}.chart-hover:hover rect.chart-hit,.chart-hover:focus rect.chart-hit{fill: color-mix(in srgb,var(--sm-text) 6%,transparent)}.chart-hover:focus-visible rect.chart-hit{stroke: var(--sm-primary);stroke-width: 2}.chart-tip{visibility: hidden;pointer-events: none}.chart-hover:hover .chart-tip,.chart-hover:focus .chart-tip{visibility: visible}.chart-tip-box{fill: var(--sm-surface);stroke: var(--sm-border);filter: drop-shadow(0 2px 6px color-mix(in srgb,var(--sm-text) 18%,transparent))}.chart-tip-name{font-size: 13px;font-weight: 700;fill: var(--sm-text)}.chart-tip-line{font-size: 13px;fill: var(--sm-text)}.chart-table{overflow-x: auto}.chart-table table,.figures-table table{border-collapse: collapse;font-size: 14px}.chart-table th,.chart-table td,.figures-table th,.figures-table td{padding: 6px 12px;border-bottom: 1px solid var(--sm-border);text-align: right;font-variant-numeric: tabular-nums;white-space: nowrap}.chart-table th:first-child,.figures-table th:first-child,.figures-table td:first-child,.figures-table .text-cell{text-align: left}.chart-table thead th,.figures-table thead th{font-size: 12px;font-weight: 700;color: var(--sm-text-muted)}.stat-tiles{display: grid;grid-template-columns: repeat(auto-fill,minmax(170px,1fr));gap: 12px}.stat-tile{display: flex;flex-direction: column;gap: 4px;padding: 16px;background: var(--sm-surface);border: 1px solid var(--sm-border);border-radius: var(--sm-radius-card);cursor: default}.stat-tile:focus-visible{outline: 2px solid var(--sm-primary);outline-offset: 2px}.stat-label{font-size: 13px;font-weight: 600;color: var(--sm-text-muted)}.stat-value{font-size: 28px;font-weight: 800;line-height: 1.15}.stat-note{font-size: 13px;color: var(--sm-text-muted)}.figures-card{display: flex;flex-direction: column;gap: 12px;min-width: 0;padding: 16px 20px;background: var(--sm-surface);border: 1px solid var(--sm-border);border-radius: var(--sm-radius-card)}.figures-card h2{margin: 0;font-size: 17px;font-weight: 800}.figures-card-head{display: flex;flex-wrap: wrap;align-items: center;gap: 8px 16px}.figures-card-head h2{flex-grow: 1}.figures-table{overflow-x: auto}.timeline-charts{display: flex;flex-direction: column;gap: 8px}.timeline-charts .column-chart + .chart-title{margin-top: 12px}.chart-title{font-size: 14px;font-weight: 700}.run-cell{display: flex;flex-direction: column;gap: 2px;text-align: left}.run-cell a{font-weight: 700;color: var(--sm-primary);text-decoration: none}.reply-cell{display: flex;flex-wrap: wrap;align-items: center;gap: 8px}.reply-text{white-space: pre-wrap;overflow-wrap: anywhere}.figure-heading{cursor: help;text-decoration: underline dotted;text-underline-offset: 3px}.figure-heading:focus-visible{outline: 2px solid var(--sm-primary);outline-offset: 2px;border-radius: 4px}#report-grid{font-size: 14px}.dashboard-filters{display: flex;flex-wrap: wrap;align-items: flex-end;gap: 12px;margin-top: -8px}.dashboard-filters vaadin-select{min-width: 160px}.dashboard-banner{display: flex;align-items: flex-start;gap: 12px;padding: 14px 16px;border-radius: var(--sm-radius-card);background: var(--sm-warning-bg);color: var(--sm-warning-text);font-size: 14px}.dashboard-banner .nav-icon{flex: none;padding-top: 1px}.dashboard-banner-lines{display: flex;flex-direction: column;gap: 6px}.dashboard-banner a{font-weight: 700;color: inherit}.dashboard-row{display: flex;flex-wrap: wrap;gap: 16px}.dashboard-activity{flex: 2 1 520px}.dashboard-numbers{flex: 1 1 300px}.dashboard-number-list{display: flex;flex-direction: column;gap: 8px}.dashboard-number{display: flex;align-items: center;gap: 12px;padding: 12px;border-radius: 12px;background: var(--sm-surface-2)}.dashboard-number-text{display: flex;flex: 1 1 auto;flex-direction: column;gap: 2px;min-width: 0;font-size: 13px;overflow-wrap: anywhere}.dashboard-number>.pill{flex: none}.number-name{font-size: 14px;font-weight: 700}.card-link,.run-link{font-size: 14px;font-weight: 700;color: var(--sm-primary);text-decoration: none}.run-progress{display: flex;flex-direction: column;gap: 6px;min-width: 160px}.run-progress vaadin-progress-bar{margin: 0}#dashboard-runs td{vertical-align: middle}.search-filters{display: grid;grid-template-columns: repeat(auto-fill,minmax(150px,1fr));align-items: start;gap: 4px 12px}.search-filters>*{min-width: 0}.search-filters>#search-words{grid-column: span 2}.whole-number{white-space: nowrap}#messages-grid{height: min(70vh,760px)}.guide-frame{max-width: 820px;margin-top: 16px}.guide{line-height: 1.6;color: var(--sm-text)}.guide h1{font-size: 26px;margin: 8px 0 12px}.guide h2{font-size: 20px;margin: 32px 0 8px}.guide h3{font-size: 17px;margin: 24px 0 6px}.guide img{display: block;max-width: 100%;height: auto;margin: 12px 0 20px;border: 1px solid var(--sm-border);border-radius: 12px}.guide table{width: 100%;border-collapse: collapse;margin: 12px 0 20px;font-size: 14px}.guide th,.guide td{padding: 8px 10px;border-bottom: 1px solid var(--sm-border);text-align: left;vertical-align: top}.guide code{font-family: ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size: 0.9em;padding: 1px 4px;border-radius: 4px;background: var(--sm-surface-2)}.guide pre{padding: 12px 14px;overflow-x: auto;border-radius: 8px;background: var(--sm-surface-2)}.guide pre code{padding: 0;background: none}vaadin-grid.openable::part(body-cell){cursor: pointer}.row-title{font-weight: 600;color: var(--sm-primary)}.row-open{font-size: 13px;font-weight: 600;color: var(--sm-primary);white-space: nowrap}.review-sms{margin: 0;font-weight: 600}.import-columns{display: flex;flex-direction: column;gap: 6px;margin: 12px 0}.import-columns-intro{margin: 0;font-weight: 600}.import-column{display: flex;align-items: center;justify-content: space-between;gap: 12px;padding: 6px 10px;background: var(--sm-surface);border: 1px solid var(--sm-border);border-radius: var(--sm-radius-control)}.import-column>div{display: flex;flex-direction: column;min-width: 0}.import-column .muted{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.import-column-heading{font-weight: 600}.import-column vaadin-select{width: 16em;flex: none}.import-bad-rows-scroll{overflow-x: auto;margin: 8px 0}.import-bad-rows{border-collapse: collapse;font-size: 13px;width: 100%}.import-bad-rows th,.import-bad-rows td{border: 1px solid var(--sm-border);padding: 4px 8px;text-align: left;vertical-align: top}.import-bad-rows th{background: var(--sm-surface)}.import-bad-rows td.bad-cell{background: var(--sm-danger-bg);color: var(--sm-danger-text);font-weight: 600}.import-bad-rows td.bad-why{color: var(--sm-danger-text)}@media (max-width: 600px){.import-column{flex-direction: column;align-items: stretch}.import-column vaadin-select{width: 100%}}