:root {
  --compact-page-gap: 0.8rem;
  --compact-section-gap: 0.72rem;
  --compact-card-padding: clamp(0.8rem, 1.15vw, 1rem);
  --compact-card-padding-lg: clamp(0.9rem, 1.3vw, 1.05rem);
  --compact-card-radius: 1.15rem;
  --compact-control-height: 2.45rem;
  --compact-control-padding-x: 0.78rem;
  --compact-button-height: 2.35rem;
  --compact-button-padding-x: 0.82rem;
  --compact-table-cell-y: 0.56rem;
  --compact-table-cell-x: 0.72rem;
  --compact-header-gap: 0.55rem;
  --compact-media-gap: 0.68rem;
}

.app-shell {
  padding-top: clamp(0.35rem, 0.8vw, 0.6rem);
  padding-bottom: clamp(0.9rem, 1.8vw, 1.5rem);
}

.app-page,
.auth-page,
.design-form-page,
.design-list-page,
.design-details-page,
.designer-dashboard-page,
.admin-designs-page,
.page-narrow,
.dropdown-admin-shell,
.notifications-page {
  gap: var(--compact-page-gap) !important;
}

.app-shell .py-3,
.app-shell .pt-3 {
  padding-top: 0.6rem !important;
}

.app-shell .py-3,
.app-shell .pb-3 {
  padding-bottom: 0.8rem !important;
}

@media (min-width: 768px) {
  .app-shell .py-md-4,
  .app-shell .pt-md-4 {
    padding-top: 0.95rem !important;
  }

  .app-shell .py-md-4,
  .app-shell .pb-md-4 {
    padding-bottom: 1rem !important;
  }
}

.app-shell .p-3 {
  padding: var(--compact-card-padding) !important;
}

@media (min-width: 768px) {
  .app-shell .p-md-4 {
    padding: var(--compact-card-padding-lg) !important;
  }
}

.app-shell .mb-3 {
  margin-bottom: 0.85rem !important;
}

.app-shell .mt-3 {
  margin-top: 0.85rem !important;
}

.app-shell .g-3,
.app-shell .row.g-3 {
  --bs-gutter-x: 0.85rem !important;
  --bs-gutter-y: 0.85rem !important;
}

.page-header {
  gap: var(--compact-header-gap) !important;
  padding: 0.08rem 0 0.12rem !important;
  margin-bottom: 0.22rem !important;
}

.page-header h1 {
  font-size: clamp(1.45rem, 0.98rem + 1vw, 1.95rem) !important;
  line-height: 1.06 !important;
}

.page-header h2 {
  font-size: clamp(1.28rem, 0.94rem + 0.72vw, 1.7rem) !important;
  line-height: 1.08 !important;
}

.page-header h3 {
  font-size: clamp(1.1rem, 0.9rem + 0.45vw, 1.35rem) !important;
  line-height: 1.1 !important;
}

.page-section-stack,
.content-grid-2,
.content-grid-3,
.content-grid-sidebar {
  gap: var(--compact-section-gap) !important;
}

.card-modern,
.auth-card,
.design-list-card,
.design-form-section,
.dropdown-module-card,
.workflow-panel-card,
.workflow-subcard,
.notification-page-card,
.design-details-summary-card,
.designer-original-section,
.media-file-card {
  border-radius: var(--compact-card-radius) !important;
}

.card-modern .card-body,
.auth-card .card-body,
.workflow-panel-card .card-body,
.workflow-subcard .card-body,
.notification-page-card,
.design-form-section > .p-4 {
  padding: var(--compact-card-padding-lg) !important;
}

.form-control,
.form-select,
textarea.form-control,
.input-group-text {
  min-height: var(--compact-control-height) !important;
  padding: 0.4rem var(--compact-control-padding-x) !important;
  font-size: 0.92rem !important;
  border-radius: 0.85rem !important;
}

textarea.form-control,
textarea {
  min-height: 4.1rem !important;
}

.form-label {
  margin-bottom: 0.28rem !important;
  font-size: 0.8rem !important;
}

.btn {
  min-height: var(--compact-button-height) !important;
  padding: 0.38rem var(--compact-button-padding-x) !important;
  font-size: 0.9rem !important;
  border-radius: 0.85rem !important;
}

.btn-sm {
  min-height: 2rem !important;
  padding: 0.22rem 0.68rem !important;
  font-size: 0.82rem !important;
}

.btn-action,
.icon-btn {
  min-height: var(--compact-button-height) !important;
  padding-inline: 0.82rem !important;
}

.table > :not(caption) > * > * {
  padding: var(--compact-table-cell-y) var(--compact-table-cell-x) !important;
}

.table thead th,
.table-modern thead th,
.design-list-table thead th,
.dropdown-options-table thead th,
.workflow-mini-table thead th {
  font-size: 0.72rem !important;
}

.badge,
.workflow-status-pill {
  padding: 0.34em 0.64em !important;
}

