.club-account {
  font-family: inherit;
  color: #efede4;
  background-color: #102a34;
  padding: 1rem;
  max-width: 1200px;
  margin: 0 auto;
}

.club-account-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
  border-bottom: 2px solid #e2b86b;
  padding-bottom: 0.5rem;
}

.club-account-tab {
  background: none;
  border: none;
  padding: 0.5rem 1rem;
  cursor: pointer;
  font-size: 1rem;
  color: #efede4;
  border-radius: 4px 4px 0 0;
  transition: background-color 0.2s, color 0.2s;
}

.club-account-tab:hover,
.club-account-tab:focus-visible {
  background-color: #e2b86b;
  color: #102a34;
  outline: none;
}

.club-account-tab.active {
  background-color: #e2b86b;
  color: #102a34;
  font-weight: bold;
}

.club-account-content {
  background-color: #102a34;
  min-height: 200px;
}

.club-account-group {
  margin-bottom: 2rem;
}

.club-account-group h3 {
  color: #e2b86b;
  border-left: 4px solid #e2b86b;
  padding-left: 0.5rem;
  margin: 0 0 1rem 0;
}

.club-account-booking,
.club-account-application {
  background: #142f3a;
  border: 1px solid #536e7a;
  border-radius: 8px;
  padding: 1rem;
  margin-bottom: 0.75rem;
  box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

.club-account-booking-info h4 {
  margin: 0 0 0.5rem 0;
  color: #efede4;
}

.club-account-muted {
  color: #6b7f8a;
  font-size: 0.9rem;
}

.club-account-status {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  border-radius: 12px;
  font-size: 0.8rem;
  font-weight: bold;
  text-transform: uppercase;
}

.club-account-status.status-confirmed,
.club-account-status.status-active,
.club-account-status.status-approved {
  background-color: #173d35;
  color: #b5e5c8;
}

.club-account-status.status-waiting,
.club-account-status.status-pending {
  background-color: #fff3cd;
  color: #856404;
}

.club-account-status.status-cancelled,
.club-account-status.status-rejected,
.club-account-status.status-suspended {
  background-color: #48272e;
  color: #ffd2c8;
}

.club-account-btn {
  background-color: #e2b86b;
  color: #102a34;
  border: none;
  padding: 0.5rem 1rem;
  border-radius: 4px;
  cursor: pointer;
  font-size: 0.9rem;
  transition: background-color 0.2s;
}

.club-account-btn:hover,
.club-account-btn:focus-visible {
  background-color: #0d1f26;
  outline: 2px solid #e2b86b;
  outline-offset: 2px;
}

.club-account-cancel {
  background-color: #8b0000;
  margin-top: 0.5rem;
}

.club-account-cancel:hover {
  background-color: #6b0000;
}

.club-account-empty,
.club-account-error,
.club-account-notice {
  background-color: #142f3a;
  border: 1px dashed #536e7a;
  border-radius: 8px;
  padding: 1.5rem;
  text-align: center;
  color: #6b7f8a;
}

.club-account-notice {
  border-style: solid;
  background-color: #f8f9fa;
}

.club-account-link {
  color: #e2b86b;
  font-weight: bold;
  text-decoration: underline;
}

.club-account-app-header {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
}

.club-account-app-role {
  color: #6b7f8a;
  font-size: 0.9rem;
}

.club-account-reason {
  color: #ffd2c8;
  background-color: #48272e;
  padding: 0.5rem;
  border-radius: 4px;
}

.club-account-form {
  background: #142f3a;
  border: 1px solid #536e7a;
  border-radius: 8px;
  padding: 1.5rem;
  margin-top: 1.5rem;
}

.club-account-form label {
  display: block;
  margin-bottom: 1rem;
  font-weight: bold;
}

.club-account-form input,
.club-account-form select,
.club-account-form textarea {
  width: 100%;
  padding: 0.5rem;
  margin-top: 0.25rem;
  border: 1px solid #536e7a;
  border-radius: 4px;
  font-size: 1rem;
}

.club-account-form input:focus,
.club-account-form select:focus,
.club-account-form textarea:focus {
  outline: 2px solid #e2b86b;
  border-color: #e2b86b;
}

.club-account-form-error {
  color: #ffd2c8;
  background-color: #48272e;
  padding: 0.5rem;
  border-radius: 4px;
  margin-top: 0.5rem;
  display: none;
}

.club-account-form-error:not(:empty) {
  display: block;
}

.club-account-clubs {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
}

.club-account-club-selector {
  flex: 1 1 250px;
}

.club-account-club-btn {
  display: block;
  width: 100%;
  text-align: left;
  background: #142f3a;
  border: 1px solid #536e7a;
  border-radius: 4px;
  padding: 0.5rem 1rem;
  margin-bottom: 0.5rem;
  cursor: pointer;
  transition: background-color 0.2s, border-color 0.2s;
}

.club-account-club-btn:hover,
.club-account-club-btn:focus-visible {
  background-color: #244652;
  outline: none;
  border-color: #e2b86b;
}

.club-account-club-btn.active {
  background-color: #e2b86b;
  color: #102a34;
  border-color: #e2b86b;
}

.club-account-owner {
  background: #142f3a;
  border: 1px solid #536e7a;
  border-radius: 8px;
  padding: 1rem;
}

.club-account-global-error {
  background-color: #48272e;
  color: #ffd2c8;
  padding: 0.5rem 1rem;
  border-radius: 4px;
  margin-bottom: 1rem;
}

@media (max-width: 600px) {
  .club-account-nav {
    flex-direction: column;
  }
  .club-account-tab {
    text-align: left;
  }
  .club-account-clubs {
    flex-direction: column;
  }
}
.club-account{padding:0;border-radius:10px;background:transparent;color:#efede4}.club-account-content{background:transparent}.club-account-nav{border-color:#38545e}.club-account-nav button,.club-account-btn,.club-account-club-btn{min-height:44px;line-height:1.5}.club-account-nav :focus-visible,.club-account :focus-visible{outline:2px solid #e2b86b;outline-offset:3px}.club-account-group h3{color:#efede4}.club-account-muted,.club-account-empty,.club-account-notice{color:#b7cbd2}.club-account-application p{overflow-wrap:anywhere}.club-account-form input,.club-account-form textarea,.club-account-form select{background:#102a34;color:#efede4;border-color:#607c88;font-size:16px;min-height:44px;width:100%;color-scheme:dark}.club-account-form{max-width:680px}.club-account-clubs{align-items:flex-start}.club-account-club-selector{flex:1 1 220px}.club-account-owner{background:transparent;padding:0;border:0}.club-account-booking{flex-wrap:wrap;gap:16px}.club-account-form-error:empty{display:none}.club-account-form-error:not(:empty){display:block}.club-account-link{color:#90d9dd}

.club-account-btn:hover,.club-account-btn:focus-visible{background:#f0ce87;color:#102a34}.club-account-cancel{background:#59313a;color:#ffe0d7}.club-account-cancel:hover,.club-account-cancel:focus-visible{background:#73424d;color:#ffe0d7}

.club-account-clubs--links{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:16px}.club-account-link-card{padding:20px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.club-account-link-card .club-account-status{display:block;margin:8px 0 18px}.club-account-links-hint{margin-top:18px;color:var(--muted)}

.club-account-reminders { border: 1px solid #536e7a; border-radius: 10px; padding: 1rem; margin-bottom: 1.5rem; background: #142f3a; }
.club-account-reminders label { display: flex; gap: .65rem; align-items: center; font-weight: 600; cursor: pointer; }
.club-account-reminders input { width: 1.2rem; height: 1.2rem; accent-color: #e2b86b; }
.club-account-reminders p { color: #b9cbd1; margin: .55rem 0 0 1.85rem; }
.club-account-calendar { display: inline-block; color: #e2b86b; margin: .4rem .8rem .4rem 0; }
.club-account-reminders :focus-visible, .club-account-calendar:focus-visible { outline: 2px solid #e2b86b; outline-offset: 3px; }