.synexa-public { background:#f9fbff; }
.synexa-header { height:80px; max-width:1260px; padding:0 34px; margin:auto; display:flex; justify-content:space-between; align-items:center; }
.synexa-brand { color:#0a2147; text-decoration:none; font-weight:800; font-size:23px; letter-spacing:.11em; display:inline-flex; align-items:center; gap:12px; }
.synexa-brand img { width:42px; height:42px; border-radius:11px; }
.synexa-header-link { color:#0a2147; border:1px solid #c8d9ed; border-radius:999px; padding:10px 18px; text-decoration:none; font-size:13px; font-weight:650; }
.synexa-header-link:hover { border-color:#0f79d4; color:#0f79d4; }
.synexa-hero { max-width:1260px; min-height:640px; margin:auto; padding:45px 34px 70px; display:grid; grid-template-columns:1.05fr .95fr; align-items:center; gap:34px; }
.synexa-hero-copy { position:relative; z-index:1; }
.synexa-kicker { display:inline-flex; align-items:center; gap:10px; color:#087db6; font-family:var(--mono); font-size:11px; font-weight:600; letter-spacing:.16em; }
.synexa-kicker-dot { width:8px; height:8px; border-radius:50%; background:#0ac2ed; box-shadow:0 0 0 5px #d9f6ff; }
.synexa-hero h1 { color:#092345; font-size:clamp(48px,5.9vw,83px); line-height:1.05; letter-spacing:-.075em; margin:27px 0 24px; }
.synexa-hero h1 em { color:#087cb9; font-style:normal; }
.synexa-hero-copy>p { color:#48627d; font-size:17px; line-height:1.75; max-width:575px; margin:0; }
.synexa-hero-actions { display:flex; align-items:center; gap:22px; margin-top:35px; }
.synexa-hero-actions>span { color:#68829d; font-family:var(--mono); font-size:11px; }
.synexa-cta { display:inline-flex; justify-content:space-between; align-items:center; gap:36px; border:0; border-radius:12px; background:#073c79; color:#fff; text-decoration:none; white-space:nowrap; padding:15px 21px; min-height:50px; font-size:14px; font-weight:700; cursor:pointer; box-shadow:0 12px 26px -15px #075ba8; transition:transform .2s ease,background .2s ease; }
.synexa-cta:hover { background:#075ba8; color:#fff; transform:translateY(-2px); }
.synexa-cta:disabled { opacity:.65; cursor:wait; transform:none; }
.synexa-hero-art { position:relative; display:flex; align-items:center; justify-content:center; min-height:450px; }
.synexa-art-glow { position:absolute; width:90%; aspect-ratio:1; border-radius:50%; background:radial-gradient(circle,#b8ecff 0%,#e8f8ff 48%,transparent 72%); }
.synexa-hero-art img { position:relative; width:min(100%,530px); filter:drop-shadow(0 25px 35px rgba(4,67,129,.09)); }
.synexa-capabilities { max-width:1192px; padding:0 34px; margin:0 auto 70px; border-top:1px solid #dbe7f1; display:grid; grid-template-columns:repeat(3,1fr); }
.synexa-capabilities div { padding:26px 30px; border-right:1px solid #dbe7f1; }
.synexa-capabilities div:first-child { padding-left:0; }
.synexa-capabilities div:last-child { border-right:0; }
.synexa-capabilities span { display:block; color:#0786c3; font-family:var(--mono); font-size:10px; letter-spacing:.09em; margin-bottom:12px; }
.synexa-capabilities strong { display:block; color:#183b5b; font-size:14px; font-weight:550; line-height:1.5; }
.synexa-auth-page { min-height:100vh; background:linear-gradient(150deg,#f6fbff,#fff 62%); }
.synexa-auth-wrap { max-width:1120px; min-height:calc(100vh - 80px); padding:30px 34px 90px; margin:auto; display:grid; grid-template-columns:1fr 420px; gap:75px; align-items:center; }
.synexa-auth-intro img { width:180px; display:block; margin-bottom:25px; }
.synexa-auth-intro>span { color:#087db6; font-family:var(--mono); font-size:11px; letter-spacing:.13em; }
.synexa-auth-intro h1 { color:#092345; font-size:clamp(42px,5vw,62px); letter-spacing:-.065em; margin:17px 0; }
.synexa-auth-intro p { color:#61768d; font-size:16px; line-height:1.6; }
.synexa-auth-card { padding:34px; box-shadow:0 23px 55px -38px #073c79; border-color:#dce8f4; }
.synexa-auth-card .mini-label { color:#087db6; margin-bottom:27px; }
.synexa-auth-card label,.synexa-user-card label { display:block; color:#34516f; font-size:12px; font-weight:650; margin:17px 0 8px; }
.synexa-auth-card input,.synexa-user-fields input,.synexa-user-fields select,.synexa-reset-form input,.synexa-display-input,.synexa-database-actions input,.synexa-database-actions select { width:100%; height:46px; border:1px solid #cad8e7; border-radius:8px; padding:0 13px; font-size:14px; background:#fff; }
.synexa-auth-card input:focus,.synexa-user-fields input:focus,.synexa-user-fields select:focus,.synexa-reset-form input:focus,.synexa-display-input:focus,.synexa-database-actions input:focus,.synexa-database-actions select:focus { outline:2px solid #0f9fe8; outline-offset:1px; }
.synexa-database-actions { display:flex; align-items:end; gap:12px; margin-top:16px; }
.synexa-database-actions label { flex:1; margin:0; }
.synexa-database-actions button { min-height:46px; white-space:nowrap; }
.synexa-database-list { display:grid; gap:8px; margin-top:18px; }
.synexa-database-list>div { display:flex; justify-content:space-between; gap:12px; padding:10px 12px; border:1px solid #deebf5; border-radius:8px; font-size:12px; }
.synexa-database-list small { color:#677a90; overflow-wrap:anywhere; }
.synexa-auth-card .synexa-cta { width:100%; margin-top:26px; }
.synexa-form-error { color:#b4232b; background:#fff2f2; border-radius:7px; padding:10px 12px; font-size:12px; margin:13px 0 0; }
.synexa-top-brand { display:inline-flex; align-items:center; gap:9px; letter-spacing:.045em; }
.synexa-top-brand img { width:28px; height:28px; border-radius:7px; }
.synexa-small-link,.synexa-text-button { font-family:var(--mono); color:var(--ink-secondary); font-size:11px; text-decoration:none; }
.synexa-small-link:hover,.synexa-text-button:hover { color:var(--accent); }
.synexa-text-button { background:none; border:0; padding:0; cursor:pointer; }
.synexa-bounce-greeting #bounce-signout { margin-left:12px; }
.synexa-denied { max-width:700px; margin:15vh auto; padding:24px; }
.synexa-denied h1 { color:#092345; font-size:clamp(40px,5vw,64px); letter-spacing:-.065em; }
.synexa-denied p { color:#61768d; line-height:1.6; margin-bottom:28px; }
.synexa-admin-shell { max-width:980px; }
.synexa-user-card { padding:27px 29px; }
.synexa-user-card h2 { margin:0 0 17px; font-size:19px; letter-spacing:-.03em; }
.synexa-user-fields { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.synexa-user-card fieldset { border:0; padding:0; margin:25px 0 20px; }
.synexa-user-card legend { color:var(--ink-tertiary); font-family:var(--mono); font-size:11px; margin-bottom:12px; }
.synexa-permission-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.synexa-permission-grid label { display:flex; align-items:center; gap:9px; border:1px solid var(--border); border-radius:7px; padding:10px 12px; margin:0; color:var(--ink-secondary); cursor:pointer; }
.synexa-permission-grid input { accent-color:#087db6; }
.synexa-user-list { display:grid; gap:12px; }
.synexa-user-heading { display:flex; justify-content:space-between; gap:15px; align-items:center; margin-bottom:17px; }
.synexa-user-heading strong { font-size:15px; }
.synexa-user-heading span { font-family:var(--mono); font-size:10px; color:var(--ink-tertiary); }
.synexa-user-actions { display:flex; gap:10px; margin-top:17px; }
.synexa-outline-button { border:1px solid var(--border-strong); border-radius:8px; background:#fff; padding:10px 14px; color:var(--ink-secondary); cursor:pointer; font-size:12px; }
.synexa-outline-button:hover { border-color:#087db6; color:#087db6; }
.synexa-reset-form { display:flex; gap:10px; margin-top:15px; max-width:530px; }
.synexa-reset-form input { height:40px; }
@media(max-width:800px) { .synexa-hero { grid-template-columns:1fr; min-height:0; padding-top:75px; } .synexa-hero-art { min-height:300px; } .synexa-hero-art img { width:370px; } .synexa-auth-wrap { grid-template-columns:1fr; gap:22px; padding-top:70px; } .synexa-auth-intro img { width:105px; } .synexa-auth-card { max-width:500px; } }
@media(max-width:600px) { .synexa-header { padding:0 18px; height:67px; } .synexa-brand { font-size:18px; } .synexa-brand img { width:36px; height:36px; } .synexa-hero { padding:62px 22px 30px; } .synexa-hero h1 { font-size:51px; } .synexa-hero-actions { flex-direction:column; align-items:flex-start; } .synexa-capabilities { grid-template-columns:1fr; margin:0 22px 50px; } .synexa-capabilities div,.synexa-capabilities div:first-child { padding:18px 0; border-right:0; border-bottom:1px solid #dbe7f1; } .synexa-auth-wrap { padding:54px 22px; } .synexa-auth-card { padding:24px; } .synexa-user-fields,.synexa-permission-grid { grid-template-columns:1fr; } .synexa-reset-form { flex-direction:column; } }
@media(max-width:600px) { .synexa-database-actions,.synexa-database-list>div { flex-direction:column; align-items:stretch; } }
@media(max-width:760px) { .app-topbar .synexa-account-actions { display:flex; gap:10px; } .synexa-account-actions #signed-in-email { display:none; } .synexa-top-brand { font-size:14px; } .synexa-top-brand img { width:25px; height:25px; } }
@media(max-width:760px) { .synexa-bounce-topbar { height:88px; flex-wrap:wrap; align-content:center; row-gap:0; } .synexa-bounce-topbar .topbar-brand,.synexa-bounce-topbar .primary-nav { height:55px; align-items:center; } .synexa-bounce-topbar .nav-link { padding:0 8px; } .synexa-bounce-topbar .synexa-bounce-greeting { display:flex; flex-basis:100%; height:23px; justify-content:flex-end; } }
.synexa-mcp-card { margin-top: 2rem; padding: clamp(1.25rem, 3vw, 2rem); }
.tool-card>summary #csv-mcp-notice { color: #9a5a18; font-weight: 600; }
.tool-card #csv-download[aria-disabled="true"] { color: var(--ink-tertiary); opacity: .55; pointer-events: none; text-decoration: none; cursor: not-allowed; }
html body .synexa-mcp-card #mcp-enable.mcp-enabled:disabled { background: #147d4f; border-color: #147d4f; color: #fff; opacity: 1; cursor: default; box-shadow: none; transform: none; }
.synexa-mcp-card h2 { margin: .55rem 0; }
.synexa-mcp-card > p { max-width: 52rem; }
.synexa-mcp-card label { display: block; margin: 1.3rem 0 .5rem; }
.synexa-code-row { display: flex; align-items: stretch; gap: .6rem; }
.synexa-code-row textarea { flex: 1; min-width: 0; padding: .8rem; border: 1px solid #aab7c9; border-radius: .5rem; background: #f4f7fb; color: #18324d; font: .84rem/1.5 ui-monospace, SFMono-Regular, Menlo, monospace; resize: vertical; overflow-wrap: anywhere; }
.synexa-code-row button { align-self: start; }
@media (max-width: 620px) { .synexa-code-row { flex-direction: column; } }
.history-choice { border-bottom: 1px solid var(--border); }
.history-choice .history-row { border-bottom: 0; }
.history-select { display: block; margin: -6px 24px 13px auto; border: 1px solid var(--border-strong); border-radius: 6px; background: #fff; color: var(--ink); padding: 7px 10px; font: inherit; font-size: 11px; cursor: pointer; }
.history-select:hover, .history-select:focus-visible { border-color: var(--accent); color: var(--accent); }
.history-select:disabled { opacity: .55; cursor: wait; }
.synexa-match-overview { display: block; }
.synexa-match-overview .surface-card { min-width: 0; border-color: #dae7f1; box-shadow: 0 18px 42px -36px rgba(5,54,99,.35); }
.synexa-linkedin-guide { padding: 30px 32px; background: linear-gradient(150deg,#fff 56%,#f8fcff); }
.synexa-guide-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.synexa-guide-count { font: 650 10px var(--mono); color: #087db6; letter-spacing: .08em; background: #e9f6fc; border: 1px solid #cce8f6; padding: 7px 10px; border-radius: 999px; }
.synexa-linkedin-guide h2,.synexa-import-panel h2 { font-size: clamp(22px,2.4vw,30px); line-height: 1.15; letter-spacing: -.045em; color: #102e4d; margin: 15px 0 20px; }
.synexa-process-list { list-style: none; margin: 0 0 21px; padding: 0; }
.synexa-process-list li { display: grid; grid-template-columns: 40px minmax(0,1fr); gap: 12px; position: relative; padding: 0 0 11px; }
.synexa-process-list li:not(:last-child)::before { content: ""; position: absolute; top: 38px; bottom: -1px; left: 19px; width: 2px; background: linear-gradient(#95cde9,#cfe7f4); }
.synexa-process-list li:last-child { padding-bottom: 0; }
.synexa-process-number { position: relative; z-index: 1; width: 40px; height: 40px; display: grid; place-items: center; border-radius: 12px; background: #eaf6fc; border: 1px solid #b7ddf0; color: #076da4; font: 700 11px var(--mono); box-shadow: 0 3px 8px -6px #075a94; }
.synexa-process-list li>div { min-width: 0; padding: 9px 13px 10px; border: 1px solid #e3edf3; border-radius: 10px; background: rgba(255,255,255,.9); }
.synexa-process-list strong { display: block; font-size: 13px; color: #153b5a; }
.synexa-process-list p { margin: 4px 0 0; color: #647b8e; font-size: 12px; line-height: 1.45; }
.synexa-evidence-note { display: flex; align-items: flex-start; gap: 9px; padding: 11px 13px; border-radius: 9px; background: #eff8fd; }
.synexa-evidence-note>span { flex: none; display: grid; place-items: center; width: 17px; height: 17px; border-radius: 50%; background: #087db6; color: #fff; font: 700 11px var(--mono); }
.synexa-evidence-note p { margin: 0; color: #536f85; font-size: 11px; line-height: 1.5; }
.synexa-linkedin-heading { margin-top: 36px; }
.synexa-linkedin-list { display: grid; gap: 14px; }
.synexa-import-panel { max-width: 760px; margin-inline: auto; padding: 30px 32px; display: flex; flex-direction: column; background: linear-gradient(155deg,#fff,#f8fbff); }
.synexa-search-mode { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 16px; padding: 11px 13px; border: 1px solid #dce9f2; border-radius: 10px; background: #f7fbfe; }
.synexa-search-mode-toggle { display: inline-flex; align-items: center; gap: 10px; color: #153b5a; font-size: 13px; font-weight: 700; cursor: pointer; }
.synexa-search-mode-toggle input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.synexa-search-mode-track { display: inline-flex; align-items: center; width: 38px; height: 22px; padding: 3px; border-radius: 99px; background: #a8b8c5; transition: background .18s ease; }
.synexa-search-mode-track span { width: 16px; height: 16px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px #50637355; transition: transform .18s ease; }
.synexa-search-mode-toggle input:checked + .synexa-search-mode-track { background: #5d4fe8; }
.synexa-search-mode-toggle input:checked + .synexa-search-mode-track span { transform: translateX(16px); }
.synexa-search-mode-toggle input:focus-visible + .synexa-search-mode-track { outline: 2px solid #5d4fe8; outline-offset: 3px; }
.synexa-search-mode #search-mode-status { flex: 1 1 230px; margin: 0; color: #61798d; font-size: 11px; line-height: 1.4; }
.synexa-import-panel>p { margin: 0; color: #5e7489; font-size: 13px; line-height: 1.55; }
.synexa-import-panel h2 { margin-bottom: 10px; }
.synexa-import-form { display: grid; gap: 13px; margin: 23px 0 0; }
.synexa-file-input { position: absolute; width: 1px; height: 1px; opacity: 0; overflow: hidden; pointer-events: none; }
.synexa-dropzone { min-height: 225px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 24px 15px; border: 2px dashed #aecfe2; border-radius: 15px; background: #f4faff; color: #2b526f; cursor: pointer; transition: border-color .2s ease, background .2s ease, transform .2s ease, box-shadow .2s ease; }
.synexa-dropzone:hover,.synexa-dropzone:focus-visible,.synexa-dropzone.is-dragover { border-color: #087db6; background: #eaf7ff; box-shadow: 0 12px 28px -23px #087db6; outline: none; }
.synexa-dropzone.is-dragover { transform: scale(1.01); }
.synexa-dropzone.has-file { border-style: solid; background: #f0f9ff; }
.synexa-drop-icon { display: grid; place-items: center; width: 48px; height: 48px; margin-bottom: 13px; border-radius: 13px; color: #087db6; background: #e0f2fc; border: 1px solid #c5e7f6; }
.synexa-drop-icon svg { width: 26px; height: 26px; }
.synexa-dropzone strong { color: #153b5a; font-size: 15px; }
.synexa-dropzone>span:not(.synexa-drop-icon):not(.synexa-selected-file) { margin-top: 4px; font-size: 13px; }
.synexa-drop-browse { color: #067fb9; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.synexa-dropzone small { margin-top: 10px; font: 11px var(--mono); color: #8296a7; }
.synexa-selected-file { max-width: 100%; overflow-wrap: anywhere; margin-top: 12px; padding: 7px 10px; border: 1px solid #b7ddec; border-radius: 8px; color: #175876; background: #fff; font: 600 11px var(--mono); }
.synexa-import-form button { min-height: 47px; width: 100%; display: inline-flex; align-items: center; justify-content: center; gap: 9px; }
.synexa-import-panel #import-message { min-height: 18px; margin-top: 9px; }
.synexa-import-panel .synexa-import-format { margin-top: 16px; padding-top: 15px; border-top: 1px solid #e0ebf2; font-size: 11px; }
.synexa-import-format strong { color: #284e6c; }
.synexa-import-panel #import-search-note { margin-top: 11px; font-size: 11px; }
.synexa-import-toolbar { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin: 20px 0 12px; }
.synexa-import-toolbar select { flex: 1 1 230px; max-width: 420px; }
.synexa-import-toolbar label { font-size: 12px; font-weight: 650; }
.synexa-import-toolbar .synexa-count-input { display: block; width: 88px; margin-top: 5px; }
.synexa-auto-options { display: flex; align-items: center; flex-wrap: wrap; gap: 10px 18px; margin: 16px 0; }
.synexa-auto-options[hidden] { display: none; }
.synexa-auto-options label { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; }
.synexa-auto-options .synexa-count-input { width: 76px; }
.synexa-auto-options small { flex-basis: 100%; color: #6b7280; }
.synexa-import-toolbar .secondary-button { display: inline-flex; align-items: center; text-decoration: none; }
.synexa-results-controls { display: grid; grid-template-columns: minmax(180px,2fr) repeat(4,minmax(95px,1fr)); gap: 10px; align-items: end; margin: 20px 0 15px; }
.synexa-results-controls label { display: grid; gap: 6px; color: #526c81; font-size: 11px; font-weight: 650; }
.synexa-results-controls .app-input { min-width: 0; width: 100%; }
.synexa-import-columns { display: grid; grid-template-columns: minmax(0,1.5fr) minmax(0,1fr) auto; gap: 14px; padding: 0 18px 7px; color: #8499a9; font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }
.synexa-page-controls { display: flex; align-items: center; justify-content: center; gap: 15px; margin: 18px 0 30px; color: #526c81; font-size: 12px; }
.synexa-page-controls .secondary-button:disabled,.synexa-import-toolbar button:disabled { opacity: .5; cursor: not-allowed; }
.synexa-import-list { gap: 7px; }
.synexa-import-item { padding: 0; overflow: hidden; border-color: #dce9f1; box-shadow: 0 5px 17px -15px #173d5a; }
.synexa-import-item[data-match-color="red"] { border-left: 4px solid #d75b58; }
.synexa-import-item[data-match-color="yellow"] { border-left: 4px solid #e0ad35; }
.synexa-import-item[data-match-color="green"] { border-left: 4px solid #35a272; }
.synexa-match-legend { display:flex; flex-wrap:wrap; gap:8px 18px; margin:0 0 13px; color:#61798d; font-size:11px; }
.synexa-match-legend span { display:inline-flex; align-items:center; gap:7px; }
.synexa-match-legend i { width:9px; height:9px; border-radius:50%; }
.synexa-match-legend i.is-red { background:#d75b58; }
.synexa-match-legend i.is-yellow { background:#e0ad35; }
.synexa-match-legend i.is-green { background:#35a272; }
.synexa-match-status { border-color:transparent; }
.synexa-import-item[data-match-color="red"] .synexa-match-status { color:#922f2d; background:#fff0ef; }
.synexa-import-item[data-match-color="yellow"] .synexa-match-status { color:#76520b; background:#fff6d9; }
.synexa-import-item[data-match-color="green"] .synexa-match-status { color:#176341; background:#e8f7ef; }
.synexa-import-summary { display: grid; grid-template-columns: minmax(0,1.5fr) minmax(0,1fr) auto; align-items: center; gap: 14px; width: 100%; min-height: 66px; padding: 11px 18px; border: 0; background: transparent; text-align: left; font: inherit; cursor: pointer; }
.synexa-import-summary:hover,.synexa-import-summary:focus-visible { background: #f4faff; outline: none; }
.synexa-import-summary:focus-visible { box-shadow: inset 0 0 0 2px #087db6; }
.synexa-import-main { display: grid; gap: 3px; min-width: 0; }
.synexa-import-main strong { color: #163b5c; font-size: 13px; overflow-wrap: anywhere; }
.synexa-import-meta { color: #758b9c; font-size: 11px; overflow-wrap: anywhere; }
.synexa-import-role { display: grid; gap: 3px; min-width: 0; color: #315e7d; font-size: 11px; overflow-wrap: anywhere; }
.synexa-role-state { color: #6f8394; font-size: 10px; }
.synexa-import-summary-end { display: flex; align-items: center; gap: 12px; flex: 0 1 auto; min-width: 0; }
.synexa-import-summary .small-pill { font-size: 10px; white-space: normal; line-height: 1.3; min-width: 0; overflow-wrap: anywhere; }
.synexa-import-chevron { display: grid; place-items: center; width: 22px; height: 22px; color: #067fb9; font-size: 20px; line-height: 1; transition: transform .18s ease; }
.synexa-import-item[data-open="true"] .synexa-import-chevron { transform: rotate(180deg); }
.synexa-search-log { margin: 4px 0 14px; border: 1px solid #dce9f1; border-radius: 11px; background: #fafdff; }
.synexa-search-log > summary { display: flex; justify-content: space-between; gap: 12px; padding: 10px 13px; color: #284e6c; font-size: 12px; font-weight: 650; cursor: pointer; }
.synexa-search-log > summary span:last-child { color: #8296a7; font: 10px var(--mono); }
.synexa-search-log ol { max-height: 260px; overflow: auto; margin: 0; padding: 8px 16px 11px 38px; border-top: 1px solid #e4edf4; }
.synexa-search-event { padding: 4px 5px; color: #526c81; font: 10px/1.5 var(--mono); overflow-wrap: anywhere; }
.synexa-search-event.is-warning { color: #936414; }
.synexa-match-detail { margin: 14px 0 3px; padding: 10px 12px; border-left: 3px solid #82bcd6; border-radius: 0 7px 7px 0; background: #f2f9fc; color: #4d687c; font-size: 12px; line-height: 1.5; }
.synexa-import-body { padding: 0 18px 19px; border-top: 1px solid #e4edf4; background: linear-gradient(#fbfdff,#fff); }
.synexa-import-body[hidden] { display: none; }
.synexa-import-links { margin: 12px 0; flex-wrap: wrap; }
.synexa-import-review { margin-top: 14px; }
.synexa-browser-inspection { margin-top: 18px; padding: 14px; border: 1px solid #d7dfeb; border-radius: .7rem; background: #f8fafd; }
.synexa-browser-inspection h3 { margin: 0 0 6px; font-size: 14px; }
.synexa-inspection-text { width: 100%; min-height: 96px; margin-top: 8px; resize: vertical; font: .82rem/1.45 ui-monospace, SFMono-Regular, Menlo, monospace; }
.synexa-browser-inspection .inline-actions { margin-top: 10px; }
.synexa-import-review .synexa-match-field { margin-top: 12px; }
.synexa-current-role-check { display: flex; align-items: flex-start; gap: 9px; margin-top: 13px; color: #315e7d; font-size: 12px; line-height: 1.45; cursor: pointer; }
.synexa-current-role-check input { width: 16px; height: 16px; margin: 1px 0 0; flex: none; accent-color: #087db6; }
.synexa-import-review .form-note { margin: 7px 0 0; font-size: 11px; }
.synexa-import-review .inline-actions { margin-top: 12px; }
.synexa-confirmed-link { display: inline-block; margin-top: 8px; }
.synexa-match-card { padding: 24px; }
.synexa-match-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.synexa-match-heading strong { overflow-wrap: anywhere; }
.synexa-match-form { margin-top: 18px; }
.synexa-match-fields { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 14px; }
.synexa-match-field { display: grid; gap: 7px; font: inherit; font-size: 11px; letter-spacing: .06em; }
.synexa-match-field:last-child { grid-column: 1 / -1; }
.synexa-match-card .inline-actions { margin-top: 16px; flex-wrap: wrap; }
.synexa-match-card .tool-message { min-height: 1.2em; }
@media (max-width: 650px) { .synexa-match-fields { grid-template-columns: 1fr; } }
@media (max-width: 960px) { .synexa-match-overview { grid-template-columns: 1fr; } }
@media (max-width: 960px) { .synexa-results-controls { grid-template-columns: repeat(3,minmax(0,1fr)); } .synexa-results-controls label:first-child { grid-column: 1 / -1; } }
@media (max-width: 650px) { .synexa-linkedin-guide,.synexa-import-panel { padding: 23px 19px; } .synexa-dropzone { min-height: 190px; } .synexa-results-controls { grid-template-columns: repeat(2,minmax(0,1fr)); } .synexa-import-columns { display: none; } .synexa-import-summary { grid-template-columns: minmax(0,1fr) auto; align-items: flex-start; padding: 12px 14px; } .synexa-import-role { grid-column: 1; grid-row: 2; } .synexa-import-summary-end { grid-column: 2; grid-row: 1 / span 2; gap: 4px; } .synexa-import-summary .small-pill { max-width: 130px; text-align: center; } .synexa-import-body { padding: 0 14px 16px; } }

/* Compact activity display shared by every signed-in workspace page. */
.synexa-status-dock { position:fixed; right:20px; bottom:20px; z-index:80; width:min(360px,calc(100vw - 32px)); padding:12px; border:1px solid #cddde8; border-radius:14px; background:rgba(255,255,255,.97); box-shadow:0 18px 45px -24px #123a59; backdrop-filter:blur(12px); }
.synexa-status-heading { display:flex; align-items:center; gap:8px; padding:2px 3px 8px; color:#173b58; font:600 11px var(--mono); letter-spacing:.035em; }
.synexa-status-heading.is-draggable { cursor:move; touch-action:none; user-select:none; }
.synexa-status-heading.is-draggable:focus-visible { border-radius:5px; outline:2px solid #0f9fe8; outline-offset:3px; }
.synexa-status-dock.is-dragging { opacity:.92; box-shadow:0 22px 55px -20px #123a59; }
.synexa-status-heading small { margin-left:auto; color:#8195a6; font-size:10px; }
.synexa-status-clear { margin-left:auto; padding:2px 0; border:0; background:none; color:#66869b; font:10px var(--mono); cursor:pointer; }
.synexa-status-clear:hover,.synexa-status-clear:focus-visible { color:#087db6; text-decoration:underline; }
.synexa-status-dot { width:7px; height:7px; flex:none; border-radius:50%; background:#49a879; }
.synexa-status-dot.is-running { background:#0c95dc; box-shadow:0 0 0 4px #e0f4ff; animation:synexa-pulse 1.8s ease-in-out infinite; }
.synexa-status-task { display:block; padding:10px 11px; border:1px solid #e2edf3; border-radius:9px; color:#173b58; text-decoration:none; background:#fbfdff; }
.synexa-status-task + .synexa-status-task { margin-top:6px; }
a.synexa-status-task:hover,a.synexa-status-task:focus-visible { border-color:#6fbce4; background:#f2faff; outline:none; }
.synexa-status-task-top { display:flex; justify-content:space-between; align-items:baseline; gap:10px; font-size:12px; }
.synexa-status-task-top span { white-space:nowrap; color:#52758b; font:10px var(--mono); }
.synexa-status-detail { display:block; margin-top:7px; color:#627f91; font-size:10px; line-height:1.4; overflow-wrap:anywhere; }
.synexa-status-track { height:4px; margin-top:8px; overflow:hidden; border-radius:20px; background:#e4eef4; }
.synexa-status-track>span { display:block; height:100%; border-radius:20px; background:linear-gradient(90deg,#087db6,#18b8e3); transition:width .35s ease; }
.synexa-status-track>span.is-indeterminate { animation:synexa-sweep 1.4s ease-in-out infinite; }
.synexa-status-task.complete .synexa-status-track>span { background:#35a272; }
.synexa-status-task.paused .synexa-status-track>span { background:#d99a3c; }
.synexa-status-task.failed .synexa-status-track>span { background:#ce665e; }
@keyframes synexa-sweep { from { transform:translateX(-110%); } to { transform:translateX(310%); } }
@keyframes synexa-pulse { 50% { box-shadow:0 0 0 7px #e0f4ff; } }

/* Unified select surface. The opened option list remains native for keyboard access. */
select:not([multiple]) { appearance:none; -webkit-appearance:none; cursor:pointer; color:#173b58; border:1px solid #cad8e7; border-radius:9px; padding:0 36px 0 13px; background-color:#fff; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23087db6' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 12px center; box-shadow:0 2px 8px -7px #173b58; transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease; }
select:not([multiple]):hover { border-color:#82bbd9; background-color:#f8fcff; }
select:not([multiple]):focus-visible { outline:2px solid #0f9fe8; outline-offset:2px; box-shadow:0 0 0 3px #e7f5fc; }
select:not([multiple]):disabled { opacity:.55; cursor:not-allowed; }
select option { color:#173b58; background:#fff; }
@media (max-width:650px) { .synexa-status-dock { right:12px; bottom:12px; width:min(360px,calc(100vw - 24px)); } }
@media (prefers-reduced-motion:reduce) { .synexa-status-dot.is-running,.synexa-status-track>span.is-indeterminate { animation:none; } }

/* Page-end technical diagnostics, collapsed until requested. */
.synexa-debug-panel { width:min(1200px,calc(100% - 40px)); margin:40px auto 18px; border:1px solid #d8e5ec; border-radius:11px; background:#fbfdff; color:#58758a; font-size:12px; }
.synexa-debug-panel>summary { padding:12px 15px; color:#52758b; cursor:pointer; font:600 11px var(--mono); letter-spacing:.035em; }
.synexa-debug-panel>summary:hover,.synexa-debug-panel>summary:focus-visible { color:#087db6; }
.synexa-debug-content { display:flex; flex-wrap:wrap; align-items:center; gap:10px 14px; padding:0 15px 14px; }
.synexa-debug-content p { flex:1 1 360px; margin:0; line-height:1.5; }
.synexa-debug-copy { min-height:36px; padding:8px 13px; font-size:11px; }
.synexa-debug-copy-status { min-width:170px; color:#52758b; }
@media (max-width:650px) { .synexa-debug-panel { width:calc(100% - 24px); margin:28px auto 14px; } .synexa-debug-content { align-items:flex-start; flex-direction:column; } }
/* Small, accessible Brave connection indicator and field-level research evidence. */
.synexa-api-connection { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin: 8px 0 18px; }
.synexa-api-connection small { flex-basis: 100%; color: #7c7895; font-size: 11px; }
.synexa-api-light { display: inline-flex; align-items: center; gap: 7px; font-size: 12px; color: #777487; }
.synexa-api-light::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: #aaa6bb; }
.synexa-api-light[data-state="connected"] { color: #237751; }
.synexa-api-light[data-state="connected"]::before { background: #31a26d; box-shadow: 0 0 0 3px #31a26d18; }
.synexa-api-light[data-state="error"] { color: #b34a4a; }
.synexa-api-light[data-state="error"]::before { background: #d56a6a; }
.synexa-api-light[data-state="checking"]::before { background: #6251ec; animation: synexa-api-pulse 1s ease-in-out infinite alternate; }
@keyframes synexa-api-pulse { to { opacity: .3; } }
@media (prefers-reduced-motion: reduce) { .synexa-api-light[data-state="checking"]::before { animation: none; } }
.synexa-company-research { padding: 16px; margin: 16px 0; border: 1px solid #e6e2fb; border-radius: 10px; background: #faf9ff; }
.synexa-company-research h3 { font-size: 14px; margin: 0 0 8px; }
.synexa-company-fields { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 14px 20px; margin: 14px 0 0; }
.synexa-company-field dt { color: #7c7895; font-size: 11px; margin-bottom: 5px; }
.synexa-company-field dd { margin: 0; font-size: 13px; overflow-wrap: anywhere; }
.synexa-company-field dd small { display: block; color: #89839e; font-size: 10px; margin-top: 4px; }
.synexa-company-field dd a { display: inline-block; font-size: 11px; margin-top: 5px; }
.synexa-subscription-list { display:grid; gap:8px; margin:14px 0 24px; padding:0; list-style:none; }
.synexa-subscription-row { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:13px 15px; border:1px solid #dce7ed; border-radius:10px; background:#fff; color:#173b58; font-size:13px; }
.synexa-subscription-copy { display:grid; gap:4px; min-width:0; }
.synexa-subscription-copy small { color:#698196; font-size:11px; line-height:1.45; }
.synexa-subscription-link { flex:none; color:#087db6; font-size:12px; font-weight:700; text-decoration:underline; text-underline-offset:3px; overflow-wrap:anywhere; }
@media (max-width:650px) { .synexa-subscription-row { align-items:flex-start; flex-direction:column; gap:10px; } }