.status-stack {
  gap: 0.65rem !important;
  margin-bottom: 0.8rem !important;
}

.status-stack .alert {
  padding: 0.75rem 0.85rem !important;
}

.design-list-intro,
.workflow-subcard-header,
.review-files-panel-header,
.designer-original-toggle {
  gap: 0.55rem !important;
  padding: 0.68rem 0.8rem !important;
}

.design-list-intro,
.workflow-subcard-header,
.review-files-panel-header {
  margin-bottom: 0.75rem !important;
}

.design-list-count,
.designer-dashboard-count {
  min-height: 1.95rem !important;
}

.design-details-info-grid,
.designer-detail-summary-grid,
.designer-detail-info-grid,
.designer-summary-grid,
.notification-page-list,
.designer-queue-list,
.designer-original-body,
.design-media-grid,
.review-files-panel,
.admin-workflow-action-stack {
  gap: 0.65rem !important;
}

.design-details-info-item,
.designer-detail-summary-item,
.designer-detail-info-item,
.workflow-assignment-summary,
.workflow-note-box,
.proposal-preview-card,
.designer-summary-chip,
.designer-empty-state,
.designer-queue-item,
.notification-page-item,
.designer-original-block {
  padding: 0.72rem 0.82rem !important;
}

.design-details-info-item,
.designer-detail-summary-item,
.workflow-assignment-summary,
.workflow-note-box,
.proposal-preview-card,
.designer-summary-chip,
.designer-original-block {
  gap: 0.28rem !important;
}

.design-details-info-label,
.designer-detail-summary-label {
  font-size: 0.7rem !important;
}

.design-details-actions {
  padding-top: 0.78rem !important;
  padding-bottom: 0.95rem !important;
  margin-bottom: 1.6rem !important;
}

.design-media-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 13.5rem), 1fr)) !important;
}

.media-file-card .card-body {
  padding: 0.75rem !important;
  gap: 0.65rem !important;
}

.design-media-grid .media-preview-frame,
.review-files-panel .media-preview-frame,
.designer-original-block-files .media-preview-frame {
  aspect-ratio: 4 / 3;
}

.media-preview-footer {
  gap: 0.48rem !important;
  min-height: 4rem !important;
}

.media-preview-footer > :last-child {
  gap: 0.4rem !important;
}

.media-preview-empty {
  min-height: 8.25rem !important;
}

.admin-designs-toolbar,
.admin-users-toolbar,
.design-list-toolbar,
.dropdown-toolbar {
  gap: 0.55rem !important;
  padding: 0.64rem 0.8rem 0.68rem !important;
}

.admin-designs-toolbar-actions,
.design-list-toolbar-group,
.design-list-actions,
.notification-page-item-actions {
  gap: 0.4rem !important;
}

.admin-designs-pagination {
  gap: 0.72rem !important;
  padding: 0.72rem 0.85rem 0.78rem !important;
}

.designer-dashboard-section-active .card-body {
  min-height: 14.75rem !important;
}

.designer-dashboard-section-active .designer-queue-list {
  max-height: 11.5rem !important;
}

.designer-queue-item {
  gap: 0.7rem !important;
  border-radius: 0.95rem !important;
}

.designer-detail-header-actions .workflow-status-pill {
  min-width: 9rem !important;
  min-height: 1.95rem !important;
}

.designer-original-toggle-label {
  font-size: 0.94rem !important;
}

.designer-original-toggle-meta {
  font-size: 0.79rem !important;
}

.designer-original-toggle-icon {
  width: 2rem !important;
  height: 2rem !important;
}

.designer-original-block-files .row {
  --bs-gutter-x: 0.7rem !important;
  --bs-gutter-y: 0.7rem !important;
}

.notification-page-card {
  gap: 0.75rem !important;
  padding: 0.82rem 0.92rem !important;
}

.notification-page-item {
  gap: 0.75rem !important;
  border-radius: 0.95rem !important;
}

.notification-page-item-header h2 {
  font-size: 0.94rem !important;
}

.notification-page-item-body p {
  margin-top: 0.5rem !important;
}

@media (max-width: 991.98px) {
  .app-page,
  .auth-page,
  .design-form-page,
  .design-list-page,
  .design-details-page,
  .designer-dashboard-page,
  .admin-designs-page,
  .page-narrow,
  .dropdown-admin-shell,
  .notifications-page {
    gap: 0.75rem !important;
  }
}

@media (max-width: 767.98px) {
  .app-shell .g-3,
  .app-shell .row.g-3 {
    --bs-gutter-x: 0.7rem !important;
    --bs-gutter-y: 0.7rem !important;
  }

  .page-header {
    gap: 0.45rem !important;
  }

  .design-details-info-grid,
  .designer-detail-summary-grid,
  .designer-detail-info-grid {
    gap: 0.58rem !important;
  }

  .notification-page-item-actions > * {
    width: 100%;
  }
}