/* Vchat Core 0.36.40-alpha — Analytics UX refinement */
.vchat-analytics-portal,.vchat-analytics-portal *{box-sizing:border-box}
.vchat-analytics-portal{--a-ink:#27223e;--a-muted:#817b94;--a-line:#e5e1ef;--a-soft:#f8f7fc;--a-purple:#6554b8;--a-purple-dark:#403375;--a-green:#73b894;padding-bottom:72px!important}
.vchat-analytics-view{padding:2px 2px 28px!important}
.vchat-analytics-tabs{position:relative!important;top:auto!important;margin-bottom:28px!important;padding:8px!important}
.vchat-analytics-section-intro{padding:8px 4px 22px!important;margin:0!important}
.vchat-analytics-section-intro>div{max-width:760px!important}
.vchat-analytics-section-intro h2{margin:5px 0 7px!important;line-height:1.16!important}
.vchat-analytics-section-intro p{line-height:1.55!important}

/* Cards always keep breathing room */
.vchat-analytics-card{padding:26px!important;overflow:visible!important}
.vchat-analytics-card>header{gap:24px!important;margin-bottom:24px!important;align-items:flex-start!important}
.vchat-analytics-card>header>div:first-child{min-width:0;max-width:680px}
.vchat-analytics-card header h2{margin-top:3px!important}
.vchat-analytics-card header p{max-width:620px!important;line-height:1.55!important}
.vchat-analytics-kpis{gap:16px!important;margin-bottom:22px!important}
.vchat-analytics-kpis article{padding:22px 22px 20px!important;min-height:140px!important}
.vchat-analytics-kpis article small{line-height:1.35!important;margin-bottom:14px!important}
.vchat-analytics-kpis article strong{margin:4px 0 9px!important;overflow-wrap:anywhere}
.vchat-analytics-kpis article span{line-height:1.45!important;max-width:100%}

/* Chart controls */
.vchat-analytics-chart-tools{display:flex;flex-direction:column;align-items:flex-end;gap:11px;flex:0 0 auto}
.vchat-analytics-legend{display:flex!important;gap:12px!important;align-items:center!important;padding:0!important}
.vchat-analytics-legend b{display:inline-flex;align-items:center;gap:6px;font-size:11.5px!important;line-height:1;font-weight:750;color:#77718b;white-space:nowrap}
.vchat-analytics-legend i{margin:0!important;width:9px!important;height:9px!important}
.vchat-analytics-range{display:inline-flex;gap:3px;padding:3px;border:1px solid var(--a-line);border-radius:10px;background:#f7f5fb}
.vchat-analytics-range button{min-height:29px!important;padding:4px 9px!important;border:0!important;border-radius:7px!important;background:transparent!important;box-shadow:none!important;color:#827b95!important;font-size:10.5px!important;font-weight:850!important;letter-spacing:.02em!important}
.vchat-analytics-range button:hover{background:#fff!important;color:var(--a-purple)!important}
.vchat-analytics-range button.is-active{background:#fff!important;color:var(--a-purple)!important;box-shadow:0 2px 8px rgba(52,43,88,.08)!important}

/* Dynamic chart: axis + hover details */
.vchat-analytics-bars{height:315px!important;display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;gap:10px!important;padding:16px 0 0!important;border-top:1px solid #f0eef5!important;overflow:visible!important;position:relative}
.vchat-analytics-y-scale{height:258px;display:flex;flex-direction:column;justify-content:space-between;text-align:right;padding:0 4px 20px 0;color:#a19aad;font-size:10px;font-weight:700}
.vchat-analytics-plot-area{height:285px;display:flex;align-items:stretch;gap:4px;min-width:0;position:relative;background:repeating-linear-gradient(to bottom,transparent 0,transparent 84px,#f0eef5 85px,#f0eef5 86px)}
.vchat-analytics-bar-col{position:relative!important;flex:1 1 0!important;min-width:8px!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:8px!important;outline:none;cursor:default}
.vchat-analytics-bar-col>span{height:255px!important;width:100%!important;display:flex!important;align-items:flex-end!important;justify-content:center!important;gap:2px!important;position:relative;z-index:2}
.vchat-analytics-bar-col>span>i{width:min(13px,42%)!important;min-width:2px;transition:height .22s ease,filter .16s ease,transform .16s ease!important}
.vchat-analytics-bar-col:hover>span>i,.vchat-analytics-bar-col:focus>span>i{filter:saturate(1.12);transform:translateY(-1px)}
.vchat-analytics-bar-col>small{font-size:9.5px!important;line-height:1.15!important;color:#9d96aa!important;white-space:nowrap!important;transform:rotate(-32deg)!important;transform-origin:center top!important;margin:1px 0 0!important}
.vchat-analytics-tooltip{position:absolute;left:50%;bottom:56px;z-index:40;min-width:184px;max-width:220px;padding:12px 13px;border:1px solid #ddd8eb;border-radius:13px;background:#fff;box-shadow:0 16px 40px rgba(31,24,63,.16);opacity:0;visibility:hidden;transform:translate(-50%,7px);pointer-events:none;transition:.14s ease;text-align:left}
.vchat-analytics-tooltip:after{content:"";position:absolute;left:50%;bottom:-6px;width:10px;height:10px;background:#fff;border-right:1px solid #ddd8eb;border-bottom:1px solid #ddd8eb;transform:translateX(-50%) rotate(45deg)}
.vchat-analytics-bar-col:hover .vchat-analytics-tooltip,.vchat-analytics-bar-col:focus .vchat-analytics-tooltip{opacity:1;visibility:visible;transform:translate(-50%,0)}
.vchat-analytics-bar-col:first-child .vchat-analytics-tooltip{left:0;transform:translate(0,7px)}
.vchat-analytics-bar-col:first-child:hover .vchat-analytics-tooltip,.vchat-analytics-bar-col:first-child:focus .vchat-analytics-tooltip{transform:translate(0,0)}
.vchat-analytics-bar-col:last-child .vchat-analytics-tooltip{left:auto;right:0;transform:translate(0,7px)}
.vchat-analytics-bar-col:last-child:hover .vchat-analytics-tooltip,.vchat-analytics-bar-col:last-child:focus .vchat-analytics-tooltip{transform:translate(0,0)}
.vchat-analytics-tooltip>b{display:block;font-size:11.5px!important;line-height:1.3!important;color:var(--a-ink)!important;margin-bottom:9px}
.vchat-analytics-tooltip>span,.vchat-analytics-tooltip>em{display:flex;align-items:center;gap:7px;font-style:normal;font-size:11px!important;line-height:1.45!important;color:#77718b!important;padding:2px 0}
.vchat-analytics-tooltip span i{width:8px!important;height:8px!important;border-radius:50%;display:inline-block;flex:0 0 8px}
.vchat-analytics-tooltip strong{margin-left:auto;font-size:11px!important;color:var(--a-ink)!important}
.vchat-analytics-tooltip>em{margin-top:6px;padding-top:7px;border-top:1px solid #efedf4;font-weight:750}

/* Channels: real platform marks + padded content */
.vchat-analytics-channel-grid{gap:16px!important}
.vchat-analytics-channel-card{grid-template-columns:56px minmax(0,1fr) auto!important;gap:18px!important;align-items:center!important;padding:22px!important;min-height:132px!important;overflow:hidden!important}
.vchat-channel-mark{width:56px!important;height:56px!important;border-radius:16px!important;padding:12px!important;background:#f7f6fb!important;border:1px solid #eeeaf6!important;overflow:hidden}
.vchat-channel-mark img{display:block;width:100%;height:100%;object-fit:contain}
.vchat-channel-web-icon,.vchat-channel-generic-icon{width:100%;height:100%;display:grid;place-items:center;border-radius:9px;background:linear-gradient(145deg,#5846a6,#7560d2);color:#fff;font-size:18px;font-weight:900}
.vchat-channel-generic-icon{background:#efecfb;color:#5c4aa9}
.vchat-channel-copy{min-width:0!important;padding:2px 0!important}
.vchat-analytics-channel-card small{display:block!important;margin:0 0 5px!important;font-size:10.5px!important}
.vchat-analytics-channel-card h3{margin:0 0 5px!important;font-size:17px!important;line-height:1.25!important;overflow-wrap:anywhere}
.vchat-analytics-channel-card p{margin:0 0 13px!important;font-size:12px!important;line-height:1.45!important;color:#8b8599!important}
.vchat-analytics-channel-card i{height:7px!important}
.vchat-analytics-channel-card>strong{align-self:center!important;padding-left:8px;font-size:24px!important;line-height:1!important;white-space:nowrap}

/* Business spacing */
.vchat-analytics-kpis-business{margin-bottom:20px!important}
.vchat-analytics-business-grid{gap:18px!important;margin-bottom:20px!important;align-items:stretch}
.vchat-analytics-business-grid>.vchat-analytics-card{padding:26px!important;min-height:270px!important}
.vchat-analytics-funnel{gap:18px!important;padding:2px 0!important}
.vchat-analytics-funnel>div{grid-template-columns:minmax(120px,170px) minmax(120px,1fr) 34px!important;gap:16px!important;padding:2px 0!important}
.vchat-analytics-funnel span{min-width:0}
.vchat-analytics-funnel span b{font-size:12.5px!important;line-height:1.35!important}
.vchat-analytics-funnel span small{font-size:10.5px!important;line-height:1.35!important;margin-top:3px!important}
.vchat-analytics-business-note{padding:26px!important;grid-template-columns:48px minmax(0,1fr)!important;gap:16px!important}
.vchat-analytics-business-note>span{width:48px!important;height:48px!important}
.vchat-analytics-business-note>div{min-width:0;padding-top:2px}
.vchat-analytics-business-note h3{margin:8px 0!important;font-size:18px!important;line-height:1.38!important;overflow-wrap:anywhere}
.vchat-analytics-business-note p{margin:0!important;font-size:12.5px!important;line-height:1.55!important}
.vchat-analytics-portal .vchat-catalog-intelligence{padding:26px!important;overflow:hidden!important}
.vchat-analytics-portal .vchat-catalog-intelligence-head{gap:22px!important;margin-bottom:20px!important}
.vchat-analytics-portal .vchat-catalog-intelligence-head>div{min-width:0!important}
.vchat-analytics-portal .vchat-catalog-intelligence-head p{margin-top:7px!important;line-height:1.55!important}
.vchat-analytics-portal .vchat-catalog-analytics-summary{gap:12px!important;margin-bottom:18px!important}
.vchat-analytics-portal .vchat-catalog-analytics-summary article{padding:14px 16px!important;min-height:76px!important}
.vchat-analytics-portal .vchat-catalog-ranking>*{max-width:100%!important}

/* Experience never sticks to edges */
.vchat-analytics-experience-grid{gap:18px!important;align-items:stretch!important}
.vchat-analytics-experience-grid>.vchat-analytics-card{padding:28px!important;min-height:330px!important;height:auto!important}
.vchat-analytics-csat-card{justify-content:center!important;padding:32px!important}
.vchat-analytics-csat-card>small{margin:0 0 4px!important}
.vchat-analytics-csat-card>strong{margin:12px 0 14px!important}
.vchat-analytics-csat-card>p{margin:0 0 30px!important;line-height:1.55!important;max-width:360px}
.vchat-csat-scale{margin-top:2px!important;gap:14px!important}
.vchat-analytics-experience-grid .vchat-empty-state{min-height:220px!important;padding:34px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important}
.vchat-analytics-experience-grid .vchat-empty-state strong{margin:0 0 9px!important}
.vchat-analytics-experience-grid .vchat-empty-state p{margin:0!important;line-height:1.55!important;max-width:460px}
.vchat-feedback-row{padding:16px 2px!important;grid-template-columns:100px minmax(0,1fr)!important}

@media (max-width:1100px){
 .vchat-analytics-card>header{flex-direction:column!important}
 .vchat-analytics-chart-tools{align-items:flex-start!important;width:100%}
 .vchat-analytics-legend{flex-wrap:wrap}
 .vchat-analytics-channel-grid{grid-template-columns:1fr!important}
}
@media (max-width:720px){
 .vchat-analytics-view{padding-bottom:22px!important}
 .vchat-analytics-card{padding:20px!important}
 .vchat-analytics-kpis{gap:10px!important}
 .vchat-analytics-kpis article{padding:17px!important;min-height:124px!important}
 .vchat-analytics-bars{height:290px!important;grid-template-columns:28px minmax(0,1fr)!important;gap:6px!important}
 .vchat-analytics-y-scale{height:238px!important;font-size:9px!important}
 .vchat-analytics-plot-area{height:262px!important;gap:2px!important}
 .vchat-analytics-bar-col>span{height:232px!important}
 .vchat-analytics-bar-col>small{font-size:8.5px!important}
 .vchat-analytics-tooltip{display:none!important}
 .vchat-analytics-channel-card{grid-template-columns:48px minmax(0,1fr) auto!important;gap:12px!important;padding:17px!important;min-height:118px!important}
 .vchat-channel-mark{width:48px!important;height:48px!important;padding:10px!important}
 .vchat-analytics-channel-card>strong{font-size:20px!important}
 .vchat-analytics-business-grid{gap:12px!important}
 .vchat-analytics-business-grid>.vchat-analytics-card,.vchat-analytics-business-note{padding:20px!important;min-height:auto!important}
 .vchat-analytics-funnel>div{grid-template-columns:100px minmax(80px,1fr) 26px!important;gap:9px!important}
 .vchat-analytics-portal .vchat-catalog-intelligence{padding:20px!important}
 .vchat-analytics-experience-grid>.vchat-analytics-card{padding:22px!important;min-height:260px!important}
 .vchat-analytics-csat-card{padding:24px!important}
}