/* Accounts-specific rules (loaded after aininjas-app.css) */
.tile{display:block;color:var(--ink);border-top:4px solid var(--ember)}
.tile:hover{text-decoration:none;border-color:var(--crimson);background:#fff}
.tile h2{margin-bottom:6px}
.appblock{border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;margin-bottom:14px;background:var(--white)}
.appblock.on{border-color:var(--crimson);box-shadow:0 0 0 3px var(--crimson-soft)}
.appblock .head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.appblock .head label.check{margin:0;font-family:var(--display);font-weight:700;font-size:15px}
.appblock .body{display:none;margin-top:14px}
.appblock.on .body{display:block}
.classes{display:flex;flex-wrap:wrap;gap:4px 0}
.classes[hidden],[hidden]{display:none!important}   /* only the chosen school's classes show */
.secret{font-family:var(--mono);font-size:12px;word-break:break-all;background:var(--paper-2);padding:8px 10px;border-radius:var(--r)}
.invitebox{border:1px solid var(--brass);background:var(--brass-soft);padding:14px 16px;border-radius:var(--r);margin-bottom:18px}
.invitebox input{font-family:var(--mono);font-size:12.5px}
.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;background:var(--line)}
.status-dot.active{background:var(--good)}.status-dot.invited{background:var(--brass)}.status-dot.disabled{background:var(--bad)}
td.apps{font-size:13px;line-height:1.9}


/* One-site mode (opened through the Academy): the Academy's menu sits in the header row and this app's pages
   become a strip of tabs beneath it. */
header.site .subtabs { background: #1A1311; border-top: 1px solid #2A1F1D; }
header.site .subtabs nav { display: flex; align-items: center; gap: 4px; flex-wrap: wrap; min-height: 42px; }
header.site .subtabs .section { font-family: var(--mono); font-size: 10px; letter-spacing: .16em; text-transform: uppercase; color: #8D7C78; margin-right: 14px; }
header.site .subtabs a { font-size: 13.5px; color: #C6B6B2; text-decoration: none; font-weight: 500; padding: 10px 12px; border-bottom: 2px solid transparent; }
header.site .subtabs a:hover { color: #fff; }
header.site .subtabs a.on { color: #fff; border-bottom-color: var(--ember); }
@media (max-width: 760px) { header.site .subtabs nav { overflow-x: auto; flex-wrap: nowrap; } header.site .subtabs a { white-space: nowrap; } }