/* Cannibalization Explorer: scoped, evidence-led marketing workspace. */
.cc-shell{margin:1.5rem 0 2rem;display:grid;gap:1.25rem;color:var(--ra-text,#f4f2f8)}
.cc-onboarding,.cc-workspace{border:1px solid var(--ra-border,#30313c);background:var(--ra-surface,#13151b);border-radius:9px;padding:clamp(1.25rem,3vw,2.5rem)}
.cc-intro{max-width:740px;margin-bottom:1.6rem}
.cc-intro h1{font:600 clamp(2rem,4.1vw,3.15rem)/1.1 "Chakra Petch",sans-serif;letter-spacing:-.025em;margin:0 0 .75rem;color:#f4f2f8}
.cc-intro-actions{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center;margin:1.1rem 0 0}
.cc-intro h2{font-family:"Chakra Petch",sans-serif;font-size:clamp(1.7rem,3.2vw,2.45rem);line-height:1.14;margin:0 0 .65rem}
.cc-intro p,.cc-copy{color:var(--ra-muted,#b3b0bf);line-height:1.55;font-size:.93rem}
.cc-eyebrow{color:var(--ra-lavender,#bfa1ff);font:500 .72rem/1.4 "IBM Plex Mono",monospace;letter-spacing:.06em;margin-bottom:.65rem}
.cc-tabs{display:flex;gap:.4rem;flex-wrap:wrap;border-bottom:1px solid var(--ra-border,#30313c);margin-bottom:1.3rem}
.cc-tabs button{appearance:none;border:0;background:transparent;color:var(--ra-muted,#b3b0bf);padding:.9rem 1rem;font:600 .89rem "IBM Plex Sans",sans-serif;border-bottom:2px solid transparent;cursor:pointer}
.cc-tabs button[aria-selected=true]{color:var(--ra-text,#fff);border-bottom-color:var(--ra-lavender,#bfa1ff)}
.cc-tabs button:hover{color:#f4f2f8}
.cc-panel{display:grid;gap:1rem;grid-template-columns:minmax(0,1.25fr) minmax(270px,.85fr);align-items:center}
.cc-panel[hidden],.cc-workspace[hidden],.cc-detail[hidden],.cc-empty[hidden]{display:none!important}
.cc-explain h3{font-family:"Chakra Petch";font-size:1.45rem;margin:0 0 .5rem}
.cc-explain p{color:var(--ra-muted,#b3b0bf);line-height:1.55}
.cc-benefits{display:flex;gap:1rem;flex-wrap:wrap;color:var(--ra-muted,#b3b0bf);font-size:.81rem}
.cc-benefits span:before{content:"✓";color:var(--ra-lavender,#bfa1ff);margin-right:.3rem}
.cc-preview{background:var(--ra-raised,#191b23);border:1px solid var(--ra-border,#30313c);padding:1.2rem;border-radius:6px}
.cc-preview-label{display:block;font:.72rem "IBM Plex Mono",monospace;color:var(--ra-muted,#b3b0bf);margin-bottom:1rem}
.cc-preview-urls{display:grid;gap:.55rem;font-family:"IBM Plex Mono",monospace;font-size:.77rem;overflow-wrap:anywhere}
.cc-preview-urls div{padding:.65rem;border-left:2px solid var(--ra-lavender,#bfa1ff);background:#20212a}
.cc-preview-urls div+div{border-left-color:var(--ra-peach,#efbf9b)}
.cc-preview-line{height:3px;background:linear-gradient(90deg,#bfa1ff 0%,#efbf9b 55%,#30313c 55%);border-radius:4px;margin:1rem 0 .75rem}
.cc-preview small{color:var(--ra-muted,#b3b0bf)}
.cc-control-line{display:flex;flex-wrap:wrap;gap:.65rem;align-items:end}
.cc-control-line label{display:grid;gap:.35rem;flex:1;min-width:210px;color:var(--ra-muted,#b3b0bf);font-size:.82rem}
.cc-control-line select,.cc-controls select,.cc-toolbar select,.cc-toolbar input{background:#101119;border:1px solid #3c3b49;border-radius:5px;color:#f4f2f8;padding:.78rem .85rem;font:inherit;min-width:0}
.cc-control-line select{width:100%}
.cc-privacy{color:var(--ra-muted,#b3b0bf);font-size:.77rem;line-height:1.55}
.cc-import{position:relative;display:inline-flex;align-items:center;gap:.45rem;padding:.7rem .9rem;border:1px solid #606070;border-radius:4px;cursor:pointer;font-weight:600}
.cc-import input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.cc-import:focus-within{outline:2px solid var(--ra-lavender,#bfa1ff);outline-offset:2px}
.cc-status{min-height:1.3em;font-size:.83rem;color:var(--ra-muted,#b3b0bf);margin-top:.5rem}
.cc-status[data-kind=error],.cc-error{color:#f5a8a8}
.cc-status[data-kind=success]{color:#b5dbc0}
.cc-status:empty{display:none}
.cc-workspace{scroll-margin-top:2rem}
.cc-workspace-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap}
.cc-workspace-header h2{font-family:"Chakra Petch";font-size:clamp(1.55rem,2.7vw,2rem);margin:.15rem 0 .35rem}
.cc-source{color:var(--ra-lavender,#bfa1ff);font:500 .74rem "IBM Plex Mono",monospace}
.cc-scope{font-size:.82rem;color:var(--ra-muted,#b3b0bf);overflow-wrap:anywhere}
.cc-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:1.6rem 0 1rem}
.cc-metric{background:#1b1d27;border:1px solid #343643;border-radius:6px;padding:1rem;min-width:0}
.cc-metric strong{display:block;font:600 clamp(1.55rem,2.5vw,2.1rem)/1.15 "Chakra Petch",sans-serif}
.cc-metric span{display:block;color:var(--ra-muted,#b3b0bf);font-size:.78rem;margin-top:.3rem}
.cc-coverage{padding:.8rem 1rem;border-left:2px solid #9eb9ef;background:#1b1e29;color:#b8c3d8;font-size:.84rem;line-height:1.6}
.cc-toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.7rem;align-items:center;margin:1.5rem 0 .8rem}
.cc-toolbar h3{font:600 1.25rem "Chakra Petch";margin:0}
.cc-toolbar-inner{display:flex;gap:.6rem;flex-wrap:wrap}
.cc-toolbar input{min-width:200px;max-width:100%;width:230px}
.cc-toolbar select{font-size:.83rem}
.cc-count-subtle{font-size:.8rem;color:var(--ra-muted,#b3b0bf);margin-bottom:.8rem}
.cc-rows{display:grid;gap:.55rem}
.cc-pair{width:100%;text-align:left;display:flex;justify-content:space-between;align-items:center;gap:1rem;min-width:0;background:#1a1c25;border:1px solid #383945;border-radius:5px;padding:1.05rem 1.15rem;cursor:pointer;color:#f4f2f8;transition:border-color .15s,background .15s}
.cc-pair:hover,.cc-pair-active{background:#252432;border-color:#bfa1ff}
.cc-pair-main{min-width:0;display:grid;gap:.35rem}
.cc-pair-main strong{font-size:.91rem;line-height:1.4;overflow-wrap:anywhere}
.cc-pair-main small{color:#aba9b7;line-height:1.4;font-size:.75rem;overflow-wrap:anywhere}
.cc-pair-metrics{display:flex;align-items:center;justify-content:flex-end;gap:.85rem;white-space:nowrap;font-size:.78rem}
.cc-signal{font-weight:600;border:1px solid #606070;padding:.28rem .48rem;border-radius:4px}
.cc-review{color:#efbf9b;border-color:#ad8971}.cc-muted{color:#b1afbe}
.cc-detail{margin-top:1.5rem;background:#191b23;border:1px solid #444353;border-radius:6px;padding:clamp(1rem,2.6vw,1.6rem);scroll-margin-top:1.2rem}
.cc-detail h3{font:600 1.45rem "Chakra Petch";margin:.1rem 0}
.cc-page-links{display:grid;gap:.4rem;margin:1rem 0}
.cc-page-links a{color:#cab0ff;font:.79rem "IBM Plex Mono",monospace;overflow-wrap:anywhere;text-decoration:underline}
.cc-controls{display:flex;align-items:end;gap:.8rem;flex-wrap:wrap;margin:1.1rem 0}
.cc-controls label{display:grid;gap:.35rem;flex:1;min-width:200px;font-size:.82rem;color:#b3b0bf}
.cc-history{margin:1.2rem 0 1.6rem;padding:1.1rem;background:#13151b;border:1px solid #30313c;border-radius:6px}
.cc-history svg{display:block;width:100%;height:auto;max-height:260px;margin:1rem 0}
.cc-history-summary{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}
.cc-history-summary strong{color:#f4f2f8}
.cc-history-summary span,.cc-legend{color:#b3b0bf;font-size:.8rem}
.cc-history .cc-copy{margin:.8rem 0 0}
.cc-triage{margin-top:1rem;border-top:1px solid #383945;padding-top:1rem}
.cc-triage h4,.cc-plan h4,.cc-monitor h4{font:600 1.1rem "Chakra Petch";margin:.4rem 0}
.cc-choices,.cc-plan-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin:.9rem 0}
.cc-choice{background:#20222c;color:#f4f2f8;border:1px solid #555362;border-radius:5px;cursor:pointer;padding:.75rem .95rem}
.cc-choice[aria-pressed=true]{border-color:#bfa1ff;background:#302940}
.cc-plan{margin-top:1rem}.cc-plan:empty{display:none}
.cc-monitor{padding:1rem;background:#252330;border-left:2px solid #bfa1ff;margin-top:1.1rem}
.cc-text-button{border:0;background:none;color:#cab0ff;text-decoration:underline;padding:.25rem 0;cursor:pointer}
.cc-help{margin-top:2rem;border-top:1px solid #30313c;padding-top:1.7rem}
.cc-help h3{font:600 1.35rem "Chakra Petch";margin:0 0 .7rem}
.cc-help p{color:#b3b0bf;line-height:1.65}
.cc-help dl{display:grid;gap:1rem}
.cc-help dt{font-weight:600;margin-bottom:.25rem}
.cc-help dd{margin:0;color:#b3b0bf;line-height:1.6}
.cc-shell :where(button,select,input,a):focus-visible{outline:2px solid #d2bdff;outline-offset:3px}
@media(max-width:950px){.cc-pair{align-items:flex-start;flex-direction:column}.cc-pair-metrics{flex-wrap:wrap;justify-content:flex-start}}
@media(max-width:720px){.cc-panel{grid-template-columns:1fr}.cc-metrics{grid-template-columns:1fr 1fr}.cc-toolbar-inner{width:100%}.cc-toolbar input{flex:1;min-width:150px}.cc-onboarding,.cc-workspace{padding:1.1rem}.cc-preview{order:-1}}
@media(max-width:420px){.cc-metrics{grid-template-columns:1fr}.cc-control-line{display:grid}.cc-controls{display:grid}.cc-tabs button{flex:1}}
@media(prefers-reduced-motion:reduce){.cc-pair{transition:none}html:has(.cc-shell){scroll-behavior:auto}}

/* Authenticated onboarding recovery: no empty property picker, no dead end. */
.cc-recovery{margin-top:1rem;padding:1.1rem;border:1px solid var(--ra-border,#30313c);border-left:3px solid var(--ra-lavender,#bfa1ff);border-radius:6px;background:var(--ra-raised,#191b23)}
.cc-recovery[hidden],.cc-recovery-actions [hidden]{display:none!important}
.cc-recovery h4{font:600 1.13rem/1.3 "Chakra Petch",sans-serif;color:var(--ra-text,#f4f2f8);margin:0 0 .45rem}
.cc-recovery p{font:.9rem/1.55 "IBM Plex Sans",sans-serif;color:var(--ra-muted,#b3b0bf);margin:.35rem 0 1rem;max-width:58ch}
.cc-recovery-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.8rem}
.cc-recovery-actions a:not(.btn){font-size:.83rem;color:var(--ra-lavender,#bfa1ff);text-underline-offset:3px}
.cc-control-line select:disabled{opacity:.75;cursor:wait}
.cc-control-line select:enabled{cursor:pointer}
.cc-controls .btn:disabled,.cc-control-line .btn:disabled{cursor:not-allowed;opacity:.58}
@media(max-width:420px){.cc-recovery-actions{display:grid;grid-template-columns:1fr}.cc-recovery-actions .btn{text-align:center}}