.pmdc-admissions-dashboard {
  --dashboard-bg: var(--blog-neutral-50);
  --dashboard-surface: #ffffff;
  --dashboard-border: var(--blog-neutral-200);
  --dashboard-text: var(--blog-neutral-900);
  --dashboard-muted: var(--blog-neutral-700);
  --dashboard-primary: var(--blog-primary);
  --dashboard-primary-light: var(--blog-primary-light);
  --dashboard-accent: var(--blog-accent);
  --dashboard-green: var(--blog-success);
  --dashboard-amber: var(--blog-warning);
  --dashboard-red: var(--blog-error);
  width: 100%;
  width: 100vw;
  max-width: none;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  color: var(--dashboard-text);
  background: var(--dashboard-surface);
  padding: var(--blog-space-lg);
  font-family: var(--blog-font-body);
}

.pmdc-admissions-dashboard.blog-article {
  width: 100%;
  max-width: none;
  margin: 0;
}

.pmdc-admissions-dashboard *,
.pmdc-admissions-dashboard *::before,
.pmdc-admissions-dashboard *::after {
  box-sizing: border-box;
}

.pmdc-admissions-dashboard .dashboard-container {
  width: 100%;
  margin: 0 auto;
}

.pmdc-admissions-dashboard .dashboard-header {
  margin-bottom: var(--blog-space-xl);
  padding-bottom: var(--blog-space-md);
  border-bottom: 2px solid var(--blog-neutral-100);
}

.pmdc-admissions-dashboard .dashboard-title {
  margin: 0 0 var(--blog-space-sm);
  color: var(--dashboard-text);
  font-family: var(--blog-font-display);
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: 0;
}

.pmdc-admissions-dashboard .dashboard-subtitle {
  margin: 0;
  color: var(--dashboard-muted);
  font-size: 1.125rem;
  line-height: 1.6;
}

.pmdc-admissions-dashboard .stats-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--blog-space-md);
  margin-bottom: var(--blog-space-lg);
}

.pmdc-admissions-dashboard .stat-card,
.pmdc-admissions-dashboard .filters-section,
.pmdc-admissions-dashboard .table-wrapper {
  background: var(--dashboard-surface);
  border: 1px solid var(--dashboard-border);
  border-radius: var(--blog-radius-md);
  box-shadow: none;
}

.pmdc-admissions-dashboard .stat-card {
  min-height: 132px;
  padding: var(--blog-space-md);
}

.pmdc-admissions-dashboard .stat-icon {
  color: var(--dashboard-primary);
  font-size: 24px;
  margin-bottom: 14px;
}

.pmdc-admissions-dashboard .stat-number {
  font-size: 30px;
  font-weight: 700;
  line-height: 1;
}

.pmdc-admissions-dashboard .stat-label {
  margin-top: 8px;
  color: var(--dashboard-muted);
  font-size: 14px;
  line-height: 1.35;
}

.pmdc-admissions-dashboard .filters-section {
  padding: var(--blog-space-md);
  margin-bottom: var(--blog-space-lg);
}

.pmdc-admissions-dashboard .filters-title,
.pmdc-admissions-dashboard .table-title {
  display: flex;
  align-items: center;
  gap: var(--blog-space-sm);
  margin: 0;
  color: var(--dashboard-text);
  font-family: var(--blog-font-display);
  font-size: 1.25rem;
  line-height: 1.3;
}

.pmdc-admissions-dashboard .filters-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--blog-space-sm);
  margin-top: var(--blog-space-md);
}

.pmdc-admissions-dashboard .filter-label {
  display: block;
  margin-bottom: 6px;
  color: var(--dashboard-muted);
  font-size: 13px;
  font-weight: 600;
}

.pmdc-admissions-dashboard .filter-select {
  width: 100%;
  min-height: 42px;
  padding: 8px 10px;
  border: 1px solid var(--dashboard-border);
  border-radius: var(--blog-radius-sm);
  background: #fff;
  color: var(--dashboard-text);
  font-size: 14px;
}

