.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)}
.hawk-oauth-dialog{box-sizing:border-box;width:min(480px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;margin:auto;padding:26px;border:1px solid var(--border-strong,#483957);border-radius:20px;background:linear-gradient(135deg,#25212f,#1b1822);color:var(--text,#f6f1ff);font:inherit;box-shadow:0 24px 80px #0008;animation:hawk-oauth-in .2s ease-out}.hawk-oauth-dialog::backdrop{background:#09080bb3;backdrop-filter:blur(6px)}.hawk-oauth-dialog [hidden]{display:none!important}.hawk-oauth-dialog header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.hawk-oauth-eyebrow{font-size:10px;font-weight:600;letter-spacing:.12em;color:#b89ae9}.hawk-oauth-dialog h2{font-size:20px;line-height:1.35;margin:9px 0 0}.hawk-oauth-dialog p{font-size:13px;line-height:1.65;color:var(--muted,#b2a6c4);margin:18px 0}.hawk-oauth-dialog button,.hawk-oauth-dialog a{box-sizing:border-box;font:inherit;font-size:12px;line-height:1.4;color:#eee7fa;border:1px solid #50415f;background:#2c2438;border-radius:10px;padding:12px 16px;cursor:pointer;text-decoration:none;transition:background .15s,border-color .15s}.hawk-oauth-dialog button:hover,.hawk-oauth-dialog a:hover{background:#3a2e4b;border-color:#9f7bc7}.hawk-oauth-dialog button:focus-visible,.hawk-oauth-dialog a:focus-visible,.hawk-oauth-dialog input:focus-visible{outline:2px solid #b59af5;outline-offset:3px}.hawk-oauth-dialog [data-close]{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;padding:0;font:22px/1 inherit}.hawk-oauth-status{padding:14px 16px;border:1px solid #41344f;border-radius:12px;background:#282131;min-height:44px}.hawk-oauth-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hawk-oauth-actions a{display:flex;justify-content:center;align-items:center;gap:10px;background:linear-gradient(135deg,#9169de,#6740b0);border-color:#a580df;font-weight:600}.hawk-oauth-dialog footer{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.hawk-oauth-dialog footer:has(button:not([hidden])){border-top:1px solid #3c304a;padding-top:18px}.hawk-oauth-dialog [data-confirm]{background:#7858d2;border-color:#9a79e4;font-weight:600}.hawk-oauth-dialog button:disabled{opacity:.55;cursor:wait}.hawk-oauth-dialog label{display:grid;gap:8px;margin-top:16px;font-size:12px;color:#b2a6c4}.hawk-oauth-dialog input{box-sizing:border-box;min-width:0;width:100%;padding:12px;border:1px solid #51425e;border-radius:8px;background:#231d2e;color:#e9dff7;font:inherit}@keyframes hawk-oauth-in{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}@media(max-width:420px){.hawk-oauth-dialog{padding:20px}.hawk-oauth-actions{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.hawk-oauth-dialog{animation:none}.hawk-oauth-dialog button,.hawk-oauth-dialog a{transition:none}}
.hawk-authorized-connections{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:12px;margin:16px 0}.hawk-authorized-connections[hidden]{display:none}.hawk-authorized-connections article{display:flex;align-items:center;justify-content:space-between;gap:20px;min-width:0;padding:18px 20px;border:1px solid #42334f;border-radius:14px;background:linear-gradient(135deg,#25212f,#1b1822)}.hawk-authorized-connections h3{overflow-wrap:anywhere;font-size:14px;margin:9px 0 5px;color:var(--text,#f6f1ff)}.hawk-authorized-connections small,.hawk-authorized-connections p{font-size:11px;color:var(--muted,#b2a6c4)}.hawk-authorized-connections article>p{text-align:right;flex-shrink:0}.hawk-authorized-connections strong{display:block;font-size:24px;line-height:1.3;color:#e7d6ff}.hawk-connected-badge{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:600;color:#d1b5ff}.hawk-connected-badge:before{content:'';width:6px;height:6px;border-radius:50%;background:#b58af2}.hawk-connected-note{grid-column:1/-1;margin:0 4px!important;line-height:1.6}@media(max-width:480px){.hawk-authorized-connections article{padding:16px;gap:12px}.hawk-authorized-connections article>p{max-width:85px}}
.hawk-authorized-connections{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:740px){.hawk-authorized-connections{grid-template-columns:1fr}}