/* Общая шапка Protocol: вкладки (index, patient, proto-viewer) */
:root {
  --pastel-mint: #d6f3e8;
  --pastel-mint-soft: #ecfbf4;
  --pastel-mint-text: #0a7058;
  --pastel-sky: #dbeefe;
  --pastel-sky-text: #2d5f8a;
  --pastel-peach: #fdebd3;
  --pastel-peach-text: #9a5a20;
}

.app-chrome {
  position: sticky;
  top: 0;
  z-index: 45;
  margin: 0 0 0.2rem;
  padding: 0.48rem clamp(0.85rem, 4vw, 1.25rem) 0;
  background: rgba(255, 255, 255, 0.97);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(52, 168, 130, 0.08);
  box-shadow: none;
}

.app-chrome__masthead {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0.08rem 0 0.32rem;
  min-width: 0;
}

.app-chrome__brand {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  max-width: 100%;
  text-decoration: none;
  line-height: 0;
  padding: 0.06rem 0;
}

.app-sticky-bar__logo {
  display: block;
  width: auto;
  height: 1.26rem;
  max-width: min(100%, 9.5rem);
  object-fit: contain;
}

.app-chrome__journal {
  position: relative;
  padding: 0.12rem 0 0.08rem;
  margin: 0;
  background: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
}

.app-chrome__journal::after {
  display: none;
}

.app-main-tabs--journal,
.app-main-tabs--primary {
  display: flex;
  align-items: stretch;
  gap: 0.28rem;
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 1;
  width: 100%;
  overflow: visible;
}

.app-main-tabs.app-main-tabs--primary > button,
.app-main-tabs.app-main-tabs--primary > a.app-main-tab {
  position: relative;
  flex: 1 1 0;
  min-width: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.38rem;
  margin: 0;
  padding: 0.44rem 0.32rem 0.46rem;
  border: none;
  border-radius: 10px 10px 0 0;
  background: rgba(255, 255, 255, 0.55);
  color: #6b8f85;
  box-shadow: none;
  transform: none;
  font-family: inherit;
  font-size: 0.78rem;
  font-weight: 600;
  line-height: 1.15;
  text-align: center;
  cursor: pointer;
  opacity: 1;
  text-decoration: none;
  transition: background 0.16s ease, color 0.16s ease;
  z-index: 1;
}

.app-main-tabs.app-main-tabs--primary > #tab-consult-review { z-index: 2; }
.app-main-tabs.app-main-tabs--primary > #tab-main-search { z-index: 3; }
.app-main-tabs.app-main-tabs--primary > #tab-patient-b2c { z-index: 4; }

.app-main-tabs.app-main-tabs--primary .app-main-tab-title {
  display: block;
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: -0.01em;
  line-height: 1.2;
  white-space: nowrap;
  text-align: center;
  color: inherit;
}

.app-main-tabs.app-main-tabs--primary > button:hover,
.app-main-tabs.app-main-tabs--primary > a.app-main-tab:hover {
  transform: none;
  opacity: 1;
}

.app-main-tabs.app-main-tabs--primary > #tab-consult-review:not([aria-selected="true"]):not([aria-current="page"]) {
  background: rgba(214, 243, 232, 0.32);
  color: #5a8f7a;
}

.app-main-tabs.app-main-tabs--primary > #tab-main-search:not([aria-selected="true"]):not([aria-current="page"]) {
  background: rgba(219, 238, 254, 0.38);
  color: #5a7fa8;
}

.app-main-tabs.app-main-tabs--primary > #tab-patient-b2c:not([aria-current="page"]) {
  background: rgba(253, 235, 211, 0.42);
  color: #9a6b42;
}

.app-main-tabs.app-main-tabs--primary > #tab-consult-review[aria-selected="true"],
body.app-tab-consult .app-main-tabs.app-main-tabs--primary > #tab-consult-review,
.app-main-tabs.app-main-tabs--primary > #tab-consult-review[aria-current="page"] {
  background: var(--pastel-mint);
  color: var(--pastel-mint-text);
  font-weight: 700;
  z-index: 12;
}

.app-main-tabs.app-main-tabs--primary > #tab-main-search[aria-selected="true"],
body.app-tab-search .app-main-tabs.app-main-tabs--primary > #tab-main-search,
.app-main-tabs.app-main-tabs--primary > #tab-main-search[aria-current="page"] {
  background: var(--pastel-sky);
  color: var(--pastel-sky-text);
  font-weight: 700;
  z-index: 12;
}

body.app-tab-patient .app-main-tabs.app-main-tabs--primary > #tab-patient-b2c,
.app-main-tabs.app-main-tabs--primary > #tab-patient-b2c[aria-current="page"] {
  background: var(--pastel-peach);
  color: var(--pastel-peach-text);
  font-weight: 700;
  z-index: 12;
}

.app-main-tabs.app-main-tabs--primary > #tab-consult-review[aria-selected="true"]::after,
.app-main-tabs.app-main-tabs--primary > #tab-main-search[aria-selected="true"]::after,
body.app-tab-consult .app-main-tabs.app-main-tabs--primary > #tab-consult-review::after,
body.app-tab-search .app-main-tabs.app-main-tabs--primary > #tab-main-search::after,
body.app-tab-patient .app-main-tabs.app-main-tabs--primary > #tab-patient-b2c::after,
.app-main-tabs.app-main-tabs--primary > a.app-main-tab[aria-current="page"]::after {
  content: "";
  position: absolute;
  left: 22%;
  right: 22%;
  bottom: 0;
  height: 2px;
  border-radius: 2px;
  background: currentColor;
  opacity: 0.28;
  z-index: 13;
}

.app-main-tabs.app-main-tabs--primary > #tab-patient-b2c:hover {
  background: rgba(253, 235, 211, 0.72);
  color: var(--pastel-peach-text);
}

body.methodist-mode #tab-patient-b2c {
  display: none !important;
}

@media (max-width: 540px) {
  .app-chrome {
    padding: 0.44rem clamp(0.75rem, 3.5vw, 1rem) 0;
  }

  .app-main-tabs.app-main-tabs--primary {
    gap: 0.2rem;
  }

  .app-main-tabs.app-main-tabs--primary > button,
  .app-main-tabs.app-main-tabs--primary > a.app-main-tab {
    min-height: 2.48rem;
    padding: 0.42rem 0.14rem 0.44rem;
  }

  .app-main-tabs.app-main-tabs--primary .app-main-tab-title {
    font-size: 0.7rem;
    white-space: normal;
    line-height: 1.15;
  }
}

@media (min-width: 900px) {
  .app-main-tabs.app-main-tabs--primary > button,
  .app-main-tabs.app-main-tabs--primary > a.app-main-tab {
    font-size: 0.82rem;
    min-height: 2.42rem;
    padding: 0.46rem 0.5rem 0.48rem;
  }
}