/* Page layouts measured against the supplied ASO reference screens. */
:root{--sans:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;--ink:#0c1029;--muted:#505d84;--bg:#f5f8fd;--accent:#653cff;--accent-bg:#eeebff;--line:#e9edf8}
body{font-size:14px}.shell{grid-template-columns:240px minmax(0,1fr)}.content{padding:0 24px 28px;gap:16px}#page{gap:14px}
header.topbar{height:56px;margin-inline:-24px;padding-inline:12px 24px;background:color-mix(in srgb,var(--surface) 94%,transparent)}
.gsearch{height:36px;border-radius:6px;max-width:560px}.gsearch input{font-size:12px}.gsearch kbd{font-size:11px}
.side{padding:14px 10px;gap:12px;background:color-mix(in srgb,var(--surface) 78%,var(--bg))}.logo{padding:0 14px 12px;gap:10px;font-size:20px;letter-spacing:-.6px}.logo .mark{width:30px;height:30px;background:none;box-shadow:none;border-radius:0}.logo .mark svg{width:30px;height:30px;stroke:none;fill:initial}
.snav a{height:39px;padding:8px 18px;gap:14px;font-size:13px;font-weight:400;border-radius:7px}.snav svg{width:19px;height:19px;stroke-width:1.6}.snav .chev{width:13px;height:13px}.snav a[aria-current="page"]{font-weight:500;background:var(--accent-bg)}
.subnav{margin:0 0 5px 28px;padding-left:0;gap:0;border-color:#dce2f5}.subnav a{height:32px;padding:6px 14px 6px 31px;font-size:12px;border-radius:0 6px 6px 0}.sfoot{gap:12px;padding:0 8px}.cs{padding:13px 14px;gap:14px}.cs .store{padding-block:3px}.store .ico{width:34px;height:34px}.store b{font-size:10px}.store small{font-size:10px}.cs .slabel{font-size:11px}.store .tick{width:14px;height:14px}
body:not([data-page="dashboard"]):not([data-page="apps"]) .usage{display:none}body[data-page="apps"] .usage{order:2}
.pagehead h1{font-size:25px;letter-spacing:-.7px}.pagehead{margin:2px 0 0}.sub2{font-size:13px}.pagehead.slim:has(#pageTitle[hidden]){position:absolute;top:58px;right:24px;margin:0;pointer-events:none}.pagehead.slim #stamp{font:10px var(--sans);opacity:.7}.content:has(.pagehead.slim) #page{padding-top:0}
.btn,.pbtn .btn{border-radius:6px;font-size:12px;font-weight:500;padding:8px 13px}.btn.primary{background:linear-gradient(110deg,#8054ff,#5c32ff);box-shadow:none}.btn:disabled{cursor:not-allowed;opacity:.5}.btn.sm{padding:5px 10px;font-size:11px;border-radius:5px}.pill{font:500 10px var(--sans);text-transform:none;letter-spacing:0;border-radius:5px;padding:3px 7px}.dl{font:600 10px var(--sans)!important;border-radius:5px!important;padding:3px 6px!important;white-space:nowrap}
.panel,.krk,.kpi,.itcard{border-radius:8px;border:1px solid var(--line);box-shadow:none}.dp,.anp,.opp,.krp,.krs{padding:15px 16px}.opt1,.dph h3,.krsh b{font-size:14px;font-weight:650;letter-spacing:-.35px}.opsh{margin-bottom:14px}.anp{margin-bottom:0}.krmain,.krside{gap:14px}.dph{margin-bottom:12px}.dph a{font-size:11px}.chart-frame{position:relative;width:100%;min-width:0}.chart-frame svg{display:block;width:100%;font-family:var(--sans)}.chart-empty{position:absolute;inset:30px 0 20px 40px;display:grid;place-items:center;color:var(--muted);font-size:12px;background:color-mix(in srgb,var(--surface) 88%,transparent)}.chart-point:hover>circle:first-child{r:4;stroke:var(--surface);stroke-width:2}
.kpis{gap:16px}.kpi{min-height:104px;align-items:flex-start;padding:16px}.kic{width:36px;height:36px;border-radius:8px}.kbody span{font-size:12px}.kbody b{font-size:24px;line-height:1.1}.kbody .sub{font:11px var(--sans)}.kx{margin-top:5px}.ksp{bottom:10px;right:16px;max-width:150px;width:48%}.kpi .kgo{right:14px;width:12px}.r2{grid-template-columns:minmax(0,1.22fr) minmax(0,1fr)}.r3{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,.75fr)}.r4{grid-template-columns:minmax(0,1.12fr) minmax(0,1.2fr) minmax(0,.89fr)}
.legend,.krleg{font-size:11px;gap:16px}.krleg i{width:11px;height:11px}.trow{padding:9px 0}.trow.th,.kwh,.stth{background:linear-gradient(90deg,var(--bg),var(--surface));font-size:10px;text-transform:none;letter-spacing:0}.tn2 b{font-size:11px}.tn2 small{font-size:10px}.num{font:500 11px var(--sans)}.tv{font:600 12px var(--sans)}.kwr{padding:8px 4px;font-size:11px}.kwr b{font:500 11px var(--sans)}.fr small{font-size:11px}.fr b{font:500 13px var(--sans)}.fr>span{font:11px var(--sans)}.fr{padding:12px 0;grid-template-columns:118px minmax(40px,1fr) 42px}.ft{height:24px;border-radius:4px}.ft i{border-radius:4px;background-image:linear-gradient(110deg,#ffffff22,transparent)}.strow{font-size:11px;padding:8px 3px}.strow .sub{font:10px var(--sans)}.sn b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sug{padding:10px 0;gap:10px}.sw b{font-size:11px}.sw small{font-size:10px}.rv{padding:8px 0}.rv b,.crow .tn b{font-size:11px}.crow{padding:8px 0}.tags i{font-size:9px;border-radius:4px;padding:2px 6px}
.crumbs{font-size:12px;margin:0 0 13px;gap:9px}.ahead{margin-top:0;gap:16px;min-height:78px}.aicon,.ahead .av2{width:76px;height:76px;border-radius:14px}.arow h2{font-size:23px!important;letter-spacing:-.5px}.asub{font-size:13px}.ameta{font-size:11px;margin-top:3px}.ainfo{gap:5px}.aright{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.aact:empty{display:none}.aact:has(> .kmenu:only-child){display:none}.platrow .sub{font:11px var(--sans)}.seg.big{border-radius:6px;background:var(--surface);padding:0}.seg.big button{padding:8px 20px;border-radius:5px;font-size:12px;min-width:102px}.seg.big .ico{width:20px;height:20px}.apppick{height:35px;border-radius:6px;min-width:150px}.apppick select{font-size:11px}.uname b{font-size:12px}.uname small{font-size:11px}.chipuser i{width:34px;height:34px;background:linear-gradient(135deg,#6456e8,#2114ba)}
.ptabs{margin-top:17px;margin-bottom:14px;gap:4px;scrollbar-width:none}.ptabs a{padding:10px 13px 12px;font-size:12px;line-height:1.35;font-weight:400}.ptabs a[aria-current="page"]{font-weight:500}.langpick,.krcountry,.opl{border-radius:6px}.langpick select{font-size:11px}.langpick{padding:7px 10px}.krk{padding:14px 16px;min-height:80px;align-items:flex-start;border-radius:7px}.krk>div{min-width:0}.krk span{font-size:11px;margin-bottom:6px;line-height:1.25}.krk b{font-size:25px;line-height:1.1;font-weight:650;letter-spacing:-.8px}.krk i{width:33px;height:33px;border-radius:7px}.krk i svg{width:19px;height:19px}.krk .sub{font:10px/1.35 var(--sans);margin-top:6px}.krk .dl{display:inline-block;margin-top:6px}.krkpis{gap:12px;margin:0}.krgrid{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:14px}.krbot{gap:14px;margin-top:14px}.krbot .panel{min-width:0}.krin{border-radius:6px}.krin input{font-size:12px;padding:9px 0}.krt{font-size:11px}.krt th{background:linear-gradient(100deg,var(--bg),var(--surface));font-size:10px;padding:8px;color:var(--ink);font-weight:500}.krt td{padding:10px 8px}.krt.sm th,.krt.sm td{padding:8px 6px}.krt tbody tr:hover{background:color-mix(in srgb,var(--accent-bg) 20%,var(--surface))}.kp{font-size:11px;border-radius:5px;min-width:34px;padding:3px 8px}.krnote{font:10px/1.5 var(--sans);margin-top:10px}.krfilters{margin:12px 0}.krfilters .btn{padding:5px 10px;font-size:11px}.krsh{margin-bottom:10px}.krsh .beta{font-size:9px;border-radius:3px}.krmore{font-size:11px}
/* My Apps: four overview cards, portfolio table, three distribution panels. */
body[data-page="apps"] .kpi{min-height:117px}.mabar{padding:12px 10px;border-bottom:1px solid var(--line);gap:10px}.mabar .gsearch{max-width:530px}.mar{font-size:11px;padding:12px 10px;gap:10px}.mar .tn2 img{width:44px;height:44px}.mar .tn2 b{font-size:12px}.mar .tn2 small{font-size:10px}.mar .sub{font:10px var(--sans)}.mar.mah{font-size:10px;background:var(--bg);padding-block:12px}.mar .stk b{font-size:12px;font-weight:500}.mar .stk small{font-size:10px}.cat{font-size:10px;border-radius:4px;padding:3px 7px}.dist{gap:18px;flex-wrap:nowrap}.dleg{min-width:0;gap:14px}.dleg div{font-size:11px;gap:10px}.pbar{font-size:12px;padding:13px 0;grid-template-columns:104px 1fr 72px}.pbar .ub{height:17px;border-radius:4px}.catr{font-size:12px;padding:9px 0}.catr b{font-weight:500}
/* Main listing and editing have separate two- and three-column compositions. */
.egrid{grid-template-columns:minmax(0,1.32fr) minmax(0,1fr) minmax(215px,.61fr);gap:14px}.egrid.listing-overview{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.listing-overview .eside{display:none}.listing-overview .phone{border:0;box-shadow:none;padding:8px 4px}.listing-overview .phone::before{display:none}.listing-overview .pvshots img{height:230px}.listing-overview .pvicon{width:90px;height:90px;border-radius:17px}.listing-overview .pv{grid-template-columns:90px 1fr}.listing-overview .pvt b{font-size:27px}.listing-overview .pvstats{padding-block:18px}.ef{margin-bottom:17px;gap:6px}.efh{font-size:12px;font-weight:400}.cnt{font:11px var(--sans)}.ef input,.ef textarea{border-radius:6px;padding:9px 10px;font:12px/1.55 var(--sans)}.ef textarea{min-height:130px}.ef .linkbtn{font-size:10px;justify-self:end}.efh .req{font-size:12px}.phone{padding:25px 16px 16px;border-radius:28px;box-shadow:inset 0 0 0 5px var(--bg);position:relative;overflow:hidden}.phone::before{content:"";position:absolute;top:10px;left:calc(50% - 20px);height:4px;width:40px;border-radius:4px;background:var(--line)}.pv{grid-template-columns:76px minmax(0,1fr);gap:15px 12px}.pvt b{font-size:21px;letter-spacing:-.6px}.pvt .dev{font-size:11px}.pvstats{border-top:0;border-bottom:0;padding:18px 0}.pvstats b{font-size:13px}.pvstats small{font-size:11px;margin-top:6px}.pvbtn.play{border-radius:5px;padding:10px}.pvshots{margin-top:4px}.pvshots img{height:210px;border-radius:8px}.pvdesc{font-size:11px;line-height:1.5}.pvpromo{font-size:11px}.tip{padding:11px 10px;border-radius:6px;gap:10px}.tip b{font-size:11px;font-weight:500}.tip small{font-size:11px;line-height:1.5}.tip .ti{width:19px;height:19px}.ckh{font-size:12px}.ckl{font-size:11px;gap:9px}.ckl i{width:14px;height:14px}.expbox{padding:12px;border-radius:6px}.expbox b{font-size:11px}.expbox small{font-size:10px}.eside{gap:13px}
/* Localization: locale directory, live editor, full-height phone preview. */
.lgrid{grid-template-columns:minmax(0,.95fr) minmax(0,1.18fr) minmax(0,.92fr);gap:14px;align-items:stretch}.lgrid>.panel{min-width:0}.loc{padding:17px 9px;border-radius:7px;gap:12px}.ln b{font-size:12px}.ln small{font-size:10px}.loc .pill{font-size:10px}.fl{font-size:24px}.lgrid .dph h3{font-size:15px}.lgrid .dph{min-height:36px;margin-bottom:18px;flex-wrap:wrap}.lgrid .phone{border:7px solid #090a0c;box-shadow:0 0 0 2px #a5a5a5;border-radius:40px;padding:52px 16px 16px;min-height:545px;margin:12px 6px 0}.lgrid .phone::before{top:0;left:calc(50% - 58px);width:116px;height:24px;border-radius:0 0 16px 16px;background:#090a0c}.lgrid .pvshots img{height:260px}.lgrid .pvstats{padding-block:22px}.lgrid .pvdesc{display:none}.efoot{padding-top:12px;border-top:1px solid var(--line)}
/* AI Optimizer: analysis and suggestions on the left, preview plus score on the right. */
.opgrid{grid-template-columns:1.12fr 1fr}.optiles{gap:10px}.opt{padding:10px;border-radius:6px;min-width:0}.opt b{font-size:18px}.opt span{font-size:10px}.opt i{width:19px;height:19px}.opt i svg{width:13px;height:13px}.optabs{border-radius:6px;margin-bottom:12px;gap:0}.optabs button{font-size:11px;padding:9px 10px;font-weight:400}.opcols{grid-template-columns:.8fr 1.2fr;gap:12px}.opcl{font-size:11px}.opcb{font-size:11px;border-radius:5px;padding:10px}.opsg{padding:10px;border-radius:6px;gap:9px}.optx{font-size:11px;font-weight:400}.opn{font-size:10px}.optags u{font-size:9px;border-radius:4px;padding:2px 5px}.opcard{padding:12px;border-radius:6px}.opcmp small{font-size:10px}.opcmp p{font-size:10px;line-height:1.5}.opvisual{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(190px,.8fr);background:var(--surface);border:1px solid var(--line);border-radius:8px;overflow:hidden}.opvisual>.panel{border:0;border-radius:0;padding:14px 12px}.opvisual>.panel+ .panel{border-left:1px solid var(--line)}.opvisual .oppv{border:6px solid #11131b;border-radius:28px;padding:24px 12px 12px;margin-top:12px;min-height:390px;overflow:hidden}.opvisual .pvicon{width:65px;height:65px;border-radius:12px}.opvisual .pv{grid-template-columns:65px minmax(0,1fr)}.opvisual .pvt b{font-size:16px}.opvisual .pvshots img{height:160px}.opvisual .pvdesc{display:none}.opvisual .opbd{flex-direction:column;gap:14px}.opvisual .opbd ul{width:100%}.opvisual .opbd li{font-size:10px;gap:5px}.opvisual .opbd .opdn{width:115px;height:115px}.opvisual .opt3{font-size:11px;margin-top:22px}.opvisual .opimp{font-size:10px}.opvisual .sub{font:10px/1.5 var(--sans)}
/* Analytics: six metrics, balanced trend/funnel, and two rows of breakdowns. */
.ankpis{gap:12px;margin-bottom:14px}.ankpis .krk{padding:14px;min-height:86px;position:relative}.ankpis .krk b{font-size:23px}.ankpis .krk i{width:30px;height:30px;position:absolute;top:12px;right:12px}.ankpis .krk span{padding-right:23px;font-size:10px}.ankpis .krk .dl{margin-top:7px}.angrid{gap:14px;margin-bottom:14px}.angrid.g2{grid-template-columns:1fr 1fr}.angrid.g3{grid-template-columns:1.35fr 1fr 1fr}.anfun{padding:23px 0 16px;gap:8px}.anfs{min-width:0;gap:12px}.anfs small{font-size:11px}.anfs b{font-size:21px}.anfs em{font-size:11px}.anfb{height:28px;border-radius:4px}.anar{padding:0;font-size:20px}.anshare{font-size:10px;min-width:76px}.anshare i{max-width:55px;height:5px}.opbd{gap:14px}.opbd li{font-size:11px}.opbd ul{gap:12px}
/* Competitor overview: metrics and chart/table in the main column, insights at right. */
.cpgrid{grid-template-columns:minmax(0,3.5fr) minmax(235px,1fr);gap:14px}.cpkpis{gap:10px;margin:0}.cpkpis .krk{padding:14px 12px;min-height:82px}.cpkpis .krk b{font-size:24px}.cpkpis .krk i{width:29px;height:29px}.cpkpis .krk span{font-size:10px}.cpkpis .krk small{font-size:9px}.cptop{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:14px}.cptop .opbd{flex-direction:column;gap:10px}.cptop .opbd ul{width:100%}.cptop .opbd .opdn{width:130px!important;height:130px!important}.cptop .opbd li{font-size:9px}.cpins{gap:16px}.cpins li,.cpgap li{font-size:11px}.cpins .opdot{width:13px;height:13px}.cpck{width:14px;height:14px}.cptools .krin{min-width:180px}.cptools .btn{font-size:11px}
/* Reviews: rating line + volume bars above the review inbox, insights on the right. */
.rvkpis{gap:12px;margin-bottom:14px}.rvkpis .krk{min-height:98px}.rvgrid{grid-template-columns:minmax(0,2.25fr) minmax(260px,1fr);gap:14px}.rvgrid .krsvg{max-height:200px}.rvbd>div{font-size:11px;gap:10px;padding-block:5px}.rvbar{height:12px;border-radius:4px}.rvins{gap:14px}.rvins li{font-size:11px}.rvins em{font-size:10px}.rvfilt{gap:8px}.rvfilt .krin{min-width:180px}.rvfilt .btn{font-size:10px}.rvsubs{font-size:11px;gap:8px}.rvsub{font-size:11px;padding:8px 10px}.rvr{padding:14px 0;gap:12px}.rvh b{font-size:12px}.rvm{font-size:10px;margin-top:6px}.rvbody p{font-size:11px;margin:7px 0 0;line-height:1.5}.rvside{gap:10px}.rvside .pill{font-size:9px}.rvp{width:22px}.rvp .ico{width:20px;height:20px}.stars{font-size:15px;letter-spacing:0}
/* Experiments: four metrics, variant comparison, detail card, results and history. */
.exkpis{gap:12px;margin-bottom:14px}.exkpis .krk{min-height:95px;flex-direction:row-reverse;justify-content:flex-end}.exkpis .krk i{margin-right:12px}.exkpis .krk>div{flex:1}.exgrid{grid-template-columns:minmax(0,3.5fr) minmax(230px,1fr);gap:14px;margin-bottom:14px}.exvars{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.exvar{padding:5px;border-radius:7px;background:var(--bg)}.exvh{font-size:11px}.exshots{gap:5px}.exshots img{height:165px;border-radius:6px}.exdl{font-size:11px;gap:16px 8px}.exres{background:var(--bg);border:0;border-radius:6px;padding:13px}.exres small{font-size:11px}.exres b{font-size:26px;margin-top:8px}.exreg{gap:12px}
/* In-App Events: text and artwork editor, phone, then checklist and draft actions. */
.evgrid{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:14px}.evcols{grid-template-columns:1.3fr 1fr;gap:24px}.evl{font-size:12px;font-weight:400}.evf input,.evf textarea,.evsel{font-size:12px;border-radius:6px;padding:9px 10px}.evf .sub,.evimg .sub{font:10px/1.5 var(--sans)}.evimg>b{font-size:11px}.evpic{border-radius:8px}.evimg:first-child .evpic{aspect-ratio:1/1}.evup{border-radius:5px;font-size:11px;padding:7px}.evphone{border:7px solid #090a0c;box-shadow:0 0 0 2px #a5a5a5;border-radius:40px;padding:18px 17px;max-width:340px}.evnotch{height:24px;width:110px;margin-top:-18px;border-radius:0 0 15px 15px}.evapp{margin-top:45px}.evic{width:72px;height:72px;border-radius:15px}.evapp b{font-size:19px}.evapp span{font-size:11px}.evapp i{padding:4px 24px}.evhn{font-size:11px;margin-top:24px}.evcard{min-height:180px;border-radius:10px}.evck{font-size:11px;gap:12px 14px}.evck i{width:14px;height:14px}.evbtns .btn{font-size:11px}
/* Publishing: five-step pipeline, store cards and submissions next to checklist. */
.pbpipe{padding:22px 16px;gap:10px;margin-bottom:14px;background:linear-gradient(120deg,var(--surface),var(--bg))}.pbstep{min-width:0;gap:12px}.pbstep i{width:42px;height:42px;box-shadow:0 0 0 7px color-mix(in srgb,var(--accent-bg) 65%,transparent)}.pbstep b{font-size:11px}.pbstep span{font-size:11px;line-height:1.5;max-width:142px}.pbpipe>.pbar{padding:0;display:block;font-size:25px;color:#65709c}.pbgrid{grid-template-columns:minmax(0,3fr) minmax(265px,1fr);gap:14px}.pbstores{gap:14px;margin:0}.pbstore{padding:16px 18px;gap:14px}.pbstore b{font-size:12px}.pbstore .sub{font:10px var(--sans);margin-top:8px}.pbico .big{width:40px;height:40px}.pbcl{font-size:11px;gap:12px}.pbcl li{font-size:11px}.pbcl small{font-size:9px}.pbck{width:14px;height:14px}.pbnotes{font-size:11px;border-radius:5px}.pbshots img{height:215px;border-radius:9px}.pbacts .btn{font-size:13px;padding:12px;border-radius:6px}
/* Integrations: local service artwork, three cards per group, status and activity. */
.itgridwrap{grid-template-columns:minmax(0,3.5fr) minmax(240px,1fr);gap:14px}.itmain{gap:15px}.itgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.itgrp h3{font-size:14px;margin-bottom:8px}.itcard{border-radius:7px;padding:14px;gap:9px;background:var(--surface);min-height:161px}.itcard.soon{background:var(--surface)}.ithead{gap:12px}.ithead b{font-size:11px}.ithead p{font-size:10px;line-height:1.5;margin-top:5px}.itlogo{width:43px;height:43px}.itfoot .sub{font:9px var(--sans)}.itcard .btn{padding:6px 12px;font-size:10px;border-radius:5px}.itman{font-size:11px}.itman p{font-size:11px}.itapp{font-size:10px}.itgridwrap .opbd{flex-direction:column}.itgridwrap .opbd ul{width:100%}
/* Settings: preferences above workspace controls, notifications, and three utility cards. */
.stgrid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:14px}.stbot{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px}.stgrid .stp,.stbot .stp{padding:18px 20px;border-radius:8px}.stp h3{font-size:15px;letter-spacing:-.3px}.stp>p{font-size:12px;margin-top:4px}.stcols{gap:24px}.stl{font-size:12px;font-weight:400}.stsel{font-size:12px;padding:10px;border-radius:6px}.stck b{font-size:11px;font-weight:400}.stck small{font-size:11px}.strow2{padding:12px 0;gap:14px}.strow2 b{font-size:11px;font-weight:400}.strow2 small{font-size:10px}.sti{width:35px;height:35px;border-radius:7px}.sti svg{width:18px;height:18px}.stsw{width:41px;height:23px}.stact,.stdanger{font-size:11px;min-width:78px}.stbot .strow2{align-items:center}.stbot .strow2>div{min-width:0}
@media(min-width:1450px){.r2{grid-template-columns:1.22fr 1fr}.r3{grid-template-columns:1.3fr 1fr .75fr}.r4{grid-template-columns:1.12fr 1.2fr .89fr}.kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.egrid:not(.listing-overview){grid-template-columns:1.32fr 1fr .61fr}.egrid .eside{grid-column:auto;grid-template-columns:1fr}.lgrid{grid-template-columns:.95fr 1.18fr .92fr}.ankpis{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(min-width:821px) and (max-width:1200px){.cpgrid,.itgridwrap,.opgrid,.pbgrid{grid-template-columns:minmax(0,1fr)}.cpgrid>.krside,.itgridwrap>.krside,.pbgrid>.krside{grid-template-columns:repeat(2,minmax(0,1fr))}.itgrid{grid-template-columns:repeat(3,minmax(0,1fr))}.cpkpis{grid-template-columns:repeat(5,minmax(0,1fr))}.cpkpis .krk b{font-size:20px}.krgrid{grid-template-columns:1.6fr 1fr}.krkpis{grid-template-columns:repeat(2,minmax(0,1fr))}.lgrid{grid-template-columns:1fr 1.2fr}.lgrid>#pvwrap{grid-column:1/-1}.lgrid .phone{max-width:340px;margin-inline:auto}.stgrid{grid-template-columns:1fr 1fr}.stcols{grid-template-columns:1fr}.stbot{grid-template-columns:1fr}.ankpis{grid-template-columns:repeat(3,minmax(0,1fr))}.anfs b{font-size:18px}.pbpipe{overflow-x:auto}.pbstep{min-width:160px}}
@media(max-width:820px){.shell{grid-template-columns:minmax(0,1fr)}.content{padding:0 14px 24px;gap:16px}header.topbar{height:57px;margin-inline:-14px;padding-inline:14px;gap:8px}.side{padding:16px 10px}.snav a{height:40px}.sfoot{margin-top:12px}.pagehead.slim:has(#pageTitle[hidden]){display:none}.r2,.r3,.r4,.krgrid,.krbot,.egrid,.egrid.listing-overview,.lgrid,.opgrid,.cpgrid,.cptop,.angrid.g2,.angrid.g3,.rvgrid,.exgrid,.evgrid,.evcols,.pbgrid,.stgrid,.stbot{grid-template-columns:minmax(0,1fr)}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.krkpis,.cpkpis,.rvkpis,.ankpis,.exkpis{grid-template-columns:repeat(2,minmax(0,1fr))}.egrid .eside{grid-template-columns:minmax(0,1fr);grid-column:auto}.lgrid>#pvwrap{grid-column:auto}.itgridwrap{grid-template-columns:minmax(0,1fr)}.itgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.itgridwrap>.krside{grid-template-columns:minmax(0,1fr)}.aright{justify-content:flex-start;width:100%;gap:10px}.ahead{gap:12px}.ainfo{min-width:160px}.aicon{width:60px;height:60px;border-radius:12px}.arow h2{font-size:21px!important}.asub{font-size:12px}.ameta{font-size:10px;overflow-wrap:anywhere}.apppick{min-width:0;max-width:125px}.apppick select{max-width:75px}.apppick img{width:20px;height:20px}.ptabs{margin-top:12px}.ptabs a{font-size:11px;padding:10px}.exvars{grid-template-columns:minmax(0,1fr)}.exshots img{height:180px}.pbstores{grid-template-columns:minmax(0,1fr)}.pbpipe{overflow-x:auto}.pbstep{min-width:170px}.opvisual{grid-template-columns:1.1fr 1fr}.opvisual .opbd .opdn{width:95px!important;height:95px!important}.opvisual .oppv{padding:20px 8px}.opvisual .pv{grid-template-columns:50px minmax(0,1fr)}.opvisual .pvicon{width:50px;height:50px}.opvisual .pvt b{font-size:13px}.opvisual .pvstats b{font-size:11px}.opvisual .pvstats small{font-size:9px}.stcols{grid-template-columns:minmax(0,1fr)}.dist{flex-wrap:wrap}.gsearch{min-width:60px}.gsearch input{font-size:11px}.gsearch kbd{display:none}.chipuser{padding:0}.chipuser i{width:30px;height:30px}.kpi{padding:12px;gap:8px}.kbody b{font-size:22px}.kbody span{font-size:11px}.kic{width:30px;height:30px}.anfun{gap:6px}.anfs b{font-size:18px}.anfs small{font-size:9px}.anfs em{font-size:10px}}
@media(max-width:480px){.itgrid{grid-template-columns:minmax(0,1fr)}.opvisual{grid-template-columns:minmax(0,1fr)}.opvisual>.panel+.panel{border-left:0;border-top:1px solid var(--line)}.opvisual .oppv{max-width:300px;margin-inline:auto}.opvisual .pv{grid-template-columns:65px minmax(0,1fr)}.opvisual .pvicon{width:65px;height:65px}.opvisual .pvt b{font-size:18px}.opcols,.opvs{grid-template-columns:minmax(0,1fr)}.stgrid .stp,.stbot .stp{padding:16px}.rvfilt{flex-wrap:wrap}.rvfilt .krin{flex-basis:100%}.anfs b{font-size:16px}.legend{gap:9px;font-size:9px}.seg button{padding:5px 9px}.dph h3{font-size:13px}}

.report-notice{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border:1px solid var(--line);background:var(--accent-bg);border-radius:7px;font-size:11px;color:var(--muted);margin-bottom:14px}.report-notice .btn{flex:none}
/* Keep the dashboard density aligned with the 1536px reference. */
.pagehead>#stamp{position:absolute;top:59px;right:24px;font:9px var(--sans);opacity:.6;flex-basis:auto}
.kpi:has(.ksp:not(:empty)) .kx{padding-bottom:0}.kpi{min-height:104px}.ksp{bottom:10px}.krk .dl.up,.kx .dl.up{background:var(--good-bg)}
body[data-page="dashboard"] .rv small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pagehead.slim{display:contents}.pagehead.slim #stamp{position:absolute;top:58px;right:24px;font:9px var(--sans)}
body:not([data-page="dashboard"]):not([data-page="analytics"]):not([data-page="rankings"]):not([data-page="reviews"]) .topbar>.tools>.rangepick{display:none}
.ahead{display:grid;grid-template-columns:76px minmax(160px,1fr) auto;align-items:center}.ainfo{min-width:0}.aright{max-width:760px}.aact .btn{font-size:11px;padding:8px 12px}.seg.big button{min-width:90px;padding:8px 16px}
.mar{grid-template-columns:20px minmax(170px,1.7fr) 58px 100px 104px 90px 120px 110px 90px 96px 32px;gap:8px;min-width:1160px}.mar>:nth-child(11){display:none}.mar .tn2{gap:10px}.mar .tn2 small{max-width:165px;overflow:hidden;text-overflow:ellipsis}.mabar #sort{height:36px;font-size:10px}.mabar .gsearch{min-width:280px}.mabar .btn{height:36px}
.cptop .opbd{flex-direction:row;gap:10px}.cptop .opbd ul{width:auto;min-width:0}.cptop .opbd .opdn{width:115px!important;height:115px!important}.cptop .opbd li{font-size:9px;gap:5px}.cptop .opbd .cpnm{white-space:normal}.cptop .sub{font:10px/1.5 var(--sans)}
.opt1+.sub,.opsh .sub,.krleg .sub{font:10px/1.5 var(--sans)}
@media(max-width:1100px){.ahead{grid-template-columns:60px minmax(0,1fr)}.ahead .aright{grid-column:1/-1}.aicon{width:60px;height:60px}.cptop .opbd{flex-direction:row}}
@media(max-width:820px){.pagehead>#stamp{display:none}.mar{min-width:1160px}.cptop .opbd .opdn{width:140px!important;height:140px!important}.cptop .opbd li{font-size:11px}}
.sub{font-family:var(--sans);letter-spacing:0}.data-stamp{font:10px var(--sans);color:var(--muted);text-align:right;padding-top:2px}.data-stamp:empty{display:none}.ckl .ok,.evck .ok{background:none;color:var(--ink)}.stt{font-size:15px;margin:0 0 4px;letter-spacing:-.3px}.panel>p.sub{font:11px/1.5 var(--sans)}
:root[data-theme="light"]{--good:#00954c;--good-bg:#ddf9e9;--warn:#de8500;--warn-bg:#fff0d5;--bad:#ee3b4c;--bad-bg:#ffe6e9}