#visibility-page{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column}#visibility-page[hidden]{display:none}.in-visibility main>header,.in-visibility main>.surface-nav,.in-visibility main>.workspace,.in-visibility main>#notice{display:none}.visibility-header{display:flex;align-items:center;justify-content:space-between;padding:6px 0 20px;gap:20px}.visibility-header h1{font-size:28px;margin:5px 0;white-space:normal}.visibility-header p{margin:0;color:var(--muted);font-size:13px}.visibility-header>div:last-child{display:flex;gap:10px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:1.5px;color:var(--muted)}.visibility-tabs{display:flex;gap:28px;border-bottom:1px solid var(--line);padding:0;margin-bottom:24px}.visibility-tabs button{padding:10px 0 13px;border:0;border-bottom:2px solid transparent;border-radius:0;background:none;color:var(--muted);font-weight:500;font-size:13px}.visibility-tabs button.selected{color:var(--brand);border-bottom-color:var(--brand)}.visibility-body{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px;flex:1;min-height:0}.visibility-dashboard{min-width:0;padding:0 2px 32px}.visibility-companion{border:1px solid var(--line);background:var(--surface);border-radius:18px;display:flex;flex-direction:column;overflow:hidden;position:sticky;top:0;max-height:calc(100dvh - 210px);min-height:460px}#visibility-chat-messages{flex:1;overflow:auto;padding:18px;font-size:13px;line-height:1.65}#visibility-chat-form{position:relative;border:1px solid var(--line);margin:12px;padding:12px;border-radius:14px;background:#fff}#visibility-chat-form textarea{font-size:13px;min-height:64px;padding-right:32px;width:100%;resize:none;border:0}#visibility-chat-form button{position:absolute;right:10px;bottom:10px;border-radius:50%;height:29px;width:29px;padding:0;font-size:19px}.companion-message{margin:0 0 22px;display:flex;gap:9px}.companion-message img{width:18px;height:18px;margin-top:5px}.companion-message.user{background:var(--surface-sage);padding:10px 13px;border-radius:14px;margin-left:30px}.companion-message p{margin:0 0 9px}.companion-message ul{padding-left:20px}.companion-message a{color:var(--brand)}.companion-working{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.visibility-welcome{padding:42px 30px;background:linear-gradient(135deg,#edf8e3,#fff 70%);border:1px solid var(--line);border-radius:20px}.welcome-orbit{display:block;font-size:42px;color:var(--brand);margin-bottom:24px}.visibility-welcome h2{font-size:30px;line-height:1.2;margin:0 0 15px}.visibility-welcome>p{max-width:550px;font-size:16px;color:var(--muted)}.visibility-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:35px 0}.visibility-benefits strong{font-size:13px}.visibility-benefits p{font-size:12px;color:var(--muted)}.visibility-welcome>small{display:block;margin-top:14px;color:var(--muted);font-size:11px}.visibility-brief{background:linear-gradient(120deg,#ecf6df,#f8fbf6);border:1px solid #dfead5;border-radius:18px;padding:27px}.visibility-brief h2{font-size:23px;line-height:1.35;margin:12px 0}.visibility-brief>p{font-size:13px;color:var(--muted);max-width:620px}.next-actions{display:flex;gap:10px;margin-top:20px}.next-actions button{font-size:12px}.visibility-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0}.visibility-kpis article,.dashboard-card{border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:22px}.visibility-kpis article>span{font-size:12px;color:var(--muted)}.visibility-kpis strong{display:block;font-size:33px;line-height:1.2;margin:12px 0;color:var(--brand)}.visibility-kpis strong small{font-size:18px;color:var(--muted);font-weight:400}.visibility-kpis p{font-size:11px;color:var(--muted);margin-bottom:0}.dashboard-card{margin-bottom:18px}.dashboard-card h3{margin:0 0 10px;font-size:16px}.dashboard-card p{font-size:13px}.visibility-trend{height:180px;display:flex;align-items:flex-end;gap:24px;margin:36px 0 0;border-bottom:1px solid var(--line);padding:0 16px 24px}.trend-column{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;position:relative}.trend-bar{background:#b6e767;border-radius:8px 8px 0 0;width:min(100%,72px);height:var(--trend-height,3%);position:relative;min-height:5px}.trend-bar span{position:absolute;top:-25px;left:0;right:0;text-align:center;font-size:12px;color:var(--brand);font-weight:600}.trend-column>small{position:absolute;bottom:-22px;font-size:10px;color:var(--muted);white-space:nowrap}.dashboard-footer{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);gap:15px}.dashboard-footer button{font-size:11px}.section-intro h2{font-size:23px;margin:0 0 10px}.section-intro p{font-size:13px;color:var(--muted);max-width:600px;margin-bottom:26px}.evidence-selector{display:flex;align-items:center;gap:12px;font-size:12px;margin:0 0 20px}.question-list{display:grid;gap:12px}.question-row{display:block;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px;text-align:left;font-weight:400;color:var(--text);width:100%}.question-row:hover{border-color:var(--brand-soft);background:var(--surface-sage)}.question-purpose{display:inline-block;font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin-bottom:7px}.question-row strong{display:block;font-size:14px}.question-row p{font-size:12px;color:var(--muted);margin:10px 0}.question-signals{font-size:11px;color:var(--brand)}.question-open{display:block;font-size:11px;margin-top:12px;color:var(--brand)}.evidence-pagination{display:flex;gap:20px;align-items:center;justify-content:center;margin-top:20px;font-size:12px}.history-list{margin-bottom:30px}.history-row{display:flex;align-items:center;gap:24px;padding:18px 0;border-bottom:1px solid var(--line)}.history-row>div{flex:1}.history-row p{font-size:12px;color:var(--muted);margin:6px 0}.history-row small{font-size:10px;color:var(--muted)}.history-row>strong{color:var(--brand);font-size:22px}.report-list{display:grid;gap:10px}.report-card{display:flex;align-items:center;gap:15px;text-decoration:none;color:var(--brand);padding:17px;background:var(--surface);border:1px solid var(--line);border-radius:12px}.report-card>div{flex:1}.report-card strong{font-size:13px}.report-card small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.ga4-card{display:flex;gap:20px}.ga4-mark{font-size:35px;color:#e7a62b}.ga4-card button{font-size:12px;margin:4px 5px 4px 0}.ga4-card>div{flex:1}.visibility-progress{display:flex;align-items:center;gap:16px;background:var(--surface-sage);border:1px solid var(--line);padding:16px 20px;border-radius:14px;margin-bottom:22px}.visibility-progress>div{flex:1}.visibility-progress strong{font-size:13px}.visibility-progress p{margin:4px 0 0;font-size:11px;color:var(--muted)}.visibility-progress button{font-size:12px}.visibility-progress.failed{background:#fff6e5}.visibility-action{background:#d0f68a;color:#193522}.answer-sources{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.answer-sources a{font-size:11px;padding:7px 10px;background:var(--surface-sage);border-radius:8px;color:var(--brand);text-decoration:none}#visibility-start-form{display:grid;gap:16px}#visibility-start-form label{display:grid;gap:10px;font-size:13px}#visibility-questions{border:1px solid var(--line);border-radius:12px;padding:15px;font-size:14px;width:100%;min-height:190px;resize:vertical}#visibility-start-error{color:#a54225}#visibility-evidence-dialog pre{font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere}.dashboard-card pre{font-size:10px;max-height:350px;overflow:auto}.visibility-companion .pulse,.visibility-progress .pulse{display:inline-block;width:7px;height:7px;background:var(--brand);border-radius:50%;animation:statusPulse 1.7s infinite}
@media(min-width:1500px){.visibility-body{grid-template-columns:minmax(0,1fr) 350px}}@media(max-width:1150px){.visibility-body{grid-template-columns:minmax(0,1fr) 290px;gap:16px}.visibility-kpis{gap:8px}.visibility-kpis article{padding:16px}.visibility-kpis strong{font-size:28px}.visibility-header h1{font-size:24px}}@media(max-width:900px){.visibility-body{grid-template-columns:1fr}.visibility-companion{position:static;max-height:500px;min-height:340px}.visibility-header{align-items:flex-start}.visibility-header>div:last-child{flex-direction:column}.visibility-tabs{gap:18px;overflow:auto;white-space:nowrap}.visibility-tabs button{font-size:12px}.visibility-benefits{grid-template-columns:1fr;gap:12px}.visibility-welcome{padding:24px}.visibility-kpis strong{font-size:24px}.visibility-brief{padding:20px}}@media(max-width:550px){.visibility-kpis{grid-template-columns:1fr}.visibility-kpis article{display:grid;grid-template-columns:1fr auto;align-items:center}.visibility-kpis strong{grid-column:2;grid-row:1/3;margin:0}.visibility-kpis p{margin:4px 0}.visibility-header h1{font-size:22px}.history-row{gap:12px}.history-row button{font-size:11px}.next-actions{flex-wrap:wrap}.visibility-trend{gap:12px}.dashboard-footer{flex-direction:column}.visibility-header p{max-width:180px;overflow-wrap:anywhere}}
.report-card{text-align:left;background:#fff;width:100%;font-weight:400}.report-preview{border:1px solid var(--line);border-radius:12px;width:100%;height:65dvh;margin-top:20px}.history-row details{margin-top:8px;font-size:11px}.companion-answer-meta{display:flex;gap:9px;align-items:center;font-size:11px;margin-bottom:8px}.companion-answer-meta small{color:var(--muted);font-size:10px}.companion-message>div{min-width:0;overflow-wrap:anywhere;flex:1}.companion-message .quiet{font-size:10px;padding:0;color:var(--muted)}.companion-error{color:#a54225;font-size:12px}.evidence-selector select{min-width:0;max-width:100%;font-size:12px}.visibility-progress p{overflow-wrap:anywhere}
.report-page-image{width:100%;height:auto;border:1px solid var(--line);border-radius:12px;margin-top:18px}.report-page-tabs{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:20px}.report-page-tabs button{font-size:12px}.report-page-tabs span{font-size:11px}

.earlier-method .trend-bar{background:var(--surface);border:2px dashed #82a45b}.history-coverage{color:var(--brand);font-weight:500}#visibility-nav-toggle{display:none}.visibility-header>div:nth-child(2){flex:1}@media(max-width:700px){#visibility-nav-toggle{display:block;align-self:flex-start}.visibility-header{gap:10px}.visibility-header>div:last-child{gap:6px}.visibility-header>div:last-child button{font-size:11px;padding:7px 8px}}

.nav-open #visibility-nav-toggle{position:fixed;left:266px;top:15px;background:var(--surface);z-index:7}
