/**
 * Ran Admin Panel
 * Copyright (c) 2026 spnx. All rights reserved.
 *
 * Written for and licensed to a single server operator. Not for resale,
 * redistribution, or deployment on servers other than the licensee's own.
 * Removing this notice does not affect the copyright, which arises
 * automatically on authorship.
 *
 * Build 51F0-730B-81E2-245A
 * Contact: spnx
 */

/* =====================================================================
   style.css — for the standalone pages that sit outside the main frame:
   sign-in, first-admin, make-owner, reset-password.

   It reuses the same tokens, so those pages match the panel without
   carrying the sidebar.
   ===================================================================== */

@import url("theme.css?v=3");
@import url("shell.css?v=3");

/* A single centred column instead of the three-panel layout. */
body.auth, .wrap {
  max-width: 460px;
  margin: 9vh auto 0;
  padding: 0 16px;
}

.wrap .card > header { padding: 18px 18px 0; }
.wrap .card .body    { padding: 18px; }

.wrap .card > header h2 {
  font-family: var(--font); font-size: 16px; font-weight: 600;
  letter-spacing: -.01em; text-transform: none;
}
.wrap .card > header p { margin-top: 4px; }

.wrap .site-logo {
  display: block; width: 150px; height: 150px; margin: 0 auto 18px; object-fit: contain;
}

.wrap button { width: 100%; }
.wrap table button { width: auto; }

/* Used by the old two-column bits on those pages. */
.row  { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: var(--gap); }
.stat { background: var(--surface-2); border: 1px solid var(--line);
        border-radius: var(--radius-sm); padding: 13px; }
.stat .k { font-family: var(--font-mono); font-size: var(--size-micro);
           letter-spacing: var(--track); text-transform: uppercase; color: var(--text-dim); }
.stat .v { font-size: 22px; font-weight: 700; margin-top: 5px; letter-spacing: -.02em; }
.strong { font-weight: 600; }

.empty-chart {
  padding: 42px 16px; text-align: center;
  font-size: var(--size-small); color: var(--text-faint);
}