/* Admin pages: login card and dashboard table. */

/* Dashboard cards reuse the public .card component but are compact
   action tiles, not content panels: no 20rem min-height, no oversized
   icon badge margin. */
.admin-card-grid .card { min-height: 0; }
.admin-card-grid .card-icon { margin-bottom: 1.5rem; }

/* Admin */
.admin-card {
	max-width: 30rem;
	margin: 3rem auto;
	padding: 2.5rem;
	border: 1px solid var(--border);
	background: var(--bg-elevated);
	box-shadow: var(--shadow);
}

.admin-table {
	width: 100%;
	margin-top: 1rem;
	border-collapse: collapse;
	border: 1px solid var(--border);
	/* Narrow screens: seven columns do not fit a phone width — the table
	   scrolls horizontally instead of squishing into unreadable cells.
	   display:block turns the table element into the scroll container. */
	display: block;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.admin-table th,
.admin-table td {
	padding: .6rem .75rem;
	border-bottom: 1px solid var(--border-soft);
	text-align: left;
	font-size: .85rem;
}

.admin-table th {
	font: 700 .62rem/1 var(--font-mono);
	letter-spacing: .1em;
	text-transform: uppercase;
	color: var(--fg-muted);
	background: var(--bg-subtle);
}

.admin-table .mono { font-family: var(--font-mono); font-size: .78rem; }

.admin-table tr.row-blocked td { opacity: .55; }
.admin-table tr.row-blocked td:first-child { text-decoration: line-through; }

.button-small { min-height: 2rem; padding: .35rem .6rem; font-size: .6rem; }

.admin-card::before {
	content: "SRARS / RESTRICTED SYSTEM";
	display: block;
	margin-bottom: 3rem;
	color: var(--accent);
	font: 700 .62rem/1 var(--font-mono);
	letter-spacing: .13em;
}

.admin-card h1 { margin: 0 0 2rem; font-size: 2rem; letter-spacing: -.04em; }