:root{
  --orange:#f7942d;
  --orange-deep:#f36f10;
  --orange-soft:#fff1df;
  --ink:#101010;
  --paper:#f8f5f0;
  --white:#ffffff;
  --line:#e5e0d8;
  --muted:#76716a;
  --green:#14925f;
  --danger:#d43d32;
  --shadow:0 14px 40px rgba(24,18,11,.07);
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body{letter-spacing:-.01em}
button,input,select{font:inherit}button{cursor:pointer}.shell{min-height:100vh;display:grid;grid-template-columns:245px 1fr}
.sidebar{position:sticky;top:0;height:100vh;background:#111;color:#fff;padding:20px 17px 18px;display:flex;flex-direction:column;z-index:10;overflow:hidden}
.sidebar:before{content:"";position:absolute;left:-70px;top:-64px;width:190px;height:240px;background:var(--orange);transform:skewY(-45deg);z-index:-1;opacity:.98}
.brand{display:flex;align-items:center;gap:12px;padding:0 4px 28px;position:relative;z-index:2}.brand img{display:block;width:118px;height:76px;object-fit:contain;object-position:left center;background:#fff0;border-radius:0}.brandlabel{border-left:1px solid #3a3a3a;padding-left:11px;line-height:1}.brandlabel b{display:block;font-size:16px;letter-spacing:-.5px}.brandlabel small{display:block;margin-top:5px;color:#929292;font-size:9px;text-transform:uppercase;letter-spacing:1.4px;font-weight:800}
.sidebar nav{display:grid;gap:6px;margin-top:8px}.sidebar nav button,.sidebottom a{border:0;background:transparent;color:#aaa;display:flex;gap:12px;align-items:center;padding:12px 13px;border-radius:8px;text-decoration:none;font-size:13px;font-weight:700;text-align:left;transition:.18s ease}.sidebar nav button svg,.sidebottom a svg{width:18px}.sidebar nav button:hover,.sidebottom a:hover{background:#1d1d1d;color:#fff}.sidebar nav button.active{background:var(--orange);color:#111;box-shadow:0 8px 24px rgba(247,148,45,.23)}
.sidebottom{margin-top:auto;display:grid;gap:14px}.moofclaim{position:relative;border-top:1px solid #2b2b2b;padding:22px 13px 8px;color:#fff;font-size:17px;line-height:1.04;font-weight:900;letter-spacing:-.8px}.moofclaim:after{content:"";display:block;width:74px;height:7px;background:var(--orange);transform:rotate(-8deg);margin:20px 0 0 8px}.moofclaim b{font-size:17px;color:#fff}
main{min-width:0;padding:0 34px 52px}header{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(248,245,240,.94);backdrop-filter:blur(14px);z-index:8}header h2{margin:3px 0 0;font-size:25px;letter-spacing:-1px;font-weight:900}.eyebrow{font-size:9px;line-height:1;text-transform:uppercase;letter-spacing:1.8px;font-weight:900;color:var(--orange-deep)}
.primarybtn,.primary{border:0;color:#111;background:var(--orange);border-radius:8px;padding:12px 16px;font-weight:900;display:flex;align-items:center;gap:7px;box-shadow:0 8px 20px rgba(247,148,45,.18);transition:.18s ease}.primarybtn:hover,.primary:hover{transform:translateY(-1px);background:#ff9d3e}.primarybtn svg{width:17px}
.adminhero,.clienthero{margin:26px 0 16px;padding:39px 38px;border-radius:0;background:#fff;color:#111;display:flex;justify-content:space-between;align-items:center;overflow:hidden;position:relative;border:1px solid var(--line);box-shadow:var(--shadow)}
.adminhero:before,.clienthero:before{content:"";position:absolute;width:185px;height:185px;right:86px;top:-120px;background:var(--orange);transform:rotate(35deg)}.adminhero:after,.clienthero:after{content:"";position:absolute;right:-74px;bottom:-128px;width:255px;height:255px;background:var(--orange);transform:rotate(45deg)}.adminhero>*,.clienthero>*{position:relative;z-index:1}.adminhero h1,.clienthero h1,.sectionintro h1,.listintro h1{font-size:54px;line-height:.98;letter-spacing:-1.5px;margin:16px 0 16px;max-width:800px;font-weight:950}.adminhero h1 em,.clienthero h1 em,.sectionintro h1 em{font-style:normal;color:var(--orange-deep)}.adminhero p,.clienthero p,.sectionintro p,.listintro p{color:var(--muted);max-width:680px;font-size:14px;line-height:1.6}.pill{display:inline-flex;padding:7px 10px;border-radius:0;background:var(--orange);color:#111;font-size:9px;letter-spacing:1.5px;font-weight:900}
.orb,.scorecircle{width:150px;height:150px;border-radius:0;background:#111;color:#fff;border:0;display:grid;place-items:center;align-content:center;text-align:center;flex:0 0 auto;transform:rotate(-2deg);box-shadow:14px 14px 0 var(--orange-soft)}.orb svg{width:23px;margin-bottom:4px;color:var(--orange)}.orb strong,.scorecircle strong{font-size:46px;letter-spacing:-2px}.orb span,.scorecircle span,.scorecircle small{font-size:9px;color:#aaa;text-transform:uppercase;letter-spacing:1.3px}
.adminstats,.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin:14px 0}.adminstat,.card{background:#fff;border:1px solid var(--line);border-radius:0;padding:20px;min-height:125px;box-shadow:0 5px 20px rgba(30,25,20,.025)}.adminstat{display:grid;grid-template-columns:40px 1fr;grid-template-rows:auto 1fr;column-gap:12px;align-items:center}.adminstat .statIcon{grid-row:1/3;width:40px;height:40px;border-radius:0;background:var(--orange-soft);display:grid;place-items:center;color:var(--orange-deep)}.adminstat svg{width:18px}.adminstat span,.card>span{font-size:11px;color:var(--muted);font-weight:750}.adminstat strong,.card>strong{font-size:31px;letter-spacing:-1.5px}.card{display:grid;gap:8px}.card small{font-size:10px;display:flex;align-items:center;gap:3px}.card small svg{width:14px}.up{color:var(--green)!important}.down{color:var(--danger)!important}
.panel{background:#fff;border:1px solid var(--line);border-radius:0;padding:22px;box-shadow:0 7px 22px rgba(25,20,16,.025);min-width:0}.panel.wide{margin:14px 0}.panelhead{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.panelhead h2{font-size:22px;letter-spacing:-.8px;margin:5px 0 16px;font-weight:900}.panelhead>svg{width:22px;color:var(--orange-deep)}.textbtn{border:0;background:transparent;font-weight:900;color:var(--orange-deep)}
.clienttable{margin-top:4px}.clientrow{display:grid;grid-template-columns:minmax(250px,1.6fr) minmax(180px,1fr) 150px 130px;gap:16px;align-items:center;min-height:68px;border-top:1px solid #eee9e1;font-size:13px}.clienthead{min-height:38px;color:#9a958f;font-size:9px;text-transform:uppercase;letter-spacing:1.4px}.clientidentity{display:flex;align-items:center;gap:11px}.avatar{width:38px;height:38px;border-radius:0;display:grid;place-items:center;background:var(--orange);color:#111;font-size:11px;font-weight:950;flex:0 0 auto}.clientidentity span,.clientidentity div:last-child{min-width:0}.clientidentity b{display:block}.clientidentity small{display:block;color:#9b9690;margin-top:3px}.statusline{display:flex;align-items:center;gap:7px}.dot{width:8px;height:8px;border-radius:50%;background:#c9c5bf}.dot.live{background:var(--green);box-shadow:0 0 0 4px #dff6ed}.rowactions{display:flex;justify-content:flex-end;gap:5px}.rowactions a,.rowactions button{width:34px;height:34px;border:0;border-radius:0;background:#f2eee8;color:#29282b;display:grid;place-items:center;transition:.15s}.rowactions a:hover,.rowactions button:hover{background:var(--orange);color:#111}.rowactions .delete:hover{background:#f9dfdc;color:var(--danger)}.rowactions svg{width:16px}
.listintro{display:flex;align-items:end;justify-content:space-between;gap:24px;padding:42px 0 14px}.listintro h1{font-size:47px;margin-bottom:6px}.searchmini{height:42px;background:#fff;border:1px solid var(--line);border-radius:0;display:flex;gap:8px;align-items:center;padding:0 12px}.searchmini svg{width:16px;color:#888}.searchmini input{border:0;outline:0;background:transparent;width:240px}
.modalback{position:fixed;inset:0;background:rgba(8,8,8,.62);display:grid;place-items:center;z-index:50;padding:20px;backdrop-filter:blur(4px)}.modal,.confirmmodal{position:relative;width:min(570px,100%);background:#fff;border-radius:0;padding:31px;box-shadow:0 28px 90px rgba(0,0,0,.26);border-top:8px solid var(--orange)}.modal h2,.confirmmodal h2{font-size:30px;letter-spacing:-1.1px;margin:7px 0 22px}.modal .close{position:absolute;right:18px;top:18px;border:0;border-radius:0;background:#f0ece6;width:34px;height:34px;display:grid;place-items:center}.modal .close svg{width:16px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.formgrid .full{grid-column:1/-1}.formgrid label{display:grid;gap:7px;font-size:11px;font-weight:850}.formgrid input{border:1px solid #ddd7cf;border-radius:0;padding:12px 13px;outline:0}.formgrid input:focus{border-color:var(--orange);box-shadow:0 0 0 3px var(--orange-soft)}.modal .submit{width:100%;justify-content:center;margin-top:20px;padding:13px}.confirmmodal{text-align:center;max-width:450px}.confirmmodal p{color:#777;line-height:1.55}.dangericon{margin:0 auto 12px;width:52px;height:52px;border-radius:0;background:#fde7e7;color:var(--danger);display:grid;place-items:center}.dangericon svg{width:22px}.confirmbuttons{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:23px}.secondary,.dangerbtn{border:0;border-radius:0;padding:12px;font-weight:850}.secondary{background:#efebe5}.dangerbtn{background:var(--danger);color:#fff;display:flex;align-items:center;justify-content:center;gap:7px}.dangerbtn svg{width:16px}
.clientbadge{display:flex;gap:10px;align-items:center;border:1px solid #2d2d2d;background:#191919;border-radius:0;padding:10px;margin:0 0 20px}.clientbadge b{font-size:12px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:130px}.clientbadge small{font-size:9px;color:#858585;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:130px}.clientbadge .avatar{width:34px;height:34px;color:#111}.clientheader{gap:20px}.filters{display:flex;gap:8px}.filters label{display:flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--line);border-radius:0;padding:0 10px;height:40px}.filters svg{width:15px;color:var(--orange-deep)}.filters select{border:0;outline:0;background:transparent;color:#363438;font-size:12px;font-weight:750}
.twocol{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0}.threecol{display:grid;grid-template-columns:1.15fr 1fr .85fr;gap:12px;margin:12px 0}.bigmetric{display:flex;align-items:baseline;gap:12px;margin:4px 0 12px}.bigmetric strong{font-size:42px;letter-spacing:-2px}.bigmetric span{font-size:11px}.bars{display:grid;gap:13px}.barlabel{display:flex;justify-content:space-between;align-items:center;font-size:11px}.barlabel>span:last-child{display:flex;gap:8px;align-items:center}.barlabel small{font-size:9px}.track{height:7px;background:#eee9e1;border-radius:0;overflow:hidden;margin-top:5px}.track i{display:block;height:100%;border-radius:0;background:var(--orange)}
.datatable{overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.datarow{min-width:980px;display:grid;grid-template-columns:minmax(360px,3.4fr) repeat(6,minmax(78px,.58fr));gap:12px;align-items:start;min-height:62px;border-top:1px solid #eee9e1;font-size:12px;padding:11px 0}.datarow>span{min-width:0;white-space:normal;overflow-wrap:anywhere;word-break:break-word;line-height:1.42}.datahead{min-height:34px;text-transform:uppercase;color:#9c9791;font-size:8px;letter-spacing:1.2px}.datarow>span:first-child b{display:block}.datarow>span:first-child small{display:block;color:#999;margin-top:3px}.datarow i{font-style:normal;width:36px;height:36px;border-radius:0;background:#efebe5;display:grid;place-items:center;font-weight:900}.datarow i.hot{background:var(--orange);color:#111}
.opmini{display:grid}.opmini button{border:0;border-top:1px solid #eee9e1;background:transparent;display:grid;grid-template-columns:32px 1fr 20px;gap:10px;text-align:left;align-items:center;padding:14px 0}.opmini i{width:28px;height:28px;border-radius:0;background:var(--orange);display:grid;place-items:center;font-style:normal;font-weight:900;font-size:11px}.opmini span b,.opmini span small{display:block}.opmini span small{font-size:10px;color:#8c8882;margin-top:3px}.opmini svg{width:15px;color:var(--orange-deep)}
.insights article{display:flex;gap:12px;padding:14px 0;border-top:1px solid #eee9e1}.insights article>b{width:27px;height:27px;border-radius:0;background:#111;color:#fff;display:grid;place-items:center;font-size:10px;flex:0 0 auto}.insights article span{font-size:8px;text-transform:uppercase;letter-spacing:1.2px;color:var(--orange-deep);font-weight:900}.insights h3{font-size:13px;margin:3px 0 4px}.insights p{font-size:11px;line-height:1.5;color:#79746f;margin:0}.pageview{padding:38px 0}.sectionintro{margin-bottom:23px}.sectionintro h1{font-size:49px;margin:14px 0 10px}.deviceList{display:grid}.deviceList>div{display:grid;grid-template-columns:32px 1fr auto;gap:9px;align-items:center;border-top:1px solid #eee9e1;padding:14px 0}.deviceList svg{width:18px;color:var(--orange-deep)}.deviceList span b,.deviceList span small{display:block}.deviceList small{font-size:9px;color:#8e8983;margin-top:2px}.deviceList strong{font-size:15px}.metriccard{position:relative}.metricicon{position:absolute;right:18px;top:18px;width:32px;height:32px;border-radius:0;background:var(--orange-soft);color:var(--orange-deep);display:grid;place-items:center}.metricicon svg{width:16px}
.prompttable{display:grid}.prompttable>div{display:grid;grid-template-columns:1fr auto 34px;align-items:center;gap:10px;border-top:1px solid #eee9e1;padding:13px 0;font-size:11px}.prompttable span b,.prompttable span small{display:block}.prompttable small{font-size:9px;color:#918c86;margin-top:3px}.prompttable i{font-style:normal;width:32px;height:32px;border-radius:0;background:var(--orange);display:grid;place-items:center;font-weight:900}.wideAI{width:100%;border:0;border-radius:0;background:var(--orange);color:#111;padding:15px 18px;font-weight:950;display:flex;justify-content:center;gap:8px;align-items:center}.wideAI:hover{background:#ff9d3e}.wideAI svg{width:18px}
.promptchips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.promptchips button{border:1px solid var(--line);background:#fff;border-radius:0;padding:9px 13px;font-size:11px;font-weight:850}.promptchips button:hover{border-color:var(--orange);background:var(--orange-soft)}.ask{margin-top:12px;border-radius:0;padding:24px;display:grid;grid-template-columns:48px .85fr 1.8fr;gap:16px;align-items:start}.moofAsk{background:#111;color:#fff;border-left:8px solid var(--orange)}.askicon{width:42px;height:42px;border-radius:0;background:var(--orange);color:#111;display:grid;place-items:center}.askicon svg{width:19px}.askcopy h2{font-size:22px;margin:5px 0}.askcopy p{font-size:11px;color:#999;line-height:1.5}.askbox>div:first-child{display:flex;gap:8px;align-items:center;background:#242424;border:1px solid #353535;border-radius:0;padding:7px 8px 7px 12px}.askbox svg{width:16px;color:#777}.askbox input{width:100%;border:0;background:transparent;outline:0;color:#fff}.askbox button{border:0;border-radius:0;background:var(--orange);padding:10px 13px;font-weight:900;white-space:nowrap}.answer{white-space:pre-wrap;margin-top:10px;background:#1e1e1e;border-radius:0;padding:13px;color:#e4e4e7;font-size:12px;line-height:1.55}
.connectiongrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.connectioncard,.howconnect{background:#fff;border:1px solid var(--line);border-radius:0;padding:22px}.connectiontop{display:flex;gap:12px;align-items:center;margin-bottom:17px}.statusdot{width:38px;height:38px;border-radius:0;background:#eeebe5;display:grid;place-items:center}.statusdot.on{background:var(--orange);color:#111}.statusdot svg{width:17px}.connectiontop h2{font-size:18px;margin:4px 0}.connectionfield{border-top:1px solid #eee9e1;padding:12px 0;display:grid;gap:3px}.connectionfield span{font-size:9px;color:#948f89;text-transform:uppercase;letter-spacing:1px;font-weight:900}.connectionfield b{font-size:12px}.howconnect{margin-top:12px;border-top:6px solid var(--orange)}.howconnect h2{font-size:22px;letter-spacing:-.7px}.howconnect li,.howconnect p{font-size:12px;line-height:1.6;color:#6f6b66}.empty{text-align:center;padding:30px;color:#8e8983}.formsection{margin-top:6px;padding-top:14px;border-top:1px solid #e7e3dd;font-size:9px;text-transform:uppercase;letter-spacing:1.4px;color:var(--orange-deep);font-weight:900}
@media(max-width:1150px){.adminhero h1,.clienthero h1{font-size:43px}.threecol{grid-template-columns:1fr 1fr}.threecol>.panel:last-child{grid-column:1/-1}.clientrow{grid-template-columns:minmax(220px,1.5fr) 1fr 120px 120px}}
@media(max-width:900px){.shell{grid-template-columns:1fr}.sidebar{display:none}main{padding:0 18px 35px}.adminstats,.kpis{grid-template-columns:1fr 1fr}.twocol,.connectiongrid{grid-template-columns:1fr}.filters{flex-wrap:wrap}.clientheader{height:auto;min-height:92px;padding:12px 0}.ask{grid-template-columns:42px 1fr}.askbox{grid-column:1/-1}.adminhero,.clienthero{padding:28px}.orb,.scorecircle{display:none}.adminhero h1,.clienthero h1,.sectionintro h1{font-size:38px}.clientrow{grid-template-columns:1.5fr 1fr 110px}.clientrow>span:nth-child(3){display:none}.clienthead span:nth-child(3){display:none}}
@media(max-width:600px){main{padding:0 12px 26px}header{position:relative}.adminstats,.kpis{grid-template-columns:1fr 1fr}.adminhero,.clienthero{margin-top:14px;padding:22px}.adminhero h1,.clienthero h1,.sectionintro h1{font-size:32px}.listintro{display:block}.searchmini{margin-top:14px}.searchmini input{width:100%}.clientrow{grid-template-columns:1fr 105px;gap:8px}.clientrow>span:nth-child(2),.clienthead span:nth-child(2){display:none}.clientidentity .avatar{display:none}.formgrid{grid-template-columns:1fr}.formgrid .full{grid-column:auto}.threecol{grid-template-columns:1fr}.threecol>.panel:last-child{grid-column:auto}.filters{width:100%}.filters label{flex:1}.filters select{width:100%}.confirmbuttons{grid-template-columns:1fr}.ask{padding:18px}.datatable{margin-right:-10px}}
/* V6 — tekstmerk in plaats van Moof-logo + expliciete ZeroRank setup */
.brand.textbrand{display:flex;align-items:center;gap:12px;padding:4px 0 22px}.textbrand .brandmark{width:50px;height:50px;background:var(--orange);color:#111;display:grid;place-items:center;font-weight:1000;font-size:28px;letter-spacing:-2px;clip-path:polygon(0 38%,38% 0,38% 26%,76% 0,76% 100%,0 100%)}.textbrand .brandlabel b{display:block;color:#fff;font-size:24px;letter-spacing:-1px;line-height:1}.textbrand .brandlabel small{display:block;color:var(--orange);font-size:10px;text-transform:uppercase;letter-spacing:1.8px;margin-top:5px;font-weight:900}
.fieldhint{display:block;text-transform:none;letter-spacing:0;color:#8d8882;font-weight:500;font-size:9px;margin-top:2px}.zerorankSetup{grid-column:span 1;border-top:6px solid var(--orange)}.connectionfield small{font-size:10px;color:#88827c;line-height:1.45}.connectionfield span i{font-style:normal;color:#9c9791;margin-left:6px}.secretfield{display:grid;gap:7px;border-top:1px solid #eee9e1;padding:14px 0}.secretfield>span{font-size:9px;color:#948f89;text-transform:uppercase;letter-spacing:1px;font-weight:900}.secretfield>span b{background:var(--orange);color:#111;padding:2px 5px;margin-left:5px}.secretfield>small{font-size:10px;color:#77716b;line-height:1.45}.secretfield>div{display:flex;border:1px solid #dcd6cf}.secretfield input{flex:1;min-width:0;border:0;padding:12px 13px;outline:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.secretfield button{border:0;border-left:1px solid #dcd6cf;background:#f4f0ea;padding:0 13px;font-size:10px;font-weight:900}.testconnection{width:100%;border:0;background:var(--orange);color:#111;padding:13px 16px;font-weight:950;margin-top:8px;cursor:pointer}.testconnection:disabled{opacity:.55;cursor:wait}.apiresult{margin-top:12px;padding:14px;border-left:5px solid;font-size:11px;line-height:1.55}.apiresult.success{background:#f3f8f1;border-color:#57a34d}.apiresult.error{background:#fff0ed;border-color:#c94d3d}.apiresult b{display:block;margin-bottom:4px}.apiresult p{margin:4px 0}.apiresult code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;background:rgba(0,0,0,.06);padding:2px 4px}.apiresult small{display:block;color:#6f6a64;margin-top:7px}.smalllink{display:inline-block;margin-top:7px;color:var(--orange-deep);font-weight:900;font-size:10px;text-decoration:none}


/* ZeroRank V7 */
.zrTabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 22px;padding:6px;background:#fff;border:1px solid var(--line,#e8e1d8);border-radius:14px;width:max-content;max-width:100%}
.zrTabs button{border:0;background:transparent;padding:11px 18px;border-radius:9px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;color:#111}
.zrTabs button.active{background:var(--orange,#f7942d);color:#111}
.zrTable{width:100%;margin-top:10px}
.zrRow{display:grid;grid-template-columns:minmax(320px,2fr) 1fr .7fr .6fr;gap:18px;align-items:center;padding:14px 8px;border-bottom:1px solid var(--line,#eee)}
.zrRow span{min-width:0}.zrRow b{display:block;overflow-wrap:anywhere}.zrHead{font-size:12px;text-transform:uppercase;letter-spacing:.06em;font-weight:800;opacity:.55}
.emptyLive{display:flex;align-items:flex-start;gap:16px;border:1px dashed #d8cabb;background:#fffaf4;padding:24px;border-radius:14px;margin-top:14px}
.emptyLive svg{width:28px;height:28px;color:var(--orange,#f7942d);flex:0 0 auto}.emptyLive b{font-size:17px}.emptyLive p{margin:6px 0 0;line-height:1.55;color:#605a54}
.nested{padding:0!important}
@media(max-width:900px){.zrRow{grid-template-columns:1fr 90px}.zrRow span:nth-child(3),.zrRow span:nth-child(4){display:none}}


/* V8 admin-only connection management */
.adminDataTitle{display:flex;align-items:center;gap:9px;color:#111;padding-top:10px}
.adminDataTitle svg{width:18px;height:18px;color:var(--orange,#f7942d)}
.adminNotice{display:flex;gap:8px;flex-direction:column;background:#fff5e9;border-left:4px solid var(--orange,#f7942d);padding:13px 15px;border-radius:7px;margin-bottom:3px}
.adminNotice b{font-size:14px}.adminNotice span{font-size:12px;color:#625b54}
.zeroRankAdmin{border:1px solid #ded7cf;background:#fffaf4;padding:18px;border-radius:12px;display:grid;gap:14px}
.zrAdminHead{display:flex;align-items:flex-start;gap:12px}.zrAdminHead>svg{background:#f5eee7;padding:9px;width:42px;height:42px}.zrAdminHead div{display:flex;flex-direction:column;gap:2px}.zrAdminHead b{font-size:18px}.zrAdminHead small{color:#79716a}
.adminSecret{display:flex}.adminSecret input{border-radius:8px 0 0 8px!important;flex:1}.adminSecret button{display:flex;align-items:center;gap:6px;border:1px solid #d8d0c7;border-left:0;background:#fff;padding:0 13px;font-weight:800;cursor:pointer;border-radius:0 8px 8px 0}.adminSecret button svg{width:16px}
.adminTest{width:max-content;padding-left:18px;padding-right:18px}
.adminTestResult{display:flex;flex-direction:column;gap:3px;padding:10px 12px;border-radius:7px;font-size:12px}.adminTestResult.ok{background:#edf8ef;color:#185c29}.adminTestResult.error{background:#fff0ed;color:#8b251d}


/* V9 AUTH + BRAND + ACCOUNTS */
.brandlabel small{display:block!important;color:#f7942d!important;font-weight:900!important;letter-spacing:.16em!important;font-size:10px!important;opacity:1!important;margin-top:2px}
.textbrand .brandlabel b{color:#fff!important}
.loginPage{min-height:100vh;display:grid;place-items:center;background:#111;padding:24px;position:relative;overflow:hidden}
.loginPage:before{content:"";position:absolute;width:500px;height:500px;background:#f7942d;transform:rotate(45deg);left:-280px;top:-280px}
.loginBrand{position:absolute;top:28px;left:34px;display:flex;align-items:center;gap:12px;color:#fff}
.loginBrand .brandmark{background:#f7942d;color:#111;width:48px;height:48px;display:grid;place-items:center;font-size:25px;font-weight:1000}
.loginBrand .brandlabel b{font-size:23px}.loginBrand .brandlabel small{color:#f7942d!important}
.loginCard{position:relative;width:min(520px,100%);background:#fff;padding:45px;border-top:7px solid #f7942d;box-shadow:0 30px 80px #0006}
.loginCard h1{font-size:46px;line-height:.96;margin:10px 0 15px}.loginCard h1 em{font-style:normal;color:#f7942d}.loginCard>p{color:#68615b;margin-bottom:28px}
.loginCard label{display:grid;grid-template-columns:20px 1fr;gap:7px;align-items:center;font-weight:900;font-size:12px;text-transform:uppercase;letter-spacing:.05em;margin:14px 0}
.loginCard label input{grid-column:1/-1;padding:14px;border:1px solid #d9d3cd;background:#faf8f5;font-size:16px}
.loginButton{width:100%;border:0;background:#f7942d;color:#111;font-weight:1000;font-size:16px;padding:16px;margin-top:10px;display:flex;justify-content:center;gap:10px;cursor:pointer}
.loginButton svg{width:20px}.loginError{background:#fff0ed;color:#8b251d;padding:10px 12px;font-size:13px}.demoHint{margin-top:18px;background:#f4f1ed;padding:12px;display:flex;flex-direction:column;gap:4px;font-size:11px;color:#625b54}
.authLoading,.denied{min-height:100vh;display:grid;place-content:center;text-align:center;background:#111;color:#fff}.denied b{font-size:34px;color:#f7942d}
.signedIn{display:flex;align-items:center;gap:9px;color:#fff;margin-bottom:8px;padding:10px 12px;background:#ffffff0b}.signedIn svg{width:18px;color:#f7942d}.signedIn span{display:flex;flex-direction:column;min-width:0}.signedIn small{opacity:.55;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.signedIn b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.logoutbtn{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:0;background:transparent;color:#aaa;cursor:pointer;text-align:left}.logoutbtn:hover{color:#fff;background:#ffffff0b}.logoutbtn svg{width:17px}
.accountsPage{padding:0 0 40px}.accountCols{align-items:start}.accountCreate{display:grid;gap:13px}.accountCreate label{display:grid;gap:6px;font-size:11px;text-transform:uppercase;font-weight:900;letter-spacing:.05em}.accountCreate input,.accountCreate select{padding:12px;border:1px solid #ded7cf;background:#fff;font:inherit;text-transform:none;letter-spacing:0}.accountMsg{background:#fff5e9;border-left:4px solid #f7942d;padding:12px;font-size:12px}
.credentialHelp ol{counter-reset:step;display:grid;gap:18px;padding-left:0;list-style:none}.credentialHelp li{display:grid;grid-template-columns:35px 1fr;gap:3px 12px}.credentialHelp li{counter-increment:step}.credentialHelp li:before{content:counter(step);grid-row:1/3;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#f7942d;font-weight:1000}.credentialHelp li b{font-size:15px}.credentialHelp li span{color:#6b645e;font-size:12px}
.logoAdminField{padding:10px 0}.logoUploader{display:flex;gap:14px;align-items:center;border:1px solid #ded7cf;background:#faf8f5;padding:12px}.logoUploader img,.logoPlaceholder{width:72px;height:72px;object-fit:contain;background:#fff;border:1px solid #e5dfd8;display:grid;place-items:center}.logoPlaceholder svg{width:27px;color:#f7942d}.logoUploader input{border:0!important;padding:0!important;background:transparent!important}
.clientLogoAvatar img{width:100%;height:100%;object-fit:contain;background:#fff}.clientLogoAvatar{overflow:hidden}
.clientSigned{margin:0 0 6px}.clientSettings .aiConnector{max-width:1000px}.connectorSteps{display:grid;gap:4px;margin-top:10px}.connectorSteps article{display:grid;grid-template-columns:44px 1fr;gap:13px;padding:19px 0;border-bottom:1px solid #eee}.connectorSteps article>i{font-style:normal;background:#f7942d;width:38px;height:38px;display:grid;place-items:center;font-weight:1000}.connectorSteps b{font-size:17px}.connectorSteps p{margin:5px 0 11px;color:#6b645e;line-height:1.5}.smallbtn{width:max-content;padding:9px 13px}.tokenBox{display:flex;max-width:650px;background:#111;color:#fff}.tokenBox code{padding:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.tokenBox button{border:0;background:#f7942d;width:46px;cursor:pointer;display:grid;place-items:center}.tokenBox button svg{width:17px}.connectorSecurity{margin-top:20px;background:#fff5e9;border-left:4px solid #f7942d;padding:14px}.connectorSecurity p{margin:4px 0 0;color:#6b645e}
@media(max-width:700px){.loginCard{padding:28px}.loginCard h1{font-size:38px}.loginBrand{left:20px;top:20px}}


/* V9.1 local account + connection clarity */
.passwordPanel{margin-top:18px;display:grid;gap:14px}
.passwordGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.passwordGrid label{display:grid;gap:6px;font-size:11px;text-transform:uppercase;font-weight:900;letter-spacing:.05em}
.passwordGrid input{padding:12px;border:1px solid #ded7cf;background:#fff;font:inherit;text-transform:none}
.googleAuthNotice{display:flex;flex-direction:column;gap:5px;background:#fff5e9;border-left:4px solid #f7942d;padding:13px 15px;margin:4px 0 9px;border-radius:7px}
.googleAuthNotice b{font-size:14px}.googleAuthNotice span{font-size:12px;line-height:1.5;color:#625b54}.googleAuthNotice code{background:#fff;padding:1px 4px}
.liveReason{margin-top:12px;background:#fff5e9;border-left:4px solid #f7942d;padding:10px 12px;font-size:12px;max-width:600px;color:#514b45}
.liveReason b{color:#111}
@media(max-width:900px){.passwordGrid{grid-template-columns:1fr}}


/* V9.2 connection UX */
.adminClientModal{width:min(980px,calc(100vw - 36px))!important;max-height:92vh;overflow:auto}
.connectionFold{border:1px solid #ddd4ca;background:#fffaf4;border-radius:12px;overflow:hidden;margin:4px 0}
.connectionFold summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:16px 18px;font-weight:900}
.connectionFold summary::-webkit-details-marker{display:none}
.connectionFold summary span{display:flex;align-items:center;gap:10px}.connectionFold summary svg{width:19px;color:#f7942d}
.connectionFold summary b{font-size:11px;text-transform:uppercase;letter-spacing:.06em;background:#fff;padding:6px 9px;border:1px solid #e5ddd5}
.connectionFold[open] summary{border-bottom:1px solid #e5ddd5}
.foldBody{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:18px}
.foldBody .full{grid-column:1/-1}
.googleJsonBox{display:grid;gap:8px}
.googleJsonBox textarea{width:100%;resize:vertical;min-height:120px;padding:12px;border:1px solid #d9d1c8;background:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;line-height:1.45}
.requiredChip{display:inline-block;margin-left:6px;background:#f7942d;color:#111;padding:3px 6px;font-size:9px;font-weight:1000;letter-spacing:.08em}
.jsonStatus{font-size:11px;font-weight:800;color:#8a2a20}.jsonStatus.ok{color:#1a6d33}
.connectionChecklist{margin-top:16px;background:#fff;border:1px solid #e2d8cd;border-radius:12px;padding:14px;display:grid;gap:8px;max-width:700px}
.connectionChecklist>b{font-size:14px;margin-bottom:3px}
.connectionChecklist>div{display:grid;grid-template-columns:28px 1fr;gap:8px;align-items:start;padding:8px;background:#faf8f5}
.connectionChecklist>div>span{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#f7942d;font-weight:1000}
.connectionChecklist .ok>span{background:#dff3e5;color:#17612d}
.connectionChecklist strong{display:block;font-size:12px}.connectionChecklist small{display:block;margin-top:3px;color:#6d655e;line-height:1.4}
.noDemoPanel{background:#fffaf4;border-style:dashed}
@media(max-width:760px){.foldBody{grid-template-columns:1fr}.adminClientModal{width:calc(100vw - 18px)!important}.foldBody .full{grid-column:auto}}


/* V9.3 visual fixes */
.adminClientModal{
  width:min(1000px,calc(100vw - 32px))!important;
  max-height:88vh!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain;
}
.modalback{overflow:auto!important;padding:18px 0!important}
.modalcard form{padding-bottom:8px}

.brandlabel small,
.textbrand .brandlabel small{
  color:#ffffff!important;
  opacity:1!important;
  display:block!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.14em!important;
  line-height:1.1!important;
  margin-top:3px!important;
  white-space:nowrap!important;
}
.textbrand .brandlabel{
  min-width:92px!important;
  overflow:visible!important;
}
.textbrand{
  overflow:visible!important;
}

.mutedMetric{color:#8e867f!important}
.placeholderChart{
  height:220px;
  display:flex;
  align-items:flex-end;
  justify-content:space-around;
  gap:18px;
  padding:30px 20px 10px;
}
.placeholderChart>div{
  flex:1;
  max-width:72px;
  height:100%;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  align-items:center;
  gap:8px;
}
.placeholderChart>div>span{
  width:100%;
  background:linear-gradient(180deg,#f7942d,#ffc98f);
  min-height:24px;
  opacity:.32;
}
.placeholderChart small{font-weight:800;color:#8d847c}
.placeholderLines{display:grid;gap:12px;margin-top:24px}
.placeholderLines span{height:18px;background:#f1ece7;border-radius:2px}
.placeholderLines span:nth-child(2){width:82%}.placeholderLines span:nth-child(3){width:64%}.placeholderLines span:nth-child(4){width:48%}
.connectorExplanation{background:#fff5e9;border-left:4px solid #f7942d;padding:15px 16px;margin:14px 0}
.connectorExplanation p{margin:5px 0 0;color:#655e57;line-height:1.55}

@media(max-width:700px){
  .adminClientModal{width:calc(100vw - 14px)!important;max-height:94vh!important}
}

.connectionError{margin-top:12px;max-width:760px;background:#fff0ed;border-left:4px solid #d94a35;padding:12px 14px;display:grid;gap:5px}
.connectionError b{font-size:13px}.connectionError code{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;color:#7c281e}.connectionError small{color:#6a514d;line-height:1.45}

.connectionError{margin-top:14px;max-width:760px;background:#fff0ed;border-left:4px solid #d94a35;padding:13px 15px;display:grid;gap:6px}
.connectionError b{font-size:13px}.connectionError code{font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere;color:#7b2b22}.connectionError small{line-height:1.45;color:#6a514d}
.statusline .dot.error{background:#d94a35!important;box-shadow:none!important}
.googleTestArea{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-top:4px}
.googleTestArea .adminTestResult{flex:1;min-width:260px}

/* V9.6 AI permissions */
.aiToggleRow{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px!important}
.aiToggleRow>span{display:flex;flex-direction:column;gap:4px;max-width:760px}
.aiToggleRow input[type="checkbox"]{appearance:none;width:50px;height:28px;border-radius:20px;background:#d8d0c8;position:relative;cursor:pointer;flex:0 0 auto}
.aiToggleRow input[type="checkbox"]:before{content:"";position:absolute;width:22px;height:22px;border-radius:50%;background:#fff;left:3px;top:3px;transition:.2s}
.aiToggleRow input[type="checkbox"]:checked{background:#f7942d}
.aiToggleRow input[type="checkbox"]:checked:before{left:25px;background:#111}
.aiAdminInfo{background:#fff5e9;border-left:4px solid #f7942d;padding:12px 14px;display:flex;flex-direction:column;gap:3px}
.aiAdminInfo span{font-size:12px;color:#655e57}

/* V9.7 global admin AI settings */
.adminSettingsPage{padding-bottom:40px}
.moofAiAdminPanel{max-width:1000px}
.aiSettingsGrid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:12px}
.aiSettingsGrid label{display:grid;gap:6px;font-size:11px;text-transform:uppercase;font-weight:900;letter-spacing:.05em}
.aiSettingsGrid label.full,.aiSettingsGrid .full{grid-column:1/-1}
.aiSettingsGrid input{padding:13px;border:1px solid #ded7cf;background:#fff;font:inherit;text-transform:none;letter-spacing:0}
.aiSettingsActions{display:flex;gap:10px;flex-wrap:wrap}
.aiSettingsActions button{display:flex;align-items:center;gap:8px}
.aiSettingsActions svg{width:17px}
@media(max-width:800px){.aiSettingsGrid{grid-template-columns:1fr}.aiSettingsGrid label.full,.aiSettingsGrid .full{grid-column:auto}}

/* V9.8 — echte AI chat + gesprekshistoriek */
.aiChatPage{height:calc(100vh - 74px);display:grid;grid-template-columns:290px minmax(0,1fr);background:#f7f3ee;border-top:1px solid #e5ded6;overflow:hidden}
.chatHistory{background:#151515;border-right:1px solid #2a2a2a;color:#fff;display:flex;flex-direction:column;min-height:0}
.chatHistoryHead{padding:22px 18px 15px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #292929}
.chatHistoryHead h3{margin:3px 0 0;font-size:18px}
.chatHistoryHead .eyebrow{color:#f7942d}
.newChatBtn{width:36px;height:36px;border:0;background:#f7942d;color:#111;display:grid;place-items:center;cursor:pointer}
.newChatBtn svg{width:18px}
.chatThreadList{padding:10px;overflow:auto;display:flex;flex-direction:column;gap:5px}
.chatEmptyHistory{padding:18px 10px;color:#888;font-size:12px;line-height:1.55}
.chatThread{display:flex;align-items:center;border:1px solid transparent}
.chatThread:hover{background:#202020}.chatThread.active{background:#27231f;border-color:#493723}
.chatThreadMain{min-width:0;flex:1;border:0;background:transparent;color:#fff;display:flex;gap:10px;align-items:flex-start;text-align:left;padding:11px;cursor:pointer}
.chatThreadMain>svg{width:16px;flex:0 0 auto;margin-top:2px;color:#f7942d}
.chatThreadMain span{min-width:0;display:flex;flex-direction:column;gap:4px}
.chatThreadMain b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chatThreadMain small{font-size:10px;color:#777}
.chatDelete{opacity:0;border:0;background:none;color:#777;padding:8px;cursor:pointer}
.chatThread:hover .chatDelete,.chatThread.active .chatDelete{opacity:1}.chatDelete:hover{color:#ff785e}.chatDelete svg{width:14px}
.chatWorkspace{min-width:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:#fbf8f4}
.chatTopbar{height:68px;padding:0 24px;border-bottom:1px solid #e7dfd7;background:#fff;display:flex;align-items:center;justify-content:space-between}
.chatTopbar>div{display:flex;align-items:center;gap:11px}.chatTopbar span{display:flex;flex-direction:column}.chatTopbar b{font-size:13px}.chatTopbar small{font-size:11px;color:#8b8177}
.aiOrb{width:34px;height:34px;background:#f7942d;display:grid;place-items:center}.aiOrb svg{width:17px}
.newChatText{border:1px solid #ded5cc;background:#fff;padding:9px 12px;display:flex;align-items:center;gap:7px;font-weight:800;font-size:11px;cursor:pointer}.newChatText svg{width:14px}
.chatMessages{overflow-y:auto;padding:34px max(26px,calc((100% - 900px)/2));scroll-behavior:smooth}
.chatWelcome{max-width:800px;margin:7vh auto 0;text-align:center}
.welcomeMark{width:54px;height:54px;background:#111;color:#f7942d;margin:0 auto 18px;display:grid;place-items:center}.welcomeMark svg{width:24px}
.chatWelcome h1{font-size:42px;line-height:1;margin:13px 0}.chatWelcome p{max-width:620px;margin:0 auto;color:#716960;font-size:14px;line-height:1.6}
.chatSuggestionGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:30px;text-align:left}
.chatSuggestionGrid button{border:1px solid #e0d8cf;background:#fff;padding:16px 17px;display:flex;flex-direction:column;gap:5px;cursor:pointer;min-height:78px}.chatSuggestionGrid button:hover{border-color:#f7942d;box-shadow:0 5px 18px rgba(0,0,0,.05)}
.chatSuggestionGrid b{font-size:12px}.chatSuggestionGrid span{font-size:11px;color:#887f76}
.chatMessageRow{max-width:900px;margin:0 auto 24px;display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;align-items:flex-start}
.chatMessageRow.user{grid-template-columns:minmax(0,1fr) 38px}
.chatMessageRow.user .chatAvatar{grid-column:2;grid-row:1;background:#111;color:#fff}.chatMessageRow.user .chatBubble{grid-column:1;grid-row:1;background:#f7942d;margin-left:auto;max-width:78%}
.chatAvatar{width:34px;height:34px;background:#f7942d;color:#111;display:grid;place-items:center;font-weight:900;font-size:9px}.chatAvatar svg{width:16px}
.chatBubble{background:#fff;border:1px solid #e3dbd3;padding:14px 16px;max-width:820px;box-shadow:0 3px 12px rgba(0,0,0,.025)}
.chatRole{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin-bottom:7px;color:#8c8178}.chatMessageRow.user .chatRole{color:#4c2e10}
.chatContent{font-size:13px;line-height:1.65;color:#28231f;white-space:normal}
.typingDots{display:flex;gap:4px;padding:7px 0}.typingDots i{width:6px;height:6px;border-radius:50%;background:#999;animation:moofdot 1s infinite}.typingDots i:nth-child(2){animation-delay:.15s}.typingDots i:nth-child(3){animation-delay:.3s}@keyframes moofdot{0%,60%,100%{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}
.chatComposerWrap{background:#fbf8f4;padding:14px max(26px,calc((100% - 900px)/2)) 20px;border-top:1px solid #ebe4dc}
.chatComposer{display:flex;align-items:flex-end;background:#fff;border:1px solid #dcd3ca;padding:8px 8px 8px 15px;box-shadow:0 8px 28px rgba(0,0,0,.05)}
.chatComposer:focus-within{border-color:#f7942d}
.chatComposer textarea{flex:1;border:0;outline:0;resize:none;min-height:24px;max-height:130px;font:inherit;font-size:13px;padding:9px 4px;background:transparent}
.chatComposer button{width:40px;height:40px;border:0;background:#f7942d;display:grid;place-items:center;cursor:pointer}.chatComposer button:disabled{opacity:.35;cursor:default}.chatComposer button svg{width:17px}
.chatComposerWrap>small{display:block;text-align:center;color:#9a9188;font-size:10px;margin-top:7px}
@media(max-width:900px){.aiChatPage{grid-template-columns:1fr}.chatHistory{display:none}.chatMessages,.chatComposerWrap{padding-left:18px;padding-right:18px}.chatWelcome h1{font-size:34px}.chatSuggestionGrid{grid-template-columns:1fr}.chatMessageRow.user .chatBubble{max-width:90%}}

/* V9.8.1 — AI pagina zelf staat vast; alleen chat en historiek scrollen */
body:has(.aiChatPage){
  overflow:hidden;
}
body:has(.aiChatPage) .shell.moofapp{
  height:100vh;
  max-height:100vh;
  overflow:hidden;
}
body:has(.aiChatPage) .shell.moofapp>main{
  height:100vh;
  min-height:0;
  overflow:hidden;
  display:grid;
  grid-template-rows:auto minmax(0,1fr);
}
body:has(.aiChatPage) .clientheader{
  flex:0 0 auto;
}
body:has(.aiChatPage) .aiChatPage{
  height:auto;
  min-height:0;
  overflow:hidden;
}
body:has(.aiChatPage) .chatHistory{
  height:100%;
  min-height:0;
  overflow:hidden;
}
body:has(.aiChatPage) .chatThreadList{
  min-height:0;
  overflow-y:auto;
  overscroll-behavior:contain;
}
body:has(.aiChatPage) .chatWorkspace{
  height:100%;
  min-height:0;
  overflow:hidden;
}
body:has(.aiChatPage) .chatMessages{
  min-height:0;
  overflow-y:auto;
  overscroll-behavior:contain;
}
body:has(.aiChatPage) .chatTopbar,
body:has(.aiChatPage) .chatComposerWrap{
  flex:0 0 auto;
}

/* V28 dashboard fixes */
.metricHelp{color:var(--muted)!important;line-height:1.35;margin-top:2px}.scorePanel .panelhead{align-items:center}.scorePanel .panelhead p{max-width:720px;color:var(--muted);line-height:1.5}.tableLegend{display:flex;flex-wrap:wrap;gap:8px 18px;padding:12px 0 16px;color:var(--muted);font-size:10px}.tableLegend>b{width:100%;color:var(--ink);font-size:11px}.tableLegend span strong{color:var(--ink)}.passwordClientForm{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-items:end}.passwordClientForm label{display:grid;gap:6px;font-size:11px;font-weight:800}.passwordClientForm input{padding:12px;border:1px solid var(--line)}.passwordClientForm .primarybtn{justify-content:center}.passwordClientForm .adminTestResult{grid-column:1/-1}.googleSetupPlan{background:var(--orange-soft);border-left:4px solid var(--orange);padding:16px 18px;line-height:1.5}.googleSetupPlan ol{margin:10px 0;padding-left:20px}.googleSetupPlan small{color:var(--muted)}.scoreClientTable .clientrow{grid-template-columns:minmax(250px,1.5fr) minmax(170px,1fr) 110px 150px 130px}@media(max-width:900px){.passwordClientForm{grid-template-columns:1fr}.scoreClientTable .clientrow{grid-template-columns:1fr}}

.googleSetupDetails{border:1px solid var(--line);background:#fff9f1;padding:0!important;margin:0 0 14px}.googleSetupDetails summary{list-style:none;cursor:pointer;padding:14px 16px;display:flex;justify-content:space-between;gap:14px}.googleSetupDetails summary::-webkit-details-marker{display:none}.googleSetupDetails summary span{font-size:10px;color:var(--muted);font-weight:700}.googleSetupDetails[open] summary{border-bottom:1px solid var(--line)}.googleSetupInner{padding:14px 18px 16px}.googleSetupInner p{margin:0 0 10px;color:var(--muted);line-height:1.5}.googleSetupInner li{margin:8px 0;line-height:1.45}.googleSetupInner small{display:block;margin-top:12px;color:var(--muted);line-height:1.45}

/* V33 ZeroRank live tables */
.zrRow{grid-template-columns:minmax(360px,2.4fr) .8fr .8fr .7fr 1.1fr}
.zrSourceRow{display:grid;grid-template-columns:minmax(300px,2fr) 1fr .7fr .8fr;gap:18px;align-items:center;padding:14px 8px;border-bottom:1px solid var(--line,#eee)}
.zrSourceRow span{min-width:0}.zrSourceRow b,.zrSourceRow small{display:block}.zrSourceRow small{font-size:10px;color:var(--muted);overflow-wrap:anywhere;margin-top:3px}
@media(max-width:900px){.zrRow,.zrSourceRow{grid-template-columns:1fr 90px}.zrRow span:nth-child(n+3),.zrSourceRow span:nth-child(n+3){display:none}}

/* V33 ZeroRank live tables */
.zrRow{grid-template-columns:minmax(360px,2.4fr) .8fr .8fr .7fr 1.1fr}
.zrSourceRow{display:grid;grid-template-columns:minmax(300px,2fr) 1fr .7fr .8fr;gap:18px;align-items:center;padding:14px 8px;border-bottom:1px solid var(--line,#eee)}
.zrSourceRow span{min-width:0}.zrSourceRow b,.zrSourceRow small{display:block}.zrSourceRow small{font-size:10px;color:var(--muted);overflow-wrap:anywhere;margin-top:3px}
@media(max-width:900px){.zrRow,.zrSourceRow{grid-template-columns:1fr 90px}.zrRow span:nth-child(n+3),.zrSourceRow span:nth-child(n+3){display:none}}

.zrPromptGroups{width:100%}.zrPromptRow{display:grid;grid-template-columns:minmax(360px,2.5fr) .85fr .8fr .72fr 1.1fr .72fr .65fr;gap:14px;align-items:center;min-height:58px;border-top:1px solid var(--line);padding:9px 8px;font-size:12px}.zrPromptRow.zrHead{min-height:38px;border-top:0;color:#8b8781;text-transform:uppercase;letter-spacing:1.2px;font-size:9px;font-weight:850}.zrPromptRow>span:first-child{min-width:0}.zrPromptRow b{display:block;line-height:1.3}.zrPromptRow small{display:block;color:var(--muted);margin-top:3px}.zrGroupRow{background:#faf9f7;font-weight:800}.zrGroupRow>span:first-child{display:flex;align-items:center;gap:10px}.zrGroupRow i{font-style:normal;background:#5b5b5b;color:#fff;border-radius:5px;padding:2px 7px;font-size:10px}.zrGroupRow span:nth-child(n+2){font-weight:800}.pageview{display:flex;flex-direction:column}.pageview>.sectionintro{order:1}.pageview>.subtabs,.pageview>.manyTabs{order:2}.pageview>.explainLegend{order:3;margin:14px 0}.pageview>*:not(.sectionintro):not(.subtabs):not(.manyTabs):not(.explainLegend){order:4}.sectionintro h1,.clienthero h1{letter-spacing:-1.5px!important;line-height:1.04!important;font-weight:900!important}.sectionintro h1 em,.clienthero h1 em{letter-spacing:-1px!important}.dataRow>span:first-child,.dataRow>div:first-child{min-width:260px;max-width:560px;overflow-wrap:anywhere;word-break:break-word;white-space:normal}.dataTable{font-size:12px}.dataRow{align-items:start}.explainLegend{background:var(--orange-soft)}@media(max-width:1100px){.zrPromptRow{grid-template-columns:minmax(280px,2fr) .8fr .8fr .8fr 1fr}.zrPromptRow span:nth-child(6),.zrPromptRow span:nth-child(7){display:none}}

/* V40 dashboard + detailed data tabs */
.compactHero{min-height:220px}.compactHero h1{font-size:44px}.dashboardScoreGrid{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:14px;margin:18px 0 30px}.scoreNavCard{border:1px solid var(--line);background:#fff;text-align:left;padding:26px;min-height:175px;display:flex;flex-direction:column;gap:10px;box-shadow:var(--shadow)}.scoreNavCard:hover{border-color:var(--orange);transform:translateY(-2px)}.scoreNavCard span{font-size:12px;font-weight:850;color:var(--muted)}.scoreNavCard strong{font-size:48px;letter-spacing:-2px}.scoreNavCard small{margin-top:auto;color:var(--orange-deep);font-weight:800}.scoreNavCard.mainScore{background:#111;color:#fff;border-color:#111}.scoreNavCard.mainScore span{color:#aaa}.scoreExplainGrid{display:grid;grid-template-columns:280px 1fr;gap:14px;margin-top:16px}.scoreBig{display:grid;place-items:center;text-align:center;align-content:center;min-height:280px}.scoreBig strong{font-size:88px;line-height:.95}.scoreBig small{color:var(--muted);font-weight:800}.manyTabs{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0 18px}.manyTabs button{border:1px solid var(--line);background:#fff;padding:9px 12px;font-weight:800;font-size:11px}.manyTabs button.active{background:var(--orange);border-color:var(--orange);color:#111}.dataTable{overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;border-top:1px solid var(--line);max-width:100%}.dataRow{display:grid;gap:14px;border-bottom:1px solid #eee9e1;padding:12px 8px;align-items:start;font-size:12px;width:100%}.dataRow span{min-width:0;white-space:normal;overflow-wrap:anywhere;word-break:break-word;line-height:1.42}.dataRow .cellCompact{white-space:nowrap;overflow-wrap:normal;word-break:normal}.dataRow .cellWide{padding-right:10px}.dataHead{position:sticky;top:0;background:#fff;z-index:2;color:#8e8881;text-transform:uppercase;letter-spacing:.8px;font-size:9px;font-weight:900}.scoreParts{display:grid;gap:8px;margin-top:18px}.scoreParts span{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:10px}.promptGroupList{display:grid}.promptTopic{display:flex;justify-content:space-between;background:#f4f0ea;padding:13px 14px;margin-top:13px}.promptTopic span{color:var(--muted);font-size:11px}.promptDetailRow{display:grid;grid-template-columns:minmax(320px,2.5fr) repeat(4,minmax(90px,.65fr));gap:12px;padding:13px 8px;border-bottom:1px solid #eee9e1;align-items:center;font-size:12px}.promptDetailRow div{display:grid;gap:3px}.promptDetailRow small{color:var(--muted)}
@media(max-width:1000px){.dashboardScoreGrid,.scoreExplainGrid{grid-template-columns:1fr}.promptDetailRow{grid-template-columns:1fr 1fr}.scoreNavCard{min-height:140px}}

/* V41 */
.compactHero h1{letter-spacing:-1.6px!important;line-height:1.04!important;word-spacing:.04em}.scoreNavCard .scoreWhy{display:block;margin-top:8px;color:inherit;opacity:.72;font-size:11px;line-height:1.45;font-weight:600}.explainLegend{margin:18px 0 0;background:#fff;border:1px solid var(--line);padding:22px;box-shadow:0 7px 22px rgba(25,20,16,.025)}.explainLegend h3{margin:0 0 6px;font-size:18px}.explainLegend>p{margin:0 0 16px;color:var(--muted);font-size:12px;line-height:1.55}.legendGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.legendItem{border-top:2px solid var(--orange);padding:10px 4px 4px}.legendItem b{display:block;font-size:12px;margin-bottom:4px}.legendItem span{display:block;color:var(--muted);font-size:11px;line-height:1.5}.dataTable{overflow-x:auto;max-width:100%}.dataRow{min-width:max-content}.manyTabs{overflow-x:auto;display:flex;flex-wrap:nowrap;max-width:100%;padding-bottom:3px}.manyTabs button{white-space:nowrap}.connectorSteps{display:grid}.connectorStep{display:grid;grid-template-columns:42px 1fr;gap:14px;padding:18px 0;border-top:1px solid var(--line)}.connectorStep:first-child{border-top:0}.connectorStepNo{width:38px;height:38px;background:var(--orange);display:grid;place-items:center;font-weight:900}.connectorStep b{display:block;margin-bottom:5px}.connectorStep p{margin:0;color:var(--muted);line-height:1.55}@media(max-width:1100px){.shell{grid-template-columns:200px 1fr}main{padding-left:20px;padding-right:20px}.dashboardScoreGrid,.kpis,.adminstats{grid-template-columns:repeat(2,minmax(0,1fr))}.legendGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.threecol{grid-template-columns:1fr!important}.sectionintro h1,.clienthero h1{font-size:42px!important}}@media(max-width:760px){.shell{display:block}.sidebar{position:relative;height:auto;min-height:0;padding:14px}.sidebar nav{display:flex;overflow-x:auto;gap:5px}.sidebar nav button{white-space:nowrap;flex:0 0 auto}.sidebottom,.moofclaim{display:none}main{padding:0 12px 32px}header{height:auto;min-height:72px;position:relative;align-items:flex-start;gap:10px;padding:14px 0;flex-wrap:wrap}.filters{width:100%;display:flex;overflow-x:auto}.clienthero,.adminhero{padding:24px 20px}.clienthero:before,.clienthero:after{opacity:.35}.clienthero h1,.sectionintro h1{font-size:34px!important;letter-spacing:-1px!important}.dashboardScoreGrid,.kpis,.adminstats,.scoreExplainGrid,.legendGrid{grid-template-columns:1fr!important}.panel{padding:15px}.subtabs{width:100%}.dataTable{overflow-x:auto;-webkit-overflow-scrolling:touch}.dataRow{min-width:720px}.connectorStep{grid-template-columns:38px 1fr}.modalback{padding:8px}.modal{max-height:94vh;overflow:auto;padding:22px 16px}.formgrid{grid-template-columns:1fr}.formgrid .full{grid-column:auto}.aiChatPage{grid-template-columns:1fr!important;height:auto!important}.chatHistory{max-height:240px}.chatWorkspace{min-height:65vh}}

.mobileMainNav{display:none}
@media(max-width:760px){.dataTable,.datatable{margin-left:-10px;margin-right:-10px;padding-left:10px;padding-right:10px}.dataRow,.datarow{font-size:11px}.sidebar{position:sticky!important;top:0!important;z-index:30!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:10px!important;padding:10px 12px!important;background:#111!important}.sidebar .brand{padding:0!important;margin:0!important;flex:0 0 auto}.sidebar .clientbadge{display:none!important}.sidebar>nav{display:none!important}.mobileMainNav{display:block!important;margin-left:auto;position:relative}.mobileMainNav summary{list-style:none;background:var(--orange);color:#111;padding:10px 14px;font-weight:900;display:flex;align-items:center;gap:7px;cursor:pointer}.mobileMainNav summary::-webkit-details-marker{display:none}.mobileMainNav summary svg{width:17px}.mobileMainNavList{position:absolute;right:0;top:calc(100% + 8px);width:min(280px,calc(100vw - 24px));background:#111;border:1px solid #333;padding:8px;box-shadow:0 18px 40px rgba(0,0,0,.25);display:grid;gap:4px}.mobileMainNavList button{border:0;background:#1c1c1c;color:#fff;text-align:left;padding:13px 14px;font-weight:800}.mobileMainNavList button:hover{background:var(--orange);color:#111}.sidebar:before{display:none}.sidebar .textbrand .brandlabel{display:block}main{padding-top:0!important}}
.reportBuilder{margin-top:22px!important}.reportBuilder h2{font-size:28px;margin:7px 0 8px}.reportIntro{color:var(--muted);max-width:760px;line-height:1.6;margin:0 0 18px}.reportToolbar{display:flex;align-items:end;justify-content:space-between;gap:16px;padding:15px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.reportToolbar label{display:grid;gap:7px;font-size:12px}.reportToolbar select{min-width:210px;border:1px solid var(--line);background:#fff;padding:11px 12px}.reportQuick{display:flex;gap:8px}.reportQuick button{border:1px solid var(--line);background:#fff;padding:10px 12px;font-weight:800}.reportGroup{padding-top:16px}.reportGroup h3{font-size:13px;margin:0 0 9px;text-transform:uppercase;letter-spacing:1px}.reportChoices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.reportChoices label{display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:#fff;padding:11px 12px;font-size:12px;font-weight:750;cursor:pointer}.reportChoices label.checked{border-color:var(--orange);background:var(--orange-soft)}.reportChoices input{accent-color:var(--orange)}.reportDownload{margin-top:18px}.explainLegend{background:#fffdf9}.legendItem span{font-size:12px;line-height:1.65}.legendItem b{font-size:13px}@media(max-width:1100px){.reportChoices{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.reportToolbar{align-items:stretch;flex-direction:column}.reportToolbar label,.reportToolbar select{width:100%}.reportQuick{width:100%}.reportQuick button{flex:1}.reportChoices{grid-template-columns:1fr}.reportDownload{width:100%;justify-content:center}}

.explainLegend>p{display:none!important}.sectionintro>h1:last-child{margin-bottom:18px}

.standardPasswordBox{display:grid;gap:5px;margin:2px 0 20px;padding:14px 16px;background:#fff5e9;border-left:4px solid var(--orange)}
.standardPasswordBox span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:#6b645e}.standardPasswordBox b{font-size:18px;letter-spacing:.01em}.standardPasswordBox small{font-size:11px;color:#6b645e}
.clientAccessPanel{margin:12px 0 4px;padding:18px;border:1px solid #e5e0d8;background:#fbf8f3}.clientAccessHead{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:14px}.clientAccessHead>div{display:grid;gap:4px}.clientAccessHead>b{font-size:16px}.clientAccessHead small{font-size:11px;color:#6b645e}.clientAccessHead svg{width:22px;color:var(--orange-deep)}.clientAccessGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.clientAccessGrid .full{grid-column:1/-1}.clientAccessButton{margin-top:12px}.clientAccessPanel .accountMsg{margin-top:10px}
@media(max-width:760px){.clientAccessGrid{grid-template-columns:1fr}}

/* V51 ContentStudio */
.csConnect{border:1px solid #ded7cf;background:#fffaf4;padding:18px;border-radius:12px;display:grid;gap:14px}.csConnectHead{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.csConnectHead b{font-size:18px}.csConnectHead small{display:block;color:#746d66;margin-top:3px}.csActions{display:flex;gap:10px;flex-wrap:wrap}.csStatus{padding:10px 12px;background:#f5eee7;border-left:4px solid #f7942d;font-size:12px}.csStatus.ok{background:#edf8ef;color:#185c29}.socialTabs{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 18px}.socialTabs button{border:1px solid #ddd4cb;background:white;padding:9px 13px;border-radius:999px;font-weight:800;cursor:pointer}.socialTabs button.active{background:#111;color:#fff;border-color:#111}.socialGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.socialCard{background:#fff;border:1px solid #e3dcd4;padding:16px;min-width:0}.socialCard small{display:block;color:#746d66;margin-bottom:5px}.socialCard b{font-size:22px;overflow-wrap:anywhere}.socialSection{background:#fff;border:1px solid #e3dcd4;padding:18px;margin:0 0 16px;overflow:hidden}.socialSection h3{margin:0 0 12px;border-bottom:2px solid #f7942d;padding-bottom:8px}.socialTableWrap{overflow-x:auto;width:100%}.socialTable{width:100%;min-width:760px;border-collapse:collapse}.socialTable th,.socialTable td{padding:9px 10px;border-bottom:1px solid #e5ddd5;text-align:left;vertical-align:top;white-space:normal;overflow-wrap:anywhere}.socialTable th{font-size:11px;text-transform:uppercase;letter-spacing:.05em}.socialEmpty{padding:24px;background:#fff;border:1px solid #e3dcd4}.socialRaw pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f7f4f0;padding:12px;max-height:420px;overflow:auto;font-size:11px}@media(max-width:900px){.socialGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.socialGrid{grid-template-columns:1fr}.socialTabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:5px}}

/* V53 ContentStudio admin + overview alignment */
.csConnect{margin-top:4px;border-radius:0;background:#fff;border:1px solid var(--line);padding:18px}.csConnect .primarybtn{width:max-content}.socialPage .sectionintro{padding-bottom:6px}.socialOverviewKpis{margin-top:14px}.socialKpis{grid-template-columns:repeat(4,minmax(0,1fr));margin:6px 0 16px}.socialSection{margin:14px 0}.socialSection .panelhead h2{margin-bottom:12px}.socialPlatformGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.socialPlatformCard{border:1px solid var(--line);background:var(--paper);padding:16px;display:grid;gap:5px}.socialPlatformCard b{font-size:16px}.socialPlatformCard span{font-size:11px;color:var(--muted)}.socialEmpty{display:grid;gap:6px}.socialEmpty span{color:var(--muted)}.socialEmptyInline{color:var(--muted);padding:10px 0}@media(max-width:1000px){.socialKpis{grid-template-columns:repeat(2,minmax(0,1fr))}.socialPlatformGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.socialKpis,.socialPlatformGrid{grid-template-columns:1fr}}
.socialWorkspace{margin-top:8px;font-size:12px;color:var(--muted)}
.socialWorkspace b{color:var(--ink)}
.socialPage .sectionintro{padding-bottom:6px}
.socialPage .minitabs{margin-top:0}

.forgotLink:hover{color:#f36f10}

/* V58 Social & Ads */
.socialPage .sectionintro{padding-bottom:12px}.socialTabs{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0 16px}.socialTabs button{border:1px solid var(--line);background:#fff;padding:9px 12px;font-weight:800}.socialTabs button.active{background:var(--orange);border-color:var(--orange);color:#111}.socialLegend{background:#fff;border:1px solid var(--line);padding:16px 18px;margin:0 0 14px;display:flex;gap:12px 22px;flex-wrap:wrap;font-size:11px;color:var(--muted)}.socialLegend>b{width:100%;font-size:13px;color:var(--ink)}.socialLegend strong{color:var(--ink)}.socialOverviewGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.socialSourceCard h2{margin:7px 0 2px;font-size:25px}.socialSourceCard>small{color:var(--muted)}.socialMiniMetrics{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:18px}.socialMiniMetrics div{background:#faf8f5;border:1px solid var(--line);padding:12px;display:grid;gap:4px}.socialMiniMetrics span{font-size:10px;color:var(--muted)}.socialMiniMetrics b{font-size:18px}.socialKpis{grid-template-columns:repeat(4,1fr)}.socialTable{overflow:auto}.socialRow{display:grid;grid-template-columns:minmax(220px,2fr) repeat(6,minmax(90px,1fr));min-width:900px;border-top:1px solid var(--line);align-items:center}.socialRow span{padding:12px 10px;font-size:11px}.socialRow.head{background:#faf8f5;font-weight:900}.socialPosts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.socialPosts article{border:1px solid var(--line);padding:12px;display:grid;gap:10px}.socialPosts img{width:100%;height:140px;object-fit:cover}.socialPosts article>b{font-size:12px;line-height:1.4;max-height:50px;overflow:hidden}.socialPosts article>div{display:flex;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:10px}@media(max-width:900px){.socialOverviewGrid{grid-template-columns:1fr}.socialKpis{grid-template-columns:repeat(2,1fr)}.socialPosts{grid-template-columns:1fr}.socialLegend{display:grid}.socialMiniMetrics{grid-template-columns:1fr 1fr}}


/* V59 social scoreboards */
.socialSourceCard.clickable{display:block;width:100%;text-align:left;cursor:pointer;color:inherit;font:inherit}.socialSourceCard.clickable:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,0,0,.08)}
.socialCardTitle{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.socialCardTitle h2{margin:0}.socialCardScore{font-size:24px;line-height:1;color:#f7931e;white-space:nowrap}.socialMore{display:block;margin-top:14px;font-weight:800;color:#f7931e}
.socialScoreboard{margin:18px 0}.socialScoreHero{display:grid;grid-template-columns:minmax(180px,.45fr) minmax(260px,1.55fr);gap:28px;align-items:center}.socialScoreHero>div:first-child{border-right:1px solid #e7e0d8;padding-right:28px}.socialScoreHero strong{display:block;font-size:64px;line-height:.95;margin-top:8px}.socialScoreHero strong small{font-size:16px;color:#777;margin-left:5px}.socialScoreHero h2{margin:0 0 6px}.socialScoreParts{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:10px;margin-top:20px}.socialScoreParts>div{border:1px solid #e7e0d8;padding:14px;background:#fff}.socialScoreParts span{display:block;font-size:12px;color:#777;margin-bottom:4px}.socialScoreParts b{font-size:20px}
@media(max-width:800px){.socialScoreHero{grid-template-columns:1fr}.socialScoreHero>div:first-child{border-right:0;border-bottom:1px solid #e7e0d8;padding-right:0;padding-bottom:18px}.socialScoreParts{grid-template-columns:repeat(2,1fr)}}

/* V60 — full ContentStudio detail + score scope */
.socialKpisAll{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.socialMetricMatrix{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin-top:8px}.socialMetricMatrix>div{background:#fff;padding:14px;display:grid;gap:5px}.socialMetricMatrix span{font-size:10px;color:var(--muted);font-weight:750}.socialMetricMatrix b{font-size:18px}.socialGenericTable{overflow:auto;margin-top:18px;border:1px solid var(--line)}.socialGenericTable table{border-collapse:collapse;width:100%;min-width:760px;font-size:11px}.socialGenericTable th,.socialGenericTable td{padding:11px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;max-width:320px;white-space:normal;word-break:break-word}.socialGenericTable th{font-size:9px;text-transform:uppercase;letter-spacing:.7px;background:#f7f4ef;position:sticky;top:0}.socialDataSection .panelhead h2{margin-bottom:8px}.scoreToggle{display:flex;align-items:flex-start;gap:11px;margin:18px 0;padding:14px;background:var(--orange-soft);border-left:4px solid var(--orange);cursor:pointer}.scoreToggle input{margin-top:3px;accent-color:var(--orange-deep)}.scoreToggle span{display:grid;gap:4px}.scoreToggle b{font-size:12px}.scoreToggle small{font-size:10px;color:var(--muted);font-weight:600}@media(max-width:800px){.socialMetricMatrix{grid-template-columns:1fr 1fr}.socialKpisAll{grid-template-columns:1fr 1fr}}@media(max-width:520px){.socialMetricMatrix,.socialKpisAll{grid-template-columns:1fr}}

/* V61 — score-source toggles, complete social detail, compact daily data, posts & growth */
.scoreSourceToggles{display:grid;gap:10px;margin:16px 0}
.scoreSourceToggles .scoreToggle{margin:0}
.scoreToggle.enabled{background:#fff4e7}
.scoreClientTable{overflow-x:auto}
.scoreClientTable .clientrow{grid-template-columns:minmax(235px,1.45fr) minmax(180px,1fr) 105px 90px 90px 90px 125px 118px;min-width:1160px}
.socialGrowthPanel{overflow:hidden}
.socialIntroText{color:var(--muted);font-size:12px;line-height:1.55;max-width:980px}
.growthLegend{display:flex;flex-wrap:wrap;gap:9px 18px;margin:14px 0 8px}
.growthLegend span{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted)}
.growthLegend i{width:10px;height:10px;border-radius:50%}
.growthLegend b{color:var(--ink);margin-left:3px}
.growthSvgWrap{width:100%;overflow:hidden}
.growthSvgWrap svg{width:100%;height:auto;display:block;background:#fff}
.growthZero{stroke:#ded8cf;stroke-width:1;stroke-dasharray:5 5}
.growthAxis{display:flex;justify-content:space-between;color:#999;font-size:10px;margin-top:4px}
.overviewGrowth{margin-top:12px;padding-top:10px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;font-size:11px}
.overviewGrowth.positive b,.positive{color:var(--green)!important}.overviewGrowth.negative b,.negative{color:var(--danger)!important}
.summaryTogether{margin-top:14px}
.singleGrowth .panelhead{margin-bottom:10px}
.growthMiniStats{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:10px}
.growthMiniStats>div{border:1px solid var(--line);padding:12px 14px;display:grid;gap:4px}
.growthMiniStats span{font-size:10px;color:var(--muted)}.growthMiniStats b{font-size:21px}
.socialMetricMatrix.compact{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:0}
.socialMetricMatrix.compact>div{min-height:68px;padding:11px 13px}
.compactDaily{margin-top:12px;border-top:1px solid var(--line)}
.compactDaily>summary{cursor:pointer;font-weight:850;padding:12px 0;color:var(--orange-deep);font-size:11px}
.dateFilterRow{display:flex;flex-wrap:wrap;align-items:end;gap:10px;margin:0 0 10px}
.dateFilterRow label{display:grid;gap:4px;font-size:9px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.7px}
.dateFilterRow input{border:1px solid var(--line);padding:8px;background:#fff}
.dateFilterRow button,.postPager button{border:1px solid var(--line);background:#fff;padding:8px 10px;font-weight:800}
.compactTable{max-height:420px;overflow:auto}
.compactTable table{font-size:10px}
.compactTable th,.compactTable td{padding:8px 10px}
.socialShowMore{margin:10px 0}
.fullLegend{display:block;padding:20px;margin:14px 0}
.legendHeader{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:12px}
.legendHeader b{font-size:18px}.legendHeader span{font-size:11px;color:var(--muted)}
.socialLegendGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 22px}
.socialLegendGrid>div{display:grid;gap:4px;padding:10px 0;border-bottom:1px solid #eee9e1}
.socialLegendGrid strong{font-size:11px}.socialLegendGrid span{font-size:10px;line-height:1.45;color:var(--muted)}
.socialLegendGrid .sectionLegend strong{color:var(--orange-deep)}
.activeUsersCompact{order:-1}
.visualPosts{grid-template-columns:repeat(3,minmax(0,1fr))}
.visualPosts article{display:flex;flex-direction:column;gap:9px}
.visualPosts img,.postNoImage{width:100%;height:160px;object-fit:cover;background:#eee8df}
.postNoImage{display:grid;place-items:center;font-weight:900;color:#888}
.postMetrics{display:flex;flex-wrap:wrap;gap:5px 10px;font-size:10px;color:var(--muted)}
.postLink{margin-top:auto;color:var(--orange-deep);font-size:11px;font-weight:900;text-decoration:none}
.postFilters{display:flex;gap:10px;margin:12px 0}
.postFilters input,.postFilters select{border:1px solid var(--line);background:#fff;padding:10px 12px}
.postFilters input{flex:1;min-width:220px}
.postList{display:grid}
.postRow{display:grid;grid-template-columns:70px minmax(260px,2fr) 90px repeat(7,minmax(74px,.55fr)) minmax(130px,.8fr);gap:10px;align-items:center;padding:10px 0;border-top:1px solid #eee9e1;font-size:10px;min-width:1120px}
.allPostsPanel{overflow-x:auto}
.postRow img,.postThumbFallback{width:64px;height:52px;object-fit:cover;background:#eee8df}
.postThumbFallback{display:grid;place-items:center;font-size:8px;font-weight:900}
.postMain{min-width:0;display:grid;gap:3px}.postMain b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.postMain small{color:var(--muted)}.postMain a{color:var(--orange-deep);font-weight:800;text-decoration:none}
.postImpact{font-size:9px}
.postPager{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:14px;font-size:11px}
.postPager button:disabled{opacity:.4}
@media(max-width:1100px){.socialLegendGrid{grid-template-columns:repeat(2,1fr)}.visualPosts{grid-template-columns:repeat(2,1fr)}.growthMiniStats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.socialLegendGrid{grid-template-columns:1fr}.visualPosts{grid-template-columns:1fr}.growthMiniStats{grid-template-columns:1fr 1fr}.postFilters{display:grid}.legendHeader{display:grid}}

/* V63 — compact legend, clearer post type, polished growth chart */
.collapsibleLegend{padding:0;margin:14px 0}
.collapsibleLegend .legendSummary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;border-bottom:0}
.collapsibleLegend .legendSummary::-webkit-details-marker{display:none}
.collapsibleLegend .legendSummary>div{display:grid;gap:3px}
.collapsibleLegend .legendSummary b{font-size:17px}
.collapsibleLegend .legendSummary span{font-size:10px;color:var(--muted)}
.collapsibleLegend .legendChevron{font-size:22px!important;color:var(--orange-deep)!important;transition:transform .2s ease}
.collapsibleLegend[open] .legendChevron{transform:rotate(180deg)}
.collapsibleLegend[open] .socialLegendGrid{padding:0 18px 18px}
.postTypeBadge,.postTypeCell{display:inline-flex;align-items:center;width:max-content;padding:4px 7px;border:1px solid #e7e0d7;background:#f8f5f0;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.5px}
.polishedGrowth{padding:22px 24px}
.growthHead{margin-bottom:14px}
.growthHead h2{margin-bottom:5px}
.growthLegendCards{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 12px}
.growthLegendCard{display:flex;align-items:center;gap:9px;padding:9px 11px;border:1px solid #e8e1d8;background:#fff;min-width:150px}
.growthLegendCard.overall{background:#111;color:#fff;border-color:#111}
.growthLegendCard.overall small{color:#bbb}
.growthLegendCard.overall .positive,.growthLegendCard.overall .negative{color:#fff!important}
.growthDot{width:9px;height:9px;border-radius:50%;flex:0 0 9px}
.growthLegendCard>div{display:grid;gap:1px}
.growthLegendCard small{font-size:9px;color:var(--muted);font-weight:800}
.growthLegendCard strong{font-size:16px;line-height:1}
.polishedGrowth .growthSvgWrap{border:1px solid #ece6de;background:#fff;padding:4px 6px 0}
.polishedGrowth svg{overflow:visible}
.growthGrid{stroke:#ece7e0;stroke-width:1}
.growthZeroStrong{stroke:#b9b1a7;stroke-width:1.4;stroke-dasharray:5 5}
.growthYLabel,.growthXLabel{fill:#8a8178;font-size:10px;font-family:Arial,sans-serif}
.growthLine{filter:none}
@media(max-width:700px){
 .growthLegendCard{min-width:calc(50% - 4px);flex:1}
 .polishedGrowth{padding:16px}
}

/* V64 */
.socialPage .collapsibleLegend{margin:12px 0 18px;border:1px solid #dfd7cd;background:#fff}
.socialPage .collapsibleLegend .legendSummary{background:#fff}
.postMain b{font-size:11px;line-height:1.35;max-width:520px}
.postMain small{font-size:9px}
.postRow .postTypeCell{justify-self:start}
.postRow .neutral{color:#7d756d!important}
.reportGroup h3{margin-top:18px}

/* V65 — growth date controls + non-overlapping axis */
.growthControls{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:10px 0 6px}
.growthPresetButtons{display:flex;gap:6px;flex-wrap:wrap}
.growthPresetButtons button{border:1px solid #ddd4c9;background:#fff;padding:7px 10px;font-size:10px;font-weight:850;cursor:pointer}
.growthPresetButtons button.active{background:#111;color:#fff;border-color:#111}
.growthCustomDates{display:flex;gap:8px;flex-wrap:wrap}
.growthCustomDates label{display:grid;gap:3px;font-size:9px;font-weight:850;text-transform:uppercase;color:var(--muted)}
.growthCustomDates input{border:1px solid #ddd4c9;background:#fff;padding:7px 9px;font-size:10px}
.growthRangeLabel{font-size:10px;color:var(--muted);margin:4px 0 10px}
.polishedGrowth .growthXLabel{font-size:9px}
@media(max-width:700px){
 .growthControls{display:grid}
 .growthPresetButtons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 .growthPresetButtons button{width:100%}
 .growthCustomDates{display:grid;grid-template-columns:1fr 1fr}
}

/* V66 */
.contentStudioSecret{display:grid!important;grid-template-columns:minmax(0,1fr) 86px!important;width:100%;border:1px solid #dcd6cf;border-radius:8px;overflow:hidden;background:#fff}.contentStudioSecret input{width:100%;min-width:0;border:0!important;border-radius:0!important;padding:12px 13px!important;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;outline:0}.contentStudioSecret button{border:0!important;border-left:1px solid #dcd6cf!important;border-radius:0!important;background:#f4f0ea!important;padding:0 13px!important;justify-content:center}
.socialTabsLoading button:disabled{opacity:.65}.socialLoadingGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}.socialSkeletonCard{min-height:150px;display:grid;gap:13px;align-content:start}.skeletonLine,.skeletonBig,.skeletonChart{display:block;background:linear-gradient(90deg,#eee9e2 25%,#f8f5f0 50%,#eee9e2 75%);background-size:200% 100%;animation:moofSkeleton 1.3s linear infinite}.skeletonLine{height:10px;width:100%}.skeletonLine.short{width:42%}.skeletonLine.mid{width:68%}.skeletonBig{height:36px;width:58%}.skeletonChart{height:220px;width:100%;margin-top:18px}.socialSkeletonChart{margin-top:12px}@keyframes moofSkeleton{0%{background-position:200% 0}100%{background-position:-200% 0}}
.clientLoginAccounts h4{margin:0 0 10px;font-size:13px}.clientAccountList{display:grid;gap:8px}.clientAccountRow{display:grid;grid-template-columns:42px minmax(0,1fr) 38px;gap:10px;align-items:center;padding:10px;border:1px solid #e3dbd2;background:#fff}.clientAccountAvatar{width:38px;height:38px;background:#f7942d;display:grid;place-items:center;font-weight:950;font-size:11px}.clientAccountIdentity{display:grid;gap:2px}.clientAccountIdentity b{font-size:12px}.clientAccountIdentity span{font-size:11px}.clientAccountIdentity small{font-size:9px;color:#817a73}.clientAccountDelete{width:34px;height:34px;border:1px solid #e3dbd2;background:#fff;display:grid;place-items:center;cursor:pointer}.clientAccountDelete svg{width:15px}.clientAccountDelete:hover{background:#fff0ed;color:#a22}.emptyClientAccounts,.clientLoginLoading{padding:12px;border:1px dashed #d9d0c7;color:#817a73;font-size:11px;background:#fff}.clientLoginDivider{height:1px;background:#e5ddd5;margin:2px 0}.clientLoginActions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.clientLoginActions .adminTestResult{flex:1;min-width:220px}
@media(max-width:900px){.socialLoadingGrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.socialLoadingGrid{grid-template-columns:1fr}.clientAccountRow{grid-template-columns:38px minmax(0,1fr) 34px}}


/* V71 Keywords (DataForSEO) */
.kwAdmin summary{cursor:pointer;display:flex;gap:8px;align-items:baseline;list-style:none}.kwAdmin summary::-webkit-details-marker{display:none}.kwAdmin summary b{font-size:16px}.kwAdmin summary small{color:var(--muted)}
.kwAdmin[open] summary{margin-bottom:14px}.kwAdmin .adminNotice{margin-bottom:14px}
.kwAdminGrid{display:grid;grid-template-columns:1.4fr 1fr;gap:16px}.kwAdminGrid label{display:grid;gap:6px;font-size:11px;text-transform:uppercase;font-weight:900;letter-spacing:.05em}
.kwAdminGrid textarea,.kwAdminGrid select{padding:12px;border:1px solid var(--line);background:#fff;font:inherit;text-transform:none;letter-spacing:0;font-size:13px}
.kwAdminGrid textarea{resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;min-height:120px}
.kwAdminSide{display:grid;gap:12px;align-content:start}.kwAdminSide small{color:var(--muted);font-size:11px;line-height:1.45}
.kwAdminButtons{display:flex;gap:8px;flex-wrap:wrap}.kwAdminButtons button{padding:11px 15px}.kwAdminButtons button:disabled{opacity:.5;cursor:default}
.kwAdmin .accountMsg{margin-top:12px}
.kwFilters{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-bottom:12px}.kwFilters button{border:1px solid var(--line);background:#fff;padding:8px 11px;font-weight:800;font-size:11px}.kwFilters button.active{background:var(--orange);border-color:var(--orange)}.kwFilters small{margin-left:auto;color:var(--muted);font-size:11px}
.kwBest{color:var(--orange-deep)}.kwNew{font-size:10px;font-weight:900;text-transform:uppercase;background:var(--orange-soft);padding:2px 6px}
@media(max-width:800px){.kwAdminGrid{grid-template-columns:1fr}.kwFilters small{margin-left:0;width:100%}}
.pageview>.kwAdmin{order:1}
/* V72 Keywords: pagina's en zoekwoorden per domein */
.kwView>.explainLegend{order:9}
.kwCell{display:grid;gap:2px;min-width:0}.kwCell b{font-size:12px}
.kwLink{color:var(--orange-deep);text-decoration:none;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;max-width:100%}.kwLink:hover{text-decoration:underline}
.kwSearch{display:block;margin:0 0 12px}.kwSearch input{width:100%;max-width:420px;padding:10px 12px;border:1px solid var(--line);background:#fff;font:inherit;font-size:13px}
.kwHint{color:var(--muted);font-size:12px;margin:-8px 0 14px}
.kwDomainBtn{border:0;background:transparent;padding:0;font:inherit;font-weight:800;color:var(--ink);text-align:left;cursor:pointer;border-bottom:1px dashed var(--orange)}.kwDomainBtn:hover{color:var(--orange-deep)}