/* Clineo Lab hizmet kataloğu (2 Kas 2026). lc- önekli; lab2 değişkenlerini kullanır, portalda yedek renklerle çalışır. */
.lc { --lc-ink: var(--ink, #0e1f3b); --lc-ink2: var(--ink2, #3d4d66); --lc-muted: var(--muted, #5a6880); --lc-blue: var(--blue, #1b5faa); --lc-blue-s: var(--blue-s, #e3eefa); --lc-ice: var(--ice, #eef4fb); --lc-surf: var(--surf, #fff); --lc-line: var(--line, #dce5f0); --lc-line2: var(--line2, #e9eff7); --lc-warn: var(--warn, #8a5200); --lc-warn-s: var(--warn-s, #fdf1dc); --lc-bad: var(--bad, #a8352f); --lc-bad-s: var(--bad-s, #fbe8e6); }
.lc *, .lc *::before, .lc *::after { box-sizing: border-box; }
.lc h3 { font-size: 16px; font-weight: 600; margin: 0 0 10px; }
.lc-stack { display: grid; gap: 14px; min-width: 0; }
.lc-stack > * { min-width: 0; }
.lc-stack p { max-width: 70ch; }
.lc-tabs { display: flex; gap: 4px; padding: 5px; background: var(--lc-ice); border-radius: 12px; margin-bottom: 14px; overflow-x: auto; }
.lc-tabs button { border: 0; background: transparent; padding: 8px 14px; border-radius: 9px; font: 500 14px/1.2 Poppins, sans-serif; color: var(--lc-ink2); white-space: nowrap; }
.lc-tabs button[aria-selected="true"] { background: var(--lc-surf); color: var(--lc-blue); box-shadow: 0 1px 3px rgba(14, 31, 59, .12); }
.lc-bar { display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 12px; }
.lc-chips { display: flex; gap: 6px; flex-wrap: wrap; }
.lc-chip { border: 1px solid var(--lc-line); background: var(--lc-surf); color: var(--lc-ink2); border-radius: 999px; padding: 5px 12px; font-size: 13px; white-space: nowrap; }
.lc-chip[aria-pressed="true"] { background: var(--lc-blue-s); border-color: var(--lc-blue); color: var(--lc-blue); font-weight: 600; }
.lc-chip.w { background: var(--lc-warn-s); border-color: transparent; color: var(--lc-warn); }
.lc-chip.w[aria-pressed="true"] { border-color: var(--lc-warn); }
.lc-tw { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.lc-tbl { border-collapse: collapse; width: auto; min-width: 100%; font-size: 14px; }
.lc-tbl th, .lc-tbl td { padding: 10px 12px; text-align: left; border-bottom: 1px solid var(--lc-line2); vertical-align: middle; white-space: nowrap; }
.lc-tbl th { font: 600 11.5px Poppins, sans-serif; letter-spacing: .05em; text-transform: uppercase; color: var(--lc-muted); }
.lc-tbl tr:last-child td { border-bottom: 0; }
.lc-tbl .r { text-align: right; font-variant-numeric: tabular-nums; }
.lc-tbl .lc-click { cursor: pointer; }
.lc-tbl .lc-click:hover { background: var(--lc-ice); }
.lc-tbl .lc-g td { background: var(--lc-ice); font: 600 12.5px Poppins, sans-serif; color: var(--lc-ink2); padding-block: 7px; }
.lc-mv button { border: 0; background: none; color: var(--lc-muted); padding: 2px 5px; font-size: 11px; }
.lc-ln { display: block; font-size: 11.5px; color: var(--lc-muted); font-weight: 400; }
.lc-cp { width: 110px; min-height: 36px !important; }
.lc-split { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: 16px; align-items: start; }
.lc-preview { position: sticky; top: 16px; display: grid; gap: 12px; background: var(--lc-ice) !important; }
@media (max-width: 980px) { .lc-split { grid-template-columns: minmax(0, 1fr); } .lc-preview { position: static; } }
.lc-preview .lc-chart { overflow: visible; }
.lc-preview .lc-arch { min-width: 0; grid-template-columns: repeat(8, minmax(0, 1fr)); }
.lc-preview .lc-arch i { display: none; }
.lc-eyebrow { font: 600 11.5px Poppins, sans-serif; letter-spacing: .1em; text-transform: uppercase; color: var(--lc-muted); }
.lc-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 0 12px; }
.lc-rule { display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-wrap: wrap; padding-block: 5px; }
.lc-steps { display: flex; flex-wrap: wrap; gap: 4px; font-size: 12.5px; }
.lc-steps span { background: var(--lc-ice); border-radius: 6px; padding: 2px 7px; }
.lc-needs { display: flex; flex-wrap: wrap; gap: 8px; font-size: 13px; }
.lc-needs em, .lc-z { font-style: normal; }
.lc-z { font-size: 11.5px; font-weight: 600; color: var(--lc-bad); background: var(--lc-bad-s); padding: 1px 7px; border-radius: 6px; }
.lc-total { display: flex; justify-content: space-between; gap: 10px; flex-wrap: wrap; font: 600 18px/1.3 Poppins, sans-serif; font-variant-numeric: tabular-nums; margin-top: 8px; }
.lc-warn { color: var(--lc-warn); background: var(--lc-warn-s); padding: 8px 12px; border-radius: 9px; font-size: 13.5px; margin-top: 10px; }
.lc-banner { display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-wrap: wrap; background: #e3eefa; color: #12457f; padding: 10px 14px; border-radius: 12px; margin-bottom: 12px; font-size: 14px; padding-bottom: 10px !important; }
html[data-theme="dark"] .lc-banner { background: #16304f; color: #93c1f3; }
.lc-tmpl { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 10px; }
.lc-tmpl label { display: flex; gap: 9px; align-items: flex-start; border: 1px solid var(--lc-line); border-radius: 11px; padding: 11px; font-size: 14px; cursor: pointer; }
.lc-tmpl small { display: block; color: var(--lc-muted); font-size: 12.5px; }
.lc-imgs { display: flex; gap: 8px; flex-wrap: wrap; }
.lc-imgs figure { position: relative; margin: 0; width: 92px; height: 92px; border-radius: 10px; overflow: hidden; background: var(--lc-ice); }
.lc-imgs img { width: 100%; height: 100%; object-fit: cover; display: block; }
.lc-imgs button { position: absolute; top: 3px; right: 3px; width: 22px; height: 22px; border: 0; border-radius: 50%; background: rgba(14, 31, 59, .7); color: #fff; font-size: 11px; line-height: 1; }
/* diş şeması */
.lc-chart { display: grid; gap: 6px; margin-top: 10px; overflow-x: auto; }
.lc-arch { display: grid; grid-template-columns: repeat(8, minmax(26px, 1fr)) 8px repeat(8, minmax(26px, 1fr)); gap: 3px; min-width: 470px; }
.lc-t { border: 1px solid var(--lc-line); background: var(--lc-surf); color: var(--lc-ink); border-radius: 7px 7px 11px 11px; min-height: 38px; font-size: 12px; font-variant-numeric: tabular-nums; cursor: pointer; padding: 0; }
.lc-arch.lo .lc-t { border-radius: 11px 11px 7px 7px; }
.lc-t:hover { background: var(--lc-ice); }
.lc-t[aria-pressed="true"] { background: var(--lc-blue); border-color: var(--lc-blue); color: #fff; font-weight: 600; }
html[data-theme="dark"] .lc-t[aria-pressed="true"] { color: #0b1a2e; }
@media (max-width: 560px) { .lc-chart { overflow: visible; } .lc-arch { min-width: 0; grid-template-columns: repeat(8, minmax(0, 1fr)); } .lc-arch i { display: none; } }
.lc-jaws { display: flex; gap: 6px; margin-top: 10px; }
.lc-jaws button { flex: 1; min-height: 44px; border: 1px solid var(--lc-line); background: var(--lc-surf); border-radius: 10px; color: var(--lc-ink2); cursor: pointer; }
.lc-jaws button[aria-pressed="true"] { background: var(--lc-blue-s); border-color: var(--lc-blue); color: var(--lc-blue); font-weight: 600; }
.lc-line { border: 1px solid var(--lc-line); border-radius: 12px; padding: 10px; display: grid; gap: 6px; min-width: 0; }
.lc-line.on { border-color: var(--lc-blue); }
.lc-line-h { display: flex; gap: 8px; align-items: center; }
.lc-line-h select { flex: 1; min-width: 0; min-height: 42px; padding: 0 10px; border: 1px solid var(--lc-line); border-radius: 10px; background: var(--lc-surf); color: var(--lc-ink); font: inherit; }
.lc-x { width: 34px; height: 34px; border: 1px solid var(--lc-line); background: var(--lc-surf); border-radius: 9px; cursor: pointer; flex: none; }
.lc-sum { border: 0; background: var(--lc-ice); color: var(--lc-ink2); border-radius: 8px; padding: 7px 10px; text-align: left; cursor: pointer; font: inherit; font-size: 13.5px; }
.lc-note { font-size: 13.5px; margin: 6px 0 0; }
.lc-flags { display: grid; gap: 8px; justify-content: stretch; }
.lc-flag { display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-wrap: wrap; font-size: 14px; }
.lc-flag input[type=file] { max-width: 100%; }
.lc-items { display: grid; gap: 8px; padding: 12px 14px; }
.lc-items h3 { margin: 0; font-size: 15px; }
.lc-items h3 small { font-weight: 500; opacity: .7; }
.lc-item { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) minmax(0, 1fr) auto; gap: 10px; align-items: center; border-top: 1px solid rgba(120, 140, 170, .25); padding-top: 8px; font-size: 14px; }
.lc-item-t small, .lc-item-s small { display: block; opacity: .7; }
.lc-item select { min-width: 0; max-width: 100%; }
.lc-item.done { opacity: .75; }
.lc-items-err { margin: 0; color: #b3362b; font-size: 13px; }
.lc-kal { opacity: .7; font-weight: 500; }
@media (max-width: 640px) { .lc-item { grid-template-columns: minmax(0, 1fr) auto; } }
.lc-convo { display: grid; gap: 6px; max-height: 260px; overflow-y: auto; }
.lc-msg { padding: 7px 10px; border-radius: 9px; background: rgba(120, 140, 170, .12); max-width: 85%; font-size: 14px; overflow-wrap: anywhere; }
.lc-msg.me { justify-self: end; background: rgba(40, 110, 220, .14); }
.lc-msg small { display: block; opacity: .7; }
.lc-msg-f { font-size: 13px; opacity: .85; }
.lc-send { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.lc-send input[type=text] { flex: 1 1 200px; min-width: 0; padding: 6px 9px; }
.lc-send select { max-width: 100%; min-width: 0; }
.lc-round { grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); }
.lc-mat-out { margin: 0; font-size: 13px; }
.lc-send select { width: auto; }
.lc-send input[type=number] { width: auto; }
.lc-safebars { display: grid; gap: 6px; padding: 0 14px; margin-top: 10px; }
.lc-alert { padding: 8px 12px; border-radius: 8px; font-weight: 600; font-size: 14px; }
.lc-alert.bad { background: #fbe7e4; color: #a52a20; }
.lc-alert.warn { background: #fdf1dc; color: #8a5200; }
html[data-theme="dark"] .lc-alert.bad { background: #42201c; color: #f29488; }
html[data-theme="dark"] .lc-alert.warn { background: #3d2d12; color: #f0b768; }
.lc-tag { display: block; color: #b3362b; font-weight: 600; font-size: 12px; }
.lc-safe { border: 1px solid rgba(120, 140, 170, .3); border-radius: 9px; padding: 10px 12px; display: grid; gap: 8px; margin: 12px 0 0; font-size: 14px; min-width: 0; }
.lc-safe legend { font-weight: 600; padding: 0 4px; }
.lc-safe label { display: inline-flex; gap: 6px; align-items: center; }
.lc-safe input[type=checkbox] { width: auto; }
.lc-safe-a { display: flex; flex-wrap: wrap; gap: 6px 14px; }
.lc-items summary { cursor: pointer; font-weight: 600; font-size: 14px; }
html:not(.lc-catalog) [data-page="lab2desk"] { display: none !important; }
.lc-desk { display: grid; gap: 12px; }
.lc-dr small { display: block; opacity: .7; }
.lc-dr { border-top: 1px solid rgba(120, 140, 170, .25); padding-top: 8px; }
.lc-tel { font-size: 13px; opacity: .8; font-variant-numeric: tabular-nums; }

/* İş kabulde ürün araması (6 Kas 2026) */
.lc-psearch { width: 100%; min-height: 40px; padding: 0 12px; border: 1px solid var(--lc-line); border-radius: 10px; background: var(--lc-surf); color: var(--lc-ink); font: inherit; font-size: 15px; }
.lc-psearch:focus { outline: 2px solid var(--lc-blue); outline-offset: 1px; border-color: var(--lc-blue); }

/* Diş tık sırası + köprü bağlantısı (6 Kas 2026) */
.lc-quick { margin: 4px 0 14px; }
.lc-legend { display: flex; flex-wrap: wrap; gap: 6px 14px; font-size: 13px; color: var(--lc-ink2); }
.lc-legend span { display: inline-flex; align-items: center; gap: 6px; }
.lc-sw { display: inline-block; width: 12px; height: 12px; border-radius: 4px; background: var(--lc-line); flex: none; }
.lc-sum .lc-sw { margin-right: 7px; vertical-align: -1px; }
.lc-tc { position: relative; display: grid; }
.lc-tc .lc-t[aria-pressed="true"] { color: #fff; }
.lc-c0 { background: #1b5faa !important; border-color: #1b5faa !important; }
.lc-c1 { background: #0f7f70 !important; border-color: #0f7f70 !important; }
.lc-c2 { background: #7046b8 !important; border-color: #7046b8 !important; }
.lc-c3 { background: #a8620a !important; border-color: #a8620a !important; }
.lc-c4 { background: #b23a62 !important; border-color: #b23a62 !important; }
.lc-c5 { background: #44546b !important; border-color: #44546b !important; }
.lc-lk { position: absolute; top: 50%; right: -8px; width: 13px; height: 26px; margin-top: -13px; padding: 0; border: 0; background: transparent; cursor: pointer; z-index: 2; }
.lc-lk::before { content: ''; position: absolute; left: 1px; right: 1px; top: 50%; height: 7px; margin-top: -3.5px; border-radius: 3px; border: 1.5px dashed var(--lc-muted); background: var(--lc-surf); opacity: .7; }
.lc-lk[aria-pressed="true"]::before { border: 0; background: var(--lc-ink); opacity: 1; }
.lc-lk:hover::before, .lc-lk:focus-visible::before { opacity: 1; }
.lc-lk:focus-visible { outline: 2px solid var(--lc-blue); outline-offset: 1px; border-radius: 4px; }
.lc-tc.mid .lc-lk { right: -16px; width: 18px; }
@media (max-width: 560px) { .lc-tc.mid .lc-lk { right: -8px; width: 13px; } }