.portal-list-section {
  width: 100%;
  max-width: 100%;
  padding: 0 20px;
}

.portal-list-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 32px;
  gap: 16px;
  flex-wrap: wrap;
}

.portal-list-title {
  font-size: 2.5rem;
  font-weight: 700;
  margin: 0;
  font-family: "Montserrat", sans-serif;
  color: var(--text-primary, #111827);
}

.portal-list-subtitle {
  color: var(--text-secondary, #6B7280);
  margin: 8px 0 0;
  font-size: 0.95rem;
}

.page-header-icon-wrap {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: linear-gradient(135deg, #6366F1, #8B5CF6);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.page-header-icon-wrap .page-header-icon,
.page-header-icon-wrap svg {
  width: 24px;
  height: 24px;
  color: #fff;
  stroke: #fff;
}

.portal-filter-card {
  margin-bottom: 32px;
  width: 100%;
  padding: 0;
}

.portal-filter-card__header {
  padding: 24px;
  border-bottom: 1px solid var(--border-light, #E5E7EB);
}
.portal-filter-card__header h3 {
  margin: 0;
  font-size: 1.125rem;
  font-weight: 600;
  font-family: "Montserrat", sans-serif;
  color: var(--text-primary, #111827);
}

.portal-filter-card__body {
  padding: 24px;
}

.portal-filter-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 20px;
}

.portal-bulk-actions {
  margin-bottom: 24px;
  display: flex;
  gap: 12px;
  align-items: center;
  flex-wrap: wrap;
}

.portal-selected-count {
  color: var(--text-secondary, #6B7280);
  font-size: 0.95rem;
}

.portal-table-card {
  width: 100%;
  overflow-x: auto;
  padding: 0;
}

.dark-layout .portal-list-section .data-card,
.dark-layout .portal-list-section .table-wrapper {
  background: rgba(40, 48, 70, 0.95);
  border-color: #3b4253;
}
.dark-layout .table-modern,
.dark-layout .table-modern.table {
  background: transparent;
}
.dark-layout .table-modern thead,
.dark-layout .table-modern.table thead {
  background: linear-gradient(90deg, rgba(115, 103, 240, 0.15), rgba(115, 103, 240, 0.08));
  border-bottom-color: #3b4253;
}
.dark-layout .table-modern th,
.dark-layout .table-modern.table th {
  color: #d0d2d6;
}
.dark-layout .table-modern td,
.dark-layout .table-modern.table td {
  color: #b4b7bd;
  border-bottom-color: #3b4253;
}
.dark-layout .table-modern tbody tr:hover,
.dark-layout .table-modern.table tbody tr:hover {
  background-color: rgba(115, 103, 240, 0.08);
}
.dark-layout .dataTables_wrapper {
  color: #b4b7bd;
}
.dark-layout .dataTables_wrapper .dataTables_length,
.dark-layout .dataTables_wrapper .dataTables_filter,
.dark-layout .dataTables_wrapper .dataTables_info {
  color: #b4b7bd;
}
.dark-layout .dataTables_wrapper .dataTables_length label,
.dark-layout .dataTables_wrapper .dataTables_length input,
.dark-layout .dataTables_wrapper .dataTables_length select,
.dark-layout .dataTables_wrapper .dataTables_filter label,
.dark-layout .dataTables_wrapper .dataTables_filter input,
.dark-layout .dataTables_wrapper .dataTables_filter select,
.dark-layout .dataTables_wrapper .dataTables_info label,
.dark-layout .dataTables_wrapper .dataTables_info input,
.dark-layout .dataTables_wrapper .dataTables_info select {
  color: #b4b7bd;
}
.dark-layout .dataTables_wrapper .dataTables_length input,
.dark-layout .dataTables_wrapper .dataTables_length select,
.dark-layout .dataTables_wrapper .dataTables_filter input,
.dark-layout .dataTables_wrapper .dataTables_filter select,
.dark-layout .dataTables_wrapper .dataTables_info input,
.dark-layout .dataTables_wrapper .dataTables_info select {
  background-color: #283046;
  border-color: #3b4253;
}
.dark-layout .dataTables_wrapper .dataTables_paginate .paginate_button {
  color: #b4b7bd !important;
}
.dark-layout .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dark-layout .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  background: #7367f0 !important;
  border-color: #7367f0 !important;
  color: #fff !important;
}
.dark-layout .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background: #3b4253 !important;
  border-color: #3b4253 !important;
  color: #d0d2d6 !important;
}
.dark-layout table.dataTable.table-modern tbody tr,
.dark-layout table.dataTable.table-modern tbody td {
  background-color: transparent;
}
.dark-layout .form-input,
.dark-layout .portal-filter-card select.form-input,
.dark-layout .portal-filter-card input.form-input {
  background-color: #283046;
  border-color: #3b4253;
  color: #d0d2d6;
}
.dark-layout .form-input::-moz-placeholder, .dark-layout .portal-filter-card select.form-input::-moz-placeholder, .dark-layout .portal-filter-card input.form-input::-moz-placeholder {
  color: #676d7d;
}
.dark-layout .form-input::placeholder,
.dark-layout .portal-filter-card select.form-input::placeholder,
.dark-layout .portal-filter-card input.form-input::placeholder {
  color: #676d7d;
}
.dark-layout .form-input:focus,
.dark-layout .portal-filter-card select.form-input:focus,
.dark-layout .portal-filter-card input.form-input:focus {
  background-color: #283046;
  border-color: #7367f0;
}
.dark-layout .portal-filter-card .form-label {
  color: #d0d2d6;
}