.hawk-auth-pending .app{visibility:hidden}
html[data-hawk-mode=live] #adsSummary{grid-template-columns:repeat(6,minmax(0,1fr))}
@media(max-width:1200px){html[data-hawk-mode=live] #adsSummary{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:740px){html[data-hawk-mode=live] #adsSummary{grid-template-columns:repeat(2,minmax(0,1fr))}}
.hawk-live-status{grid-column:1/-1;min-width:0;font-size:11px;color:var(--muted);padding:8px 0;line-height:1.6;text-align:right}
.hawk-source-empty{display:grid;place-items:center;min-height:100px;padding:24px;text-align:center;font-size:12px;line-height:1.7;color:var(--muted)}
html[data-hawk-mode=live] .live-unavailable>*:not(.hawk-source-empty){display:none!important}
.hawk-tab-status{grid-column:1/-1;margin:0 0 16px;font-size:12px;color:var(--muted);display:flex;align-items:center;gap:8px}.hawk-tab-status:before{content:'';width:6px;height:6px;background:var(--positive,#a78bfa);border-radius:50%}
.hawk-pending-view button:disabled,.hawk-pending-view input:disabled{opacity:.5;cursor:not-allowed}.hawk-pending-view select:disabled{opacity:.6}
.hawk-flow-stage{display:flex;flex-direction:column;gap:10px;padding:12px}.hawk-flow-stage strong{font-size:30px}.hawk-flow-stage span,.hawk-flow-stage small{color:var(--muted);font-size:11px}
.hawk-pending-view #flowStageLabels{grid-template-columns:repeat(4,minmax(0,1fr))}
.hawk-pending-view #funnelFlowSvg{display:none}.hawk-pending-view .flow-visual{display:grid;place-items:center}.hawk-flow-note{font-size:11px;color:var(--muted);margin:0;text-align:center}
.hawk-pending-product{padding:20px;background:#1a1720;border:1px solid #a78bfa18;border-radius:14px;min-width:0}.hawk-pending-product small{font-size:10px;color:var(--positive,#a78bfa)}.hawk-pending-product h3{font-size:15px;margin:12px 0}.hawk-pending-product p{font-size:11px;color:var(--muted);margin-bottom:24px}.hawk-pending-product>div:not(.hawk-pending-track){display:flex;justify-content:space-between;gap:20px;margin:16px 0 10px;font-size:11px;color:var(--muted)}.hawk-pending-track{height:3px;background:#a78bfa15;border-radius:10px}
.hawk-pending-chain{display:grid;grid-template-columns:repeat(3,260px);gap:44px;padding:40px}.hawk-pending-chain .hawk-pending-product{position:relative}.hawk-pending-chain .hawk-pending-product:not(:last-child):after{content:'→';position:absolute;right:-32px;top:50%;color:var(--muted);font-size:24px}
.hawk-pending-view .conversion-standard .hawk-pending-product{padding:14px}.hawk-pending-view .conversion-standard .hawk-pending-product h3{margin:8px 0;font-size:13px}.hawk-pending-view .conversion-standard .hawk-pending-product p{margin-bottom:12px}.hawk-pending-view .conversion-standard .hawk-pending-product>div:not(.hawk-pending-track){margin:10px 0 6px}
.hawk-recording-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;padding:20px;text-align:center;gap:12px}.hawk-recording-empty h3{font-size:13px}.hawk-recording-empty p{font-size:11px;color:var(--muted)}.hawk-empty-phone{display:grid;place-items:center;width:44px;height:68px;border:1px solid #a78bfa30;border-radius:9px;color:var(--muted)}
.hawk-table-empty{text-align:center!important;height:210px;color:var(--muted)}.hawk-table-empty strong{display:block;font-size:13px;color:var(--text);margin-bottom:12px}.hawk-table-empty span{font-size:12px}
.hawk-pending-creative{padding:12px;min-width:0}.hawk-video-slot{aspect-ratio:9/16;border-radius:12px;background:#141219;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--muted);font-size:11px}.hawk-video-slot .ico{width:30px;height:30px;opacity:.6}.hawk-pending-creative>div:last-child{padding:16px 4px 4px}.hawk-pending-creative small,.hawk-pending-creative p{color:var(--muted);font-size:11px}.hawk-pending-creative h3{font-size:13px;margin:10px 0 16px}.hawk-pending-creative p{display:flex;justify-content:space-between}.hawk-pending-view .creative-kpi small{display:block;font-size:10px;margin-top:8px}
@media(max-width:740px){.hawk-pending-view #conversionStandard{grid-template-columns:1fr}.hawk-pending-view .hawk-tab-status{line-height:1.6}.hawk-pending-view #adsSummary{grid-template-columns:repeat(2,minmax(0,1fr))}}
.hawk-funnel-live.hawk-pending-view #funnelFlowSvg{display:block}
.hawk-funnel-live.hawk-pending-view .flow-visual{display:block;position:relative}
.hawk-funnel-live .hawk-flow-note:not([hidden]){position:absolute;inset:0;display:grid;place-items:center}
.hawk-funnel-definition{font-size:10px;line-height:1.6;color:var(--muted);margin:10px 0 0}
.hawk-funnel-live .hawk-tab-status .pause-btn{margin-left:10px}
/* Give standard product cards their natural height, inside the shared phone budget. */
#funnel.hawk-funnel-live .product-cockpit:has(.conversion-standard:not([hidden])){max-height:none;flex-shrink:0}
#funnel.hawk-funnel-live .conversion-standard:not([hidden]){flex:none;min-height:auto;overflow:visible;align-items:stretch;gap:14px;padding:2px}
#funnel.hawk-funnel-live .conversion-standard .hawk-pending-product{padding:16px;border-radius:14px;overflow-wrap:anywhere;background:var(--dashboard-card-background);box-shadow:none}
#funnel.hawk-funnel-live .conversion-standard .hawk-pending-product>small{display:block;line-height:1.4}
#funnel.hawk-funnel-live .conversion-standard .hawk-pending-product h3{margin:10px 0 8px;line-height:1.4}
#funnel.hawk-funnel-live .conversion-standard .hawk-pending-product p{margin:0 0 16px;line-height:1.5}
#funnel.hawk-funnel-live .conversion-standard .hawk-pending-product>div:not(.hawk-pending-track){margin:12px 0 8px;line-height:1.4;align-items:center}
@media(min-width:951px){
 #funnel.hawk-funnel-live .funnel-workspace:has(.conversion-standard:not([hidden])){--funnel-box-height:clamp(1020px,calc(100dvh - var(--phone-header-space,108px) - 32px),1100px)}
 #funnel.hawk-funnel-live.hawk-pending-view .funnel-analysis-column:has(.conversion-standard:not([hidden])){grid-template-rows:minmax(300px,1.15fr) auto minmax(250px,1fr)}
 #funnel.hawk-funnel-live .conversion-standard{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:950px){#funnel.hawk-funnel-live .conversion-standard{grid-template-columns:1fr}}
.hawk-funnel-products-pager{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;font-size:11px;color:var(--muted);flex-shrink:0}
.hawk-funnel-products-pager[hidden]{display:none}.hawk-funnel-products-pager>div{display:flex;gap:8px}.hawk-funnel-products-pager button{padding:4px 12px}
#funnel.hawk-funnel-live .conversion-standard>.hawk-source-empty{grid-column:1/-1;min-height:150px}
#funnel.hawk-funnel-live #productChain>.hawk-pending-product{width:260px;height:auto;min-height:220px}
#funnel.hawk-funnel-live .hawk-pending-product b{white-space:nowrap}

/* Live products share the approved mock component and remain unclipped. */
#funnel.hawk-funnel-live .conversion-standard .product-node{min-width:0;overflow-wrap:anywhere}
#funnel.hawk-funnel-live .product-outcome strong{white-space:nowrap}
#funnel.hawk-funnel-live #productChain>.product-node{height:auto;min-height:220px}

html[data-hawk-mode=live] .ads-stat small{display:block;font-size:10px;margin-top:8px;color:var(--muted)}

/* Period changes animate only the content, preserving panel geometry. */
.chart-area #chartSvg{transition:opacity .18s ease}
.chart-area.hawk-content-loading #chartSvg{opacity:.3;pointer-events:none}
.chart-area.hawk-content-loading #chartTip{visibility:hidden}
@media(prefers-reduced-motion:reduce){.chart-area #chartSvg{transition:none}}

#funnel .product-audience.product-linkage{padding:2px 0 8px}
#funnel .product-link-note{font-size:10px;line-height:1.5;color:var(--muted);margin-bottom:10px}

.sales-map-caption{position:absolute;bottom:8px;left:10px;right:10px;z-index:3;pointer-events:none;color:var(--muted);font-size:10px;text-align:center;padding:5px 8px;border-radius:8px;background:#1b1923dc}.map-explorer{position:relative}

.geo-canvas.country-fallback .unified-world #adminRegionGeometry path{fill:transparent!important}

.funnel-tools-row.recordings-only{grid-template-columns:minmax(0,1fr)}