/* ============================================================
   EDITORUM MANAGE — TOOLBAR
   Toolbar rows, filters, bootstrap-select, pagination.
   ============================================================ */

/* ---- REQUEST LIST TOOLBAR ---- */
.request-list-toolbar {
  --admin-list-content-gutter-x: 16px;
  --admin-list-content-gutter-y: 16px;
  background: var(--ed-white);
  border: none;
  border-radius: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
  margin-bottom: 0;
}

.toolbar-row {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 6px 14px;
}

.request-list-toolbar > .toolbar-row {
  padding-left: var(--admin-list-content-gutter-x);
  padding-right: var(--admin-list-content-gutter-x);
}

.toolbar-row + .toolbar-row {
  border-top: 1px solid var(--ed-border);
}

.toolbar-row-title {
  padding: 14px 20px;
}

.request-list-toolbar > .toolbar-row-title {
  padding-left: var(--admin-list-content-gutter-x);
  padding-right: var(--admin-list-content-gutter-x);
}

.admin-list-toolbar-head {
  align-items: center;
  gap: 16px;
  justify-content: space-between;
}

.workspace-content-page__head {
  align-items: center;
  gap: 16px;
  justify-content: space-between;
}

.workspace-content-page__actions {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  gap: 10px;
  margin-left: auto;
}

.admin-list-heading {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 6px 0;
  min-width: 0;
}

.admin-list-summary-wrap {
  align-items: baseline;
  display: inline-flex;
  flex: 0 1 auto;
  gap: 0;
  max-width: 100%;
  min-width: 0;
}

.workspace-form-panel__separator,
.show-detail-panel__separator,
.admin-list-summary-separator,
.workspace-meta-separator {
  color: var(--ed-muted);
  flex-shrink: 0;
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
}

.workspace-form-panel__separator,
.show-detail-panel__separator {
  margin: 0 12px;
}

.workspace-form-panel__meta,
.show-detail-panel__meta {
  color: var(--ed-muted);
  font-family: var(--ed-font);
  font-size: 13px;
  font-weight: 500;
  line-height: 1.4;
}

.workspace-form-panel__meta {
  overflow: visible;
  overflow-wrap: anywhere;
  text-overflow: initial;
  white-space: normal;
  word-break: break-word;
}

.admin-list-summary-separator {
  margin: 0 12px;
}

.admin-list-summary {
  color: var(--ed-muted);
  display: inline;
  flex: 0 1 auto;
  gap: 4px;
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
  max-width: 100%;
  min-width: 0;
  overflow-wrap: anywhere;
  white-space: normal;
}

.admin-list-summary strong {
  color: var(--ed-text);
}

.list-primary-action,
.admin-list-primary-action {
  margin-left: auto;
  min-width: 140px;
}

.admin-list-header-actions {
  align-items: center;
  display: flex;
  gap: 10px;
  flex-shrink: 0;
}

.admin-list-toolbar-head > .btn,
.admin-list-toolbar-head > a.btn,
.admin-list-header-actions > .btn,
.admin-list-header-actions > a.btn,
.list-primary-action,
.admin-list-primary-action {
  line-height: 16px;
  min-height: 32px;
  padding-top: 7px;
  padding-bottom: 7px;
}

.workspace-content .workspace-content-page__actions > .btn,
.workspace-content .workspace-content-page__actions > a.btn,
.workspace-content .workspace-content-page__actions > button.btn {
  font-family: var(--ds-font-family, var(--ed-font)) !important;
  font-size: var(--ds-font-size-body-sm, 14px) !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  min-height: var(--ds-space-8, 32px) !important;
  padding: 0 var(--ds-space-3-5, 14px) !important;
}

.toolbar-title {
  color: var(--ed-text);
  flex-shrink: 0;
  font-family: var(--ed-font);
  font-size: 18px;
  font-weight: 700;
  line-height: 30px;
  margin: 0;
  white-space: nowrap;
}

