.document_type_name{
    font-weight: bold;
}
.document_type_description{
    font-style: italic;
    color: gray;
}

/* Make rows in the dropdown two-lined and tidy */
.select2-results__option .doc-option {
  display: flex;
  flex-direction: column;
  line-height: 1.2;
  padding: 2px 0;
}

.select2-results__option .document_type_name {
  font-weight: 600;
}

.select2-results__option .document_type_description {
  font-size: 0.85em;
  opacity: 0.8;
}

/* Optional: tighten selected tags if multiple */
.select2-selection__choice {
  line-height: 1.2;
}

#venueSelect{
  margin-left:20px;
  margin-right:20px;
  margin-top: 20px;
}

#uploadBtn::part(base),
#requestDocument::part(base) {
  background: linear-gradient(135deg, #2563eb 0%, #7c3aed 100%);
  border: none;
  border-radius: 14px;
  color: #ffffff;
  font-weight: 600;
  box-shadow: 0 12px 24px rgba(37, 99, 235, 0.35);
  transition: background 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

#uploadBtn::part(label),
#uploadBtn sl-icon,
#requestDocument::part(label),
#requestDocument sl-icon {
  color: inherit;
}

#uploadBtn::part(base):hover,
#requestDocument::part(base):hover {
  background: linear-gradient(135deg, #1d4ed8 0%, #6d28d9 100%);
  box-shadow: 0 16px 30px rgba(37, 99, 235, 0.4);
  transform: translateY(-1px);
}

#uploadBtn::part(base):active,
#requestDocument::part(base):active {
  transform: translateY(0);
}

.documents-viewSwitch{
  align-self: center;
  display: inline-flex;
  gap: 0;
  margin-right: 40px;
  padding: 4px;
  border-radius: 14px;
  border: 1px solid rgba(148, 163, 184, 0.35);
  background: #ffffff;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
}

.documents-viewSwitch sl-button::part(base){
  min-width: 52px;
  border-radius: 10px;
  border: none;
  color: #475569;
  background: transparent;
  font-weight: 600;
  transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}

.documents-viewSwitch sl-button::part(label),
.documents-viewSwitch sl-button sl-icon{
  color: inherit;
}

.documents-viewSwitch sl-button[variant="primary"]::part(base){
  background: linear-gradient(135deg, #2563eb 0%, #7c3aed 100%);
  color: #ffffff;
  box-shadow: 0 12px 24px rgba(37, 99, 235, 0.35);
}

.documents-viewSwitch sl-button:not([variant="primary"])::part(base){
  color: #475569;
}

/* Make #document-type-select (Select2 single) 40px tall */
#requestDocumentDialog #document-type-select + .select2 .select2-selection--single {
  height: 40px;
  min-height: 40px;
}
#requestDocumentDialog #document-type-select + .select2 .select2-selection--single .select2-selection__rendered {
  line-height: 40px;
}
#requestDocumentDialog #document-type-select + .select2 .select2-selection--single .select2-selection__arrow {
  height: 40px;
}

/* Consistent empty-state styling */
.empty-message {
  padding: 10px;
  text-align: center;
  color: var(--sl-color-neutral-500);
  font-style: italic;
  width: 100%;
}

/* Documents empty-state (matches other empty panels) */
.docs-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 200px;
  margin: 16px;
  padding: 24px;
  border: 2px dashed var(--profile-border, #e2e2e3);
  border-radius: 12px;
  background: #fafafa;
  color: var(--sl-color-neutral-600, #6b7280);
  text-align: center;
  width: 100%;
}
.docs-empty sl-icon { font-size: 40px; color: var(--sl-color-neutral-400, #9ca3af); }
.docs-empty .msg { font-size: 14px; }

:root.sl-theme-dark #uploadBtn::part(base),
:root.sl-theme-dark #requestDocument::part(base) {
  background: #1C2530;
  border: 1px solid rgba(148, 163, 184, 0.25);
  color: #f8fafc;
  box-shadow: 0 12px 24px rgba(2, 6, 23, 0.6);
}

:root.sl-theme-dark #uploadBtn::part(base):hover,
:root.sl-theme-dark #requestDocument::part(base):hover {
  background: #273241;
  border-color: rgba(148, 163, 184, 0.4);
  box-shadow: 0 16px 30px rgba(2, 6, 23, 0.7);
}

:root.sl-theme-dark .documents-viewSwitch {
  background: var(--mm-dark-surface, #0f172a);
  border: 1px solid var(--mm-dark-border, rgba(148, 163, 184, 0.2));
  box-shadow: inset 0 0 0 1px rgba(2, 6, 23, 0.3);
}

:root.sl-theme-dark .documents-viewSwitch sl-button::part(base) {
  color: var(--mm-dark-muted, #94a3b8);
}

:root.sl-theme-dark .documents-viewSwitch sl-button[variant="primary"]::part(base) {
  background: #1C2530;
  color: #f8fafc;
  box-shadow: 0 12px 24px rgba(2, 6, 23, 0.6);
}

:root.sl-theme-dark .documents-viewSwitch sl-button:not([variant="primary"])::part(base) {
  color: var(--mm-dark-muted, #94a3b8);
}