:root {
  --bg: #fbfbff;
  --surface: #ffffff;
  --surface-soft: #f4f1ff;
  --ink: #17152b;
  --muted: #6d6983;
  --border: #e4e0f1;
  --grid: rgba(62, 48, 120, .055);
  --primary: #6c4df6;
  --primary-strong: #5735ef;
  --cyan: #19bfd0;
  --coral: #ff6b7a;
  --lime: #b6ed45;
  --shadow: 0 26px 70px rgba(64, 43, 134, .12);
}

.billing-payment-status {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  align-items: center;
  gap: .85rem;
  width: 100%;
  margin-top: 1rem;
  padding: 1rem;
  border: 1px solid color-mix(in srgb, var(--primary) 38%, var(--border));
  border-radius: 14px;
  background: color-mix(in srgb, var(--primary) 10%, var(--surface));
  box-shadow: 0 12px 30px color-mix(in srgb, var(--primary) 10%, transparent);
}

.billing-payment-status[hidden] {
  display: none;
}

.billing-payment-success-action {
  margin-top: 1rem;
}

.billing-payment-status-icon {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--primary) 18%, var(--surface));
  color: var(--primary);
  font-size: 1rem;
  font-weight: 800;
}

.billing-payment-status-copy {
  display: grid;
  gap: .2rem;
}

.billing-payment-status-copy strong {
  color: var(--ink);
  font-size: .82rem;
}

.billing-payment-status-copy > span {
  color: color-mix(in srgb, var(--ink) 72%, var(--muted));
  font-size: .69rem;
  line-height: 1.45;
}

.billing-payment-status[data-state='loading'] .billing-payment-status-icon {
  border: 3px solid color-mix(in srgb, var(--primary) 25%, transparent);
  border-top-color: var(--primary);
  background: transparent;
  animation: billing-status-spin .8s linear infinite;
}

.billing-payment-status[data-state='pending'] {
  border-color: color-mix(in srgb, #e4a72c 55%, var(--border));
  background: color-mix(in srgb, #e4a72c 14%, var(--surface));
}

.billing-payment-status[data-state='pending'] .billing-payment-status-icon {
  background: color-mix(in srgb, #e4a72c 20%, var(--surface));
  color: color-mix(in srgb, #e4a72c 78%, var(--ink));
}

.billing-payment-status[data-state='pending'] .billing-payment-status-icon::before {
  content: '…';
}

.billing-payment-status[data-state='success'] {
  border-color: color-mix(in srgb, #55b96b 58%, var(--border));
  background: color-mix(in srgb, #55b96b 14%, var(--surface));
}

.billing-payment-status[data-state='success'] .billing-payment-status-icon {
  background: color-mix(in srgb, #55b96b 22%, var(--surface));
  color: color-mix(in srgb, #55b96b 74%, var(--ink));
}

.billing-payment-status[data-state='success'] .billing-payment-status-icon::before {
  content: '✓';
}

.billing-payment-status[data-state='error'] {
  border-color: color-mix(in srgb, var(--coral) 62%, var(--border));
  background: color-mix(in srgb, var(--coral) 14%, var(--surface));
}

.billing-payment-status[data-state='error'] .billing-payment-status-icon {
  background: color-mix(in srgb, var(--coral) 22%, var(--surface));
  color: color-mix(in srgb, var(--coral) 80%, var(--ink));
}

.billing-payment-status[data-state='error'] .billing-payment-status-icon::before {
  content: '!';
}

.billing-payment-status[data-state='info'] .billing-payment-status-icon::before {
  content: 'i';
}

@keyframes billing-status-spin {
  to { transform: rotate(360deg); }
}

@media (prefers-reduced-motion: reduce) {
  .billing-payment-status[data-state='loading'] .billing-payment-status-icon {
    animation-duration: 1.8s;
  }
}

[data-theme='dark'] {
  --bg: #0c0b16;
  --surface: #131120;
  --surface-soft: #1a1630;
  --ink: #f7f5ff;
  --muted: #a49dbd;
  --border: #2b2640;
  --grid: rgba(255, 255, 255, .045);
  --primary: #987cff;
  --primary-strong: #7b5df5;
  --cyan: #35d5df;
  --coral: #ff8390;
  --lime: #c6f366;
  --shadow: 0 28px 80px rgba(0, 0, 0, .3);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--bg); color: var(--ink); font-family: Inter, system-ui, sans-serif; letter-spacing: -.01em; }
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; }
.site-shell { width: min(1180px, calc(100% - 3rem)); margin-inline: auto; }

.site-header { position: sticky; top: 0; z-index: 30; border-bottom: 1px solid color-mix(in srgb, var(--border) 80%, transparent); background: color-mix(in srgb, var(--bg) 82%, transparent); backdrop-filter: blur(20px); }
.nav-shell { min-height: 72px; display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.brand { display: inline-flex; align-items: center; gap: .7rem; }
.brand-mark { width: 34px; height: 34px; flex: 0 0 auto; border-radius: 11px; background: url("logo-mark.a0dc8adbc42d.svg") center/contain no-repeat; box-shadow: 0 10px 28px color-mix(in srgb, var(--primary) 26%, transparent); }
[data-theme='dark'] .brand-mark { background-image: url("logo-mark-dark.3e0e357e3d4c.svg"); box-shadow: 0 10px 28px rgba(0,0,0,.3); }
.brand-wordmark {
  display: inline-flex;
  align-items: baseline;
  color: var(--ink);
  font-family: "Avenir Next","Segoe UI Variable Display","SF Pro Display",Manrope,Inter,system-ui,sans-serif;
  font-size: .96rem;
  font-weight: 760;
  letter-spacing: -.07em;
  line-height: 1;
}
.brand-wordmark-din {
  padding-right: .03em;
  background: linear-gradient(110deg,var(--primary) 12%,var(--cyan));
  background-clip: text;
  color: transparent;
  -webkit-background-clip: text;
}
[data-theme='dark'] .brand-wordmark-din {
  background-image: linear-gradient(110deg,#a79cf8 12%,#43dae4);
}
.nav-actions { display: flex; align-items: center; gap: .4rem; }
.language-form { display: flex; align-items: center; gap: .45rem; }
.language-form label { position: absolute; width: 1px; height: 1px; overflow: hidden; }
.nav-control { min-height: 32px; border: 1px solid var(--border); border-radius: 999px; background: color-mix(in srgb, var(--surface) 80%, transparent); color: var(--muted); padding: 0 .55rem; font-size: .68rem; cursor: pointer; }
.language-form select { width: 54px; }
.theme-toggle { width: 32px; padding: 0; display: grid; place-items: center; font-size: .7rem; }
.nav-link { appearance: none; border: 0; background: transparent; font-size: .74rem; font-weight: 600; color: var(--muted); padding: .55rem .65rem; cursor: pointer; white-space: nowrap; }
.nav-link:hover { color: var(--primary); }
.logout-form { margin: 0; }
.nav-actions .nav-cta { min-height: 38px; padding-inline: .85rem; font-size: .74rem; }

.button { appearance: none; min-height: 46px; display: inline-flex; align-items: center; justify-content: center; gap: .55rem; border: 1px solid var(--border); border-left: 0 !important; border-radius: 12px; outline: 0; padding: 0 1.1rem; background: var(--surface); color: var(--ink); font-size: .82rem; font-weight: 650; cursor: pointer; transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease; }
.button:hover { transform: translateY(-2px); border-color: var(--primary); }
.button-primary { border-color: transparent; color: #fff; background: linear-gradient(135deg, var(--primary-strong), var(--primary) 58%, var(--cyan)); box-shadow: none; }
.button-ghost { background: color-mix(in srgb, var(--surface) 70%, transparent); }
.button-arrow { transition: transform 160ms ease; }
.button:hover .button-arrow { transform: translateX(4px); }
.button:focus-visible { outline: 2px solid var(--primary); outline-offset: 3px; box-shadow: none; }

.hero { position: relative; min-height: 680px; display: flex; align-items: center; overflow: hidden; border-bottom: 1px solid var(--border); background-image: linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px); background-size: 46px 46px; }
.hero::before { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, var(--bg), transparent 42%, transparent 72%, var(--bg)); }
.hero-glow { position: absolute; width: 600px; height: 600px; right: 0; top: 0; border-radius: 50%; background: radial-gradient(circle, color-mix(in srgb, var(--primary) 22%, transparent), color-mix(in srgb, var(--cyan) 8%, transparent) 42%, transparent 68%); filter: blur(55px); }
.hero-grid { position: relative; display: grid; grid-template-columns: 1.05fr .95fr; gap: 5rem; align-items: center; padding-block: 6.5rem; }
.eyebrow { display: inline-flex; align-items: center; gap: .5rem; color: var(--primary); font: 500 .68rem DM Mono, monospace; letter-spacing: .1em; text-transform: uppercase; }
.eyebrow::before { content: ''; width: 18px; height: 1px; background: currentColor; }
.hero h1 { max-width: 680px; margin: 1rem 0 1.4rem; font: 650 clamp(2.5rem, 5.2vw, 4.6rem)/.98 Manrope, sans-serif; letter-spacing: -.065em; }
.hero h1 em { font-family: Georgia, serif; font-weight: 400; color: var(--primary); }
.hero-lead { max-width: 620px; margin: 0; color: var(--muted); font-size: clamp(1rem, 1.4vw, 1.16rem); line-height: 1.75; }
.hero-actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 2rem; }
.hero-note { display: flex; gap: 1rem; align-items: center; margin-top: 1.4rem; color: var(--muted); font-size: .72rem; }
.pulse { width: 8px; height: 8px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 0 6px color-mix(in srgb, var(--lime) 18%, transparent); }

.system-visual { position: relative; width: min(100%, 480px); aspect-ratio: 1; margin: auto; }
.visual-grid { position: absolute; inset: 12%; border: 1px solid var(--border); border-radius: 26px; transform: rotate(45deg); background-image: linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px); background-size: 28px 28px; box-shadow: var(--shadow); }
.orbit { position: absolute; inset: 13%; border: 1px solid color-mix(in srgb, var(--primary) 40%, var(--border)); border-radius: 50%; animation: spin 30s linear infinite; }
.orbit-two { inset: 31%; border-style: dashed; animation-duration: 19s; animation-direction: reverse; }
.visual-node { position: absolute; z-index: 2; display: grid; place-items: center; align-content: center; border: 1px solid var(--border); border-radius: 50%; background: color-mix(in srgb, var(--surface) 88%, transparent); box-shadow: 0 15px 38px color-mix(in srgb, var(--primary) 12%, transparent); backdrop-filter: blur(12px); transition: transform 180ms ease, border-color 180ms ease; }
.visual-node:hover { transform: scale(1.08); border-color: var(--primary); }
.visual-node span { color: var(--muted); font: 500 .5rem DM Mono, monospace; letter-spacing: .08em; }
.visual-node strong { margin-top: .15rem; font: 650 .72rem Manrope, sans-serif; }
.node-main { inset: 37%; background: linear-gradient(145deg, var(--surface), var(--surface-soft)); border-color: color-mix(in srgb, var(--primary) 55%, var(--border)); }
.node-a, .node-b, .node-c, .node-d { width: 74px; height: 74px; }
.node-a { left: 5%; top: 20%; }
.node-b { right: 0; top: 23%; }
.node-c { left: 10%; bottom: 12%; }
.node-d { right: 8%; bottom: 8%; }
.node-a strong { color: var(--coral); }.node-b strong { color: var(--cyan); }.node-c strong { color: var(--primary); }.node-d strong { color: #7cab12; }
.visual-status { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); color: var(--muted); font: 500 .58rem DM Mono, monospace; letter-spacing: .08em; white-space: nowrap; }

.metric-strip { border-bottom: 1px solid var(--border); background: var(--surface); }
.metrics { display: grid; grid-template-columns: repeat(3, 1fr); }
.metric { padding: 2rem; border-right: 1px solid var(--border); }
.metric:last-child { border-right: 0; }
.metric strong { display: block; font: 650 1.7rem Manrope, sans-serif; color: var(--primary); }
.metric span { color: var(--muted); font-size: .75rem; }

.section { padding-block: 7rem; }
.section-head { max-width: 760px; margin-bottom: 3rem; }
.section-head h2 { margin: .8rem 0 1rem; font: 650 clamp(2rem, 4vw, 3.4rem)/1.05 Manrope, sans-serif; letter-spacing: -.05em; }
.section-head p { margin: 0; color: var(--muted); line-height: 1.7; }
.feature-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
.feature-card { position: relative; min-height: 270px; overflow: hidden; padding: 1.7rem; border: 1px solid var(--border); border-radius: 18px; background: var(--surface); transition: transform 180ms ease, box-shadow 180ms ease; }
.feature-card:hover { transform: translateY(-5px); box-shadow: var(--shadow); }
.feature-index { color: var(--primary); font: 500 .66rem DM Mono, monospace; }
.feature-icon { width: 46px; height: 46px; display: grid; place-items: center; margin: 2.4rem 0 1.2rem; border-radius: 14px; background: var(--surface-soft); color: var(--primary); font-size: 1.2rem; }
.feature-card h3 { margin: 0 0 .7rem; font: 650 1.08rem Manrope, sans-serif; }
.feature-card p { margin: 0; color: var(--muted); font-size: .82rem; line-height: 1.65; }

.cta-band { position: relative; overflow: hidden; border-block: 1px solid var(--border); background: linear-gradient(135deg, color-mix(in srgb, var(--primary) 10%, var(--surface)), color-mix(in srgb, var(--cyan) 8%, var(--surface))); }
.cta { padding-block: 6rem; display: flex; align-items: end; justify-content: space-between; gap: 2rem; }
.cta h2 { max-width: 720px; margin: .8rem 0 0; font: 650 clamp(2rem, 4vw, 3.6rem)/1.04 Manrope, sans-serif; letter-spacing: -.055em; }
.site-footer { padding-block: 2rem; color: var(--muted); font-size: .72rem; }

.page-main { min-height: calc(100vh - 72px); padding-block: 4rem 6rem; background-image: radial-gradient(circle at 80% 5%, color-mix(in srgb, var(--primary) 12%, transparent), transparent 30rem); }
.form-layout { display: grid; grid-template-columns: .85fr 1.15fr; gap: 2rem; align-items: start; }
.form-intro { position: sticky; top: 120px; }
.form-intro h1 { margin: 1rem 0; font: 650 clamp(2rem, 4vw, 3.5rem)/1.04 Manrope, sans-serif; letter-spacing: -.05em; }
.form-intro p { color: var(--muted); line-height: 1.7; }
.form-card { padding: clamp(1.5rem, 4vw, 2.5rem); border: 1px solid var(--border); border-radius: 20px; background: var(--surface); box-shadow: var(--shadow); }
.form-card h2 { margin-top: 0; }
.form-card form p, .field { display: grid; gap: .45rem; margin: 0 0 1rem; }
.form-card label { color: var(--muted); font-size: .76rem; font-weight: 600; }
.form-card input, .form-card textarea, .form-card select { width: 100%; min-height: 48px; padding: .75rem .9rem; border: 1px solid var(--border); border-radius: 11px; outline: 0; background: var(--bg); color: var(--ink); }
.form-card textarea { min-height: 130px; resize: vertical; }
.form-card input:focus, .form-card textarea:focus, .form-card select:focus { border-color: var(--primary); box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 12%, transparent); }
.form-card ul { margin: -.25rem 0 1rem; padding-left: 1.15rem; color: var(--muted); font-size: .68rem; line-height: 1.55; }
.password-reset-confirmation { display: grid; gap: 1.15rem; }
.password-reset-confirmation-mark { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 14px; background: color-mix(in srgb, #249e67 13%, var(--surface)); color: #18794e; }
.password-reset-confirmation-mark svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.password-reset-confirmation h2 { margin: 0 0 .45rem; }
.password-reset-confirmation p { margin: 0; color: var(--muted); font-size: .8rem; line-height: 1.7; }
.password-reset-confirmation .password-reset-help { padding-top: 1rem; border-top: 1px solid var(--border); font-size: .72rem; }
.password-reset-actions { display: flex; flex-wrap: wrap; align-items: center; gap: .35rem .75rem; font-size: .72rem; }
.password-reset-actions a { color: var(--muted); text-decoration: none; transition: color .15s ease; }
.password-reset-actions a:hover { color: var(--primary); }
.password-reset-actions span { color: color-mix(in srgb, var(--muted) 55%, transparent); }
.upload-zone { position: relative; min-height: 156px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .35rem; padding: 1.25rem; overflow: hidden; border: 1px dashed color-mix(in srgb, var(--primary) 55%, var(--border)); border-radius: 16px; background: linear-gradient(145deg, color-mix(in srgb, var(--primary) 7%, var(--bg)), color-mix(in srgb, var(--cyan) 5%, var(--bg))); text-align: center; transition: border-color 160ms ease, transform 160ms ease; }
.upload-zone:hover { border-color: var(--cyan); transform: translateY(-2px); }
.upload-zone .upload-icon { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 13px; background: linear-gradient(135deg, var(--primary), var(--cyan)); color: #fff; font-size: 1.25rem; box-shadow: 0 10px 24px color-mix(in srgb, var(--primary) 24%, transparent); }
.upload-zone strong { font: 650 .84rem Manrope, sans-serif; }
.upload-zone small { color: var(--muted); font-size: .68rem; }
.form-card .upload-zone input[type='file'] { min-height: 40px; max-width: 330px; margin-top: .4rem; padding: .25rem; border: 0; background: transparent; color: var(--muted); font-size: .68rem; }
.upload-zone input[type='file']::file-selector-button { appearance: none; margin-right: .7rem; padding: .55rem .75rem; border: 1px solid var(--border); border-radius: 9px; background: var(--surface); color: var(--ink); font-weight: 650; cursor: pointer; }
.helptext { color: var(--muted); font-size: .68rem; }
.errorlist { color: var(--coral); font-size: .72rem; }
.client-errorlist{margin:.35rem 0 0;padding-left:1rem}.field.has-validation-error input,.field.has-validation-error select,.field.has-validation-error textarea,.preference-option-card.has-validation-error{border-color:var(--coral)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--coral) 12%,transparent)!important}.field.has-validation-error>label{color:var(--coral)}

.dashboard-head { display: flex; align-items: end; justify-content: space-between; gap: 2rem; margin-bottom: 2rem; }
.dashboard-head h1 { margin: .7rem 0 0; font: 650 clamp(2rem, 4vw, 3.2rem)/1 Manrope, sans-serif; letter-spacing: -.05em; }
.dashboard-grid { display: grid; grid-template-columns: 1.35fr .65fr; gap: 1rem; }
.panel { padding: 1.5rem; border: 1px solid var(--border); border-radius: 18px; background: var(--surface); }
.panel-head { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 1.2rem; }
.panel-head h2 { margin: 0; font: 650 1rem Manrope, sans-serif; }
.plan-chip { padding: .45rem .7rem; border-radius: 999px; background: color-mix(in srgb, var(--lime) 20%, var(--surface)); color: var(--ink); font: 500 .62rem DM Mono, monospace; text-transform: uppercase; }
.plan-chip.is-inactive{background:color-mix(in srgb,var(--coral) 12%,var(--surface));color:var(--coral)}
.run-list { display: grid; gap: .65rem; padding: 0; list-style: none; }
.run-item { display: flex; justify-content: space-between; gap: 1rem; padding: .9rem; border: 1px solid var(--border); border-radius: 11px; color: var(--muted); font-size: .75rem; }
.status { color: var(--primary); font: 500 .62rem DM Mono, monospace; text-transform: uppercase; }

/* Authenticated workspace: compact sidebar shell inspired by Stockfy's product UI. */
.app-body { min-width: 320px; }
.app-shell { min-height: 100vh; display: flex; background: color-mix(in srgb, var(--bg) 94%, var(--surface-soft)); }
.app-sidebar { position: sticky; top: 0; z-index: 50; width: 252px; height: 100vh; height: 100dvh; max-height: 100dvh; flex: 0 0 252px; display: flex; flex-direction: column; overflow: hidden; padding: 1rem .75rem .75rem; border-right: 1px solid var(--border); background: color-mix(in srgb, var(--surface) 94%, var(--surface-soft)); }
.app-sidebar-brand { min-height: 50px; flex: 0 0 auto; display: flex; align-items: center; justify-content: space-between; padding: 0 .55rem 1rem; }
.app-sidebar-brand .brand-mark { width: 32px; height: 32px; border-radius: 10px; }
.app-sidebar-close, .app-sidebar-toggle, .app-menu-toggle, .app-icon-button { appearance: none; width: 34px; height: 34px; display: inline-grid; place-items: center; padding: 0; border: 0; border-radius: 9px; background: transparent; color: var(--muted); cursor: pointer; transition: color .15s, background .15s; }
.app-sidebar-close { display: none; font-size: 1.4rem; }
.app-sidebar-toggle svg,.app-menu-toggle svg, .app-icon-button svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.app-sidebar-close:hover,.app-sidebar-toggle:hover, .app-menu-toggle:hover, .app-icon-button:hover { color: var(--ink); background: var(--surface-soft); }
.app-nav { min-height: 0; flex: 1 1 auto; display: flex; flex-direction: column; gap: .22rem; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; padding-bottom: .55rem; }
.app-nav-label { padding: .8rem .75rem .55rem; color: var(--muted); font: 500 .58rem DM Mono, monospace; letter-spacing: .09em; text-transform: uppercase; }
.app-nav-link { position: relative; min-height: 43px; display: flex; align-items: center; gap: .75rem; padding: 0 .75rem; border-radius: 10px; color: var(--muted); font-size: .78rem; font-weight: 550; transition: background .15s, color .15s, transform .15s; }
.app-nav-link svg { width: 18px; height: 18px; flex: 0 0 18px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.app-nav-link:hover { color: var(--ink); background: var(--surface-soft); transform: translateX(2px); }
.app-nav-link.is-active { color: var(--primary); background: color-mix(in srgb, var(--primary) 10%, var(--surface)); font-weight: 650; }
.app-nav-link.is-active::after { content: ''; position: absolute; right: .4rem; width: 5px; height: 5px; border-radius: 50%; background: var(--primary); }
.app-nav-link.is-active::after { display: none; }
.app-nav-badge { margin-left: auto; padding: .2rem .35rem; border-radius: 5px; background: linear-gradient(135deg, var(--primary), var(--cyan)); color: white; font: 600 .5rem DM Mono, monospace; letter-spacing: .04em; }
.app-sidebar-spacer { display: none; }
.app-sidebar-footer { position: relative; flex: 0 0 auto; display: block; padding: .8rem .2rem .15rem; border-top: 1px solid var(--border); }
.app-user-avatar { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 10px; background: linear-gradient(135deg, var(--primary), var(--cyan)); color: white; font: 650 .78rem Manrope, sans-serif; }
.app-user-avatar-wrap{position:relative;display:grid}.app-notification-avatar-badge{position:absolute;top:-5px;right:-7px;min-width:17px;height:17px;display:grid;place-items:center;padding:0 4px;border:2px solid var(--surface);border-radius:999px;background:var(--primary);color:#fff;font:750 .44rem 'DM Mono',monospace}.app-notification-avatar-badge[hidden]{display:none}
.app-user-meta { min-width: 0; display: grid; gap: .1rem; }
.app-user-meta strong { overflow: hidden; font-size: .65rem; text-overflow: ellipsis; white-space: nowrap; }
.app-user-meta span { color: var(--muted); font-size: .56rem; }
.app-user-menu{position:relative}.app-user-menu summary{display:grid;grid-template-columns:34px minmax(0,1fr) 16px;align-items:center;gap:.6rem;padding:.3rem;border-radius:10px;cursor:pointer;list-style:none}.app-user-menu summary::-webkit-details-marker{display:none}.app-user-menu summary:hover{background:var(--surface-soft)}.app-user-menu summary>svg{width:15px;fill:none;stroke:var(--muted);stroke-width:1.8}.user-plan-tag{width:max-content;padding:.14rem .35rem;border-radius:999px;background:color-mix(in srgb,var(--lime) 18%,var(--surface));color:var(--ink)!important;font:600 .48rem DM Mono,monospace;text-transform:uppercase}.app-user-popover{position:absolute;z-index:70;left:.2rem;right:.2rem;bottom:calc(100% + .45rem);display:grid;padding:.35rem;border:1px solid var(--border);border-radius:11px;background:var(--surface);box-shadow:0 16px 36px rgba(15,12,35,.14)}.app-user-popover a,.app-user-popover button{width:100%;display:flex;justify-content:space-between;padding:.65rem .7rem;border:0;border-radius:8px;background:transparent;color:var(--ink);font-size:.66rem;text-align:left;cursor:pointer}.app-user-popover a:hover,.app-user-popover button:hover{background:var(--surface-soft)}.app-user-popover strong{color:var(--primary);font-size:.55rem;text-transform:uppercase}
.app-user-popover>div{display:grid}.app-user-popover>div[hidden]{display:none}.app-user-popover .app-user-menu-back{justify-content:flex-start;border-bottom:1px solid var(--border);border-radius:7px 7px 0 0;color:var(--muted);font-size:.58rem}
.app-notifications-popover{position:fixed;z-index:85;bottom:.95rem;left:calc(252px + .65rem);width:min(370px,calc(100vw - 1rem));overflow:hidden;border:1px solid var(--border);border-radius:16px;background:var(--surface);box-shadow:0 24px 65px rgba(15,12,35,.2)}.app-shell.sidebar-collapsed>.app-notifications-popover{left:calc(72px + .65rem)}.app-notifications-popover[hidden]{display:none}.app-notifications-popover>header{display:flex;align-items:center;justify-content:space-between;gap:.7rem;padding:.85rem .9rem;border-bottom:1px solid var(--border);background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 7%,var(--surface)),var(--surface))}.app-notifications-popover h2{display:flex;align-items:center;gap:.4rem;margin:.15rem 0 0;font-size:.88rem}.app-notifications-popover h2 i{min-width:20px;height:20px;display:grid;place-items:center;padding:0 5px;border-radius:999px;background:color-mix(in srgb,var(--primary) 12%,var(--surface));color:var(--primary);font:750 .48rem 'DM Mono',monospace;font-style:normal}.notification-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.55rem .7rem;border-bottom:1px solid var(--border)}.notification-toolbar button,.notification-pagination button,.notification-selection-actions button{padding:.35rem .45rem;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:.56rem;font-weight:700;cursor:pointer}.notification-toolbar button:hover,.notification-pagination button:hover:not(:disabled),.notification-selection-actions button:hover{background:var(--surface-soft);color:var(--primary)}.notification-select-all span{font-size:.78rem}.notification-select-all[aria-pressed=true] span{color:var(--primary)}.notification-list{display:grid;max-height:min(390px,52dvh);overflow-y:auto}.notification-item{display:grid;grid-template-columns:24px minmax(0,1fr);gap:.35rem;padding:.7rem;border-bottom:1px solid var(--border);background:var(--surface)}.notification-item.is-unread{background:color-mix(in srgb,var(--primary) 4%,var(--surface))}.notification-item:last-child{border-bottom:0}.notification-item>input{width:15px;height:15px;margin:.15rem 0 0;accent-color:var(--primary)}.notification-item-open{min-width:0;padding:0;border:0;background:transparent;color:var(--ink);text-align:left;cursor:pointer}.notification-item-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.notification-item-head strong{font-size:.66rem}.notification-item-head time{flex:0 0 auto;color:var(--muted);font-size:.47rem}.notification-item p{margin:.22rem 0 0;color:var(--muted);font-size:.58rem;line-height:1.45}.notification-item.is-unread .notification-item-head strong::before{content:'';display:inline-block;width:6px;height:6px;margin-right:.35rem;border-radius:50%;background:var(--primary);vertical-align:middle}.notification-empty{display:grid;justify-items:center;gap:.25rem;padding:2rem 1rem;color:var(--muted);text-align:center}.notification-empty span{font-size:1.1rem}.notification-empty strong{color:var(--ink);font-size:.68rem}.notification-empty p{margin:0;font-size:.56rem}.notification-selection-actions{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.55rem .75rem;border-top:1px solid var(--border);background:color-mix(in srgb,var(--primary) 4%,var(--surface))}.notification-selection-actions[hidden]{display:none}.notification-selection-actions>span{color:var(--muted);font-size:.53rem}.notification-selection-actions>div{display:flex;gap:.25rem}.notification-pagination{display:flex;align-items:center;justify-content:center;gap:.65rem;padding:.5rem;border-top:1px solid var(--border)}.notification-pagination span{color:var(--muted);font-size:.5rem}.notification-pagination button:disabled{cursor:default;opacity:.35}@media(max-width:900px){.app-notifications-popover,.app-shell.sidebar-collapsed>.app-notifications-popover{position:fixed;right:.5rem;bottom:.5rem;left:.5rem;width:auto;max-height:calc(100dvh - 1rem)}.notification-list{max-height:55dvh}}
.app-workspace { min-width: 0; flex: 1; display: flex; flex-direction: column; }
.app-topbar { min-height: 62px; display: flex; align-items: center; gap: .75rem; padding: 0 clamp(1rem, 3vw, 2rem); background: transparent; }
.app-menu-toggle { display: none; }
.app-topbar-title { color: var(--muted); font-size: .7rem; font-weight: 600; }
.app-topbar-actions { margin-left: auto; display: flex; align-items: center; gap: .3rem; }
.app-topbar .nav-control { min-height: 30px; height: 30px; }
.app-content { min-width: 0; flex: 1; scroll-behavior: smooth; }
.app-sidebar,.app-sidebar span,.app-sidebar .brand{transition:width .2s,flex-basis .2s,opacity .15s}.app-shell.sidebar-collapsed .app-sidebar{width:72px;flex-basis:72px}.app-shell.sidebar-collapsed .app-sidebar-brand{justify-content:center;padding-inline:0}.app-shell.sidebar-collapsed .app-sidebar-brand .brand,.app-shell.sidebar-collapsed .app-nav-label,.app-shell.sidebar-collapsed .app-nav-link>span,.app-shell.sidebar-collapsed .app-user-meta,.app-shell.sidebar-collapsed .app-user-menu summary>svg{display:none}.app-shell.sidebar-collapsed .app-nav-link{justify-content:center;padding:0}.app-shell.sidebar-collapsed .app-nav-link.is-active::after{right:.2rem}.app-shell.sidebar-collapsed .app-user-menu summary{display:flex;justify-content:center}.app-shell.sidebar-collapsed .app-user-popover{left:52px;right:auto;bottom:0;width:190px}.app-shell.sidebar-collapsed .app-sidebar-toggle{display:inline-grid}
.plans-page{padding-top:2.5rem;padding-bottom:5rem}.plan-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}.plan-card{display:flex;flex-direction:column;gap:1rem;padding:1.25rem;border:1px solid var(--border);border-radius:16px;background:var(--surface)}.plan-card.is-current{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 12%,transparent)}.plan-code{color:var(--primary);font:650 .66rem DM Mono,monospace;text-transform:uppercase}.plan-card h2{margin:.35rem 0 0;font:700 1.55rem Manrope,sans-serif}.plan-card h2 small{color:var(--muted);font-size:.62rem}.plan-card ul{min-height:185px;margin:0;padding-left:1.05rem;color:var(--muted);font-size:.68rem;line-height:1.9}.plan-card .button{margin-top:auto;text-align:center}.legal-page{max-width:900px}.legal-page h1{margin:.7rem 0}.legal-published{color:var(--muted)}.legal-copy{margin-top:1.25rem;line-height:1.8}.legal-links{font-size:.65rem}
.plan-cancel{font-size:.68rem}.plan-cancel summary{cursor:pointer;color:var(--muted);text-align:center}.plan-cancel p{color:var(--muted);line-height:1.5}.plan-cancel .button{width:100%}
.plan-support-link{color:var(--muted);font-size:.62rem;line-height:1.45;text-align:center}.plan-support-link:hover{color:var(--primary)}
@media(max-width:1000px){.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.plan-grid{grid-template-columns:1fr}}
.support-widget{position:fixed;z-index:90;right:1.1rem;bottom:1.1rem}.support-widget>summary{display:flex;align-items:center;gap:.5rem;padding:.72rem .95rem;border-radius:999px;background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 72%,var(--cyan)));color:#fff;box-shadow:0 14px 34px color-mix(in srgb,var(--primary) 32%,transparent);cursor:pointer;list-style:none;font-size:.68rem}.support-widget>summary::-webkit-details-marker{display:none}.support-widget>summary svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2}.support-widget[open]>summary{display:none}.support-widget-panel{position:absolute;right:0;bottom:0;width:min(390px,calc(100vw - 1.5rem));height:min(620px,calc(100vh - 2rem));display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border);border-radius:18px;background:var(--surface);box-shadow:0 22px 60px rgba(15,12,35,.24)}.support-widget-panel>header{display:grid;grid-template-columns:36px minmax(0,1fr) 30px;align-items:center;gap:.65rem;padding:.85rem 1rem;border-bottom:1px solid var(--border);background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 10%,var(--surface)),var(--surface))}.support-widget-avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,var(--primary),var(--cyan));color:#fff;font-weight:750}.support-widget h2{margin:0;font-size:.78rem}.support-widget header p{margin:.12rem 0 0;color:var(--muted);font-size:.53rem}.support-widget-close{width:30px;height:30px;padding:0;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:1.1rem;cursor:pointer}.support-widget-close:hover{background:var(--surface-soft);color:var(--ink)}.support-widget-tickets{display:flex;gap:.4rem;padding:.55rem .7rem;overflow-x:auto;border-bottom:1px solid var(--border)}.support-widget-tickets form{flex:0 0 auto}.support-widget-tickets button{display:grid;gap:.08rem;padding:.38rem .5rem;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--ink);font:600 .51rem 'DM Mono',monospace;cursor:pointer}.support-widget-tickets button.is-active{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 8%,var(--surface));color:var(--primary)}.support-widget-tickets small{color:var(--muted);font-size:.43rem}.support-widget-thread{flex:1;display:flex;flex-direction:column;gap:.65rem;overflow:auto;padding:1rem;background:color-mix(in srgb,var(--bg) 55%,var(--surface))}.support-widget-message{align-self:flex-start;max-width:82%;padding:.62rem .72rem;border:1px solid var(--border);border-radius:4px 13px 13px 13px;background:var(--surface)}.support-widget-message.is-customer{align-self:flex-end;border-color:transparent;border-radius:13px 4px 13px 13px;background:color-mix(in srgb,var(--primary) 14%,var(--surface))}.support-widget-message strong{display:block;font-size:.5rem}.support-widget-message p{margin:.22rem 0;font-size:.64rem;line-height:1.5;color:var(--ink)}.support-widget-message time{display:block;color:var(--muted);font-size:.46rem;text-align:right}.support-widget-welcome{flex:1;display:grid;place-items:center;align-content:center;gap:.35rem;padding:2rem;text-align:center}.support-widget-welcome span{font-size:1.6rem}.support-widget-welcome strong{font-size:.78rem}.support-widget-welcome p{max-width:28ch;margin:0;color:var(--muted);font-size:.6rem;line-height:1.55}.support-widget-compose{display:grid;grid-template-columns:minmax(0,1fr) 36px;align-items:end;gap:.45rem;padding:.65rem;border-top:1px solid var(--border);background:var(--surface)}.support-widget input,.support-widget textarea,.support-thread textarea{width:100%;padding:.65rem;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--ink);resize:none}.support-widget-compose textarea{max-height:100px}.support-widget-compose button{width:36px;height:36px;padding:0;border:0;border-radius:10px;background:var(--primary);color:#fff;cursor:pointer}.support-widget-new{padding:.1rem .7rem .65rem;background:var(--surface)}.support-widget-new>summary{color:var(--primary);font-size:.54rem;cursor:pointer}.support-widget-new form,.support-widget-new-form{display:grid;gap:.5rem;padding:.65rem}.support-widget label{font-size:.56rem;font-weight:650}.support-widget-new-form{margin-top:auto}.support-widget-new-form small,.support-widget-closed{color:var(--muted);font-size:.5rem}.backoffice-list{display:grid}.backoffice-list>a{display:grid;grid-template-columns:minmax(0,1fr) auto 130px;align-items:center;gap:1rem;padding:.9rem;border-bottom:1px solid var(--border)}.backoffice-list>a div{display:grid;gap:.2rem}.backoffice-list span,.backoffice-list time{color:var(--muted);font-size:.62rem}.support-thread{display:grid;gap:.75rem}.support-thread-message{max-width:78%;padding:.85rem 1rem;border-radius:12px;background:var(--surface-soft)}.support-thread-message.is-customer{margin-left:auto;background:color-mix(in srgb,var(--primary) 10%,var(--surface))}.support-thread-message p{margin:.35rem 0;font-size:.72rem}.support-thread-message time{color:var(--muted);font-size:.54rem}.support-thread form{display:grid;gap:.6rem;margin-top:1rem}@media(max-width:520px){.support-widget{right:.65rem;bottom:.65rem}.support-widget-panel{position:fixed;inset:.5rem;width:auto;height:auto;border-radius:14px}}
.support-center-grid{display:grid;grid-template-columns:minmax(240px,320px) minmax(0,1fr);align-items:start;gap:1rem}.support-compose{display:grid;gap:.65rem;position:sticky;top:1rem}.support-compose h2{margin:0;font-size:1rem}.support-compose textarea{width:100%;padding:.7rem;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--ink);resize:vertical}.support-conversations{display:grid;gap:1rem}.backoffice-client-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto 90px;align-items:center;gap:1rem;padding:.9rem;border-bottom:1px solid var(--border)}.backoffice-client-row div{display:grid;gap:.2rem}.backoffice-client-row span,.backoffice-client-row time{color:var(--muted);font-size:.62rem}@media(max-width:760px){.support-center-grid{grid-template-columns:1fr}.support-compose{position:static}.backoffice-client-row{grid-template-columns:1fr auto}.backoffice-client-row time{display:none}}
.integration-error{display:block;margin-top:.2rem;color:var(--danger)!important;max-width:52ch}
.backoffice-module-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.backoffice-module{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:.8rem;color:var(--ink)}.backoffice-module>span{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:var(--surface-soft);color:var(--primary)}.backoffice-module strong{font-size:.78rem}.backoffice-module p{margin:.25rem 0 0;color:var(--muted);font-size:.62rem}.backoffice-module i{font-style:normal;color:var(--muted)}
.backoffice-body{margin:0;background:var(--bg);color:var(--ink)}.backoffice-shell{min-height:100vh;display:grid;grid-template-columns:230px minmax(0,1fr)}.backoffice-sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:1rem;background:#151226;color:#fff}.backoffice-sidebar .brand{color:#fff}.backoffice-sidebar-label{margin:1.25rem .65rem .45rem;color:#8f89a8;font-size:.57rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase}.backoffice-nav{display:grid;gap:.25rem}.backoffice-nav a{display:flex;align-items:center;gap:.65rem;padding:.65rem .7rem;border-radius:9px;color:#c9c5d8;font-size:.68rem}.backoffice-nav a:hover,.backoffice-nav a.is-active{background:rgba(255,255,255,.09);color:#fff}.backoffice-nav a span{width:18px;text-align:center}.backoffice-sidebar-user{display:grid;gap:.25rem;padding:.8rem .65rem;border-top:1px solid rgba(255,255,255,.1)}.backoffice-sidebar-user strong{font-size:.68rem}.backoffice-sidebar-user span{overflow:hidden;color:#9690aa;font-size:.56rem;text-overflow:ellipsis}.backoffice-sidebar-user form{margin-top:.5rem}.backoffice-sidebar-user button{padding:0;border:0;background:none;color:#d9d5e4;cursor:pointer;font-size:.62rem}.backoffice-content{min-width:0;padding:1.4rem 1.8rem}@media(max-width:760px){.backoffice-shell{grid-template-columns:1fr}.backoffice-sidebar{position:static;height:auto}.backoffice-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.backoffice-content{padding:1rem}.backoffice-sidebar .app-sidebar-spacer{display:none}}
.backoffice-inbox{display:grid;gap:1rem}.backoffice-inbox-head{display:flex;align-items:end;justify-content:space-between;gap:1rem}.backoffice-inbox-head h1{margin:.35rem 0 .2rem;font:700 1.8rem Manrope,sans-serif}.backoffice-inbox-head p{margin:0;color:var(--muted);font-size:.68rem}.backoffice-inbox-metrics{display:flex;align-items:center;gap:.55rem}.backoffice-inbox-metrics>span{padding:.45rem .6rem;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--muted);font-size:.56rem}.backoffice-inbox-metrics strong{color:var(--ink)}.support-inbox-shell{height:calc(100vh - 155px);min-height:560px;display:grid;grid-template-columns:330px minmax(0,1fr);overflow:hidden;border:1px solid var(--border);border-radius:16px;background:var(--surface)}.support-inbox-sidebar{min-width:0;display:flex;flex-direction:column;border-right:1px solid var(--border)}.support-inbox-filters{display:grid;grid-template-columns:repeat(3,1fr);gap:.3rem;padding:.65rem;border-bottom:1px solid var(--border)}.support-inbox-filters a{padding:.45rem;border-radius:8px;color:var(--muted);font-size:.58rem;font-weight:650;text-align:center}.support-inbox-filters a.is-active{background:color-mix(in srgb,var(--primary) 10%,var(--surface));color:var(--primary)}.support-ticket-list{overflow:auto}.support-ticket-card{position:relative;display:grid;grid-template-columns:8px minmax(0,1fr) auto;gap:.55rem;padding:.75rem;border-bottom:1px solid var(--border);color:var(--ink)}.support-ticket-card:hover,.support-ticket-card.is-active{background:var(--surface-soft)}.support-ticket-dot{width:7px;height:7px;margin-top:.25rem;border-radius:50%;background:var(--border)}.support-ticket-card.needs-reply .support-ticket-dot{background:var(--coral);box-shadow:0 0 0 3px color-mix(in srgb,var(--coral) 14%,transparent)}.support-ticket-card>div{min-width:0;display:grid;gap:.12rem}.support-ticket-card strong{font:650 .58rem 'DM Mono',monospace}.support-ticket-card span,.support-ticket-card p,.support-ticket-card time,.support-ticket-card small{overflow:hidden;color:var(--muted);font-size:.51rem;text-overflow:ellipsis;white-space:nowrap}.support-ticket-card p{margin:.18rem 0 0}.support-ticket-card small{grid-column:2/4;color:var(--primary)}.support-inbox-empty{padding:2rem;color:var(--muted);font-size:.62rem;text-align:center}.support-inbox-conversation{min-width:0;display:flex;flex-direction:column}.support-inbox-conversation>header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 1rem;border-bottom:1px solid var(--border)}.support-inbox-conversation>header span{color:var(--primary);font:650 .54rem 'DM Mono',monospace}.support-inbox-conversation h2{margin:.15rem 0;font-size:.82rem}.support-inbox-conversation>header p{margin:0;color:var(--muted);font-size:.52rem}.support-inbox-actions{display:flex;align-items:center;gap:.5rem}.support-inbox-actions form{margin:0}.support-inbox-thread{flex:1;display:flex;flex-direction:column;gap:.7rem;overflow:auto;padding:1rem;background:color-mix(in srgb,var(--bg) 55%,var(--surface))}.support-inbox-compose{display:grid;gap:.5rem;padding:.75rem;border-top:1px solid var(--border)}.support-inbox-compose textarea{width:100%;padding:.7rem;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--ink);resize:none}.support-inbox-compose>div{display:flex;align-items:center;justify-content:space-between}.support-inbox-compose small,.support-inbox-closed{color:var(--muted);font-size:.52rem}.support-inbox-closed{padding:1rem;text-align:center;border-top:1px solid var(--border)}.support-inbox-empty-state{flex:1;display:grid;place-items:center;align-content:center;gap:.4rem;color:var(--muted);text-align:center}.support-inbox-empty-state span{font-size:1.6rem}.support-inbox-empty-state strong{color:var(--ink);font-size:.76rem}.support-inbox-empty-state p{margin:0;font-size:.58rem}@media(max-width:900px){.support-inbox-shell{grid-template-columns:280px minmax(0,1fr)}}@media(max-width:700px){.backoffice-inbox-head{align-items:flex-start;flex-direction:column}.support-inbox-shell{height:auto;grid-template-columns:1fr}.support-inbox-sidebar{max-height:320px;border-right:0;border-bottom:1px solid var(--border)}.support-inbox-conversation{min-height:560px}}
.app-sidebar-overlay { display: none; }
.app-page { width: min(1320px, calc(100% - clamp(2rem, 5vw, 5rem))); margin-inline: auto; padding: 2.4rem 0 5rem; }
.app-page-heading { display: flex; align-items: end; justify-content: space-between; gap: 2rem; margin-bottom: 1.6rem; }
.app-page-heading h1 { max-width: 720px; margin: .55rem 0 .4rem; font: 650 clamp(1.85rem, 3.2vw, 2.85rem)/1.05 Manrope, sans-serif; letter-spacing: -.05em; }
.app-page-heading p { margin: 0; color: var(--muted); font-size: .82rem; }
.button-play { width: 23px; height: 23px; display: grid; place-items: center; border-radius: 50%; background: rgba(255,255,255,.16); font-size: .56rem; }