.workspace-form-panel__header .toolbar-title,
.workspace-form-panel__title-row .toolbar-title,
.show-detail-panel__header .toolbar-title,
.show-detail-panel__title-row .toolbar-title {
  flex-shrink: 1;
  min-width: 0;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.toolbar-row-paging {
  align-items: center;
  display: flex;
  gap: 8px;
  justify-content: space-between;
  padding: 8px 0;
}

@media (max-width: 991px) {
  .admin-list-toolbar-head {
    align-items: flex-start;
  }

  .admin-list-heading {
    flex-wrap: wrap;
    width: 100%;
  }

  .admin-list-summary-wrap {
    gap: 6px;
    max-width: 100%;
    width: auto;
  }

  .admin-list-summary,
  .admin-list-summary-wrap {
    white-space: normal;
  }

  .toolbar-title {
    flex-shrink: 1;
    white-space: normal;
  }

  .admin-list-primary-action {
    margin-left: 0;
  }

  .workspace-content-page__head {
    align-items: flex-start;
  }

  .workspace-content-page__actions {
    margin-left: 0;
  }

  .toolbar-row-paging {
    align-items: flex-start;
    flex-wrap: wrap;
  }
}

@media (max-width: 768px) {
  .toolbar-row {
    align-items: stretch;
    padding: 10px 12px;
  }

  .request-list-toolbar {
    --admin-list-content-gutter-x: 12px;
    --admin-list-content-gutter-y: 16px;
  }

  .toolbar-row-title {
    padding: 12px;
  }

  .toolbar-title {
    flex-shrink: 1;
    white-space: normal;
  }

  .admin-list-toolbar-head {
    align-items: stretch;
    gap: 12px;
  }

  .workspace-content-page__head {
    align-items: stretch;
    gap: 12px;
  }

  .admin-list-heading,
  .admin-list-summary-wrap {
    flex-wrap: wrap;
    width: auto;
  }

  .admin-list-summary-wrap {
    gap: 6px;
    max-width: 100%;
  }

  .admin-list-summary,
  .admin-list-summary-wrap {
    white-space: normal;
  }

  .list-primary-action,
  .admin-list-primary-action,
  .admin-list-header-actions,
  .workspace-content-page__actions {
    margin-left: 0;
    width: 100%;
  }

  .workspace-content-page__actions > .btn,
  .workspace-content-page__actions > a.btn,
  .workspace-content-page__actions > button.btn {
    width: 100%;
  }

  .admin-list-header-actions {
    flex-wrap: wrap;
  }

  .admin-list-toolbar-head > .btn,
  .admin-list-toolbar-head > a.btn,
  .admin-list-header-actions > .btn,
  .admin-list-header-actions > a.btn {
    justify-content: center;
    width: 100%;
  }
  .toolbar-row-paging {
    align-items: stretch;
    flex-direction: column;
    gap: 12px;
  }

  .toolbar-pagination {
    overflow-x: auto;
    width: 100%;
  }

  .toolbar-pagination .pagination {
    display: flex;
    flex-wrap: nowrap;
    width: max-content;
  }

  .toolbar-per-page {
    flex-wrap: wrap;
    width: 100%;
  }
}

.toolbar-row-nav {
  justify-content: space-between;
}

.toolbar-status-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

/* ---- PAGE HEADER (other pages) ---- */
.page-header {
  border-bottom: 0;
  margin: 0 0 16px;
  padding-bottom: 0;
}

.page-header h1,
.page-header h2,
.page-header h3,
.page-header .page-title {
  color: var(--ed-text);
  font-family: var(--ed-font);
  font-size: 20px;
  font-weight: 600;
  margin: 0;
}

.title-meta-group {
  display: block;
  max-width: 100%;
  overflow: visible;
}

.title-meta-group > h1,
.title-meta-group > h2,
.title-meta-group > h3,
.title-meta-group > h4,
.title-meta-group > .page-title,
.title-meta-group > .toolbar-title,
.title-meta-group > .bold,
.title-meta-group > .title-meta-separator,
.title-meta-group > .title-meta-meta,
.title-meta-group > .light {
  display: inline;
  margin: 0;
  vertical-align: baseline;
}

.title-meta-group > .title-meta-separator {
  margin: 0 12px;
}

.title-meta-group > .title-meta-meta {
  max-width: 100%;
  overflow-wrap: anywhere;
  text-overflow: initial;
  white-space: normal;
  word-break: break-word;
}

/* ---- SEARCH / FILTERS ---- */
.search-group {
  max-width: 420px;
  position: relative;
}

.search-group .clear-search {
  position: absolute;
  top: 50%;
  right: 53px;
  width: 15px;
  height: 15px;
  margin-top: -7px;
  background: currentColor;
  border: none;
  cursor: pointer;
  padding: 0;
  z-index: 5;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6 6 18' /%3E%3Cpath d='m6 6 12 12' /%3E%3C/svg%3E");
  -webkit-mask-image: var(--mask);
  mask-image: var(--mask);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  opacity: 1;
  pointer-events: auto;
  transition: opacity 0.15s ease;
}

.search-group input[name*='search']:placeholder-shown ~ .clear-search {
  opacity: 0;
  pointer-events: none;
}

.select-filter {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin: 16px 0;
}

.select-filter-title {
  color: var(--ed-muted);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

/* nav-tabs overrides moved to manage-layout.css */