/* The same readable, calm interaction standards apply to chat and retained work. */
:root{--muted:#607267}
button,input,textarea,select{accent-color:var(--brand)}
button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--brand);outline-offset:3px}
#visibility-page .visibility-story-head p,#visibility-page .dashboard-card>p,#visibility-page .story-block-explanation,#visibility-page .story-next-step p{font-size:14px!important;line-height:1.7}
#visibility-page .snapshot-examples strong,#visibility-page .question-row strong{font-size:14px;line-height:1.55}
#visibility-page .snapshot-examples p,#visibility-page .question-row p,#visibility-page .work-timeline p{font-size:13px;line-height:1.65}
#visibility-page .metric-definition,#visibility-page .evidence-observed,#visibility-page .seed-status,#visibility-page .work-timeline strong{font-size:12px}
#visibility-page .report-card strong,#visibility-page .overview-report strong{font-size:13px}
#visibility-page .visibility-kpis article>span{font-size:12px;line-height:1.5}
#visibility-page .visibility-kpis p{font-size:11px;line-height:1.5}
#visibility-page .report-card small,#visibility-page .question-row>div:first-child>span,#visibility-page .question-badges span{font-size:11px}
#visibility-page .evidence-filters input,#visibility-page .evidence-filters select,#visibility-page .visibility-toolbar select{font-size:12px;min-height:38px}
#visibility-page .question-row{transition:background .12s,border-color .12s}
#visibility-page .question-badges{gap:7px}
#visibility-page .visibility-companion{min-height:420px}
#visibility-chat-messages{font-size:14px;line-height:1.7;scrollbar-width:thin;overscroll-behavior:contain}
.companion-message{margin-bottom:25px}
.companion-message>img{width:22px;height:22px;margin-top:1px}
.companion-answer-meta{gap:8px;flex-wrap:wrap;min-height:22px;margin-bottom:9px}
.companion-answer-meta strong{font-size:12px}
.companion-answer-meta small{display:inline-flex;gap:6px;align-items:center;font-size:11px;font-variant-numeric:tabular-nums;min-height:18px}
.companion-answer-meta small>i{width:8px;flex:none;font-style:normal}
.completion-mark{color:var(--brand)}
.approval-pause{width:8px;height:8px;border-radius:50%;background:#a97928}
.companion-guidance{display:block;font-size:11px;color:var(--muted);margin-bottom:5px}
.companion-guidance.failed{color:#9a3929}
.companion-sources{margin:12px 0 6px;font-size:12px}
.companion-sources summary{cursor:pointer;color:var(--brand);padding:5px 0}
.companion-sources>div{display:grid;gap:7px;margin-top:6px}
.companion-sources a{display:block;border:1px solid var(--line);border-radius:9px;padding:8px 10px;text-decoration:none;font-size:12px;line-height:1.5}
.companion-sources small{display:block;font-size:11px;color:var(--muted);margin-top:3px}
.companion-message .companion-message-actions button{font-size:11px;min-height:32px;padding:5px 6px}
.companion-message-actions{margin-top:6px;margin-left:-6px}
#visibility-chat-form{margin:10px 12px 4px;padding:10px;transition:box-shadow .15s,border-color .15s}
#visibility-chat-form:focus-within{border-color:#86a991;box-shadow:0 0 0 2px #537b5b12}
#visibility-chat-form textarea{font-size:14px;line-height:1.6;min-height:78px;padding:0 4px 40px;outline:0}
#visibility-chat-form button{width:36px;height:36px;bottom:8px;right:8px}
#visibility-chat-form #visibility-chat-attach{left:8px;bottom:8px;color:var(--brand)}
#visibility-chat-form #visibility-chat-attachments button{min-width:28px;min-height:28px}
#visibility-chat-attachments>span{font-size:12px;margin-bottom:8px;padding:3px 6px}
#visibility-chat-hint{font-size:10px;color:var(--muted);margin:3px 14px 11px;line-height:1.5}
#visibility-chat-notice{font-size:12px;color:var(--muted);line-height:1.5;margin:10px 15px 0;overflow-wrap:anywhere;flex:none}
#visibility-chat-notice:empty{display:none}
#visibility-chat-notice[data-kind=error]{color:#9a3929}
#visibility-chat-notice[data-kind=connection]{color:#795a1d}
.companion-controls{display:flex;gap:8px;flex-wrap:wrap;padding:0 12px;flex:none}
.companion-controls:has(button:not([hidden])){padding-top:10px}
.companion-controls button{font-size:11px;min-height:32px;padding:6px 10px}
.companion-controls button[hidden]{display:none}
.companion-approval{margin:10px 12px 0;padding:12px;border:1px solid #e4d5ac;border-radius:11px;background:#fff9eb;font-size:12px;line-height:1.55;overflow-wrap:anywhere}
.companion-approval p{margin:6px 0;color:#745a2d}
.companion-approval button{font-size:12px;min-height:36px;padding:7px 12px;margin-right:7px}
#visibility-chat-approvals{max-height:230px;overflow:auto;flex:none}
#visibility-answer .markdown{font-size:15px;line-height:1.75}
#visibility-answer .answer-sources a{font-size:12px;min-height:36px;display:inline-flex;align-items:center}
#visibility-evidence-dialog .dialog-top button,#visibility-start-dialog .dialog-top button{min-height:40px}
dialog .dialog-top{position:sticky;top:-1px;z-index:3;background:var(--surface);padding:8px 0;border-bottom:1px solid var(--line);margin-bottom:15px}
.report-markdown{max-height:65dvh;overflow:auto;padding:0 12px 0 0;overscroll-behavior:contain;scrollbar-width:thin}
#visibility-page .companion-welcome p{font-size:14px;line-height:1.7}
#visibility-page .companion-welcome button{font-size:12px;min-height:40px}
.scope-transition{position:fixed;inset:0;z-index:30;background:#f8faf5e8;display:flex;align-items:center;justify-content:center;gap:10px;font-size:15px;color:var(--brand);backdrop-filter:blur(3px)}
.scope-transition .pulse{width:8px;height:8px;background:var(--brand);border-radius:50%;animation:statusPulse 1.7s infinite}
@media(max-width:900px){.visibility-discussing .visibility-companion{min-height:0;max-height:none;top:70px;bottom:18px}.visibility-discussing #visibility-page{overflow:hidden}.visibility-discussing .visibility-dashboard{pointer-events:none;filter:brightness(.93)}.visibility-discussing .visibility-companion{filter:none}}
@media(max-width:700px){
 #visibility-page .visibility-header{min-height:44px;align-items:center;gap:5px}
 #visibility-page .visibility-header h1{font-size:17px}
 #visibility-page .visibility-header #visibility-nav-toggle{min-width:36px;min-height:44px}
 #visibility-page .visibility-header select{max-width:105px;min-height:36px;font-size:12px}
 #visibility-page .visibility-header-actions button{font-size:11px;min-height:36px;padding:6px 8px}
 #visibility-page .visibility-tabs{gap:20px;min-height:44px;scrollbar-width:none}
 #visibility-page .visibility-tabs button{min-height:44px;font-size:12px;padding:9px 0}
 #visibility-page .visibility-tabs #visibility-chat-toggle{position:sticky;right:0;background:var(--surface);padding:9px 8px;border-left:1px solid var(--line);z-index:2;font-size:12px}
 #visibility-page .visibility-toolbar{align-items:center;gap:7px}
 #visibility-page .visibility-toolbar select{font-size:12px;min-height:40px;max-width:145px}
 #visibility-page .visibility-toolbar button{font-size:11px;min-height:40px}
 #visibility-page .question-row{flex-direction:column;gap:10px}
 #visibility-page .question-badges{flex-direction:row;flex-wrap:wrap;max-width:none;align-items:center}
 #visibility-page .question-badges span{text-align:left;font-size:11px;padding:4px 7px}
 #visibility-page .question-badges small{font-size:11px}
 #visibility-page .evidence-filters input,#visibility-page .evidence-filters select{font-size:13px;min-height:40px}
 #visibility-page .evidence-pagination button,#visibility-page .history-row button{min-height:40px;font-size:12px}
 #visibility-page .visibility-story-head{padding:17px}
 .visibility-discussing .visibility-companion{top:12px;bottom:max(12px,env(safe-area-inset-bottom));right:12px;width:calc(100vw - 24px)}
 #visibility-chat-form textarea{font-size:16px;padding-bottom:46px}
 #visibility-chat-form button{width:42px;height:42px}
 #visibility-chat-hint{font-size:11px}
 #visibility-chat-messages{font-size:15px;padding:16px}
 #visibility-answer .markdown{font-size:15px}
 .answer-comparison>.baseline-detail,.answer-comparison>.seeding-detail{padding:14px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Evening customer polish: compact navigation, clear service and discussion tabs. */
.rail-surface[data-surface="ai_visibility"]:before{content:none!important;display:none!important}.rail-surface[data-surface="ai_visibility"]{border:1px solid #b8df58!important;border-radius:12px;padding:12px 14px;color:#315f4d;background:#f8fbed}.rail-surface[data-surface="ai_visibility"]:hover{background:#eef8d3;border-color:#94c832!important}.project-tab{border:1px solid #d5e3d9!important;border-bottom:2px solid #d5e3d9!important;background:#fbfcfa!important;border-radius:12px 12px 0 0}.project-tab:hover{background:#eff8d8!important;border-color:#b7da68!important}.project-tab.selected{background:#e9f4d6!important;border-color:#abd254!important;border-bottom-color:#386853!important}.project-tab:focus-visible{outline:2px solid #386853;outline-offset:2px}.chart-tooltip{position:fixed;z-index:30;max-width:260px;background:#244c3c;color:#fff;border-radius:9px;padding:10px 12px;font-size:12px;line-height:1.5;pointer-events:none;box-shadow:0 6px 20px #183d3025}.visibility-chart a:focus circle,.visibility-chart a:hover circle{stroke:#b6de59;stroke-width:4}.website-guide .guide-content{font-size:14px;line-height:1.7;max-width:850px;border-top:1px solid var(--line);padding:18px 0;overflow-wrap:anywhere}.website-guide pre{white-space:pre-wrap;font-size:12px;max-height:400px;overflow:auto}.website-guide details{margin:18px 0}.website-guide h2{font-size:22px}.website-guide .guide-purpose{font-size:13px;color:var(--muted)}

.companion-answer-body table,.markdown table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;margin:14px 0;scrollbar-width:thin;scrollbar-color:#b5cbbd transparent}.companion-answer-body table th,.companion-answer-body table td,.markdown table th,.markdown table td{white-space:nowrap;word-break:normal;overflow-wrap:normal;padding:9px 12px;border-bottom:1px solid #e4ebe5;text-align:left}.companion-answer-body table th,.markdown table th{background:#f2f6ef;font-size:12px}.companion-answer-body table td{font-size:13px}.method-note{border-left:3px solid #c3df88;background:#f7faef;padding:9px 11px;color:#526855;font-size:11px;line-height:1.5;margin:10px 0}.chart-tooltip{font-variant-numeric:tabular-nums}.visibility-chart [data-trend-metric]{max-width:180px}#visibility-tabs button:hover{color:#285740;background:#eef6e3}#visibility-tabs button{border-radius:6px 6px 0 0;padding-left:4px;padding-right:4px}

.chart-legend .legend-color-0{background:#326c55}.chart-legend .legend-color-1{background:#83a93b}.chart-legend .legend-color-2{background:#4c86a1}.chart-legend .legend-color-3{background:#a5764c}.chart-legend .legend-color-4{background:#756b9b}.chart-legend .legend-color-5{background:#ad656e}.chart-legend .legend-color-6{background:#478f88}.chart-legend .legend-color-7{background:#937944}.chart-legend .legend-color-8{background:#5b7898}.chart-legend .legend-color-9{background:#795f56}

/* Compact, distinct dashboard and discussion surfaces, with readable data. */
.project-tab,.project-tab.focus-tab{flex-basis:236px;max-width:280px;min-width:0;padding:10px 14px;gap:5px;overflow:hidden}
.project-tab-title,.project-tab-status{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.project-tab-status{display:block;line-height:1.5}
.project-tab.dashboard-tab{background:#f4f9ed!important;border-color:#cfdfb7!important}
.project-tab.dashboard-tab:hover,.project-tab.dashboard-tab.selected{background:#e8f4d0!important;border-color:#95bf46!important}
.project-tab.discussion-tab{background:#f0f6fa!important;border-color:#cfdfeb!important}
.project-tab.discussion-tab:hover,.project-tab.discussion-tab.selected{background:#e0edf5!important;border-color:#79a9bf!important}
.assistant .message-head .answer-timing{width:auto;min-width:0;flex:0 0 auto}
.assistant .message-head{gap:8px}.response-stage{margin-left:0;max-width:320px}.response-stage:before{content:'·';margin-right:8px;color:#9aa99f}
.visibility-story-head p>strong{font-weight:600;color:var(--brand-strong)}
.visibility-story-head p ul{padding-left:18px;margin:12px 0 0}.visibility-story-head p li{margin:5px 0;line-height:1.65}
.visibility-chart svg{margin:12px 0 2px}.visibility-chart svg text{font-size:10px;fill:#728579}.visibility-chart svg line{pointer-events:none}
.picture-summary{font-size:14px;line-height:1.7;color:var(--muted);margin:12px 0;max-width:80ch}.picture-summary p{margin:10px 0}.picture-summary strong{font-weight:600;color:var(--brand-strong)}.picture-summary ul{padding-left:19px;margin:12px 0 0}.picture-summary li{margin:5px 0}.picture-summary li strong{color:var(--brand-strong);font-weight:600}
.story-status{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin-top:12px}.story-status button{padding:3px 7px;font-size:12px}.story-block-explanation p{margin:0 0 8px}.story-block-explanation ul{padding-left:19px}.story-block-explanation strong{color:var(--brand-strong);font-weight:600}
.review-channel-chart{margin:18px 0}.review-traffic-total{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap;margin-bottom:18px}.review-traffic-total>strong{font-size:28px;color:var(--brand-strong)}.review-traffic-total>span{font-size:12px;color:var(--muted)}.review-channel-row{display:grid;grid-template-columns:minmax(105px,1fr) 2fr 55px;gap:12px;align-items:center;margin:12px 0;font-size:13px}.review-channel-row>div{height:8px;border-radius:6px;background:var(--brand-wash,#eef4ef)}.review-channel-row i{display:block;min-width:3px;height:8px;border-radius:6px;background:var(--brand,#426d5c)}.review-channel-row>strong{text-align:right;font-variant-numeric:tabular-nums}.seeded-review-examples{display:grid;gap:8px;margin-top:16px}.seeded-review-examples button{text-align:left;white-space:normal;display:grid;gap:4px;background:rgba(255,255,255,.65)}.seeded-review-examples small{color:var(--muted);font-size:11px}
.legend-color-0{background:#326c55}.legend-color-1{background:#4c86a1}.legend-color-2{background:#a5764c}.legend-color-3{background:#756b9b}.legend-color-4{background:#478f88}.legend-color-5{background:#ad656e}.legend-color-6{background:#83a93b}.legend-color-7{background:#5b7898}.legend-color-8{background:#937944}.legend-color-9{background:#795f56}
.chart-legend{display:flex;flex-wrap:wrap;gap:4px 10px;margin:10px 0}.chart-series{font-size:11px;display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:5px 7px;border-radius:7px;border:1px solid transparent}.chart-series:hover{background:#edf3ee}.chart-series[aria-pressed=true]{border-color:#d7e5dc}.chart-series.muted-series{opacity:.45}.chart-series i{width:7px;height:7px;border-radius:50%;flex-shrink:0}
.competitive-picture>p{margin:5px 0 16px}.competitive-rows{display:grid;gap:6px}.competitive-row{display:grid;grid-template-columns:minmax(130px,1.1fr) minmax(70px,1fr) 78px 140px;gap:16px;align-items:center;text-align:left;background:transparent;color:var(--ink);border:1px solid transparent;border-radius:10px;padding:10px 12px;min-width:0}.competitive-row:hover{background:#f2f6f3;border-color:#dfe9e2}.competitive-row.your-brand{background:#f1f7e5}.competitive-name{font-size:13px;font-weight:600;overflow-wrap:anywhere}.competitive-row small{display:block;font-size:10px;color:var(--muted);font-weight:400;margin-top:4px}.competitive-row strong{text-align:right;font-size:16px}.competitive-row svg{width:100%;height:8px;margin:0}.comparison-track{fill:#e8eeea}.comparison-fill{fill:#85a7b8}.your-brand .comparison-fill{fill:#7daf36}.comparison-position{font-size:13px;text-align:right}.competitive-picture:has(.card-title button) .competitive-row{grid-template-columns:minmax(120px,1.1fr) minmax(60px,1fr) 78px}
.scope-transition{background:#f6faf7;gap:14px;color:#285844;font-size:16px}.scope-transition span{max-width:440px;line-height:1.65}
@media(max-width:700px){.project-tab,.project-tab.focus-tab{flex-basis:calc((100vw - 40px)/2);max-width:calc((100vw - 40px)/2);padding:10px;min-width:140px}.project-tab-status{font-size:10px}.competitive-row{grid-template-columns:minmax(95px,1fr) minmax(40px,.7fr) 60px;gap:8px;padding:10px 5px}.comparison-position{grid-column:1/-1;text-align:left}.competitive-picture:has(.card-title button) .competitive-row{grid-template-columns:minmax(95px,1fr) minmax(40px,.7fr) 60px}.competitive-name{font-size:12px}.response-stage{max-width:130px}.assistant .message-head{gap:6px}.chart-series{font-size:10px}.scope-transition{padding:24px;text-align:center}}

#visibility-page .visibility-header select.single-brand{appearance:none;background-image:none;padding-right:8px;padding-left:8px;pointer-events:none}

.trail-item>summary{display:flex;align-items:baseline;justify-content:space-between;gap:10px;cursor:pointer;list-style:none}.trail-item>summary strong{font-weight:600;line-height:1.5}.trail-item>summary small{white-space:nowrap}.trail-item:not([open])>summary strong{font-weight:400;color:var(--muted)}.trail-item[open]>summary strong{color:var(--brand-strong)}.trail-item>button{margin:6px 0 0}.trail-item>summary::-webkit-details-marker{display:none}

/* Discussion is an optional dock, with the same history when expanded. */
.visibility-body{grid-template-columns:minmax(0,1fr)}
.visibility-companion{display:none}
.visibility-tabs #visibility-chat-toggle{display:block;border:1px solid #c8e79c;background:#f3fae9;padding:7px 12px;border-radius:9px;margin-bottom:5px;white-space:nowrap}
.visibility-tabs #visibility-chat-toggle:hover{background:#d8f3ae;color:#173d32}
.visibility-discussing .visibility-body{grid-template-columns:minmax(0,1fr) 320px;gap:16px}
.visibility-discussing .visibility-companion{display:flex;position:relative;inset:auto;width:auto}
.story-next-action{margin-top:12px!important;font-size:12px!important;color:var(--brand)!important;text-align:left}
.guide-publishing-status{font-size:12px;color:var(--muted);line-height:1.6;margin:18px 0 0}
.slide-previews{display:grid;gap:20px}.slide-previews figure{margin:0}.slide-previews img{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#f5f5f1;border:1px solid var(--line);border-radius:10px}.slide-previews figcaption{font-size:12px;color:var(--muted);margin-top:7px}
.companion-file-card{display:grid;gap:7px;padding:10px;border:1px solid var(--line);border-radius:11px;background:white;margin-top:12px}.companion-file-card>button:first-child:has(img){padding:0;border:0;background:transparent}.companion-file-card img{width:100%;border-radius:7px;display:block}.companion-file-card .quiet{font-size:12px;text-align:left;line-height:1.5}.companion-file-card small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.companion-file-card a{font-size:11px;color:var(--brand)}
.account-actions{display:flex;gap:8px;align-items:center;margin-top:auto;padding:12px 0}.account-actions button{font-size:12px;padding:8px 10px}.account-actions button:hover{background:#e4f3ca;color:#173d32}.sidebar-bottom[data-state=ready]{display:none}.sidebar-bottom:not([data-state=ready]){font-size:11px}
#saved-files-open{font-size:12px;text-align:left;padding:9px 12px;margin:0 0 8px;background:transparent;color:var(--muted);border:1px solid transparent;border-radius:9px}#saved-files-open:hover{background:#f1f7e5;border-color:#cae89c;color:var(--brand)}
.saved-file-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.saved-file-row small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.saved-file-row button{text-align:left;background:transparent;color:var(--text);padding:0;font-weight:500;overflow-wrap:anywhere}.saved-file-row a{font-size:12px;color:var(--brand)}
@media(max-width:1199px){.visibility-discussing .visibility-body{grid-template-columns:minmax(0,1fr)}.visibility-discussing .visibility-companion{position:fixed;right:20px;bottom:20px;top:auto;width:360px;height:min(680px,80dvh);z-index:6;box-shadow:0 14px 60px #173d3226;border:1px solid #c6ddb3}.visibility-discussing .visibility-companion #visibility-chat-messages{flex:1}}
@media(max-width:700px){.visibility-discussing .visibility-companion{width:calc(100vw - 24px);right:12px;bottom:12px;height:calc(100dvh - 95px)}.visibility-tabs #visibility-chat-toggle{font-size:11px}.saved-file-row{grid-template-columns:minmax(0,1fr)}.account-actions{padding-left:8px}}
