/*! 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;}
.pill.pending{background:rgba(240,180,80,.14);color:#f0b450;border-color:rgba(240,180,80,.3)}
.pill.approved{background:rgba(84,224,160,.14);color:#54e0a0;border-color:rgba(84,224,160,.3)}
.pill.rejected{background:rgba(255,120,120,.14);color:#ff8a8a;border-color:rgba(255,120,120,.3)}
.pill.pending .dot{background:#f0b450}
.pill.approved .dot{background:#54e0a0}
.pill.rejected .dot{background:#ff8a8a}
.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);}
.nx-ss-badge,.nx-ss-live{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.14)}
#nxl-modal{position:fixed;inset:0;z-index:6000;display:none}
#nxl-modal.open{display:block}
.nxl-scrim{position:absolute;inset:0;background:rgba(4,4,10,.66);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.nxl-box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:440px;max-width:92vw;background:var(--nx-flaeche);border:1px solid var(--line2,#26263a);border-radius:var(--nx-r-tafel);padding:22px;box-shadow:var(--nx-schatten)}
.nxl-h{font-family:var(--nx-f-titel);font-weight:800;font-size:18px;color:var(--txt);margin-bottom:14px}
.nxl-l{display:block;font-size:var(--nx-typo-text);color:var(--dim);margin:0 0 12px;font-weight:700}
.nxl-l input,.nxl-l select{display:block;width:100%;margin-top:5px;background:var(--nx-hebung);border:1px solid var(--line,#242437);border-radius:var(--nx-r-bedien);color:var(--txt);padding:9px 11px;font-size:14px;box-sizing:border-box}
.nxl-note{font-size:var(--nx-typo-text);color:var(--dim);background:var(--nx-hebung);border:1px solid var(--nx-linie);border-radius:var(--nx-r-bedien);padding:9px 11px;margin:4px 0 16px}
.nxl-act{display:flex;gap:9px;justify-content:flex-end;flex-wrap:wrap}
.nxl-act .btn.danger{color:#ff8da3;border-color:rgba(255,77,109,.4)}
.grid[data-nxrow] .pill{cursor:pointer;transition:filter .15s}
@media (hover:hover){.grid[data-nxrow] .pill:hover{filter:brightness(1.25)}}
.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-cmerge{display:flex;gap:8px;margin:0 0 18px}
.nx-cmerge a{font:700 var(--nx-typo-text) var(--nx-f-text);color:var(--nx-leise);text-decoration:none;padding:8px 14px;border:1px solid rgba(255,255,255,.12);border-radius:var(--nx-r-pille);transition:.15s}
@media (hover:hover){.nx-cmerge a:hover{color:#fff}}
.nx-cmerge a.on{color:#fff;background:var(--accent);border-color:var(--nx-linie)}
.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}}