.header-actions { display: flex; gap: 11px; align-items: center; }
.hidden { display: none !important; }
.connector-form label { display: block; margin-bottom: 13px; color: var(--ink); font-size: 10px; font-weight: 750; }
.connector-form label > span { float: right; color: var(--muted); font-size: 9px; font-weight: 500; }
.connector-form input { display: block; width: 100%; margin-top: 6px; border: 1px solid var(--line); border-radius: 9px; background: #fbfcfa; color: var(--ink); padding: 10px 11px; outline: 0; font-size: 11px; }
.connector-form input:focus { border-color: #a2c46e; box-shadow: 0 0 0 3px rgba(200,243,106,.18); background: #fff; }
.connector-form input[type="file"] { padding: 8px; font-size: 10px; }
.connector-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 16px; }
.connector-form .form-hint { display: block; max-width: none; margin-top: 12px; }
.danger-text { color: #b76868; }
.settings-copy { color: var(--muted); font-size: 10px; line-height: 1.55; margin: 0 0 15px; }
.text-button:disabled { color: var(--muted); cursor: wait; }
.ai-insight { border-top: 1px solid #edf0ed; margin-top: 13px; padding: 12px; background: #f5f9ee; border-radius: 10px; color: #5f704f; }
.ai-insight.hidden { display: none; }
.ai-insight strong { color: #4f663c; font-size: 11px; }
.ai-insight p { margin: 5px 0 0; font-size: 10px; line-height: 1.55; }
.ai-insight small { display: block; margin-top: 8px; color: #8e9c84; font-size: 9px; }
.table-bucket { display: block; color: var(--muted); font-weight: 500; font-size: 9px; margin-top: 2px; }
.inspected-term { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; }
.inspected-term strong { font-size: 16px; letter-spacing: -.03em; }
.inspector-body { padding-top: 4px; }
.new-badge { background: rgba(200,243,106,.18); color: var(--lime); font-size: 8px; padding: 3px 5px; }
.nav-item.active .new-badge { background: rgba(18,35,30,.15); color: var(--navy); }
.generator-layout { display: grid; grid-template-columns: minmax(0, 1.32fr) minmax(290px, .68fr); gap: 17px; margin-bottom: 17px; }
.generator-form-card form label { display: block; margin-bottom: 15px; font-size: 11px; font-weight: 750; }
.generator-form-card form label > span, .field-label { float: right; color: var(--muted); font-size: 9px; font-weight: 500; }
.generator-form-card input, .generator-form-card textarea, .generator-form-card select { display: block; width: 100%; border: 1px solid var(--line); border-radius: 9px; outline: 0; background: #fbfcfa; color: var(--ink); padding: 11px 12px; margin-top: 7px; resize: vertical; font-size: 12px; }
.generator-form-card input:focus, .generator-form-card textarea:focus, .generator-form-card select:focus { border-color: #a2c46e; box-shadow: 0 0 0 3px rgba(200,243,106,.18); background: #fff; }
.platform-choice { margin-bottom: 19px; }.platform-choice .field-label { float: none; display: block; margin-bottom: 8px; color: var(--ink); font-weight: 750; font-size: 11px; }.segmented { display: flex; gap: 4px; background: #f0f3ef; border-radius: 10px; padding: 4px; }.segment { flex: 1; border: 0; background: transparent; color: var(--muted); border-radius: 7px; padding: 9px 7px; font-size: 10px; font-weight: 750; }.segment.active { color: var(--navy); background: #fff; box-shadow: 0 2px 8px rgba(24,34,31,.08); }.form-two-col { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }.generator-actions { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding-top: 5px; }.form-hint { color: var(--muted); font-size: 9px; max-width: 260px; line-height: 1.35; }.generator-guidance { min-height: 100%; }.guardrail-list > div { padding: 14px 0; border-bottom: 1px solid #eef1ee; }.guardrail-list strong, .guardrail-list span { display: block; }.guardrail-list strong { font-size: 11px; }.guardrail-list span { color: var(--muted); font-size: 10px; margin-top: 4px; line-height: 1.4; }.generator-guidance .writing-note { margin-top: 18px; }.generator-output { scroll-margin-top: 95px; }.generator-output.hidden { display: none; }.output-heading { display: flex; justify-content: space-between; align-items: flex-end; gap: 18px; margin: 28px 0 16px; }.output-heading h2 { margin: 0; font-size: 22px; letter-spacing: -.045em; }.output-heading p:not(.eyebrow) { color: var(--muted); margin: 5px 0 0; font-size: 10px; }.generated-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 17px; }.generated-card { background: #fff; border: 1px solid var(--line); border-radius: var(--radius); padding: 20px; box-shadow: var(--shadow); }.generated-card-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; margin-bottom: 18px; }.generated-platform { display: block; text-transform: uppercase; letter-spacing: .09em; color: #7aa34d; font-size: 9px; font-weight: 800; margin-bottom: 4px; }.generated-card h3 { margin: 0; font-size: 15px; }.generated-field { margin: 13px 0; }.generated-field-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; }.generated-field label { font-size: 10px; font-weight: 750; }.generated-field label small { color: var(--muted); font-weight: 500; margin-left: 5px; }.generated-field textarea { display: block; width: 100%; resize: vertical; min-height: 43px; border: 1px solid var(--line); border-radius: 8px; padding: 9px 10px; background: #fbfcfa; color: var(--ink-soft); font-size: 11px; line-height: 1.45; margin-top: 6px; }.generated-field textarea:focus { outline: 0; border-color: #b4cf80; }.copy-button { border: 0; background: #eff8e2; color: #6b9844; border-radius: 6px; padding: 4px 7px; font-size: 9px; font-weight: 800; }.copy-button:hover { background: #e0f1c8; }.generated-warnings { border-top: 1px solid #edf0ed; padding-top: 13px; margin-top: 16px; }.generated-warnings strong { font-size: 10px; color: #826d53; }.generated-warnings ul { margin: 6px 0 0; padding-left: 16px; color: #957a5b; font-size: 10px; line-height: 1.5; }
@media (max-width: 880px) { .generator-layout, .generated-grid { grid-template-columns: 1fr; } }
@media (max-width: 600px) { .form-two-col { grid-template-columns: 1fr; gap: 0; }.generator-actions, .output-heading { display: block; }.generator-actions .button, .output-heading .button { width: 100%; margin-top: 12px; }.segment { font-size: 9px; padding-left: 3px; padding-right: 3px; } }
.analyzer-toolbar { display: flex; gap: 10px; align-items: flex-end; margin: -5px 0 18px; flex-wrap: wrap; }.analyzer-select { min-width: 145px; }.analyzer-select span { display: block; color: var(--muted); font-size: 9px; margin: 0 0 5px 2px; }.analyzer-select select { width: 100%; border: 1px solid var(--line); background: #fff; color: var(--ink-soft); border-radius: 9px; padding: 9px 28px 9px 10px; outline: 0; font-size: 10px; }.analyzer-toolbar #resetAnalyzer { margin-left: auto; }.analyzer-grid { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(310px, .6fr); gap: 17px; margin-bottom: 17px; }.analyzer-input-card, .keyword-input-card { min-height: 300px; }.analyzer-textarea, .keyword-list-textarea, .competitor-textarea { display: block; width: 100%; min-height: 190px; border: 1px solid var(--line); border-radius: 10px; background: #fbfcfa; color: var(--ink); outline: 0; padding: 13px; resize: vertical; line-height: 1.55; font-size: 12px; }.analyzer-textarea:focus, .keyword-list-textarea:focus, .competitor-textarea:focus { border-color: #a2c46e; box-shadow: 0 0 0 3px rgba(200,243,106,.18); background: #fff; }.analyzer-input-footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 12px; }.analyzer-input-footer > span { color: var(--muted); font-size: 10px; }.analyzer-input-footer > div { display: flex; gap: 7px; }.keyword-list-textarea { min-height: 190px; }.keyword-helper { display: flex; gap: 8px; align-items: flex-start; border-radius: 9px; background: #f5f9ee; color: #718460; padding: 10px; margin-top: 12px; }.keyword-helper span { color: #7ba04e; font-size: 17px; }.keyword-helper p { margin: 0; font-size: 10px; line-height: 1.4; }.competitor-input-card { margin-bottom: 17px; }.competitor-textarea { min-height: 145px; margin-top: 3px; }.analyzer-results { scroll-margin-top: 95px; }.analyzer-results.hidden { display: none; }.analyzer-result-heading { display: flex; justify-content: space-between; align-items: flex-end; gap: 15px; margin: 30px 0 17px; }.analyzer-result-heading h2 { margin: 0; font-size: 24px; letter-spacing: -.05em; }.analyzer-result-heading p:not(.eyebrow) { color: var(--muted); margin: 5px 0 0; font-size: 10px; }.analyzer-metrics { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; margin-bottom: 17px; }.analysis-metric { background: #fff; border: 1px solid var(--line); border-radius: 13px; padding: 15px; box-shadow: var(--shadow); min-height: 105px; }.analysis-metric span, .analysis-metric small { display: block; color: var(--muted); font-size: 9px; }.analysis-metric strong { display: block; font-size: 23px; letter-spacing: -.06em; margin: 9px 0 6px; }.analysis-metric small { line-height: 1.3; }.metric-good { color: #6c9944 !important; font-size: 17px !important; letter-spacing: -.03em !important; }.metric-warn { color: #bd823d !important; font-size: 17px !important; letter-spacing: -.03em !important; }.metric-danger { color: #bd6666 !important; font-size: 17px !important; letter-spacing: -.03em !important; }.analyzer-tabs { display: flex; gap: 5px; background: #e9effa; border-radius: 9px; padding: 4px; width: max-content; margin-bottom: 17px; }.analyzer-tab { border: 0; border-radius: 7px; padding: 9px 13px; background: transparent; color: #60708e; font-size: 11px; font-weight: 750; }.analyzer-tab.active { color: #355fa8; background: #fff; box-shadow: 0 2px 8px rgba(30,68,130,.12); }.analyzer-result-body { background: #fff; border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; }.result-panel { display: none; padding: 21px; }.result-panel.active { display: block; }.result-count { border-radius: 20px; background: #eff8e2; color: #6f9a44; padding: 5px 9px; font-size: 9px; font-weight: 800; }.analyzer-table { min-width: 620px; }.analyzer-table td, .analyzer-table th { padding-left: 10px; padding-right: 10px; }.analyzer-table td strong { color: var(--ink); }.empty-cell { color: var(--muted) !important; text-align: center; padding: 30px !important; }.stuffing-summary { display: block; background: transparent; margin-bottom: 17px; }.stuffing-score span, .stuffing-score strong { display: block; }.stuffing-score span { color: var(--muted); font-size: 9px; }.stuffing-score strong { color: var(--ink); font-size: 24px; letter-spacing: -.06em; margin: 3px 0 6px; }.stuffing-score small { color: var(--muted); font-size: 10px; letter-spacing: 0; }.stuffing-progress { background: #e5ebe4; height: 7px; border-radius: 20px; overflow: hidden; }.stuffing-progress i { display: block; height: 100%; border-radius: inherit; background: var(--lime-deep); }.stuffing-summary > div:last-child strong { font-size: 12px; }.stuffing-summary > div:last-child p { color: var(--muted); font-size: 10px; margin: 4px 0 0; }.risk-pill { border-radius: 20px; padding: 4px 8px; font-size: 9px; font-weight: 800; background: #eff8e2; color: #6f9a44; }.risk-pill.watch { background: #fff1e3; color: #b87738; }.risk-pill.high { background: #fdeaea; color: #bb6565; }.competitor-gap-panel { border-top: 1px solid var(--line); margin-top: 18px; padding-top: 18px; }.gap-row { display: flex; align-items: center; gap: 14px; padding: 11px 0; border-bottom: 1px solid #eef1ee; font-size: 11px; }.gap-row span:first-child { color: var(--ink); font-weight: 750; min-width: 160px; }.gap-row span:nth-child(2) { color: var(--muted); flex: 1; }.gap-row b { color: #bd7b3c; background: #fff1e3; padding: 4px 7px; border-radius: 15px; font-size: 9px; }.empty-note { color: var(--muted); font-size: 10px; margin: 0; }
@media (max-width: 1160px) { .analyzer-metrics { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 880px) { .analyzer-grid { grid-template-columns: 1fr; }.analyzer-toolbar #resetAnalyzer { margin-left: 0; }.analyzer-metrics { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) { .analyzer-toolbar { display: grid; grid-template-columns: 1fr 1fr; }.analyzer-select { min-width: 0; }.analyzer-toolbar #resetAnalyzer { width: 100%; }.analyzer-input-footer, .analyzer-result-heading { display: block; }.analyzer-input-footer > div { margin-top: 10px; }.analyzer-input-footer .button { flex: 1; }.analyzer-metrics { grid-template-columns: 1fr 1fr; }.analysis-metric { padding: 12px; }.analysis-metric strong { font-size: 19px; }.analyzer-tabs { width: 100%; }.analyzer-tab { flex: 1; padding-left: 5px; padding-right: 5px; font-size: 9px; }.gap-row { display: block; }.gap-row span { display: block; margin-bottom: 4px; }.gap-row b { display: inline-block; } }
.select-all-label { display: inline-flex; align-items: center; gap: 5px; text-transform: none; letter-spacing: 0; color: var(--ink-soft); font-size: 10px; font-weight: 750; cursor: pointer; }.select-all-label input, .keyword-select { width: 15px; height: 15px; accent-color: var(--lime-deep); cursor: pointer; }.selected-keyword-count { margin-left: 7px; border-radius: 20px; background: #f1f6ed; color: #6f9544; padding: 5px 9px; font-size: 9px; font-weight: 800; }.signal-pill { border-radius: 20px; padding: 4px 8px; font-size: 9px; font-weight: 750; background: #f1f6ed; color: #6f9544; }.stuffing-neutral { background: #f7f9f6; border-radius: 11px; padding: 15px; margin: 0; }.stuffing-neutral strong { color: var(--ink); font-size: 12px; }.stuffing-neutral p { color: var(--muted); font-size: 10px; line-height: 1.5; margin: 5px 0 0; }
.report-setup-grid { display: grid; grid-template-columns: minmax(0, 1.18fr) minmax(320px, .82fr); gap: 17px; margin-bottom: 17px; }.report-form-row { display: flex; gap: 15px; align-items: flex-end; margin-bottom: 14px; }.report-select { flex: 1; }.report-select > span, .report-country { display: block; color: var(--muted); font-size: 9px; margin-bottom: 6px; }.report-country { flex: 0 0 150px; }.report-country select { display: block; width: 100%; margin-top: 6px; border: 1px solid var(--line); border-radius: 9px; background: #fbfcfa; color: var(--ink-soft); padding: 9px; font-size: 10px; }.report-input-line { display: flex; gap: 8px; }.report-input-line input { flex: 1; min-width: 0; border: 1px solid var(--line); background: #fbfcfa; border-radius: 9px; padding: 10px 11px; color: var(--ink); outline: 0; font-size: 11px; }.report-input-line input:focus { border-color: #a2c46e; box-shadow: 0 0 0 3px rgba(200,243,106,.18); background: #fff; }.report-form-note { margin: 9px 0 0; color: var(--muted); font-size: 9px; }.competitor-counter { border-radius: 20px; background: #eff8e2; color: #6f9a44; padding: 5px 9px; font-size: 9px; font-weight: 800; }.report-competitor-list { margin-top: 14px; }.report-competitor-row { display: flex; align-items: center; gap: 9px; border-top: 1px solid #eef1ee; padding: 9px 0; }.report-competitor-row > div { flex: 1; min-width: 0; }.report-competitor-row strong, .report-competitor-row small { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }.report-competitor-row strong { font-size: 10px; }.report-competitor-row small { color: var(--muted); font-size: 9px; margin-top: 2px; }.mini-report-avatar { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 8px; background: #e8f6ff; color: #4595c7; font-size: 9px; font-weight: 850; }.report-empty { text-align: center; padding: 58px 20px; }.report-empty-icon { width: 45px; height: 45px; display: grid; place-items: center; margin: 0 auto 13px; border-radius: 13px; background: #eff8e2; color: #75a247; font-size: 24px; }.report-empty h3 { margin: 0; font-size: 15px; }.report-empty p { color: var(--muted); max-width: 390px; margin: 8px auto 0; font-size: 11px; }.report-summary-head { display: flex; justify-content: space-between; align-items: center; gap: 18px; background: var(--navy); color: #f5f8f2; border-radius: var(--radius); padding: 21px 24px; margin-bottom: 17px; }.report-primary-summary { display: flex; align-items: center; gap: 13px; }.report-primary-summary img { width: 54px; height: 54px; border-radius: 14px; object-fit: cover; background: var(--lime); }.report-primary-summary h2 { margin: 0; font-size: 19px; letter-spacing: -.045em; }.report-primary-summary p:not(.eyebrow) { color: #9fafa6; margin: 4px 0; font-size: 10px; }.report-primary-summary a { color: var(--lime); font-size: 10px; font-weight: 750; }.report-summary-head .eyebrow { color: #9fafa6; margin-bottom: 4px; }.report-source-pill { background: rgba(200,243,106,.15); color: var(--lime); border: 1px solid rgba(200,243,106,.25); border-radius: 20px; padding: 6px 9px; white-space: nowrap; font-size: 9px; }.report-kpi-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; margin-bottom: 17px; }.report-kpi { background: #fff; border: 1px solid var(--line); border-radius: 13px; padding: 15px; box-shadow: var(--shadow); min-height: 102px; }.report-kpi span, .report-kpi small { display: block; color: var(--muted); font-size: 9px; }.report-kpi strong { display: block; margin: 9px 0 5px; font-size: 22px; letter-spacing: -.06em; }.report-kpi small { line-height: 1.3; }.report-section-grid { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(310px, .65fr); gap: 17px; margin-bottom: 17px; }.report-section-card { min-width: 0; }.report-table { min-width: 730px; }.report-table td, .report-table th { padding-left: 9px; padding-right: 9px; }.report-visibility-rows { padding-top: 4px; }.report-visibility-row { display: grid; grid-template-columns: 1.2fr .8fr 1fr; align-items: center; gap: 10px; padding: 13px 0; border-bottom: 1px solid #eef1ee; font-size: 10px; }.report-visibility-row > div { display: flex; align-items: center; gap: 7px; min-width: 0; }.report-visibility-row > span { color: var(--muted); }.report-app-dot { width: 8px; height: 8px; border-radius: 50%; background: #bdd0c1; flex: 0 0 8px; }.report-app-dot.primary { background: var(--lime-deep); }.report-media-item { padding: 12px 0; border-bottom: 1px solid #eef1ee; }.report-media-head { display: flex; align-items: center; gap: 9px; }.report-media-head img { width: 32px; height: 32px; object-fit: cover; border-radius: 9px; background: #eff8e2; }.report-media-head strong, .report-media-head span { display: block; }.report-media-head strong { font-size: 10px; }.report-media-head span { color: var(--muted); font-size: 9px; margin-top: 2px; }.report-thumb-row { display: flex; gap: 7px; overflow: hidden; margin-top: 10px; min-height: 55px; }.report-thumb-row img { height: 65px; width: 38px; object-fit: cover; border-radius: 6px; border: 1px solid var(--line); }.no-media { color: var(--muted); font-size: 10px; align-self: center; }.timeline-list { padding-top: 3px; }.timeline-row { display: grid; grid-template-columns: 11px 1fr auto; gap: 9px; align-items: start; padding: 11px 0; border-bottom: 1px solid #eef1ee; }.timeline-dot { width: 8px; height: 8px; border-radius: 50%; background: #b9c8bd; margin-top: 4px; }.timeline-dot.primary { background: var(--lime-deep); }.timeline-row strong { display: block; font-size: 10px; }.timeline-row p { color: var(--muted); font-size: 9px; margin: 3px 0 0; }.timeline-row time { color: var(--muted); font-size: 9px; white-space: nowrap; }.availability-main { display: flex; align-items: center; gap: 9px; background: #f5f9ee; border-radius: 10px; padding: 13px; }.availability-main > span { display: grid; place-items: center; width: 23px; height: 23px; border-radius: 50%; background: var(--lime); color: var(--navy); font-weight: 900; }.availability-main strong { font-size: 11px; }.availability-main p { color: var(--muted); font-size: 9px; margin: 3px 0 0; }.availability-note { color: var(--muted); font-size: 10px; line-height: 1.45; margin-top: 13px; }.market-signal-row { padding: 10px 0; border-bottom: 1px solid #eef1ee; }.market-signal-row span, .market-signal-row strong, .market-signal-row small { display: block; }.market-signal-row span { color: var(--ink-soft); font-size: 10px; }.market-signal-row strong { color: #9a835f; font-size: 11px; margin: 2px 0; }.market-signal-row small { color: var(--muted); font-size: 9px; line-height: 1.35; }
@media (max-width: 1160px) { .report-kpi-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 880px) { .report-setup-grid, .report-section-grid { grid-template-columns: 1fr; }.report-summary-head { align-items: flex-start; flex-direction: column; }.report-kpi-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) { .report-form-row { display: block; }.report-country { margin-top: 13px; }.report-input-line { display: block; }.report-input-line input { margin-bottom: 8px; }.report-input-line .button { width: 100%; }.report-kpi-grid { grid-template-columns: 1fr 1fr; }.report-kpi { padding: 12px; }.report-kpi strong { font-size: 18px; }.report-visibility-row { grid-template-columns: 1fr; gap: 5px; }.report-source-pill { white-space: normal; }.report-primary-summary h2 { font-size: 16px; } }
.free-keyword-tools { margin: 0 0 17px; }.free-tool-grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: 17px; }.free-tool-card { min-width: 0; }.free-tool-card .card-header p:not(.eyebrow) { max-width: 430px; }.free-tool-form { display: grid; grid-template-columns: minmax(150px, 1.4fr) minmax(110px, .7fr) minmax(130px, .8fr) auto; gap: 9px; align-items: end; margin-bottom: 10px; }.free-tool-form label { display: block; color: var(--ink); font-size: 10px; font-weight: 750; min-width: 0; }.free-tool-form input, .free-tool-form select { display: block; width: 100%; margin-top: 6px; border: 1px solid var(--line); border-radius: 9px; background: #fbfcfa; color: var(--ink-soft); padding: 9px 10px; outline: 0; font-size: 10px; }.free-tool-form input:focus, .free-tool-form select:focus { border-color: #a2c46e; box-shadow: 0 0 0 3px rgba(200,243,106,.18); background: #fff; }.snapshot-form { grid-template-columns: 1.1fr .55fr .8fr .8fr; }.snapshot-form label:nth-child(5) { grid-column: span 2; }.snapshot-form #saveRankSnapshot { grid-column: 3 / -1; }.free-tool-actions { display: flex; align-items: center; gap: 10px; margin: 13px 0 8px; }.free-tool-actions .button { margin-left: auto; }.free-tool-actions > span { color: var(--muted); font-size: 9px; }.free-tool-card .data-table-wrap { max-height: 310px; overflow: auto; }.free-tool-card .data-table { min-width: 620px; }.free-tool-card .data-table td, .free-tool-card .data-table th { padding: 9px 8px; font-size: 9px; }.free-tool-card .data-table td small { color: var(--muted); line-height: 1.35; }.related-select { width: 15px; height: 15px; accent-color: var(--lime-deep); cursor: pointer; }.free-tool-card .status-tag { white-space: nowrap; }.free-tool-card .form-hint { max-width: none; margin: 8px 0 0; }.free-tool-card .eyebrow { margin-bottom: 4px; }
.generator-keyword-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin: -4px 0 15px; padding: 10px; border: 1px solid #e5eddd; border-radius: 10px; background: #f7fbf2; }.generator-keyword-actions .button { padding: 7px 9px; font-size: 9px; }.generator-keyword-actions span { color: var(--muted); font-size: 9px; margin-left: auto; }.keyword-coverage-note { display: flex; flex-wrap: wrap; gap: 7px; align-items: baseline; padding: 10px 11px; border-radius: 9px; background: #f5f9ee; color: #60714f; margin: -2px 0 13px; font-size: 10px; }.keyword-coverage-note span { color: var(--muted); font-size: 9px; }.page-heading .header-actions { display: flex; align-items: center; gap: 9px; }
.repetition-actions { display: inline-flex; gap: 6px; margin-left: auto; }.repetition-actions .button { padding: 6px 8px; font-size: 9px; }.repetition-actions .button:disabled { opacity: .45; cursor: not-allowed; }.repetition-select { width: 15px; height: 15px; accent-color: var(--lime-deep); cursor: pointer; }
.analyzer-keyword-actions { display: inline-flex; gap: 6px; margin-left: auto; }.analyzer-keyword-actions .button { padding: 6px 8px; font-size: 9px; }.analyzer-keyword-actions .button:disabled { opacity: .45; cursor: not-allowed; }.free-tool-actions .button { margin-left: 0; }.free-tool-actions .button:last-child { margin-left: auto; }
.bulk-keyword-panel { margin: 17px 0; }.bulk-keyword-input { display: block; width: 100%; min-height: 145px; resize: vertical; border: 1px solid var(--line); border-radius: 10px; background: #fbfcfa; color: var(--ink); outline: 0; padding: 12px; line-height: 1.5; font-size: 11px; }.bulk-keyword-input:focus { border-color: #a2c46e; box-shadow: 0 0 0 3px rgba(200,243,106,.18); background: #fff; }.bulk-keyword-toolbar { display: flex; align-items: flex-end; flex-wrap: wrap; gap: 8px; margin-top: 10px; }.bulk-keyword-toolbar label { color: var(--muted); font-size: 9px; }.bulk-keyword-toolbar select, .bulk-keyword-toolbar input { display: block; min-width: 120px; margin-top: 5px; border: 1px solid var(--line); border-radius: 8px; background: #fbfcfa; color: var(--ink-soft); padding: 8px; font-size: 10px; }.bulk-keyword-toolbar input { min-width: 145px; }.bulk-keyword-summary { color: var(--muted); font-size: 10px; margin: 11px 0; padding: 9px 10px; background: #f7f9f6; border-radius: 8px; }.bulk-plan-toolbar { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; padding: 10px 0; border-top: 1px solid #eef1ee; }.bulk-plan-toolbar > span { color: var(--muted); font-size: 9px; margin-right: auto; }.bulk-plan-toolbar select { border: 1px solid var(--line); border-radius: 8px; padding: 7px; color: var(--ink-soft); background: #fff; font-size: 9px; }.bulk-plan-table { max-height: 360px; overflow: auto; }.bulk-plan-table .data-table { min-width: 650px; }.bulk-plan-table .data-table td, .bulk-plan-table .data-table th { padding: 8px 9px; font-size: 9px; }.bulk-plan-table code { background: #edf4e8; padding: 2px 4px; border-radius: 4px; }
.download-chart { display: flex; align-items: flex-end; gap: 4px; height: 168px; padding: 10px 4px 0; background: #fbfcfa; border: 1px solid var(--line); border-radius: 11px; }.download-bar { flex: 1; min-width: 0; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; height: 100%; position: relative; }.download-bar .download-value { font-size: 8px; color: var(--muted); margin-bottom: 3px; white-space: nowrap; }.download-bar i.bar-optimistic { display: block; width: 100%; max-width: 26px; border-radius: 4px 4px 0 0; background: #cbd9f2; position: relative; display: flex; align-items: flex-end; }.download-bar i.bar-conservative { display: block; width: 100%; border-radius: 4px 4px 0 0; background: #6f8fd0; }.download-bar.tier-top5 i.bar-optimistic { background: #d9ccf5; }.download-bar.tier-top5 i.bar-conservative { background: #8b6fd0; }.download-bar.tier-top20 i.bar-optimistic { background: #dfe4dc; }.download-bar.tier-top20 i.bar-conservative { background: #a8b3a4; }.download-bar .download-position { font-size: 8px; color: var(--muted); margin-top: 4px; }.download-note { color: var(--muted); font-size: 9px; margin: 8px 0 0; }
.cluster-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(268px, 1fr)); gap: 12px; align-items: start; }
.cluster-card { border: 1px solid var(--line); border-radius: 12px; background: #fbfcfa; min-width: 0; overflow: hidden; }
.cluster-head { display: flex; align-items: center; gap: 8px; padding: 11px 13px; border-bottom: 1px solid #eef1ee; background: #fff; }
.cluster-head strong { font-size: 10px; letter-spacing: .07em; color: #6f5bd0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cluster-count { background: #eef0fb; color: #6f5bd0; border-radius: 10px; padding: 1px 7px; font-size: 9px; font-weight: 800; flex: 0 0 auto; }
.cluster-head .copy-button { margin-left: auto; flex: 0 0 auto; }
/* A vertical list keeps every term readable however narrow the column gets;
   pills side by side overlap as soon as the phrases get long. */
.cluster-terms { max-height: 232px; overflow-y: auto; }
.cluster-term { display: flex; align-items: center; gap: 8px; width: 100%; border: 0; border-bottom: 1px solid #f1f4f0; background: transparent; padding: 8px 13px; text-align: left; cursor: pointer; }
.cluster-term:last-child { border-bottom: 0; }
.cluster-term:hover { background: #f2f7ec; }
.cluster-term span { flex: 1; min-width: 0; color: var(--ink-soft); font-size: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cluster-term b { flex: 0 0 auto; background: #eff8e2; color: #6f9a44; border-radius: 10px; padding: 1px 7px; font-size: 9px; }
.gap-card { margin-bottom: 17px; }.gap-table { max-height: 420px; overflow: auto; }.gap-table .data-table { min-width: 660px; }.gap-table td, .gap-table th { padding: 8px 9px; font-size: 9px; }.gap-select { width: 15px; height: 15px; accent-color: var(--lime-deep); cursor: pointer; }.gap-actions { display: flex; align-items: center; gap: 10px; margin-top: 13px; }.gap-actions > span { color: var(--muted); font-size: 9px; margin-right: auto; }.gap-actions .button:disabled { opacity: .45; cursor: not-allowed; }
.research-form-card { margin-bottom: 17px; }.research-form-row { display: flex; gap: 15px; align-items: flex-end; margin-bottom: 14px; flex-wrap: wrap; }.research-field { flex: 1; min-width: 200px; }.research-field > span { display: block; color: var(--muted); font-size: 9px; margin-bottom: 6px; }.research-country { flex: 0 0 190px; color: var(--muted); font-size: 9px; }.research-country select { display: block; width: 100%; margin-top: 6px; border: 1px solid var(--line); border-radius: 9px; background: #fbfcfa; color: var(--ink-soft); padding: 10px; font-size: 10px; }.research-keywords { display: block; color: var(--ink); font-size: 11px; font-weight: 750; }.research-keywords > span { color: var(--muted); font-weight: 500; margin-left: 6px; font-size: 9px; }.research-keywords .report-input-line { margin-top: 7px; }.research-loading, .research-error { padding: 22px; color: var(--muted); font-size: 11px; margin-bottom: 17px; }.research-error strong { color: #a5714f; display: block; margin-bottom: 6px; font-size: 11px; }.research-error ul { margin: 0; padding-left: 16px; }
.research-cost { margin: 11px 0 0; color: var(--muted); font-size: 10px; }
.research-cost.over-limit { color: #b87738; }
.country-picker { position: relative; }
.country-picker > summary { list-style: none; cursor: pointer; display: block; width: 100%; margin-top: 6px; border: 1px solid var(--line); border-radius: 9px; background: #fbfcfa; color: var(--ink-soft); padding: 10px 26px 10px 10px; font-size: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; }
.country-picker > summary::-webkit-details-marker { display: none; }
.country-picker > summary::after { content: '⌄'; position: absolute; right: 10px; top: 7px; color: var(--muted); }
.country-picker[open] > summary { border-color: #a2c46e; background: #fff; }
.country-options { position: absolute; z-index: 30; top: calc(100% + 5px); left: 0; right: 0; min-width: 210px; max-height: 280px; overflow-y: auto; background: #fff; border: 1px solid var(--line); border-radius: 11px; box-shadow: 0 14px 34px rgba(24,34,31,.16); padding: 5px; }
.country-options label { display: flex; align-items: center; gap: 8px; padding: 7px 8px; border-radius: 7px; font-size: 10px; color: var(--ink-soft); cursor: pointer; }
.country-options label:hover { background: #f5f9ee; }
.country-options input { accent-color: var(--lime-deep); width: 14px; height: 14px; }
.country-options input:disabled + * , .country-options label:has(input:disabled) { opacity: .4; cursor: not-allowed; }
.new-app-mode { display: flex; align-items: center; flex-wrap: wrap; gap: 14px; margin-top: 14px; padding: 12px 13px; border: 1px solid #e5eddd; border-radius: 10px; background: #f7fbf2; }
.new-app-toggle, .new-app-ratings { display: inline-flex; align-items: center; gap: 7px; color: var(--ink); font-size: 11px; font-weight: 750; }
.new-app-toggle input { accent-color: var(--lime-deep); width: 15px; height: 15px; }
.new-app-ratings input { width: 92px; border: 1px solid var(--line); border-radius: 8px; background: #fff; color: var(--ink); padding: 7px 8px; font-size: 11px; }
.new-app-mode .form-hint { flex: 1 1 100%; max-width: none; margin: 0; }
.outlook-block { border: 1px solid #d9e6c8; border-radius: 11px; background: #f7fbf2; padding: 14px; margin-bottom: 17px; }
.outlook-block.outlook-blocked { border-color: #ecd9c6; background: #fdf8f2; }
.outlook-head { display: flex; align-items: center; gap: 9px; margin-bottom: 11px; flex-wrap: wrap; }
.outlook-head strong { font-size: 12px; }
.outlook-fit { margin-left: auto; color: var(--muted); font-size: 10px; }.outlook-fit b { color: var(--ink); font-size: 15px; letter-spacing: -.03em; }
.outlook-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; margin-bottom: 10px; }
.outlook-grid > div { background: #fff; border-radius: 9px; padding: 9px 11px; }
.outlook-grid span { display: block; color: var(--muted); font-size: 9px; }
.outlook-grid strong { font-size: 17px; letter-spacing: -.04em; }
.outlook-block > p { color: #5f704f; font-size: 11px; line-height: 1.5; margin: 0; }
.outlook-blocked > p { color: #8b6f4d; }
.outlook-targets { list-style: none; margin: 11px 0 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 5px; }
.outlook-targets li { background: #fff; border-radius: 8px; padding: 7px 10px; font-size: 10px; color: var(--ink-soft); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.outlook-position { color: #6f9a44; font-weight: 800; margin-right: 5px; }
.outlook-targets b { color: var(--muted); font-weight: 500; }
.research-matrix { margin-bottom: 17px; }.research-matrix .data-table-wrap { max-height: 360px; overflow: auto; }.research-matrix .data-table { min-width: 640px; }.research-matrix td, .research-matrix th { padding: 8px 9px; font-size: 9px; }
.research-card { margin-bottom: 17px; }.research-card-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 18px; flex-wrap: wrap; margin-bottom: 14px; }.research-card-head h2 { margin: 2px 0 0; font-size: 23px; letter-spacing: -.045em; }.research-scores { display: flex; gap: 10px; }.research-score { background: #f7f9f6; border-radius: 11px; padding: 11px 14px; min-width: 96px; }.research-score span { display: block; color: var(--muted); font-size: 9px; text-transform: uppercase; letter-spacing: .06em; }.research-score strong { font-size: 26px; letter-spacing: -.06em; }.research-score small { color: var(--muted); font-size: 9px; margin-left: 3px; }.score-popularity strong { color: #6f5bd0; }.score-difficulty strong { color: #c07a3c; }.score-opportunity strong { color: #4d90c4; }
.research-verdict { display: flex; gap: 9px; align-items: flex-start; background: #f5f9ee; border-radius: 10px; padding: 12px 13px; color: #5f704f; font-size: 11px; line-height: 1.5; margin: 0 0 17px; }.research-verdict span { color: #7ba04e; }
.research-subhead { margin: 20px 0 11px; font-size: 10px; text-transform: uppercase; letter-spacing: .08em; color: var(--muted); }.research-subhead small { text-transform: none; letter-spacing: 0; margin-left: 8px; font-weight: 500; }
.research-tier-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }.research-tier { background: #fbfcfa; border: 1px solid var(--line); border-radius: 11px; padding: 13px; }.research-tier-head { display: flex; align-items: center; gap: 8px; margin-bottom: 9px; }.research-tier-head strong { font-size: 12px; }.research-tier-score { font-size: 19px; letter-spacing: -.05em; color: var(--ink); margin-left: auto; }.research-tier-score small { color: var(--muted); font-size: 9px; }.research-tier ul { margin: 0; padding-left: 15px; color: var(--muted); font-size: 10px; line-height: 1.6; }
.research-app-table { max-height: 420px; overflow: auto; }.research-app-table .data-table { min-width: 700px; }.research-app-table td, .research-app-table th { padding: 8px 9px; font-size: 9px; }.research-app { display: flex; align-items: center; gap: 8px; min-width: 0; }.research-app img { width: 26px; height: 26px; border-radius: 7px; object-fit: cover; background: #eef3ea; flex: 0 0 26px; }.research-app strong { display: block; font-size: 10px; }.research-app small { color: var(--muted); font-size: 9px; }
.keyword-chip-row { display: flex; flex-wrap: wrap; gap: 6px; }.keyword-chip { display: inline-flex; align-items: center; gap: 6px; max-width: 100%; border: 1px solid var(--line); background: #fbfcfa; border-radius: 20px; padding: 6px 10px; color: var(--ink-soft); font-size: 10px; white-space: nowrap; cursor: pointer; }.keyword-chip:hover { border-color: #a2c46e; background: #f5f9ee; }.keyword-chip b { background: #eff8e2; color: #6f9a44; border-radius: 10px; padding: 1px 6px; font-size: 9px; }
.research-card-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; padding-top: 15px; border-top: 1px solid #eef1ee; }.warn-tag { background: #fff1e3 !important; color: #b87738 !important; }
@media (max-width: 880px) { .research-tier-grid { grid-template-columns: 1fr; }.research-card-head { flex-direction: column; }.research-scores { width: 100%; }.research-score { flex: 1; min-width: 0; } }
.field-empty-hint { margin: 6px 0 0; padding: 8px 10px; background: #fff8ef; border-radius: 8px; color: #8b6f4d; font-size: 9px; line-height: 1.45; }
.discovery-panel { margin-bottom: 17px; }.discovery-form { grid-template-columns: minmax(160px, 1.5fr) minmax(120px, .8fr) minmax(150px, 1fr) auto; }.discovery-toggles { display: flex; flex-wrap: wrap; gap: 16px; margin: 4px 0 8px; }.discovery-toggles label { display: inline-flex; align-items: center; gap: 6px; color: var(--ink-soft); font-size: 10px; font-weight: 750; cursor: pointer; }.discovery-toggles small { color: var(--muted); font-weight: 500; }.discovery-toggles input { accent-color: var(--lime-deep); width: 15px; height: 15px; }.discovery-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 9px; padding: 11px 0; border-top: 1px solid #eef1ee; margin-top: 10px; }.discovery-pills { margin-right: auto; }.discovery-actions .button { padding: 7px 10px; font-size: 9px; }.discovery-actions .button:disabled { opacity: .45; cursor: not-allowed; }.discovery-table { max-height: 420px; overflow: auto; }.discovery-table .data-table { min-width: 720px; }.discovery-table .data-table td, .discovery-table .data-table th { padding: 8px 9px; font-size: 9px; }.discovery-select { width: 15px; height: 15px; accent-color: var(--lime-deep); cursor: pointer; }.row-tracked { opacity: .55; }.signal-bar { display: inline-block; width: 46px; height: 5px; border-radius: 20px; background: #e8ede6; vertical-align: middle; margin-right: 6px; overflow: hidden; }.signal-bar i { display: block; height: 100%; border-radius: inherit; background: var(--lime-deep); }
.apple-performance-card { margin-bottom: 17px; }.apple-kpi-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); margin: 14px 0 0; }.apple-performance-body:empty { display: none; }.apple-country-row { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }.apple-country-row span { background: #f5f9ee; border-radius: 8px; padding: 6px 9px; color: var(--ink-soft); font-size: 9px; }.apple-country-row b { color: var(--ink); }.apple-metric-notes { margin-top: 13px; border-top: 1px solid #eef1ee; padding-top: 12px; }.apple-metric-notes strong { font-size: 10px; color: #826d53; }.apple-metric-notes ul { margin: 6px 0 0; padding-left: 16px; color: #8b7a63; font-size: 10px; line-height: 1.5; }
@media (max-width: 1160px) { .apple-kpi-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 880px) { .discovery-form { grid-template-columns: 1fr 1fr; }.apple-kpi-grid { grid-template-columns: repeat(2, 1fr); } }
.allocation-panel { margin-bottom: 17px; }.allocation-store { border-top: 1px solid #eef1ee; padding-top: 15px; margin-top: 15px; }.allocation-store:first-of-type { border-top: 0; padding-top: 4px; margin-top: 0; }.allocation-store h4 { margin: 0 0 11px; font-size: 12px; letter-spacing: -.02em; }.allocation-fields { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 10px; margin-bottom: 11px; }.allocation-fields > div { background: #f7f9f6; border-radius: 9px; padding: 10px 11px; min-width: 0; }.allocation-fields span { display: block; color: var(--muted); font-size: 9px; }.allocation-fields strong { display: block; font-size: 11px; margin: 4px 0 3px; word-break: break-word; }.allocation-fields small { color: var(--muted); font-size: 9px; }.allocation-keyword-field strong { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 10px; line-height: 1.5; }.allocation-panel .data-table-wrap { max-height: 320px; overflow: auto; }.allocation-panel .data-table { min-width: 540px; }.allocation-panel .data-table td, .allocation-panel .data-table th { padding: 8px 9px; font-size: 9px; }
.coverage-details { margin: -6px 0 13px; }.coverage-details summary { color: #6b8a4c; font-size: 9px; font-weight: 750; cursor: pointer; padding: 4px 0; }.coverage-details .data-table-wrap { max-height: 240px; overflow: auto; margin-top: 7px; }.coverage-details .data-table { min-width: 380px; }.coverage-details .data-table td, .coverage-details .data-table th { padding: 6px 8px; font-size: 9px; }
.keyword-coverage-note small { display: block; width: 100%; color: var(--muted); font-size: 9px; margin-top: 2px; }
.output-heading-actions { display: flex; gap: 8px; flex-wrap: wrap; }
.bulk-preview-table { max-height: 260px; overflow: auto; margin-bottom: 4px; border: 1px solid #eef1ee; border-radius: 10px; }.bulk-preview-table .data-table { min-width: 460px; }.bulk-preview-table .data-table td, .bulk-preview-table .data-table th { padding: 8px 9px; font-size: 9px; }
.score-note { display: block; color: var(--muted); font-weight: 500; font-size: 9px; line-height: 1.35; margin-top: 3px; }.score-row span { min-width: 0; }
.competitor-card > a { display: inline-block; margin-top: 12px; color: #5c8f3f; font-size: 9px; font-weight: 750; }
.compare-row i.lime-bar { background: var(--lime-deep); }.compare-row i.grey-bar { background: #b9c8bd; }.compare-row strong { white-space: nowrap; }
.replace-keywords-check { display: inline-flex; align-items: center; gap: 6px; margin-top: 10px; color: #9a6e54; font-size: 10px; font-weight: 750; }.replace-keywords-check input { accent-color: #bf825b; }
.danger-button { color: #ae6666 !important; border-color: #f0dada !important; background: #fff8f8 !important; }.danger-button:hover { color: #8f4d4d !important; border-color: #e7bcbc !important; background: #fff0f0 !important; }.delete-keyword { color: #ae6666; border-color: #f0dada; background: #fff8f8; margin-left: 8px; }.delete-keyword:hover { color: #8f4d4d; border-color: #e7bcbc; background: #fff0f0; }
@media (max-width: 600px) { .bulk-keyword-toolbar { display: grid; grid-template-columns: 1fr 1fr; }.bulk-keyword-toolbar .button { width: 100%; }.bulk-keyword-toolbar input { min-width: 0; width: 100%; }.bulk-plan-toolbar > span { width: 100%; }.bulk-plan-toolbar .button, .bulk-plan-toolbar select { flex: 1; } }
@media (max-width: 1080px) { .free-tool-grid { grid-template-columns: 1fr; }.free-tool-form { grid-template-columns: 1fr 1fr; }.free-tool-form > .button { width: 100%; }.snapshot-form label:nth-child(5), .snapshot-form #saveRankSnapshot { grid-column: auto; } }
@media (max-width: 600px) { .free-tool-form { grid-template-columns: 1fr; }.free-tool-actions { flex-wrap: wrap; }.free-tool-actions .button { width: 100%; margin-left: 0; }.free-tool-card .card-header { display: block; }.free-tool-card .locale-pill { display: inline-block; margin-top: 8px; } }

/* Public live-search preview */
.research-mode-tabs { display: flex; gap: 4px; width: max-content; max-width: 100%; padding: 4px; margin: -3px 0 8px; background: #e9effa; border-radius: 10px; }
.research-mode-tab { border: 0; border-radius: 7px; padding: 9px 13px; background: transparent; color: #60708e; font-size: 11px; font-weight: 800; cursor: pointer; }
.research-mode-tab.active { background: #fff; color: #355fa8; box-shadow: 0 2px 8px rgba(30,68,130,.12); }
.research-mode-hint { margin: 0 0 17px; color: var(--muted); font-size: 10px; }
.research-limit { flex: 0 0 125px; color: var(--muted); font-size: 9px; }
.research-limit > span { display: block; margin-bottom: 6px; }
.research-limit small { font-size: 8px; font-weight: 500; }
.research-limit select { display: block; width: 100%; border: 1px solid var(--line); border-radius: 9px; background: #fbfcfa; color: var(--ink-soft); padding: 10px; font-size: 10px; }
.live-search-card { margin-bottom: 17px; }
.live-search-caption { color: var(--muted); font-size: 10px; margin: 5px 0 0; }
.live-search-toolbar { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; padding: 11px 0; margin-bottom: 3px; border-top: 1px solid #eef1ee; border-bottom: 1px solid #eef1ee; }
.live-search-toolbar > span { color: var(--muted); font-size: 10px; margin-right: auto; }
.live-search-toolbar .button { padding: 7px 10px; font-size: 9px; }
.live-search-list { display: grid; gap: 0; }
.live-search-result { display: grid; grid-template-columns: 34px 42px minmax(220px, 1fr) 105px 112px auto; align-items: center; gap: 11px; padding: 11px 0; border-bottom: 1px solid #eef1ee; }
.live-search-result:last-child { border-bottom: 0; }
.live-search-position { color: var(--ink); font-size: 14px; font-weight: 850; text-align: center; }
.live-search-result > img { width: 42px; height: 42px; border-radius: 10px; object-fit: cover; background: #eef3ea; }
.live-search-app-copy { min-width: 0; }
.live-search-app-copy strong, .live-search-app-copy span, .live-search-app-copy small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.live-search-app-copy strong { font-size: 11px; }
.live-search-app-copy span { color: var(--ink-soft); font-size: 10px; margin-top: 2px; }
.live-search-app-copy small { color: var(--muted); font-size: 9px; margin-top: 2px; }
.live-search-rating strong, .live-search-rating span { display: block; }
.live-search-rating strong { font-size: 10px; }
.live-search-rating span { color: var(--muted); font-size: 9px; margin-top: 2px; }
.live-search-result .status-tag { justify-self: start; white-space: nowrap; }
.live-search-open { min-height: 30px; padding: 0 9px; font-size: 9px; }
.live-search-note { max-width: none; margin: 13px 0 0; }
@media (max-width: 880px) { .live-search-result { grid-template-columns: 30px 38px minmax(180px, 1fr) auto; }.live-search-rating { display: none; }.live-search-result .status-tag { display: none; } }
@media (max-width: 600px) { .research-mode-tabs { width: 100%; }.research-mode-tab { flex: 1; }.live-search-toolbar > span { width: 100%; }.live-search-toolbar .button { flex: 1; }.live-search-result { grid-template-columns: 27px 36px minmax(0, 1fr) auto; gap: 8px; }.live-search-result > img { width: 36px; height: 36px; }.live-search-open { padding: 0 7px; }.live-search-app-copy span { max-width: 190px; } }

/* Google Play Console live connector */
.google-play-console-body { margin-top: 13px; border-top: 1px solid #eef1ee; padding-top: 12px; }
.google-play-console-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 10px; color: var(--muted); font-size: 9px; }
.google-play-console-head .button { padding: 7px 10px; font-size: 9px; }
.google-play-console-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.google-play-console-kpi { background: #f7f9f6; border-radius: 9px; padding: 9px 10px; }
.google-play-console-kpi span, .google-play-console-kpi small { display: block; color: var(--muted); font-size: 8px; }
.google-play-console-kpi strong { display: block; margin: 3px 0; font-size: 17px; letter-spacing: -.04em; }
.google-play-console-subhead { margin: 14px 0 7px; font-size: 9px; text-transform: uppercase; letter-spacing: .08em; color: var(--muted); }
.google-play-review-list, .google-play-listing-list { display: grid; gap: 6px; }
.google-play-review, .google-play-listing { background: #fbfcfa; border: 1px solid #eef1ee; border-radius: 8px; padding: 8px 9px; }
.google-play-review > div { display: flex; justify-content: space-between; gap: 8px; }
.google-play-review strong, .google-play-listing strong { font-size: 9px; }
.google-play-review span, .google-play-listing small { color: var(--muted); font-size: 8px; }
.google-play-review p, .google-play-listing span { display: block; margin: 4px 0 0; color: var(--ink-soft); font-size: 9px; line-height: 1.4; }
.google-play-console-notes { margin-top: 11px; padding: 8px 9px; background: #fff8ef; border-radius: 8px; color: #8b6f4d; font-size: 9px; line-height: 1.45; }
.google-play-console-notes ul { margin: 4px 0 0; padding-left: 15px; }
@media (max-width: 600px) { .google-play-console-grid { grid-template-columns: 1fr; }.google-play-console-head { align-items: flex-start; flex-direction: column; }.google-play-console-head .button { width: 100%; } }