.pmdc-admissions-dashboard .filter-actions {
  display: flex;
  justify-content: flex-end;
  gap: var(--blog-space-sm);
  margin-top: var(--blog-space-md);
}

.pmdc-admissions-dashboard .btn,
.pmdc-admissions-dashboard .apply-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 40px;
  padding: 8px 14px;
  border: 1px solid transparent;
  border-radius: var(--blog-radius-sm);
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
}

.pmdc-admissions-dashboard .btn-primary,
.pmdc-admissions-dashboard .apply-btn {
  background: var(--dashboard-primary);
  color: #fff;
}

.pmdc-admissions-dashboard .btn-primary:hover,
.pmdc-admissions-dashboard .apply-btn:hover {
  background: var(--dashboard-primary-light);
}

.pmdc-admissions-dashboard .btn-secondary {
  background: #fff;
  border-color: var(--dashboard-border);
  color: var(--dashboard-primary);
}

.pmdc-admissions-dashboard .table-wrapper {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
}

.pmdc-admissions-dashboard .table-header {
  padding: var(--blog-space-md);
  border-bottom: 1px solid var(--dashboard-border);
}

.pmdc-admissions-dashboard table.dataTable {
  margin: 0 !important;
  border-collapse: separate;
  border-spacing: 0;
}

.pmdc-admissions-dashboard table.dataTable thead th {
  background: var(--blog-primary);
  border-bottom: 1px solid var(--dashboard-border);
  color: #fff;
  font-size: 13px;
  white-space: normal;
}

.pmdc-admissions-dashboard table.dataTable tbody td {
  color: var(--blog-neutral-700);
  font-size: 13px;
  vertical-align: middle;
}

.pmdc-admissions-dashboard .dataTables_wrapper {
  padding: var(--blog-space-md);
}

.pmdc-admissions-dashboard .dataTables_length,
.pmdc-admissions-dashboard .dataTables_filter,
.pmdc-admissions-dashboard .dataTables_info,
.pmdc-admissions-dashboard .dataTables_paginate {
  color: var(--dashboard-muted) !important;
  font-size: 13px;
}

.pmdc-admissions-dashboard .dataTables_filter input,
.pmdc-admissions-dashboard .dataTables_length select {
  border: 1px solid var(--dashboard-border);
  border-radius: var(--blog-radius-sm);
  padding: 6px 8px;
}

.pmdc-admissions-dashboard .pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 9px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}

.pmdc-admissions-dashboard .pill-open {
  background: rgba(16, 185, 129, 0.12);
  color: var(--dashboard-green);
}

.pmdc-admissions-dashboard .pill-closing {
  background: rgba(245, 158, 11, 0.12);
  color: var(--dashboard-amber);
}

.pmdc-admissions-dashboard .pill-closed {
  background: rgba(239, 68, 68, 0.12);
  color: var(--dashboard-red);
}

.pmdc-admissions-dashboard .days-safe {
  color: var(--dashboard-green);
  font-weight: 700;
}

.pmdc-admissions-dashboard .days-warning,
.pmdc-admissions-dashboard .days-urgent {
  color: var(--dashboard-amber);
  font-weight: 700;
}

.pmdc-admissions-dashboard .days-closed {
  color: var(--dashboard-red);
  font-weight: 700;
}

@media (max-width: 900px) {
  .pmdc-admissions-dashboard .stats-grid,
  .pmdc-admissions-dashboard .filters-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 560px) {
  .pmdc-admissions-dashboard {
    padding: 20px 10px;
  }

  .pmdc-admissions-dashboard .dashboard-title {
    font-size: 26px;
  }

  .pmdc-admissions-dashboard .stats-grid,
  .pmdc-admissions-dashboard .filters-grid {
    grid-template-columns: 1fr;
  }

  .pmdc-admissions-dashboard .filter-actions {
    flex-direction: column;
  }

  .pmdc-admissions-dashboard .btn {
    width: 100%;
  }

  .pmdc-admissions-dashboard .dataTables_wrapper {
    padding: 12px;
  }
}