:root {
  --brand-midnight: #071521;
  --brand-navy: #0b2030;
  --brand-panel: #10293b;
  --brand-teal: #65d7cf;
  --brand-mint: #9af0e3;
  --brand-blue: #7595ff;
  --brand-ice: #f3f8fa;
  --brand-text: #172d3e;
  --brand-muted: #718391;
  --brand-line: #dbe6eb;
}

.auth-page {
  min-height: 100vh;
  min-height: 100svh;
  overflow: hidden;
  position: relative;
  display: block;
  color: var(--brand-ice);
  background:
    radial-gradient(ellipse at 12% 14%, rgb(40 113 125 / 20%), transparent 37%),
    radial-gradient(ellipse at 82% 88%, rgb(57 81 151 / 18%), transparent 34%),
    var(--brand-midnight);
  isolation: isolate;
}

.auth-page::before,
.auth-page::after {
  position: absolute;
  z-index: -1;
  content: "";
  pointer-events: none;
}

.auth-page::before {
  inset: 0;
  opacity: .22;
  background-image: linear-gradient(rgb(155 196 204 / 7%) 1px, transparent 1px), linear-gradient(90deg, rgb(155 196 204 / 7%) 1px, transparent 1px);
  background-size: 56px 56px;
  mask-image: linear-gradient(110deg, #000 0%, transparent 72%);
}

.auth-page::after {
  width: 600px;
  height: 600px;
  right: -330px;
  top: -325px;
  border: 1px solid rgb(134 195 207 / 11%);
  border-radius: 50%;
  box-shadow: 0 0 0 56px rgb(134 195 207 / 3%), 0 0 0 112px rgb(134 195 207 / 3%);
}

.auth-shell {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(420px, .92fr);
  width: min(100%, 1600px);
  min-height: 100vh;
  min-height: 100svh;
  margin: 0 auto;
}

.auth-story {
  min-width: 0;
  min-height: 100vh;
  min-height: 100svh;
  display: flex;
  flex-direction: column;
  padding: 42px clamp(36px, 6.3vw, 100px) 30px clamp(36px, 6.2vw, 92px);
  position: relative;
}

.auth-story::after {
  position: absolute;
  top: 9%;
  right: 0;
  width: 1px;
  height: 82%;
  background: linear-gradient(transparent, rgb(150 192 203 / 17%) 16%, rgb(150 192 203 / 17%) 84%, transparent);
  content: "";
}

.auth-story-top,
.auth-header,
.auth-story-bottom,
.auth-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.auth-story-top { min-height: 48px; gap: 20px; }
.brand-home { display: inline-flex; align-items: center; color: inherit; }
.brand-home:focus-visible,
.auth-language:focus-visible,
.auth-actions a:focus-visible,
.auth-actions button:focus-visible,
.auth-card .input:focus-visible { outline: 3px solid var(--brand-mint); outline-offset: 4px; }

.brand-lockup { display: inline-flex; align-items: center; gap: 12px; }
.brand-mark-svg { display: block; width: 48px; height: 48px; fill: none; stroke: var(--brand-teal); stroke-width: 1.65; stroke-linecap: round; stroke-linejoin: round; }
.brand-wordmark { display: flex; flex-direction: column; gap: 2px; line-height: 1; }
.brand-wordmark strong { color: #f5fbfc; font-size: 20px; letter-spacing: -.045em; font-weight: 650; }
.brand-wordmark small { color: #91b1bc; font-size: 10px; font-weight: 650; letter-spacing: .24em; text-transform: uppercase; }
.auth-edition { display: inline-flex; align-items: center; gap: 10px; color: #8ba6b1; font-size: 9px; font-weight: 650; letter-spacing: .17em; white-space: nowrap; }
.auth-edition i { width: 4px; height: 4px; border-radius: 50%; background: var(--brand-teal); }

.auth-story-copy { position: relative; z-index: 1; max-width: 570px; margin: clamp(50px, 10vh, 108px) 0 0; }
.auth-overline { display: flex; align-items: center; gap: 10px; color: var(--brand-mint); font-size: 10px; font-weight: 650; letter-spacing: .16em; }
.auth-overline span { width: 23px; height: 1px; background: var(--brand-teal); }
.auth-story-copy h2 { margin: 22px 0 15px; color: #f2f7f8; font-size: clamp(35px, 4.25vw, 60px); line-height: 1.13; font-weight: 500; letter-spacing: -.055em; }
.auth-story-copy h2 span { color: var(--brand-teal); }
.auth-story-copy p { max-width: 405px; margin: 0; color: #9eb1bb; font-size: 15px; line-height: 1.8; }

.auth-visual { position: relative; width: min(100%, 510px); min-height: 245px; max-height: 370px; flex: 1; display: grid; place-items: center; margin: 8px auto -10px; }
.tissue-illustration { position: relative; z-index: 1; width: min(100%, 500px); height: auto; overflow: visible; animation: tissue-arrive .9s ease-out both; }
.visual-orbit { position: absolute; border: 1px solid rgb(119 213 211 / 8%); border-radius: 50%; }
.orbit-one { width: 250px; height: 250px; }
.orbit-two { width: 350px; height: 350px; border-style: dashed; border-color: rgb(119 213 211 / 9%); }
.auth-visual-caption { position: absolute; z-index: 2; right: 1%; bottom: 10%; min-width: 246px; display: flex; align-items: center; gap: 12px; padding: 12px 15px; border: 1px solid rgb(139 190 197 / 17%); border-radius: 12px; background: rgb(14 35 50 / 89%); box-shadow: 0 16px 40px rgb(0 0 0 / 15%); backdrop-filter: blur(12px); }
.caption-node { width: 35px; height: 35px; display: grid; place-items: center; border-radius: 10px; background: rgb(97 214 207 / 11%); }
.caption-node .brand-mark-svg { width: 27px; height: 27px; stroke: var(--brand-mint); stroke-width: 2; }
.auth-visual-caption > span:nth-child(2) { display: flex; flex-direction: column; gap: 4px; }
.auth-visual-caption strong { color: #ecf6f6; font-size: 12px; font-weight: 600; }
.auth-visual-caption small { color: #83a2ad; font-size: 8px; letter-spacing: .14em; }
.auth-visual-caption > i { width: 6px; height: 6px; margin-left: auto; border-radius: 50%; background: var(--brand-teal); box-shadow: 0 0 13px var(--brand-teal); }
.auth-story-bottom { gap: 20px; color: #728f9a; font-size: 9px; font-weight: 650; letter-spacing: .15em; }
.auth-story-bottom > span:first-child { display: inline-flex; align-items: center; gap: 9px; }
.auth-story-bottom i,
.auth-footer > span:last-child i { width: 6px; height: 6px; display: inline-block; border-radius: 50%; background: var(--brand-teal); box-shadow: 0 0 12px rgb(101 215 207 / 75%); }
.auth-story-bottom b { color: var(--brand-teal); font-size: 15px; }

.auth-side { min-width: 0; position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 94px 42px 70px; background: linear-gradient(155deg, rgb(13 32 47 / 58%), rgb(10 27 41 / 37%)); }
.auth-header { position: absolute; top: 32px; left: 42px; right: 42px; min-height: 34px; }
.auth-header > span { visibility: hidden; }
.brand-lockup.is-compact .brand-mark-svg { width: 35px; height: 35px; }
.auth-language-wrap { display: inline-flex; align-items: center; gap: 10px; color: #8da5af; font-size: 11px; }
.auth-language { min-width: 108px; height: 36px; padding: 0 28px 0 12px; border: 1px solid rgb(154 183 191 / 22%); border-radius: 9px; color: #dce9eb; background-color: rgb(16 40 55 / 84%); font-size: 12px; cursor: pointer; }
.auth-language option { color: var(--brand-text); background: #fff; }

.auth-card { width: min(100%, 460px); margin: 0; position: relative; overflow: hidden; padding: 43px 44px 40px; border: 1px solid rgb(255 255 255 / 78%); border-radius: 22px; color: var(--brand-text); background: linear-gradient(155deg, #fff 0%, var(--brand-ice) 100%); box-shadow: 0 30px 90px rgb(0 0 0 / 27%), 0 2px 4px rgb(255 255 255 / 38%) inset; }
.auth-card::before { position: absolute; top: -120px; right: -82px; width: 210px; height: 210px; border-radius: 50%; background: radial-gradient(circle, rgb(101 215 207 / 16%), transparent 68%); pointer-events: none; content: ""; }
.auth-card-kicker { position: relative; display: flex; align-items: center; gap: 9px; margin: 0 0 21px; color: #4f7e83; font-size: 9px; font-weight: 700; letter-spacing: .15em; }
.secure-icon { width: 29px; height: 29px; display: grid; place-items: center; border-radius: 9px; color: #197d78; background: #ddf4f0; }
.secure-icon svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.secure-icon .brand-mark-svg { width: 19px; height: 19px; stroke-width: 2; }
.auth-card h1 { position: relative; margin: 0 0 8px; color: #172d3e; font-size: 30px; line-height: 1.25; font-weight: 600; letter-spacing: -.045em; }
.auth-card p { position: relative; margin: 0 0 25px; color: #758794; font-size: 13px; line-height: 1.7; }
.auth-card form { position: relative; }
.auth-card .input { height: 50px; width: 100%; margin: 0 0 12px; padding: 0 14px; border: 1px solid var(--brand-line); border-radius: 10px; color: #21394a; background: #fff; font-size: 13px; transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease; }
.auth-card .input:hover { border-color: #b5cbd0; }
.auth-card .input:focus { border-color: #42bdb5; background: #fff; box-shadow: 0 0 0 3px rgb(76 198 189 / 17%); }
.auth-card .input::placeholder { color: #9cabb3; }
.auth-card .auth-error { min-height: 18px; margin-top: -2px; color: #ae3347; font-size: 11px; }
.auth-card .auth-actions { margin-top: 14px; display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.auth-card .auth-actions a { color: #377f82; font-size: 12px; font-weight: 600; }
.auth-card .auth-actions a:hover { color: #195e63; text-decoration: underline; text-underline-offset: 3px; }
.auth-card .auth-actions .btn { min-width: 125px; min-height: 46px; padding: 0 20px; border: 0; border-radius: 10px; color: #082a34; background: linear-gradient(115deg, #7fe2d6, #60d1ca); box-shadow: 0 8px 20px rgb(52 175 170 / 22%); font-size: 13px; font-weight: 700; transition: transform .18s ease, box-shadow .18s ease, filter .18s ease; }
.auth-card .auth-actions .btn:hover { color: #082a34; background: linear-gradient(115deg, #92eee1, #6bdcd3); box-shadow: 0 11px 26px rgb(52 175 170 / 30%); transform: translateY(-1px); }
.auth-card .auth-actions .btn:active { transform: translateY(0); }
.auth-card .auth-actions .btn:disabled { opacity: .62; cursor: wait; }
.auth-footer { position: absolute; right: 42px; bottom: 26px; left: 42px; gap: 12px; color: #7e96a1; font-size: 10px; }
.auth-footer > span:last-child { display: inline-flex; align-items: center; gap: 8px; }

.side-logo { width: 50px; height: 50px; min-height: 50px; margin: 5px 0 19px; border-radius: 15px; background: linear-gradient(145deg, var(--brand-navy), #12334a); box-shadow: 0 8px 19px rgb(6 26 42 / 20%); }
.side-logo:hover { background: #13364a; }
.side-logo .brand-mark-svg { width: 36px; height: 36px; stroke: var(--brand-teal); stroke-width: 2; }
.side-link:hover { color: #187f7a; background: #e3f5f2; }
.side-link.active { color: #07383d; background: var(--brand-teal); box-shadow: 0 5px 14px rgb(48 177 169 / 26%); }
.btn.primary { border-color: #159e99; background: #159e99; }
.btn.primary:hover { border-color: #108780; background: #108780; color: #fff; }
.input:focus, .select:focus, .textarea:focus { border-color: #45bdb7; box-shadow: 0 0 0 2px rgb(74 190 183 / 20%); }

@keyframes tissue-arrive { from { opacity: 0; transform: translateY(12px) scale(.98); } to { opacity: 1; transform: translateY(0) scale(1); } }
@media (prefers-reduced-motion: reduce) { .tissue-illustration { animation: none; } *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; } }

@media (max-width: 1050px) {
  .auth-shell { grid-template-columns: minmax(0, 1fr) minmax(390px, .92fr); }
  .auth-story { padding-right: 34px; padding-left: 42px; }
  .auth-side { padding-right: 30px; padding-left: 30px; }
  .auth-header { right: 30px; left: 30px; }
  .auth-footer { right: 30px; left: 30px; }
  .auth-edition { display: none; }
  .auth-visual-caption { right: 0; }
}

@media (max-width: 700px) {
  .auth-page { overflow: auto; }
  .auth-shell { display: flex; flex-direction: column; min-height: 100vh; min-height: 100svh; }
  .auth-story { min-height: 0; height: 88px; flex: 0 0 88px; padding: 18px 26px 8px; }
  .auth-story::after, .auth-story-copy, .auth-visual, .auth-story-bottom { display: none; }
  .auth-story-top { min-height: 54px; }
  .brand-mark-svg { width: 42px; height: 42px; }
  .auth-side { min-height: calc(100vh - 88px); min-height: calc(100svh - 88px); flex: 1; padding: 68px 24px 76px; }
  .auth-header { top: -69px; right: 24px; left: auto; }
  .auth-header > span { display: none; }
  .auth-language-wrap > span { display: none; }
  .auth-language { height: 34px; }
  .auth-card { width: min(100%, 470px); }
  .auth-footer { right: 24px; bottom: 22px; left: 24px; }
}

@media (max-width: 520px) {
  .auth-story { padding: 14px 20px 5px; }
  .brand-lockup { gap: 9px; }
  .brand-mark-svg { width: 38px; height: 38px; }
  .brand-wordmark strong { font-size: 18px; }
  .auth-side { padding: 62px 18px 82px; }
  .auth-header { top: -64px; right: 18px; }
  .auth-language { min-width: 92px; }
  .auth-card { padding: 34px 25px 29px; border-radius: 18px; }
  .auth-card h1 { font-size: 27px; }
  .auth-card .auth-actions { gap: 10px; }
  .auth-card .auth-actions .btn { min-width: 110px; padding: 0 16px; }
  .auth-footer { right: 18px; bottom: 18px; left: 18px; font-size: 9px; }
}

@media (max-width: 370px) {
  .auth-card { padding-right: 20px; padding-left: 20px; }
  .auth-card .auth-actions { align-items: stretch; flex-direction: column; }
  .auth-card .auth-actions .btn { width: 100%; }
  .auth-footer { align-items: flex-start; flex-direction: column; gap: 7px; }
}

/* Case list: status counts are the primary metrics; the pills below remain filters. */
.case-list-page { display: grid; gap: 16px; max-width: 1680px; margin: 0 auto; color: #193344; }
.case-page-heading { display: flex; align-items: end; justify-content: space-between; min-height: 78px; padding: 3px 2px 2px; }
.case-page-kicker, .case-section-kicker { display: inline-flex; align-items: center; gap: 8px; color: #597881; font-size: 9px; font-weight: 700; letter-spacing: .15em; }
.case-page-kicker i { width: 6px; height: 6px; border-radius: 50%; background: #55bdb7; box-shadow: 0 0 10px rgb(85 189 183 / 45%); }
.case-page-kicker b { color: #9aabb0; font-size: 12px; }
.case-page-heading h1 { margin: 6px 0 2px; color: #132d3d; font-size: 26px; font-weight: 650; letter-spacing: -.04em; }
.case-page-heading p { margin: 0; color: #768993; font-size: 12px; }
.case-search-panel, .case-list-page .status-panel, .case-list-page .list-panel { overflow: hidden; border: 1px solid #e3eaec; border-radius: 15px; background: #fff; box-shadow: 0 6px 22px rgb(25 49 62 / 4%); }
.case-search-panel { padding: 17px 18px 16px; }
.case-section-heading { display: flex; align-items: center; justify-content: space-between; margin-bottom: 13px; }
.case-section-heading h2, .status-panel-heading h2 { margin: 3px 0 0; color: #193344; font-size: 14px; font-weight: 650; letter-spacing: -.015em; }
.case-section-kicker { color: #80949d; font-size: 8px; }
.case-list-page .search-row { position: static; display: flex; align-items: center; flex-wrap: wrap; gap: 9px; height: auto; margin: 0; }
.case-list-page .case-query-group { min-width: 0; flex: 1 1 440px; display: flex; align-items: center; gap: 8px; }
.case-list-page .search-row #advanced-toggle { position: static; top: auto; left: auto; flex: 0 0 auto; height: 38px; border-color: #dce7e9; border-radius: 9px; color: #35535f; background: #f8fbfb; font-size: 11px; }
.case-list-page .search-row #advanced-toggle:hover { border-color: #80c9c4; color: #167b78; background: #f0faf8; }
.case-list-page #quick-filter { width: 145px; min-width: 125px; height: 38px; border-color: #dce7e9; border-radius: 9px; color: #4d6570; background-color: #fff; font-size: 11px; }
.case-list-page #case-search { min-width: 150px; height: 38px; flex: 1 1 170px; border-color: #dce7e9; border-radius: 9px; font-size: 11px; }
.case-search-actions { display: flex; align-items: center; gap: 8px; }
.case-list-page .case-search-actions .btn { height: 38px; padding: 0 12px; border-color: #dce7e9; border-radius: 9px; color: #506873; background: #fff; font-size: 11px; white-space: nowrap; }
.case-list-page .case-search-actions #add-search { border-color: #b7e2dd; color: #176f70; background: #f0faf8; }
.case-list-page #case-multi-search:not(:empty) { margin-top: 13px; }

.case-list-page .status-panel { padding: 17px 18px 16px; }
.status-panel-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
.status-total { display: inline-flex; align-items: center; gap: 8px; padding: 7px 10px; border: 1px solid #e5edef; border-radius: 999px; color: #56727b; background: #f7fafb; font-size: 10px; white-space: nowrap; }
.status-total i { width: 6px; height: 6px; border-radius: 50%; background: #5bbdb5; }
.case-list-page .status-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); justify-content: stretch; gap: 9px; }
.case-list-page .status-tile { position: relative; width: auto; min-width: 0; min-height: 116px; height: auto; display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-rows: 11px 1fr auto; grid-template-areas: "marker action" "label count" "hint count"; align-items: center; gap: 5px 8px; padding: 12px 13px; border: 1px solid #e7edef; border-radius: 12px; color: #193344; background: linear-gradient(155deg, #fff, #f9fbfb); text-align: left; box-shadow: 0 2px 6px rgb(28 57 69 / 2%); transition: border-color .16s ease, background .16s ease, box-shadow .16s ease, transform .16s ease; }
.case-list-page .status-tile:hover { border-color: #a8d8d4; background: #f5fbfa; box-shadow: 0 7px 16px rgb(33 116 112 / 8%); transform: translateY(-1px); }
.case-list-page .metric-marker { grid-area: marker; width: 7px; height: 7px; border-radius: 50%; background: var(--tile-color); box-shadow: 0 0 0 3px color-mix(in srgb, var(--tile-color) 13%, white); }
.case-list-page .metric-action { grid-area: action; color: #9aaeb5; font-size: 11px; line-height: 1; }
.case-list-page .status-label { grid-area: label; min-width: 0; overflow: hidden; padding: 0; color: #506772; font-size: 10px; font-weight: 600; line-height: 1.35; text-overflow: ellipsis; }
.case-list-page .status-count { grid-area: count; width: auto; min-width: 0; height: auto; padding: 0; border-radius: 0; color: var(--tile-color); background: transparent !important; font-size: 27px; font-variant-numeric: tabular-nums; font-weight: 700; line-height: 1; }
.case-list-page .status-hint { grid-area: hint; overflow: hidden; color: #94a4ab; font-size: 8px; line-height: 1.25; text-overflow: ellipsis; white-space: nowrap; }
.case-list-page .status-tile.active { border-color: #123a48; color: #fff; background: linear-gradient(145deg, #103342, #0c2937); box-shadow: 0 8px 18px rgb(13 48 64 / 17%); transform: none; }
.case-list-page .status-tile.active .status-label { color: #e6f2f3; }
.case-list-page .status-tile.active .status-count { color: var(--brand-mint); }
.case-list-page .status-tile.active .status-hint, .case-list-page .status-tile.active .metric-action { color: #94b8bd; }
.status-filter-row { display: flex; align-items: flex-start; flex-wrap: wrap; gap: 10px 14px; margin-top: 13px; padding-top: 12px; border-top: 1px solid #edf1f2; }
.status-filter-row > span { padding-top: 7px; color: #83949c; font-size: 9px; font-weight: 650; white-space: nowrap; }
.status-filter-list { display: flex; align-items: center; flex: 1; flex-wrap: wrap; gap: 6px; }
.case-list-page .status-filter-list .status-tile { min-height: 29px; height: 29px; display: inline-flex; align-items: center; gap: 7px; padding: 0 9px; border-radius: 999px; background: #f9fbfb; box-shadow: none; transform: none; }
.case-list-page .status-filter-list .status-tile:hover { background: #f0f8f7; }
.case-list-page .status-filter-list .metric-marker { width: 5px; height: 5px; box-shadow: none; }
.case-list-page .status-filter-list .metric-action, .case-list-page .status-filter-list .status-hint { display: none; }
.case-list-page .status-filter-list .status-label { overflow: visible; color: #637982; font-size: 9px; white-space: nowrap; }
.case-list-page .status-filter-list .status-count { color: var(--tile-color); font-size: 10px; font-weight: 700; }
.case-list-page .status-filter-list .status-tile.active { border-color: #126d70; background: #123b47; }
.case-list-page .status-filter-list .status-tile.active .status-label, .case-list-page .status-filter-list .status-tile.active .status-count { color: #b2f3e9; }

.case-list-page .list-panel { margin-top: 0; min-height: 0; }
.case-list-page .list-toolbar { min-height: 62px; height: auto; padding: 12px 17px; border-top: 0; border-bottom: 1px solid #e7edef; }
.case-list-context { display: flex; align-items: baseline; flex-wrap: wrap; gap: 9px; }
.case-list-context strong { color: #203a49; font-size: 13px; font-weight: 650; }
.case-list-page .list-count { color: #80929a; font-size: 10px; }
.case-list-page .toolbar-actions { gap: 7px; }
.case-list-page .toolbar-actions .btn { min-height: 32px; border-radius: 8px; font-size: 10px; }
.case-list-page .toolbar-actions .btn.primary { border-color: #127e7c; background: #178f8a; color: #fff; }
.case-list-page .toolbar-actions .btn.primary:hover { border-color: #116f6d; background: #116f6d; }
.case-list-page .table-scroll { max-height: calc(100vh - 400px); }
.case-list-page .case-table { min-width: 1320px; font-size: 11px; }
.case-list-page .case-table th { height: 42px; color: #617883; background: #f6f9f9; font-size: 10px; letter-spacing: .015em; }
.case-list-page .case-table td { height: 66px; border-right-color: #eff3f3; border-bottom-color: #edf1f2; }
.case-list-page .case-table tbody tr:nth-child(odd) { background: #f8fafb; }
.case-list-page .case-table tbody tr:hover { background: #edf8f6; }
.case-list-page .case-table a { color: #287f82; }
.case-list-page .case-table a:hover { color: #155e64; }
.case-list-page .case-actions-pager { padding: 12px 17px; border-top: 1px solid #edf1f2; }
.case-list-page .case-actions-pager .btn { border-radius: 8px; }

@media (max-width: 900px) {
  .case-list-page .status-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .case-list-page .search-row { align-items: stretch; }
  .case-list-page .case-query-group { flex-basis: 430px; }
  .case-list-page .table-scroll { max-height: calc(100vh - 430px); }
}
@media (max-width: 620px) {
  .case-list-page { gap: 12px; }
  .case-page-heading { min-height: 68px; }
  .case-page-heading h1 { font-size: 23px; }
  .case-search-panel, .case-list-page .status-panel { padding: 14px; }
  .case-list-page .case-query-group { flex: 1 1 100%; flex-wrap: wrap; }
  .case-list-page .search-row #advanced-toggle { flex: 1 1 145px; justify-content: flex-start; }
  .case-list-page #quick-filter { flex: 1 1 145px; width: auto; }
  .case-list-page #case-search { flex-basis: 100%; }
  .case-search-actions { width: 100%; justify-content: flex-end; }
  .case-list-page .status-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }
  .case-list-page .status-tile { min-height: 104px; padding: 10px; }
  .case-list-page .status-count { font-size: 24px; }
  .status-panel-heading { align-items: flex-end; }
  .status-total { padding: 6px 8px; font-size: 9px; }
  .case-list-page .list-toolbar { padding: 11px 12px; }
  .case-list-page .table-scroll { max-height: none; }
}
@media (prefers-reduced-motion: reduce) { .case-list-page .status-tile { transition-duration: .01ms; } }

/* Case records: connect the table visually to the workflow metrics above. */
.case-list-page .list-panel { overflow: hidden; border: 1px solid #e3ecef; border-radius: 15px; background: #fff; box-shadow: 0 9px 28px rgb(22 54 66 / 5%); }
.case-list-page .list-toolbar { min-height: 76px; gap: 16px; padding: 13px 17px; }
.case-list-page .case-list-context { min-width: 0; align-items: center; gap: 11px; }
.case-list-icon { width: 35px; height: 35px; flex: 0 0 auto; display: grid; place-items: center; border: 1px solid #d8eeeb; border-radius: 10px; color: #167d79; background: #eef9f7; }
.case-list-icon .icon { width: 17px; height: 17px; }
.case-list-heading-group { min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.case-list-title-line { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.case-list-page .case-list-context strong { color: #193746; font-size: 13px; letter-spacing: -.015em; }
.case-list-heading-group > small { color: #83959c; font-size: 9px; }
.case-view-pill { display: inline-flex; align-items: center; gap: 5px; min-height: 21px; padding: 0 8px; border: 1px solid color-mix(in srgb, var(--metric-color) 20%, white); border-radius: 999px; color: color-mix(in srgb, var(--metric-color) 88%, #193746); background: color-mix(in srgb, var(--metric-color) 8%, white); font-size: 9px; font-weight: 650; white-space: nowrap; }
.case-view-pill i { width: 5px; height: 5px; border-radius: 50%; background: var(--metric-color); }
.case-list-page .list-count { padding-left: 8px; border-left: 1px solid #e5edef; color: #82939a; font-size: 9px; white-space: nowrap; }
.case-list-page .toolbar-actions { flex: 0 0 auto; }
.case-list-page .toolbar-actions .btn { min-height: 33px; padding-inline: 11px; font-size: 10px; }
.case-list-page .toolbar-actions .btn:not(.primary) { border-color: #e2eaec; color: #5e737e; background: #fff; }
.case-list-page .toolbar-actions .btn:not(.primary):hover { border-color: #b7d8d5; color: #176f70; background: #f5fbfa; }
.case-table-hint { min-height: 35px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 0 17px; border-bottom: 1px solid #edf2f3; color: #809198; background: #fbfdfd; font-size: 9px; }
.case-table-hint > span:first-child { display: inline-flex; align-items: center; gap: 7px; }
.case-table-hint > span:first-child i { width: 5px; height: 5px; border-radius: 50%; background: #42aaa2; box-shadow: 0 0 0 3px #e5f5f2; }
.case-table-scroll-hint { display: inline-flex; align-items: center; gap: 7px; color: #94a3a9; }
.case-table-scroll-hint b { color: #398a88; font-size: 12px; font-weight: 600; }
.case-list-page .table-scroll { scrollbar-color: #b7cccf #f3f7f7; scrollbar-width: thin; overscroll-behavior-inline: contain; }
.case-list-page .table-scroll:focus-visible { outline: 2px solid #4ca9a3; outline-offset: -2px; }
.case-list-page .case-table { min-width: 1320px; border-collapse: separate; border-spacing: 0; color: #344d59; font-size: 10px; }
.case-list-page .case-table th { height: 43px; padding: 0 12px; border-right: 0; border-bottom: 1px solid #e7edef; color: #72868e; background: #f7fafa; font-size: 9px; font-weight: 700; letter-spacing: .045em; text-align: left; text-transform: uppercase; cursor: default; }
.case-list-page .case-table th[data-sort] { cursor: pointer; }
.case-list-page .case-table th[data-sort]:hover { color: #167c79; background: #f0f8f7; }
.sort-indicator { display: inline-block; margin-left: 5px; color: #a6b5b9; font-size: 11px; vertical-align: -1px; }
.case-list-page .case-table td { height: 63px; padding: 9px 12px; border-right: 0; border-bottom: 1px solid #eef2f3; color: #526772; font-size: 10px; text-align: left; }
.case-list-page .case-table tbody tr { background: #fff; transition: background-color .12s ease; }
.case-list-page .case-table tbody tr:nth-child(odd) { background: #fbfcfc; }
.case-list-page .case-table tbody tr:hover { background: #eff8f7; }
.case-list-page .case-table tbody tr:last-child td { border-bottom-color: transparent; }
.case-list-page .case-table th.case-column-due_at, .case-list-page .case-table td.case-cell-due_at { width: 132px; min-width: 132px; }
.case-list-page .case-table th.case-column-patient_name, .case-list-page .case-table td.case-cell-patient_name { width: 202px; min-width: 202px; }
.case-list-page .case-table th.case-column-biopsy_no, .case-list-page .case-table td.case-cell-biopsy_no { width: 178px; min-width: 178px; }
.case-list-page .case-table th.case-column-status, .case-list-page .case-table td.case-cell-status { width: 120px; min-width: 120px; }
.case-list-page .case-table th.case-column-stage, .case-list-page .case-table td.case-cell-stage { min-width: 125px; }
.case-list-page .case-table th.case-column-report, .case-list-page .case-table td.case-cell-report { width: 70px; min-width: 70px; text-align: center; }
.case-list-page .case-table th.case-open-column { min-width: 104px; text-align: center; }
.case-list-page .case-table td.case-cell-actions { min-width: 104px; text-align: center; }
.case-list-page .case-table td.admin-case-actions { min-width: 325px; }
.case-list-page .case-table td.name-cell { text-align: left; }
.case-list-page .case-table td.name-cell strong { max-width: 185px; overflow: hidden; color: #203c49; font-size: 10px; font-weight: 650; text-overflow: ellipsis; }
.case-list-page .case-table td.name-cell small { margin-top: 4px; color: #91a0a5; font-size: 9px; }
.case-list-page .case-table td a { color: #267f7d; }
.case-list-page .case-table td a:hover { color: #155e64; }
.case-list-page .case-table td.case-cell-biopsy_no a { color: #375b72; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 9px; font-weight: 650; }
.case-list-page .case-table .status-pill { min-width: 0; display: inline-flex; align-items: center; gap: 6px; padding: 5px 9px; border: 1px solid transparent; border-radius: 999px; font-size: 9px; font-weight: 650; line-height: 1; }
.case-list-page .case-table .status-pill::before { width: 5px; height: 5px; flex: 0 0 5px; border-radius: 50%; background: currentColor; content: ""; }
.case-list-page .case-table .status-pill.default { border-color: #dfe9ee; color: #567387; background: #f0f5f8; }
.case-list-page .case-table .status-pill.islemde { border-color: #dfdbf7; color: #7166ae; background: #f4f2fc; }
.case-list-page .case-table .status-pill.reviz { border-color: #d5edf3; color: #31869b; background: #eef8fa; }
.case-list-page .case-table .status-pill.onay { border-color: #d6ebdf; color: #43815c; background: #eef7f1; }
.case-list-page .case-table .status-pill.red { border-color: #f0d9dc; color: #a9515d; background: #fcf1f2; }
.case-list-page .case-table .status-pill.hazir { border-color: #d6e4f7; color: #4d77ad; background: #eff5fc; }
.case-list-page .case-table .status-pill.ononay { border-color: #f1e6cb; color: #9b7839; background: #fbf7ec; }
.case-list-page .case-table .due-late, .case-list-page .case-table .due-ok { display: inline-flex; align-items: center; margin-top: 4px; padding: 3px 6px; border-radius: 999px; font-size: 8px; font-weight: 650; }
.case-list-page .case-table .due-late { color: #a8525d; background: #fbefef; }
.case-list-page .case-table .due-ok { color: #44806c; background: #edf7f2; }
.case-list-page .case-table td.case-cell-stage { color: #657b84; font-weight: 600; }
.case-list-page .case-table td.case-cell-slide_count { color: #237a7a; font-variant-numeric: tabular-nums; font-weight: 700; }
.case-list-page .case-table .case-row-actions { justify-content: center; gap: 6px; }
.case-list-page .case-table .case-row-actions .btn { min-height: 27px; padding-inline: 10px; border-radius: 7px; font-size: 9px; }
.case-list-page .case-table .case-row-actions .btn:not(.danger) { border-color: #d5e8e6; color: #267976; background: #f4faf9; }
.case-list-page .case-table .case-row-assignee { max-width: 172px; min-width: 142px; min-height: 29px; border-color: #e2e9eb; border-radius: 7px; font-size: 9px; }
.case-list-page .case-table .empty-state { height: 160px; color: #86999f; text-align: center; }
.case-list-page .case-actions-pager { min-height: 54px; padding: 10px 17px; border-top: 1px solid #edf2f3; color: #768b93; font-size: 10px; }
.case-list-page .case-actions-pager > div { display: flex; gap: 7px; }
.case-list-page .case-actions-pager .btn { min-height: 29px; padding-inline: 10px; border-color: #e1e9eb; border-radius: 7px; color: #627780; font-size: 9px; }
.case-list-page .case-actions-pager .btn:not(:disabled):hover { border-color: #b8d8d4; color: #176f70; background: #f3f9f8; }

@media (max-width: 900px) {
  .case-list-page .list-toolbar { min-height: 72px; padding-inline: 14px; }
  .case-table-hint { padding-inline: 14px; }
  .case-list-page .case-table td.name-cell strong { max-width: 172px; }
}
@media (max-width: 620px) {
  .case-list-page .list-toolbar { align-items: flex-start; flex-direction: column; gap: 10px; padding: 13px 12px; }
  .case-list-page .case-list-context { width: 100%; }
  .case-list-page .toolbar-actions { width: 100%; justify-content: flex-end; }
  .case-list-page .toolbar-actions .btn { flex: 1; }
  .case-table-hint { align-items: flex-start; flex-direction: column; gap: 4px; padding: 8px 12px; }
  .case-list-page .case-actions-pager { padding-inline: 12px; }
}

/* Shared application frame: navigation and account controls use the same lab palette. */
.app-layout { background: #f2f7f8; }
.sidebar { width: 76px; padding: 12px 10px 11px; align-items: stretch; overflow-x: hidden; border-right: 1px solid rgb(160 195 203 / 10%); background: linear-gradient(180deg, #0b2030 0%, #0a1a28 100%); box-shadow: 5px 0 22px rgb(9 31 45 / 9%); scrollbar-width: thin; scrollbar-color: #34515f #0b2030; transition: width .2s ease, box-shadow .2s ease; z-index: 30; }
.sidebar:is(:hover, :focus-within) { width: 244px; box-shadow: 12px 0 34px rgb(9 31 45 / 20%); }
.app-main { margin-left: 76px; width: calc(100% - 76px); min-width: 0; }
.side-logo { width: 100%; height: 48px; min-height: 48px; display: flex; justify-content: center; gap: 11px; margin: 0 0 14px; padding: 0 5px; border: 1px solid transparent; border-radius: 13px; color: #f3fbfc; background: transparent; box-shadow: none; transition: background-color .16s ease, border-color .16s ease; }
.side-logo:hover { border-color: rgb(128 206 208 / 12%); background: rgb(119 192 196 / 7%); }
.side-logo-mark { width: 38px; height: 38px; flex: 0 0 38px; display: grid; place-items: center; border: 1px solid rgb(100 216 207 / 18%); border-radius: 11px; background: linear-gradient(145deg, #14374a, #102a3b); box-shadow: 0 5px 14px rgb(0 0 0 / 15%); }
.side-logo .brand-mark-svg { width: 28px; height: 28px; stroke: var(--brand-teal); stroke-width: 1.9; }
.side-brand-copy { min-width: 0; display: none; flex-direction: column; justify-content: center; gap: 3px; line-height: 1; text-align: left; }
.side-brand-copy strong { color: #eff8f9; font-size: 13px; font-weight: 750; letter-spacing: .08em; }
.side-brand-copy small { color: #88a7b2; font-size: 8px; font-weight: 650; letter-spacing: .2em; }
.sidebar:is(:hover, :focus-within) .side-logo { justify-content: flex-start; padding-inline: 9px; }
.sidebar:is(:hover, :focus-within) .side-brand-copy { display: flex; }
.side-nav-caption { display: flex; align-items: center; justify-content: center; gap: 8px; height: 25px; margin: 0 0 5px; color: #587482; font-size: 8px; font-weight: 700; letter-spacing: .16em; white-space: nowrap; }
.side-nav-caption span { display: none; color: #60d3c9; font-size: 8px; }
.sidebar:is(:hover, :focus-within) .side-nav-caption { justify-content: space-between; padding-inline: 11px; }
.sidebar:is(:hover, :focus-within) .side-nav-caption span { display: inline; }
.sidebar-links { display: flex; flex: 0 0 auto; flex-direction: column; gap: 4px; }
.sidebar .side-link { position: relative; width: 100%; height: 38px; min-height: 38px; display: flex; align-items: center; justify-content: center; gap: 12px; margin: 0; padding: 0 10px; overflow: hidden; border: 1px solid transparent; border-radius: 10px; color: #91aab5; background: transparent; transition: color .15s ease, background-color .15s ease, border-color .15s ease; }
.sidebar .side-link .icon { width: 18px; height: 18px; flex: 0 0 18px; color: currentColor; stroke-width: 1.8; }
.sidebar:is(:hover, :focus-within) .side-link { justify-content: flex-start; padding-inline: 12px; }
.side-link-label { width: 0; overflow: hidden; opacity: 0; color: #d5e5e9; font-size: 10px; font-weight: 550; text-overflow: ellipsis; white-space: nowrap; transition: opacity .12s ease; }
.sidebar:is(:hover, :focus-within) .side-link-label { width: auto; flex: 1; opacity: 1; }
.sidebar .side-link:hover { border-color: rgb(134 212 207 / 10%); color: #a0eee2; background: rgb(99 201 192 / 9%); }
.sidebar .side-link.active { border-color: rgb(105 224 210 / 15%); color: #98f0e2; background: linear-gradient(100deg, rgb(80 202 192 / 17%), rgb(80 202 192 / 8%)); box-shadow: none; }
.sidebar .side-link.active::before { position: absolute; top: 9px; bottom: 9px; left: 0; width: 3px; border-radius: 0 4px 4px 0; background: var(--brand-teal); box-shadow: 0 0 12px rgb(101 215 207 / 52%); content: ""; }
.sidebar .side-link.active .side-link-label { color: #d9fbf4; font-weight: 650; }
.sidebar .side-link:focus-visible, .side-logo:focus-visible { outline: 2px solid var(--brand-mint); outline-offset: 2px; }
.sidebar-footer { min-height: 33px; display: flex; align-items: center; justify-content: center; gap: 7px; margin-top: auto; padding: 8px 0 1px; border-top: 1px solid rgb(158 194 202 / 10%); color: #819ba6; font-size: 8px; white-space: nowrap; }
.sidebar-footer > i { width: 6px; height: 6px; flex: 0 0 6px; border-radius: 50%; background: #62d0b1; box-shadow: 0 0 9px rgb(98 208 177 / 36%); }
.sidebar-footer > span, .sidebar-footer > small { display: none; }
.sidebar:is(:hover, :focus-within) .sidebar-footer { justify-content: flex-start; padding-inline: 11px; }
.sidebar:is(:hover, :focus-within) .sidebar-footer > span { display: inline; }
.sidebar:is(:hover, :focus-within) .sidebar-footer > small { display: inline; margin-left: auto; color: #587782; font-size: 7px; font-weight: 700; letter-spacing: .1em; }

.app-header { position: sticky; top: 0; z-index: 20; min-height: 68px; height: 68px; display: grid; grid-template-columns: minmax(145px, 1fr) minmax(205px, 300px) auto auto; align-items: center; justify-content: stretch; gap: 13px; padding: 8px clamp(14px, 2.7vw, 32px); border-bottom: 1px solid rgb(216 230 234 / 78%); background: rgb(255 255 255 / 91%); box-shadow: 0 4px 15px rgb(27 63 76 / 3%); backdrop-filter: blur(14px); }
.header-context { min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.header-overline { display: inline-flex; align-items: center; gap: 6px; overflow: hidden; color: #82969e; font-size: 7px; font-weight: 750; letter-spacing: .12em; text-overflow: ellipsis; white-space: nowrap; }
.header-overline i { width: 5px; height: 5px; flex: 0 0 5px; border-radius: 50%; background: #48b8ad; box-shadow: 0 0 0 3px #e8f7f4; }
.header-overline b { color: #c0cdd0; font-size: 9px; }
.header-context > strong { overflow: hidden; color: #1c3949; font-size: 13px; font-weight: 650; letter-spacing: -.015em; text-overflow: ellipsis; white-space: nowrap; }
.header-search { min-width: 0; height: 36px; display: flex; align-items: center; gap: 8px; padding: 0 9px; border: 1px solid #e0e9eb; border-radius: 9px; background: #f9fbfb; transition: border-color .15s ease, background-color .15s ease, box-shadow .15s ease; }
.header-search:focus-within { border-color: #72c5bf; background: #fff; box-shadow: 0 0 0 3px rgb(76 190 183 / 11%); }
.header-search-icon { display: inline-flex; flex: 0 0 auto; color: #779098; }
.header-search-icon .icon { width: 15px; height: 15px; }
.app-header .fast-search { width: 100%; min-width: 0; height: 32px; flex: 1; padding: 0; border: 0; color: #344f5b; background: transparent; box-shadow: none; font-size: 10px; }
.app-header .fast-search:focus { border: 0; box-shadow: none; }
.app-header .fast-search::placeholder { color: #9aabb1; }
.header-search kbd { flex: 0 0 auto; padding: 3px 5px; border: 1px solid #e4ecee; border-radius: 5px; color: #90a1a6; background: #fff; font-family: inherit; font-size: 7px; letter-spacing: .04em; }
.app-header .user-menu { min-width: 0; min-height: 42px; display: flex; align-items: center; gap: 9px; padding: 3px 8px; border: 1px solid transparent; border-radius: 10px; color: #284655; background: transparent; text-align: left; transition: border-color .15s ease, background-color .15s ease; }
.app-header .user-menu:hover { border-color: #e3eeee; background: #f6fafa; }
.app-header .avatar { width: 34px; height: 34px; flex: 0 0 34px; border: 1px solid #d6eeea; border-radius: 10px; color: #187f7a; background: linear-gradient(145deg, #ecf8f6, #deefec); }
.app-header .avatar .icon { width: 17px; height: 17px; }
.header-user-copy { min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.header-user-copy strong { max-width: 132px; overflow: hidden; color: #2d4855; font-size: 9px; font-weight: 650; text-overflow: ellipsis; white-space: nowrap; }
.header-user-copy small { color: #91a1a7; font-size: 8px; }
.app-header .user-menu > .icon { flex: 0 0 auto; color: #91a3a9; }
.app-header .logout-button { min-height: 34px; display: inline-flex; align-items: center; gap: 6px; padding: 0 9px; border: 1px solid #e5ecee; border-radius: 8px; color: #738992; background: #fff; font-size: 9px; }
.app-header .logout-button:hover { border-color: #e7cfd2; color: #9e5360; background: #fff8f8; }
.app-header .logout-button .icon { width: 15px; height: 15px; }
.app-header .logout-button span { white-space: nowrap; }
.app-header :focus-visible { outline: 2px solid #52bdb4; outline-offset: 2px; }

@media (max-width: 900px) {
  .app-header { min-height: 64px; height: 64px; grid-template-columns: minmax(100px, 1fr) minmax(175px, 1.25fr) auto auto; gap: 7px; padding-inline: 11px; }
  .header-overline { font-size: 6px; letter-spacing: .08em; }
  .header-context > strong { font-size: 12px; }
  .app-header .header-user-copy, .app-header .user-menu > .icon, .app-header .logout-button span { display: none; }
  .app-header .user-menu { padding: 3px; }
  .app-header .avatar { width: 33px; height: 33px; }
  .app-header .logout-button { width: 34px; padding: 0; }
}
@media (max-width: 620px) {
  .sidebar { width: 56px; padding: 9px 7px; }
  .sidebar:is(:hover, :focus-within) { width: 56px; }
  .side-logo { height: 42px; min-height: 42px; margin-bottom: 11px; padding: 0; }
  .sidebar:is(:hover, :focus-within) .side-logo { justify-content: center; padding: 0; }
  .side-logo-mark { width: 34px; height: 34px; flex-basis: 34px; }
  .side-logo .brand-mark-svg { width: 25px; height: 25px; }
  .side-brand-copy, .side-nav-caption, .side-link-label, .sidebar-footer { display: none !important; }
  .sidebar .side-link { height: 36px; min-height: 36px; padding: 0; border-radius: 9px; }
  .sidebar:is(:hover, :focus-within) .side-link { justify-content: center; padding: 0; }
  .app-main { margin-left: 56px; width: calc(100% - 56px); }
  .app-header { min-height: 57px; height: 57px; grid-template-columns: minmax(0, 1fr) auto auto; padding-inline: 9px; }
  .header-context { display: none; }
  .app-header .header-search { display: none; }
}
@media (prefers-reduced-motion: reduce) { .sidebar, .side-logo, .side-link, .side-link-label, .header-search, .user-menu { transition-duration: .01ms; } }
.sidebar-links { gap: 0; }
.sidebar-group { display: flex; flex-direction: column; gap: 4px; }
.sidebar-group + .sidebar-group { margin-top: 7px; padding-top: 8px; border-top: 1px solid rgb(158 194 202 / 11%); }
.sidebar-group-title { display: none; min-height: 20px; padding: 2px 12px 5px; color: #668693; font-size: 8px; font-weight: 750; letter-spacing: .14em; line-height: 1.5; }
.sidebar:is(:hover, :focus-within) .sidebar-group-title { display: block; }

/* Intake acceptance: use the workflow status counts as the page's primary metrics. */
.intake-page { display: grid; gap: 15px; max-width: 1680px; margin: 0 auto; color: #193746; }
.intake-page-heading { min-height: 76px; display: flex; align-items: end; justify-content: space-between; gap: 18px; padding: 3px 2px 1px; }
.intake-kicker, .intake-section-kicker { display: inline-flex; align-items: center; gap: 8px; color: #71878e; font-size: 8px; font-weight: 750; letter-spacing: .15em; }
.intake-kicker i { width: 6px; height: 6px; border-radius: 50%; background: #4dbbb1; box-shadow: 0 0 0 3px #e5f5f2; }
.intake-kicker b { color: #b0bdc0; font-size: 11px; }
.intake-page-heading h1 { margin: 7px 0 3px; color: #142f3f; font-size: 25px; font-weight: 650; letter-spacing: -.04em; }
.intake-page-heading p { margin: 0; color: #778b93; font-size: 11px; }
.intake-page-heading > .btn { min-height: 34px; margin-bottom: 2px; border-color: #147f7a; border-radius: 8px; color: #fff; background: #168b84; font-size: 10px; }
.intake-page-heading > .btn:hover { border-color: #116e6c; background: #116e6c; }
.intake-status-panel, .intake-search-panel, .intake-list-panel { min-width: 0; overflow: hidden; border: 1px solid #e3eaec; border-radius: 14px; background: #fff; box-shadow: 0 6px 22px rgb(25 49 62 / 4%); }
.intake-status-panel { padding: 16px 17px 15px; }
.intake-status-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 13px; }
.intake-status-heading h2, .intake-search-heading h2 { margin: 3px 0 0; color: #193746; font-size: 14px; font-weight: 650; letter-spacing: -.015em; }
.intake-status-total { display: inline-flex; align-items: center; gap: 7px; padding: 6px 9px; border: 1px solid #e5edef; border-radius: 999px; color: #56727b; background: #f7fafb; font-size: 9px; white-space: nowrap; }
.intake-status-total i { width: 6px; height: 6px; border-radius: 50%; background: #5bbdb5; }
.intake-status-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 9px; }
.intake-status-tile { min-width: 0; min-height: 105px; display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-rows: 10px 1fr auto; grid-template-areas: "marker action" "label count" "hint count"; align-items: center; gap: 5px 8px; padding: 11px 12px; border: 1px solid #e7edef; border-radius: 11px; color: #193746; background: linear-gradient(155deg, #fff, #f9fbfb); text-align: left; box-shadow: 0 2px 6px rgb(28 57 69 / 2%); transition: border-color .16s ease, background .16s ease, box-shadow .16s ease, transform .16s ease; }
.intake-status-tile:hover { border-color: color-mix(in srgb, var(--intake-color) 42%, white); background: #f7fbfa; box-shadow: 0 7px 16px rgb(33 116 112 / 8%); transform: translateY(-1px); }
.intake-status-tile:focus-visible { outline: 2px solid #53b8b0; outline-offset: 2px; }
.intake-metric-marker { grid-area: marker; width: 7px; height: 7px; border-radius: 50%; background: var(--intake-color); box-shadow: 0 0 0 3px color-mix(in srgb, var(--intake-color) 13%, white); }
.intake-metric-action { grid-area: action; color: #9aaeb5; font-size: 11px; line-height: 1; }
.intake-metric-label { grid-area: label; min-width: 0; overflow: hidden; color: #506772; font-size: 9px; font-weight: 650; line-height: 1.35; text-overflow: ellipsis; }
.intake-metric-count { grid-area: count; color: var(--intake-color); font-size: 25px; font-variant-numeric: tabular-nums; font-weight: 700; line-height: 1; }
.intake-metric-hint { grid-area: hint; overflow: hidden; color: #94a4ab; font-size: 8px; line-height: 1.25; text-overflow: ellipsis; white-space: nowrap; }
.intake-status-tile.active { border-color: #123a48; color: #fff; background: linear-gradient(145deg, #103342, #0c2937); box-shadow: 0 8px 18px rgb(13 48 64 / 17%); transform: none; }
.intake-status-tile.active .intake-metric-label { color: #e6f2f3; }
.intake-status-tile.active .intake-metric-count { color: #9af0e3; }
.intake-status-tile.active .intake-metric-hint, .intake-status-tile.active .intake-metric-action { color: #94b8bd; }
.intake-search-panel { padding: 14px 17px 15px; }
.intake-search-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 10px; }
.intake-search-heading .btn { min-height: 28px; padding: 0 9px; border-color: #e0e9ea; border-radius: 7px; color: #617880; font-size: 8px; }
.intake-filter { display: flex; align-items: end; flex-wrap: wrap; gap: 9px; }
.intake-filter .field { min-width: 220px; flex: 1 1 330px; gap: 5px; }
.intake-filter .field > span { color: #627880; font-size: 9px; font-weight: 650; }
.intake-filter .field .input { min-height: 35px; border-color: #dce6e8; border-radius: 7px; font-size: 10px; }
.intake-filter .field .input:focus { border-color: #69bdb6; box-shadow: 0 0 0 3px rgb(76 190 183 / 11%); }
.intake-filter .intake-infection-filter { flex: 0 0 auto; min-width: 190px; min-height: 35px; justify-content: center; padding: 0 10px; border: 1px solid #e3ebec; border-radius: 7px; background: #fbfdfd; }
.intake-filter .intake-infection-filter > span { display: flex; align-items: center; gap: 7px; }
.intake-filter .intake-infection-filter input { accent-color: #168b84; }
.intake-filter > .btn { min-height: 35px; padding: 0 13px; border-color: #16837e; border-radius: 7px; color: #fff; background: #168b84; font-size: 9px; }
.intake-filter > .btn:hover { border-color: #116e6c; background: #116e6c; }
.intake-list-toolbar { min-height: 66px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 11px 17px; border-bottom: 1px solid #e7edef; }
.intake-list-title { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin-top: 3px; }
.intake-list-title h2 { margin: 0; color: #1b3948; font-size: 13px; font-weight: 650; }
.intake-list-toolbar p { margin: 4px 0 0; color: #81939a; font-size: 8px; }
.intake-active-filter { display: inline-flex; align-items: center; gap: 5px; min-height: 19px; padding: 0 7px; border: 1px solid color-mix(in srgb, var(--intake-color) 20%, white); border-radius: 999px; color: color-mix(in srgb, var(--intake-color) 88%, #193746); background: color-mix(in srgb, var(--intake-color) 8%, white); font-size: 8px; font-weight: 650; }
.intake-active-filter i { width: 5px; height: 5px; border-radius: 50%; background: var(--intake-color); }
.intake-list-total { display: inline-flex; align-items: baseline; gap: 5px; padding: 6px 9px; border: 1px solid #e4eded; border-radius: 999px; color: #3c626a; background: #f7fbfa; font-size: 10px; font-weight: 700; font-variant-numeric: tabular-nums; }
.intake-list-total small { color: #8a9c9f; font-size: 8px; font-weight: 550; }
.intake-table-hint { min-height: 32px; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 0 17px; border-bottom: 1px solid #edf2f3; color: #84969c; background: #fbfdfd; font-size: 8px; }
.intake-table-hint > span:first-child { display: inline-flex; align-items: center; gap: 7px; }
.intake-table-hint > span:first-child i { width: 5px; height: 5px; border-radius: 50%; background: #42aaa2; box-shadow: 0 0 0 3px #e5f5f2; }
.intake-table-wrap { overflow: auto; scrollbar-color: #b7cccf #f3f7f7; scrollbar-width: thin; }
.intake-table { min-width: 1120px; border-collapse: separate; border-spacing: 0; color: #344d59; font-size: 10px; }
.intake-table thead th { height: 40px; padding: 0 11px; border-bottom: 1px solid #e7edef; color: #72868e; background: #f7fafa; font-size: 8px; font-weight: 700; letter-spacing: .045em; text-align: left; text-transform: uppercase; white-space: nowrap; }
.intake-table tbody td { height: 55px; padding: 8px 11px; border-bottom: 1px solid #eef2f3; color: #526772; font-size: 9px; text-align: left; }
.intake-table tbody tr { background: #fff; transition: background-color .12s ease; }
.intake-table tbody tr:nth-child(odd) { background: #fbfcfc; }
.intake-table tbody tr:hover { background: #eff8f7; }
.intake-table tbody tr:last-child td { border-bottom-color: transparent; }
.intake-table td a:not(.btn) { color: #267f7d; font-weight: 650; }
.intake-table td a:not(.btn):hover { color: #155e64; }
.intake-table .intake-chip { display: inline-flex; align-items: center; gap: 5px; padding: 4px 8px; border: 1px solid transparent; border-radius: 999px; font-size: 8px; font-weight: 650; line-height: 1; }
.intake-table .intake-chip::before { width: 5px; height: 5px; border-radius: 50%; background: currentColor; content: ""; }
.intake-table .intake-chip.intake-pending { border-color: #f0e4c8; color: #997439; background: #faf5e9; }
.intake-table .intake-chip.intake-accepted { border-color: #d3eade; color: #3f805e; background: #eef7f1; }
.intake-table .intake-chip.intake-conditional { border-color: #dbe7f4; color: #4c77a3; background: #f0f5fb; }
.intake-table .intake-chip.intake-rejected { border-color: #f0d9dc; color: #a9515d; background: #fcf1f2; }
.intake-table .btn.small-btn { min-height: 26px; padding: 0 9px; border-color: #d5e8e6; border-radius: 7px; color: #267976; background: #f4faf9; font-size: 8px; }
.intake-pager { min-height: 49px; margin: 0; padding: 8px 16px; border-top: 1px solid #edf2f3; color: #819198; background: #fbfcfc; font-size: 9px; }
.intake-pager > span strong { color: #47636b; font-variant-numeric: tabular-nums; }
.intake-pager > div { gap: 6px; }
.intake-pager .btn { min-height: 28px; padding: 0 9px; border-color: #e0e8e9; border-radius: 7px; color: #60777e; font-size: 8px; }
.intake-pager .btn:not(:disabled):hover { border-color: #b8d8d4; color: #176f70; background: #f3f9f8; }
@media (max-width: 1000px) { .intake-status-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 680px) {
  .intake-page { gap: 12px; }
  .intake-page-heading { align-items: flex-start; flex-direction: column; gap: 12px; }
  .intake-page-heading > .btn { align-self: flex-end; }
  .intake-status-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .intake-status-tile { min-height: 96px; padding: 10px; }
  .intake-filter .field { min-width: 100%; flex-basis: 100%; }
  .intake-filter .intake-infection-filter { min-width: 0; flex: 1; }
  .intake-filter > .btn { flex: 0 0 auto; }
  .intake-table-hint { align-items: flex-start; flex-direction: column; justify-content: center; gap: 4px; padding: 7px 12px; }
}
@media (max-width: 420px) {
  .intake-status-grid { grid-template-columns: 1fr; }
  .intake-status-tile { min-height: 71px; grid-template-columns: minmax(0, 1fr) auto; grid-template-rows: auto auto; grid-template-areas: "marker action" "label count"; }
  .intake-status-tile .intake-metric-hint { display: none; }
  .intake-status-heading { align-items: flex-start; flex-direction: column; }
  .intake-pager { align-items: flex-start; flex-direction: column; }
  .intake-pager > div { width: 100%; }
  .intake-pager > div .btn { flex: 1; }
}

/* Transfers: align route navigation, status metrics, filters and records. */
.transfer-page { display: grid; gap: 14px; max-width: 1680px; margin: 0 auto; color: #193746; }
.transfer-nav { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0 0 2px; border-bottom: 1px solid #e1e9ea; }
.transfer-nav .btn { min-height: 30px; padding: 0 11px; border: 1px solid transparent; border-radius: 8px 8px 0 0; color: #71868d; background: transparent; font-size: 9px; }
.transfer-nav .btn:hover { border-color: #dceae9; color: #1d7976; background: #f6fbfa; }
.transfer-nav .btn.transfer-nav-active { border-color: #d8ece9; color: #176f70; background: #eaf6f4; font-weight: 700; }
.transfer-page-heading { min-height: 70px; display: flex; align-items: end; justify-content: space-between; gap: 18px; padding: 1px 2px 2px; }
.transfer-kicker, .transfer-section-kicker { display: inline-flex; align-items: center; gap: 8px; color: #71878e; font-size: 8px; font-weight: 750; letter-spacing: .15em; }
.transfer-kicker i { width: 6px; height: 6px; border-radius: 50%; background: #4dbbb1; box-shadow: 0 0 0 3px #e5f5f2; }
.transfer-kicker b { color: #b0bdc0; font-size: 11px; }
.transfer-page-heading h1 { margin: 7px 0 3px; color: #142f3f; font-size: 25px; font-weight: 650; letter-spacing: -.04em; }
.transfer-page-heading p { margin: 0; color: #778b93; font-size: 11px; }
.transfer-page-heading > .btn { min-height: 34px; margin-bottom: 2px; border-color: #147f7a; border-radius: 8px; color: #fff; background: #168b84; font-size: 10px; }
.transfer-page-heading > .btn:hover { border-color: #116e6c; background: #116e6c; }
.transfer-status-panel, .transfer-search-panel, .transfer-list-panel { min-width: 0; overflow: hidden; border: 1px solid #e3eaec; border-radius: 14px; background: #fff; box-shadow: 0 6px 22px rgb(25 49 62 / 4%); }
.transfer-status-panel { padding: 16px 17px 15px; }
.transfer-status-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 13px; }
.transfer-status-heading h2, .transfer-search-heading h2 { margin: 3px 0 0; color: #193746; font-size: 14px; font-weight: 650; letter-spacing: -.015em; }
.transfer-status-total { display: inline-flex; align-items: center; gap: 7px; padding: 6px 9px; border: 1px solid #e5edef; border-radius: 999px; color: #56727b; background: #f7fafb; font-size: 9px; white-space: nowrap; }
.transfer-status-total i { width: 6px; height: 6px; border-radius: 50%; background: #5bbdb5; }
.transfer-status-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 9px; }
.transfer-status-tile { min-width: 0; min-height: 101px; display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-rows: 10px 1fr auto; grid-template-areas: "marker action" "label count" "hint count"; align-items: center; gap: 5px 8px; padding: 11px 12px; border: 1px solid #e7edef; border-radius: 11px; color: #193746; background: linear-gradient(155deg, #fff, #f9fbfb); text-align: left; box-shadow: 0 2px 6px rgb(28 57 69 / 2%); transition: border-color .16s ease, background .16s ease, box-shadow .16s ease, transform .16s ease; }
.transfer-status-tile:hover { border-color: color-mix(in srgb, var(--transfer-color) 42%, white); background: #f7fbfa; box-shadow: 0 7px 16px rgb(33 116 112 / 8%); transform: translateY(-1px); }
.transfer-status-tile:focus-visible { outline: 2px solid #53b8b0; outline-offset: 2px; }
.transfer-metric-marker { grid-area: marker; width: 7px; height: 7px; border-radius: 50%; background: var(--transfer-color); box-shadow: 0 0 0 3px color-mix(in srgb, var(--transfer-color) 13%, white); }
.transfer-metric-action { grid-area: action; color: #9aaeb5; font-size: 11px; line-height: 1; }
.transfer-metric-label { grid-area: label; min-width: 0; overflow: hidden; color: #506772; font-size: 9px; font-weight: 650; line-height: 1.35; text-overflow: ellipsis; }
.transfer-metric-count { grid-area: count; color: var(--transfer-color); font-size: 25px; font-variant-numeric: tabular-nums; font-weight: 700; line-height: 1; }
.transfer-metric-hint { grid-area: hint; overflow: hidden; color: #94a4ab; font-size: 8px; line-height: 1.25; text-overflow: ellipsis; white-space: nowrap; }
.transfer-status-tile.active { border-color: #123a48; color: #fff; background: linear-gradient(145deg, #103342, #0c2937); box-shadow: 0 8px 18px rgb(13 48 64 / 17%); transform: none; }
.transfer-status-tile.active .transfer-metric-label { color: #e6f2f3; }
.transfer-status-tile.active .transfer-metric-count { color: #9af0e3; }
.transfer-status-tile.active .transfer-metric-hint, .transfer-status-tile.active .transfer-metric-action { color: #94b8bd; }
.transfer-search-panel { padding: 14px 17px 15px; }
.transfer-search-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 10px; }
.transfer-search-heading .btn { min-height: 28px; padding: 0 9px; border-color: #e0e9ea; border-radius: 7px; color: #617880; font-size: 8px; }
.transfer-filter { display: flex; align-items: end; flex-wrap: wrap; gap: 9px; }
.transfer-filter .field { min-width: 220px; flex: 1 1 400px; gap: 5px; }
.transfer-filter .field > span { color: #627880; font-size: 9px; font-weight: 650; }
.transfer-filter .field .input { min-height: 35px; border-color: #dce6e8; border-radius: 7px; font-size: 10px; }
.transfer-filter .field .input:focus { border-color: #69bdb6; box-shadow: 0 0 0 3px rgb(76 190 183 / 11%); }
.transfer-filter > .btn { min-height: 35px; padding: 0 12px; border-color: #e0e9ea; border-radius: 7px; color: #60777e; font-size: 9px; }
.transfer-filter > .btn.primary { border-color: #16837e; color: #fff; background: #168b84; }
.transfer-filter > .btn.primary:hover { border-color: #116e6c; background: #116e6c; }
.transfer-list-toolbar { min-height: 66px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 11px 17px; border-bottom: 1px solid #e7edef; }
.transfer-list-title { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin-top: 3px; }
.transfer-list-title h2 { margin: 0; color: #1b3948; font-size: 13px; font-weight: 650; }
.transfer-list-toolbar p { margin: 4px 0 0; color: #81939a; font-size: 8px; }
.transfer-active-filter { display: inline-flex; align-items: center; gap: 5px; min-height: 19px; padding: 0 7px; border: 1px solid color-mix(in srgb, var(--transfer-color) 20%, white); border-radius: 999px; color: color-mix(in srgb, var(--transfer-color) 88%, #193746); background: color-mix(in srgb, var(--transfer-color) 8%, white); font-size: 8px; font-weight: 650; }
.transfer-active-filter i { width: 5px; height: 5px; border-radius: 50%; background: var(--transfer-color); }
.transfer-list-total { display: inline-flex; align-items: baseline; gap: 5px; padding: 6px 9px; border: 1px solid #e4eded; border-radius: 999px; color: #3c626a; background: #f7fbfa; font-size: 10px; font-weight: 700; font-variant-numeric: tabular-nums; }
.transfer-list-total small { color: #8a9c9f; font-size: 8px; font-weight: 550; }
.transfer-table-hint { min-height: 32px; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 0 17px; border-bottom: 1px solid #edf2f3; color: #84969c; background: #fbfdfd; font-size: 8px; }
.transfer-table-hint > span:first-child { display: inline-flex; align-items: center; gap: 7px; }
.transfer-table-hint > span:first-child i { width: 5px; height: 5px; border-radius: 50%; background: #42aaa2; box-shadow: 0 0 0 3px #e5f5f2; }
.transfer-table-wrap { overflow: auto; scrollbar-color: #b7cccf #f3f7f7; scrollbar-width: thin; }
.transfer-table { min-width: 1180px; border-collapse: separate; border-spacing: 0; color: #344d59; font-size: 10px; }
.transfer-table thead th { height: 40px; padding: 0 11px; border-bottom: 1px solid #e7edef; color: #72868e; background: #f7fafa; font-size: 8px; font-weight: 700; letter-spacing: .045em; text-align: left; text-transform: uppercase; white-space: nowrap; }
.transfer-table tbody td { height: 56px; padding: 8px 11px; border-bottom: 1px solid #eef2f3; color: #526772; font-size: 9px; text-align: left; }
.transfer-table tbody tr { background: #fff; transition: background-color .12s ease; }
.transfer-table tbody tr:nth-child(odd) { background: #fbfcfc; }
.transfer-table tbody tr:hover { background: #eff8f7; }
.transfer-table tbody tr:last-child td { border-bottom-color: transparent; }
.transfer-table td > a:not(.btn) { color: #267f7d; font-weight: 650; }
.transfer-table td > a:not(.btn):hover { color: #155e64; }
.transfer-table td > small { display: block; margin-top: 3px; color: #87999e; font-size: 8px; }
.transfer-table .transfer-chip { display: inline-flex; align-items: center; gap: 5px; padding: 4px 8px; border: 1px solid transparent; border-radius: 999px; font-size: 8px; font-weight: 650; line-height: 1; }
.transfer-table .transfer-chip::before { width: 5px; height: 5px; border-radius: 50%; background: currentColor; content: ""; }
.transfer-table .transfer-chip.transfer-draft { border-color: #dfe8ec; color: #607887; background: #f0f5f7; }
.transfer-table .transfer-chip.transfer-dispatched { border-color: #f0e4c8; color: #997439; background: #faf5e9; }
.transfer-table .transfer-chip.transfer-received { border-color: #d3eade; color: #3f805e; background: #eef7f1; }
.transfer-table .transfer-chip.transfer-cancelled { border-color: #f0d9dc; color: #a9515d; background: #fcf1f2; }
.transfer-table .btn.small-btn { min-height: 26px; padding: 0 9px; border-color: #d5e8e6; border-radius: 7px; color: #267976; background: #f4faf9; font-size: 8px; }
.transfer-pager { min-height: 49px; margin: 0; padding: 8px 16px; border-top: 1px solid #edf2f3; color: #819198; background: #fbfcfc; font-size: 9px; }
.transfer-pager > span strong { color: #47636b; font-variant-numeric: tabular-nums; }
.transfer-pager > div { gap: 6px; }
.transfer-pager .btn { min-height: 28px; padding: 0 9px; border-color: #e0e8e9; border-radius: 7px; color: #60777e; font-size: 8px; }
.transfer-pager .btn:not(:disabled):hover { border-color: #b8d8d4; color: #176f70; background: #f3f9f8; }
@media (max-width: 1000px) { .transfer-status-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 680px) {
  .transfer-page { gap: 12px; }
  .transfer-page-heading { align-items: flex-start; flex-direction: column; gap: 12px; }
  .transfer-page-heading > .btn { align-self: flex-end; }
  .transfer-status-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .transfer-status-tile { min-height: 93px; padding: 10px; }
  .transfer-filter .field { min-width: 100%; flex-basis: 100%; }
  .transfer-filter > .btn { flex: 1; }
  .transfer-table-hint { align-items: flex-start; flex-direction: column; justify-content: center; gap: 4px; padding: 7px 12px; }
  .transfer-nav .btn { flex: 1 1 auto; padding-inline: 7px; }
}
@media (max-width: 420px) {
  .transfer-status-grid { grid-template-columns: 1fr; }
  .transfer-status-tile { min-height: 71px; grid-template-columns: minmax(0, 1fr) auto; grid-template-rows: auto auto; grid-template-areas: "marker action" "label count"; }
  .transfer-status-tile .transfer-metric-hint { display: none; }
  .transfer-status-heading { align-items: flex-start; flex-direction: column; }
  .transfer-pager { align-items: flex-start; flex-direction: column; }
  .transfer-pager > div { width: 100%; }
  .transfer-pager > div .btn { flex: 1; }
}
/* EGESOFT management center */
.manager-page-bi{display:grid;gap:12px;min-width:0;padding:0 0 28px;color:#344d59}
.manager-page-bi .manager-hero{min-height:76px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:3px 2px 1px}
.manager-page-bi .manager-kicker{display:flex;align-items:center;gap:7px;color:#789097;font-size:8px;font-weight:700;letter-spacing:.13em}
.manager-page-bi .manager-kicker i{width:6px;height:6px;flex:0 0 auto;border-radius:50%;background:#3caaa0;box-shadow:0 0 0 3px #e4f4f1}
.manager-page-bi .manager-kicker b{color:#c0cccf;font-size:8px}
.manager-page-bi .manager-hero .page-title{margin:7px 0 3px;color:#142f3f;font-size:25px;font-weight:650;letter-spacing:-.04em}
.manager-page-bi .manager-hero p{margin:0;color:#778b93;font-size:11px;line-height:1.55}
.manager-page-bi .manager-local{display:inline-flex;align-items:center;gap:7px;padding:6px 9px;border:1px solid #d8ece4;border-radius:999px;color:#38745c;background:#f0f8f4;font-size:9px;font-weight:650;white-space:nowrap}
.manager-page-bi .manager-local i{width:6px;height:6px;border-radius:50%;background:#48a87e;box-shadow:0 0 0 3px #d9eee3}
.manager-page-bi .manager-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;min-width:0}
.manager-page-bi .manager-metric{--manager-metric-color:#168b84;position:relative;min-width:0;min-height:88px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:9px 1fr auto;grid-template-areas:"marker action" "label count" "hint count";align-items:center;gap:5px 8px;padding:10px 12px;overflow:hidden;border:1px solid #e5ecee;border-radius:11px;color:#193746;background:linear-gradient(155deg,#fff,#f9fbfb);text-decoration:none;box-shadow:0 2px 6px rgb(28 57 69 / 2%);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}
.manager-page-bi .manager-metric-teal{--manager-metric-color:#168b84}.manager-page-bi .manager-metric-blue{--manager-metric-color:#527caa}.manager-page-bi .manager-metric-green{--manager-metric-color:#4c9a78}.manager-page-bi .manager-metric-amber{--manager-metric-color:#c08a36}.manager-page-bi .manager-metric-violet{--manager-metric-color:#8272aa}
.manager-page-bi .manager-metric::after{position:absolute;right:-34px;bottom:-54px;z-index:0;width:90px;height:90px;border:1px solid color-mix(in srgb,var(--manager-metric-color) 13%,white);border-radius:50%;box-shadow:0 0 0 13px color-mix(in srgb,var(--manager-metric-color) 4%,white);content:"";pointer-events:none}
.manager-page-bi .manager-metric>*{position:relative;z-index:1}
.manager-page-bi .manager-metric>i{grid-area:marker;width:7px;height:7px;border-radius:50%;background:var(--manager-metric-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--manager-metric-color) 13%,white)}
.manager-page-bi .manager-metric>span{grid-area:label;min-width:0;overflow:hidden;color:#506772;font-size:9px;font-weight:650;line-height:1.35;text-overflow:ellipsis}
.manager-page-bi .manager-metric strong{grid-area:count;color:var(--manager-metric-color);font-size:23px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1;white-space:nowrap}
.manager-page-bi .manager-metric small{grid-area:hint;overflow:hidden;color:#94a4ab;font-size:8px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}
.manager-page-bi .manager-metric:hover{border-color:#a8d8d4;box-shadow:0 7px 16px rgb(33 116 112 / 8%);transform:translateY(-1px)}
.manager-page-bi .manager-metric:focus-visible{outline:2px solid #53b8b0;outline-offset:2px}
.manager-page-bi .manager-metric[data-metric-state="unavailable"] strong{color:#a1afb3}
.manager-page-bi .manager-nav-bi{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;padding:9px;border:1px solid #e3eaec;border-radius:12px;background:#f7fafa}
.manager-page-bi .manager-nav-group{min-width:0;display:grid;align-content:start;gap:6px;padding:2px 4px}
.manager-page-bi .manager-nav-group>span{color:#82979d;font-size:7px;font-weight:750;letter-spacing:.13em}
.manager-page-bi .manager-nav-group>div{display:flex;flex-wrap:wrap;gap:5px}
.manager-page-bi .manager-nav-group a{min-height:27px;display:inline-flex;align-items:center;padding:5px 8px;border:1px solid #e1eaea;border-radius:7px;color:#58717a;background:#fff;font-size:8px;font-weight:600;line-height:1.25;text-decoration:none;transition:border-color .14s ease,color .14s ease,background .14s ease}
.manager-page-bi .manager-nav-group a:hover,.manager-page-bi .manager-nav-group a:focus-visible{border-color:#acd4d0;color:#176f70;background:#f5fbfa;outline:0}
.manager-page-bi .manager-sections{display:grid;gap:12px;min-width:0}
.manager-page-bi .manager-sections>.generic-card{min-width:0;overflow:hidden;margin:0 0 0;padding:0;border:1px solid #e3eaec;border-radius:13px;background:#fff;box-shadow:0 5px 18px rgb(25 49 62 / 3%)}
.manager-page-bi .manager-sections h2{color:#1b3948;font-size:13px;font-weight:650;letter-spacing:-.01em}
.manager-page-bi .manager-sections .panel-heading,.manager-page-bi .manager-sections .catalog-heading,.manager-page-bi .manager-sections .lab-devices-heading,.manager-page-bi .manager-sections .sd-heading,.manager-page-bi .manager-sections .wh-header{min-height:55px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:10px 15px;border-bottom:1px solid #e7edef}
.manager-page-bi .manager-sections .panel-heading h2,.manager-page-bi .manager-sections .catalog-heading h2,.manager-page-bi .manager-sections .lab-devices-heading h2,.manager-page-bi .manager-sections .sd-heading h2,.manager-page-bi .manager-sections .wh-header h2{margin:0;color:#1b3948;font-size:13px;font-weight:650}
.manager-page-bi .manager-sections .panel-heading p,.manager-page-bi .manager-sections .catalog-heading p,.manager-page-bi .manager-sections .lab-devices-heading p{margin:3px 0 0;color:#82939a;font-size:9px;line-height:1.45}
.manager-page-bi .manager-sections .btn.primary{min-height:31px;padding:0 11px;border-color:#16837e;border-radius:7px;color:#fff;background:#168b84;font-size:9px;font-weight:650}
.manager-page-bi .manager-sections .btn.primary:hover{border-color:#116f6b;background:#117872}
.manager-page-bi .manager-sections .btn:not(.primary):not(.danger){min-height:28px;border-color:#dfe9ea;border-radius:7px;color:#506a73;background:#fff;font-size:8px;font-weight:650}
.manager-page-bi .manager-sections .btn:not(.primary):not(.danger):hover{border-color:#acd4d0;color:#176f70;background:#f5fbfa}
.manager-page-bi .manager-sections .management-table-wrap,.manager-page-bi .manager-sections .catalog-table-wrap,.manager-page-bi .manager-sections .lab-devices-table-wrap{overflow:auto;border-top:1px solid #eef2f3}
.manager-page-bi .manager-sections table{border-collapse:separate;border-spacing:0;color:#4e646d;font-size:9px}
.manager-page-bi .manager-sections table th,.manager-page-bi .manager-sections table td{padding:9px 10px;border-bottom:1px solid #eef2f3;vertical-align:middle}
.manager-page-bi .manager-sections table th{position:sticky;top:0;color:#70848b;background:#f8fbfb;font-size:8px;font-weight:700;letter-spacing:.035em;white-space:nowrap}
.manager-page-bi .manager-sections table tbody tr:last-child td{border-bottom:0}
.manager-page-bi .manager-sections table tbody tr:hover{background:#f8fbfa}
.manager-page-bi .manager-sections table .btn{min-height:25px;padding:0 7px;border:1px solid #dfe9ea;border-radius:6px;color:#506a73;background:#fff;font-size:8px;font-weight:600}
.manager-page-bi .manager-sections table .btn:hover{border-color:#acd4d0;color:#176f70;background:#f5fbfa}
.manager-page-bi .manager-sections .muted.small,.manager-page-bi .manager-sections>p{color:#82939a;font-size:9px}
.manager-page-bi .manager-account-list .manager-user-toolbar{margin:0;padding:10px 15px;border-bottom:1px solid #eef2f3}
.manager-page-bi .manager-account-list .manager-user-tabs{gap:5px}
.manager-page-bi .manager-account-list .manager-user-tab{min-height:28px;padding:0 9px;border:1px solid #e1eaea;border-radius:7px;color:#58717a;background:#fff;font-size:8px;font-weight:600}
.manager-page-bi .manager-account-list .manager-user-tab[aria-selected="true"]{border-color:#cfe7e4;color:#176f70;background:#edf8f6;box-shadow:0 2px 6px rgb(28 57 69 / 4%)}
.manager-page-bi .manager-account-list>[data-manager-user-state]{margin:0;padding:9px 15px;color:#819198;font-size:9px}
.manager-page-bi .manager-account-list .manager-user-filters{margin:0;padding:12px 15px;border:0;border-bottom:1px solid #e7edef;background:#fbfdfd}
.manager-page-bi .manager-account-list .manager-user-pagination{margin:0;padding:10px 15px;border-top:1px solid #e7edef;color:#819198;font-size:9px}
.manager-page-bi .manager-account-list .manager-user-sort{color:inherit;font-size:8px}
.manager-page-bi .manager-account-list .manager-user-sort span{color:#418f8b}
.manager-page-bi .manager-account-list .manager-user-pages .btn[aria-current="page"]{border-color:#dcebe8;color:#176f70;background:#edf8f6}
.manager-page-bi .manager-sections #catalog-section>p,.manager-page-bi .manager-sections #diagnosis-code-catalog>p,.manager-page-bi .manager-sections #sut-admin-section>p{margin:8px 15px;color:#82939a;font-size:9px}
.manager-page-bi .manager-sections .catalog-toolbar,.manager-page-bi .manager-sections .lab-devices-toolbar,.manager-page-bi .manager-sections .diagnosis-catalog-filters{display:flex;align-items:flex-end;flex-wrap:wrap;gap:9px;margin:0;padding:11px 15px}
.manager-page-bi .manager-sections .catalog-toolbar label,.manager-page-bi .manager-sections .lab-devices-toolbar label,.manager-page-bi .manager-sections .diagnosis-catalog-filters .field{display:grid;gap:4px;color:#627880;font-size:8px;font-weight:650}
.manager-page-bi .manager-sections .catalog-toolbar .input,.manager-page-bi .manager-sections .catalog-toolbar .select,.manager-page-bi .manager-sections .lab-devices-toolbar .input,.manager-page-bi .manager-sections .lab-devices-toolbar .select,.manager-page-bi .manager-sections .diagnosis-catalog-filters .input,.manager-page-bi .manager-sections .diagnosis-catalog-filters .select{min-height:32px;border:1px solid #dce6e8;border-radius:7px;color:#405a64;background:#fff;font-size:9px}
.manager-page-bi .manager-sections .catalog-toolbar .catalog-search,.manager-page-bi .manager-sections .lab-devices-toolbar .lab-devices-search{min-width:200px;flex:1}
.manager-page-bi .manager-sections .catalog-count,.manager-page-bi .manager-sections .lab-devices-count{margin:0;padding:0 15px 8px;color:#819198;font-size:8px}
.manager-page-bi .manager-sections .manager-options-content,.manager-page-bi .manager-sections .stain-mappings-content,.manager-page-bi .manager-sections .section-doctors{padding:12px 15px}
.manager-page-bi .manager-sections .manager-options-tabs,.manager-page-bi .manager-sections .stain-mappings-tabs{gap:5px;border:0;padding:0 0 9px}
.manager-page-bi .manager-sections .manager-options-tab{padding:7px 10px;border:1px solid #e1eaea;border-radius:7px;color:#58717a;background:#fff;font-size:8px}
.manager-page-bi .manager-sections .manager-options-tab.selected{border-color:#cfe7e4;color:#176f70;background:#edf8f6}
.manager-page-bi .manager-sections .manager-options-toolbar,.manager-page-bi .manager-sections .manager-options-pager{font-size:8px;color:#819198}
.manager-page-bi .manager-sections .manager-options-form-card,.manager-page-bi .manager-sections .manager-options-history,.manager-page-bi .manager-sections .lab-devices-form-card,.manager-page-bi .manager-sections .lab-devices-history{border-color:#e3eaec;border-radius:9px;background:#f9fbfb}
.manager-page-bi .manager-sections .manager-options-form-card h3,.manager-page-bi .manager-sections .manager-options-history h3,.manager-page-bi .manager-sections .lab-devices-subhead h3{color:#34535e;font-size:11px}
.manager-page-bi .manager-sections .manager-options-state,.manager-page-bi .manager-sections .lab-devices-state{border-radius:999px;font-size:8px}
.manager-page-bi .manager-sections #chairside-quality-management>h2,.manager-page-bi .manager-sections #diagnosis-code-catalog>h2,.manager-page-bi .manager-sections #clinician-doctor-registry>h2,.manager-page-bi .manager-sections #specimen-options-registry>h2{margin:0;padding:14px 15px 10px;border-bottom:1px solid #e7edef}
.manager-page-bi .manager-sections #chairside-quality-management>h3{margin:12px 15px 7px;color:#45616b;font-size:10px}
.manager-page-bi .manager-sections #chairside-quality-management>div,.manager-page-bi .manager-sections #chairside-quality-management>form{margin-inline:15px}
.manager-page-bi .manager-sections #chairside-quality-management>.manager-options-table-wrap{margin:0;border-top:1px solid #eef2f3}
.manager-page-bi .manager-sections .wh-header{padding:11px 15px}
.manager-page-bi .manager-sections #working_hours>p,.manager-page-bi .manager-sections #working_hours>.wh-toolbar{margin:10px 15px}
.manager-page-bi .manager-access-card{padding:18px;border:1px solid #e3eaec;border-radius:12px;background:#fff}
.manager-page-bi .manager-access-card h2{margin:0 0 5px;color:#1b3948;font-size:14px}
.manager-page-bi .manager-access-card p{margin:0;color:#778b93;font-size:10px}
@media(max-width:1120px){.manager-page-bi .manager-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.manager-page-bi .manager-nav-bi{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.manager-page-bi .manager-hero{align-items:flex-start;flex-direction:column}.manager-page-bi .manager-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.manager-page-bi .manager-nav-bi{grid-template-columns:1fr}.manager-page-bi .manager-account-list .manager-user-toolbar{align-items:flex-start;flex-direction:column}.manager-page-bi .manager-account-list .manager-user-filters{grid-template-columns:1fr}.manager-page-bi .manager-sections .catalog-toolbar,.manager-page-bi .manager-sections .lab-devices-toolbar,.manager-page-bi .manager-sections .diagnosis-catalog-filters{align-items:stretch}.manager-page-bi .manager-sections .catalog-toolbar label,.manager-page-bi .manager-sections .lab-devices-toolbar label,.manager-page-bi .manager-sections .diagnosis-catalog-filters .field{width:100%}}
@media(max-width:520px){.manager-page-bi .manager-metrics{grid-template-columns:1fr}.manager-page-bi .manager-nav-bi{padding:8px}.manager-page-bi .manager-sections>.generic-card{border-radius:10px}.manager-page-bi .manager-sections .panel-heading,.manager-page-bi .manager-sections .catalog-heading,.manager-page-bi .manager-sections .lab-devices-heading{align-items:flex-start;padding:10px 12px}.manager-page-bi .manager-account-list .manager-user-pagination{align-items:flex-start;flex-direction:column}.manager-page-bi .manager-account-list .manager-user-page-buttons{flex-wrap:wrap}.manager-page-bi .manager-sections .catalog-toolbar,.manager-page-bi .manager-sections .lab-devices-toolbar,.manager-page-bi .manager-sections .diagnosis-catalog-filters{padding:10px 12px}}