/* Association of Chiefs app: install banner, tab bar, installed-app mode */

/* ---- Install banner (phones only; app.js shows it when it applies) ---- */
.aoc-install{position:fixed;left:12px;right:12px;bottom:12px;z-index:90;display:flex;flex-wrap:wrap;align-items:center;gap:12px;background:var(--panel,#151b21);border:1px solid var(--line,#26303a);border-top:3px solid var(--gold,#d9a94e);border-radius:12px;padding:14px 14px 14px 12px;box-shadow:0 18px 40px rgba(0,0,0,.55);color:var(--text,#e9ecef)}
.aoc-install[hidden]{display:none}
.aoc-install img{width:44px;height:44px;border-radius:10px;flex:0 0 44px}
.aoc-install-text{flex:1 1 160px;min-width:0;font-size:13.5px;line-height:1.4}
.aoc-install-text b{display:block;font-size:15px;margin-bottom:2px}
.aoc-install-text span{color:var(--muted,#9aa6b2)}
.aoc-install-actions{display:flex;align-items:center;gap:6px;flex:0 0 auto}
.aoc-install-actions .btn{padding:9px 14px;font-size:14px}
.aoc-install-later{background:none;border:0;color:var(--muted,#9aa6b2);font:inherit;font-size:13px;padding:8px 6px;cursor:pointer}
.aoc-install-how{flex:1 1 100%;border-top:1px solid var(--line,#26303a);padding-top:10px;font-size:14px;color:var(--silver,#cfd4d9)}
.aoc-install-how[hidden]{display:none}
.aoc-install-how ol{margin:0;padding-left:20px}
.aoc-install-how li{margin:0 0 6px}
.aoc-install-find{flex:1 1 100%;font-size:12.5px;margin-top:-2px}
.aoc-install-find a{color:var(--muted,#9aa6b2);text-decoration:underline;text-underline-offset:2px}
@media(min-width:900px){.aoc-install{display:none !important}}   /* a phone feature */

/* ---- "Get the app" page ---- */
.aoc-app-guide-step{margin:0 0 26px;padding:18px 20px;background:var(--panel,#151b21);border:1px solid var(--line,#26303a);border-radius:10px}
.aoc-app-guide-step.is-mine{border-color:var(--gold,#d9a94e)}
.aoc-app-guide-step h2{font-size:17px;margin:0 0 10px}
.aoc-app-guide-step h2 small{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--gold,#d9a94e);font-weight:600}
.aoc-app-guide-step ol{margin:0;padding-left:22px}
.aoc-app-guide-step li{margin:0 0 8px}
.aoc-app-guide-step p{margin:0}
.aoc-app-guide-installed,.aoc-app-guide-install{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 22px;padding:14px 18px;border:1px solid var(--gold,#d9a94e);border-radius:10px;background:var(--panel,#151b21)}
.aoc-app-guide-installed[hidden],.aoc-app-guide-install[hidden]{display:none}

/* ---- Tab bar: only when the site runs as an installed app ---- */
.aoc-tabbar{display:none}
.aoc-standalone .aoc-tabbar{position:fixed;left:0;right:0;bottom:0;z-index:95;display:flex;justify-content:space-around;align-items:stretch;background:rgba(14,18,22,.96);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--line,#26303a);padding:6px 4px calc(6px + env(safe-area-inset-bottom,0px))}
.aoc-standalone .aoc-tab{flex:1 1 0;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 2px;color:var(--muted,#9aa6b2);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;border-radius:8px}
.aoc-standalone .aoc-tab svg{width:24px;height:24px}
.aoc-standalone .aoc-tab.is-current{color:var(--gold,#d9a94e)}
.aoc-standalone .aoc-tab:active{background:var(--panel2,#1a222a)}
.aoc-standalone body{padding-bottom:calc(68px + env(safe-area-inset-bottom,0px))}
.aoc-standalone .site-head{padding-top:env(safe-area-inset-top,0px)}
.aoc-standalone .aoc-install{display:none !important}
.aoc-standalone .site-foot{padding-bottom:24px}
/* Installed app and logged out: the tab bar already has Log In, so the top bar keeps just badge, name, and menu */
.aoc-standalone:not(.aoc-member) .head-login{display:none}
/* Installed app and logged in: a quieter Log Out so the badge and name lead the top bar */
.aoc-standalone.aoc-member .head-login{background:transparent;border:1px solid var(--line,#26303a);color:var(--muted,#9aa6b2)}
/* Room for the install banner so it never covers the page's last button */
.aoc-has-install body{padding-bottom:120px}

/* ---- Gold Room app panel and profile notifications panel ---- */
.aoc-app-panel[hidden]{display:none}
.aoc-push-status{font-weight:600;margin:0 0 10px}
.aoc-push-actions{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 14px}
.aoc-push-actions .btn[hidden]{display:none}
.aoc-push-prefs[hidden]{display:none}
.aoc-push-help[hidden]{display:none}