/* LanFEST Sacramento theme */
:root{
  --primary:#249CBC;
  --bg:#151617;
  --muted:#F0F1F0;
  --danger:#d9534f;
  --ok:#2ecc71;
  --warning:#f1c40f;
}
*{box-sizing:border-box}
body{
  margin:0; font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif;
  background:var(--bg); color:var(--muted);
}
a{color:var(--primary); text-decoration:none}

/* Make page wrapper full-width so panel can expand (80% from config.php) */
.container{
  width:100%;
  max-width:none;           /* remove 1100px cap */
  margin:0 auto;
  padding:20px;
}

/* Navigation */
.navbar{background:#0f1011;border-bottom:1px solid #2a2c2e;position:sticky;top:0;z-index:10}
.navbar .inner{display:flex;align-items:center;gap:20px;padding:12px 20px}
.brand{font-weight:700;color:var(--muted)}
.menu{display:flex;gap:16px;flex-wrap:wrap}
.menu a{padding:8px 10px;border-radius:6px}
.menu a.active, .menu a:hover{background:#1c1e20}

/* Slightly transparent content panel (about 5% transparent => alpha .95) */
.content-table{
  border-collapse:separate;
  border-spacing:0;
  margin:20px auto;         /* centered; width is set inline by panel_start() */
}
.content-table td{
  background:rgba(27,29,31,0.95);
  border:1px solid #2a2c2e;
  border-radius:12px;
  padding:20px;
  box-shadow:0 6px 18px rgba(0,0,0,0.25);
}

/* Controls */
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  background:var(--primary);
  border:none;
  color:#fff;
  padding:10px 14px;
  border-radius:8px;
  cursor:pointer;
  font-weight:600;
  line-height:1;
  text-decoration:none;
  vertical-align:middle;
  -webkit-appearance:none;
  appearance:none;
}
.btn.secondary{background:#2a2c2e}
.btn.danger{background:var(--danger)}
.btn.ok{background:var(--ok)}
.btn.warning{background:var(--warning); color:#000}
.btn + .btn{ margin-left:6px; }

.input{
  width:100%; padding:10px; background:#111213; border:1px solid #2a2c2e;
  border-radius:8px; color:var(--muted)
}
label{display:block;margin:10px 0 6px}
.grid{display:grid;gap:12px}
.grid.cols-2{grid-template-columns:1fr 1fr}
.grid.cols-3{grid-template-columns:1fr 1fr 1fr}

/* Data tables */
.table{
  width:100%;
  border-collapse:collapse;
  table-layout:auto;
}
.table th,.table td{
  padding:10px;
  border-bottom:1px solid #2a2c2e;
  text-align:left;
  vertical-align:middle;
}
.table.admins{ min-width:80%; }
.tools-cell{ white-space:nowrap; }

/* Alerts */
.alert{padding:12px 14px;border-radius:8px;margin:10px 0}
.alert.error{background:#2a1616;border:1px solid #4d1d1d;color:#ffb3b3}
.alert.ok{background:#162a1b;border:1px solid #1d4d2a;color:#b3ffcc}
.small{opacity:.8;font-size:.9em}