.dashboard-metrics { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: .8rem; margin-bottom: .8rem; }
.metric-card { position: relative; min-width: 0; display: grid; grid-template-columns: 42px minmax(0,1fr); align-items: center; gap: .8rem; min-height: 126px; padding: 1.15rem; overflow: hidden; border: 1px solid var(--border); border-radius: 16px; background: var(--surface); }
.metric-card::before { content: ''; position: absolute; width: 110px; height: 110px; right: -55px; top: -55px; border-radius: 50%; background: color-mix(in srgb, var(--metric-color) 10%, transparent); }
.metric-card-icon { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 12px; background: color-mix(in srgb, var(--metric-color) 12%, var(--surface)); color: var(--metric-color); font-size: 1.15rem; }
.metric-card > div:nth-child(2) { min-width: 0; display: grid; }
.metric-card span { color: var(--muted); font-size: .65rem; }
.metric-card strong { margin: .1rem 0; font: 650 1.75rem Manrope, sans-serif; letter-spacing: -.04em; }
.metric-card small { overflow: hidden; color: var(--muted); font-size: .57rem; text-overflow: ellipsis; white-space: nowrap; }
.metric-card .metric-trend { position: absolute; top: .8rem; right: .8rem; padding: .25rem .42rem; border-radius: 999px; background: color-mix(in srgb, var(--metric-color) 9%, var(--surface)); color: var(--metric-color); font: 500 .48rem DM Mono, monospace; text-transform: uppercase; }
.metric-violet { --metric-color: var(--primary); }.metric-cyan { --metric-color: var(--cyan); }.metric-lime { --metric-color: #78a914; }.metric-coral { --metric-color: var(--coral); }
.linkedin-card { min-width: 0; display: grid; grid-template-columns: 46px minmax(0,1fr) auto auto; align-items: center; gap: 1rem; margin-bottom: .8rem; padding: 1rem 1.15rem; border: 1px solid var(--border); border-radius: 16px; background: linear-gradient(105deg, color-mix(in srgb,#0a66c2 6%,var(--surface)), var(--surface) 45%); }
.linkedin-brand { width: 46px; height: 46px; display: grid; place-items: center; border-radius: 13px; background: #0a66c2; color: white; font: 700 1rem Arial,sans-serif; }
.linkedin-copy { min-width: 0; }.linkedin-copy h2 { margin: .1rem 0 .22rem; font: 650 .92rem Manrope,sans-serif; }.linkedin-copy p { max-width: 620px; margin: 0; color: var(--muted); font-size: .62rem; line-height: 1.5; }
.linkedin-state { display: grid; justify-items: end; gap: .35rem; }.linkedin-state small { color: var(--muted); font-size: .52rem; white-space: nowrap; }
.connection-chip { display: inline-flex; align-items: center; gap: .35rem; padding: .34rem .52rem; border-radius: 999px; background: var(--surface-soft); color: var(--muted); font: 600 .5rem DM Mono,monospace; text-transform: uppercase; }.connection-chip i { width: 6px; height: 6px; border-radius: 50%; background: currentColor; }.connection-chip.is-connected { color: #4c7b0b; background: color-mix(in srgb,var(--lime) 20%,var(--surface)); }.connection-chip.is-warning { color: #946b00; background: #fff6d8; }
.linkedin-action:disabled { cursor: not-allowed; opacity: .58; transform: none; }
.dashboard-main-grid { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(250px, .6fr); gap: .8rem; margin-bottom: .8rem; }
.activity-lines{display:block;width:100%;min-width:620px;height:auto;overflow:visible}.activity-grid line{stroke:var(--border);stroke-width:1;stroke-dasharray:3 5}.activity-line{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 3px 5px color-mix(in srgb,currentColor 16%,transparent))}.activity-line.opportunities{stroke:#78a914;color:#78a914}.activity-line.applications{stroke:var(--primary);color:var(--primary)}.activity-line.connections{stroke:var(--cyan,#22b8cf);color:var(--cyan,#22b8cf)}.activity-area.opportunities{fill:url(#activity-opportunities-fill)}.activity-point{stroke:var(--surface);stroke-width:2;transition:r .15s ease}.activity-point:hover{r:6}.activity-point.opportunities{fill:#78a914}.activity-point.applications{fill:var(--primary)}.activity-point.connections{fill:var(--cyan,#22b8cf)}.activity-axis-label{fill:var(--muted);font:500 9px 'DM Mono',monospace}
.history-list{overflow:hidden;padding:0}.history-row{display:grid;grid-template-columns:minmax(0,1fr) 70px 150px auto;align-items:center;gap:1rem;padding:1rem 1.2rem;border-bottom:1px solid var(--border)}.history-row>div:first-child{display:grid;gap:.25rem}.history-row span{color:var(--muted);font-size:.68rem}.history-fit{font-weight:750;color:var(--primary)}.history-link{font-size:.68rem;color:var(--primary)}@media(max-width:700px){.history-row{grid-template-columns:1fr auto}.history-row>div:nth-child(3),.history-link{grid-column:2}}
.history-answers{margin-top:.35rem}.history-answers summary{width:fit-content;padding:.38rem .58rem;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--primary);font-size:.65rem;font-weight:700;cursor:pointer;list-style:none}.history-answers summary::-webkit-details-marker{display:none}.history-answers[open] summary{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 7%,var(--surface))}.history-answers dl{display:grid;gap:.45rem;margin:.55rem 0 0;padding:.65rem;border:1px solid var(--border);border-radius:11px;background:var(--surface-soft)}.history-answers dl div{display:grid;gap:.15rem}.history-answers dt{font-size:.67rem;font-weight:700}.history-answers dd{margin:0;color:var(--muted);font-size:.68rem;white-space:pre-line}
.history-table-head{display:grid;grid-template-columns:minmax(0,1fr) 70px 150px auto;gap:1rem;padding:.58rem 1.2rem;border-bottom:1px solid var(--border);background:var(--surface-soft);color:var(--muted);font:700 .55rem 'DM Mono',monospace;letter-spacing:.05em;text-transform:uppercase}.history-row{gap:.75rem;padding:.78rem 1rem}.history-row>div:first-child>strong{font-size:.74rem}.history-row span,.history-link{font-size:.6rem}.history-fit{font-size:.72rem}.history-row .status{padding:.26rem .4rem;font-size:.52rem}.history-feedback{display:flex;grid-column:1/-1;align-items:center;gap:.32rem;padding-top:.45rem;border-top:1px solid var(--border)}.history-feedback>span{margin-right:.12rem}.history-feedback .button{min-height:26px;padding:.2rem .48rem;font-size:.58rem}.history-documents a,.history-documents span,.history-job-description summary,.history-answers summary{font-size:.58rem}.history-answers dt{font-size:.61rem}.history-answers dd{font-size:.6rem}@media(max-width:700px){.history-table-head{display:none}.history-feedback{flex-wrap:wrap}.history-row{padding:.72rem}}
.activity-row-link{color:var(--ink);text-decoration:none;transition:background .16s,border-color .16s}.activity-row-link:hover,.activity-row-link:focus-visible{background:color-mix(in srgb,var(--primary) 4%,var(--surface));outline:0}.status-warning{color:#9b7011}.status-danger{color:#b83243}
.history-filters{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr)) auto;align-items:end;gap:.7rem;margin-bottom:.8rem;padding:.8rem}.history-filters label{display:grid;gap:.3rem;color:var(--muted);font-size:.57rem;font-weight:750}.history-filters select{min-height:36px;padding:.42rem .6rem;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--ink);font-size:.64rem}.history-unified-head,.history-activity-row{grid-template-columns:minmax(220px,1fr) 90px 150px auto}.history-activity-row{cursor:pointer;color:var(--ink);transition:background .16s,border-color .16s}.history-activity-row:hover,.history-activity-row:focus-visible{background:color-mix(in srgb,var(--primary) 4%,var(--surface));outline:2px solid color-mix(in srgb,var(--primary) 30%,transparent);outline-offset:-2px}.history-kind{display:inline-flex;width:fit-content;padding:.26rem .42rem;border-radius:999px;background:var(--surface-soft);color:var(--muted)!important;font-size:.52rem!important;font-weight:750}.history-kind.is-application{background:color-mix(in srgb,var(--primary) 10%,var(--surface));color:var(--primary)!important}.history-kind.is-connection{background:color-mix(in srgb,var(--cyan) 11%,var(--surface));color:color-mix(in srgb,var(--cyan) 80%,var(--ink))!important}.history-summary-button{min-height:30px;padding:.3rem .58rem;font-size:.58rem}.history-list>.service-pagination{padding:.8rem}.activity-detail-dialog{position:relative;width:min(700px,calc(100vw - 2rem));grid-template-rows:auto minmax(0,1fr) auto!important}.activity-detail-heading{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:.8rem;padding:1.1rem 3.5rem 1rem 1.2rem;border-bottom:1px solid var(--border);background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 6%,var(--surface)),var(--surface))}.activity-detail-heading>div{display:grid;gap:.18rem}.activity-detail-heading h2{margin:0;font-size:1.05rem}.activity-detail-heading p{margin:0;color:var(--muted);font-size:.6rem}.activity-detail-body{display:grid;gap:.7rem;overflow-y:auto;padding:1rem 1.2rem}.activity-detail-section{display:grid;gap:.4rem;padding:.75rem;border:1px solid var(--border);border-radius:11px;background:var(--surface-soft)}.activity-detail-section h3{margin:0;color:var(--muted);font:.7rem 'DM Mono',monospace}.activity-detail-section p{margin:0;font-size:.66rem;line-height:1.55}.activity-detail-long-text{max-height:220px;overflow:auto;white-space:pre-line}.activity-detail-answers{display:grid;gap:.5rem;margin:0}.activity-detail-answers>div{display:grid;gap:.15rem}.activity-detail-answers dt{font-size:.64rem;font-weight:750}.activity-detail-answers dd{margin:0;color:var(--muted);font-size:.63rem;white-space:pre-line}.activity-detail-documents{display:flex;align-items:center;flex-wrap:wrap;gap:.45rem}.activity-detail-documents>span{color:var(--muted);font-size:.6rem}.activity-detail-message{padding:.65rem;border-left:3px solid var(--primary);background:var(--surface);white-space:pre-line}.activity-detail-actions{display:flex;justify-content:flex-end;gap:.5rem;padding:.8rem 1.2rem;border-top:1px solid var(--border)}@media(max-width:760px){.history-filters{grid-template-columns:1fr 1fr}.history-filters button{width:100%}.history-unified-head{display:none}.history-activity-row{grid-template-columns:minmax(0,1fr) auto}.history-activity-row>div:first-child{grid-column:1/-1}.history-activity-row>div:nth-child(3){grid-column:auto}.history-summary-button{justify-self:end}.activity-detail-heading{grid-template-columns:1fr;padding-right:3rem}.activity-detail-heading>.status{justify-self:start}}@media(max-width:520px){.history-filters{grid-template-columns:1fr}.history-activity-row{grid-template-columns:1fr auto}.history-feedback{align-items:flex-start}.history-feedback>span{flex-basis:100%}.activity-detail-dialog{width:calc(100vw - 1rem);max-height:calc(100dvh - 1rem)}.activity-detail-actions{align-items:stretch;flex-direction:column}.activity-detail-actions .button{width:100%;text-align:center}}
.profile-page .form-layout{grid-template-columns:1fr}.profile-page .form-intro{position:static;max-width:760px}.profile-page .form-card{max-width:860px}.fit-score-output{display:inline-block;margin-left:.65rem;color:var(--primary);font-weight:750}.profile-page input[type=range]{accent-color:var(--primary);padding:0}.app-page h1{font-size:clamp(1.65rem,3vw,2.35rem)}.app-page h2{font-size:1.05rem}.app-page p{font-size:.78rem}.search-page .dashboard-head h1{font-size:clamp(1.8rem,3.5vw,2.8rem)}.search-section{margin-top:1rem}.strategy-item{padding:.8rem}.strategy-summary{gap:.55rem}.strategy-url{margin:.55rem 0}.app-nav-link{font-size:.72rem}.app-topbar-title{font-size:.62rem}
.dashboard-page .panel { padding: 1.25rem; border-radius: 16px; box-shadow: none; }
.panel-kicker { display: block; margin-bottom: .22rem; color: var(--muted); font: 500 .52rem DM Mono, monospace; letter-spacing: .08em; text-transform: uppercase; }
.chart-legend { display: flex; align-items: center; gap: .8rem; color: var(--muted); font-size: .55rem; }
.chart-legend span { display: flex; align-items: center; gap: .35rem; }
.chart-legend i { width: 7px; height: 7px; display: inline-block; border-radius: 50%; }
.legend-opportunities { background: #78a914; }.legend-applications { background: var(--primary); }.legend-connections { background: var(--cyan); }
.chart-period { display: block; margin-top: .2rem; color: var(--muted); font-size: .54rem; }
.chart-wrap { min-width: 0; overflow-x: auto; overscroll-behavior-inline: contain; }
.activity-chart { width: 100%; height: 230px; overflow: visible; }
.chart-grid-lines { fill: none; stroke: var(--border); stroke-width: 1; stroke-dasharray: 3 6; }
.chart-area { fill: url(#chartFill); }
.chart-line, .chart-line-secondary { fill: none; vector-effect: non-scaling-stroke; stroke-linecap: round; stroke-linejoin: round; }
.chart-line { stroke: var(--primary); stroke-width: 3; }.chart-line-secondary { stroke: var(--cyan); stroke-width: 2; stroke-dasharray: 5 5; }
.chart-dots { fill: var(--surface); stroke: var(--primary); stroke-width: 3; vector-effect: non-scaling-stroke; }
.chart-axis { display: flex; justify-content: space-between; padding: 0 .5rem; color: var(--muted); font: 500 .5rem DM Mono, monospace; }
.visually-hidden { position: absolute!important; width: 1px!important; height: 1px!important; padding: 0!important; margin: -1px!important; overflow: hidden!important; clip: rect(0,0,0,0)!important; white-space: nowrap!important; border: 0!important; }
.quota-card { display: flex; min-width: 0; flex-direction: column; }
.quota-ring { --quota-progress: 72; width: 132px; height: 132px; display: grid; place-items: center; margin: .2rem auto 1.2rem; border-radius: 50%; background: conic-gradient(var(--primary) calc(var(--quota-progress) * 1%), color-mix(in srgb, var(--border) 75%, transparent) 0); }
.quota-ring::before { content: ''; grid-area: 1/1; width: 105px; height: 105px; border-radius: 50%; background: var(--surface); }
.quota-ring div { z-index: 1; grid-area: 1/1; display: grid; text-align: center; }
.quota-ring strong { font: 650 1.6rem Manrope, sans-serif; }.quota-ring span { color: var(--muted); font-size: .55rem; }
.quota-ring.is-capacity { background: repeating-conic-gradient(var(--primary) 0 8deg,color-mix(in srgb,var(--primary) 18%,var(--surface)) 8deg 12deg); }
.quota-ring.is-unavailable { background: color-mix(in srgb,var(--border) 75%,transparent); }
.quota-row { display: flex; justify-content: space-between; gap: 1rem; padding: .65rem 0; border-top: 1px solid var(--border); color: var(--muted); font-size: .65rem; }.quota-row strong { color: var(--ink); }
.plan-capacity-viewport { min-width: 0; overflow: hidden; }
.plan-capacity-track { display: flex; width: 100%; min-width: 0; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; overscroll-behavior-inline: contain; touch-action: pan-x pan-y; scrollbar-width: none; }
.plan-capacity-track::-webkit-scrollbar { display: none; }
.plan-capacity-track:focus-visible { outline: 2px solid color-mix(in srgb,var(--primary) 65%,transparent); outline-offset: -2px; border-radius: 12px; }
.plan-capacity-slide { min-width: 100%; flex: 0 0 100%; padding-inline: max(0px,calc((100% - 420px)/2)); box-sizing: border-box; scroll-snap-align: start; scroll-snap-stop: always; }
.plan-capacity-label { display: block; min-height: 1.1rem; margin: .15rem 0 .7rem; color: var(--ink); font-size: .74rem; text-align: center; }
.plan-capacity-slide.is-unavailable .plan-capacity-label { color: var(--muted); }
.plan-capacity-navigation { display: grid; grid-template-columns: 30px minmax(0,1fr) 30px; align-items: center; gap: .55rem; margin: .45rem 0 .25rem; }
.plan-capacity-arrow { width: 30px; height: 30px; display: grid; place-items: center; padding: 0; border: 1px solid var(--border); border-radius: 9px; background: var(--surface-soft); color: var(--primary); cursor: pointer; }
.plan-capacity-arrow:hover:not(:disabled),.plan-capacity-arrow:focus-visible { border-color: var(--primary); background: color-mix(in srgb,var(--primary) 8%,var(--surface)); outline: 0; }
.plan-capacity-arrow:disabled { color: var(--muted); cursor: default; opacity: .4; }
.plan-capacity-dots { display: flex; align-items: center; justify-content: center; gap: .35rem; }
.plan-capacity-dots button { width: 7px; height: 7px; padding: 0; border: 0; border-radius: 999px; background: color-mix(in srgb,var(--muted) 35%,transparent); cursor: pointer; transition: width .18s,background .18s; }
.plan-capacity-dots button[aria-current=true] { width: 19px; background: var(--primary); }
.plan-capacity-dots button:focus-visible { outline: 2px solid color-mix(in srgb,var(--primary) 50%,transparent); outline-offset: 3px; }
.plan-capacity-card > .button { width: 100%; margin-top: .65rem; }
.button-soft { background: var(--surface-soft); }.button-full { width: 100%; margin-top: auto; }
.runs-panel { margin-bottom: .8rem; }
.live-indicator { display: flex; align-items: center; gap: .4rem; color: var(--muted); font: 500 .52rem DM Mono, monospace; text-transform: uppercase; }
.live-indicator i { width: 6px; height: 6px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 0 4px color-mix(in srgb, var(--lime) 14%, transparent); }
.run-table { display: grid; }
.run-row { min-width: 0; display: grid; grid-template-columns: minmax(170px,.8fr) minmax(180px,1.2fr) auto; align-items: center; gap: 1rem; padding: .8rem .2rem; border-top: 1px solid var(--border); }
.run-provider { min-width: 0; display: flex; align-items: center; gap: .65rem; }
.provider-mark { width: 32px; height: 32px; display: grid; place-items: center; flex: 0 0 32px; border-radius: 9px; background: #0a66c2; color: white; font: 700 .72rem Arial, sans-serif; }
.run-provider .provider-mark { color: #fff; }
.run-provider > .history-kind { flex: 0 0 auto; }
.run-provider div { min-width: 0; display: grid; gap: .12rem; }.run-provider strong { font-size: .68rem; }.run-provider span, .run-reference { overflow: hidden; color: var(--muted); font-size: .58rem; text-overflow: ellipsis; white-space: nowrap; }
.run-status { justify-self: end; padding: .34rem .52rem; border-radius: 999px; background: var(--surface-soft); color: var(--muted); font: 600 .5rem DM Mono, monospace; text-transform: uppercase; }
.run-status.is-pending { color: #946b00; background: #fff6d8; }.run-status.is-running { color: var(--primary); background: color-mix(in srgb, var(--primary) 10%, var(--surface)); }.run-status.is-success { color: #4c7b0b; background: color-mix(in srgb, var(--lime) 20%, var(--surface)); }.run-status.is-error { color: #ba3544; background: color-mix(in srgb, var(--coral) 13%, var(--surface)); }.run-status.is-warning { color: #946b00; background: #fff6d8; }
[data-theme='dark'] .run-status.is-pending, [data-theme='dark'] .run-status.is-warning { background: #352d16; color: #f2cb62; }
.runs-updated { color: var(--muted); font: 500 .52rem DM Mono,monospace; text-transform: uppercase; }
.runs-pagination { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: .8rem; padding-top: .8rem; border-top: 1px solid var(--border); color: var(--muted); font: 600 .58rem DM Mono,monospace; }
.runs-pagination a { color: var(--primary); }
.runs-pagination a:last-child { justify-self: end; }
.empty-state { display: grid; place-items: center; padding: 2.8rem; text-align: center; border-top: 1px solid var(--border); }.empty-state > span { width: 42px; height: 42px; display: grid; place-items: center; margin-bottom: .8rem; border-radius: 13px; background: var(--surface-soft); color: var(--primary); }.empty-state strong { font-size: .76rem; }.empty-state p { margin: .35rem 0 0; color: var(--muted); font-size: .64rem; }
.dashboard-feature-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .8rem; }
.feature-preview { position: relative; min-width: 0; min-height: 122px; display: grid; grid-template-columns: 40px minmax(0,1fr); align-items: start; gap: .8rem; padding: 1rem; border: 1px solid var(--border); border-radius: 16px; background: var(--surface); scroll-margin-top: 5rem; }
.feature-preview-icon { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 12px; background: linear-gradient(145deg, color-mix(in srgb,var(--primary) 14%,var(--surface)), color-mix(in srgb,var(--cyan) 10%,var(--surface))); color: var(--primary); font-weight: 650; }
.feature-preview h2 { margin: .15rem 0 .3rem; font: 650 .82rem Manrope,sans-serif; }.feature-preview p { margin: 0; color: var(--muted); font-size: .62rem; line-height: 1.5; }.feature-preview-link { display: inline-flex; margin-top: .65rem; color: var(--primary); font-size: .58rem; font-weight: 650; }.feature-preview-link:hover { text-decoration: underline; }.coming-chip { position: absolute; right: .8rem; top: .8rem; padding: .22rem .38rem; border-radius: 999px; background: var(--surface-soft); color: var(--muted); font: 500 .46rem DM Mono,monospace; text-transform: uppercase; }

.app-content .page-main { min-height: 100%; padding: 2.4rem 0 5rem; background: transparent; }
.app-content .site-shell { width: min(1180px, calc(100% - clamp(2rem,5vw,5rem))); }
.app-content .form-intro { top: 2rem; }

@keyframes spin { to { transform: rotate(360deg); } }
@media (max-width: 1100px) { .dashboard-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); } .dashboard-feature-grid { grid-template-columns: 1fr; } }
@media (max-width: 900px) { .hero-grid, .form-layout, .dashboard-grid, .dashboard-main-grid { grid-template-columns: 1fr; } .hero-grid { gap: 3rem; padding-block: 5rem; } .hero { min-height: auto; } .system-visual { max-width: 430px; } .form-intro { position: static; } .feature-grid { grid-template-columns: 1fr 1fr; } .app-sidebar { position: fixed; inset: 0 auto 0 0; width: min(290px,calc(100vw - 54px)); transform: translateX(-105%); box-shadow: 16px 0 44px rgba(15,12,35,.18); transition: transform .22s ease; } .app-shell.sidebar-open .app-sidebar { transform: translateX(0); } .app-sidebar-close, .app-menu-toggle { display: inline-grid; }.app-sidebar-toggle{display:none} .app-sidebar-overlay { position: fixed; inset: 0; z-index: 40; border: 0; background: rgba(9,7,22,.42); backdrop-filter: blur(3px); cursor: pointer; } .app-shell.sidebar-open .app-sidebar-overlay { display: block; } .app-page-heading { align-items: flex-start; flex-direction: column; } }
@media (max-width: 640px) { .site-shell { width: calc(100% - 2rem); } .nav-shell { min-height: 64px; } .brand { gap: .45rem; }.brand-wordmark{font-size:.82rem}.brand-mark { width: 28px; height: 28px; border-radius: 9px; } .nav-actions { gap: .2rem; } .nav-link { padding-inline: .35rem; font-size: .66rem; } .language-form select { width: 46px; padding-inline: .35rem; } .theme-toggle { width: 30px; } .nav-actions .nav-cta { min-height: 34px; padding-inline: .55rem; font-size: .65rem; } .hero-grid { padding-block: 3.8rem; } .hero h1 { font-size: 2.55rem; } .hero-actions { flex-direction: column; } .hero-actions .button { width: 100%; } .node-a, .node-b, .node-c, .node-d { width: 60px; height: 60px; } .metrics { grid-template-columns: 1fr; } .metric { border-right: 0; border-bottom: 1px solid var(--border); } .feature-grid { grid-template-columns: 1fr; } .section { padding-block: 5rem; } .cta { align-items: flex-start; flex-direction: column; padding-block: 4.5rem; } .dashboard-head { align-items: flex-start; flex-direction: column; } .app-topbar { min-height: 56px; flex-basis: 56px; padding-inline: .75rem; }.app-topbar-title { display: none; } .app-page, .app-content .site-shell { width: calc(100% - 1.25rem); }.app-page { padding-top: 1.4rem; }.app-page-heading { gap: 1.2rem; }.app-page-heading h1 { font-size: 1.8rem; }.app-page-heading form, .app-page-heading .button { width: 100%; }.dashboard-metrics { grid-template-columns: 1fr 1fr; gap: .55rem; }.metric-card { min-height: 116px; grid-template-columns: 34px minmax(0,1fr); gap: .55rem; padding: .8rem; }.metric-card-icon { width: 34px; height: 34px; border-radius: 10px; }.metric-card strong { font-size: 1.4rem; }.metric-card .metric-trend { display: none; }.activity-chart { height: 190px; }.chart-legend { display: none; }.run-row { grid-template-columns: minmax(140px,1fr) auto; gap: .5rem; }.run-reference { display: none; }.dashboard-page .panel { padding: 1rem; }.feature-preview { grid-template-columns: 36px minmax(0,1fr); }.coming-chip { position: static; grid-column: 2; justify-self: start; } }

/* Profile and search controls */
.blacklist-page{max-width:1100px}.blacklist-add{margin-bottom:.8rem}.blacklist-form-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:.7rem;margin:.8rem 0}.blacklist-form-grid .blacklist-message{grid-column:1/-1}.blacklist-form-grid .helptext{color:var(--muted);font-size:.68rem}.blacklist-add .button,.blacklist-row .button{width:fit-content;min-height:31px;padding:.3rem .65rem;font-size:.7rem}.blacklist-table{display:grid;gap:.5rem;margin-top:.8rem}.blacklist-row{display:grid;grid-template-columns:minmax(150px,1.2fr) minmax(170px,1fr) minmax(190px,1fr) auto auto;align-items:center;gap:.7rem;padding:.7rem;border:1px solid var(--border);border-radius:11px;background:var(--surface-soft);font-size:.72rem}.blacklist-row strong,.blacklist-row small{display:block}.blacklist-row small{margin-top:.1rem;color:var(--muted);font:500 .62rem 'DM Mono',monospace}.blacklist-row details{position:relative}.blacklist-row details>form{position:absolute;z-index:4;right:0;width:min(420px,80vw);padding:.8rem;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:0 16px 40px rgba(20,15,40,.16)}.blacklist-row details label{display:grid;gap:.25rem;margin-bottom:.55rem;color:var(--muted);font-size:.68rem}.button-danger{border-color:rgba(220,76,92,.35)!important;color:#c73748!important}@media(max-width:800px){.blacklist-form-grid{grid-template-columns:1fr}.blacklist-form-grid .blacklist-message{grid-column:auto}.blacklist-row{grid-template-columns:minmax(0,1fr) auto auto}.blacklist-row>span{grid-column:1}.blacklist-row details{grid-column:2;grid-row:1}.blacklist-row>form{grid-column:3;grid-row:1}}
.blacklist-page .field label,.blacklist-row details label{color:var(--muted);font-size:.68rem;font-weight:650}.blacklist-page input,.blacklist-page select,.blacklist-page textarea{width:100%;min-height:38px;padding:.55rem .7rem;border:1px solid var(--border);border-radius:10px;outline:0;background:var(--surface-soft);color:var(--ink);font-size:.74rem;transition:border-color .15s,box-shadow .15s,background .15s}.blacklist-page textarea{min-height:72px;resize:vertical}.blacklist-page input:hover,.blacklist-page select:hover,.blacklist-page textarea:hover{border-color:color-mix(in srgb,var(--primary) 45%,var(--border))}.blacklist-page input:focus,.blacklist-page select:focus,.blacklist-page textarea:focus{border-color:var(--primary);background:var(--surface);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 12%,transparent)}.blacklist-page select{cursor:pointer}.blacklist-row details>summary{padding:.42rem .62rem;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--primary);font-size:.68rem;font-weight:650;cursor:pointer;list-style:none}.blacklist-row details>summary::-webkit-details-marker{display:none}.blacklist-row details[open]>summary{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 8%,var(--surface))}.blacklist-row details>form{margin-top:.4rem}.blacklist-row details>form .button{margin-top:.2rem}
.integration-panel{margin-bottom:.8rem}.integration-legend{color:var(--muted);font-size:.68rem}.integration-list{display:grid;gap:.5rem;margin-top:.8rem}.integration-row{display:grid;grid-template-columns:10px minmax(0,1fr) auto auto;align-items:center;gap:.65rem;padding:.7rem .8rem;border:1px solid var(--border);border-radius:11px;background:var(--surface-soft)}.integration-row.is-ready{border-color:rgba(36,158,103,.4);background:rgba(36,158,103,.06)}.integration-row.is-pending{border-color:rgba(91,93,226,.35);background:rgba(91,93,226,.06)}.integration-row.is-automatic{border-color:var(--border);background:var(--surface-soft)}.integration-row.is-missing{border-color:rgba(220,76,92,.5);background:rgba(220,76,92,.07)}.integration-dot{width:8px;height:8px;border-radius:50%;background:#9b96a8;box-shadow:0 0 0 3px rgba(155,150,168,.12)}.integration-row.is-ready .integration-dot{background:#249e67;box-shadow:0 0 0 3px rgba(36,158,103,.14)}.integration-row.is-pending .integration-dot{background:#5b5de2;box-shadow:0 0 0 3px rgba(91,93,226,.14)}.integration-row.is-automatic .integration-dot{background:#9b96a8;box-shadow:0 0 0 3px rgba(155,150,168,.12)}.integration-row.is-missing .integration-dot{background:#dc4c5c;box-shadow:0 0 0 3px rgba(220,76,92,.14)}.integration-row strong,.integration-row small{display:block;min-width:0}.integration-row strong{font-size:.78rem}.integration-row small{overflow:hidden;margin-top:.15rem;color:var(--muted);font-size:.67rem;text-overflow:ellipsis;white-space:nowrap}.integration-row .button{width:fit-content;min-height:30px;padding:.25rem .6rem;font-size:.68rem}.integration-icon-link{display:grid;width:30px;height:30px;place-items:center;border:1px solid var(--border);border-radius:8px;color:var(--primary);font-weight:700}@media(max-width:700px){.integration-row{grid-template-columns:10px minmax(0,1fr) auto}.integration-row .connection-chip{grid-column:2}.integration-row .button,.integration-row .connection-toggle{grid-column:3;grid-row:1/3}.integration-row small{white-space:normal}.integration-icon-link{display:none}}
.integration-panel.is-compact{padding:.75rem 1rem;border-color:rgba(36,158,103,.4);background:rgba(36,158,103,.06)}.integration-ready-summary{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:.7rem}.integration-ready-summary[hidden],.integration-list[hidden],.integration-panel .panel-head[hidden],[data-connection-disconnect][hidden],[data-integration-collapse][hidden]{display:none}.integration-ready-icon{display:grid;width:32px;height:32px;place-items:center;border-radius:9px;background:#249e67;color:#fff;font-size:.85rem;font-weight:800}.integration-ready-summary strong,.integration-ready-summary small{display:block}.integration-ready-summary strong{font-size:.78rem;color:#18794e}.integration-ready-summary small{margin-top:.1rem;color:var(--muted);font-size:.65rem}.integration-ready-actions,.integration-row-actions,.integration-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:.35rem}.integration-ready-summary .button,.integration-head-actions .button{width:fit-content;min-height:30px;padding:.25rem .6rem;font-size:.68rem}@media(max-width:560px){.integration-ready-summary{grid-template-columns:32px minmax(0,1fr)}.integration-ready-actions{grid-column:2;justify-content:flex-start;flex-wrap:wrap}.integration-head-actions{align-items:flex-end;flex-direction:column}}
.integration-row.is-disabled{border-color:color-mix(in srgb,var(--border) 85%,transparent);background:color-mix(in srgb,var(--surface-soft) 70%,var(--surface));opacity:.92}.integration-row.is-disabled .integration-dot{background:var(--muted);box-shadow:0 0 0 3px color-mix(in srgb,var(--muted) 12%,transparent)}.integration-row.is-disabled .button{color:var(--muted)}
.profile-page .form-intro{margin-bottom:1rem}.profile-form-stack{display:grid;gap:.9rem}.profile-section-card{display:grid;gap:.9rem;padding:1.1rem 1.1rem 1.15rem}.profile-form-card{font-size:.82rem}.profile-form-card textarea[name=objective]{height:58px;min-height:58px}.profile-block{padding-block:0}.profile-block + .profile-block{margin-top:0;border-top:0}.profile-block-heading{display:grid;gap:.15rem;margin-bottom:.25rem}.profile-block-heading h2,.section-heading h2{margin:.25rem 0;font-size:1.15rem}.profile-block-heading p,.section-heading p,.search-help{color:var(--muted);font-size:.76rem}.profile-form-card input[type=checkbox],.strategy-editor input[type=checkbox],.new-strategy input[type=checkbox]{width:15px!important;height:15px!important;min-height:15px!important;margin:0}.compact-check{display:grid!important;grid-template-columns:16px 1fr;align-items:center;gap:4px 8px}.compact-check small{grid-column:2}.field-upload{padding:.8rem;border:1px solid var(--border);border-radius:12px;background:var(--surface-soft)}.field-upload.is-required-missing{border-color:#dc4c5c;background:rgba(220,76,92,.06);box-shadow:0 0 0 1px rgba(220,76,92,.08)}.required-mark,.field-upload.is-required-missing strong{color:#c73748}.attachment-current{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:42px}.attachment-current strong,.attachment-current small{display:block;overflow-wrap:anywhere}.attachment-current small{margin-top:.2rem;color:var(--muted);font-size:.68rem}.attachment-download{display:grid;flex:0 0 32px;width:32px;height:32px;place-items:center;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--primary)}.attachment-download:hover{border-color:var(--primary);transform:translateY(-1px)}.attachment-download svg{width:16px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.compact-upload{margin-top:.55rem}.compact-upload input[type=file]{width:100%;min-height:38px;padding:4px;border:1px dashed color-mix(in srgb,var(--primary) 42%,var(--border));border-radius:10px;background:color-mix(in srgb,var(--primary) 4%,var(--surface));color:var(--muted);font:500 .68rem Manrope,sans-serif;cursor:pointer;transition:border-color .16s,background .16s,box-shadow .16s}.compact-upload input[type=file]:hover{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 8%,var(--surface))}.compact-upload input[type=file]:focus-visible{outline:0;border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 14%,transparent)}.compact-upload input[type=file]::file-selector-button{min-height:30px;margin-right:.65rem;padding:5px 12px;border:0;border-radius:8px;background:linear-gradient(135deg,var(--primary-strong),var(--primary) 62%,var(--cyan));color:#fff;font:700 .68rem Manrope,sans-serif;cursor:pointer;box-shadow:0 5px 14px color-mix(in srgb,var(--primary) 20%,transparent);transition:filter .16s,transform .16s}.compact-upload input[type=file]::file-selector-button:hover{filter:brightness(1.08)}.profile-searches{margin-top:1.25rem}.section-heading{margin-bottom:.8rem}.search-section{margin-top:.75rem;padding:1rem}.search-section h3{margin:.25rem 0;font-size:.95rem}.search-help{margin:.5rem 0}.strategy-list{display:grid;gap:.55rem;margin:.8rem 0;padding:0;list-style:none}.strategy-item{padding:.7rem;border:1px solid var(--border);border-radius:11px;background:var(--surface)}.strategy-summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.55rem}.strategy-priority{min-width:1rem;color:var(--primary);font:600 .68rem 'DM Mono',monospace}.strategy-summary>div>span{display:block;margin-top:.12rem;color:var(--muted);font-size:.68rem}.strategy-flags{color:var(--muted);font-size:.64rem}.strategy-url{display:block;overflow:hidden;margin:.5rem 0;color:var(--primary);font:500 .64rem 'DM Mono',monospace;text-overflow:ellipsis;white-space:nowrap}.strategy-actions{display:flex;gap:.3rem}.strategy-actions form{margin:0}.strategy-actions .button,.strategy-editor .button,.new-strategy .button{width:fit-content!important;min-height:29px!important;padding:.25rem .55rem!important;font-size:.68rem!important}.strategy-editor{margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border)}.strategy-editor form,.new-strategy form{display:block;margin-top:.6rem}.strategy-editor form p,.new-strategy form p{display:grid;gap:.2rem;margin:0}.strategy-editor label,.new-strategy label{color:var(--muted);font-size:.68rem;font-weight:650}.strategy-editor input:not([type=checkbox]),.new-strategy input:not([type=checkbox]){min-height:35px;padding:.45rem .6rem;font-size:.76rem}.strategy-form-actions{display:flex;justify-content:flex-start;margin-top:.85rem}.strategy-form-actions .strategy-save-button{min-width:68px}.new-strategy{margin-top:.6rem}@media(max-width:700px){.attachments-grid{grid-template-columns:1fr}}
.field-upload.has-pending-file{border-color:#2f9d70;background:rgba(47,157,112,.07);box-shadow:0 0 0 1px rgba(47,157,112,.08)}.field-upload.has-pending-file .attachment-current strong{color:#237a57}.field-upload.has-pending-file .attachment-current small{color:var(--ink)}
@media (max-width: 760px) { .linkedin-card { grid-template-columns: 42px minmax(0,1fr) auto; }.linkedin-brand { width: 42px; height: 42px; }.linkedin-state { grid-column: 2; justify-items: start; }.linkedin-action { grid-column: 3; grid-row: 1 / span 2; } }
@media (max-width: 520px) { .linkedin-card { grid-template-columns: 38px minmax(0,1fr); }.linkedin-brand { width: 38px; height: 38px; }.linkedin-state { grid-column: 2; }.linkedin-action { width: 100%; grid-column: 1 / -1; grid-row: auto; }.linkedin-state small { white-space: normal; } }

.knowledge-count { padding: .5rem .8rem; border-radius: 999px; background: color-mix(in srgb,var(--primary) 10%,var(--surface)); color: var(--primary); font-size: .72rem; font-weight: 750; }
.knowledge-section { margin-bottom: 1rem; }
.knowledge-list,.answered-list { display: grid; gap: .75rem; }
.knowledge-item,.answered-list article { padding: 1rem; border: 1px solid var(--border); border-radius: 16px; background: color-mix(in srgb,var(--surface) 94%,var(--primary)); }
.knowledge-question-meta { display: flex; align-items: center; flex-wrap: wrap; gap: .45rem; color: var(--muted); font-size: .62rem; }
.knowledge-item h3,.answered-list h3 { margin: .7rem 0; font: 650 .86rem/1.45 Manrope,sans-serif; }
.knowledge-answer-form { display: grid; gap: .45rem; }
.knowledge-answer-form label { font-size: .64rem; font-weight: 700; }
.knowledge-answer-form textarea { width: 100%; resize: vertical; border: 1px solid var(--border); border-radius: 12px; padding: .75rem; color: var(--text); background: var(--surface); font: inherit; }
.knowledge-answer-form textarea:focus { outline: 2px solid color-mix(in srgb,var(--primary) 32%,transparent); border-color: var(--primary); }
.knowledge-answer-form > div[id$="-answer"] { display: grid; grid-template-columns: repeat(auto-fit,minmax(180px,1fr)); gap: .5rem; }
.knowledge-answer-form > div[id$="-answer"] > div label { display: flex; align-items: center; gap: .55rem; min-height: 42px; padding: .65rem .75rem; border: 1px solid var(--border); border-radius: 12px; background: var(--surface); color: var(--text); font-size: .72rem; cursor: pointer; transition: border-color .15s ease,background .15s ease,box-shadow .15s ease; }
.knowledge-answer-form > div[id$="-answer"] > div label:hover { border-color: color-mix(in srgb,var(--primary) 55%,var(--border)); background: color-mix(in srgb,var(--primary) 4%,var(--surface)); }
.knowledge-answer-form > div[id$="-answer"] input { flex: 0 0 auto; accent-color: var(--primary); }
.knowledge-answer-form > div[id$="-answer"] label:has(input:checked) { border-color: var(--primary); background: color-mix(in srgb,var(--primary) 8%,var(--surface)); box-shadow: 0 0 0 1px color-mix(in srgb,var(--primary) 28%,transparent); }
.knowledge-answer-form small,.answered-list small,.muted-copy { color: var(--muted); font-size: .6rem; }
.knowledge-answer-form .button { justify-self: start; margin-top: .25rem; }
.sensitive-chip { padding: .18rem .4rem; border-radius: 999px; background: color-mix(in srgb,#f59e0b 14%,var(--surface)); color: #a15c00; font-weight: 700; }
.answered-list p { margin: 0 0 .4rem; color: var(--muted); font-size: .72rem; white-space: pre-line; }
.answered-answer-head { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: .65rem; align-items: start; }
.answered-answer-head h3 { margin-top: 0; }
.knowledge-edit { position: relative; }
.knowledge-edit summary { display: grid; width: 34px; height: 34px; place-items: center; border: 1px solid var(--border); border-radius: 10px; color: var(--muted); background: var(--surface); cursor: pointer; list-style: none; transition: border-color .15s ease,color .15s ease,background .15s ease; }
.knowledge-edit summary::-webkit-details-marker { display: none; }
.knowledge-edit summary:hover,.knowledge-edit summary:focus-visible { border-color: var(--primary); color: var(--primary); background: color-mix(in srgb,var(--primary) 5%,var(--surface)); outline: none; }
.knowledge-edit[open] { grid-column: 1 / -1; width: 100%; }
.knowledge-edit[open] summary { margin-left: auto; }
.knowledge-edit .knowledge-answer-form { margin-top: .65rem; min-width: min(32rem,70vw); }
.knowledge-edit-actions { display: flex; gap: .5rem; }
.flash-stack { display: grid; gap: .5rem; margin: 0 0 .8rem; }
.flash-message { padding: .7rem .85rem; border: 1px solid var(--border); border-radius: 12px; background: var(--surface); font-size: .7rem; }
.flash-message.error { border-color: color-mix(in srgb,#ef4444 35%,var(--border)); color: #b42318; }
.app-body .flash-stack{position:fixed;z-index:200;top:1rem;right:1rem;width:min(360px,calc(100vw - 2rem));margin:0}.flash-message.success{border-color:rgba(36,158,103,.42);background:color-mix(in srgb,#249e67 9%,var(--surface));color:#18794e;box-shadow:0 14px 36px rgba(15,12,35,.14)}html[data-restoring-scroll] body{visibility:hidden}.button.is-submitting{position:relative;pointer-events:none;opacity:.78}.button.is-submitting .button-arrow{visibility:hidden}.button.is-submitting::after{content:'';position:absolute;right:.72rem;width:13px;height:13px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:autodin-spin .65s linear infinite}@keyframes autodin-spin{to{transform:rotate(360deg)}}
.support-inbox-queue-filters { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .3rem; padding: .45rem .65rem; border-bottom: 1px solid var(--border); background: var(--surface-soft); }
.support-inbox-queue-filters a { padding: .38rem .25rem; border-radius: 7px; color: var(--muted); font-size: .49rem; font-weight: 650; text-align: center; }
.support-inbox-queue-filters a.is-active { background: var(--surface); color: var(--primary); box-shadow: 0 0 0 1px var(--border); }
.support-inbox-thread .support-thread-message.is-customer { margin-right: auto; margin-left: 0; background: var(--surface); }
.support-inbox-thread .support-thread-message.is-backoffice { margin-right: 0; margin-left: auto; background: color-mix(in srgb,var(--primary) 10%,var(--surface)); }
.signup-form { display: grid; gap: 1rem; }
.signup-field { display: grid; gap: .45rem; }
.signup-field label { color: var(--muted); font-size: .76rem; font-weight: 600; }
.signup-field input { width: 100%; min-height: 44px; padding: .7rem .85rem; border: 1px solid var(--border); border-radius: 11px; outline: 0; background: var(--bg); color: var(--ink); }
.signup-field input:focus { border-color: var(--primary); box-shadow: 0 0 0 3px color-mix(in srgb,var(--primary) 12%,transparent); }
.signup-password-help ul { margin: 0; padding-left: 1.1rem; color: var(--muted); font-size: .65rem; line-height: 1.55; }
.signup-legal-review { display: grid; gap: .45rem; padding: .8rem; border: 1px solid var(--border); border-radius: 11px; background: var(--surface-soft); }
.signup-legal-review > strong { font-size: .68rem; }
.signup-legal-review > div { display: flex; align-items: center; flex-wrap: wrap; gap: .4rem; color: var(--muted); font-size: .66rem; }
.signup-legal-review button { appearance: none; padding: 0; border: 0; background: transparent; color: var(--primary); font-size: inherit; font-weight: 650; cursor: pointer; }
.signup-legal-review button:hover { text-decoration: underline; }
.signup-legal-review button.is-reviewed::after { content: ' ✓'; color: #249e67; }
.signup-challenge { display: grid; gap: .35rem; padding: .75rem .8rem; border: 1px solid color-mix(in srgb,var(--cyan) 24%,var(--border)); border-radius: 11px; background: color-mix(in srgb,var(--cyan) 7%,var(--surface)); }
.signup-challenge label { color: var(--muted); font-size: .68rem; font-weight: 650; }
.signup-challenge p { margin: 0; color: var(--ink); font-size: .66rem; }
.signup-challenge input { width: 100%; min-height: 40px; padding: .6rem .8rem; border: 1px solid var(--border); border-radius: 10px; background: var(--bg); color: var(--ink); }
.signup-challenge input:focus { border-color: var(--primary); box-shadow: 0 0 0 3px color-mix(in srgb,var(--primary) 12%,transparent); }
.signup-consent { display: grid; grid-template-columns: 16px minmax(0,1fr); align-items: start; gap: .65rem; padding: .75rem .8rem; border: 1px solid var(--border); border-radius: 11px; background: var(--surface); color: var(--ink)!important; cursor: pointer; }
.form-card .signup-consent input[type='checkbox'] { appearance: auto; width: 15px!important; height: 15px!important; min-height: 15px!important; margin: .1rem 0 0!important; padding: 0!important; accent-color: var(--primary); }
.signup-consent > span { display: grid; gap: .18rem; }
.signup-consent strong { font-size: .68rem; line-height: 1.4; }
.signup-consent small { color: var(--muted); font-size: .6rem; font-weight: 400; }
.signup-form > .button { width: fit-content; margin-top: .15rem; }
.history-list > .empty-state { border-top: 0; }
.search-generation-inline{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap;margin:.65rem 0 .2rem}.search-generation-inline .button{min-height:31px;padding:.3rem .65rem;font-size:.66rem}.search-generate-button{gap:.42rem}.search-generate-spinner{display:none;width:12px;height:12px;border:2px solid color-mix(in srgb,currentColor 26%,transparent);border-top-color:currentColor;border-radius:50%}.search-generation-inline.is-processing .search-generate-spinner{display:block;animation:search-generation-spin .75s linear infinite}.search-generation-feedback{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:.45rem;min-width:min(100%,300px);padding:.45rem .55rem;border:1px solid transparent;border-radius:10px;transition:border-color .18s,background .18s}.search-generation-feedback>div{display:grid;gap:.08rem;min-width:0}.search-generation-feedback strong{font-size:.65rem;line-height:1.35}.search-generation-feedback small{color:var(--muted);font-size:.6rem;line-height:1.35}.search-generation-feedback a{width:fit-content;margin-top:.12rem;color:var(--primary);font-size:.6rem;font-weight:750}.search-generation-feedback [data-search-generation-limit]{font-family:'DM Mono',monospace}.search-generation-state{display:grid;width:22px;height:22px;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--primary) 10%,var(--surface));color:var(--primary)}.search-generation-state::after{content:'✓';font-size:.68rem;font-weight:800}.search-generation-inline.is-pending .search-generation-feedback{border-color:color-mix(in srgb,#c58b12 25%,var(--border));background:color-mix(in srgb,#c58b12 6%,var(--surface))}.search-generation-inline.is-pending .search-generation-state{background:color-mix(in srgb,#c58b12 13%,var(--surface));color:#9b7011}.search-generation-inline.is-pending .search-generation-state::after{content:'…'}.search-generation-inline.is-processing .search-generation-state::after{content:'';width:9px;height:9px;border:2px solid color-mix(in srgb,currentColor 25%,transparent);border-top-color:currentColor;border-radius:50%;animation:search-generation-spin .75s linear infinite}.search-generation-inline.is-missing .search-generation-feedback{border-color:color-mix(in srgb,#c73748 24%,var(--border));background:color-mix(in srgb,#c73748 6%,var(--surface))}.search-generation-inline.is-missing .search-generation-state{background:color-mix(in srgb,#c73748 12%,var(--surface));color:#c73748}.search-generation-inline.is-missing .search-generation-state::after{content:'!'}.search-generation-inline.is-pending [data-search-generation-message]{color:#8b681b}.search-generation-inline.is-missing [data-search-generation-message]{color:#b83243}@keyframes search-generation-spin{to{transform:rotate(360deg)}}.search-section-tools{display:flex;align-items:center;gap:.65rem}.search-history-dialog{width:min(760px,calc(100vw - 2rem))}.search-history-list{display:grid;gap:.65rem;max-height:min(60vh,620px);overflow:auto;padding:.25rem}.search-history-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:center;padding:1rem;border:1px solid var(--border);border-radius:14px}.search-history-row>div{display:grid;gap:.35rem;min-width:0}.search-history-row small,.search-history-row a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-history-row a{font-size:.72rem;color:var(--primary)}@media(max-width:700px){.search-generation-inline{align-items:stretch;flex-direction:column}.search-generation-feedback{width:100%}.search-history-row{grid-template-columns:1fr}.search-section-tools{align-items:flex-end;flex-direction:column}}
.profile-page .profile-form-card { max-width: none; margin: 0; padding: 1.5rem; border-radius: 18px; box-shadow: none; }
.profile-page .profile-searches { width: 100%; }
.blacklist-page { max-width: none; }
@media (max-width: 560px) { .signup-legal-review > div { align-items: flex-start; flex-direction: column; gap: .3rem; }.signup-legal-review > div > span { display: none; }.signup-form > .button { width: 100%; } }
.signup-legal-dialog { width: min(680px,calc(100vw - 2rem)); max-height: min(720px,calc(100dvh - 2rem)); padding: 0; overflow: hidden; border: 1px solid var(--border); border-radius: 18px; background: var(--surface); color: var(--ink); box-shadow: 0 28px 80px rgba(15,12,35,.28); }
.signup-legal-dialog::backdrop { background: rgba(12,9,28,.55); backdrop-filter: blur(5px); }
.signup-legal-dialog[open] { display: grid; grid-template-rows: auto minmax(0,1fr) auto; }
.signup-legal-dialog-head { padding: 1.2rem 1.35rem .9rem; border-bottom: 1px solid var(--border); background: linear-gradient(135deg,color-mix(in srgb,var(--primary) 8%,var(--surface)),var(--surface)); }
.signup-legal-dialog-head span { color: var(--primary); font: 600 .55rem 'DM Mono',monospace; letter-spacing: .08em; text-transform: uppercase; }
.signup-legal-dialog-head h2 { margin: .4rem 0 .25rem; font: 700 1.15rem Manrope,sans-serif; }
.signup-legal-dialog-head small { color: var(--muted); font-size: .58rem; }
.signup-legal-dialog-copy { min-height: 220px; max-height: min(460px,55dvh); overflow-y: auto; padding: 1.3rem 1.4rem; color: var(--muted); font-size: .76rem; line-height: 1.75; outline: 0; }
.signup-legal-dialog-copy:focus-visible { box-shadow: inset 0 0 0 2px var(--primary); }
.signup-legal-dialog-actions { display: flex; justify-content: flex-end; padding: .85rem 1.2rem; border-top: 1px solid var(--border); background: var(--surface); }
.signup-legal-dialog-actions .button { min-height: 40px; }
@media (max-width: 520px) { .signup-legal-dialog-copy { max-height: 58dvh; padding: 1rem; }.signup-legal-dialog-actions .button { width: 100%; } }
.login-alert { margin-bottom: .9rem; padding: .7rem .8rem; border: 1px solid color-mix(in srgb,var(--coral) 35%,var(--border)); border-radius: 11px; background: color-mix(in srgb,var(--coral) 8%,var(--surface)); color: #b42318; font-size: .7rem; line-height: 1.45; }
.login-alert ul { margin: 0; padding-left: 1rem; }
.login-form { display: grid; gap: .45rem; }
.login-form .button { margin-top: .7rem; }
.login-forgot { justify-self: end; margin-top: .1rem; color: var(--primary); font-size: .64rem; font-weight: 650; }
.account-dialog { width: min(720px,calc(100vw - 2rem)); max-height: min(850px,calc(100dvh - 2rem)); padding: 0; overflow: hidden; border: 1px solid var(--border); border-radius: 18px; background: var(--surface); color: var(--ink); box-shadow: 0 28px 80px rgba(15,12,35,.3); }
.account-dialog::backdrop { background: rgba(12,9,28,.56); backdrop-filter: blur(5px); }
.account-dialog[open] { display: grid; grid-template-rows: auto minmax(0,1fr); }
.account-dialog-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; padding: 1.2rem 1.35rem; border-bottom: 1px solid var(--border); background: linear-gradient(135deg,color-mix(in srgb,var(--primary) 8%,var(--surface)),var(--surface)); }
.account-dialog-head span { color: var(--primary); font: 650 .54rem 'DM Mono',monospace; letter-spacing: .08em; text-transform: uppercase; }
.account-dialog-head h2 { margin: .35rem 0 .2rem; font: 700 1.2rem Manrope,sans-serif; }
.account-dialog-head p,.account-section-title p { margin: 0; color: var(--muted); font-size: .64rem; line-height: 1.5; }
.account-dialog-body { display: grid; gap: .8rem; overflow-y: auto; padding: 1rem 1.2rem 1.3rem; }
.account-summary { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .65rem; }
.account-summary>div,.account-current-email { display: grid; gap: .2rem; padding: .75rem .85rem; border: 1px solid var(--border); border-radius: 11px; background: var(--surface-soft); }
.account-summary small,.account-current-email small { color: var(--muted); font-size: .55rem; text-transform: uppercase; }
.account-summary strong,.account-current-email strong { font-size: .7rem; }
.account-current-email span { color: #9b7011; font-size: .58rem; }
.account-section { display: grid; gap: .8rem; padding: 1rem; border: 1px solid var(--border); border-radius: 14px; }
.account-section-title h3 { margin: 0 0 .2rem; font-size: .82rem; }
.account-section form { display: grid; gap: .7rem; }
.account-section form[hidden] { display: none; }
.account-section .field { display: grid; gap: .3rem; margin: 0; }
.account-section .field>span { color: var(--muted); font-size: .61rem; font-weight: 650; }
.account-section input { width: 100%; min-height: 40px; padding: .6rem .75rem; border: 1px solid var(--border); border-radius: 9px; background: var(--bg); color: var(--ink); }
.account-section input:focus { border-color: var(--primary); box-shadow: 0 0 0 3px color-mix(in srgb,var(--primary) 12%,transparent); outline: 0; }
.account-section .button { width: fit-content; }
.account-password-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .7rem; }
.account-dialog-view{display:grid;gap:.8rem}.account-dialog-view[hidden]{display:none}.account-privacy-entry{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;padding:.8rem .9rem;border:1px solid var(--border);border-radius:12px;background:transparent;color:var(--ink);text-align:left;cursor:pointer}.account-privacy-entry:hover,.account-privacy-entry:focus-visible{border-color:color-mix(in srgb,var(--primary) 40%,var(--border));background:var(--surface-soft);outline:0}.account-privacy-entry span{display:grid;gap:.15rem}.account-privacy-entry strong{font-size:.68rem}.account-privacy-entry small{color:var(--muted);font-size:.56rem}.account-privacy-entry b{color:var(--muted);font-size:.7rem}.account-view-back{justify-self:start;padding:.35rem .1rem;border:0;background:transparent;color:var(--muted);font-size:.62rem;font-weight:700;cursor:pointer}.account-view-back:hover{color:var(--primary)}.account-privacy-actions,.account-deletion-actions{display:flex;flex-wrap:wrap;gap:.55rem}.button-subtle-danger{border-color:color-mix(in srgb,#c73748 22%,var(--border))!important;color:#b73545!important}.account-deletion-warning{padding:.75rem;border:1px solid color-mix(in srgb,#c73748 24%,var(--border));border-radius:11px;background:color-mix(in srgb,#c73748 5%,var(--surface))}.account-deletion-warning strong{font-size:.67rem}.account-deletion-warning p{margin:.25rem 0 0;color:var(--muted);font-size:.59rem;line-height:1.5}
.billing-history-dialog{width:min(780px,calc(100vw - 2rem))}.billing-current{display:grid;gap:.75rem;padding:1rem;border:1px solid color-mix(in srgb,var(--primary) 24%,var(--border));border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 7%,var(--surface)),var(--surface))}.billing-current-heading{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.billing-current-heading>div{display:grid;gap:.15rem}.billing-current-heading small,.billing-current-details small{color:var(--muted);font-size:.53rem;text-transform:uppercase}.billing-current-heading strong{font-size:1rem}.billing-status,.billing-entry-status{width:max-content;padding:.2rem .45rem;border-radius:999px;background:var(--surface-soft);color:var(--muted);font:700 .48rem 'DM Mono',monospace;text-transform:uppercase}.billing-status.is-active,.billing-status.is-trialing,.billing-entry-status.is-approved{background:color-mix(in srgb,var(--lime) 20%,var(--surface));color:color-mix(in srgb,#315d22 85%,var(--ink))}.billing-status.is-past_due,.billing-entry-status.is-rejected,.billing-entry-status.is-refunded,.billing-entry-status.is-canceled{background:color-mix(in srgb,#c73748 12%,var(--surface));color:#b73545}.billing-status.is-pending,.billing-entry-status.is-pending{background:color-mix(in srgb,#d89b24 15%,var(--surface));color:#8d650d}.billing-current-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}.billing-current-details>div{display:grid;gap:.15rem;padding:.55rem .65rem;border:1px solid var(--border);border-radius:10px;background:color-mix(in srgb,var(--surface) 82%,transparent)}.billing-current-details strong{font-size:.62rem}.billing-history-list{display:grid}.billing-history-item{display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:.65rem;padding:.75rem 0;border-bottom:1px solid var(--border)}.billing-history-item:last-child{border-bottom:0}.billing-history-marker{width:8px;height:8px;border-radius:50%;background:var(--muted)}.billing-history-marker.is-approved{background:var(--lime)}.billing-history-marker.is-pending{background:#d89b24}.billing-history-marker.is-rejected,.billing-history-marker.is-refunded,.billing-history-marker.is-canceled{background:#c73748}.billing-history-copy{display:grid;gap:.18rem;min-width:0}.billing-history-copy>div{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.billing-history-copy strong{font-size:.68rem}.billing-history-copy small,.billing-history-copy time{color:var(--muted);font-size:.55rem}.billing-history-amount{font-size:.67rem;white-space:nowrap}.billing-empty,.billing-loading{margin:0;padding:1rem;color:var(--muted);font-size:.64rem;text-align:center}.billing-history-error{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.7rem;border-radius:10px;background:color-mix(in srgb,#c73748 7%,var(--surface));color:#b73545;font-size:.61rem}.billing-history-error[hidden]{display:none}.billing-load-more{justify-self:center}.billing-manage-plan{justify-self:end}.billing-subscription-options{justify-self:end;max-width:420px;color:var(--muted);font-size:.58rem;text-align:right}.billing-subscription-options summary{cursor:pointer}.billing-subscription-options>div{display:grid;justify-items:end;gap:.55rem;margin-top:.45rem}.billing-subscription-options p{margin:0;line-height:1.5}.billing-subscription-options .button{min-height:30px;padding:.3rem .6rem;font-size:.56rem}
@media(max-width:560px){.account-dialog{width:calc(100vw - 1rem);max-height:calc(100dvh - 1rem)}.account-dialog-body{padding:.8rem}.account-summary,.account-password-grid,.billing-current-details{grid-template-columns:1fr}.account-section{padding:.85rem}.account-section .button,.account-privacy-actions .button,.account-deletion-actions .button{width:100%}.billing-history-item{align-items:start}.billing-history-amount{grid-column:2}.billing-manage-plan{width:100%;text-align:center}}
.access-dialog{width:min(500px,calc(100vw - 2rem));padding:1.35rem;border:1px solid var(--border);border-radius:20px;background:var(--surface);color:var(--ink);box-shadow:0 30px 90px rgba(15,12,35,.34);text-align:left}.access-dialog::backdrop{background:rgba(12,9,28,.58);backdrop-filter:blur(6px)}.access-dialog[open]{display:grid;justify-items:start;gap:.55rem}.access-dialog-close{position:absolute;top:.8rem;right:.8rem;width:34px;height:34px;padding:0;border:0;border-radius:10px;background:transparent;color:var(--muted);font-size:1.2rem;cursor:pointer}.access-dialog-close:hover,.access-dialog-close:focus-visible{background:var(--surface-soft);color:var(--ink);outline:none}.access-dialog-icon{display:grid;width:48px;height:48px;place-items:center;margin-bottom:.25rem;border-radius:14px;font:750 .78rem 'DM Mono',monospace}.access-dialog-icon.is-welcome{background:color-mix(in srgb,var(--primary) 12%,var(--surface));color:var(--primary)}.access-dialog-icon.is-expired{background:color-mix(in srgb,#d97706 13%,var(--surface));color:#b86508}.access-dialog h2{max-width:390px;margin:.1rem 2.5rem .1rem 0;font-size:1.3rem;letter-spacing:-.025em}.access-dialog>p{max-width:58ch;margin:0;color:var(--muted);font-size:.72rem;line-height:1.6}.access-dialog-note{width:100%;display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:.65rem;margin:.45rem 0;padding:.7rem;border:1px solid var(--border);border-radius:13px;background:var(--surface-soft)}.access-dialog-note>span{display:grid;width:32px;height:32px;place-items:center;border-radius:10px;background:var(--surface);color:var(--primary);font-weight:750}.access-dialog-note strong,.access-dialog-note small{display:block}.access-dialog-note strong{font-size:.7rem}.access-dialog-note small{margin-top:.12rem;color:var(--muted);font-size:.58rem;line-height:1.45}.access-dialog-actions{width:100%;display:flex;justify-content:flex-end;gap:.5rem;margin-top:.25rem}.access-dialog-actions .button{text-align:center}@media(max-width:520px){.access-dialog{width:calc(100vw - 1rem);padding:1.05rem}.access-dialog-actions{align-items:stretch;flex-direction:column-reverse}.access-dialog-actions .button{width:100%}}

/* Consistent native controls and scrollbars across the public and authenticated UI. */
* { scrollbar-width: thin; scrollbar-color: color-mix(in srgb,var(--primary) 42%,var(--border)) transparent; }
*::-webkit-scrollbar { width: 8px; height: 8px; }
*::-webkit-scrollbar-track { background: transparent; }
*::-webkit-scrollbar-thumb { border: 2px solid transparent; border-radius: 999px; background: color-mix(in srgb,var(--primary) 42%,var(--border)); background-clip: padding-box; }
*::-webkit-scrollbar-thumb:hover { background: color-mix(in srgb,var(--primary) 68%,var(--border)); background-clip: padding-box; }
select:not([multiple]) { appearance: none; min-height: 38px; padding: .55rem 2.15rem .55rem .75rem; border: 1px solid var(--border); border-radius: 10px; outline: 0; background-color: var(--surface-soft); background-image: linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%); background-position: calc(100% - 13px) 50%,calc(100% - 9px) 50%; background-repeat: no-repeat; background-size: 4px 4px; color: var(--ink); cursor: pointer; transition: border-color .15s,box-shadow .15s,background-color .15s; }
select:not([multiple]):hover { border-color: color-mix(in srgb,var(--primary) 45%,var(--border)); }
select:not([multiple]):focus { border-color: var(--primary); background-color: var(--surface); box-shadow: 0 0 0 3px color-mix(in srgb,var(--primary) 12%,transparent); }
select option { background: var(--surface); color: var(--ink); }
.language-form select.nav-control { width: 58px; min-height: 30px; height: 30px; padding: 0 1.65rem 0 .65rem; background-color: color-mix(in srgb,var(--surface) 80%,transparent); background-position: calc(100% - 11px) 50%,calc(100% - 7px) 50%; border-radius: 999px; font-weight: 650; }

/* Compact support inbox: protocols stay in a vertical rail and the chat never exceeds the viewport. */
.support-widget-panel { width: min(560px,calc(100vw - 1.5rem)); height: min(620px,calc(100dvh - 1.5rem)); max-height: calc(100dvh - 1.5rem); }
.support-widget-body { min-height: 0; flex: 1; display: grid; grid-template-columns: 150px minmax(0,1fr); overflow: hidden; }
.support-widget-sidebar { min-width: 0; display: flex; flex-direction: column; overflow: hidden; border-right: 1px solid var(--border); background: color-mix(in srgb,var(--surface-soft) 58%,var(--surface)); }
.support-widget-tickets { min-height: 0; display: flex; flex: 1; flex-direction: column; gap: .3rem; padding: .45rem; overflow-x: hidden; overflow-y: auto; border: 0; }
.support-widget-tickets form { flex: 0 0 auto; width: 100%; }
.support-widget-tickets button { width: 100%; min-width: 0; display: grid; gap: .12rem; padding: .48rem .55rem; border: 1px solid transparent; border-radius: 9px; background: transparent; text-align: left; }
.support-widget-tickets button span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.support-widget-tickets button.is-active { border-color: color-mix(in srgb,var(--primary) 30%,var(--border)); background: var(--surface); box-shadow: 0 4px 14px rgba(20,15,40,.06); }
.support-widget-chat { min-width: 0; min-height: 0; display: flex; flex-direction: column; }
.support-widget-new { flex: 0 0 auto; padding: .55rem .45rem; border-bottom: 1px solid var(--border); background: transparent; }
.support-widget-new > summary { display: flex; min-height: 34px; align-items: center; justify-content: center; padding: .4rem .5rem; border-radius: 9px; background: var(--primary); color: #fff; font-size: .56rem; font-weight: 700; text-align: center; list-style: none; }
.support-widget-new > summary::-webkit-details-marker { display: none; }
.support-widget-new[open] > summary { background: color-mix(in srgb,var(--primary) 14%,var(--surface)); color: var(--primary); }
.support-widget-new form { min-width: 0; gap: .38rem; padding: .55rem 0 0; }
.support-widget-new form input,.support-widget-new form textarea { min-width: 0; padding: .5rem; font-size: .58rem; }
.support-widget-new form .button { width: 100%; min-height: 32px; padding: .35rem; font-size: .56rem; }
.support-widget-new form small { color: var(--muted); font-size: .46rem; line-height: 1.35; }
.support-widget-closed { margin: 0; padding: .75rem; border-top: 1px solid var(--border); text-align: center; }

/* Prevent long LinkedIn URLs and action rows from escaping profile cards. */
.strategy-item,.strategy-summary,.strategy-summary > div { min-width: 0; }
.strategy-url { width: 100%; max-width: 100%; }
.strategy-actions { min-width: 0; flex-wrap: wrap; }
@media (max-width: 520px) {
  .support-widget-panel { inset: .5rem; width: auto; height: auto; max-height: none; }
  .support-widget-body { grid-template-columns: 124px minmax(0,1fr); }
  .support-widget-new > summary { font-size: .51rem; }
  .strategy-summary { grid-template-columns: auto minmax(0,1fr); }
  .strategy-flags { grid-column: 2; }
}

/* Keep all blacklist fields aligned regardless of helper text or conditional fields. */
.blacklist-form-grid { grid-template-columns: minmax(220px,1.2fr) repeat(2,minmax(220px,1fr)); align-items: start; }
.blacklist-form-grid > .field { min-width: 0; display: grid; align-content: start; gap: .35rem; }
.blacklist-form-grid label { min-height: 1rem; margin: 0; }
.blacklist-form-grid .helptext { display: block; line-height: 1.35; }
@media (max-width: 980px) { .blacklist-form-grid { grid-template-columns: 1fr; }.blacklist-form-grid .blacklist-message { grid-column: auto; } }

/* Custom select menus mirror the polished account popover instead of the browser popup. */
.select-ui { position: relative; width: 100%; min-width: 0; }
.select-native-hidden { position: absolute!important; width: 1px!important; height: 1px!important; min-height: 1px!important; margin: 0!important; padding: 0!important; overflow: hidden!important; clip: rect(0 0 0 0)!important; white-space: nowrap!important; opacity: 0!important; pointer-events: none!important; }
.select-ui-trigger { width: 100%; min-height: 38px; display: flex; align-items: center; justify-content: space-between; gap: .75rem; padding: .55rem .7rem .55rem .75rem; border: 1px solid var(--border); border-radius: 10px; outline: 0; background: var(--surface-soft); color: var(--ink); font-size: .74rem; text-align: left; cursor: pointer; transition: border-color .15s,box-shadow .15s,background .15s; }
.select-ui-trigger:hover { border-color: color-mix(in srgb,var(--primary) 45%,var(--border)); }
.select-ui-trigger:focus-visible,.select-ui.is-open .select-ui-trigger { border-color: var(--primary); background: var(--surface); box-shadow: 0 0 0 3px color-mix(in srgb,var(--primary) 12%,transparent); }
.select-ui-trigger > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.select-ui-trigger > i { width: 7px; height: 7px; flex: 0 0 7px; border-right: 1.5px solid var(--muted); border-bottom: 1.5px solid var(--muted); transform: rotate(45deg) translateY(-2px); transition: transform .15s; }
.select-ui.is-open .select-ui-trigger > i { transform: rotate(225deg) translate(-1px,-1px); }
.select-ui-menu { position: absolute; z-index: 120; top: calc(100% + .4rem); right: 0; left: 0; display: none; max-height: 260px; overflow-y: auto; padding: .35rem; border: 1px solid var(--border); border-radius: 12px; background: var(--surface); box-shadow: 0 18px 44px rgba(15,12,35,.18); }
.select-ui.is-open .select-ui-menu { display: grid; gap: .15rem; }
.select-ui.opens-up .select-ui-menu { top: auto; bottom: calc(100% + .4rem); }
.select-ui-menu button { width: 100%; min-height: 34px; display: flex; align-items: center; justify-content: space-between; gap: .6rem; padding: .48rem .55rem; border: 0; border-radius: 8px; background: transparent; color: var(--ink); font-size: .68rem; text-align: left; cursor: pointer; }
.select-ui-menu button:hover,.select-ui-menu button:focus-visible { outline: 0; background: var(--surface-soft); color: var(--primary); }
.select-ui-menu button i { visibility: hidden; color: var(--primary); font-style: normal; font-size: .62rem; }
.select-ui-menu button.is-selected { background: color-mix(in srgb,var(--primary) 9%,var(--surface)); color: var(--primary); font-weight: 700; }
.select-ui-menu button.is-selected i { visibility: visible; }
.select-ui-language { width: 60px; }
.select-ui-language .select-ui-trigger { min-height: 30px; height: 30px; padding: 0 .65rem; border-radius: 999px; background: color-mix(in srgb,var(--surface) 80%,transparent); font-size: .68rem; font-weight: 650; }
.select-ui-language .select-ui-menu { right: 0; left: auto; width: 92px; }
.select-ui-language .select-ui-menu button { font: 650 .64rem 'DM Mono',monospace; }

/* Dashboard commercial signals stay subtle and use only real usage data. */
.dashboard-metrics { grid-template-columns: repeat(3,minmax(0,1fr)); }
.metric-opportunities { --metric-color: #d28a14; }
.metric-scan { --metric-color: #8d6dde; }
.quota-upgrade-note { display: grid; gap: .28rem; margin: .75rem 0; padding: .75rem; border: 1px solid color-mix(in srgb,var(--primary) 22%,var(--border)); border-radius: 12px; background: color-mix(in srgb,var(--primary) 6%,var(--surface)); }
.quota-upgrade-note.is-urgent { border-color: color-mix(in srgb,var(--coral) 32%,var(--border)); background: color-mix(in srgb,var(--coral) 6%,var(--surface)); }
.quota-upgrade-note strong { font-size: .68rem; }
.quota-upgrade-note p { margin: 0; color: var(--muted); font-size: .58rem; line-height: 1.45; }
.quota-upgrade-note a { width: fit-content; color: var(--primary); font-size: .61rem; font-weight: 700; }
.trial-expired-summary{margin-bottom:.8rem}
.activation-setup-card{display:grid;gap:1rem;margin-bottom:1rem;padding:1.15rem;border-color:color-mix(in srgb,var(--primary) 34%,var(--border));background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 6%,var(--surface)),var(--surface) 54%)}
.activation-setup-head,.activation-expired,.activation-review,.activation-preparing,.activation-waiting{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.activation-setup-head h2,.activation-expired h2,.activation-preparing h2{margin:.18rem 0 .3rem;font-size:1.08rem}
.activation-setup-head p,.activation-expired p,.activation-preparing p,.activation-review p{max-width:720px;margin:0;color:color-mix(in srgb,var(--ink) 70%,var(--muted));font-size:.72rem;line-height:1.6}
.activation-progress{min-width:72px;display:grid;place-items:center;padding:.7rem;border:1px solid color-mix(in srgb,var(--primary) 24%,var(--border));border-radius:14px;background:color-mix(in srgb,var(--primary) 7%,var(--surface))}
.activation-progress strong{color:var(--primary);font:750 1.08rem Manrope,sans-serif}.activation-progress span{color:var(--muted);font-size:.58rem}
.activation-step-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem}
.activation-step{min-width:0;display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:.55rem;padding:.75rem;border:1px solid var(--border);border-radius:12px;background:color-mix(in srgb,var(--surface-soft) 65%,var(--surface))}
.activation-step.is-next{border-color:color-mix(in srgb,#d6a51c 62%,var(--border));background:color-mix(in srgb,#f3c94b 11%,var(--surface));box-shadow:inset 0 0 0 1px color-mix(in srgb,#d6a51c 18%,transparent),0 4px 16px color-mix(in srgb,#d6a51c 10%,transparent)}
.activation-step.is-complete{border-color:color-mix(in srgb,var(--lime) 30%,var(--border));background:color-mix(in srgb,var(--lime) 5%,var(--surface))}
.activation-step-marker{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:var(--surface);color:var(--muted);font:700 .66rem Manrope,sans-serif}
.activation-step.is-complete .activation-step-marker{background:color-mix(in srgb,var(--lime) 15%,var(--surface));color:var(--lime)}
.activation-step.is-next .activation-step-marker{background:color-mix(in srgb,#f3c94b 24%,var(--surface));color:#946b00}
.activation-step.is-processing:not(.is-next) .activation-step-marker{background:color-mix(in srgb,var(--primary) 14%,var(--surface));color:var(--primary)}
.activation-step>div{min-width:0}.activation-step strong{display:block;font-size:.76rem;line-height:1.35}.activation-step small{display:block;margin-top:.25rem;color:color-mix(in srgb,var(--ink) 72%,var(--muted));font-size:.7rem;line-height:1.55}.activation-step .button{grid-column:1/-1;justify-content:center;margin-top:.2rem}
.activation-next-action:empty{display:none}.activation-next-action{padding-top:.1rem}
.activation-linkedin{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:.7rem;padding:.75rem;border:1px solid color-mix(in srgb,var(--primary) 30%,var(--border));border-radius:12px;background:var(--surface)}
.activation-review{padding:.85rem;border:1px solid color-mix(in srgb,var(--lime) 24%,var(--border));border-radius:12px;background:color-mix(in srgb,var(--lime) 4%,var(--surface))}
.activation-review>div>strong,.activation-waiting strong{font-size:.72rem}.activation-review form{flex:0 0 auto}
.activation-preparing,.activation-waiting{justify-content:flex-start;padding:.25rem}
.activation-spinner{width:32px;height:32px;flex:0 0 auto;border:3px solid color-mix(in srgb,var(--primary) 18%,var(--surface));border-top-color:var(--primary);border-radius:50%;animation:activation-spin .9s linear infinite}
@keyframes activation-spin{to{transform:rotate(360deg)}}
@media(max-width:1000px){.activation-step-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.activation-setup-card{padding:.9rem}.activation-setup-head,.activation-expired,.activation-review{align-items:stretch;flex-direction:column}.activation-progress{width:100%;grid-template-columns:auto auto;justify-content:center;gap:.35rem}.activation-step-list{grid-template-columns:1fr}.activation-linkedin{grid-template-columns:34px minmax(0,1fr)}.activation-linkedin .connection-toggle{grid-column:1/-1;width:100%;justify-content:center}.activation-review form,.activation-review .button,.activation-expired .button{width:100%}}
@media (max-width: 1200px) { .dashboard-metrics { grid-template-columns: repeat(3,minmax(0,1fr)); } }
@media (max-width: 760px) { .dashboard-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); } }

/* Plans: draw attention to Pro without overpowering the active plan. */
.plan-card { position: relative; }
.plan-card.is-featured { border-color: color-mix(in srgb,var(--primary) 42%,var(--border)); background: linear-gradient(180deg,color-mix(in srgb,var(--primary) 6%,var(--surface)),var(--surface) 35%); }
.plan-featured-badge { width: fit-content; margin: -.45rem 0 -.15rem; padding: .28rem .55rem; border-radius: 999px; background: linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 70%,var(--cyan))); color: #fff; font: 700 .5rem 'DM Mono',monospace; letter-spacing: .03em; text-transform: uppercase; box-shadow: 0 8px 20px color-mix(in srgb,var(--primary) 24%,transparent); }

/* Full support center follows the same inbox language as the compact widget. */
.support-center-shell { height: clamp(440px,calc(100dvh - 300px),680px); min-height: 440px; display: grid; grid-template-columns: 290px minmax(0,1fr); overflow: hidden; border: 1px solid var(--border); border-radius: 18px; background: var(--surface); }
.support-center-sidebar { min-width: 0; display: flex; flex-direction: column; border-right: 1px solid var(--border); background: color-mix(in srgb,var(--surface-soft) 45%,var(--surface)); }
.support-inbox-list-head { display: flex; align-items: center; justify-content: space-between; gap: .6rem; padding: .9rem; border-bottom: 1px solid var(--border); }
.support-inbox-list-head > div { display: grid; gap: .15rem; }
.support-inbox-list-head strong { font-size: .76rem; }
.support-inbox-list-head small { max-width: 90px; color: var(--muted); font-size: .49rem; line-height: 1.35; text-align: right; }
.support-center-new { margin: .65rem; border-bottom: 1px solid var(--border); padding-bottom: .65rem; }
.support-center-new > summary { min-height: 36px; display: flex; align-items: center; justify-content: center; padding: .45rem .65rem; border-radius: 10px; background: var(--primary); color: #fff; font-size: .64rem; font-weight: 700; cursor: pointer; list-style: none; }
.support-center-new > summary::-webkit-details-marker { display: none; }
.support-center-new[open] > summary { background: color-mix(in srgb,var(--primary) 12%,var(--surface)); color: var(--primary); }
.support-center-new form { display: grid; gap: .45rem; padding-top: .65rem; }
.support-center-new label { color: var(--muted); font-size: .58rem; font-weight: 700; }
.support-center-new textarea { width: 100%; min-height: 82px; padding: .65rem; resize: vertical; border: 1px solid var(--border); border-radius: 10px; outline: 0; background: var(--surface); color: var(--ink); }
.support-center-new textarea:focus { border-color: var(--primary); box-shadow: 0 0 0 3px color-mix(in srgb,var(--primary) 12%,transparent); }
.support-center-new .button { min-height: 34px; width: 100%; padding: .4rem; font-size: .62rem; }
.support-center-protocols { min-height: 0; flex: 1; overflow-y: auto; padding: 0 .45rem .45rem; }
.support-center-protocols form { margin: 0; }
.support-inbox-ticket { width: 100%; min-width: 0; display: grid; grid-template-columns: 7px minmax(0,1fr) auto; align-items: center; gap: .55rem; padding: .7rem .6rem; border: 1px solid transparent; border-radius: 11px; background: transparent; color: var(--ink); text-align: left; cursor: pointer; }
.support-inbox-ticket:hover { background: var(--surface); }
.support-inbox-ticket.is-active { border-color: color-mix(in srgb,var(--primary) 30%,var(--border)); background: var(--surface); box-shadow: 0 5px 18px rgba(20,15,40,.06); }
.support-inbox-ticket > i { width: 7px; height: 7px; border-radius: 50%; background: var(--border); }
.support-inbox-ticket.is-active > i { background: var(--primary); box-shadow: 0 0 0 3px color-mix(in srgb,var(--primary) 12%,transparent); }
.support-inbox-ticket > span { min-width: 0; display: grid; gap: .16rem; }
.support-inbox-ticket strong,.support-inbox-ticket small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.support-inbox-ticket strong { font: 650 .55rem 'DM Mono',monospace; }
.support-inbox-ticket small,.support-inbox-ticket time { color: var(--muted); font-size: .5rem; }
.support-inbox-chat { min-width: 0; min-height: 0; display: flex; flex-direction: column; }
.support-inbox-chat > header { padding: .9rem 1rem; border-bottom: 1px solid var(--border); }
.support-inbox-chat > header h2 { margin: .2rem 0; font-size: .9rem; }
.support-inbox-chat > header p { margin: 0; color: var(--muted); font-size: .58rem; }
.support-inbox-chat .support-inbox-thread { flex: 1; min-height: 0; }
@media (max-width: 760px) { .support-center-shell { height: auto; min-height: 0; grid-template-columns: 1fr; }.support-center-sidebar { max-height: 360px; border-right: 0; border-bottom: 1px solid var(--border); }.support-inbox-chat { min-height: 520px; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; } }

/* Public acquisition journey: centered account actions and independent utility controls. */
.site-header .nav-shell { display: grid; grid-template-columns: minmax(140px,1fr) auto minmax(140px,1fr); }
.nav-primary-actions,.nav-tools { display: flex; align-items: center; gap: .4rem; }
.nav-primary-actions { grid-column: 2; justify-content: center; }
.nav-tools { grid-column: 3; justify-self: end; }
.nav-primary-actions .nav-cta { min-height: 38px; padding-inline: .85rem; font-size: .74rem; }
.home-benefits .metric { display: grid; gap: .35rem; }
.home-benefits .metric strong { font-size: 1.45rem; }
.home-benefits .metric span { max-width: 30ch; line-height: 1.55; }
.home-guarantee-note { margin-top: 0; padding: .65rem 2rem 1rem; color: var(--muted); font-size: .55rem; line-height: 1.5; }
.home-plans-section { padding-block: 7rem; border-top: 1px solid var(--border); background: linear-gradient(180deg,color-mix(in srgb,var(--surface-soft) 45%,var(--bg)),var(--bg)); }
.home-plans-head { margin-inline: auto; text-align: center; }
.home-plans-head .eyebrow { justify-content: center; }
.home-plan-grid .plan-card { min-height: 420px; box-shadow: 0 14px 36px rgba(38,27,84,.05); }
.home-plan-grid .plan-card.is-featured { transform: translateY(-10px); box-shadow: 0 22px 50px color-mix(in srgb,var(--primary) 16%,transparent); }
.plan-description { min-height: 2.8em; margin: .55rem 0 0; color: var(--muted); font-size: .68rem; line-height: 1.45; }
.plan-limits { display: grid; align-content: start; gap: .55rem; }
.home-payment-note { margin: 1.5rem 0 0; color: var(--muted); font-size: .65rem; text-align: center; }
.cta > div > p { max-width: 680px; margin: 1rem 0 0; color: var(--muted); font-size: .8rem; line-height: 1.65; }
.signup-change-plan { display: inline-flex; margin-top: .8rem; color: var(--primary); font-size: .72rem; font-weight: 650; }
@media (min-width: 641px) and (max-width: 900px) {
  .feature-grid > .feature-card:last-child { grid-column: 1 / -1; }
}
.site-footer { padding: 4rem 0 1.25rem; border-top: 1px solid var(--border); background: color-mix(in srgb,var(--surface) 72%,var(--bg)); }
.site-footer-grid { display: grid; grid-template-columns: minmax(260px,1.6fr) repeat(2,minmax(130px,.55fr)); gap: clamp(2rem,6vw,6rem); }
.footer-brand p { max-width: 48ch; margin: 1rem 0 0; color: var(--muted); font-size: .72rem; line-height: 1.65; }
.site-footer nav { display: grid; align-content: start; gap: .65rem; }
.site-footer nav strong { margin-bottom: .2rem; color: var(--ink); font: 700 .64rem Manrope,sans-serif; }

.linkedin-login-body{min-height:100vh;padding:clamp(1rem,3vw,2.5rem);background:var(--bg)}.linkedin-login-shell{width:min(1500px,100%);margin:auto}.linkedin-login-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.linkedin-login-head h1{margin:.4rem 0;font-size:clamp(1.55rem,3vw,2.4rem)}.linkedin-login-head p{max-width:760px;margin:0;color:var(--muted);font-size:.8rem}.linkedin-login-workspace{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:1rem}.linkedin-login-stage{position:relative;min-height:520px;display:grid;place-items:center;overflow:hidden;border:1px solid var(--border);border-radius:16px;background:#11131a;box-shadow:var(--shadow)}.linkedin-login-state{position:absolute;z-index:2;top:.7rem;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 1.4rem);padding:.42rem .65rem;border-radius:999px;background:rgba(17,19,26,.82);color:#fff;font-size:.66rem;text-align:center;backdrop-filter:blur(8px)}.linkedin-login-stage img{display:none;width:100%;height:auto;max-height:calc(100vh - 150px);object-fit:contain;cursor:crosshair;user-select:none}.linkedin-login-stage img.is-ready{display:block}.linkedin-login-controls{display:flex;flex-direction:column;gap:.85rem;padding:1rem;border:1px solid var(--border);border-radius:16px;background:var(--surface)}.linkedin-login-controls>strong{font-size:.9rem}.linkedin-login-controls ol{margin:0;padding-left:1.15rem;color:var(--muted);font-size:.7rem;line-height:1.65}.linkedin-login-controls form{display:grid;gap:.45rem}.linkedin-login-controls label{font-size:.68rem;font-weight:650}.linkedin-login-controls input{min-height:40px}.linkedin-login-controls small{color:var(--muted);font-size:.64rem;line-height:1.55}.linkedin-login-keys{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem}.linkedin-login-keys .button{min-width:0;padding:.45rem}.linkedin-login-shell.is-authenticated .linkedin-login-state{background:rgba(25,119,83,.9)}@media(max-width:850px){.linkedin-login-body{padding:.75rem}.linkedin-login-head{align-items:stretch;flex-direction:column}.linkedin-login-head .button{width:fit-content}.linkedin-login-workspace{grid-template-columns:1fr}.linkedin-login-stage{min-height:360px}.linkedin-login-stage img{max-height:65vh}.linkedin-login-controls{display:grid;grid-template-columns:1fr 1fr}.linkedin-login-controls form,.linkedin-login-controls>small{grid-column:1/-1}}@media(max-width:560px){.linkedin-login-controls{display:flex}.linkedin-login-stage{min-height:280px}}
.site-footer nav a { width: fit-content; color: var(--muted); font-size: .65rem; }
.site-footer nav a:hover { color: var(--primary); }
.site-footer-bottom { display: flex; justify-content: space-between; gap: 1rem; margin-top: 3rem; padding-top: 1rem; border-top: 1px solid var(--border); color: var(--muted); font-size: .58rem; }
@media (max-width: 720px) {
  .site-header .nav-shell { grid-template-columns: auto minmax(0,1fr) auto; gap: .55rem; }
  .nav-primary-actions { grid-column: 2; justify-self: end; gap: .25rem; }
  .nav-tools { grid-column: 3; gap: .3rem; }
  .nav-primary-actions .nav-link { display: inline-flex; }
  .home-plan-grid .plan-card.is-featured { transform: none; }
  .site-footer-grid { grid-template-columns: 1fr 1fr; }
  .footer-brand { grid-column: 1 / -1; }
}
@media (max-width: 560px) {
  .site-header .nav-shell {
    min-height: 0;
    grid-template-columns: auto minmax(0,1fr) auto;
    grid-template-rows: 58px auto;
    column-gap: .55rem;
    row-gap: .35rem;
    padding-bottom: .55rem;
  }
  .site-header .brand { grid-column: 1; grid-row: 1; }
  .nav-tools { grid-column: 3; grid-row: 1; justify-self: end; }
  .nav-primary-actions {
    width: 100%;
    grid-column: 1 / -1;
    grid-row: 2;
    display: grid;
    grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr);
    gap: .45rem;
  }
  .nav-primary-actions .nav-link,
  .nav-primary-actions .nav-cta {
    width: 100%;
    min-height: 36px;
    border-radius: 10px;
  }
  .nav-primary-actions .nav-link {
    justify-content: center;
    border: 1px solid var(--border);
    background: color-mix(in srgb,var(--surface) 72%,transparent);
  }
  .site-footer-grid { grid-template-columns: 1fr; }
  .footer-brand { grid-column: auto; }
  .site-footer-bottom { align-items: flex-start; flex-direction: column; }
}

/* Profile service cards, URL editors and plan card alignment. */
.plan-grid { align-items: stretch; }
.plan-card { position: relative; height: 100%; }
.plan-card-body { display: grid; gap: .35rem; }
.plan-list-price { color: var(--muted); font-size: .72rem; font-weight: 600; }
.plan-list-price s { text-decoration-thickness: 1.5px; text-decoration-color: color-mix(in srgb,var(--muted) 72%,transparent); }
.plan-price-prefix { color: var(--muted); font-size: .72rem; font-weight: 650; letter-spacing: 0; }
.plan-saving { width: fit-content; margin: .05rem 0 .2rem; padding: .25rem .5rem; border-radius: 999px; background: color-mix(in srgb,var(--lime) 11%,transparent); color: color-mix(in srgb,var(--lime) 68%,var(--ink)); font-size: .67rem; font-weight: 750; }
.plan-price-note { margin: .05rem 0 .2rem; color: var(--muted); font-size: .61rem; line-height: 1.45; }
.plan-card-limits { display: grid; gap: .55rem; align-content: start; }
.plan-card-footer { margin-top: auto; display: flex; flex-direction: column; gap: .4rem; }
.plan-card-footer .button,
.plan-card-footer form,
.plan-card-footer .button-soft { width: 100%; }
.plan-card-footer .button,
.plan-card-footer .button-soft { justify-content: center; text-align: center; }
.billing-checkout{max-width:1100px}.billing-checkout-grid{display:grid;grid-template-columns:minmax(250px,.7fr) minmax(0,1.3fr);gap:1rem;align-items:start}.billing-summary,.billing-payment{padding:1.5rem;border:1px solid var(--border);border-radius:20px;background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 96%,var(--primary)),var(--surface));box-shadow:0 20px 55px color-mix(in srgb,var(--bg) 84%,transparent)}.billing-summary{position:sticky;top:1rem}.billing-summary-heading,.billing-payment-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem}.billing-summary h2{margin:.25rem 0;font:750 2.25rem Manrope,sans-serif;letter-spacing:-.05em}.billing-base-price{display:block;margin-top:.7rem;color:var(--muted);font-size:.78rem;text-decoration:line-through}.billing-discount-chip{display:inline-flex;padding:.25rem .45rem;border-radius:999px;background:color-mix(in srgb,var(--lime) 12%,transparent);color:color-mix(in srgb,var(--lime) 70%,var(--ink));font-size:.62rem;font-weight:750}.billing-base-price[hidden],.billing-discount-chip[hidden]{display:none}.billing-summary p,.billing-summary li,.billing-payment p{color:var(--muted);line-height:1.65}.billing-summary ul{display:grid;gap:.5rem;padding-left:1.15rem}.billing-summary-divider{height:1px;margin:1.15rem 0;background:var(--border)}.billing-secure-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .55rem;border:1px solid color-mix(in srgb,var(--lime) 35%,var(--border));border-radius:999px;background:color-mix(in srgb,var(--lime) 9%,transparent);color:color-mix(in srgb,var(--lime) 70%,var(--ink));font-size:.64rem;font-weight:750}.billing-secure-chip::before{content:'✓'}.billing-back-link{display:inline-block;margin-top:1rem;color:var(--primary);font-size:.72rem;font-weight:650}.billing-payment-heading{margin-bottom:1.15rem}.billing-payment-heading h2{margin:.25rem 0 0;font:700 1.2rem Manrope,sans-serif}.billing-step{color:var(--primary);font:600 .63rem DM Mono,monospace;letter-spacing:.08em;text-transform:uppercase}.billing-provider-label{color:var(--muted);font-size:.66rem}.billing-coupon{margin-bottom:1rem;padding:1rem;border:1px dashed var(--border);border-radius:15px;background:color-mix(in srgb,var(--surface-soft) 55%,transparent)}.billing-coupon>label{display:block;margin-bottom:.55rem;font-size:.72rem;font-weight:700}.billing-coupon-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem}.billing-coupon-row input{min-width:0;border:1px solid var(--border);border-radius:11px;background:var(--surface);color:var(--ink);padding:0 .85rem;text-transform:uppercase;outline:0}.billing-coupon-row input::placeholder{color:var(--muted)}.billing-coupon-row input:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 14%,transparent)}.billing-coupon-row .button{min-height:42px}.billing-coupon>p{min-height:1rem;margin:.45rem 0 0;color:var(--primary);font-size:.66rem}.billing-method-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin-bottom:1.4rem}.billing-method-choice{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:.7rem;align-items:center;min-height:76px;padding:.8rem;text-align:left;border:1px solid var(--border);border-radius:15px;background:var(--surface-soft);color:var(--ink);cursor:pointer;transition:transform 160ms ease,border-color 160ms ease,background 160ms ease}.billing-method-choice:hover{transform:translateY(-2px);border-color:var(--primary)}.billing-method-choice.is-selected{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,var(--surface))}.billing-method-choice:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.billing-method-choice>span:nth-child(2){display:grid;gap:.25rem}.billing-method-choice strong{font-size:.78rem}.billing-method-choice small{color:var(--muted);font-size:.64rem}.billing-method-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:color-mix(in srgb,var(--primary) 12%,var(--surface));color:var(--primary)}.billing-method-arrow{color:var(--muted)}.billing-method-panel{padding-top:.2rem}.billing-method-panel h3{margin:.2rem 0;font:700 1rem Manrope,sans-serif}.billing-method-panel>p{margin-bottom:1.15rem}.billing-status{min-height:1.5rem;margin-top:1rem;color:var(--primary);font-weight:650}.billing-method-panel[hidden]{display:none}.billing-pix-mark,.billing-pix-icon{color:var(--cyan)}.billing-pix-intro{display:flex;align-items:flex-start;gap:.9rem;padding:1rem;border:1px solid var(--border);border-radius:16px;background:var(--surface-soft)}.billing-pix-intro p{margin:.35rem 0 0}.billing-pix-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:13px;background:color-mix(in srgb,var(--cyan) 13%,var(--surface))}.billing-pix-action{width:100%;margin-top:1rem}#pix-result{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(0,1.3fr);gap:1rem;align-items:center;margin-top:1rem;padding:1rem;border:1px solid var(--border);border-radius:16px;background:var(--surface-soft)}#pix-result[hidden]{display:none}.billing-qr-frame{padding:.7rem;border-radius:14px;background:#fff}#pix-qr{display:block;width:100%;max-width:240px;margin:auto}.billing-pix-code{display:grid;gap:.65rem}.billing-pix-code label{font-size:.72rem;font-weight:700}#pix-code{min-height:105px;resize:none;font:500 .7rem DM Mono,monospace}
.billing-contract-options{display:grid;gap:.5rem;margin:1rem 0}.billing-contract-option{display:grid;gap:.2rem;padding:.7rem .8rem;text-align:left;border:1px solid var(--border);border-radius:12px;background:var(--surface-soft);color:var(--ink);cursor:pointer}.billing-contract-option small{color:var(--muted)}.billing-contract-option.is-selected{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,var(--surface))}.billing-contract-option:disabled{cursor:not-allowed;opacity:.65}.billing-method-choice[hidden]{display:none}.billing-contract-saving,.plan-contract-saving{display:block;margin-top:.18rem;color:var(--primary);font-size:.72rem;font-weight:650;letter-spacing:.01em}
.billing-summary .billing-contract-details { margin-top: -.35rem; font-size: .68rem; line-height: 1.5; }
[data-theme='dark'] #cardPaymentBrick_container select{color-scheme:light!important}[data-theme='dark'] #cardPaymentBrick_container select option{background:#fff!important;color:#17152b!important}
.billing-checkout [hidden] { display: none !important; }
.billing-pix-action:disabled { cursor: not-allowed; opacity: .72; }
.billing-pix-expiry { margin: .65rem 0 0 !important; text-align: center; color: var(--muted) !important; font: 600 .66rem DM Mono,monospace !important; }
.billing-pix-expiry[hidden] { display: none; }
#pix-result { position: relative; border-color: color-mix(in srgb,var(--cyan) 24%,var(--border)); background: linear-gradient(145deg,color-mix(in srgb,var(--cyan) 5%,var(--surface)),var(--surface-soft)); overflow: hidden; }
#pix-result.is-expired { filter: saturate(.35); opacity: .68; }
.billing-qr-frame { border: 1px solid color-mix(in srgb,var(--cyan) 22%,transparent); box-shadow: 0 12px 28px color-mix(in srgb,var(--bg) 30%,transparent); }
.billing-pix-code { min-width: 0; gap: .55rem; padding: .25rem; }
.billing-pix-code-kicker { color: var(--cyan); font: 650 .58rem DM Mono,monospace; letter-spacing: .08em; text-transform: uppercase; }
.billing-pix-code label { font-size: .82rem; font-weight: 750; }
.billing-pix-code p { margin: -.25rem 0 .15rem !important; font-size: .64rem; }
.billing-pix-code #pix-code { box-sizing: border-box; width: 100%; min-height: 112px; padding: .8rem; border: 1px solid var(--border); border-radius: 12px; background: color-mix(in srgb,var(--surface) 92%,var(--cyan)); color: var(--ink); resize: none; overflow-wrap: anywhere; outline: 0; font: 500 .68rem/1.5 DM Mono,monospace; }
.billing-pix-code #pix-code:focus { border-color: var(--cyan); box-shadow: 0 0 0 3px color-mix(in srgb,var(--cyan) 12%,transparent); }
.billing-pix-code #pix-code:disabled { color: var(--muted); -webkit-text-fill-color: var(--muted); opacity: 1; }
.billing-pix-code .button { width: 100%; }
@media(max-width:760px){.billing-checkout-grid{grid-template-columns:1fr}.billing-summary{position:static}.billing-method-tabs{position:sticky;top:.5rem;z-index:2;background:var(--surface)}#pix-result{grid-template-columns:1fr}.billing-payment-heading{align-items:flex-start;flex-direction:column}}
.plan-featured-badge { position: absolute; top: .85rem; right: .85rem; padding: .28rem .55rem; border-radius: 999px; background: color-mix(in srgb,var(--primary) 12%,var(--surface)); color: var(--primary); font-size: .55rem; font-weight: 750; }
.service-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .85rem; }
.service-card { display: grid; gap: .85rem; padding: 1rem; border: 1px solid var(--border); border-radius: 16px; background: var(--surface); }
.service-card.is-enabled { border-color: color-mix(in srgb,var(--primary) 26%,var(--border)); background: color-mix(in srgb,var(--primary) 5%,var(--surface)); }
.service-card-head h3 { margin: .2rem 0; font-size: .98rem; }
.service-card-head p { margin: .15rem 0 0; color: var(--muted); font-size: .7rem; line-height: 1.45; }
.service-toggle-list { display: grid; gap: .5rem; }
.service-toggle-group { display: grid; }
.service-toggle { display: grid; grid-template-columns: 16px minmax(0,1fr); align-items: start; gap: .7rem; padding: .75rem .8rem; border: 1px solid var(--border); border-radius: 12px; background: var(--surface-soft); cursor: pointer; }
.service-toggle input[type="checkbox"] { appearance: auto; width: 15px!important; height: 15px!important; min-height: 15px!important; margin: .12rem 0 0!important; padding: 0!important; accent-color: var(--primary); }
.service-toggle strong { display: block; font-size: .72rem; }
.service-toggle small { display: block; color: var(--muted); font-size: .6rem; line-height: 1.35; }
.application-document-preferences { display: grid; gap: .55rem; margin-top: .75rem; padding-top: .75rem; border-top: 1px solid var(--border); }
.application-document-preferences-head { display: grid; gap: .15rem; }
.application-document-preferences-head strong { font-size: .68rem; }
.application-document-preferences-head small { color: var(--muted); font-size: .58rem; line-height: 1.45; }
.history-documents { display: flex; gap: .55rem; flex-wrap: wrap; margin-top: .2rem; }
.history-documents:empty { display: none; }
.history-documents a,
.history-job-description summary { color: var(--primary); font-size: .62rem; font-weight: 700; cursor: pointer; }
.history-job-description { margin-top: .2rem; }
.history-job-description p { max-height: 240px; overflow: auto; padding: .65rem; border: 1px solid var(--border); border-radius: 10px; background: var(--surface-soft); color: var(--muted); font-size: .62rem; line-height: 1.55; }
.service-consent { margin-top: .15rem; }
.strategy-form-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .55rem; margin-top: .6rem; }
.strategy-form-grid label { display: grid; gap: .25rem; color: var(--muted); font-size: .68rem; font-weight: 650; }
.strategy-form-grid input:not([type="checkbox"]),
.strategy-form-grid select,
.strategy-form-grid textarea { min-height: 36px; padding: .5rem .65rem; border: 1px solid var(--border); border-radius: 10px; background: var(--surface-soft); color: var(--ink); font-size: .74rem; }
.strategy-form-grid input:not([type="checkbox"]):focus,
.strategy-form-grid select:focus,
.strategy-form-grid textarea:focus { border-color: var(--primary); background: var(--surface); box-shadow: 0 0 0 3px color-mix(in srgb,var(--primary) 12%,transparent); }
.strategy-url-field { grid-column: 1 / -1; }
.strategy-enabled { grid-template-columns: 16px 1fr; align-items: center; }
.strategy-enabled input[type="checkbox"] { appearance: auto; width: 15px!important; height: 15px!important; min-height: 15px!important; margin: 0!important; accent-color: var(--primary); }
.search-tutorial { margin: .35rem 0 .7rem; color: var(--muted); font-size: .68rem; line-height: 1.55; }
@media (max-width: 760px) {
  .service-grid { grid-template-columns: 1fr; }
  .strategy-form-grid { grid-template-columns: 1fr; }
  .strategy-url-field { grid-column: auto; }
  .strategy-enabled { grid-template-columns: 16px minmax(0,1fr); }
}

.profile-page input:not([type=checkbox]):not([type=range]),
.profile-page select,
.profile-page textarea,
.profile-settings-page input:not([type=checkbox]):not([type=range]),
.profile-settings-page select,
.profile-settings-page textarea {
  background: var(--surface-soft);
}

.profile-actions {
  display: flex;
  justify-content: flex-start;
  gap: .6rem;
  flex-wrap: wrap;
}

.profile-actions .button {
  width: fit-content;
  min-height: 38px;
  padding-inline: 1rem;
}

.profile-heading-link {
  white-space: nowrap;
}

.profile-message-field textarea {
  min-height: 86px;
}

.service-toggle-group.has-connection-options:has(.connection-message-config:not([hidden])) > .service-toggle {
  border-bottom-color: transparent;
  border-radius: 12px 12px 0 0;
}

.connection-message-config {
  position: relative;
  margin-top: -1px;
  padding: .15rem .75rem .75rem 2.9rem;
  border: 1px solid var(--border);
  border-top: 0;
  border-radius: 0 0 12px 12px;
  background: var(--surface-soft);
}

.connection-message-config::before {
  position: absolute;
  top: .35rem;
  bottom: .8rem;
  left: 1.55rem;
  width: 2px;
  border-radius: 999px;
  background: color-mix(in srgb,var(--primary) 30%,var(--border));
  content: "";
}

.connection-message-toggle {
  margin: 0;
  padding: .55rem 0 .65rem;
  border: 0;
  background: transparent;
}

.connection-message-toggle:hover {
  background: transparent;
}

.connection-message-config:has([data-connection-message-text][hidden]) {
  padding-bottom: .15rem;
}

[data-connection-message-text] {
  margin: 0 0 .1rem;
  padding: .7rem;
  border-radius: 10px;
  background: var(--surface);
}

.profile-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: .85rem;
  max-width: 960px;
}

.profile-grid > .field {
  min-width: 0;
  align-content: start;
}

.profile-grid > .field > label {
  display: flex;
  min-height: 20px;
  align-items: center;
  line-height: 20px;
}

.profile-grid > .field > .helptext {
  line-height: 1.45;
}

.salary-range-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: .85rem;
}

.salary-control {
  min-width: 0;
}

.salary-control > label {
  display: flex;
  min-height: 20px;
  align-items: center;
}

.salary-slider-row {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  align-items: center;
  gap: .7rem;
  min-height: 40px;
}

.salary-slider-row input[type=range] {
  width: 100%;
  min-height: 28px;
  margin: 0;
  padding: 0;
  accent-color: var(--primary);
  cursor: pointer;
}

.salary-slider-row input[type=range]:focus-visible {
  outline: 3px solid color-mix(in srgb,var(--primary) 22%,transparent);
  outline-offset: 2px;
}

.salary-slider-output {
  min-width: 76px;
  color: var(--primary);
  font: 750 .7rem Manrope,sans-serif;
  text-align: right;
  white-space: nowrap;
}

.salary-control > input[data-salary-input] {
  width: 100%;
}

.profile-wide {
  grid-column: 1 / -1;
}

.profile-page .field > input:not([type=checkbox]):not([type=range]):not([type=file]),
.profile-page .field > select,
.profile-page .field > textarea {
  width: 100%;
  min-height: 40px;
  padding: .58rem .72rem;
  border: 1px solid var(--border);
  border-radius: 10px;
  outline: 0;
  background: var(--surface-soft);
  color: var(--ink);
  font: 500 .76rem Manrope,sans-serif;
}

.profile-page .field > input:not([type=checkbox]):not([type=range]):not([type=file]):focus,
.profile-page .field > select:focus,
.profile-page .field > textarea:focus {
  border-color: var(--primary);
  background: var(--surface);
  box-shadow: 0 0 0 3px color-mix(in srgb,var(--primary) 12%,transparent);
}

.profile-page select[name="preferred_language"] {
  width: min(100%,360px);
}

.attachments-grid {
  grid-template-columns: repeat(2,minmax(280px,440px));
  max-width: 920px;
}

.service-card-linkedin {
  grid-column: 1 / -1;
}

.linkedin-settings-integration {
  display: grid;
  grid-template-columns: 38px minmax(0,1fr) auto;
  align-items: center;
  gap: .75rem;
  padding: .8rem;
  border: 1px solid var(--border);
  border-radius: 13px;
  background: var(--surface-soft);
}

.linkedin-settings-integration.is-connected {
  border-color: rgba(36,158,103,.42);
  background: rgba(36,158,103,.06);
}

.linkedin-settings-integration.is-missing {
  border-color: rgba(220,76,92,.58);
  background: rgba(220,76,92,.08);
  box-shadow: 0 0 0 1px rgba(220,76,92,.08);
}

.integration-row[data-linkedin-integration].is-missing {
  border-color: rgba(220,76,92,.58);
  background: rgba(220,76,92,.08);
  box-shadow: 0 0 0 1px rgba(220,76,92,.08);
}

.integration-row[data-linkedin-integration].is-missing strong {
  color: #c73748;
}

.linkedin-settings-integration.is-missing > div:nth-child(2) > strong {
  color: #c73748;
}

.linkedin-settings-integration.is-missing .connection-toggle {
  border-color: rgba(220,76,92,.42);
  color: #c73748;
}

.connection-chip.is-disconnected {
  color: #c73748;
  background: rgba(220,76,92,.12);
}

.connection-chip.is-pending {
  color: var(--primary);
  background: color-mix(in srgb, var(--primary) 11%, var(--surface));
}

.connection-toggle[hidden] {
  display: none !important;
}

.linkedin-settings-integration.is-pending {
  border-color: color-mix(in srgb, var(--primary) 38%, var(--border));
  background: color-mix(in srgb, var(--primary) 6%, var(--surface));
}

.linkedin-settings-integration.is-pending > div:nth-child(2) > strong,
.linkedin-settings-integration.is-pending .connection-toggle {
  color: var(--primary);
}

.linkedin-login-controls .linkedin-login-notice {
  margin: 0;
  padding: .7rem;
  border: 1px solid color-mix(in srgb, #d6a51c 55%, var(--border));
  border-radius: 11px;
  background: color-mix(in srgb, #f3c94b 13%, var(--surface));
  color: var(--ink);
  font-size: .66rem;
  line-height: 1.5;
}

.linkedin-login-notice strong {
  color: #946b00;
}

.linkedin-connect-dialog {
  width: min(500px, calc(100vw - 1.5rem));
  max-height: min(780px, calc(100vh - 1.5rem));
  padding: 1.25rem;
  overflow: auto;
  border: 1px solid var(--border);
  border-radius: 20px;
  background: var(--surface);
  color: var(--ink);
  box-shadow: 0 30px 90px rgba(15, 12, 35, .34);
}

.linkedin-connect-dialog::backdrop {
  background: rgba(12, 9, 28, .6);
  backdrop-filter: blur(6px);
}

.linkedin-connect-dialog[open] {
  display: grid;
  gap: 1rem;
}

.linkedin-connect-dialog.is-browser-mode {
  width: min(1180px, calc(100vw - 2rem));
}

.linkedin-connect-dialog.is-browser-mode iframe {
  min-height: min(760px, calc(100vh - 155px));
}

.linkedin-connect-intro {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  align-items: start;
  gap: .8rem;
  padding-right: 2rem;
}

.linkedin-connect-intro h2 {
  margin: .2rem 0;
  font-size: 1.2rem;
}

.linkedin-connect-intro p,
.linkedin-connect-result p,
.linkedin-connect-intervention p {
  margin: 0;
  color: var(--muted);
  font-size: .7rem;
  line-height: 1.55;
}

.linkedin-connect-credentials {
  display: grid;
  gap: .5rem;
}

.linkedin-connect-credentials[hidden],
.linkedin-connect-intervention[hidden] {
  display: none;
}

.linkedin-connect-credentials label {
  font-size: .64rem;
  font-weight: 700;
}

.linkedin-connect-credentials .linkedin-connect-guidance {
  margin: 0 0 .2rem;
  padding: .65rem .7rem;
  border: 1px solid color-mix(in srgb, var(--primary) 20%, var(--border));
  border-radius: 11px;
  background: color-mix(in srgb, var(--primary) 5%, var(--surface));
  color: var(--muted);
  font-size: .63rem;
  line-height: 1.5;
}

.linkedin-connect-credentials input,
.linkedin-connect-credentials .autodin-secret-input {
  width: 100%;
  min-height: 44px;
  padding: .65rem .75rem;
  border: 1px solid var(--border);
  border-radius: 11px;
  background: var(--surface);
  color: var(--ink);
}

.linkedin-password-field {
  position: relative;
}

.linkedin-password-field input,
.linkedin-password-field .autodin-secret-input {
  padding-right: 2.8rem;
}

.linkedin-password-field button {
  position: absolute;
  top: 50%;
  right: .45rem;
  display: grid;
  width: 34px;
  height: 34px;
  padding: 0;
  place-items: center;
  transform: translateY(-50%);
  border: 0;
  border-radius: 9px;
  background: transparent;
  color: var(--muted);
  cursor: pointer;
}

.autodin-secret-input {
  min-height: 48px;
  white-space: nowrap;
  overflow: hidden;
  caret-color: currentColor;
  cursor: text;
  user-select: none;
}

.autodin-secret-input:focus {
  outline: 2px solid var(--color-accent, #2563eb);
  outline-offset: 1px;
}

.autodin-secret-input[data-empty="true"]::before {
  content: "";
}

.linkedin-password-field button:hover,
.linkedin-password-field button:focus-visible,
.linkedin-password-field button[aria-pressed="true"] {
  background: var(--surface-soft);
  color: var(--ink);
  outline: none;
}

.linkedin-password-field svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
}

.linkedin-connect-credentials small {
  color: var(--muted);
  font-size: .58rem;
  line-height: 1.45;
  text-align: center;
}

.linkedin-connect-loader {
  min-height: 230px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: .75rem;
  border: 1px solid var(--border);
  border-radius: 16px;
  background: var(--surface-soft);
}

.linkedin-connect-loader small {
  color: var(--muted);
  font-size: .68rem;
  text-align: center;
}

.linkedin-connect-intervention {
  min-height: 250px;
  display: grid;
  justify-items: center;
  place-items: center;
  align-content: center;
  gap: .65rem;
  padding: 1rem;
  border: 1px solid color-mix(in srgb, #d6a51c 45%, var(--border));
  border-radius: 16px;
  background: color-mix(in srgb, #f3c94b 8%, var(--surface));
  text-align: center;
}

.linkedin-connect-intervention > span {
  display: grid;
  width: 48px;
  height: 48px;
  place-items: center;
  border-radius: 50%;
  background: color-mix(in srgb, #d6a51c 18%, var(--surface));
  color: #946b00;
  font-size: 1.15rem;
  font-weight: 800;
}

.linkedin-connect-loader[hidden],
.linkedin-connect-result[hidden] {
  display: none;
}

.linkedin-connect-loader > span,
.linkedin-login-spinner {
  width: 34px;
  height: 34px;
  border: 3px solid color-mix(in srgb, var(--primary) 20%, var(--border));
  border-top-color: var(--primary);
  border-radius: 50%;
  animation: search-generation-spin .8s linear infinite;
}

.linkedin-connect-dialog iframe {
  width: 100%;
  min-height: 390px;
  border: 0;
  border-radius: 14px;
  background: var(--surface-soft);
}

.linkedin-connect-result {
  min-height: 250px;
  display: grid;
  justify-items: center;
  place-items: center;
  align-content: center;
  gap: .65rem;
  text-align: center;
}

.linkedin-connect-result > span {
  display: grid;
  width: 54px;
  height: 54px;
  place-items: center;
  border-radius: 50%;
  background: color-mix(in srgb, #198754 14%, var(--surface));
  color: #198754;
  font-size: 1.4rem;
  font-weight: 800;
}

.linkedin-connect-result > strong {
  font-size: 1.05rem;
}

.linkedin-connect-result .button {
  min-width: 120px;
  margin-top: .35rem;
}

.linkedin-login-body.is-embedded {
  min-height: 0;
  padding: 0;
  background: transparent;
}

.linkedin-login-simple {
  display: grid;
  gap: .8rem;
}

.linkedin-login-credentials {
  display: grid;
  gap: .5rem;
}

.linkedin-login-lock {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  margin-bottom: .15rem;
  border-radius: 11px;
  background: #0a66c2;
  color: #fff;
  font: 800 .82rem Arial, sans-serif;
}

.linkedin-login-credentials strong,
.linkedin-login-progress strong {
  font-size: .9rem;
}

.linkedin-login-credentials p,
.linkedin-login-progress p,
.linkedin-login-intervention > p {
  margin: .18rem 0 .45rem;
  color: var(--muted);
  font-size: .66rem;
  line-height: 1.5;
}

.linkedin-login-credentials label,
.linkedin-login-intervention label {
  font-size: .64rem;
  font-weight: 700;
}

.linkedin-login-credentials input,
.linkedin-login-credentials .autodin-secret-input,
.linkedin-login-intervention input {
  width: 100%;
  min-height: 42px;
  padding: .6rem .7rem;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: var(--surface);
  color: var(--ink);
}

.linkedin-login-credentials small,
.linkedin-login-expiry {
  color: var(--muted);
  font-size: .58rem;
  line-height: 1.45;
  text-align: center;
}

.linkedin-login-progress {
  min-height: 280px;
  display: grid;
  justify-items: center;
  place-items: center;
  align-content: center;
  gap: .65rem;
  padding: 1rem;
  text-align: center;
}

.linkedin-login-progress[hidden],
.linkedin-login-intervention[hidden],
.linkedin-login-credentials[hidden] {
  display: none;
}

.linkedin-login-intervention {
  display: grid;
  gap: .65rem;
}

.linkedin-login-intervention > .linkedin-login-notice {
  margin: 0;
  padding: .65rem .7rem;
  border: 1px solid color-mix(in srgb, var(--primary) 28%, var(--border));
  border-radius: 10px;
  background: color-mix(in srgb, var(--primary) 7%, var(--surface));
  color: color-mix(in srgb, var(--ink) 82%, var(--muted));
  font-size: .68rem;
  line-height: 1.5;
}

.linkedin-login-intervention .linkedin-login-state {
  position: static;
  width: auto;
  max-width: none;
  transform: none;
}

.linkedin-login-intervention .linkedin-login-stage {
  min-height: 280px;
}

.linkedin-login-intervention [data-direct-input] {
  display: grid;
  gap: .35rem;
}

.linkedin-login-intervention [data-direct-input] > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: .4rem;
}

@media (max-width: 560px) {
  .linkedin-connect-dialog {
    width: calc(100vw - 1rem);
    max-height: calc(100vh - 1rem);
    padding: 1rem;
  }

  .linkedin-connect-dialog iframe {
    min-height: 430px;
  }

  .linkedin-connect-dialog.is-browser-mode {
    width: calc(100vw - 1rem);
  }

  .linkedin-connect-dialog.is-browser-mode iframe {
    min-height: calc(100vh - 145px);
  }
}

.linkedin-settings-brand {
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  border-radius: 10px;
  background: #0a66c2;
  color: #fff;
  font: 700 .8rem Arial,sans-serif;
}

.linkedin-settings-integration strong,
.linkedin-settings-integration small {
  display: block;
}

.linkedin-settings-integration strong {
  font-size: .72rem;
}

.linkedin-settings-integration small {
  margin-top: .15rem;
  color: var(--muted);
  font-size: .62rem;
  line-height: 1.45;
}

.connection-toggle {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  min-height: 34px;
  padding: .3rem .55rem;
  border: 1px solid var(--border);
  border-radius: 999px;
  background: var(--surface);
  color: var(--ink);
  cursor: pointer;
  font: 650 .62rem Manrope,sans-serif;
}

.connection-toggle > span {
  position: relative;
  box-sizing: border-box;
  width: 36px;
  height: 20px;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb,#dc4c5c 55%,var(--border));
  background: color-mix(in srgb,#dc4c5c 18%,var(--surface));
  transition: background .2s ease;
}

.connection-toggle > span::after {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #dc4c5c;
  box-shadow: 0 1px 3px rgba(15,12,35,.28);
  content: "";
  transition: transform .2s ease;
}

.connection-toggle[aria-checked="true"] > span {
  border-color: color-mix(in srgb,#249e67 55%,var(--border));
  background: color-mix(in srgb,#249e67 18%,var(--surface));
}

.connection-toggle[aria-checked="true"] > span::after {
  transform: translateX(16px);
  background: #249e67;
}

.connection-toggle[aria-checked="false"] {
  border-color: rgba(220,76,92,.42);
  color: #c73748;
}

.connection-toggle[aria-checked="true"] {
  border-color: rgba(36,158,103,.42);
  color: #18794e;
}

.connection-toggle:disabled {
  cursor: wait;
  opacity: .6;
}

.connection-toggle.is-static:disabled {
  cursor: default;
  opacity: 1;
}

.connection-toggle.is-static > span {
  width: 8px;
  height: 8px;
  border: 0;
  background: #249e67;
  box-shadow: 0 0 0 3px rgba(36,158,103,.14);
}

.connection-toggle.is-static > span::after {
  display: none;
}

.automation-services-panel {
  margin-bottom: .8rem;
}

.automation-service-list {
  display: grid;
  gap: .5rem;
  margin-top: .8rem;
}

.automation-service-row {
  display: grid;
  grid-template-columns: 38px minmax(0,1fr) auto;
  align-items: center;
  gap: .7rem;
  padding: .72rem .8rem;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: var(--surface-soft);
  transition: border-color .18s, background .18s;
}

.automation-service-row.is-active {
  border-color: rgba(36,158,103,.4);
  background: rgba(36,158,103,.06);
}

.automation-service-row.is-blocked {
  border-color: rgba(220,76,92,.5);
  background: rgba(220,76,92,.07);
}

.automation-service-row.is-blocked strong,
.automation-service-row.is-blocked .automation-service-icon {
  color: #c73748;
}

.automation-service-row.is-blocked .automation-service-icon {
  background: rgba(220,76,92,.1);
}

.automation-service-row.is-blocked .service-runtime-toggle:disabled {
  cursor: not-allowed;
  opacity: 1;
}

.automation-service-icon {
  display: grid;
  width: 36px;
  height: 36px;
  place-items: center;
  border-radius: 10px;
  background: color-mix(in srgb,var(--primary) 10%,var(--surface));
  color: var(--primary);
  font-weight: 750;
}

.automation-service-row strong,
.automation-service-row small {
  display: block;
}

.automation-service-row strong {
  font-size: .74rem;
}

.automation-service-row small {
  margin-top: .14rem;
  color: var(--muted);
  font-size: .63rem;
}

.service-runtime-toggle[aria-checked="false"] b {
  color: var(--ink);
}

.configuration-missing {
  border-color: rgba(220,76,92,.55)!important;
  background: rgba(220,76,92,.07)!important;
  box-shadow: 0 0 0 1px rgba(220,76,92,.07);
}

.service-consent.configuration-missing,
.profile-message-field.configuration-missing {
  padding: .7rem .75rem;
  border: 1px solid rgba(220,76,92,.55);
  border-radius: 11px;
}

.configuration-warning {
  grid-column: 2;
  color: #c73748;
  font-size: .61rem;
  font-weight: 650;
  line-height: 1.45;
}

.service-url-config {
  padding-top: .2rem;
  border-top: 1px solid var(--border);
}

.service-url-config[hidden] {
  display: none;
}

.service-url-config .search-section {
  margin-top: .65rem;
  padding: .9rem;
  border: 1px solid var(--border);
  border-radius: 13px;
  background: var(--surface-soft);
}

.service-url-config.configuration-missing .search-section {
  border-color: rgba(220,76,92,.55);
  background: rgba(220,76,92,.07);
}

.service-plan-note {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: .75rem .8rem;
  border: 1px dashed var(--border);
  border-radius: 12px;
  background: var(--surface-soft);
}

.service-plan-note strong,
.service-plan-note small {
  display: block;
}

.service-plan-note strong {
  font-size: .7rem;
}

.service-plan-note small {
  max-width: 68ch;
  margin-top: .2rem;
  color: var(--muted);
  font-size: .62rem;
  line-height: 1.45;
}

.service-plan-note .button {
  width: fit-content;
  flex: 0 0 auto;
}

.fit-score-help {
  display: block;
  max-width: 52ch;
  margin-top: .4rem;
  line-height: 1.5;
}

.preference-option-card {
  display: grid;
  grid-template-columns: 32px minmax(0,1fr);
  align-items: center;
  gap: .7rem;
  padding: .8rem .85rem;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: var(--surface-soft);
  cursor: pointer;
  transition: border-color .2s ease, background .2s ease, box-shadow .2s ease;
}

.preference-option-card:hover,
.preference-option-card:focus-within {
  border-color: color-mix(in srgb,var(--primary) 48%,var(--border));
  background: var(--surface);
  box-shadow: 0 0 0 3px color-mix(in srgb,var(--primary) 9%,transparent);
}

.preference-option-control {
  display: grid;
  width: 32px;
  height: 32px;
  place-items: center;
  border-radius: 9px;
  background: color-mix(in srgb,var(--primary) 10%,var(--surface));
}

.preference-option-control input {
  width: 17px!important;
  height: 17px!important;
  min-height: 17px!important;
  margin: 0;
  accent-color: var(--primary);
}

.preference-option-copy strong,
.preference-option-copy small {
  display: block;
}

.preference-option-copy strong {
  color: var(--ink);
  font-size: .72rem;
  line-height: 1.4;
}

.preference-option-copy small {
  margin-top: .22rem;
  color: var(--muted);
  font-size: .63rem;
  line-height: 1.5;
}

.automation-command { display: grid; justify-items: end; gap: .3rem; }
.automation-command .button { display: inline-flex; align-items: center; gap: .5rem; min-width: 174px; justify-content: center; }
.automation-command svg { width: 16px; height: 16px; fill: currentColor; }
.automation-command small { color: var(--muted); font-size: .6rem; }
.integration-panel.is-attention { border-color: rgba(218,151,33,.48); background: rgba(218,151,33,.06); }
.integration-panel.is-highlighted { animation: readiness-highlight 1.8s ease; }
.integration-row[hidden],
.integration-panel[hidden] { display: none; }
[data-connection-message-text][hidden] { display: none; }
.service-toggle:has(.preference-toggle-input) { grid-template-columns: 38px minmax(0,1fr); align-items: center; }
.service-toggle .preference-toggle-input { position: absolute; width: 1px!important; height: 1px!important; min-height: 1px!important; margin: -1px!important; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }
.preference-toggle-track { position: relative; display: block; width: 36px; height: 20px; border: 1px solid color-mix(in srgb,#dc4c5c 55%,var(--border)); border-radius: 999px; background: color-mix(in srgb,#dc4c5c 18%,var(--surface)); transition: border-color .18s,background .18s; }
.preference-toggle-track i { position: absolute; top: 3px; left: 3px; width: 12px; height: 12px; border-radius: 50%; background: #dc4c5c; box-shadow: 0 1px 3px rgba(15,12,35,.2); transition: transform .18s,background .18s; }
.preference-toggle-input:checked + .preference-toggle-track { border-color: color-mix(in srgb,#249e67 55%,var(--border)); background: color-mix(in srgb,#249e67 18%,var(--surface)); }
.preference-toggle-input:checked + .preference-toggle-track i { transform: translateX(16px); background: #249e67; }
.preference-toggle-input:focus-visible + .preference-toggle-track { outline: 2px solid var(--primary); outline-offset: 3px; }
.automation-feedback { margin-top: .7rem; padding: .65rem .75rem; border-radius: 10px; background: rgba(220,76,92,.1); color: #c73748; font-size: .68rem; font-weight: 650; }
.automation-feedback[hidden] { display: none; }
.automation-dialog { width: min(560px,calc(100vw - 2rem)); padding: 1.2rem; border: 1px solid var(--border); border-radius: 18px; background: var(--surface); color: var(--ink); box-shadow: 0 28px 80px rgba(15,12,35,.3); }
.automation-dialog::backdrop { background: rgba(15,12,35,.56); backdrop-filter: blur(4px); }
.automation-dialog-head { display: grid; grid-template-columns: 42px minmax(0,1fr); gap: .8rem; align-items: start; }
.automation-dialog-icon { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 12px; background: color-mix(in srgb,var(--primary) 12%,var(--surface)); color: var(--primary); font-size: 1.1rem; }
.automation-dialog h2 { margin: .2rem 0; font-size: 1.15rem; }
.automation-dialog p { margin: 0; color: var(--muted); font-size: .7rem; }
.automation-dialog-services { display: grid; gap: .6rem; margin: 1rem 0; }
.automation-dialog-services article { padding: .8rem; border: 1px solid var(--border); border-radius: 12px; background: var(--surface-soft); }
.automation-dialog-services strong { font-size: .78rem; }
.automation-dialog-services ul { display: grid; gap: .25rem; margin: .55rem 0; padding-left: 1.1rem; color: var(--ink); font-size: .68rem; }
.automation-dialog-services small { color: var(--muted); font-size: .61rem; line-height: 1.5; }
.automation-dialog-actions { display: flex; justify-content: flex-end; gap: .5rem; }
.automation-dialog-actions form { margin: 0; }
.knowledge-onboarding-dialog { width: min(520px,calc(100vw - 2rem)); }
.knowledge-onboarding-options { display: grid; gap: .55rem; margin: 1rem 0; }
.knowledge-onboarding-options article { display: grid; grid-template-columns: 32px minmax(0,1fr); gap: .65rem; align-items: center; padding: .7rem; border: 1px solid var(--border); border-radius: 12px; background: var(--surface-soft); }
.knowledge-onboarding-options article > span { display: grid; width: 32px; height: 32px; place-items: center; border-radius: 10px; background: color-mix(in srgb,var(--primary) 10%,var(--surface)); color: var(--primary); }
.knowledge-onboarding-options strong { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem; font-size: .75rem; }
.knowledge-onboarding-options strong i { padding: .13rem .4rem; border-radius: 999px; background: color-mix(in srgb,var(--primary) 9%,var(--surface)); color: var(--primary); font-size: .54rem; font-style: normal; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; }
.knowledge-onboarding-options small { display: block; margin-top: .15rem; color: var(--muted); font-size: .63rem; line-height: 1.45; }
.telegram-knowledge-card { display: grid; grid-template-columns: 40px minmax(0,1fr) auto; gap: .8rem; align-items: center; padding: .9rem 1rem; background: linear-gradient(120deg,color-mix(in srgb,var(--primary) 5%,var(--surface)),var(--surface)); }
.telegram-knowledge-icon { display: grid; width: 40px; height: 40px; place-items: center; border: 1px solid color-mix(in srgb,var(--primary) 18%,var(--border)); border-radius: 12px; background: var(--surface); color: var(--primary); }
.channel-nudge-copy > div { display: flex; align-items: center; gap: .45rem; }
.channel-nudge-copy h2 { margin: .16rem 0; font-size: .92rem; }
.channel-nudge-copy p { margin: 0; max-width: 62ch; color: var(--muted); font-size: .64rem; line-height: 1.5; }
.channel-optional-chip { padding: .12rem .38rem; border-radius: 999px; background: var(--surface-soft); color: var(--muted); font-size: .52rem; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; }
.telegram-knowledge-card.is-connected .telegram-knowledge-icon { color: #249e67; border-color: color-mix(in srgb,#249e67 30%,var(--border)); }
@keyframes readiness-highlight { 0%,100% { box-shadow: none; } 30% { box-shadow: 0 0 0 4px rgba(220,76,92,.18); } }

@media (max-width: 700px) {
  .profile-grid,
  .attachments-grid,
  .salary-range-grid {
    grid-template-columns: 1fr;
  }
  .profile-wide {
    grid-column: auto;
  }
  .service-plan-note {
    align-items: flex-start;
    flex-direction: column;
  }
  .linkedin-settings-integration {
    grid-template-columns: 38px minmax(0,1fr) auto;
  }
  .linkedin-settings-integration .connection-toggle {
    grid-column: 3;
    grid-row: 1 / span 2;
  }
  .automation-command { width: 100%; justify-items: stretch; }
  .automation-command .button { width: 100%; }
  .automation-command small { text-align: center; }
  .automation-dialog-actions { flex-direction: column-reverse; }
  .automation-dialog-actions .button { width: 100%; }
  .automation-dialog-actions form,
  .automation-dialog-actions form .button { width: 100%; }
  .telegram-knowledge-card { grid-template-columns: 40px minmax(0,1fr); }
  .telegram-knowledge-card > .button { grid-column: 1 / -1; width: 100%; }
}

@media (max-width: 500px) {
  .linkedin-settings-integration {
    grid-template-columns: 38px minmax(0,1fr);
  }
  .linkedin-settings-integration .connection-toggle {
    width: 100%;
    grid-column: 1 / -1;
    grid-row: auto;
    justify-content: center;
  }
  .automation-service-row {
    grid-template-columns: 36px minmax(0,1fr);
  }
  .automation-service-row .service-runtime-toggle {
    width: 100%;
    grid-column: 1 / -1;
    justify-content: center;
  }
}

.strategy-editor-summary,
.strategy-new-summary {
  width: fit-content;
  min-height: 30px;
  padding: .28rem .6rem;
  font-size: .68rem;
}

.strategy-editor-summary {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
}

.strategy-editor-summary::after,
.strategy-new-summary::after {
  content: '▾';
  font-size: .5rem;
  opacity: .72;
}

.strategy-editor[open] .strategy-editor-summary::after,
.new-strategy[open] .strategy-new-summary::after {
  transform: rotate(180deg);
}

.search-tags-section { display: grid; gap: .55rem; }
.search-tags-section .search-section-tools .button { min-height: 30px; padding: .25rem .58rem; font-size: .64rem; }
.search-tag-list { display: flex; flex-wrap: wrap; gap: .35rem; min-height: 27px; }
.search-tag { display: inline-flex; align-items: center; gap: .28rem; max-width: 100%; padding: .25rem .34rem .25rem .52rem; border: 1px solid color-mix(in srgb,var(--primary) 24%,var(--border)); border-radius: 999px; background: color-mix(in srgb,var(--primary) 7%,var(--surface)); color: var(--ink); font-size: .65rem; font-weight: 650; transition: opacity .16s,transform .16s; }
.search-tag > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.search-tag button { display: grid; width: 17px; height: 17px; place-items: center; padding: 0; border: 0; border-radius: 50%; background: transparent; color: var(--muted); font-size: .88rem; line-height: 1; cursor: pointer; }
.search-tag button:hover { background: color-mix(in srgb,#c73748 12%,transparent); color: #c73748; }
.search-tag.is-saving { opacity: .5; transform: scale(.98); }
.search-tag-empty { color: var(--muted); font-size: .7rem; line-height: 1.5; }
.search-tag-form { display: grid; gap: .25rem; width: min(100%,760px); margin-top: .1rem; }
.search-tag-form > label { font-size: .65rem; font-weight: 750; }
.search-tag-input-row { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: .45rem; }
.search-tag-input-row input { min-height: 32px; padding: .38rem .6rem; border: 1px solid var(--border); border-radius: 9px; background: var(--surface-soft); color: var(--ink); font-size: .7rem; }
.search-tag-input-row .button { min-height: 32px; padding: .3rem .65rem; font-size: .65rem; }
.search-tag-input-row input:focus { outline: 0; border-color: var(--primary); background: var(--surface); box-shadow: 0 0 0 3px color-mix(in srgb,var(--primary) 12%,transparent); }
.search-tag-form > small,.search-tag-feedback { color: var(--muted); font-size: .64rem; }
.search-tag-feedback:not(:empty) { color: var(--primary); font-weight: 650; }
.search-tag-form.is-saving { opacity: .72; }
@media(max-width:560px) {
  .search-tag-input-row { grid-template-columns: 1fr; }
  .search-tag-input-row .button { width: 100%; }
  .search-section-tools { align-items: flex-start; }
}

/* Responsive containment: the viewport never becomes a horizontal canvas.
   Components that genuinely need more width own their horizontal scroll. */
html,
body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
  overflow-x: clip;
}

body.app-body {
  min-width: 0;
}

img,
video,
canvas,
svg {
  max-width: 100%;
}

input,
select,
textarea,
button,
.app-shell,
.app-workspace,
.app-content,
.app-page,
.panel,
.form-card,
.billing-summary,
.billing-payment,
.career-shell,
.backoffice-shell,
.backoffice-content {
  min-width: 0;
}

.app-shell,
.app-workspace,
.app-content,
.app-page,
.site-shell,
.career-shell,
.backoffice-shell {
  max-width: 100%;
}

.panel-head > *,
.app-page-heading > *,
.metric-card > div,
.integration-row > div,
.automation-service-row > div,
.history-row > div,
.backoffice-list > a > div,
.backoffice-client-row > div {
  min-width: 0;
}

.panel-head h2,
.panel-head small,
.app-page-heading h1,
.app-page-heading p,
.metric-card span,
.metric-card small,
.integration-row strong,
.integration-row small,
.automation-service-row strong,
.automation-service-row small,
.account-current-email strong {
  overflow-wrap: anywhere;
}

.metric-card strong small {
  display: inline;
  margin-left: .22rem;
  color: var(--muted);
  font: 650 .58rem Manrope,sans-serif;
  white-space: nowrap;
}

.activity-chart-card,
.chart-wrap,
.run-table,
.runs-panel {
  width: 100%;
  min-width: 0;
  max-width: 100%;
}

.activity-chart-card {
  overflow: hidden;
}

.chart-wrap {
  overflow-x: auto;
  overflow-y: hidden;
}

.activity-lines {
  width: 100%;
  max-width: 100%;
  overscroll-behavior-inline: contain;
  touch-action: pan-x pan-y;
}

.run-row,
.run-provider {
  min-width: 0;
}

.run-status {
  white-space: nowrap;
}

.billing-payment,
#cardPaymentBrick_container,
#walletBrick_container,
.billing-method-panel {
  max-width: 100%;
  overflow-x: clip;
}

.compact-upload input[type=file],
.form-card input[type=file] {
  max-width: 100%;
}

@media (max-width: 700px) {
  .panel-head {
    align-items: flex-start;
    flex-wrap: wrap;
  }

  .panel-head > :first-child {
    flex: 1 1 220px;
  }

  .integration-legend,
  .chart-legend {
    max-width: 100%;
  }
}

@media (max-width: 560px) {
  .app-page-heading form {
    width: 100%;
  }

  .app-page-heading .button,
  .app-page-heading form .button {
    width: fit-content;
    max-width: 100%;
  }

  .dashboard-page .panel-head {
    flex-direction: column;
  }

  .dashboard-page .panel-head > :first-child {
    flex: 0 1 auto;
  }

  .dashboard-page .panel-head .plan-chip,
  .dashboard-page .panel-head .live-indicator {
    align-self: flex-start;
  }

  .linkedin-settings-integration,
  .automation-service-row {
    grid-template-columns: 36px minmax(0,1fr);
  }

  .linkedin-settings-integration .connection-toggle,
  .automation-service-row .service-runtime-toggle {
    width: fit-content;
    max-width: 100%;
    grid-column: 2;
    grid-row: auto;
    justify-self: start;
    justify-content: flex-start;
  }

  .integration-row:not([data-linkedin-integration]) {
    grid-template-columns: 10px minmax(0,1fr);
  }

  .integration-row:not([data-linkedin-integration]) .button,
  .integration-row:not([data-linkedin-integration]) .connection-toggle,
  .integration-row:not([data-linkedin-integration]) .connection-chip {
    width: fit-content;
    max-width: 100%;
    grid-column: 2;
    grid-row: auto;
    justify-self: start;
  }

  .history-row {
    grid-template-columns: minmax(0,1fr) auto;
    gap: .55rem .75rem;
    padding: .85rem;
  }

  .history-row > div:first-child {
    grid-column: 1 / -1;
  }

  .history-row > div:nth-child(3) {
    grid-column: 2;
  }

  .history-link {
    grid-column: 1 / -1;
    justify-self: start;
  }

  .blacklist-row {
    grid-template-columns: minmax(0,1fr) auto;
  }

  .blacklist-row > div,
  .blacklist-row > span {
    grid-column: 1 / -1;
  }

  .blacklist-row details,
  .blacklist-row > form {
    grid-column: auto;
    grid-row: auto;
  }

  .blacklist-row details > form {
    position: fixed;
    z-index: 100;
    inset: auto .625rem .625rem;
    width: auto;
    max-height: calc(100dvh - 1.25rem);
    overflow-y: auto;
  }

  .billing-summary,
  .billing-payment {
    padding: 1rem;
    border-radius: 16px;
  }

  .billing-method-tabs {
    position: static;
    grid-template-columns: 1fr;
    gap: .5rem;
  }

  .billing-method-choice {
    min-height: 68px;
  }

  .billing-coupon-row {
    grid-template-columns: 1fr;
  }

  .billing-coupon-row .button {
    width: 100%;
  }

  .support-widget > summary {
    width: 44px;
    height: 44px;
    justify-content: center;
    padding: 0;
    overflow: hidden;
    font-size: 0;
  }

  .support-widget > summary svg {
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
  }
}

@media (max-width: 420px) {
  .support-widget-body {
    grid-template-columns: 1fr;
    grid-template-rows: minmax(112px,32%) minmax(0,1fr);
  }

  .support-widget-sidebar {
    border-right: 0;
    border-bottom: 1px solid var(--border);
  }

  .support-widget-tickets {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    align-content: start;
    overflow-y: auto;
  }

  .support-widget-new {
    grid-column: 1 / -1;
  }

  .support-widget-chat {
    min-height: 0;
  }

  .backoffice-nav {
    grid-template-columns: 1fr;
  }

  .backoffice-module {
    grid-template-columns: 36px minmax(0,1fr);
  }

  .backoffice-module i {
    grid-column: 2;
  }
}

/* Backoffice client services */
.service-admin-page{display:grid;gap:1rem}.service-breadcrumb{display:flex;align-items:center;gap:.45rem;min-width:0;color:var(--muted);font-size:.64rem}.service-breadcrumb a,.service-breadcrumb strong{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.service-breadcrumb a{color:var(--primary);font-weight:700}.service-admin-grid,.service-client-list{display:grid;gap:.65rem}.service-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-tenant-card,.service-client-card{min-width:0;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:.8rem;padding:1rem;color:var(--ink);transition:border-color .16s,transform .16s}.service-tenant-card:hover,.service-client-card:hover{border-color:color-mix(in srgb,var(--primary) 38%,var(--border));transform:translateY(-1px)}.service-tenant-card>div,.service-client-card>div{display:grid;gap:.18rem;min-width:0}.service-tenant-card strong,.service-client-card strong,.service-tenant-card small,.service-client-card small,.service-tenant-card code,.service-client-card code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.service-tenant-card small,.service-client-card small{color:var(--muted);font-size:.62rem}.service-tenant-card code,.service-client-card code,.service-client-meta code{color:var(--muted);font:.5rem 'DM Mono',monospace}.service-tenant-card>i,.service-client-card>i{color:var(--primary);font-style:normal}.service-admin-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:color-mix(in srgb,var(--primary) 10%,var(--surface));color:var(--primary);font-size:1rem}.service-client-card{grid-template-columns:42px minmax(0,1fr) auto 14px}.service-client-status{padding:.25rem .45rem;border-radius:999px;background:var(--surface-soft);color:var(--muted);font-size:.54rem;font-weight:750}.service-client-status.is-active{background:color-mix(in srgb,#198754 12%,var(--surface));color:#198754}.service-client-status.is-suspended,.service-client-status.is-closed{background:color-mix(in srgb,#c73748 11%,var(--surface));color:#b83243}.service-client-search{display:grid;gap:.4rem;padding:.8rem}.service-client-search label{font-size:.62rem;font-weight:750}.service-client-search>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.45rem}.service-client-search input{min-height:38px;padding:.5rem .65rem;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--ink)}.service-pagination{display:flex;align-items:center;justify-content:center;gap:.65rem;color:var(--muted);font-size:.62rem}.service-client-heading{align-items:flex-start}.service-client-meta{display:grid;justify-items:end;gap:.35rem;min-width:0}.service-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}.service-summary-card{display:grid;gap:.3rem;padding:.9rem}.service-summary-card>span{color:var(--muted);font-size:.56rem;font-weight:750;text-transform:uppercase;letter-spacing:.08em}.service-summary-card>strong{font-size:.82rem;overflow-wrap:anywhere}.service-summary-card>small{color:var(--muted);font-size:.58rem;line-height:1.45}.service-provider-card{overflow:hidden;padding:0;border-left:3px solid var(--border)}.service-provider-card.is-success{border-left-color:#198754}.service-provider-card.is-warning{border-left-color:#b98212}.service-provider-card.is-danger{border-left-color:#c73748}.service-provider-card.is-info{border-left-color:var(--primary)}.service-provider-card>header{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:.8rem;padding:1rem;border-bottom:1px solid var(--border)}.service-provider-card h2{margin:.12rem 0;font-size:1rem}.service-provider-card header p{margin:0;color:var(--muted);font-size:.62rem}.service-linkedin-mark{width:44px;height:44px;display:grid;place-items:center;border-radius:11px;background:#0a66c2;color:#fff;font-weight:800}.service-state-badge,.service-operation-status{padding:.3rem .5rem;border-radius:999px;background:var(--surface-soft);color:var(--muted);font-size:.54rem;font-weight:750}.is-success .service-state-badge,.service-operation-status.is-succeeded{background:color-mix(in srgb,#198754 12%,var(--surface));color:#198754}.is-warning .service-state-badge{background:color-mix(in srgb,#b98212 12%,var(--surface));color:#93680d}.is-danger .service-state-badge,.service-operation-status.is-failed{background:color-mix(in srgb,#c73748 11%,var(--surface));color:#b83243}.service-subservices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid var(--border)}.service-subservices>div{display:grid;gap:.2rem;padding:.8rem 1rem;border-right:1px solid var(--border)}.service-subservices>div:last-child{border-right:0}.service-subservices span{color:var(--muted);font-size:.56rem}.service-subservices strong{font-size:.66rem;overflow-wrap:anywhere}.service-actions{display:flex;align-items:center;justify-content:flex-end;gap:.45rem;padding:.8rem 1rem}.service-danger-button{border-color:color-mix(in srgb,#c73748 35%,var(--border))!important;background:color-mix(in srgb,#c73748 7%,var(--surface))!important;color:#b83243!important}.service-audit-panel{padding:1rem}.service-audit-list{display:grid;margin-top:.75rem;border-top:1px solid var(--border)}.service-audit-list>article{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(140px,auto);align-items:center;gap:.7rem;padding:.7rem 0;border-bottom:1px solid var(--border)}.service-audit-list article>div{display:grid;gap:.12rem;min-width:0}.service-audit-list article>div:last-child{text-align:right}.service-audit-list strong,.service-audit-list small,.service-audit-list time{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.service-audit-list strong{font-size:.64rem}.service-audit-list small,.service-audit-list time{color:var(--muted);font-size:.54rem}.service-operation-dialog{width:min(500px,calc(100vw - 1.5rem));padding:0;border:1px solid var(--border);border-radius:16px;background:var(--surface);color:var(--ink);box-shadow:0 24px 70px rgba(15,12,35,.28)}.service-operation-dialog::backdrop{background:rgba(12,9,25,.48);backdrop-filter:blur(3px)}.service-operation-dialog form{display:grid;gap:.8rem;padding:1rem}.service-operation-dialog h2{margin:.2rem 0 0;font-size:1rem}.service-operation-dialog p{margin:0;color:var(--muted);font-size:.66rem;line-height:1.55}.service-operation-dialog label{display:grid;gap:.35rem;font-size:.62rem;font-weight:750}.service-operation-dialog textarea{min-height:86px;padding:.6rem;border:1px solid var(--border);border-radius:10px;resize:vertical;background:var(--surface-soft);color:var(--ink);font:inherit}.service-operation-dialog footer{display:flex;justify-content:flex-end;gap:.45rem}.service-operation-dialog button:disabled{cursor:wait;opacity:.65}
@media(max-width:900px){.service-admin-grid{grid-template-columns:1fr}.service-summary-grid{grid-template-columns:1fr 1fr}.service-summary-card:last-child{grid-column:1/-1}.service-subservices{grid-template-columns:1fr}.service-subservices>div{border-right:0;border-bottom:1px solid var(--border)}.service-subservices>div:last-child{border-bottom:0}}
@media(max-width:600px){.service-client-heading{gap:.7rem}.service-client-meta{justify-items:start}.service-summary-grid{grid-template-columns:1fr}.service-summary-card:last-child{grid-column:auto}.service-client-card{grid-template-columns:38px minmax(0,1fr) auto}.service-client-card>.service-client-status{grid-column:2;justify-self:start}.service-client-card>i{grid-column:3;grid-row:1}.service-provider-card>header{grid-template-columns:40px minmax(0,1fr)}.service-linkedin-mark{width:40px;height:40px}.service-state-badge{grid-column:2;justify-self:start}.service-actions{align-items:stretch;flex-direction:column}.service-actions .button{width:100%;min-height:42px}.service-audit-list>article{grid-template-columns:1fr}.service-audit-list article>div:last-child{text-align:left}.service-client-search>div{grid-template-columns:1fr}.service-client-search .button{width:100%}.service-operation-dialog{width:calc(100vw - 1rem);max-height:calc(100dvh - 1rem)}.service-operation-dialog footer{flex-direction:column-reverse}.service-operation-dialog footer .button{width:100%;min-height:44px}}

/* Backoffice operational cockpit */
.operations-page{display:grid;gap:1rem}.operations-updated{align-self:flex-end;color:var(--muted);font-size:.58rem}.operations-filters{display:grid;grid-template-columns:minmax(160px,1.1fr) minmax(180px,1.4fr) repeat(3,minmax(130px,1fr)) auto;align-items:end;gap:.55rem;padding:.8rem}.operations-filters label{display:grid;gap:.28rem;min-width:0;color:var(--muted);font-size:.56rem;font-weight:750}.operations-filters input,.operations-filters select{width:100%;min-width:0;min-height:37px;padding:.45rem .55rem;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--ink);font:600 .62rem Manrope,sans-serif}.operations-filters .button{min-height:37px;padding:.4rem .7rem}.operations-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem}.operation-metric{display:grid;gap:.25rem;min-height:108px;padding:.85rem}.operation-metric>span{color:var(--muted);font-size:.52rem;font-weight:750;letter-spacing:.07em;text-transform:uppercase}.operation-metric>strong{font:750 1.25rem 'DM Mono',monospace}.operation-metric>strong b{font:inherit}.operation-metric>small{margin-top:auto;color:var(--muted);font-size:.55rem}.operation-metric>small b{color:var(--ink)}.operations-control-panel,.operations-infrastructure,.operations-table-panel{padding:1rem}.operations-state-strip{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.7rem}.operations-state-strip span{padding:.42rem .55rem;border:1px solid var(--border);border-radius:9px;background:var(--surface-soft);color:var(--muted);font-size:.56rem}.operations-state-strip b{color:var(--ink);font-family:'DM Mono',monospace}.operations-infra-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin-top:.7rem}.operations-infra-grid article{display:grid;gap:.25rem;min-width:0;padding:.75rem;border:1px solid var(--border);border-radius:11px;background:var(--surface-soft)}.operations-infra-grid article>span{color:var(--muted);font-size:.54rem}.operations-infra-grid article>strong{font:750 1rem 'DM Mono',monospace}.operations-infra-grid article>small{display:grid;gap:.18rem;min-width:0;color:var(--muted);font-size:.5rem}.operations-infra-grid article i{overflow:hidden;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.operations-infra-grid .is-healthy{color:#198754}.operations-infra-grid .is-unhealthy{color:#b83243}.operations-tables{display:grid;grid-template-columns:1fr;gap:.75rem}.operations-table-panel.is-critical{border-color:color-mix(in srgb,#c73748 36%,var(--border))}.operations-table-wrap{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain}.operations-table-wrap table{width:100%;min-width:720px;margin-top:.65rem;border-collapse:collapse}.operations-table-wrap th,.operations-table-wrap td{padding:.55rem .45rem;border-bottom:1px solid var(--border);font-size:.54rem;text-align:left;vertical-align:middle}.operations-table-wrap th{color:var(--muted);font-weight:750;letter-spacing:.04em;text-transform:uppercase}.operations-table-wrap td{max-width:300px;color:var(--ink)}.operations-table-wrap td a{color:var(--primary);font-weight:750}.operations-table-wrap tbody tr:last-child td{border-bottom:0}.service-operation-status.is-healthy{background:color-mix(in srgb,#198754 12%,var(--surface));color:#198754}.service-operation-status.is-stalled,.service-operation-status.is-failing,.service-operation-status.is-action_required{background:color-mix(in srgb,#c73748 11%,var(--surface));color:#b83243}.service-operation-status.is-setup,.service-operation-status.is-inactive{background:color-mix(in srgb,#b98212 12%,var(--surface));color:#93680d}
@media(max-width:1180px){.operations-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.operations-filters .button{width:fit-content}.operations-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.operations-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.operations-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.operations-infra-grid{grid-template-columns:1fr}.operations-updated{align-self:auto}}
@media(max-width:520px){.operations-filters{grid-template-columns:1fr}.operations-filters .button{width:100%;min-height:42px}.operations-metrics{grid-template-columns:1fr 1fr}.operation-metric{min-height:100px;padding:.72rem}.operation-metric>strong{font-size:1.05rem}.operations-state-strip{display:grid;grid-template-columns:1fr 1fr}.operations-table-panel{padding:.8rem}}
.trial-banner{width:min(1320px,calc(100% - clamp(2rem,5vw,5rem)));box-sizing:border-box;margin:1rem auto 0;padding:1rem 1.2rem;border:1px solid color-mix(in srgb,var(--accent,#6c5ce7) 28%,transparent);border-radius:16px;background:color-mix(in srgb,var(--surface,#fff) 92%,var(--accent,#6c5ce7));display:flex;align-items:center;justify-content:space-between;gap:1rem}.trial-banner>div{display:flex;align-items:baseline;flex-wrap:wrap;gap:.35rem .75rem}.trial-banner strong{font-size:.95rem}.trial-banner span,.trial-banner small{color:var(--muted,#667085);font-size:.84rem}.trial-banner>a:not(.button){font-weight:700;text-decoration:none;white-space:nowrap}.trial-banner.is-active{border-color:color-mix(in srgb,#eab308 42%,var(--border));background:color-mix(in srgb,var(--surface,#fff) 90%,#facc15)}.trial-banner.is-active strong,.trial-banner.is-active>a{color:#946b00}[data-theme='dark'] .trial-banner.is-active strong,[data-theme='dark'] .trial-banner.is-active>a{color:#f2cb62}.trial-banner.is-expired{border-color:color-mix(in srgb,#d97706 32%,transparent);background:color-mix(in srgb,var(--surface,#fff) 94%,#f59e0b)}.trial-start-card{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1.4rem}.trial-start-card h2{margin:.2rem 0 .45rem}.trial-start-card p{max-width:760px;margin:0;color:var(--muted,#667085)}.trial-start-card form{display:grid;gap:.45rem;min-width:230px}.trial-start-card form small{text-align:center;color:var(--muted,#667085)}@media(max-width:760px){.trial-banner,.trial-start-card{align-items:stretch;flex-direction:column}.trial-banner .button,.trial-start-card .button{width:100%;text-align:center}}@media(max-width:640px){.trial-banner{width:calc(100% - 1.25rem)}}