:root {
  color-scheme: light;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", sans-serif;
  --bg: #f5f5f7;
  --surface: #ffffff;
  --surface-subtle: #fbfbfd;
  --text: #1d1d1f;
  --muted: #6e6e73;
  --border: #d2d2d7;
  --blue: #0071e3;
  --blue-soft: #e8f2ff;
  --green: #248a3d;
  --green-soft: #e9f7ed;
  --red: #d70015;
  --red-soft: #fff0f0;
  --shadow: 0 12px 32px rgba(0, 0, 0, .06);
}

* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--text); }
button, input { font: inherit; }
button { cursor: pointer; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.transfer-control select { min-height: 34px; max-width: 150px; padding: 0 8px; border: 1px solid var(--border); border-radius: 8px; background: var(--surface); color: var(--text); }
.shell { display: flex; min-height: 100vh; }
.sidebar { width: 252px; padding: 28px 16px; background: rgba(255,255,255,.7); border-right: 1px solid var(--border); }
.brand { display:flex; align-items:center; gap:10px; padding: 0 12px 30px; font-size: 20px; font-weight: 700; letter-spacing: -.3px; }
.brand-mark { width: 28px; height: 28px; display:grid; place-items:center; border-radius: 8px; background: var(--text); color:white; font-size: 14px; }
.brand-lockup-mark { width: 34px; height: 34px; object-fit: contain; display: block; flex:0 0 auto; }
.landing-brand .brand-lockup-mark { width: 38px; height: 38px; }
.auth-brand { gap: 9px; }
.auth-brand .brand-lockup-mark { width: 48px; height: 48px; }
.auth-switch { margin: 18px 0 0; text-align: center; color: var(--muted); font-size: 13px; }
.link-button { border: 0; padding: 0; background: transparent; color: var(--blue); font-weight: 600; }
.link-button:hover { text-decoration: underline; }
.auth-panel .helper { display: block; margin-top: -8px; }
.workspace { margin: 0 8px 22px; padding: 12px; border-radius: 10px; background: var(--surface); border:1px solid var(--border); }
.workspace-name { font-weight: 600; font-size: 14px; }
.workspace-line { color: var(--muted); font-size: 12px; margin-top: 4px; }
.nav { display:grid; gap: 4px; }
.nav button { border:0; background:transparent; color:var(--muted); text-align:left; padding: 11px 12px; border-radius: 9px; font-weight: 600; font-size: 14px; }
.nav button:hover, .nav button.active { color: var(--text); background: #e8e8ed; }
.nav-icon { width: 22px; display:inline-block; color: currentColor; }
.sidebar-foot { position: fixed; bottom: 24px; width: 220px; color: var(--muted); font-size: 12px; padding: 0 12px; display:grid; gap:5px; }.sidebar-foot small { color:var(--muted); font-size:11px; }.sidebar-signout { display:flex; align-items:center; justify-content:space-between; width:100%; margin-top:14px; padding:9px 10px; border:1px solid var(--border); border-radius:9px; background:transparent; color:var(--muted); font-size:12px; text-align:left; }.sidebar-signout:hover { color:var(--text); background:var(--surface); border-color:#cfd0d8; }.sidebar-signout span { font-size:15px; }
.main { flex:1; min-width:0; }
.topbar { height: 78px; padding: 0 44px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--border); background: rgba(245,245,247,.82); backdrop-filter: blur(18px); position:sticky; top:0; z-index:2; }
.eyebrow { color:var(--muted); font-size: 13px; font-weight:600; }
.topbar h1 { margin: 5px 0 0; font-size: 28px; letter-spacing:-.7px; }
.connection { display:flex; align-items:center; gap:8px; color:var(--green); font-size:13px; font-weight:600; }
.dot { width:8px; height:8px; border-radius:50%; background:var(--green); }
.dot.offline { background:var(--muted); }
.content { max-width: 1220px; padding: 34px 44px 60px; }
.overview-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin:0 0 22px; }
.overview-card { min-height:126px; padding:18px 20px; border:1px solid var(--border); border-radius:14px; background:linear-gradient(145deg,#fff,#f8f8fa); box-shadow:var(--shadow); }
.overview-card.accent { background:linear-gradient(145deg,#e9f7ed,#fff); border-color:#b9e5c3; }
.overview-card span { display:block; color:var(--muted); font-size:10px; font-weight:800; letter-spacing:1px; }
.overview-card strong { display:block; margin:16px 0 4px; font-size:32px; letter-spacing:-1px; }
.overview-card small { color:var(--muted); font-size:12px; }
.section-panel { padding:0 20px 4px; }
.panel-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:20px 0 15px; }
.panel-heading h3 { margin:0; font-size:16px; }.panel-heading p { margin:5px 0 0; color:var(--muted); font-size:12px; }
.text-button { border:0; background:transparent; color:var(--blue); font-size:12px; font-weight:700; }
.toolbar { display:flex; justify-content:space-between; align-items:center; margin-bottom: 24px; }
.toolbar h2 { margin:0; font-size: 21px; letter-spacing:-.3px; }
.toolbar p { margin: 6px 0 0; color:var(--muted); font-size:14px; }
.actions { display:flex; gap:10px; }
.button { border:1px solid var(--border); background:var(--surface); color:var(--text); border-radius:9px; padding:10px 15px; font-weight:600; font-size:13px; }
.button:hover { background:#f0f0f2; }
.button.primary { background:var(--blue); border-color:var(--blue); color:#fff; }
.button.danger { color:var(--red); background:var(--red-soft); border-color:#ffd1d5; }
.button.small { padding:7px 10px; font-size:12px; }
.banner { display:flex; justify-content:space-between; align-items:center; gap:20px; padding: 18px 20px; margin-bottom:22px; border:1px solid #b9e5c3; border-radius: 12px; background:var(--green-soft); }
.banner strong { font-size:16px; }.banner span { display:block; color:var(--muted); font-size:13px; margin-top:5px; }
.panel { background:var(--surface); border:1px solid var(--border); border-radius:12px; box-shadow: var(--shadow); overflow:hidden; }
.call-row { display:grid; grid-template-columns: 42px minmax(0,1fr) auto auto; gap:14px; align-items:center; min-height:78px; padding: 13px 20px; border-bottom:1px solid #e7e7eb; }
.call-row:last-child { border-bottom:0; }.call-row:hover { background:var(--surface-subtle); }
.call-icon { width:38px; height:38px; display:grid; place-items:center; border-radius:50%; background:var(--blue-soft); color:var(--blue); font-size:18px; }
.call-icon.active { background:#dcf7e4; color:var(--green); }.call-icon.missed { background:var(--red-soft); color:var(--red); }
.call-name { font-weight:650; font-size:14px; }.call-meta { color:var(--muted); font-size:12px; margin-top:5px; text-transform:capitalize; }
.status { color:var(--muted); font-size:12px; font-weight:650; text-transform:capitalize; white-space:nowrap; }.status.missed { color:var(--red); }
.row-actions { display:flex; gap:7px; flex-wrap:wrap; justify-content:flex-end; }.follow-up-control { display:flex; align-items:center; gap:6px; color:var(--muted); font-size:11px; font-weight:650; }.follow-up-control select { padding:6px 8px; border:1px solid var(--border); border-radius:8px; background:var(--surface); color:var(--text); }
.empty { padding:50px; text-align:center; color:var(--muted); }
.work-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }.work-section { padding:18px 20px; }.section-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:8px; }.section-heading h3 { margin:0; font-size:16px; }.work-row { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:12px 0; border-top:1px solid #e7e7eb; }.work-row strong,.work-row small { display:block; }.work-row small { margin-top:4px; color:var(--muted); font-size:12px; }.work-row select { padding:7px 8px; border:1px solid var(--border); border-radius:8px; background:var(--surface); color:var(--text); text-transform:capitalize; }.work-actions { display:flex; align-items:center; flex-wrap:wrap; justify-content:flex-end; gap:6px; }
.grid { display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap:16px; }.info-card { padding:22px; background:var(--surface); border:1px solid var(--border); border-radius:12px; }.info-card h3 { margin:0 0 7px; font-size:16px; }.info-card p { margin:0; color:var(--muted); font-size:14px; line-height:1.5; }.contact-timeline { margin-top:18px; padding-top:14px; border-top:1px solid #e7e7eb; }.contact-timeline > strong { display:block; margin-bottom:8px; font-size:12px; }.contact-timeline > div { display:flex; justify-content:space-between; gap:10px; margin-top:9px; color:var(--muted); font-size:12px; }.contact-timeline small { white-space:nowrap; }
.person-row, .setting-row { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:17px 20px; border-bottom:1px solid #e7e7eb; }.person-row:last-child, .setting-row:last-child { border-bottom:0; }.person { display:flex; gap:12px; align-items:center; }.avatar { width:36px; height:36px; border-radius:50%; display:grid; place-items:center; background:#e8e8ed; font-weight:700; font-size:13px; }.role, .setting-detail { color:var(--muted); font-size:12px; margin-top:4px; text-transform:capitalize; }.presence { color:var(--green); font-size:12px; font-weight:650; text-transform:capitalize; }.presence-button { border:0; border-radius:8px; padding:7px 10px; color:var(--green); background:var(--green-soft); font-size:12px; font-weight:650; text-transform:capitalize; }
.dialer { max-width:560px; }.dialer-label { display:grid; gap:7px; margin-bottom:12px; color:var(--muted); font-size:13px; font-weight:650; }.dialer-label select { width:100%; padding:12px; border:1px solid var(--border); border-radius:9px; background:var(--surface); color:var(--text); }.dialer input { width:100%; padding:19px; font-size:28px; border:1px solid var(--border); border-radius:12px; outline:none; color:var(--text); background:var(--surface); }.dialer input:focus { border-color:var(--blue); box-shadow:0 0 0 3px var(--blue-soft); }.dialer .button { margin-top:14px; width:100%; }.helper { color:var(--muted); font-size:13px; line-height:1.5; margin-top:18px; }
.message-layout { display:grid; grid-template-columns: 280px minmax(0, 1fr); gap:16px; }.conversation-list { padding:8px; }.conversation { width:100%; display:grid; gap:5px; text-align:left; border:0; border-radius:9px; background:transparent; padding:13px 12px; color:var(--text); }.conversation:hover, .conversation.selected { background:#e8e8ed; }.conversation span, .conversation small { color:var(--muted); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:12px; }.thread { min-height:420px; display:flex; flex-direction:column; }.thread-head { padding:18px 20px; border-bottom:1px solid #e7e7eb; }.thread-head span { display:block; color:var(--muted); font-size:12px; margin-top:4px; }.thread-note { margin:10px 0 0; color:var(--muted); font-size:12px; line-height:1.4; }.assignment-control { display:flex; align-items:center; gap:8px; margin-top:10px; color:var(--muted); font-size:12px; font-weight:600; }.assignment-control select { border:1px solid var(--border); border-radius:8px; padding:6px 8px; background:var(--surface); color:var(--text); }.thread-body { flex:1; padding:20px; display:grid; align-content:end; gap:10px; }.bubble { max-width:70%; padding:10px 13px; border-radius:14px; background:#e8e8ed; font-size:14px; line-height:1.4; }.bubble.outbound { margin-left:auto; background:var(--blue); color:white; }.bubble small { display:block; opacity:.65; font-size:10px; margin-top:5px; }.attachment { display:block; margin-top:6px; color:var(--blue); font-size:12px; overflow-wrap:anywhere; }.bubble.outbound .attachment { color:#fff; }.composer { display:grid; grid-template-columns:minmax(0, 1fr) minmax(160px, .55fr) auto; gap:10px; padding:14px; border-top:1px solid #e7e7eb; }.composer input { min-width:0; border:1px solid var(--border); border-radius:9px; padding:10px 12px; outline:none; }.composer input:focus { border-color:var(--blue); }
.routing-panel { display:grid; grid-template-columns: 1.5fr repeat(3, 1fr) auto; gap:14px; align-items:end; margin-bottom:16px; padding:20px; background:var(--surface); border:1px solid var(--border); border-radius:12px; }.routing-panel h3 { margin:0; font-size:16px; }.routing-panel p { margin:5px 0 0; color:var(--muted); font-size:12px; }.routing-panel label { display:grid; gap:6px; color:var(--muted); font-size:12px; font-weight:600; }.routing-panel select, .routing-panel input { width:100%; padding:9px 10px; border:1px solid var(--border); border-radius:8px; background:var(--surface); color:var(--text); }
.hours-panel { margin-bottom:16px; padding:20px; background:var(--surface); border:1px solid var(--border); border-radius:12px; }.hours-panel h3 { margin:0; font-size:16px; }.hours-panel p { margin:5px 0 16px; color:var(--muted); font-size:12px; }.hours-grid { display:grid; grid-template-columns:repeat(7, minmax(0, 1fr)); gap:8px; }.hour-chip { display:grid; gap:5px; padding:10px 5px; border:1px solid var(--border); border-radius:8px; background:var(--surface-subtle); color:var(--text); }.hour-chip span { color:var(--muted); font-size:10px; }.hour-chip.open { border-color:#b9e5c3; background:var(--green-soft); }.hour-chip.closed { color:var(--muted); }
.holiday-list { display:grid; gap:10px; }.holiday-row { display:flex; justify-content:space-between; gap:12px; padding:11px 0; border-top:1px solid #e7e7eb; font-size:13px; }.holiday-row span { color:var(--muted); font-size:12px; }
.member-list { display:grid; gap:8px; }.member-row { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 0; border-top:1px solid #e7e7eb; }.member-row label { display:flex; align-items:center; gap:10px; min-width:0; }.member-row input { width:16px; height:16px; accent-color:var(--blue); }.member-row label span { display:grid; gap:3px; }.member-row small { color:var(--muted); font-size:12px; text-transform:capitalize; }.member-controls { display:flex; gap:6px; }.icon-button { width:30px; height:30px; border:1px solid var(--border); border-radius:7px; background:var(--surface); color:var(--text); cursor:pointer; }.icon-button:disabled { opacity:.35; cursor:default; }
.contact-form { margin-bottom:16px; }.contact-form form { display:grid; gap:14px; }.form-grid { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:12px; }.form-grid label { display:grid; gap:6px; color:var(--muted); font-size:12px; font-weight:650; }.form-grid input { width:100%; min-width:0; padding:10px 12px; border:1px solid var(--border); border-radius:9px; background:var(--surface); color:var(--text); outline:none; }.form-grid input:focus { border-color:var(--blue); box-shadow:0 0 0 3px var(--blue-soft); }
.crm-layout { display:grid; grid-template-columns:minmax(290px, .75fr) minmax(0, 1.25fr); gap:16px; align-items:start; }.crm-form-card,.crm-list-card { padding:22px; background:var(--surface); border:1px solid var(--border); border-radius:16px; box-shadow:var(--shadow); }.crm-card-heading,.crm-list-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; }.crm-form-card h3,.crm-list-card h3 { margin:5px 0 0; font-size:18px; letter-spacing:-.3px; }.section-kicker { color:var(--blue); font-size:10px; font-weight:800; letter-spacing:1.2px; }.crm-form-card .helper { margin:12px 0 18px; }.crm-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:13px; }.crm-form-grid label { display:grid; gap:7px; color:var(--muted); font-size:12px; font-weight:700; }.crm-form-grid input,.crm-form-grid textarea { width:100%; min-width:0; padding:11px 12px; border:1px solid var(--border); border-radius:10px; background:var(--surface-subtle); color:var(--text); outline:none; resize:vertical; }.crm-form-grid input:focus,.crm-form-grid textarea:focus,.crm-search input:focus { border-color:var(--blue); box-shadow:0 0 0 3px var(--blue-soft); }.crm-full { grid-column:1 / -1; }.crm-form-actions { display:flex; gap:8px; margin-top:18px; }.crm-search { display:flex; align-items:center; gap:7px; min-width:220px; padding:0 10px; border:1px solid var(--border); border-radius:10px; background:var(--surface-subtle); color:var(--muted); }.crm-search input { width:100%; min-width:0; padding:10px 0; border:0; outline:0; background:transparent; color:var(--text); font-size:12px; }.crm-contact-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:20px; }.crm-contact-card { min-width:0; padding:16px; border:1px solid #e3e5e9; border-radius:13px; background:linear-gradient(145deg,#fff,#fafbfc); }.crm-contact-top { display:flex; align-items:center; gap:10px; }.crm-contact-identity { min-width:0; flex:1; }.crm-contact-identity strong,.crm-contact-identity span { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.crm-contact-identity strong { font-size:14px; }.crm-contact-identity span { margin-top:3px; color:var(--muted); font-size:11px; }.crm-contact-phone { margin-top:15px; color:var(--text); font-size:12px; font-weight:650; }.crm-tags { display:flex; flex-wrap:wrap; gap:5px; margin-top:10px; }.crm-tags span,.count-pill { padding:4px 7px; border-radius:999px; background:var(--blue-soft); color:var(--blue); font-size:10px; font-weight:750; }.crm-notes { min-height:36px; margin:12px 0; color:var(--muted); font-size:12px; line-height:1.45; }.crm-contact-actions { display:flex; gap:6px; }.crm-contact-actions .button { flex:1; }.crm-recent { display:grid; grid-template-columns:1fr auto; gap:5px 8px; margin-top:14px; padding-top:12px; border-top:1px solid #edf0f2; color:var(--muted); font-size:10px; }.crm-recent small { white-space:nowrap; }.empty-line { display:block; color:#a0a7ae; }.crm-empty { display:grid; place-items:center; grid-column:1 / -1; min-height:190px; padding:25px; color:var(--muted); text-align:center; }.crm-empty > span { display:grid; place-items:center; width:44px; height:44px; margin-bottom:12px; border-radius:14px; background:var(--blue-soft); color:var(--blue); font-size:22px; }.crm-empty strong { color:var(--text); font-size:14px; }.crm-empty p { margin:6px 0 0; font-size:12px; }.crm-empty.compact { display:block; min-height:0; padding:25px 5px; text-align:left; }.crm-empty.compact p { margin-top:5px; }.crm-error { margin-bottom:14px; padding:11px 13px; border:1px solid #ffd1d5; border-radius:10px; background:var(--red-soft); color:var(--red); font-size:12px; }.crm-work-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }.crm-work-card { padding:20px; }.crm-work-row { display:grid; grid-template-columns:32px minmax(0,1fr) auto; gap:10px; align-items:center; padding:13px 0; border-top:1px solid #edf0f2; }.crm-work-row strong,.crm-work-row small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.crm-work-row strong { font-size:13px; }.crm-work-row small { margin-top:4px; color:var(--muted); font-size:11px; }.crm-work-row select { max-width:115px; padding:7px 8px; border:1px solid var(--border); border-radius:8px; background:var(--surface); color:var(--text); font-size:11px; text-transform:capitalize; }.crm-work-icon { display:grid; place-items:center; width:30px; height:30px; border-radius:10px; font-weight:800; }.crm-work-icon.lead { background:#e8f2ff; color:var(--blue); }.crm-work-icon.job { background:#e9f7ed; color:var(--green); }.crm-work-icon.appointment { background:#fff4dc; color:#9a6b00; }.crm-appointment-form { margin-bottom:16px; padding:20px; }.crm-appointment-form form { margin-top:15px; }.count-pill { background:#f0f1f4; color:var(--muted); }
.contact-form-header { display:flex; align-items:center; justify-content:space-between; gap:12px; }.contact-form-header h3 { margin:0; font-size:16px; }.number-panel { margin-bottom:16px; padding:20px; background:var(--surface); border:1px solid var(--border); border-radius:12px; }.number-panel h3 { margin:0; font-size:16px; }.number-panel p { margin:5px 0 14px; color:var(--muted); font-size:12px; }.number-list { display:grid; gap:0; }.number-row { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:11px 0; border-top:1px solid #e7e7eb; }.number-row strong, .number-row small { display:block; }.number-row small { margin-top:4px; color:var(--muted); font-size:12px; }.number-row select { min-width:160px; padding:8px 10px; border:1px solid var(--border); border-radius:8px; background:var(--surface); color:var(--text); }
.subscription-panel { margin-bottom:16px; padding:20px; background:var(--surface); border:1px solid var(--border); border-radius:12px; }.subscription-panel h3 { margin:0; font-size:16px; }.subscription-panel p { margin:5px 0 14px; color:var(--muted); font-size:12px; }.subscription-list { display:grid; gap:0; }.subscription-row { display:grid; grid-template-columns:minmax(150px, 1fr) auto auto; align-items:center; gap:14px; padding:11px 0; border-top:1px solid #e7e7eb; }.subscription-row strong, .subscription-row small { display:block; }.subscription-row small { margin-top:4px; color:var(--muted); font-size:12px; }.subscription-plan { display:grid; gap:4px; color:var(--muted); font-size:11px; }.subscription-plan select { min-width:120px; padding:8px 10px; border:1px solid var(--border); border-radius:8px; background:var(--surface); color:var(--text); }.subscription-cancel { display:flex; align-items:center; gap:6px; color:var(--muted); font-size:11px; white-space:nowrap; }
.team-invite-panel { margin-bottom:16px; padding:20px; background:var(--surface); border:1px solid var(--border); border-radius:12px; }.team-invite-panel h3 { margin:0; font-size:16px; }.team-invite-panel p { margin:5px 0 14px; color:var(--muted); font-size:12px; }.team-invite-panel form { display:grid; gap:14px; }
.porting-panel { margin-bottom:16px; padding:20px; background:var(--surface); border:1px solid var(--border); border-radius:12px; }.porting-panel h3 { margin:0; font-size:16px; }.porting-panel p { margin:5px 0 14px; color:var(--muted); font-size:12px; }.porting-panel form { display:grid; gap:14px; }.port-list { display:grid; margin-top:16px; }.port-row { display:flex; justify-content:space-between; align-items:center; gap:14px; padding:11px 0; border-top:1px solid #e7e7eb; }.port-row strong, .port-row small { display:block; }.port-row small { margin-top:4px; color:var(--muted); font-size:12px; }
.voicemail-panel { margin-top:16px; padding:20px; background:var(--surface); border:1px solid var(--border); border-radius:12px; }.voicemail-title { display:flex; justify-content:space-between; align-items:center; }.voicemail-title h3 { margin:0; font-size:16px; }.voicemail-title span { color:var(--red); font-size:12px; font-weight:650; }.voicemail-row { display:flex; justify-content:space-between; align-items:center; gap:14px; padding:13px 0; border-top:1px solid #e7e7eb; margin-top:12px; }.voicemail-row small { display:block; margin-top:4px; color:var(--muted); font-size:12px; }
@media (max-width: 760px) { .sidebar { width:68px; padding:20px 8px; }.brand { padding:0 12px 28px; }.brand span, .workspace, .nav-label, .sidebar-foot { display:none; }.nav button { text-align:center; padding:12px 8px; }.nav-icon { width:auto; }.topbar { padding:0 20px; }.content { padding:24px 20px 40px; }.call-row { grid-template-columns:38px minmax(0,1fr); }.call-row .status, .row-actions { grid-column:2; }.grid, .message-layout, .work-grid { grid-template-columns:1fr; }.routing-panel { grid-template-columns:1fr 1fr; }.routing-panel > div { grid-column:1 / -1; }.hours-grid { grid-template-columns:repeat(4, minmax(0, 1fr)); }.composer { grid-template-columns:1fr auto; }.composer input:nth-child(2) { grid-column:1 / -1; grid-row:2; } }
@media (max-width:900px) { .crm-layout,.crm-work-grid { grid-template-columns:1fr; }.crm-contact-list { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:560px) { .crm-form-grid,.crm-contact-list { grid-template-columns:1fr; }.crm-full { grid-column:auto; }.crm-list-heading { display:block; }.crm-search { margin-top:14px; min-width:0; }.crm-work-row { grid-template-columns:30px minmax(0,1fr); }.crm-work-row select { grid-column:2; max-width:none; width:max-content; } }
.danger-icon { color:var(--red) !important; background:var(--red-soft) !important; }
.tour-backdrop { position:fixed; inset:0; z-index:20; display:grid; place-items:center; padding:24px; background:rgba(18,24,31,.42); backdrop-filter:blur(10px); animation:fade-in .2s ease-out; }
.incoming-toast { position:fixed; right:28px; bottom:28px; z-index:15; display:flex; align-items:center; gap:14px; width:min(430px,calc(100vw - 40px)); padding:16px; border:1px solid #b9e5c3; border-radius:16px; background:rgba(255,255,255,.94); box-shadow:0 18px 55px rgba(0,0,0,.18); backdrop-filter:blur(16px); animation:toast-in .3s ease-out; }
.incoming-toast-icon { display:grid; place-items:center; width:42px; height:42px; flex:0 0 42px; border-radius:50%; background:var(--green-soft); color:var(--green); font-size:22px; }.incoming-toast-copy { min-width:0; flex:1; }.incoming-toast-copy span,.incoming-toast-copy strong,.incoming-toast-copy small { display:block; }.incoming-toast-copy span { color:var(--green); font-size:10px; font-weight:800; letter-spacing:.8px; text-transform:uppercase; }.incoming-toast-copy strong { margin-top:4px; overflow:hidden; text-overflow:ellipsis; font-size:15px; }.incoming-toast-copy small { margin-top:3px; color:var(--muted); font-size:11px; }.incoming-toast-actions { display:flex; flex-direction:column; gap:5px; }.incoming-toast-actions .button { padding:7px 10px; font-size:11px; white-space:nowrap; }
.tour-card { position:relative; width:min(510px,100%); padding:38px; border:1px solid rgba(255,255,255,.6); border-radius:24px; background:linear-gradient(145deg,#fff,#f5f7fa); box-shadow:0 30px 90px rgba(0,0,0,.22); }
.tour-target { position:relative; z-index:22 !important; box-shadow:0 0 0 5px rgba(0,113,227,.28),0 0 0 9999px rgba(18,24,31,.16) !important; background:#fff !important; color:var(--text) !important; }
.tour-close { position:absolute; top:15px; right:17px; width:32px; height:32px; border:0; border-radius:50%; background:#eef0f3; color:var(--muted); font-size:22px; line-height:1; }
.tour-kicker { color:var(--blue); font-size:10px; font-weight:800; letter-spacing:1.4px; }.tour-icon { display:grid; place-items:center; width:52px; height:52px; margin:28px 0 18px; border-radius:16px; background:var(--text); color:#fff; font-size:25px; }.tour-card h2 { margin:0; max-width:370px; font-size:30px; letter-spacing:-1px; }.tour-card p { margin:12px 0 30px; color:var(--muted); font-size:15px; line-height:1.55; }.tour-progress { display:flex; gap:7px; }.tour-progress i { display:block; width:30px; height:4px; border-radius:5px; background:#d8dce2; }.tour-progress i.active { background:var(--blue); }.tour-actions { display:flex; justify-content:space-between; align-items:center; margin-top:30px; }.tour-actions .button.primary span { margin-left:12px; }.tour-actions .button:first-child { border:0; background:transparent; color:var(--muted); }
@keyframes fade-in { from { opacity:0; } to { opacity:1; } } @keyframes toast-in { from { opacity:0; transform:translateY(12px) scale(.98); } to { opacity:1; transform:none; } }
@media (max-width:760px) { .overview-grid { grid-template-columns:repeat(2,1fr); }.overview-card { min-height:110px; }.panel-heading { align-items:flex-start; flex-direction:column; gap:8px; }.tour-card { padding:28px; } }
.holiday-editor { margin-bottom:16px; padding:20px; background:var(--surface); border:1px solid var(--border); border-radius:12px; }.holiday-editor h3 { margin:0; font-size:16px; }.holiday-editor p { margin:5px 0 14px; color:var(--muted); font-size:12px; }.holiday-editor-list { display:grid; gap:0; }.holiday-editor .holiday-row { align-items:center; }.holiday-editor form { display:grid; grid-template-columns:minmax(0,1fr) 160px auto; gap:10px; margin-top:14px; }.holiday-editor input { min-width:0; padding:10px 12px; border:1px solid var(--border); border-radius:9px; background:var(--surface); color:var(--text); outline:none; }.holiday-editor input:focus { border-color:var(--blue); box-shadow:0 0 0 3px var(--blue-soft); }
@media (max-width: 760px) { .holiday-editor form { grid-template-columns:1fr; } }
.auth-shell { min-height:100vh; display:grid; place-items:center; padding:24px; background:var(--background); }.auth-panel { width:min(420px,100%); display:grid; gap:14px; padding:32px; background:var(--surface); border:1px solid var(--border); border-radius:12px; box-shadow:0 16px 50px rgba(0,0,0,.08); }.auth-panel h1 { margin:10px 0 0; font-size:30px; }.auth-panel p { margin:0 0 8px; color:var(--muted); }.auth-panel label { display:grid; gap:7px; color:var(--muted); font-size:12px; font-weight:650; }.auth-panel input { padding:12px; border:1px solid var(--border); border-radius:9px; background:var(--surface); color:var(--text); }.auth-brand { display:flex; align-items:center; gap:10px; padding:0; }.auth-error { padding:10px 12px; border-radius:8px; color:var(--red); background:var(--red-soft); font-size:13px; }
.hours-editor { margin-bottom:16px; padding:20px; background:var(--surface); border:1px solid var(--border); border-radius:12px; }.hours-editor h3 { margin:0; font-size:16px; }.hours-editor p { margin:5px 0 14px; color:var(--muted); font-size:12px; }.hours-editor-list { display:grid; gap:0; }.hours-editor-row { display:grid; grid-template-columns:minmax(150px,1fr) 120px auto 120px; align-items:center; gap:10px; padding:10px 0; border-top:1px solid #e7e7eb; }.hours-day { display:flex; align-items:center; gap:9px; }.hours-day input { width:16px; height:16px; accent-color:var(--blue); }.hours-editor input[type="time"] { min-width:0; padding:9px 10px; border:1px solid var(--border); border-radius:9px; background:var(--surface); color:var(--text); }.hours-editor span { color:var(--muted); text-align:center; }
@media (max-width: 760px) { .hours-editor-row { grid-template-columns:minmax(0,1fr) 92px auto 92px; gap:6px; }.hours-editor input[type="time"] { padding:8px 4px; } }

/* Public landing page */
.landing-page { --ink:#14221f; --cream:#f4f0e8; --coral:#f05d49; --moss:#9fb89a; --yellow:#f2c96d; background:var(--cream); color:var(--ink); min-height:100vh; overflow:hidden; font-family: Georgia, "Times New Roman", serif; }
.landing-page a { color:inherit; text-decoration:none; }.landing-nav { max-width:1320px; margin:auto; padding:25px 42px; display:flex; align-items:center; justify-content:space-between; gap:30px; font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif; }.landing-brand { display:flex; align-items:center; gap:10px; font:700 21px/1 -apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif; letter-spacing:-.7px; }.landing-brand .brand-mark { background:var(--ink); color:var(--cream); width:31px; height:31px; border-radius:50%; }.landing-links { display:flex; gap:32px; color:#60706a; font-size:13px; }.landing-links a:hover,.nav-login:hover { color:var(--coral); }.nav-login { font-size:13px; font-weight:700; }.nav-login span { display:inline-grid; place-items:center; width:25px; height:25px; margin-left:7px; border:1px solid currentColor; border-radius:50%; }
.hero-section { max-width:1320px; min-height:730px; margin:auto; padding:70px 42px 92px; display:grid; grid-template-columns: .9fr 1.1fr; align-items:center; gap:50px; }.hero-copy { max-width:590px; position:relative; z-index:1; }.kicker { font:700 11px/1.2 -apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif; text-transform:uppercase; letter-spacing:1.5px; color:#68766e; }.pulse-dot { display:inline-block; width:8px; height:8px; background:var(--coral); border-radius:50%; margin-right:8px; box-shadow:0 0 0 6px rgba(240,93,73,.13); animation:pulse 2s infinite; }.hero-copy h1 { margin:22px 0 24px; font-size:clamp(58px,7vw,100px); line-height:.92; letter-spacing:-5px; font-weight:500; }.landing-page em { color:var(--coral); font-style:italic; }.hero-lede { max-width:480px; color:#5b6862; font:19px/1.45 -apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif; letter-spacing:-.3px; }.hero-actions { display:flex; align-items:center; gap:24px; margin-top:33px; font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif; }.cta-primary { display:inline-flex; align-items:center; gap:24px; padding:16px 19px 16px 22px; color:var(--cream)!important; background:var(--ink); border-radius:3px; font-size:13px; font-weight:700; transition:transform .2s,background .2s; }.cta-primary span { display:inline-grid; place-items:center; width:26px; height:26px; border:1px solid rgba(244,240,232,.45); border-radius:50%; font-size:16px; }.cta-primary:hover { background:var(--coral); transform:translateY(-2px); }.cta-quiet { font-size:13px; font-weight:700; color:#68766e!important; }.cta-quiet span { padding-left:7px; color:var(--coral); }.hero-proof { display:flex; align-items:center; gap:13px; margin-top:60px; color:#77837d; font:12px/1.35 -apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif; }.hero-proof strong { color:var(--ink); }.avatar-stack { display:flex; padding-left:9px; }.avatar-stack i { display:grid; place-items:center; width:31px; height:31px; margin-left:-9px; border:2px solid var(--cream); border-radius:50%; background:var(--moss); color:var(--ink); font:700 9px -apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif; }.avatar-stack i:nth-child(2){background:var(--yellow)}.avatar-stack i:nth-child(3){background:#d99782}.avatar-stack i:nth-child(4){background:var(--ink);color:var(--cream)}
.hero-visual { position:relative; min-height:510px; }.hero-visual:before { content:""; position:absolute; inset:-35px -35px 35px 45px; border:1px solid rgba(20,34,31,.18); border-radius:50%; transform:rotate(-9deg); }.hero-visual > img { position:absolute; right:0; top:0; width:94%; height:500px; object-fit:cover; border-radius:2px 100px 2px 2px; filter:saturate(.83); }.float-card { position:absolute; z-index:2; left:-10px; bottom:30px; width:255px; padding:17px; background:#fffaf2; box-shadow:0 18px 35px rgba(20,34,31,.16); animation:float 5s ease-in-out infinite; font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif; }.call-card-top { display:flex; align-items:center; gap:8px; color:#7a847e; font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:1px; }.call-card-top b { margin-left:auto; color:var(--coral); font-size:10px; }.mini-phone { display:grid; place-items:center; width:22px; height:22px; background:#dce9d5; color:var(--ink); border-radius:50%; }.call-card > strong { display:block; margin-top:17px; font:600 20px Georgia,serif; }.call-card > small { display:block; margin-top:5px; color:#78827c; font-size:11px; }.call-card-actions { display:flex; gap:7px; margin-top:16px; }.call-card-actions button,.call-card-actions a { border:0; padding:9px 10px; background:var(--ink); color:#fff; font-size:10px; font-weight:700; text-decoration:none; }.call-card-actions button+button,.call-card-actions a+a { background:#e8eee5; color:var(--ink); }.hero-sticker { position:absolute; right:-20px; bottom:-18px; padding:15px 17px; background:var(--yellow); transform:rotate(4deg); font:11px/1.3 -apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif; }.hero-sticker strong { font-size:13px; }
.logo-strip { border-top:1px solid rgba(20,34,31,.16); border-bottom:1px solid rgba(20,34,31,.16); padding:18px 42px; display:flex; align-items:center; justify-content:space-between; gap:30px; color:#89928d; font:10px -apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif; text-transform:uppercase; letter-spacing:1.5px; }.logo-strip div { display:flex; flex:1; justify-content:space-between; max-width:840px; color:#52645b; font-size:12px; letter-spacing:1px; }
.intro-section { max-width:1120px; margin:auto; padding:150px 42px 110px; display:grid; grid-template-columns:180px 1fr; gap:70px; }.section-label { color:#7d8b83; font:700 10px -apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif; text-transform:uppercase; letter-spacing:1.5px; }.intro-section h2,.workflow-heading h2,.teams-copy h2,.final-cta h2 { margin:0; font-size:clamp(43px,5vw,72px); line-height:.98; letter-spacing:-3px; font-weight:500; }.intro-section h2 span { color:#83928a; }.intro-section p { max-width:460px; margin:30px 0 0; color:#68766e; font:17px/1.5 -apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif; }
.feature-grid { max-width:1320px; margin:auto; padding:0 42px 160px; display:grid; grid-template-columns:1fr 1fr; gap:18px; }.feature-card { min-height:550px; padding:32px; position:relative; overflow:hidden; }.dark-card { background:var(--ink); color:var(--cream); }.light-card { background:#e4eadc; }.feature-number { display:block; font:700 10px -apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif; letter-spacing:1px; }.feature-card h3 { margin:70px 0 18px; font-size:43px; line-height:.96; letter-spacing:-2px; font-weight:500; }.feature-card p { max-width:340px; margin:0; color:#9ca9a1; font:15px/1.45 -apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif; }.light-card p { color:#66756b; }.light-card h3 em { color:var(--coral); }.ring-visual { position:absolute; right:-20px; bottom:-60px; width:300px; height:300px; }.ring-core { position:absolute; inset:104px; display:grid; place-items:center; background:var(--coral); color:var(--cream); border-radius:50%; font:bold 45px Georgia,serif; z-index:1; }.ring-orbit { position:absolute; inset:25px; border:1px solid rgba(244,240,232,.32); border-radius:50%; animation:spin 18s linear infinite; }.orbit-two { inset:55px -4px 55px 80px; transform:rotate(45deg); animation-direction:reverse; }.ring-node { position:absolute; z-index:2; display:grid; place-items:center; width:38px; height:38px; border:2px solid var(--ink); border-radius:50%; background:var(--yellow); color:var(--ink); font:700 11px -apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif; font-style:normal; }.node-one{top:11px;left:70px}.node-two{right:19px;top:122px;background:var(--moss)}.node-three{bottom:13px;left:86px;background:#d99782}.message-preview { position:absolute; right:28px; bottom:28px; left:28px; padding:18px; background:#fffaf2; box-shadow:0 14px 25px rgba(53,75,55,.1); font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif; }.preview-top,.preview-bottom { display:flex; align-items:center; gap:7px; font-size:11px; }.preview-top small { margin-left:auto; color:#8a948d; }.status-dot { width:7px; height:7px; border-radius:50%; background:var(--coral); }.preview-message { margin:22px 0; color:#65736a; font:14px/1.45 Georgia,serif; }.preview-message b { color:var(--ink); }.preview-bottom { padding-top:12px; border-top:1px solid #e2e5dd; color:#89948a; font-size:10px; }.preview-bottom b { margin-left:auto; color:var(--coral); }.image-card { grid-column:1 / -1; min-height:465px; padding:0; background:#d5e3cf; }.image-card img { width:100%; height:100%; min-height:465px; object-fit:cover; opacity:.78; mix-blend-mode:multiply; }.image-card-copy { position:absolute; inset:31px auto auto 32px; }.image-card-copy h3 { margin-top:70px; }.image-card-copy p { color:#4d6657; }
.workflow-section { max-width:1120px; margin:auto; padding:80px 42px 160px; display:grid; grid-template-columns:1fr 1.15fr; gap:100px; }.workflow-heading h2 { margin-top:70px; }.workflow-list { border-top:1px solid rgba(20,34,31,.22); }.workflow-step { display:grid; grid-template-columns:35px 1fr 20px; gap:18px; padding:24px 0; border-bottom:1px solid rgba(20,34,31,.22); color:#88958d; transition:color .2s, padding .2s; }.workflow-step span,.workflow-step b { font:700 11px -apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif; }.workflow-step strong { color:var(--ink); font:18px Georgia,serif; }.workflow-step p { margin:7px 0 0; max-width:380px; font:12px/1.45 -apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif; }.workflow-step b { text-align:right; color:var(--coral); }.workflow-step.active { padding-left:12px; color:var(--coral); background:rgba(255,250,242,.5); }
.teams-section { max-width:1320px; margin:auto; padding:0 42px 160px; display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; }.teams-copy p { max-width:400px; margin:30px 0; color:#66766d; font:17px/1.5 -apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif; }.teams-copy .section-label { margin-bottom:70px; }.team-photo { position:relative; height:440px; }.team-photo img { width:100%; height:100%; object-fit:cover; filter:saturate(.72); }.photo-caption { position:absolute; left:-20px; bottom:20px; padding:15px 19px; background:var(--yellow); font:11px/1.3 -apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif; }.photo-caption span { display:block; margin-bottom:7px; color:#796632; font-size:9px; letter-spacing:1px; }.photo-caption strong { font:18px/1 Georgia,serif; }
.final-cta { padding:150px 42px 170px; text-align:center; background:var(--coral); color:var(--cream); }.final-cta .kicker { color:rgba(244,240,232,.72); }.final-cta h2 { margin:30px 0 42px; font-size:clamp(58px,8vw,112px); }.final-cta em { color:var(--yellow); }.dark-cta { background:var(--ink); }.landing-footer { max-width:1320px; margin:auto; padding:25px 42px; display:flex; align-items:center; justify-content:space-between; gap:20px; color:#718078; font:11px -apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif; }.landing-footer .landing-brand { color:var(--ink); font-size:17px; }
@keyframes float { 0%,100%{transform:translateY(0) rotate(-2deg)} 50%{transform:translateY(-9px) rotate(0)} } @keyframes pulse { 0%,100%{box-shadow:0 0 0 5px rgba(240,93,73,.12)} 50%{box-shadow:0 0 0 10px rgba(240,93,73,0)} } @keyframes spin { to{transform:rotate(360deg)} }
@media (max-width:800px) { .landing-nav,.hero-section,.logo-strip,.intro-section,.feature-grid,.workflow-section,.teams-section,.landing-footer { padding-left:20px; padding-right:20px; }.landing-links { display:none; }.hero-section { min-height:0; padding-top:45px; display:block; }.hero-copy h1 { font-size:clamp(55px,16vw,92px); letter-spacing:-4px; }.hero-lede { font-size:16px; }.hero-visual { min-height:410px; margin-top:65px; }.hero-visual > img { height:390px; }.hero-visual:before { inset:-20px 0 20px 20px; }.float-card { left:-5px; bottom:2px; transform:scale(.85); transform-origin:left bottom; }.hero-sticker { right:0; bottom:-10px; }.logo-strip { display:block; }.logo-strip div { flex-wrap:wrap; gap:17px; margin-top:18px; }.intro-section,.workflow-section { display:block; padding-top:95px; padding-bottom:95px; }.intro-section .section-label,.workflow-heading .section-label { margin-bottom:45px; }.intro-section h2,.workflow-heading h2 { font-size:48px; }.feature-grid { display:block; padding-bottom:95px; }.feature-card { min-height:475px; margin-bottom:14px; }.feature-card h3 { margin-top:48px; font-size:40px; }.image-card { min-height:470px; }.image-card img { min-height:470px; }.workflow-list { margin-top:60px; }.teams-section { display:flex; flex-direction:column; gap:45px; padding-bottom:95px; align-items:stretch; }.teams-copy .section-label { margin-bottom:45px; }.teams-copy h2 { font-size:49px; }.team-photo { height:330px; }.landing-footer { flex-wrap:wrap; }.landing-footer > span:nth-child(2) { order:3; width:100%; } }

.pricing-section { max-width:1320px; margin:auto; padding:0 42px 160px; font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif; }
.pricing-heading { display:flex; align-items:end; justify-content:space-between; gap:30px; margin:30px 0 55px; }
.pricing-heading h2 { margin:0; font:500 clamp(46px,5vw,75px)/.95 Georgia,serif; letter-spacing:-3px; }
.pricing-heading p { max-width:430px; margin:25px 0 0; color:#68766e; font-size:16px; line-height:1.5; }
.country-switch { display:flex; gap:6px; padding:5px; background:#e7e2d9; border-radius:5px; flex-shrink:0; }
.country-button { border:0; padding:11px 14px; background:transparent; color:#68766e; border-radius:3px; font:700 11px -apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif; cursor:pointer; }
.country-button.active { background:var(--ink); color:var(--cream); }
.pricing-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.price-card { position:relative; min-height:430px; padding:28px; background:#e9e5dc; border:1px solid rgba(20,34,31,.08); border-radius:3px; display:flex; flex-direction:column; }
.price-card.featured { background:var(--ink); color:var(--cream); transform:translateY(-12px); }
.price-badge { position:absolute; top:0; right:20px; padding:8px 10px; background:var(--coral); color:var(--cream); font-size:9px; font-weight:800; text-transform:uppercase; letter-spacing:1px; }
.price-top { display:flex; justify-content:space-between; color:#68766e; font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:1.2px; }.featured .price-top { color:#aab8b0; }.price-key { color:var(--coral); }
.price { display:flex; align-items:baseline; gap:8px; margin:45px 0 10px; }.price strong { font:500 58px/.9 Georgia,serif; letter-spacing:-3px; }.price span { color:#829087; font-size:11px; }.featured .price span { color:#aab8b0; }
.price-card p { min-height:48px; color:#68766e; font-size:14px; line-height:1.45; }.featured p { color:#b7c3bc; }.price-divider { height:1px; margin:17px 0; background:rgba(20,34,31,.13); }.featured .price-divider { background:rgba(244,240,232,.18); }
.price-card ul { display:grid; gap:10px; margin:0 0 24px; padding:0; list-style:none; color:#596860; font-size:12px; }.featured ul { color:#c8d1cc; }.price-card li:before { content:"✓"; margin-right:9px; color:var(--coral); font-weight:800; }
.price-cta { margin-top:auto; display:flex; align-items:center; justify-content:space-between; width:100%; padding:14px 15px; border:0; background:var(--yellow); color:var(--ink); font-size:12px; font-weight:800; cursor:pointer; }.price-cta span { display:grid; place-items:center; width:23px; height:23px; border:1px solid rgba(20,34,31,.3); border-radius:50%; }.pricing-note { margin:20px 0 0; color:#829087; font-size:11px; }
@media (max-width:800px) { .pricing-section { padding:0 20px 95px; }.pricing-heading { display:block; }.country-switch { margin-top:30px; width:max-content; }.pricing-grid { display:block; }.price-card { margin-bottom:14px; }.price-card.featured { transform:none; } }
.crm-inline-form{margin-bottom:20px;padding:24px}.crm-inline-form .section-heading{margin-bottom:18px}.crm-inline-form form{display:grid;gap:16px}.crm-inline-form .button{justify-self:start}
.settings-tabs{display:flex;gap:8px;margin:0 0 22px;padding:5px;background:var(--surface-muted);border-radius:14px;width:max-content}.settings-tab{border:0;background:transparent;color:var(--muted);padding:10px 16px;border-radius:10px;font:inherit;font-weight:600;cursor:pointer}.settings-tab.active{background:var(--surface);color:var(--ink);box-shadow:0 2px 8px rgba(16,24,40,.08)}