@import url('/hostallies/brand-system.css');

html:not(.tk-session-active) body > :not(.tk-admin-gate):not(script) { display: none !important; }
html.tk-session-active .tk-admin-gate { display: none !important; }

.tk-admin-gate { min-height: 100vh; display: grid; place-items: center; padding: 48px 24px; background: var(--sand-light); color: var(--pine-dark); font-family: var(--body); }
.tk-admin-card { box-sizing: border-box; width: min(100%, 560px); padding: 44px; border: 1px solid var(--line); border-radius: 20px; background: var(--white); }
.tk-admin-brand { display: flex; align-items: center; gap: 12px; margin: 0 0 42px; }
.tk-admin-brand img { width: 40px; height: 40px; }
.tk-admin-brand strong { display: block; font: 700 16px/1 var(--heading); text-transform: uppercase; letter-spacing: -.03em; }
.tk-admin-brand strong span { color: var(--orange); }
.tk-admin-brand small { display: block; margin-top: 5px; color: var(--pine); font: 700 12px/1.25 var(--heading); text-transform: uppercase; letter-spacing: .08em; }
.tk-admin-kicker { margin: 0 0 12px; color: var(--orange-dark); font: 700 12px/1.4 var(--heading); text-transform: uppercase; letter-spacing: .14em; }
.tk-admin-gate .tk-admin-title { max-width: none; margin: 0 0 18px; color: var(--pine-dark); font: 700 clamp(34px, 5vw, 48px)/1.08 var(--heading); letter-spacing: -.03em; text-transform: none; }
.tk-admin-card > p:not(.tk-admin-brand):not(.tk-admin-kicker):not(.tk-admin-title) { margin: 0 0 28px; color: var(--pine); font-size: 17px; line-height: 1.65; }
.tk-admin-card form { display: grid; gap: 10px; }
.tk-admin-card label { margin-top: 6px; font: 700 11px/1.4 var(--heading); text-transform: uppercase; letter-spacing: .1em; }
.tk-admin-card input { box-sizing: border-box; width: 100%; min-height: 54px; padding: 0 15px; border: 1px solid var(--line); border-radius: 10px; background: var(--white); color: var(--pine-dark); font: 400 16px/1.4 var(--body); }
.tk-admin-card button { min-height: 52px; margin-top: 8px; border: 0; border-radius: 12px; background: var(--pine-dark); color: var(--white); cursor: pointer; font: 700 12px/1 var(--heading); text-transform: uppercase; letter-spacing: .12em; }
.tk-admin-card button:hover { background: var(--orange-dark); }
.tk-admin-error { min-height: 22px; margin: 2px 0 0; color: var(--orange-dark); font-size: 14px; line-height: 1.55; }
.tk-admin-back { display: inline-flex; align-items: center; min-height: 44px; margin-top: 14px; color: var(--orange-dark); font: 700 11px/1.4 var(--heading); text-transform: uppercase; letter-spacing: .1em; text-underline-offset: 4px; }
.tk-admin-logout { position: fixed; z-index: 1500; right: 18px; bottom: 18px; min-height: 44px; padding: 0 15px; border: 0; border-radius: 10px; background: var(--orange); color: var(--pine-dark); cursor: pointer; font: 700 11px/1 var(--heading); text-transform: uppercase; letter-spacing: .1em; }

@media (max-width: 650px) {
  .tk-admin-card { padding: 28px 22px; }
}