/* Medikron · Clinical System UI
   Shared shell for agenda, patient records, triage and study workflows. */

:root {
  --mk-ui-ink: #173138;
  --mk-ui-muted: #667b81;
  --mk-ui-canvas: #f2f7f6;
  --mk-ui-panel: #ffffff;
  --mk-ui-line: #dce8e6;
  --mk-ui-primary: #118c83;
  --mk-ui-primary-dark: #0b6862;
  --mk-ui-primary-soft: #e3f4f1;
  --mk-ui-radius: 16px;
  --mk-ui-shadow: 0 10px 30px rgba(25, 63, 67, .07);
}

body:not(.mk-intranet-shell) {
  color: var(--mk-ui-ink);
  background: var(--mk-ui-canvas);
}

body:not(.mk-intranet-shell) .app-main {
  background:
    radial-gradient(circle at 100% 0, rgba(17, 140, 131, .07), transparent 28rem),
    var(--mk-ui-canvas);
}

body:not(.mk-intranet-shell) .app-header {
  min-height: 64px;
  border-bottom: 1px solid var(--mk-ui-line);
  background: rgba(255, 255, 255, .94) !important;
  backdrop-filter: blur(14px);
}

body:not(.mk-intranet-shell) .app-sidebar {
  background: linear-gradient(180deg, #087a75 0%, #075c59 100%) !important;
}

body:not(.mk-intranet-shell) .sidebar-wrapper,
body:not(.mk-intranet-shell) .sidebar-brand {
  background: transparent !important;
}

body:not(.mk-intranet-shell) .sidebar-menu .nav-link {
  margin: 2px 10px;
  padding: .65rem .75rem;
  border-radius: 11px;
  color: rgba(255,255,255,.82) !important;
  transition: background-color .15s ease, color .15s ease, transform .15s ease;
}

body:not(.mk-intranet-shell) .sidebar-menu .nav-link:hover {
  color: #fff !important;
  background: rgba(255,255,255,.09);
  transform: translateX(2px);
}

body:not(.mk-intranet-shell) .sidebar-menu .nav-link.active {
  color: #075c59 !important;
  background: #fff !important;
  box-shadow: 0 8px 20px rgba(0, 44, 43, .2);
}

body:not(.mk-intranet-shell) .sidebar-menu .nav-treeview .nav-link {
  margin-left: 22px;
  font-size: .91rem;
}

body:not(.mk-intranet-shell) .sidebar-section-title {
  color: rgba(255,255,255,.52);
  font-size: .68rem;
  letter-spacing: .11em;
}

.mk-clinical-page > .container-fluid,
.mk-clinical-page.container-fluid {
  max-width: 1680px;
}

.app-content-header.mk-clinical-page {
  padding-top: 1.35rem;
  padding-bottom: .85rem;
}

.mk-eyebrow {
  margin-bottom: .25rem;
  color: var(--mk-ui-primary-dark);
  font-size: .7rem;
  font-weight: 800;
  letter-spacing: .1em;
}

/* Consistent page anatomy: context on the left, actions on the right. */
.mk-clinical-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 1rem;
  align-items: center;
  width: 100%;
}

.mk-clinical-header > :first-child {
  min-width: 0;
}

.mk-clinical-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .55rem;
  align-items: center;
  justify-content: flex-end;
}

.mk-card-header-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: .85rem;
  align-items: center;
  width: 100%;
}

.mk-card-header-row > :first-child {
  min-width: 0;
}

.mk-table-actions {
  width: 1%;
  white-space: nowrap;
}

.mk-page-hero {
  padding: 1.1rem 1.2rem;
  border: 1px solid var(--mk-ui-line);
  border-radius: var(--mk-ui-radius);
  background: rgba(255,255,255,.9);
  box-shadow: var(--mk-ui-shadow);
}

.mk-form-section-label {
  display: flex;
  align-items: center;
  padding: .55rem .7rem;
  border-left: 3px solid var(--mk-ui-primary);
  border-radius: 8px;
  color: var(--mk-ui-primary-dark);
  background: var(--mk-ui-primary-soft);
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.mk-clinical-page .card {
  border-color: var(--mk-ui-line) !important;
  border-radius: var(--mk-ui-radius) !important;
  box-shadow: var(--mk-ui-shadow) !important;
}

.mk-clinical-page .card-header.bg-medikron,
.mk-clinical-page .bg-medikron {
  background: linear-gradient(135deg, var(--mk-ui-primary), #22aaa0) !important;
}

.mk-clinical-page .table thead th {
  color: #51676d;
  font-size: .73rem;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.mk-clinical-page .table tbody tr {
  transition: background-color .14s ease;
}

.mk-clinical-page .table tbody tr:hover {
  background: rgba(17, 140, 131, .045);
}

.mk-clinical-page .form-control,
.mk-clinical-page .form-select,
.modal .form-control,
.modal .form-select {
  min-height: 42px;
  border-color: #ccddda;
  border-radius: 10px;
}

.mk-clinical-page .form-control:focus,
.mk-clinical-page .form-select:focus,
.modal .form-control:focus,
.modal .form-select:focus {
  border-color: var(--mk-ui-primary);
  box-shadow: 0 0 0 .2rem rgba(17, 140, 131, .12);
}

.mk-clinical-page .btn,
.modal .btn {
  font-weight: 650;
}

.mk-clinical-page .btn-primary,
.modal .btn-primary {
  border-color: var(--mk-ui-primary);
  background: var(--mk-ui-primary);
}

.mk-clinical-page .btn-primary:hover,
.modal .btn-primary:hover {
  border-color: var(--mk-ui-primary-dark);
  background: var(--mk-ui-primary-dark);
}

.modal-content {
  border: 0;
  border-radius: var(--mk-ui-radius);
  overflow: hidden;
}

.app-footer {
  border-top-color: var(--mk-ui-line);
  color: var(--mk-ui-muted);
  background: #fff;
}

@media (max-width: 767.98px) {
  .app-content-header.mk-clinical-page {
    padding-top: 1rem;
  }

  .mk-page-hero {
    padding: .9rem;
  }

  .mk-clinical-header,
  .mk-card-header-row {
    grid-template-columns: minmax(0, 1fr);
    align-items: stretch;
  }

  .mk-clinical-actions {
    display: grid;
    grid-template-columns: 1fr;
    justify-content: stretch;
  }

  .mk-clinical-actions .btn {
    width: 100%;
  }

  .mk-card-header-row > :last-child {
    width: 100%;
  }

  .mk-card-header-row .form-control,
  .mk-card-header-row .med-search-wrap,
  .mk-card-header-row .triaje-search-wrap {
    width: 100%;
    max-width: none;
  }

  .mk-clinical-page .card-body {
    padding: 1rem;
  }
}