/* Clineo LAB OS 2 — yenilenen laboratuvar ekranları + klinik istek kartı (1 Eki 2026).
   Yalnız .lab2 kökü altında; başka ekranı etkilemez. Sınıflar l2- önekli (app'in .card/.empty sınıflarıyla çakışmasın). */
.lab2 {
  --ink: #0e1f3b; --ink2: #3d4d66; --muted: #5a6880; --blue: #1b5faa; --blue-d: #12457f; --blue-s: #e3eefa;
  --ice: #eef4fb; --surf: #fff; --line: #dce5f0; --line2: #e9eff7;
  --ok: #1b7a57; --ok-s: #e4f4ec; --warn: #8a5200; --warn-s: #fdf1dc; --amber: #c27a0e; --bad: #a8352f; --bad-s: #fbe8e6;
  --pur: #55409a; --pur-s: #efe9fb;
  color: var(--ink); font: 400 15px/1.5 "Work Sans", "Segoe UI", system-ui, sans-serif; padding-bottom: 72px;
}
html[data-theme="dark"] .lab2 {
  --ink: #e6edf7; --ink2: #b6c3d6; --muted: #93a3ba; --blue: #6aa8ec; --blue-d: #93c1f3; --blue-s: #16304f;
  --ice: #142640; --surf: #0f1d33; --line: #213656; --line2: #1a2c47;
  --ok: #4cc393; --ok-s: #10301f; --warn: #f0b358; --warn-s: #33260f; --amber: #f0b358; --bad: #f08a83; --bad-s: #3a1717;
  --pur: #b3a6ec; --pur-s: #1d1a33;
}
.lab2 *, .lab2 *::before, .lab2 *::after { box-sizing: border-box; }
.lab2 h1, .lab2 h2, .lab2 h3, .lab2 h4 { font-family: Poppins, "Segoe UI", sans-serif; margin: 0; letter-spacing: -.02em; color: var(--ink); }
.lab2 p { margin: 0; }
.lab2 button, .lab2 input, .lab2 select, .lab2 textarea { font: inherit; color: inherit; }
.lab2 button { cursor: pointer; }
.lab2 :focus-visible { outline: 2.5px solid var(--blue); outline-offset: 2px; border-radius: 8px; }
.lab2 a { color: var(--blue); }
.lab2 .num { font-variant-numeric: tabular-nums; }
.lab2 .ic { width: 18px; height: 18px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.lab2 .l2-muted { color: var(--muted); }
.lab2 .l2-sm { font-size: 13px; }
.lab2 .l2-card { background: var(--surf); border: 1px solid var(--line); border-radius: 18px; }
.lab2 .l2-pad { padding: 18px 20px; }
.lab2 .l2-eyebrow { font: 600 11.5px/1 Poppins, sans-serif; letter-spacing: .12em; text-transform: uppercase; color: var(--muted); }
.lab2 .l2-empty { padding: 14px 4px; color: var(--muted); font-size: 14px; }
.lab2 .l2-loading { padding: 40px; color: var(--muted); }

/* Üst başlık */
.lab2 .l2-top { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-bottom: 18px; }
.lab2 .l2-top h1 { font-size: 26px; font-weight: 600; line-height: 1.15; }
.lab2 .l2-top p { color: var(--ink2); margin-top: 6px; }
.lab2 .l2-top p b { color: var(--ink); font-weight: 600; }
.lab2 .l2-acts { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }

/* Düğmeler */
.lab2 .l2-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 42px; padding: 0 15px; border-radius: 12px;
  border: 1px solid var(--line); background: var(--surf); font: 500 14px/1 Poppins, sans-serif; color: var(--ink); white-space: nowrap; text-decoration: none; }
