html:has(body.sytelytics-app-page),
body.sytelytics-app-page { margin:0!important; padding:0!important; width:100%!important; max-width:none!important; overflow-x:hidden; background:#08111f; }
body.sytelytics-app-page .sytelytics-application-canvas,
body.sytelytics-app-page .sytelytics-application-canvas > * { width:100%; max-width:none; margin:0; padding:0; }
body.sytelytics-app-page .syt-app-shell{min-height:100vh;background:radial-gradient(circle at 12% 12%,rgba(22,203,212,.16),transparent 32%),radial-gradient(circle at 92% 8%,rgba(124,58,237,.22),transparent 30%),#08111f;color:#dce7f7;display:flex;}
body.admin-bar.sytelytics-app-page .syt-app-shell{min-height:calc(100vh - 32px)}
.syt-app-sidebar{position:sticky;top:0;align-self:flex-start;width:292px;min-height:100vh;padding:24px 18px;background:rgba(7,13,26,.82);border-right:1px solid rgba(255,255,255,.08);backdrop-filter:blur(18px)}
.admin-bar .syt-app-sidebar{top:32px;min-height:calc(100vh - 32px)}
.syt-app-brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-weight:900;font-size:21px;letter-spacing:-.03em;margin-bottom:24px}.syt-app-brand img{width:44px;height:44px;object-fit:contain;filter:drop-shadow(0 0 18px rgba(22,203,212,.38))}.syt-app-brand small{display:block;color:rgba(220,231,247,.54);font-size:11px;font-weight:750;letter-spacing:.08em;text-transform:uppercase;margin-top:2px}
.syt-app-nav{display:grid;gap:6px;margin-top:18px}.syt-app-nav a{display:flex;align-items:center;gap:10px;min-height:44px;padding:10px 12px;border-radius:14px;color:rgba(220,231,247,.72);text-decoration:none;font-weight:800;font-size:14px}.syt-app-nav a:hover,.syt-app-nav a.is-active{background:linear-gradient(135deg,rgba(22,203,212,.16),rgba(124,58,237,.18));color:#fff}.syt-app-sidebar-footer{position:absolute;left:18px;right:18px;bottom:18px;color:rgba(220,231,247,.45);font-size:12px;line-height:1.5}.syt-app-main{flex:1;min-width:0;padding:28px clamp(22px,3vw,48px) 56px}.syt-app-topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}.syt-app-title h1{margin:0;color:#fff;font-size:clamp(30px,4vw,52px);letter-spacing:-.055em;line-height:1.02}.syt-app-title p{margin:8px 0 0;color:rgba(220,231,247,.62)}.syt-app-badge{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(255,255,255,.06);font-size:12px;font-weight:800;color:rgba(220,231,247,.75)}.syt-app-content .anst-portal{max-width:none;margin:0;padding:0;color:#102033}.syt-app-content .anst-portal > h1,.syt-app-content .anst-portal > p.anst-muted{display:none}.syt-app-content .anst-card{color:#102033!important;border:1px solid rgba(16,32,51,.08)!important;border-radius:22px!important;box-shadow:0 22px 70px rgba(3,8,24,.12)!important}.syt-app-content .anst-card h1,.syt-app-content .anst-card h2,.syt-app-content .anst-card h3,.syt-app-content .anst-card h4,.syt-app-content .anst-card h5,.syt-app-content .anst-card h6{color:#0f172a!important}.syt-app-content .anst-card p,.syt-app-content .anst-card li,.syt-app-content .anst-card td,.syt-app-content .anst-card th,.syt-app-content .anst-card label{color:inherit}.syt-app-content .anst-metric{letter-spacing:-.04em;color:#08111f!important}.syt-app-content .anst-toolbar{border-radius:22px!important}.syt-app-content table{font-size:14px}.syt-app-empty,.syt-app-panel{background:#fff;border-radius:24px;padding:28px;box-shadow:0 22px 70px rgba(3,8,24,.16);color:#102033}.syt-app-panel h2,.syt-app-empty h2{margin-top:0;color:#08111f}.syt-app-panel code{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;padding:2px 6px}.syt-app-login{max-width:480px;margin:8vh auto;background:#fff;color:#102033;border-radius:28px;padding:34px;box-shadow:0 30px 90px rgba(0,0,0,.28)}
@media(max-width:960px){body.sytelytics-app-page .syt-app-shell{display:block}.syt-app-sidebar{position:relative;width:100%;min-height:0;display:block}.admin-bar .syt-app-sidebar{top:auto;min-height:0}.syt-app-sidebar-footer{position:static;margin-top:20px}.syt-app-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.syt-app-main{padding:24px 18px 46px}}
@media(max-width:560px){.syt-app-nav{grid-template-columns:1fr}.syt-app-topbar{display:block}.syt-app-badge{margin-top:14px}.syt-app-login{margin:24px 14px;padding:24px}}

/* v0.2.1 dashboard contrast hardening */
.syt-app-content .syt-chart-card,.syt-app-content .syt-mkt-role,.syt-app-content .syt-mkt-card,.syt-app-content .syt-mkt-metric,.syt-app-content .syt-project-form,.syt-app-content .syt-account-card,.syt-app-content .syt-account-actions,.syt-app-content .syt-account-invoices{color:#102033;}
.syt-app-content .syt-chart-card h1,.syt-app-content .syt-chart-card h2,.syt-app-content .syt-chart-card h3,.syt-app-content .syt-mkt-role h1,.syt-app-content .syt-mkt-role h2,.syt-app-content .syt-mkt-role h3,.syt-app-content .syt-mkt-card h1,.syt-app-content .syt-mkt-card h2,.syt-app-content .syt-mkt-card h3{color:#0f172a;}
.syt-app-content .anst-muted,.syt-app-content .syt-kpi-note,.syt-app-content .syt-chart-legend{color:#64748b!important;}

/* v1.1.0 — plugin-owned application shell and embedded Facebook Studio */
.sytelytics-plugin-shell .sytelytics-application-canvas,
.sytelytics-plugin-shell .sytelytics-application-canvas > *{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
.syt-app-shell,.syt-app-shell *{box-sizing:border-box}
.syt-app-brand img{width:44px;height:44px;object-fit:contain;filter:drop-shadow(0 0 18px rgba(22,203,212,.38))}
.syt-facebook-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;background:linear-gradient(135deg,#071225,#123564 58%,#172554);border:1px solid rgba(255,255,255,.1);border-radius:22px;padding:22px;margin-bottom:18px;color:#fff}
.syt-facebook-intro h2{color:#fff;margin:8px 0 6px}.syt-facebook-intro p{margin:0;max-width:840px;color:rgba(255,255,255,.75)}
.syt-facebook-studio .nams-studio{grid-template-columns:minmax(0,1fr);min-height:auto;margin:0;border-radius:22px;box-shadow:0 16px 50px rgba(3,8,24,.14)}
.syt-facebook-studio .nams-studio-sidebar{display:none!important}
.syt-facebook-studio .nams-studio-main{padding:24px}
.syt-facebook-studio .nams-front-hero{margin-top:0}
.syt-facebook-studio .nams-studio-tab[data-nams-tab="settings"] .nams-settings-panel:nth-child(n+2){display:none}
.syt-facebook-studio .nams-free-platform-note strong:after{content:" · Facebook only in SyteLytics Free";color:#2563eb}
@media(max-width:760px){.syt-facebook-studio .nams-studio-main{padding:16px}.syt-facebook-intro{padding:18px}}


/* v1.8.0 grouped responsive/collapsible shell is finalised by the later inline shell rules in frontend_assets(). */