.cc-controls{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 13px;justify-content:flex-end}.cc-controls>div{display:flex;padding:3px;border:1px solid #e6ebf6;background:#f2f5fb;border-radius:11px}.cc-controls button{border:0;background:transparent;color:#8291aa;font-size:12px;padding:6px 13px;border-radius:8px;cursor:pointer}.cc-controls button[aria-pressed=true]{background:white;color:#506bd0;box-shadow:0 2px 7px #4e67a914}.cc-controls select{border:1px solid #e5eaf3;border-radius:9px;background:#f9faff;color:#667a9a;font-size:12px;padding:6px 8px}.cc-legend{display:flex;flex-wrap:wrap;gap:9px 18px;color:#788ba8;font-size:11px;margin:4px 0 14px}.cc-legend span{display:flex;align-items:center;gap:6px}.cc-legend i,.cc-source-row>i,.cc-funnels h3>i{width:7px;height:7px;border-radius:50%;display:inline-block;flex-shrink:0}.cc-note{font-size:10px;line-height:1.8;color:#94a1b5;margin:12px 0 0}.cc-hit{cursor:pointer;transition:filter .15s}.cc-hit:hover,.cc-hit:focus{filter:drop-shadow(0 0 4px #344b9450);outline:none;stroke-width:3}.cc-source-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px}.cc-source{background:#f7f9fd80;border:1px solid #edf1f8;border-radius:14px;padding:12px;min-width:0}.cc-source h3,.cc-funnels h3{font-size:12px;color:#566c8c;font-weight:600;line-height:1.6;margin:0 0 8px;overflow-wrap:anywhere}.cc-source svg{width:124px;max-width:100%;display:block;margin:0 auto 8px}.cc-source svg text{font-size:21px;fill:#3d5476;font-weight:600}.cc-source svg .cc-unit{font-size:9px;fill:#8a9ab2;font-weight:400}.cc-source-row{display:flex;gap:5px;align-items:center;border:0;background:transparent;padding:7px 0;width:100%;font-size:10px;color:#788ca8;cursor:pointer}.cc-source-row b{margin-left:auto;font-size:12px;color:#496181}.cc-source-row small{font-size:9px;color:#95a5bb;min-width:35px;text-align:right}.cc-funnels{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:14px}.cc-funnels>section{display:flex;flex-direction:column;align-items:center;min-width:0}.cc-funnels h3{display:flex;gap:6px;align-items:center}.cc-funnels .av-funnel-stage{min-width:84px;min-height:62px}.cc-funnels .av-funnel-stage strong{font-size:19px}.cc-touchpoints{display:grid;gap:18px}.cc-touchpoints h3{font-size:12px;color:#687d9a;font-weight:500;margin:0 0 8px}.cc-touchpoints button{display:grid;grid-template-columns:minmax(95px,1fr) minmax(60px,1.7fr) 40px;gap:10px;align-items:center;border:0;background:transparent;width:100%;padding:7px 0;text-align:left;font-size:11px;color:#8493ac;cursor:pointer}.cc-touchpoints b{text-align:right;color:#476183}.cc-track{height:8px;border-radius:5px;background:#edf1f8;overflow:hidden}.cc-track>i{height:100%;display:block;border-radius:5px}.cc-controls button:focus-visible,.cc-controls select:focus-visible,.cc-source-row:focus-visible,.cc-touchpoints button:focus-visible{outline:2px solid #8b9dec;outline-offset:2px}@media(max-width:600px){.cc-controls{justify-content:flex-start}.cc-legend{font-size:10px;gap:8px 12px}.cc-source-grid,.cc-funnels{grid-template-columns:1fr}.cc-source{padding:14px}.cc-funnels>section{padding:12px;border:1px solid #edf1f8;border-radius:14px}.cc-touchpoints button{grid-template-columns:90px minmax(0,1fr) 30px;gap:7px}.cc-note{font-size:10px}}@media(prefers-reduced-motion:reduce){.cc-hit{transition:none}}
.cc-concentric{min-width:0;display:grid;grid-template-columns:minmax(80px,144px) minmax(150px,1fr);gap:8px 12px;align-items:center}.cc-ring-legend{grid-column:1/-1;display:flex;justify-content:center;gap:20px;font-size:11px;color:#7b8da8;margin:0 0 4px}.cc-ring-legend span{display:flex;align-items:center;gap:6px}.cc-ring-legend i{width:7px;height:7px;border-radius:50%}.cc-ring-chart{width:min(100%,144px);height:auto;display:block;margin:0 auto;overflow:visible}.cc-ring-center{font-size:24px;font-weight:600;fill:#405779}.cc-ring-center-sub{font-size:18px;fill:#7b8fae}.cc-ring-order{font-size:14px;fill:#9ba9bf}.cc-ring-segment{cursor:pointer;pointer-events:stroke;transition:filter .15s,opacity .15s}.cc-ring-segment:hover,.cc-ring-segment:focus{filter:drop-shadow(0 2px 4px #324c8730);opacity:.84;outline:none}.cc-ring-list{border-top:1px solid #e9eef7;min-width:0}.cc-ring-list-head,.cc-ring-row{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(32px,.7fr) minmax(32px,.7fr);gap:5px;align-items:center}.cc-ring-list-head{font-size:9px;color:#94a2b9;padding:4px 0}.cc-ring-list-head>span:not(:first-child){text-align:right;white-space:nowrap}.cc-ring-row{padding:4px 0;border-top:1px solid #eef2f8}.cc-ring-identity{display:flex;align-items:center;gap:5px;min-width:0}.cc-ring-number{display:grid;place-items:center;width:20px;height:20px;flex-shrink:0;border:1px solid #e2e8f4;border-radius:8px;background:#f3f6fc;color:#8293b0;font-size:11px}.cc-ring-identity h3{margin:0 0 4px;font-size:12px;font-weight:500;color:#506684;overflow-wrap:anywhere;line-height:1.5}.cc-ring-identity small{font-size:9px;color:#95a3b8;display:block;line-height:1.6}.cc-ring-row button{display:flex;flex-direction:column;align-items:flex-end;gap:2px;line-height:1.3;min-height:34px;border:0;background:transparent;padding:0;cursor:pointer}.cc-ring-row button b{font-size:13px;line-height:1.3;font-weight:600;font-variant-numeric:tabular-nums}.cc-ring-row button small{font-size:9px;line-height:1.3;color:#96a5bd;font-variant-numeric:tabular-nums}.cc-ring-row button:focus-visible{outline:2px solid #8b9dec;border-radius:6px;outline-offset:2px}@media(max-width:600px){.cc-concentric{grid-template-columns:1fr;gap:8px}.cc-ring-legend{grid-column:auto}.cc-ring-chart{width:min(100%,160px)}.cc-ring-list-head,.cc-ring-row{grid-template-columns:minmax(0,1.5fr) minmax(48px,.7fr) minmax(48px,.7fr);gap:6px}.cc-ring-identity{gap:6px}.cc-ring-number{width:21px;height:21px}.cc-ring-row button b{font-size:14px}}@media(prefers-reduced-motion:reduce){.cc-ring-segment{transition:none}}
.cc-header-actions{display:flex;align-items:flex-start;gap:14px;margin-left:auto;flex-shrink:0}.cc-header-actions .an-legend{padding-top:8px}.cc-dimension-slot{width:88px;flex:0 0 88px}.cc-dimension-slot[aria-hidden=true]{visibility:hidden;pointer-events:none}.cc-dimension-slot select{width:100%;min-height:34px;border:1px solid #e5eaf3;border-radius:9px;background:#f9faff;color:#667a9a;font-size:12px;padding:6px 8px;cursor:pointer}.cc-dimension-slot select:focus-visible{outline:2px solid #8b9dec;outline-offset:2px}@media(max-width:600px){.cc-header-actions{flex-direction:column-reverse;gap:6px;width:88px}.cc-dimension-slot{flex-basis:auto}.cc-header-actions .an-legend{padding-top:0}} 
.cc-mode-stack{display:grid;grid-template-columns:minmax(0,1fr);align-items:start}.cc-mode-view{grid-area:1/1;min-width:0}.cc-mode-view[aria-hidden=true]{visibility:hidden;pointer-events:none}
@media(max-width:600px){.cc-funnels{grid-template-columns:repeat(auto-fit,minmax(75px,1fr));gap:8px}.cc-funnels>section{padding:6px;min-width:0}.cc-funnels h3{font-size:10px;min-height:40px;margin-bottom:6px}.cc-funnels .av-funnel-stage{min-width:0;max-width:100%;padding:8px 2px}.cc-funnels .av-funnel-stage strong{font-size:13px}.cc-funnels .av-funnel-stage span{font-size:9px}.cc-funnels .av-funnel-rate{font-size:9px}}
.cc-touchpoints{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.cc-touchpoints button{grid-template-columns:minmax(0,1fr) auto;gap:5px;padding:7px 0;min-height:46px;align-items:center}.cc-touchpoints button>span{grid-column:1;grid-row:1;overflow-wrap:anywhere}.cc-touchpoints button>b{grid-column:2;grid-row:1}.cc-touchpoints .cc-track{grid-column:1/-1;grid-row:2;min-width:0}@media(max-width:600px){.cc-touchpoints{gap:8px}.cc-touchpoints button{grid-template-columns:minmax(0,1fr) auto;gap:4px;font-size:10px}.cc-touchpoints h3{font-size:11px;line-height:1.5;min-height:33px}}
#an-source [data-chart-view=summary] .an-source-layout{display:grid;grid-template-columns:1fr;gap:8px}#an-source [data-chart-view=summary] .an-donut{width:144px;max-width:100%;margin:0 auto}#an-source [data-chart-view=summary] .an-source-legend{width:100%;min-width:0}#an-source [data-chart-view=summary] .an-source-legend button{padding:6px 0;font-size:11px}#an-source [data-chart-view=summary] .an-source-legend small{margin-top:2px;font-size:9px}.cc-svg-legend text{font-size:11px;fill:#7184a2}.cc-funnel-summary>h3{font-size:12px;color:#788ba8;font-weight:500;text-align:center;margin:0 0 8px;min-height:20px}.cc-touchpoints button{min-height:60px}.cc-touchpoints-summary .cc-touch-total{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;padding:3px 0;min-height:50px;text-align:left}.cc-touch-total strong{font-size:24px;line-height:1.3;font-weight:600;font-variant-numeric:tabular-nums}.cc-touch-total small{font-size:9px;color:#94a2b8}.cc-touch-spark{width:100%;display:block;height:auto;margin-top:10px}.cc-touch-spark text{font-size:10px;fill:#95a4ba}@media(max-width:600px){.cc-svg-legend text{font-size:14px}.cc-touch-total strong{font-size:20px}.cc-touchpoints-summary .cc-touch-total{min-height:50px}.cc-touch-spark{min-height:88px}}
/* Unified card chrome: modes at top-right, dimension below, legends after plots. */
.cc-dimension-slot{position:relative}
.cc-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:6px;width:100%;min-height:34px;border:1px solid transparent;border-radius:10px;background:#f1f4fa;color:#63799a;padding:6px 10px;font:inherit;font-size:12px;cursor:pointer;transition:background .15s,color .15s}
.cc-select-trigger svg{width:12px;height:12px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:transform .15s}
.an-dashboard .cc-select-trigger:hover:not(:disabled){background:#e9eef9;border-color:transparent}
.an-dashboard .cc-select-trigger[aria-expanded=true]{background:#e4ebfc;color:#4966b8;border-color:transparent}
.cc-select-trigger[aria-expanded=true] svg{transform:rotate(180deg)}
.an-dashboard .cc-select-trigger:focus,.an-dashboard .cc-select-trigger:focus-visible{outline:none;border-color:transparent;box-shadow:none;background:#dde6fb;color:#36529d}
.cc-select-menu{position:absolute;right:0;top:calc(100% + 6px);width:116px;padding:5px;border:1px solid #e9edf5;border-radius:13px;background:#fffffff5;backdrop-filter:blur(18px);box-shadow:0 8px 28px #354b7920;z-index:20}
.cc-select-menu[hidden]{display:none!important}
.cc-select-menu button{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:34px;padding:7px 10px;border:0;border-radius:9px;background:transparent;color:#627590;font:inherit;font-size:12px;text-align:left;cursor:pointer}
.an-dashboard .cc-select-menu button[aria-selected=true]{background:#e5edff;color:#4966b8;font-weight:500}
.cc-select-menu button>span:first-child{transition:transform .15s ease}
.an-dashboard .cc-select-menu button:hover,.an-dashboard .cc-select-menu button:focus-visible{outline:none;box-shadow:none}
.an-dashboard .cc-select-menu button[aria-selected=false]:hover,.an-dashboard .cc-select-menu button[aria-selected=false]:focus-visible{background:#f1f3f7;color:#405574}
.an-dashboard .cc-select-menu button:hover>span:first-child,.an-dashboard .cc-select-menu button:focus-visible>span:first-child{transform:translateX(2px)}
.an-dashboard .cc-select-menu button[aria-selected=true]:hover,.an-dashboard .cc-select-menu button[aria-selected=true]:focus-visible{background:#e5edff;color:#4966b8}
.cc-option-check{width:12px;font-size:12px}
@media(prefers-reduced-motion:reduce){.cc-select-trigger,.cc-select-trigger svg,.cc-select-menu button>span:first-child{transition:none}.an-dashboard .cc-select-menu button>span:first-child{transform:none}}
.an-panel>header:has(.cc-header-actions){align-items:flex-start}
.an-panel>header>div:first-child{min-width:0}
.cc-header-actions{flex-direction:column;align-items:flex-end;gap:8px;width:108px;flex:0 0 108px}
.cc-header-actions .cc-controls{margin:0;flex-wrap:nowrap;justify-content:flex-end;width:108px}
.cc-header-actions .cc-dimension-slot{flex-basis:auto}
.cc-footer-legend,.cc-mode-view>.cc-legend,.cc-mode-view>.av-legend,.cc-mode-view>.cc-ring-legend{justify-content:flex-end;flex-wrap:wrap;margin:12px 0 0;min-height:18px;line-height:1.6}
.cc-footer-legend{flex-direction:row}
.cc-mode-view>.cc-ring-legend{gap:16px}
@media(max-width:600px){.cc-header-actions{width:108px;gap:8px;flex-direction:column}.cc-footer-legend,.cc-mode-view>.cc-legend{font-size:10px;gap:8px 12px}}

