/* Compact, more professional presentation layer */
:root {
  --pro-shell-max: 880px;
  --pro-line: rgba(15, 23, 35, 0.1);
  --pro-line-strong: rgba(15, 23, 35, 0.16);
  --pro-shadow: 0 10px 28px rgba(10, 18, 28, 0.08);
  --pro-shadow-soft: 0 6px 18px rgba(10, 18, 28, 0.05);
}

body {
  font-size: 13px;
  background:
    radial-gradient(circle at 10% 10%, rgba(186, 143, 56, 0.12), transparent 22%),
    radial-gradient(circle at 88% 84%, rgba(15, 107, 99, 0.1), transparent 24%),
    linear-gradient(180deg, #f6f3ec 0%, #f4f7f6 100%);
}

#root {
  padding: 8px 0 20px;
}

.workflow-shell {
  max-width: min(var(--pro-shell-max), calc(100% - 18px));
  gap: 8px;
  padding: 4px;
  font-size: 0.86rem;
}

.workflow-shell:before,
.workflow-shell:after {
  opacity: 0.6;
  filter: blur(2px);
}

.topbar,
.panel,
.notice-card,
.archive-section,
.tests-toolbar,
.backup-tools,
.test-catalog,
.test-package-actions,
.selected-tests-review,
.card-edit-form {
  border-radius: 12px;
}

.topbar {
  border-color: rgba(186, 143, 56, 0.28);
  box-shadow: 0 14px 36px rgba(8, 24, 23, 0.18), inset 0 1px rgba(255, 255, 255, 0.14);
}

.topbar:after {
  opacity: 0.7;
}

.lab-luxe-card {
  gap: 10px;
  padding: 12px 14px;
}

.lab-luxe-badge {
  letter-spacing: 0.05em;
  padding: 0.22rem 0.62rem;
  font-size: 0.68rem;
}

.lab-luxe-word {
  font-size: 1.8em;
}

.page-title {
  font-size: clamp(1.45rem, 2vw, 2.05rem);
  line-height: 1.1;
  letter-spacing: 0;
}

.lab-logo-slot {
  width: 92px;
  min-height: 92px;
  border-radius: 12px;
}

.lab-meta-chip,
.top-session-chip,
.switcher-actions button,
.primary-actions button,
.secondary-actions button,
.secondary-button,
.primary-button,
.panel-toggle-button,
.category-toggle-button,
.status-badge,
.patient-summary span {
  border-radius: 10px;
}

.language-switcher {
  border-radius: 12px;
  padding: 4px;
}

.primary-actions,
.secondary-actions,
.form-actions,
.patient-summary {
  gap: 6px;
}

.switcher-actions button,
.primary-actions button,
.secondary-actions button,
.primary-button,
.secondary-button {
  padding: 0.4rem 0.7rem;
  font-size: 0.78rem;
  box-shadow: none;
}

.switcher-actions button,
.primary-actions button,
.secondary-actions button,
.secondary-button {
  border-color: var(--pro-line-strong);
  background: rgba(255, 255, 255, 0.94);
}

.switcher-actions button.active,
.primary-actions button.active,
.secondary-actions button.active,
.primary-button {
  box-shadow: 0 8px 18px rgba(16, 109, 99, 0.2);
}

.notice-card,
.panel,
.archive-section,
.tests-toolbar,
.backup-tools,
.test-catalog,
.card-edit-form {
  border-color: var(--pro-line);
  box-shadow: var(--pro-shadow-soft);
}

.panel {
  padding: 0.6rem;
}

.panel-header {
  gap: 4px;
  margin-bottom: 8px;
}

.panel-label,
.eyebrow {
  font-size: 0.62rem;
  letter-spacing: 0.08em;
}

.panel-header h2 {
  font-size: clamp(0.95rem, 1.1vw, 1.08rem);
}

.panel-header p,
.test-catalog-header p,
.empty-state,
.card-tile span,
.card-tile small,
.message-preview,
.patient-summary span {
  font-size: 0.76rem;
}

.stack-form,
.test-catalog,
.card-list,
.test-entry-list {
  gap: 8px;
}

.field-grid,
.field-grid.compact {
  gap: 8px;
}

