.logout-page {
  min-height: 100vh;
  overflow: auto !important;
  background: #f8f9fa;
}

.logout-header {
  min-height: 68px;
}

.logout-header .container {
  min-height: 68px;
}

.logout-main {
  min-height: calc(100vh - 68px);
  padding-top: 32px;
  padding-bottom: 32px;
}

.logout-card {
  width: 100%;
  max-width: 460px;
  padding: 40px;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 12px 32px rgba(25, 39, 52, 0.08);
}

.logout-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  margin-bottom: 20px;
  border-radius: 50%;
  color: #dc3545;
  background: #fcebec;
  font-size: 26px;
}

.logout-title {
  margin-bottom: 12px;
  color: #222;
  font-size: 1.75rem;
  font-weight: 700;
}

.logout-message {
  margin-bottom: 28px;
  color: #626b73;
  line-height: 1.8;
}

.logout-actions {
  display: flex;
  justify-content: center;
  margin: -6px;
}

.logout-action {
  min-width: 150px;
  margin: 6px;
  padding: 10px 18px;
  border-radius: 6px;
  font-weight: 600;
}

@media (max-width: 575.98px) {
  .logout-main {
    align-items: flex-start !important;
    padding-top: 24px;
  }

  .logout-card {
    padding: 32px 20px;
  }

  .logout-actions {
    flex-direction: column;
  }

  .logout-action {
    width: calc(100% - 12px);
  }
}