/* Analytics-owned integration + literal frozen D0 hover/focus grammar. */
/* Frozen shell: header is a non-scrolling sibling of the inner main scrollport.
   Bound the native flex chain to the workspace, including the existing env bar. */
#app-main:has(#view-analytics.active) { height: 100vh; min-height: 0; }
html.ck-env-banner-on #app-main:has(#view-analytics.active) { height: calc(100vh - var(--ck-env-bar-h)); }
#page-content:has(#view-analytics.active) { min-height: 0; padding: 0; overflow: hidden; background-image: none; background: #eef2f6; display: flex; flex-direction: column; }
#view-analytics.active { display: flex; flex: 1; min-height: 0; }
#analytics-panel { min-height: 0; flex: 1; min-width: 0; display: flex; flex-direction: column; height: 100%; font-family: 'Hanken Grotesk', system-ui, sans-serif; font-size: 16px; line-height: normal; color: #0f172a; -webkit-font-smoothing: antialiased; }
#analytics-panel *, #analytics-panel *::before, #analytics-panel *::after { box-sizing: border-box; }
#analytics-panel button { font-family: inherit; }
#analytics-panel button:focus:not(:focus-visible), #analytics-panel [tabindex]:focus:not(:focus-visible), #analytics-panel a:focus:not(:focus-visible) { outline: none !important; }
#analytics-panel button:focus-visible, #analytics-panel [tabindex]:focus-visible, #analytics-panel a:focus-visible { outline: 2px solid #0d9488 !important; outline-offset: 2px; }
@keyframes ckpulse { 0%, 100% { opacity: .55 } 50% { opacity: 1 } }
/* Frozen resume decision: calm D0 card, native frozen Apply treatment for Profile. */
#analytics-panel .an-unavailable { background: #fff; border: 1px solid #d8e7e3; border-radius: 16px; box-shadow: 0 2px 6px rgba(13,60,54,.05); padding: 32px 32px 28px; display: flex; flex-direction: column; gap: 12px; }
#analytics-panel .an-unavailable-title { font-size: 22px; font-weight: 600; letter-spacing: -.02em; line-height: 1.25; color: #0f172a; }
#analytics-panel .an-unavailable-body { font-size: 13.5px; line-height: 1.6; color: #64748b; }
#analytics-panel .an-profile { height: 32px; padding: 0 16px; border: 0; border-radius: 8px; background: #0d9488; color: #fff; font-size: 13px; font-weight: 600; cursor: pointer; }
#analytics-panel .an-hover-0:hover { color: #0f172a; }
#analytics-panel .an-hover-1:hover { background: #f8fafc; }
#analytics-panel .an-hover-2:hover { background: #f8fafc; }
#analytics-panel .an-hover-3:hover { background: #f8fafc; }
#analytics-panel .an-hover-4:hover { background: #f1f5f9; }
#analytics-panel .an-hover-5:hover { background: #f1f5f9; }
#analytics-panel .an-hover-6:hover { background: #f8fafc; }
#analytics-panel .an-hover-7:hover { color: #0d9488; }

/* Literal frozen D1 hover grammar; D0 rules unchanged. */
#analytics-area-content .an-d1-hover-0:hover { color: #0d9488; }
#analytics-area-content .an-d1-hover-1:hover { background: #f8fafc; }
#analytics-area-content .an-d1-hover-2:hover { color: #0d9488; }

/* D2 exact frozen hover/focus declarations. */
#analytics-area-content .an-d2-hover-0:hover { color: #0d9488; }
#analytics-area-content .an-d2-focus-1:focus { outline: 2px solid #0d9488; outline-offset: 2px; color: #0d9488; }
#analytics-area-content .an-d2-hover-2:hover { color: #0d9488; }
#analytics-area-content .an-d2-focus-3:focus { outline: 2px solid #0d9488; outline-offset: 2px; color: #0d9488; }
#analytics-area-content .an-d2-focus-4:focus { outline: 2px solid #0d9488; outline-offset: 1px; }
#analytics-area-content .an-d2-focus-5:focus { outline: 2px solid #0d9488; outline-offset: 1px; }
#analytics-area-content .an-d2-focus-6:focus { outline: 2px solid #0d9488; outline-offset: 1px; }
#analytics-area-content .an-d2-hover-7:hover { background: #f8fafc; }
#analytics-area-content .an-d2-focus-8:focus { outline: 2px solid #0d9488; outline-offset: 1px; }
#analytics-area-content .an-d2-focus-9:focus { outline: 2px solid #0d9488; outline-offset: 1px; }
#analytics-area-content .an-d2-hover-10:hover { color: #0d9488; }
#analytics-area-content .an-d2-focus-11:focus { outline: 2px solid #0d9488; outline-offset: 2px; color: #0d9488; }
#analytics-area-content .an-d2-focus-12:focus { outline: 2px solid #0d9488; outline-offset: 2px; }

/* D3 literal frozen hover/focus declarations. */
#analytics-area-content .an-d3-hover-0:hover { color: #0d9488; }
#analytics-area-content .an-d3-focus-1:focus { outline: 2px solid #0d9488; outline-offset: 2px; color: #0d9488; }
#analytics-area-content .an-d3-focus-2:focus { outline: 2px solid #0d9488; outline-offset: 2px; }
#analytics-area-content .an-d3-hover-3:hover { color: #0d9488; }
#analytics-area-content .an-d3-focus-4:focus { outline: 2px solid #0d9488; outline-offset: 2px; color: #0d9488; }
#analytics-area-content .an-d3-focus-5:focus { outline: 2px solid #0d9488; outline-offset: 2px; }
#analytics-area-content .an-d3-hover-6:hover { color: #0d9488; }
#analytics-area-content .an-d3-focus-7:focus { outline: 2px solid #0d9488; outline-offset: 2px; color: #0d9488; }

/* UI-5C literal frozen D4 interaction styles. */
#analytics-area-content .an-d4-hover-0:hover { color: #0d9488; }
#analytics-area-content .an-d4-focus-1:focus { outline: 2px solid #0d9488; outline-offset: 2px; color: #0d9488; }
#analytics-area-content .an-d4-focus-2:focus { outline: 2px solid #0d9488; outline-offset: 1px; }
#analytics-area-content .an-d4-focus-3:focus { outline: 2px solid #0d9488; outline-offset: 2px; }
#analytics-area-content .an-d4-hover-4:hover { color: #0d9488; }
#analytics-area-content .an-d4-focus-5:focus { outline: 2px solid #0d9488; outline-offset: 2px; color: #0d9488; }
#analytics-area-content .an-d4-hover-6:hover { color: #0d9488; }
#analytics-area-content .an-d4-focus-7:focus { outline: 2px solid #0d9488; outline-offset: 2px; color: #0d9488; }

#analytics-panel [data-action="retry"]:hover { background: #0f766e !important; border-color: #0f766e !important; }