/* DBX app views reconstructed from owner-provided screenshots. Shared browser shell stays unchanged. */
.dbx-page .canvas-tab-bar { max-width:100%; flex-wrap:wrap; }
.dbx-app-navigation>button { display:inline-flex; align-items:center; gap:5px; font:inherit; color:inherit; background:transparent; border:0; padding:0; cursor:pointer; }
.dbx-app-navigation>button.is-current { color:#5269ff; }
.dbx-app-navigation>button:hover { color:#25384d; }
.dbx-portfolio-app.is-detail-preview .dbx-portfolio-content { max-width:1240px; padding:28px 20px 32px; }
.dbx-portfolio-app.is-settings-preview .dbx-portfolio-content { max-width:none; padding:20px 0 0; }
.dbx-detail-screen { display:grid; grid-template-columns:156px minmax(0,1fr); gap:20px; align-items:start; }
.dbx-screen-sidebar { padding-top:36px; min-width:0; }
.dbx-side-brand { display:flex; align-items:center; gap:6px; margin:0 6px 30px; }.dbx-side-brand span { font-size:7px; letter-spacing:.8px; line-height:1.6; }.dbx-side-brand strong { font-size:9px; letter-spacing:0; }
.dbx-side-group { text-transform:uppercase; color:#64748b; font-size:8px; font-weight:600; letter-spacing:.03em; margin:23px 6px 9px; }
.dbx-side-domain { display:flex; align-items:center; gap:8px; font-size:9px; padding:10px 7px; color:#6f8199; border:1px solid transparent; border-radius:6px; overflow-wrap:anywhere; }
.dbx-side-domain img { object-fit:contain; flex-shrink:0; }.dbx-side-domain.is-current { background:white; border-color:#e0e7f2; color:#17283b; }
.dbx-screen-main { min-width:0; }.dbx-screen-heading { display:flex; align-items:start; justify-content:space-between; gap:12px; margin-bottom:22px; }
.dbx-screen-title { font-size:19px; letter-spacing:-.035em; font-weight:700; display:flex; flex-wrap:wrap; gap:10px; align-items:center; }.dbx-screen-title img { object-fit:contain; }.dbx-screen-title small { font-size:9px; font-weight:500; color:#72839a; letter-spacing:0; background:#eef2f6; padding:4px 7px; border-radius:3px; }
.dbx-screen-heading p { color:#7c8ba0; font-size:11px; line-height:1.7; margin-top:6px; }
.dbx-preview-tag { color:#718198; border:1px solid #e1e8f1; border-radius:4px; padding:5px 8px; font-size:9px; white-space:nowrap; background:#fff; }
.dbx-screen-subnav { display:flex; flex-wrap:wrap; gap:18px; font-size:10px; color:#7b889b; margin-bottom:0; padding:10px 12px; border-bottom:1px solid #e5eaf3; }.dbx-screen-subnav .is-current { color:#17283b; font-weight:600; }.dbx-screen-subnav small { padding:3px 5px; background:#eef2f6; border-radius:3px; }
.dbx-screen-card { background:#fff; border:1px solid #e2e9f3; border-radius:10px; padding:18px; margin-bottom:16px; min-width:0; }
.dbx-crawl-strip { display:flex; flex-wrap:wrap; gap:12px 18px; font-size:9px; color:#718198; padding:13px; }.dbx-crawl-strip strong { color:#28384b; font-weight:600; }
.dbx-chart-heading { display:flex; justify-content:space-between; align-items:start; gap:15px; font-size:10px; margin-bottom:18px; }.dbx-chart-heading strong { font-weight:600; }.dbx-chart-heading p { font-size:10px; color:#7a889c; margin-top:7px; line-height:1.7; }.dbx-chart-heading>span { font-size:9px; color:#73849a; white-space:nowrap; }.dbx-chart-heading b { color:#10877f; font-weight:600; }
.dbx-serp-chart,.dbx-llm-chart { display:block; width:100%; height:auto; }.dbx-serp-chart text,.dbx-axis-labels text { font-family:inherit; fill:#8b9bb0; font-size:8px; }.dbx-axis-lines path { stroke:#edf1f6; stroke-width:1; fill:none; }
.dbx-heatmap { background:#19191c; color:#e5e7eb; border:1px solid #25262b; padding:20px 18px; border-radius:7px; margin:16px 0; }
.dbx-heat-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; border-bottom:1px solid #303035; padding-bottom:16px; font-size:10px; }.dbx-heat-heading span { color:#a6a7af; font-size:9px; }
.dbx-heat-months { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin-top:20px; }.dbx-heat-month>div:first-child { display:flex; justify-content:space-between; gap:8px; font-size:10px; margin-bottom:15px; }.dbx-heat-month small { color:#a9adb6; font-family:monospace; font-size:8px; }
.dbx-heat-grid { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:4px; }.dbx-heat-weekday { color:#9b9da7; font-size:8px; text-align:center; padding-bottom:5px; }.dbx-heat-day { display:grid; place-items:center; aspect-ratio:1; border-radius:3px; font-size:9px; background:#28282c; color:#daf8f0; }.dbx-heat-0 { background:#252529; }.dbx-heat-1 { background:#155547; }.dbx-heat-2 { background:#087b61; }.dbx-heat-3 { background:#059774; }.dbx-heat-4 { background:#10b78c; }.dbx-heat-day.is-future { opacity:.22; }.dbx-heat-day.is-today { outline:1.5px solid #fb923c; outline-offset:1px; font-weight:700; }
.dbx-heat-legend { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:20px; padding-top:14px; border-top:1px solid #303035; color:#a6a7af; font-size:8px; }.dbx-heat-legend>span:last-child { display:flex; align-items:center; gap:4px; }.dbx-heat-legend i { width:10px; height:10px; display:inline-block; }
.dbx-preview-toolbar { display:flex; flex-wrap:wrap; align-items:center; gap:10px; padding:12px; background:#fff; border:1px solid #e2e9f3; border-radius:8px 8px 0 0; font-size:10px; color:#718198; margin-top:20px; }.dbx-preview-toolbar>input { margin-left:auto; width:180px; max-width:100%; border:1px solid #e2e9f3; border-radius:6px; padding:9px 10px; font:inherit; font-size:10px; color:#344054; background:white; }.dbx-preview-toolbar output { font-size:9px; }
.dbx-screen-table { background:white; border:1px solid #e2e9f3; border-top:0; border-radius:0 0 8px 8px; }.dbx-screen-table .dbx-table { font-size:9px; }.dbx-screen-table .dbx-table caption { padding:12px; font-size:9px; }.dbx-screen-table .dbx-table th { background:#fafbfe; font-size:9px; }.dbx-screen-table .dbx-table :is(td,th):first-child { padding-left:12px; }.dbx-screen-table .dbx-table td { height:48px; font-weight:400; }.dbx-screen-table .dbx-table td:first-child { font-weight:500; }
.dbx-row-trend { width:62px; height:24px; display:block; border:1px solid #edf1f5; border-radius:3px; }.dbx-row-trend path { fill:#91e3d5; }
.dbx-llm-cards { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin:16px 0; }.dbx-llm-cards .dbx-screen-card { padding:13px 10px; margin:0; }.dbx-engine-card-label { display:flex; align-items:center; gap:6px; font-size:9px; flex-wrap:wrap; }.dbx-engine-card-label img { object-fit:contain; }.dbx-engine-card-label small { font-size:8px; color:#7b8a9d; margin-left:auto; }.dbx-engine-card-value { font-size:22px; font-weight:700; margin:15px 0 12px; letter-spacing:-.04em; }.dbx-engine-card-value small { font-size:8px; color:#7d8ba0; font-weight:400; letter-spacing:0; }.dbx-engine-card-rate { border-top:1px solid #edf1f6; padding-top:10px; display:flex; justify-content:space-between; gap:8px; font-size:8px; color:#7d8ba0; }.dbx-engine-card-rate strong { color:#0b9a7c; font-weight:600; }
.dbx-preview-segment { display:inline-flex; flex-wrap:wrap; align-items:center; gap:3px; padding:3px; background:#f1f4f8; border-radius:6px; }.dbx-preview-segment button { border:0; background:transparent; color:#6b7d95; font:inherit; font-size:9px; padding:6px 8px; border-radius:4px; cursor:pointer; }.dbx-preview-segment button[aria-pressed="true"] { background:white; color:#17283b; box-shadow:0 1px 3px #17283b08; }
.dbx-llm-chart { margin-top:18px; }.dbx-cited,.dbx-missing { display:inline-block; border-radius:3px; padding:3px 6px; font-size:8px; font-weight:500; }.dbx-cited { background:#d9f5ec; color:#087865; }.dbx-missing { background:#f0f3f7; color:#73849a; }
.dbx-research-form label { display:flex; flex-wrap:wrap; justify-content:space-between; gap:10px; font-size:11px; font-weight:600; margin-bottom:10px; }.dbx-research-form label small { font-size:9px; font-weight:400; color:#7c8ba0; }.dbx-research-form textarea { width:100%; display:block; border:1px solid #e2e9f3; border-radius:6px; padding:12px; font:inherit; font-size:11px; line-height:1.8; color:#344054; resize:vertical; min-height:75px; background:white; }
.dbx-research-targets { display:flex; align-items:end; gap:12px; margin-top:22px; }.dbx-research-targets>div { flex:1; min-width:0; }.dbx-research-targets span { display:block; color:#718198; font-size:10px; margin-bottom:8px; }.dbx-research-targets strong { display:block; border:1px solid #e2e9f3; border-radius:6px; padding:10px 12px; font-size:10px; color:#718198; font-weight:400; }
.dbx-preview-action { padding:10px 14px; border:1px solid #dce4ee; border-radius:6px; background:#fff; color:#17283b; font:inherit; font-size:10px; cursor:pointer; min-height:36px; }.dbx-preview-action:hover { background:#f1f5fa; }
.dbx-favorite { border:0; background:transparent; padding:5px; color:#a1adbd; vertical-align:middle; cursor:pointer; }.dbx-favorite svg { display:block; width:15px; height:15px; }.dbx-favorite[aria-pressed="true"] { color:#de9100; }.dbx-favorite[aria-pressed="true"] svg { fill:#fff0b3; }
.dbx-preview-empty { padding:18px; text-align:center; color:#718198; font-size:10px; }
.dbx-settings-stage { display:grid; grid-template-columns:minmax(150px,1fr) minmax(0,2.4fr); min-height:700px; position:relative; }
.dbx-settings-backdrop { opacity:.55; padding:28px 18px; min-width:0; }.dbx-settings-backdrop .dbx-portfolio-card { padding-bottom:18px; margin-bottom:30px; }.dbx-settings-backdrop-row { display:flex; align-items:center; gap:10px; padding:20px 12px; background:#fff; border:1px solid #e2e9f3; border-radius:8px; margin-top:12px; font-size:10px; overflow-wrap:anywhere; }.dbx-settings-backdrop-row img { object-fit:contain; }
.dbx-settings-drawer { background:#fff; box-shadow:-8px 0 25px #17283b05; border-left:1px solid #e6ebf3; min-width:0; }
.dbx-settings-title { display:flex; align-items:center; justify-content:space-between; padding:20px; font-size:17px; }.dbx-settings-close { border:0; background:transparent; color:#718198; width:30px; height:30px; padding:6px; cursor:pointer; }.dbx-settings-close svg { display:block; width:100%; height:100%; }
.dbx-settings-tabs { display:flex; flex-wrap:wrap; gap:4px; padding:12px 14px 0; background:#f8f9fe; border-block:1px solid #e6ebf3; }.dbx-setting-tab { border:1px solid transparent; border-bottom:0; border-radius:5px 5px 0 0; background:transparent; padding:10px; font:inherit; font-size:10px; color:#718198; cursor:pointer; }.dbx-setting-tab[aria-selected="true"] { background:white; border-color:#e6ebf3; color:#17283b; }
.dbx-settings-body { padding:24px; }.dbx-settings-identity { display:flex; justify-content:space-between; align-items:start; gap:16px; font-size:10px; line-height:1.8; margin-bottom:24px; }.dbx-settings-identity p { color:#718198; font-size:9px; }.dbx-settings-identity>div:last-child { text-align:right; }.dbx-settings-identity small { font-size:8px; color:#718198; display:block; }.dbx-settings-identity strong { display:block; font-size:10px; font-weight:600; }
.dbx-settings-section-title { font-size:10px; font-weight:600; text-transform:uppercase; color:#718198; letter-spacing:.03em; border-top:1px solid #edf1f6; padding-top:22px; margin:22px 0 18px; }
.dbx-settings-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px 14px; }.dbx-settings-grid .dbx-field label { font-size:10px; }.dbx-settings-grid .dbx-field input,.dbx-settings-grid .dbx-field textarea { font-size:10px; min-height:36px; background:white; padding:9px; }.dbx-settings-grid .dbx-field textarea { min-height:70px; }
.dbx-settings-account { background:#f8fafc; border:1px solid #e6ebf3; padding:13px; border-radius:6px; display:flex; justify-content:space-between; gap:12px; color:#718198; font-size:9px; }.dbx-settings-account strong { display:block; color:#344054; font-size:10px; margin-top:5px; font-weight:500; }.dbx-settings-save { width:100%; margin-top:20px; color:white; background:#111827; border-color:#111827; }.dbx-settings-save:hover { background:#243147; }
.dbx-settings-list>div { display:flex; flex-wrap:wrap; justify-content:space-between; gap:14px; font-size:11px; padding:18px 0; border-bottom:1px solid #edf1f6; color:#718198; }.dbx-settings-list strong { color:#344054; font-weight:500; }
.dbx-integration-preview { border:1px solid #e6ebf3; border-radius:8px; padding:18px; margin-bottom:16px; font-size:12px; }.dbx-integration-preview p { color:#718198; font-size:10px; line-height:1.7; margin:8px 0 12px; }
@media(max-width:1000px) { .dbx-llm-cards { grid-template-columns:repeat(2,minmax(0,1fr)); }.dbx-detail-screen { grid-template-columns:125px minmax(0,1fr); gap:14px; }.dbx-side-domain { font-size:8px; gap:5px; padding:10px 4px; }.dbx-side-brand { margin-left:2px; }.dbx-heat-months { gap:10px; }.dbx-heat-month>div:first-child { flex-wrap:wrap; }.dbx-heat-grid { gap:3px; }.dbx-heat-day { font-size:8px; }.dbx-heat-weekday { font-size:7px; } }
@media(max-width:800px) { .dbx-detail-screen { grid-template-columns:minmax(0,1fr); }.dbx-screen-sidebar { display:none; }.dbx-portfolio-app.is-detail-preview .dbx-portfolio-content { padding:24px 16px; }.dbx-settings-stage { grid-template-columns:minmax(0,1fr); }.dbx-settings-backdrop { display:none; }.dbx-settings-drawer { border-left:0; }.dbx-settings-stage { min-height:600px; } }
@media(max-width:600px) { .dbx-screen-heading { flex-wrap:wrap; }.dbx-screen-title { font-size:17px; }.dbx-screen-subnav { gap:12px; font-size:9px; }.dbx-chart-heading { flex-wrap:wrap; }.dbx-heat-months { grid-template-columns:minmax(0,1fr); gap:24px; }.dbx-heat-day { max-height:28px; aspect-ratio:auto; min-height:24px; font-size:10px; }.dbx-heat-weekday { font-size:9px; }.dbx-heat-legend { flex-wrap:wrap; }.dbx-heat-heading { flex-wrap:wrap; }.dbx-preview-toolbar { align-items:start; }.dbx-preview-toolbar>input { width:100%; margin-left:0; }.dbx-screen-card { padding:14px; }.dbx-research-targets { flex-wrap:wrap; }.dbx-research-targets>div { min-width:40%; }.dbx-research-targets button { width:100%; }.dbx-settings-body { padding:20px 14px; }.dbx-settings-grid { grid-template-columns:minmax(0,1fr); }.dbx-settings-identity { flex-wrap:wrap; }.dbx-settings-identity>div:last-child { text-align:left; }.dbx-settings-tabs { gap:0; padding:8px 6px 0; }.dbx-setting-tab { padding:10px 7px; font-size:9px; }.dbx-settings-account { flex-wrap:wrap; }.dbx-portfolio-app.is-detail-preview .dbx-portfolio-content { padding:20px 12px; } }

.dbx-screen-subnav button { border:0; background:transparent; font:inherit; color:inherit; padding:0; cursor:pointer; }.dbx-screen-subnav button:hover { color:#17283b; }.dbx-llm-chart .is-filtered { display:none; }