.admin-page { padding:46px 0 90px; }
.admin-intro { display:grid; grid-template-columns:1fr .82fr; gap:70px; align-items:center; padding:25px 0 75px; }.admin-intro h1 { max-width:690px; font-size:clamp(3rem,5.7vw,5.4rem); }.admin-intro p:not(.kicker) { max-width:650px; color:#e7eef8; }.admin-image { min-height:315px; border-radius:25px; background:linear-gradient(0deg,rgba(12,20,35,.06),rgba(12,20,35,.01)),url("assets/football-crests-bright-v2.png") center/cover; box-shadow:var(--shadow); }
.admin-header-actions { display:flex; gap:12px; align-items:center; }.mode-pill { padding:7px 9px; border-radius:99px; background:#eaf0ff; color:#3658c5; font-family:"DM Mono",monospace; font-size:.65rem; }
.admin-access-card { width:min(590px,100%); margin:0 auto 65px; padding:32px; border:1px solid var(--line); border-radius:21px; background:rgba(13,25,44,.92); box-shadow:var(--shadow); }.admin-access-card h2 { margin-bottom:22px; font-size:2.1rem; }.admin-login-form { display:grid; grid-template-columns:1fr 1fr auto; gap:12px; align-items:end; }.admin-login-form .primary-button { min-height:43px; }
.editor-panel { padding-top:15px; }.panel-heading { display:flex; justify-content:space-between; gap:25px; align-items:end; margin-bottom:28px; }.panel-heading h2 { margin:0; font-size:clamp(2rem,3.7vw,3.6rem); }.editor-layout { display:grid; grid-template-columns:1.15fr .85fr; gap:22px; align-items:start; }.pick-form,.daily-preview { padding:28px; border:1px solid var(--line); border-radius:20px; background:rgba(13,25,44,.92); box-shadow:var(--shadow); }.pick-form { display:grid; gap:14px; }.quick-pick-form { gap:18px; }.auto-time { display:flex; justify-content:space-between; gap:16px; align-items:center; padding:13px 15px; border:1px solid rgba(217,250,61,.3); border-radius:12px; background:rgba(217,250,61,.08); color:#ecf7ff; font-size:.77rem; }.auto-time span { color:var(--lime); font-family:"DM Mono",monospace; font-size:.66rem; letter-spacing:.06em; }.quick-hint { margin:-4px 0 0; color:#aebfd4; font-size:.76rem; }.optional-details { padding:14px; border:1px solid var(--line); border-radius:12px; background:rgba(4,10,20,.32); }.optional-details summary { color:#d5e1ee; cursor:pointer; font-size:.82rem; font-weight:800; }.optional-details[open] summary { margin-bottom:14px; }.optional-details label + label { margin-top:12px; }.form-two { display:grid; grid-template-columns:1fr 1fr; gap:12px; }textarea { min-height:126px; resize:vertical; }.daily-preview { position:sticky; top:22px; background:linear-gradient(145deg,rgba(24,43,77,.98),rgba(5,11,21,.98)); color:white; }.daily-preview .kicker { color:var(--lime); }.daily-preview h3 { margin-bottom:22px; font-size:1.3rem; }.daily-picks-list { display:grid; gap:8px; }.daily-picks-list > p { color:#b9c5d2; font-size:.84rem; }.daily-pick-item { padding:13px; border:1px solid rgba(195,214,240,.13); border-radius:10px; background:#192640; }.daily-pick-item strong,.daily-pick-item span { display:block; }.daily-pick-item span { margin-top:4px; color:#bdc9d8; font-size:.76rem; }.daily-pick-item button { margin-top:8px; border:0; background:transparent; color:var(--lime); font-size:.74rem; font-weight:800; }.editor-notice { margin-top:22px; padding:13px; border-left:3px solid var(--lime); color:#c9d3df; background:rgba(255,255,255,.06); font-size:.78rem; }
.brief-editor { margin-top:56px; padding-top:48px; border-top:1px solid var(--line); }.brief-editor-grid { display:grid; grid-template-columns:1.15fr .85fr; gap:22px; align-items:start; }
@media (max-width:900px) { .admin-intro,.editor-layout,.brief-editor-grid { grid-template-columns:1fr; gap:30px; }.daily-preview { position:static; }.admin-login-form { grid-template-columns:1fr; }.admin-login-form .primary-button { width:100%; }.admin-image { min-height:250px; } }
@media (max-width:540px) { .admin-intro { padding-bottom:50px; }.admin-header-actions .mode-pill { display:none; }.form-two { grid-template-columns:1fr; }.auto-time { align-items:start; flex-direction:column; }.panel-heading { align-items:start; flex-direction:column; } }
.daily-pick-actions,
.pick-form-actions {
  display: flex;
  gap: 0.65rem;
  flex-wrap: wrap;
}

.daily-pick-actions button {
  flex: 1;
}

.danger-button {
  border: 1px solid rgba(255, 120, 100, 0.65);
  background: rgba(120, 24, 18, 0.28);
  color: #ffd4cc;
  border-radius: 999px;
  padding: 0.65rem 1rem;
  cursor: pointer;
}