.demo-scene[data-layout=analytics]{display:block;background:#fff8ee}
.analytics-demo-shell{height:100%;display:flex;flex-direction:column;background:#fff8ee;color:#24243b}
.analytics-demo-brand{display:flex;align-items:center;justify-content:space-between;padding:6px 16px;flex:none}
.analytics-demo-brand>span{font-size:9px;color:#787383}
.analytics-demo-nav{display:flex;gap:4px;padding:0 12px 5px;flex:none;border-bottom:1px solid #eee2d8}
.analytics-demo-nav>*{flex:1;text-align:center;font-size:11px;padding:6px;border-radius:8px;position:relative}
.analytics-demo-nav .is-current{background:#ffebe4;color:#a33c27}
.analytics-demo-scroll{flex:1;min-height:0;overflow:auto;overflow-anchor:none;padding:10px 14px;scrollbar-width:thin;overscroll-behavior:contain;position:relative}
.analytics-demo-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;position:relative}
.analytics-demo-shell h3{font-size:15px;line-height:1.35;margin:0 0 5px;display:flex;align-items:center;justify-content:space-between;gap:6px}
.analytics-demo-shell p{font-size:11px;line-height:1.5;margin:4px 0}
.analytics-demo-shell small,.analytics-demo-range{font-size:9px;color:#726c7b}
.analytics-demo-range{margin:6px 0 10px}
.analytics-demo-shell select{font:inherit;font-size:11px;padding:6px;border:1px solid #cec7d2;border-radius:8px;background:white;max-width:115px}
.analytics-demo-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.analytics-demo-kpi,.analytics-demo-card{border:1px solid #ece5df;border-radius:12px;padding:10px;background:white;min-width:0}
.analytics-demo-kpi>div{display:flex;justify-content:space-between;align-items:center;color:#179962}
.analytics-demo-kpi h4{font-size:11px;font-weight:500;line-height:1.4;min-height:32px;margin:7px 0}
.analytics-demo-kpi>strong{display:block;font-size:22px;line-height:1.3;font-weight:650;margin-bottom:5px}
.analytics-demo-kpi>small{display:block;font-size:9px;line-height:1.5}
.analytics-demo-help{display:inline-block;font-weight:400;font-size:11px;color:#746b7c}
.analytics-demo-help summary{cursor:pointer;list-style:none;min-width:24px;min-height:24px;display:grid;place-items:center}
.analytics-demo-help summary::-webkit-details-marker{display:none}
.analytics-demo-help[open] p{position:absolute;left:12px;right:12px;background:#24243b;color:white;z-index:5;padding:12px;border-radius:8px;box-shadow:0 4px 14px #0002;font-size:12px;font-weight:400}
.analytics-demo-card{margin-top:10px}
.analytics-demo-card h3{font-size:12px;font-weight:600}
.analytics-demo-heat{display:grid;grid-template-rows:repeat(7,1fr);grid-auto-flow:column;gap:3px;margin:12px 0;max-width:440px}
.analytics-demo-cell{position:relative;min-width:0;height:17px;border-radius:3px;padding:0;background:#e0eee0}
.analytics-demo-cell[data-level="1"]{background:#c6e8d2}.analytics-demo-cell[data-level="2"]{background:#9dd8b2}.analytics-demo-cell[data-level="3"]{background:#59bd84}.analytics-demo-cell[data-level="4"]{background:#11995e}
.analytics-demo-cell:hover,.analytics-demo-cell.is-active{outline:2px solid #24243b;outline-offset:1px;z-index:2}
.analytics-demo-readout{min-height:18px;color:#55735c}
.analytics-demo-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.analytics-demo-number{display:block;font-size:25px;line-height:1.4}
.analytics-demo-number small{font-size:12px}
.analytics-demo-bars{display:flex;align-items:flex-end;gap:7px;height:115px;margin-top:10px}
.analytics-demo-bars>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;align-items:center}
.analytics-demo-bars i{display:block;background:#42b77c;width:100%;border-radius:4px 4px 0 0}
.analytics-demo-bars small{font-size:8px}
.analytics-demo-graph{height:105px;position:relative;margin-top:5px}
.analytics-demo-graph svg{width:100%;height:100%;overflow:visible}
.analytics-demo-point{position:absolute;width:12px;height:12px;padding:0;transform:translate(-50%,-50%);border:3px solid white;border-radius:50%;background:#21a66d}
.analytics-demo-point:hover,.analytics-demo-point.is-active{outline:2px solid #263c31;z-index:2}
.analytics-demo-insight{background:#ffe9e1}
.analytics-demo-shell button[data-demo-action=analytics-recommend],.analytics-demo-advice button,.analytics-demo-intro button,.analytics-demo-card>button{position:relative;font-size:11px;min-height:36px;background:#fff;padding:7px 10px;border-radius:8px;border:1px solid #ebd6ca;text-align:left;margin-top:6px;color:#a33c27}
.analytics-demo-advice{padding-top:6px}
.analytics-demo-rules{font-size:10px;margin:12px 0;color:#746c7d}
.analytics-demo-rules summary{cursor:pointer;min-height:28px}
.analytics-demo-intro{display:grid;align-content:center;justify-items:center;text-align:center;min-height:180px}
.analytics-pointer{display:none!important;position:absolute;right:3px;bottom:-9px;width:24px!important;height:28px!important;z-index:4;pointer-events:none;filter:drop-shadow(0 2px 2px #0002)}
.media-stage[data-playing=true] .is-cue>.analytics-pointer,.media-stage[data-playing=true] .analytics-demo-heading>.analytics-pointer,.media-stage[data-playing=true] .analytics-demo-cell>.analytics-pointer,.media-stage[data-playing=true] .analytics-demo-point>.analytics-pointer{display:block!important;transform:translate(calc((1 - var(--extension-approach,1))*14px),calc((1 - var(--extension-approach,1))*10px))}
#tab-analytics{background:#e1ead7}#tab-analytics[aria-selected=true]{border-color:#82a86b}
@media(max-width:680px){.analytics-demo-scroll{padding:10px}.analytics-demo-heading{align-items:flex-start}.analytics-demo-heading p{max-width:180px}.analytics-demo-kpis{grid-template-columns:1fr 1fr}.analytics-demo-kpi h4{min-height:0}.analytics-demo-kpi>strong{font-size:25px}.analytics-demo-pair{grid-template-columns:1fr}.analytics-demo-cell{height:19px}.analytics-demo-nav>*{font-size:12px;min-height:38px}.analytics-demo-shell h3{font-size:15px}.analytics-demo-card h3{font-size:13px}.analytics-demo-shell p{font-size:12px}.analytics-demo-shell select{font-size:12px;min-height:38px}.analytics-demo-help summary{min-width:30px;min-height:30px}}
@media(prefers-reduced-motion:reduce){.analytics-pointer{display:none!important}}
.analytics-demo-heat-wrap{display:flex;gap:6px;margin:12px 0}
.analytics-demo-heat-wrap .analytics-demo-heat{flex:1;margin:0}
.analytics-demo-weeklabels{display:grid;grid-template-rows:repeat(7,17px);gap:3px;font-size:8px;color:#746c7d;align-items:center}
@media(max-width:680px){.analytics-demo-weeklabels{grid-template-rows:repeat(7,19px)}}
/* Keep the product in context, then widen the same panel on the shared clock. */
.demo-scene[data-layout=analytics]{position:relative;overflow:hidden;isolation:isolate}
.analytics-demo-shell{position:absolute;inset:0 0 0 auto;width:100%;min-width:0;z-index:2;container:analytics-panel / inline-size;border-left:1px solid #d8d5cf;box-shadow:-4px 0 18px #263c3110}
.demo-scene[data-narrow=true] .analytics-demo-shell{width:56%;min-width:225px}
.demo-scene[data-resizing=true] .analytics-demo-shell{width:calc(56% + 44% * var(--analytics-expansion,0));min-width:225px}
.analytics-resize-grip{position:absolute;left:-8px;top:42%;width:17px;height:54px;background:#fff;border:1px solid #b7bdb5;border-radius:8px;z-index:8;cursor:ew-resize;touch-action:none;display:grid;place-items:center;color:#4b6455;box-shadow:0 2px 8px #172b2418}
.analytics-resize-icon{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none}
.analytics-resize-grip .analytics-pointer{right:-15px;bottom:8px}
.media-stage[data-playing=true] .analytics-resize-grip.is-cue .analytics-pointer{display:block!important}
.demo-scene:not([data-narrow=true]):not([data-resizing=true]) .analytics-resize-grip{left:0;width:10px;opacity:.5}
.demo-scene:not([data-narrow=true]):not([data-resizing=true]) .analytics-resize-icon{width:9px;height:12px}
.analytics-whatsapp{position:absolute;inset:0;background:#efeae2;display:flex;flex-direction:column;width:100%;padding-right:56%;color:#253a34}
.analytics-whatsapp header{display:flex;align-items:center;gap:7px;padding:12px 8px;background:#f0f2f5;min-height:55px}
.analytics-whatsapp header>div{flex:1}.analytics-whatsapp header strong{font-size:12px}.analytics-whatsapp header small{display:block;font-size:10px;color:#6a7772}
.analytics-avatar{width:28px;height:28px;border-radius:50%;background:#bad9ca;display:grid;place-items:center;font-size:10px;flex:none}
.analytics-chat{padding:18px 8px;flex:1;font-size:12px;line-height:1.55}
.analytics-chat>small{display:block;text-align:center;color:#71817a;font-size:10px;margin-bottom:20px}
.analytics-chat p{background:white;border-radius:0 9px 9px 9px;padding:9px;margin:0 12px 16px 0;box-shadow:0 1px 2px #0001}
.analytics-chat p.outgoing{background:#d9fdd3;margin-left:16px;margin-right:0;border-radius:9px 0 9px 9px}
.analytics-chat p small{display:block;text-align:right;font-size:8px;color:#6d8c7e}
.analytics-chat-compose{display:flex;gap:8px;padding:10px 8px;background:#f0f2f5;font-size:12px;color:#798b84}.analytics-chat-compose span{flex:1;background:white;border-radius:12px;padding:3px 8px;font-size:10px}
.analytics-demo-today article{border:1px solid #e8ded4;border-radius:10px;background:white;padding:12px;margin-top:12px}.analytics-demo-today article strong{font-size:12px}
.analytics-demo-period{position:relative;flex:none;align-self:flex-start}
.analytics-demo-period select{appearance:none;-webkit-appearance:none;width:100px;max-width:none;padding:8px 30px 8px 10px;line-height:1.3}
.analytics-select-chevron{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:14px;height:14px;fill:none;stroke:#51635b;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.media-stage[data-playing=true] .analytics-demo-period>.analytics-pointer{display:block!important;right:9px;bottom:-18px}
.analytics-demo-range{display:flex;gap:5px;flex-direction:column;margin-bottom:10px}
.analytics-message-total{font-size:10px;color:#4c6759}
.analytics-message-total strong{font-weight:650;color:#253e30}
.analytics-demo-cell[data-level="0"]{background:#edf1eb}
.analytics-demo-legend{display:flex;justify-content:flex-end;align-items:center;gap:3px;font-size:8px;color:#748075;margin-top:5px}
.analytics-demo-legend i{width:10px;height:10px;border-radius:2px;background:#edf1eb}.analytics-demo-legend i:nth-of-type(2){background:#c6e8d2}.analytics-demo-legend i:nth-of-type(3){background:#9dd8b2}.analytics-demo-legend i:nth-of-type(4){background:#59bd84}.analytics-demo-legend i:nth-of-type(5){background:#11995e}
@container analytics-panel (max-width:430px){.analytics-demo-kpis{grid-template-columns:1fr 1fr}.analytics-demo-kpi h4{min-height:30px}.analytics-demo-heading{flex-wrap:wrap}.analytics-demo-heading>div:first-child{flex:1 1 145px}.analytics-demo-nav{padding-left:5px;padding-right:5px;gap:0}.analytics-demo-nav>*{font-size:10px;padding:6px 3px}.analytics-demo-brand{padding:7px 10px}.analytics-demo-brand>span{font-size:8px}.analytics-demo-pair{grid-template-columns:1fr}.analytics-demo-scroll{padding:10px}.analytics-demo-kpi{padding:9px}.analytics-demo-kpi>strong{font-size:23px}}
@media(max-width:680px){.analytics-demo-period select{min-height:38px}.analytics-whatsapp{padding-right:65%}.analytics-whatsapp header{padding:10px 5px}.analytics-whatsapp header strong{font-size:10px}.analytics-chat{padding:12px 5px;font-size:10px}.analytics-chat p{padding:6px;margin-right:0}.analytics-chat p.outgoing{margin-left:0}.analytics-demo-shell .analytics-demo-brand>span{max-width:85px;text-align:right}}
@media(prefers-reduced-motion:reduce){.media-stage[data-playing=true] .analytics-resize-grip.is-cue .analytics-pointer,.media-stage[data-playing=true] .analytics-demo-period>.analytics-pointer{display:none!important}}

.demo-scene[data-manual-width=true] .analytics-demo-shell{width:var(--analytics-manual-width);min-width:0}

.analytics-demo-heat-wrap{position:relative}
.analytics-activity-tooltip{position:absolute;z-index:10;max-width:min(240px,100%);padding:9px 12px;border:1px solid #d8e1d7;border-radius:9px;background:#fff;color:#263c31;box-shadow:0 5px 18px #182e2826;font-size:11px;line-height:1.5;font-weight:500;pointer-events:none}
.analytics-activity-tooltip[hidden]{display:none}