/*! NEXTARI · Author: Marvin Slotta · Build 2026.09.07 */
body{font-family:'Nunito Sans',sans-serif;color:var(--txt);min-height:100vh;}
.side{left:0;bottom:0;width:252px;flex-direction:column;padding:24px 16px;z-index:20;overflow-y:auto}
.main{margin-left:0;min-width:0;}
.grid{display:grid;align-items:center;gap:16px;padding:16px 16px;border-bottom:1px solid var(--line)}
@media(max-width:980px){.side{position:static;width:auto}.main{margin-left:0;padding:16px;max-width:none}.grid{gap:8px}.headr{display:none}}
.side{position:relative;overflow:hidden}
body{background:var(--ag-bg)}
.main{flex:1;overflow-y:auto;}
.side,aside.side,.fam-studio,.fam-publisher,.fam-agency,.fam-event,.fam-console{-webkit-backdrop-filter:blur(20px) saturate(1.2);backdrop-filter:blur(20px) saturate(1.2);}
.nxsr-ov.on{display:block}
.nxsr-r.on{background:var(--accent)}
@media (hover:hover){.nxsr-r:hover{background:var(--nx-hebung)}}
.nxsr-r b{font-family:var(--nx-f-text);font-size:var(--nx-typo-text);display:block}
.nxsr-r span{color:var(--dim);font-size:var(--nx-typo-meta)}
@media(max-width:900px){
 .nx-demobar{min-height:0;padding-top:calc(6px + env(safe-area-inset-top));padding-bottom:8px}
 
 .shell{padding-left:max(14px,env(safe-area-inset-left));
 padding-right:max(14px,env(safe-area-inset-right))}
 body{padding-bottom:env(safe-area-inset-bottom)}
}
.nx-curation{margin-bottom:16px}
.nx-cur-row{display:grid;grid-template-columns:110px 1fr 100px auto;gap:12px;align-items:center;padding:10px 16px;border-bottom:1px solid var(--line,rgba(255,255,255,.06))}
.nx-cur-src{font:700 var(--nx-typo-klein) var(--nx-f-text);letter-spacing:.04em}
.nx-cur-t{font:700 var(--nx-typo-text) 'Nunito Sans',sans-serif;color:var(--txt)}
.nx-cur-dest{font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--dim)}
.nx-cur-act{display:flex;gap:8px}
.nx-cur-ok,.nx-cur-skip{font:700 var(--nx-typo-meta) var(--nx-f-text);padding:6px 12px;border-radius:var(--nx-r-bedien);cursor:pointer}
/* Regel 02 und ein gefuellter Knopf je Gruppe (Nr. C66, 05.10.): Approve war
  gruen getoent mit gruener Schrift · jetzt der eine gefuellte Knopf der Zeile. */
.nx-cur-ok{border:1px solid transparent;background:var(--accent,#5b27e8);color:#fff}
@media (hover:hover){.nx-cur-ok:hover{filter:none;background:var(--accent,#5b27e8)}}
.nx-cur-skip{border:1px solid var(--line,rgba(255,255,255,.12));background:transparent;color:var(--dim)}
@media (hover:hover){.nx-cur-skip:hover{color:var(--txt)}}
.nx-cur-note{padding:10px 16px;font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--dim)}
/* Die Schlange am Telefon (Nr. C66) steht in nxm-mobil.css · dort gehoert die Telefonschwelle hin. */
.railfoot .agencybox{border:1px solid var(--line,rgba(255,255,255,.06));border-radius:var(--nx-r-karte);padding:8px 12px;
  transition:border-color .15s,background .15s;display:flex;align-items:center;gap:10px}
.nx-acct-pop{position:absolute;left:12px;right:12px;top:calc(100% + 6px);z-index:6000;
  background:var(--nx-flaeche-2);border:1px solid rgba(255,255,255,0.14);border-radius:var(--nx-r-tafel);padding:8px;
  box-shadow:var(--nx-schatten);display:none}
.nx-acct-pop.open{display:block}
.nx-acct-pop .ap-head{font:800 9px var(--nx-f-text);
  color:var(--dim);padding:4px 8px 8px}
.nx-acct-pop .ap-item{display:flex;align-items:center;gap:8px;padding:8px;border-radius:var(--nx-r-bedien);cursor:pointer}
.nx-acct-pop .ap-av{width:28px;height:28px;border-radius:var(--nx-r-bedien);display:grid;place-items:center;flex:none;
  font:700 var(--nx-typo-klein) var(--nx-f-text);color:#fff;background:var(--accent)}
.nx-connect-ov{position:fixed;inset:0;z-index:9000;display:flex;align-items:center;justify-content:center;
  opacity:0;transition:opacity .15s}
.nx-connect-card{position:relative;width:440px;max-width:calc(100vw - 32px);max-height:calc(100vh - 48px);overflow:auto;
  background:var(--nx-flaeche);border:1px solid rgba(255,255,255,0.14);border-radius:var(--nx-r-tafel);padding:22px;
  box-shadow:var(--nx-schatten)}
.nx-connect-card .cc-head{display:flex;gap:14px;align-items:flex-start;margin-bottom:18px}
.nx-connect-card .cc-x{margin-left:auto;flex:none;width:30px;height:30px;border-radius:var(--nx-r-bedien);border:1px solid var(--line,rgba(255,255,255,.08));
  background:transparent;color:var(--dim);cursor:pointer;font-size:14px}
.nx-connect-card .cc-types{display:flex;flex-direction:column;gap:8px}
.nx-connect-card .cc-type{display:flex;align-items:center;gap:12px;padding:12px;border-radius:var(--nx-r-karte);
  border:1px solid var(--line,rgba(255,255,255,.08));background:var(--surface);cursor:pointer;text-align:left;transition:.15s}
.nx-connect-card .cc-ic{width:34px;height:34px;border-radius:var(--nx-r-bedien);display:grid;place-items:center;flex:none;
  background:var(--nx-hebung);color:var(--nx-text);font-size:var(--nx-typo-kartenkopf)}
.nx-connect-card .cc-tx{display:flex;flex-direction:column;gap:2px}
.nx-connect-card .cc-name{width:100%;box-sizing:border-box;padding:12px 12px;border-radius:var(--nx-r-karte);
  border:1px solid var(--line,rgba(255,255,255,.1));background:var(--nx-grund);color:var(--txt);
  font:700 var(--nx-typo-text) var(--nx-f-text);outline:none}
.nx-connect-card .cc-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}
.side{top:0}
.main{margin:0 auto;max-width:1240px;padding:26px 32px 72px;width:100%;box-sizing:border-box}
.console-top .ct-brand{display:flex;align-items:center;gap:10px;flex:none}
.console-top .ct-right{margin-left:auto;flex:none;display:flex;align-items:center;gap:12px}
@media(max-width:860px){.main{padding:18px 16px 64px}}