/* Light admin chrome — shared by admin.html and team.html */
*{margin:0;padding:0;box-sizing:border-box}
html,body{height:100%;font-family:'DM Sans',system-ui,sans-serif;overflow-x:hidden}

/* ─── FORCE LIGHT THEME ─── */
body{
  --bg:#f0f4f8;
  --accent:#0f4c81;--accent2:#1a6bb5;--accentDim:rgba(15,76,129,0.06);
  --text:#1e293b;--textDim:rgba(30,41,59,0.3);--textMid:rgba(30,41,59,0.55);
  --card:#ffffff;--cardB:rgba(0,0,0,0.08);
  --hdrBg:#ffffff;--sidebarBg:#f8fafc;
  --red:#dc2626;--amber:#d97706;--green:#16a34a;--purple:#7c3aed;
  background:var(--bg);color:var(--text);
}

/* ─── HEADER ─── */
.hdr{height:52px;display:flex;align-items:center;padding:0 20px;background:var(--hdrBg);border-bottom:1px solid var(--cardB);justify-content:space-between;flex-shrink:0;box-shadow:0 1px 3px rgba(0,0,0,0.04)}
.hdr-left{display:flex;align-items:center;gap:12px}
.hdr-logo{display:flex;align-items:center;gap:8px}
.hdr-logo svg{height:28px;width:auto}
.hdr-logo .connect-text{font-family:Barlow,sans-serif;font-weight:200;font-size:14px;letter-spacing:3px;text-transform:uppercase;color:var(--accent);opacity:0.4}
.hdr-left .sep{color:var(--textDim);font-size:14px;margin-left:4px}
.hdr-left .admin-label{font-weight:700;font-size:13px;color:var(--text)}
.hdr-right{display:flex;align-items:center;gap:10px}
.hdr-right .user-email{font-size:11px;color:var(--textMid)}
.btn{border:none;border-radius:6px;padding:6px 14px;font-size:11px;font-family:'DM Sans',sans-serif;font-weight:600;cursor:pointer;transition:all 0.15s}
.btn:hover{opacity:0.85}
.btn-accent{background:var(--accent);color:#fff}
.btn-accent:hover{background:#0a3459}
.btn-dim{background:var(--card);color:var(--textMid);border:1px solid var(--cardB)}
.btn-dim:hover{background:#f1f5f9;color:var(--text)}
.btn-red{background:rgba(220,38,38,0.08);color:var(--red);border:1px solid rgba(220,38,38,0.15)}
.btn-green{background:rgba(22,163,74,0.08);color:var(--green);border:1px solid rgba(22,163,74,0.15)}
.btn-sm{padding:3px 8px;font-size:10px;border-radius:4px}

/* ─── LAYOUT ─── */
.main{display:flex;height:calc(100vh - 52px)}
.nav{width:200px;background:var(--sidebarBg);border-right:1px solid var(--cardB);padding:12px 0;flex-shrink:0}
.nav-item{display:flex;align-items:center;gap:8px;padding:10px 16px;font-size:12px;font-weight:600;color:var(--textMid);cursor:pointer;transition:background 0.12s,color 0.12s;border-left:3px solid transparent}
.nav-item:hover{background:var(--accentDim);color:var(--text)}
.nav-item.active{color:var(--accent);border-left-color:var(--accent);background:var(--accentDim)}
.nav-item .nav-ico{font-size:14px;width:20px;text-align:center}
.content{flex:1;overflow-y:auto;padding:24px;background:var(--bg)}

/* ─── PANELS ─── */
.panel{display:none}
.panel.active{display:block}
.panel-title{font-size:18px;font-weight:700;margin-bottom:4px;color:var(--text)}
.panel-desc{font-size:12px;color:var(--textMid);margin-bottom:20px}

/* ─── TABLE ─── */
.tbl{width:100%;border-collapse:collapse;background:var(--card);border:1px solid var(--cardB);border-radius:8px;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,0.03)}
.tbl th{padding:10px 14px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--accent);text-align:left;border-bottom:1px solid var(--cardB);background:#f8fafc}
.tbl td{padding:9px 14px;font-size:12px;border-bottom:1px solid rgba(0,0,0,0.04);vertical-align:middle}
.tbl tr:last-child td{border:none}
.tbl tr:hover td{background:rgba(15,76,129,0.02)}
.mono{font-family:'JetBrains Mono',monospace}
.tag{display:inline-block;font-size:9px;font-weight:700;padding:2px 6px;border-radius:3px;letter-spacing:0.5px;text-transform:uppercase}
.tag-green{background:rgba(22,163,74,0.1);color:var(--green)}
.tag-amber{background:rgba(217,119,6,0.1);color:var(--amber)}
.tag-red{background:rgba(220,38,38,0.1);color:var(--red)}
.tag-blue{background:rgba(15,76,129,0.08);color:var(--accent)}
.tag-dim{background:rgba(0,0,0,0.04);color:var(--textMid)}

/* ─── FORMS ─── */
.form-row{display:flex;gap:8px;align-items:flex-end;margin-bottom:16px;flex-wrap:wrap}
.form-group{display:flex;flex-direction:column;gap:3px}
.form-group label{font-size:10px;font-weight:600;color:var(--textMid);text-transform:uppercase;letter-spacing:0.5px}
.form-group input,.form-group select{background:#fff;border:1px solid var(--cardB);border-radius:6px;color:var(--text);padding:7px 10px;font-size:12px;font-family:'DM Sans',sans-serif;outline:none;min-width:180px}
.form-group select{cursor:pointer}
.form-group input:focus,.form-group select:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(15,76,129,0.06)}

/* ─── CARDS ─── */
.section-card{background:var(--card);border:1px solid var(--cardB);border-radius:8px;padding:16px;margin-bottom:16px;box-shadow:0 1px 2px rgba(0,0,0,0.03)}
.section-card .sc-title{font-size:12px;font-weight:700;margin-bottom:10px;color:var(--text)}
.stat-row{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}
.stat-card{background:var(--card);border:1px solid var(--cardB);border-radius:8px;padding:16px 20px;min-width:140px;flex:1;box-shadow:0 1px 2px rgba(0,0,0,0.03)}
.stat-card .num{font-size:24px;font-weight:700;font-family:'JetBrains Mono',monospace;color:var(--accent)}
.stat-card .lbl{font-size:10px;color:var(--textMid);text-transform:uppercase;letter-spacing:0.5px;margin-top:2px}

/* ─── TOAST ─── */
.toast{position:fixed;bottom:20px;right:20px;padding:10px 16px;border-radius:8px;font-size:12px;font-weight:600;color:#fff;z-index:9999;transform:translateY(80px);opacity:0;transition:all 0.3s ease;box-shadow:0 4px 12px rgba(0,0,0,0.15)}
.toast.show{transform:translateY(0);opacity:1}
.toast.ok{background:var(--green)}
.toast.err{background:var(--red)}

/* ─── TOGGLE SWITCH ─── */
.tog{position:relative;display:inline-block;width:40px;height:22px;cursor:pointer;flex-shrink:0}
.tog input{opacity:0;width:0;height:0;position:absolute}
.tog .track{position:absolute;inset:0;background:rgba(0,0,0,0.08);border:1px solid var(--cardB);border-radius:11px;transition:background 0.25s,border-color 0.25s}
.tog .knob{position:absolute;top:3px;left:3px;width:16px;height:16px;background:#94a3b8;border-radius:50%;transition:transform 0.25s,background 0.25s;box-shadow:0 1px 3px rgba(0,0,0,0.15)}
.tog input:checked+.track{background:var(--green);border-color:var(--green)}
.tog input:checked+.track+.knob{transform:translateX(18px);background:#fff}

/* ─── LOGO PREVIEW ─── */
.logo-preview{width:120px;height:60px;object-fit:contain;border:1px dashed var(--cardB);border-radius:6px;padding:4px;background:var(--bg)}
.logo-drop{border:2px dashed var(--cardB);border-radius:8px;padding:16px;text-align:center;cursor:pointer;transition:border-color 0.2s}
.logo-drop:hover,.logo-drop.dragover{border-color:var(--accent)}

/* ─── LOGIN ─── */
#loginGate{position:fixed;inset:0;z-index:9999;background:var(--bg);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px}
#loginGate .box{background:var(--card);border:1px solid var(--cardB);border-radius:12px;padding:28px 32px;min-width:300px;text-align:center;box-shadow:0 4px 16px rgba(0,0,0,0.06)}
#loginGate input{width:100%;text-align:center;font-size:13px;font-family:'DM Sans',sans-serif;background:#fff;border:1px solid var(--cardB);border-radius:8px;color:var(--text);padding:10px 12px;outline:none;margin-bottom:8px}
#loginGate input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(15,76,129,0.06)}
#loginGate .err{color:var(--red);font-size:11px;margin-top:8px;min-height:14px}

/* ─── ACCESS DENIED ─── */
#accessDenied{display:none;position:fixed;inset:0;z-index:9998;background:var(--bg);align-items:center;justify-content:center;flex-direction:column;gap:12px}
#accessDenied .icon{font-size:48px;opacity:0.3}
#accessDenied .msg{font-size:14px;color:var(--textMid)}

/* ─── MARINA EXPAND ─── */
.marina-row{cursor:pointer;transition:background 0.12s}
.marina-row:hover td{background:rgba(15,76,129,0.03) !important}
.marina-row td:first-child::before{content:'▸';margin-right:6px;color:var(--textDim);transition:transform 0.2s;display:inline-block}
.marina-row.expanded td:first-child::before{transform:rotate(90deg)}
.marina-detail{display:none;background:#f8fafc}
.marina-detail.show{display:table-row}
.marina-detail td{padding:0 !important;border:none !important}
.detail-inner{padding:16px 20px;border-top:1px solid var(--cardB)}

/* ─── INVITE SENDING INDICATOR ─── */
.sending-indicator{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--accent)}
.sending-indicator .spin{width:12px;height:12px;border:2px solid rgba(15,76,129,0.2);border-top-color:var(--accent);border-radius:50%;animation:spin 0.5s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}