.request-layout .field-grid,
.results-layout .field-grid,
.settings-layout .field-grid {
  grid-template-columns: 1.5fr 0.7fr 1fr 1fr;
}

.request-layout .field-grid > label:first-child,
.results-layout .field-grid > label:first-child,
.test-catalog > .tsc-box,
.test-package-actions,
.selected-tests-review,
.test-entry-card .field-grid.compact > label:last-child {
  grid-column: 1 / -1;
}

.settings-layout .field-grid {
  grid-template-columns: 1fr 1fr 1fr;
}

.settings-layout .field-grid > label:nth-child(4),
.settings-layout .field-grid > label:nth-child(5),
.settings-layout .field-grid > label:nth-child(6),
.settings-layout .field-grid > label:nth-child(9),
.settings-layout .field-grid > label:nth-child(10) {
  grid-column: auto;
}

.test-entry-card .field-grid.compact {
  grid-template-columns: 1fr 0.75fr 0.9fr 1.2fr;
}

.patient-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}

label {
  gap: 5px;
}

label span {
  font-size: 0.76rem;
}

input,
textarea,
select {
  border-radius: 9px;
  padding: 0.48rem 0.58rem;
  border-color: rgba(91, 107, 133, 0.3);
  background: rgba(255, 255, 255, 0.98);
}

.test-catalog {
  padding: 0.55rem;
}

.test-package-actions,
.selected-tests-review,
.subtest-group,
.archive-section,
.test-entry-card,
.card-tile,
.checkbox-card,
.selected-test-item {
  border-radius: 10px;
}

.test-package-actions {
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.tsc-box {
  gap: 8px !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.tsc-row {
  grid-template-columns: 1fr 1fr 1fr !important;
  gap: 8px !important;
}

.tsc-field > span {
  font-size: 0.73rem !important;
  color: var(--ink-700) !important;
}

.tsc-field > select {
  padding: 0.45rem 0.55rem !important;
  border-radius: 9px !important;
}

.tsc-actions button {
  border-radius: 9px !important;
  padding: 0.4rem 0.7rem !important;
  font-size: 0.76rem !important;
}

.primary-actions {
  padding: 2px;
}

.primary-actions button {
  min-height: 34px;
}

.test-group h3,
.subtest-group h4 {
  font-size: 0.8rem;
}

.checkbox-grid {
  gap: 8px;
}

.checkbox-card {
  padding: 0.4rem 0.5rem;
  align-items: flex-start;
}

.card-list {
  max-height: 48vh;
}

.settings-list {
  max-height: 40vh;
}

.card-tile,
.test-entry-card,
.archive-section,
.selected-test-item {
  box-shadow: none;
}

.card-tile:hover,
.secondary-button:hover,
.primary-actions button:hover,
.secondary-actions button:hover,
.switcher-actions button:hover {
  box-shadow: 0 8px 18px rgba(10, 18, 28, 0.08);
}

.tests-toolbar,
.backup-tools {
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.message-preview,
.empty-state {
  border-radius: 10px;
}

.workflow-shell.regular {
  font-size: 0.88rem;
}

.workflow-shell.regular .panel {
  padding: 0.65rem;
}

.workflow-shell.dense {
  font-size: 0.8rem;
  gap: 6px;
}

.workflow-shell.dense .panel {
  padding: 0.45rem;
}

.workflow-shell.dense .field-grid,
.workflow-shell.dense .field-grid.compact {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
}

.workflow-shell.dense .checkbox-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
}

@media (max-width: 980px) {
  .workflow-shell {
    max-width: min(760px, calc(100% - 14px));
  }
}

@media (max-width: 760px) {
  .workflow-shell {
    max-width: calc(100% - 10px);
    padding: 2px;
  }

  .lab-luxe-card {
    padding: 10px;
  }

  .page-title {
    font-size: 1.28rem;
  }

  .lab-logo-slot {
    width: 78px;
    min-height: 78px;
  }

  .field-grid,
  .field-grid.compact,
  .patient-summary,
  .tsc-row,
  .workflow-shell.dense .field-grid,
  .workflow-shell.dense .field-grid.compact,
  .checkbox-grid,
  .workflow-shell.dense .checkbox-grid {
    grid-template-columns: 1fr;
  }
}