/* Admin shell */
.admin-shell {
  max-width: 1100px;
  margin: 24px auto 80px;
  padding: 0 16px;
  font-family: 'Segoe UI', sans-serif;
}

/* Admin header bar */
.admin-topbar {
  position: sticky;
  top: 0;
  z-index: 200;
  background: #ffffff;
  border-bottom: 1px solid #eef3f8;
  box-shadow: 0 4px 12px rgba(0,0,0,.04);
}
.admin-topbar .inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 10px 16px;
  display: flex;
  align-items: center;
  gap: 14px;
}
.admin-brand {
  display: flex; align-items: center; gap: 10px;
}
.admin-brand img { height: 44px; width: auto; }
.admin-brand strong { color:#02334e; }

.admin-nav {
  margin-left: auto;
  display: flex; flex-wrap: wrap; gap: 10px;
}
.admin-nav a, .admin-nav button {
  background:#f2f7ff;
  color:#02334e;
  border: 1px solid #e6eef5;
  padding: 8px 12px;
  border-radius: 10px;
  text-decoration: none;
  font-weight: 600;
}
.admin-nav a:hover { background:#e9f2ff; }
.admin-nav .primary {
  background:#0190ca; color:#fff; border-color:#0190ca;
}
.admin-nav .danger {
  background:#ffe8ef; color:#b30043; border-color:#ffd2e0;
}

/* Cards / forms */
.admin-card {
  background:#fff; border:1px solid #eef3f8; border-radius: 14px;
  padding: 18px; box-shadow: 0 8px 18px rgba(0,0,0,.05);
  margin-top: 20px;
}
.admin-card h2 { margin-top: 0; color:#02334e; }

/* Add this to /css/admin.css (replace the existing admin-form inputs block) */
.admin-form input[type="text"],
.admin-form input[type="password"],
.admin-form input[type="date"],
.admin-form input[type="time"],
.admin-form input[type="file"],
.admin-form select,
.admin-form textarea {
  width:100%;
  padding:12px;
  border:1px solid #dde6f0;
  border-radius:12px;
  font-size:16px;
  background:#fff;
  outline:none;
  transition:border-color .2s, box-shadow .2s;
}

.admin-form input[type="text"]:focus,
.admin-form input[type="password"]:focus,
.admin-form input[type="date"]:focus,
.admin-form input[type="time"]:focus,
.admin-form input[type="file"]:focus,
.admin-form select:focus,
.admin-form textarea:focus {
  border-color:#0190ca;
  box-shadow:0 0 0 3px rgba(79,170,255,.15);
}

.admin-actions { display:flex; gap:12px; margin-top:14px; }
.admin-btn {
  background:#ff4fa2; color:#fff; border:none; padding:10px 18px; border-radius:30px; font-weight:700; cursor:pointer;
}
.admin-btn:hover { background:#e0388f; }

/* Footer */
.admin-footer {
  border-top: 1px solid #eef3f8;
  padding: 16px;
  text-align: center;
  color:#5c7182;
  margin-top: 36px;
}

/* Constrain cards and forms */
.admin-card{
  max-width: 960px;   /* keeps the white card sensible */
  margin: 24px auto;
}

/* Limit the form itself so fields don't stretch across the card */
.admin-form{
  max-width: 520px;   /* <- key change */
}

.notice {
  padding:10px 14px; border-radius:10px; margin-bottom:12px; font-weight:600;
}
.notice.success { background:#eaf8ee; color:#176c3a; border:1px solid #ccefd7; }
.notice.error   { background:#ffecec; color:#9e0036; border:1px solid #ffd4e0; }