.public-auth-card { padding-top: 64px; }
.public-auth-card .auth-copy { margin-top: 30px; }
.public-auth-card form:not(.minor-form) { gap: 8px; }
.public-auth-card form:not(.minor-form) label:not(:first-child) { margin-top: 9px; }
.public-auth-card form .primary-button { margin-top: 17px; }
.public-auth-card a, .auth-footer a { color: var(--accent); text-decoration-thickness: 1px; text-underline-offset: 4px; }
.public-auth-card a:hover, .auth-footer a:hover { color: var(--ink); }
.domain-input { display: flex; align-items: center; min-height: 50px; border: 1px solid var(--line); border-radius: 3px; background: var(--surface); }
.domain-input input { flex: 1; min-width: 0; border: 0; background: transparent; }
.domain-input span { padding-right: 13px; color: var(--ink-soft); font-size: 13px; white-space: nowrap; }
.approval-note, .notice-message { padding: 15px 17px; border: 1px solid var(--line); background: var(--marker-2); color: var(--ink-mid); font-size: 13px; line-height: 1.6; }
.notice-message { margin-top: 16px; }
.minor-form { margin-top: 12px; }
.minor-form button { width: fit-content; padding: 5px 0; border: 0; background: transparent; color: var(--accent); font-size: 12px; text-decoration: underline; text-underline-offset: 3px; }
.auth-footer a { font-weight: 700; text-decoration: none; }
.sidebar-bottom form { width: 100%; }
.compose-row input[readonly] { color: var(--ink-soft); }
.compose-card .primary-button:disabled { cursor: not-allowed; }
.view-compose .approval-note { max-width: 900px; margin: 0 0 18px; }

.staff-layout { position: relative; z-index: 1; min-height: 100vh; }
.staff-header { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 22px clamp(22px, 5vw, 70px); border-bottom: 1px solid var(--rule); }
.staff-header > div:last-child { display: flex; align-items: center; gap: 12px; }
.staff-header form { margin: 0; }
.staff-tag { color: var(--accent); font-size: 10px; font-weight: 800; letter-spacing: .18em; }
.staff-content { max-width: 1320px; margin: 0 auto; padding: 52px clamp(22px, 5vw, 70px); }
.staff-content h1 { margin: 0; font-family: var(--serif); font-size: clamp(46px, 5vw, 66px); font-weight: 500; letter-spacing: -.05em; line-height: 1.1; }
.staff-content > p:not(.eyebrow) { max-width: 670px; color: var(--ink-soft); font-size: 13px; }
.staff-table-wrap { margin-top: 35px; overflow-x: auto; border: 1px solid var(--line); background: var(--surface); }
.staff-table { width: 100%; border-collapse: collapse; font-size: 12px; text-align: left; }
.staff-table th, .staff-table td { padding: 15px; border-bottom: 1px solid var(--rule); vertical-align: top; }
.staff-table th { color: var(--accent); font-size: 10px; letter-spacing: .13em; text-transform: uppercase; }
.staff-table tr:last-child td { border-bottom: 0; }
.staff-table strong, .staff-table small { display: block; }
.staff-table strong { font-size: 13px; }
.staff-table small { margin-top: 3px; color: var(--ink-soft); }
.staff-actions { display: flex; flex-wrap: wrap; gap: 7px; }
.staff-actions button { padding: 6px 9px; border: 1px solid var(--line); background: var(--surface); color: var(--ink); font-size: 11px; white-space: nowrap; }
.staff-actions button:hover { background: var(--marker); }

@media (max-width: 700px) {
  .public-auth-card { padding-top: 68px; }
  .domain-input span { font-size: 11px; }
  .sidebar-bottom form { width: auto; }
  .staff-header { align-items: flex-start; padding: 18px; }
  .staff-header > div:last-child { flex-wrap: wrap; justify-content: flex-end; }
  .staff-tag { display: none; }
  .staff-content { padding: 35px 17px; }
  .staff-table { min-width: 790px; }
}