.lab2 .l2-btn:hover { background: var(--ice); }
.lab2 .l2-btn:disabled { opacity: .55; cursor: default; }
.lab2 .l2-btn.pri { background: var(--blue); border-color: var(--blue); color: #fff; }
html[data-theme="dark"] .lab2 .l2-btn.pri { color: #0b1a2e; }
.lab2 .l2-btn.pri:hover { background: var(--blue-d); }
.lab2 .l2-btn.ok { background: var(--ok); border-color: var(--ok); color: #fff; }
html[data-theme="dark"] .lab2 .l2-btn.ok { color: #08261a; }
.lab2 .l2-btn.sm { min-height: 36px; padding: 0 12px; font-size: 13px; border-radius: 10px; }
.lab2 .l2-btn.big { min-height: 54px; font-size: 16px; font-weight: 600; border-radius: 14px; width: 100%; }
.lab2 .l2-link { background: none; border: 0; padding: 0; color: var(--blue); font: inherit; text-decoration: underline; }

/* Rozetler */
.lab2 .l2-pill { display: inline-flex; align-items: center; gap: 6px; font: 600 12px/1 "Work Sans", sans-serif; padding: 5px 9px; border-radius: 99px;
  background: var(--line2); color: var(--ink2); white-space: nowrap; }
.lab2 .l2-pill.ok { background: var(--ok-s); color: var(--ok); }
.lab2 .l2-pill.warn { background: var(--warn-s); color: var(--warn); }
.lab2 .l2-pill.bad { background: var(--bad-s); color: var(--bad); }
.lab2 .l2-pill.blue { background: var(--blue-s); color: var(--blue); }
.lab2 .l2-pill.pur { background: var(--pur-s); color: var(--pur); }
.lab2 .l2-av { width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; font: 600 11px/1 Poppins, sans-serif;
  background: var(--blue-s); color: var(--blue); flex: none; }

/* Bugün */
.lab2 .l2-kpis { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; margin-bottom: 18px; }
.lab2 .l2-kpi { padding: 14px 16px; display: flex; flex-direction: column; gap: 5px; }
.lab2 .l2-kpi b { font: 600 26px/1 Poppins, sans-serif; letter-spacing: -.02em; }
.lab2 .l2-kpi span { color: var(--ink2); font-size: 14px; }
.lab2 .l2-kpi small { color: var(--muted); font-size: 12.5px; }
.lab2 .l2-kpi.bad b { color: var(--bad); }
.lab2 .l2-kpi.warn b { color: var(--warn); }
.lab2 .l2-cols { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; align-items: start; }
.lab2 .l2-col { padding: 16px 14px 14px; }
.lab2 .l2-col-h { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; padding: 0 4px 12px; }
.lab2 .l2-col-h h2 { font-size: 17px; font-weight: 600; }
.lab2 .l2-col-h span { font: 600 13px/1 "Work Sans", sans-serif; color: var(--muted); }
.lab2 .l2-bag { border: 1px solid var(--line2); border-radius: 14px; padding: 12px; margin-bottom: 10px; }
.lab2 .l2-bag-h { display: flex; align-items: center; gap: 10px; margin-bottom: 6px; flex-wrap: wrap; }
.lab2 .l2-bag-h b { font: 600 14.5px/1.2 Poppins, sans-serif; }
.lab2 .l2-bag-h .l2-pill { margin-left: auto; }
.lab2 .l2-job { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 2px 10px; padding: 8px 4px; border-top: 1px solid var(--line2); font-size: 14px;
  width: 100%; background: none; border-left: 0; border-right: 0; border-bottom: 0; text-align: left; border-radius: 0; }
.lab2 .l2-job:first-of-type { border-top: 0; }
.lab2 .l2-job:hover { background: var(--ice); }
.lab2 .l2-job b { font-weight: 600; }
.lab2 .l2-job small { grid-column: 1 / -1; color: var(--muted); font-size: 12.5px; }
.lab2 .l2-chk { display: inline-flex; align-items: center; gap: 5px; color: var(--ok); font-weight: 600; font-size: 13px; }
.lab2 .l2-chk.no { color: var(--warn); }
.lab2 .l2-risk { border-radius: 14px; padding: 12px 14px; margin-bottom: 10px; border: 1px solid var(--line2); }
.lab2 .l2-risk.hot { border-color: #efc9c5; }
html[data-theme="dark"] .lab2 .l2-risk.hot { border-color: #5a2a2a; }
.lab2 .l2-risk-h { display: flex; align-items: flex-start; gap: 8px; justify-content: space-between; }
.lab2 .l2-risk-h b { font: 600 14.5px/1.3 Poppins, sans-serif; }
.lab2 .l2-risk p { color: var(--ink2); font-size: 13.5px; margin-top: 4px; }
.lab2 .l2-quote { margin-top: 8px; background: var(--pur-s); color: var(--pur); border-radius: 10px; padding: 8px 10px; font-size: 13.5px; }
.lab2 .l2-bar { height: 6px; border-radius: 99px; background: var(--line2); overflow: hidden; margin-top: 10px; }
.lab2 .l2-bar i { display: block; height: 100%; background: var(--blue); border-radius: 99px; }
.lab2 .l2-bar.w i { background: var(--amber); }
.lab2 .l2-bar.r i { background: var(--bad); }
.lab2 .l2-steps { display: flex; justify-content: space-between; font-size: 11.5px; color: var(--muted); margin-top: 5px; gap: 8px; }
.lab2 .l2-risk-f { display: flex; align-items: center; gap: 8px; margin-top: 10px; font-size: 13px; color: var(--ink2); flex-wrap: wrap; }
.lab2 .l2-risk-f .l2-btn { margin-left: auto; }
.lab2 .l2-row2 { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: 16px; margin-top: 16px; align-items: start; }
.lab2 .l2-tech { display: grid; grid-template-columns: 28px 160px minmax(0, 1fr) 64px; gap: 12px; align-items: center; padding: 10px 0; border-top: 1px solid var(--line2); }
.lab2 .l2-tech:first-of-type { border-top: 0; }
.lab2 .l2-tech b { font-weight: 600; font-size: 14px; display: block; line-height: 1.2; }
.lab2 .l2-tech small { color: var(--muted); font-size: 12.5px; }
.lab2 .l2-load { height: 10px; border-radius: 99px; background: var(--line2); overflow: hidden; display: flex; }
.lab2 .l2-load i { display: block; height: 100%; background: var(--blue); }
.lab2 .l2-load i.over { background: var(--bad); }
.lab2 .l2-tech .num { text-align: right; font-weight: 600; font-size: 14px; }
.lab2 .l2-stack { display: flex; flex-direction: column; gap: 16px; }
.lab2 .l2-li { display: flex; align-items: center; gap: 10px; padding: 9px 0; border-top: 1px solid var(--line2); font-size: 14px; }
.lab2 .l2-li:first-of-type { border-top: 0; }
.lab2 .l2-li .r { margin-left: auto; text-align: right; }
.lab2 .l2-li small { display: block; color: var(--muted); font-size: 12.5px; }
.lab2 .l2-foot { margin-top: 10px; font-size: 13px; color: var(--muted); }

/* Form parçaları */
.lab2 .l2-f { display: flex; flex-direction: column; gap: 6px; margin-bottom: 14px; }
.lab2 .l2-f > span { font: 500 13px/1.2 Poppins, sans-serif; color: var(--ink2); }
.lab2 .l2-f input, .lab2 .l2-f select, .lab2 .l2-f textarea, .lab2 .l2-in { min-height: 44px; border: 1px solid var(--line); border-radius: 12px; padding: 0 12px; background: var(--surf); width: 100%; }
.lab2 .l2-f textarea, .lab2 textarea.l2-in { padding: 10px 12px; min-height: 76px; resize: vertical; }
.lab2 .l2-tip { background: var(--warn-s); border-radius: 12px; padding: 10px 12px; font-size: 13.5px; color: var(--warn); display: flex; gap: 10px; margin: -4px 0 14px; }
.lab2 .l2-seg { display: flex; gap: 6px; flex-wrap: wrap; }
.lab2 .l2-seg button { min-height: 40px; padding: 0 14px; border-radius: 10px; border: 1px solid var(--line); background: var(--surf); font: 500 13.5px/1 Poppins, sans-serif; color: var(--ink2); }
.lab2 .l2-seg button[aria-pressed="true"] { background: var(--blue-s); border-color: var(--blue); color: var(--blue-d); }
.lab2 .l2-seg.fill button { flex: 1; min-height: 46px; }
.lab2 .l2-shades button { width: 52px; padding: 0; }
.lab2 .l2-check { display: flex; align-items: center; gap: 8px; font-size: 14px; min-height: 40px; }
.lab2 .l2-check input { width: 18px; height: 18px; accent-color: #1b5faa; }

/* İş kabul */
.lab2 .l2-intake { display: grid; grid-template-columns: 310px minmax(0, 1fr); grid-template-rows: auto 1fr; grid-template-areas: "who chart" "sum chart"; gap: 18px; align-items: start; }
.lab2 .l2-a-who { grid-area: who; } .lab2 .l2-a-chart { grid-area: chart; min-width: 0; } .lab2 .l2-a-sum { grid-area: sum; }
@media (min-width: 1760px) { .lab2 .l2-intake { grid-template-columns: 320px minmax(0, 1fr) 330px; grid-template-rows: auto; grid-template-areas: "who chart sum"; } }
.lab2 .l2-intake h2 { font-size: 17px; font-weight: 600; margin-bottom: 14px; }
.lab2 .l2-legend { display: flex; gap: 14px; flex-wrap: wrap; font-size: 13px; color: var(--ink2); margin: 4px 0 14px; }
.lab2 .l2-legend span { display: inline-flex; align-items: center; gap: 6px; }
.lab2 .l2-sw { width: 14px; height: 14px; border-radius: 4px; border: 1.5px solid var(--line); background: var(--surf); display: inline-block; }
.lab2 .l2-sw.kr { background: var(--blue); border-color: var(--blue); }
.lab2 .l2-sw.po { background: repeating-linear-gradient(45deg, var(--blue-s) 0 3px, var(--surf) 3px 6px); border-color: var(--blue); }
.lab2 .l2-sw.im { background: var(--pur); border-color: var(--pur); }
.lab2 .l2-jaw { font: 600 11px/1 Poppins, sans-serif; letter-spacing: .12em; text-transform: uppercase; color: var(--muted); text-align: center; margin: 12px 0 8px; }
.lab2 .l2-arch { display: flex; justify-content: center; gap: 3px; flex-wrap: nowrap; overflow-x: auto; padding-bottom: 4px; }
.lab2 .l2-half { display: flex; gap: 3px; }
.lab2 .l2-mid { width: 2px; background: var(--line); margin: 0 5px; border-radius: 2px; flex: none; }
.lab2 .l2-tooth { width: 35px; flex: none; display: flex; flex-direction: column; align-items: center; gap: 4px; border: 0; background: none; padding: 4px 0; border-radius: 10px; min-height: 64px; }
.lab2 .l2-tooth:hover { background: var(--ice); }
.lab2 .l2-crown { width: 26px; height: 30px; border-radius: 9px 9px 12px 12px; border: 1.5px solid #c6d3e3; background: var(--surf); }
html[data-theme="dark"] .lab2 .l2-crown { border-color: #34507a; }
.lab2 .l2-tooth.m .l2-crown { width: 30px; border-radius: 10px; }
.lab2 .l2-tooth.lo .l2-crown { border-radius: 12px 12px 9px 9px; }
.lab2 .l2-tooth .no { font: 500 12px/1 "Work Sans", sans-serif; color: var(--muted); font-variant-numeric: tabular-nums; }
.lab2 .l2-tooth.kr .l2-crown { background: var(--blue); border-color: var(--blue); }
.lab2 .l2-tooth.po .l2-crown { background: repeating-linear-gradient(45deg, var(--blue-s) 0 4px, var(--surf) 4px 8px); border-color: var(--blue); border-style: dashed; }
.lab2 .l2-tooth.im .l2-crown { background: var(--pur); border-color: var(--pur); }
.lab2 .l2-tooth.kr .no, .lab2 .l2-tooth.po .no { color: var(--blue-d); font-weight: 600; }
.lab2 .l2-tooth.im .no { color: var(--pur); font-weight: 600; }
.lab2 .l2-hint { text-align: center; font-size: 13px; color: var(--muted); margin-top: 10px; }
.lab2 .l2-sel { margin-top: 14px; border-top: 1px solid var(--line2); padding-top: 10px; }
.lab2 .l2-sel-row { display: grid; grid-template-columns: 110px minmax(0, 1fr) auto; gap: 10px; align-items: center; padding: 8px 0; border-top: 1px solid var(--line2); font-size: 14px; }
.lab2 .l2-sel-row:first-child { border-top: 0; }
.lab2 .l2-two { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px; margin-top: 16px; }
.lab2 .l2-sum { position: static; }
.lab2 .l2-due { background: var(--ice); border-radius: 14px; padding: 14px; margin-bottom: 14px; }
.lab2 .l2-due input { margin-top: 8px; }
.lab2 .l2-due small { display: block; color: var(--ink2); font-size: 13px; margin-top: 6px; }
.lab2 .l2-line { display: grid; grid-template-columns: minmax(0, 1fr) 110px; gap: 10px; align-items: center; padding: 6px 0; font-size: 14px; border-top: 1px solid var(--line2); }
.lab2 .l2-line:first-of-type { border-top: 0; }
.lab2 .l2-line input { min-height: 36px; border: 1px solid var(--line); border-radius: 10px; padding: 0 8px; text-align: right; width: 100%; background: var(--surf); }
.lab2 .l2-line .r { text-align: right; }
.lab2 .l2-line.t { font: 600 16px/1.3 Poppins, sans-serif; border-top: 1.5px solid var(--line); margin-top: 4px; padding-top: 12px; }
.lab2 .l2-files { display: flex; flex-direction: column; gap: 6px; margin-top: 8px; }
.lab2 .l2-file { display: flex; align-items: center; gap: 10px; border: 1px solid var(--line2); border-radius: 10px; padding: 7px 10px; font-size: 13.5px; }
.lab2 .l2-file small { margin-left: auto; color: var(--muted); }
.lab2 .l2-file button { border: 0; background: none; color: var(--muted); min-width: 32px; min-height: 32px; border-radius: 8px; }

/* İstekler */
.lab2 .l2-reqgrid { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 18px; align-items: start; }
.lab2 .l2-pane-h { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-bottom: 10px; }
.lab2 .l2-pane-h h2 { font-size: 17px; font-weight: 600; }
.lab2 .l2-wait { padding: 14px 0; border-top: 1px solid var(--line2); }
.lab2 .l2-wait:first-of-type { border-top: 0; }
.lab2 .l2-wait-h { display: flex; gap: 12px; align-items: flex-start; justify-content: space-between; }
.lab2 .l2-wait-h b { font: 600 15px/1.3 Poppins, sans-serif; }
.lab2 .l2-wait .sub { color: var(--ink2); font-size: 13.5px; }
.lab2 .l2-need { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.lab2 .l2-wact { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 10px; align-items: center; }
.lab2 .l2-wact .l2-muted { font-size: 13px; margin-left: auto; }
.lab2 .l2-feed { display: flex; gap: 12px; padding: 12px 0; border-top: 1px solid var(--line2); font-size: 14px; width: 100%; background: none; border-left: 0; border-right: 0; border-bottom: 0; text-align: left; }
.lab2 .l2-feed:first-of-type { border-top: 0; }
.lab2 .l2-feed .ico { width: 36px; height: 36px; border-radius: 10px; background: var(--ok-s); color: var(--ok); display: grid; place-items: center; flex: none; }
.lab2 .l2-feed .ico.bad { background: var(--bad-s); color: var(--bad); }
.lab2 .l2-feed small { display: block; color: var(--muted); font-size: 12.5px; }
.lab2 .l2-feed .t { margin-left: auto; color: var(--muted); font-size: 12.5px; white-space: nowrap; }
.lab2 .l2-tbl { width: 100%; border-collapse: collapse; font-size: 14px; }
.lab2 .l2-tbl th { font: 600 11px/1 Poppins, sans-serif; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); text-align: left; padding: 0 10px 10px 0; }
.lab2 .l2-tbl td { padding: 10px 10px 10px 0; border-top: 1px solid var(--line2); vertical-align: top; }
.lab2 .l2-tbl td small { display: block; color: var(--muted); font-size: 12.5px; }
.lab2 .l2-tbl .r { text-align: right; }
.lab2 .l2-switch { display: inline-flex; width: 42px; height: 26px; border-radius: 99px; background: var(--line); position: relative; border: 0; padding: 0; flex: none; }
.lab2 .l2-switch::after { content: ""; position: absolute; top: 4px; left: 4px; width: 18px; height: 18px; border-radius: 50%; background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,.25); transition: left .15s; }
.lab2 .l2-switch[aria-checked="true"] { background: var(--blue); }
.lab2 .l2-switch[aria-checked="true"]::after { left: 20px; }
.lab2 .l2-switch:disabled { opacity: .5; cursor: default; }
.lab2 .l2-how { background: var(--ice); border-radius: 14px; padding: 14px 16px; font-size: 13.5px; color: var(--ink2); margin-top: 14px; display: grid; gap: 6px; }
.lab2 .l2-how b { color: var(--ink); }

/* Tezgâh */
.lab2.l2-bench { max-width: 560px; margin: 0 auto; }
.lab2 .l2-scan { display: flex; gap: 8px; }
.lab2 .l2-scan input { flex: 1; min-width: 0; min-height: 52px; border: 1.5px solid var(--blue); border-radius: 14px; padding: 0 14px; font-size: 16px; background: var(--surf); }
.lab2 .l2-scan .l2-btn { min-height: 52px; }
.lab2 .l2-job-card { border: 1.5px solid var(--blue); border-radius: 18px; padding: 16px; margin-top: 14px; background: var(--surf); }
.lab2 .l2-job-card h2 { font-size: 19px; font-weight: 600; margin-top: 8px; line-height: 1.25; }
.lab2 .l2-job-card p { color: var(--ink2); font-size: 14px; margin-top: 4px; }
.lab2 .l2-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.lab2 .l2-do { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 8px; margin-top: 14px; }
.lab2 .l2-do .l2-btn { white-space: normal; min-width: 0; text-align: center; line-height: 1.25; padding-top: 8px; padding-bottom: 8px; }
.lab2 .l2-do .l2-btn.big { grid-column: 1 / -1; }
.lab2 .l2-q { display: flex; flex-direction: column; gap: 8px; margin-top: 16px; }
.lab2 .l2-it { display: grid; grid-template-columns: 6px minmax(0, 1fr) auto; gap: 12px; align-items: center; background: var(--surf); border: 1px solid var(--line2);
  border-radius: 14px; padding: 12px 14px 12px 10px; min-height: 56px; width: 100%; text-align: left; }
.lab2 .l2-it.on { border-color: var(--blue); box-shadow: inset 0 0 0 1px var(--blue); }
.lab2 .l2-it i { width: 6px; align-self: stretch; border-radius: 99px; background: var(--line); }
.lab2 .l2-it i.r { background: var(--bad); }
.lab2 .l2-it i.w { background: var(--amber); }
.lab2 .l2-it b { display: block; font-weight: 600; font-size: 14.5px; line-height: 1.25; }
.lab2 .l2-it small { display: block; color: var(--muted); font-size: 12.5px; }
.lab2 .l2-it .t { font: 600 13px/1.25 "Work Sans", sans-serif; text-align: right; color: var(--ink2); }
.lab2 .l2-it .t.r { color: var(--bad); }

/* İş kartı (tam ekran katman) */
.l2-overlay { position: fixed; inset: 0; z-index: 900; background: rgba(9, 20, 38, .45); display: flex; justify-content: center; align-items: flex-start; overflow-y: auto; padding: 24px 16px; }
.l2-overlay > .lab2 { background: var(--bg-l2, #f6f9fd); border-radius: 22px; width: min(1320px, 100%); padding: 20px; padding-bottom: 24px; box-shadow: 0 20px 60px rgba(9, 20, 38, .3); }
html[data-theme="dark"] .l2-overlay > .lab2 { background: #0b1729; }
.lab2 .l2-head { padding: 18px 20px; margin-bottom: 16px; }
.lab2 .l2-head-t { display: flex; align-items: flex-start; gap: 14px; flex-wrap: wrap; }
.lab2 .l2-head-t h1 { font-size: 23px; font-weight: 600; line-height: 1.2; margin-top: 8px; }
.lab2 .l2-head-t p { color: var(--ink2); margin-top: 6px; }
.lab2 .l2-head-t .l2-acts { margin-left: auto; }
.lab2 .l2-x { width: 44px; height: 44px; border-radius: 12px; border: 1px solid var(--line); background: var(--surf); display: grid; place-items: center; }
.lab2 .l2-prog { display: grid; grid-template-columns: repeat(9, minmax(0, 1fr)); gap: 6px; margin-top: 16px; }
.lab2 .l2-st { display: flex; flex-direction: column; gap: 6px; font-size: 12px; color: var(--muted); }
.lab2 .l2-st i { height: 6px; border-radius: 99px; background: var(--line2); }
.lab2 .l2-st.done i { background: var(--blue); }
.lab2 .l2-st.done { color: var(--ink2); }
.lab2 .l2-st.now i { background: var(--amber); }
.lab2 .l2-st.now { color: var(--warn); font-weight: 600; }
.lab2 .l2-cardgrid { display: grid; grid-template-columns: 300px minmax(0, 1fr) 340px; gap: 16px; align-items: start; }
.lab2 .l2-cardgrid h2 { font-size: 16px; font-weight: 600; margin-bottom: 12px; }
.lab2 .l2-spec { display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: 8px 12px; font-size: 14px; margin: 0; }
.lab2 .l2-spec dt { color: var(--muted); }
.lab2 .l2-spec dd { margin: 0; font-weight: 500; overflow-wrap: anywhere; }
.lab2 .l2-tl { list-style: none; margin: 0; padding: 0; position: relative; }
.lab2 .l2-tl::before { content: ""; position: absolute; left: 15px; top: 10px; bottom: 10px; width: 2px; background: var(--line2); }
.lab2 .l2-ev { display: grid; grid-template-columns: 32px minmax(0, 1fr) auto; gap: 10px; padding: 9px 0; position: relative; }
.lab2 .l2-ev .d { width: 12px; height: 12px; border-radius: 50%; background: var(--blue); margin: 5px 0 0 10px; position: relative; z-index: 1; }
.lab2 .l2-ev .d.now { background: var(--surf); border: 2.5px solid var(--amber); }
.lab2 .l2-ev .d.cl { background: var(--pur); }
.lab2 .l2-ev .d.wait { background: var(--surf); border: 2px dashed var(--pur); }
.lab2 .l2-ev b { display: block; font-weight: 600; font-size: 14.5px; }
.lab2 .l2-ev small { display: block; color: var(--muted); font-size: 13px; }
.lab2 .l2-ev .tm { font-size: 13px; color: var(--ink2); text-align: right; white-space: nowrap; }
.lab2 .l2-ev .tm em { display: block; font-style: normal; color: var(--muted); font-size: 12px; }
.lab2 .l2-doc { display: flex; align-items: center; gap: 12px; padding: 11px 0; border-top: 1px solid var(--line2); }
.lab2 .l2-doc:first-of-type { border-top: 0; }
.lab2 .l2-doc .ico { width: 36px; height: 36px; border-radius: 10px; background: var(--ice); color: var(--blue); display: grid; place-items: center; flex: none; }
.lab2 .l2-doc .ico.ok { background: var(--ok-s); color: var(--ok); }
.lab2 .l2-doc b { display: block; font-size: 14px; font-weight: 600; line-height: 1.25; }
.lab2 .l2-doc small { display: block; color: var(--muted); font-size: 12.5px; }
.lab2 .l2-doc .l2-btn { margin-left: auto; }
.lab2 .l2-note { background: var(--ok-s); color: var(--ok); border-radius: 12px; padding: 10px 12px; font-size: 13px; margin-top: 10px; }
.lab2 .l2-qc { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.lab2 .l2-qc span { display: flex; align-items: center; gap: 8px; border: 1px solid var(--line2); border-radius: 10px; padding: 8px 10px; font-size: 13.5px; min-height: 40px; }
.lab2 .l2-qc span.pass { color: var(--ok); border-color: var(--ok-s); }
.lab2 .l2-qc span.fail { color: var(--bad); border-color: var(--bad-s); }

/* Klinik istek kartı (Clineo kliniği hasta kartı + Laboratuvar sayfası) */
.lab2.l2-clinic { padding-bottom: 0; margin-bottom: 16px; }
.lab2 .l2-ask { border: 2px solid var(--blue); border-radius: 16px; padding: 16px; margin-top: 14px; background: var(--surf); }
.lab2 .l2-ask .l2-eyebrow { color: var(--blue); }
.lab2 .l2-ask h3 { font-size: 16px; font-weight: 600; margin-top: 8px; }
.lab2 .l2-ask-g { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 14px; margin-top: 12px; }
.lab2 .l2-drop { border: 1.5px dashed #b9cbe2; background: var(--ice); border-radius: 14px; min-height: 120px; width: 100%; display: flex; flex-direction: column;
  align-items: center; justify-content: center; gap: 6px; color: var(--blue-d); font: 500 14px/1.3 Poppins, sans-serif; text-align: center; padding: 12px; }
html[data-theme="dark"] .lab2 .l2-drop { border-color: #34507a; }
.lab2 .l2-drop.on { border-color: var(--blue); background: var(--blue-s); }
.lab2 .l2-drop small { font: 400 12.5px/1.3 "Work Sans", sans-serif; color: var(--muted); }
.lab2 .l2-lbl { font: 500 13px/1 Poppins, sans-serif; color: var(--ink2); margin-bottom: 8px; display: block; }
.lab2 .l2-ask-f { display: flex; gap: 10px; align-items: center; margin-top: 12px; flex-wrap: wrap; }
.lab2 .l2-ask-f .l2-btn.pri { margin-left: auto; }
.lab2 .l2-done { border-radius: 14px; padding: 12px 14px; margin-top: 10px; background: var(--ok-s); color: var(--ok); font-size: 14px; }
.lab2 .l2-work { padding: 16px 18px; margin-bottom: 12px; }
.lab2 .l2-work-h { display: flex; gap: 10px; align-items: flex-start; flex-wrap: wrap; }
.lab2 .l2-work-h h3 { font-size: 16px; font-weight: 600; }
.lab2 .l2-work-h p { color: var(--ink2); font-size: 13.5px; margin-top: 3px; }
.lab2 .l2-work-h .l2-pill { margin-left: auto; }

.lab2 .l2-v1 { margin: 0 0 12px; padding: 10px 14px; border-radius: 12px; background: var(--blue-s); color: var(--blue-d); display: flex; gap: 10px; align-items: center; flex-wrap: wrap; font-size: 14px; }

@media (max-width: 1180px) {
  .lab2 .l2-intake { grid-template-columns: 1fr; grid-template-areas: "who" "chart" "sum"; }
  .lab2 .l2-sum { position: static; }
  .lab2 .l2-cardgrid { grid-template-columns: 1fr; }
}
@media (max-width: 980px) {
  .lab2 .l2-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .lab2 .l2-cols, .lab2 .l2-row2, .lab2 .l2-reqgrid, .lab2 .l2-two, .lab2 .l2-ask-g { grid-template-columns: 1fr; }
  .lab2 .l2-tech { grid-template-columns: 28px minmax(0, 1fr) 60px; }
  .lab2 .l2-tech .l2-load { grid-column: 2 / -1; }
  .lab2 .l2-prog { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .l2-overlay { padding: 0; }
  .l2-overlay > .lab2 { border-radius: 0; min-height: 100%; padding: 14px; }
  .lab2 .l2-head-t .l2-acts { margin-left: 0; }
}
@media print { .l2-overlay { display: none; } }