/*!
 * Bootstrap Icons v1.13.1 (https://icons.getbootstrap.com/)
 * Copyright 2019-2024 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/icons/blob/main/LICENSE)
 */

@font-face {
  font-display: block;
  font-family: "bootstrap-icons";
  src: url("/assets/bootstrap-icons-mSm7cUeB.woff2?e34853135f9e39acf64315236852cd5a") format("woff2"),
url("/assets/bootstrap-icons-BeopsB42.woff?e34853135f9e39acf64315236852cd5a") format("woff");
}

.bi::before,
[class^="bi-"]::before,
[class*=" bi-"]::before {
  display: inline-block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -.125em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.bi-123::before { content: "\f67f"; }
.bi-alarm-fill::before { content: "\f101"; }
.bi-alarm::before { content: "\f102"; }
.bi-align-bottom::before { content: "\f103"; }
.bi-align-center::before { content: "\f104"; }
.bi-align-end::before { content: "\f105"; }
.bi-align-middle::before { content: "\f106"; }
.bi-align-start::before { content: "\f107"; }
.bi-align-top::before { content: "\f108"; }
.bi-alt::before { content: "\f109"; }
.bi-app-indicator::before { content: "\f10a"; }
.bi-app::before { content: "\f10b"; }
.bi-archive-fill::before { content: "\f10c"; }
.bi-archive::before { content: "\f10d"; }
.bi-arrow-90deg-down::before { content: "\f10e"; }
.bi-arrow-90deg-left::before { content: "\f10f"; }
.bi-arrow-90deg-right::before { content: "\f110"; }
.bi-arrow-90deg-up::before { content: "\f111"; }
.bi-arrow-bar-down::before { content: "\f112"; }
.bi-arrow-bar-left::before { content: "\f113"; }
.bi-arrow-bar-right::before { content: "\f114"; }
.bi-arrow-bar-up::before { content: "\f115"; }
.bi-arrow-clockwise::before { content: "\f116"; }
.bi-arrow-counterclockwise::before { content: "\f117"; }
.bi-arrow-down-circle-fill::before { content: "\f118"; }
.bi-arrow-down-circle::before { content: "\f119"; }
.bi-arrow-down-left-circle-fill::before { content: "\f11a"; }
.bi-arrow-down-left-circle::before { content: "\f11b"; }
.bi-arrow-down-left-square-fill::before { content: "\f11c"; }
.bi-arrow-down-left-square::before { content: "\f11d"; }
.bi-arrow-down-left::before { content: "\f11e"; }
.bi-arrow-down-right-circle-fill::before { content: "\f11f"; }
.bi-arrow-down-right-circle::before { content: "\f120"; }
.bi-arrow-down-right-square-fill::before { content: "\f121"; }
.bi-arrow-down-right-square::before { content: "\f122"; }
.bi-arrow-down-right::before { content: "\f123"; }
.bi-arrow-down-short::before { content: "\f124"; }
.bi-arrow-down-square-fill::before { content: "\f125"; }
.bi-arrow-down-square::before { content: "\f126"; }
.bi-arrow-down-up::before { content: "\f127"; }
.bi-arrow-down::before { content: "\f128"; }
.bi-arrow-left-circle-fill::before { content: "\f129"; }
.bi-arrow-left-circle::before { content: "\f12a"; }
.bi-arrow-left-right::before { content: "\f12b"; }
.bi-arrow-left-short::before { content: "\f12c"; }
.bi-arrow-left-square-fill::before { content: "\f12d"; }
.bi-arrow-left-square::before { content: "\f12e"; }
.bi-arrow-left::before { content: "\f12f"; }
.bi-arrow-repeat::before { content: "\f130"; }
.bi-arrow-return-left::before { content: "\f131"; }
.bi-arrow-return-right::before { content: "\f132"; }
.bi-arrow-right-circle-fill::before { content: "\f133"; }
.bi-arrow-right-circle::before { content: "\f134"; }
.bi-arrow-right-short::before { content: "\f135"; }
.bi-arrow-right-square-fill::before { content: "\f136"; }
.bi-arrow-right-square::before { content: "\f137"; }
.bi-arrow-right::before { content: "\f138"; }
.bi-arrow-up-circle-fill::before { content: "\f139"; }
.bi-arrow-up-circle::before { content: "\f13a"; }
.bi-arrow-up-left-circle-fill::before { content: "\f13b"; }
.bi-arrow-up-left-circle::before { content: "\f13c"; }
.bi-arrow-up-left-square-fill::before { content: "\f13d"; }
.bi-arrow-up-left-square::before { content: "\f13e"; }
.bi-arrow-up-left::before { content: "\f13f"; }
.bi-arrow-up-right-circle-fill::before { content: "\f140"; }
.bi-arrow-up-right-circle::before { content: "\f141"; }
.bi-arrow-up-right-square-fill::before { content: "\f142"; }
.bi-arrow-up-right-square::before { content: "\f143"; }
.bi-arrow-up-right::before { content: "\f144"; }
.bi-arrow-up-short::before { content: "\f145"; }
.bi-arrow-up-square-fill::before { content: "\f146"; }
.bi-arrow-up-square::before { content: "\f147"; }
.bi-arrow-up::before { content: "\f148"; }
.bi-arrows-angle-contract::before { content: "\f149"; }
.bi-arrows-angle-expand::before { content: "\f14a"; }
.bi-arrows-collapse::before { content: "\f14b"; }
.bi-arrows-expand::before { content: "\f14c"; }
.bi-arrows-fullscreen::before { content: "\f14d"; }
.bi-arrows-move::before { content: "\f14e"; }
.bi-aspect-ratio-fill::before { content: "\f14f"; }
.bi-aspect-ratio::before { content: "\f150"; }
.bi-asterisk::before { content: "\f151"; }
.bi-at::before { content: "\f152"; }
.bi-award-fill::before { content: "\f153"; }
.bi-award::before { content: "\f154"; }
.bi-back::before { content: "\f155"; }
.bi-backspace-fill::before { content: "\f156"; }
.bi-backspace-reverse-fill::before { content: "\f157"; }
.bi-backspace-reverse::before { content: "\f158"; }
.bi-backspace::before { content: "\f159"; }
.bi-badge-3d-fill::before { content: "\f15a"; }
.bi-badge-3d::before { content: "\f15b"; }
.bi-badge-4k-fill::before { content: "\f15c"; }
.bi-badge-4k::before { content: "\f15d"; }
.bi-badge-8k-fill::before { content: "\f15e"; }
.bi-badge-8k::before { content: "\f15f"; }
.bi-badge-ad-fill::before { content: "\f160"; }
.bi-badge-ad::before { content: "\f161"; }
.bi-badge-ar-fill::before { content: "\f162"; }
.bi-badge-ar::before { content: "\f163"; }
.bi-badge-cc-fill::before { content: "\f164"; }
.bi-badge-cc::before { content: "\f165"; }
.bi-badge-hd-fill::before { content: "\f166"; }
.bi-badge-hd::before { content: "\f167"; }
.bi-badge-tm-fill::before { content: "\f168"; }
.bi-badge-tm::before { content: "\f169"; }
.bi-badge-vo-fill::before { content: "\f16a"; }
.bi-badge-vo::before { content: "\f16b"; }
.bi-badge-vr-fill::before { content: "\f16c"; }
.bi-badge-vr::before { content: "\f16d"; }
.bi-badge-wc-fill::before { content: "\f16e"; }
.bi-badge-wc::before { content: "\f16f"; }
.bi-bag-check-fill::before { content: "\f170"; }
.bi-bag-check::before { content: "\f171"; }
.bi-bag-dash-fill::before { content: "\f172"; }
.bi-bag-dash::before { content: "\f173"; }
.bi-bag-fill::before { content: "\f174"; }
.bi-bag-plus-fill::before { content: "\f175"; }
.bi-bag-plus::before { content: "\f176"; }
.bi-bag-x-fill::before { content: "\f177"; }
.bi-bag-x::before { content: "\f178"; }
.bi-bag::before { content: "\f179"; }
.bi-bar-chart-fill::before { content: "\f17a"; }
.bi-bar-chart-line-fill::before { content: "\f17b"; }
.bi-bar-chart-line::before { content: "\f17c"; }
.bi-bar-chart-steps::before { content: "\f17d"; }
.bi-bar-chart::before { content: "\f17e"; }
.bi-basket-fill::before { content: "\f17f"; }
.bi-basket::before { content: "\f180"; }
.bi-basket2-fill::before { content: "\f181"; }
.bi-basket2::before { content: "\f182"; }
.bi-basket3-fill::before { content: "\f183"; }
.bi-basket3::before { content: "\f184"; }
.bi-battery-charging::before { content: "\f185"; }
.bi-battery-full::before { content: "\f186"; }
.bi-battery-half::before { content: "\f187"; }
.bi-battery::before { content: "\f188"; }
.bi-bell-fill::before { content: "\f189"; }
.bi-bell::before { content: "\f18a"; }
.bi-bezier::before { content: "\f18b"; }
.bi-bezier2::before { content: "\f18c"; }
.bi-bicycle::before { content: "\f18d"; }
.bi-binoculars-fill::before { content: "\f18e"; }
.bi-binoculars::before { content: "\f18f"; }
.bi-blockquote-left::before { content: "\f190"; }
.bi-blockquote-right::before { content: "\f191"; }
.bi-book-fill::before { content: "\f192"; }
.bi-book-half::before { content: "\f193"; }
.bi-book::before { content: "\f194"; }
.bi-bookmark-check-fill::before { content: "\f195"; }
.bi-bookmark-check::before { content: "\f196"; }
.bi-bookmark-dash-fill::before { content: "\f197"; }
.bi-bookmark-dash::before { content: "\f198"; }
.bi-bookmark-fill::before { content: "\f199"; }
.bi-bookmark-heart-fill::before { content: "\f19a"; }
.bi-bookmark-heart::before { content: "\f19b"; }
.bi-bookmark-plus-fill::before { content: "\f19c"; }
.bi-bookmark-plus::before { content: "\f19d"; }
.bi-bookmark-star-fill::before { content: "\f19e"; }
.bi-bookmark-star::before { content: "\f19f"; }
.bi-bookmark-x-fill::before { content: "\f1a0"; }
.bi-bookmark-x::before { content: "\f1a1"; }
.bi-bookmark::before { content: "\f1a2"; }
.bi-bookmarks-fill::before { content: "\f1a3"; }
.bi-bookmarks::before { content: "\f1a4"; }
.bi-bookshelf::before { content: "\f1a5"; }
.bi-bootstrap-fill::before { content: "\f1a6"; }
.bi-bootstrap-reboot::before { content: "\f1a7"; }
.bi-bootstrap::before { content: "\f1a8"; }
.bi-border-all::before { content: "\f1a9"; }
.bi-border-bottom::before { content: "\f1aa"; }
.bi-border-center::before { content: "\f1ab"; }
.bi-border-inner::before { content: "\f1ac"; }
.bi-border-left::before { content: "\f1ad"; }
.bi-border-middle::before { content: "\f1ae"; }
.bi-border-outer::before { content: "\f1af"; }
.bi-border-right::before { content: "\f1b0"; }
.bi-border-style::before { content: "\f1b1"; }
.bi-border-top::before { content: "\f1b2"; }
.bi-border-width::before { content: "\f1b3"; }
.bi-border::before { content: "\f1b4"; }
.bi-bounding-box-circles::before { content: "\f1b5"; }
.bi-bounding-box::before { content: "\f1b6"; }
.bi-box-arrow-down-left::before { content: "\f1b7"; }
.bi-box-arrow-down-right::before { content: "\f1b8"; }
.bi-box-arrow-down::before { content: "\f1b9"; }
.bi-box-arrow-in-down-left::before { content: "\f1ba"; }
.bi-box-arrow-in-down-right::before { content: "\f1bb"; }
.bi-box-arrow-in-down::before { content: "\f1bc"; }
.bi-box-arrow-in-left::before { content: "\f1bd"; }
.bi-box-arrow-in-right::before { content: "\f1be"; }
.bi-box-arrow-in-up-left::before { content: "\f1bf"; }
.bi-box-arrow-in-up-right::before { content: "\f1c0"; }
.bi-box-arrow-in-up::before { content: "\f1c1"; }
.bi-box-arrow-left::before { content: "\f1c2"; }
.bi-box-arrow-right::before { content: "\f1c3"; }
.bi-box-arrow-up-left::before { content: "\f1c4"; }
.bi-box-arrow-up-right::before { content: "\f1c5"; }
.bi-box-arrow-up::before { content: "\f1c6"; }
.bi-box-seam::before { content: "\f1c7"; }
.bi-box::before { content: "\f1c8"; }
.bi-braces::before { content: "\f1c9"; }
.bi-bricks::before { content: "\f1ca"; }
.bi-briefcase-fill::before { content: "\f1cb"; }
.bi-briefcase::before { content: "\f1cc"; }
.bi-brightness-alt-high-fill::before { content: "\f1cd"; }
.bi-brightness-alt-high::before { content: "\f1ce"; }
.bi-brightness-alt-low-fill::before { content: "\f1cf"; }
.bi-brightness-alt-low::before { content: "\f1d0"; }
.bi-brightness-high-fill::before { content: "\f1d1"; }
.bi-brightness-high::before { content: "\f1d2"; }
.bi-brightness-low-fill::before { content: "\f1d3"; }
.bi-brightness-low::before { content: "\f1d4"; }
.bi-broadcast-pin::before { content: "\f1d5"; }
.bi-broadcast::before { content: "\f1d6"; }
.bi-brush-fill::before { content: "\f1d7"; }
.bi-brush::before { content: "\f1d8"; }
.bi-bucket-fill::before { content: "\f1d9"; }
.bi-bucket::before { content: "\f1da"; }
.bi-bug-fill::before { content: "\f1db"; }
.bi-bug::before { content: "\f1dc"; }
.bi-building::before { content: "\f1dd"; }
.bi-bullseye::before { content: "\f1de"; }
.bi-calculator-fill::before { content: "\f1df"; }
.bi-calculator::before { content: "\f1e0"; }
.bi-calendar-check-fill::before { content: "\f1e1"; }
.bi-calendar-check::before { content: "\f1e2"; }
.bi-calendar-date-fill::before { content: "\f1e3"; }
.bi-calendar-date::before { content: "\f1e4"; }
.bi-calendar-day-fill::before { content: "\f1e5"; }
.bi-calendar-day::before { content: "\f1e6"; }
.bi-calendar-event-fill::before { content: "\f1e7"; }
.bi-calendar-event::before { content: "\f1e8"; }
.bi-calendar-fill::before { content: "\f1e9"; }
.bi-calendar-minus-fill::before { content: "\f1ea"; }
.bi-calendar-minus::before { content: "\f1eb"; }
.bi-calendar-month-fill::before { content: "\f1ec"; }
.bi-calendar-month::before { content: "\f1ed"; }
.bi-calendar-plus-fill::before { content: "\f1ee"; }
.bi-calendar-plus::before { content: "\f1ef"; }
.bi-calendar-range-fill::before { content: "\f1f0"; }
.bi-calendar-range::before { content: "\f1f1"; }
.bi-calendar-week-fill::before { content: "\f1f2"; }
.bi-calendar-week::before { content: "\f1f3"; }
.bi-calendar-x-fill::before { content: "\f1f4"; }
.bi-calendar-x::before { content: "\f1f5"; }
.bi-calendar::before { content: "\f1f6"; }
.bi-calendar2-check-fill::before { content: "\f1f7"; }
.bi-calendar2-check::before { content: "\f1f8"; }
.bi-calendar2-date-fill::before { content: "\f1f9"; }
.bi-calendar2-date::before { content: "\f1fa"; }
.bi-calendar2-day-fill::before { content: "\f1fb"; }
.bi-calendar2-day::before { content: "\f1fc"; }
.bi-calendar2-event-fill::before { content: "\f1fd"; }
.bi-calendar2-event::before { content: "\f1fe"; }
.bi-calendar2-fill::before { content: "\f1ff"; }
.bi-calendar2-minus-fill::before { content: "\f200"; }
.bi-calendar2-minus::before { content: "\f201"; }
.bi-calendar2-month-fill::before { content: "\f202"; }
.bi-calendar2-month::before { content: "\f203"; }
.bi-calendar2-plus-fill::before { content: "\f204"; }
.bi-calendar2-plus::before { content: "\f205"; }
.bi-calendar2-range-fill::before { content: "\f206"; }
.bi-calendar2-range::before { content: "\f207"; }
.bi-calendar2-week-fill::before { content: "\f208"; }
.bi-calendar2-week::before { content: "\f209"; }
.bi-calendar2-x-fill::before { content: "\f20a"; }
.bi-calendar2-x::before { content: "\f20b"; }
.bi-calendar2::before { content: "\f20c"; }
.bi-calendar3-event-fill::before { content: "\f20d"; }
.bi-calendar3-event::before { content: "\f20e"; }
.bi-calendar3-fill::before { content: "\f20f"; }
.bi-calendar3-range-fill::before { content: "\f210"; }
.bi-calendar3-range::before { content: "\f211"; }
.bi-calendar3-week-fill::before { content: "\f212"; }
.bi-calendar3-week::before { content: "\f213"; }
.bi-calendar3::before { content: "\f214"; }
.bi-calendar4-event::before { content: "\f215"; }
.bi-calendar4-range::before { content: "\f216"; }
.bi-calendar4-week::before { content: "\f217"; }
.bi-calendar4::before { content: "\f218"; }
.bi-camera-fill::before { content: "\f219"; }
.bi-camera-reels-fill::before { content: "\f21a"; }
.bi-camera-reels::before { content: "\f21b"; }
.bi-camera-video-fill::before { content: "\f21c"; }
.bi-camera-video-off-fill::before { content: "\f21d"; }
.bi-camera-video-off::before { content: "\f21e"; }
.bi-camera-video::before { content: "\f21f"; }
.bi-camera::before { content: "\f220"; }
.bi-camera2::before { content: "\f221"; }
.bi-capslock-fill::before { content: "\f222"; }
.bi-capslock::before { content: "\f223"; }
.bi-card-checklist::before { content: "\f224"; }
.bi-card-heading::before { content: "\f225"; }
.bi-card-image::before { content: "\f226"; }
.bi-card-list::before { content: "\f227"; }
.bi-card-text::before { content: "\f228"; }
.bi-caret-down-fill::before { content: "\f229"; }
.bi-caret-down-square-fill::before { content: "\f22a"; }
.bi-caret-down-square::before { content: "\f22b"; }
.bi-caret-down::before { content: "\f22c"; }
.bi-caret-left-fill::before { content: "\f22d"; }
.bi-caret-left-square-fill::before { content: "\f22e"; }
.bi-caret-left-square::before { content: "\f22f"; }
.bi-caret-left::before { content: "\f230"; }
.bi-caret-right-fill::before { content: "\f231"; }
.bi-caret-right-square-fill::before { content: "\f232"; }
.bi-caret-right-square::before { content: "\f233"; }
.bi-caret-right::before { content: "\f234"; }
.bi-caret-up-fill::before { content: "\f235"; }
.bi-caret-up-square-fill::before { content: "\f236"; }
.bi-caret-up-square::before { content: "\f237"; }
.bi-caret-up::before { content: "\f238"; }
.bi-cart-check-fill::before { content: "\f239"; }
.bi-cart-check::before { content: "\f23a"; }
.bi-cart-dash-fill::before { content: "\f23b"; }
.bi-cart-dash::before { content: "\f23c"; }
.bi-cart-fill::before { content: "\f23d"; }
.bi-cart-plus-fill::before { content: "\f23e"; }
.bi-cart-plus::before { content: "\f23f"; }
.bi-cart-x-fill::before { content: "\f240"; }
.bi-cart-x::before { content: "\f241"; }
.bi-cart::before { content: "\f242"; }
.bi-cart2::before { content: "\f243"; }
.bi-cart3::before { content: "\f244"; }
.bi-cart4::before { content: "\f245"; }
.bi-cash-stack::before { content: "\f246"; }
.bi-cash::before { content: "\f247"; }
.bi-cast::before { content: "\f248"; }
.bi-chat-dots-fill::before { content: "\f249"; }
.bi-chat-dots::before { content: "\f24a"; }
.bi-chat-fill::before { content: "\f24b"; }
.bi-chat-left-dots-fill::before { content: "\f24c"; }
.bi-chat-left-dots::before { content: "\f24d"; }
.bi-chat-left-fill::before { content: "\f24e"; }
.bi-chat-left-quote-fill::before { content: "\f24f"; }
.bi-chat-left-quote::before { content: "\f250"; }
.bi-chat-left-text-fill::before { content: "\f251"; }
.bi-chat-left-text::before { content: "\f252"; }
.bi-chat-left::before { content: "\f253"; }
.bi-chat-quote-fill::before { content: "\f254"; }
.bi-chat-quote::before { content: "\f255"; }
.bi-chat-right-dots-fill::before { content: "\f256"; }
.bi-chat-right-dots::before { content: "\f257"; }
.bi-chat-right-fill::before { content: "\f258"; }
.bi-chat-right-quote-fill::before { content: "\f259"; }
.bi-chat-right-quote::before { content: "\f25a"; }
.bi-chat-right-text-fill::before { content: "\f25b"; }
.bi-chat-right-text::before { content: "\f25c"; }
.bi-chat-right::before { content: "\f25d"; }
.bi-chat-square-dots-fill::before { content: "\f25e"; }
.bi-chat-square-dots::before { content: "\f25f"; }
.bi-chat-square-fill::before { content: "\f260"; }
.bi-chat-square-quote-fill::before { content: "\f261"; }
.bi-chat-square-quote::before { content: "\f262"; }
.bi-chat-square-text-fill::before { content: "\f263"; }
.bi-chat-square-text::before { content: "\f264"; }
.bi-chat-square::before { content: "\f265"; }
.bi-chat-text-fill::before { content: "\f266"; }
.bi-chat-text::before { content: "\f267"; }
.bi-chat::before { content: "\f268"; }
.bi-check-all::before { content: "\f269"; }
.bi-check-circle-fill::before { content: "\f26a"; }
.bi-check-circle::before { content: "\f26b"; }
.bi-check-square-fill::before { content: "\f26c"; }
.bi-check-square::before { content: "\f26d"; }
.bi-check::before { content: "\f26e"; }
.bi-check2-all::before { content: "\f26f"; }
.bi-check2-circle::before { content: "\f270"; }
.bi-check2-square::before { content: "\f271"; }
.bi-check2::before { content: "\f272"; }
.bi-chevron-bar-contract::before { content: "\f273"; }
.bi-chevron-bar-down::before { content: "\f274"; }
.bi-chevron-bar-expand::before { content: "\f275"; }
.bi-chevron-bar-left::before { content: "\f276"; }
.bi-chevron-bar-right::before { content: "\f277"; }
.bi-chevron-bar-up::before { content: "\f278"; }
.bi-chevron-compact-down::before { content: "\f279"; }
.bi-chevron-compact-left::before { content: "\f27a"; }
.bi-chevron-compact-right::before { content: "\f27b"; }
.bi-chevron-compact-up::before { content: "\f27c"; }
.bi-chevron-contract::before { content: "\f27d"; }
.bi-chevron-double-down::before { content: "\f27e"; }
.bi-chevron-double-left::before { content: "\f27f"; }
.bi-chevron-double-right::before { content: "\f280"; }
.bi-chevron-double-up::before { content: "\f281"; }
.bi-chevron-down::before { content: "\f282"; }
.bi-chevron-expand::before { content: "\f283"; }
.bi-chevron-left::before { content: "\f284"; }
.bi-chevron-right::before { content: "\f285"; }
.bi-chevron-up::before { content: "\f286"; }
.bi-circle-fill::before { content: "\f287"; }
.bi-circle-half::before { content: "\f288"; }
.bi-circle-square::before { content: "\f289"; }
.bi-circle::before { content: "\f28a"; }
.bi-clipboard-check::before { content: "\f28b"; }
.bi-clipboard-data::before { content: "\f28c"; }
.bi-clipboard-minus::before { content: "\f28d"; }
.bi-clipboard-plus::before { content: "\f28e"; }
.bi-clipboard-x::before { content: "\f28f"; }
.bi-clipboard::before { content: "\f290"; }
.bi-clock-fill::before { content: "\f291"; }
.bi-clock-history::before { content: "\f292"; }
.bi-clock::before { content: "\f293"; }
.bi-cloud-arrow-down-fill::before { content: "\f294"; }
.bi-cloud-arrow-down::before { content: "\f295"; }
.bi-cloud-arrow-up-fill::before { content: "\f296"; }
.bi-cloud-arrow-up::before { content: "\f297"; }
.bi-cloud-check-fill::before { content: "\f298"; }
.bi-cloud-check::before { content: "\f299"; }
.bi-cloud-download-fill::before { content: "\f29a"; }
.bi-cloud-download::before { content: "\f29b"; }
.bi-cloud-drizzle-fill::before { content: "\f29c"; }
.bi-cloud-drizzle::before { content: "\f29d"; }
.bi-cloud-fill::before { content: "\f29e"; }
.bi-cloud-fog-fill::before { content: "\f29f"; }
.bi-cloud-fog::before { content: "\f2a0"; }
.bi-cloud-fog2-fill::before { content: "\f2a1"; }
.bi-cloud-fog2::before { content: "\f2a2"; }
.bi-cloud-hail-fill::before { content: "\f2a3"; }
.bi-cloud-hail::before { content: "\f2a4"; }
.bi-cloud-haze-fill::before { content: "\f2a6"; }
.bi-cloud-haze::before { content: "\f2a7"; }
.bi-cloud-haze2-fill::before { content: "\f2a8"; }
.bi-cloud-lightning-fill::before { content: "\f2a9"; }
.bi-cloud-lightning-rain-fill::before { content: "\f2aa"; }
.bi-cloud-lightning-rain::before { content: "\f2ab"; }
.bi-cloud-lightning::before { content: "\f2ac"; }
.bi-cloud-minus-fill::before { content: "\f2ad"; }
.bi-cloud-minus::before { content: "\f2ae"; }
.bi-cloud-moon-fill::before { content: "\f2af"; }
.bi-cloud-moon::before { content: "\f2b0"; }
.bi-cloud-plus-fill::before { content: "\f2b1"; }
.bi-cloud-plus::before { content: "\f2b2"; }
.bi-cloud-rain-fill::before { content: "\f2b3"; }
.bi-cloud-rain-heavy-fill::before { content: "\f2b4"; }
.bi-cloud-rain-heavy::before { content: "\f2b5"; }
.bi-cloud-rain::before { content: "\f2b6"; }
.bi-cloud-slash-fill::before { content: "\f2b7"; }
.bi-cloud-slash::before { content: "\f2b8"; }
.bi-cloud-sleet-fill::before { content: "\f2b9"; }
.bi-cloud-sleet::before { content: "\f2ba"; }
.bi-cloud-snow-fill::before { content: "\f2bb"; }
.bi-cloud-snow::before { content: "\f2bc"; }
.bi-cloud-sun-fill::before { content: "\f2bd"; }
.bi-cloud-sun::before { content: "\f2be"; }
.bi-cloud-upload-fill::before { content: "\f2bf"; }
.bi-cloud-upload::before { content: "\f2c0"; }
.bi-cloud::before { content: "\f2c1"; }
.bi-clouds-fill::before { content: "\f2c2"; }
.bi-clouds::before { content: "\f2c3"; }
.bi-cloudy-fill::before { content: "\f2c4"; }
.bi-cloudy::before { content: "\f2c5"; }
.bi-code-slash::before { content: "\f2c6"; }
.bi-code-square::before { content: "\f2c7"; }
.bi-code::before { content: "\f2c8"; }
.bi-collection-fill::before { content: "\f2c9"; }
.bi-collection-play-fill::before { content: "\f2ca"; }
.bi-collection-play::before { content: "\f2cb"; }
.bi-collection::before { content: "\f2cc"; }
.bi-columns-gap::before { content: "\f2cd"; }
.bi-columns::before { content: "\f2ce"; }
.bi-command::before { content: "\f2cf"; }
.bi-compass-fill::before { content: "\f2d0"; }
.bi-compass::before { content: "\f2d1"; }
.bi-cone-striped::before { content: "\f2d2"; }
.bi-cone::before { content: "\f2d3"; }
.bi-controller::before { content: "\f2d4"; }
.bi-cpu-fill::before { content: "\f2d5"; }
.bi-cpu::before { content: "\f2d6"; }
.bi-credit-card-2-back-fill::before { content: "\f2d7"; }
.bi-credit-card-2-back::before { content: "\f2d8"; }
.bi-credit-card-2-front-fill::before { content: "\f2d9"; }
.bi-credit-card-2-front::before { content: "\f2da"; }
.bi-credit-card-fill::before { content: "\f2db"; }
.bi-credit-card::before { content: "\f2dc"; }
.bi-crop::before { content: "\f2dd"; }
.bi-cup-fill::before { content: "\f2de"; }
.bi-cup-straw::before { content: "\f2df"; }
.bi-cup::before { content: "\f2e0"; }
.bi-cursor-fill::before { content: "\f2e1"; }
.bi-cursor-text::before { content: "\f2e2"; }
.bi-cursor::before { content: "\f2e3"; }
.bi-dash-circle-dotted::before { content: "\f2e4"; }
.bi-dash-circle-fill::before { content: "\f2e5"; }
.bi-dash-circle::before { content: "\f2e6"; }
.bi-dash-square-dotted::before { content: "\f2e7"; }
.bi-dash-square-fill::before { content: "\f2e8"; }
.bi-dash-square::before { content: "\f2e9"; }
.bi-dash::before { content: "\f2ea"; }
.bi-diagram-2-fill::before { content: "\f2eb"; }
.bi-diagram-2::before { content: "\f2ec"; }
.bi-diagram-3-fill::before { content: "\f2ed"; }
.bi-diagram-3::before { content: "\f2ee"; }
.bi-diamond-fill::before { content: "\f2ef"; }
.bi-diamond-half::before { content: "\f2f0"; }
.bi-diamond::before { content: "\f2f1"; }
.bi-dice-1-fill::before { content: "\f2f2"; }
.bi-dice-1::before { content: "\f2f3"; }
.bi-dice-2-fill::before { content: "\f2f4"; }
.bi-dice-2::before { content: "\f2f5"; }
.bi-dice-3-fill::before { content: "\f2f6"; }
.bi-dice-3::before { content: "\f2f7"; }
.bi-dice-4-fill::before { content: "\f2f8"; }
.bi-dice-4::before { content: "\f2f9"; }
.bi-dice-5-fill::before { content: "\f2fa"; }
.bi-dice-5::before { content: "\f2fb"; }
.bi-dice-6-fill::before { content: "\f2fc"; }
.bi-dice-6::before { content: "\f2fd"; }
.bi-disc-fill::before { content: "\f2fe"; }
.bi-disc::before { content: "\f2ff"; }
.bi-discord::before { content: "\f300"; }
.bi-display-fill::before { content: "\f301"; }
.bi-display::before { content: "\f302"; }
.bi-distribute-horizontal::before { content: "\f303"; }
.bi-distribute-vertical::before { content: "\f304"; }
.bi-door-closed-fill::before { content: "\f305"; }
.bi-door-closed::before { content: "\f306"; }
.bi-door-open-fill::before { content: "\f307"; }
.bi-door-open::before { content: "\f308"; }
.bi-dot::before { content: "\f309"; }
.bi-download::before { content: "\f30a"; }
.bi-droplet-fill::before { content: "\f30b"; }
.bi-droplet-half::before { content: "\f30c"; }
.bi-droplet::before { content: "\f30d"; }
.bi-earbuds::before { content: "\f30e"; }
.bi-easel-fill::before { content: "\f30f"; }
.bi-easel::before { content: "\f310"; }
.bi-egg-fill::before { content: "\f311"; }
.bi-egg-fried::before { content: "\f312"; }
.bi-egg::before { content: "\f313"; }
.bi-eject-fill::before { content: "\f314"; }
.bi-eject::before { content: "\f315"; }
.bi-emoji-angry-fill::before { content: "\f316"; }
.bi-emoji-angry::before { content: "\f317"; }
.bi-emoji-dizzy-fill::before { content: "\f318"; }
.bi-emoji-dizzy::before { content: "\f319"; }
.bi-emoji-expressionless-fill::before { content: "\f31a"; }
.bi-emoji-expressionless::before { content: "\f31b"; }
.bi-emoji-frown-fill::before { content: "\f31c"; }
.bi-emoji-frown::before { content: "\f31d"; }
.bi-emoji-heart-eyes-fill::before { content: "\f31e"; }
.bi-emoji-heart-eyes::before { content: "\f31f"; }
.bi-emoji-laughing-fill::before { content: "\f320"; }
.bi-emoji-laughing::before { content: "\f321"; }
.bi-emoji-neutral-fill::before { content: "\f322"; }
.bi-emoji-neutral::before { content: "\f323"; }
.bi-emoji-smile-fill::before { content: "\f324"; }
.bi-emoji-smile-upside-down-fill::before { content: "\f325"; }
.bi-emoji-smile-upside-down::before { content: "\f326"; }
.bi-emoji-smile::before { content: "\f327"; }
.bi-emoji-sunglasses-fill::before { content: "\f328"; }
.bi-emoji-sunglasses::before { content: "\f329"; }
.bi-emoji-wink-fill::before { content: "\f32a"; }
.bi-emoji-wink::before { content: "\f32b"; }
.bi-envelope-fill::before { content: "\f32c"; }
.bi-envelope-open-fill::before { content: "\f32d"; }
.bi-envelope-open::before { content: "\f32e"; }
.bi-envelope::before { content: "\f32f"; }
.bi-eraser-fill::before { content: "\f330"; }
.bi-eraser::before { content: "\f331"; }
.bi-exclamation-circle-fill::before { content: "\f332"; }
.bi-exclamation-circle::before { content: "\f333"; }
.bi-exclamation-diamond-fill::before { content: "\f334"; }
.bi-exclamation-diamond::before { content: "\f335"; }
.bi-exclamation-octagon-fill::before { content: "\f336"; }
.bi-exclamation-octagon::before { content: "\f337"; }
.bi-exclamation-square-fill::before { content: "\f338"; }
.bi-exclamation-square::before { content: "\f339"; }
.bi-exclamation-triangle-fill::before { content: "\f33a"; }
.bi-exclamation-triangle::before { content: "\f33b"; }
.bi-exclamation::before { content: "\f33c"; }
.bi-exclude::before { content: "\f33d"; }
.bi-eye-fill::before { content: "\f33e"; }
.bi-eye-slash-fill::before { content: "\f33f"; }
.bi-eye-slash::before { content: "\f340"; }
.bi-eye::before { content: "\f341"; }
.bi-eyedropper::before { content: "\f342"; }
.bi-eyeglasses::before { content: "\f343"; }
.bi-facebook::before { content: "\f344"; }
.bi-file-arrow-down-fill::before { content: "\f345"; }
.bi-file-arrow-down::before { content: "\f346"; }
.bi-file-arrow-up-fill::before { content: "\f347"; }
.bi-file-arrow-up::before { content: "\f348"; }
.bi-file-bar-graph-fill::before { content: "\f349"; }
.bi-file-bar-graph::before { content: "\f34a"; }
.bi-file-binary-fill::before { content: "\f34b"; }
.bi-file-binary::before { content: "\f34c"; }
.bi-file-break-fill::before { content: "\f34d"; }
.bi-file-break::before { content: "\f34e"; }
.bi-file-check-fill::before { content: "\f34f"; }
.bi-file-check::before { content: "\f350"; }
.bi-file-code-fill::before { content: "\f351"; }
.bi-file-code::before { content: "\f352"; }
.bi-file-diff-fill::before { content: "\f353"; }
.bi-file-diff::before { content: "\f354"; }
.bi-file-earmark-arrow-down-fill::before { content: "\f355"; }
.bi-file-earmark-arrow-down::before { content: "\f356"; }
.bi-file-earmark-arrow-up-fill::before { content: "\f357"; }
.bi-file-earmark-arrow-up::before { content: "\f358"; }
.bi-file-earmark-bar-graph-fill::before { content: "\f359"; }
.bi-file-earmark-bar-graph::before { content: "\f35a"; }
.bi-file-earmark-binary-fill::before { content: "\f35b"; }
.bi-file-earmark-binary::before { content: "\f35c"; }
.bi-file-earmark-break-fill::before { content: "\f35d"; }
.bi-file-earmark-break::before { content: "\f35e"; }
.bi-file-earmark-check-fill::before { content: "\f35f"; }
.bi-file-earmark-check::before { content: "\f360"; }
.bi-file-earmark-code-fill::before { content: "\f361"; }
.bi-file-earmark-code::before { content: "\f362"; }
.bi-file-earmark-diff-fill::before { content: "\f363"; }
.bi-file-earmark-diff::before { content: "\f364"; }
.bi-file-earmark-easel-fill::before { content: "\f365"; }
.bi-file-earmark-easel::before { content: "\f366"; }
.bi-file-earmark-excel-fill::before { content: "\f367"; }
.bi-file-earmark-excel::before { content: "\f368"; }
.bi-file-earmark-fill::before { content: "\f369"; }
.bi-file-earmark-font-fill::before { content: "\f36a"; }
.bi-file-earmark-font::before { content: "\f36b"; }
.bi-file-earmark-image-fill::before { content: "\f36c"; }
.bi-file-earmark-image::before { content: "\f36d"; }
.bi-file-earmark-lock-fill::before { content: "\f36e"; }
.bi-file-earmark-lock::before { content: "\f36f"; }
.bi-file-earmark-lock2-fill::before { content: "\f370"; }
.bi-file-earmark-lock2::before { content: "\f371"; }
.bi-file-earmark-medical-fill::before { content: "\f372"; }
.bi-file-earmark-medical::before { content: "\f373"; }
.bi-file-earmark-minus-fill::before { content: "\f374"; }
.bi-file-earmark-minus::before { content: "\f375"; }
.bi-file-earmark-music-fill::before { content: "\f376"; }
.bi-file-earmark-music::before { content: "\f377"; }
.bi-file-earmark-person-fill::before { content: "\f378"; }
.bi-file-earmark-person::before { content: "\f379"; }
.bi-file-earmark-play-fill::before { content: "\f37a"; }
.bi-file-earmark-play::before { content: "\f37b"; }
.bi-file-earmark-plus-fill::before { content: "\f37c"; }
.bi-file-earmark-plus::before { content: "\f37d"; }
.bi-file-earmark-post-fill::before { content: "\f37e"; }
.bi-file-earmark-post::before { content: "\f37f"; }
.bi-file-earmark-ppt-fill::before { content: "\f380"; }
.bi-file-earmark-ppt::before { content: "\f381"; }
.bi-file-earmark-richtext-fill::before { content: "\f382"; }
.bi-file-earmark-richtext::before { content: "\f383"; }
.bi-file-earmark-ruled-fill::before { content: "\f384"; }
.bi-file-earmark-ruled::before { content: "\f385"; }
.bi-file-earmark-slides-fill::before { content: "\f386"; }
.bi-file-earmark-slides::before { content: "\f387"; }
.bi-file-earmark-spreadsheet-fill::before { content: "\f388"; }
.bi-file-earmark-spreadsheet::before { content: "\f389"; }
.bi-file-earmark-text-fill::before { content: "\f38a"; }
.bi-file-earmark-text::before { content: "\f38b"; }
.bi-file-earmark-word-fill::before { content: "\f38c"; }
.bi-file-earmark-word::before { content: "\f38d"; }
.bi-file-earmark-x-fill::before { content: "\f38e"; }
.bi-file-earmark-x::before { content: "\f38f"; }
.bi-file-earmark-zip-fill::before { content: "\f390"; }
.bi-file-earmark-zip::before { content: "\f391"; }
.bi-file-earmark::before { content: "\f392"; }
.bi-file-easel-fill::before { content: "\f393"; }
.bi-file-easel::before { content: "\f394"; }
.bi-file-excel-fill::before { content: "\f395"; }
.bi-file-excel::before { content: "\f396"; }
.bi-file-fill::before { content: "\f397"; }
.bi-file-font-fill::before { content: "\f398"; }
.bi-file-font::before { content: "\f399"; }
.bi-file-image-fill::before { content: "\f39a"; }
.bi-file-image::before { content: "\f39b"; }
.bi-file-lock-fill::before { content: "\f39c"; }
.bi-file-lock::before { content: "\f39d"; }
.bi-file-lock2-fill::before { content: "\f39e"; }
.bi-file-lock2::before { content: "\f39f"; }
.bi-file-medical-fill::before { content: "\f3a0"; }
.bi-file-medical::before { content: "\f3a1"; }
.bi-file-minus-fill::before { content: "\f3a2"; }
.bi-file-minus::before { content: "\f3a3"; }
.bi-file-music-fill::before { content: "\f3a4"; }
.bi-file-music::before { content: "\f3a5"; }
.bi-file-person-fill::before { content: "\f3a6"; }
.bi-file-person::before { content: "\f3a7"; }
.bi-file-play-fill::before { content: "\f3a8"; }
.bi-file-play::before { content: "\f3a9"; }
.bi-file-plus-fill::before { content: "\f3aa"; }
.bi-file-plus::before { content: "\f3ab"; }
.bi-file-post-fill::before { content: "\f3ac"; }
.bi-file-post::before { content: "\f3ad"; }
.bi-file-ppt-fill::before { content: "\f3ae"; }
.bi-file-ppt::before { content: "\f3af"; }
.bi-file-richtext-fill::before { content: "\f3b0"; }
.bi-file-richtext::before { content: "\f3b1"; }
.bi-file-ruled-fill::before { content: "\f3b2"; }
.bi-file-ruled::before { content: "\f3b3"; }
.bi-file-slides-fill::before { content: "\f3b4"; }
.bi-file-slides::before { content: "\f3b5"; }
.bi-file-spreadsheet-fill::before { content: "\f3b6"; }
.bi-file-spreadsheet::before { content: "\f3b7"; }
.bi-file-text-fill::before { content: "\f3b8"; }
.bi-file-text::before { content: "\f3b9"; }
.bi-file-word-fill::before { content: "\f3ba"; }
.bi-file-word::before { content: "\f3bb"; }
.bi-file-x-fill::before { content: "\f3bc"; }
.bi-file-x::before { content: "\f3bd"; }
.bi-file-zip-fill::before { content: "\f3be"; }
.bi-file-zip::before { content: "\f3bf"; }
.bi-file::before { content: "\f3c0"; }
.bi-files-alt::before { content: "\f3c1"; }
.bi-files::before { content: "\f3c2"; }
.bi-film::before { content: "\f3c3"; }
.bi-filter-circle-fill::before { content: "\f3c4"; }
.bi-filter-circle::before { content: "\f3c5"; }
.bi-filter-left::before { content: "\f3c6"; }
.bi-filter-right::before { content: "\f3c7"; }
.bi-filter-square-fill::before { content: "\f3c8"; }
.bi-filter-square::before { content: "\f3c9"; }
.bi-filter::before { content: "\f3ca"; }
.bi-flag-fill::before { content: "\f3cb"; }
.bi-flag::before { content: "\f3cc"; }
.bi-flower1::before { content: "\f3cd"; }
.bi-flower2::before { content: "\f3ce"; }
.bi-flower3::before { content: "\f3cf"; }
.bi-folder-check::before { content: "\f3d0"; }
.bi-folder-fill::before { content: "\f3d1"; }
.bi-folder-minus::before { content: "\f3d2"; }
.bi-folder-plus::before { content: "\f3d3"; }
.bi-folder-symlink-fill::before { content: "\f3d4"; }
.bi-folder-symlink::before { content: "\f3d5"; }
.bi-folder-x::before { content: "\f3d6"; }
.bi-folder::before { content: "\f3d7"; }
.bi-folder2-open::before { content: "\f3d8"; }
.bi-folder2::before { content: "\f3d9"; }
.bi-fonts::before { content: "\f3da"; }
.bi-forward-fill::before { content: "\f3db"; }
.bi-forward::before { content: "\f3dc"; }
.bi-front::before { content: "\f3dd"; }
.bi-fullscreen-exit::before { content: "\f3de"; }
.bi-fullscreen::before { content: "\f3df"; }
.bi-funnel-fill::before { content: "\f3e0"; }
.bi-funnel::before { content: "\f3e1"; }
.bi-gear-fill::before { content: "\f3e2"; }
.bi-gear-wide-connected::before { content: "\f3e3"; }
.bi-gear-wide::before { content: "\f3e4"; }
.bi-gear::before { content: "\f3e5"; }
.bi-gem::before { content: "\f3e6"; }
.bi-geo-alt-fill::before { content: "\f3e7"; }
.bi-geo-alt::before { content: "\f3e8"; }
.bi-geo-fill::before { content: "\f3e9"; }
.bi-geo::before { content: "\f3ea"; }
.bi-gift-fill::before { content: "\f3eb"; }
.bi-gift::before { content: "\f3ec"; }
.bi-github::before { content: "\f3ed"; }
.bi-globe::before { content: "\f3ee"; }
.bi-globe2::before { content: "\f3ef"; }
.bi-google::before { content: "\f3f0"; }
.bi-graph-down::before { content: "\f3f1"; }
.bi-graph-up::before { content: "\f3f2"; }
.bi-grid-1x2-fill::before { content: "\f3f3"; }
.bi-grid-1x2::before { content: "\f3f4"; }
.bi-grid-3x2-gap-fill::before { content: "\f3f5"; }
.bi-grid-3x2-gap::before { content: "\f3f6"; }
.bi-grid-3x2::before { content: "\f3f7"; }
.bi-grid-3x3-gap-fill::before { content: "\f3f8"; }
.bi-grid-3x3-gap::before { content: "\f3f9"; }
.bi-grid-3x3::before { content: "\f3fa"; }
.bi-grid-fill::before { content: "\f3fb"; }
.bi-grid::before { content: "\f3fc"; }
.bi-grip-horizontal::before { content: "\f3fd"; }
.bi-grip-vertical::before { content: "\f3fe"; }
.bi-hammer::before { content: "\f3ff"; }
.bi-hand-index-fill::before { content: "\f400"; }
.bi-hand-index-thumb-fill::before { content: "\f401"; }
.bi-hand-index-thumb::before { content: "\f402"; }
.bi-hand-index::before { content: "\f403"; }
.bi-hand-thumbs-down-fill::before { content: "\f404"; }
.bi-hand-thumbs-down::before { content: "\f405"; }
.bi-hand-thumbs-up-fill::before { content: "\f406"; }
.bi-hand-thumbs-up::before { content: "\f407"; }
.bi-handbag-fill::before { content: "\f408"; }
.bi-handbag::before { content: "\f409"; }
.bi-hash::before { content: "\f40a"; }
.bi-hdd-fill::before { content: "\f40b"; }
.bi-hdd-network-fill::before { content: "\f40c"; }
.bi-hdd-network::before { content: "\f40d"; }
.bi-hdd-rack-fill::before { content: "\f40e"; }
.bi-hdd-rack::before { content: "\f40f"; }
.bi-hdd-stack-fill::before { content: "\f410"; }
.bi-hdd-stack::before { content: "\f411"; }
.bi-hdd::before { content: "\f412"; }
.bi-headphones::before { content: "\f413"; }
.bi-headset::before { content: "\f414"; }
.bi-heart-fill::before { content: "\f415"; }
.bi-heart-half::before { content: "\f416"; }
.bi-heart::before { content: "\f417"; }
.bi-heptagon-fill::before { content: "\f418"; }
.bi-heptagon-half::before { content: "\f419"; }
.bi-heptagon::before { content: "\f41a"; }
.bi-hexagon-fill::before { content: "\f41b"; }
.bi-hexagon-half::before { content: "\f41c"; }
.bi-hexagon::before { content: "\f41d"; }
.bi-hourglass-bottom::before { content: "\f41e"; }
.bi-hourglass-split::before { content: "\f41f"; }
.bi-hourglass-top::before { content: "\f420"; }
.bi-hourglass::before { content: "\f421"; }
.bi-house-door-fill::before { content: "\f422"; }
.bi-house-door::before { content: "\f423"; }
.bi-house-fill::before { content: "\f424"; }
.bi-house::before { content: "\f425"; }
.bi-hr::before { content: "\f426"; }
.bi-hurricane::before { content: "\f427"; }
.bi-image-alt::before { content: "\f428"; }
.bi-image-fill::before { content: "\f429"; }
.bi-image::before { content: "\f42a"; }
.bi-images::before { content: "\f42b"; }
.bi-inbox-fill::before { content: "\f42c"; }
.bi-inbox::before { content: "\f42d"; }
.bi-inboxes-fill::before { content: "\f42e"; }
.bi-inboxes::before { content: "\f42f"; }
.bi-info-circle-fill::before { content: "\f430"; }
.bi-info-circle::before { content: "\f431"; }
.bi-info-square-fill::before { content: "\f432"; }
.bi-info-square::before { content: "\f433"; }
.bi-info::before { content: "\f434"; }
.bi-input-cursor-text::before { content: "\f435"; }
.bi-input-cursor::before { content: "\f436"; }
.bi-instagram::before { content: "\f437"; }
.bi-intersect::before { content: "\f438"; }
.bi-journal-album::before { content: "\f439"; }
.bi-journal-arrow-down::before { content: "\f43a"; }
.bi-journal-arrow-up::before { content: "\f43b"; }
.bi-journal-bookmark-fill::before { content: "\f43c"; }
.bi-journal-bookmark::before { content: "\f43d"; }
.bi-journal-check::before { content: "\f43e"; }
.bi-journal-code::before { content: "\f43f"; }
.bi-journal-medical::before { content: "\f440"; }
.bi-journal-minus::before { content: "\f441"; }
.bi-journal-plus::before { content: "\f442"; }
.bi-journal-richtext::before { content: "\f443"; }
.bi-journal-text::before { content: "\f444"; }
.bi-journal-x::before { content: "\f445"; }
.bi-journal::before { content: "\f446"; }
.bi-journals::before { content: "\f447"; }
.bi-joystick::before { content: "\f448"; }
.bi-justify-left::before { content: "\f449"; }
.bi-justify-right::before { content: "\f44a"; }
.bi-justify::before { content: "\f44b"; }
.bi-kanban-fill::before { content: "\f44c"; }
.bi-kanban::before { content: "\f44d"; }
.bi-key-fill::before { content: "\f44e"; }
.bi-key::before { content: "\f44f"; }
.bi-keyboard-fill::before { content: "\f450"; }
.bi-keyboard::before { content: "\f451"; }
.bi-ladder::before { content: "\f452"; }
.bi-lamp-fill::before { content: "\f453"; }
.bi-lamp::before { content: "\f454"; }
.bi-laptop-fill::before { content: "\f455"; }
.bi-laptop::before { content: "\f456"; }
.bi-layer-backward::before { content: "\f457"; }
.bi-layer-forward::before { content: "\f458"; }
.bi-layers-fill::before { content: "\f459"; }
.bi-layers-half::before { content: "\f45a"; }
.bi-layers::before { content: "\f45b"; }
.bi-layout-sidebar-inset-reverse::before { content: "\f45c"; }
.bi-layout-sidebar-inset::before { content: "\f45d"; }
.bi-layout-sidebar-reverse::before { content: "\f45e"; }
.bi-layout-sidebar::before { content: "\f45f"; }
.bi-layout-split::before { content: "\f460"; }
.bi-layout-text-sidebar-reverse::before { content: "\f461"; }
.bi-layout-text-sidebar::before { content: "\f462"; }
.bi-layout-text-window-reverse::before { content: "\f463"; }
.bi-layout-text-window::before { content: "\f464"; }
.bi-layout-three-columns::before { content: "\f465"; }
.bi-layout-wtf::before { content: "\f466"; }
.bi-life-preserver::before { content: "\f467"; }
.bi-lightbulb-fill::before { content: "\f468"; }
.bi-lightbulb-off-fill::before { content: "\f469"; }
.bi-lightbulb-off::before { content: "\f46a"; }
.bi-lightbulb::before { content: "\f46b"; }
.bi-lightning-charge-fill::before { content: "\f46c"; }
.bi-lightning-charge::before { content: "\f46d"; }
.bi-lightning-fill::before { content: "\f46e"; }
.bi-lightning::before { content: "\f46f"; }
.bi-link-45deg::before { content: "\f470"; }
.bi-link::before { content: "\f471"; }
.bi-linkedin::before { content: "\f472"; }
.bi-list-check::before { content: "\f473"; }
.bi-list-nested::before { content: "\f474"; }
.bi-list-ol::before { content: "\f475"; }
.bi-list-stars::before { content: "\f476"; }
.bi-list-task::before { content: "\f477"; }
.bi-list-ul::before { content: "\f478"; }
.bi-list::before { content: "\f479"; }
.bi-lock-fill::before { content: "\f47a"; }
.bi-lock::before { content: "\f47b"; }
.bi-mailbox::before { content: "\f47c"; }
.bi-mailbox2::before { content: "\f47d"; }
.bi-map-fill::before { content: "\f47e"; }
.bi-map::before { content: "\f47f"; }
.bi-markdown-fill::before { content: "\f480"; }
.bi-markdown::before { content: "\f481"; }
.bi-mask::before { content: "\f482"; }
.bi-megaphone-fill::before { content: "\f483"; }
.bi-megaphone::before { content: "\f484"; }
.bi-menu-app-fill::before { content: "\f485"; }
.bi-menu-app::before { content: "\f486"; }
.bi-menu-button-fill::before { content: "\f487"; }
.bi-menu-button-wide-fill::before { content: "\f488"; }
.bi-menu-button-wide::before { content: "\f489"; }
.bi-menu-button::before { content: "\f48a"; }
.bi-menu-down::before { content: "\f48b"; }
.bi-menu-up::before { content: "\f48c"; }
.bi-mic-fill::before { content: "\f48d"; }
.bi-mic-mute-fill::before { content: "\f48e"; }
.bi-mic-mute::before { content: "\f48f"; }
.bi-mic::before { content: "\f490"; }
.bi-minecart-loaded::before { content: "\f491"; }
.bi-minecart::before { content: "\f492"; }
.bi-moisture::before { content: "\f493"; }
.bi-moon-fill::before { content: "\f494"; }
.bi-moon-stars-fill::before { content: "\f495"; }
.bi-moon-stars::before { content: "\f496"; }
.bi-moon::before { content: "\f497"; }
.bi-mouse-fill::before { content: "\f498"; }
.bi-mouse::before { content: "\f499"; }
.bi-mouse2-fill::before { content: "\f49a"; }
.bi-mouse2::before { content: "\f49b"; }
.bi-mouse3-fill::before { content: "\f49c"; }
.bi-mouse3::before { content: "\f49d"; }
.bi-music-note-beamed::before { content: "\f49e"; }
.bi-music-note-list::before { content: "\f49f"; }
.bi-music-note::before { content: "\f4a0"; }
.bi-music-player-fill::before { content: "\f4a1"; }
.bi-music-player::before { content: "\f4a2"; }
.bi-newspaper::before { content: "\f4a3"; }
.bi-node-minus-fill::before { content: "\f4a4"; }
.bi-node-minus::before { content: "\f4a5"; }
.bi-node-plus-fill::before { content: "\f4a6"; }
.bi-node-plus::before { content: "\f4a7"; }
.bi-nut-fill::before { content: "\f4a8"; }
.bi-nut::before { content: "\f4a9"; }
.bi-octagon-fill::before { content: "\f4aa"; }
.bi-octagon-half::before { content: "\f4ab"; }
.bi-octagon::before { content: "\f4ac"; }
.bi-option::before { content: "\f4ad"; }
.bi-outlet::before { content: "\f4ae"; }
.bi-paint-bucket::before { content: "\f4af"; }
.bi-palette-fill::before { content: "\f4b0"; }
.bi-palette::before { content: "\f4b1"; }
.bi-palette2::before { content: "\f4b2"; }
.bi-paperclip::before { content: "\f4b3"; }
.bi-paragraph::before { content: "\f4b4"; }
.bi-patch-check-fill::before { content: "\f4b5"; }
.bi-patch-check::before { content: "\f4b6"; }
.bi-patch-exclamation-fill::before { content: "\f4b7"; }
.bi-patch-exclamation::before { content: "\f4b8"; }
.bi-patch-minus-fill::before { content: "\f4b9"; }
.bi-patch-minus::before { content: "\f4ba"; }
.bi-patch-plus-fill::before { content: "\f4bb"; }
.bi-patch-plus::before { content: "\f4bc"; }
.bi-patch-question-fill::before { content: "\f4bd"; }
.bi-patch-question::before { content: "\f4be"; }
.bi-pause-btn-fill::before { content: "\f4bf"; }
.bi-pause-btn::before { content: "\f4c0"; }
.bi-pause-circle-fill::before { content: "\f4c1"; }
.bi-pause-circle::before { content: "\f4c2"; }
.bi-pause-fill::before { content: "\f4c3"; }
.bi-pause::before { content: "\f4c4"; }
.bi-peace-fill::before { content: "\f4c5"; }
.bi-peace::before { content: "\f4c6"; }
.bi-pen-fill::before { content: "\f4c7"; }
.bi-pen::before { content: "\f4c8"; }
.bi-pencil-fill::before { content: "\f4c9"; }
.bi-pencil-square::before { content: "\f4ca"; }
.bi-pencil::before { content: "\f4cb"; }
.bi-pentagon-fill::before { content: "\f4cc"; }
.bi-pentagon-half::before { content: "\f4cd"; }
.bi-pentagon::before { content: "\f4ce"; }
.bi-people-fill::before { content: "\f4cf"; }
.bi-people::before { content: "\f4d0"; }
.bi-percent::before { content: "\f4d1"; }
.bi-person-badge-fill::before { content: "\f4d2"; }
.bi-person-badge::before { content: "\f4d3"; }
.bi-person-bounding-box::before { content: "\f4d4"; }
.bi-person-check-fill::before { content: "\f4d5"; }
.bi-person-check::before { content: "\f4d6"; }
.bi-person-circle::before { content: "\f4d7"; }
.bi-person-dash-fill::before { content: "\f4d8"; }
.bi-person-dash::before { content: "\f4d9"; }
.bi-person-fill::before { content: "\f4da"; }
.bi-person-lines-fill::before { content: "\f4db"; }
.bi-person-plus-fill::before { content: "\f4dc"; }
.bi-person-plus::before { content: "\f4dd"; }
.bi-person-square::before { content: "\f4de"; }
.bi-person-x-fill::before { content: "\f4df"; }
.bi-person-x::before { content: "\f4e0"; }
.bi-person::before { content: "\f4e1"; }
.bi-phone-fill::before { content: "\f4e2"; }
.bi-phone-landscape-fill::before { content: "\f4e3"; }
.bi-phone-landscape::before { content: "\f4e4"; }
.bi-phone-vibrate-fill::before { content: "\f4e5"; }
.bi-phone-vibrate::before { content: "\f4e6"; }
.bi-phone::before { content: "\f4e7"; }
.bi-pie-chart-fill::before { content: "\f4e8"; }
.bi-pie-chart::before { content: "\f4e9"; }
.bi-pin-angle-fill::before { content: "\f4ea"; }
.bi-pin-angle::before { content: "\f4eb"; }
.bi-pin-fill::before { content: "\f4ec"; }
.bi-pin::before { content: "\f4ed"; }
.bi-pip-fill::before { content: "\f4ee"; }
.bi-pip::before { content: "\f4ef"; }
.bi-play-btn-fill::before { content: "\f4f0"; }
.bi-play-btn::before { content: "\f4f1"; }
.bi-play-circle-fill::before { content: "\f4f2"; }
.bi-play-circle::before { content: "\f4f3"; }
.bi-play-fill::before { content: "\f4f4"; }
.bi-play::before { content: "\f4f5"; }
.bi-plug-fill::before { content: "\f4f6"; }
.bi-plug::before { content: "\f4f7"; }
.bi-plus-circle-dotted::before { content: "\f4f8"; }
.bi-plus-circle-fill::before { content: "\f4f9"; }
.bi-plus-circle::before { content: "\f4fa"; }
.bi-plus-square-dotted::before { content: "\f4fb"; }
.bi-plus-square-fill::before { content: "\f4fc"; }
.bi-plus-square::before { content: "\f4fd"; }
.bi-plus::before { content: "\f4fe"; }
.bi-power::before { content: "\f4ff"; }
.bi-printer-fill::before { content: "\f500"; }
.bi-printer::before { content: "\f501"; }
.bi-puzzle-fill::before { content: "\f502"; }
.bi-puzzle::before { content: "\f503"; }
.bi-question-circle-fill::before { content: "\f504"; }
.bi-question-circle::before { content: "\f505"; }
.bi-question-diamond-fill::before { content: "\f506"; }
.bi-question-diamond::before { content: "\f507"; }
.bi-question-octagon-fill::before { content: "\f508"; }
.bi-question-octagon::before { content: "\f509"; }
.bi-question-square-fill::before { content: "\f50a"; }
.bi-question-square::before { content: "\f50b"; }
.bi-question::before { content: "\f50c"; }
.bi-rainbow::before { content: "\f50d"; }
.bi-receipt-cutoff::before { content: "\f50e"; }
.bi-receipt::before { content: "\f50f"; }
.bi-reception-0::before { content: "\f510"; }
.bi-reception-1::before { content: "\f511"; }
.bi-reception-2::before { content: "\f512"; }
.bi-reception-3::before { content: "\f513"; }
.bi-reception-4::before { content: "\f514"; }
.bi-record-btn-fill::before { content: "\f515"; }
.bi-record-btn::before { content: "\f516"; }
.bi-record-circle-fill::before { content: "\f517"; }
.bi-record-circle::before { content: "\f518"; }
.bi-record-fill::before { content: "\f519"; }
.bi-record::before { content: "\f51a"; }
.bi-record2-fill::before { content: "\f51b"; }
.bi-record2::before { content: "\f51c"; }
.bi-reply-all-fill::before { content: "\f51d"; }
.bi-reply-all::before { content: "\f51e"; }
.bi-reply-fill::before { content: "\f51f"; }
.bi-reply::before { content: "\f520"; }
.bi-rss-fill::before { content: "\f521"; }
.bi-rss::before { content: "\f522"; }
.bi-rulers::before { content: "\f523"; }
.bi-save-fill::before { content: "\f524"; }
.bi-save::before { content: "\f525"; }
.bi-save2-fill::before { content: "\f526"; }
.bi-save2::before { content: "\f527"; }
.bi-scissors::before { content: "\f528"; }
.bi-screwdriver::before { content: "\f529"; }
.bi-search::before { content: "\f52a"; }
.bi-segmented-nav::before { content: "\f52b"; }
.bi-server::before { content: "\f52c"; }
.bi-share-fill::before { content: "\f52d"; }
.bi-share::before { content: "\f52e"; }
.bi-shield-check::before { content: "\f52f"; }
.bi-shield-exclamation::before { content: "\f530"; }
.bi-shield-fill-check::before { content: "\f531"; }
.bi-shield-fill-exclamation::before { content: "\f532"; }
.bi-shield-fill-minus::before { content: "\f533"; }
.bi-shield-fill-plus::before { content: "\f534"; }
.bi-shield-fill-x::before { content: "\f535"; }
.bi-shield-fill::before { content: "\f536"; }
.bi-shield-lock-fill::before { content: "\f537"; }
.bi-shield-lock::before { content: "\f538"; }
.bi-shield-minus::before { content: "\f539"; }
.bi-shield-plus::before { content: "\f53a"; }
.bi-shield-shaded::before { content: "\f53b"; }
.bi-shield-slash-fill::before { content: "\f53c"; }
.bi-shield-slash::before { content: "\f53d"; }
.bi-shield-x::before { content: "\f53e"; }
.bi-shield::before { content: "\f53f"; }
.bi-shift-fill::before { content: "\f540"; }
.bi-shift::before { content: "\f541"; }
.bi-shop-window::before { content: "\f542"; }
.bi-shop::before { content: "\f543"; }
.bi-shuffle::before { content: "\f544"; }
.bi-signpost-2-fill::before { content: "\f545"; }
.bi-signpost-2::before { content: "\f546"; }
.bi-signpost-fill::before { content: "\f547"; }
.bi-signpost-split-fill::before { content: "\f548"; }
.bi-signpost-split::before { content: "\f549"; }
.bi-signpost::before { content: "\f54a"; }
.bi-sim-fill::before { content: "\f54b"; }
.bi-sim::before { content: "\f54c"; }
.bi-skip-backward-btn-fill::before { content: "\f54d"; }
.bi-skip-backward-btn::before { content: "\f54e"; }
.bi-skip-backward-circle-fill::before { content: "\f54f"; }
.bi-skip-backward-circle::before { content: "\f550"; }
.bi-skip-backward-fill::before { content: "\f551"; }
.bi-skip-backward::before { content: "\f552"; }
.bi-skip-end-btn-fill::before { content: "\f553"; }
.bi-skip-end-btn::before { content: "\f554"; }
.bi-skip-end-circle-fill::before { content: "\f555"; }
.bi-skip-end-circle::before { content: "\f556"; }
.bi-skip-end-fill::before { content: "\f557"; }
.bi-skip-end::before { content: "\f558"; }
.bi-skip-forward-btn-fill::before { content: "\f559"; }
.bi-skip-forward-btn::before { content: "\f55a"; }
.bi-skip-forward-circle-fill::before { content: "\f55b"; }
.bi-skip-forward-circle::before { content: "\f55c"; }
.bi-skip-forward-fill::before { content: "\f55d"; }
.bi-skip-forward::before { content: "\f55e"; }
.bi-skip-start-btn-fill::before { content: "\f55f"; }
.bi-skip-start-btn::before { content: "\f560"; }
.bi-skip-start-circle-fill::before { content: "\f561"; }
.bi-skip-start-circle::before { content: "\f562"; }
.bi-skip-start-fill::before { content: "\f563"; }
.bi-skip-start::before { content: "\f564"; }
.bi-slack::before { content: "\f565"; }
.bi-slash-circle-fill::before { content: "\f566"; }
.bi-slash-circle::before { content: "\f567"; }
.bi-slash-square-fill::before { content: "\f568"; }
.bi-slash-square::before { content: "\f569"; }
.bi-slash::before { content: "\f56a"; }
.bi-sliders::before { content: "\f56b"; }
.bi-smartwatch::before { content: "\f56c"; }
.bi-snow::before { content: "\f56d"; }
.bi-snow2::before { content: "\f56e"; }
.bi-snow3::before { content: "\f56f"; }
.bi-sort-alpha-down-alt::before { content: "\f570"; }
.bi-sort-alpha-down::before { content: "\f571"; }
.bi-sort-alpha-up-alt::before { content: "\f572"; }
.bi-sort-alpha-up::before { content: "\f573"; }
.bi-sort-down-alt::before { content: "\f574"; }
.bi-sort-down::before { content: "\f575"; }
.bi-sort-numeric-down-alt::before { content: "\f576"; }
.bi-sort-numeric-down::before { content: "\f577"; }
.bi-sort-numeric-up-alt::before { content: "\f578"; }
.bi-sort-numeric-up::before { content: "\f579"; }
.bi-sort-up-alt::before { content: "\f57a"; }
.bi-sort-up::before { content: "\f57b"; }
.bi-soundwave::before { content: "\f57c"; }
.bi-speaker-fill::before { content: "\f57d"; }
.bi-speaker::before { content: "\f57e"; }
.bi-speedometer::before { content: "\f57f"; }
.bi-speedometer2::before { content: "\f580"; }
.bi-spellcheck::before { content: "\f581"; }
.bi-square-fill::before { content: "\f582"; }
.bi-square-half::before { content: "\f583"; }
.bi-square::before { content: "\f584"; }
.bi-stack::before { content: "\f585"; }
.bi-star-fill::before { content: "\f586"; }
.bi-star-half::before { content: "\f587"; }
.bi-star::before { content: "\f588"; }
.bi-stars::before { content: "\f589"; }
.bi-stickies-fill::before { content: "\f58a"; }
.bi-stickies::before { content: "\f58b"; }
.bi-sticky-fill::before { content: "\f58c"; }
.bi-sticky::before { content: "\f58d"; }
.bi-stop-btn-fill::before { content: "\f58e"; }
.bi-stop-btn::before { content: "\f58f"; }
.bi-stop-circle-fill::before { content: "\f590"; }
.bi-stop-circle::before { content: "\f591"; }
.bi-stop-fill::before { content: "\f592"; }
.bi-stop::before { content: "\f593"; }
.bi-stoplights-fill::before { content: "\f594"; }
.bi-stoplights::before { content: "\f595"; }
.bi-stopwatch-fill::before { content: "\f596"; }
.bi-stopwatch::before { content: "\f597"; }
.bi-subtract::before { content: "\f598"; }
.bi-suit-club-fill::before { content: "\f599"; }
.bi-suit-club::before { content: "\f59a"; }
.bi-suit-diamond-fill::before { content: "\f59b"; }
.bi-suit-diamond::before { content: "\f59c"; }
.bi-suit-heart-fill::before { content: "\f59d"; }
.bi-suit-heart::before { content: "\f59e"; }
.bi-suit-spade-fill::before { content: "\f59f"; }
.bi-suit-spade::before { content: "\f5a0"; }
.bi-sun-fill::before { content: "\f5a1"; }
.bi-sun::before { content: "\f5a2"; }
.bi-sunglasses::before { content: "\f5a3"; }
.bi-sunrise-fill::before { content: "\f5a4"; }
.bi-sunrise::before { content: "\f5a5"; }
.bi-sunset-fill::before { content: "\f5a6"; }
.bi-sunset::before { content: "\f5a7"; }
.bi-symmetry-horizontal::before { content: "\f5a8"; }
.bi-symmetry-vertical::before { content: "\f5a9"; }
.bi-table::before { content: "\f5aa"; }
.bi-tablet-fill::before { content: "\f5ab"; }
.bi-tablet-landscape-fill::before { content: "\f5ac"; }
.bi-tablet-landscape::before { content: "\f5ad"; }
.bi-tablet::before { content: "\f5ae"; }
.bi-tag-fill::before { content: "\f5af"; }
.bi-tag::before { content: "\f5b0"; }
.bi-tags-fill::before { content: "\f5b1"; }
.bi-tags::before { content: "\f5b2"; }
.bi-telegram::before { content: "\f5b3"; }
.bi-telephone-fill::before { content: "\f5b4"; }
.bi-telephone-forward-fill::before { content: "\f5b5"; }
.bi-telephone-forward::before { content: "\f5b6"; }
.bi-telephone-inbound-fill::before { content: "\f5b7"; }
.bi-telephone-inbound::before { content: "\f5b8"; }
.bi-telephone-minus-fill::before { content: "\f5b9"; }
.bi-telephone-minus::before { content: "\f5ba"; }
.bi-telephone-outbound-fill::before { content: "\f5bb"; }
.bi-telephone-outbound::before { content: "\f5bc"; }
.bi-telephone-plus-fill::before { content: "\f5bd"; }
.bi-telephone-plus::before { content: "\f5be"; }
.bi-telephone-x-fill::before { content: "\f5bf"; }
.bi-telephone-x::before { content: "\f5c0"; }
.bi-telephone::before { content: "\f5c1"; }
.bi-terminal-fill::before { content: "\f5c2"; }
.bi-terminal::before { content: "\f5c3"; }
.bi-text-center::before { content: "\f5c4"; }
.bi-text-indent-left::before { content: "\f5c5"; }
.bi-text-indent-right::before { content: "\f5c6"; }
.bi-text-left::before { content: "\f5c7"; }
.bi-text-paragraph::before { content: "\f5c8"; }
.bi-text-right::before { content: "\f5c9"; }
.bi-textarea-resize::before { content: "\f5ca"; }
.bi-textarea-t::before { content: "\f5cb"; }
.bi-textarea::before { content: "\f5cc"; }
.bi-thermometer-half::before { content: "\f5cd"; }
.bi-thermometer-high::before { content: "\f5ce"; }
.bi-thermometer-low::before { content: "\f5cf"; }
.bi-thermometer-snow::before { content: "\f5d0"; }
.bi-thermometer-sun::before { content: "\f5d1"; }
.bi-thermometer::before { content: "\f5d2"; }
.bi-three-dots-vertical::before { content: "\f5d3"; }
.bi-three-dots::before { content: "\f5d4"; }
.bi-toggle-off::before { content: "\f5d5"; }
.bi-toggle-on::before { content: "\f5d6"; }
.bi-toggle2-off::before { content: "\f5d7"; }
.bi-toggle2-on::before { content: "\f5d8"; }
.bi-toggles::before { content: "\f5d9"; }
.bi-toggles2::before { content: "\f5da"; }
.bi-tools::before { content: "\f5db"; }
.bi-tornado::before { content: "\f5dc"; }
.bi-trash-fill::before { content: "\f5dd"; }
.bi-trash::before { content: "\f5de"; }
.bi-trash2-fill::before { content: "\f5df"; }
.bi-trash2::before { content: "\f5e0"; }
.bi-tree-fill::before { content: "\f5e1"; }
.bi-tree::before { content: "\f5e2"; }
.bi-triangle-fill::before { content: "\f5e3"; }
.bi-triangle-half::before { content: "\f5e4"; }
.bi-triangle::before { content: "\f5e5"; }
.bi-trophy-fill::before { content: "\f5e6"; }
.bi-trophy::before { content: "\f5e7"; }
.bi-tropical-storm::before { content: "\f5e8"; }
.bi-truck-flatbed::before { content: "\f5e9"; }
.bi-truck::before { content: "\f5ea"; }
.bi-tsunami::before { content: "\f5eb"; }
.bi-tv-fill::before { content: "\f5ec"; }
.bi-tv::before { content: "\f5ed"; }
.bi-twitch::before { content: "\f5ee"; }
.bi-twitter::before { content: "\f5ef"; }
.bi-type-bold::before { content: "\f5f0"; }
.bi-type-h1::before { content: "\f5f1"; }
.bi-type-h2::before { content: "\f5f2"; }
.bi-type-h3::before { content: "\f5f3"; }
.bi-type-italic::before { content: "\f5f4"; }
.bi-type-strikethrough::before { content: "\f5f5"; }
.bi-type-underline::before { content: "\f5f6"; }
.bi-type::before { content: "\f5f7"; }
.bi-ui-checks-grid::before { content: "\f5f8"; }
.bi-ui-checks::before { content: "\f5f9"; }
.bi-ui-radios-grid::before { content: "\f5fa"; }
.bi-ui-radios::before { content: "\f5fb"; }
.bi-umbrella-fill::before { content: "\f5fc"; }
.bi-umbrella::before { content: "\f5fd"; }
.bi-union::before { content: "\f5fe"; }
.bi-unlock-fill::before { content: "\f5ff"; }
.bi-unlock::before { content: "\f600"; }
.bi-upc-scan::before { content: "\f601"; }
.bi-upc::before { content: "\f602"; }
.bi-upload::before { content: "\f603"; }
.bi-vector-pen::before { content: "\f604"; }
.bi-view-list::before { content: "\f605"; }
.bi-view-stacked::before { content: "\f606"; }
.bi-vinyl-fill::before { content: "\f607"; }
.bi-vinyl::before { content: "\f608"; }
.bi-voicemail::before { content: "\f609"; }
.bi-volume-down-fill::before { content: "\f60a"; }
.bi-volume-down::before { content: "\f60b"; }
.bi-volume-mute-fill::before { content: "\f60c"; }
.bi-volume-mute::before { content: "\f60d"; }
.bi-volume-off-fill::before { content: "\f60e"; }
.bi-volume-off::before { content: "\f60f"; }
.bi-volume-up-fill::before { content: "\f610"; }
.bi-volume-up::before { content: "\f611"; }
.bi-vr::before { content: "\f612"; }
.bi-wallet-fill::before { content: "\f613"; }
.bi-wallet::before { content: "\f614"; }
.bi-wallet2::before { content: "\f615"; }
.bi-watch::before { content: "\f616"; }
.bi-water::before { content: "\f617"; }
.bi-whatsapp::before { content: "\f618"; }
.bi-wifi-1::before { content: "\f619"; }
.bi-wifi-2::before { content: "\f61a"; }
.bi-wifi-off::before { content: "\f61b"; }
.bi-wifi::before { content: "\f61c"; }
.bi-wind::before { content: "\f61d"; }
.bi-window-dock::before { content: "\f61e"; }
.bi-window-sidebar::before { content: "\f61f"; }
.bi-window::before { content: "\f620"; }
.bi-wrench::before { content: "\f621"; }
.bi-x-circle-fill::before { content: "\f622"; }
.bi-x-circle::before { content: "\f623"; }
.bi-x-diamond-fill::before { content: "\f624"; }
.bi-x-diamond::before { content: "\f625"; }
.bi-x-octagon-fill::before { content: "\f626"; }
.bi-x-octagon::before { content: "\f627"; }
.bi-x-square-fill::before { content: "\f628"; }
.bi-x-square::before { content: "\f629"; }
.bi-x::before { content: "\f62a"; }
.bi-youtube::before { content: "\f62b"; }
.bi-zoom-in::before { content: "\f62c"; }
.bi-zoom-out::before { content: "\f62d"; }
.bi-bank::before { content: "\f62e"; }
.bi-bank2::before { content: "\f62f"; }
.bi-bell-slash-fill::before { content: "\f630"; }
.bi-bell-slash::before { content: "\f631"; }
.bi-cash-coin::before { content: "\f632"; }
.bi-check-lg::before { content: "\f633"; }
.bi-coin::before { content: "\f634"; }
.bi-currency-bitcoin::before { content: "\f635"; }
.bi-currency-dollar::before { content: "\f636"; }
.bi-currency-euro::before { content: "\f637"; }
.bi-currency-exchange::before { content: "\f638"; }
.bi-currency-pound::before { content: "\f639"; }
.bi-currency-yen::before { content: "\f63a"; }
.bi-dash-lg::before { content: "\f63b"; }
.bi-exclamation-lg::before { content: "\f63c"; }
.bi-file-earmark-pdf-fill::before { content: "\f63d"; }
.bi-file-earmark-pdf::before { content: "\f63e"; }
.bi-file-pdf-fill::before { content: "\f63f"; }
.bi-file-pdf::before { content: "\f640"; }
.bi-gender-ambiguous::before { content: "\f641"; }
.bi-gender-female::before { content: "\f642"; }
.bi-gender-male::before { content: "\f643"; }
.bi-gender-trans::before { content: "\f644"; }
.bi-headset-vr::before { content: "\f645"; }
.bi-info-lg::before { content: "\f646"; }
.bi-mastodon::before { content: "\f647"; }
.bi-messenger::before { content: "\f648"; }
.bi-piggy-bank-fill::before { content: "\f649"; }
.bi-piggy-bank::before { content: "\f64a"; }
.bi-pin-map-fill::before { content: "\f64b"; }
.bi-pin-map::before { content: "\f64c"; }
.bi-plus-lg::before { content: "\f64d"; }
.bi-question-lg::before { content: "\f64e"; }
.bi-recycle::before { content: "\f64f"; }
.bi-reddit::before { content: "\f650"; }
.bi-safe-fill::before { content: "\f651"; }
.bi-safe2-fill::before { content: "\f652"; }
.bi-safe2::before { content: "\f653"; }
.bi-sd-card-fill::before { content: "\f654"; }
.bi-sd-card::before { content: "\f655"; }
.bi-skype::before { content: "\f656"; }
.bi-slash-lg::before { content: "\f657"; }
.bi-translate::before { content: "\f658"; }
.bi-x-lg::before { content: "\f659"; }
.bi-safe::before { content: "\f65a"; }
.bi-apple::before { content: "\f65b"; }
.bi-microsoft::before { content: "\f65d"; }
.bi-windows::before { content: "\f65e"; }
.bi-behance::before { content: "\f65c"; }
.bi-dribbble::before { content: "\f65f"; }
.bi-line::before { content: "\f660"; }
.bi-medium::before { content: "\f661"; }
.bi-paypal::before { content: "\f662"; }
.bi-pinterest::before { content: "\f663"; }
.bi-signal::before { content: "\f664"; }
.bi-snapchat::before { content: "\f665"; }
.bi-spotify::before { content: "\f666"; }
.bi-stack-overflow::before { content: "\f667"; }
.bi-strava::before { content: "\f668"; }
.bi-wordpress::before { content: "\f669"; }
.bi-vimeo::before { content: "\f66a"; }
.bi-activity::before { content: "\f66b"; }
.bi-easel2-fill::before { content: "\f66c"; }
.bi-easel2::before { content: "\f66d"; }
.bi-easel3-fill::before { content: "\f66e"; }
.bi-easel3::before { content: "\f66f"; }
.bi-fan::before { content: "\f670"; }
.bi-fingerprint::before { content: "\f671"; }
.bi-graph-down-arrow::before { content: "\f672"; }
.bi-graph-up-arrow::before { content: "\f673"; }
.bi-hypnotize::before { content: "\f674"; }
.bi-magic::before { content: "\f675"; }
.bi-person-rolodex::before { content: "\f676"; }
.bi-person-video::before { content: "\f677"; }
.bi-person-video2::before { content: "\f678"; }
.bi-person-video3::before { content: "\f679"; }
.bi-person-workspace::before { content: "\f67a"; }
.bi-radioactive::before { content: "\f67b"; }
.bi-webcam-fill::before { content: "\f67c"; }
.bi-webcam::before { content: "\f67d"; }
.bi-yin-yang::before { content: "\f67e"; }
.bi-bandaid-fill::before { content: "\f680"; }
.bi-bandaid::before { content: "\f681"; }
.bi-bluetooth::before { content: "\f682"; }
.bi-body-text::before { content: "\f683"; }
.bi-boombox::before { content: "\f684"; }
.bi-boxes::before { content: "\f685"; }
.bi-dpad-fill::before { content: "\f686"; }
.bi-dpad::before { content: "\f687"; }
.bi-ear-fill::before { content: "\f688"; }
.bi-ear::before { content: "\f689"; }
.bi-envelope-check-fill::before { content: "\f68b"; }
.bi-envelope-check::before { content: "\f68c"; }
.bi-envelope-dash-fill::before { content: "\f68e"; }
.bi-envelope-dash::before { content: "\f68f"; }
.bi-envelope-exclamation-fill::before { content: "\f691"; }
.bi-envelope-exclamation::before { content: "\f692"; }
.bi-envelope-plus-fill::before { content: "\f693"; }
.bi-envelope-plus::before { content: "\f694"; }
.bi-envelope-slash-fill::before { content: "\f696"; }
.bi-envelope-slash::before { content: "\f697"; }
.bi-envelope-x-fill::before { content: "\f699"; }
.bi-envelope-x::before { content: "\f69a"; }
.bi-explicit-fill::before { content: "\f69b"; }
.bi-explicit::before { content: "\f69c"; }
.bi-git::before { content: "\f69d"; }
.bi-infinity::before { content: "\f69e"; }
.bi-list-columns-reverse::before { content: "\f69f"; }
.bi-list-columns::before { content: "\f6a0"; }
.bi-meta::before { content: "\f6a1"; }
.bi-nintendo-switch::before { content: "\f6a4"; }
.bi-pc-display-horizontal::before { content: "\f6a5"; }
.bi-pc-display::before { content: "\f6a6"; }
.bi-pc-horizontal::before { content: "\f6a7"; }
.bi-pc::before { content: "\f6a8"; }
.bi-playstation::before { content: "\f6a9"; }
.bi-plus-slash-minus::before { content: "\f6aa"; }
.bi-projector-fill::before { content: "\f6ab"; }
.bi-projector::before { content: "\f6ac"; }
.bi-qr-code-scan::before { content: "\f6ad"; }
.bi-qr-code::before { content: "\f6ae"; }
.bi-quora::before { content: "\f6af"; }
.bi-quote::before { content: "\f6b0"; }
.bi-robot::before { content: "\f6b1"; }
.bi-send-check-fill::before { content: "\f6b2"; }
.bi-send-check::before { content: "\f6b3"; }
.bi-send-dash-fill::before { content: "\f6b4"; }
.bi-send-dash::before { content: "\f6b5"; }
.bi-send-exclamation-fill::before { content: "\f6b7"; }
.bi-send-exclamation::before { content: "\f6b8"; }
.bi-send-fill::before { content: "\f6b9"; }
.bi-send-plus-fill::before { content: "\f6ba"; }
.bi-send-plus::before { content: "\f6bb"; }
.bi-send-slash-fill::before { content: "\f6bc"; }
.bi-send-slash::before { content: "\f6bd"; }
.bi-send-x-fill::before { content: "\f6be"; }
.bi-send-x::before { content: "\f6bf"; }
.bi-send::before { content: "\f6c0"; }
.bi-steam::before { content: "\f6c1"; }
.bi-terminal-dash::before { content: "\f6c3"; }
.bi-terminal-plus::before { content: "\f6c4"; }
.bi-terminal-split::before { content: "\f6c5"; }
.bi-ticket-detailed-fill::before { content: "\f6c6"; }
.bi-ticket-detailed::before { content: "\f6c7"; }
.bi-ticket-fill::before { content: "\f6c8"; }
.bi-ticket-perforated-fill::before { content: "\f6c9"; }
.bi-ticket-perforated::before { content: "\f6ca"; }
.bi-ticket::before { content: "\f6cb"; }
.bi-tiktok::before { content: "\f6cc"; }
.bi-window-dash::before { content: "\f6cd"; }
.bi-window-desktop::before { content: "\f6ce"; }
.bi-window-fullscreen::before { content: "\f6cf"; }
.bi-window-plus::before { content: "\f6d0"; }
.bi-window-split::before { content: "\f6d1"; }
.bi-window-stack::before { content: "\f6d2"; }
.bi-window-x::before { content: "\f6d3"; }
.bi-xbox::before { content: "\f6d4"; }
.bi-ethernet::before { content: "\f6d5"; }
.bi-hdmi-fill::before { content: "\f6d6"; }
.bi-hdmi::before { content: "\f6d7"; }
.bi-usb-c-fill::before { content: "\f6d8"; }
.bi-usb-c::before { content: "\f6d9"; }
.bi-usb-fill::before { content: "\f6da"; }
.bi-usb-plug-fill::before { content: "\f6db"; }
.bi-usb-plug::before { content: "\f6dc"; }
.bi-usb-symbol::before { content: "\f6dd"; }
.bi-usb::before { content: "\f6de"; }
.bi-boombox-fill::before { content: "\f6df"; }
.bi-displayport::before { content: "\f6e1"; }
.bi-gpu-card::before { content: "\f6e2"; }
.bi-memory::before { content: "\f6e3"; }
.bi-modem-fill::before { content: "\f6e4"; }
.bi-modem::before { content: "\f6e5"; }
.bi-motherboard-fill::before { content: "\f6e6"; }
.bi-motherboard::before { content: "\f6e7"; }
.bi-optical-audio-fill::before { content: "\f6e8"; }
.bi-optical-audio::before { content: "\f6e9"; }
.bi-pci-card::before { content: "\f6ea"; }
.bi-router-fill::before { content: "\f6eb"; }
.bi-router::before { content: "\f6ec"; }
.bi-thunderbolt-fill::before { content: "\f6ef"; }
.bi-thunderbolt::before { content: "\f6f0"; }
.bi-usb-drive-fill::before { content: "\f6f1"; }
.bi-usb-drive::before { content: "\f6f2"; }
.bi-usb-micro-fill::before { content: "\f6f3"; }
.bi-usb-micro::before { content: "\f6f4"; }
.bi-usb-mini-fill::before { content: "\f6f5"; }
.bi-usb-mini::before { content: "\f6f6"; }
.bi-cloud-haze2::before { content: "\f6f7"; }
.bi-device-hdd-fill::before { content: "\f6f8"; }
.bi-device-hdd::before { content: "\f6f9"; }
.bi-device-ssd-fill::before { content: "\f6fa"; }
.bi-device-ssd::before { content: "\f6fb"; }
.bi-displayport-fill::before { content: "\f6fc"; }
.bi-mortarboard-fill::before { content: "\f6fd"; }
.bi-mortarboard::before { content: "\f6fe"; }
.bi-terminal-x::before { content: "\f6ff"; }
.bi-arrow-through-heart-fill::before { content: "\f700"; }
.bi-arrow-through-heart::before { content: "\f701"; }
.bi-badge-sd-fill::before { content: "\f702"; }
.bi-badge-sd::before { content: "\f703"; }
.bi-bag-heart-fill::before { content: "\f704"; }
.bi-bag-heart::before { content: "\f705"; }
.bi-balloon-fill::before { content: "\f706"; }
.bi-balloon-heart-fill::before { content: "\f707"; }
.bi-balloon-heart::before { content: "\f708"; }
.bi-balloon::before { content: "\f709"; }
.bi-box2-fill::before { content: "\f70a"; }
.bi-box2-heart-fill::before { content: "\f70b"; }
.bi-box2-heart::before { content: "\f70c"; }
.bi-box2::before { content: "\f70d"; }
.bi-braces-asterisk::before { content: "\f70e"; }
.bi-calendar-heart-fill::before { content: "\f70f"; }
.bi-calendar-heart::before { content: "\f710"; }
.bi-calendar2-heart-fill::before { content: "\f711"; }
.bi-calendar2-heart::before { content: "\f712"; }
.bi-chat-heart-fill::before { content: "\f713"; }
.bi-chat-heart::before { content: "\f714"; }
.bi-chat-left-heart-fill::before { content: "\f715"; }
.bi-chat-left-heart::before { content: "\f716"; }
.bi-chat-right-heart-fill::before { content: "\f717"; }
.bi-chat-right-heart::before { content: "\f718"; }
.bi-chat-square-heart-fill::before { content: "\f719"; }
.bi-chat-square-heart::before { content: "\f71a"; }
.bi-clipboard-check-fill::before { content: "\f71b"; }
.bi-clipboard-data-fill::before { content: "\f71c"; }
.bi-clipboard-fill::before { content: "\f71d"; }
.bi-clipboard-heart-fill::before { content: "\f71e"; }
.bi-clipboard-heart::before { content: "\f71f"; }
.bi-clipboard-minus-fill::before { content: "\f720"; }
.bi-clipboard-plus-fill::before { content: "\f721"; }
.bi-clipboard-pulse::before { content: "\f722"; }
.bi-clipboard-x-fill::before { content: "\f723"; }
.bi-clipboard2-check-fill::before { content: "\f724"; }
.bi-clipboard2-check::before { content: "\f725"; }
.bi-clipboard2-data-fill::before { content: "\f726"; }
.bi-clipboard2-data::before { content: "\f727"; }
.bi-clipboard2-fill::before { content: "\f728"; }
.bi-clipboard2-heart-fill::before { content: "\f729"; }
.bi-clipboard2-heart::before { content: "\f72a"; }
.bi-clipboard2-minus-fill::before { content: "\f72b"; }
.bi-clipboard2-minus::before { content: "\f72c"; }
.bi-clipboard2-plus-fill::before { content: "\f72d"; }
.bi-clipboard2-plus::before { content: "\f72e"; }
.bi-clipboard2-pulse-fill::before { content: "\f72f"; }
.bi-clipboard2-pulse::before { content: "\f730"; }
.bi-clipboard2-x-fill::before { content: "\f731"; }
.bi-clipboard2-x::before { content: "\f732"; }
.bi-clipboard2::before { content: "\f733"; }
.bi-emoji-kiss-fill::before { content: "\f734"; }
.bi-emoji-kiss::before { content: "\f735"; }
.bi-envelope-heart-fill::before { content: "\f736"; }
.bi-envelope-heart::before { content: "\f737"; }
.bi-envelope-open-heart-fill::before { content: "\f738"; }
.bi-envelope-open-heart::before { content: "\f739"; }
.bi-envelope-paper-fill::before { content: "\f73a"; }
.bi-envelope-paper-heart-fill::before { content: "\f73b"; }
.bi-envelope-paper-heart::before { content: "\f73c"; }
.bi-envelope-paper::before { content: "\f73d"; }
.bi-filetype-aac::before { content: "\f73e"; }
.bi-filetype-ai::before { content: "\f73f"; }
.bi-filetype-bmp::before { content: "\f740"; }
.bi-filetype-cs::before { content: "\f741"; }
.bi-filetype-css::before { content: "\f742"; }
.bi-filetype-csv::before { content: "\f743"; }
.bi-filetype-doc::before { content: "\f744"; }
.bi-filetype-docx::before { content: "\f745"; }
.bi-filetype-exe::before { content: "\f746"; }
.bi-filetype-gif::before { content: "\f747"; }
.bi-filetype-heic::before { content: "\f748"; }
.bi-filetype-html::before { content: "\f749"; }
.bi-filetype-java::before { content: "\f74a"; }
.bi-filetype-jpg::before { content: "\f74b"; }
.bi-filetype-js::before { content: "\f74c"; }
.bi-filetype-jsx::before { content: "\f74d"; }
.bi-filetype-key::before { content: "\f74e"; }
.bi-filetype-m4p::before { content: "\f74f"; }
.bi-filetype-md::before { content: "\f750"; }
.bi-filetype-mdx::before { content: "\f751"; }
.bi-filetype-mov::before { content: "\f752"; }
.bi-filetype-mp3::before { content: "\f753"; }
.bi-filetype-mp4::before { content: "\f754"; }
.bi-filetype-otf::before { content: "\f755"; }
.bi-filetype-pdf::before { content: "\f756"; }
.bi-filetype-php::before { content: "\f757"; }
.bi-filetype-png::before { content: "\f758"; }
.bi-filetype-ppt::before { content: "\f75a"; }
.bi-filetype-psd::before { content: "\f75b"; }
.bi-filetype-py::before { content: "\f75c"; }
.bi-filetype-raw::before { content: "\f75d"; }
.bi-filetype-rb::before { content: "\f75e"; }
.bi-filetype-sass::before { content: "\f75f"; }
.bi-filetype-scss::before { content: "\f760"; }
.bi-filetype-sh::before { content: "\f761"; }
.bi-filetype-svg::before { content: "\f762"; }
.bi-filetype-tiff::before { content: "\f763"; }
.bi-filetype-tsx::before { content: "\f764"; }
.bi-filetype-ttf::before { content: "\f765"; }
.bi-filetype-txt::before { content: "\f766"; }
.bi-filetype-wav::before { content: "\f767"; }
.bi-filetype-woff::before { content: "\f768"; }
.bi-filetype-xls::before { content: "\f76a"; }
.bi-filetype-xml::before { content: "\f76b"; }
.bi-filetype-yml::before { content: "\f76c"; }
.bi-heart-arrow::before { content: "\f76d"; }
.bi-heart-pulse-fill::before { content: "\f76e"; }
.bi-heart-pulse::before { content: "\f76f"; }
.bi-heartbreak-fill::before { content: "\f770"; }
.bi-heartbreak::before { content: "\f771"; }
.bi-hearts::before { content: "\f772"; }
.bi-hospital-fill::before { content: "\f773"; }
.bi-hospital::before { content: "\f774"; }
.bi-house-heart-fill::before { content: "\f775"; }
.bi-house-heart::before { content: "\f776"; }
.bi-incognito::before { content: "\f777"; }
.bi-magnet-fill::before { content: "\f778"; }
.bi-magnet::before { content: "\f779"; }
.bi-person-heart::before { content: "\f77a"; }
.bi-person-hearts::before { content: "\f77b"; }
.bi-phone-flip::before { content: "\f77c"; }
.bi-plugin::before { content: "\f77d"; }
.bi-postage-fill::before { content: "\f77e"; }
.bi-postage-heart-fill::before { content: "\f77f"; }
.bi-postage-heart::before { content: "\f780"; }
.bi-postage::before { content: "\f781"; }
.bi-postcard-fill::before { content: "\f782"; }
.bi-postcard-heart-fill::before { content: "\f783"; }
.bi-postcard-heart::before { content: "\f784"; }
.bi-postcard::before { content: "\f785"; }
.bi-search-heart-fill::before { content: "\f786"; }
.bi-search-heart::before { content: "\f787"; }
.bi-sliders2-vertical::before { content: "\f788"; }
.bi-sliders2::before { content: "\f789"; }
.bi-trash3-fill::before { content: "\f78a"; }
.bi-trash3::before { content: "\f78b"; }
.bi-valentine::before { content: "\f78c"; }
.bi-valentine2::before { content: "\f78d"; }
.bi-wrench-adjustable-circle-fill::before { content: "\f78e"; }
.bi-wrench-adjustable-circle::before { content: "\f78f"; }
.bi-wrench-adjustable::before { content: "\f790"; }
.bi-filetype-json::before { content: "\f791"; }
.bi-filetype-pptx::before { content: "\f792"; }
.bi-filetype-xlsx::before { content: "\f793"; }
.bi-1-circle-fill::before { content: "\f796"; }
.bi-1-circle::before { content: "\f797"; }
.bi-1-square-fill::before { content: "\f798"; }
.bi-1-square::before { content: "\f799"; }
.bi-2-circle-fill::before { content: "\f79c"; }
.bi-2-circle::before { content: "\f79d"; }
.bi-2-square-fill::before { content: "\f79e"; }
.bi-2-square::before { content: "\f79f"; }
.bi-3-circle-fill::before { content: "\f7a2"; }
.bi-3-circle::before { content: "\f7a3"; }
.bi-3-square-fill::before { content: "\f7a4"; }
.bi-3-square::before { content: "\f7a5"; }
.bi-4-circle-fill::before { content: "\f7a8"; }
.bi-4-circle::before { content: "\f7a9"; }
.bi-4-square-fill::before { content: "\f7aa"; }
.bi-4-square::before { content: "\f7ab"; }
.bi-5-circle-fill::before { content: "\f7ae"; }
.bi-5-circle::before { content: "\f7af"; }
.bi-5-square-fill::before { content: "\f7b0"; }
.bi-5-square::before { content: "\f7b1"; }
.bi-6-circle-fill::before { content: "\f7b4"; }
.bi-6-circle::before { content: "\f7b5"; }
.bi-6-square-fill::before { content: "\f7b6"; }
.bi-6-square::before { content: "\f7b7"; }
.bi-7-circle-fill::before { content: "\f7ba"; }
.bi-7-circle::before { content: "\f7bb"; }
.bi-7-square-fill::before { content: "\f7bc"; }
.bi-7-square::before { content: "\f7bd"; }
.bi-8-circle-fill::before { content: "\f7c0"; }
.bi-8-circle::before { content: "\f7c1"; }
.bi-8-square-fill::before { content: "\f7c2"; }
.bi-8-square::before { content: "\f7c3"; }
.bi-9-circle-fill::before { content: "\f7c6"; }
.bi-9-circle::before { content: "\f7c7"; }
.bi-9-square-fill::before { content: "\f7c8"; }
.bi-9-square::before { content: "\f7c9"; }
.bi-airplane-engines-fill::before { content: "\f7ca"; }
.bi-airplane-engines::before { content: "\f7cb"; }
.bi-airplane-fill::before { content: "\f7cc"; }
.bi-airplane::before { content: "\f7cd"; }
.bi-alexa::before { content: "\f7ce"; }
.bi-alipay::before { content: "\f7cf"; }
.bi-android::before { content: "\f7d0"; }
.bi-android2::before { content: "\f7d1"; }
.bi-box-fill::before { content: "\f7d2"; }
.bi-box-seam-fill::before { content: "\f7d3"; }
.bi-browser-chrome::before { content: "\f7d4"; }
.bi-browser-edge::before { content: "\f7d5"; }
.bi-browser-firefox::before { content: "\f7d6"; }
.bi-browser-safari::before { content: "\f7d7"; }
.bi-c-circle-fill::before { content: "\f7da"; }
.bi-c-circle::before { content: "\f7db"; }
.bi-c-square-fill::before { content: "\f7dc"; }
.bi-c-square::before { content: "\f7dd"; }
.bi-capsule-pill::before { content: "\f7de"; }
.bi-capsule::before { content: "\f7df"; }
.bi-car-front-fill::before { content: "\f7e0"; }
.bi-car-front::before { content: "\f7e1"; }
.bi-cassette-fill::before { content: "\f7e2"; }
.bi-cassette::before { content: "\f7e3"; }
.bi-cc-circle-fill::before { content: "\f7e6"; }
.bi-cc-circle::before { content: "\f7e7"; }
.bi-cc-square-fill::before { content: "\f7e8"; }
.bi-cc-square::before { content: "\f7e9"; }
.bi-cup-hot-fill::before { content: "\f7ea"; }
.bi-cup-hot::before { content: "\f7eb"; }
.bi-currency-rupee::before { content: "\f7ec"; }
.bi-dropbox::before { content: "\f7ed"; }
.bi-escape::before { content: "\f7ee"; }
.bi-fast-forward-btn-fill::before { content: "\f7ef"; }
.bi-fast-forward-btn::before { content: "\f7f0"; }
.bi-fast-forward-circle-fill::before { content: "\f7f1"; }
.bi-fast-forward-circle::before { content: "\f7f2"; }
.bi-fast-forward-fill::before { content: "\f7f3"; }
.bi-fast-forward::before { content: "\f7f4"; }
.bi-filetype-sql::before { content: "\f7f5"; }
.bi-fire::before { content: "\f7f6"; }
.bi-google-play::before { content: "\f7f7"; }
.bi-h-circle-fill::before { content: "\f7fa"; }
.bi-h-circle::before { content: "\f7fb"; }
.bi-h-square-fill::before { content: "\f7fc"; }
.bi-h-square::before { content: "\f7fd"; }
.bi-indent::before { content: "\f7fe"; }
.bi-lungs-fill::before { content: "\f7ff"; }
.bi-lungs::before { content: "\f800"; }
.bi-microsoft-teams::before { content: "\f801"; }
.bi-p-circle-fill::before { content: "\f804"; }
.bi-p-circle::before { content: "\f805"; }
.bi-p-square-fill::before { content: "\f806"; }
.bi-p-square::before { content: "\f807"; }
.bi-pass-fill::before { content: "\f808"; }
.bi-pass::before { content: "\f809"; }
.bi-prescription::before { content: "\f80a"; }
.bi-prescription2::before { content: "\f80b"; }
.bi-r-circle-fill::before { content: "\f80e"; }
.bi-r-circle::before { content: "\f80f"; }
.bi-r-square-fill::before { content: "\f810"; }
.bi-r-square::before { content: "\f811"; }
.bi-repeat-1::before { content: "\f812"; }
.bi-repeat::before { content: "\f813"; }
.bi-rewind-btn-fill::before { content: "\f814"; }
.bi-rewind-btn::before { content: "\f815"; }
.bi-rewind-circle-fill::before { content: "\f816"; }
.bi-rewind-circle::before { content: "\f817"; }
.bi-rewind-fill::before { content: "\f818"; }
.bi-rewind::before { content: "\f819"; }
.bi-train-freight-front-fill::before { content: "\f81a"; }
.bi-train-freight-front::before { content: "\f81b"; }
.bi-train-front-fill::before { content: "\f81c"; }
.bi-train-front::before { content: "\f81d"; }
.bi-train-lightrail-front-fill::before { content: "\f81e"; }
.bi-train-lightrail-front::before { content: "\f81f"; }
.bi-truck-front-fill::before { content: "\f820"; }
.bi-truck-front::before { content: "\f821"; }
.bi-ubuntu::before { content: "\f822"; }
.bi-unindent::before { content: "\f823"; }
.bi-unity::before { content: "\f824"; }
.bi-universal-access-circle::before { content: "\f825"; }
.bi-universal-access::before { content: "\f826"; }
.bi-virus::before { content: "\f827"; }
.bi-virus2::before { content: "\f828"; }
.bi-wechat::before { content: "\f829"; }
.bi-yelp::before { content: "\f82a"; }
.bi-sign-stop-fill::before { content: "\f82b"; }
.bi-sign-stop-lights-fill::before { content: "\f82c"; }
.bi-sign-stop-lights::before { content: "\f82d"; }
.bi-sign-stop::before { content: "\f82e"; }
.bi-sign-turn-left-fill::before { content: "\f82f"; }
.bi-sign-turn-left::before { content: "\f830"; }
.bi-sign-turn-right-fill::before { content: "\f831"; }
.bi-sign-turn-right::before { content: "\f832"; }
.bi-sign-turn-slight-left-fill::before { content: "\f833"; }
.bi-sign-turn-slight-left::before { content: "\f834"; }
.bi-sign-turn-slight-right-fill::before { content: "\f835"; }
.bi-sign-turn-slight-right::before { content: "\f836"; }
.bi-sign-yield-fill::before { content: "\f837"; }
.bi-sign-yield::before { content: "\f838"; }
.bi-ev-station-fill::before { content: "\f839"; }
.bi-ev-station::before { content: "\f83a"; }
.bi-fuel-pump-diesel-fill::before { content: "\f83b"; }
.bi-fuel-pump-diesel::before { content: "\f83c"; }
.bi-fuel-pump-fill::before { content: "\f83d"; }
.bi-fuel-pump::before { content: "\f83e"; }
.bi-0-circle-fill::before { content: "\f83f"; }
.bi-0-circle::before { content: "\f840"; }
.bi-0-square-fill::before { content: "\f841"; }
.bi-0-square::before { content: "\f842"; }
.bi-rocket-fill::before { content: "\f843"; }
.bi-rocket-takeoff-fill::before { content: "\f844"; }
.bi-rocket-takeoff::before { content: "\f845"; }
.bi-rocket::before { content: "\f846"; }
.bi-stripe::before { content: "\f847"; }
.bi-subscript::before { content: "\f848"; }
.bi-superscript::before { content: "\f849"; }
.bi-trello::before { content: "\f84a"; }
.bi-envelope-at-fill::before { content: "\f84b"; }
.bi-envelope-at::before { content: "\f84c"; }
.bi-regex::before { content: "\f84d"; }
.bi-text-wrap::before { content: "\f84e"; }
.bi-sign-dead-end-fill::before { content: "\f84f"; }
.bi-sign-dead-end::before { content: "\f850"; }
.bi-sign-do-not-enter-fill::before { content: "\f851"; }
.bi-sign-do-not-enter::before { content: "\f852"; }
.bi-sign-intersection-fill::before { content: "\f853"; }
.bi-sign-intersection-side-fill::before { content: "\f854"; }
.bi-sign-intersection-side::before { content: "\f855"; }
.bi-sign-intersection-t-fill::before { content: "\f856"; }
.bi-sign-intersection-t::before { content: "\f857"; }
.bi-sign-intersection-y-fill::before { content: "\f858"; }
.bi-sign-intersection-y::before { content: "\f859"; }
.bi-sign-intersection::before { content: "\f85a"; }
.bi-sign-merge-left-fill::before { content: "\f85b"; }
.bi-sign-merge-left::before { content: "\f85c"; }
.bi-sign-merge-right-fill::before { content: "\f85d"; }
.bi-sign-merge-right::before { content: "\f85e"; }
.bi-sign-no-left-turn-fill::before { content: "\f85f"; }
.bi-sign-no-left-turn::before { content: "\f860"; }
.bi-sign-no-parking-fill::before { content: "\f861"; }
.bi-sign-no-parking::before { content: "\f862"; }
.bi-sign-no-right-turn-fill::before { content: "\f863"; }
.bi-sign-no-right-turn::before { content: "\f864"; }
.bi-sign-railroad-fill::before { content: "\f865"; }
.bi-sign-railroad::before { content: "\f866"; }
.bi-building-add::before { content: "\f867"; }
.bi-building-check::before { content: "\f868"; }
.bi-building-dash::before { content: "\f869"; }
.bi-building-down::before { content: "\f86a"; }
.bi-building-exclamation::before { content: "\f86b"; }
.bi-building-fill-add::before { content: "\f86c"; }
.bi-building-fill-check::before { content: "\f86d"; }
.bi-building-fill-dash::before { content: "\f86e"; }
.bi-building-fill-down::before { content: "\f86f"; }
.bi-building-fill-exclamation::before { content: "\f870"; }
.bi-building-fill-gear::before { content: "\f871"; }
.bi-building-fill-lock::before { content: "\f872"; }
.bi-building-fill-slash::before { content: "\f873"; }
.bi-building-fill-up::before { content: "\f874"; }
.bi-building-fill-x::before { content: "\f875"; }
.bi-building-fill::before { content: "\f876"; }
.bi-building-gear::before { content: "\f877"; }
.bi-building-lock::before { content: "\f878"; }
.bi-building-slash::before { content: "\f879"; }
.bi-building-up::before { content: "\f87a"; }
.bi-building-x::before { content: "\f87b"; }
.bi-buildings-fill::before { content: "\f87c"; }
.bi-buildings::before { content: "\f87d"; }
.bi-bus-front-fill::before { content: "\f87e"; }
.bi-bus-front::before { content: "\f87f"; }
.bi-ev-front-fill::before { content: "\f880"; }
.bi-ev-front::before { content: "\f881"; }
.bi-globe-americas::before { content: "\f882"; }
.bi-globe-asia-australia::before { content: "\f883"; }
.bi-globe-central-south-asia::before { content: "\f884"; }
.bi-globe-europe-africa::before { content: "\f885"; }
.bi-house-add-fill::before { content: "\f886"; }
.bi-house-add::before { content: "\f887"; }
.bi-house-check-fill::before { content: "\f888"; }
.bi-house-check::before { content: "\f889"; }
.bi-house-dash-fill::before { content: "\f88a"; }
.bi-house-dash::before { content: "\f88b"; }
.bi-house-down-fill::before { content: "\f88c"; }
.bi-house-down::before { content: "\f88d"; }
.bi-house-exclamation-fill::before { content: "\f88e"; }
.bi-house-exclamation::before { content: "\f88f"; }
.bi-house-gear-fill::before { content: "\f890"; }
.bi-house-gear::before { content: "\f891"; }
.bi-house-lock-fill::before { content: "\f892"; }
.bi-house-lock::before { content: "\f893"; }
.bi-house-slash-fill::before { content: "\f894"; }
.bi-house-slash::before { content: "\f895"; }
.bi-house-up-fill::before { content: "\f896"; }
.bi-house-up::before { content: "\f897"; }
.bi-house-x-fill::before { content: "\f898"; }
.bi-house-x::before { content: "\f899"; }
.bi-person-add::before { content: "\f89a"; }
.bi-person-down::before { content: "\f89b"; }
.bi-person-exclamation::before { content: "\f89c"; }
.bi-person-fill-add::before { content: "\f89d"; }
.bi-person-fill-check::before { content: "\f89e"; }
.bi-person-fill-dash::before { content: "\f89f"; }
.bi-person-fill-down::before { content: "\f8a0"; }
.bi-person-fill-exclamation::before { content: "\f8a1"; }
.bi-person-fill-gear::before { content: "\f8a2"; }
.bi-person-fill-lock::before { content: "\f8a3"; }
.bi-person-fill-slash::before { content: "\f8a4"; }
.bi-person-fill-up::before { content: "\f8a5"; }
.bi-person-fill-x::before { content: "\f8a6"; }
.bi-person-gear::before { content: "\f8a7"; }
.bi-person-lock::before { content: "\f8a8"; }
.bi-person-slash::before { content: "\f8a9"; }
.bi-person-up::before { content: "\f8aa"; }
.bi-scooter::before { content: "\f8ab"; }
.bi-taxi-front-fill::before { content: "\f8ac"; }
.bi-taxi-front::before { content: "\f8ad"; }
.bi-amd::before { content: "\f8ae"; }
.bi-database-add::before { content: "\f8af"; }
.bi-database-check::before { content: "\f8b0"; }
.bi-database-dash::before { content: "\f8b1"; }
.bi-database-down::before { content: "\f8b2"; }
.bi-database-exclamation::before { content: "\f8b3"; }
.bi-database-fill-add::before { content: "\f8b4"; }
.bi-database-fill-check::before { content: "\f8b5"; }
.bi-database-fill-dash::before { content: "\f8b6"; }
.bi-database-fill-down::before { content: "\f8b7"; }
.bi-database-fill-exclamation::before { content: "\f8b8"; }
.bi-database-fill-gear::before { content: "\f8b9"; }
.bi-database-fill-lock::before { content: "\f8ba"; }
.bi-database-fill-slash::before { content: "\f8bb"; }
.bi-database-fill-up::before { content: "\f8bc"; }
.bi-database-fill-x::before { content: "\f8bd"; }
.bi-database-fill::before { content: "\f8be"; }
.bi-database-gear::before { content: "\f8bf"; }
.bi-database-lock::before { content: "\f8c0"; }
.bi-database-slash::before { content: "\f8c1"; }
.bi-database-up::before { content: "\f8c2"; }
.bi-database-x::before { content: "\f8c3"; }
.bi-database::before { content: "\f8c4"; }
.bi-houses-fill::before { content: "\f8c5"; }
.bi-houses::before { content: "\f8c6"; }
.bi-nvidia::before { content: "\f8c7"; }
.bi-person-vcard-fill::before { content: "\f8c8"; }
.bi-person-vcard::before { content: "\f8c9"; }
.bi-sina-weibo::before { content: "\f8ca"; }
.bi-tencent-qq::before { content: "\f8cb"; }
.bi-wikipedia::before { content: "\f8cc"; }
.bi-alphabet-uppercase::before { content: "\f2a5"; }
.bi-alphabet::before { content: "\f68a"; }
.bi-amazon::before { content: "\f68d"; }
.bi-arrows-collapse-vertical::before { content: "\f690"; }
.bi-arrows-expand-vertical::before { content: "\f695"; }
.bi-arrows-vertical::before { content: "\f698"; }
.bi-arrows::before { content: "\f6a2"; }
.bi-ban-fill::before { content: "\f6a3"; }
.bi-ban::before { content: "\f6b6"; }
.bi-bing::before { content: "\f6c2"; }
.bi-cake::before { content: "\f6e0"; }
.bi-cake2::before { content: "\f6ed"; }
.bi-cookie::before { content: "\f6ee"; }
.bi-copy::before { content: "\f759"; }
.bi-crosshair::before { content: "\f769"; }
.bi-crosshair2::before { content: "\f794"; }
.bi-emoji-astonished-fill::before { content: "\f795"; }
.bi-emoji-astonished::before { content: "\f79a"; }
.bi-emoji-grimace-fill::before { content: "\f79b"; }
.bi-emoji-grimace::before { content: "\f7a0"; }
.bi-emoji-grin-fill::before { content: "\f7a1"; }
.bi-emoji-grin::before { content: "\f7a6"; }
.bi-emoji-surprise-fill::before { content: "\f7a7"; }
.bi-emoji-surprise::before { content: "\f7ac"; }
.bi-emoji-tear-fill::before { content: "\f7ad"; }
.bi-emoji-tear::before { content: "\f7b2"; }
.bi-envelope-arrow-down-fill::before { content: "\f7b3"; }
.bi-envelope-arrow-down::before { content: "\f7b8"; }
.bi-envelope-arrow-up-fill::before { content: "\f7b9"; }
.bi-envelope-arrow-up::before { content: "\f7be"; }
.bi-feather::before { content: "\f7bf"; }
.bi-feather2::before { content: "\f7c4"; }
.bi-floppy-fill::before { content: "\f7c5"; }
.bi-floppy::before { content: "\f7d8"; }
.bi-floppy2-fill::before { content: "\f7d9"; }
.bi-floppy2::before { content: "\f7e4"; }
.bi-gitlab::before { content: "\f7e5"; }
.bi-highlighter::before { content: "\f7f8"; }
.bi-marker-tip::before { content: "\f802"; }
.bi-nvme-fill::before { content: "\f803"; }
.bi-nvme::before { content: "\f80c"; }
.bi-opencollective::before { content: "\f80d"; }
.bi-pci-card-network::before { content: "\f8cd"; }
.bi-pci-card-sound::before { content: "\f8ce"; }
.bi-radar::before { content: "\f8cf"; }
.bi-send-arrow-down-fill::before { content: "\f8d0"; }
.bi-send-arrow-down::before { content: "\f8d1"; }
.bi-send-arrow-up-fill::before { content: "\f8d2"; }
.bi-send-arrow-up::before { content: "\f8d3"; }
.bi-sim-slash-fill::before { content: "\f8d4"; }
.bi-sim-slash::before { content: "\f8d5"; }
.bi-sourceforge::before { content: "\f8d6"; }
.bi-substack::before { content: "\f8d7"; }
.bi-threads-fill::before { content: "\f8d8"; }
.bi-threads::before { content: "\f8d9"; }
.bi-transparency::before { content: "\f8da"; }
.bi-twitter-x::before { content: "\f8db"; }
.bi-type-h4::before { content: "\f8dc"; }
.bi-type-h5::before { content: "\f8dd"; }
.bi-type-h6::before { content: "\f8de"; }
.bi-backpack-fill::before { content: "\f8df"; }
.bi-backpack::before { content: "\f8e0"; }
.bi-backpack2-fill::before { content: "\f8e1"; }
.bi-backpack2::before { content: "\f8e2"; }
.bi-backpack3-fill::before { content: "\f8e3"; }
.bi-backpack3::before { content: "\f8e4"; }
.bi-backpack4-fill::before { content: "\f8e5"; }
.bi-backpack4::before { content: "\f8e6"; }
.bi-brilliance::before { content: "\f8e7"; }
.bi-cake-fill::before { content: "\f8e8"; }
.bi-cake2-fill::before { content: "\f8e9"; }
.bi-duffle-fill::before { content: "\f8ea"; }
.bi-duffle::before { content: "\f8eb"; }
.bi-exposure::before { content: "\f8ec"; }
.bi-gender-neuter::before { content: "\f8ed"; }
.bi-highlights::before { content: "\f8ee"; }
.bi-luggage-fill::before { content: "\f8ef"; }
.bi-luggage::before { content: "\f8f0"; }
.bi-mailbox-flag::before { content: "\f8f1"; }
.bi-mailbox2-flag::before { content: "\f8f2"; }
.bi-noise-reduction::before { content: "\f8f3"; }
.bi-passport-fill::before { content: "\f8f4"; }
.bi-passport::before { content: "\f8f5"; }
.bi-person-arms-up::before { content: "\f8f6"; }
.bi-person-raised-hand::before { content: "\f8f7"; }
.bi-person-standing-dress::before { content: "\f8f8"; }
.bi-person-standing::before { content: "\f8f9"; }
.bi-person-walking::before { content: "\f8fa"; }
.bi-person-wheelchair::before { content: "\f8fb"; }
.bi-shadows::before { content: "\f8fc"; }
.bi-suitcase-fill::before { content: "\f8fd"; }
.bi-suitcase-lg-fill::before { content: "\f8fe"; }
.bi-suitcase-lg::before { content: "\f8ff"; }
.bi-suitcase::before { content: "\f900"; }
.bi-suitcase2-fill::before { content: "\f901"; }
.bi-suitcase2::before { content: "\f902"; }
.bi-vignette::before { content: "\f903"; }
.bi-bluesky::before { content: "\f7f9"; }
.bi-tux::before { content: "\f904"; }
.bi-beaker-fill::before { content: "\f905"; }
.bi-beaker::before { content: "\f906"; }
.bi-flask-fill::before { content: "\f907"; }
.bi-flask-florence-fill::before { content: "\f908"; }
.bi-flask-florence::before { content: "\f909"; }
.bi-flask::before { content: "\f90a"; }
.bi-leaf-fill::before { content: "\f90b"; }
.bi-leaf::before { content: "\f90c"; }
.bi-measuring-cup-fill::before { content: "\f90d"; }
.bi-measuring-cup::before { content: "\f90e"; }
.bi-unlock2-fill::before { content: "\f90f"; }
.bi-unlock2::before { content: "\f910"; }
.bi-battery-low::before { content: "\f911"; }
.bi-anthropic::before { content: "\f912"; }
.bi-apple-music::before { content: "\f913"; }
.bi-claude::before { content: "\f914"; }
.bi-openai::before { content: "\f915"; }
.bi-perplexity::before { content: "\f916"; }
.bi-css::before { content: "\f917"; }
.bi-javascript::before { content: "\f918"; }
.bi-typescript::before { content: "\f919"; }
.bi-fork-knife::before { content: "\f91a"; }
.bi-globe-americas-fill::before { content: "\f91b"; }
.bi-globe-asia-australia-fill::before { content: "\f91c"; }
.bi-globe-central-south-asia-fill::before { content: "\f91d"; }
.bi-globe-europe-africa-fill::before { content: "\f91e"; }
:root {
  --app-primary-gradient: linear-gradient(135deg, #2d95c8, #1f7aa8);
  --app-primary-gradient-hover: #3a8fb7;
  --app-primary-shadow: 0 8px 20px rgba(31, 122, 168, 0.28);
  --app-primary-shadow-hover: 0 10px 24px rgba(31, 122, 168, 0.34);

  --text: #6b6375;
  --text-h: #08060d;
  --bg: #fff;
  --border: #e5e4e7;
  --code-bg: #f4f3ec;
  --accent: #aa3bff;
  --accent-bg: rgba(170, 59, 255, 0.1);
  --accent-border: rgba(170, 59, 255, 0.5);
  --social-bg: rgba(244, 243, 236, 0.5);
  --shadow:
    rgba(0, 0, 0, 0.1) 0 10px 15px -3px, rgba(0, 0, 0, 0.05) 0 4px 6px -2px;

  --sans: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --heading: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --mono: ui-monospace, Consolas, monospace;

  /* Dashboard yazi hiyerarsisi */
  --ui-font-2xs: 10px;
  --ui-font-xs: 11px;
  --ui-font-sm: 12px;
  --ui-font-base: 13px;
  --ui-font-md: 14px;
  --ui-font-lg: 15px;
  --ui-font-xl: 16px;
  --ui-font-2xl: 18px;
  --ui-font-3xl: 20px;
  --ui-font-stat: 22px;

  font: 18px/145% var(--sans);
  letter-spacing: 0.18px;
  color-scheme: light dark;
  color: var(--text);
  background: var(--bg);
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  @media (max-width: 1024px) {
    font-size: 16px;
  }
}

@media (prefers-color-scheme: dark) {
  :root {
    --text: #aaaaaa;
    --text-h: #ffffff;
    --bg: #0d0d0d;
    --border: #2d2d2d;
    --code-bg: #1f2028;
    --accent: #c084fc;
    --accent-bg: rgba(192, 132, 252, 0.15);
    --accent-border: rgba(192, 132, 252, 0.5);
    --social-bg: rgba(47, 48, 58, 0.5);
    --shadow:
      rgba(0, 0, 0, 0.4) 0 10px 15px -3px, rgba(0, 0, 0, 0.25) 0 4px 6px -2px;
  }

  #social .button-icon {
    filter: invert(1) brightness(2);
  }
}

body {
  margin: 0;
  background: #ffffff;
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  color-scheme: light;
}

body.theme-dark {
  color-scheme: dark;
}

#root {
  width: 100%;
  min-height: 100svh;
  background: #ffffff;
}

body.theme-dark,
body.theme-dark #root {
  background: var(--rw-bg-page, #0d0d0d);
  color: #aaaaaa;
}

/* --rw-bg-page tanimi: theme-relatewise.css */

body.theme-dark h1,
body.theme-dark h2,
body.theme-dark h3,
body.theme-dark h4,
body.theme-dark p {
  color: inherit;
}

body.theme-dark h1,
body.theme-dark h2 {
  color: #ffffff;
}

h1,
h2 {
  font-family: var(--heading);
  font-weight: var(--fw-heading);
  color: var(--text-h);
}

h1 {
  font-size: 56px;
  letter-spacing: -1.68px;
  margin: 32px 0;
  @media (max-width: 1024px) {
    font-size: 36px;
    margin: 20px 0;
  }
}

h2 {
  font-size: 24px;
  line-height: 118%;
  letter-spacing: -0.24px;
  margin: 0 0 8px;
  @media (max-width: 1024px) {
    font-size: 20px;
  }
}

p {
  margin: 0;
}

code,
.counter {
  font-family: var(--mono);
  display: inline-flex;
  border-radius: 4px;
  color: var(--text-h);
}

code {
  font-size: 15px;
  line-height: 135%;
  padding: 4px 8px;
  background: var(--code-bg);
}

body {
  font-family: var(--sans);
  font-size: 14px;
  font-weight: var(--fw-body);
  line-height: 1.45;
}

body * {
  font-family: inherit;
}

.bi::before {
  font-family: bootstrap-icons !important;
}

/* perf/a11y: bootstrap-icons paketi @font-face'i font-display:block ile geliyor (FOIT,
   Lighthouse "Font display"). Ayni family'yi swap ile override ediyoruz; ikon fontu
   yuklenene kadar gorunmez kalir, hazir olunca cizilir. main.jsx'te paket CSS'inden
   sonra yuklendigi icin bu kural kazanir. */

@font-face {
  font-family: 'bootstrap-icons';
  font-display: swap;
  src:
    url('/assets/bootstrap-icons-mSm7cUeB.woff2') format('woff2'),
    url('/assets/bootstrap-icons-BeopsB42.woff') format('woff');
}
/* ============================================================================
   APP STYLES — barrel / harita
   ----------------------------------------------------------------------------
   Eski tek dosya App.css (40.563 satır), sayfa/özellik klasörlerine bölündü.

   ⚠️  IMPORT SIRASI ÖNEMLİDİR.
   Aşağıdaki sıra, orijinal App.css'in satır sırasıyla BİREBİR aynıdır; cascade
   (aynı özgüllükteki tekrar eden seçicilerde "sonra gelen kazanır") bu sıraya
   bağlıdır. Yeni dosya eklerken/taşırken bu listedeki YERİNİ koru; klasör adı
   sırayı belirlemez, buradaki sıralama belirler.

   Klasör haritası (bir sayfanın tüm stili tek klasörde):
     foundation/  → tasarım token'ları + global reset/dark tema + ikon seti
     landing/     → giriş & kayıt ekranı
     lab-shared/  → lab genel ortak stiller
     workorders/  → İş Emirleri (tüm görünümler: drawer/liste/flow/tablo/takvim/panel)
     patients/    → Hasta detay/liste/form
     definitions/ → Tanım sayfaları (liste tasarımı)
     dashboard/   → Lab dashboard + labdash2
     settings/    → Ayarlar
     print/       → Yazdırma çıktıları
     mobile/      → Mobil kart/drawer görünümleri
     misc/        → Dashboard typography + privacy
   ============================================================================ */

/* foundation */

/* Primary palette — modern SaaS blue (layout degismez, sadece renk) */

:root{
  --brand-primary: #2563eb;
  --brand-primary-hover: #1d4ed8;
  --brand-primary-deep: #1d4ed8;
  --brand-primary-darker: #1e40af;
  --brand-primary-light: #3b82f6;
  --brand-primary-muted: #93c5fd;
  --brand-primary-muted-dark: #60a5fa;
  --brand-primary-soft: #dbeafe;
  --brand-primary-selected-text: #1d4ed8; /* a11y: #2563eb -> #1d4ed8, aktif nav linki #dbeafe uzerinde AA (>=4.5) */
  --brand-gradient: var(--brand-primary);
  --brand-gradient-light: var(--brand-primary-light);
  --brand-ring: rgba(37, 99, 235, 0.14);
  --brand-shadow: rgba(37, 99, 235, 0.2);

  /* Semantic — green success / orange warning / red danger */
  --status-progress-bg: var(--brand-primary-soft);
  --status-progress-text: var(--brand-primary-selected-text);
  --status-success: #15803d;
  --status-success-soft: #dcfce7;
  --status-success-border: #86efac;
  --status-completed-bg: var(--status-success-soft);
  --status-completed-text: var(--status-success);
  --status-warning: #c2410c;
  --status-warning-soft: #ffedd5;
  --status-warning-border: #fdba74;
  --status-warning-bg: var(--status-warning-soft);
  --status-warning-text: var(--status-warning);
  --status-danger: #dc2626;
  --status-danger-soft: #fee2e2;
  --status-danger-border: #fca5a5;
  --status-danger-bg: var(--status-danger-soft);
  --status-danger-text: var(--status-danger);

  /* Neutral secondary (gri — mavi degil) */
  --neutral-btn-bg: #ffffff;
  --neutral-btn-border: #e2e8f0;
  --neutral-btn-text: #334155;
  --neutral-btn-hover-bg: #f8fafc;
  --neutral-btn-hover-border: #cbd5e1;
  --btn-secondary-bg: var(--neutral-btn-bg);
  --btn-secondary-border: var(--neutral-btn-border);
  --btn-secondary-text: var(--neutral-btn-text);
  --btn-secondary-hover-bg: var(--neutral-btn-hover-bg);
  --btn-secondary-hover-border: var(--neutral-btn-hover-border);

  /* Ust cubuk / sayfa arac cubugu kontrolleri */
  --header-control-height: 32px;
  --header-control-radius: 8px;
  --header-control-bg: #ffffff;
  --header-control-border: #e2e8f0;
  --header-control-text: #1a3a4a;
  --header-control-muted: #64748b;
  --header-control-hover-bg: var(--brand-primary-soft);
  --header-control-hover-border: var(--brand-primary-muted);
  --header-control-hover-text: var(--brand-primary);
  --header-control-focus-ring: var(--brand-ring);

  /* Yazi kalinligi — Ayarlar > Gorunum (varsayilan Orta). */
  --fw-body: 400;
  --fw-ui: 500;
  --fw-heading: 500;
  --fw-strong: 600;
}

body.theme-dark{
  --brand-primary: #3b82f6;
  --brand-primary-hover: #60a5fa;
  --brand-primary-deep: #2563eb;
  --brand-primary-darker: #1d4ed8;
  --brand-primary-light: #60a5fa;
  --brand-primary-muted: #93c5fd;
  --brand-primary-muted-dark: #93c5fd;
  --brand-primary-soft: rgba(59, 130, 246, 0.14);
  --brand-primary-selected-text: #93c5fd;
  --brand-gradient: var(--brand-primary);
  --brand-gradient-light: var(--brand-primary-hover);
  --brand-ring: rgba(59, 130, 246, 0.22);
  --brand-shadow: rgba(59, 130, 246, 0.28);

  --status-progress-bg: var(--brand-primary-soft);
  --status-progress-text: var(--brand-primary-selected-text);
  --status-success: #4ade80;
  --status-success-soft: rgba(22, 163, 74, 0.16);
  --status-success-border: rgba(74, 222, 128, 0.35);
  --status-completed-bg: var(--status-success-soft);
  --status-completed-text: var(--status-success);
  --status-warning: #fbbf24;
  --status-warning-soft: rgba(245, 158, 11, 0.16);
  --status-warning-border: rgba(251, 191, 36, 0.35);
  --status-warning-bg: var(--status-warning-soft);
  --status-warning-text: var(--status-warning);
  --status-danger: #f87171;
  --status-danger-soft: rgba(239, 68, 68, 0.16);
  --status-danger-border: rgba(248, 113, 113, 0.35);
  --status-danger-bg: var(--status-danger-soft);
  --status-danger-text: var(--status-danger);

  --neutral-btn-bg: #27272a;
  --neutral-btn-border: #3f3f46;
  --neutral-btn-text: #e4e4e7;
  --neutral-btn-hover-bg: #303036;
  --neutral-btn-hover-border: #52525b;
  --btn-secondary-bg: var(--neutral-btn-bg);
  --btn-secondary-border: var(--neutral-btn-border);
  --btn-secondary-text: var(--neutral-btn-text);
  --btn-secondary-hover-bg: var(--neutral-btn-hover-bg);
  --btn-secondary-hover-border: var(--neutral-btn-hover-border);

  --header-control-bg: #27272a;
  --header-control-border: #3f3f46;
  --header-control-text: #e4e4e7;
  --header-control-muted: #a1a1aa;
  --header-control-hover-bg: var(--brand-primary-soft);
  --header-control-hover-border: rgba(59, 130, 246, 0.35);
  --header-control-hover-text: var(--brand-primary-selected-text);
  --header-control-focus-ring: var(--brand-ring);
}

.dash-layout button,
.dash-partnership-panel button{
  -webkit-appearance: none;
  appearance: none;
  font-family: inherit;
}

.dash-layout button:focus{
  outline: none;
}

.dash-layout button:focus-visible{
  outline: 2px solid var(--header-control-focus-ring);
  outline-offset: 2px;
}

.container{
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  gap: 24px;
  flex-wrap: wrap;
}

/* ============================================================================
   DARK THEME
   ============================================================================ */

body.theme-dark{
  color: #aaaaaa;
}

/* Sayfa arka plani (gradient): theme-relatewise.css --rw-bg-page */

body.theme-dark .dash-sidebar{
  background: transparent;
  border-right-color: #2d2d2d;
}

body.theme-dark .dash-brand-name{
  color: #e0e0e0;
}

body.theme-dark .dash-brand-mark{
  --brand-mark-icon: #ffffff;
}

body.theme-dark .dash-nav-link,
body.theme-dark .dash-nav-group-toggle,
body.theme-dark .dash-nav-subtitle{
  color: #b0b0b0;
}

body.theme-dark .dash-nav-link:hover,
body.theme-dark .dash-nav-group-toggle:hover{
  background: #2A2B30;
  border-radius: 8px;
  color: #ffffff;
}

body.theme-dark .dash-nav-link--active{
  color: #ffffff;
  background: #2a2a2a;
}

/* Sidebar/header arama: theme-relatewise.css */

body.theme-dark .dash-main{
  background: transparent;
  border: none;
}

body.theme-dark .dash-topbar{
  background: transparent;
  border-bottom-color: #2a2a2a;
}

body.theme-dark .dash-page-title-text{
  color: #ffffff;
}

body.theme-dark .dash-topbar-subtitle{
  color: #999;
}

/* Sidebar Ayarlar / Cikis: theme-relatewise.css */

body.theme-dark .dash-metric-card,
body.theme-dark .dash-chart-card,
body.theme-dark .dash-table-card,
body.theme-dark .dash-overview-card,
body.theme-dark .wo-active-order-card{
  background: #18181b;
  border-color: #2d2d2d;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.45);
}

body.theme-dark .dash-metric-label,
body.theme-dark .dash-chart-sub,
body.theme-dark .dash-chart-foot{
  color: #888;
}

body.theme-dark .dash-metric-value,
body.theme-dark .dash-chart-card h3,
body.theme-dark .dash-table-head h3{
  color: #ffffff;
}

body.theme-dark .dash-table-label{
  color: #999;
}

body.theme-dark .dash-table-value{
  color: #e0e0e0;
}

body.theme-dark .dash-table-row{
  border-bottom-color: #2a2a2a;
}

body.theme-dark .dash-topbar-notify-badge{
  border-color: var(--header-control-bg, #18181b);
}

body.theme-dark .dash-topbar-notify-badge--notify{
  background: #f87171;
  box-shadow: 0 1px 5px rgba(248, 113, 113, 0.4);
}

body.theme-dark .dash-topbar-notify-badge--partnership{
  background: #fbbf24;
  box-shadow: 0 1px 5px rgba(251, 191, 36, 0.35);
}

body.theme-dark .dash-partnership-panel,
body.theme-dark .dash-topbar-menu{
  background: #1e1f23;
  border-color: #2a2a2a;
  box-shadow: -8px 0 24px rgba(0, 0, 0, 0.4);
}

body.theme-dark .dash-partnership-panel-head{
  background: #1e1f23;
  border-bottom-color: #2a2a2a;
}

body.theme-dark .dash-partnership-panel-head h3,
body.theme-dark .dash-partnership-item-name,
body.theme-dark .dash-partnership-uuid-code{
  color: #f1f5f9;
}

body.theme-dark .dash-partnership-panel-sub,
body.theme-dark .dash-partnership-item-meta,
body.theme-dark .dash-partnership-empty p{
  color: #94a3b8;
}

body.theme-dark .dash-partnership-panel-close{
  background: #2a2b30;
  border-color: #3a3b42;
  color: #b8bec8;
}

body.theme-dark .dash-partnership-panel-close:hover{
  background: rgba(37, 99, 235, 0.15);
  border-color: var(--brand-primary);
  color: #93b4ff;
}

body.theme-dark .dash-partnership-card{
  background: #25262b;
  border-color: #33353c;
}

body.theme-dark .dash-partnership-card--list{
  background: #1e1f23;
}

body.theme-dark .dash-partnership-uuid-code,
body.theme-dark .dash-partnership-uuid-copy,
body.theme-dark .dash-partnership-item{
  background: #25262b;
  border-color: #33353c;
}

body.theme-dark .dash-partnership-tabs{
  background: #25262b;
}

body.theme-dark .dash-partnership-tab--active{
  background: var(--lab-accent, var(--brand-primary));
  color: #ffffff;
  box-shadow: 0 2px 8px rgba(37, 99, 235, 0.4);
}

body.theme-dark .dash-partnership-btn--ghost{
  background: #2a2b30;
  border-color: #3a3b42;
  color: #cbd5e1;
}

body.theme-dark .dash-partnership-empty{
  background: #25262b;
  border-color: #3a3b42;
}

body.theme-dark .dash-partnership-alert--error{
  background: rgba(220, 38, 38, 0.12);
  border-color: rgba(248, 113, 113, 0.35);
  color: #fca5a5;
}

body.theme-dark .dash-partnership-alert--success{
  background: rgba(22, 163, 74, 0.12);
  border-color: rgba(74, 222, 128, 0.3);
  color: #86efac;
}

body.theme-dark .dash-partnership-quick-btn{
  background: #25262b;
  border-color: #33353c;
  color: #94a3b8;
}

body.theme-dark .dash-partnership-quick-btn--active,
body.theme-dark .dash-partnership-quick-btn:hover{
  background: rgba(37, 99, 235, 0.15);
  border-color: var(--brand-primary);
  color: var(--brand-primary-muted);
}

body.theme-dark .dash-partnership-uuid-copied{
  color: #86efac;
}

body.theme-dark .dash-topbar-menu-header{
  background: #1E1F23;
  border-bottom-color: #2a2a2a;
  color: #999;
}

body.theme-dark .dash-topbar-menu-divider{
  background: #2a2a2a;
}

body.theme-dark .dash-topbar-menu-item{
  color: #e0e0e0;
}

body.theme-dark .dash-topbar-menu-item i{
  color: #888;
}

body.theme-dark .dash-topbar-uuid-section{
  background: #1E1F23;
}

body.theme-dark .dash-topbar-uuid-box{
  background: #1E1F23;
  border-color: #333;
}

body.theme-dark .dash-topbar-uuid-code{
  background: #1E1F23;
  border-color: #333;
  color: #e0e0e0 !important;
}

body.theme-dark .dash-topbar-uuid-hint{
  color: #888;
}

body.theme-dark .dash-topbar-uuid-copy{
  background: #333;
}

body.theme-dark .dash-topbar-uuid-copy:hover{
  background: #2A2B30;
}

body.theme-dark .dash-partnership-tabs{
  background: #1E1F23;
}

body.theme-dark .dash-partnership-tab{
  background: transparent;
  border-color: transparent;
  color: #94a3b8;
}

body.theme-dark .dash-partnership-tab--active{
  background: var(--lab-accent, var(--brand-primary));
  border-color: transparent;
  color: #ffffff;
  box-shadow: 0 2px 8px rgba(37, 99, 235, 0.4);
}

body.theme-dark .dash-partnership-tab--active .dash-partnership-tab-count{
  background: rgba(255, 255, 255, 0.22);
  color: #ffffff;
}

body.theme-dark .dash-partnership-tab--active .dash-partnership-tab-count--alert{
  background: #ffffff;
  color: #dc2626;
}

body.theme-dark .dash-topbar-linked-item{
  border-bottom-color: #2a2a2a;
}

body.theme-dark .dash-topbar-linked-name{
  color: #e0e0e0;
}

body.theme-dark .dash-topbar-linked-type{
  color: #888;
}

body.theme-dark .dash-topbar-linked-info > i{
  color: #888;
}

body.theme-dark .dash-topbar-menu-empty{
  color: #666;
}

body.theme-dark .dash-topbar-connect-input-wrap{
  background: #1E1F23;
  border-color: #333;
}

body.theme-dark .dash-topbar-connect-input-wrap i{
  color: #888;
}

body.theme-dark .dash-topbar-connect-input-wrap:focus-within{
  border-color: #555;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.08);
  background: #2a2a2a;
}

body.theme-dark .dash-topbar-connect-form input{
  color: #e0e0e0;
}

body.theme-dark .dash-topbar-connect-form input::placeholder{
  color: #666;
}

body.theme-dark .dash-topbar-connect-form button{
  background: #333;
  border-color: #444;
}

body.theme-dark .dash-topbar-connect-form button:hover:not(:disabled){
  background: #2A2B30;
  border-color: #50535c;
}

body.theme-dark .dash-topbar-request-actions button{
  background: #333;
  border-color: #444;
}

body.theme-dark .dash-topbar-request-actions button:hover:not(:disabled){
  background: #2A2B30;
  border-color: #50535c;
}

body.theme-dark .dash-topbar-linked-item:hover{
  background: #24262c;
}

/* ==========================================================================
   DARK THEME — Bagli klinikler paneli, Is Emri drawer temasiyla birebir
   ========================================================================== */

body.theme-dark .dash-partnership-panel-backdrop{
  background: rgba(0, 0, 0, 0.55);
}

body.theme-dark .dash-partnership-panel{
  background: var(--rw-surface, #18181b);
  border: 1px solid var(--rw-border, #2d2d2d);
  box-shadow:
    0 25px 50px -12px rgba(0, 0, 0, 0.65),
    0 12px 28px rgba(0, 0, 0, 0.5);
}

body.theme-dark .dash-partnership-panel-head,
body.theme-dark .dash-partnership-panel-body{
  background: var(--rw-surface, #18181b);
}

body.theme-dark .dash-partnership-panel-head{
  border-bottom-color: var(--rw-border, #2d2d2d);
}

body.theme-dark .dash-partnership-panel-head h3,
body.theme-dark .dash-partnership-item-name{
  color: var(--rw-text-strong, #f1f5f9);
}

body.theme-dark .dash-partnership-panel-sub,
body.theme-dark .dash-partnership-item-meta{
  color: var(--rw-text-muted, #aaaaaa);
}

body.theme-dark .dash-partnership-panel-close{
  background: var(--rw-surface-elevated, #27272a);
  border-color: var(--rw-border, #2d2d2d);
  color: var(--rw-text-muted, #cbd5e1);
}

body.theme-dark .dash-partnership-panel-close:hover{
  background: var(--rw-surface-hover, #2f2f33);
  border-color: var(--rw-border-soft, #353535);
  color: var(--rw-text-strong, #ffffff);
}

body.theme-dark .dash-partnership-card,
body.theme-dark .dash-partnership-item,
body.theme-dark .dash-partnership-uuid-code,
body.theme-dark .dash-partnership-uuid-copy,
body.theme-dark .dash-partnership-panel-search{
  background: var(--rw-surface-elevated, #1c1c1f);
  border-color: var(--rw-border, #2d2d2d);
}

body.theme-dark .dash-partnership-card--list,
body.theme-dark .dash-partnership-tabs{
  background: var(--rw-bg, #0d0d0d);
}

body.theme-dark .dash-partnership-quick-btn,
body.theme-dark .dash-partnership-tab{
  background: var(--rw-surface-elevated, #27272a);
  border-color: var(--rw-border, #2d2d2d);
  color: var(--rw-text-muted, #aaaaaa);
}

body.theme-dark .dash-partnership-quick-btn:hover,
body.theme-dark .dash-partnership-quick-btn--active{
  background: var(--rw-surface-hover, #2f2f33);
  border-color: rgba(59, 130, 246, 0.5);
  color: #5eb3e4;
}

body.theme-dark .dash-partnership-tab--active{
  background: var(--rw-surface-hover, #2f2f33);
  color: #5eb3e4;
  border-color: rgba(59, 130, 246, 0.5);
  box-shadow: 0 0 0 1px rgba(59, 130, 246, 0.25);
}

body.theme-dark .dash-partnership-panel-search input,
body.theme-dark .dash-partnership-uuid-input{
  color: var(--rw-text-strong, #f1f5f9);
}

body.theme-dark .dash-partnership-panel-search input::placeholder,
body.theme-dark .dash-partnership-uuid-input::placeholder{
  color: var(--rw-text-muted, #aaaaaa);
}

/* Global text selection readability (acik mod + dark mod fallback) */

::selection{
  background: rgba(59, 130, 246, 0.45);
  color: #ffffff;
}

::-moz-selection{
  background: rgba(59, 130, 246, 0.45);
  color: #ffffff;
}

/* ============================================================================
   IKON SETI — lucide (bootstrap-icons glyph'lerinin yerine)
   ----------------------------------------------------------------------------
   OTOMATIK URETILDI — elle duzenlemeyin.
   Kaynak: scripts/icons/icon-map.mjs  •  Uret: npm run icons:css

   `.bi-*::before` glyph'i lucide SVG mask'i ile degistirilir. Ikon 1em
   oldugundan mevcut `.bi`/`i` kurallarindaki font-size ve color aynen gecerli
   kalir; markup (`<i className="bi bi-x" />`) degismez.
   ============================================================================ */

.bi-activity::before,
.bi-arrow-clockwise::before,
.bi-arrow-counterclockwise::before,
.bi-arrow-down-circle::before,
.bi-arrow-down-short::before,
.bi-arrow-left::before,
.bi-arrow-left-right::before,
.bi-arrow-repeat::before,
.bi-arrow-right::before,
.bi-arrow-right-circle::before,
.bi-arrow-up-circle::before,
.bi-arrow-up-short::before,
.bi-arrows-fullscreen::before,
.bi-at::before,
.bi-bar-chart-line::before,
.bi-bell::before,
.bi-bell-slash::before,
.bi-bezier::before,
.bi-bezier2::before,
.bi-book::before,
.bi-bounding-box::before,
.bi-box::before,
.bi-box-arrow-in-down::before,
.bi-box-arrow-in-right::before,
.bi-box-arrow-right::before,
.bi-box-arrow-up::before,
.bi-box-seam::before,
.bi-boxes::before,
.bi-briefcase::before,
.bi-brightness-high::before,
.bi-building::before,
.bi-building-check::before,
.bi-buildings::before,
.bi-calendar-check::before,
.bi-calendar2-check::before,
.bi-calendar3::before,
.bi-card-text::before,
.bi-caret-down-fill::before,
.bi-caret-up-fill::before,
.bi-cash-coin::before,
.bi-cash-stack::before,
.bi-chat-left-text::before,
.bi-check-circle::before,
.bi-check-circle-fill::before,
.bi-check-lg::before,
.bi-check2::before,
.bi-check2-all::before,
.bi-check2-circle::before,
.bi-chevron-down::before,
.bi-chevron-left::before,
.bi-chevron-right::before,
.bi-chevron-up::before,
.bi-circle::before,
.bi-circle-half::before,
.bi-clipboard::before,
.bi-clipboard-check::before,
.bi-clipboard2-check::before,
.bi-clipboard2-data::before,
.bi-clipboard2-pulse::before,
.bi-clock::before,
.bi-clock-history::before,
.bi-credit-card::before,
.bi-currency-exchange::before,
.bi-dash-circle::before,
.bi-diagram-3::before,
.bi-dot::before,
.bi-download::before,
.bi-droplet::before,
.bi-droplet-half::before,
.bi-envelope::before,
.bi-exclamation::before,
.bi-exclamation-circle::before,
.bi-exclamation-triangle::before,
.bi-eye::before,
.bi-eye-slash::before,
.bi-eyedropper::before,
.bi-file-earmark-excel::before,
.bi-file-earmark-pdf::before,
.bi-file-earmark-plus::before,
.bi-file-earmark-spreadsheet::before,
.bi-file-earmark-text::before,
.bi-file-text::before,
.bi-filetype-csv::before,
.bi-filter::before,
.bi-flag::before,
.bi-folder::before,
.bi-folder2::before,
.bi-folder2-open::before,
.bi-fullscreen-exit::before,
.bi-funnel::before,
.bi-funnel-fill::before,
.bi-gear::before,
.bi-gear-wide-connected::before,
.bi-gem::before,
.bi-gender-ambiguous::before,
.bi-geo::before,
.bi-geo-alt::before,
.bi-grid::before,
.bi-grid-1x2-fill::before,
.bi-grid-3x3::before,
.bi-grid-3x3-gap::before,
.bi-grip-vertical::before,
.bi-hash::before,
.bi-hdd-stack::before,
.bi-headset::before,
.bi-heart-pulse::before,
.bi-hospital::before,
.bi-hourglass-split::before,
.bi-house::before,
.bi-house-door::before,
.bi-images::before,
.bi-info-circle::before,
.bi-journal-check::before,
.bi-journal-text::before,
.bi-kanban::before,
.bi-key::before,
.bi-keyboard::before,
.bi-laptop::before,
.bi-layers::before,
.bi-layout-sidebar-inset::before,
.bi-layout-text-window::before,
.bi-layout-three-columns::before,
.bi-lightbulb::before,
.bi-lightning-charge::before,
.bi-link-45deg::before,
.bi-list-nested::before,
.bi-list-ul::before,
.bi-lock::before,
.bi-lock-fill::before,
.bi-moon-stars::before,
.bi-palette::before,
.bi-patch-check::before,
.bi-pause-circle::before,
.bi-pencil::before,
.bi-people::before,
.bi-people-fill::before,
.bi-person::before,
.bi-person-badge::before,
.bi-person-check::before,
.bi-person-gear::before,
.bi-person-vcard::before,
.bi-person-workspace::before,
.bi-phone::before,
.bi-play-circle-fill::before,
.bi-plus-circle::before,
.bi-plus-lg::before,
.bi-prescription2::before,
.bi-printer::before,
.bi-question-circle::before,
.bi-receipt::before,
.bi-rulers::before,
.bi-search::before,
.bi-send::before,
.bi-shield-check::before,
.bi-shield-lock::before,
.bi-signpost::before,
.bi-slash-circle::before,
.bi-sliders::before,
.bi-star-fill::before,
.bi-sun::before,
.bi-table::before,
.bi-tag::before,
.bi-tags::before,
.bi-telephone::before,
.bi-three-dots::before,
.bi-three-dots-vertical::before,
.bi-trash::before,
.bi-truck::before,
.bi-universal-access::before,
.bi-upload::before,
.bi-wallet2::before,
.bi-x::before,
.bi-x-circle::before,
.bi-x-lg::before{
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  -webkit-mask: var(--lucide-icon) center / contain no-repeat;
  mask: var(--lucide-icon) center / contain no-repeat;
}

.bi-activity{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2'/%3E%3C/svg%3E");
}

.bi-arrow-clockwise{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8'/%3E%3Cpath d='M21 3v5h-5'/%3E%3C/svg%3E");
}

.bi-arrow-counterclockwise{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8'/%3E%3Cpath d='M3 3v5h5'/%3E%3C/svg%3E");
}

.bi-arrow-down-circle{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 8v8'/%3E%3Cpath d='m8 12 4 4 4-4'/%3E%3C/svg%3E");
}

.bi-arrow-down-short{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14'/%3E%3Cpath d='m19 12-7 7-7-7'/%3E%3C/svg%3E");
}

.bi-arrow-left{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 19-7-7 7-7'/%3E%3Cpath d='M19 12H5'/%3E%3C/svg%3E");
}

.bi-arrow-left-right{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 3 4 7l4 4'/%3E%3Cpath d='M4 7h16'/%3E%3Cpath d='m16 21 4-4-4-4'/%3E%3Cpath d='M20 17H4'/%3E%3C/svg%3E");
}

.bi-arrow-repeat{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8'/%3E%3Cpath d='M21 3v5h-5'/%3E%3Cpath d='M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16'/%3E%3Cpath d='M8 16H3v5'/%3E%3C/svg%3E");
}

.bi-arrow-right{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m12 5 7 7-7 7'/%3E%3C/svg%3E");
}

.bi-arrow-right-circle{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m12 16 4-4-4-4'/%3E%3Cpath d='M8 12h8'/%3E%3C/svg%3E");
}

.bi-arrow-up-circle{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m16 12-4-4-4 4'/%3E%3Cpath d='M12 16V8'/%3E%3C/svg%3E");
}

.bi-arrow-up-short{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 7-7 7 7'/%3E%3Cpath d='M12 19V5'/%3E%3C/svg%3E");
}

.bi-arrows-fullscreen{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 3H5a2 2 0 0 0-2 2v3'/%3E%3Cpath d='M21 8V5a2 2 0 0 0-2-2h-3'/%3E%3Cpath d='M3 16v3a2 2 0 0 0 2 2h3'/%3E%3Cpath d='M16 21h3a2 2 0 0 0 2-2v-3'/%3E%3C/svg%3E");
}

.bi-at{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M16 8v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-4 8'/%3E%3C/svg%3E");
}

.bi-bar-chart-line{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3v16a2 2 0 0 0 2 2h16'/%3E%3Cpath d='M18 17V9'/%3E%3Cpath d='M13 17V5'/%3E%3Cpath d='M8 17v-3'/%3E%3C/svg%3E");
}

.bi-bell{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.268 21a2 2 0 0 0 3.464 0'/%3E%3Cpath d='M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326'/%3E%3C/svg%3E");
}

.bi-bell-slash{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.268 21a2 2 0 0 0 3.464 0'/%3E%3Cpath d='M17 17H4a1 1 0 0 1-.74-1.673C4.59 13.956 6 12.499 6 8a6 6 0 0 1 .258-1.742'/%3E%3Cpath d='m2 2 20 20'/%3E%3Cpath d='M8.668 3.01A6 6 0 0 1 18 8c0 2.687.77 4.653 1.707 6.05'/%3E%3C/svg%3E");
}

.bi-bezier{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='19' cy='5' r='2'/%3E%3Ccircle cx='5' cy='19' r='2'/%3E%3Cpath d='M5 17A12 12 0 0 1 17 5'/%3E%3C/svg%3E");
}

.bi-bezier2{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='19' cy='5' r='2'/%3E%3Ccircle cx='5' cy='19' r='2'/%3E%3Cpath d='M5 17A12 12 0 0 1 17 5'/%3E%3C/svg%3E");
}

.bi-book{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H19a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H6.5a1 1 0 0 1 0-5H20'/%3E%3C/svg%3E");
}

.bi-bounding-box{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='22' x2='2' y1='6' y2='6'/%3E%3Cline x1='22' x2='2' y1='18' y2='18'/%3E%3Cline x1='6' x2='6' y1='2' y2='22'/%3E%3Cline x1='18' x2='18' y1='2' y2='22'/%3E%3C/svg%3E");
}

.bi-box{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z'/%3E%3Cpath d='m3.3 7 8.7 5 8.7-5'/%3E%3Cpath d='M12 22V12'/%3E%3C/svg%3E");
}

.bi-box-arrow-in-down{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v12'/%3E%3Cpath d='m8 11 4 4 4-4'/%3E%3Cpath d='M8 5H4a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-4'/%3E%3C/svg%3E");
}

.bi-box-arrow-in-right{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m10 17 5-5-5-5'/%3E%3Cpath d='M15 12H3'/%3E%3Cpath d='M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4'/%3E%3C/svg%3E");
}

.bi-box-arrow-right{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m16 17 5-5-5-5'/%3E%3Cpath d='M21 12H9'/%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/%3E%3C/svg%3E");
}

.bi-box-arrow-up{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2v13'/%3E%3Cpath d='m16 6-4-4-4 4'/%3E%3Cpath d='M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8'/%3E%3C/svg%3E");
}

.bi-box-seam{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73z'/%3E%3Cpath d='M12 22V12'/%3E%3Cpolyline points='3.29 7 12 12 20.71 7'/%3E%3Cpath d='m7.5 4.27 9 5.15'/%3E%3C/svg%3E");
}

.bi-boxes{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.97 12.92A2 2 0 0 0 2 14.63v3.24a2 2 0 0 0 .97 1.71l3 1.8a2 2 0 0 0 2.06 0L12 19v-5.5l-5-3-4.03 2.42Z'/%3E%3Cpath d='m7 16.5-4.74-2.85'/%3E%3Cpath d='m7 16.5 5-3'/%3E%3Cpath d='M7 16.5v5.17'/%3E%3Cpath d='M12 13.5V19l3.97 2.38a2 2 0 0 0 2.06 0l3-1.8a2 2 0 0 0 .97-1.71v-3.24a2 2 0 0 0-.97-1.71L17 10.5l-5 3Z'/%3E%3Cpath d='m17 16.5-5-3'/%3E%3Cpath d='m17 16.5 4.74-2.85'/%3E%3Cpath d='M17 16.5v5.17'/%3E%3Cpath d='M7.97 4.42A2 2 0 0 0 7 6.13v4.37l5 3 5-3V6.13a2 2 0 0 0-.97-1.71l-3-1.8a2 2 0 0 0-2.06 0l-3 1.8Z'/%3E%3Cpath d='M12 8 7.26 5.15'/%3E%3Cpath d='m12 8 4.74-2.85'/%3E%3Cpath d='M12 13.5V8'/%3E%3C/svg%3E");
}

.bi-briefcase{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 20V4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16'/%3E%3Crect width='20' height='14' x='2' y='6' rx='2'/%3E%3C/svg%3E");
}

.bi-brightness-high{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2v2'/%3E%3Cpath d='M12 20v2'/%3E%3Cpath d='m4.93 4.93 1.41 1.41'/%3E%3Cpath d='m17.66 17.66 1.41 1.41'/%3E%3Cpath d='M2 12h2'/%3E%3Cpath d='M20 12h2'/%3E%3Cpath d='m6.34 17.66-1.41 1.41'/%3E%3Cpath d='m19.07 4.93-1.41 1.41'/%3E%3C/svg%3E");
}

.bi-building{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 10h.01'/%3E%3Cpath d='M12 14h.01'/%3E%3Cpath d='M12 6h.01'/%3E%3Cpath d='M16 10h.01'/%3E%3Cpath d='M16 14h.01'/%3E%3Cpath d='M16 6h.01'/%3E%3Cpath d='M8 10h.01'/%3E%3Cpath d='M8 14h.01'/%3E%3Cpath d='M8 6h.01'/%3E%3Cpath d='M9 22v-3a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v3'/%3E%3Crect x='4' y='2' width='16' height='20' rx='2'/%3E%3C/svg%3E");
}

.bi-building-check{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 10h.01'/%3E%3Cpath d='M12 14h.01'/%3E%3Cpath d='M12 6h.01'/%3E%3Cpath d='M16 10h.01'/%3E%3Cpath d='M16 14h.01'/%3E%3Cpath d='M16 6h.01'/%3E%3Cpath d='M8 10h.01'/%3E%3Cpath d='M8 14h.01'/%3E%3Cpath d='M8 6h.01'/%3E%3Cpath d='M9 22v-3a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v3'/%3E%3Crect x='4' y='2' width='16' height='20' rx='2'/%3E%3C/svg%3E");
}

.bi-buildings{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 12h4'/%3E%3Cpath d='M10 8h4'/%3E%3Cpath d='M14 21v-3a2 2 0 0 0-4 0v3'/%3E%3Cpath d='M6 10H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-2'/%3E%3Cpath d='M6 21V5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v16'/%3E%3C/svg%3E");
}

.bi-calendar-check{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 2v3'/%3E%3Cpath d='M16 2v3'/%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Cpath d='M3 9h18'/%3E%3Cpath d='m9 15 2 2 4-4'/%3E%3C/svg%3E");
}

.bi-calendar2-check{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 2v3'/%3E%3Cpath d='M16 2v3'/%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Cpath d='M3 9h18'/%3E%3Cpath d='m9 15 2 2 4-4'/%3E%3C/svg%3E");
}

.bi-calendar3{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 2v3'/%3E%3Cpath d='M16 2v3'/%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Cpath d='M3 9h18'/%3E%3C/svg%3E");
}

.bi-card-text{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z'/%3E%3Cpath d='M14 2v5a1 1 0 0 0 1 1h5'/%3E%3Cpath d='M10 9H8'/%3E%3Cpath d='M16 13H8'/%3E%3Cpath d='M16 17H8'/%3E%3C/svg%3E");
}

.bi-caret-down-fill{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
}

.bi-caret-up-fill{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m18 15-6-6-6 6'/%3E%3C/svg%3E");
}

.bi-cash-coin{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13.744 17.736a6 6 0 1 1-7.48-7.48'/%3E%3Cpath d='M15 6h1v4'/%3E%3Cpath d='m6.134 14.768.866-.5 2 3.464'/%3E%3Ccircle cx='16' cy='8' r='6'/%3E%3C/svg%3E");
}

.bi-cash-stack{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='20' height='12' x='2' y='6' rx='2'/%3E%3Ccircle cx='12' cy='12' r='2'/%3E%3Cpath d='M6 12h.01M18 12h.01'/%3E%3C/svg%3E");
}

.bi-chat-left-text{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z'/%3E%3Cpath d='M7 11h10'/%3E%3Cpath d='M7 15h6'/%3E%3Cpath d='M7 7h8'/%3E%3C/svg%3E");
}

.bi-check-circle{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m16 9-5.5 5.5L8 12'/%3E%3C/svg%3E");
}

.bi-check-circle-fill{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21.801 10A10 10 0 1 1 17 3.335'/%3E%3Cpath d='m9 11 3 3L22 4'/%3E%3C/svg%3E");
}

.bi-check-lg{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
}

.bi-check2{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
}

.bi-check2-all{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6 7 17l-5-5'/%3E%3Cpath d='m22 10-7.5 7.5L13 16'/%3E%3C/svg%3E");
}

.bi-check2-circle{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m16 9-5.5 5.5L8 12'/%3E%3C/svg%3E");
}

.bi-chevron-down{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
}

.bi-chevron-left{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m15 18-6-6 6-6'/%3E%3C/svg%3E");
}

.bi-chevron-right{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E");
}

.bi-chevron-up{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m18 15-6-6-6 6'/%3E%3C/svg%3E");
}

.bi-circle{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3C/svg%3E");
}

.bi-circle-half{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 18a6 6 0 0 0 0-12v12z'/%3E%3C/svg%3E");
}

.bi-clipboard{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='8' height='4' x='8' y='2' rx='1' ry='1'/%3E%3Cpath d='M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2'/%3E%3C/svg%3E");
}

.bi-clipboard-check{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='8' height='4' x='8' y='2' rx='1' ry='1'/%3E%3Cpath d='M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2'/%3E%3Cpath d='m9 14 2 2 4-4'/%3E%3C/svg%3E");
}

.bi-clipboard2-check{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='8' height='4' x='8' y='2' rx='1' ry='1'/%3E%3Cpath d='M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2'/%3E%3Cpath d='m9 14 2 2 4-4'/%3E%3C/svg%3E");
}

.bi-clipboard2-data{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='8' height='4' x='8' y='2' rx='1' ry='1'/%3E%3Cpath d='M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2'/%3E%3Cpath d='M12 11h4'/%3E%3Cpath d='M12 16h4'/%3E%3Cpath d='M8 11h.01'/%3E%3Cpath d='M8 16h.01'/%3E%3C/svg%3E");
}

.bi-clipboard2-pulse{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='8' height='4' x='8' y='2' rx='1' ry='1'/%3E%3Cpath d='M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2'/%3E%3Cpath d='M9 14h6'/%3E%3Cpath d='M12 17v-6'/%3E%3C/svg%3E");
}

.bi-clock{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E");
}

.bi-clock-history{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8'/%3E%3Cpath d='M3 3v5h5'/%3E%3Cpath d='M12 7v5l4 2'/%3E%3C/svg%3E");
}

.bi-credit-card{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='20' height='14' x='2' y='5' rx='2'/%3E%3Cline x1='2' x2='22' y1='10' y2='10'/%3E%3Cpath d='M6 14h2'/%3E%3C/svg%3E");
}

.bi-currency-exchange{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 7v10a5 5 0 0 0 5-5'/%3E%3Cpath d='m14 8-6 3'/%3E%3Cpath d='M4 3a1 1 0 0 1 1-1 1.3 1.3 0 0 1 .7.2l.933.6a1.3 1.3 0 0 0 1.4 0l.934-.6a1.3 1.3 0 0 1 1.4 0l.933.6a1.3 1.3 0 0 0 1.4 0l.933-.6a1.3 1.3 0 0 1 1.4 0l.934.6a1.3 1.3 0 0 0 1.4 0l.933-.6A1.3 1.3 0 0 1 19 2a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1 1.3 1.3 0 0 1-.7-.2l-.933-.6a1.3 1.3 0 0 0-1.4 0l-.934.6a1.3 1.3 0 0 1-1.4 0l-.933-.6a1.3 1.3 0 0 0-1.4 0l-.933.6a1.3 1.3 0 0 1-1.4 0l-.934-.6a1.3 1.3 0 0 0-1.4 0l-.933.6a1.3 1.3 0 0 1-.7.2 1 1 0 0 1-1-1z'/%3E%3C/svg%3E");
}

.bi-dash-circle{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M8 12h8'/%3E%3C/svg%3E");
}

.bi-diagram-3{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='8' height='8' x='3' y='3' rx='2'/%3E%3Cpath d='M7 11v4a2 2 0 0 0 2 2h4'/%3E%3Crect width='8' height='8' x='13' y='13' rx='2'/%3E%3C/svg%3E");
}

.bi-dot{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='1'/%3E%3C/svg%3E");
}

.bi-download{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 15V3'/%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");
}

.bi-droplet{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22a7 7 0 0 0 7-7c0-2-1-3.9-3-5.5s-3.5-4-4-6.5c-.5 2.5-2 4.9-4 6.5C6 11.1 5 13 5 15a7 7 0 0 0 7 7z'/%3E%3C/svg%3E");
}

.bi-droplet-half{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22a7 7 0 0 0 7-7c0-2-1-3.9-3-5.5s-3.5-4-4-6.5c-.5 2.5-2 4.9-4 6.5C6 11.1 5 13 5 15a7 7 0 0 0 7 7z'/%3E%3C/svg%3E");
}

.bi-envelope{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7'/%3E%3Crect x='2' y='4' width='20' height='16' rx='2'/%3E%3C/svg%3E");
}

.bi-exclamation{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3'/%3E%3Cpath d='M12 9v4'/%3E%3Cpath d='M12 17h.01'/%3E%3C/svg%3E");
}

.bi-exclamation-circle{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='12' x2='12' y1='8' y2='12'/%3E%3Cline x1='12' x2='12.01' y1='16' y2='16'/%3E%3C/svg%3E");
}

.bi-exclamation-triangle{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3'/%3E%3Cpath d='M12 9v4'/%3E%3Cpath d='M12 17h.01'/%3E%3C/svg%3E");
}

.bi-eye{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");
}

.bi-eye-slash{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49'/%3E%3Cpath d='M14.084 14.158a3 3 0 0 1-4.242-4.242'/%3E%3Cpath d='M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143'/%3E%3Cpath d='m2 2 20 20'/%3E%3C/svg%3E");
}

.bi-eyedropper{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2v6a2 2 0 0 0 .245.96l5.51 10.08A2 2 0 0 1 18 22H6a2 2 0 0 1-1.755-2.96l5.51-10.08A2 2 0 0 0 10 8V2'/%3E%3Cpath d='M6.453 15h11.094'/%3E%3Cpath d='M8.5 2h7'/%3E%3C/svg%3E");
}

.bi-file-earmark-excel{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z'/%3E%3Cpath d='M14 2v5a1 1 0 0 0 1 1h5'/%3E%3Cpath d='M8 13h2'/%3E%3Cpath d='M14 13h2'/%3E%3Cpath d='M8 17h2'/%3E%3Cpath d='M14 17h2'/%3E%3C/svg%3E");
}

.bi-file-earmark-pdf{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22h6a2 2 0 0 0 2-2V8a2.4 2.4 0 0 0-.706-1.706l-3.588-3.588A2.4 2.4 0 0 0 14 2H6a2 2 0 0 0-2 2v6'/%3E%3Cpath d='M14 2v5a1 1 0 0 0 1 1h5'/%3E%3Cpath d='M3 16v-1.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 .5.5V16'/%3E%3Cpath d='M6 22h2'/%3E%3Cpath d='M7 14v8'/%3E%3C/svg%3E");
}

.bi-file-earmark-plus{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z'/%3E%3Cpath d='M14 2v5a1 1 0 0 0 1 1h5'/%3E%3Cpath d='M9 15h6'/%3E%3Cpath d='M12 18v-6'/%3E%3C/svg%3E");
}

.bi-file-earmark-spreadsheet{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z'/%3E%3Cpath d='M14 2v5a1 1 0 0 0 1 1h5'/%3E%3Cpath d='M8 13h2'/%3E%3Cpath d='M14 13h2'/%3E%3Cpath d='M8 17h2'/%3E%3Cpath d='M14 17h2'/%3E%3C/svg%3E");
}

.bi-file-earmark-text{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z'/%3E%3Cpath d='M14 2v5a1 1 0 0 0 1 1h5'/%3E%3Cpath d='M10 9H8'/%3E%3Cpath d='M16 13H8'/%3E%3Cpath d='M16 17H8'/%3E%3C/svg%3E");
}

.bi-file-text{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z'/%3E%3Cpath d='M14 2v5a1 1 0 0 0 1 1h5'/%3E%3Cpath d='M10 9H8'/%3E%3Cpath d='M16 13H8'/%3E%3Cpath d='M16 17H8'/%3E%3C/svg%3E");
}

.bi-filetype-csv{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z'/%3E%3Cpath d='M14 2v5a1 1 0 0 0 1 1h5'/%3E%3Cpath d='M8 13h2'/%3E%3Cpath d='M14 13h2'/%3E%3Cpath d='M8 17h2'/%3E%3Cpath d='M14 17h2'/%3E%3C/svg%3E");
}

.bi-filter{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 5h20'/%3E%3Cpath d='M6 12h12'/%3E%3Cpath d='M9 19h6'/%3E%3C/svg%3E");
}

.bi-flag{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 22V4a1 1 0 0 1 .4-.8A6 6 0 0 1 8 2c3 0 5 2 7.333 2q2 0 3.067-.8A1 1 0 0 1 20 4v10a1 1 0 0 1-.4.8A6 6 0 0 1 16 16c-3 0-5-2-8-2a6 6 0 0 0-4 1.528'/%3E%3C/svg%3E");
}

.bi-folder{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z'/%3E%3C/svg%3E");
}

.bi-folder2{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z'/%3E%3C/svg%3E");
}

.bi-folder2-open{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 14 1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2'/%3E%3C/svg%3E");
}

.bi-fullscreen-exit{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 3v3a2 2 0 0 1-2 2H3'/%3E%3Cpath d='M21 8h-3a2 2 0 0 1-2-2V3'/%3E%3Cpath d='M3 16h3a2 2 0 0 1 2 2v3'/%3E%3Cpath d='M16 21v-3a2 2 0 0 1 2-2h3'/%3E%3C/svg%3E");
}

.bi-funnel{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 20a1 1 0 0 0 .553.895l2 1A1 1 0 0 0 14 21v-7a2 2 0 0 1 .517-1.341L21.74 4.67A1 1 0 0 0 21 3H3a1 1 0 0 0-.742 1.67l7.225 7.989A2 2 0 0 1 10 14z'/%3E%3C/svg%3E");
}

.bi-funnel-fill{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 20a1 1 0 0 0 .553.895l2 1A1 1 0 0 0 14 21v-7a2 2 0 0 1 .517-1.341L21.74 4.67A1 1 0 0 0 21 3H3a1 1 0 0 0-.742 1.67l7.225 7.989A2 2 0 0 1 10 14z'/%3E%3C/svg%3E");
}

.bi-gear{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");
}

.bi-gear-wide-connected{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 17H5'/%3E%3Cpath d='M19 7h-9'/%3E%3Ccircle cx='17' cy='17' r='3'/%3E%3Ccircle cx='7' cy='7' r='3'/%3E%3C/svg%3E");
}

.bi-gem{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.5 3 8 9l4 13 4-13-2.5-6'/%3E%3Cpath d='M17 3a2 2 0 0 1 1.6.8l3 4a2 2 0 0 1 .013 2.382l-7.99 10.986a2 2 0 0 1-3.247 0l-7.99-10.986A2 2 0 0 1 2.4 7.8l2.998-3.997A2 2 0 0 1 7 3z'/%3E%3Cpath d='M2 9h20'/%3E%3C/svg%3E");
}

.bi-gender-ambiguous{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 20h4'/%3E%3Cpath d='M12 16v6'/%3E%3Cpath d='M17 2h4v4'/%3E%3Cpath d='m21 2-5.46 5.46'/%3E%3Ccircle cx='12' cy='11' r='5'/%3E%3C/svg%3E");
}

.bi-geo{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E");
}

.bi-geo-alt{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E");
}

.bi-grid{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='7' height='7' x='3' y='3' rx='1'/%3E%3Crect width='7' height='7' x='14' y='3' rx='1'/%3E%3Crect width='7' height='7' x='14' y='14' rx='1'/%3E%3Crect width='7' height='7' x='3' y='14' rx='1'/%3E%3C/svg%3E");
}

.bi-grid-1x2-fill{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='7' height='18' x='3' y='3' rx='1'/%3E%3Crect width='7' height='7' x='14' y='3' rx='1'/%3E%3Crect width='7' height='7' x='14' y='14' rx='1'/%3E%3C/svg%3E");
}

.bi-grid-3x3{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='18' height='18' x='3' y='3' rx='2'/%3E%3Cpath d='M3 9h18'/%3E%3Cpath d='M3 15h18'/%3E%3Cpath d='M9 3v18'/%3E%3Cpath d='M15 3v18'/%3E%3C/svg%3E");
}

.bi-grid-3x3-gap{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='7' height='7' x='3' y='3' rx='1'/%3E%3Crect width='7' height='7' x='14' y='3' rx='1'/%3E%3Crect width='7' height='7' x='14' y='14' rx='1'/%3E%3Crect width='7' height='7' x='3' y='14' rx='1'/%3E%3C/svg%3E");
}

.bi-grip-vertical{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='12' r='1'/%3E%3Ccircle cx='9' cy='5' r='1'/%3E%3Ccircle cx='9' cy='19' r='1'/%3E%3Ccircle cx='15' cy='12' r='1'/%3E%3Ccircle cx='15' cy='5' r='1'/%3E%3Ccircle cx='15' cy='19' r='1'/%3E%3C/svg%3E");
}

.bi-hash{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='4' x2='20' y1='9' y2='9'/%3E%3Cline x1='4' x2='20' y1='15' y2='15'/%3E%3Cline x1='10' x2='8' y1='3' y2='21'/%3E%3Cline x1='16' x2='14' y1='3' y2='21'/%3E%3C/svg%3E");
}

.bi-hdd-stack{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 16h.01'/%3E%3Cpath d='M2.212 11.577a2 2 0 0 0-.212.896V18a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-5.527a2 2 0 0 0-.212-.896L18.55 5.11A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z'/%3E%3Cpath d='M21.946 12.013H2.054'/%3E%3Cpath d='M6 16h.01'/%3E%3C/svg%3E");
}

.bi-headset{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 11h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-5Zm0 0a9 9 0 1 1 18 0m0 0v5a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3Z'/%3E%3Cpath d='M21 16v2a4 4 0 0 1-4 4h-5'/%3E%3C/svg%3E");
}

.bi-heart-pulse{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5'/%3E%3Cpath d='M3.22 13H9.5l.5-1 2 4.5 2-7 1.5 3.5h5.27'/%3E%3C/svg%3E");
}

.bi-hospital{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 7v4'/%3E%3Cpath d='M14 21v-3a2 2 0 0 0-4 0v3'/%3E%3Cpath d='M14 9h-4'/%3E%3Cpath d='M18 11h2a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-9a2 2 0 0 1 2-2h2'/%3E%3Cpath d='M18 21V5a2 2 0 0 0-2-2H8a2 2 0 0 0-2 2v16'/%3E%3C/svg%3E");
}

.bi-hourglass-split{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 22h14'/%3E%3Cpath d='M5 2h14'/%3E%3Cpath d='M17 22v-4.172a2 2 0 0 0-.586-1.414L12 12l-4.414 4.414A2 2 0 0 0 7 17.828V22'/%3E%3Cpath d='M7 2v4.172a2 2 0 0 0 .586 1.414L12 12l4.414-4.414A2 2 0 0 0 17 6.172V2'/%3E%3C/svg%3E");
}

.bi-house{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8'/%3E%3Cpath d='M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3C/svg%3E");
}

.bi-house-door{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8'/%3E%3Cpath d='M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3C/svg%3E");
}

.bi-images{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m22 11-1.296-1.296a2.4 2.4 0 0 0-3.408 0L11 16'/%3E%3Cpath d='M4 8a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2'/%3E%3Ccircle cx='13' cy='7' r='1' fill='currentColor'/%3E%3Crect x='8' y='2' width='14' height='14' rx='2'/%3E%3C/svg%3E");
}

.bi-info-circle{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4'/%3E%3Cpath d='M12 8h.01'/%3E%3C/svg%3E");
}

.bi-journal-check{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H19a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H6.5a1 1 0 0 1 0-5H20'/%3E%3Cpath d='m9 9.5 2 2 4-4'/%3E%3C/svg%3E");
}

.bi-journal-text{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 6h4'/%3E%3Cpath d='M2 10h4'/%3E%3Cpath d='M2 14h4'/%3E%3Cpath d='M2 18h4'/%3E%3Crect width='16' height='20' x='4' y='2' rx='2'/%3E%3Cpath d='M9.5 8h5'/%3E%3Cpath d='M9.5 12H16'/%3E%3Cpath d='M9.5 16H14'/%3E%3C/svg%3E");
}

.bi-kanban{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 3v14'/%3E%3Cpath d='M12 3v8'/%3E%3Cpath d='M19 3v18'/%3E%3C/svg%3E");
}

.bi-key{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.586 17.414A2 2 0 0 0 2 18.828V21a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h.172a2 2 0 0 0 1.414-.586l.814-.814a6.5 6.5 0 1 0-4-4z'/%3E%3Ccircle cx='16.5' cy='7.5' r='.5' fill='currentColor'/%3E%3C/svg%3E");
}

.bi-keyboard{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 8h.01'/%3E%3Cpath d='M12 12h.01'/%3E%3Cpath d='M14 8h.01'/%3E%3Cpath d='M16 12h.01'/%3E%3Cpath d='M18 8h.01'/%3E%3Cpath d='M6 8h.01'/%3E%3Cpath d='M7 16h10'/%3E%3Cpath d='M8 12h.01'/%3E%3Crect width='20' height='16' x='2' y='4' rx='2'/%3E%3C/svg%3E");
}

.bi-laptop{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 5a2 2 0 0 1 2 2v8.526a2 2 0 0 0 .212.897l1.068 2.127a1 1 0 0 1-.9 1.45H3.62a1 1 0 0 1-.9-1.45l1.068-2.127A2 2 0 0 0 4 15.526V7a2 2 0 0 1 2-2z'/%3E%3Cpath d='M20.054 15.987H3.946'/%3E%3C/svg%3E");
}

.bi-layers{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z'/%3E%3Cpath d='M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12'/%3E%3Cpath d='M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17'/%3E%3C/svg%3E");
}

.bi-layout-sidebar-inset{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='18' height='18' x='3' y='3' rx='2'/%3E%3Cpath d='M9 3v18'/%3E%3C/svg%3E");
}

.bi-layout-text-window{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='18' height='18' x='3' y='3' rx='2'/%3E%3Cpath d='M3 9h18'/%3E%3C/svg%3E");
}

.bi-layout-three-columns{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='18' height='18' x='3' y='3' rx='2'/%3E%3Cpath d='M9 3v18'/%3E%3Cpath d='M15 3v18'/%3E%3C/svg%3E");
}

.bi-lightbulb{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5'/%3E%3Cpath d='M9 18h6'/%3E%3Cpath d='M10 22h4'/%3E%3C/svg%3E");
}

.bi-lightning-charge{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15.914 4a1.5 1.5 0 00-2.474-1.561l-9 9A1.5 1.5 0 005.5 14h4.002a.5.5 0 01.471.666L8.086 20a1.5 1.5 0 002.475 1.56l9-9A1.5 1.5 0 0018.5 10h-3.997a.5.5 0 01-.472-.667z'/%3E%3C/svg%3E");
}

.bi-link-45deg{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 17H7A5 5 0 0 1 7 7h2'/%3E%3Cpath d='M15 7h2a5 5 0 1 1 0 10h-2'/%3E%3Cline x1='8' x2='16' y1='12' y2='12'/%3E%3C/svg%3E");
}

.bi-list-nested{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 5h13'/%3E%3Cpath d='M13 12h8'/%3E%3Cpath d='M13 19h8'/%3E%3Cpath d='M3 10a2 2 0 0 0 2 2h3'/%3E%3Cpath d='M3 5v12a2 2 0 0 0 2 2h3'/%3E%3C/svg%3E");
}

.bi-list-ul{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 5h.01'/%3E%3Cpath d='M3 12h.01'/%3E%3Cpath d='M3 19h.01'/%3E%3Cpath d='M8 5h13'/%3E%3Cpath d='M8 12h13'/%3E%3Cpath d='M8 19h13'/%3E%3C/svg%3E");
}

.bi-lock{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='18' height='11' x='3' y='11' rx='2' ry='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E");
}

.bi-lock-fill{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='18' height='11' x='3' y='11' rx='2' ry='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E");
}

.bi-moon-stars{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 5h4'/%3E%3Cpath d='M20 3v4'/%3E%3Cpath d='M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401'/%3E%3C/svg%3E");
}

.bi-palette{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22a1 1 0 0 1 0-20 10 9 0 0 1 10 9 5 5 0 0 1-5 5h-2.25a1.75 1.75 0 0 0-1.4 2.8l.3.4a1.75 1.75 0 0 1-1.4 2.8z'/%3E%3Ccircle cx='13.5' cy='6.5' r='.5' fill='currentColor'/%3E%3Ccircle cx='17.5' cy='10.5' r='.5' fill='currentColor'/%3E%3Ccircle cx='6.5' cy='12.5' r='.5' fill='currentColor'/%3E%3Ccircle cx='8.5' cy='7.5' r='.5' fill='currentColor'/%3E%3C/svg%3E");
}

.bi-patch-check{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z'/%3E%3Cpath d='m16 9-5.5 5.5L8 12'/%3E%3C/svg%3E");
}

.bi-pause-circle{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='10' x2='10' y1='15' y2='9'/%3E%3Cline x1='14' x2='14' y1='15' y2='9'/%3E%3C/svg%3E");
}

.bi-pencil{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z'/%3E%3Cpath d='m15 5 4 4'/%3E%3C/svg%3E");
}

.bi-people{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Cpath d='M16 3.128a4 4 0 0 1 0 7.744'/%3E%3Cpath d='M22 21v-2a4 4 0 0 0-3-3.87'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3C/svg%3E");
}

.bi-people-fill{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Cpath d='M16 3.128a4 4 0 0 1 0 7.744'/%3E%3Cpath d='M22 21v-2a4 4 0 0 0-3-3.87'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3C/svg%3E");
}

.bi-person{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E");
}

.bi-person-badge{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 2v2'/%3E%3Cpath d='M7 21v-2a2 2 0 012-2h6a2 2 0 012 2v2'/%3E%3Cpath d='M8 2v2'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3C/svg%3E");
}

.bi-person-check{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m16 11 2 2 4-4'/%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3C/svg%3E");
}

.bi-person-gear{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 15H6a4 4 0 0 0-4 4v2'/%3E%3Cpath d='m14.305 16.53.923-.382'/%3E%3Cpath d='m15.228 13.852-.923-.383'/%3E%3Cpath d='m16.852 12.228-.383-.923'/%3E%3Cpath d='m16.852 17.772-.383.924'/%3E%3Cpath d='m19.148 12.228.383-.923'/%3E%3Cpath d='m19.53 18.696-.382-.924'/%3E%3Cpath d='m20.772 13.852.924-.383'/%3E%3Cpath d='m20.772 16.148.924.383'/%3E%3Ccircle cx='18' cy='15' r='3'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3C/svg%3E");
}

.bi-person-vcard{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 2v2'/%3E%3Cpath d='M7 21v-2a2 2 0 012-2h6a2 2 0 012 2v2'/%3E%3Cpath d='M8 2v2'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3C/svg%3E");
}

.bi-person-workspace{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m16 11 2 2 4-4'/%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3C/svg%3E");
}

.bi-phone{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='14' height='20' x='5' y='2' rx='2' ry='2'/%3E%3Cpath d='M12 18h.01'/%3E%3C/svg%3E");
}

.bi-play-circle-fill{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 9.003a1 1 0 0 1 1.517-.859l4.997 2.997a1 1 0 0 1 0 1.718l-4.997 2.997A1 1 0 0 1 9 14.996z'/%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3C/svg%3E");
}

.bi-plus-circle{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M8 12h8'/%3E%3Cpath d='M12 8v8'/%3E%3C/svg%3E");
}

.bi-plus-lg{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='M12 5v14'/%3E%3C/svg%3E");
}

.bi-prescription2{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z'/%3E%3Cpath d='M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12'/%3E%3Cpath d='M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17'/%3E%3C/svg%3E");
}

.bi-printer{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2'/%3E%3Cpath d='M6 9V3a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v6'/%3E%3Crect x='6' y='14' width='12' height='8' rx='1'/%3E%3C/svg%3E");
}

.bi-question-circle{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3'/%3E%3Cpath d='M12 17h.01'/%3E%3C/svg%3E");
}

.bi-receipt{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 16H8'/%3E%3Cpath d='M14 8H8'/%3E%3Cpath d='M16 12H8'/%3E%3Cpath d='M4 3a1 1 0 0 1 1-1 1.3 1.3 0 0 1 .7.2l.933.6a1.3 1.3 0 0 0 1.4 0l.934-.6a1.3 1.3 0 0 1 1.4 0l.933.6a1.3 1.3 0 0 0 1.4 0l.933-.6a1.3 1.3 0 0 1 1.4 0l.934.6a1.3 1.3 0 0 0 1.4 0l.933-.6A1.3 1.3 0 0 1 19 2a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1 1.3 1.3 0 0 1-.7-.2l-.933-.6a1.3 1.3 0 0 0-1.4 0l-.934.6a1.3 1.3 0 0 1-1.4 0l-.933-.6a1.3 1.3 0 0 0-1.4 0l-.933.6a1.3 1.3 0 0 1-1.4 0l-.934-.6a1.3 1.3 0 0 0-1.4 0l-.933.6a1.3 1.3 0 0 1-.7.2 1 1 0 0 1-1-1z'/%3E%3C/svg%3E");
}

.bi-rulers{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21.3 15.3a2.4 2.4 0 0 1 0 3.4l-2.6 2.6a2.4 2.4 0 0 1-3.4 0L2.7 8.7a2.41 2.41 0 0 1 0-3.4l2.6-2.6a2.41 2.41 0 0 1 3.4 0Z'/%3E%3Cpath d='m14.5 12.5 2-2'/%3E%3Cpath d='m11.5 9.5 2-2'/%3E%3Cpath d='m8.5 6.5 2-2'/%3E%3Cpath d='m17.5 15.5 2-2'/%3E%3C/svg%3E");
}

.bi-search{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21 21-4.34-4.34'/%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3C/svg%3E");
}

.bi-send{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z'/%3E%3Cpath d='m21.854 2.147-10.94 10.939'/%3E%3C/svg%3E");
}

.bi-shield-check{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E");
}

.bi-shield-lock{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z'/%3E%3C/svg%3E");
}

.bi-signpost{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 13v8'/%3E%3Cpath d='M12 3v3'/%3E%3Cpath d='M2.354 10.354a1.207 1.207 0 0 1 0-1.708l2.06-2.06A2 2 0 0 1 5.828 6h12.344a2 2 0 0 1 1.414.586l2.06 2.06a1.207 1.207 0 0 1 0 1.708l-2.06 2.06a2 2 0 0 1-1.414.586H5.828a2 2 0 0 1-1.414-.586z'/%3E%3C/svg%3E");
}

.bi-slash-circle{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M4.929 4.929 19.07 19.071'/%3E%3C/svg%3E");
}

.bi-sliders{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 5H3'/%3E%3Cpath d='M12 19H3'/%3E%3Cpath d='M14 3v4'/%3E%3Cpath d='M16 17v4'/%3E%3Cpath d='M21 12h-9'/%3E%3Cpath d='M21 19h-5'/%3E%3Cpath d='M21 5h-7'/%3E%3Cpath d='M8 10v4'/%3E%3Cpath d='M8 12H3'/%3E%3C/svg%3E");
}

.bi-star-fill{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z'/%3E%3C/svg%3E");
}

.bi-sun{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2v2'/%3E%3Cpath d='M12 20v2'/%3E%3Cpath d='m4.93 4.93 1.41 1.41'/%3E%3Cpath d='m17.66 17.66 1.41 1.41'/%3E%3Cpath d='M2 12h2'/%3E%3Cpath d='M20 12h2'/%3E%3Cpath d='m6.34 17.66-1.41 1.41'/%3E%3Cpath d='m19.07 4.93-1.41 1.41'/%3E%3C/svg%3E");
}

.bi-table{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v18'/%3E%3Crect width='18' height='18' x='3' y='3' rx='2'/%3E%3Cpath d='M3 9h18'/%3E%3Cpath d='M3 15h18'/%3E%3C/svg%3E");
}

.bi-tag{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z'/%3E%3Ccircle cx='7.5' cy='7.5' r='.5' fill='currentColor'/%3E%3C/svg%3E");
}

.bi-tags{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13.172 2a2 2 0 0 1 1.414.586l6.71 6.71a2.4 2.4 0 0 1 0 3.408l-4.592 4.592a2.4 2.4 0 0 1-3.408 0l-6.71-6.71A2 2 0 0 1 6 9.172V3a1 1 0 0 1 1-1z'/%3E%3Cpath d='M2 7v6.172a2 2 0 0 0 .586 1.414l6.71 6.71a2.4 2.4 0 0 0 3.191.193'/%3E%3Ccircle cx='10.5' cy='6.5' r='.5' fill='currentColor'/%3E%3C/svg%3E");
}

.bi-telephone{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384'/%3E%3C/svg%3E");
}

.bi-three-dots{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='1'/%3E%3Ccircle cx='19' cy='12' r='1'/%3E%3Ccircle cx='5' cy='12' r='1'/%3E%3C/svg%3E");
}

.bi-three-dots-vertical{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='1'/%3E%3Ccircle cx='12' cy='5' r='1'/%3E%3Ccircle cx='12' cy='19' r='1'/%3E%3C/svg%3E");
}

.bi-trash{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 11v6'/%3E%3Cpath d='M14 11v6'/%3E%3Cpath d='M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6'/%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'/%3E%3C/svg%3E");
}

.bi-truck{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 18V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v11a1 1 0 0 0 1 1h2'/%3E%3Cpath d='M15 18H9'/%3E%3Cpath d='M19 18h2a1 1 0 0 0 1-1v-3.65a1 1 0 0 0-.22-.624l-3.48-4.35A1 1 0 0 0 17.52 8H14'/%3E%3Ccircle cx='17' cy='18' r='2'/%3E%3Ccircle cx='7' cy='18' r='2'/%3E%3C/svg%3E");
}

.bi-universal-access{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='16' cy='4' r='1'/%3E%3Cpath d='m18 19 1-7-6 1'/%3E%3Cpath d='m5 8 3-3 5.5 3-2.36 3.5'/%3E%3Cpath d='M4.24 14.5a5 5 0 0 0 6.88 6'/%3E%3Cpath d='M13.76 17.5a5 5 0 0 0-6.88-6'/%3E%3C/svg%3E");
}

.bi-upload{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v12'/%3E%3Cpath d='m17 8-5-5-5 5'/%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3C/svg%3E");
}

.bi-wallet2{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 7V4a1 1 0 0 0-1-1H5a2 2 0 0 0 0 4h15a1 1 0 0 1 1 1v4h-3a2 2 0 0 0 0 4h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1'/%3E%3Cpath d='M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4'/%3E%3C/svg%3E");
}

.bi-x{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6 6 18'/%3E%3Cpath d='m6 6 12 12'/%3E%3C/svg%3E");
}

.bi-x-circle{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m15 9-6 6'/%3E%3Cpath d='m9 9 6 6'/%3E%3C/svg%3E");
}

.bi-x-lg{
  --lucide-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6 6 18'/%3E%3Cpath d='m6 6 12 12'/%3E%3C/svg%3E");
}

/* landing */

/* ============================================================================
   LANDING PAGE
   ============================================================================ */

.landing-hero{
  text-align: center;
  max-width: 600px;
  margin-bottom: 20px;
}

.landing-hero h1{
  margin: 0 0 12px;
  font-size: 38px;
  line-height: 1.15;
  color: #114a69;
}

.landing-cards{
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  justify-content: center;
}

.landing-card{
  background: #ffffff;
  border: 1px solid #d6e3ec;
  border-radius: 18px;
  padding: 28px;
  width: 320px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  box-shadow: 0 16px 40px rgba(10, 37, 64, 0.08);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.landing-card:hover{
  transform: translateY(-4px);
  box-shadow: 0 20px 50px rgba(10, 37, 64, 0.12);
}

.landing-card h2{
  margin: 0;
  font-size: 22px;
  color: #114a69;
}

.landing-card p{
  margin: 0;
  color: #38627b;
  font-size: 14px;
  line-height: 1.5;
}

.landing-card .feature-list{
  font-size: 13px;
  margin-bottom: 8px;
}

.landing-btn{
  display: block;
  text-align: center;
  padding: 12px 20px;
  border-radius: 10px;
  font-weight: 600;
  font-size: 14px;
  text-decoration: none;
  background: var(--brand-primary);
  color: #fff;
  transition: opacity 0.15s ease;
}

.landing-btn:hover{
  opacity: 0.9;
}

.landing-btn--secondary{
  background: linear-gradient(135deg, #6b8799, #4a6274);
}

.landing-login{
  margin-top: 24px;
  text-align: center;
  font-size: 14px;
  color: #5d7483;
}

.landing-login a{
  color: var(--brand-primary-deep);
  font-weight: 600;
  text-decoration: none;
}

.landing-login a:hover{
  text-decoration: underline;
}

/* ============================================================================
   REGISTER PAGE EXTRAS
   ============================================================================ */

.register-type-badge{
  background: var(--brand-ring);
  color: var(--brand-primary-deep);
  padding: 8px 14px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 600;
  text-align: center;
}

/* lab-shared */

/* ============================================================================
   LAB-SPECIFIC STYLES
   ============================================================================ */

.dash-metric-card--lab .dash-metric-icon,
.dash-metric-icon--lab{
  background: linear-gradient(135deg, #6b8799, #4a6274);
  box-shadow: 0 4px 12px rgba(107, 135, 153, 0.35);
}

.medical-bg{
  background: #f3faff;
}

.container.medical-bg.auth-page{
  background:
    radial-gradient(circle at top right, rgba(37, 99, 235, 0.16), transparent 40%),
    radial-gradient(circle at bottom left, rgba(37, 99, 235, 0.16), transparent 38%),
    #f8fafc;
}

.medical-bg.lab-dashboard-page,
.medical-bg.clinic-dashboard-page{
  background: #f3faff;
}

body.theme-dark .dash-layout.medical-bg{
  background: #0f1115;
}

.card{
  width: 100%;
  max-width: 420px;
  background: #ffffff;
  border: 1px solid #d6e3ec;
  border-radius: 18px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  box-shadow: 0 16px 40px rgba(10, 37, 64, 0.08);
}

.hero-panel{
  max-width: 520px;
  text-align: left;
}

.hero-panel h1{
  margin: 0 0 10px;
  font-size: 42px;
  line-height: 1.1;
  color: #114a69;
}

.hero-copy{
  color: #38627b;
  margin-bottom: 16px;
}

.eyebrow{
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 12px;
  color: var(--brand-primary);
  font-weight: 700;
}

.auth-page .eyebrow{
  color: var(--brand-primary);
}

.auth-page .hero-panel h1,
.auth-page .login-card h2{
  color: #0f172a;
}

.auth-page .hero-copy,
.auth-page .auth-hero-features{
  color: #475569;
}

.feature-list{
  margin: 0;
  padding-left: 18px;
  color: #31576e;
}

.login-card h2{
  margin: 0;
  color: #114a69;
}

.sidebar{
  border-right: 1px solid #d8e6ef;
  padding: 28px 20px;
  background: rgba(255, 255, 255, 0.75);
  backdrop-filter: blur(6px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px;
}

.side-nav{
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.side-nav a{
  color: #2a4d62;
  text-decoration: none;
  padding: 10px 12px;
  border-radius: 10px;
  font-weight: 600;
}

.side-nav a.active,
.side-nav a:hover{
  background: rgba(52, 154, 203, 0.18);
}

.topbar{
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.topbar h1{
  margin: 0 0 6px;
  font-size: 28px;
  color: #114a69;
}

label{
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-size: 14px;
}

input,
select,
button{
  border-radius: 10px;
  border: 1px solid #b9cfde;
  background: #ffffff;
  color: #17394c;
  padding: 10px 12px;
}

input:focus{
  outline: 2px solid #7cc4e6;
  border-color: #67b8df;
  background: #ffffff;
  color: #123f57;
}

input::placeholder{
  color: #7f95a4;
}

/* Login/autofill contrast fix */

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active{
  -webkit-text-fill-color: #123f57;
  caret-color: #123f57;
  -webkit-box-shadow: 0 0 0 1000px #f4f9fd inset;
  box-shadow: 0 0 0 1000px #f4f9fd inset;
  transition: background-color 9999s ease-in-out 0s;
}

button{
  cursor: pointer;
  font-weight: 600;
  background: var(--brand-primary);
  color: #ffffff;
  border: 0;
}

.error{
  color: #b74f4f;
  margin: 0;
  font-size: 14px;
}

.auth-switch{
  margin-top: 4px;
  font-size: 14px;
  color: #5d7483;
}

.auth-switch a{
  color: var(--brand-primary);
  font-weight: 600;
  text-decoration: none;
}

.auth-switch a:hover{
  color: var(--brand-primary-hover);
  text-decoration: underline;
}

/* --- Auth pages (login: sol metin, sag form) --- */

.auth-page button{
  -webkit-appearance: none;
  appearance: none;
  font-family: inherit;
}

.auth-page button:focus{
  outline: none;
}

.auth-page input:focus,
.auth-page select:focus{
  outline: none;
  border-color: var(--brand-primary);
  box-shadow: 0 0 0 3px var(--brand-ring);
}

.auth-page.container{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  box-sizing: border-box;
}

.auth-page-layout{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: clamp(24px, 5vw, 56px);
  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
}

.auth-page--login .auth-hero,
.auth-page--login .hero-panel{
  flex: 1 1 380px;
  max-width: 520px;
  min-width: 0;
  text-align: left;
}

.auth-page--login .auth-card.login-card{
  flex: 0 1 420px;
  width: 100%;
  max-width: 420px;
  min-width: 280px;
  margin: 0;
}

.auth-hero-features{
  margin: 20px 0 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 12px;
  color: #31576e;
}

.auth-hero-features li{
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 15px;
  line-height: 1.4;
}

.auth-hero-features .bi{
  font-size: 18px;
  color: var(--brand-primary);
  flex-shrink: 0;
}

.auth-card.login-card{
  gap: 0;
  padding: 0;
  overflow: hidden;
}

.auth-card-head{
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 22px 24px 16px;
  border-bottom: 1px solid #e8eef3;
  background: #f8fafb;
}

.auth-card-icon{
  width: 44px;
  height: 44px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--brand-primary-soft);
  color: var(--brand-primary);
  font-size: 20px;
  flex-shrink: 0;
}

.auth-card-head-text h2{
  margin: 0 0 4px;
}

.auth-card-sub{
  margin: 0;
  font-size: 13px;
  color: #64748b;
  font-weight: 400;
}

.auth-card-body{
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 20px 24px 24px;
}

.auth-field{
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin: 0;
}

.auth-field-label{
  font-size: 13px;
  font-weight: 600;
  color: #475569;
}

/* Giris e-posta/sifre kutusu olculeri (referans: 372 x 40) */

.auth-field-input-wrap{
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  height: 40px;
  min-height: 40px;
  max-height: 40px;
  box-sizing: border-box;
  padding: 0 12px;
  border: 1px solid #cfe0eb;
  border-radius: 10px;
  background: #fff;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.auth-field-input-wrap:focus-within{
  border-color: var(--brand-primary);
  box-shadow: 0 0 0 3px var(--brand-ring);
}

.auth-field-input-wrap .bi{
  color: #94a3b8;
  font-size: 16px;
  flex-shrink: 0;
}

.auth-field-input-wrap input{
  flex: 1;
  min-width: 0;
  height: 100%;
  border: 0;
  background: transparent;
  padding: 0;
  line-height: 38px;
  font-size: 14px;
  box-shadow: none;
}

.auth-field-input-wrap input:focus{
  outline: none;
  box-shadow: none;
}

.auth-error{
  margin: 0;
}

.auth-submit-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 4px;
  min-height: 0;
  padding: 12px 16px;
  border: none;
  border-radius: 8px;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.2;
  color: #ffffff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  font-family: inherit;
  background: var(--brand-primary);
  box-shadow: none;
  transform: none;
  transition: background-color 0.15s ease, opacity 0.15s ease;
}

.auth-submit-btn:hover:not(:disabled),
.auth-submit-btn:focus,
.auth-submit-btn:focus-visible{
  background: var(--brand-primary-hover);
  box-shadow: none;
  transform: none;
  outline: none;
}

.auth-submit-btn:active:not(:disabled){
  background: var(--brand-primary-deep);
  transform: none;
  box-shadow: none;
}

.auth-submit-btn:disabled{
  opacity: 0.65;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}

.auth-card-body .auth-switch{
  margin-top: 8px;
  text-align: center;
}

@media (max-width: 920px) {
  .container{
    flex-direction: column;
    align-items: stretch;
  }

  .auth-page-layout{
    flex-direction: column;
    align-items: stretch;
  }

  .auth-page--login .auth-hero,
.auth-page--login .hero-panel,
.auth-page--login .auth-card.login-card{
    flex: 1 1 auto;
    max-width: 100%;
    min-width: 0;
  }

  .hero-panel{
    max-width: 100%;
  }

  

  .sidebar{
    border-right: 0;
    border-bottom: 1px solid #d8e6ef;
  }

  

  .topbar{
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width: 768px) {
  .auth-page--login .hero-copy,
.auth-page--login .auth-hero-features{
    display: none;
  }
}

/* --- Dashboard - Material Design Layout --- */

.dash-layout{
  min-height: 100vh;
  height: 100vh;
  display: grid;
  grid-template-columns: 216px 1fr;
  grid-template-rows: 100vh;
  overflow: hidden;
  transition: grid-template-columns 0.2s ease;
}

.dash-layout > .dash-main{
  min-height: 0;
}

.dash-layout > .dash-page-column{
  min-height: 0;
}

.dash-layout--collapsed{
  grid-template-columns: 54px 1fr;
}

.dash-layout:has(.dash-sidebar--collapsed){
  grid-template-columns: 54px 1fr;
}

@keyframes pageEnter {
  from{
    opacity: 0;
    transform: translateY(14px);
  }
  to{
    opacity: 1;
    transform: translateY(0);
  }
}

/* Staggered entrance for dashboard blocks */

.dash-metric-card,
.dash-chart-card,
.dash-table-card,
.dash-overview-card{
  animation: staggerIn 720ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

@keyframes staggerIn {
  from{
    opacity: 0;
    transform: translateY(18px) scale(0.992);
  }
  to{
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  .lab-stagger-item,
.lab-stagger-block,
.dash-layout,
.dash-topbar,
.dash-metric-card,
.dash-chart-card,
.dash-table-card,
.dash-overview-card,
.lab-patients-page > .dash-header:first-of-type,
.lab-patients-page .lab-patient-stat-card,
.lab-patients-page .lab-patients-page-head .wo-orders-toolbar,
.lab-patients-page > .lab-patient-listing,
.lab-patients-page > .lab-patient-listing .lab-patient-list-card,
.lab-work-orders-page > .dash-header:first-of-type,
.lab-work-orders-page .lab-patient-stat-card,
.lab-stocks-page .lab-stocks-page-head .wo-orders-toolbar,
.lab-stocks-page > .lab-patient-listing,
.lab-stocks-page > .lab-patient-listing .lab-patient-list-card,
.lab-external-services-page > .lab-patient-listing,
.lab-external-services-page > .lab-patient-listing .lab-patient-list-card,
.lab-clinics-page > .lab-patient-listing,
.lab-clinics-page > .lab-patient-listing .lab-patient-list-card,
.lab-clinic-doctors-page > .lab-patient-listing,
.lab-clinic-doctors-page > .lab-patient-listing .lab-patient-list-card,
.lab-technicians-page > .lab-patient-listing,
.lab-technicians-page > .lab-patient-listing .lab-patient-list-card,
.lab-units-page > .lab-patient-listing,
.lab-units-page > .lab-patient-listing .lab-patient-list-card,
.lab-technician-unit-assignments-page > .lab-patient-listing,
.lab-technician-unit-assignments-page > .lab-patient-listing .lab-patient-list-card,
.lab-sub-stages-page > .lab-patient-listing,
.lab-sub-stages-page > .lab-patient-listing .lab-patient-list-card,
.lab-prosthesis-unit-assignments-page > .lab-patient-listing,
.lab-prosthesis-unit-assignments-page > .lab-patient-listing .lab-patient-list-card,
.lab-work-orders-page > .lab-patient-listing,
.lab-work-orders-page > .lab-patient-listing .lab-patient-list-card,
.lab-work-orders-page > .dash-table-card.wo-view-fullscreen-shell,
.lab-workflow-page > .dash-header:first-of-type,
.lab-workflow-page .wo-workflow-column,
.lab-patient-modal-backdrop,
.lab-patient-drawer-backdrop,
.lpd-modal{
    animation: none !important;
  }
}

.dash-sidebar{
  background: transparent;
  padding: 11px 8px 10px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  border-right: 0;
  position: sticky;
  top: 0;
  height: 100dvh;
  max-height: 100vh;
  overflow: visible;
  font-size: 14px;
}

.dash-sidebar-top{
  display: flex;
  flex-direction: column;
  gap: 12px;
  flex: 1;
  min-height: 0;
}

.dash-brand{
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 36px;
  padding: 2px 6px 10px;
  border-bottom: 0;
}

.dash-brand-toggle{
  width: 100%;
  border: 0;
  background: transparent;
  cursor: pointer;
  text-align: left;
}

.dash-brand-toggle:hover .dash-brand-name{
  color: var(--brand-mark-deep, var(--brand-primary-deep));
}

.dash-brand-mark{
  --brand-mark-light: var(--brand-primary-light);
  --brand-mark-deep: var(--brand-primary-deep);
  --brand-mark-shadow: rgba(37, 99, 235, 0.25);
  --brand-mark-icon: #ffffff;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  display: grid;
  place-items: center;
  overflow: hidden;
  background: linear-gradient(135deg, var(--brand-mark-light), var(--brand-mark-deep));
  box-shadow: 0 2px 6px var(--brand-mark-shadow);
  flex-shrink: 0;
}

.dash-brand-mark .dental-logo{
  width: 20px;
  height: 20px;
  color: var(--brand-mark-icon);
  display: block;
}

.dash-brand-mark img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.dash-brand-text{
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.dash-brand-name{
  font-weight: 600;
  font-size: 14px;
  color: #111827;
  letter-spacing: -0.01em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dash-brand-meta{
  font-size: 11px;
  color: #9ca3af;
  font-weight: 400;
}

.dash-nav{
  display: flex;
  flex-direction: column;
  gap: 1px;
  padding-top: 2px;
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  overflow-anchor: none;
  overscroll-behavior: contain;
  scroll-behavior: smooth;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.dash-nav::-webkit-scrollbar{
  width: 0;
  height: 0;
  display: none;
}

.dash-nav-search{
  padding: 0 4px 8px;
  position: relative;
}

.dash-nav-search-slot{
  position: relative;
  z-index: 40;
  flex-shrink: 0;
  padding: 0 0 8px;
  overflow: visible;
}

.dash-nav-search-slot .dash-global-search{
  width: 100%;
  max-width: none;
}

.dash-nav-search-slot .dash-topbar-search{
  width: 100%;
  max-width: none;
  height: 37px;
  min-height: 37px;
  padding: 0 10px;
  border-radius: 8px;
  box-sizing: border-box;
}

.dash-nav-search-slot .dash-topbar-search input{
  font-size: 13px;
  font-weight: 500;
}

.dash-nav-search-slot .dash-topbar-search i{
  font-size: 16px;
}

.dash-nav-search-slot .dash-global-search-results{
  left: 0;
  right: 0;
  top: calc(100% + 4px);
  width: auto;
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
  border-radius: 8px;
  padding: 4px;
  overflow-x: hidden;
}

.dash-nav-search-slot .dash-global-search-item{
  min-width: 0;
  min-height: 37px;
  padding: 9px 10px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 500;
  gap: 10px;
}

.dash-nav-search-slot .dash-global-search-item span,
.dash-nav-search-slot .dash-global-search-item-text,
.dash-nav-search-slot .dash-global-search-item-text strong,
.dash-nav-search-slot .dash-global-search-item-text small{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dash-nav-search input{
  width: 100%;
  border: 1px solid #e4eaf0;
  border-radius: 8px;
  padding: 8px 10px 8px 30px;
  font-size: 12px;
  font-weight: 500;
  color: #1a3a4a;
  background: #f8fafc;
  outline: none;
  box-sizing: border-box;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.dash-nav-search input::placeholder{
  color: #a0b4c2;
}

.dash-nav-search::before{
  content: "\F52A";
  font-family: "bootstrap-icons";
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-60%);
  font-size: 12px;
  color: #a0b4c2;
  pointer-events: none;
}

.dash-nav-search input:focus{
  border-color: #74b7de;
  box-shadow: 0 0 0 2px var(--brand-ring);
  background: #ffffff;
}

.dash-nav-search:focus-within::before{
  color: var(--brand-primary);
}

.dash-nav-link{
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 10px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.25;
  color: #374151;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex-shrink: 0;
  min-height: 37px;
  box-sizing: border-box;
  transition: background 0.12s ease, color 0.12s ease;
}

.dash-nav-link:hover{
  background: #e8e8ed;
  color: #111827;
}

.dash-nav-link--active{
  background: #e0dfe4;
  color: #111827;
  font-weight: 500;
}

.dash-nav-link--active:hover{
  background: #d8d7dc;
  color: #111827;
}

.dash-nav-link--soon{
  cursor: default;
  opacity: 0.45;
}

.dash-nav-link--soon:hover{
  background: transparent;
}

.dash-nav-group{
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  flex-shrink: 0;
  position: relative;
}

.dash-nav-group-toggle{
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0;
  padding: 9px 10px;
  width: 100%;
  border: none;
  background: transparent;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.25;
  color: #374151;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex-shrink: 0;
  min-height: 37px;
  box-sizing: border-box;
}

.dash-nav-link--group{
  cursor: pointer;
}

.dash-nav-link--group::after{
  content: '';
  width: 8px;
  height: 8px;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: rotate(-45deg);
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  margin-left: auto;
  margin-right: 2px;
  opacity: 0.5;
}

.dash-nav-group--open .dash-nav-link--group::after{
  transform: rotate(45deg);
}

.dash-nav-submenu{
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  overflow: hidden;
}

.dash-nav-group--open .dash-nav-submenu{
  grid-template-rows: 1fr;
  flex-shrink: 0;
}

.dash-nav-submenu-inner{
  display: flex;
  flex-direction: column;
  gap: 1px;
  padding-left: 20px;
  min-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.dash-nav-group--open .dash-nav-submenu-inner{
  opacity: 1;
  overflow: visible;
}

.dash-nav-submenu .dash-nav-link,
.dash-nav-submenu .dash-nav-subtitle{
  flex-shrink: 0;
}

/* Topbar modunda dropdown gruba dönüşen bölüm wrapper'ları.
   Normal modda display:contents ile tamamen şeffaf — layout etkilenmez. */

.dash-nav-section{
  display: contents;
}

.dash-nav-section-links{
  display: contents;
}

.dash-nav-subtitle{
  padding: 4px 10px 2px;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.15;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #4b5563; /* a11y: #9ca3af -> #4b5563, sidebar #eef1f5 uzerinde AA */
}

.dash-nav-submenu .dash-nav-link{
  font-size: 12.5px;
  padding-top: 5px;
  padding-bottom: 5px;
}

@media (prefers-reduced-motion: reduce) {
  .dash-nav-submenu,
.dash-nav-submenu-inner,
.dash-nav-link--group::after{
    transition: none;
  }
}

html.ui-reduce-motion .dash-nav-submenu,
html.ui-reduce-motion .dash-nav-submenu-inner,
html.ui-reduce-motion .dash-nav-link--group::after{
  transition: none;
}

.nav-icon{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  margin-right: 0;
  font-size: 15px;
  color: inherit;
}

.tech-header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.tech-toolbar{
  display: flex;
  align-items: center;
  gap: 10px;
}

.tech-search-input{
  width: 220px;
  border: 1px solid #cfe0eb;
  border-radius: 10px;
  padding: 10px 12px;
  background: #ffffff;
  color: #1a3a4a;
  font-size: 13px;
}

.price-list-input{
  width: 100%;
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}

.wo-orders-toolbar--with-leading{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
}

.wo-orders-toolbar--with-leading .wo-orders-toolbar-leading{
  flex: 0 1 auto;
  min-width: 0;
}

.wo-orders-toolbar--with-leading .wo-orders-toolbar-actions{
  margin-left: auto;
  flex: 0 0 auto;
}

.lab-price-list-clinic-select{
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  margin: 0;
  /* Global label { flex-direction: column } ezmesin; Klinik yazisi kutunun ustune binmesin. */
  font-size: inherit;
}

.lab-price-list-clinic-select > span{
  font-size: 13px;
  font-weight: 600;
  color: #4f6470;
  white-space: nowrap;
}

.lab-price-list-clinic-select-input{
  /* Sabit genislik: uzun klinik adi kutuyu buyutup yandaki toggle'i Filtrele'ye itmesin. */
  width: min(240px, 52vw);
  flex: 0 0 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-height: var(--header-control-height, 32px);
  border: 1px solid #cfe0eb;
  border-radius: var(--header-control-radius, 8px);
  padding: 0 10px;
  background: #ffffff;
  color: #1a3a4a;
  font-size: 13px;
}

.lab-price-list-clinic-select-input:focus{
  outline: 2px solid #b8dcf0;
  border-color: #8ac3df;
}

/* Fiyat listesi: disa aktar butonu + menusu */

.lab-price-list-export{
  position: relative;
  display: inline-flex;
}

.tech-add-btn.lab-price-list-export-btn{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #ffffff;
  color: #1a3a4a;
  border: 1px solid #cfe0eb;
}

.tech-add-btn.lab-price-list-export-btn:hover:not(:disabled){
  background: #f2f9fd;
}

.lab-price-list-export-menu{
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  z-index: 30;
  display: flex;
  flex-direction: column;
  min-width: 160px;
  padding: 6px;
  gap: 2px;
  background: #ffffff;
  border: 1px solid #cfe0eb;
  border-radius: 10px;
  box-shadow: 0 8px 24px rgba(26, 58, 74, 0.12);
}

.lab-price-list-export-menu button{
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  border: none;
  background: transparent;
  border-radius: 8px;
  padding: 8px 10px;
  font-size: 13px;
  color: #1a3a4a;
  text-align: left;
  cursor: pointer;
}

.lab-price-list-export-menu button:hover{
  background: #eef6fb;
}

.tech-search-input:focus{
  outline: 2px solid #b8dcf0;
  border-color: #8ac3df;
}

.tech-add-btn{
  border: none;
  border-radius: var(--header-control-radius, 8px);
  padding: 0 16px;
  min-height: var(--header-control-height, 32px);
  font-size: 13px;
  font-weight: var(--fw-heading);
  cursor: pointer;
  color: #ffffff;
  -webkit-appearance: none;
  appearance: none;
  font-family: inherit;
  background: var(--brand-primary);
  box-shadow: none;
  transition: background-color 0.15s ease, opacity 0.15s ease;
}

.tech-add-btn:hover:not(:disabled),
.tech-add-btn:focus,
.tech-add-btn:focus-visible{
  background: var(--brand-primary-hover);
  border-color: transparent;
  box-shadow: none;
  outline: none;
}

.tech-row{
  display: grid;
  grid-template-columns: 22% 18% 22% 12% 120px;
  gap: 8px;
  align-items: center;
  padding: 10px 16px;
}

.tech-row > *{
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.tech-row .dash-table-value,
.tech-row .dash-table-label{
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.tech-row--head{
  background: #f6fafc;
  border-bottom: 1px solid #e8eef3;
  font-size: 12px;
  font-weight: 700;
  color: #6b8799;
  letter-spacing: 0.02em;
  padding: 12px 16px;
}

.tech-sort-btn{
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  font-weight: 700;
  text-align: left;
  padding: 0;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.tech-sort-btn:hover{
  color: var(--brand-primary);
}

.tech-row:not(.tech-row--head):nth-child(odd){
  background: #fbfdff;
}

.tech-row:not(.tech-row--head):hover{
  background: #f3f8fb;
}

.tech-empty{
  padding: 22px 20px;
  color: #7a93a4;
  font-size: 14px;
}

.tech-error-text{
  margin: -8px 0 4px;
  padding: 0 4px;
  color: #b42318;
  font-size: 13px;
  font-weight: 500;
}

.tech-action-btn{
  display: inline-flex;
  align-items: center;
  gap: 4px;
  border: 1px solid var(--btn-secondary-border);
  background: var(--btn-secondary-bg);
  color: var(--btn-secondary-text);
  border-radius: 8px;
  font-size: 11px;
  font-weight: 600;
  padding: 5px 8px;
  cursor: pointer;
  line-height: 1.1;
}

/* Work Orders list: allow content to expand fully, no row clipping */

.wo-list-table-wrap{
  max-height: none;
  overflow-x: auto;
  overflow-y: visible;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
}

.wo-list-table{
  width: max-content;
  min-width: 100%;
  min-width: 1080px;
  table-layout: auto;
}

/* .wo-list-table--fixed haric: o tablo sutun genisligini kendi tanimliyor
   (bkz. workorders/list-table.css). Buradaki !important onu da eziyordu. */

.wo-list-table:not(.wo-list-table--fixed) thead th,
.wo-list-table:not(.wo-list-table--fixed) tbody td{
  width: auto !important;
  white-space: nowrap;
  overflow: visible;
  text-overflow: clip;
}

.wo-list-table thead th:nth-child(1),
.wo-list-table thead th:nth-child(2),
.wo-list-table thead th:nth-child(3),
.wo-list-table thead th:nth-child(4){
  width: auto;
}

.wo-list-status-pill{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 10px;
  border-radius: 6px;
  border: none;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
}

.wo-list-status-pill--active,
.wo-list-status-pill--production{
  color: #475569;
  background: #f1f5f9;
}

.wo-list-status-pill--new{
  color: #0369a1;
  background: #e0f2fe;
}

.wo-list-status-pill--trial{
  color: #6d28d9;
  background: #f5f0ff;
}

.wo-list-status-pill--sent{
  color: #6d28d9;
  background: #ede9fe;
}

.wo-list-status-pill--delivery{
  color: #b45309;
  background: #fef3c7;
}

.wo-list-status-pill--completed{
  background: #dcfce7;
  color: #166534;
}

.wo-list-status-pill--finished{
  background: #dcfce7;
  color: #166534;
}

.wo-list-table thead th:nth-child(5){
  width: auto;
}

.tech-table{
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}

.tech-table thead th{
  background: #f6fafc;
  border-bottom: 1px solid #e8eef3;
  font-size: 12px;
  font-weight: 700;
  color: #5d7688;
  text-align: left;
  padding: 12px 20px;
}

.tech-table thead th:nth-child(1){ width: 22%; }

.tech-table thead th:nth-child(2){ width: 18%; }

.tech-table thead th:nth-child(3){ width: 22%; }

.tech-table thead th:nth-child(4){ width: 12%; }

.tech-table thead th:nth-child(5){ width: 120px; }

.tech-table tbody td{
  padding: 12px 20px;
  border-bottom: 1px solid #f5f8fa;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.treatment-ghost-btn,
.treatment-primary-btn,
.treatment-row-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border-radius: 14px;
  font-weight: 600;
  transition: all 0.2s ease;
}

.treatment-ghost-btn{
  height: 52px;
  padding: 0 22px;
  border: 1px solid #e0e6f1;
  background: #fff;
  color: #24384d;
  box-shadow: 0 10px 30px rgba(21, 33, 56, 0.04);
}

.treatment-primary-btn{
  height: 52px;
  padding: 0 24px;
  border: 0;
  border-radius: 8px;
  background: var(--brand-primary);
  color: #fff;
  box-shadow: none;
}

.treatment-ghost-btn:hover,
.treatment-row-btn:hover{
  border-color: #bfd0ea;
  background: #f8fbff;
}

.treatment-primary-btn:hover{
  background: var(--brand-primary-hover);
  transform: none;
  box-shadow: none;
}

.treatment-row-btn{
  height: 50px;
  min-width: 112px;
  padding: 0 18px;
  border: 1px solid #dce4f0;
  background: #fff;
  color: #3558db;
  box-shadow: 0 10px 24px rgba(26, 43, 74, 0.06);
}

.wo-active-orders-list{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  align-items: start;
}

.wo-active-orders-wrap{
  margin-top: 6px;
}

.wo-active-order-card{
  border: 1px solid #d6e3ec;
  border-radius: 14px;
  background: #ffffff;
  padding: 16px;
  min-width: 0;
  box-shadow: 0 2px 8px rgba(10, 37, 64, 0.06);
  transition: box-shadow 0.2s ease;
  animation: staggerIn 600ms cubic-bezier(0.22, 1, 0.36, 1) both;
  align-self: start;
}

.wo-active-order-card:hover{
  box-shadow: 0 4px 16px rgba(10, 37, 64, 0.1);
}

.clinic-trial-photo-thumb{
  display: block;
  margin-top: 8px;
  width: 100px;
  height: 100px;
  min-width: 100px;
  min-height: 100px;
  max-width: 200px;
  border-radius: 8px;
  object-fit: cover;
  border: 1px solid #dbe7ef;
  background: #f1f5f9;
}

.wo-photo-thumb-btn{
  display: inline-block;
  margin-top: 8px;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  border-radius: 8px;
  line-height: 0;
}

.wo-photo-thumb-btn img{
  display: block;
  width: 100px;
  height: 100px;
  object-fit: cover;
  border-radius: 8px;
  border: 1px solid #dbe7ef;
  background: #f1f5f9;
}

.wo-photo-thumb-btn:focus-visible{
  outline: 2px solid var(--brand-primary-deep);
  outline-offset: 2px;
}

.wo-order-photo-block{
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 12px;
}

.wo-photo-gallery{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.wo-photo-gallery--editable .wo-photo-gallery-item{
  position: relative;
}

.wo-photo-gallery-remove{
  position: absolute;
  top: 4px;
  right: 4px;
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.72);
  color: #fff;
  cursor: pointer;
}

.wo-multi-photo-field{
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.wo-multi-photo-toolbar{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.wo-multi-photo-add{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}

.wo-multi-photo-add--disabled{
  opacity: 0.55;
  cursor: not-allowed;
}

.wo-multi-photo-count{
  font-size: 12px;
  color: #64748b;
}

.wo-photo-lightbox{
  position: fixed;
  inset: 0;
  z-index: 50000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background: rgba(0, 0, 0, 0.92);
}

.wo-photo-lightbox-img{
  max-width: min(96vw, 960px);
  max-height: 88vh;
  object-fit: contain;
  border-radius: 8px;
}

.wo-photo-lightbox-close{
  position: absolute;
  top: 16px;
  right: 16px;
  width: 40px;
  height: 40px;
  border: 0;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.14);
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.wo-active-orders-list--compact{
  grid-template-columns: 1fr;
  max-width: 720px;
}

.wo-active-summary-row{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  width: 100%;
  text-align: left;
  border: 1px solid #d6e3ec;
  border-radius: 12px;
  background: #ffffff;
  padding: 12px 14px;
  cursor: pointer;
  transition: background-color 0.15s ease, box-shadow 0.15s ease;
}

.wo-active-summary-row:hover{
  background: #f5fafd;
  box-shadow: 0 2px 10px rgba(10, 37, 64, 0.08);
}

.wo-active-summary-row--active,
.wo-active-summary-row--active:hover{
  background: #eef6fc;
  border-color: #a8cfe8;
  box-shadow: 0 0 0 1px rgba(31, 122, 168, 0.14);
}

.clinic-patients-page-head .wo-orders-toolbar,
.clinic-active-wo-page .wo-cal-head--ref{
  flex-wrap: wrap;
  gap: 10px;
}

.clinic-active-wo-page .wo-cal-head-search{
  flex: 1 1 200px;
  max-width: 280px;
  min-width: 0;
}

body.theme-dark .wo-active-summary-row{
  background: rgba(255, 255, 255, 0.03);
  border-color: rgba(255, 255, 255, 0.08);
}

body.theme-dark .wo-active-summary-row:hover{
  background: rgba(255, 255, 255, 0.06);
  box-shadow: none;
}

body.theme-dark .wo-active-summary-row--active,
body.theme-dark .wo-active-summary-row--active:hover{
  background: var(--brand-primary-soft);
  border-color: rgba(126, 184, 212, 0.35);
  box-shadow: none;
}

body.theme-dark .wo-active-summary-name{
  color: #e8f4fa;
}

body.theme-dark .wo-active-summary-line{
  color: #9eb3c0;
}

.wo-active-summary-name{
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 15px;
  font-weight: 600;
  color: #1f4a5e;
}

.wo-active-summary-name i{
  font-size: 15px;
  color: #5a8ca8;
}

.wo-active-summary-line{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 6px;
  font-size: 12px;
  color: #5d7688;
}

.wo-active-summary-dot{
  opacity: 0.55;
  user-select: none;
}

.wo-active-summary-date i{
  margin-right: 4px;
}

.clinic-wo-drawer-backdrop{
  position: fixed;
  inset: 0;
  z-index: 200;
  background: rgba(10, 37, 64, 0.32);
  display: flex;
  justify-content: flex-end;
  align-items: stretch;
  animation: clinicWoFadeIn 0.2s ease;
}

.clinic-wo-edit-panel{
  width: min(640px, calc(100vw - 24px));
  max-height: min(90vh, 820px);
  overflow: auto;
}

.clinic-wo-edit-panel-sub{
  margin: 4px 0 0;
  font-size: 13px;
  color: #64748b;
}

.clinic-wo-edit-form{
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 0 4px 8px;
}

.clinic-wo-edit-form .tech-field{
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-size: 12px;
  font-weight: 600;
  color: #475569;
}

.clinic-wo-edit-form .tech-field input,
.clinic-wo-edit-form .tech-field select,
.clinic-wo-edit-form .tech-field textarea{
  width: 100%;
  min-height: 38px;
  padding: 8px 10px;
  border: 1px solid #d7e3ec;
  border-radius: 8px;
  background: #fff;
  color: #0f172a;
  font: inherit;
  font-weight: 500;
}

.clinic-wo-edit-form .tech-field textarea{
  min-height: 84px;
  resize: vertical;
}

.clinic-wo-edit-form .tech-delete-actions{
  margin-top: 4px;
}

@keyframes clinicWoFadeIn {
  from{
    opacity: 0;
  }

  to{
    opacity: 1;
  }
}

.clinic-wo-drawer{
  width: min(420px, 100vw);
  max-height: 100vh;
  background: #ffffff;
  display: flex;
  flex-direction: column;
  box-shadow: -12px 0 40px rgba(10, 37, 64, 0.18);
  animation: clinicWoSlideIn 0.22s ease-out;
}

@keyframes clinicWoSlideIn {
  from{
    transform: translateX(100%);
  }

  to{
    transform: translateX(0);
  }
}

.clinic-wo-drawer-head{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 18px 12px;
  border-bottom: 1px solid #e8f0f5;
  flex-shrink: 0;
}

.clinic-wo-drawer-head h3{
  margin: 0;
  font-size: 1.1rem;
  color: #1f4a5e;
}

.clinic-wo-drawer-sub{
  margin: 4px 0 0;
  font-size: 12px;
  color: #6b8799;
}

.clinic-wo-drawer-close{
  border: 0;
  background: #eef4f8;
  color: #2b5870;
  width: 36px;
  height: 36px;
  border-radius: 10px;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
  flex-shrink: 0;
}

.clinic-wo-drawer-close:hover{
  background: #e2ecf3;
}

.clinic-wo-drawer-body{
  overflow-y: auto;
  flex: 1;
  padding: 0 18px 28px;
}

.clinic-wo-drawer-section{
  padding-top: 18px;
}

.clinic-wo-drawer-section--trials{
  border-top: 1px solid #eef4f8;
  margin-top: 8px;
  padding-bottom: 8px;
}

.clinic-wo-drawer-muted{
  margin: 0;
  font-size: 13px;
  color: #7a93a4;
  line-height: 1.45;
}

.clinic-wo-drawer-dl{
  margin: 0;
}

.clinic-wo-drawer-dl-row{
  display: grid;
  grid-template-columns: minmax(140px, 42%) minmax(0, 1fr);
  gap: 8px 12px;
  padding: 6px 0;
  border-bottom: 1px solid #f0f6fa;
  font-size: 13px;
}

.clinic-wo-drawer-dl-row dt{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  color: #6b8799;
  font-weight: 600;
}

.clinic-wo-drawer-dl-row dt .bi{
  font-size: 14px;
  line-height: 1;
  color: inherit;
  flex-shrink: 0;
}

.clinic-wo-drawer-dl-row dt > span{
  min-width: 0;
}

.clinic-wo-drawer-dl-row dd{
  margin: 0;
  color: #1f3a4a;
}

.clinic-wo-drawer-dl--tight .clinic-wo-drawer-dl-row{
  padding: 4px 0;
}

.clinic-wo-drawer-teeth{
  margin-top: 10px;
  font-size: 13px;
  color: #38546a;
  line-height: 1.5;
}

.clinic-wo-drawer-teeth strong{
  display: block;
  margin-bottom: 6px;
  color: #1f4a5e;
}

.clinic-wo-drawer-trial-actions{
  margin-top: 12px;
  padding-top: 8px;
}

@media (max-width: 900px) {
  .clinic-wo-drawer{
    width: 100%;
  }
}

/* Aktif is emri drawer — Zendenta tarzi kartlar, pill durumlar, sticky footer */

.clinic-wo-drawer-backdrop--zd{
  background: rgba(15, 23, 42, 0.35);
  backdrop-filter: blur(2px);
  padding: 24px 32px 24px 24px;
  align-items: stretch;
  justify-content: flex-end;
  box-sizing: border-box;
  z-index: 500;
}

.clinic-wo-drawer--zd{
  width: min(640px, calc(100vw - 56px));
  height: calc(100vh - 48px);
  max-height: calc(100vh - 48px);
  align-self: stretch;
  display: flex;
  flex-direction: column;
  min-height: 0;
  overflow: hidden;
  background: #fff;
  border-radius: 16px;
  box-shadow:
    0 25px 50px -12px rgba(15, 23, 42, 0.2),
    0 12px 28px rgba(15, 23, 42, 0.1),
    0 0 0 1px rgba(15, 23, 42, 0.04);
}

/* Sol ikon rayi + sag ana kolon (Zendenta: gri serit, beyaz kare ikon kutulari) */

.zd-drawer-frame{
  display: flex;
  flex: 1;
  flex-direction: row;
  min-height: 0;
  overflow: hidden;
}

.zd-drawer-nav{
  flex: 0 0 56px;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 18px 7px;
  background: #eceff3;
  border-right: 1px solid #dfe3e9;
}

.zd-drawer-nav-btn{
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  min-width: 42px;
  min-height: 42px;
  margin: 0;
  padding: 0;
  border: 1px solid var(--header-control-border, #e2e8f0);
  border-radius: 12px;
  background: var(--header-control-bg, #ffffff);
  color: var(--header-control-muted, #64748b);
  font-size: 1.15rem;
  line-height: 1;
  cursor: pointer;
  box-shadow: none;
  transition:
    border-color 0.15s ease,
    background 0.15s ease,
    color 0.15s ease,
    box-shadow 0.15s ease;
}

.zd-drawer-nav-btn .bi{
  font-size: 1.15rem;
  opacity: 1;
  color: inherit;
}

.zd-drawer-nav-btn:hover,
.zd-drawer-nav-btn--active{
  border-color: var(--brand-primary);
  background: var(--brand-primary-soft);
  color: var(--brand-primary-selected-text);
  box-shadow: 0 0 0 1px var(--brand-ring);
}

.zd-drawer-nav-btn:hover .bi,
.zd-drawer-nav-btn--active .bi{
  color: var(--brand-primary);
  opacity: 1;
}

.zd-drawer-nav-btn:focus-visible{
  outline: none;
  border-color: var(--brand-primary);
  background: var(--brand-primary-soft);
  box-shadow: 0 0 0 1px var(--brand-ring);
}

.zd-drawer-main{
  display: flex;
  flex: 1;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  background: #fff;
}

.zd-drawer-panel{
  flex: 1;
  min-width: 0;
}

.clinic-wo-drawer-head--zd{
  padding: 12px 16px 12px;
  border-bottom: 1px solid #f1f5f9;
  background: #fff;
  flex-shrink: 0;
}

.zd-drawer-title-block{
  flex: 1;
  min-width: 0;
}

.zd-drawer-kicker{
  margin: 0 0 2px;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #94a3b8;
}

.clinic-wo-drawer-head--zd h3{
  margin: 0;
  font-size: 1.05rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #0f172a;
  line-height: 1.25;
}

.clinic-wo-drawer-head--zd .clinic-wo-drawer-sub{
  margin-top: 3px;
  font-size: 12px;
  color: #64748b;
  line-height: 1.3;
}

.zd-drawer-head-actions{
  display: flex;
  align-items: center;
  gap: 6px;
}

.zd-drawer-chevron{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  color: #cbd5e1;
  font-size: 1rem;
}

.clinic-wo-drawer-close--zd{
  border-radius: 10px;
  background: #f1f5f9;
  color: #475569;
  font-size: 14px;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.clinic-wo-drawer-print--zd{
  border: 0;
  border-radius: 10px;
  background: #f1f5f9;
  color: #475569;
  font-size: 14px;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease;
}

.clinic-wo-drawer-print--zd:hover{
  background: #e2e8f0;
  color: #0f172a;
}

.clinic-wo-drawer-close--zd:hover{
  background: #e2e8f0;
  color: #0f172a;
}

/* Drawer ust aksiyon renkleri (duzenle / sil / yazdir / kapat) */

.clinic-wo-drawer-action--edit{
  background: rgba(217, 119, 6, 0.12);
  color: #d97706;
}

.clinic-wo-drawer-action--edit:hover{
  background: rgba(217, 119, 6, 0.2);
  color: #b45309;
}

.clinic-wo-drawer-action--delete{
  background: rgba(220, 38, 38, 0.1);
  color: #dc2626;
}

.clinic-wo-drawer-action--delete:hover{
  background: rgba(220, 38, 38, 0.18);
  color: #b91c1c;
}

.clinic-wo-drawer-action--print{
  background: var(--lab-accent-soft, var(--brand-primary-soft, rgba(37, 99, 235, 0.12)));
  color: var(--lab-accent-deep, var(--brand-primary, #2563eb));
}

.clinic-wo-drawer-action--print:hover{
  background: color-mix(in srgb, var(--lab-accent, var(--brand-primary, #2563eb)) 22%, transparent);
  color: var(--lab-accent-deep, var(--brand-primary-deep, #1d4ed8));
}

.clinic-wo-drawer-action--close{
  background: rgba(220, 38, 38, 0.1);
  color: #dc2626;
}

.clinic-wo-drawer-action--close:hover{
  background: rgba(220, 38, 38, 0.18);
  color: #b91c1c;
}

.clinic-wo-drawer-body--zd{
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding: 16px 20px 24px 18px;
  background: #fafbfc;
}

.zd-drawer-panel.clinic-wo-drawer-body--zd{
  border-radius: 0;
}

.zd-clinic-sent-notice{
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 16px;
  padding: 11px 13px;
  border: 0;
  border-radius: 10px;
  background: #f5f3ff;
  color: #6d28d9;
}

.zd-clinic-sent-notice .zd-trial-bitim-badge{
  margin-left: 0;
  width: auto;
  height: auto;
  font-size: 15px;
  flex: 0 0 auto;
  background: transparent;
}

.zd-clinic-sent-notice-copy{
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
}

.zd-clinic-sent-notice strong{
  font-size: 13px;
  font-weight: 700;
  white-space: nowrap;
}

.zd-clinic-sent-notice small{
  font-size: 12px;
  font-weight: 600;
  color: #6d28d9;
  white-space: nowrap;
  text-align: right;
  flex-shrink: 0;
}

.zd-drawer-section{
  margin-bottom: 22px;
}

.zd-drawer-section--trials{
  margin-bottom: 12px;
}

.zd-drawer-section--pane:first-child{
  padding-top: 2px;
}

.zd-section-row{
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}

.zd-section-label{
  margin: 0;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: #94a3b8;
}

.zd-link-add{
  border: 0;
  background: none;
  padding: 4px 0;
  font-size: 13px;
  font-weight: 600;
  color: var(--brand-primary);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.zd-link-add:hover{
  color: var(--brand-primary-deep);
  text-decoration: underline;
}

.zd-surface-card{
  background: #fff;
  border: 1px solid #eef2f7;
  border-radius: 14px;
  padding: 14px 16px;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.zd-drawer-hint{
  margin: 0;
  font-size: 13px;
  line-height: 1.45;
  color: #64748b;
}

.zd-card-divider{
  height: 1px;
  margin: 14px 0;
  background: linear-gradient(90deg, transparent, #e2e8f0 12%, #e2e8f0 88%, transparent);
  border: 0;
}

.zd-drawer-dl .clinic-wo-drawer-dl-row:first-child{
  padding-top: 0;
}

.zd-drawer-dl .clinic-wo-drawer-dl-row:last-child{
  border-bottom: 0;
  padding-bottom: 0;
}

.zd-drawer-dl .clinic-wo-drawer-dl-row dt{
  color: #64748b;
  font-weight: 500;
  font-size: 12px;
}

.zd-drawer-dl .clinic-wo-drawer-dl-row dt .bi{
  font-size: 13px;
}

.zd-drawer-dl .clinic-wo-drawer-dl-row dd{
  color: #0f172a;
  font-weight: 500;
}

.zd-teeth-block{
  margin: 0;
  font-size: 13px;
  color: #334155;
}

.zd-teeth-label{
  display: block;
  margin-bottom: 10px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #94a3b8;
}

.zd-teeth-line{
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 0 0 8px;
  line-height: 1.45;
}

.zd-teeth-line:last-child{
  margin-bottom: 0;
}

.zd-teeth-line .bi{
  margin-top: 2px;
  font-size: 14px;
  color: inherit;
  flex-shrink: 0;
}

/* Is emri drawer: satir genisligine yay (lpd 300px sinirini ezer) */

.clinic-wo-drawer--zd .zd-drawer-odonto-preview.lpd-treatment-odonto-preview{
  width: 100%;
  max-width: none;
  margin: 12px 0 0;
  padding: 12px 14px;
  background: #f8fbfd;
  border: 1px solid #e0e8ed;
  border-radius: 10px;
  box-sizing: border-box;
}

.clinic-wo-drawer--zd .zd-drawer-odonto-preview .Odontogram{
  width: 100% !important;
  max-width: none !important;
}

.clinic-wo-drawer--zd .zd-drawer-odonto-preview.wo-odontogram-wrap--square .Odontogram svg{
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  margin: 0;
  display: block;
}

/* ============================================================
   DARK MODE — Is Emirleri liste rozet/pill renkleri
   Light pastel tanimlarin dark'ta uyumsuz gorunmesini onler.
   Konvansiyon: koyu tinted arka plan + ayni tonun acik yazisi.
   ============================================================ */

/* Durum pill'leri (Aktif / Tamamlandi / Uretimde / Yeni / Provada / Hazir) */

body.theme-dark .wo-list-status-pill--active,
body.theme-dark .wo-list-status-pill--production{
  background: #27272a;
  color: #d4d4d8;
}

body.theme-dark .wo-list-status-pill--new{
  background: #16303f;
  color: #7dd3fc;
}

body.theme-dark .wo-list-status-pill--trial{
  background: #2a2143;
  color: #c4b5fd;
}

body.theme-dark .wo-list-status-pill--sent{
  background: #2a2143;
  color: #c4b5fd;
}

body.theme-dark .wo-list-status-pill--delivery{
  background: #3a2e12;
  color: #fcd34d;
}

body.theme-dark .wo-list-status-pill--completed,
body.theme-dark .wo-list-status-pill--finished{
  background: #14321f;
  color: #86efac;
}

/* Protez satiri flag'leri: RPT (amber) / Is Tekrari (mor) */

body.theme-dark .wo-work-order-flag--rpt,
body.theme-dark .wo-summary-flag--rpt{
  background: #3a2e12;
  color: #fcd34d;
}

body.theme-dark .wo-work-order-flag--tekrari,
body.theme-dark .wo-summary-flag--tekrari{
  background: #2a2143;
  color: #c4b5fd;
}

/* Kaynak (Klinik / Lab) pill'leri */

body.theme-dark .lab-patient-source-pill{
  background: #14321f;
  color: #86efac;
}

body.theme-dark .lab-patient-source-pill--clinic{
  background: #1e2749;
  color: #a5b4fc;
  border-color: rgba(165, 180, 252, 0.28);
}

body.theme-dark .lab-patient-source-pill--lab{
  background: #16303f;
  color: #7dd3fc;
  border-color: rgba(125, 211, 252, 0.28);
}

/* workorders + patients (orijinal satır sırası korunur) */

/* ==========================================================================
   Is emri detay drawer'i (sagda acilan panel) — DARK TEMA
   Tum ekranlarda gecerli (onceki kurallar yanlislikla mobil media icindeydi).
   Proje paleti: --rw-* (body.theme-dark).
   ========================================================================== */

body.theme-dark .clinic-wo-drawer-backdrop--zd{
  background: rgba(0, 0, 0, 0.55);
}

body.theme-dark .clinic-wo-drawer--zd{
  background: var(--rw-surface, #18181b);
  border: 1px solid var(--rw-border, #2d2d2d);
  box-shadow:
    0 25px 50px -12px rgba(0, 0, 0, 0.65),
    0 12px 28px rgba(0, 0, 0, 0.5);
}

body.theme-dark .clinic-wo-drawer--zd .zd-drawer-main,
body.theme-dark .clinic-wo-drawer-head--zd,
body.theme-dark .clinic-wo-drawer--zd .zd-drawer-footer{
  background: var(--rw-surface, #18181b);
}

body.theme-dark .clinic-wo-drawer-head--zd{
  border-bottom-color: var(--rw-border, #2d2d2d);
}

body.theme-dark .clinic-wo-drawer--zd .zd-drawer-footer{
  border-top-color: var(--rw-border, #2d2d2d);
}

/* Dis diyagrami (dark): panel paletiyle uyumlu tonlar */

body.theme-dark .clinic-wo-drawer--zd .zd-drawer-odonto-preview.lpd-treatment-odonto-preview{
  background: var(--rw-surface-elevated, #1c1c1f);
  border-color: var(--rw-border, #2d2d2d);
}

body.theme-dark .clinic-wo-drawer--zd .zd-drawer-odonto-preview .Odontogram svg{
  background: transparent !important;
  color: #9ca3af;
}

body.theme-dark .clinic-wo-drawer--zd .zd-drawer-odonto-preview .Odontogram g[class^='teeth-'] path:first-of-type{
  stroke: #a3adc2;
}

body.theme-dark .clinic-wo-drawer--zd .zd-drawer-odonto-preview .Odontogram g[class^='teeth-'] text{
  fill: #ffffff;
  font-weight: 500;
  filter:
    drop-shadow(0 1px 1px rgba(0, 0, 0, 0.85))
    drop-shadow(0 0 1px rgba(0, 0, 0, 0.65));
}

/* Sol ikon rayi */

body.theme-dark .clinic-wo-drawer--zd .zd-drawer-nav{
  background: var(--rw-bg, #0d0d0d);
  border-right-color: var(--rw-border, #2d2d2d);
}

body.theme-dark .clinic-wo-drawer--zd .zd-drawer-nav-btn{
  background: var(--rw-surface, #18181b);
  border: 1px solid var(--rw-border-soft, #353535);
  color: var(--rw-text-muted, #aaaaaa);
  box-shadow: none;
}

body.theme-dark .clinic-wo-drawer--zd .zd-drawer-nav-btn:hover,
body.theme-dark .clinic-wo-drawer--zd .zd-drawer-nav-btn--active,
body.theme-dark .clinic-wo-drawer--zd .zd-drawer-nav-btn:focus-visible{
  background: var(--brand-primary-soft);
  border: 1px solid rgba(37, 99, 235, 0.55);
  color: var(--brand-primary-muted);
  box-shadow: 0 0 0 1px rgba(37, 99, 235, 0.2);
}

body.theme-dark .clinic-wo-drawer--zd .zd-drawer-nav-btn:hover .bi,
body.theme-dark .clinic-wo-drawer--zd .zd-drawer-nav-btn--active .bi{
  color: var(--brand-primary-muted);
}

/* Basliklar ve metinler */

body.theme-dark .clinic-wo-drawer-head--zd h3,
body.theme-dark .clinic-wo-drawer--zd .clinic-wo-drawer-dl-row dd,
body.theme-dark .clinic-wo-drawer--zd .zd-teeth-line{
  color: var(--rw-text-strong, #f1f5f9);
}

body.theme-dark .clinic-wo-drawer--zd .zd-drawer-kicker,
body.theme-dark .clinic-wo-drawer-head--zd .clinic-wo-drawer-sub,
body.theme-dark .clinic-wo-drawer--zd .zd-section-label,
body.theme-dark .clinic-wo-drawer--zd .zd-drawer-hint,
body.theme-dark .clinic-wo-drawer--zd .zd-teeth-label,
body.theme-dark .clinic-wo-drawer--zd .clinic-wo-drawer-dl-row dt,
body.theme-dark .clinic-wo-drawer--zd .zd-drawer-nav-label{
  color: var(--rw-text-muted, #aaaaaa);
}

body.theme-dark .clinic-wo-drawer--zd .zd-drawer-chevron{
  color: #52525b;
}

body.theme-dark .clinic-wo-drawer--zd .zd-clinic-sent-notice{
  border: 0;
  background: rgba(109, 40, 217, 0.18);
  color: #c4b5fd;
}

body.theme-dark .clinic-wo-drawer--zd .zd-clinic-sent-notice small{
  color: #c4b5fd;
}

body.theme-dark .clinic-wo-drawer--zd .zd-clinic-sent-notice .zd-trial-bitim-badge{
  background: transparent;
  color: #c4b5fd;
}

/* Ust sag butonlar (kapat / yazdir / duzenle / sil) */

body.theme-dark .clinic-wo-drawer-close--zd,
body.theme-dark .clinic-wo-drawer-print--zd{
  background: var(--rw-surface-elevated, #27272a);
  color: var(--rw-text-muted, #cbd5e1);
}

body.theme-dark .clinic-wo-drawer-close--zd:hover,
body.theme-dark .clinic-wo-drawer-print--zd:hover{
  background: var(--rw-surface-hover, #2f2f33);
  color: var(--rw-text-strong, #ffffff);
}

body.theme-dark .clinic-wo-drawer-action--edit{
  background: rgba(245, 158, 11, 0.16);
  color: #fbbf24;
}

body.theme-dark .clinic-wo-drawer-action--edit:hover{
  background: rgba(245, 158, 11, 0.26);
  color: #fcd34d;
}

body.theme-dark .clinic-wo-drawer-action--delete{
  background: rgba(248, 113, 113, 0.14);
  color: #f87171;
}

body.theme-dark .clinic-wo-drawer-action--delete:hover{
  background: rgba(248, 113, 113, 0.24);
  color: #fca5a5;
}

body.theme-dark .clinic-wo-drawer-action--print{
  background: color-mix(in srgb, var(--lab-accent, var(--brand-primary, #3b82f6)) 18%, transparent);
  color: var(--lab-accent, var(--brand-primary-light, #60a5fa));
}

body.theme-dark .clinic-wo-drawer-action--print:hover{
  background: color-mix(in srgb, var(--lab-accent, var(--brand-primary, #3b82f6)) 28%, transparent);
  color: #93c5fd;
}

body.theme-dark .clinic-wo-drawer-close--zd.clinic-wo-drawer-action--close,
body.theme-dark .clinic-wo-drawer-action--close{
  background: rgba(248, 113, 113, 0.14);
  color: #f87171;
}

body.theme-dark .clinic-wo-drawer-close--zd.clinic-wo-drawer-action--close:hover,
body.theme-dark .clinic-wo-drawer-action--close:hover{
  background: rgba(248, 113, 113, 0.24);
  color: #fca5a5;
}

/* Kartlar ve ayiraclar */

body.theme-dark .clinic-wo-drawer--zd .zd-surface-card{
  background: var(--rw-surface-elevated, #1c1c1f) !important;
  border-color: var(--rw-border, #2d2d2d) !important;
  box-shadow: none !important;
}

body.theme-dark .clinic-wo-drawer--zd .zd-card-divider{
  background: linear-gradient(
    90deg,
    transparent,
    var(--rw-border, #2d2d2d) 12%,
    var(--rw-border, #2d2d2d) 88%,
    transparent
  );
  border-color: transparent;
}

body.theme-dark .clinic-wo-drawer--zd .clinic-wo-drawer-dl-row{
  border-bottom-color: var(--rw-border, #2d2d2d) !important;
}

body.theme-dark .clinic-wo-drawer--zd .clinic-wo-drawer-dl-row dt,
body.theme-dark .clinic-wo-drawer--zd .zd-drawer-dl .clinic-wo-drawer-dl-row dt{
  color: var(--rw-text-muted, #aaaaaa) !important;
  opacity: 1;
}

body.theme-dark .clinic-wo-drawer--zd .clinic-wo-drawer-dl-row dd,
body.theme-dark .clinic-wo-drawer--zd .zd-drawer-dl .clinic-wo-drawer-dl-row dd{
  color: var(--rw-text-strong, #f1f5f9) !important;
}

body.theme-dark .clinic-wo-drawer--zd .zd-section-label{
  color: var(--rw-text-muted, #aaaaaa) !important;
  opacity: 1;
}

body.theme-dark .clinic-wo-drawer--zd .zd-drawer-hint,
body.theme-dark .clinic-wo-drawer--zd .zd-surface-card .zd-drawer-hint{
  background: transparent;
  color: #e4e4e7 !important;
}

body.theme-dark .clinic-wo-drawer--zd .wo-order-photo-block .zd-teeth-label{
  color: var(--rw-text-muted, #aaaaaa);
}

/* Form alanlari */

body.theme-dark .clinic-wo-drawer--zd .zd-field select,
body.theme-dark .clinic-wo-drawer--zd .zd-field input:not([type='file']),
body.theme-dark .clinic-wo-drawer--zd .zd-field textarea{
  background: var(--rw-surface-elevated, #27272a) !important;
  border-color: var(--rw-border, #2d2d2d) !important;
  color: var(--rw-text-strong, #f1f5f9) !important;
}

body.theme-dark .clinic-wo-drawer--zd .zd-field select:focus,
body.theme-dark .clinic-wo-drawer--zd .zd-field input:focus,
body.theme-dark .clinic-wo-drawer--zd .zd-field textarea:focus{
  border-color: rgba(59, 130, 246, 0.5) !important;
  background: var(--rw-surface, #18181b) !important;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15) !important;
}

body.theme-dark .clinic-wo-drawer--zd .zd-field label,
body.theme-dark .clinic-wo-drawer--zd .zd-section-row{
  color: var(--rw-text-muted, #aaaaaa);
}

.zd-drawer-error{
  margin: 0 0 12px;
}

.zd-trials-stack{
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.zd-trials-stack:has(.zd-trial-actions-trigger--open){
  overflow: visible;
}

.zd-trials-empty{
  border-radius: 14px !important;
  background: #fff !important;
  border: 1px dashed #e2e8f0 !important;
}

.zd-trial-card{
  background: #fff !important;
  border: 1px solid #eef2f7 !important;
  border-radius: 9px !important;
  padding: 10px 12px !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.zd-trial-card:has(.zd-trial-actions-trigger--open),
.zd-trial-card:has(.zd-trial-remove--open){
  position: relative;
  z-index: 8;
}

.zd-trial-card--done{
  opacity: 1 !important;
  background: #f8fafc !important;
  border-color: #e2e8f0 !important;
}

.zd-trial-card--confirmed{
  border-left: 3px solid #16a34a;
}

.zd-trial-card--clinic-readonly{
  border-left: 3px solid var(--brand-primary);
  background: #f8fafc;
}

.clinic-wo-drawer--zd .zd-trials-stack{
  gap: 8px;
}

.clinic-wo-drawer--zd .zd-trials-card{
  padding: 0;
  background: transparent;
  border: none;
  box-shadow: none;
}

.clinic-wo-drawer--zd .zd-drawer-section--trials .zd-section-row{
  margin-bottom: 6px;
}

.clinic-wo-drawer--zd .zd-trial-card{
  padding: 8px 12px !important;
}

.clinic-wo-drawer--zd .zd-trial-top{
  margin-bottom: 6px;
  gap: 6px;
}

/* Prova paneli — proje yazi olcegi (konum / onem)
   xs 11: etiket/meta  |  sm 12: yardimci  |  base 13: govde/form
   md 14: kart basligi |  2xs 10: rozet     */

.clinic-wo-drawer--zd .zd-drawer-section--trials{
  font-size: var(--ui-font-base);
  line-height: 1.45;
}

.clinic-wo-drawer--zd .zd-drawer-section--trials .zd-link-add{
  font-size: var(--ui-font-base);
  font-weight: 600;
}

.clinic-wo-drawer--zd .zd-drawer-section--trials .zd-trial-title{
  font-size: var(--ui-font-md);
  font-weight: 600;
  color: #0f172a;
  line-height: 1.3;
}

.clinic-wo-drawer--zd .zd-drawer-section--trials .zd-trial-index-badge,
.clinic-wo-drawer--zd .zd-drawer-section--trials .zd-trial-index-badge--done{
  font-size: var(--ui-font-sm);
  font-weight: 700;
}

.clinic-wo-drawer--zd .zd-drawer-section--trials .zd-trial-chevron{
  font-size: var(--ui-font-sm);
}

.clinic-wo-drawer--zd .zd-drawer-section--trials .zd-trial-origin-badge,
.clinic-wo-drawer--zd .zd-drawer-section--trials .zd-trial-confirmed-badge,
.clinic-wo-drawer--zd .zd-drawer-section--trials .zd-pill,
.clinic-wo-drawer--zd .zd-drawer-section--trials .zd-pill .bi{
  font-size: var(--ui-font-2xs);
  font-weight: 600;
}

.clinic-wo-drawer--zd .zd-drawer-section--trials .zd-trial-summary-datetime-label,
.clinic-wo-drawer--zd .zd-drawer-section--trials .zd-trial-summary-info-label,
.clinic-wo-drawer--zd .zd-drawer-section--trials .zd-trial-content-section-title,
.clinic-wo-drawer--zd .zd-drawer-section--trials .zd-trial-entries-label,
.clinic-wo-drawer--zd .zd-drawer-section--trials .zd-trial-summary-label{
  font-size: var(--ui-font-base);
  font-weight: 600;
  color: #35596d;
  letter-spacing: 0;
  text-transform: none;
}

body.theme-dark .clinic-wo-drawer--zd .zd-drawer-section--trials .zd-trial-summary-datetime-label,
body.theme-dark .clinic-wo-drawer--zd .zd-drawer-section--trials .zd-trial-summary-info-label,
body.theme-dark .clinic-wo-drawer--zd .zd-drawer-section--trials .zd-trial-content-section-title,
body.theme-dark .clinic-wo-drawer--zd .zd-drawer-section--trials .zd-trial-entries-label,
body.theme-dark .clinic-wo-drawer--zd .zd-drawer-section--trials .zd-trial-summary-label{
  color: var(--rw-text-muted, #aaaaaa);
}

.clinic-wo-drawer--zd .zd-drawer-section--trials .zd-trial-summary-info-value,
.clinic-wo-drawer--zd .zd-drawer-section--trials .zd-trial-summary-value,
.clinic-wo-drawer--zd .zd-drawer-section--trials .zd-trial-note-text,
.clinic-wo-drawer--zd .zd-drawer-section--trials .zd-trial-note-input,
.clinic-wo-drawer--zd .zd-drawer-section--trials .zd-trial-entry-readonly,
.clinic-wo-drawer--zd .zd-drawer-section--trials .zd-trial-readonly-value,
.clinic-wo-drawer--zd .zd-drawer-section--trials .zd-trial-entry-input{
  font-size: var(--ui-font-base);
  font-weight: 500;
  color: #0f172a;
  line-height: 1.45;
}

.clinic-wo-drawer--zd .zd-drawer-section--trials .zd-trial-summary-type-select .wo-option-select-input,
.clinic-wo-drawer--zd .zd-drawer-section--trials .zd-trial-summary-type-select .wo-option-select-input::placeholder{
  font-size: var(--ui-font-base) !important;
  font-weight: 400 !important;
}

.clinic-wo-drawer--zd .zd-drawer-section--trials .zd-trial-summary-datetime-split,
.clinic-wo-drawer--zd .zd-drawer-section--trials .zd-trial-summary-datetime-split > input[type='date'],
.clinic-wo-drawer--zd .zd-drawer-section--trials .zd-trial-summary-datetime-split .wo-datetime-split-hm{
  font-size: var(--ui-font-base);
  font-weight: 500;
}

.clinic-wo-drawer--zd .zd-drawer-section--trials .zd-trial-content-section-action{
  font-size: var(--ui-font-base);
  font-weight: 600;
}

.clinic-wo-drawer--zd .zd-drawer-section--trials .zd-trial-confirm-btn,
.clinic-wo-drawer--zd .zd-drawer-section--trials .zd-trial-complete-btn,
.clinic-wo-drawer--zd .zd-drawer-section--trials .zd-trial-send-lab-btn,
.clinic-wo-drawer--zd .zd-drawer-section--trials .zd-trial-repeat-btn,
.clinic-wo-drawer--zd .zd-drawer-section--trials .zd-trial-undo-complete-btn,
.clinic-wo-drawer--zd .zd-drawer-section--trials .zd-trial-delivered-btn,
.clinic-wo-drawer--zd .zd-drawer-section--trials .zd-inline-confirm-btn{
  font-size: var(--ui-font-base);
  font-weight: 600;
}

.clinic-wo-drawer--zd .zd-drawer-section--trials .zd-inline-confirm-title{
  font-size: var(--ui-font-base);
  font-weight: 600;
}

.clinic-wo-drawer--zd .zd-drawer-section--trials .zd-inline-confirm-hint{
  font-size: var(--ui-font-sm);
}

.clinic-wo-drawer--zd .zd-drawer-section--trials .zd-trial-content-section-meta,
.clinic-wo-drawer--zd .zd-drawer-section--trials .zd-trial-waiting-hint,
.clinic-wo-drawer--zd .zd-drawer-section--trials .zd-trials-empty,
.clinic-wo-drawer--zd .zd-drawer-section--trials .zd-trial-entries-empty,
.clinic-wo-drawer--zd .zd-drawer-section--trials .zd-drawer-hint,
.clinic-wo-drawer--zd .zd-drawer-section--trials .wo-trials-clinic-hint{
  font-size: var(--ui-font-sm);
  font-weight: 500;
  line-height: 1.4;
}

.clinic-wo-drawer--zd .zd-drawer-section--trials .zd-trial-note-time,
.clinic-wo-drawer--zd .zd-drawer-section--trials .zd-trial-audit,
.clinic-wo-drawer--zd .zd-drawer-section--trials .zd-trial-audit-item,
.clinic-wo-drawer--zd .zd-drawer-section--trials .zd-trial-entry-date,
.clinic-wo-drawer--zd .zd-drawer-section--trials .zd-trial-entry-num{
  font-size: var(--ui-font-xs);
  font-weight: 500;
  color: #64748b;
}

.clinic-wo-drawer--zd .zd-drawer-section--trials .zd-trial-audit-item--who,
.clinic-wo-drawer--zd .zd-drawer-section--trials .zd-trial-audit-item--done-who{
  font-weight: 600;
  color: #475569;
}

.clinic-wo-drawer--zd .zd-drawer-section--trials .zd-trial-summary-info-icon,
.clinic-wo-drawer--zd .zd-drawer-section--trials .zd-trial-content-section-icon,
.clinic-wo-drawer--zd .zd-drawer-section--trials .zd-trial-audit-item i{
  font-size: var(--ui-font-md);
}

.clinic-wo-drawer--zd .zd-drawer-section--trials .zd-trial-entries-error{
  font-size: var(--ui-font-sm);
}

.zd-trial-origin-badge{
  display: inline-flex;
  align-items: center;
  margin-left: 8px;
  padding: 2px 8px;
  border-radius: 999px;
  background: #e3f4fa;
  color: var(--brand-primary-deep);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.zd-trial-bitim-badge{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-left: 8px;
  width: 20px;
  height: 20px;
  padding: 0;
  border-radius: 6px;
  background: #ede9fe;
  color: #6d28d9;
  font-size: 11px;
  line-height: 1;
}

.zd-trial-name-with-badge{
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 2px;
}

.wo-trial-readonly-dl{
  display: grid;
  gap: 10px;
  margin: 0;
}

.wo-trial-readonly-dl dt{
  font-size: 11px;
  font-weight: 600;
  color: #64748b;
  margin-bottom: 2px;
}

.wo-trial-readonly-dl dd{
  margin: 0;
  font-size: 13px;
  color: #0f172a;
}

.wo-trials-clinic-hint{
  margin: 0 0 12px;
  padding: 10px 12px;
  border-radius: 8px;
  background: #eef2ff;
  color: #4338ca;
  font-size: 12px;
  line-height: 1.45;
}

.zd-trial-title-row{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px;
}

.zd-trial-card--collapsed .zd-trial-top{
  margin-bottom: 0;
  padding-bottom: 0;
}

.zd-trial-confirmed-badge{
  display: inline-flex;
  align-items: center;
  padding: 2px 10px;
  border-radius: 999px;
  background: #dcfce7;
  color: #15803d;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.02em;
  margin-left: 8px;
}

.zd-trial-confirm-row{
  display: flex;
  justify-content: flex-end;
  padding: 6px 0 0;
  border-top: 1px solid #f0f4f8;
}

.zd-trial-confirm-row:has(.zd-send-lab-confirm),
.zd-trial-actions-row:has(.zd-send-lab-confirm){
  justify-content: stretch;
}

.zd-trial-confirm-row .zd-send-lab-confirm,
.zd-trial-actions-row .zd-send-lab-confirm{
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
}

.zd-trial-confirm-btn{
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 6px 16px;
  border: none;
  border-radius: 8px;
  background: linear-gradient(135deg, #16a34a, #15803d);
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(22, 163, 74, 0.22);
  transition: all 0.15s ease;
}

.zd-trial-confirm-btn:hover{
  background: linear-gradient(135deg, #15803d, #166534);
  box-shadow: 0 4px 14px rgba(22, 163, 74, 0.35);
  transform: translateY(-1px);
}

.zd-trial-summary{
  padding: 8px 0 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.zd-trial-summary-cols{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 20px;
}

.zd-trial-summary-item{
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 14px;
  min-width: 0;
}

.zd-trial-summary-item .zd-trial-summary-label{
  flex: 0 0 auto;
  white-space: nowrap;
  margin-right: 6px;
}

.zd-trial-summary-item .zd-trial-summary-value{
  flex: 1 1 auto;
  min-width: 0;
}

.zd-trial-summary-row{
  display: grid;
  grid-template-columns: 72px 1fr;
  gap: 14px;
  align-items: baseline;
}

.zd-trial-summary-row--full{
  grid-template-columns: 72px 1fr;
}

.zd-trial-summary-label{
  font-size: 10px;
  font-weight: 600;
  color: #64748b;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  padding-right: 8px;
}

.zd-trial-summary-value{
  font-size: 12px;
  color: #1a3a4a;
  word-break: break-word;
}

/* Tür | Tarih — Renk Bilgisi tech-form-grid ile ayni olcek */

.zd-trial-summary-top-card{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 14px;
  align-items: start;
  border-radius: 0;
  background: transparent;
  border: none;
  overflow: visible;
  margin-top: 0;
}

.zd-trial-summary-top-slot{
  min-width: 0;
}

.zd-trial-summary-top-divider{
  display: none;
}

.zd-trial-summary-trigger{
  display: block;
  position: relative;
  margin: 0;
  cursor: pointer;
}

.zd-trial-summary-datetime{
  padding: 0;
  min-width: 0;
  --zd-trial-control-height: auto;
  --zd-trial-control-pad-y: 11px;
}

.zd-trial-summary-datetime-label{
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: #475569;
  text-transform: none;
  letter-spacing: 0;
  margin-bottom: 7px;
}

.zd-trial-summary-datetime-label--with-icon{
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.zd-trial-summary-datetime-label--with-icon .zd-trial-summary-info-icon{
  width: 28px;
  height: 28px;
  margin: 0;
  flex: 0 0 28px;
}

.zd-trial-summary-datetime-label .zd-trial-summary-info-required{
  color: #dc2626;
}

/* Tarih+saat: kolon genisligi + form kutusu olcegi */

.zd-trial-summary-datetime-split{
  display: flex;
  width: 100%;
  max-width: 100%;
  align-items: center;
  gap: 0;
  height: 40px;
  min-height: 40px;
  max-height: 40px;
  padding: 0 12px;
  border: 1px solid #dce3ec;
  border-radius: 8px;
  background: #ffffff;
  box-sizing: border-box;
  font-family: var(--sans, 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif);
  transition:
    border-color 0.15s ease,
    box-shadow 0.15s ease;
}

.zd-trial-summary-datetime-split:focus-within{
  border-color: #67b8df;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15);
}

.zd-trial-summary-datetime-split > input[type='date']{
  box-sizing: border-box;
  height: 100%;
  min-height: 0;
  max-height: none;
  min-width: 0;
  flex: 1 1 auto;
  border: 0;
  border-radius: 0;
  background: transparent;
  padding: 0;
  font: inherit;
  font-size: 14px;
  font-weight: 400;
  line-height: 38px;
  color: #334155;
  box-shadow: none;
}

.zd-trial-summary-datetime-split > input[type='date']:focus{
  outline: none;
  box-shadow: none;
}

.zd-trial-summary-datetime-split .wo-datetime-split-time{
  box-sizing: border-box;
  height: auto;
  min-height: 0;
  border: 0;
  border-left: 1px solid #dce3ec;
  border-radius: 0;
  background: transparent;
  padding: 0 0 0 10px;
  margin-left: 4px;
  flex: 0 0 auto;
  align-self: stretch;
  display: inline-flex;
  align-items: center;
  color: #334155;
}

.zd-trial-summary-datetime-split .wo-datetime-split-hm,
.zd-trial-summary-datetime-split .wo-datetime-split-colon{
  padding: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 38px;
  flex: 0 0 auto;
  color: #334155;
  -webkit-text-fill-color: #334155;
}

.zd-trial-summary-datetime-split .wo-datetime-split-hm{
  width: 2.2em;
  height: 100%;
  min-height: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

/* Prova türü: giris kutusu olcegi */

.zd-trial-summary-type-select.wo-option-select{
  width: 100%;
}

.zd-trial-summary-type-select .wo-option-select-input{
  box-sizing: border-box !important;
  width: 100% !important;
  height: 40px !important;
  min-height: 40px !important;
  max-height: 40px !important;
  padding: 0 32px 0 12px !important;
  border: 1px solid #dce3ec !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  font-family: var(--sans, 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 38px !important;
  color: #334155 !important;
  box-shadow: none !important;
}

.zd-trial-summary-type-select .wo-option-select-input::placeholder{
  font-size: 14px;
  font-weight: 400;
  color: #94a3b8;
}

.zd-trial-summary-type-select.wo-option-select--searchable.wo-option-select--open .wo-option-select-input{
  border-color: #67b8df !important;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15) !important;
  background: #ffffff !important;
}

/* Modal icinde wrapper border kullandigi icin prova turu input'u seffaf */

.wo-panel--modal .wo-form .zd-trial-summary-type-select.wo-option-select{
  height: var(--wo-field-height);
  border: 1px solid var(--wo-field-border);
  border-radius: var(--wo-field-radius);
  background: var(--wo-field-bg);
}

.wo-panel--modal .wo-form .zd-trial-summary-type-select .wo-option-select-input,
.wo-panel--modal .wo-form .zd-trial-summary-type-select.wo-option-select--open .wo-option-select-input,
.wo-panel--modal .wo-form .zd-trial-summary-type-select .wo-option-select-input:focus{
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  outline: none !important;
}

body.theme-dark .zd-trial-summary-type-select .wo-option-select-input{
  border-color: var(--rw-border, #2d2d2d) !important;
  background: var(--rw-surface, #18181b) !important;
  color: var(--rw-text-strong, #f1f5f9) !important;
}

body.theme-dark .zd-trial-summary-type-select.wo-option-select--searchable.wo-option-select--open .wo-option-select-input{
  border-color: rgba(59, 130, 246, 0.5) !important;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15) !important;
  background: var(--rw-surface, #18181b) !important;
}

body.theme-dark .wo-panel--modal .wo-form .zd-trial-summary-type-select.wo-option-select{
  background: var(--rw-surface, #18181b) !important;
  border-color: var(--rw-border, #2d2d2d) !important;
}

body.theme-dark .wo-panel--modal .wo-form .zd-trial-summary-type-select .wo-option-select-input,
body.theme-dark .wo-panel--modal .wo-form .zd-trial-summary-type-select.wo-option-select--open .wo-option-select-input,
body.theme-dark .wo-panel--modal .wo-form .zd-trial-summary-type-select .wo-option-select-input:focus{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: var(--rw-text-strong, #f1f5f9) !important;
}

body.theme-dark .zd-trial-summary-datetime-label,
body.theme-dark .zd-trial-summary-datetime-label--with-icon{
  color: var(--rw-text-muted, #aaaaaa);
}

body.theme-dark .zd-trial-summary-datetime-split{
  border-color: var(--rw-border, #2d2d2d);
  background: var(--rw-surface, #18181b);
}

body.theme-dark .zd-trial-summary-datetime-split:focus-within{
  border-color: rgba(59, 130, 246, 0.5);
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15);
}

body.theme-dark .zd-trial-summary-datetime-split > input[type='date']{
  border: 0;
  background: transparent;
  color: var(--rw-text-strong, #f1f5f9);
  color-scheme: dark;
}

body.theme-dark .zd-trial-summary-datetime-split .wo-datetime-split-time{
  border-left-color: var(--rw-border, #2d2d2d);
  background: transparent;
  color: var(--rw-text-strong, #f1f5f9);
}

body.theme-dark .zd-trial-summary-datetime-split .wo-datetime-split-hm,
body.theme-dark .zd-trial-summary-datetime-split .wo-datetime-split-colon{
  color: var(--rw-text-strong, #f1f5f9);
  -webkit-text-fill-color: var(--rw-text-strong, #f1f5f9);
}

.zd-trial-summary-native-control{
  position: absolute;
  inset: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  z-index: 1;
  border: 0;
  padding: 0;
  margin: 0;
}

.zd-trial-summary-native-control--select{
  display: flex;
  opacity: 0;
}

.zd-trial-summary-native-control--select > *{
  flex: 1;
  min-width: 0;
  height: 100%;
}

.zd-trial-summary-info-row{
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 11px 4px;
  min-width: 0;
}

.zd-trial-summary-info-icon{
  width: 28px;
  height: 28px;
  border-radius: 7px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background: var(--brand-ring);
  color: var(--brand-primary-deep);
  font-size: 14px;
}

.zd-trial-summary-info-text{
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  flex: 1;
}

.zd-trial-summary-info-label{
  font-size: 13px;
  font-weight: 600;
  color: #64748b;
  letter-spacing: 0.2px;
}

.zd-trial-summary-info-required{
  color: #dc2626;
  font-weight: 700;
}

.zd-trial-summary-info-value{
  font-size: 13px;
  font-weight: 500;
  color: #0f172a;
  letter-spacing: -0.1px;
  line-height: 17px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.zd-trial-summary-info-value--placeholder{
  color: #94a3b8;
}

.zd-trial-defined-extra{
  margin-top: 10px;
}

.zd-trial-content-sections{
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-top: 12px;
  min-width: 0;
  max-width: 100%;
}

.zd-trial-content-section{
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
  max-width: 100%;
}

.zd-trial-content-section-head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 28px;
  padding: 0 4px;
}

.zd-trial-content-section-title{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  font-weight: 600;
  color: #64748b;
}

.zd-trial-content-section-icon{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 7px;
  background: var(--brand-ring);
  color: var(--brand-primary-deep);
  font-size: 14px;
  flex-shrink: 0;
}

.zd-trial-content-section-action{
  display: inline-flex;
  align-items: center;
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  color: var(--brand-primary-deep);
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  white-space: nowrap;
  position: relative;
}

.zd-trial-content-section-action:hover{
  color: var(--brand-primary-hover);
  text-decoration: underline;
}

.zd-trial-content-section-action--busy{
  opacity: 0.65;
  cursor: progress;
  text-decoration: none;
}

.zd-trial-content-section-action .wo-case-photo-input{
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: pointer;
}

/* Renk ekle: baslik ve gri zemin karti olmadan yalnizca secim kutusunu gosterir. */

.zd-trial-color-control{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: calc((100% - 14px) / 2);
  gap: 8px;
}

.zd-trial-color-control .zd-trial-summary-type-select{
  width: 100%;
}

.zd-trial-color-control .zd-trial-summary-datetime{
  width: 100%;
}

.zd-trial-content-section-meta{
  font-size: 12px;
  color: #64748b;
  white-space: nowrap;
}

.zd-trial-content-section-body{
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 12px;
  background: #f8fafc;
  border: 1px solid #eef2f7;
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
  overflow: hidden;
}

.zd-trial-content-section:has(.zd-trial-notes-list) .zd-trial-content-section-body{
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  overflow: visible;
}

.zd-trial-content-section:has(.zd-trial-actions-trigger--open),
.zd-trial-content-section:has(.zd-trial-actions-trigger--open) .zd-trial-content-section-body,
.zd-trial-content-sections:has(.zd-trial-actions-trigger--open),
.zd-trial-notes-list:has(.zd-trial-actions-trigger--open){
  overflow: visible;
  position: relative;
  z-index: 40;
}

.zd-trial-notes-list{
  display: flex;
  flex-direction: column;
  gap: 0;
  min-width: 0;
  max-width: 100%;
}

.zd-trial-note-row{
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 10px 2px;
  min-width: 0;
  max-width: 100%;
  position: relative;
}

.zd-trial-note-row + .zd-trial-note-row{
  border-top: 1px solid #eef2f7;
}

.zd-trial-note-main{
  flex: 1;
  min-width: 0;
  max-width: 100%;
}

.zd-trial-note-text{
  margin: 0;
  font-size: 13px;
  line-height: 1.45;
  color: #0f172a;
  white-space: pre-wrap;
  word-break: break-word;
}

.zd-trial-note-time{
  display: block;
  margin-top: 4px;
  font-size: 11px;
  color: #94a3b8;
}

.zd-trial-note-input{
  display: block;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  min-height: 40px;
  max-height: none;
  overflow: hidden;
  resize: none;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 8px 10px;
  font: inherit;
  font-size: 13px;
  line-height: 1.45;
  color: #0f172a;
  background: #fff;
}

.zd-trial-note-input:focus{
  outline: none;
  border-color: var(--brand-primary-muted);
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.12);
}

.zd-trial-note-actions{
  display: inline-flex;
  align-items: center;
  gap: 2px;
  flex-shrink: 0;
  position: relative;
  z-index: 2;
}

.zd-trial-note-actions .zd-trial-actions-wrap,
.zd-trial-note-actions .lab-patient-actions-wrap{
  position: relative;
}

.zd-trial-note-actions .zd-trial-actions-menu,
.zd-trial-note-actions .lab-patient-actions-menu{
  right: 0;
  left: auto;
  z-index: 1400;
}

.zd-trial-note-row:has(.zd-trial-actions-trigger--open){
  z-index: 50;
  position: relative;
}

.zd-trial-note-icon-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: none;
  border-radius: 6px;
  background: transparent;
  color: #64748b;
  cursor: pointer;
}

.zd-trial-note-icon-btn:hover{
  background: #eef2f7;
  color: #0f172a;
}

.zd-trial-note-icon-btn--danger:hover{
  background: #fef2f2;
  color: #dc2626;
}

.zd-trial-note-icon-btn:disabled{
  opacity: 0.45;
  cursor: not-allowed;
}

.wo-multi-photo-field--simple{
  gap: 8px;
  min-width: 0;
  max-width: 100%;
}

.wo-photo-gallery--simple{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  min-width: 0;
  max-width: 100%;
}

.wo-photo-gallery--simple .wo-photo-gallery-item{
  position: relative;
  width: 72px;
  height: 72px;
  flex: 0 0 72px;
  overflow: hidden;
  border-radius: 10px;
}

.wo-photo-gallery--simple .wo-photo-thumb-btn{
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  border-radius: 10px;
}

.wo-photo-gallery--simple .wo-photo-gallery-item img,
.wo-photo-gallery--simple .wo-photo-gallery-item .clinic-trial-photo-thumb,
.wo-photo-gallery--simple .wo-photo-thumb-btn img{
  display: block;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: none !important;
  margin: 0;
  border-radius: 10px;
  object-fit: cover;
}

.wo-photo-gallery--simple .wo-photo-gallery-remove{
  top: 2px;
  right: 2px;
  width: 20px;
  height: 20px;
  font-size: 10px;
}

.zd-trial-entries{
  border-top: 1px solid #f0f4f8;
  padding: 8px 0 0;
}

.zd-trial-entries-head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}

.zd-trial-entries-label{
  font-size: 11px;
  font-weight: 700;
  color: #475569;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.zd-trial-entry-add{
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 12px;
  border: 1px dashed #c0d0de;
  border-radius: 8px;
  background: #fff;
  color: var(--brand-primary);
  font-size: 11px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.15s ease;
}

.zd-trial-entry-add:hover{
  background: #eff6ff;
  border-color: #93b8d8;
}

.zd-trial-entries-empty{
  font-size: 12px;
  color: #94a3b8;
  margin: 0;
}

.zd-trial-entries-error{
  margin: 0 0 8px;
  font-size: 12px;
  color: #dc2626;
}

.zd-trial-entry{
  background: #f8fafb;
  border: 1px solid #edf3f7;
  border-radius: 8px;
  padding: 8px 10px;
  margin-top: 6px;
  position: relative;
}

.zd-trial-entry:has(.zd-trial-actions-trigger--open){
  z-index: 20;
  overflow: visible;
}

.zd-trial-entries:has(.zd-trial-actions-trigger--open){
  overflow: visible;
}

.zd-trial-entry-head{
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 6px;
}

.zd-trial-entry-head .zd-trial-actions-wrap{
  margin-left: auto;
  flex-shrink: 0;
  position: relative;
  z-index: 21;
}

.zd-trial-entry-date{
  font-size: 10px;
  color: #94a3b8;
  flex: 1;
  min-width: 0;
}

.zd-trial-entry-num{
  font-size: 11px;
  font-weight: 700;
  color: var(--brand-primary);
}

.zd-trial-entry-input{
  width: 100%;
  padding: 6px 8px;
  border: 1px solid #e2ecf3;
  border-radius: 6px;
  font-size: 12px;
  color: #1a3a4a;
  background: #fff;
  resize: vertical;
  box-sizing: border-box;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.zd-trial-entry-input:focus{
  outline: none;
  border-color: var(--brand-primary);
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.08);
}

.zd-trial-entry-actions{
  display: flex;
  justify-content: flex-end;
  margin-top: 8px;
}

.zd-trial-entry-save-btn{
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 5px 12px;
  border: none;
  border-radius: 8px;
  background: linear-gradient(135deg, #16a34a, #15803d);
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(22, 163, 74, 0.22);
  transition: all 0.15s ease;
}

.zd-trial-entry-save-btn:hover:not(:disabled){
  background: linear-gradient(135deg, #15803d, #166534);
  box-shadow: 0 4px 14px rgba(22, 163, 74, 0.35);
  transform: translateY(-1px);
}

.zd-trial-entry-save-btn:disabled{
  opacity: 0.55;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}

.zd-trial-entry-readonly{
  margin: 0;
  font-size: 12px;
  line-height: 1.45;
  color: #1a3a4a;
  white-space: pre-wrap;
  word-break: break-word;
}

.zd-trial-body-wrap{
  display: grid;
  grid-template-rows: 1fr;
  transition:
    grid-template-rows 0.32s cubic-bezier(0.4, 0, 0.2, 1),
    opacity 0.28s ease;
  opacity: 1;
}

.zd-trial-body-wrap--collapsed{
  grid-template-rows: 0fr;
  opacity: 0;
  pointer-events: none;
  overflow: hidden;
  max-height: 0;
}

.zd-trial-body-wrap:not(.zd-trial-body-wrap--collapsed) .zd-trial-body:has(.zd-trial-actions-trigger--open){
  overflow: visible;
  position: relative;
  z-index: 35;
}

.zd-trial-body{
  overflow: hidden;
  min-height: 0;
}

.zd-trial-body-wrap:not(.zd-trial-body-wrap--collapsed) .zd-trial-body{
  overflow: visible;
  min-height: min-content;
}

.zd-trial-top{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
  padding-bottom: 0;
  cursor: pointer;
  user-select: none;
  border-radius: 8px;
  border-bottom: none;
  transition:
    margin-bottom 0.28s cubic-bezier(0.4, 0, 0.2, 1),
    padding-bottom 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}

.zd-trial-top--static{
  cursor: default;
  user-select: auto;
}

.zd-trial-chevron{
  margin-left: auto;
  font-size: 12px;
  color: #94a3b8;
  flex-shrink: 0;
  transition: transform 0.32s cubic-bezier(0.4, 0, 0.2, 1), color 0.15s ease;
}

.zd-trial-chevron--open{
  transform: rotate(180deg);
  color: #64748b;
}

@media (prefers-reduced-motion: reduce) {
  .zd-trial-body-wrap,
.zd-trial-top,
.zd-trial-chevron{
    transition: none;
  }
}

.zd-trial-title-row{
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  flex: 1;
}

.zd-trial-icon{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 8px;
  background: #f1f5f9;
  color: #64748b;
  flex-shrink: 0;
  transition:
    background-color 0.2s ease,
    color 0.2s ease;
}

.zd-trial-index-badge{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 14px;
  background: var(--brand-primary-soft);
  color: var(--brand-primary-selected-text);
  font-size: 13px;
  font-weight: 800;
  line-height: 1;
  flex-shrink: 0;
}

.zd-trial-index-badge--done{
  background: rgba(22, 163, 74, 0.14);
  color: #15803d;
}

.zd-trial-icon--done{
  background: #dcfce7;
  color: #16a34a;
}

.zd-trial-icon--done .bi{
  font-size: 15px;
}

.zd-trial-icon--active{
  background: #e0f2fe;
  color: #0284c7;
}

.zd-trial-icon--active .bi{
  font-size: 15px;
}

.zd-trial-title{
  font-size: 13px;
  font-weight: 800;
  color: #0f172a;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.zd-trial-title-row{
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  flex-wrap: nowrap;
}

.zd-trial-title-row .zd-trial-bitim-badge,
.zd-trial-title-row .zd-trial-origin-badge{
  margin-left: 0;
}

.zd-trial-top-main{
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  flex: 1;
}

.zd-trial-audit{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px 20px;
  flex-wrap: wrap;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #eef2f7;
  font-size: 11px;
  line-height: 1.35;
  color: #64748b;
}

.zd-trial-audit-item{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}

.zd-trial-audit-group{
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px 14px;
  min-width: 0;
}

.zd-trial-audit-group--completed{
  margin-left: auto;
  justify-content: flex-end;
  text-align: right;
}

.zd-trial-audit-item--who,
.zd-trial-audit-item--done-who{
  font-weight: 600;
  color: #475569;
}

.zd-trial-audit-item i{
  font-size: 13px;
  line-height: 1;
  color: #94a3b8;
  flex-shrink: 0;
}

.zd-trial-audit-item span{
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.theme-dark .zd-trial-audit{
  border-top-color: var(--rw-border, #2d2d2d);
  color: #94a3b8;
}

body.theme-dark .zd-trial-audit-item--who,
body.theme-dark .zd-trial-audit-item--done-who{
  color: #cbd5e1;
}

body.theme-dark .zd-trial-audit-item i{
  color: #64748b;
}

/* Drawer'a ozel light kurallari (satir 418/427) ozgulluk olarak yukaridaki dark
   kurallarini yeniyor; aksi halde isim/tarih koyu zeminde #475569 kaliyor. */

body.theme-dark .clinic-wo-drawer--zd .zd-drawer-section--trials .zd-trial-audit,
body.theme-dark .clinic-wo-drawer--zd .zd-drawer-section--trials .zd-trial-audit-item{
  color: #94a3b8;
}

body.theme-dark .clinic-wo-drawer--zd .zd-drawer-section--trials .zd-trial-audit-item--who,
body.theme-dark .clinic-wo-drawer--zd .zd-drawer-section--trials .zd-trial-audit-item--done-who{
  color: #cbd5e1;
}

body.theme-dark .clinic-wo-drawer--zd .zd-drawer-section--trials .zd-trial-audit-item i{
  color: #64748b;
}

.zd-trial-top-right{
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin-left: 4px;
  padding-left: 12px;
  border-left: 1px solid #e2e8f0;
}

body.theme-dark .zd-trial-top-right,
body.theme-dark .clinic-wo-drawer--zd .zd-trial-top-right,
body.theme-dark .wo-workflow-unit-card .zd-trial-top-right{
  border-left-color: var(--rw-border, #2d2d2d);
}

.zd-binary-pills{
  display: inline-flex;
  align-items: stretch;
  border-radius: 999px;
  background: #f1f5f9;
  padding: 3px;
  gap: 2px;
}

.zd-binary-pills--readonly .zd-pill{
  cursor: default;
  pointer-events: none;
}

.zd-binary-pills--readonly .zd-pill:hover{
  color: #64748b;
}

.zd-binary-pills--readonly .zd-pill--selected:hover{
  color: #0f172a;
}

.zd-trial-complete-row{
  display: flex;
  justify-content: flex-end;
  padding: 6px 0 0;
  border-top: 1px solid #f0f4f8;
}

.zd-trial-actions-row{
  display: flex;
  align-items: stretch;
  gap: 6px;
  margin-top: 10px;
  padding-top: 8px;
  border-top: 1px solid #f0f4f8;
  position: relative;
  z-index: 1;
}

.zd-trial-waiting-hint{
  margin: 0;
  width: 100%;
  font-size: 12px;
  line-height: 1.4;
  color: #64748b;
  text-align: left;
}

.zd-trial-complete-row--dual{
  gap: 8px;
}

.zd-trial-repeat-btn{
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 6px 14px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #fff;
  color: #475569;
  font-size: 11px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.15s ease;
}

.zd-trial-repeat-btn:hover{
  border-color: #cbd5e1;
  background: #f8fafc;
  color: #0f172a;
}

.zd-trial-complete-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  flex: 1 1 0;
  min-width: 0;
  min-height: 36px;
  padding: 6px 12px;
  border: none;
  border-radius: 8px;
  background: #16a34a;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
  transition: filter 0.15s ease, opacity 0.15s ease;
}

.zd-trial-complete-btn:hover:not(:disabled){
  filter: brightness(0.96);
}

.zd-trial-complete-btn:disabled{
  opacity: 0.65;
  cursor: wait;
}

.zd-trial-send-lab-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  flex: 1 1 0;
  min-width: 0;
  min-height: 36px;
  padding: 6px 12px;
  border: none;
  border-radius: 8px;
  background: var(--brand-primary);
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
  transition: filter 0.15s ease, opacity 0.15s ease;
}

.zd-trial-send-lab-btn:hover:not(:disabled){
  filter: brightness(0.96);
}

.zd-trial-send-lab-btn:disabled{
  opacity: 0.65;
  cursor: wait;
}

.zd-trial-delivered-btn{
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 6px 16px;
  border: none;
  border-radius: 8px;
  background: linear-gradient(135deg, #16a34a, #15803d);
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(22, 163, 74, 0.22);
  transition: all 0.15s ease;
}

.zd-trial-delivered-btn:hover{
  background: linear-gradient(135deg, #15803d, #166534);
  box-shadow: 0 4px 14px rgba(22, 163, 74, 0.35);
  transform: translateY(-1px);
}

.zd-trial-undo-complete-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  flex: 1 1 0;
  min-width: 0;
  min-height: 36px;
  padding: 6px 12px;
  border: none;
  border-radius: 8px;
  background: #eaf2ff;
  color: var(--brand-primary);
  font-size: 11px;
  font-weight: 600;
  cursor: pointer;
  transition: filter 0.15s ease, opacity 0.15s ease;
}

.zd-trial-undo-complete-btn:hover:not(:disabled){
  filter: brightness(0.97);
}

.zd-trial-undo-complete-btn:disabled{
  opacity: 0.65;
  cursor: wait;
}

.zd-pill{
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 5px 10px;
  border: 0;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 600;
  color: #64748b;
  background: transparent;
  cursor: pointer;
  transition:
    background 0.15s ease,
    color 0.15s ease;
}

.zd-pill .bi{
  font-size: 11px;
}

.zd-pill:hover{
  color: #0f172a;
}

.zd-pill--selected{
  background: #fff;
  color: #0f172a;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.08);
}

.zd-trial-remove{
  width: 28px;
  height: 28px;
  border-radius: 8px;
  border: 1px solid #fecaca;
  background: #fff;
  color: #dc2626;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  transition:
    background 0.15s ease,
    border-color 0.15s ease;
}

.zd-trial-remove:hover,
.zd-trial-remove--open{
  background: #fef2f2;
  border-color: #f87171;
}

.zd-trial-remove-wrap{
  position: relative;
  display: inline-flex;
  z-index: 3;
}

.zd-trial-remove-wrap:has(.zd-trial-remove--open){
  z-index: 20;
}

.zd-trial-remove-pop{
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  z-index: 1400;
  min-width: 268px;
  background: transparent;
  border: none;
  box-shadow: none;
  padding: 0;
}

.lab-patient-actions-menu.zd-trial-actions-menu--confirm{
  min-width: 268px;
  padding: 0;
  background: transparent;
  border: none;
  box-shadow: none;
}

.zd-send-lab-confirm{
  width: 100%;
  min-width: 0;
}

.zd-inline-confirm{
  display: flex;
  align-items: flex-start;
  gap: 10px;
  width: 100%;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid #e8eef4;
  background: #fff;
  box-shadow:
    0 1px 2px rgba(15, 23, 42, 0.04),
    0 10px 28px rgba(15, 23, 42, 0.08);
}

.zd-inline-confirm--primary{
  border-color: #dbeafe;
  background: #f8fbff;
}

.zd-inline-confirm--danger{
  border-color: #fecaca;
  background: #fffafb;
}

.zd-inline-confirm-icon{
  width: 28px;
  height: 28px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 13px;
}

.zd-inline-confirm--primary .zd-inline-confirm-icon{
  background: var(--brand-ring);
  color: var(--brand-primary-deep);
}

.zd-inline-confirm--danger .zd-inline-confirm-icon{
  background: var(--status-danger-soft);
  color: var(--status-danger);
}

.zd-inline-confirm-body{
  flex: 1 1 auto;
  min-width: 0;
}

.zd-inline-confirm-title{
  margin: 0;
  font-size: 13px;
  font-weight: 600;
  color: #0f172a;
  line-height: 1.35;
}

.zd-inline-confirm-hint{
  margin: 4px 0 0;
  font-size: 12px;
  font-weight: 400;
  color: #64748b;
  line-height: 1.4;
}

.zd-inline-confirm-actions{
  display: flex;
  justify-content: flex-end;
  gap: 6px;
  margin-top: 10px;
}

.zd-inline-confirm-btn{
  min-height: 32px;
  padding: 6px 12px;
  border-radius: 8px;
  font-family: inherit;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, opacity 0.15s ease;
}

.zd-inline-confirm-btn--ghost{
  border: 1px solid #e2e8f0;
  background: #fff;
  color: #475569;
}

.zd-inline-confirm-btn--ghost:hover:not(:disabled){
  background: #f8fafc;
  border-color: #cbd5e1;
}

.zd-inline-confirm-btn--primary{
  border: 1px solid transparent;
  background: var(--brand-primary);
  color: #fff;
}

.zd-inline-confirm-btn--primary:hover:not(:disabled){
  background: var(--brand-primary-hover);
}

.zd-inline-confirm-btn--danger{
  border: 1px solid transparent;
  background: var(--status-danger);
  color: #fff;
}

.zd-inline-confirm-btn--danger:hover:not(:disabled){
  background: #b91c1c;
}

.zd-inline-confirm-btn:disabled{
  opacity: 0.55;
  cursor: wait;
}

.zd-drawer-footer-start .zd-send-lab-confirm{
  min-width: min(340px, 100%);
}

.zd-trial-card:has(.zd-send-lab-confirm){
  position: relative;
  z-index: 8;
}

.zd-trial-actions-wrap{
  z-index: 2;
}

.zd-trial-status-select{
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: #64748b;
  font-size: 11px;
  font-weight: 600;
}

.zd-trial-status-select select{
  min-height: 28px;
  padding: 3px 24px 3px 8px;
  border: 1px solid #d7e2ec;
  border-radius: 8px;
  background: #fff;
  color: #334155;
  font: inherit;
}

.zd-trial-status-select select:disabled{
  opacity: .6;
}

.zd-trial-stage-advance{
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 5px 10px;
  border: 1px solid #cfe0f2;
  border-radius: 8px;
  background: #f8fbff;
  color: #2563a8;
  font: inherit;
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
  cursor: pointer;
  transition: background .16s ease, border-color .16s ease, color .16s ease, transform .16s ease;
}

.zd-trial-stage-advance:hover:not(:disabled){
  background: #eaf4ff;
  border-color: var(--brand-primary-muted);
  color: #1d4f8c;
}

.zd-trial-stage-advance:active:not(:disabled){
  transform: translateY(1px);
}

.zd-trial-stage-advance:disabled{
  cursor: wait;
  opacity: .65;
}

.zd-trial-status-transition{
  display: flex;
  align-items: center;
  flex: 1 1 0;
  width: auto;
  min-width: 0;
  min-height: 36px;
  gap: 8px;
  margin: 0;
  padding: 6px 10px;
  border: none;
  border-radius: 8px;
  background: var(--brand-primary-light);
  color: #fff;
  text-align: left;
  cursor: pointer;
  transition: filter .16s ease, opacity .16s ease;
}

.zd-trial-status-transition:hover:not(:disabled){
  filter: brightness(.96);
}

.zd-trial-status-transition:active:not(:disabled){
  filter: brightness(.94);
}

.zd-trial-status-transition:disabled{
  cursor: wait;
  opacity: .7;
}

.zd-trial-status-transition-icon{
  width: 22px;
  height: 22px;
  flex: 0 0 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  background: rgba(255, 255, 255, .18);
  font-size: 12px;
}

.zd-trial-status-transition-copy{
  min-width: 0;
  display: grid;
  gap: 1px;
}

.zd-trial-status-transition-cta{
  margin-left: auto;
  padding-left: 4px;
  font-size: 15px;
  color: rgba(255, 255, 255, .92);
}

.zd-trial-status-transition-copy strong{
  font-size: 11px;
  line-height: 1.15;
  font-weight: 800;
}

.zd-trial-status-transition-copy small{
  color: rgba(255, 255, 255, .84);
  font-size: 9px;
  font-weight: 600;
}

.zd-trial-status-transition--production{ background: #64748b; }

.zd-trial-status-transition--delivery{ background: #d97706; }

.zd-trial-status-transition--trial{ background: #7c3aed; }

.zd-trial-status-transition--repeat{
  background: #eaf2ff;
  color: var(--brand-primary);
}

.zd-trial-status-transition--repeat .zd-trial-status-transition-icon{
  background: rgba(37, 99, 235, 0.12);
  color: var(--brand-primary);
}

.zd-trial-status-transition--repeat .zd-trial-status-transition-copy strong{
  color: var(--brand-primary);
  opacity: 0.85;
}

.zd-trial-status-transition--repeat .zd-trial-status-transition-copy small{
  color: var(--brand-primary);
  opacity: 0.55;
}

@media (max-width: 520px) {
  .zd-trial-status-transition{
    padding: 6px 8px;
    border-radius: 8px;
  }

  .zd-trial-status-transition-icon{
    width: 22px;
    height: 22px;
    flex-basis: 22px;
    border-radius: 6px;
    font-size: 12px;
  }
}

.zd-trial-stage-advance--production{
  border-color: #cbd5e1;
  background: #f8fafc;
  color: #475569;
}

.zd-trial-stage-advance--production:hover:not(:disabled){
  border-color: #94a3b8;
  background: #f1f5f9;
  color: #334155;
}

.zd-trial-stage-advance--delivery{
  border-color: #fde68a;
  background: #fffbeb;
  color: #b45309;
}

.zd-trial-stage-advance--delivery:hover:not(:disabled){
  border-color: #fbbf24;
  background: #fef3c7;
  color: #92400e;
}

.zd-trial-stage-advance--trial{
  border-color: #ddd6fe;
  background: #f5f3ff;
  color: #6d28d9;
}

.zd-trial-stage-advance--trial:hover:not(:disabled){
  border-color: #a78bfa;
  background: #ede9fe;
  color: #5b21b6;
}

.zd-trial-card:has(.zd-trial-actions-trigger--open){
  position: relative;
  z-index: 30;
  overflow: visible;
}

.zd-trial-actions-trigger{
  width: 28px;
  height: 28px;
  border: 1px solid transparent;
  border-radius: 8px;
  background: transparent;
  color: #64748b;
}

.zd-trial-actions-trigger:hover{
  background: transparent;
  color: #64748b;
  border-color: transparent;
}

.lab-patient-actions-trigger.zd-trial-actions-trigger:hover{
  background: transparent;
  color: #64748b;
  border-color: transparent;
}

.zd-trial-actions-trigger--open{
  background: #f1f5f9;
  color: #0f172a;
  border-color: #e2e8f0;
}

body.theme-dark .zd-trial-card,
body.theme-dark .wo-workflow-unit-card.zd-trial-card,
body.theme-dark .wo-workflow-page .zd-trial-card{
  /* Light'ta beyaz kart gri zeminde yuzer; dark'ta da kart zeminden (#18181b)
     ayrissin diye biraz kaldirilmis yuzey + belirgin kenarlik. */
  background: #202024 !important;
  border-color: #323238 !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4) !important;
}

body.theme-dark .zd-trial-card--done,
body.theme-dark .wo-workflow-unit-card.zd-trial-card--done{
  /* Tamamlanan: biraz daha sonuk yuzey (light'taki #f8fafc mantigi). */
  background: #1b1b1f !important;
  border-color: #2c2c31 !important;
}

/* Sol accent: genel border-color !important onu grilestirmesin diye
   light'taki renklerle (yesil onayli / mavi klinik) geri veriyoruz. */

body.theme-dark .zd-trial-card--confirmed{
  border-left-color: #16a34a !important;
}

body.theme-dark .zd-trial-card--clinic-readonly{
  border-left-color: var(--brand-primary, #3b82f6) !important;
  background: #1b1b1f !important;
}

body.theme-dark .clinic-wo-drawer--zd .zd-trials-card{
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

body.theme-dark .zd-trial-actions-trigger:hover,
body.theme-dark .lab-patient-actions-trigger.zd-trial-actions-trigger:hover{
  background: transparent !important;
  color: #a1a1aa !important;
  border-color: transparent !important;
}

body.theme-dark .zd-trial-actions-trigger--open,
body.theme-dark .lab-patient-actions-trigger.zd-trial-actions-trigger--open{
  background: #27272a !important;
  color: #fafafa !important;
  border-color: #3f3f46 !important;
}

body.theme-dark .zd-binary-pills{
  background: #27272a;
}

body.theme-dark .zd-pill{
  background: transparent;
  color: #a1a1aa;
  box-shadow: none;
}

body.theme-dark .zd-pill--selected{
  background: #18181B;
  color: #fafafa;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
}

body.theme-dark .zd-binary-pills--readonly .zd-pill:hover{
  color: #a1a1aa;
}

body.theme-dark .zd-binary-pills--readonly .zd-pill--selected:hover{
  color: #fafafa;
}

/* Is emri drawer > Prova bolumu (dark) renk uyumu */

body.theme-dark .clinic-wo-drawer--zd .wo-trials-clinic-hint{
  background: rgba(59, 130, 246, 0.12);
  color: #cbeaff !important;
}

body.theme-dark .clinic-wo-drawer--zd .zd-drawer-hint{
  background: transparent;
  color: #e4e4e7 !important;
}

/* Light'ta karttaki `border: 1px !important` sol accent'i zaten bastiriyor;
   dark'ta theme-relatewise 3px yesili !important ile geri getiriyor.
   Drawer icinde light ile ayni gorunum icin 1px'e cekiyoruz. */

body.theme-dark .clinic-wo-drawer--zd .zd-trial-card--confirmed,
body.theme-dark .clinic-wo-drawer--zd .zd-trial-card--clinic-readonly{
  border-left: 1px solid var(--rw-border, #2d2d2d) !important;
}

/* clinic-theme / lab-theme / theme-relatewise basligi maviye cekiyor;
   light'taki notr (#0f172a) mantigi icin drawer'da govde rengine sabitliyoruz. */

body.theme-dark .clinic-wo-drawer--zd .zd-drawer-section--trials .zd-trial-title{
  color: var(--rw-text-strong, #f1f5f9) !important;
}

body.theme-dark .clinic-wo-drawer--zd .zd-trial-index-badge{
  background: #1f2937;
  color: #5eb3e4;
}

body.theme-dark .clinic-wo-drawer--zd .zd-trial-index-badge--done{
  background: rgba(22, 163, 74, 0.18);
  color: #86efac;
}

body.theme-dark .clinic-wo-drawer--zd .zd-trial-origin-badge{
  background: rgba(59, 130, 246, 0.16);
  border-color: rgba(59, 130, 246, 0.42);
  color: #cbeaff;
}

body.theme-dark .zd-trial-bitim-badge,
body.theme-dark .clinic-wo-drawer--zd .zd-trial-bitim-badge{
  background: #2a2143;
  color: #c4b5fd;
}

body.theme-dark .clinic-wo-drawer--zd .zd-trial-summary-top-card{
  background: transparent;
}

body.theme-dark .clinic-wo-drawer--zd .zd-trial-summary-top-divider{
  background: var(--rw-border, #2d2d2d);
}

body.theme-dark .clinic-wo-drawer--zd .zd-trial-summary-info-icon{
  background: rgba(59, 130, 246, 0.16);
  color: #5eb3e4;
}

body.theme-dark .clinic-wo-drawer--zd .zd-trial-summary-info-label,
body.theme-dark .clinic-wo-drawer--zd .zd-trial-summary-datetime-label{
  color: var(--rw-text-muted, #aaaaaa);
}

body.theme-dark .clinic-wo-drawer--zd .zd-trial-summary-info-value{
  color: var(--rw-text-strong, #f1f5f9);
}

body.theme-dark .clinic-wo-drawer--zd .zd-trial-summary-info-value--placeholder{
  color: #71717a;
}

/* Prova ekle secim acilir listeleri (dark) */

body.theme-dark .clinic-wo-drawer--zd .zd-trial-summary-native-control,
body.theme-dark .wo-panel--modal .zd-trial-summary-native-control{
  color: var(--rw-text-strong, #f1f5f9) !important;
}

body.theme-dark .clinic-wo-drawer--zd .zd-trial-summary-native-control option,
body.theme-dark .wo-panel--modal .zd-trial-summary-native-control option{
  background: #1f2228 !important;
  color: #f1f5f9 !important;
}

body.theme-dark .clinic-wo-drawer--zd .zd-trial-summary-native-control:focus,
body.theme-dark .wo-panel--modal .zd-trial-summary-native-control:focus{
  outline: none;
}

/* Prova ekle icerik kartlari/inputlari (dark) */

body.theme-dark .clinic-wo-drawer--zd .zd-trial-content-section-body,
body.theme-dark .wo-panel--modal .zd-trial-content-section-body,
body.theme-dark .zd-trial-content-section-body{
  background: var(--rw-surface-elevated, #27272a);
  border-color: var(--rw-border, #2d2d2d);
  box-shadow: none !important;
}

body.theme-dark .clinic-wo-drawer--zd .zd-trial-note-input,
body.theme-dark .wo-panel--modal .zd-trial-note-input,
body.theme-dark .zd-trial-note-input{
  background: var(--rw-surface, #18181b);
  border-color: var(--rw-border, #2d2d2d);
  color: var(--rw-text-strong, #f1f5f9);
  box-shadow: none !important;
}

body.theme-dark .clinic-wo-drawer--zd .zd-trial-note-input::placeholder,
body.theme-dark .wo-panel--modal .zd-trial-note-input::placeholder{
  color: var(--rw-text-muted, #aaaaaa);
}

body.theme-dark .clinic-wo-drawer--zd .zd-trial-note-input:focus,
body.theme-dark .wo-panel--modal .zd-trial-note-input:focus,
body.theme-dark .zd-trial-note-input:focus{
  border-color: rgba(59, 130, 246, 0.5);
  box-shadow: none !important;
}

body.theme-dark .zd-trial-summary-info-row,
body.theme-dark .zd-trial-summary-top-card,
body.theme-dark .zd-trial-summary-top-slot,
body.theme-dark .zd-trial-summary-datetime,
body.theme-dark .zd-trial-summary-type,
body.theme-dark .zd-trial-content-section,
body.theme-dark .wo-multi-photo-field--simple,
body.theme-dark .zd-trial-card .wo-photo-gallery-item,
body.theme-dark .zd-trial-card .wo-photo-thumb-btn{
  box-shadow: none !important;
}

body.theme-dark .zd-trial-card .zd-pill--selected,
body.theme-dark .clinic-wo-drawer--zd .zd-pill--selected,
body.theme-dark .wo-panel--modal .zd-pill--selected{
  box-shadow: none !important;
}

body.theme-dark .clinic-wo-drawer--zd .zd-trial-entries-empty,
body.theme-dark .wo-panel--modal .zd-trial-entries-empty{
  color: var(--rw-text-muted, #aaaaaa);
}

/* Prova icerik bolumleri / notlar / aksiyonlar (dark) */

body.theme-dark .clinic-wo-drawer--zd .zd-trial-content-section-title,
body.theme-dark .wo-panel--modal .zd-trial-content-section-title,
body.theme-dark .zd-trial-content-section-title{
  color: var(--rw-text-muted, #aaaaaa);
}

body.theme-dark .clinic-wo-drawer--zd .zd-trial-content-section-action,
body.theme-dark .wo-panel--modal .zd-trial-content-section-action,
body.theme-dark .zd-trial-content-section-action{
  color: #5eb3e4;
}

body.theme-dark .clinic-wo-drawer--zd .zd-trial-content-section-action:hover,
body.theme-dark .wo-panel--modal .zd-trial-content-section-action:hover,
body.theme-dark .zd-trial-content-section-action:hover{
  color: #7dd3fc;
}

body.theme-dark .clinic-wo-drawer--zd .zd-trial-note-row + .zd-trial-note-row,
body.theme-dark .wo-panel--modal .zd-trial-note-row + .zd-trial-note-row,
body.theme-dark .zd-trial-note-row + .zd-trial-note-row{
  border-top-color: var(--rw-border, #2d2d2d);
}

body.theme-dark .clinic-wo-drawer--zd .zd-trial-note-icon-btn,
body.theme-dark .wo-panel--modal .zd-trial-note-icon-btn,
body.theme-dark .zd-trial-note-icon-btn{
  color: #a1a1aa;
}

body.theme-dark .clinic-wo-drawer--zd .zd-trial-note-icon-btn:hover,
body.theme-dark .wo-panel--modal .zd-trial-note-icon-btn:hover,
body.theme-dark .zd-trial-note-icon-btn:hover{
  background: #27272a;
  color: #fafafa;
}

body.theme-dark .clinic-wo-drawer--zd .zd-trial-note-icon-btn--danger:hover,
body.theme-dark .wo-panel--modal .zd-trial-note-icon-btn--danger:hover,
body.theme-dark .zd-trial-note-icon-btn--danger:hover{
  background: rgba(248, 113, 113, 0.12);
  color: #f87171;
}

body.theme-dark .clinic-wo-drawer--zd .zd-trial-waiting-hint,
body.theme-dark .zd-trial-waiting-hint{
  color: var(--rw-text-muted, #aaaaaa);
}

body.theme-dark .clinic-wo-drawer--zd .zd-trial-confirm-row,
body.theme-dark .clinic-wo-drawer--zd .zd-trial-complete-row,
body.theme-dark .clinic-wo-drawer--zd .zd-trial-actions-row{
  border-top-color: var(--rw-border, #2d2d2d);
}

body.theme-dark .clinic-wo-drawer--zd .zd-trial-actions-trigger,
body.theme-dark .clinic-wo-drawer--zd .lab-patient-actions-trigger.zd-trial-actions-trigger,
body.theme-dark .zd-trial-actions-trigger{
  color: #a1a1aa;
  background: transparent;
  border-color: transparent;
}

body.theme-dark .clinic-wo-drawer--zd .zd-trial-status-select span,
body.theme-dark .zd-trial-status-select span{
  color: var(--rw-text-muted, #aaaaaa);
}

body.theme-dark .clinic-wo-drawer--zd .zd-trial-status-select select,
body.theme-dark .zd-trial-status-select select{
  background: var(--rw-surface, #18181b);
  border-color: var(--rw-border, #2d2d2d);
  color: var(--rw-text-strong, #f1f5f9);
}

/* Prova durum pill (light override’lari dark’ta ez) */

body.theme-dark .zd-trial-status-pill.lab-patient-status-pill--created{
  background: #173041;
  color: #7dd3fc;
  border-color: rgba(125, 211, 252, 0.35);
}

body.theme-dark .zd-trial-status-pill.lab-patient-status-pill--active{
  background: #27272a;
  color: #a1a1aa;
  border-color: #3f3f46;
}

body.theme-dark .zd-trial-status-pill.lab-patient-status-pill--delivery{
  background: #3b2f14;
  color: #fcd34d;
  border-color: rgba(252, 211, 77, 0.35);
}

body.theme-dark .zd-trial-status-pill.lab-patient-status-pill--trial{
  background: #2e2143;
  color: #c4b5fd;
  border-color: rgba(196, 181, 253, 0.35);
}

body.theme-dark .zd-trial-status-pill.lab-patient-status-pill--completed{
  background: #173626;
  color: #86efac;
  border-color: #166534;
}

/* Prova ekle (Yeni Is Emri modal) — Provalar bolumu dark */

body.theme-dark .wo-panel--modal .wo-trials-clinic-hint{
  background: rgba(59, 130, 246, 0.12) !important;
  color: var(--rw-text-muted, #aaaaaa) !important;
}

body.theme-dark .wo-panel--modal .wo-trials-empty{
  background: var(--rw-surface-elevated, #27272a) !important;
  border-color: var(--rw-border, #2d2d2d) !important;
  color: var(--rw-text-muted, #aaaaaa) !important;
}

/* Modal prova kartlari = is emri drawer (zd-trial) temasi */

body.theme-dark .wo-panel--modal .zd-trial-card,
body.theme-dark .wo-panel--modal .wo-trial-card,
body.theme-dark .wo-panel--modal .zd-trial-card--clinic-readonly{
  background: #18181B !important;
  border-color: #27272a !important;
  box-shadow: none !important;
}

body.theme-dark .wo-panel--modal .zd-trial-top,
body.theme-dark .wo-panel--modal .wo-trial-header{
  border-bottom-color: #27272a !important;
}

body.theme-dark .wo-panel--modal .zd-trial-title,
body.theme-dark .wo-panel--modal .wo-trial-number{
  color: #5eb3e4 !important;
}

body.theme-dark .wo-panel--modal .zd-trial-index-badge{
  background: #1f2937 !important;
  color: #5eb3e4 !important;
}

body.theme-dark .wo-panel--modal .zd-trial-origin-badge{
  background: rgba(59, 130, 246, 0.16) !important;
  border-color: rgba(59, 130, 246, 0.42) !important;
  color: #cbeaff !important;
}

body.theme-dark .wo-panel--modal .zd-trial-remove,
body.theme-dark .wo-panel--modal .wo-trial-remove{
  background: #27272a !important;
  border-color: #3f3f46 !important;
  color: #f87171 !important;
}

body.theme-dark .wo-panel--modal .zd-trial-remove:hover:not(:disabled),
body.theme-dark .wo-panel--modal .wo-trial-remove:hover:not(:disabled){
  background: #3f3f46 !important;
  border-color: #52525b !important;
  color: #fca5a5 !important;
}

body.theme-dark .wo-panel--modal .wo-add-trial-btn{
  border-color: var(--rw-border-soft, #3f3f46) !important;
  background: transparent !important;
  color: #5eb3e4 !important;
}

body.theme-dark .wo-panel--modal .wo-add-trial-btn:hover{
  border-color: rgba(59, 130, 246, 0.55) !important;
  background: rgba(59, 130, 246, 0.12) !important;
  color: #7dd3fc !important;
}

body.theme-dark .wo-panel--modal .zd-trial-summary-top-card{
  background: transparent !important;
}

body.theme-dark .wo-panel--modal .zd-trial-summary-top-divider{
  background: var(--rw-border, #2d2d2d) !important;
}

body.theme-dark .wo-panel--modal .zd-trial-summary-info-icon{
  background: rgba(59, 130, 246, 0.16) !important;
  color: #5eb3e4 !important;
}

body.theme-dark .wo-panel--modal .zd-trial-summary-datetime-label,
body.theme-dark .wo-panel--modal .zd-trial-summary-datetime-label,
body.theme-dark .wo-panel--modal .zd-trial-summary-info-label,
body.theme-dark .wo-panel--modal .zd-trial-content-section-title,
body.theme-dark .wo-panel--modal .zd-trial-content-section-meta,
body.theme-dark .wo-panel--modal .zd-trial-note-time{
  color: var(--rw-text-muted, #aaaaaa) !important;
}

body.theme-dark .wo-panel--modal .zd-trial-summary-info-value,
body.theme-dark .wo-panel--modal .zd-trial-note-text,
body.theme-dark .wo-panel--modal .zd-trial-entry-readonly,
body.theme-dark .wo-panel--modal .zd-trial-readonly-value,
body.theme-dark .wo-panel--modal .wo-trial-readonly-dl dd{
  color: #f1f5f9 !important;
}

body.theme-dark .wo-panel--modal .zd-trial-summary-info-value--placeholder{
  color: var(--rw-text-muted, #aaaaaa) !important;
}

body.theme-dark .wo-panel--modal .wo-trial-readonly-dl dt{
  color: var(--rw-text-muted, #aaaaaa) !important;
}

/* ===== Detay drawer (clinic-wo-drawer--zd) PROVA bolumu — dark tema =====
   Bu drawer .wo-panel--modal degil; light renkler (#0f172a) dark'ta koyu ustune
   koyu kaliyordu. Ayni degerleri projeye uygun acik tonlara cekiyoruz. */

body.theme-dark .clinic-wo-drawer--zd .zd-drawer-section--trials .zd-trial-summary-info-value,
body.theme-dark .clinic-wo-drawer--zd .zd-drawer-section--trials .zd-trial-summary-value,
body.theme-dark .clinic-wo-drawer--zd .zd-drawer-section--trials .zd-trial-note-text,
body.theme-dark .clinic-wo-drawer--zd .zd-drawer-section--trials .zd-trial-note-input,
body.theme-dark .clinic-wo-drawer--zd .zd-drawer-section--trials .zd-trial-entry-readonly,
body.theme-dark .clinic-wo-drawer--zd .zd-drawer-section--trials .zd-trial-readonly-value,
body.theme-dark .clinic-wo-drawer--zd .zd-drawer-section--trials .zd-trial-entry-input{
  color: #e8edf3;
}

/* Ikincil / yer tutucu / zaman damgasi: soluk gri */

body.theme-dark .clinic-wo-drawer--zd .zd-drawer-section--trials .zd-trial-summary-info-value--placeholder,
body.theme-dark .clinic-wo-drawer--zd .zd-drawer-section--trials .zd-trial-note-time,
body.theme-dark .clinic-wo-drawer--zd .zd-drawer-section--trials .zd-trial-entries-empty{
  color: #9aa3ad;
}

body.theme-dark .wo-panel--modal .zd-trial-summary-native-control{
  color-scheme: dark;
}

body.theme-dark .wo-panel--modal .zd-trial-content-section-body{
  background: var(--rw-surface-elevated, #27272a) !important;
  border-color: var(--rw-border, #2d2d2d) !important;
  box-shadow: none !important;
}

/* Notlar: drawer gibi liste + seffaf govde; kutu sadece textarea */

body.theme-dark .wo-panel--modal .zd-trial-content-section:has(.zd-trial-notes-list) .zd-trial-content-section-body{
  background: transparent !important;
  border-color: transparent !important;
}

body.theme-dark .wo-panel--modal .zd-trial-content-section-icon{
  background: rgba(59, 130, 246, 0.16) !important;
  color: #5eb3e4 !important;
}

body.theme-dark .wo-panel--modal .zd-trial-content-section-action{
  color: #5eb3e4 !important;
}

body.theme-dark .wo-panel--modal .zd-trial-content-section-action:hover{
  color: #7dd3fc !important;
}

body.theme-dark .wo-panel--modal .zd-trial-note-input{
  background: var(--rw-surface, #18181b) !important;
  border-color: var(--rw-border, #2d2d2d) !important;
  color: #f1f5f9 !important;
}

body.theme-dark .wo-panel--modal .zd-trial-note-input::placeholder{
  color: var(--rw-text-muted, #aaaaaa) !important;
}

body.theme-dark .wo-panel--modal .zd-trial-note-input:focus{
  background: var(--rw-surface, #18181b) !important;
  border-color: rgba(59, 130, 246, 0.5) !important;
  box-shadow: none !important;
}

body.theme-dark .wo-panel--modal .zd-trial-entries-empty,
body.theme-dark .wo-panel--modal .wo-trial-photo-name{
  color: var(--rw-text-muted, #aaaaaa) !important;
}

/* Yeni Is Emri kutularinda acilir veri listesi (portal menu) */

body.theme-dark #wo-option-select-portal-root .wo-option-select-menu--portal,
body.theme-dark #wo-option-select-portal-root .wo-option-select-menu{
  background: #18181b;
  border: 1px solid #2d2d2d;
  border-radius: 8px;
  box-shadow:
    0 4px 6px rgba(0, 0, 0, 0.25),
    0 16px 32px rgba(0, 0, 0, 0.35);
  padding: 6px;
}

body.theme-dark #wo-option-select-portal-root .wo-option-select-menu--portal::-webkit-scrollbar-thumb{
  background: #3f3f46;
}

body.theme-dark #wo-option-select-portal-root .wo-option-select-item{
  color: #f4f4f5;
  border-radius: 6px;
}

body.theme-dark #wo-option-select-portal-root .wo-option-select-item:hover,
body.theme-dark #wo-option-select-portal-root .wo-option-select-item--highlighted{
  background: #27272a;
  color: #fafafa;
}

body.theme-dark #wo-option-select-portal-root .wo-option-select-item--active,
body.theme-dark #wo-option-select-portal-root .wo-option-select-item--active:hover,
body.theme-dark #wo-option-select-portal-root .wo-option-select-item--active.wo-option-select-item--highlighted{
  background: #2f2f35;
  color: #fafafa;
}

body.theme-dark #wo-option-select-portal-root .wo-option-select-item--active span,
body.theme-dark #wo-option-select-portal-root .wo-option-select-item .bi-check2{
  color: #fafafa;
}

body.theme-dark .clinic-wo-drawer--zd .zd-drawer-nav-btn--active,
body.theme-dark .clinic-wo-drawer--zd .zd-drawer-nav-btn:focus-visible{
  background: var(--brand-primary-soft);
  border-color: rgba(37, 99, 235, 0.55);
  box-shadow: 0 0 0 1px rgba(37, 99, 235, 0.2);
}

.zd-trial-actions-menu{
  z-index: 1400;
}

.zd-trial-fields.tech-form-grid{
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 10px;
}

.zd-trial-card .tech-field{
  gap: 4px;
  font-size: 11px;
  font-weight: 600;
}

.zd-trial-fields .tech-field.zd-field:not(.tech-field--full){
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
}

.zd-trial-fields .tech-field.zd-field:not(.tech-field--full) select,
.zd-trial-fields .tech-field.zd-field:not(.tech-field--full) input:not([type='file']){
  flex: 1 1 auto;
  min-width: 0;
}

.zd-trial-fields--readonly .zd-trial-photo-grid{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.zd-trial-readonly-value{
  display: block;
  width: 100%;
  box-sizing: border-box;
  border: none;
  background: transparent;
  color: #1a3a4a;
  padding: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.45;
}

.zd-trial-fields--readonly .tech-field.zd-field:not(.tech-field--full) .zd-trial-readonly-value{
  flex: 1 1 auto;
  min-width: 0;
  width: auto;
}

.zd-trial-readonly-value--multiline{
  white-space: pre-wrap;
  word-break: break-word;
}

.zd-field select,
.zd-field input:not([type='file']),
.zd-field textarea{
  border-radius: 10px !important;
  border: 1px solid #e8ecf1 !important;
  background: #f9fafb !important;
  color: #1a3a4a !important;
  padding: 7px 10px !important;
  font-size: 12px !important;
}

.zd-field textarea:focus,
.zd-field select:focus,
.zd-field input:focus{
  outline: none !important;
  border-color: #cbd5e1 !important;
  background: #fff !important;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.08) !important;
}

.zd-drawer-footer{
  flex-shrink: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 22px calc(16px + env(safe-area-inset-bottom, 0px));
  background: #fff;
  border-top: 1px solid #eef2f7;
  border-radius: 0 0 16px 0;
}

.zd-footer-error{
  flex: 1 1 100%;
  margin: 0;
}

.zd-drawer-footer-actions{
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-left: auto;
}

.zd-drawer-footer-start{
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-right: auto;
}

.zd-footer-complete-treatment{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-width: 140px;
  padding: 12px 22px;
  border: 0;
  border-radius: 14px;
  font-size: 14px;
  font-weight: 700;
  color: #ffffff;
  cursor: pointer;
  background: linear-gradient(135deg, #0d9488 0%, #0f766e 100%);
  box-shadow: 0 4px 14px rgba(13, 148, 136, 0.3);
  transition:
    opacity 0.15s ease,
    transform 0.12s ease,
    filter 0.15s ease;
}

.zd-footer-complete-treatment i{
  color: #ffffff;
}

.zd-footer-complete-treatment:hover:not(:disabled){
  transform: translateY(-1px);
  background: linear-gradient(135deg, #0f766e 0%, #115e59 100%);
  box-shadow: 0 6px 20px rgba(13, 148, 136, 0.35);
}

.zd-footer-complete-treatment:disabled{
  opacity: 0.45;
  cursor: not-allowed;
  box-shadow: none;
}

.zd-footer-treatment-completed{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-width: 0;
  padding: 4px 10px;
  border-radius: 6px;
  border: none;
  font-size: 12px;
  font-weight: 600;
  color: #15803d;
  background: #ecfdf5;
}

.zd-footer-treatment-completed i{
  color: #15803d;
}

.zd-footer-revert-completion{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-width: 140px;
  padding: 12px 22px;
  border: 1px solid #d4d4d8;
  border-radius: 14px;
  font-size: 14px;
  font-weight: 700;
  color: #3f3f46;
  cursor: pointer;
  background: #fafafa;
  transition:
    opacity 0.15s ease,
    transform 0.12s ease,
    background 0.15s ease,
    border-color 0.15s ease;
}

.zd-footer-revert-completion:hover:not(:disabled){
  transform: translateY(-1px);
  background: #f4f4f5;
  border-color: #a1a1aa;
}

.zd-footer-revert-completion:disabled{
  opacity: 0.45;
  cursor: not-allowed;
}

/* Alt buton "Tamamlamayi iptal et" — dark: beyaz yerine koyu yuzey. */

body.theme-dark .zd-footer-revert-completion{
  background: #27272a;
  border-color: #3f3f46;
  color: #e4e4e7;
}

body.theme-dark .zd-footer-revert-completion:hover:not(:disabled){
  background: #323238;
  border-color: #52525b;
}

/* Tamamlandi rozeti — dark: soluk yesil zemin. */

body.theme-dark .zd-footer-treatment-completed{
  background: rgba(34, 197, 94, 0.16);
  color: #4ade80;
}

body.theme-dark .zd-footer-treatment-completed i{
  color: #4ade80;
}

.zd-footer-cancel{
  border: 0;
  background: none;
  padding: 12px 16px;
  font-size: 14px;
  font-weight: 600;
  color: #64748b;
  cursor: pointer;
  border-radius: 12px;
}

.zd-footer-cancel:hover{
  color: #0f172a;
  background: #f8fafc;
}

.zd-footer-save{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-width: 140px;
  padding: 12px 22px;
  border: 0;
  border-radius: 14px;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  font-family: inherit;
  background: var(--brand-primary);
  box-shadow: 0 4px 14px rgba(37, 99, 235, 0.35);
  transition: box-shadow 0.15s ease, transform 0.12s ease, opacity 0.15s ease;
}

.zd-footer-save:hover:not(:disabled){
  background: linear-gradient(135deg, var(--brand-primary-light) 0%, #2680a8 100%);
  transform: translateY(-1px);
}

.zd-footer-save:active:not(:disabled){
  background: linear-gradient(135deg, #2789b8 0%, #1a6f94 100%);
  transform: translateY(0);
}

.zd-footer-save:disabled{
  opacity: 0.45;
  cursor: not-allowed;
  box-shadow: none;
}

@media (max-width: 640px) {
  .clinic-wo-drawer-backdrop--zd{
    padding: 16px 14px 16px 12px;
  }

  .clinic-wo-drawer--zd{
    width: min(640px, calc(100vw - 26px));
    height: calc(100vh - 32px);
    max-height: calc(100vh - 32px);
  }
}

@media (max-width: 720px) {
  .zd-drawer-frame{
    flex-direction: column;
  }

  .zd-drawer-nav{
    flex: 0 0 auto;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    gap: 10px;
    padding: 12px 14px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    border-right: none;
    border-bottom: 1px solid #dfe3e9;
  }

  .zd-drawer-footer{
    border-radius: 0 0 16px 16px;
  }
}

@media (max-width: 520px) {
  .zd-trial-top{
    flex-direction: column;
    align-items: stretch;
  }

  .zd-trial-top-right{
    justify-content: space-between;
    width: 100%;
    margin-left: 0;
    padding-left: 0;
    padding-top: 8px;
    border-left: 0;
    border-top: 1px solid #e2e8f0;
  }

  .zd-binary-pills{
    flex: 1;
    min-width: 0;
  }

  .zd-pill{
    flex: 1;
    justify-content: center;
    padding-inline: 8px;
  }
}

/* Is emri drawer / paneller: theme-relatewise.css */

.wo-active-order-card textarea,
.wo-active-order-card input,
.wo-active-order-card select{
  border: 1px solid #dde8f0;
  border-radius: 10px;
  padding: 10px 12px;
  background: #f8fbfd;
  color: #2b4a5a;
  font-size: 13px;
}

.wo-active-order-card textarea::placeholder{
  color: #94a8b5;
}

.wo-active-order-card textarea:focus,
.wo-active-order-card input:focus,
.wo-active-order-card select:focus{
  outline: none;
  border-color: #9dc7de;
  background: #ffffff;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.08);
}

.wo-active-order-card .wo-trials-list{
  padding-top: 4px;
}

.wo-active-order-card .wo-section-title{
  font-size: 13px;
  color: #5a8ca8;
  margin-bottom: 8px;
}

.wo-active-order-card .wo-trial-card{
  background: #f7fafc;
  border: 1px solid #e4edf3;
  border-radius: 10px;
  padding: 10px;
  margin-bottom: 8px;
}

.wo-active-order-card .wo-trial-header{
  padding-bottom: 6px;
  margin-bottom: 8px;
  border-bottom: 1px solid #e8f0f5;
}

.wo-active-order-card .wo-trial-number{
  font-size: 12px;
  font-weight: 600;
  color: #5a8ca8;
}

.wo-active-order-card .tech-form-grid{
  gap: 8px;
}

.wo-active-order-card .tech-field{
  font-size: 11px;
  color: #6a8da3;
  gap: 4px;
}

.theme-dark .wo-active-order-card{
  border-color: #2a2d35;
  background: #1e1f23;
}

.theme-dark .wo-active-order-card textarea,
.theme-dark .wo-active-order-card input,
.theme-dark .wo-active-order-card select{
  background: #25272d;
  border-color: #3a3d45;
  color: #d6e0ea;
}

.theme-dark .wo-active-order-card textarea::placeholder{
  color: #6b7a88;
}

.theme-dark .wo-active-order-card textarea:focus,
.theme-dark .wo-active-order-card input:focus,
.theme-dark .wo-active-order-card select:focus{
  background: #2a2d34;
  border-color: #4b93ba;
  box-shadow: 0 0 0 3px rgba(75, 147, 186, 0.15);
}

.theme-dark .wo-active-order-card .wo-trial-card{
  background: #22242a;
  border-color: #2a2d35;
}

.theme-dark .wo-active-order-card .wo-trial-header{
  border-bottom-color: #2a2d35;
}

.theme-dark .wo-active-order-card .wo-section-title{
  color: #6aa3c4;
}

.theme-dark .wo-active-order-card .wo-trial-number{
  color: #8ba8bc;
}

.theme-dark .wo-active-order-card .tech-field{
  color: #8b9caa;
}

.wo-active-add-btn{
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  font-weight: 500;
  color: #5a8ca8;
  background: transparent;
  border: 1px dashed #cde0ec;
  border-radius: 7px;
  padding: 4px 8px;
  cursor: pointer;
  transition: all 0.15s ease;
}

.wo-active-add-btn:hover{
  background: #f0f6fa;
  border-color: #a8cedf;
  color: #3a7a9c;
}

.wo-active-save-btn{
  font-size: 12px;
  font-weight: 600;
  color: #ffffff;
  background: linear-gradient(135deg, #4a9fc7 0%, #3a8ab5 100%);
  border: none;
  border-radius: 8px;
  padding: 7px 14px;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  font-family: inherit;
  transition: box-shadow 0.15s ease, transform 0.15s ease, opacity 0.15s ease;
}

.wo-active-save-btn:hover:not(:disabled){
  background: linear-gradient(135deg, #3a8ab5 0%, #2d7aa5 100%);
  transform: translateY(-1px);
}

.wo-active-save-btn:active:not(:disabled){
  background: linear-gradient(135deg, #3380a8 0%, #256d92 100%);
  transform: translateY(0);
}

.wo-active-save-btn:disabled{
  opacity: 0.65;
  cursor: not-allowed;
}

.wo-trials-empty{
  font-size: 12px;
  color: #8a9eab;
  text-align: center;
  padding: 12px 0;
}

.theme-dark .wo-active-add-btn{
  color: #8ba8bc;
  border-color: #3a3d45;
}

.theme-dark .wo-active-add-btn:hover{
  background: #282a30;
  border-color: #4b93ba;
  color: #9dc7de;
}

.theme-dark .wo-active-save-btn{
  background: linear-gradient(135deg, #3a8ab5 0%, #2d7aa5 100%);
}

.theme-dark .wo-active-save-btn:hover:not(:disabled){
  background: linear-gradient(135deg, #4a9fc7 0%, #3a8ab5 100%);
}

.theme-dark .wo-trials-empty{
  color: #6b7a88;
}

.wo-active-orders-list .wo-active-order-card:nth-child(1){ animation-delay: 120ms; }

.wo-active-orders-list .wo-active-order-card:nth-child(2){ animation-delay: 200ms; }

.wo-active-orders-list .wo-active-order-card:nth-child(3){ animation-delay: 280ms; }

.wo-active-orders-list .wo-active-order-card:nth-child(4){ animation-delay: 360ms; }

.wo-active-orders-list .wo-active-order-card:nth-child(5){ animation-delay: 440ms; }

.wo-active-orders-list .wo-active-order-card:nth-child(6){ animation-delay: 520ms; }

@media (max-width: 1280px) {
  .wo-active-orders-list{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 840px) {
  .wo-active-orders-list{
    grid-template-columns: 1fr;
  }
}

.tech-table tbody tr:nth-child(odd){
  background: #fbfdff;
}

.tech-table tbody tr:hover{
  background: #f3f8fb;
}

.tech-action-btn:hover{
  background: var(--btn-secondary-hover-bg);
  border-color: var(--btn-secondary-hover-border);
}

.tech-action-btn--danger{
  color: var(--status-danger);
  border-color: var(--status-danger-border);
}

.tech-action-btn--danger:hover{
  background: var(--status-danger-soft);
  border-color: var(--status-danger-border);
}

.tech-action-btn--work-order{
  color: var(--status-success);
  border-color: var(--status-success-border);
}

.tech-action-btn--work-order:hover{
  background: var(--status-success-soft);
  border-color: var(--status-success-border);
}

.tech-delete-panel{
  width: min(420px, calc(100% - 32px));
}

.tech-delete-text{
  margin: 2px 0 18px;
  color: #506b7c;
  font-size: 14px;
}

.tech-delete-actions{
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}

.clinic-doctors-page .dash-table-card{
  overflow: visible;
}

.clinic-treatments-page .dash-table-card{
  overflow: visible;
}

.clinic-treatments-page .tech-table thead th:nth-child(1){ width: 42%; }

.clinic-treatments-page .tech-table thead th:nth-child(2){ width: 38%; }

.clinic-treatments-page .tech-table thead th:nth-child(3){ width: 20%; }

.clinic-treatments-page .tech-table thead th:nth-child(3),
.clinic-treatments-page .tech-table tbody td:nth-child(3){
  text-align: right;
}

.clinic-treatment-prices-page .tech-table{
  table-layout: fixed;
}

.clinic-treatment-prices-page .tech-table thead th:nth-child(1){ width: 32%; }

.clinic-treatment-prices-page .tech-table thead th:nth-child(2){ width: 24%; }

.clinic-treatment-prices-page .tech-table thead th:nth-child(3){ width: 16%; }

.clinic-treatment-prices-page .tech-table thead th:nth-child(4){ width: 14%; }

.clinic-treatment-prices-page .tech-table thead th:nth-child(5){ width: 14%; }

.clinic-treatment-prices-page .tech-table thead th:nth-child(5),
.clinic-treatment-prices-page .tech-table tbody td:nth-child(5){
  text-align: right;
}

.tech-panel-backdrop{
  position: fixed;
  inset: 0;
  background: rgba(10, 37, 64, 0.28);
  backdrop-filter: blur(4px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 20000;
}

.tech-panel{
  width: min(560px, calc(100% - 32px));
  max-height: calc(100vh - 64px);
  background: #ffffff;
  border: 1px solid #dbe7ef;
  border-radius: 18px;
  box-shadow: 0 24px 60px rgba(10, 37, 64, 0.22);
  padding: 24px 24px 20px;
  overflow-y: auto;
}

.tech-panel-head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid #edf3f7;
}

.tech-panel-head h3{
  margin: 0;
  color: #1a3a4a;
  font-size: 18px;
  font-weight: 700;
}

.tech-panel-close{
  width: 32px;
  height: 32px;
  padding: 0;
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  border: 1px solid #d6e3ec;
  background: #f7fafc;
  color: #4a6274;
  font-size: 20px;
  line-height: 0;
  cursor: pointer;
  transition: all 0.15s ease;
}

.tech-panel-close:hover{
  background: #edf4f8;
  color: var(--brand-primary-deep);
}

.tech-form{
  display: flex;
  flex-direction: column;
  gap: 0px;
}

.tech-form-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 14px;
}

.tech-field{
  min-width: 0;
}

.tech-field--full{
  grid-column: 1 / -1;
}

.tech-form label{
  gap: 7px;
  font-size: 13px;
  font-weight: 600;
  color: #35596d;
}

.tech-form input,
.tech-form select{
  border: 1px solid #cfe0eb;
  border-radius: 12px;
  padding: 11px 12px;
  background: #fbfdff;
}

.tech-form textarea{
  border: 1px solid #cfe0eb;
  border-radius: 12px;
  padding: 11px 12px;
  background: #fbfdff;
  color: #1a3a4a;
  resize: vertical;
}

.tech-form input:focus,
.tech-form select:focus{
  outline: 2px solid #b8dcf0;
  border-color: #8ac3df;
  background: #ffffff;
}

.tech-form .wo-datetime-split-hm:focus,
.tech-form .wo-datetime-split-hm:focus-visible,
.tech-form .wo-datetime-split-hm:active{
  outline: none !important;
  box-shadow: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

.tech-form textarea:focus{
  outline: 2px solid #b8dcf0;
  border-color: #8ac3df;
  background: #ffffff;
}

.tech-form-error,
.tech-form-success{
  grid-column: 1 / -1;
  margin: 0;
  border-radius: 10px;
  padding: 10px 12px;
  font-size: 13px;
  font-weight: 600;
}

.tech-form-error{
  border: 1px solid #f3c0c0;
  background: #fff2f2;
  color: #b53e3e;
}

.tech-form-success{
  border: 1px solid #b8e5c5;
  background: #effcf2;
  color: #26774c;
}

body:not(.theme-dark) .wo-form textarea{
  background: #fbfdff !important;
  border-color: #cfe0eb !important;
  color: #1a3a4a !important;
}

body:not(.theme-dark) .wo-form textarea::placeholder{
  color: #7b8e9c;
}

body:not(.theme-dark) .wo-form textarea:focus{
  background: #ffffff !important;
  border-color: #8ac3df !important;
}

.tech-form button[type='submit']{
  grid-column: 1 / -1;
  margin-top: 6px;
  border-radius: 8px;
  padding: 11px 14px;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  border: 0;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  font-family: inherit;
  background: var(--brand-primary);
  box-shadow: none;
  transition: background-color 0.15s ease, opacity 0.15s ease;
}

.tech-form button[type='submit']:hover:not(:disabled){
  background: var(--brand-primary-hover);
  filter: none;
}

.tech-form button[type='submit']:active:not(:disabled){
  background: var(--brand-primary-deep);
}

.tech-form button[type='submit']:disabled{
  cursor: not-allowed;
  opacity: 0.7;
  filter: none;
}

.clinic-patient-panel{
  width: min(1080px, calc(100% - 40px));
  max-height: calc(100vh - 48px);
  padding: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.clinic-patient-panel .tech-panel-head{
  flex-shrink: 0;
  padding: 18px 24px 14px;
  margin-bottom: 0;
  border-bottom: 1px solid #edf3f7;
}

.clinic-patient-panel .tech-form.clinic-patient-form{
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.clinic-patient-form-grid{
  flex: 1;
  min-height: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  overflow-y: auto;
}

.clinic-patient-form-section{
  background: #fff;
  padding: 0;
  display: flex;
  flex-direction: column;
  overflow: visible;
  min-width: 0;
}

.clinic-patient-form-section:first-child{
  border-right: 1px solid #edf3f7;
}

.clinic-patient-form-section h4{
  margin: 0;
  padding: 14px 24px 12px;
  font-size: 11px;
  font-weight: 700;
  color: #64748b;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  border-bottom: 1px solid #f0f4f8;
  background: #f8fafb;
}

.clinic-patient-form-section h4::before{
  content: '';
  display: inline-block;
  width: 3px;
  height: 12px;
  background: var(--brand-primary);
  border-radius: 2px;
  margin-right: 8px;
  vertical-align: middle;
}

.clinic-patient-form-fields{
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 8px 0;
}

.clinic-patient-form-row{
  display: grid;
  grid-template-columns: 120px 1fr;
  align-items: center;
  padding: 5px 20px 5px 24px;
  min-height: 40px;
  overflow: visible;
}

.clinic-patient-form-row + .clinic-patient-form-row{
  border-top: 1px solid #f5f7fa;
}

.clinic-patient-form-row > label{
  display: block;
  margin: 0;
  font-size: 12px;
  font-weight: 600;
  color: #475569;
}

.clinic-patient-form-row > input,
.clinic-patient-form-row > select,
.clinic-patient-form-row > textarea{
  width: 100%;
  min-width: 0;
  padding: 8px 12px;
  border: 1px solid transparent;
  border-radius: 8px;
  font-size: 13px;
  color: #1a3a4a;
  background: transparent;
  box-sizing: border-box;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}

.clinic-patient-form-row > input:hover,
.clinic-patient-form-row > select:hover,
.clinic-patient-form-row > textarea:hover{
  background: #f8fafb;
  border-color: #e2ecf3;
}

.clinic-patient-form-row > input:focus,
.clinic-patient-form-row > select:focus,
.clinic-patient-form-row > textarea:focus{
  outline: none;
  border-color: var(--brand-primary);
  background: #fff;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.08);
}

.clinic-patient-form-row > input::placeholder,
.clinic-patient-form-row > textarea::placeholder{
  color: #b0bec5;
}

.clinic-patient-form-row--address{
  align-items: start;
  padding-top: 5px;
  padding-bottom: 5px;
}

.clinic-patient-form-row--address > label{
  padding-top: 8px;
}

.clinic-patient-form-row--address > textarea{
  min-height: 56px;
  resize: vertical;
}

.clinic-patient-form-actions{
  flex-shrink: 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  padding: 14px 24px;
  border-top: 1px solid #edf3f7;
  background: #f8fafb;
}

.clinic-patient-form-cancel{
  padding: 9px 22px;
  border: 1px solid #d6e3ec;
  border-radius: 10px;
  background: #fff;
  color: #475569;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.15s ease;
}

.clinic-patient-form-cancel:hover{
  background: #f1f5f9;
  border-color: #c0d0de;
}

.clinic-patient-form-submit{
  padding: 9px 28px;
  border: none;
  border-radius: 8px;
  background: var(--brand-primary);
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  font-family: inherit;
  box-shadow: none;
  transition: background-color 0.15s ease, opacity 0.15s ease;
}

.clinic-patient-form-submit:hover:not(:disabled){
  background: var(--brand-primary-hover);
  box-shadow: none;
  transform: none;
}

.clinic-patient-form-submit:active:not(:disabled){
  background: var(--brand-primary-deep);
  transform: none;
  box-shadow: none;
}

.clinic-patient-form-submit:disabled{
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}

.clinic-patient-stats{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 14px;
}

.clinic-patient-stat-card{
  border: 1px solid #d9e6ef;
  border-radius: 14px;
  background: #ffffff;
  padding: 14px 16px;
  box-shadow: 0 6px 18px rgba(10, 37, 64, 0.08);
}

.clinic-patient-stat-value{
  margin: 0;
  font-size: 30px;
  line-height: 1;
  font-weight: 700;
  color: #123c52;
}

.clinic-patient-stat-label{
  margin: 6px 0 0;
  font-size: 12px;
  color: #587487;
  font-weight: 600;
}

.clinic-treatment-page{
  display: grid;
  grid-template-columns: 260px 292px minmax(0, 1fr);
  gap: 14px;
  margin-right: 14px;
}

.clinic-treatment-modal{
  width: min(1180px, calc(100% - 28px));
  max-height: calc(100vh - 20px);
}

.clinic-treatment-page--modal{
  margin-top: 4px;
  min-height: 500px;
}

.clinic-treatment-main-card,
.clinic-treatment-side-card{
  background: #ffffff;
  border-radius: 10px;
  box-shadow: 0 14px 28px rgba(10, 37, 64, 0.12);
  padding: 14px;
}

.clinic-treatment-main-card{
  width: 100%;
  max-width: 292px;
}

.clinic-treatment-main-head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
}

.clinic-treatment-main-head h3{
  margin: 0;
  color: #173d52;
  font-size: 16px;
}

.clinic-treatment-back-btn{
  border: 0;
  border-radius: 8px;
  padding: 8px 12px;
  font-size: 12px;
  font-weight: 700;
  color: #ffffff;
  background: var(--brand-primary-deep);
}

.clinic-treatment-odontogram{
  border-radius: 8px;
  background: #f6fbff;
  padding: 20px 16px;
  max-width: 100%;
  margin: 0;
  overflow: visible;
}

.clinic-odontogram-toolbar,
.wo-bridge-toolbar{
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin: 0 0 10px;
  padding: 8px 10px;
  border-radius: 10px;
  background: #f8fafc;
}

.clinic-bridge-btn{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 14px;
  border: 1px solid #d6e3ec;
  border-radius: 10px;
  background: #fff;
  color: #475569;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}

.clinic-bridge-btn:hover:not(:disabled){
  background: #f1f5f9;
  border-color: #c0d0de;
  color: #1a3a4a;
}

.clinic-bridge-btn:disabled{
  opacity: 0.55;
  cursor: not-allowed;
}

.clinic-bridge-btn--active{
  color: #92400e;
  background: #fffbeb;
  border-color: #fbbf24;
  box-shadow: 0 0 0 2px rgba(251, 191, 36, 0.2);
}

.clinic-bridge-btn--active:hover:not(:disabled){
  background: #fef3c7;
  border-color: #f59e0b;
  color: #78350f;
}

.clinic-bridge-hint{
  font-size: 12px;
  color: #b45309;
  font-weight: 500;
}

.clinic-bridge-hint--muted{
  color: #64748b;
}

.clinic-bridge-list{
  display: inline-flex;
  flex-wrap: wrap;
  gap: 6px;
}

.clinic-bridge-chip{
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: #fde68a;
  color: #92400e;
  border-radius: 999px;
  padding: 3px 4px 3px 10px;
  font-size: 11px;
  font-weight: 600;
  height: 20px;
}

.clinic-bridge-chip-close{
  background: transparent;
  border: 0;
  color: inherit;
  font-size: 16px;
  line-height: 1;
  padding: 0 6px;
  cursor: pointer;
  border-radius: 50%;
}

.clinic-bridge-chip-close:hover{
  background: rgba(146, 64, 14, 0.15);
}

.clinic-treatment-odontogram .Odontogram{
  width: 100% !important;
  max-width: none !important;
}

.clinic-treatment-odontogram .Odontogram svg{
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  display: block;
}

.clinic-treatment-side-card h3{
  margin: 0 0 10px;
  font-size: 14px;
  color: #173d52;
}

.clinic-treatment-side-card--right{
  margin-left: 25px;
  flex: 1;
  min-width: 0;
}

.clinic-treatment-side-card--left{
  height: 500px;
  display: flex;
  flex-direction: column;
}

.clinic-treatment-side-card ul{
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 8px;
  flex: 1;
  overflow-y: auto;
  align-content: start;
}

.clinic-treatment-side-card li{
  padding: 10px 12px;
  border-radius: 8px;
  background: #f5f9fc;
  color: #2e556b;
  font-size: 13px;
  font-weight: 600;
}

.clinic-treatment-group{
  display: grid;
  gap: 8px;
}

.clinic-treatment-item{
  width: 100%;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: left;
  padding: 0;
}

.clinic-treatment-item--active{
  color: var(--brand-primary-deep);
  font-weight: 700;
}

.clinic-treatment-subitems{
  display: grid;
  gap: 6px;
  padding: 0 4px 2px 8px;
}

.clinic-treatment-subitem{
  border: 0;
  border-radius: 6px;
  padding: 8px 10px;
  background: #eef5fa;
  color: #335b71;
  text-align: left;
  font-size: 12px;
  font-weight: 600;
}

.clinic-treatment-subitem--active{
  background: #dfeef8;
  color: var(--brand-primary-deep);
}

.clinic-treatment-empty{
  color: #7a909f;
}

.clinic-selected-treatments{
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.clinic-selected-head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 12px;
}

.clinic-selected-head h3{
  margin: 0;
}

.clinic-selected-count{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 24px;
  height: 24px;
  padding: 0 8px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  color: var(--brand-primary-deep);
  background: #cfe8f4;
}

.clinic-selected-list{
  flex: 1;
  overflow-y: auto;
  min-height: 0;
  max-height: 500px;
  padding-right: 2px;
}

.clinic-selected-empty{
  margin: 0;
  padding: 16px 12px;
  text-align: center;
  line-height: 1.5;
}

.clinic-selected-treatment-list{
  padding: 0;
  gap: 8px;
}

.clinic-selected-treatment-item.lpd-treatment-item{
  padding: 10px 12px;
}

.clinic-selected-treatment-item--active,
.lpd-treatment-item--active.clinic-selected-treatment-item{
  background: #eef5fb;
  border-color: #bfdbfe;
  box-shadow: inset 3px 0 0 var(--brand-primary);
}

.clinic-selected-treatment-item--active .lpd-treatment-body--clickable:hover{
  background: transparent;
}

.clinic-selected-treatment-item--confirmed{
  border-color: #bbf7d0;
}

.clinic-selected-treatment-item--shared{
  border-color: #86efac;
}

.clinic-selected-treatment-list .lpd-treatment-head{
  flex-wrap: wrap;
  row-gap: 6px;
}

.lpd-treatment-amount{
  flex: 0 0 auto;
  margin-left: auto;
  font-size: 12px;
  font-weight: 700;
  color: #1a6f94;
  white-space: nowrap;
}

.clinic-selected-treatment-actions{
  flex-wrap: wrap;
  justify-content: flex-end;
  max-width: 100%;
  gap: 6px;
}

.clinic-selected-treatment-actions .clinic-share-badge--inline{
  font-size: 10px;
  padding: 4px 8px;
}

/* Tedavi modali — kompakt butonlar (hasta paneli ile ayni aile) */

.clinic-treatment-modal .clinic-tx-btn{
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.clinic-treatment-modal .clinic-tx-btn--sm{
  padding: 6px 12px;
  font-size: 11px;
  border-radius: 8px;
}

.clinic-treatment-modal .clinic-tx-btn--sm.clinic-patient-form-submit{
  box-shadow: 0 2px 8px rgba(37, 99, 235, 0.22);
}

.clinic-treatment-modal .clinic-tx-btn--sm.clinic-patient-form-submit:hover:not(:disabled){
  transform: none;
  box-shadow: 0 3px 10px rgba(37, 99, 235, 0.28);
}

.clinic-treatment-modal .clinic-tx-btn--sm.cpd-edit-btn,
.clinic-treatment-modal .clinic-tx-btn--sm.cpd-delete-btn{
  padding: 6px 12px;
  font-size: 11px;
  border-radius: 8px;
}

.clinic-tooth-pill{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  min-width: 28px;
  padding: 3px 8px;
  border-radius: 999px;
  background: var(--brand-primary);
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.3;
}

.clinic-tooth-pill:not(.clinic-tooth-pill--bridge)::before{
  content: '';
  width: 0.85em;
  height: 0.85em;
  flex-shrink: 0;
  background-color: currentColor;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M7 2C4 2 2 4.04 2 6.27c0 2.82 1.36 5.04 3.55 6.01.3.13.5.44.5.77V19c0 1.1.9 2 2 2h1c1.1 0 2-.9 2-2v-2.5h1.9V19c0 1.1.9 2 2 2h1c1.1 0 2-.9 2-2v-5.95c0-.33.2-.64.5-.77C20.64 11.31 22 9.09 22 6.27 22 4.04 20 2 17 2c-2.11 0-3.93 1.16-5 2.82C10.93 3.16 9.11 2 7 2z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M7 2C4 2 2 4.04 2 6.27c0 2.82 1.36 5.04 3.55 6.01.3.13.5.44.5.77V19c0 1.1.9 2 2 2h1c1.1 0 2-.9 2-2v-2.5h1.9V19c0 1.1.9 2 2 2h1c1.1 0 2-.9 2-2v-5.95c0-.33.2-.64.5-.77C20.64 11.31 22 9.09 22 6.27 22 4.04 20 2 17 2c-2.11 0-3.93 1.16-5 2.82C10.93 3.16 9.11 2 7 2z'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.clinic-tooth-pill--bridge{
  background: #ea580c;
  color: #fff;
}

.clinic-share-badge--inline{
  font-size: 10px;
  padding: 3px 8px;
  white-space: nowrap;
  flex: 0 1 auto;
  min-width: 0;
}

.clinic-treatment-odontogram-hint{
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  margin-bottom: 8px;
  border-radius: 10px;
  background: #f0f6fb;
  border: 1px dashed #c8dbe9;
  font-size: 12px;
  color: #475569;
}

.clinic-treatment-odontogram-hint .bi{
  font-size: 1.1rem;
  color: #94a3b8;
}

.clinic-treatment-modal-actions{
  margin-top: 0;
  padding: 14px 16px 16px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  border-top: 1px solid #edf3f7;
  background: #f8fafb;
}

.clinic-treatment-save-hint{
  margin-right: auto;
  font-size: 12px;
  font-weight: 500;
  color: #b45309;
}

.clinic-treatment-modal-actions .clinic-patient-form-submit{
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.clinic-treatment-modal .clinic-share-note-actions{
  gap: 10px;
}

.clinic-treatment-modal .clinic-share-note-actions .clinic-patient-form-submit{
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.clinic-share-lab-group{
  display: flex;
  align-items: center;
  gap: 8px;
  margin-right: auto;
}

.clinic-share-lab-select{
  padding: 8px 12px;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  font-size: 13px;
  color: #1a3a4a;
  background: #fff;
  min-width: 160px;
  cursor: pointer;
}

.clinic-share-lab-select:focus{
  outline: none;
  border-color: #1e88e5;
  box-shadow: 0 0 0 2px rgba(30, 136, 229, .15);
}

.clinic-share-lab-btn{
  border: 0;
  border-radius: 10px;
  padding: 9px 20px;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  color: #fff;
  background: var(--brand-primary);
  box-shadow: 0 4px 14px rgba(37, 99, 235, 0.25);
  transition: background 0.15s ease, opacity 0.15s ease, box-shadow 0.15s ease;
  white-space: nowrap;
}

.clinic-share-lab-btn:hover:not(:disabled){
  background: linear-gradient(135deg, var(--brand-primary-deep), #1a6f94);
  box-shadow: 0 6px 18px rgba(37, 99, 235, 0.32);
}

.clinic-share-lab-btn:disabled{
  opacity: 0.55;
  cursor: not-allowed;
  box-shadow: none;
}

.clinic-share-badge{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 14px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 600;
  color: #15803d;
  background: #dcfce7;
  border: 1px solid #86efac;
  white-space: nowrap;
}

.clinic-share-badge .bi{
  font-size: 14px;
}

.clinic-share-result{
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
}

.clinic-share-result--ok{ color: #16a34a; }

.clinic-share-result--err{ color: #dc2626; }

.clinic-treatment-confirmed-hint{
  font-size: 12px;
  color: #94a3b8;
}

.clinic-share-note-backdrop{
  position: absolute;
  inset: 0;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(15, 23, 42, 0.35);
  border-radius: inherit;
}

.clinic-treatment-modal{
  position: relative;
}

.clinic-share-note-modal{
  width: min(400px, calc(100% - 32px));
  padding: 20px 22px;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 16px 40px rgba(15, 23, 42, 0.18);
}

.clinic-share-note-modal h4{
  margin: 0 0 6px;
  font-size: 16px;
  color: #1e293b;
}

.clinic-share-note-treatment{
  margin: 0 0 14px;
  font-size: 13px;
  color: #64748b;
}

.clinic-share-note-field{
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 14px;
}

.clinic-share-note-label{
  font-size: 12px;
  font-weight: 600;
  color: #475569;
}

.clinic-share-note-field .clinic-share-lab-select{
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

.clinic-share-note-textarea{
  display: block;
  width: 100%;
  min-height: 96px;
  box-sizing: border-box;
  margin: 0;
  padding: 10px 12px;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  font-size: 13px;
  line-height: 1.5;
  color: #1a3a4a;
  background: #fff;
  font-family: inherit;
  resize: vertical;
}

.clinic-share-note-textarea::placeholder{
  color: #94a3b8;
}

.clinic-share-note-textarea:hover{
  border-color: #c0d0de;
}

.clinic-share-note-textarea:focus{
  outline: none;
  border-color: #1e88e5;
  box-shadow: 0 0 0 2px rgba(30, 136, 229, 0.15);
}

.clinic-share-note-actions{
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 4px;
}

/* Lab hastalar — klinikten paylasilan kayitlar */

.lab-patient-clinic-badge{
  display: inline-block;
  padding: 4px 10px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 600;
  color: #5b21b6;
  background: #ede9fe;

  white-space: nowrap;
}

.lab-patient-teeth-pills{
  display: inline-flex;
  flex-wrap: wrap;
  gap: 4px;
}

.lab-tooth-pill{
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 600;
  background: #e0f2fe;
  color: #0369a1;
  line-height: 1.2;
}

.lab-tooth-pill:not(.lab-tooth-pill--bridge)::before{
  content: '';
  width: 0.85em;
  height: 0.85em;
  flex-shrink: 0;
  background-color: currentColor;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M7 2C4 2 2 4.04 2 6.27c0 2.82 1.36 5.04 3.55 6.01.3.13.5.44.5.77V19c0 1.1.9 2 2 2h1c1.1 0 2-.9 2-2v-2.5h1.9V19c0 1.1.9 2 2 2h1c1.1 0 2-.9 2-2v-5.95c0-.33.2-.64.5-.77C20.64 11.31 22 9.09 22 6.27 22 4.04 20 2 17 2c-2.11 0-3.93 1.16-5 2.82C10.93 3.16 9.11 2 7 2z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M7 2C4 2 2 4.04 2 6.27c0 2.82 1.36 5.04 3.55 6.01.3.13.5.44.5.77V19c0 1.1.9 2 2 2h1c1.1 0 2-.9 2-2v-2.5h1.9V19c0 1.1.9 2 2 2h1c1.1 0 2-.9 2-2v-5.95c0-.33.2-.64.5-.77C20.64 11.31 22 9.09 22 6.27 22 4.04 20 2 17 2c-2.11 0-3.93 1.16-5 2.82C10.93 3.16 9.11 2 7 2z'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.lab-tooth-pill--bridge{
  background: #fde68a;
  color: #92400e;
  border-color: #fbbf24;
}

.lab-tooth-pill--bridge i{
  font-size: 0.95em;
  line-height: 1;
}

.lab-patient-readonly-hint{
  font-size: 12px;
  color: #94a3b8;
  font-style: italic;
}

/* Lab hastalar — klinik hasta listesi ile ayni kart stili + lab ozel sutunlar */

.lab-patients-page .clinic-patient-table-card .tech-table thead th:first-child::before{
  background: var(--brand-primary);
}

.lab-patients-page .clinic-patient-row--active{
  box-shadow: inset 3px 0 0 var(--brand-primary);
}

.lab-patients-page .clinic-patient-table-card .tech-table{
  table-layout: fixed;
}

.lab-patients-page .clinic-patient-table-card .tech-table thead th:nth-child(1),
.lab-patients-page .clinic-patient-table-card .tech-table tbody td:nth-child(1){
  width: 38%;
}

.lab-patients-page .clinic-patient-table-card .tech-table thead th:nth-child(2),
.lab-patients-page .clinic-patient-table-card .tech-table tbody td:nth-child(2){
  width: 32%;
}

.clinic-patient-status--lab-source{
  background: #ecfdf5;
  color: var(--brand-primary-deep);
}

.clinic-patient-status--clinic-source{
  background: #ede9fe;
  color: #5b21b6;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Lab yeni hasta paneli — klinik hasta formu ile ayni yapi */

.lab-patients-page .lab-patient-form-panel.clinic-patient-panel{
  width: min(600px, calc(100% - 36px));
}

.lab-patients-page .lab-patient-form-panel .clinic-patient-form-section h4::before{
  background: var(--brand-primary);
}

.lab-patients-page .lab-patient-form-panel .clinic-patient-form-submit{
  background: var(--brand-primary);
  box-shadow: 0 4px 14px rgba(37, 99, 235, 0.3);
}

.lab-patients-page .lab-patient-form-panel .clinic-patient-form-submit:hover{
  background: linear-gradient(135deg, var(--brand-primary-deep), #1a6f94);
  box-shadow: 0 6px 20px rgba(37, 99, 235, 0.35);
}

.lab-patients-page .lab-patient-form-panel .clinic-patient-form-row > input:focus,
.lab-patients-page .lab-patient-form-panel .clinic-patient-form-row > select:focus{
  border-color: var(--brand-primary);
  box-shadow: 0 0 0 3px var(--brand-ring);
}

.lab-patient-form-error{
  margin: 0 24px 8px;
  padding: 10px 14px;
  border-radius: 8px;
  background: #fef2f2;
  color: #b91c1c;
  font-size: 13px;
}

/* Lab kullanicilar — erisim paneli (lpd-modal ile ayni yapi) */

.lab-users-row--clickable{
  cursor: pointer;
}

.lab-users-row--clickable:hover{
  background: transparent;
}

.lab-users-row--selected{
  background: #eef6fd;
}

.lab-patient-row--selected.lab-users-row--selected{
  background: #eef6fd !important;
  box-shadow: inset 3px 0 0 var(--brand-primary);
}

.lab-users-access-modal.lpd-modal{
  width: min(720px, calc(100vw - 48px));
}

.lab-users-access-pfm-modal{
  width: min(720px, calc(100vw - 40px));
}

.lab-users-access-pfm-body{
  gap: 14px;
}

.lab-users-access-pfm-summary{
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.lab-users-access-pfm-error{
  margin-bottom: 0;
}

.lab-users-access-pfm-matrix{
  border: 1px solid #edf3f7;
  border-radius: 10px;
  overflow: hidden;
  background: #ffffff;
}

.lab-users-access-pfm-actions{
  justify-content: flex-end;
}

.lpd-section-content{
  padding: 14px 24px 18px;
}

.lpd-loading-empty{
  padding: 32px 24px;
  text-align: center;
}

.lab-users-access-alert{
  margin: 12px 24px 0;
  padding: 10px 14px;
  border-radius: 8px;
  background: #fef2f2;
  color: #b91c1c;
  font-size: 13px;
}

.lab-users-access-role-hint{
  margin: 0 0 14px;
  line-height: 1.55;
}

.lab-users-access-role-hint strong{
  color: #1a3a4a;
  font-weight: 600;
}

.lab-users-access-modal .lpd-section-content{
  background: #ffffff;
}

.lab-users-access-modal .lab-permissions-matrix-head{
  background: #f8fafb;
  border-bottom-color: #edf3f7;
}

.lab-users-access-modal .lab-permissions-matrix-row + .lab-permissions-matrix-row{
  border-top-color: #edf3f7;
}

.lab-users-access-modal .lab-permissions-matrix-module,
.lab-users-access-modal .lab-permissions-matrix-head-module{
  color: #334155;
}

.lab-users-access-pfm-matrix .lab-permissions-matrix-head{
  background: #f8fafb;
  border-bottom-color: #edf3f7;
}

.lab-users-access-pfm-matrix .lab-permissions-matrix-row + .lab-permissions-matrix-row{
  border-top-color: #edf3f7;
}

.lab-users-access-pfm-matrix .lab-permissions-matrix-module,
.lab-users-access-pfm-matrix .lab-permissions-matrix-head-module{
  color: #334155;
}

.lab-users-access-success{
  margin: 0;
  padding: 10px 12px;
  border-radius: 8px;
  background: #ecfdf5;
  color: #047857;
  font-size: 13px;
}

.lpd-footer{
  flex-shrink: 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  padding: 12px 24px;
  border-top: 1px solid #edf3f7;
  background: #f8fafb;
}

.lab-permissions-matrix{
  display: flex;
  flex-direction: column;
  width: 100%;
}

.lab-permissions-matrix-head,
.lab-permissions-matrix-row{
  display: grid;
  grid-template-columns: minmax(0, 1fr) repeat(4, 56px);
  align-items: center;
  padding: 0 20px 0 24px;
  min-height: 40px;
}

.lab-permissions-matrix-head{
  border-bottom: 1px solid #f0f4f8;
  font-size: 11px;
  font-weight: 700;
  color: #64748b;
  letter-spacing: 0.04em;
}

.lab-permissions-matrix-row + .lab-permissions-matrix-row{
  border-top: 1px solid #f5f7fa;
}

.lab-permissions-matrix-head-module,
.lab-permissions-matrix-module{
  font-size: 12px;
  font-weight: 600;
  color: #475569;
}

.lab-permissions-matrix-head-action{
  text-align: center;
  font-size: 11px;
  font-weight: 700;
  color: #64748b;
  line-height: 1.2;
}

.lab-permissions-matrix-check{
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  cursor: pointer;
}

.lab-permissions-matrix-check--hidden{
  visibility: hidden;
  pointer-events: none;
}

.lab-permissions-matrix-check input[type='checkbox']{
  width: 16px;
  height: 16px;
  margin: 0;
  padding: 0;
  cursor: pointer;
  accent-color: var(--brand-primary);
  border-radius: 4px;
}

.lab-permissions-matrix-check input[type='checkbox']:disabled{
  cursor: not-allowed;
  opacity: 0.55;
}

.lab-role-form-panel .lab-permissions-matrix--styled-checks .lab-permissions-matrix-check--styled,
.lab-users-access-modal .lab-permissions-matrix--styled-checks .lab-permissions-matrix-check--styled{
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  white-space: nowrap;
  font-family: inherit;
  font-size: 16px;
  position: relative;
}

.lab-role-form-panel .lab-permissions-matrix--styled-checks .lab-permissions-matrix-check--styled input[type='checkbox'],
.lab-users-access-modal .lab-permissions-matrix--styled-checks .lab-permissions-matrix-check--styled input[type='checkbox']{
  position: absolute;
  opacity: 0;
  pointer-events: none;
  width: 0;
  height: 0;
  margin: 0;
}

.lab-role-form-panel .lab-permissions-matrix--styled-checks .lab-permissions-matrix-check-box,
.lab-users-access-modal .lab-permissions-matrix--styled-checks .lab-permissions-matrix-check-box{
  width: 18px;
  height: 18px;
  border: 2px solid #a5bdcd;
  border-radius: 5px;
  background: #fff;
  flex-shrink: 0;
  position: relative;
  display: block;
}

.lab-role-form-panel .lab-permissions-matrix--styled-checks .lab-permissions-matrix-check--on .lab-permissions-matrix-check-box,
.lab-users-access-modal .lab-permissions-matrix--styled-checks .lab-permissions-matrix-check--on .lab-permissions-matrix-check-box{
  border-color: var(--brand-primary);
  background: var(--brand-primary);
}

.lab-role-form-panel .lab-permissions-matrix--styled-checks .lab-permissions-matrix-check--on .lab-permissions-matrix-check-box::after,
.lab-users-access-modal .lab-permissions-matrix--styled-checks .lab-permissions-matrix-check--on .lab-permissions-matrix-check-box::after{
  content: '';
  position: absolute;
  left: 4px;
  top: 1px;
  width: 5px;
  height: 9px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.lab-role-form-panel .lab-permissions-matrix--styled-checks .lab-permissions-matrix-check--styled:has(input:disabled):not(.lab-permissions-matrix-check--on){
  cursor: not-allowed;
  opacity: 0.55;
}

.lab-users-access-modal .lab-permissions-matrix--styled-checks .lab-permissions-matrix-check--styled:has(input:disabled){
  cursor: default;
  opacity: 1;
}

.lab-users-access-modal .lab-permissions-matrix--styled-checks .lab-permissions-matrix-check--on .lab-permissions-matrix-check-box{
  width: 20px;
  height: 20px;
  border-color: var(--brand-primary-deep);
  background: var(--brand-primary);
  box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.28);
}

.lab-users-access-modal .lab-permissions-matrix--styled-checks .lab-permissions-matrix-check--on .lab-permissions-matrix-check-box::after{
  left: 5px;
  top: 2px;
  width: 5px;
  height: 10px;
  border-width: 0 2.5px 2.5px 0;
}

.lab-users-access-modal .lab-permissions-matrix--styled-checks .lab-permissions-matrix-check--styled:not(.lab-permissions-matrix-check--on) .lab-permissions-matrix-check-box{
  opacity: 0.42;
  border-color: #cbd5e1;
  background: #f1f5f9;
}

.lab-users-access-modal .lab-permissions-matrix-row:has(.lab-permissions-matrix-check--on){
  background: rgba(37, 99, 235, 0.06);
}

.lab-users-access-modal .lab-permissions-matrix-row:has(.lab-permissions-matrix-check--on) .lab-permissions-matrix-module{
  color: #1a3a4a;
  font-weight: 700;
}

.lab-role-permissions-section-head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 0;
  padding: 10px 16px 10px 24px;
  border-bottom: 1px solid #f0f4f8;
  background: #f8fafb;
}

.lab-role-permissions-section-head h4{
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  flex: 1;
  min-width: 0;
}

.lab-role-permissions-section-actions{
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

.lab-role-permissions-section-actions .tech-action-btn{
  padding: 6px 12px;
  font-size: 12px;
  min-height: 0;
}

.clinic-role-doctor-scope-toggle-row{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.clinic-role-doctor-scope-toggle-row .pfm-section-title{
  margin: 0 0 6px;
}

.clinic-role-doctor-scope-toggle-row .clinic-lab-resource-active-toggle__switch{
  flex-shrink: 0;
  margin-top: 2px;
}

.clinic-role-doctor-scope{
  margin-top: 18px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.clinic-role-doctor-scope-hint{
  margin: 0;
  font-size: 12px;
  color: #5b7382;
  line-height: 1.45;
}

.clinic-role-doctor-scope-empty{
  margin: 0;
  font-size: 13px;
  color: #8aa0ad;
}

.clinic-role-doctor-scope-list{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.clinic-role-doctor-scope-item{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 10px;
  border: 1px solid #d7e5ee;
  background: #f8fbfd;
  font-size: 13px;
  font-weight: 600;
  color: #1e4d64;
  cursor: pointer;
  user-select: none;
}

.clinic-role-doctor-scope-item.is-checked{
  border-color: #7eb6d0;
  background: #e7f5fb;
}

.clinic-role-doctor-scope-item input{
  margin: 0;
}

body.theme-dark .clinic-role-doctor-scope-hint,
body.theme-dark .clinic-role-doctor-scope-empty{
  color: rgba(255, 255, 255, 0.55);
}

body.theme-dark .clinic-role-doctor-scope-item{
  border-color: rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.04);
  color: inherit;
}

body.theme-dark .clinic-role-doctor-scope-item.is-checked{
  border-color: rgba(126, 182, 208, 0.55);
  background: rgba(126, 182, 208, 0.14);
}

.lab-role-form-panel .clinic-patient-form-grid.lab-role-form-grid{
  grid-template-columns: 1fr;
  min-height: 0;
  flex: 0 1 auto;
  overflow-y: visible;
}

.lab-role-form-panel .clinic-patient-form-grid.lab-role-form-grid .clinic-patient-form-section:first-child{
  border-right: none;
  border-bottom: 1px solid #edf3f7;
}

/* Lab hasta detay modal (lpd) — kullanicilar/erisim paneli icin ortalanmis modal */

.lab-patient-modal-backdrop{
  position: fixed;
  inset: 0;
  z-index: 20000;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(15, 23, 42, 0.38);
  backdrop-filter: blur(3px);
  animation: dashBackdropIn 320ms ease-out both;
}

.lpd-modal{
  z-index: 20010;
  width: min(720px, calc(100vw - 48px));
  max-height: calc(100vh - 48px);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 18px;
  background: #fff;
  box-shadow:
    0 32px 64px -12px rgba(15, 23, 42, 0.22),
    0 12px 28px rgba(15, 23, 42, 0.1),
    0 0 0 1px rgba(15, 23, 42, 0.05);
  animation: patientModalScaleIn 380ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

/* Lab hasta detay — sag drawer (hastalar listesi) */

.lab-patient-drawer-backdrop{
  z-index: 20000;
}

.lab-patient-drawer.lpd-modal{
  z-index: 20001;
  width: min(640px, calc(100vw - 56px));
  max-height: calc(100vh - 48px);
  animation: clinicWoSlideIn 0.22s ease-out;
}

/* Hasta drawer: tedavi odontogramu panel genisligine yay */

.lab-patient-drawer .lpd-treatment-odonto-preview{
  width: 100%;
  max-width: none;
  margin: 12px 0 0;
  padding: 12px 14px;
}

.lab-patient-drawer .lpd-treatment-odonto-preview .Odontogram{
  width: 100% !important;
  max-width: none !important;
}

.lab-patient-drawer .lpd-treatment-odonto-preview.wo-odontogram-wrap--square .Odontogram svg{
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  margin: 0;
  display: block;
}

.lpd-header{
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 24px;
  border-bottom: 1px solid #edf3f7;
  background: #f8fafb;
}

.lpd-header-left{
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
}

.lpd-avatar{
  width: 42px;
  height: 42px;
  border-radius: 12px;
  background: var(--brand-primary);
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.lpd-name{
  margin: 0;
  font-size: 16px;
  font-weight: 700;
  color: #1a3a4a;
}

.lpd-sub{
  font-size: 12px;
  color: #64748b;
}

.lpd-header-right{
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

.lpd-edit-btn{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 16px;
  border: 1px solid #d6e3ec;
  border-radius: 10px;
  background: #fff;
  color: #475569;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.15s ease;
}

.lpd-edit-btn:hover{
  background: #f1f5f9;
  border-color: #c0d0de;
  color: #1a3a4a;
}

.lpd-close-btn{
  width: 34px;
  height: 34px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e2ecf3;
  border-radius: 10px;
  background: #fff;
  color: #64748b;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.15s ease;
}

.lpd-close-btn:hover{
  background: #fee2e2;
  border-color: #fca5a5;
  color: #dc2626;
}

.lpd-body{
  flex: 1;
  min-height: 0;
  overflow-y: auto;
}

.lpd-sections{
  display: flex;
  flex-direction: column;
}

.lpd-section h4{
  margin: 0;
  padding: 14px 24px 12px;
  font-size: 11px;
  font-weight: 700;
  color: #64748b;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  border-bottom: 1px solid #f0f4f8;
  background: #f8fafb;
}

.lpd-section h4::before{
  content: '';
  display: inline-block;
  width: 3px;
  height: 12px;
  background: var(--brand-primary);
  border-radius: 2px;
  margin-right: 8px;
  vertical-align: middle;
}

.lpd-field{
  display: grid;
  grid-template-columns: 140px 1fr;
  align-items: center;
  padding: 10px 24px;
  min-height: 40px;
}

.lpd-field + .lpd-field{
  border-top: 1px solid #f5f7fa;
}

.lpd-label{
  font-size: 12px;
  font-weight: 600;
  color: #475569;
}

.lpd-value{
  font-size: 13px;
  color: #1a3a4a;
  word-break: break-word;
}

/* Detay paneli — kompakt "etiket : deger" satirlari (gorsel referans) */

.lab-patient-drawer .lpd-section h4{
  padding: 10px 24px 7px;
}

.lab-patient-drawer .lpd-section--general .clinic-patient-form-fields{
  padding: 0;
}

/* ==========================================================================
   Hasta detay — yandan degil ORTADA modal; iki sutun: sol bilgi / sag tedavi
   ========================================================================== */

.lab-patient-drawer-backdrop{
  justify-content: center;
  align-items: center;
}

.lab-patient-drawer.lpd-modal{
  width: min(920px, calc(100vw - 48px));
  height: min(660px, calc(100vh - 48px));
  max-height: calc(100vh - 48px);
  border-radius: 18px;
  box-shadow:
    0 32px 64px -12px rgba(15, 23, 42, 0.22),
    0 12px 28px rgba(15, 23, 42, 0.1),
    0 0 0 1px rgba(15, 23, 42, 0.05);
  animation: patientModalScaleIn 320ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

.lab-patient-drawer .lpd-body{
  display: flex;
  overflow: hidden;
}

.lab-patient-drawer .lpd-sections{
  flex: 1;
  min-height: 0;
  display: grid;
  grid-template-columns: 320px minmax(0, 1fr);
}

.lab-patient-drawer .lpd-section{
  min-height: 0;
  overflow-y: auto;
}

.lab-patient-drawer .lpd-section--general{
  border-right: 1px solid #eef2f6;
  background: #fbfdfe;
}

.lab-patient-drawer .lpd-section h4{
  position: sticky;
  top: 0;
  z-index: 1;
}

.lab-patient-drawer .lpd-section > .lpd-info-head{
  position: sticky;
  top: 0;
  z-index: 1;
  background: #ffffff;
  padding-top: 16px;
  padding-bottom: 10px;
}

body.theme-dark .lab-patient-drawer .lpd-section > .lpd-info-head{
  background: var(--rw-surface, #18181b);
}

/* Sol sutun: bilgi alt-bolumleri tek sutunda alt alta */

@media (max-width: 720px) {
  .lab-patient-drawer.lpd-modal{
    height: auto;
    max-height: calc(100vh - 32px);
  }

  .lab-patient-drawer .lpd-sections{
    grid-template-columns: 1fr;
  }

  .lab-patient-drawer .lpd-section--general{
    border-right: none;
    border-bottom: 1px solid #eef2f6;
  }
}

body.theme-dark .lab-patient-drawer .lpd-section--general{
  background: rgba(255, 255, 255, 0.02);
  border-right-color: #27272a;
}

/* --------------------------------------------------------------------------
   Hasta detay — sol (hasta bilgileri) ve sag (tedaviler) sutun tasarimi
   -------------------------------------------------------------------------- */

.lab-patient-drawer.lpd-modal{
  border-radius: 14px;
}

/* Sutun basliklari — sade beyaz, ince alt cizgi + kucuk aksan */

.lab-patient-drawer .lpd-section h4{
  padding: 14px 22px 10px;
  background: #ffffff;
  border-bottom: 1px solid #eef2f6;
  color: #12566b;
  font-size: 12px;
  letter-spacing: 0.04em;
}

/* Sol sutun — gorseldeki gibi: ikon + etiket : deger listesi, ikon basliklar */

.lab-patient-drawer .lpd-section--general{
  background: #fbfdfe;
}

.lab-patient-drawer .lpd-info-list{
  display: flex;
  flex-direction: column;
  padding: 4px 0 12px;
}

.lpd-info-group + .lpd-info-group{
  margin-top: 4px;
  padding-top: 6px;
  border-top: 1px solid #eef2f6;
}

.lpd-info-head{
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 12px 22px 8px;
}

.lpd-info-head > i{
  font-size: 16px;
  color: #12566b;
}

.lpd-info-head > span{
  font-size: 14px;
  font-weight: 700;
  color: #16323f;
  letter-spacing: -0.01em;
}

.lpd-info-row{
  display: grid;
  grid-template-columns: 18px 90px 1fr;
  align-items: center;
  column-gap: 10px;
  padding: 6px 22px;
}

.lpd-info-icon{
  font-size: 15px;
  color: #9aa7b2;
  text-align: center;
}

.lpd-info-label{
  font-size: 13px;
  font-weight: 500;
  color: #64748b;
  white-space: nowrap;
}

.lpd-info-value{
  font-size: 13.5px;
  font-weight: 600;
  color: #16323f;
  word-break: break-word;
}

.lpd-info-value::before{
  content: ': ';
  color: #9aa7b2;
  font-weight: 500;
}

.lpd-info-value--empty{
  font-weight: 500;
  color: #94a3b8;
}

.lpd-info-hint{
  margin: 0;
  padding: 4px 22px 10px 51px;
  font-size: 12.5px;
  color: #94a3b8;
}

/* Sag sutun: tedavi kartlari — beyaz, yumusak kenar + hover + secili */

.lab-patient-drawer .lpd-treatment-list{
  padding: 12px 20px 18px;
  gap: 8px;
}

.lab-patient-drawer .lpd-treatment-item{
  background: #ffffff;
  border: 1px solid #e9eef3;
  border-radius: 12px;
  padding: 11px 13px;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.lab-patient-drawer .lpd-treatment-item:hover{
  border-color: #cfe0ea;
  box-shadow: 0 2px 10px rgba(15, 23, 42, 0.05);
}

.lab-patient-drawer .lpd-treatment-item--active{
  border-color: var(--brand-primary);
  background: #f4fbff;
  box-shadow: 0 0 0 1px var(--brand-primary) inset;
}

/* Koyu tema */

body.theme-dark .lab-patient-drawer .lpd-section h4{
  background: var(--rw-surface);
  border-bottom-color: var(--rw-border);
  color: var(--rw-text-strong);
}

body.theme-dark .lpd-info-group + .lpd-info-group{
  border-top-color: var(--rw-border);
}

body.theme-dark .lpd-info-head > span,
body.theme-dark .lpd-info-value{
  color: var(--rw-text-strong);
}

body.theme-dark .lpd-info-head > i{
  color: var(--rw-auth-accent, #5eb3e4);
}

body.theme-dark .lpd-info-value{
  color: var(--rw-text-strong);
}

body.theme-dark .lpd-info-label{
  color: var(--rw-text-muted);
}

body.theme-dark .lpd-info-icon{
  color: var(--rw-text-muted);
}

body.theme-dark .lpd-info-hint{
  color: var(--rw-text-muted);
}

body.theme-dark .lab-patient-drawer .lpd-section--general{
  background: rgba(255, 255, 255, 0.02);
  border-right-color: var(--rw-border, #27272a);
}

body.theme-dark .lab-patient-drawer .lpd-treatment-item{
  background: rgba(255, 255, 255, 0.02);
  border-color: var(--rw-border);
}

body.theme-dark .lab-patient-drawer .lpd-treatment-item:hover{
  border-color: var(--rw-border-soft);
}

body.theme-dark .lab-patient-drawer .lpd-treatment-item--active{
  border-color: var(--rw-auth-accent, #5eb3e4);
  background: rgba(59, 130, 246, 0.1);
  box-shadow: 0 0 0 1px var(--rw-auth-accent, #5eb3e4) inset;
}

.lpd-value-muted{
  font-size: 12px;
  color: #94a3b8;
}

.wo-field-required{
  color: #dc2626;
  font-weight: 700;
}

.lpd-section--activity{
  margin-top: 0;
  padding: 0;
}

.lab-patient-drawer .lpd-wo-scope-bar{
  margin: 0 0 4px;
  padding: 0 24px;
  min-height: 48px;
}

.lab-patient-drawer .lpd-wo-scope-bar .lab-wo-scope-tab{
  height: 48px;
}

.lpd-activity-error{
  margin: 8px 24px;
  font-size: 12px;
  color: #b91c1c;
}

.lpd-activity-loading,
.lpd-activity-empty,
.lpd-treatments-empty{
  padding: 4px 24px 12px;
}

.lpd-tracking-section-label{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 10px 24px 2px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #94a3b8;
}

.lpd-tracking-section-label > i{
  font-size: 12px;
}

.lpd-activity-history-groups{
  position: relative;
  padding: 8px 24px 16px 68px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.lpd-activity-history-groups::before{
  content: '';
  position: absolute;
  top: 20px;
  bottom: 28px;
  left: 42px;
  width: 2px;
  background: #e2e8f0;
}

.lpd-activity-history-group{
  position: relative;
}

.lpd-activity-history-group > .lpd-activity-marker{
  position: absolute;
  top: 10px;
  left: -49px;
  width: 36px;
  height: 36px;
  color: #fff;
  background: #3965f5;
  box-shadow: 0 0 0 5px #fff;
}

.lpd-activity-step-card{
  overflow: hidden;
  padding: 13px 15px;
  border: 1px solid #e4e9f2;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 2px 6px rgba(30, 41, 59, 0.03);
}

.lpd-activity-step-head{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.lpd-activity-step-tag{
  display: inline-flex;
  padding: 2px 6px;
  border-radius: 5px;
  font-size: 10px;
  font-weight: 700;
  color: #3159df;
  background: #e7edff;
}

.lpd-activity-step-label{
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.lpd-activity-step-number{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 19px;
  height: 19px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
  color: #fff;
  background: #3965f5;
}

.lpd-activity-step-title{
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 8px 0 0;
  padding: 0;
  border: 0;
  background: transparent;
  letter-spacing: -0.01em;
  text-transform: none;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 700;
  color: #16323f;
}

.lpd-activity-step-title::before{
  content: none;
  display: none;
}

.lpd-activity-step-title > i{
  font-size: 16px;
  color: #12566b;
  line-height: 1;
}

.lpd-activity-step-title > span{
  font-size: 14px;
  font-weight: 700;
  color: #16323f;
  letter-spacing: -0.01em;
}

.lpd-activity-step-owner{
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 8px;
  text-align: left;
  font-size: 11px;
  color: #64748b;
}

.lpd-activity-step-owner strong{
  color: #334155;
  font-size: 12px;
}

.lpd-activity-step-owner small{
  font-size: 10px;
  color: #94a3b8;
}

.lpd-activity-step-avatar{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 999px;
  color: #3965f5;
  background: #edf1ff;
  font-weight: 700;
}

.lpd-activity-step-meta{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 18px;
  margin-top: 10px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  font-size: 12px;
  color: #64748b;
}

.lpd-activity-step-meta time{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  line-height: 1;
  white-space: nowrap;
}

.lpd-activity-step-meta time i{
  font-size: 13px;
  line-height: 1;
}

.lpd-activity-step-changes{
  margin-top: 12px;
  padding: 10px 12px;
  border: 1px solid #e1e8ff;
  border-radius: 7px;
  background: #f7f9ff;
  color: #475569;
}

.lpd-activity-step-changes > strong{
  display: block;
  margin-bottom: 6px;
  font-size: 11px;
  color: #3159df;
}

.lpd-activity-step-changes p{
  margin: 0;
  font-size: 12px;
}

.lpd-activity-step-changes ul{
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.lpd-activity-step-changes li{
  display: flex;
  justify-content: space-between;
  gap: 8px;
  font-size: 12px;
}

.lpd-activity-step-changes li::before{
  content: '\F26A';
  margin-right: 6px;
  font-family: bootstrap-icons;
  color: #3965f5;
}

.lpd-activity-step-changes li > span{
  margin-right: auto;
}

.lpd-activity-step-changes li > span em{
  display: block;
  margin-top: 2px;
  font-size: 11px;
  font-style: normal;
  color: #64748b;
}

.lpd-activity-step-changes small{
  color: #94a3b8;
  white-space: nowrap;
}

.lpd-activity-marker{
  width: 28px;
  height: 28px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #eef6fb;
  color: var(--brand-primary);
  font-size: 12px;
  z-index: 1;
}

.lpd-activity-photos{
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 8px;
}

.lpd-activity-photo-group{
  display: grid;
  gap: 4px;
}

.lpd-activity-photo-group > span{
  font-size: 11px;
  font-weight: 600;
  color: #64748b;
}

.lpd-activity-photo-list{
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.lpd-activity-photo{
  width: 44px;
  height: 44px;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #e2e8f0;
  display: block;
}

.lpd-activity-photo img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

body.theme-dark .lpd-activity-history-group{
  background: transparent;
}

body.theme-dark .lpd-activity-history-groups::before{
  background: #2a3848;
}

body.theme-dark .lpd-activity-history-group > .lpd-activity-marker{
  box-shadow: 0 0 0 5px #15202b;
}

body.theme-dark .lpd-activity-step-card{
  background: #15202b;
  border-color: #2a3848;
}

body.theme-dark .lpd-activity-step-title,
body.theme-dark .lpd-activity-step-title > span{
  color: #e8eef3;
}

body.theme-dark .lpd-activity-step-title > i{
  color: #7ec8e8;
}

body.theme-dark .lpd-activity-step-meta{
  color: #8aa0b2;
}

body.theme-dark .lpd-activity-step-changes{
  background: rgba(57, 101, 245, 0.08);
  border-color: rgba(91, 126, 255, 0.24);
}

body.theme-dark .lpd-activity-marker{
  background: var(--brand-primary-soft);
  color: #7ec8e8;
}

body.theme-dark .lpd-activity-photo{
  border-color: #2a3848;
}

body.theme-dark .lpd-tracking-section-label{
  color: #8aa0b2;
}

.lpd-treatment-list{
  list-style: none;
  margin: 0;
  padding: 12px 24px 16px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.lpd-treatment-item{
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0;
  padding: 10px 12px;
  background: #f8fafc;
  border: 1px solid #e8eef3;
  border-radius: 10px;
}

.lpd-treatment-item--preview-open{
  padding-bottom: 12px;
}

.lpd-treatment-odonto-collapsible{
  display: grid;
  grid-template-rows: 0fr;
  opacity: 0;
  transition:
    grid-template-rows 0.5s cubic-bezier(0.4, 0, 0.2, 1),
    opacity 0.42s ease;
}

.lpd-treatment-odonto-collapsible--open{
  grid-template-rows: 1fr;
  opacity: 1;
}

.lpd-treatment-odonto-collapsible-inner{
  overflow: hidden;
  min-height: 0;
}

@media (prefers-reduced-motion: reduce) {
  .lpd-treatment-odonto-collapsible{
    transition: none;
  }
}

.lpd-treatment-main-row{
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 12px;
  width: 100%;
}

.lpd-treatment-main-row--clickable{
  cursor: pointer;
  border-radius: 8px;
  margin: -4px -6px;
  padding: 4px 6px;
  transition: background 0.15s ease;
}

.lpd-treatment-main-row--clickable:hover{
  background: rgba(37, 99, 235, 0.06);
}

.lpd-treatment-main-row--clickable:focus-visible{
  outline: 2px solid rgba(37, 99, 235, 0.45);
  outline-offset: 2px;
}

.lpd-treatment-body{
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 0;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  text-align: left;
  font: inherit;
  color: inherit;
}

.lpd-treatment-body--clickable{
  cursor: pointer;
  border-radius: 8px;
  transition: background 0.15s ease;
}

.lpd-treatment-body--clickable:hover{
  background: rgba(37, 99, 235, 0.06);
}

.lpd-treatment-body--clickable:disabled{
  cursor: default;
}

.lpd-treatment-preview-chevron{
  flex-shrink: 0;
  margin-left: auto;
  font-size: 14px;
  color: #64748b;
  transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1);
}

.lpd-treatment-item--preview-open .lpd-treatment-preview-chevron{
  transform: rotate(180deg);
}

@media (prefers-reduced-motion: reduce) {
  .lpd-treatment-preview-chevron{
    transition: none;
  }
}

.lpd-treatment-odonto-preview{
  width: 100%;
  max-width: 300px;
  margin: 10px auto 0;
  padding: 8px 10px;
  background: #f8fbfd;
  border: 1px solid #e0e8ed;
  border-radius: 10px;
  box-sizing: border-box;
}

.lpd-treatment-odonto-preview .Odontogram{
  width: 100% !important;
  max-width: none !important;
}

.lpd-treatment-odonto-preview .Odontogram svg{
  width: 100% !important;
  max-width: 280px !important;
  height: auto !important;
  margin: 0 auto;
  display: block;
}

.lpd-treatment-odonto-preview-empty{
  margin: 10px 0 0;
  padding: 12px;
  text-align: center;
  font-size: 12px;
  color: #94a3b8;
}

.lpd-treatment-work-order-btn{
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  border: 0;
  border-radius: 8px;
  padding: 6px 12px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  color: #fff;
  background: var(--brand-primary);
  cursor: pointer;
  white-space: nowrap;
  transition: filter 0.15s ease, transform 0.1s ease;
}

.lpd-treatment-work-order-btn:hover{
  filter: brightness(1.06);
}

.lpd-treatment-work-order-btn:active{
  transform: scale(0.98);
}

.lpd-treatment-actions{
  flex-shrink: 0;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

.lpd-treatment-work-order-wrap{
  flex-shrink: 0;
  display: inline-flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 6px;
}

.lpd-treatment-doctor{
  font-size: 12px;
  font-weight: 500;
  color: var(--dash-text-muted, #64748b);
  white-space: nowrap;
}

.lpd-treatment-complete-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  border: 1px solid #bbf7d0;
  border-radius: 8px;
  padding: 6px 12px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  color: #166534;
  background: #f7fef9;
  cursor: pointer;
  white-space: nowrap;
  transition: background 0.15s ease, border-color 0.15s ease;
}

.lpd-treatment-complete-btn:hover{
  background: #ecfdf3;
  border-color: #86efac;
}

.lpd-treatment-status-pill{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 10px;
  border-radius: 6px;
  border: none;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
}

.lpd-treatment-status-pill--in_progress{
  color: var(--status-progress-text);
  background: var(--status-progress-bg);
}

.lpd-treatment-status-pill--completed{
  color: var(--status-completed-text);
  background: var(--status-completed-bg);
}

.lpd-treatment-status-select{
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 4px 8px;
  font-size: 12px;
  font-weight: 500;
  color: #334155;
  background: #fff;
  cursor: pointer;
}

.wo-odontogram-wrap--readonly{
  pointer-events: none;
  opacity: 0.92;
}

.wo-treatment-readonly{
  padding: 10px 12px;
  background: #f8fafc;
  border: 1px solid #e8eef3;
  border-radius: 10px;
}

.wo-treatment-readonly-name{
  font-size: 14px;
  font-weight: 600;
  color: #1a3a4a;
}

.wo-saved-treatment-row{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  margin: 0;
  font-size: 11px;
}

.wo-saved-treatment-row strong{
  color: #1a3a4a;
}

.wo-saved-treatment-row .lab-patient-teeth-pills{
  display: inline-flex;
  flex-wrap: wrap;
  gap: 4px;
}

.lpd-treatment-head{
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 12px;
  flex: 1;
  min-width: 0;
  width: 100%;
}

.lpd-treatment-name{
  flex: 0 0 auto;
  font-size: 13px;
  font-weight: 600;
  color: #1a3a4a;
  white-space: nowrap;
}

.lpd-treatment-teeth-wrap{
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
}

.lpd-treatment-note{
  flex: 1 1 auto;
  min-width: 0;
  font-size: 12px;
  font-weight: 400;
  color: #64748b;
  line-height: 1.35;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.lpd-treatment-note-label{
  font-size: 12px;
  font-weight: 600;
  color: #475569;
}

.clinic-treatment-confirm-btn{
  border: 0;
  border-radius: 10px;
  padding: 10px 18px;
  font-size: 13px;
  font-weight: 700;
  color: #ffffff;
  background: var(--brand-primary);
  box-shadow: 0 8px 20px rgba(31, 122, 168, 0.22);
}

.clinic-detail-overlay{
  z-index: 20000;
}

.clinic-detail-sub-panel{
  width: min(620px, calc(100% - 32px));
}

.clinic-detail-sub-body{
  padding: 8px 0 0;
}

.clinic-detail-sub-placeholder{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 14px;
  padding: 56px 24px;
  text-align: center;
}

.clinic-detail-sub-placeholder .bi{
  font-size: 2.4rem;
  color: #94a3b8;
}

.clinic-detail-sub-placeholder p{
  margin: 0;
  font-size: 14px;
  color: #64748b;
  line-height: 1.5;
}

.clinic-patient-filter{
  width: 200px;
  min-width: 180px;
}

.clinic-patient-table-card{
  border-radius: 16px;
  border: 1px solid #e2ecf3;
  overflow: hidden;
}

.clinic-patient-table-card .tech-table{
  table-layout: fixed;
}

.clinic-patient-table-card .tech-table thead th{
  background: #f8fafb;
  border-bottom: 1px solid #edf3f7;
  padding: 12px 20px;
  font-size: 11px;
  font-weight: 700;
  color: #64748b;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.clinic-patient-table-card .tech-table thead th::before{
  content: '';
  display: inline-block;
  width: 2px;
  height: 10px;
  background: #cbd5e1;
  border-radius: 1px;
  margin-right: 8px;
  vertical-align: middle;
}

.clinic-patient-table-card .tech-table thead th:first-child::before{
  background: var(--brand-primary);
}

.clinic-patient-table-card .tech-table tbody td{
  padding: 10px 20px;
  border-bottom: 1px solid #f5f7fa;
  font-size: 13px;
  color: #334155;
}

.clinic-patient-table-card .tech-table tbody tr:nth-child(odd){
  background: #fff;
}

.clinic-patient-table-card .tech-table tbody tr:nth-child(even){
  background: #fafcfd;
}

.clinic-patient-table-card .tech-table tbody tr:hover{
  background: #f0f6fb;
}

.clinic-patient-table-card .tech-table tbody td:first-child{
  font-weight: 600;
  color: #1a3a4a;
}

.clinic-patient-row{
  cursor: pointer;
  transition: background 0.12s ease;
}

.clinic-patient-row--active{
  background: #eef5fb !important;
  box-shadow: inset 3px 0 0 var(--brand-primary);
}

.clinic-patient-table-card .tech-table thead th.clinic-patients-actions-col,
.clinic-patient-table-card .tech-table tbody td.clinic-patients-actions-cell{
  width: 88px;
  text-align: right;
  white-space: nowrap;
  vertical-align: middle;
}

.clinic-patient-table-card .tech-table thead th.clinic-patients-actions-col::before{
  background: #94a3b8;
}

.clinic-patient-status{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  padding: 4px 10px;
  font-size: 11px;
  font-weight: 700;
}

.clinic-patient-status--complete{
  background: #ebfbf2;
  color: #1f8652;
}

.clinic-patient-status--partial{
  background: #fff8e8;
  color: #a8711c;
}

.clinic-patient-status--incomplete{
  background: #fff0f0;
  color: #c04747;
}

.clinic-patient-detail-panel-wrap{
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 14px;
}

.clinic-patient-detail-panel-backdrop{
  position: absolute;
  inset: 0;
  border: 0;
  background: rgba(8, 24, 40, 0.3);
}

.clinic-patient-detail-panel-wrap--inline .clinic-patient-side-actions{
  align-self: stretch;
}

.clinic-patient-detail-panel{
  position: relative;
  width: 100%;
  max-height: none;
  background: #ffffff;
  border: 1px solid #dbe7ef;
  border-radius: 16px;
  box-shadow: 0 24px 60px rgba(10, 37, 64, 0.22);
  padding: 18px;
  overflow-y: auto;
}

.clinic-patient-side-actions{
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 184px;
  border: 1px solid #dbe7ef;
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 0 10px 24px rgba(10, 37, 64, 0.1);
  padding: 12px;
}

.clinic-patient-side-actions--left{
  margin-right: 10px;
  justify-content: flex-start;
}

.clinic-patient-side-actions--right{
  margin-left: 10px;
  justify-content: flex-start;
}

.clinic-patient-side-title{
  margin: 2px 2px 8px;
  font-size: 13px;
  color: #173d52;
  font-weight: 700;
}

.clinic-patient-modal-backdrop{
  position: fixed;
  inset: 0;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(15, 23, 42, 0.38);
  backdrop-filter: blur(3px);
  animation: patientModalFadeIn 0.2s ease both;
}

@keyframes patientModalFadeIn {
  from{ opacity: 0; }
  to{ opacity: 1; }
}

/* ── Hasta detay modal (cpd = clinic patient detail) ── */

.cpd-modal{
  width: min(1080px, calc(100vw - 48px));
  max-height: calc(100vh - 48px);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 18px;
  background: #fff;
  box-shadow:
    0 32px 64px -12px rgba(15, 23, 42, 0.22),
    0 12px 28px rgba(15, 23, 42, 0.1),
    0 0 0 1px rgba(15, 23, 42, 0.05);
  animation: patientModalScaleIn 0.22s ease-out both;
}

@keyframes patientModalScaleIn {
  from{ opacity: 0; transform: scale(0.96) translateY(8px); }
  to{ opacity: 1; transform: scale(1) translateY(0); }
}

.cpd-header{
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 24px;
  border-bottom: 1px solid #edf3f7;
  background: #f8fafb;
}

.cpd-header-left{
  display: flex;
  align-items: center;
  gap: 14px;
}

.cpd-avatar{
  width: 42px;
  height: 42px;
  border-radius: 12px;
  background: var(--brand-primary);
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.cpd-name{
  margin: 0;
  font-size: 16px;
  font-weight: 700;
  color: #1a3a4a;
}

.cpd-sub{
  font-size: 12px;
  color: #64748b;
}

.cpd-header-right{
  display: flex;
  align-items: center;
  gap: 8px;
}

.cpd-edit-btn{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 16px;
  border: 1px solid #d6e3ec;
  border-radius: 10px;
  background: #fff;
  color: #475569;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.15s ease;
}

.cpd-edit-btn:hover{
  background: #f1f5f9;
  border-color: #c0d0de;
  color: #1a3a4a;
}

.cpd-delete-btn{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 16px;
  border: 1px solid #fecaca;
  border-radius: 10px;
  background: #fff;
  color: #dc2626;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.15s ease;
}

.cpd-delete-btn:hover{
  background: #fef2f2;
  border-color: #f87171;
}

.cpd-close-btn{
  width: 34px;
  height: 34px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e2ecf3;
  border-radius: 10px;
  background: #fff;
  color: #64748b;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.15s ease;
}

.cpd-close-btn:hover{
  background: #fee2e2;
  border-color: #fca5a5;
  color: #dc2626;
}

.cpd-body{
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding: 0;
}

.cpd-sections{
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 100%;
}

.cpd-section{
  display: flex;
  flex-direction: column;
}

.cpd-section:first-child{
  border-right: 1px solid #edf3f7;
}

.cpd-section h4{
  margin: 0;
  padding: 14px 24px 12px;
  font-size: 11px;
  font-weight: 700;
  color: #64748b;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  border-bottom: 1px solid #f0f4f8;
  background: #f8fafb;
}

.cpd-section h4::before{
  content: '';
  display: inline-block;
  width: 3px;
  height: 12px;
  background: var(--brand-primary);
  border-radius: 2px;
  margin-right: 8px;
  vertical-align: middle;
}

.cpd-fields{
  display: flex;
  flex-direction: column;
  padding: 4px 0;
}

.cpd-field{
  display: grid;
  grid-template-columns: 120px 1fr;
  align-items: center;
  padding: 8px 24px;
  min-height: 36px;
}

.cpd-field + .cpd-field{
  border-top: 1px solid #f5f7fa;
}

.cpd-label{
  font-size: 12px;
  font-weight: 600;
  color: #475569;
}

.cpd-value{
  font-size: 13px;
  color: #1a3a4a;
  word-break: break-word;
}

.cpd-field--full{
  grid-template-columns: 120px 1fr;
}

.patient-audit-bar{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px 32px;
  flex-wrap: wrap;
  padding: 14px 24px;
  border-top: 1px solid #e2e8f0;
  border-bottom: 1px solid #e2e8f0;
  background: #fff;
}

.patient-audit-item{
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 6px 10px;
  font-size: 11px;
  color: #64748b;
}

.patient-audit-label{
  font-size: 11px;
  font-weight: 400;
  color: #64748b;
}

.patient-audit-item strong{
  font-size: 11px;
  font-weight: 700;
  color: #1e293b;
}

.patient-audit-date{
  font-size: 11px;
  color: #64748b;
}

.cpd-modal .patient-audit-bar,
.lpd-modal .patient-audit-bar{
  flex-shrink: 0;
}

.cpd-footer{
  flex-shrink: 0;
  padding: 12px 24px;
  border-top: 1px solid #edf3f7;
  background: #f8fafb;
}

.cpd-nav-tabs{
  display: flex;
  gap: 8px;
}

.cpd-tab{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 18px;
  border: 1px solid #d6e3ec;
  border-radius: 10px;
  background: #fff;
  color: #475569;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.15s ease;
}

.cpd-tab:hover{
  background: #f1f5f9;
  border-color: #c0d0de;
}

.cpd-tab--active{
  background: var(--brand-primary);
  color: #fff;
  border-color: transparent;
  box-shadow: 0 2px 8px rgba(37, 99, 235, 0.25);
}

.cpd-tab--active:hover{
  background: linear-gradient(135deg, var(--brand-primary-deep), #1a6f94);
  color: #fff;
}

@media (max-width: 720px) {
  .cpd-modal{
    width: calc(100vw - 24px);
    max-height: calc(100vh - 32px);
    border-radius: 14px;
  }

  .cpd-sections{
    grid-template-columns: 1fr;
  }

  .cpd-section:first-child{
    border-right: none;
    border-bottom: 1px solid #edf3f7;
  }

  .cpd-nav-tabs{
    flex-wrap: wrap;
  }

  .cpd-header{
    flex-wrap: wrap;
    gap: 10px;
  }
}

body.theme-dark .clinic-patient-modal-backdrop{
  background: rgba(0, 0, 0, 0.5);
}

body.theme-dark .cpd-modal{
  background: #141a21;
  box-shadow:
    0 32px 64px rgba(0, 0, 0, 0.5),
    0 0 0 1px rgba(255, 255, 255, 0.06);
}

body.theme-dark .cpd-header,
body.theme-dark .cpd-footer,
body.theme-dark .cpd-section h4{
  background: #1a2230;
  border-color: #2a3441;
}

body.theme-dark .cpd-name{ color: #e2e8f0; }

body.theme-dark .cpd-value{ color: #cbd5e1; }

body.theme-dark .cpd-label{ color: #94a3b8; }

body.theme-dark .cpd-field + .cpd-field{ border-color: #1e2a38; }

body.theme-dark .cpd-section:first-child{ border-right-color: #2a3441; }

body.theme-dark .cpd-edit-btn,
body.theme-dark .cpd-close-btn,
body.theme-dark .cpd-tab{ background: #1a2230; border-color: #2a3441; color: #94a3b8; }

body.theme-dark .cpd-tab--active{ background: var(--brand-primary); color: #fff; border-color: transparent; }

.clinic-patient-detail-head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.clinic-patient-detail-head h3{
  margin: 0;
  font-size: 18px;
  color: #173d52;
}

.clinic-patient-detail-close{
  border: 0;
  background: #f1f5f9;
  color: #475569;
  width: 32px;
  height: 32px;
  border-radius: 10px;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  flex-shrink: 0;
  transition: background 0.15s ease, color 0.15s ease;
}

.clinic-patient-detail-close:hover{
  background: #e2e8f0;
  color: #0f172a;
}

.clinic-patient-edit-btn{
  border: 1px solid #d0deea;
  background: #f8fbfd;
  color: #1f4b63;
  border-radius: 8px;
  padding: 11px 16px;
  font-size: 14px;
  font-weight: 700;
  width: 100%;
}

.clinic-patient-view-tab{
  border: 1px solid #d0deea;
  background: #f8fbfd;
  color: #30566c;
  border-radius: 8px;
  padding: 10px 14px;
  font-size: 14px;
  font-weight: 600;
  text-align: left;
  width: 100%;
}

.clinic-patient-view-tab--active{
  background: var(--brand-primary-deep);
  color: #ffffff;
  border-color: var(--brand-primary-deep);
}

.clinic-patient-detail-grid{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 12px;
}

.clinic-patient-detail-grid div{
  border: 1px solid #dfebf3;
  border-radius: 6px;
  padding: 10px;
  background: #fbfdff;
}

.clinic-patient-detail-grid span{
  display: block;
  font-size: 11px;
  color: #678395;
  margin-bottom: 4px;
}

.clinic-patient-detail-grid strong{
  display: block;
  font-size: 13px;
  color: #173d52;
}

.clinic-patient-detail-address{
  border: 1px solid #dfebf3;
  border-radius: 6px;
  padding: 10px;
  background: #fbfdff;
}

.clinic-patient-detail-address span{
  display: block;
  font-size: 11px;
  color: #678395;
  margin-bottom: 6px;
}

.clinic-patient-detail-address p{
  margin: 0;
  color: #173d52;
}

@media (max-width: 700px) {
  .tech-header{
    align-items: stretch;
  }

  .wo-orders-toolbar{
    flex-direction: column;
    align-items: stretch;
  }

  .wo-orders-toolbar-actions{
    margin-left: 0;
    width: 100%;
  }

  .wo-orders-toolbar-actions .tech-add-btn,
.wo-orders-toolbar-actions .wo-filter-btn{
    flex: 1;
    justify-content: center;
  }

  .wo-filter-popover{
    right: 24px;
    left: auto;
    width: min(300px, calc(100vw - 48px));
  }

  .wo-filter-split-row{
    grid-template-columns: 1fr;
  }

  .wo-filter-date-row{
    grid-template-columns: 1fr;
  }

  .tech-toolbar{
    width: 100%;
    flex-wrap: wrap;
    gap: 8px;
  }

  .tech-search-input{
    width: 100%;
  }

  .tech-add-btn{
    width: 100%;
  }

  .tech-form-grid{
    grid-template-columns: 1fr;
  }

  .zd-trial-fields.tech-form-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .tech-field--full,
.tech-form button[type='submit']{
    grid-column: auto;
  }

  .clinic-patient-form-grid{
    grid-template-columns: 1fr;
  }

  .clinic-patient-stats{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .clinic-patient-detail-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .clinic-treatment-page{
    grid-template-columns: 1fr;
  }

  .clinic-patient-detail-panel-wrap{
    flex-direction: column;
    gap: 10px;
  }

  .clinic-patient-side-actions{
    width: 100%;
    min-width: 0;
    margin: 0;
  }

  .clinic-patient-side-actions--left,
.clinic-patient-side-actions--right{
    margin: 0;
  }

  .clinic-patient-detail-panel{
    width: 100%;
  }

  .clinic-patient-filter{
    width: 100%;
  }

  .clinic-patient-form-section:first-child{
    border-right: none;
    border-bottom: 1px solid #edf3f7;
  }

  .wo-active-orders-list{
    grid-template-columns: 1fr;
  }
}

.dash-nav-icon{
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  background: currentColor;
}

.dash-nav-icon--home{
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z'/%3E%3C/svg%3E") center / contain no-repeat;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.dash-nav-icon--cal{
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M19 4h-1V2h-2v2H8V2H6v2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V10h14v10zM5 8V6h14v2H5z'/%3E%3C/svg%3E") center / contain no-repeat;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M19 4h-1V2h-2v2H8V2H6v2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V10h14v10zM5 8V6h14v2H5z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.dash-nav-icon--users{
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5s-3 1.34-3 3 1.34 3 3 3zm-8 0c1.66 0 3-1.34 3-3S9.66 5 8 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.84 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z'/%3E%3C/svg%3E") center / contain no-repeat;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5s-3 1.34-3 3 1.34 3 3 3zm-8 0c1.66 0 3-1.34 3-3S9.66 5 8 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.84 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.dash-nav-icon--lab{
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.61 5.64 5.36 8.04 2.35 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM14 13v4h-4v-4H7l5-5 5 5h-3z'/%3E%3C/svg%3E") center / contain no-repeat;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.61 5.64 5.36 8.04 2.35 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM14 13v4h-4v-4H7l5-5 5 5h-3z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.dash-nav-icon--chart{
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V5h14v14zM7 10h2v7H7zm4-3h2v10h-2zm4-3h2v13h-2z'/%3E%3C/svg%3E") center / contain no-repeat;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V5h14v14zM7 10h2v7H7zm4-3h2v10h-2zm4-3h2v13h-2z'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* --- Lucide nav ikonlari ---------------------------------------------------
   <i class="bi ..."> yerine inline <svg> kullanilan navigasyon ikonlari.
   Font tabanli ikonlarda boyut font-size ile veriliyordu; SVG'de olcu
   width/height uzerinden gelir. Renk stroke: currentColor ile devralinir. */

svg.nav-icon,
svg.dash-sidebar-action-icon,
svg.mobile-bottom-nav__icon{
  flex-shrink: 0;
  stroke: currentColor;
  fill: none;
}

svg.nav-icon{
  width: 16px;
  height: 16px;
}

.dash-sidebar-action svg.nav-icon,
svg.dash-sidebar-action-icon{
  width: 14px;
  height: 14px;
}

.dash-sidebar-bottom{
  margin-top: auto;
  padding: 10px 4px 4px;
  border-top: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.dash-layout--collapsed .dash-brand,
.dash-layout:has(.dash-sidebar--collapsed) .dash-brand{
  justify-content: flex-start;
  padding: 2px 6px 10px;
}

.dash-layout--collapsed .dash-brand-text,
.dash-layout:has(.dash-sidebar--collapsed) .dash-brand-text{
  visibility: hidden;
  max-width: 0;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}

.dash-layout--collapsed .dash-nav-search-slot,
.dash-layout:has(.dash-sidebar--collapsed) .dash-nav-search-slot{
  overflow: visible;
  z-index: 45;
}

.dash-layout--collapsed .dash-nav-search-slot .dash-global-search,
.dash-layout:has(.dash-sidebar--collapsed) .dash-nav-search-slot .dash-global-search{
  max-width: none;
  overflow: visible;
}

.dash-layout--collapsed .dash-nav-search-slot .dash-topbar-search,
.dash-layout:has(.dash-sidebar--collapsed) .dash-nav-search-slot .dash-topbar-search{
  position: relative;
  width: 100%;
  height: 34px;
  min-height: 34px;
  justify-content: flex-start;
  gap: 0;
  padding: 9px 4px 9px 10px;
  border: 0;
  background: transparent;
  box-shadow: none;
  cursor: pointer;
}

.dash-layout--collapsed .dash-nav-search-slot .dash-topbar-search:hover,
.dash-layout:has(.dash-sidebar--collapsed) .dash-nav-search-slot .dash-topbar-search:hover{
  background: #e8e8ed;
}

.dash-layout--collapsed .dash-nav-search-slot .dash-topbar-search:focus-within,
.dash-layout--collapsed .dash-nav-search-slot .dash-global-search--open .dash-topbar-search,
.dash-layout:has(.dash-sidebar--collapsed) .dash-nav-search-slot .dash-topbar-search:focus-within,
.dash-layout:has(.dash-sidebar--collapsed) .dash-nav-search-slot .dash-global-search--open .dash-topbar-search{
  background: #e8e8ed;
  cursor: default;
}

.dash-layout--collapsed .dash-nav-search-slot .dash-topbar-search i,
.dash-layout:has(.dash-sidebar--collapsed) .dash-nav-search-slot .dash-topbar-search i{
  font-size: 16px;
  line-height: 1;
  width: 16px;
  height: 16px;
  color: #374151;
}

.dash-layout--collapsed .dash-nav-search-slot .dash-topbar-search-kbd,
.dash-layout:has(.dash-sidebar--collapsed) .dash-nav-search-slot .dash-topbar-search-kbd{
  display: none;
}

.dash-layout--collapsed .dash-nav-search-slot .dash-topbar-search input,
.dash-layout:has(.dash-sidebar--collapsed) .dash-nav-search-slot .dash-topbar-search input{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  min-width: 0;
  padding: 0;
  border: 0;
  opacity: 0;
  cursor: pointer;
}

.dash-layout--collapsed .dash-nav-search-slot .dash-topbar-search:focus-within input,
.dash-layout--collapsed .dash-nav-search-slot .dash-global-search--open .dash-topbar-search input,
.dash-layout:has(.dash-sidebar--collapsed) .dash-nav-search-slot .dash-topbar-search:focus-within input,
.dash-layout:has(.dash-sidebar--collapsed) .dash-nav-search-slot .dash-global-search--open .dash-topbar-search input{
  left: calc(100% + 12px);
  top: 0;
  width: 280px;
  height: 37px;
  padding: 0 12px;
  opacity: 1;
  cursor: text;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #ffffff;
  color: #1f2937;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.12);
}

.dash-layout--collapsed .dash-nav-search-slot .dash-global-search-results,
.dash-layout:has(.dash-sidebar--collapsed) .dash-nav-search-slot .dash-global-search-results{
  left: calc(100% + 12px);
  right: auto;
  top: calc(100% + 8px);
  width: 280px;
  max-width: 280px;
}

.dash-layout--collapsed .dash-nav-search-slot .dash-topbar-search:hover:not(:focus-within)::after,
.dash-layout:has(.dash-sidebar--collapsed) .dash-nav-search-slot .dash-topbar-search:hover:not(:focus-within)::after{
  content: attr(data-nav-label);
  position: absolute;
  left: calc(100% + 12px);
  top: 50%;
  transform: translateY(-50%);
  z-index: 60;
  padding: 8px 10px;
  border-radius: 10px;
  background: rgba(15, 23, 42, 0.94);
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.2);
  pointer-events: none;
}

.dash-layout--collapsed .dash-sidebar:has(.dash-nav-search-slot .dash-global-search:focus-within),
.dash-layout--collapsed .dash-sidebar:has(.dash-nav-search-slot .dash-global-search--open),
.dash-layout:has(.dash-sidebar--collapsed) .dash-sidebar:has(.dash-nav-search-slot .dash-global-search:focus-within),
.dash-layout:has(.dash-sidebar--collapsed) .dash-sidebar:has(.dash-nav-search-slot .dash-global-search--open){
  z-index: 220;
}

body.theme-dark .dash-layout--collapsed .dash-nav-search-slot .dash-topbar-search:hover,
body.theme-dark .dash-layout--collapsed .dash-nav-search-slot .dash-topbar-search:focus-within,
body.theme-dark .dash-layout--collapsed .dash-nav-search-slot .dash-global-search--open .dash-topbar-search,
body.theme-dark .dash-layout:has(.dash-sidebar--collapsed) .dash-nav-search-slot .dash-topbar-search:hover,
body.theme-dark .dash-layout:has(.dash-sidebar--collapsed) .dash-nav-search-slot .dash-topbar-search:focus-within,
body.theme-dark .dash-layout:has(.dash-sidebar--collapsed) .dash-nav-search-slot .dash-global-search--open .dash-topbar-search{
  background: #27272a;
}

body.theme-dark .dash-layout--collapsed .dash-nav-search-slot .dash-topbar-search i,
body.theme-dark .dash-layout:has(.dash-sidebar--collapsed) .dash-nav-search-slot .dash-topbar-search i{
  color: #d4d4d8;
}

body.theme-dark .dash-layout--collapsed .dash-nav-search-slot .dash-topbar-search:focus-within input,
body.theme-dark .dash-layout--collapsed .dash-nav-search-slot .dash-global-search--open .dash-topbar-search input,
body.theme-dark .dash-layout:has(.dash-sidebar--collapsed) .dash-nav-search-slot .dash-topbar-search:focus-within input,
body.theme-dark .dash-layout:has(.dash-sidebar--collapsed) .dash-nav-search-slot .dash-global-search--open .dash-topbar-search input{
  background: #25292f;
  border-color: #31363d;
  color: #edf2f7;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.4);
}

/* Baslik metinleri dar modda gizli; yerleri korunur (ikonlar kaymasin) */

.dash-layout--collapsed .dash-nav-subtitle,
.dash-layout:has(.dash-sidebar--collapsed) .dash-nav-subtitle{
  visibility: hidden;
  position: relative;
}

.dash-layout--collapsed .dash-nav-subtitle::after,
.dash-layout:has(.dash-sidebar--collapsed) .dash-nav-subtitle::after{
  content: '';
  visibility: visible;
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 2px;
  height: 1px;
  background: #e0dfe4;
  pointer-events: none;
}

body.theme-dark .dash-layout--collapsed .dash-nav-subtitle::after,
body.theme-dark .dash-layout:has(.dash-sidebar--collapsed) .dash-nav-subtitle::after{
  background: #3f3f46;
}

/* Dar modda bolum sarmalayicilari duz akista kalsin — ikon hizasi bozulmasin */

.dash-layout--collapsed .dash-nav-section,
.dash-layout:has(.dash-sidebar--collapsed) .dash-nav-section,
.dash-layout--collapsed .dash-nav-section-links,
.dash-layout:has(.dash-sidebar--collapsed) .dash-nav-section-links{
  display: contents;
}

.dash-nav-rail-divider{
  display: none;
}

body.theme-dark .dash-layout--collapsed .dash-sidebar-bottom::before,
body.theme-dark .dash-layout:has(.dash-sidebar--collapsed) .dash-sidebar-bottom::before{
  background: #3f3f46;
}

.dash-layout--collapsed .dash-nav-link,
.dash-layout--collapsed .dash-nav-group-toggle,
.dash-layout:has(.dash-sidebar--collapsed) .dash-nav-link,
.dash-layout:has(.dash-sidebar--collapsed) .dash-nav-group-toggle{
  position: relative;
  box-sizing: border-box;
  width: 100%;
  min-height: 34px;
  justify-content: flex-start;
  align-items: center;
  gap: 0;
  padding: 9px 4px 9px 10px;
  font-size: 0;
  line-height: 0;
}

.dash-layout--collapsed .dash-nav-group,
.dash-layout:has(.dash-sidebar--collapsed) .dash-nav-group{
  display: block;
  width: 100%;
}

.dash-layout--collapsed .dash-nav-link .nav-icon,
.dash-layout--collapsed .dash-nav-group-toggle .nav-icon,
.dash-layout:has(.dash-sidebar--collapsed) .dash-nav-link .nav-icon,
.dash-layout:has(.dash-sidebar--collapsed) .dash-nav-group-toggle .nav-icon{
  font-size: 15px;
  line-height: 1;
  width: 16px;
  height: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.dash-sidebar-bottom::before{
  content: '';
  display: block;
  height: 1px;
  margin: 6px 10px 4px;
  background: transparent;
  flex-shrink: 0;
}

.dash-layout--collapsed .dash-sidebar-bottom::before,
.dash-layout:has(.dash-sidebar--collapsed) .dash-sidebar-bottom::before{
  background: #e0dfe4;
}

.dash-layout--collapsed .dash-nav-icon,
.dash-layout--collapsed .nav-icon,
.dash-layout:has(.dash-sidebar--collapsed) .dash-nav-icon,
.dash-layout:has(.dash-sidebar--collapsed) .nav-icon{
  margin-right: 0;
  flex-shrink: 0;
}

.dash-layout--collapsed .dash-sidebar-bottom .dash-sidebar-action-icon,
.dash-layout:has(.dash-sidebar--collapsed) .dash-sidebar-bottom .dash-sidebar-action-icon{
  flex-shrink: 0;
}

.dash-layout--collapsed .dash-nav-link--group::after,
.dash-layout:has(.dash-sidebar--collapsed) .dash-nav-link--group::after{
  display: none;
}

/* Alt menu dar modda yer tutar; display:none yerine 0fr (acilirken ziplama olmasin) */

.dash-layout--collapsed .dash-nav-submenu,
.dash-layout:has(.dash-sidebar--collapsed) .dash-nav-submenu,
.dash-layout--collapsed .dash-nav-group--open .dash-nav-submenu,
.dash-layout:has(.dash-sidebar--collapsed) .dash-nav-group--open .dash-nav-submenu{
  display: grid;
  grid-template-rows: 0fr !important;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  pointer-events: none;
}

.dash-layout--collapsed .dash-nav-submenu-inner,
.dash-layout:has(.dash-sidebar--collapsed) .dash-nav-submenu-inner{
  opacity: 0;
  min-height: 0;
}

.dash-layout--collapsed .dash-sidebar-bottom,
.dash-layout:has(.dash-sidebar--collapsed) .dash-sidebar-bottom{
  padding-left: 0;
  padding-right: 0;
}

.dash-layout--collapsed .dash-sidebar-bottom .dash-sidebar-action,
.dash-layout:has(.dash-sidebar--collapsed) .dash-sidebar-bottom .dash-sidebar-action{
  position: relative;
  justify-content: flex-start;
  gap: 0;
  min-height: auto;
  padding: 6px 4px 6px 10px;
  font-size: 0;
  line-height: 0;
}

.dash-layout--collapsed .dash-sidebar-bottom .dash-sidebar-action > span,
.dash-layout:has(.dash-sidebar--collapsed) .dash-sidebar-bottom .dash-sidebar-action > span{
  visibility: hidden;
  max-width: 0;
  overflow: hidden;
  opacity: 0;
}

.dash-layout--collapsed .dash-sidebar-bottom .dash-sidebar-action-icon,
.dash-layout:has(.dash-sidebar--collapsed) .dash-sidebar-bottom .dash-sidebar-action-icon{
  font-size: 14px;
  line-height: 1;
}

.dash-layout--collapsed .dash-sidebar,
.dash-layout:has(.dash-sidebar--collapsed) .dash-sidebar,
.dash-layout--collapsed .dash-sidebar-top,
.dash-layout:has(.dash-sidebar--collapsed) .dash-sidebar-top,
.dash-layout--collapsed .dash-sidebar-bottom,
.dash-layout:has(.dash-sidebar--collapsed) .dash-sidebar-bottom,
.dash-layout--collapsed .dash-nav,
.dash-layout:has(.dash-sidebar--collapsed) .dash-nav{
  overflow: visible;
}

.dash-layout--collapsed .dash-sidebar,
.dash-layout:has(.dash-sidebar--collapsed) .dash-sidebar{
  z-index: 40;
}

.dash-layout--collapsed .dash-nav-link,
.dash-layout--collapsed .dash-nav-group-toggle,
.dash-layout--collapsed .dash-sidebar-action,
.dash-layout:has(.dash-sidebar--collapsed) .dash-nav-link,
.dash-layout:has(.dash-sidebar--collapsed) .dash-nav-group-toggle,
.dash-layout:has(.dash-sidebar--collapsed) .dash-sidebar-action{
  position: relative;
}

.dash-layout--collapsed .dash-nav-link:hover,
.dash-layout--collapsed .dash-nav-link:focus-visible,
.dash-layout--collapsed .dash-nav-group-toggle:hover,
.dash-layout--collapsed .dash-nav-group-toggle:focus-visible,
.dash-layout--collapsed .dash-sidebar-action:hover,
.dash-layout--collapsed .dash-sidebar-action:focus-visible,
.dash-layout:has(.dash-sidebar--collapsed) .dash-nav-link:hover,
.dash-layout:has(.dash-sidebar--collapsed) .dash-nav-link:focus-visible,
.dash-layout:has(.dash-sidebar--collapsed) .dash-nav-group-toggle:hover,
.dash-layout:has(.dash-sidebar--collapsed) .dash-nav-group-toggle:focus-visible,
.dash-layout:has(.dash-sidebar--collapsed) .dash-sidebar-action:hover,
.dash-layout:has(.dash-sidebar--collapsed) .dash-sidebar-action:focus-visible{
  z-index: 45;
}

.dash-layout--collapsed .dash-nav-link:hover::after,
.dash-layout--collapsed .dash-nav-link:focus-visible::after,
.dash-layout--collapsed .dash-nav-group-toggle:hover::after,
.dash-layout--collapsed .dash-nav-group-toggle:focus-visible::after,
.dash-layout--collapsed .dash-sidebar-action:hover::after,
.dash-layout--collapsed .dash-sidebar-action:focus-visible::after,
.dash-layout:has(.dash-sidebar--collapsed) .dash-nav-link:hover::after,
.dash-layout:has(.dash-sidebar--collapsed) .dash-nav-link:focus-visible::after,
.dash-layout:has(.dash-sidebar--collapsed) .dash-nav-group-toggle:hover::after,
.dash-layout:has(.dash-sidebar--collapsed) .dash-nav-group-toggle:focus-visible::after,
.dash-layout:has(.dash-sidebar--collapsed) .dash-sidebar-action:hover::after,
.dash-layout:has(.dash-sidebar--collapsed) .dash-sidebar-action:focus-visible::after{
  content: attr(data-nav-label);
  position: absolute;
  left: calc(100% + 12px);
  top: 50%;
  transform: translateY(-50%);
  z-index: 60;
  padding: 8px 10px;
  border-radius: 10px;
  background: rgba(15, 23, 42, 0.94);
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.2);
  pointer-events: none;
}

/* ── Topbar mode: nav fixed olarak header alanına taşınır, grid değişmez ── */

/* Sidebar overflow:hidden kaldırılır — position:sticky + overflow:hidden kombinasyonu
   bazı tarayıcılarda fixed çocukları viewport'a değil sticky elemana hapseder */

body.sidebar-top-when-collapsed .dash-layout--collapsed .dash-sidebar,
body.sidebar-top-when-collapsed .dash-layout:has(.dash-sidebar--collapsed) .dash-sidebar{
  overflow: visible;
}

/* Sidebar-top-when-collapsed: header da icerikle birlikte kayar */

/* Sidebar nav bu modda header icindeki clone nav ile degistirilir */

body.sidebar-top-when-collapsed .dash-layout--collapsed .dash-nav,
body.sidebar-top-when-collapsed .dash-layout:has(.dash-sidebar--collapsed) .dash-nav{
  display: none;
}

/* Nav link ve grup toggle: yatay, metin görünür */

body.sidebar-top-when-collapsed .dash-layout--collapsed .dash-nav-link,
body.sidebar-top-when-collapsed .dash-layout--collapsed .dash-nav-group-toggle,
body.sidebar-top-when-collapsed .dash-layout:has(.dash-sidebar--collapsed) .dash-nav-link,
body.sidebar-top-when-collapsed .dash-layout:has(.dash-sidebar--collapsed) .dash-nav-group-toggle{
  flex-direction: row;
  justify-content: flex-start;
  gap: 5px;
  padding: 5px 10px;
  font-size: 12.5px;
  white-space: nowrap;
  width: auto;
  min-width: auto;
  height: 36px;
  flex-shrink: 0;
}

body.sidebar-top-when-collapsed .dash-layout--collapsed .dash-nav-link--active,
body.sidebar-top-when-collapsed .dash-layout--collapsed .dash-nav-link--active:hover,
body.sidebar-top-when-collapsed .dash-layout--collapsed .dash-nav-group--open > .dash-nav-group-toggle,
body.sidebar-top-when-collapsed .dash-layout--collapsed .dash-nav-group--open > .dash-nav-group-toggle:hover,
body.sidebar-top-when-collapsed .dash-layout:has(.dash-sidebar--collapsed) .dash-nav-link--active,
body.sidebar-top-when-collapsed .dash-layout:has(.dash-sidebar--collapsed) .dash-nav-link--active:hover,
body.sidebar-top-when-collapsed .dash-layout:has(.dash-sidebar--collapsed) .dash-nav-group--open > .dash-nav-group-toggle,
body.sidebar-top-when-collapsed .dash-layout:has(.dash-sidebar--collapsed) .dash-nav-group--open > .dash-nav-group-toggle:hover{
  background: transparent;
  color: var(--brand-primary-deep);
  box-shadow: none;
}

body.theme-dark.sidebar-top-when-collapsed .dash-layout--collapsed .dash-nav-link--active,
body.theme-dark.sidebar-top-when-collapsed .dash-layout--collapsed .dash-nav-link--active:hover,
body.theme-dark.sidebar-top-when-collapsed .dash-layout--collapsed .dash-nav-group--open > .dash-nav-group-toggle,
body.theme-dark.sidebar-top-when-collapsed .dash-layout--collapsed .dash-nav-group--open > .dash-nav-group-toggle:hover,
body.theme-dark.sidebar-top-when-collapsed .dash-layout:has(.dash-sidebar--collapsed) .dash-nav-link--active,
body.theme-dark.sidebar-top-when-collapsed .dash-layout:has(.dash-sidebar--collapsed) .dash-nav-link--active:hover,
body.theme-dark.sidebar-top-when-collapsed .dash-layout:has(.dash-sidebar--collapsed) .dash-nav-group--open > .dash-nav-group-toggle,
body.theme-dark.sidebar-top-when-collapsed .dash-layout:has(.dash-sidebar--collapsed) .dash-nav-group--open > .dash-nav-group-toggle:hover{
  background: transparent;
  color: #ffffff;
}

body.sidebar-top-when-collapsed .dash-layout--collapsed .dash-nav-icon,
body.sidebar-top-when-collapsed .dash-layout--collapsed .nav-icon,
body.sidebar-top-when-collapsed .dash-layout:has(.dash-sidebar--collapsed) .dash-nav-icon,
body.sidebar-top-when-collapsed .dash-layout:has(.dash-sidebar--collapsed) .nav-icon{
  margin-right: 0;
  flex-shrink: 0;
}

/* Doğrudan nav altındaki subtitle'ları gizle (Sistem gibi), section içindekiler ayrı ele alınır */

body.sidebar-top-when-collapsed .dash-layout--collapsed .dash-nav > .dash-nav-subtitle,
body.sidebar-top-when-collapsed .dash-layout:has(.dash-sidebar--collapsed) .dash-nav > .dash-nav-subtitle,
body.sidebar-top-when-collapsed .dash-layout--collapsed .dash-nav > .dash-nav-link--soon,
body.sidebar-top-when-collapsed .dash-layout:has(.dash-sidebar--collapsed) .dash-nav > .dash-nav-link--soon{
  display: none;
}

body.sidebar-top-when-collapsed .dash-layout--collapsed .dash-nav-link--group::after,
body.sidebar-top-when-collapsed .dash-layout:has(.dash-sidebar--collapsed) .dash-nav-link--group::after{
  display: none;
}

body.sidebar-top-when-collapsed .dash-layout--collapsed .dash-nav-submenu,
body.sidebar-top-when-collapsed .dash-layout:has(.dash-sidebar--collapsed) .dash-nav-submenu{
  display: grid;
  grid-template-rows: 0fr !important;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  pointer-events: none;
}

/* ── Section: subtitle başlık olur, section-links hover'da dropdown açılır ── */

body.sidebar-top-when-collapsed .dash-layout--collapsed .dash-nav-section,
body.sidebar-top-when-collapsed .dash-layout:has(.dash-sidebar--collapsed) .dash-nav-section{
  display: flex;
  align-items: center;
  position: relative;
  flex-shrink: 0;
}

body.sidebar-top-when-collapsed .dash-layout--collapsed .dash-nav-section .dash-nav-subtitle,
body.sidebar-top-when-collapsed .dash-layout:has(.dash-sidebar--collapsed) .dash-nav-section .dash-nav-subtitle{
  display: flex !important;
  align-items: center;
  padding: 5px 10px;
  height: 36px;
  white-space: nowrap;
  font-size: 12.5px;
  font-weight: 500;
  letter-spacing: normal;
  text-transform: none;
  cursor: default;
  border-radius: 7px;
  color: inherit;
}

body.sidebar-top-when-collapsed .dash-layout--collapsed .dash-nav-section:hover .dash-nav-subtitle,
body.sidebar-top-when-collapsed .dash-layout:has(.dash-sidebar--collapsed) .dash-nav-section:hover .dash-nav-subtitle{
  background: var(--brand-primary-soft, #e3f4fa);
  color: var(--brand-primary-deep);
}

body.sidebar-top-when-collapsed .dash-layout--collapsed .dash-nav-section-links,
body.sidebar-top-when-collapsed .dash-layout:has(.dash-sidebar--collapsed) .dash-nav-section-links{
  display: none;
}

body.sidebar-top-when-collapsed .dash-layout--collapsed .dash-nav-section:hover .dash-nav-section-links,
body.sidebar-top-when-collapsed .dash-layout:has(.dash-sidebar--collapsed) .dash-nav-section:hover .dash-nav-section-links{
  display: flex;
  flex-direction: column;
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  min-width: 200px;
  max-height: min(70vh, 420px);
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  background: #fff;
  border: 1px solid #dde6ef;
  border-radius: 10px;
  box-shadow: 0 8px 28px rgba(15, 23, 42, 0.14);
  z-index: 400;
  padding: 5px;
  gap: 2px;
}

/* Dropdown öğelerinde animasyon olmasın — anında görünsünler */

body.sidebar-top-when-collapsed .dash-layout--collapsed .dash-nav-section:hover .dash-nav-section-links .dash-nav-link,
body.sidebar-top-when-collapsed .dash-layout:has(.dash-sidebar--collapsed) .dash-nav-section:hover .dash-nav-section-links .dash-nav-link,
body.sidebar-top-when-collapsed .dash-layout--collapsed .dash-nav-group:hover .dash-nav-submenu-inner,
body.sidebar-top-when-collapsed .dash-layout:has(.dash-sidebar--collapsed) .dash-nav-group:hover .dash-nav-submenu-inner{
  animation: none !important;
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}

body.sidebar-top-when-collapsed .dash-layout--collapsed .dash-nav-section:hover .dash-nav-section-links .dash-nav-link,
body.sidebar-top-when-collapsed .dash-layout:has(.dash-sidebar--collapsed) .dash-nav-section:hover .dash-nav-section-links .dash-nav-link{
  font-size: 13px !important;
  padding: 7px 12px !important;
  border-radius: 7px;
  white-space: nowrap;
  gap: 8px !important;
  justify-content: flex-start !important;
  flex-direction: row !important;
  height: auto !important;
  min-height: 34px;
  width: 100%;
  flex-shrink: unset;
}

body.theme-dark.sidebar-top-when-collapsed .dash-layout--collapsed .dash-nav-section:hover .dash-nav-section-links,
body.theme-dark.sidebar-top-when-collapsed .dash-layout:has(.dash-sidebar--collapsed) .dash-nav-section:hover .dash-nav-section-links{
  background: var(--rw-surface, #18181b);
  border-color: var(--rw-border, #2d2d2d);
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.4);
}

/* ── Hover dropdown (NavGroup) ── */

body.sidebar-top-when-collapsed .dash-layout--collapsed .dash-nav-group,
body.sidebar-top-when-collapsed .dash-layout:has(.dash-sidebar--collapsed) .dash-nav-group{
  position: relative;
  flex-shrink: 0;
}

body.sidebar-top-when-collapsed .dash-layout--collapsed .dash-nav-group:hover .dash-nav-submenu,
body.sidebar-top-when-collapsed .dash-layout:has(.dash-sidebar--collapsed) .dash-nav-group:hover .dash-nav-submenu{
  display: block;
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  min-width: 220px;
  max-height: min(70vh, 420px);
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  background: #fff;
  border: 1px solid #dde6ef;
  border-radius: 10px;
  box-shadow: 0 8px 28px rgba(15, 23, 42, 0.14);
  z-index: 400;
  grid-template-rows: unset;
}

body.sidebar-top-when-collapsed .dash-layout--collapsed .dash-nav-group:hover .dash-nav-submenu-inner,
body.sidebar-top-when-collapsed .dash-layout:has(.dash-sidebar--collapsed) .dash-nav-group:hover .dash-nav-submenu-inner{
  opacity: 1;
  padding: 5px;
  padding-left: 5px;
  min-height: unset;
  overflow: visible;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

body.sidebar-top-when-collapsed .dash-layout--collapsed .dash-nav-group:hover .dash-nav-submenu .dash-nav-link,
body.sidebar-top-when-collapsed .dash-layout:has(.dash-sidebar--collapsed) .dash-nav-group:hover .dash-nav-submenu .dash-nav-link{
  font-size: 13px !important;
  padding: 7px 12px !important;
  border-radius: 7px;
  white-space: nowrap;
  gap: 8px !important;
  justify-content: flex-start !important;
  flex-direction: row !important;
  height: auto !important;
  min-height: 34px;
  width: 100%;
  flex-shrink: unset;
}

body.sidebar-top-when-collapsed .dash-layout--collapsed .dash-nav-group:hover .dash-nav-submenu .dash-nav-subtitle,
body.sidebar-top-when-collapsed .dash-layout:has(.dash-sidebar--collapsed) .dash-nav-group:hover .dash-nav-submenu .dash-nav-subtitle{
  display: block;
  padding: 8px 12px 3px;
  font-size: 10px;
}

body.theme-dark.sidebar-top-when-collapsed .dash-layout--collapsed .dash-nav-group:hover .dash-nav-submenu,
body.theme-dark.sidebar-top-when-collapsed .dash-layout:has(.dash-sidebar--collapsed) .dash-nav-group:hover .dash-nav-submenu{
  background: var(--rw-surface, #18181b);
  border-color: var(--rw-border, #2d2d2d);
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.4);
}

/* ── DashHeader: kutu şekli/boyutu değişmez, sadece arama gizlenir ── */

body.sidebar-top-when-collapsed .dash-layout--collapsed .dash-topbar-right > .dash-global-search,
body.sidebar-top-when-collapsed .dash-layout:has(.dash-sidebar--collapsed) .dash-topbar-right > .dash-global-search{
  visibility: hidden;
  pointer-events: none;
}

/* ── /Topbar mode ─────────────────────────────────────────────────── */

.mobile-bottom-nav,
.mobile-menu-backdrop{
  display: none;
}

.dash-sidebar-action{
  width: 100%;
  min-height: 32px;
  padding: 6px 10px;
  border-radius: 8px;
  font-weight: 500;
  font-size: 12px;
  color: #587082;
  background: #f6f9fb;
  border: 1px solid #e4eaf0;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  box-sizing: border-box;
  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.dash-sidebar-action:hover{
  background: #eef4f8;
  border-color: #c9d9e5;
  color: #355063;
}

a.dash-sidebar-action{
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
  width: 100%;
  box-sizing: border-box;
}

.dash-sidebar-bottom a.dash-sidebar-action--settings{
  justify-content: center;
  gap: 6px;
}

.dash-sidebar-action-icon{
  font-size: 14px;
  line-height: 1;
  flex-shrink: 0;
  color: currentColor;
}

.dash-sidebar-action .nav-icon{
  width: 14px;
  margin-right: 0;
  font-size: 13px;
  flex-shrink: 0;
}

/* Sidebar alt: Ayarlar + Cikis — tema bagimsiz sabit renkler */

.dash-sidebar-bottom .dash-sidebar-action--settings,
.dash-sidebar-bottom .dash-sidebar-action--logout,
body.theme-dark .dash-sidebar-bottom .dash-sidebar-action--settings,
body.theme-dark .dash-sidebar-bottom .dash-sidebar-action--logout{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 100%;
  min-height: 36px;
  padding: 8px 10px;
  border-radius: 8px;
  box-sizing: border-box;
  font-size: 12.5px;
  line-height: 1.2;
  text-align: center;
}

/* Ayarlar: notr — navbar'daki secili secenegin yumusakligiyla ayni ton. */

.dash-sidebar-bottom a.dash-sidebar-action.dash-sidebar-action--settings{
  border: 1px solid transparent;
  color: #3c4a5c;
  background: #e3e8ef;
  box-shadow: none;
  font-weight: 600;
}

.dash-sidebar-bottom a.dash-sidebar-action.dash-sidebar-action--settings:hover{
  color: #1e293b;
  background: #d6dde7;
  border-color: transparent;
  box-shadow: none;
}

/* Ayarlar sayfasi acikken: secili nav ile ayni vurgu. */

.dash-sidebar-bottom a.dash-sidebar-action.dash-sidebar-action--settings.dash-sidebar-action--active,
.dash-sidebar-bottom a.dash-sidebar-action.dash-sidebar-action--settings.dash-sidebar-action--active:hover{
  color: #1e293b;
  background: #c8d2df;
  border-color: transparent;
  box-shadow: none;
}

body.theme-dark .dash-sidebar-bottom a.dash-sidebar-action.dash-sidebar-action--settings{
  color: #e4e4e7;
  background: #303035;
  border-color: transparent;
}

body.theme-dark .dash-sidebar-bottom a.dash-sidebar-action.dash-sidebar-action--settings:hover{
  color: #ffffff;
  background: #38383e;
  border-color: transparent;
}

body.theme-dark .dash-sidebar-bottom a.dash-sidebar-action.dash-sidebar-action--settings.dash-sidebar-action--active,
body.theme-dark .dash-sidebar-bottom a.dash-sidebar-action.dash-sidebar-action--settings.dash-sidebar-action--active:hover{
  color: #ffffff;
  background: #3f3f46;
  border-color: transparent;
}

.dash-sidebar-bottom a.dash-sidebar-action.dash-sidebar-action--settings .dash-sidebar-action-icon,
body.theme-dark .dash-sidebar-bottom a.dash-sidebar-action.dash-sidebar-action--settings .dash-sidebar-action-icon{
  color: currentColor;
}

/* Cikis: yumusak kirmizi ton (secili nav yumusakliginda); hover'da koyulasir. */

.dash-sidebar-bottom .dash-sidebar-action--logout{
  border: 1px solid transparent;
  font-weight: 600;
  color: #b0413f;
  background: #f7e0e0;
  box-shadow: none;
}

.dash-sidebar-bottom .dash-sidebar-action--logout:hover{
  color: #ffffff;
  background: #c94a44;
  border-color: transparent;
  box-shadow: none;
}

body.theme-dark .dash-sidebar-bottom .dash-sidebar-action--logout{
  border: 1px solid transparent;
  font-weight: 600;
  color: #f3a9a9;
  background: rgba(185, 62, 62, 0.28);
  box-shadow: none;
}

body.theme-dark .dash-sidebar-bottom .dash-sidebar-action--logout:hover{
  color: #ffffff;
  background: rgba(180, 60, 60, 0.52);
  border-color: transparent;
  box-shadow: none;
}

/* Main content */

.dash-main{
  padding: 12px 12px 24px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-height: 0;
  position: relative;
  z-index: 1;
}

.dash-page-column > .dash-main{
  height: auto;
  max-height: none;
  overflow: visible;
}

.dash-layout > .dash-main{
  height: 100%;
  max-height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.dash-main > .dash-header{
  flex-shrink: 0;
  overflow: visible;
  position: relative;
  z-index: 120;
}

.dash-main.lab-calendar-page{
  padding: 0;
  gap: 0;
}

/* Header */

.dash-header{
  padding: 0 2px;
  overflow: visible;
}

.dash-header h1{
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  color: #1a3a4a;
  line-height: 1.2;
}

.dash-header p{
  margin: 2px 0 0;
  font-size: 12px;
  color: #6b8799;
  line-height: 1.3;
}

/* ===== TOP BAR / HEADER ===== */

.dash-topbar{
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  height: 48px;
  min-height: 48px;
  max-height: 48px;
  padding: 0 2px;
  box-sizing: border-box;
  background: transparent;
  border-bottom: 0;
  margin: 0;
  flex-shrink: 0;
  overflow: visible;
  position: relative;
}

.dash-page-title{
  flex-shrink: 0;
  padding: 0 2px 4px;
  margin: -2px 0 6px;
  border: none;
  background: transparent;
}

.dash-page-title--topbar{
  flex-shrink: 1;
  min-width: 0;
  padding: 0 4px 0 0;
  margin: 0;
}

.dash-topbar .dash-page-title-text{
  font-size: 17px;
  font-weight: var(--fw-strong);
  line-height: 1.2;
  color: #0f2231;
  letter-spacing: -0.01em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dash-page-title-text{
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  font-size: 20px;
  font-weight: var(--fw-strong);
  color: #0f2231;
  letter-spacing: -0.01em;
  line-height: 1.2;
}

body.dash-nav-refresh .dash-sidebar{
  animation: staggerIn 720ms cubic-bezier(0.22, 1, 0.36, 1) both;
  animation-delay: 80ms;
}

body.dash-nav-refresh .dash-topbar .dash-page-title--topbar{
  animation: staggerIn 720ms cubic-bezier(0.22, 1, 0.36, 1) both;
  animation-delay: 280ms;
}

.dash-topbar-subtitle{
  margin: 0;
  font-size: 12px;
  color: #8fa5b5;
  font-weight: 400;
  letter-spacing: 0;
}

.dash-topbar-right{
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  margin-left: auto;
}

.dash-topbar-search-slot{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;

}

.dash-topbar-search-slot .dash-global-search{
  pointer-events: auto;
}

.dash-topbar-search-slot .dash-topbar-search{
  max-width: none;
}

.dash-topbar-page-actions{
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  margin-left: auto;
  padding-left: 16px;
  position: relative;
  z-index: 3;
}

.dash-topbar-page-actions .wo-orders-toolbar--topbar{
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: nowrap;
}

.dash-topbar-page-actions .wo-orders-toolbar--topbar .wo-orders-view-switch{
  margin-right: 0;
}

.dash-topbar-page-actions .wo-orders-toolbar--topbar .wo-orders-toolbar-actions{
  margin-left: 0;
  gap: 8px;
}

.dash-topbar-dropdown{
  position: relative;
  overflow: visible;
}

.dash-topbar-dropdown:has(.dash-notify-arrivals){
  z-index: 1300;
}

/* Bildirim + bagli klinik + tema: filtre butonu ile ayni kutu stili */

.dash-topbar-right .dash-topbar-btn--icon{
  width: var(--header-control-height);
  min-width: var(--header-control-height);
  height: var(--header-control-height);
  min-height: var(--header-control-height);
  padding: 0;
  border: 1px solid var(--header-control-border);
  border-radius: var(--header-control-radius);
  background: var(--header-control-bg);
  color: var(--header-control-text);
  box-shadow: none;
}

.dash-topbar-right .dash-topbar-btn--icon i{
  font-size: 16px;
  color: var(--header-control-muted);
}

.dash-topbar-right .dash-topbar-btn--icon:hover,
.dash-topbar-right .dash-topbar-btn--icon:active,
.dash-topbar-right .dash-topbar-btn--icon[aria-expanded='true'],
.dash-topbar-right .dash-topbar-btn--icon[aria-expanded='true']:hover{
  border-color: var(--brand-primary);
  background: var(--brand-primary-soft);
  color: var(--brand-primary-selected-text);
  box-shadow: 0 0 0 1px var(--brand-ring);
}

.dash-topbar-right .dash-topbar-btn--icon:hover i,
.dash-topbar-right .dash-topbar-btn--icon:active i,
.dash-topbar-right .dash-topbar-btn--icon[aria-expanded='true'] i,
.dash-topbar-right .dash-topbar-btn--icon[aria-expanded='true']:hover i{
  color: var(--brand-primary);
}

/* Ust cubuk: global button gradient uygulanmasin */

.dash-topbar button,
.dash-header.wo-orders-toolbar button.wo-filter-btn,
.dash-header.wo-orders-toolbar button.tech-add-btn,
.dash-header.wo-orders-toolbar button.wo-display-toggle-btn{
  font-family: inherit;
  line-height: 1.2;
  box-sizing: border-box;
}

.dash-header.wo-orders-toolbar button.wo-display-toggle-btn{
  background-image: none;
}

.dash-topbar .dash-topbar-btn,
.dash-topbar .dash-sidebar-toggle-btn,
.dash-topbar-page-actions .wo-filter-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 30px;
  padding: 0 9px;
  background: #ffffff;
  border: 0;
  border-radius: 8px;
  font-size: 12.5px;
  font-weight: 500;
  color: #374151;
  cursor: pointer;
  white-space: nowrap;
  box-shadow: none;
  transition:
    background 0.15s ease,
    color 0.15s ease;
}

.dash-topbar-page-actions .wo-filter-btn{
  min-height: var(--header-control-height);
  padding: 0 12px;
  border: 1px solid #e5e7eb;
  border-radius: var(--header-control-radius);
  font-size: 13px;
}

.dash-topbar .dash-topbar-btn:not(.dash-topbar-btn--icon):hover,
.dash-topbar .dash-sidebar-toggle-btn:hover,
.dash-topbar .dash-topbar-btn:not(.dash-topbar-btn--icon):active,
.dash-topbar .dash-sidebar-toggle-btn:active{
  background: #f5f5f7;
  border-color: #e5e7eb;
  color: #111827;
}

.dash-topbar .dash-topbar-btn i{
  font-size: 15px;
  color: #6b7280;
  transition: color 0.15s ease;
}

.dash-topbar .dash-topbar-btn:not(.dash-topbar-btn--icon):hover i{
  color: #374151;
}

.dash-topbar .dash-topbar-btn--icon{
  width: 30px;
  min-width: 30px;
  padding: 0;
}

.dash-topbar .dash-topbar-btn--icon i{
  font-size: 16px;
}

.dash-topbar .dash-topbar-btn.dash-topbar-btn--profile{
  padding: 2px;
  gap: 10px;
  border-radius: 0;
  background: transparent;
  border: none;
  box-shadow: none;
}

.dash-topbar .dash-topbar-btn.dash-topbar-btn--profile:hover,
.dash-topbar .dash-topbar-btn.dash-topbar-btn--profile:active{
  background: transparent;
  border: none;
  box-shadow: none;
}

.dash-topbar-avatar{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: var(--brand-gradient);
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  flex-shrink: 0;
  box-shadow: 0 2px 6px var(--brand-shadow);
}

.dash-topbar-btn-text{
  max-width: 110px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  font-weight: 600;
  color: #1a3a4a;
}

.dash-topbar-chevron{
  font-size: 11px !important;
  color: #a0b4c2;
  margin-left: 0;
}

.dash-topbar-center{
  flex: 1;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  min-width: 0;
  padding: 0 8px 0 0;
}

.dash-topbar-title-actions{
  display: flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
}

.dash-topbar-title-actions .wo-orders-view-switch{
  margin-right: 0;
}

.dash-topbar-title-actions .wo-list-tabs{
  flex-shrink: 0;
  background: #ffffff;
  height: 32px;
  box-sizing: border-box;
  border-radius: 10px;
}

.dash-topbar-title-actions .wo-list-tab{
  padding: 0 14px;
  font-size: 13px;
  line-height: 1;
  border-radius: 7px;
  align-self: stretch;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.dash-topbar-title-actions .wo-list-tab--active{
  background: #eef1f5;
  color: #0f172a;
  box-shadow: none;
}

/* Gorunum secici — .wo-pipeline-column-head ile birebir, gri/beyaz ters */

.wo-cal-head-switch.wo-segment-switch--pipeline-head,
.wo-view-switch.wo-segment-switch--pipeline-head{
  position: relative;
  display: inline-flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: flex-start;
  gap: 2px;
  width: auto;
  margin: 0;
  padding: 6px 10px;
  border: 0;
  border-radius: 7px;
  background: #f3f4f6;
  box-sizing: border-box;
  min-height: 0;
  box-shadow: none;
  isolation: isolate;
}

.wo-cal-head-switch.wo-segment-switch--pipeline-head .wo-segment-switch-indicator,
.wo-view-switch.wo-segment-switch--pipeline-head .wo-segment-switch-indicator{
  top: 6px;
  left: 0;
  height: 24px;
  border-radius: 6px;
  background: #ffffff;
  border: 1px solid #e8edf2;
  box-shadow: none;
  transition:
    transform 0.28s cubic-bezier(0.4, 0, 0.2, 1),
    width 0.28s cubic-bezier(0.4, 0, 0.2, 1),
    opacity 0.15s ease;
}

.wo-cal-head-switch.wo-segment-switch--pipeline-head .wo-cal-head-btn,
.wo-cal-head-switch.wo-segment-switch--pipeline-head .wo-view-btn,
.wo-view-switch.wo-segment-switch--pipeline-head .wo-cal-head-btn,
.wo-view-switch.wo-segment-switch--pipeline-head .wo-view-btn{
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 24px;
  height: 24px;
  padding: 0 6px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  font-size: 13px;
  font-weight: var(--fw-heading);
  line-height: 1.2;
  letter-spacing: -0.01em;
  color: #334155;
  box-shadow: none;
  transition: background 0.15s ease, color 0.15s ease;
  white-space: nowrap;
  cursor: pointer;
}

.wo-cal-head-switch.wo-segment-switch--pipeline-head .wo-cal-head-btn--active,
.wo-cal-head-switch.wo-segment-switch--pipeline-head .wo-view-btn--active,
.wo-view-switch.wo-segment-switch--pipeline-head .wo-cal-head-btn--active,
.wo-view-switch.wo-segment-switch--pipeline-head .wo-view-btn--active{
  background: transparent;
  color: #0f2231;
  font-weight: var(--fw-strong);
  box-shadow: none;
}

.wo-cal-head-switch.wo-segment-switch--pipeline-head .wo-cal-head-btn:not(.wo-cal-head-btn--active):hover,
.wo-cal-head-switch.wo-segment-switch--pipeline-head .wo-view-btn:not(.wo-view-btn--active):hover,
.wo-view-switch.wo-segment-switch--pipeline-head .wo-cal-head-btn:not(.wo-cal-head-btn--active):hover,
.wo-view-switch.wo-segment-switch--pipeline-head .wo-view-btn:not(.wo-view-btn--active):hover{
  background: rgba(255, 255, 255, 0.72);
  color: #314760;
}

body.theme-dark .wo-cal-head-switch.wo-segment-switch--pipeline-head,
body.theme-dark .wo-view-switch.wo-segment-switch--pipeline-head{
  background: #1f2329;
}

body.theme-dark .wo-cal-head-switch.wo-segment-switch--pipeline-head .wo-segment-switch-indicator,
body.theme-dark .wo-view-switch.wo-segment-switch--pipeline-head .wo-segment-switch-indicator{
  background: #15161a;
  border-color: #30343b;
}

body.theme-dark .wo-cal-head-switch.wo-segment-switch--pipeline-head .wo-cal-head-btn,
body.theme-dark .wo-cal-head-switch.wo-segment-switch--pipeline-head .wo-view-btn,
body.theme-dark .wo-view-switch.wo-segment-switch--pipeline-head .wo-cal-head-btn,
body.theme-dark .wo-view-switch.wo-segment-switch--pipeline-head .wo-view-btn{
  color: #a9b1bd;
}

body.theme-dark .wo-cal-head-switch.wo-segment-switch--pipeline-head .wo-cal-head-btn--active,
body.theme-dark .wo-cal-head-switch.wo-segment-switch--pipeline-head .wo-view-btn--active,
body.theme-dark .wo-view-switch.wo-segment-switch--pipeline-head .wo-cal-head-btn--active,
body.theme-dark .wo-view-switch.wo-segment-switch--pipeline-head .wo-view-btn--active{
  color: #d4dae4;
}

body.theme-dark .wo-cal-head-switch.wo-segment-switch--pipeline-head .wo-cal-head-btn:not(.wo-cal-head-btn--active):hover,
body.theme-dark .wo-cal-head-switch.wo-segment-switch--pipeline-head .wo-view-btn:not(.wo-view-btn--active):hover,
body.theme-dark .wo-view-switch.wo-segment-switch--pipeline-head .wo-cal-head-btn:not(.wo-cal-head-btn--active):hover,
body.theme-dark .wo-view-switch.wo-segment-switch--pipeline-head .wo-view-btn:not(.wo-view-btn--active):hover{
  background: rgba(38, 42, 49, 0.72);
  color: #f5f7fb;
}

.dash-topbar--collapsed-nav-mode .dash-topbar-search-slot{
  display: none;
}

.dash-topbar--collapsed-nav-mode .dash-topbar-title-actions{
  display: none;
}

.dash-topbar--collapsed-nav-mode .dash-topbar-page-actions{
  display: none;
}

.dash-topbar--collapsed-nav-mode .dash-topbar-center{
  justify-content: center;
  overflow: visible;
}

.dash-topbar-collapsed-nav-headings{
  display: none;
}

.dash-topbar-collapsed-nav{
  position: relative;
  left: auto;
  top: auto;
  transform: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  white-space: nowrap;
  z-index: 1;
  flex-shrink: 0;
  max-width: 100%;
  overflow: visible;
}

.dash-topbar--collapsed-nav-mode .dash-topbar-collapsed-nav-headings{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  pointer-events: none;
  white-space: nowrap;
  z-index: 1;
}

.dash-topbar-collapsed-nav-title,
.dash-topbar-collapsed-nav-heading{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  padding: 0 10px;
  border-radius: 999px;
  background: transparent;
  border: 0;
  color: #6b8799;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.02em;
  box-shadow: none;
  flex-shrink: 0;
}

.dash-topbar-collapsed-nav-title{
  gap: 6px;
}

.dash-topbar-collapsed-nav-title .dash-nav-icon,
.dash-topbar-collapsed-nav-title .nav-icon{
  margin-right: 0;
}

body.theme-dark .dash-topbar-collapsed-nav-title,
body.theme-dark .dash-topbar-collapsed-nav-heading{
  background: transparent;
  color: #94a3b8;
  box-shadow: none;
}

.dash-topbar-collapsed-nav-group{
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 2px;
  flex-shrink: 0;
}

.dash-topbar-collapsed-nav-group--section{
  flex-shrink: 0;
}

.dash-topbar-collapsed-nav-group::after{
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 12px;
}

.dash-topbar-collapsed-nav-link{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 30px;
  padding: 0 10px;
  border: 1px solid transparent;
  border-radius: 999px;
  background: transparent;
  color: #4a6274;
  font-size: 11px;
  font-weight: 600;
  cursor: pointer;
  flex-shrink: 0;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

.dash-topbar-collapsed-nav-link:hover,
.dash-topbar-collapsed-nav-group:hover > .dash-topbar-collapsed-nav-link,
.dash-topbar-collapsed-nav-link.is-active{
  background: transparent;
  border-color: transparent;
  color: var(--brand-primary-deep);
  box-shadow: none;
}

.dash-topbar-collapsed-nav-link .dash-nav-icon,
.dash-topbar-collapsed-nav-link .nav-icon,
.dash-topbar-collapsed-nav-menu-link .dash-nav-icon,
.dash-topbar-collapsed-nav-menu-link .nav-icon{
  margin-right: 0;
}

.dash-topbar-collapsed-nav-menu{
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  display: none;
  min-width: 236px;
  max-height: min(70vh, 420px);
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 8px;
  border: 1px solid #dde6ef;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 18px 36px rgba(15, 23, 42, 0.14);
  backdrop-filter: blur(14px);
  z-index: 120;
}

.dash-topbar-collapsed-nav-group:hover > .dash-topbar-collapsed-nav-menu,
.dash-topbar-collapsed-nav-group:focus-within > .dash-topbar-collapsed-nav-menu{
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.dash-topbar-collapsed-nav-menu-subtitle{
  padding: 8px 12px 5px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #7a8f9f;
}

.dash-topbar-collapsed-nav-menu-link{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-height: 36px;
  padding: 8px 12px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: #355063;
  font-size: 13px;
  font-weight: 500;
  text-align: left;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease;
}

.dash-topbar-collapsed-nav-menu-link:hover,
.dash-topbar-collapsed-nav-menu-link.is-active{
  background: #eef6fd;
  color: #1565a8;
}

body.theme-dark .dash-topbar-collapsed-nav-link{
  color: #cbd5e1;
}

body.theme-dark .dash-topbar-collapsed-nav-link:hover,
body.theme-dark .dash-topbar-collapsed-nav-group:hover > .dash-topbar-collapsed-nav-link,
body.theme-dark .dash-topbar-collapsed-nav-link.is-active{
  background: transparent;
  border-color: transparent;
  color: #ffffff;
  box-shadow: none;
}

body.theme-dark .dash-topbar-collapsed-nav-menu{
  background: rgba(24, 24, 27, 0.96);
  border-color: #33353c;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.34);
}

body.theme-dark .dash-topbar-collapsed-nav-menu-subtitle{
  color: #94a3b8;
}

body.theme-dark .dash-topbar-collapsed-nav-menu-link{
  color: #e2e8f0;
}

body.theme-dark .dash-topbar-collapsed-nav-menu-link:hover,
body.theme-dark .dash-topbar-collapsed-nav-menu-link.is-active{
  background: var(--brand-primary-soft);
  color: #ffffff;
}

.dash-topbar .dash-sidebar-toggle-btn{
  width: var(--header-control-height);
  min-width: var(--header-control-height);
  padding: 0;
  flex-shrink: 0;
}

.dash-topbar .dash-sidebar-toggle-btn i{
  font-size: 16px;
  line-height: 1;
  color: inherit;
}

.dash-topbar-search{
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  padding: 0 14px 0 12px;
  height: 33px;
  border: 0;
  border-radius: 12px;
  background: #fff;
  background-color: #fff;
  width: 100%;
  max-width: 338px;
  cursor: text;
  font-size: inherit;
  box-shadow: none;
  transition: background 0.15s ease;
}

.dash-topbar-search:hover{
  background: #fff;
  background-color: #fff;
  border: 0;
  box-shadow: none;
}

.dash-topbar-search:focus-within{
  border: 0;
  box-shadow: none;
  background: #fff;
  background-color: #fff;
}

body:not(.theme-dark) .dash-topbar-search,
body:not(.theme-dark) .dash-topbar-search:hover,
body:not(.theme-dark) .dash-topbar-search:focus-within,
body:not(.theme-dark) .dash-global-search--open .dash-topbar-search{
  background: #fff;
  background-color: #fff;
}

.dash-topbar-search-icon{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: auto;
  border-radius: 0;
  background: transparent;
  color: #6b7280;
  flex-shrink: 0;
}

.dash-topbar-search i{
  font-size: 14px;
  color: #6b7280;
}

.dash-topbar-search input{
  flex: 1;
  border: 0;
  outline: none;
  background: transparent;
  font-size: 13px;
  font-weight: 400;
  color: #1f2937;
  width: 100%;
  min-width: 0;
  padding: 0;
  border-radius: 0;
  box-shadow: none;
}

.dash-topbar-search input:focus{
  outline: none;
  box-shadow: none;
}

.dash-topbar-search input::placeholder{
  color: #6b7280;
  font-weight: 400;
}

.dash-topbar-search-kbd{
  display: none;
}

.dash-global-search{
  position: relative;
  width: 100%;
  max-width: 338px;
}

.dash-global-search--open .dash-topbar-search{
  background: #fff;
  background-color: #fff;
  border: 0;
  box-shadow: none;
}

.dash-global-search-results{
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  right: 0;
  z-index: 120;
  max-height: min(420px, 60vh);
  overflow: auto;
  border: 1px solid #e4eaf0;
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 0 16px 40px rgba(15, 23, 42, 0.12);
  padding: 8px;
}

.dash-global-search-section + .dash-global-search-section{
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid #eef3f7;
}

.dash-global-search-section-title{
  margin: 0 0 6px;
  padding: 0 8px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #6b8799;
}

.dash-global-search-list{
  list-style: none;
  margin: 0;
  padding: 0;
}

.dash-global-search-item{
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  border: 0;
  border-radius: 8px;
  background: transparent;
  padding: 8px 10px;
  text-align: left;
  cursor: pointer;
  color: #1a3a4a;
  transition: background 0.12s ease;
}

.dash-global-search-item:hover{
  background: #f0f7fb;
}

.dash-global-search-item i{
  color: var(--brand-primary);
  font-size: 14px;
  flex-shrink: 0;
}

.dash-global-search-item-text{
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.dash-global-search-item-text strong{
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
}

.dash-global-search-item-text small{
  font-size: 11px;
  color: #6b8799;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dash-global-search-empty{
  margin: 0;
  padding: 8px 10px;
  font-size: 12px;
  color: #6b8799;
}

/* Dropdown menu */

.dash-topbar-menu{
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  min-width: 220px;
  background: #ffffff;
  border: 1px solid #e0e8ed;
  border-radius: 10px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  z-index: 1000;
  overflow: hidden;
  animation: dash-topbar-fadeIn 0.15s ease;
}

@keyframes dash-topbar-fadeIn {
  from{
    opacity: 0;
    transform: translateY(-4px);
  }
  to{
    opacity: 1;
    transform: translateY(0);
  }
}

.dash-topbar-menu-header{
  padding: 10px 14px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #6b8799;
  background: #f9fafb;
  border-bottom: 1px solid #e0e8ed;
}

.dash-topbar-menu .dash-topbar-menu-item--logout{
  font-weight: 500;
  border: 0;
  border-radius: 0;
  text-align: left;
}

.dash-topbar-menu-item{
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 10px 14px;
  font-size: 14px;
  color: #1a3a4a;
  background: none;
  border: none;
  cursor: default;
  text-align: left;
}

.dash-topbar-menu-item i{
  font-size: 16px;
  color: #4a6b7c;
  width: 20px;
  text-align: center;
}

.dash-topbar-menu-item span{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dash-topbar-menu-item--logout{
  cursor: pointer;
  color: #dc2626;
  transition: background 0.15s ease;
}

.dash-topbar-menu-item--logout:hover{
  background: #fef2f2;
  color: #dc2626;
  border-color: transparent;
}

.dash-topbar-menu-item--logout i{
  color: #dc2626;
}

.dash-topbar-menu-divider{
  height: 1px;
  background: #e0e8ed;
  margin: 4px 0;
}

.dash-topbar-menu-empty{
  padding: 14px;
  font-size: 13px;
  color: #8a9fad;
  text-align: center;
  font-style: italic;
}

.dash-topbar-menu--profile{
  min-width: 240px;
}

.dash-topbar-connect-form{
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 10px 14px 12px;
  width: 100%;
  box-sizing: border-box;
}

.dash-topbar-connect-label{
  font-size: 12px;
  font-weight: 700;
  color: #4a6b7c;
}

.dash-topbar-connect-input-wrap{
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  max-width: 100%;
  background: linear-gradient(180deg, #f8fbff 0%, #f2f8fd 100%);
  border: 1px solid #cfe0eb;
  border-radius: 9px;
  padding: 7px 10px;
  min-height: 40px;
  box-sizing: border-box;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}

.dash-topbar-connect-input-wrap i{
  color: var(--brand-primary);
  font-size: 15px;
  flex-shrink: 0;
}

.dash-topbar-connect-input-wrap:focus-within{
  border-color: var(--brand-primary);
  box-shadow: 0 0 0 3px var(--brand-primary-soft);
  background: #f8fcff;
}

.dash-topbar-connect-form input{
  width: 100%;
  max-width: 100%;
  border: none;
  background: transparent;
  border-radius: 0;
  padding: 0;
  font-size: 12px;
  color: #1a3a4a;
  outline: none;
  box-sizing: border-box;
}

.dash-topbar-connect-form input::placeholder{
  color: #7a95a6;
}

.dash-topbar-connect-form button{
  border: 1px solid #2287ba;
  border-radius: 10px;
  background: var(--brand-primary);
  color: #fff;
  padding: 9px 12px;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  transition: transform 0.12s ease, box-shadow 0.12s ease, opacity 0.12s ease;
}

.dash-topbar-connect-form button:disabled{
  opacity: 0.6;
  cursor: default;
}

.dash-topbar-connect-error{
  margin: 0;
  font-size: 12px;
  color: #dc2626;
}

.dash-topbar-connect-success{
  margin: 0;
  font-size: 12px;
  color: #15803d;
  display: flex;
  align-items: center;
  gap: 6px;
}

.dash-topbar-connect-error{
  display: flex;
  align-items: center;
  gap: 6px;
}

.dash-topbar-connect-form button{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

.dash-topbar-connect-form button:hover:not(:disabled){
  transform: translateY(-1px);
  box-shadow: 0 6px 14px rgba(31, 122, 168, 0.25);
}

/* Wide menu for partnerships panel */

.dash-topbar-menu--wide{
  min-width: 340px;
  max-width: 400px;
}

/* UUID Section */

.dash-topbar-uuid-section{
  padding: 12px 14px;
}

.dash-topbar-uuid-box{
  display: flex;
  align-items: center;
  gap: 8px;
  background: #f8fbff;
  border: 1px solid #c9dbe9;
  border-radius: 8px;
  padding: 8px 10px;
}

.dash-topbar-uuid-code{
  flex: 1;
  font-size: 11px;
  font-family: monospace;
  color: #0f2f44 !important;
  background: #eef6fc;
  border: 1px solid #d4e4ef;
  border-radius: 6px;
  padding: 6px 8px;
  word-break: break-all;
  user-select: all;
  display: block;
}

.dash-topbar-uuid-code::selection,
.dash-topbar-uuid-code::-moz-selection{
  background: rgba(59, 130, 246, 0.45);
  color: #ffffff;
}

.dash-topbar-uuid-copy{
  flex-shrink: 0;
  background: var(--brand-primary);
  border: none;
  border-radius: 6px;
  padding: 6px 10px;
  cursor: pointer;
  color: #fff;
  font-size: 14px;
  transition: background 0.15s ease;
}

.dash-topbar-uuid-copy:hover{
  background: var(--brand-primary-deep);
}

.dash-topbar-uuid-empty{
  font-size: 13px;
  color: #8a9fad;
  font-style: italic;
  margin: 0;
}

.dash-topbar-uuid-copied{
  margin: 6px 0 0;
  font-size: 12px;
  color: #15803d;
  font-weight: 600;
}

.dash-topbar-uuid-hint{
  margin: 8px 0 0;
  font-size: 11px;
  color: #6b8799;
  line-height: 1.4;
}

/* Linked Tenants List */

.dash-topbar-linked-list{
  max-height: 180px;
  overflow-y: auto;
}

.dash-topbar-linked-item{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px;
  border-bottom: 1px solid #f0f4f7;
}

.dash-topbar-linked-item:last-child{
  border-bottom: none;
}

.dash-topbar-linked-info{
  display: flex;
  align-items: center;
  gap: 10px;
}

.dash-topbar-linked-info > i{
  font-size: 18px;
  color: var(--brand-primary);
}

.dash-topbar-linked-details{
  display: flex;
  flex-direction: column;
}

.dash-topbar-linked-name{
  font-size: 14px;
  font-weight: 600;
  color: #1a3a4a;
}

.dash-topbar-linked-type{
  font-size: 11px;
  color: #6b8799;
}

.dash-topbar-linked-status{
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 11px;
  font-weight: 600;
}

.dash-topbar-linked-status--active{
  color: #15803d;
}

.dash-topbar-linked-status--pending{
  color: #d97706;
}

.dash-partnership-tabs{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  padding: 10px 14px;
}

.dash-partnership-tab{
  border: 1px solid #d6e3ec;
  border-radius: 8px;
  background: #f8fbfd;
  color: #33586e;
  font-size: 12px;
  font-weight: 700;
  padding: 7px 8px;
  cursor: pointer;
}

.dash-partnership-tab--active{
  background: #e7f3fb;
  border-color: var(--brand-primary);
  color: #114a69;
}

.dash-topbar-request-actions{
  display: flex;
  align-items: center;
  gap: 6px;
}

.dash-topbar-request-actions button{
  border: 1px solid var(--brand-primary);
  background: var(--brand-primary);
  color: #fff;
  border-radius: 6px;
  padding: 5px 8px;
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
}

.dash-topbar-request-actions .dash-topbar-request-actions--reject{
  border-color: #dc2626;
  background: #dc2626;
}

.dash-topbar-request-actions button:disabled{
  opacity: 0.55;
  cursor: default;
}

.dash-topbar-menu-empty{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

.dash-topbar-menu-header i{
  margin-right: 6px;
}

/* Spin animation for loading */

@keyframes dash-spin {
  from{ transform: rotate(0deg); }
  to{ transform: rotate(360deg); }
}

.dash-spin{
  animation: dash-spin 1s linear infinite;
}

/* Partnership side panel */

.dash-partnership-panel-wrap{
  position: fixed;
  inset: 0;
  z-index: 9999;
  isolation: isolate;
}

.dash-partnership-panel-backdrop{
  position: absolute;
  inset: 0;
  background: rgba(6, 24, 38, 0.32);
  border: none;
  width: 100%;
  height: 100%;
  animation: dashBackdropIn 320ms ease-out;
}

.dash-topbar-btn--has-badge{
  position: relative;
  overflow: visible;
}

.dash-topbar-notify-badge{
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(38%, -38%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 999px;
  background: #ef4444;
  color: #fff;
  font-size: 10px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.02em;
  line-height: 1;
  text-align: center;
  box-sizing: border-box;
  border: 2px solid var(--header-control-bg, #fff);
  box-shadow: 0 1px 4px rgba(239, 68, 68, 0.35);
  pointer-events: none;
  z-index: 1;
}

.dash-topbar-notify-badge--single{
  min-width: 18px;
  padding: 0;
}

.dash-topbar-notify-badge--notify{
  background: #ef4444;
  box-shadow: 0 1px 4px rgba(239, 68, 68, 0.35);
}

.dash-topbar-notify-badge--partnership{
  background: #f59e0b;
  box-shadow: 0 1px 4px rgba(245, 158, 11, 0.35);
}

.dash-partnership-panel{
  position: absolute;
  top: 0;
  right: 0;
  width: min(420px, 92vw);
  height: 100vh;
  background: var(--rw-surface, #fff);
  border-left: 1px solid var(--rw-border, #e5e7eb);
  box-shadow: -16px 0 40px rgba(15, 23, 42, 0.12);
  overflow: hidden;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  animation: dashPanelIn 380ms cubic-bezier(0.22, 1, 0.36, 1);
  transform-origin: right center;
}

.dash-partnership-panel-wrap.is-closing .dash-partnership-panel-backdrop{
  animation: dashBackdropOut 320ms ease-in forwards;
}

.dash-partnership-panel-wrap.is-closing .dash-partnership-panel{
  animation: dashPanelOut 360ms cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

.dash-partnership-panel-head{
  flex-shrink: 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  padding: 12px 14px 10px;
  background: var(--rw-surface, #fff);
  border-bottom: 1px solid var(--rw-border, #e5e7eb);
}

.dash-partnership-panel-head-text{
  min-width: 0;
}

.dash-partnership-panel-head h3{
  margin: 0;
  font-size: 15px;
  font-weight: 800;
  color: var(--rw-text, #0f172a);
  letter-spacing: -0.02em;
}

.dash-partnership-panel-sub{
  margin: 2px 0 0;
  font-size: 12px;
  color: var(--rw-text-muted, #64748b);
  line-height: 1.35;
}

.dash-partnership-panel-close{
  flex-shrink: 0;
  border: 1px solid var(--rw-border, #e5e7eb);
  background: var(--rw-bg, #f8fafc);
  border-radius: 12px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  color: var(--rw-text-muted, #64748b);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease;
}

.dash-partnership-panel-close i{
  font-size: 14px;
}

.dash-partnership-panel-close:hover{
  background: var(--rw-accent-soft, rgba(37, 99, 235, 0.08));
  border-color: var(--lab-accent, var(--brand-primary));
  color: var(--lab-accent, var(--brand-primary));
}

.dash-partnership-panel-body{
  flex: 1;
  min-height: 0;
  min-width: 0;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 10px 12px 14px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  box-sizing: border-box;
}

.dash-partnership-card{
  border: 1px solid var(--rw-border, #e5e7eb);
  border-radius: 12px;
  background: var(--rw-bg, #f8fafc);
  padding: 10px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}

.dash-partnership-card--primary{
  flex: 1;
  min-height: 0;
  min-width: 0;
  padding: 10px;
  gap: 8px;
  overflow: hidden;
}

.dash-partnership-card--compact{
  padding: 8px 10px;
  gap: 6px;
}

.dash-partnership-card--list{
  background: var(--rw-surface, #fff);
}

.dash-partnership-card-icon{
  width: 36px;
  height: 36px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--lab-accent, var(--brand-primary));
  color: #fff;
  flex-shrink: 0;
  font-size: 16px;
}

.dash-partnership-card-icon--muted{
  background: var(--rw-accent-soft, var(--brand-ring));
  color: var(--lab-accent, var(--brand-primary));
}

.dash-partnership-quick-actions{
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  flex-shrink: 0;
}

.dash-partnership-quick-btn{
  flex: 1;
  min-width: calc(50% - 4px);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  min-height: 34px;
  padding: 0 10px;
  border-radius: 10px;
  border: 1px solid var(--rw-border, #e5e7eb);
  background: var(--rw-surface, #fff);
  color: var(--rw-text-muted, #64748b);
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.dash-partnership-quick-btn:hover{
  background: var(--rw-surface, #fff);
  border-color: var(--lab-accent, var(--brand-primary));
  color: var(--lab-accent, var(--brand-primary));
}

.dash-partnership-quick-btn--active{
  background: var(--brand-primary-soft, #e3f4fa);
  border-color: var(--brand-primary);
  color: var(--brand-primary-deep);
}

.dash-partnership-quick-btn .bi-chevron-down{
  font-size: 11px;
  opacity: 0.75;
}

.dash-partnership-submit{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 44px;
  border: none;
  border-radius: 12px;
  background: var(--lab-accent, var(--brand-primary));
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  box-shadow: 0 4px 14px rgba(37, 99, 235, 0.28);
  transition: transform 0.12s ease, box-shadow 0.12s ease, opacity 0.12s ease;
}

.dash-partnership-submit:hover:not(:disabled){
  transform: translateY(-1px);
  box-shadow: 0 6px 18px rgba(37, 99, 235, 0.32);
}

.dash-partnership-submit:disabled{
  opacity: 0.55;
  cursor: default;
}

.dash-partnership-alert{
  display: flex;
  align-items: flex-start;
  gap: 6px;
  margin: 0;
  padding: 6px 8px;
  border-radius: 8px;
  font-size: 11px;
  line-height: 1.4;
}

.dash-partnership-alert--error{
  background: #fef2f2;
  color: #b91c1c;
  border: 1px solid #fecaca;
}

.dash-partnership-alert--success{
  background: #f0fdf4;
  color: #15803d;
  border: 1px solid #bbf7d0;
}

.dash-partnership-uuid-row{
  display: flex;
  align-items: stretch;
  gap: 8px;
}

.dash-partnership-uuid-code{
  flex: 1;
  min-width: 0;
  margin: 0;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid var(--rw-border, #e5e7eb);
  background: var(--rw-surface, #fff);
  font-size: 11px;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  color: var(--rw-text, #0f172a);
  word-break: break-all;
  user-select: all;
}

.dash-partnership-uuid-copy{
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0 14px;
  border-radius: 12px;
  border: 1px solid var(--rw-border, #e5e7eb);
  background: var(--rw-surface, #fff);
  color: var(--lab-accent, var(--brand-primary));
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease;
}

.dash-partnership-uuid-copy:hover{
  background: var(--rw-accent-soft, rgba(37, 99, 235, 0.08));
  border-color: var(--lab-accent, var(--brand-primary));
}

.dash-partnership-uuid-row--compact .dash-partnership-uuid-code{
  padding: 7px 10px;
  font-size: 10px;
  border-radius: 10px;
}

input.dash-partnership-uuid-input{
  flex: 1;
  min-width: 0;
  width: 100%;
  outline: none;
  box-shadow: none;
  cursor: text;
  user-select: text;
}

input.dash-partnership-uuid-input::placeholder{
  color: var(--rw-text-soft, #94a3b8);
  font-family: inherit;
}

input.dash-partnership-uuid-input:focus{
  border-color: var(--lab-accent, var(--brand-primary));
  box-shadow: 0 0 0 2px var(--brand-ring);
}

.dash-partnership-compact-block{
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin: 0;
  min-width: 0;
}

.dash-partnership-uuid-copy--icon:disabled{
  opacity: 0.45;
  cursor: default;
}

.dash-partnership-uuid-copy--icon{
  width: 36px;
  min-width: 36px;
  padding: 0;
  justify-content: center;
}

.dash-partnership-uuid-copied{
  margin: 0;
  font-size: 11px;
  font-weight: 600;
  color: #15803d;
}

.dash-partnership-empty-inline{
  margin: 0;
  font-size: 13px;
  color: var(--rw-text-muted, #64748b);
  font-style: italic;
}

.dash-partnership-tabs{
  display: flex;
  gap: 6px;
  padding: 4px;
  border-radius: 12px;
  background: var(--rw-bg, #f1f5f9);
  min-width: 0;
  max-width: 100%;
}

.dash-partnership-tab{
  flex: 1;
  min-width: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  min-height: 32px;
  padding: 0 4px;
  border: none;
  border-radius: 10px;
  background: transparent;
  color: var(--rw-text-muted, #64748b);
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

.dash-partnership-tab--active{
  background: var(--lab-accent, var(--brand-primary));
  color: #ffffff;
  box-shadow: 0 2px 8px rgba(37, 99, 235, 0.32);
}

.dash-partnership-tab-count{
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  border-radius: 999px;
  background: rgba(100, 116, 139, 0.12);
  font-size: 11px;
  font-weight: 800;
  line-height: 20px;
}

.dash-partnership-tab--active .dash-partnership-tab-count{
  background: rgba(255, 255, 255, 0.22);
  color: #ffffff;
}

.dash-partnership-tab-count--alert{
  background: #fee2e2;
  color: #dc2626;
}

.dash-partnership-tab--active .dash-partnership-tab-count--alert{
  background: #ffffff;
  color: #dc2626;
}

.dash-partnership-panel-search-wrap{
  width: 100%;
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}

.dash-partnership-panel-search{
  display: flex;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  flex-shrink: 0;
}

.dash-partnership-panel-search input{
  min-width: 0;
  width: 0;
  flex: 1;
}

.dash-partnership-card--primary .dash-partnership-list{
  flex: 1;
  min-height: 120px;
  max-height: none;
}

.dash-partnership-list{
  display: flex;
  flex-direction: column;
  gap: 6px;
  max-height: min(280px, 38vh);
  overflow-y: auto;
  padding-right: 2px;
}

.dash-partnership-item{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
  flex-wrap: wrap;
  padding: 8px 10px;
  border-radius: 10px;
  border: 1px solid var(--rw-border, #e5e7eb);
  background: var(--rw-bg, #f8fafc);
}

.dash-partnership-item-main{
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 1;
  min-width: 160px;
}

.dash-partnership-item-avatar{
  width: 32px;
  height: 32px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--lab-accent, var(--brand-primary));
  color: #fff;
  font-size: 12px;
  font-weight: 800;
  flex-shrink: 0;
}

.dash-partnership-item-text{
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.dash-partnership-item-name{
  font-size: 13px;
  font-weight: 700;
  color: var(--rw-text, #0f172a);
  line-height: 1.3;
}

.dash-partnership-item-meta{
  font-size: 12px;
  color: var(--rw-text-muted, #64748b);
}

.dash-partnership-item-actions{
  display: flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
}

.dash-partnership-btn{
  min-height: 32px;
  padding: 0 12px;
  border-radius: 10px;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  transition: opacity 0.12s ease, transform 0.12s ease;
}

.dash-partnership-btn:disabled{
  opacity: 0.55;
  cursor: default;
}

.dash-partnership-btn--primary{
  border: none;
  background: var(--lab-accent, var(--brand-primary));
  color: #fff;
}

.dash-partnership-btn--ghost{
  border: 1px solid var(--rw-border, #e5e7eb);
  background: var(--rw-surface, #fff);
  color: var(--rw-text-muted, #64748b);
}

.dash-partnership-btn--ghost:hover:not(:disabled){
  background: var(--rw-surface, #fff);
  border-color: #fca5a5;
  color: #dc2626;
}

.dash-partnership-pill{
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 5px 10px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
  flex-shrink: 0;
}

.dash-partnership-pill--active{
  background: #dcfce7;
  color: #15803d;
}

.dash-partnership-pill--pending{
  background: #fef3c7;
  color: #b45309;
}

.dash-partnership-empty{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 16px 12px;
  text-align: center;
  border-radius: 10px;
  border: 1px dashed var(--rw-border, #e5e7eb);
  background: var(--rw-bg, #f8fafc);
}

.dash-partnership-empty-icon{
  width: 32px;
  height: 32px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--rw-accent-soft, rgba(37, 99, 235, 0.1));
  color: var(--lab-accent, var(--brand-primary));
  font-size: 16px;
}

.dash-partnership-empty p{
  margin: 0;
  font-size: 12px;
  line-height: 1.45;
  color: var(--rw-text-muted, #64748b);
  max-width: 240px;
}

.dash-partnership-panel .dash-topbar-linked-list{
  max-height: none;
}

/* Notifications panel */

.dash-notifications-panel{
  width: min(440px, 92vw);
}

.dash-notifications-panel-body{
  display: flex;
  flex-direction: column;
  min-height: 0;
  flex: 1;
  padding: 0;
  gap: 0;
  overflow: hidden;
  position: relative;
}

.dash-notifications-panel .dash-partnership-panel-body{
  overflow: hidden;
  padding: 0;
}

.dash-notify-item{
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  width: 100%;
  padding: 12px;
  border: 1px solid var(--rw-border, #e5e7eb);
  border-radius: 12px;
  background: var(--rw-surface, #fff);
  text-align: left;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  font-family: inherit;
  transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}

.dash-notify-item:hover,
.dash-notify-item:active,
.dash-notify-item:focus-visible{
  background: var(--rw-accent-soft, rgba(37, 99, 235, 0.06));
  border-color: rgba(37, 99, 235, 0.25);
}

.dash-notify-item--unread{
  background: rgba(37, 99, 235, 0.06);
  border-color: rgba(37, 99, 235, 0.22);
  box-shadow: inset 3px 0 0 var(--lab-accent, var(--brand-primary));
}

.dash-notify-item--unread:hover,
.dash-notify-item--unread:focus-visible{
  background: var(--rw-bg, #fff);
  border-color: var(--rw-border, #e2e8f0);
  box-shadow: none;
}

.dash-notify-item-icon{
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  background: var(--rw-bg, #f8fafc);
  color: var(--rw-text-muted, #64748b);
}

.dash-notify-item-icon--work_order{
  background: var(--brand-ring);
  color: var(--lab-accent, var(--brand-primary));
}

.dash-notify-item-icon--connection{
  background: rgba(250, 204, 21, 0.18);
  color: #ca8a04;
}

.dash-notify-item-icon--connection_accepted{
  background: rgba(74, 222, 128, 0.16);
  color: #16a34a;
}

.dash-notify-item-icon--removal{
  background: rgba(248, 113, 113, 0.16);
  color: #dc2626;
}

.dash-notify-item-head{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
}

.dash-notify-item-head strong{
  font-size: 13px;
  font-weight: 700;
  color: var(--rw-text, #0f172a);
  line-height: 1.35;
}

.dash-notify-item-head time{
  flex-shrink: 0;
  font-size: 11px;
  color: var(--rw-text-muted, #94a3b8);
  white-space: nowrap;
}

.dash-notify-item-body{
  font-size: 12px;
  line-height: 1.45;
  color: var(--rw-text-muted, #64748b);
}

.dash-notify-footer{
  flex-shrink: 0;
  padding: 10px 14px 14px;
  border-top: 1px solid var(--rw-border, #e5e7eb);
}

.dash-notify-empty{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 36px 16px;
  text-align: center;
}

.dash-notify-empty-icon{
  width: 44px;
  height: 44px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--rw-bg, #f8fafc);
  color: var(--rw-text-muted, #94a3b8);
  font-size: 18px;
}

.dash-notify-empty p{
  margin: 0;
  font-size: 13px;
  color: var(--rw-text-muted, #64748b);
}

.dash-notify-empty-link{
  font-size: 12px;
  font-weight: 600;
  color: var(--lab-accent, var(--brand-primary));
  text-decoration: none;
}

.dash-notify-empty-link:hover{
  text-decoration: underline;
}

.dash-notify-loading{
  margin: 0;
  padding: 24px 12px;
  text-align: center;
  font-size: 13px;
  color: var(--rw-text-muted, #64748b);
}

/* Notifications full page */

.dash-page-column:has(.dash-main--notifications) > .dash-topbar,
.dash-main--notifications > .dash-topbar{
  position: relative;
  z-index: 2;
}

.dash-main--notifications > .dash-notify-page{
  position: relative;
  z-index: 1;
  transform-origin: top center;
  animation: dashNotifyPageSlideDown 0.56s cubic-bezier(0.22, 1, 0.36, 1) 1s both;
  will-change: transform, opacity;
}

@keyframes dashNotifyPageSlideDown {
  from{
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
  to{
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .dash-main--notifications > .dash-notify-page{
    animation: none;
  }
}

.dash-notify-page{
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-height: 0;
  flex: 1;
}

.dash-notify-page-title{
  margin: 0;
  font-size: 22px;
  font-weight: 800;
  color: var(--rw-text, #0f2231);
  letter-spacing: -0.02em;
}

.dash-notify-settings-link{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  border: 1px solid var(--rw-border, #e2e8f0);
  border-radius: 8px;
  font-size: 13px;
  font-weight: 600;
  color: var(--rw-text, #334155);
  text-decoration: none;
  background: var(--rw-surface, #fff);
}

.dash-notify-settings-link:hover{
  border-color: rgba(37, 99, 235, 0.35);
  color: var(--lab-accent-deep, var(--brand-primary-deep));
}

@media (prefers-reduced-motion: reduce) {
  
}

.dash-notify-page-disabled{
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.dash-notify-page-disabled p{
  margin: 0;
  color: var(--rw-text-muted, #64748b);
}

.dash-notify-page-disabled a{
  color: var(--lab-accent, var(--brand-primary));
  font-weight: 600;
  text-decoration: none;
}

/* Notifications feed — mockup layout */

.dash-notify-page-shell{
  width: 100%;
  max-width: 440px;
  margin: 0 auto;
}

.dash-notify-feed{
  display: flex;
  flex-direction: column;
  min-height: 0;
  background: var(--rw-surface, #fff);
  border: 1px solid var(--rw-border, #e8edf2);
  border-radius: 16px;
  box-shadow: 0 8px 28px rgba(15, 34, 49, 0.06);
  overflow: hidden;
}

.dash-notifications-panel .dash-notify-feed{
  border: none;
  border-radius: 0;
  box-shadow: none;
  flex: 1;
  min-height: 0;
  height: 100%;
}

.dash-notify-feed-head{
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 18px 18px 12px;
}

.dash-notify-feed-title{
  margin: 0;
  font-size: 18px;
  font-weight: 800;
  color: var(--rw-text, #0f2231);
  letter-spacing: -0.02em;
}

.dash-notify-feed-actions{
  display: flex;
  align-items: center;
  gap: 4px;
}

.dash-notify-feed-icon-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border: none;
  border-radius: 10px;
  background: transparent;
  color: var(--rw-text-muted, #64748b);
  font-size: 18px;
  cursor: pointer;
  text-decoration: none;
  transition: background-color 0.15s ease, color 0.15s ease;
}

.dash-notify-feed-icon-btn:hover{
  background: var(--rw-bg, #f1f5f9);
  color: var(--rw-text, #0f2231);
}

.dash-notify-feed-tabs{
  display: flex;
  align-items: stretch;
  gap: 0;
  padding: 0 18px;
  border-bottom: 1px solid var(--rw-border, #e8edf2);
  flex-shrink: 0;
}

.dash-notify-feed-tab{
  position: relative;
  flex: 1;
  min-width: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 12px 6px;
  border: none;
  background: transparent;
  color: var(--rw-text-muted, #64748b);
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: color 0.15s ease;
}

.dash-notify-feed-tab--active{
  color: var(--lab-accent, var(--brand-primary));
  font-weight: 700;
}

.dash-notify-feed-tab--active::after{
  content: '';
  position: absolute;
  left: 8px;
  right: 8px;
  bottom: 0;
  height: 2px;
  border-radius: 2px 2px 0 0;
  background: var(--lab-accent, var(--brand-primary));
}

.dash-notify-feed-tab-badge{
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  border-radius: 999px;
  background: var(--brand-ring);
  color: var(--lab-accent, var(--brand-primary));
  font-size: 11px;
  font-weight: 800;
  line-height: 20px;
  text-align: center;
}

.dash-notify-feed-tab:not(.dash-notify-feed-tab--active) .dash-notify-feed-tab-badge{
  background: var(--rw-bg, #f1f5f9);
  color: var(--rw-text-muted, #64748b);
}

.dash-notify-feed-tab-badge--alert{
  background: var(--brand-ring);
  color: var(--lab-accent, var(--brand-primary));
}

.dash-notify-feed-body{
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding: 8px 0 4px;
}

.dash-notifications-panel .dash-notify-feed-body{
  flex: 1;
  min-height: 0;
  max-height: none;
  overflow-y: auto;
}

.dash-notifications-panel .dash-notify-feed-footer{
  flex-shrink: 0;
  padding: 16px 18px 20px;
  background: var(--rw-surface, #fff);
  border-top: 1px solid var(--rw-border, #e8edf2);
  box-shadow: 0 -8px 20px rgba(15, 34, 49, 0.04);
}

.dash-notify-section + .dash-notify-section{
  margin-top: 4px;
}

.dash-notify-section-title{
  margin: 0;
  padding: 10px 18px 6px;
  font-size: 12px;
  font-weight: 700;
  color: var(--rw-text-muted, #94a3b8);
}

.dash-notify-section-list{
  display: flex;
  flex-direction: column;
}

.dash-notify-row{
  display: flex;
  align-items: flex-start;
  gap: 10px;
  width: 100%;
  padding: 9px 14px 9px 18px;
  border: none;
  border-bottom: 1px solid var(--rw-border, #eef2f6);
  background: transparent;
  text-align: left;
  cursor: pointer;
  font-family: inherit;
  transition: background-color 0.15s ease;
}

.dash-notify-row:last-child{
  border-bottom: none;
}

.dash-notify-row:hover,
.dash-notify-row:focus-visible{
  background: var(--rw-bg, #f8fafc);
}

.dash-notify-row-dot{
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  margin-top: 15px;
  border-radius: 50%;
  background: transparent;
}

.dash-notify-row-dot--active{
  background: var(--lab-accent, var(--brand-primary));
}

/* Ikon karosu: toast ve bildirim listesi ortak. Dashboard KPI ikonlariyla ayni dil:
   acik temada soluk tur rengi zemin + koyu tur rengi ikon, koyu temada %18 zemin + acik ikon. */

.dash-notify-tile{
  flex-shrink: 0;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: color-mix(in srgb, var(--notify-tile, #64748b) 82%, #000);
  background: color-mix(in srgb, var(--notify-tile, #64748b) 14%, #fff);
}

body.theme-dark .dash-notify-tile{
  color: color-mix(in srgb, var(--notify-tile, #64748b) 62%, #fff);
  background: color-mix(in srgb, var(--notify-tile, #64748b) 18%, transparent);
}

/* Tur renkleri: karo + toast odak halkasi --notify-tile'i buradan alir */

.dash-notify-kind--work_order{ --notify-tile: #059669; }

.dash-notify-kind--patient,
.dash-notify-kind--treatment{ --notify-tile: var(--brand-primary, #2563eb); }

.dash-notify-kind--connection{ --notify-tile: #ca8a04; }

.dash-notify-kind--connection_accepted{ --notify-tile: #16a34a; }

.dash-notify-kind--removal{ --notify-tile: #dc2626; }

.dash-notify-kind--stock{ --notify-tile: #ea580c; }

.dash-notify-kind--shipping,
.dash-notify-kind--mention{ --notify-tile: #7c3aed; }

.dash-notify-kind--system{ --notify-tile: #64748b; }

.dash-notify-kind--success{ --notify-tile: #16a34a; }

.dash-notify-kind--error,
.dash-notify-kind--deleted{ --notify-tile: #dc2626; }

.dash-notify-row-icon{
  width: 38px;
  height: 38px;
  font-size: 17px;
}

.dash-notify-row-content{
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 1px;
  padding-top: 0;
}

.dash-notify-row-title{
  font-size: 14px;
  font-weight: 700;
  line-height: 1.3;
  color: var(--rw-text, #0f2231);
}

.dash-notify-row-body{
  font-size: 13px;
  line-height: 1.35;
  color: var(--rw-text-muted, #64748b);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.dash-notify-row-time{
  margin-top: 0;
  font-size: 12px;
  line-height: 1.25;
  color: var(--rw-text-muted, #94a3b8);
}

.dash-notify-row-thumb{
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  border-radius: 8px;
  object-fit: cover;
  margin-top: 2px;
  border: 1px solid var(--rw-border, #e8edf2);
}

.dash-notify-row-chevron{
  flex-shrink: 0;
  margin-top: 11px;
  font-size: 14px;
  color: var(--rw-text-muted, #cbd5e1);
}

.dash-notify-feed-footer{
  flex-shrink: 0;
  padding: 14px 18px 18px;
  border-top: 1px solid var(--rw-border, #e8edf2);
  text-align: center;
}

.dash-notify-feed-view-all{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 700;
  color: var(--lab-accent, var(--brand-primary));
  text-decoration: none;
}

.dash-notify-feed-view-all:hover{
  text-decoration: underline;
}

.dash-notify-empty--feed{
  padding: 36px 18px 44px;
}

.dash-notify-page{
  align-items: center;
  padding-top: 8px;
}

/* Notification arrival popover — macOS tarzi cam bildirim kartlari */

.dash-notify-arrivals{
  position: fixed;
  top: 46px;
  right: 6px;
  left: auto;
  bottom: auto;
  width: min(380px, calc(100vw - 12px));
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  z-index: 4000;
  pointer-events: none;
  overflow: visible;
  box-sizing: border-box;
}

@media (max-width: 640px) {
  .dash-notify-arrivals{
    top: 2px;
    right: 2px;
    width: calc(100vw - 4px);
  }
}

/* Liste padding'i sol ustte tasan kapatma butonuna yer acar */

.dash-notify-arrivals-list{
  list-style: none;
  margin: 0;
  padding: 10px 10px 16px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  overflow: visible;
  pointer-events: auto;
}

.dash-notify-arrivals-li{
  position: relative;
  margin: 0;
  padding: 0;
}

.dash-notify-arrivals-li:not(.dash-notify-arrivals-li--lead){
  display: none;
}

.dash-notify-arrivals-li--lead{
  z-index: 2;
}

/* Animasyon cam kartin KENDISINDE: ust ogede (li) opacity/transform animasyonu
   calisirken backdrop-filter sayfayi goremez; kart giris boyunca duz/yanlis gorunur */

.dash-notify-arrivals-item{
  animation: dashNotifyArrivalSlideIn 0.42s cubic-bezier(0.22, 1, 0.36, 1) backwards;
}

.dash-notify-arrivals--exiting .dash-notify-arrivals-item{
  animation: dashNotifyArrivalSlideOut 0.36s cubic-bezier(0.4, 0, 1, 1) both;
}

@keyframes dashNotifyArrivalSlideIn {
  from{
    opacity: 0;
    transform: translate3d(28px, 0, 0) scale(0.98);
  }
  to{
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}

@keyframes dashNotifyArrivalSlideOut {
  from{
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  to{
    opacity: 0;
    transform: translate3d(36px, 0, 0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .dash-notify-arrivals-item,
  .dash-notify-arrivals--exiting .dash-notify-arrivals-item{
    animation: none;
  }
}

.dash-notify-arrivals-item{
  /* Beyaz sayfadan ayrissin: hafif gri-mavi cam + belirgin kenar */
  --notify-glass: rgba(236, 240, 246, 0.72);
  --notify-glass-hover: rgba(230, 235, 243, 0.82);
  --notify-stroke: rgba(15, 23, 42, 0.12);
  --notify-fg: #1d1d1f;
  --notify-body: rgba(29, 29, 31, 0.86);
  --notify-muted: rgba(60, 60, 67, 0.6);
  --notify-shadow: 0 6px 20px -4px rgba(15, 23, 42, 0.12), 0 1px 3px rgba(15, 23, 42, 0.06);
  position: relative;
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr);
  align-items: center;
  column-gap: 12px;
  width: 100%;
  min-height: 0;
  padding: 12px 14px 12px 12px;
  border: 0.5px solid var(--notify-stroke);
  border-radius: 18px;
  background: var(--notify-glass);
  -webkit-backdrop-filter: blur(24px) saturate(120%);
  backdrop-filter: blur(24px) saturate(120%);
  box-shadow: var(--notify-shadow);
  text-align: left;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Segoe UI', system-ui, sans-serif;
  color: var(--notify-fg);
  outline: none;
  box-sizing: border-box;
  transition: background-color 0.18s ease;
}

.dash-notify-arrivals-item:hover{
  filter: none;
  background: var(--notify-glass-hover);
}

.dash-notify-arrivals-item:focus-visible{
  box-shadow: var(--notify-shadow), 0 0 0 3px color-mix(in srgb, var(--notify-tile, #64748b) 40%, transparent);
}

/* Uygulama ikonu gibi yuvarlatilmis kare; boyutu kullanan bilesen verir */

.dash-notify-arrivals-item-icon{
  width: 40px;
  height: 40px;
  font-size: 19px;
}

.dash-notify-arrivals-item-icon i{
  line-height: 1;
}

.dash-notify-arrivals-item-content{
  display: flex;
  flex-direction: column;
  gap: 1px;
  min-width: 0;
}

.dash-notify-arrivals-item-headline{
  display: flex;
  align-items: baseline;
  gap: 8px;
  min-width: 0;
}

.dash-notify-arrivals-item-headline strong{
  flex: 1 1 auto;
  min-width: 0;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -0.005em;
  color: var(--notify-fg);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Sag ustte saat; uzerine gelince ok isaretine donusur */

.dash-notify-arrivals-item-meta{
  position: relative;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  min-width: 14px;
}

.dash-notify-arrivals-item-ago{
  font-size: 11.5px;
  font-weight: 400;
  line-height: 1.3;
  color: var(--notify-muted);
  white-space: nowrap;
  transition: opacity 0.15s ease;
}

.dash-notify-arrivals-item-chevron{
  position: absolute;
  right: -2px;
  top: 50%;
  font-size: 13px;
  line-height: 1;
  color: var(--notify-muted);
  opacity: 0;
  transform: translateY(-50%);
  transition: opacity 0.15s ease;
}

.dash-notify-arrivals-item:hover .dash-notify-arrivals-item-ago,
.dash-notify-arrivals-item:focus-visible .dash-notify-arrivals-item-ago{
  opacity: 0;
}

.dash-notify-arrivals-item:hover .dash-notify-arrivals-item-chevron,
.dash-notify-arrivals-item:focus-visible .dash-notify-arrivals-item-chevron{
  opacity: 1;
}

.dash-notify-arrivals-item-body{
  font-size: 13px;
  font-weight: 400;
  line-height: 1.32;
  color: var(--notify-body);
  white-space: pre-line;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Sol ustte tasan cam kapatma butonu; uzerine gelince gorunur */

.dash-notify-arrivals-close{
  position: absolute;
  top: -7px;
  left: -7px;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  margin: 0;
  padding: 0;
  border: 0.5px solid var(--notify-stroke);
  border-radius: 999px;
  background: var(--notify-glass-hover);
  -webkit-backdrop-filter: blur(24px) saturate(120%);
  backdrop-filter: blur(24px) saturate(120%);
  box-shadow: none;
  color: var(--notify-muted);
  cursor: pointer;
  opacity: 0;
  transform: scale(0.85);
  pointer-events: auto;
  -webkit-appearance: none;
  appearance: none;
  font-family: inherit;
  transition: opacity 0.15s ease, transform 0.15s ease, color 0.15s ease;
}

.dash-notify-arrivals-item:hover .dash-notify-arrivals-close,
.dash-notify-arrivals-item:focus-within .dash-notify-arrivals-close{
  opacity: 1;
  transform: scale(1);
}

.dash-notify-arrivals-close:hover{
  color: var(--notify-fg);
}

.dash-notify-arrivals-close i{
  font-size: 15px;
  line-height: 1;
}

@media (hover: none) {
  .dash-notify-arrivals-close{
    opacity: 1;
    transform: scale(1);
  }
}

/* backdrop-filter desteklenmezse cam yerine opak zemin */

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .dash-notify-arrivals-item{
    --notify-glass: #eef2f7;
    --notify-glass-hover: #e8edf4;
  }
}

@keyframes dashBackdropIn {
  from{
    opacity: 0;
  }
  to{
    opacity: 1;
  }
}

@keyframes dashBackdropOut {
  from{
    opacity: 1;
  }
  to{
    opacity: 0;
  }
}

@keyframes dashPanelIn {
  from{
    opacity: 0;
    transform: translateX(24px) scale(0.985);
  }
  to{
    opacity: 1;
    transform: translateX(0) scale(1);
  }
}

@keyframes dashPanelOut {
  from{
    opacity: 1;
    transform: translateX(0) scale(1);
  }
  to{
    opacity: 0;
    transform: translateX(26px) scale(0.985);
  }
}

/* Metric cards row */

.dash-metric-card{
  position: relative;
  background: #ffffff;
  border: 1px solid #d6e3ec;
  border-radius: 18px;
  padding: 16px 20px;
  box-shadow: 0 16px 40px rgba(10, 37, 64, 0.08);
}

.dash-metric-icon{
  position: absolute;
  top: -12px;
  left: 20px;
  width: 48px;
  height: 48px;
  border-radius: 10px;
  background: var(--brand-primary);
  box-shadow: 0 4px 12px rgba(37, 99, 235, 0.35);
}

.dash-metric-label{
  margin: 24px 0 4px;
  font-size: 13px;
  font-weight: 500;
  color: #6b8799;
  text-align: right;
}

.dash-metric-value{
  margin: 0;
  font-size: 28px;
  font-weight: 700;
  color: #1a3a4a;
  text-align: right;
}

.dash-metric-trend--up::before{
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  margin-right: 4px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 6px solid #22c55e;
  vertical-align: middle;
}

.dash-metric-trend--down::before{
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  margin-right: 4px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid #ef4444;
  vertical-align: middle;
}

/* Chart cards row */

.dash-chart-card{
  background: #ffffff;
  border: 1px solid #d6e3ec;
  border-radius: 18px;
  padding: 24px;
  box-shadow: 0 16px 40px rgba(10, 37, 64, 0.08);
}

.dash-chart-card h3{
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  color: #1a3a4a;
}

.dash-chart-sub{
  margin: 4px 0 0;
  font-size: 13px;
  color: #6b8799;
}

.dash-chart-foot{
  margin: 0;
  font-size: 12px;
  color: #94a7b5;
}

/* Bottom row */

.dash-table-card{
  flex-shrink: 0;
  background: #ffffff;
  border: 1px solid #d6e3ec;
  border-radius: 18px;
  box-shadow: 0 16px 40px rgba(10, 37, 64, 0.08);
  overflow: hidden;
  width: 100%;
}

.dash-table-head{
  padding: 16px 20px;
  border-bottom: 1px solid #eef2f5;
}

.dash-table-head h3{
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  color: #1a3a4a;
}

.dash-table-body{
  padding: 8px 0;
}

.dash-table-row{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 20px;
}

.dash-table-row:not(:last-child){
  border-bottom: 1px solid #f5f8fa;
}

.dash-table-label{
  font-size: 14px;
  font-weight: 500;
  color: #6b8799;
}

.dash-table-value{
  font-size: 14px;
  font-weight: 600;
  color: #1a3a4a;
}

.dash-overview-card{
  background: #ffffff;
  border: 1px solid #d6e3ec;
  border-radius: 18px;
  padding: 24px;
  box-shadow: 0 16px 40px rgba(10, 37, 64, 0.08);
}

@media (max-width: 480px) {
  .dash-brand-name{
    font-size: 13px;
  }

  .dash-nav-link{
    padding: 7px 10px;
    font-size: 13px;
  }

  .dash-sidebar-action{
    flex: 1;
    width: 100%;
  }

  .dash-main{
    padding: 0 10px 14px;
  }
}

/* Responsive */

@media (max-width: 1200px) {
  

  

  
}

@media (max-width: 920px) {
  .dash-topbar-subtitle{
    display: none;
  }

  .dash-layout{
    grid-template-columns: 1fr;
    height: auto;
    overflow: visible;
  }

  .dash-layout--collapsed{
    grid-template-columns: 1fr;
  }

  .dash-sidebar{
    display: none;
  }

  

  .dash-main{
    padding: 0 14px 18px;
    gap: 14px;
    padding-bottom: 88px;
    max-height: none;
    height: auto;
    overflow-y: visible;
  }

  .dash-main.lab-calendar-page{
    padding: 0;
    gap: 0;
    padding-bottom: 88px;
  }

  /* Eski baslik satiri; tech-header arac cubugu (Ekle, arama) gizlenmemeli */
  .dash-main > .dash-header:first-of-type:not(.tech-header){
    display: none;
  }

  .dash-header{
    padding: 14px;
  }

  .dash-table-card{
    border-radius: 12px;
  }

  

  .tech-table{
    min-width: 760px;
    table-layout: auto;
  }

  .tech-table thead th,
.tech-table tbody td{
    white-space: nowrap;
  }

  .wo-panel{
    width: calc(100% - 16px);
    max-height: calc(100vh - 24px);
  }

  

  .wo-month-grid{
    grid-template-columns: 1fr;
  }

  .wo-month-grid--head{
    display: none;
  }

  .wo-month-day-cell{
    min-height: 0;
  }

  .mobile-bottom-nav{
    position: fixed;
    left: 10px;
    right: 10px;
    bottom: 10px;
    z-index: 40;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 6px;
    padding: 8px 8px calc(8px + env(safe-area-inset-bottom));
    background: rgba(255, 255, 255, 0.98);
    border: 1px solid #d6e3ec;
    border-radius: 18px;
    box-shadow: 0 14px 38px rgba(10, 37, 64, 0.2);
    backdrop-filter: blur(12px);
  }

  .mobile-bottom-nav__item{
    border: 0;
    background: transparent;
    color: #5b7588;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    min-height: 52px;
    border-radius: 10px;
    font-size: 11px;
    font-weight: 700;
  }

  .mobile-bottom-nav__item i{
    font-size: 17px;
    line-height: 1;
  }

  .mobile-bottom-nav__item--active{
    color: var(--brand-primary-deep);
    background: #eaf6fc;
  }

  .mobile-bottom-nav__item--cta{
    color: #ffffff;
    background: var(--brand-primary);
    border-radius: 14px;
    box-shadow: 0 10px 20px rgba(31, 122, 168, 0.35);
    transform: translateY(-10px);
  }

  .mobile-bottom-nav__item--cta i{
    font-size: 18px;
  }

  .mobile-menu-backdrop{
    display: block;
    position: fixed;
    inset: 0;
    z-index: 60;
    background: rgba(10, 24, 39, 0.38);
  }

  .mobile-menu-panel{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    max-height: min(78vh, 620px);
    background: #ffffff;
    border-radius: 16px 16px 0 0;
    border-top: 1px solid #d6e3ec;
    display: flex;
    flex-direction: column;
    overflow: hidden;
  }

  .mobile-menu-head{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 14px 10px;
    border-bottom: 1px solid #e6eef4;
  }

  .mobile-menu-head h3{
    margin: 0;
    font-size: 15px;
    color: #1a3a4a;
  }

  .mobile-menu-body{
    overflow-y: auto;
    padding: 10px 12px calc(14px + env(safe-area-inset-bottom));
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  .mobile-menu-section{
    border: 1px solid #deebf3;
    border-radius: 12px;
    padding: 10px;
    background: #f9fcff;
    display: flex;
    flex-direction: column;
    gap: 6px;
  }

  .mobile-menu-title{
    margin: 0 0 2px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #6b8799;
  }

  .mobile-menu-link{
    border: 1px solid #d6e3ec;
    border-radius: 10px;
    padding: 10px 12px;
    color: #35596d;
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
    background: #ffffff;
  }

  .mobile-menu-link--logout{
    text-align: left;
    background: #fff4f4;
    color: #b43737;
    border-color: #f1c2c2;
  }

  /* --- Lab mobil (masaustu tasarimini bozmadan) --- */
  .dash-layout--lab .dash-main{
    padding: 0 12px 96px;
    gap: 12px;
  }

  .dash-layout--lab .dash-topbar{
    padding: 12px 14px;
    border-radius: 16px;
    margin-top: 8px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 8px 24px rgba(37, 99, 235, 0.05);
  }

  .dash-layout--lab .lab-patient-stats{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .dash-layout--lab .lab-patient-stat-card{
    padding: 14px;
    border-radius: 16px;
    border-color: rgba(226, 232, 240, 0.95);
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03), 0 10px 28px rgba(37, 99, 235, 0.06);
    gap: 6px;
  }

  .dash-layout--lab .lab-patient-stat-card:hover{
    transform: none;
  }

  .dash-layout--lab .lab-patient-stat-card-value{
    font-size: 26px;
  }

  .dash-layout--lab .lab-patient-list-card,
.dash-layout--lab .lab-dashboard-page .lab-dash-card,
.dash-layout--lab .dash-table-card{
    border-radius: 18px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 12px 32px rgba(37, 99, 235, 0.07);
  }

  .dash-layout--lab .lab-work-orders-page .lab-patient-list-card,
.dash-layout--lab .lab-work-orders-page .lab-patient-list-table-wrap{
    box-shadow: none;
  }

  

  

  .dash-layout--lab .lab-dash-chart-range-btn{
    min-width: 40px;
    padding: 6px 10px;
    border-radius: 999px;
  }

  .dash-layout--lab .lab-mobile-bottom-nav{
    left: 12px;
    right: 12px;
    bottom: max(8px, env(safe-area-inset-bottom));
    gap: 4px;
    padding: 6px 6px calc(6px + env(safe-area-inset-bottom));
    border-radius: 22px;
    border: 1px solid rgba(214, 227, 236, 0.9);
    box-shadow: 0 18px 48px rgba(10, 37, 64, 0.16);
  }

  .dash-layout--lab .lab-mobile-bottom-nav .mobile-bottom-nav__item{
    min-height: 48px;
    border-radius: 14px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.01em;
    gap: 3px;
    position: relative;
  }

  .dash-layout--lab .lab-mobile-bottom-nav .mobile-bottom-nav__item--active{
    color: var(--brand-primary-deep);
    background: linear-gradient(180deg, #f0f9ff 0%, #e8f6fc 100%);
    box-shadow: inset 0 0 0 1px var(--brand-ring);
  }

  .dash-layout--lab .lab-mobile-bottom-nav .mobile-bottom-nav__item--active::after{
    content: '';
    position: absolute;
    top: 6px;
    width: 18px;
    height: 3px;
    border-radius: 999px;
    background: var(--brand-primary);
  }

  .dash-layout--lab .lab-mobile-bottom-nav .mobile-bottom-nav__item--cta{
    transform: translateY(-8px);
    min-height: 54px;
    border-radius: 16px;
    box-shadow: 0 12px 24px rgba(31, 122, 168, 0.38);
  }

  .dash-layout--lab .lab-mobile-bottom-nav .mobile-bottom-nav__item--cta span{
    font-size: 10px;
  }

  .dash-layout--lab .lab-mobile-bottom-nav .mobile-bottom-nav__item--placeholder{
    visibility: hidden;
    pointer-events: none;
  }

  

  

  

  

  

  

  .dash-layout--lab .lab-mobile-menu-section{
    display: flex;
    flex-direction: column;
    gap: 8px;
  }

  .dash-layout--lab .lab-mobile-menu-title{
    margin: 0;
    padding: 0 4px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #64748b;
  }

  

  

  

  

  

  

  

  

  .dash-layout--lab .lab-mobile-menu-section--footer{
    padding-top: 4px;
    padding-bottom: calc(20px + env(safe-area-inset-bottom));
  }

  .dash-layout--lab.lab-mobile-menu-page .lab-mobile-menu-page-content{
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding-bottom: calc(112px + env(safe-area-inset-bottom));
  }

  .dash-layout--lab.lab-mobile-menu-page .dash-main > .dash-header:first-of-type:not(.tech-header){
    display: flex;
  }

  .dash-layout--lab .wo-orders-toolbar.tech-header{
    padding: 12px;
    border-radius: 16px;
    gap: 10px;
  }

  .dash-layout--lab .wo-orders-toolbar-actions{
    width: 100%;
    margin-left: 0;
  }

  .dash-layout--lab .wo-orders-toolbar-actions .tech-add-btn{
    flex: 1;
    justify-content: center;
    border-radius: 12px;
  }
}

@media (max-width: 480px) {
  .dash-layout--lab .lab-patient-stats{
    grid-template-columns: 1fr;
  }
}

/* ============================================================================
   WORK ORDERS (İŞ EMİRLERİ) PAGE STYLES
   ============================================================================ */

.wo-panel{
  width: min(720px, calc(100% - 32px));
  max-height: calc(100vh - 64px);
  --wo-btn-gradient: var(--brand-primary);
  --wo-btn-hover: var(--brand-primary-light);
  --wo-btn-accent: var(--brand-primary);
  --wo-btn-accent-dark: var(--brand-primary-deep);
}

.wo-orders-toolbar{
  flex-wrap: wrap;
  gap: 12px;
  position: relative;
  z-index: 20;
  overflow: visible;
}

.wo-orders-toolbar-actions{
  display: flex;
  align-items: center;
  gap: 10px;
  margin-left: auto;
  flex-shrink: 0;
  position: relative;
  overflow: visible;
}

.wo-filter-anchor,
.wo-cal-anchor{
  position: relative;
  z-index: 30;
}

.wo-mini-cal-popover{
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  z-index: 120;
  width: 300px;
}

.wo-mini-cal-popover .wo-mini-cal{
  border: 1px solid #e3edf3;
  border-radius: 12px;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.1);
  padding: 12px 14px;
}

.wo-mini-cal-popover .wo-mini-head{
  margin-bottom: 8px;
}

.wo-mini-cal-popover .wo-mini-head strong{
  font-size: 13px;
}

.wo-mini-cal-popover .wo-mini-grid{
  gap: 4px;
}

.wo-mini-cal-popover .wo-mini-head-cell{
  font-size: 10px;
}

.wo-mini-cal-popover .wo-mini-day{
  min-height: 30px;
  height: 30px;
  font-size: 12px;
  border-radius: 7px;
}

.wo-filter-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: var(--header-control-height);
  padding: 0 12px;
  border: 1px solid var(--header-control-border);
  border-radius: var(--header-control-radius);
  background: var(--header-control-bg);
  color: var(--header-control-text);
  font-size: 13px;
  font-weight: var(--fw-heading);
  cursor: pointer;
  box-shadow: none;
  transition:
    border-color 0.15s ease,
    background 0.15s ease,
    color 0.15s ease,
    box-shadow 0.15s ease;
}

.wo-filter-btn i{
  font-size: 14px;
  color: var(--header-control-muted);
}

.wo-filter-btn:hover,
.wo-filter-btn--active:hover{
  border-color: var(--brand-primary);
  background: var(--brand-primary-soft);
  color: var(--brand-primary-selected-text);
  box-shadow: 0 0 0 1px var(--brand-ring);
}

.wo-filter-btn:hover i,
.wo-filter-btn--active:hover i{
  color: var(--brand-primary);
}

.wo-filter-btn--active{
  border-color: var(--brand-primary);
  background: var(--brand-primary-soft);
  color: var(--brand-primary-selected-text);
  box-shadow: 0 0 0 1px var(--brand-ring);
}

.wo-filter-btn--active i{
  color: var(--brand-primary);
}

.wo-filter-btn-badge{
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--brand-primary);
  margin-left: 2px;
}

.dash-header.wo-orders-toolbar .tech-add-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: var(--header-control-height);
  padding: 0 14px;
  border-radius: var(--header-control-radius);
  border: 1px solid var(--brand-primary-deep);
  background: var(--brand-gradient);
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  box-shadow: none;
}

.dash-header.wo-orders-toolbar .tech-add-btn:hover:not(:disabled),
.dash-header.wo-orders-toolbar .tech-add-btn:focus,
.dash-header.wo-orders-toolbar .tech-add-btn:focus-visible{
  background: var(--brand-primary-hover);
  border-color: var(--brand-primary-deep);
  box-shadow: none;
  outline: none;
}

.wo-filter-popover{
  position: absolute;
  top: calc(100% + 8px);
  right: 24px;
  left: auto;
  z-index: 200;
  width: min(300px, calc(100vw - 48px));
  max-width: calc(100vw - 48px);
  min-width: 0;
  box-sizing: border-box;
  overflow: visible;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.1);
  padding: 10px 12px 8px;
}

body > .wo-filter-popover{
  left: auto;
  right: 24px;
}

.wo-filter-popover-title{
  margin: 0 0 6px;
  padding-bottom: 6px;
  border-bottom: 1px solid #f1f5f9;
}

.wo-filter-popover-title h4{
  margin: 0;
  font-size: 14px;
  font-weight: 800;
  color: #0f172a;
}

.wo-filter-popover-section{
  padding: 6px 0;
  border-bottom: 1px solid #f1f5f9;
}

.wo-filter-popover-section--first{
  padding-top: 0;
}

.wo-filter-split-row{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  border-bottom: 1px solid #f1f5f9;
}

.wo-filter-popover-section--half{
  border-bottom: none;
  padding: 6px 0;
  min-width: 0;
}

.wo-filter-popover-section > select{
  width: 100%;
  min-width: 0;
  padding: 5px 8px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 400;
  color: #1a3a4a;
  background: #fff;
  box-sizing: border-box;
}

.wo-filter-popover-section-head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  margin-bottom: 6px;
}

.wo-filter-popover-section-head h5{
  margin: 0;
  font-size: 12px;
  font-weight: 700;
  color: #334155;
}

.wo-filter-popover-reset{
  border: none;
  background: transparent;
  color: var(--brand-primary);
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
  padding: 0;
}

.wo-filter-popover-reset:hover{
  text-decoration: underline;
}

.wo-filter-date-row{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

.wo-filter-date-row input{
  width: 100%;
  min-width: 0;
  height: 32px;
  min-height: 32px;
  padding: 0 8px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 400;
  color: #0f172a;
  background: #fff;
  box-sizing: border-box;
}

.wo-filter-date-row input:focus{
  outline: none;
}

.wo-filter-field{
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 11px;
  color: #64748b;
}

.wo-filter-select-wrap{
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #fff;
  min-height: 32px;
  padding: 0 26px 0 8px;
  box-sizing: border-box;
}

.wo-filter-select-wrap select{
  width: 100%;
  border: none;
  background: transparent;
  font-size: 12px;
  color: #0f172a;
  appearance: none;
  cursor: pointer;
  padding: 6px 0;
}

.wo-filter-select-wrap select:focus{
  outline: none;
}

.wo-filter-select-wrap > .bi-chevron-down{
  position: absolute;
  right: 12px;
  color: #94a3b8;
  pointer-events: none;
  font-size: 12px;
}

.wo-filter-search-wrap{
  display: flex;
  align-items: center;
  gap: 6px;
  width: 100%;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #fff;
  min-height: 32px;
  padding: 0 8px;
  box-sizing: border-box;
}

.wo-filter-search-wrap i{
  color: #94a3b8;
  font-size: 14px;
}

.wo-filter-search-wrap input{
  flex: 1;
  border: none;
  background: transparent;
  font-size: 12px;
  color: #0f172a;
  min-width: 0;
  padding: 6px 0;
}

.wo-filter-search-wrap input:focus{
  outline: none;
}

.wo-filter-popover-footer{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-top: 6px;
  padding-top: 8px;
  border-top: 1px solid #f1f5f9;
}

.wo-filter-footer-reset{
  border: 1px solid #e2e8f0;
  background: #fff;
  color: #0f172a;
  border-radius: 8px;
  padding: 7px 12px;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}

.wo-filter-footer-reset:hover{
  background: var(--brand-primary-soft);
  border-color: var(--brand-primary);
  color: var(--brand-primary-selected-text);
  box-shadow: 0 0 0 1px var(--brand-ring);
}

.wo-filter-footer-apply{
  border: none;
  background: var(--brand-primary);
  color: #fff;
  border-radius: 8px;
  padding: 7px 14px;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  margin-left: auto;
}

.wo-filter-footer-apply:hover{
  filter: brightness(1.05);
}

.sr-only{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.wo-segment-switch{
  position: relative;
  isolation: isolate;
}

.wo-segment-switch-indicator{
  position: absolute;
  top: 3px;
  left: 0;
  height: calc(100% - 6px);
  border-radius: 10px;
  background: #eef1f5;
  box-shadow:
    0 1px 2px rgba(15, 23, 42, 0.04),
    0 1px 3px rgba(15, 23, 42, 0.06);
  transition:
    transform 0.28s cubic-bezier(0.4, 0, 0.2, 1),
    width 0.28s cubic-bezier(0.4, 0, 0.2, 1),
    opacity 0.15s ease;
  pointer-events: none;
  z-index: 0;
}

.wo-segment-switch .wo-view-btn,
.wo-segment-switch .wo-cal-head-btn{
  position: relative;
  z-index: 1;
  background: transparent;
}

.wo-segment-switch .wo-view-btn--active,
.wo-segment-switch .wo-cal-head-btn--active{
  background: transparent;
  color: #0f2231;
  font-weight: var(--fw-strong);
  box-shadow: none;
}

.wo-view-switch,
.wo-cal-head-switch{
  display: inline-flex;
  align-items: center;
  flex-wrap: nowrap;
  background: #ffffff;
  border-radius: 12px;
  padding: 3px;
  gap: 2px;
}

.wo-view-btn,
.wo-cal-head-btn{
  border: 0;
  background: transparent;
  color: #6b7280;
  padding: 8px 18px;
  border-radius: 10px;
  font-size: 13px;
  font-weight: var(--fw-heading);
  cursor: pointer;
  box-shadow: none;
  transition: color 0.2s ease;
  white-space: nowrap;
}

.wo-calendar-day{
  border: 1px solid #d9e6ef;
  border-radius: 12px;
  padding: 12px;
  background: #fbfdff;
}

.wo-calendar-day-head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}

.wo-calendar-day-head h4{
  margin: 0;
  font-size: 14px;
  color: #1a3a4a;
}

.wo-calendar-day-head span{
  font-size: 12px;
  color: #6b8799;
  font-weight: 600;
}

.wo-calendar-card{
  border: 1px solid #d6e3ec;
  border-radius: 10px;
  background: #ffffff;
  padding: 10px;
  cursor: pointer;
}

.wo-calendar-card-title{
  display: flex;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 4px;
}

.wo-calendar-card-title span{
  color: #6b8799;
  font-size: 12px;
}

.wo-calendar-card p{
  margin: 0 0 8px;
  color: #35596d;
  font-size: 12px;
}

.wo-month-grid{
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 0;
}

.wo-month-grid--head{
  margin-bottom: 0;
  border-bottom: 2px solid #EEF1F5;
}

.wo-month-head-cell{
  padding: 7px 6px;
  text-align: center;
  font-size: 11px;
  font-weight: 700;
  color: #6b8799;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.wo-month-day-cell{
  min-height: 110px;
  border-bottom: 1px solid #EEF1F5;
  border-right: 1px solid #EEF1F5;
  background: #ffffff;
  padding: 6px 5px 5px;
  display: flex;
  flex-direction: column;
  gap: 2px;
  border-radius: 0;
}

.wo-month-grid > .wo-month-day-cell:nth-child(7n+1),
.wo-month-grid > .wo-month-day-cell--empty:nth-child(7n+1){
  border-left: 1px solid #EEF1F5;
}

.wo-month-grid:first-of-type .wo-month-day-cell,
.wo-month-grid:first-of-type .wo-month-day-cell--empty{
  border-top: 1px solid #EEF1F5;
}

.wo-month-day-cell--empty{
  background: #f6fafe;
}

.wo-month-day-cell{
  cursor: pointer;
  transition: background 0.12s ease, box-shadow 0.12s ease;
}

.wo-month-day-cell:hover{
  background: #f3f8fc;
}

.wo-month-day-cell--selected,
.wo-month-day-cell--selected:hover{
  background: #eaf3fb;
  box-shadow: inset 0 0 0 2px #2f7bc4;
}

.wo-month-day-number{
  font-size: 12px;
  font-weight: 700;
  color: #35596d;
  cursor: pointer;
}

.wo-month-day-cell--selected .wo-month-day-number{
  color: #1f5f9e;
}

.wo-month-day-items{
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin-top: 2px;
}

.wo-month-item{
  width: 100%;
  border: 0;
  border-radius: 3px;
  border-left: 3px solid transparent;
  padding: 2px 5px;
  text-align: left;
  font-size: 11px;
  font-weight: 500;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.5;
}

.wo-month-item:hover{
  filter: brightness(0.94);
}

.wo-month-more{
  font-size: 10px;
  color: #8aa8b8;
  padding: 1px 5px;
  cursor: pointer;
  background: 0;
  border: 0;
  text-align: left;
}

/* ----------------------------------------------------------------------------
   React Flow layout (work orders pipeline)
---------------------------------------------------------------------------- */

/* Is akisi — fatura listesi tarzi */

.wf-invoice-list-only{
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.wf-invoice-stats{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
}

.wf-invoice-stat{
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 20px 22px;
  background: #ffffff;
  border-radius: 10px;
  border: 1px solid #e8ecef;
  box-shadow: 0 1px 3px rgba(26, 59, 61, 0.04);
}

.wf-invoice-stat-icon{
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}

.wf-invoice-stat--blue .wf-invoice-stat-icon{
  background: #e8f4fc;
  color: var(--brand-primary);
}

.wf-invoice-stat--purple .wf-invoice-stat-icon{
  background: #e3f4fa;
  color: var(--brand-primary);
}

.wf-invoice-stat-text{
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.wf-invoice-stat-value{
  font-size: 22px;
  font-weight: 700;
  color: #1a3b3d;
  line-height: 1.2;
}

.wf-invoice-stat-label{
  font-size: 13px;
  font-weight: 400;
  color: #6b8799;
  line-height: 1.3;
}

/* Hastalar listesi — 3 sutun */

.lab-patients-page .wf-invoice-list-only{
  flex: 1;
  min-height: 0;
}

.lab-patients-page .lab-patient-listing{
  flex: 0 1 auto;
}

.lab-clinics-page .lab-patient-listing,
.lab-clinic-doctors-page .lab-patient-listing,
.lab-technicians-page .lab-patient-listing,
.lab-units-page .lab-patient-listing,
.lab-technician-unit-assignments-page .lab-patient-listing,
.lab-sub-stages-page .lab-patient-listing{
  flex: 0 1 auto;
}

/* Lab sayfa girisi — --lab-stagger-i ile kademeli (yukaridan asagi; DOM sirasindan bagimsiz) */

@keyframes labStaggerIn {
  from{
    opacity: 0;
    transform: translateY(-14px);
  }
  to{
    opacity: 1;
    transform: translateY(0);
  }
}

.lab-stagger-item,
.lab-stagger-block{
  animation: labStaggerIn 560ms cubic-bezier(0.22, 1, 0.36, 1) backwards;
  animation-delay: calc(var(--lab-stagger-i, 0) * 72ms);
}

/* Auto-stagger: DashHeader (nth-child 1) anında gelir, sonraki her blok kademeli */

body:not(.no-page-entry-animation) .dash-main:not(.dash-main--staggered) > *:nth-child(n+2){
  animation: labStaggerIn 560ms cubic-bezier(0.22, 1, 0.36, 1) backwards;
}

body:not(.no-page-entry-animation) .dash-main:not(.dash-main--staggered) > *:nth-child(2){ animation-delay: 0ms; }

body:not(.no-page-entry-animation) .dash-main:not(.dash-main--staggered) > *:nth-child(3){ animation-delay: 80ms; }

body:not(.no-page-entry-animation) .dash-main:not(.dash-main--staggered) > *:nth-child(4){ animation-delay: 160ms; }

body:not(.no-page-entry-animation) .dash-main:not(.dash-main--staggered) > *:nth-child(5){ animation-delay: 240ms; }

body:not(.no-page-entry-animation) .dash-main:not(.dash-main--staggered) > *:nth-child(6){ animation-delay: 320ms; }

body:not(.no-page-entry-animation) .dash-main:not(.dash-main--staggered) > *:nth-child(7){ animation-delay: 400ms; }

body.no-page-entry-animation .lab-stat-card-skeleton{
  animation-delay: 0ms, 0ms;
}

body.no-page-entry-animation .lab-stagger-item,
body.no-page-entry-animation .lab-stagger-block,
body.no-page-entry-animation .dash-main--staggered > *,
body.no-page-entry-animation .dash-main:not(.dash-main--staggered) > *{
  animation: none;
  opacity: 1;
}

body.no-page-entry-animation.dash-nav-refresh .dash-sidebar,
body.no-page-entry-animation.dash-nav-refresh .dash-topbar .dash-page-title--topbar{
  animation: none !important;
}

.lab-clinics-col-address{
  max-width: 280px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dash-layout--lab .lab-mobile-menu-loading{
  margin: 8px 4px 0;
  padding: 20px 16px;
  border-radius: 16px;
  background: #f8fbfd;
  border: 1px solid #e2e8f0;
  color: #64748b;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
}

.lab-work-orders-page .lab-patient-listing,
.lab-workflow-page .lab-patient-listing{
  flex: 0 1 auto;
}

.lab-stocks-page .lab-patient-listing{
  flex: 0 1 auto;
}

.lab-external-services-page .lab-patient-listing{
  flex: 0 1 auto;
}

.lab-external-services-stats .lab-patient-stat-card{
  padding: 10px 16px;
}

.lab-external-services-form-panel,
.lab-stocks-form-panel{
  width: min(820px, calc(100% - 32px));
  max-height: calc(100vh - 64px);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.lab-external-services-form-panel .tech-form.clinic-patient-form,
.lab-stocks-form-panel .tech-form.clinic-patient-form{
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.lab-external-services-form-hint{
  margin: 0 0 10px;
  font-size: 0.75rem;
  color: #64748b;
  line-height: 1.4;
}

.lab-external-services-form-actions,
.lab-stocks-form-actions{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid #e2e8f0;
}

.clinic-patient-form-row--full textarea{
  width: 100%;
  min-height: 72px;
  resize: vertical;
}

.lab-stocks-page .lab-stock-list-table tbody tr{
  cursor: default;
}

.lab-stocks-page .lab-stock-list-table tbody tr:hover{
  cursor: default;
}

/* Stok Islem — 4 hover aksiyonu icin islem sutunu */

.lab-stocks-page.lab-definition-page .wo-list-table .wo-list-col-actions,
.lab-stocks-page.lab-definition-page .wo-list-table thead .wo-list-col-actions,
.lab-stocks-page.lab-definition-page .wo-list-table tbody .wo-list-col-actions{
  width: 148px;
  min-width: 148px;
}

/* Stok Islem — satir yuksekligi 40px */

.lab-stocks-page .lab-stock-list-table tbody td{
  height: 40px;
  padding-top: 0;
  padding-bottom: 0;
}

/* Stok Islem — thead arka plan rengi olmasin (hasta listesi gibi) */

.lab-stocks-page .lab-stock-list-table thead{
  background: transparent;
}

/* Raporlar — stok islem ile ayni liste gorunumu */

.lab-reports-page .lab-stock-list-table tbody tr{
  cursor: default;
  height: 40px;
  min-height: 40px;
}

.lab-reports-page .lab-stock-list-table tbody tr:hover{
  cursor: default;
}

.lab-reports-page .lab-stock-list-table tbody td{
  height: 40px !important;
  min-height: 40px;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 13px;
  line-height: 1.35;
}

.lab-reports-page .lab-stock-list-table thead{
  background: transparent !important;
}

.lab-reports-page .lab-stock-list-table thead th{
  height: 32px;
  padding: 6px 12px;
  font-size: 12px;
  font-weight: 600;
  color: #64748b;
  background: transparent;
  border-bottom: 1px solid #e2e8f0;
}

.lab-reports-page .lab-stock-list-table .wo-list-sort{
  color: #64748b;
  font-size: 12px;
  font-weight: 600;
}

.lab-reports-page .lab-stock-list-table .lab-patient-row-identity{
  gap: 8px;
  min-height: 0;
}

.lab-reports-page .lab-stock-list-table .lab-patient-row-avatar{
  width: 28px;
  height: 28px;
  font-size: 10px;
}

.lab-reports-page .lab-stock-list-table .lab-patient-row-meta{
  font-size: 13px;
}

.lab-reports-page .lab-patient-list-table-wrap{
  overflow: visible;
}

.lab-report-export-menu{
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  z-index: 220;
  min-width: 168px;
  padding: 6px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.1);
}

.lab-report-export-menu button{
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-height: 36px;
  padding: 0 10px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #0f172a;
  font-size: 13px;
  font-weight: 600;
  text-align: left;
}

.lab-report-export-menu button i{
  width: 16px;
  font-size: 15px;
  color: #64748b;
}

.lab-report-export-menu button:hover{
  background: #f8fafc;
  color: #0f172a;
}

body.theme-dark .lab-report-export-menu{
  background: #1c1c1c;
  border-color: #2a2a2a;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.35);
}

body.theme-dark .lab-report-export-menu button{
  background: transparent;
  color: #e5e7eb;
}

body.theme-dark .lab-report-export-menu button i{
  color: #94a3b8;
}

body.theme-dark .lab-report-export-menu button:hover{
  background: #262626;
  color: #f3f4f6;
}

body.theme-dark .lab-reports-page .lab-stock-list-table thead{
  background: transparent !important;
}

body.theme-dark .lab-reports-page .lab-stock-list-table thead th,
body.theme-dark .lab-reports-page .lab-stock-list-table .wo-list-sort{
  color: #94a3b8;
  border-bottom-color: #2a2a2a;
}

/* Dis Hizmetler — stok ile ayni: 40px satir, seffaf thead */

.lab-external-services-page .lab-external-services-list-table tbody td{
  height: 40px;
  padding-top: 0;
  padding-bottom: 0;
}

.lab-external-services-page .lab-external-services-list-table thead{
  background: transparent;
}

/* Finans — stok ile ayni: 40px satir, seffaf thead (duz + gruplu tablolar) */

.lab-finance-page .lab-finance-list-table tbody td,
.lab-finance-page .lab-finance-expense-unified-table tbody td{
  height: 40px;
  padding-top: 0;
  padding-bottom: 0;
}

.lab-finance-page .lab-finance-list-table thead,
.lab-finance-page .lab-finance-expense-unified-table thead{
  background: transparent;
}

/* Klinik / Hekim / Teknisyen Tanimi — stok ile ayni: 40px satir, seffaf thead */

.lab-clinics-page .lab-clinics-list-table tbody td,
.lab-clinic-doctors-page .lab-clinic-doctors-list-table tbody td,
.lab-technicians-page .lab-technicians-list-table tbody td{
  height: 40px;
  padding-top: 0;
  padding-bottom: 0;
}

.lab-clinics-page .lab-clinics-list-table thead,
.lab-clinic-doctors-page .lab-clinic-doctors-list-table thead,
.lab-technicians-page .lab-technicians-list-table thead{
  background: transparent;
}

/* ==========================================================================
   Tum tanim sayfalari (Is Akis Tanimlari dahil) — stok ile ayni liste tasarimi
   Tum tanim tablolarinda artik .wo-list-table var; genel kapsam.
   ========================================================================== */

.lab-definition-page .wo-list-table thead th{
  height: 32px;
  padding: 6px 12px;
  font-size: 12px;
}

.lab-definition-page .wo-list-table tbody td{
  height: 40px;
  padding-top: 0;
  padding-bottom: 0;
}

.lab-definition-page .wo-list-table thead{
  background: transparent;
}

body.theme-dark .lab-definition-page .lab-patient-listing .lab-patient-list-card{
  background: transparent;
  border: none;
  box-shadow: none;
}

body.theme-dark .lab-definition-page .lab-patient-list-table-wrap{
  background: var(--rw-surface, #18181b);
  border-color: transparent;
  box-shadow: none;
  filter: none;
}

/* Lab takvim stillerini (.lab-work-orders-page .wo-cal-*) sayfa yerlesimini
   bozmadan klinik takvimlerine uygulamak icin seffaf sarmalayici. */

.wo-cal-lab-wrap{
  display: contents;
}

/* Klinik — Aktif Is Emirleri & Hastalar listesi: lab tasarimiyla ayni */

.clinic-active-wo-page .wo-list-table thead th,
.clinic-patients-page .wo-list-table thead th,
.clinic-users-page .wo-list-table thead th,
.lab-users-page .wo-list-table thead th{
  height: 32px;
  padding: 6px 12px;
  font-size: 12px;
}

.clinic-active-wo-page .wo-list-table tbody td,
.clinic-patients-page .wo-list-table tbody td,
.clinic-users-page .wo-list-table tbody td,
.lab-users-page .wo-list-table tbody td{
  height: 42px;
  padding-top: 0;
  padding-bottom: 0;
}

.clinic-active-wo-page .wo-list-table .lab-patient-row-identity,
.clinic-patients-page .wo-list-table .lab-patient-row-identity,
.clinic-users-page .wo-list-table .lab-patient-row-identity,
.lab-users-page .wo-list-table .lab-patient-row-identity{
  gap: 6px;
  min-height: 32px;
}

.clinic-active-wo-page .wo-list-table .lab-patient-row-avatar,
.clinic-patients-page .wo-list-table .lab-patient-row-avatar,
.clinic-users-page .wo-list-table .lab-patient-row-avatar,
.lab-users-page .wo-list-table .lab-patient-row-avatar{
  width: 20px;
  height: 20px;
  font-size: 8px;
}

.clinic-active-wo-page .wo-list-table .lab-patient-row-identity-text,
.clinic-patients-page .wo-list-table .lab-patient-row-identity-text,
.clinic-users-page .wo-list-table .lab-patient-row-identity-text,
.lab-users-page .wo-list-table .lab-patient-row-identity-text{
  gap: 0;
}

.clinic-active-wo-page .wo-list-table .lab-patient-row-name,
.clinic-patients-page .wo-list-table .lab-patient-row-name,
.clinic-users-page .wo-list-table .lab-patient-row-name,
.lab-users-page .wo-list-table .lab-patient-row-name{
  font-size: 12px;
  line-height: 1.15;
}

.clinic-active-wo-page .wo-list-table .lab-patient-row-sub,
.clinic-patients-page .wo-list-table .lab-patient-row-sub{
  margin-top: 0;
  font-size: 10px;
  line-height: 1.05;
}

.clinic-active-wo-page .lab-patient-list-table.wo-list-table thead,
.clinic-patients-page .lab-patient-list-table.wo-list-table thead{
  background: transparent;
}

.clinic-patients-page .clinic-patients-list-table tbody .wo-list-row{
  position: relative;
}

.clinic-patients-page .clinic-patient-row-actions{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  opacity: 0;
  transform: translateX(12px);
  pointer-events: none;
  transition: opacity 0.18s ease, transform 0.18s ease;
}

.clinic-patients-page .wo-list-row:hover .clinic-patient-row-actions,
.clinic-patients-page .wo-list-row:focus-within .clinic-patient-row-actions,
.clinic-patients-page .wo-list-row--active .clinic-patient-row-actions{
  opacity: 1;
  transform: translateX(0);
  pointer-events: auto;
}

.clinic-patients-page .clinic-patient-row-action-btn{
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: none;
  background: transparent;
  color: #525252;
  border-radius: 8px;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease, transform 0.15s ease;
}

.clinic-patients-page .clinic-patient-row-action-btn .bi{
  font-size: 1.45rem;
  line-height: 1;
}

.clinic-patients-page .clinic-patient-row-action-btn:hover,
.clinic-patients-page .clinic-patient-row-action-btn:focus-visible{
  background: rgba(148, 163, 184, 0.12);
  color: #111827;
  transform: translateY(-1px);
}

.clinic-patients-page .clinic-patient-row-action-btn--danger{
  color: #525252;
}

body.theme-dark .clinic-active-wo-page .lab-patient-listing .lab-patient-list-card,
body.theme-dark .clinic-patients-page .lab-patient-listing .lab-patient-list-card{
  background: transparent;
  border: none;
  box-shadow: none;
}

body.theme-dark .clinic-active-wo-page .lab-patient-list-table-wrap,
body.theme-dark .clinic-patients-page .lab-patient-list-table-wrap{
  background: var(--rw-surface, #18181b);
  border-color: transparent;
  box-shadow: none;
  filter: none;
}

body.theme-dark .clinic-patients-page .clinic-patient-row-action-btn{
  color: #d1d5db;
}

body.theme-dark .clinic-patients-page .clinic-patient-row-action-btn:hover,
body.theme-dark .clinic-patients-page .clinic-patient-row-action-btn:focus-visible{
  background: rgba(148, 163, 184, 0.16);
  color: #f8fafc;
}

/* Klinik aktif is emirleri — yan panel (lab takvim yaklasan teslimler gibi) */

.clinic-active-wo-page{
  --clinic-side-head-height: 52px;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
}

.clinic-active-wo-page:has(.clinic-wo-side-rail:not(.clinic-wo-side-rail--collapsed)){
  padding-right: 0;
}

.clinic-active-wo-shell.wo-cal-shell{
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 0;
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
}

.clinic-active-wo-main.wo-cal-main{
  flex: 1 1 auto;
  min-width: 0;
  min-height: 480px;
  display: flex;
  flex-direction: column;
  background: #ffffff;
  border-radius: 0;
  overflow: hidden;
}

/* Liste gorunumunde: lab aktif is emirleri ile birebir ayni sunum
   (tonlu zemin + ayni padding/kaydirma). Takvim/pipeline beyaz kalir. */

.clinic-active-wo-main.wo-cal-main:has(.wo-active-orders-wrap){
  background: #f3faff;
}

.clinic-active-wo-body:has(> .wo-active-orders-wrap){
  padding: 12px 24px 24px;
  overflow-y: auto;
}

body.theme-dark .clinic-active-wo-main.wo-cal-main:has(.wo-active-orders-wrap){
  background: #0f1115;
}

.clinic-active-wo-page .wo-cal-head--ref{
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: var(--clinic-side-head-height, 52px);
  padding: 0 20px;
  margin: 0;
  border-bottom: 1px solid #e7e9ef;
  background: #ffffff;
  box-sizing: border-box;
}

.clinic-active-wo-body{
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
  overflow: hidden;
}

.clinic-active-wo-body > .lab-patient-listing,
.clinic-active-wo-body > .lab-work-orders-page,
.clinic-active-wo-body > .wo-pipeline-shell{
  flex: 1 1 auto;
  min-height: 0;
}

.clinic-active-wo-page .clinic-wo-side-rail{
  --clinic-side-head-height: 52px;
  --clinic-side-toggle-size: 28px;
  --clinic-side-toggle-top: calc((var(--clinic-side-head-height) - var(--clinic-side-toggle-size)) / 2);
  position: relative;
  display: flex;
  flex-direction: row;
  flex: 0 0 auto;
  align-self: stretch;
  align-items: stretch;
  min-height: 0;
  height: auto;
  overflow: visible;
  transition: flex-basis 0.32s cubic-bezier(0.22, 1, 0.36, 1);
}

.clinic-active-wo-page .clinic-wo-side-rail::before{
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background: #eef1f5;
  z-index: 1;
  pointer-events: none;
}

.clinic-active-wo-page .clinic-wo-side-rail:not(.clinic-wo-side-rail--collapsed)::after{
  content: '';
  position: absolute;
  left: 0;
  top: calc(var(--clinic-side-toggle-top) + (var(--clinic-side-toggle-size) / 2));
  width: calc(3px + (var(--clinic-side-toggle-size) / 2));
  height: 1px;
  background: #e7e9ef;
  z-index: 2;
  pointer-events: none;
}

.clinic-active-wo-page .clinic-wo-side-rail--collapsed{
  flex: 0 0 0;
  width: 0;
  overflow: hidden;
  pointer-events: none;
}

.clinic-active-wo-page .clinic-wo-side-rail--collapsed::before,
.clinic-active-wo-page .clinic-wo-side-rail--collapsed::after{
  display: none;
}

.clinic-active-wo-page .wo-cal-panel-toggle{
  position: absolute;
  left: 0;
  top: var(--clinic-side-toggle-top);
  z-index: 30;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--clinic-side-toggle-size);
  min-width: var(--clinic-side-toggle-size);
  height: var(--clinic-side-toggle-size);
  min-height: var(--clinic-side-toggle-size);
  padding: 0;
  border: 1px solid #e2e8f0;
  border-radius: 50%;
  background: #ffffff;
  color: #64748b;
  font-size: 12px;
  line-height: 1;
  cursor: pointer;
  box-shadow: none;
  transform: translateX(-50%);
  transition: background 0.15s ease, border-color 0.15s ease;
}

.clinic-active-wo-page .wo-cal-panel-toggle i{
  font-size: 12px;
  line-height: 1;
}

.clinic-active-wo-page .wo-cal-panel-toggle:hover{
  background: var(--brand-primary-soft);
  border-color: var(--brand-primary);
  color: var(--brand-primary);
  box-shadow: 0 0 0 1px var(--brand-ring);
}

.clinic-active-wo-page .clinic-wo-side-rail-edge{
  flex: 0 0 1px;
  width: 1px;
  align-self: stretch;
  border-left: 1px solid #e7e9ef;
  background: transparent;
}

.clinic-active-wo-page .clinic-wo-side-panel.wo-cal-side-panel{
  flex: 0 0 440px;
  width: 440px;
  align-self: stretch;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding: 16px 0 16px 16px;
  background: #f5f7fb;
  border-left: 1px solid #e7e9ef;
  border-radius: 0;
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.7);
  transition:
    flex-basis 0.32s cubic-bezier(0.22, 1, 0.36, 1),
    width 0.32s cubic-bezier(0.22, 1, 0.36, 1),
    opacity 0.22s ease;
}

.clinic-active-wo-page .clinic-wo-side-panel.wo-cal-side-panel--collapsed{
  flex-basis: 0;
  width: 0;
  padding: 0;
  opacity: 0;
  pointer-events: none;
}

.clinic-active-wo-page .clinic-wo-side-panel-inner.wo-cal-side-panel-inner{
  width: 100%;
  min-width: 0;
  gap: 0;
  transform: none;
  transition: none;
  flex: 1;
  min-height: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.clinic-wo-drawer--inline{
  width: 100%;
  height: 100%;
  max-height: none;
  min-height: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  background: #fff;
  border-radius: 18px 0 0 18px;
  box-shadow:
    0 25px 50px -12px rgba(15, 23, 42, 0.18),
    0 12px 28px rgba(15, 23, 42, 0.08),
    0 0 0 1px rgba(15, 23, 42, 0.04);
  overflow: hidden;
}

.clinic-wo-drawer--inline .clinic-wo-side-panel-head{
  flex-shrink: 0;
  min-height: 72px;
  margin: 0;
  padding: 12px 16px 12px;
  border-bottom: 1px solid #f1f5f9;
  background: #ffffff;
  box-sizing: border-box;
}

.clinic-wo-drawer--inline .clinic-wo-side-panel-head-text{
  display: flex;
  flex-direction: column;
  gap: 0;
  min-width: 0;
}

.clinic-active-wo-page .clinic-wo-drawer--inline .wo-cal-side-panel-head-actions{
  display: flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
}

.clinic-active-wo-page .clinic-wo-drawer--inline .wo-cal-side-panel-print,
.clinic-active-wo-page .clinic-wo-drawer--inline .wo-cal-side-panel-collapse{
  flex-shrink: 0;
}

.clinic-active-wo-page .clinic-wo-drawer--inline .wo-cal-side-panel-print:hover,
.clinic-active-wo-page .clinic-wo-drawer--inline .wo-cal-side-panel-collapse:hover{
  background: #e2e8f0;
  border-color: transparent;
  color: #334155;
}

.clinic-wo-drawer--inline .clinic-wo-inline-frame{
  flex: 1;
  min-height: 0;
  height: auto;
}

.clinic-wo-drawer--inline .zd-drawer-frame{
  flex: 1;
  min-height: 0;
  height: auto;
}

.clinic-wo-drawer--inline .zd-drawer-nav{
  flex: 0 0 56px;
  align-self: stretch;
  min-height: 0;
  padding-top: 14px;
}

.clinic-wo-drawer--inline .zd-drawer-main{
  flex: 1;
  min-width: 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.clinic-wo-drawer--inline .clinic-wo-drawer-body--zd{
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding: 16px 20px 24px 18px;
  background: #fafbfc;
}

@media (max-width: 1100px) {
  .clinic-active-wo-page:has(.clinic-wo-side-rail:not(.clinic-wo-side-rail--collapsed)){
    padding-right: 12px;
  }

  .clinic-active-wo-shell.wo-cal-shell{
    flex-direction: column;
    min-height: 0;
  }

  .clinic-active-wo-page .clinic-wo-side-rail{
    flex-direction: column;
    width: 100%;
  }

  .clinic-active-wo-page .clinic-wo-side-rail--collapsed{
    flex: 0 0 0;
    width: 100%;
  }

  .clinic-active-wo-page .clinic-wo-side-rail::before{
    left: 0;
    right: 0;
    top: 0;
    bottom: auto;
    width: auto;
    height: 3px;
  }

  .clinic-active-wo-page .wo-cal-panel-toggle{
    left: 16px;
    top: 0;
    transform: translateY(-50%);
  }

  .clinic-active-wo-page .clinic-wo-side-panel.wo-cal-side-panel{
    flex: 0 0 auto;
    width: 100%;
    max-height: min(70vh, 640px);
    padding: 8px 0 0;
  }

  .clinic-active-wo-page .clinic-wo-side-panel.wo-cal-side-panel--collapsed{
    max-height: 0;
  }

  .clinic-wo-drawer--inline .zd-drawer-nav{
    padding-top: 18px;
  }
}

body.theme-dark .clinic-active-wo-main.wo-cal-main,
body.theme-dark .clinic-active-wo-page .wo-cal-head--ref{
  background: #18181b;
}

body.theme-dark .clinic-active-wo-page .wo-cal-head--ref{
  border-bottom-color: #2f3540;
}

body.theme-dark .clinic-active-wo-page .clinic-wo-side-rail::before{
  background: #2f3540;
}

body.theme-dark .clinic-active-wo-page .clinic-wo-side-rail:not(.clinic-wo-side-rail--collapsed)::after{
  background: #2f3540;
}

body.theme-dark .clinic-wo-drawer--inline .clinic-wo-side-panel-head{
  background: #18181b;
  border-bottom-color: #2f3540;
}

body.theme-dark .clinic-active-wo-page .clinic-wo-drawer--inline .wo-cal-side-panel-print,
body.theme-dark .clinic-active-wo-page .clinic-wo-drawer--inline .wo-cal-side-panel-collapse{
  background: #27272a;
  border-color: transparent;
  color: #a1a1aa;
}

body.theme-dark .clinic-active-wo-page .clinic-wo-drawer--inline .wo-cal-side-panel-print:hover,
body.theme-dark .clinic-active-wo-page .clinic-wo-drawer--inline .wo-cal-side-panel-collapse:hover{
  background: #27272a;
  color: #f4f4f5;
}

body.theme-dark .clinic-wo-drawer--inline .clinic-wo-drawer-body--zd{
  background: #141417;
}

body.theme-dark .clinic-active-wo-page .clinic-wo-side-panel,
body.theme-dark .clinic-wo-drawer--inline{
  background: var(--rw-bg-sidebar, #141414);
  border-left-color: #27272a;
}

body.theme-dark .clinic-active-wo-page .clinic-wo-side-rail-edge{
  border-left-color: #27272a;
}

body.theme-dark .clinic-active-wo-page .wo-cal-panel-toggle{
  background: var(--rw-surface, #18181b);
  border-color: var(--rw-border-soft, #353535);
  color: var(--rw-text-muted, #aaaaaa);
  box-shadow: none;
}

body.theme-dark .clinic-active-wo-page .wo-cal-panel-toggle:hover{
  background: var(--brand-primary-soft);
  border-color: rgba(37, 99, 235, 0.55);
  color: var(--brand-primary-muted);
  box-shadow: 0 0 0 1px rgba(37, 99, 235, 0.2);
}

.lab-prosthesis-color-swatch{
  display: inline-block;
  width: 18px;
  height: 18px;
  border-radius: 6px;
  border: 1px solid rgba(15, 23, 42, 0.12);
  vertical-align: middle;
}

/* Protez tanimi: klinik-ozel aktif/pasif secici + toggle. */

.lab-prosthesis-clinic-scope{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-wrap: nowrap;
}

.lab-prosthesis-clinic-scope-label{
  font-size: 12px;
  font-weight: 600;
  color: #64748b;
  white-space: nowrap;
}

.lab-prosthesis-clinic-scope-select{
  min-width: 220px;
}

.lab-prosthesis-clinic-scope-reset{
  flex: 0 0 auto;
  min-height: 31px;
  white-space: nowrap;
}

.lab-prosthesis-clinic-toggle--active{
  background: #dcfce7;
  color: #15803d;
  border-color: #bbf7d0;
}

.lab-prosthesis-clinic-toggle--idle{
  background: #fee2e2;
  color: #b91c1c;
  border-color: #fecaca;
}

.lab-prosthesis-color-controls{
  display: flex;
  align-items: center;
  gap: 10px;
}

.lab-prosthesis-color-input{
  width: 35px;
  height: 35px;
  min-width: 35px;
  min-height: 35px;
  padding: 2px;
  border: 1px solid #e6e8ef;
  border-radius: 8px;
  background: #fff;
  cursor: pointer;
  box-sizing: border-box;
}

.lab-prosthesis-color-hex{
  flex: 1;
  min-width: 0;
  height: 35px;
  min-height: 35px;
  padding: 0 12px;
  border: 1px solid #e6e8ef;
  border-radius: 8px;
  font-size: 13px;
  font-family: inherit;
  box-sizing: border-box;
}

.lab-prosthesis-color-presets{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.lab-prosthesis-color-preset{
  --lab-prosthesis-preset-color: #5361e6;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 2px solid transparent;
  border-radius: 999px;
  background: var(--lab-prosthesis-preset-color);
  background-image: none;
  cursor: pointer;
  box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.08);
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.lab-prosthesis-color-preset--active{
  border-color: #171423;
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--lab-prosthesis-preset-color) 24%, transparent);
}

.lab-prosthesis-color-preview{
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.lab-prosthesis-color-preview-heading,
.lab-prosthesis-color-preview-label{
  font-size: 12px;
  font-weight: 600;
  color: #64748b;
}

.lab-prosthesis-color-preview-grid{
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}

.lab-prosthesis-color-preview-pane{
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}

.lab-prosthesis-color-preview-odonto{
  max-width: 100%;
  padding: 8px 10px;
  border: 1px solid #e6e8ef;
  border-radius: 12px;
  background: #f8fafc;
}

.lab-prosthesis-color-preview-odonto .Odontogram svg{
  width: 100%;
  height: auto;
  max-width: 100%;
  margin: 0 auto;
  display: block;
}

body.theme-dark .lab-prosthesis-color-preset--active{
  border-color: #ffffff;
}

/* Hasta sayfasi — tum border/cizgiler #EEF1F5 */

.lab-patients-page .lab-patient-stats-row .lab-patient-stats{
  border-color: #eef1f5;
}

.lab-patients-page .lab-patient-stats-row .lab-patient-stat-card + .lab-patient-stat-card{
  border-left-color: #eef1f5;
}

.lab-patients-page .wo-list-table thead th{
  border-bottom-color: #eef1f5;
}

.lab-patients-page .wo-list-table tbody td{
  border-bottom-color: #eef1f5;
}

.lab-stock-qty--low{
  color: #b45309;
  font-weight: 600;
}

.lab-stock-movement-qty{
  font-weight: 600;
}

.lab-workflow-page-head,
.lab-patients-page-head,
.lab-stocks-page-head,
.lab-external-services-page-head,
.lab-clinics-page-head,
.lab-clinic-doctors-page-head,
.lab-technicians-page-head,
.lab-units-page-head,
.lab-technician-unit-assignments-page-head,
.lab-sub-stages-page-head,
.lab-prosthesis-types-page-head,
.lab-prostheses-page-head,
.lab-try-ins-page-head,
.lab-prosthesis-try-in-assignments-page-head,
.lab-users-page-head,
.clinic-users-page-head,
.lab-role-definitions-page-head,
.clinic-role-definitions-page-head,
.clinic-patients-page-head,
.clinic-doctors-page-head,
.clinic-matched-labs-page-head,
.clinic-lab-definition-page-head,
.clinic-treatments-page-head,
.clinic-treatment-prices-page-head{
  display: flex;
  flex-direction: column;
  gap: 14px;
  flex-shrink: 0;
  position: relative;
  z-index: 20;
  overflow: visible;
}

/* Filtre paneli, alttaki liste/tablo kartinin altinda kalmasin */

.lab-work-orders-page > .lab-patient-listing,
.lab-workflow-page > .lab-patient-listing,
.lab-patients-page > .lab-patient-listing,
.lab-definition-page > .wf-invoice-list-only,
.lab-definition-page > .lab-patient-listing,
.lab-definition-page > .lab-patient-listing .lab-patient-list-card,
.lab-technicians-page > .lab-patient-listing,
.lab-technicians-page > .lab-patient-listing .lab-patient-list-card,
.lab-units-page > .lab-patient-listing,
.lab-units-page > .lab-patient-listing .lab-patient-list-card,
.lab-prosthesis-types-page > .lab-patient-listing,
.lab-prosthesis-types-page > .lab-patient-listing .lab-patient-list-card,
.lab-prostheses-page > .lab-patient-listing,
.lab-prostheses-page > .lab-patient-listing .lab-patient-list-card,
.lab-try-ins-page > .lab-patient-listing,
.lab-try-ins-page > .lab-patient-listing .lab-patient-list-card,
.lab-prosthesis-try-in-assignments-page > .lab-patient-listing,
.lab-prosthesis-try-in-assignments-page > .lab-patient-listing .lab-patient-list-card,
.lab-technician-unit-assignments-page > .lab-patient-listing,
.lab-technician-unit-assignments-page > .lab-patient-listing .lab-patient-list-card,
.lab-sub-stages-page > .lab-patient-listing,
.lab-sub-stages-page > .lab-patient-listing .lab-patient-list-card,
.lab-prosthesis-unit-assignments-page > .lab-patient-listing,
.lab-prosthesis-unit-assignments-page > .lab-patient-listing .lab-patient-list-card,
.lab-stocks-page > .lab-patient-listing,
.lab-external-services-page > .lab-patient-listing,
.lab-clinics-page > .lab-patient-listing,
.lab-clinic-doctors-page > .lab-patient-listing,
.lab-technicians-page > .lab-patient-listing,
.lab-units-page > .lab-patient-listing,
.lab-sub-stages-page > .lab-patient-listing,
.lab-users-page > .lab-patient-listing,
.lab-users-page > .lab-patient-listing .lab-patient-list-card,
.lab-role-definitions-page > .lab-patient-listing,
.lab-role-definitions-page > .lab-patient-listing .lab-patient-list-card{
  position: relative;
  z-index: 1;
}

.lab-workflow-page-head .wo-orders-toolbar--view-only,
.lab-patients-page-head .wo-orders-toolbar--view-only,
.lab-stocks-page-head .wo-orders-toolbar--view-only,
.lab-external-services-page-head .wo-orders-toolbar--view-only,
.lab-clinics-page-head .wo-orders-toolbar--view-only,
.lab-clinic-doctors-page-head .wo-orders-toolbar--view-only,
.lab-technicians-page-head .wo-orders-toolbar--view-only,
.lab-units-page-head .wo-orders-toolbar--view-only,
.lab-technician-unit-assignments-page-head .wo-orders-toolbar--view-only,
.lab-sub-stages-page-head .wo-orders-toolbar--view-only,
.lab-prosthesis-types-page-head .wo-orders-toolbar--view-only,
.lab-prostheses-page-head .wo-orders-toolbar--view-only,
.lab-try-ins-page-head .wo-orders-toolbar--view-only,
.lab-prosthesis-try-in-assignments-page-head .wo-orders-toolbar--view-only,
.lab-users-page-head .wo-orders-toolbar--view-only,
.clinic-users-page-head .wo-orders-toolbar--view-only,
.clinic-patients-page-head .wo-orders-toolbar--view-only,
.clinic-doctors-page-head .wo-orders-toolbar--view-only,
.clinic-matched-labs-page-head .wo-orders-toolbar--view-only,
.clinic-lab-definition-page-head .wo-orders-toolbar--view-only,
.clinic-treatments-page-head .wo-orders-toolbar--view-only,
.clinic-treatment-prices-page-head .wo-orders-toolbar--view-only,
.clinic-role-definitions-page-head .wo-orders-toolbar--view-only,
.lab-role-definitions-page-head .wo-orders-toolbar--view-only{
  margin-bottom: 0;
}

.lab-patients-page-head .wo-orders-toolbar-actions,
.lab-stocks-page-head .wo-orders-toolbar-actions,
.lab-external-services-page-head .wo-orders-toolbar-actions,
.lab-clinics-page-head .wo-orders-toolbar-actions,
.lab-clinic-doctors-page-head .wo-orders-toolbar-actions,
.lab-technicians-page-head .wo-orders-toolbar-actions,
.lab-units-page-head .wo-orders-toolbar-actions,
.lab-technician-unit-assignments-page-head .wo-orders-toolbar-actions,
.lab-sub-stages-page-head .wo-orders-toolbar-actions,
.lab-prosthesis-types-page-head .wo-orders-toolbar-actions,
.lab-prostheses-page-head .wo-orders-toolbar-actions,
.lab-try-ins-page-head .wo-orders-toolbar-actions,
.lab-prosthesis-try-in-assignments-page-head .wo-orders-toolbar-actions,
.lab-users-page-head .wo-orders-toolbar-actions,
.clinic-users-page-head .wo-orders-toolbar-actions,
.clinic-patients-page-head .wo-orders-toolbar-actions,
.clinic-doctors-page-head .wo-orders-toolbar-actions,
.clinic-matched-labs-page-head .wo-orders-toolbar-actions,
.clinic-lab-definition-page-head .wo-orders-toolbar-actions,
.clinic-treatments-page-head .wo-orders-toolbar-actions,
.clinic-treatment-prices-page-head .wo-orders-toolbar-actions,
.clinic-role-definitions-page-head .wo-orders-toolbar-actions,
.lab-role-definitions-page-head .wo-orders-toolbar-actions{
  margin-left: auto;
}

.lab-role-definitions-page .lab-patient-listing{
  flex: 0 1 auto;
}

.lab-role-definitions-permissions-cell{
  max-width: 280px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.lab-definition-page .lab-patient-filter-popover .clinic-patient-form-section h4::before,
.lab-users-page .lab-patient-filter-popover .clinic-patient-form-section h4::before,
.clinic-users-page .lab-patient-filter-popover .clinic-patient-form-section h4::before,
.lab-role-definitions-page .lab-patient-filter-popover .clinic-patient-form-section h4::before,
.clinic-role-definitions-page .lab-patient-filter-popover .clinic-patient-form-section h4::before{
  background: var(--brand-primary);
}

.lab-definition-page .lab-patient-filter-popover .clinic-patient-form-row > input:focus,
.lab-definition-page .lab-patient-filter-popover .lab-patient-filter-popover-field > select:focus,
.lab-users-page .lab-patient-filter-popover .clinic-patient-form-row > input:focus,
.lab-users-page .lab-patient-filter-popover .lab-patient-filter-popover-field > select:focus,
.lab-role-definitions-page .lab-patient-filter-popover .clinic-patient-form-row > input:focus,
.lab-role-definitions-page .lab-patient-filter-popover .lab-patient-filter-popover-field > select:focus{
  border-color: var(--brand-primary);
  box-shadow: 0 0 0 3px var(--brand-ring);
}

.lab-definition-page .lab-patient-filter-popover .clinic-patient-form-submit,
.lab-users-page .lab-patient-filter-popover .clinic-patient-form-submit,
.lab-role-definitions-page .lab-patient-filter-popover .clinic-patient-form-submit{
  background: var(--brand-primary);
  box-shadow: 0 4px 14px rgba(37, 99, 235, 0.3);
}

.lab-definition-page .lab-patient-filter-popover .clinic-patient-form-submit:hover,
.lab-users-page .lab-patient-filter-popover .clinic-patient-form-submit:hover,
.lab-role-definitions-page .lab-patient-filter-popover .clinic-patient-form-submit:hover{
  background: linear-gradient(135deg, var(--brand-primary-deep), #1a6f94);
  box-shadow: 0 6px 20px rgba(37, 99, 235, 0.35);
}

.lab-users-page .lab-patient-listing,
.clinic-users-page .lab-patient-listing,
.clinic-role-definitions-page .lab-patient-listing{
  flex: 0 1 auto;
}

.lab-users-row--clickable{
  cursor: pointer;
}

.wo-orders-toolbar-actions .wo-filter-popover,
.wo-orders-toolbar-actions .lab-patient-filter-popover{
  z-index: 200;
}

.lab-work-orders-stats{
  width: 100%;
  position: relative;
  z-index: 1;
}

.lab-patients-page .lab-patient-stats .lab-patient-stat-card,
.lab-work-orders-stats .lab-patient-stat-card{
  padding: 10px 16px;
}

.lab-work-orders-page .lab-patient-stat-card{
  --wo-stat-icon-bg: rgba(235, 247, 252, 0.86);
  --wo-stat-icon-fg: #567f98;
  --wo-stat-label-color: #688197;
  --wo-stat-value-color: #173247;
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas:
    "head head"
    "value meta";
  align-items: end;
  column-gap: 14px;
  row-gap: 8px;
  overflow: hidden;
  isolation: isolate;
  background: #ffffff;
  border: 1px solid rgba(255,255,255,0.35);
  border-radius: 20px;
  box-shadow:
    0 14px 36px rgba(15, 23, 42, 0.08),
    0 3px 12px rgba(15, 23, 42, 0.05);
  z-index: 1;
}

.lab-patients-page .lab-patient-stat-card{
  --wo-stat-icon-bg: rgba(235, 247, 252, 0.86);
  --wo-stat-icon-fg: #567f98;
  --wo-stat-label-color: #688197;
  --wo-stat-value-color: #173247;
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas:
    "head head"
    "value meta";
  align-items: end;
  column-gap: 14px;
  row-gap: 8px;
  overflow: hidden;
  isolation: isolate;
  background: #ffffff;
  border: 1px solid rgb(228, 228, 228);
  border-radius: 20px;
  box-shadow:
    0 14px 36px rgba(15, 23, 42, 0.08),
    0 3px 12px rgba(15, 23, 42, 0.05);
  z-index: 1;
}

.lab-patients-page .lab-patient-stat-card::before{
  content: none;
}

.lab-patients-page .lab-patient-stat-card:hover{
  transform: none;
  box-shadow:
    0 18px 42px rgba(15, 23, 42, 0.1),
    0 4px 16px rgba(15, 23, 42, 0.06);
}

.lab-patients-page .lab-patient-stat-card-icon,
.lab-patients-page .lab-patient-stat-card--primary .lab-patient-stat-card-icon,
.lab-patients-page .lab-patient-stat-card--success .lab-patient-stat-card-icon,
.lab-patients-page .lab-patient-stat-card--violet .lab-patient-stat-card-icon,
.lab-patients-page .lab-patient-stat-card--amber .lab-patient-stat-card-icon{
  position: relative;
  z-index: 1;
  background: var(--wo-stat-icon-bg);
  border: 1px solid rgba(255, 255, 255, 0.52);
  color: var(--wo-stat-icon-fg);
}

.lab-patients-page .lab-patient-stat-card-label{
  position: relative;
  z-index: 1;
  color: var(--wo-stat-label-color);
}

.lab-patients-page .lab-patient-stat-card-head,
.lab-patients-page .lab-patient-stat-card-value,
.lab-patients-page .lab-patient-stat-card-hint,
.lab-patients-page .lab-patient-stat-card-hint-row{
  position: relative;
  z-index: 1;
}

.lab-patients-page .lab-patient-stat-card-head{
  grid-area: head;
}

.lab-patients-page .lab-patient-stat-card-value{
  grid-area: value;
  min-width: 0;
  margin: 0;
  color: var(--wo-stat-value-color);
}

.lab-patients-page .lab-patient-stat-card-hint,
.lab-patients-page .lab-patient-stat-card-hint-row,
.lab-patients-page .lab-stat-card-skeleton--hint{
  grid-area: meta;
  justify-self: end;
  align-self: center;
  text-align: right;
}

.lab-patients-page .lab-patient-stat-card-hint,
.lab-patients-page .lab-patient-stat-card-hint-row{
  color: rgba(71, 85, 105, 0.8);
}

.lab-patients-page .lab-patient-stat-card-hint-row{
  margin-left: auto;
  justify-content: flex-end;
}

.lab-patients-page > .lab-patient-listing .lab-patient-list-card{
  border-color: transparent;
  background: transparent;
  box-shadow: none;
}

.lab-patients-page > .lab-patient-listing .lab-patient-list-card-head{
  border-bottom-color: transparent;
}

.clinic-patients-page .clinic-patient-table-card{
  border-color: rgb(228, 228, 228);
}

.lab-work-orders-page .lab-patient-stat-card::before{
  content: none;
}

.lab-work-orders-page .lab-patient-stat-card:hover{
  transform: none;
  box-shadow:
    0 18px 42px rgba(15, 23, 42, 0.1),
    0 4px 16px rgba(15, 23, 42, 0.06);
}

.lab-work-orders-page .lab-patient-stat-card-icon,
.lab-work-orders-page .lab-patient-stat-card--primary .lab-patient-stat-card-icon,
.lab-work-orders-page .lab-patient-stat-card--success .lab-patient-stat-card-icon,
.lab-work-orders-page .lab-patient-stat-card--violet .lab-patient-stat-card-icon,
.lab-work-orders-page .lab-patient-stat-card--amber .lab-patient-stat-card-icon{
  position: relative;
  z-index: 1;
  background: var(--wo-stat-icon-bg);
  border: 1px solid rgba(255, 255, 255, 0.52);
  color: var(--wo-stat-icon-fg);
}

.lab-work-orders-page .lab-patient-stat-card-label{
  position: relative;
  z-index: 1;
  color: var(--wo-stat-label-color);
}

.lab-work-orders-page .lab-patient-stat-card-head,
.lab-work-orders-page .lab-patient-stat-card-value,
.lab-work-orders-page .lab-patient-stat-card-hint,
.lab-work-orders-page .lab-patient-stat-card-hint-row{
  position: relative;
  z-index: 1;
}

.lab-work-orders-page .lab-patient-stat-card-head{
  grid-area: head;
}

.lab-work-orders-page .lab-patient-stat-card-value{
  grid-area: value;
  min-width: 0;
  margin: 0;
  color: var(--wo-stat-value-color);
}

.lab-work-orders-page .lab-patient-stat-card-hint,
.lab-work-orders-page .lab-patient-stat-card-hint-row,
.lab-work-orders-page .lab-stat-card-skeleton--hint{
  grid-area: meta;
  justify-self: end;
  align-self: center;
  text-align: right;
}

.lab-work-orders-page .lab-patient-stat-card-hint,
.lab-work-orders-page .lab-patient-stat-card-hint-row{
  color: rgba(71, 85, 105, 0.8);
}

.lab-work-orders-page .lab-patient-stat-card-hint-row{
  margin-left: auto;
  justify-content: flex-end;
}

.wo-orders-toolbar--view-only{
  flex-wrap: wrap;
  gap: 12px;
}

.wo-orders-toolbar--view-only .wo-view-switch,
.wo-orders-toolbar--view-only .wo-orders-view-switch{
  margin-right: auto;
}

.wo-view-fullscreen-btn{
  white-space: nowrap;
}

.wo-view-fullscreen-shell--active,
.wo-view-fullscreen-shell:fullscreen{
  position: fixed;
  inset: 0;
  z-index: 10000;
  margin: 0;
  width: 100vw;
  max-width: 100vw;
  height: 100vh;
  max-height: 100vh;
  border-radius: 0;
  border: none;
  background: #f1f5f9;
  overflow: auto;
  padding: 12px 16px 16px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.wo-view-fullscreen-bar{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 14px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
  flex-shrink: 0;
}

.wo-view-fullscreen-bar-title{
  font-size: 14px;
  font-weight: 700;
  color: #0f172a;
}

.wo-view-fullscreen-bar-exit{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  background: #ffffff;
  color: #0f172a;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease;
}

.wo-view-fullscreen-bar-exit:hover{
  background: var(--brand-primary-soft);
  border-color: var(--brand-primary);
  color: var(--brand-primary-selected-text);
  box-shadow: 0 0 0 1px var(--brand-ring);
}

.wo-view-fullscreen-shell--active .wo-cal-shell,
.wo-view-fullscreen-shell:fullscreen .wo-cal-shell{
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
}

.wo-view-fullscreen-shell--active .wo-cal-main,
.wo-view-fullscreen-shell:fullscreen .wo-cal-main{
  flex: 1;
  min-height: calc(100vh - 88px);
  overflow: hidden;
}

.wo-view-fullscreen-shell--active .wo-flow-shell,
.wo-view-fullscreen-shell:fullscreen .wo-flow-shell{
  flex: 1;
  min-height: calc(100vh - 72px);
  border-radius: 14px;
}

.wo-view-fullscreen-shell--active .wo-flow-canvas-wrap,
.wo-view-fullscreen-shell:fullscreen .wo-flow-canvas-wrap,
.wo-view-fullscreen-shell--active .wo-flow-canvas-wrap--lanes,
.wo-view-fullscreen-shell:fullscreen .wo-flow-canvas-wrap--lanes{
  min-height: calc(100vh - 88px);
}

.wo-view-fullscreen-shell{
  position: relative;
}

.wo-view-fullscreen-overlays{
  position: absolute;
  inset: 0;
  z-index: 500;
  pointer-events: none;
}

.wo-view-fullscreen-overlays > *{
  pointer-events: auto;
}

.wo-view-fullscreen-overlays .tech-panel-backdrop,
.wo-view-fullscreen-overlays .clinic-wo-drawer-backdrop,
.wo-view-fullscreen-overlays .clinic-calendar-modal-backdrop{
  position: absolute;
  inset: 0;
  z-index: 1;
}

.wo-view-fullscreen-overlays .tech-panel{
  max-height: calc(100% - 48px);
}

.wo-view-fullscreen-overlays .clinic-wo-drawer{
  max-height: 100%;
}

.lab-patient-row-identity-text{
  display: flex;
  flex-direction: column;
  gap: 1px;
  min-width: 0;
}

.lab-patient-row-sub{
  font-size: 11px;
  font-weight: 500;
  color: #94a3b8;
  line-height: 1.2;
}

.lab-patient-row-avatar--wo{
  background: var(--brand-primary)
}

.lab-work-order-list-table .lab-patient-col-name{
  min-width: 200px;
}

.lab-work-order-list-table th:nth-child(2),
.lab-work-order-list-table td:nth-child(2){
  min-width: 140px;
  max-width: 200px;
}

/* ============================================================================
   Lab Hastalar — Modern liste gorunumu (Employee List benzeri)
   ============================================================================ */

.lab-patient-hero-btn--primary{
  background: var(--brand-primary);
  color: #ffffff;
  border-color: var(--brand-primary-deep);
  box-shadow: 0 6px 16px rgba(37, 99, 235, 0.25);
}

.lab-patient-hero-btn--primary:hover{
  background: linear-gradient(135deg, var(--brand-primary-deep), #1a6f94);
}

.lab-patient-listing{
  display: flex;
  flex-direction: column;
  gap: 16px;
  flex: 0 1 auto;
  min-height: 0;
  align-items: stretch;
}

.lab-patient-stats{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 14px;
}

.lab-patient-stat-card{
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 16px 18px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}

a.lab-patient-stat-card{
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}

.lab-patient-stat-card:hover{
  transform: translateY(-1px);
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.08);
}

.lab-patient-stat-card-head{
  display: flex;
  align-items: center;
  gap: 10px;
}

.lab-patient-stat-card-icon{
  width: 32px;
  height: 32px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  background: #f1f5f9;
  color: #64748b;
}

.lab-patient-stat-card--primary{
  --stat-tone-fg: var(--brand-primary);
  --stat-tone-bg: #e3f4fa;
}

.lab-patient-stat-card--success{
  --stat-tone-fg: #15803d; /* a11y: #16a34a -> #15803d, beyaz uzerinde AA */
  --stat-tone-bg: #dcfce7;
}

.lab-patient-stat-card--violet{
  --stat-tone-fg: #7c3aed;
  --stat-tone-bg: #ede9fe;
}

.lab-patient-stat-card--amber{
  --stat-tone-fg: #c2410c; /* a11y: #ea580c -> #c2410c, beyaz uzerinde AA */
  --stat-tone-bg: #ffedd5;
}

.lab-patient-stat-card--neutral{
  --stat-tone-fg: #64748b;
  --stat-tone-bg: #f1f5f9;
}

.lab-patient-stat-card--primary .lab-patient-stat-card-icon,
.lab-patient-stat-card--success .lab-patient-stat-card-icon,
.lab-patient-stat-card--violet .lab-patient-stat-card-icon,
.lab-patient-stat-card--amber .lab-patient-stat-card-icon,
.lab-patient-stat-card--neutral .lab-patient-stat-card-icon{
  background: var(--stat-tone-bg);
  color: var(--stat-tone-fg);
}

.lab-patient-stat-card-label{
  font-size: 13px;
  color: #64748b;
  font-weight: 500;
}

.lab-patient-stat-card-value{
  margin: 0;
  font-size: 32px;
  font-weight: 700;
  color: #0f172a;
  line-height: 1.05;
}

/* ==========================================================================
   Hastalar (lab) ust istatistik kutulari — gorsel referansa gore gruplu kutu
   Tek beyaz yuvarlak kutu, ince dikey ayraclar, ikon+etiket ustte, buyuk sayi
   ========================================================================== */

/* Iki ayri kutu yan yana */

.lab-patient-stats-row{
  display: flex;
  gap: 14px;
  align-items: stretch;
}

.lab-patients-page .lab-patient-stats{
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  align-items: stretch;
  background: #ffffff;
  border: 1px solid #e8eaee;
  border-radius: 12px;
  padding: 9px 2px;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.lab-patients-page .lab-patient-stat-card{
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 4px;
  grid-template-columns: none;
  grid-template-areas: none;
  padding: 2px 13px;
  background: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  overflow: visible;
}

.lab-patients-page .lab-patient-stat-card + .lab-patient-stat-card{
  border-left: 1px solid #eef1f4;
}

.lab-patients-page .lab-patient-stat-card:hover{
  transform: none;
  box-shadow: none;
}

.lab-patients-page .lab-patient-stat-card-head{
  grid-area: auto;
  display: flex;
  align-items: center;
  gap: 8px;
}

.lab-patients-page .lab-patient-stat-card-icon{
  width: 28px;
  height: 28px;
  font-size: 14px;
  border-radius: 8px;
}

.lab-patients-page .lab-patient-stats-row .lab-patient-stat-card-icon,
.lab-patients-page .lab-patient-stats-row .lab-patient-stat-card--primary .lab-patient-stat-card-icon,
.lab-patients-page .lab-patient-stats-row .lab-patient-stat-card--success .lab-patient-stat-card-icon,
.lab-patients-page .lab-patient-stats-row .lab-patient-stat-card--violet .lab-patient-stat-card-icon,
.lab-patients-page .lab-patient-stats-row .lab-patient-stat-card--amber .lab-patient-stat-card-icon,
.lab-patients-page .lab-patient-stats-row .lab-patient-stat-card--neutral .lab-patient-stat-card-icon{
  background: var(--stat-tone-bg, #f1f5f9);
  color: var(--stat-tone-fg, #64748b);
  border: none;
  box-shadow: none;
}

.lab-patients-page .lab-patient-stats-row .lab-patient-stat-card-label{
  color: var(--stat-tone-fg, #64748b);
}

.lab-patients-page .lab-patient-stat-card-value{
  grid-area: auto;
  font-size: 19px;
  font-weight: 800;
  color: #16323f;
  line-height: 1.05;
}

/* Gorseldeki gibi: alt ipucu/yuzde bilgisi gosterilmesin */

.lab-patients-page .lab-patient-stat-card-hint,
.lab-patients-page .lab-patient-stat-card-hint-row,
.lab-patients-page .lab-stat-card-skeleton--hint{
  display: none;
}

@media (max-width: 760px) {
  .lab-patient-stats-row{
    flex-direction: column;
  }
}

body.theme-dark .lab-patients-page .lab-patient-stats{
  background: #18181b;
  border-color: #27272a;
}

body.theme-dark .lab-patients-page .lab-patient-stat-card + .lab-patient-stat-card{
  border-left-color: #27272a;
}

body.theme-dark .lab-patients-page .lab-patient-stat-card-value{
  color: #f4f4f5;
}

body.theme-dark .lab-patients-page .lab-patient-stats-row .lab-patient-stat-card-label{
  color: var(--stat-tone-fg, #a1a1aa);
}

/* Ayni kompakt gruplu kutu tasarimi — stats-row kullanan tum sayfalar (Stok dahil) */

.lab-patient-stats-row .lab-patient-stats{
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  align-items: stretch;
  background: #ffffff;
  border: 1px solid #e8eaee;
  border-radius: 10px;
  padding: 6px 2px;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.lab-patient-stats-row .lab-patient-stat-card{
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 3px;
  grid-template-columns: none;
  grid-template-areas: none;
  padding: 1px 10px;
  background: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  overflow: visible;
}

.lab-patient-stats-row .lab-patient-stat-card + .lab-patient-stat-card{
  border-left: 1px solid #eef1f4;
}

.lab-patient-stats-row .lab-patient-stat-card:hover{
  transform: none;
  box-shadow: none;
}

.lab-patient-stats-row .lab-patient-stat-card-head{
  grid-area: auto;
  display: flex;
  align-items: center;
  gap: 6px;
}

.lab-patient-stats-row .lab-patient-stat-card-icon{
  width: 24px;
  height: 24px;
  font-size: 12px;
  border-radius: 7px;
  flex-shrink: 0;
  background: var(--stat-tone-bg, #f1f5f9);
  color: var(--stat-tone-fg, #64748b);
  border: none;
  box-shadow: none;
}

.lab-patient-stats-row .lab-patient-stat-card-label{
  grid-area: auto;
  font-size: 10.5px;
  font-weight: 500;
  color: var(--stat-tone-fg, #64748b);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.lab-patient-stats-row .lab-patient-stat-card-value{
  grid-area: auto;
  font-size: 16px;
  font-weight: 800;
  color: #16323f;
  line-height: 1.05;
}

.lab-patient-stats-row .lab-patient-stat-card-hint,
.lab-patient-stats-row .lab-patient-stat-card-hint-row,
.lab-patient-stats-row .lab-stat-card-skeleton--hint{
  display: none;
}

body.theme-dark .lab-patient-stats-row .lab-patient-stats{
  background: #18181b;
  border-color: #27272a;
}

body.theme-dark .lab-patient-stats-row .lab-patient-stat-card + .lab-patient-stat-card{
  border-left-color: #27272a;
}

body.theme-dark .lab-patient-stats-row .lab-patient-stat-card-value{
  color: #f4f4f5;
}

body.theme-dark .lab-patient-stat-card--primary{
  --stat-tone-fg: #7eb8d4;
  --stat-tone-bg: rgba(37, 99, 235, 0.22);
}

body.theme-dark .lab-patient-stat-card--success{
  --stat-tone-fg: #4ade80;
  --stat-tone-bg: rgba(22, 163, 74, 0.18);
}

body.theme-dark .lab-patient-stat-card--violet{
  --stat-tone-fg: #a78bfa;
  --stat-tone-bg: rgba(124, 58, 237, 0.18);
}

body.theme-dark .lab-patient-stat-card--amber{
  --stat-tone-fg: #fb923c;
  --stat-tone-bg: rgba(234, 88, 12, 0.18);
}

body.theme-dark .lab-patient-stat-card--neutral{
  --stat-tone-fg: #94a3b8;
  --stat-tone-bg: rgba(255, 255, 255, 0.06);
}

body.theme-dark .lab-patient-stats-row .lab-patient-stat-card-label{
  color: var(--stat-tone-fg, #a1a1aa);
}

.lab-stat-card-skeleton{
  display: inline-block;
  height: 1.75rem;
  width: 2.75rem;
  border-radius: 8px;
  background: linear-gradient(90deg, #e8eef3 0%, #f4f7fa 50%, #e8eef3 100%);
  background-size: 200% 100%;
  animation:
    labStatSkeletonPulse 1.2s ease-in-out infinite,
    labSkeletonFadeIn 320ms ease both;
  animation-delay:
    calc(var(--lab-stagger-i, 0) * 72ms),
    calc(var(--lab-stagger-i, 0) * 72ms);
}

.lab-stat-card-skeleton--hint{
  display: block;
  height: 0.7rem;
  width: 5.5rem;
  margin-top: 6px;
  border-radius: 6px;
}

/* Koyu tema: .wo-skel-bone ile ayni tonlar (acik gradient koyu kartta beyaz parliyordu) */

body.theme-dark .lab-stat-card-skeleton{
  background: linear-gradient(90deg, #2a313a 0%, #343c47 50%, #2a313a 100%);
  background-size: 200% 100%;
}

@keyframes labStatSkeletonPulse {
  0%{
    background-position: 100% 0;
  }
  100%{
    background-position: -100% 0;
  }
}

@keyframes labSkeletonFadeIn {
  from{ opacity: 0; }
  to{ opacity: 1; }
}

.lab-patient-stat-card--loading{
  pointer-events: none;
}

.lab-patient-stat-card-hint{
  margin: 0;
  font-size: 12px;
  color: #94a3b8;
  font-weight: 500;
}

.lab-patient-stat-card-hint-row{
  margin: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.lab-stat-trend{
  display: inline-flex;
  align-items: center;
  gap: 3px;
  padding: 3px 8px;
  border-radius: 5px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
}

.lab-stat-trend .bi{
  font-size: 13px;
  font-weight: 700;
}

.lab-stat-trend--up{
  background: #e8f3ed;
  color: #3f6f5c;
}

.lab-stat-trend--down{
  background: #faeaea;
  color: #9a5555;
}

.lab-stat-trend-suffix{
  font-size: 12px;
  font-weight: 500;
  color: #94a3b8;
}

.lab-patient-list-card{
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
  display: flex;
  flex-direction: column;
  flex: 0 0 auto;
  align-self: stretch;
  overflow: visible;
  position: relative;
  z-index: 0;
}

.lab-patient-list-card-head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 20px;
  border-bottom: 1px solid #e2e8f0;
  background: #ffffff;
  flex-wrap: wrap;
  position: relative;
  z-index: 20;
  overflow: visible;
  border-radius: 14px 14px 0 0;
}

.lab-patient-list-card-title{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  color: #475569;
}

.lab-patient-list-card-title-icon{
  width: 28px;
  height: 28px;
  border-radius: 8px;
  background: #eff6ff;
  color: var(--brand-primary);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}

.lab-patient-list-card-title-count{
  color: #0f2231;
  font-weight: var(--fw-strong);
  font-size: 14px;
}

.lab-patient-list-card-tools{
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.lab-definition-mobile-list{
  display: none;
}

.lab-clinic-doctors-mobile-list{
  display: none;
}

.lab-patient-search-wrap{
  position: relative;
  display: inline-flex;
  align-items: center;
}

.lab-patient-search-wrap > i{
  position: absolute;
  left: 12px;
  color: #94a3b8;
  font-size: 14px;
  pointer-events: none;
}

.lab-patient-search-wrap > input{
  width: 240px;
  padding: 9px 12px 9px 34px;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  background: #ffffff;
  font-size: 13px;
  color: #0f172a;
  transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

.lab-patient-search-wrap > input:focus{
  outline: none;
  border-color: var(--brand-primary);
  box-shadow: 0 0 0 3px var(--brand-ring);
}

.lab-patient-filter-anchor{
  position: relative;
  z-index: 30;
}

.lab-patient-list-card-head .wo-filter-popover,
.lab-patient-filter-popover{
  z-index: 200;
  width: min(320px, calc(100vw - 32px));
  padding: 0;
  overflow: hidden;
  border-radius: 14px;
  border: 1px solid #dde6ef;
  box-shadow: 0 8px 28px rgba(15, 40, 70, 0.14), 0 2px 6px rgba(15, 40, 70, 0.06);
  background: #fff;
}

.lab-patient-filter-popover-head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 11px 14px 10px;
  border-bottom: 1px solid #e4edf4;
  background: #f5f9fc;
}

.lab-patient-filter-popover-head h3{
  margin: 0;
  font-size: 13px;
  font-weight: 700;
  color: #1a3a4a;
  letter-spacing: 0.01em;
}

.lab-patient-filter-popover-head .tech-panel-close{
  width: 24px;
  height: 24px;
  font-size: 18px;
  line-height: 1;
  color: #8fa5b5;
  background: transparent;
  border: none;
  cursor: pointer;
}

.lab-patient-filter-popover-head .tech-panel-close:hover{
  color: #1a3a4a;
}

.lab-patient-filter-popover .clinic-patient-form-section{
  border: none;
  padding: 0;
  margin: 0;
}

.lab-patient-filter-popover .clinic-patient-form-section h4{
  display: none;
}

.lab-patient-filter-popover .clinic-patient-form-section h4::before{
  display: none;
}

.lab-patient-filter-popover .clinic-patient-form-fields{
  padding: 0;
}

.lab-patient-filter-popover .clinic-patient-form-row{
  grid-template-columns: 1fr;
  padding: 0;
  min-height: unset;
  display: flex;
  flex-direction: column;
  gap: 0;
}

.lab-patient-filter-popover .clinic-patient-form-row > label{
  display: none;
}

.lab-patient-filter-popover .clinic-patient-form-row > input,
.lab-patient-filter-popover .clinic-patient-form-row > select{
  width: 100%;
  height: 34px;
  padding: 0 10px;
  border: 1.5px solid #dde6ef;
  border-radius: 8px;
  font-size: 12.5px;
  font-weight: 500;
  color: #1a3a4a;
  background: #f8fafc;
  box-sizing: border-box;
  font-family: inherit;
  outline: none;
  transition: border-color 0.15s, background 0.15s, box-shadow 0.15s;
}

.lab-patient-filter-popover .clinic-patient-form-row > input:hover,
.lab-patient-filter-popover .clinic-patient-form-row > select:hover{
  border-color: #b8ccdc;
  background: #f1f5f9;
}

.lab-patient-filter-popover .clinic-patient-form-row > input:focus,
.lab-patient-filter-popover .clinic-patient-form-row > select:focus{
  border-color: var(--brand-primary);
  background: #fff;
  box-shadow: 0 0 0 3px var(--brand-ring);
}

.lab-patient-filter-popover-field{
  display: flex;
  flex-direction: column;
  gap: 5px;
  min-width: 0;
}

.lab-patient-filter-popover-field > label{
  margin: 0;
  font-size: 10.5px;
  font-weight: 700;
  color: #8fa5b5;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.lab-patient-filter-popover-field > select,
.lab-patient-filter-popover-field > input[type='date']{
  width: 100%;
  min-width: 0;
  height: 34px;
  padding: 0 10px;
  border: 1.5px solid #dde6ef;
  border-radius: 8px;
  font-size: 12.5px;
  font-weight: 500;
  color: #1a3a4a;
  background: #f8fafc;
  box-sizing: border-box;
  font-family: inherit;
  outline: none;
  transition: border-color 0.15s, background 0.15s, box-shadow 0.15s;
}

.lab-patient-filter-popover-field > select{
  appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%238fa5b5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 9px;
  padding-right: 28px;
  cursor: pointer;
}

.lab-patient-filter-popover-field > input[type='date']{
  padding-right: 6px;
}

.lab-patient-filter-popover-field > select:hover,
.lab-patient-filter-popover-field > input[type='date']:hover{
  border-color: #b8ccdc;
  background: #f1f5f9;
}

.lab-patient-filter-popover-field > select:focus,
.lab-patient-filter-popover-field > input[type='date']:focus{
  border-color: var(--brand-primary);
  background: #fff;
  box-shadow: 0 0 0 3px var(--brand-ring);
}

.lab-patient-filter-popover-footer{
  margin: 0;
  padding: 10px 14px;
  gap: 8px;
  background: #f5f9fc;
  border-top: 1px solid #e4edf4;
}

.lab-patient-filter-popover-footer .clinic-patient-form-cancel{
  background: transparent;
  border: 1.5px solid #dde6ef;
  color: #64748b;
  border-radius: 8px;
  padding: 6px 14px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  transition: background 0.12s, border-color 0.12s, color 0.12s;
}

.lab-patient-filter-popover-footer .clinic-patient-form-cancel:hover{
  background: #e8f0f6;
  border-color: #b8ccdc;
  color: #334155;
}

.lab-patient-filter-popover-footer .clinic-patient-form-submit{
  background: var(--brand-primary);
  border: none;
  color: #fff;
  border-radius: 8px;
  padding: 6px 20px;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  font-family: inherit;
  transition: opacity 0.12s, box-shadow 0.12s;
  box-shadow: 0 2px 6px rgba(37, 99, 235, 0.28);
}

.lab-patient-filter-popover-footer .clinic-patient-form-submit:hover:not(:disabled){
  opacity: 0.88;
  box-shadow: 0 3px 10px rgba(37, 99, 235, 0.38);
}

.wo-orders-toolbar-actions .wo-filter-popover,
.wo-orders-toolbar-actions .lab-patient-filter-popover{
  z-index: 200;
}

.lab-patient-filter-btn{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 14px;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  background: #ffffff;
  color: #0f172a;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.18s ease, border-color 0.18s ease;
}

.lab-patient-filter-btn:hover{
  border-color: var(--brand-primary);
  background: var(--brand-primary-soft);
  color: var(--brand-primary-selected-text);
  box-shadow: 0 0 0 1px var(--brand-ring);
}

.lab-patient-filter-btn--open{
  border-color: var(--brand-primary);
  background: #eff6ff;
  color: var(--brand-primary-deep);
}

.lab-patient-filter-btn--active{
  border-color: var(--brand-primary);
  color: var(--brand-primary-deep);
}

.lab-patient-filter-btn-dot{
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #ef4444;
  margin-left: 2px;
}

.lab-patient-add-btn{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 16px;
  border-radius: 10px;
  border: 1px solid var(--brand-primary-deep);
  background: var(--brand-primary);
  color: #ffffff;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(37, 99, 235, 0.22);
  transition: background 0.18s ease, box-shadow 0.18s ease;
  white-space: nowrap;
}

.lab-patient-add-btn:hover{
  background: linear-gradient(135deg, var(--brand-primary-deep), #1a6f94);
  box-shadow: 0 6px 16px rgba(37, 99, 235, 0.28);
}

.lab-patient-list-table-wrap{
  flex: 0 0 auto;
  overflow-x: auto;
  overflow-y: visible;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
  position: relative;
  z-index: 1;
  border-radius: 0 0 14px 14px;
}

.lab-patient-list-table{
  width: max-content;
  min-width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}

.lab-patient-list-table thead{
  position: sticky;
  top: 0;
  background: #f8fafc;
  z-index: 2;
}

.lab-patient-list-table thead th{
  padding: 8px 14px;
  text-align: left;
  font-size: 11.5px;
  font-weight: 600;
  color: #64748b;
  text-transform: none;
  border-bottom: 1px solid #e2e8f0;
  letter-spacing: 0.01em;
}

.lab-patient-list-table tbody td{
  padding: 8px 14px;
  font-size: 13px;
  line-height: 1.35;
  color: #0f172a;
  border-bottom: 1px solid #f1f5f9;
  vertical-align: middle;
}

.lab-patient-list-table tbody tr:last-child td{
  border-bottom: none;
}

.lab-patients-page .lab-patient-list-table tbody tr{
  transition:
    background 0.2s ease,
    box-shadow 0.25s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.2s cubic-bezier(0.22, 1, 0.36, 1);
}

.lab-patients-page .lab-patient-list-table tbody tr:hover{
  background: transparent;
  box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
  cursor: pointer;
}

.lab-patients-page .wo-list-table tbody tr.wo-list-row:hover,
.lab-patients-page .wo-list-table tbody tr.wo-list-row:focus-within,
.lab-work-orders-page .wo-list-table tbody tr.wo-list-row:hover,
.lab-work-orders-page .wo-list-table tbody tr.wo-list-row:focus-within,
.clinic-patients-page .wo-list-table tbody tr.wo-list-row:hover,
.clinic-patients-page .wo-list-table tbody tr.wo-list-row:focus-within,
.clinic-users-page .wo-list-table tbody tr.wo-list-row:hover,
.clinic-users-page .wo-list-table tbody tr.wo-list-row:focus-within,
.lab-users-page .wo-list-table tbody tr.wo-list-row:hover,
.lab-users-page .wo-list-table tbody tr.wo-list-row:focus-within,
.clinic-active-wo-page .wo-list-table tbody tr.wo-list-row:hover,
.clinic-active-wo-page .wo-list-table tbody tr.wo-list-row:focus-within{
  position: relative;
  z-index: 4;
}

.lab-patients-page .lab-patient-list-table tbody tr:active{
  transform: scale(0.998);
}

.lab-work-orders-page .lab-patient-list-table tbody tr,
.lab-work-orders-page .lab-work-order-list-table tbody tr{
  transition:
    background 0.2s ease,
    box-shadow 0.25s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.2s cubic-bezier(0.22, 1, 0.36, 1);
}

.lab-work-orders-page .lab-patient-list-table tbody tr:hover,
.lab-work-orders-page .lab-work-order-list-table tbody tr:hover{
  background: #f8fafc;
  cursor: pointer;
}

.lab-work-orders-page .lab-patient-list-table tbody tr:active,
.lab-work-orders-page .lab-work-order-list-table tbody tr:active{
  transform: scale(0.998);
}

.lab-patient-row--selected{
  background: #eff6ff !important;
  box-shadow: inset 3px 0 0 var(--brand-primary);
}

/* ============================================================================
   IS EMIRLERI LISTE — "Borderless Glass" gorunumu
   (yalnizca is emirleri liste gorunumune scope'lu)
   ============================================================================ */

/* Toolbar (Toplam Is Emri + arama): cam cercevenin DISINDA, gradient uzerinde */

.lab-work-orders-page .lab-patient-listing .lab-patient-list-card,
.lab-patients-page .lab-patient-listing .lab-patient-list-card{
  background: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
}

.lab-work-orders-page .lab-patient-list-card-head,
.lab-patients-page .lab-patient-list-card-head{
  background: transparent;
  border-bottom: none;
  border-radius: 0;
  padding: 4px 6px 14px;
}

/* Dis cerceve: kolon basliklarindan baslayan yumusak buzlu-cam panel */

.lab-work-orders-page .lab-patient-list-table-wrap,
.lab-patients-page .lab-patient-list-table-wrap.wo-list-table-wrap{
  background: #ffffff;
  border: none;
  border-radius: 14px;
  padding: 0 0 8px;
  box-shadow: none;
  filter: none;
}

.lab-work-order-table-columns{
  position: relative;
  flex-shrink: 0;
}

.lab-work-order-columns-btn{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 14px;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  background: #ffffff;
  color: #0f172a;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  white-space: nowrap;
  transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease;
}

.lab-work-order-columns-btn:hover{
  border-color: var(--brand-primary);
  background: var(--brand-primary-soft);
  color: var(--brand-primary-selected-text);
  box-shadow: 0 0 0 1px var(--brand-ring);
}

.lab-work-order-columns-btn:hover i{
  color: var(--brand-primary);
}

.lab-work-order-columns-btn i{
  font-size: 14px;
  color: #94a3b8;
}

.lab-work-order-columns-btn--open{
  border-color: var(--brand-primary);
  background: #eff6ff;
  color: var(--brand-primary-deep);
}

.lab-work-order-columns-btn--open i{
  color: var(--brand-primary-deep);
}

.lab-work-order-columns-menu{
  width: min(232px, calc(100vw - 32px));
  overflow: hidden;
}

.lab-work-order-columns-menu-head{
  padding: 2px 10px 6px;
  color: #94a3b8;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.02em;
}

.lab-work-order-columns-menu-body{
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.lab-work-order-columns-reset{
  margin-top: 2px;
  padding-top: 8px;
  border-top: 1px solid #e2e8f0;
  border-radius: 0 0 8px 8px;
}

.lab-work-order-columns-reset:hover{
  border-top-color: #e2e8f0;
}

.lab-work-order-columns-option-indicator{
  width: 14px;
  min-width: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: inherit;
  font-size: 13px;
}

.lab-work-order-columns-option-indicator .bi{
  font-size: 14px;
  line-height: 1;
}

.lab-work-order-columns-option-label{
  flex: 1;
  min-width: 0;
}

.lab-work-orders-page .lab-work-order-list-table thead{
  background: #f6f7f9;
}

/* Satirlarin ic kenar bosluklari panel kenariyla hizali olsun */

.lab-work-orders-page .lab-work-order-list-table thead th:first-child,
.lab-work-orders-page .lab-work-order-list-table tbody td:first-child{
  padding-left: 20px;
}

.lab-work-orders-page .lab-work-order-list-table thead th:last-child,
.lab-work-orders-page .lab-work-order-list-table tbody td:last-child{
  padding-right: 20px;
}

/* Kolon basliklari: dikey cizgisiz, ince soluk tipografi, ferah padding */

.lab-work-orders-page .lab-work-order-list-table thead{
  background: transparent;
}

.lab-work-orders-page .lab-work-order-list-table thead th{
  padding: 12px 14px;
  background: #f3f5f8;
  border-bottom: 1px solid rgba(100, 116, 139, 0.14);
  font-size: 12.5px;
  font-weight: 700;
  color: #5d6c7d;
  text-transform: capitalize;
  letter-spacing: 0;
}

/* Satirlar: arka plan/border/shadow yok, dengeli dikey bosluk, net ince alt cizgi */

.lab-work-orders-page .lab-work-order-list-table tbody td{
  padding: 9px 14px;
  background: transparent;
  border-bottom: 1px solid rgba(100, 116, 139, 0.12);
}

.lab-work-orders-page .lab-work-order-list-table tbody tr:last-child td{
  border-bottom: none;
}

/* Hover: cam (frosted) yuvarlak satir vurgusu, renk degisimi + hafif yukselme */

.lab-work-orders-page .lab-work-order-list-table tbody tr{
  clip-path: inset(0 round 18px);
  transition: filter 0.2s ease;
}

.lab-work-orders-page .lab-work-order-list-table tbody tr:has(.lab-patient-actions-trigger--open){
  clip-path: none;
  filter: none;
  z-index: 90;
}

.lab-work-orders-page .lab-work-order-list-table tbody tr td{
  transition: background-color 0.2s ease, border-color 0.2s ease;
}

.lab-work-orders-page .lab-work-order-list-table tbody tr td:first-child{
  border-top-left-radius: 18px;
  border-bottom-left-radius: 18px;
}

.lab-work-orders-page .lab-work-order-list-table tbody tr td:last-child{
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
}

.lab-work-orders-page .lab-work-order-list-table tbody tr:hover{
  background: transparent;
  box-shadow: none;
  filter: drop-shadow(0 6px 18px rgba(15, 23, 42, 0.08));
  transform: none;
  cursor: pointer;
}

.lab-work-orders-page .lab-work-order-list-table tbody tr:hover td{
  background: rgba(255, 255, 255, 0.78);
  border-bottom-color: transparent;
}

.lab-work-orders-page .lab-work-order-list-table tbody tr:hover td:first-child{
  border-top-left-radius: 18px;
  border-bottom-left-radius: 18px;
}

.lab-work-orders-page .lab-work-order-list-table tbody tr:hover td:last-child{
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
}

/* Islem kolonu: baslik ve uc nokta kusursuz sag hizada */

/* Islem: yatay uc nokta normalde %30 soluk, satira hover olunca %100 parlar */

.lab-work-orders-page .lab-work-order-list-table .lab-patient-actions-trigger{
  background: transparent;
  border-color: transparent;
  color: #64748b;
  opacity: 0.3;
  transition: opacity 0.2s ease, color 0.15s ease, background 0.15s ease;
}

.lab-work-orders-page .lab-work-order-list-table tbody tr:hover .lab-patient-actions-trigger{
  opacity: 1;
  color: #64748b;
}

.lab-work-orders-page .lab-work-order-list-table .lab-patient-actions-trigger:hover,
.lab-work-orders-page .lab-work-order-list-table .lab-patient-actions-trigger--open{
  opacity: 1;
  background: rgba(100, 116, 139, 0.12);
  color: #0f172a;
  border-color: transparent;
}

/* --- Dark mode --- */

body.theme-dark .lab-work-orders-page .lab-patient-listing .lab-patient-list-card,
body.theme-dark .lab-patients-page .lab-patient-listing .lab-patient-list-card,
body.theme-dark .lab-stocks-page .lab-patient-listing .lab-patient-list-card,
body.theme-dark .lab-external-services-page .lab-patient-listing .lab-patient-list-card,
body.theme-dark .lab-finance-page .lab-patient-listing .lab-patient-list-card,
body.theme-dark .lab-clinics-page .lab-patient-listing .lab-patient-list-card,
body.theme-dark .lab-clinic-doctors-page .lab-patient-listing .lab-patient-list-card,
body.theme-dark .lab-technicians-page .lab-patient-listing .lab-patient-list-card{
  background: transparent;
  border: none;
  box-shadow: none;
}

body.theme-dark .lab-work-orders-page .lab-patient-list-table-wrap,
body.theme-dark .lab-patients-page .lab-patient-list-table-wrap,
body.theme-dark .lab-stocks-page .lab-patient-list-table-wrap,
body.theme-dark .lab-external-services-page .lab-patient-list-table-wrap,
body.theme-dark .lab-finance-page .lab-patient-list-table-wrap,
body.theme-dark .lab-clinics-page .lab-patient-list-table-wrap,
body.theme-dark .lab-clinic-doctors-page .lab-patient-list-table-wrap,
body.theme-dark .lab-technicians-page .lab-patient-list-table-wrap{
  background: var(--rw-surface, #18181b);
  border-color: transparent;
  box-shadow: none;
  filter: none;
}

body.theme-dark .lab-work-order-columns-btn{
  background: var(--rw-surface-elevated, #27272a);
  border-color: var(--rw-border, #2d2d2d);
  color: var(--rw-text, #e5e7eb);
}

body.theme-dark .lab-work-order-columns-menu-head{
  color: var(--rw-text-muted, #94a3b8);
}

body.theme-dark .lab-work-order-columns-reset{
  border-top-color: var(--rw-border, #2d2d2d);
}

body.theme-dark .lab-work-orders-page .lab-patient-stat-card{
  --wo-stat-icon-bg: rgba(255, 255, 255, 0.06);
  --wo-stat-icon-fg: var(--rw-text-muted, #94a3b8);
  --wo-stat-label-color: var(--rw-text-muted, #94a3b8);
  --wo-stat-value-color: var(--rw-text-strong, #ffffff);
  position: relative;
  overflow: hidden;
  background: rgba(24, 24, 27, 0.45);
  border-color: rgba(255, 255, 255, 0.08);
  box-shadow:
    0 16px 38px rgba(0, 0, 0, 0.34),
    0 4px 14px rgba(0, 0, 0, 0.22);
}

body.theme-dark .lab-patients-page .lab-patient-stat-card{
  --wo-stat-icon-bg: rgba(255, 255, 255, 0.06);
  --wo-stat-icon-fg: var(--rw-text-muted, #94a3b8);
  --wo-stat-label-color: var(--rw-text-muted, #94a3b8);
  --wo-stat-value-color: var(--rw-text-strong, #ffffff);
  position: relative;
  overflow: hidden;
  background: rgba(24, 24, 27, 0.45);
  border-color: rgba(255, 255, 255, 0.08);
  box-shadow:
    0 16px 38px rgba(0, 0, 0, 0.34),
    0 4px 14px rgba(0, 0, 0, 0.22);
}

body.theme-dark .lab-work-orders-page .lab-patient-stat-card::before{
  content: none;
}

body.theme-dark .lab-patients-page .lab-patient-stat-card::before{
  content: none;
}

body.theme-dark .lab-work-orders-page .lab-patient-stat-card-icon,
body.theme-dark .lab-work-orders-page .lab-patient-stat-card--primary .lab-patient-stat-card-icon,
body.theme-dark .lab-work-orders-page .lab-patient-stat-card--success .lab-patient-stat-card-icon,
body.theme-dark .lab-work-orders-page .lab-patient-stat-card--violet .lab-patient-stat-card-icon,
body.theme-dark .lab-work-orders-page .lab-patient-stat-card--amber .lab-patient-stat-card-icon{
  background: var(--wo-stat-icon-bg);
  border-color: rgba(255, 255, 255, 0.12);
  color: var(--wo-stat-icon-fg);
}

body.theme-dark .lab-patients-page .lab-patient-stat-card-icon,
body.theme-dark .lab-patients-page .lab-patient-stat-card--primary .lab-patient-stat-card-icon,
body.theme-dark .lab-patients-page .lab-patient-stat-card--success .lab-patient-stat-card-icon,
body.theme-dark .lab-patients-page .lab-patient-stat-card--violet .lab-patient-stat-card-icon,
body.theme-dark .lab-patients-page .lab-patient-stat-card--amber .lab-patient-stat-card-icon{
  background: var(--wo-stat-icon-bg);
  border-color: rgba(255, 255, 255, 0.12);
  color: var(--wo-stat-icon-fg);
}

body.theme-dark .lab-work-orders-page .lab-patient-stat-card-label{
  color: var(--wo-stat-label-color);
}

body.theme-dark .lab-patients-page .lab-patient-stat-card-label{
  color: var(--wo-stat-label-color);
}

body.theme-dark .lab-patients-page .lab-patient-stats-row .lab-patient-stat-card-label{
  color: var(--stat-tone-fg, #a1a1aa);
}

body.theme-dark .lab-work-orders-page .lab-patient-stat-card-value{
  color: var(--wo-stat-value-color);
}

body.theme-dark .lab-patients-page .lab-patient-stat-card-value{
  color: var(--wo-stat-value-color);
}

body.theme-dark .lab-work-orders-page .lab-patient-stat-card-hint,
body.theme-dark .lab-work-orders-page .lab-patient-stat-card-hint-row{
  color: rgba(170, 170, 170, 0.82);
}

body.theme-dark .lab-patients-page .lab-patient-stat-card-hint,
body.theme-dark .lab-patients-page .lab-patient-stat-card-hint-row{
  color: rgba(170, 170, 170, 0.82);
}

/* Dark mode — gruplu kompakt stat kutulari (Hasta/Stok): tek koyu kutu,
   kartlar seffaf, aralarinda koyu ayrac (eski per-kart stilini ez) */

body.theme-dark .lab-patient-stats-row .lab-patient-stats{
  background: #18181b;
  border-color: #2a2a2e;
  box-shadow: none;
}

body.theme-dark .lab-patient-stats-row .lab-patient-stat-card{
  background: transparent;
  border-color: transparent;
  box-shadow: none;
}

body.theme-dark .lab-patient-stats-row .lab-patient-stat-card + .lab-patient-stat-card{
  border-left: 1px solid #2a2a2e;
}

body.theme-dark .lab-patient-stats-row .lab-patient-stat-card-value{
  color: #f4f4f5;
}

body.theme-dark .lab-patient-stats-row .lab-patient-stat-card-label{
  color: var(--stat-tone-fg, #a1a1aa);
}

body.theme-dark .lab-work-orders-page .lab-work-order-list-table thead th,
body.theme-dark .lab-work-orders-page .lab-work-order-list-table tbody td{
  border-bottom-color: rgba(255, 255, 255, 0.08);
}

body.theme-dark .lab-work-orders-page .lab-work-order-list-table thead,
body.theme-dark .lab-work-orders-page .lab-work-order-list-table thead th{
  background: var(--rw-bg-sidebar, #18181b);
}

body.theme-dark .lab-work-orders-page .lab-work-order-list-table thead th{
  color: #d6dde6;
  font-weight: 700;
}

body.theme-dark .lab-work-orders-page .lab-work-order-list-table tbody tr:hover{
  background: transparent;
  box-shadow: none;
  filter: drop-shadow(0 6px 18px rgba(0, 0, 0, 0.35));
}

body.theme-dark .lab-work-orders-page .lab-work-order-list-table tbody tr:has(.lab-patient-actions-trigger--open){
  clip-path: none;
  filter: none;
  z-index: 90;
}

body.theme-dark .lab-work-orders-page .lab-work-order-list-table tbody tr:hover td{
  background: rgba(255, 255, 255, 0.06);
  border-bottom-color: transparent;
}

body.theme-dark .lab-work-orders-page .lab-work-order-list-table tbody tr:hover td:first-child{
  border-top-left-radius: 18px;
  border-bottom-left-radius: 18px;
}

body.theme-dark .lab-work-orders-page .lab-work-order-list-table tbody tr:hover td:last-child{
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
}

body.theme-dark .lab-work-orders-page .lab-work-order-list-table .lab-patient-actions-trigger{
  color: #475569;
}

body.theme-dark .lab-work-orders-page .lab-work-order-list-table tbody tr:hover .lab-patient-actions-trigger{
  color: var(--rw-text-muted, #aaaaaa);
}

body.theme-dark .lab-work-orders-page .lab-work-order-list-table .lab-patient-actions-trigger:hover,
body.theme-dark .lab-work-orders-page .lab-work-order-list-table .lab-patient-actions-trigger--open{
  background: rgba(255, 255, 255, 0.08);
  color: var(--rw-text-strong, #ffffff);
}

.lab-patient-row--clinic td{

}

.lab-patient-col-name{
  min-width: 220px;
}

.lab-patient-row-identity{
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.lab-patient-row-avatar{
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 700;
  color: #ffffff;
  background: var(--brand-primary);
  flex-shrink: 0;
}

.lab-patient-row-avatar--muted{
  background: var(--brand-primary);
}

.lab-patient-row-name{
  font-weight: var(--fw-strong);
  color: #0f2231;
  font-size: var(--ui-font-sm);
}

.lab-patient-row-meta{
  color: #0f2231;
  font-size: var(--ui-font-sm);
  font-weight: var(--fw-strong);
}

.lab-patient-row-muted{
  color: #94a3b8;
  font-size: 12px;
}

.lab-patient-source-pill{
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  border-radius: 5px;
  font-size: 11.5px;
  font-weight: 600;
  background: #ecfdf5;
  color: #047857;
}

.lab-patient-source-pill--clinic{
  background: #f5f3ff;
  color: var(--brand-primary-deep);
  border-color: #ddd6fe;
}

.lab-patient-color-chip{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 2px 8px;
  border-radius: 999px;
  background: #f1f5f9;
  color: #0f172a;
  font-size: 11.5px;
  font-weight: 500;
}

.lab-patient-status-pill{
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  border-radius: 8px;
  font-size: 11.5px;
  font-weight: 600;
  background: #f1f5f9;
  color: #475569;
}

.zd-trial-status-pill{
  gap: 5px;
}

.zd-trial-status-pill .bi{
  font-size: 10px;
}

.zd-trial-top-right .zd-trial-status-pill{
  gap: 6px;
  padding: 4px 11px;
  font-size: 12.5px;
}

.zd-trial-top-right .zd-trial-status-pill .bi{
  font-size: 12px;
}

/* Prova durumları kanban kolon renkleriyle aynıdır. */

.zd-trial-status-pill.lab-patient-status-pill--created{
  background: #eaf4ff;
  color: #2563a8;
  border-color: #bfdbfe;
}

.zd-trial-status-pill.lab-patient-status-pill--active{
  background: #f1f5f9;
  color: #475569;
  border-color: #cbd5e1;
}

.zd-trial-status-pill.lab-patient-status-pill--delivery{
  background: #fff7ed;
  color: #f59e0b;
  border-color: #fed7aa;
}

.zd-trial-status-pill.lab-patient-status-pill--trial{
  background: #f5f3ff;
  color: #6d28d9;
  border-color: #ddd6fe;
}

.zd-trial-status-pill.lab-patient-status-pill--completed{
  background: #f0fdf4;
  color: #15803d;
  border-color: #bbf7d0;
}

.lab-patient-status-pill--active{
  background: var(--status-progress-bg);
  color: var(--status-progress-text);
}

.lab-patient-status-pill--sent{
  background: #ede9fe;
  color: #6d28d9;
  border-color: #ddd6fe;
}

.lab-patient-status-pill--completed{
  background: #dcfce7;
  color: #166534;
  border-color: #bbf7d0;
}

.lab-patient-status-pill--pending{
  background: #fef9c3;
  color: #a16207;
  border-color: #fde68a;
}

.lab-patient-status-pill--trial{
  background: #f5f0ff;
  color: #6d28d9;
  border-color: #ddd6fe;
}

.lab-patient-status-pill--delivery{
  background: #fef3c7;
  color: #b45309;
  border-color: #fde68a;
}

.lab-patient-status-pill--finished{
  background: #dcfce7;
  color: #166534;
  border-color: #bbf7d0;
}

.lab-patient-status-pill--idle{
  background: #fee2e2;
  color: #b91c1c;
  border-color: #fecaca;
}

.lab-patient-row-action-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #ffffff;
  color: #64748b;
  font-size: 14px;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.lab-patient-row-action-btn:hover{
  background: var(--brand-primary-soft);
  border-color: var(--brand-primary);
  color: var(--brand-primary);
  box-shadow: 0 0 0 1px var(--brand-ring);
}

.lab-patient-actions-wrap{
  position: relative;
  display: inline-flex;
  z-index: 1;
}

.lab-patient-actions-wrap:has(.lab-patient-actions-trigger--open){
  z-index: 1200;
}

.lab-patient-row:has(.lab-patient-actions-trigger--open),
.wo-list-row:has(.lab-patient-actions-trigger--open),
.lab-patient-list-table tbody tr:has(.lab-patient-actions-trigger--open){
  position: relative;
  z-index: 1100;
}

.lab-patient-list-table-wrap:has(.lab-patient-actions-trigger--open),
.wo-list-table-wrap:has(.lab-patient-actions-trigger--open){
  overflow: visible;
}

.lab-patient-list-card:has(.lab-patient-actions-trigger--open),
.lab-patient-listing:has(.lab-patient-actions-trigger--open){
  overflow: visible;
  z-index: 1000;
}

.lab-external-services-page .lab-external-services-list-table tbody tr:has(.lab-patient-actions-trigger--open){
  z-index: 120;
}

.lab-external-services-page .lab-patient-list-table-wrap:has(.lab-patient-actions-trigger--open){
  overflow: visible;
}

.lab-patient-actions-trigger{
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: transparent;
  color: #64748b;
  border: 1px solid transparent;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.lab-patient-actions-trigger:hover,
.lab-patient-actions-trigger--open{
  background: #f1f5f9;
  color: #0f172a;
  border-color: #e2e8f0;
}

.lab-patient-actions-menu{
  position: absolute;
  right: 0;
  top: calc(100% + 6px);
  min-width: 180px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  box-shadow: 0 14px 30px rgba(15, 23, 42, 0.12);
  padding: 6px;
  z-index: 1300;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.lab-definition-mobile-row:last-child .lab-patient-actions-menu,
.lab-definition-mobile-row:nth-last-child(2) .lab-patient-actions-menu,
.lab-clinic-doctors-mobile-row:last-child .lab-patient-actions-menu,
.lab-clinic-doctors-mobile-row:nth-last-child(2) .lab-patient-actions-menu{
  top: auto;
  bottom: calc(100% + 6px);
}

.lab-patient-actions-menu-item{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  border-radius: 8px;
  background: transparent;
  border: none;
  font-family: inherit;
  font-size: 13px;
  font-weight: 500;
  color: #334155;
  cursor: pointer;
  text-align: left;
  width: 100%;
  transition: background 0.15s ease, color 0.15s ease;
}

.lab-patient-actions-menu-item:hover{
  background: #f1f5f9;
  color: #0f172a;
}

.lab-patient-actions-menu-item--danger{
  color: #dc2626;
}

.lab-patient-actions-menu-item--danger:hover{
  background: #fef2f2;
  color: #b91c1c;
}

.lab-patient-list-empty{
  text-align: center;
  padding: 36px 16px;
  color: #94a3b8;
  font-size: 13px;
}

@media (max-width: 960px) {
  

  

  

  .lab-patient-list-card-head{
    align-items: stretch;
  }

  .lab-patient-list-card-tools{
    width: 100%;
    justify-content: space-between;
  }

  .lab-patient-search-wrap > input{
    width: 100%;
  }
}

@media (max-width: 720px) {
  .lab-patient-list-table thead{
    display: none;
  }

  .lab-patient-list-table,
.lab-patient-list-table tbody,
.lab-patient-list-table tr,
.lab-patient-list-table td{
    display: block;
    width: 100%;
  }

  .lab-patient-list-table tbody tr{
    padding: 12px 14px;
    border-bottom: 1px solid #e2e8f0;
  }

  .lab-patient-list-table tbody td{
    padding: 6px 0;
    border-bottom: none;
  }
}

/* Teknisyen tanimlari — 5 sutun */

.lab-technicians-page .lab-patient-listing,
.lab-units-page .lab-patient-listing,
.lab-technician-unit-assignments-page .lab-patient-listing,
.lab-sub-stages-page .lab-patient-listing,
.lab-prosthesis-unit-assignments-page .lab-patient-listing,
.lab-prosthesis-types-page .lab-patient-listing,
.lab-prostheses-page .lab-patient-listing,
.lab-try-ins-page .lab-patient-listing,
.lab-prosthesis-try-in-assignments-page .lab-patient-listing{
  flex: 0 1 auto;
}

.lab-definition-page .wf-invoice-list-only{
  flex: 1;
  min-height: 0;
}

.wf-invoice-table--def-cols-4 th:nth-child(1),
.wf-invoice-table--def-cols-4 td:nth-child(1){
  width: 26%;
}

.wf-invoice-table--def-cols-4 th:nth-child(2),
.wf-invoice-table--def-cols-4 td:nth-child(2){
  width: 28%;
}

.wf-invoice-table--def-cols-4 th:nth-child(3),
.wf-invoice-table--def-cols-4 td:nth-child(3){
  width: 18%;
}

.wf-invoice-table--def-cols-4 th:nth-child(4),
.wf-invoice-table--def-cols-4 td:nth-child(4){
  width: 28%;
}

.wf-invoice-table--def-cols-5 th:nth-child(1),
.wf-invoice-table--def-cols-5 td:nth-child(1){
  width: 22%;
}

.wf-invoice-table--def-cols-5 th:nth-child(2),
.wf-invoice-table--def-cols-5 td:nth-child(2){
  width: 22%;
}

.wf-invoice-table--def-cols-5 th:nth-child(3),
.wf-invoice-table--def-cols-5 td:nth-child(3){
  width: 22%;
}

.wf-invoice-table--def-cols-5 th:nth-child(4),
.wf-invoice-table--def-cols-5 td:nth-child(4){
  width: 14%;
}

.wf-invoice-table--def-cols-5 th:nth-child(5),
.wf-invoice-table--def-cols-5 td:nth-child(5){
  width: 20%;
}

.wf-invoice-table--def-materials{
  min-width: 1200px;
  table-layout: auto;
}

.wf-invoice-table--def-materials th,
.wf-invoice-table--def-materials td{
  width: auto;
  white-space: nowrap;
}

.wf-invoice-table--def-materials th:last-child,
.wf-invoice-table--def-materials td:last-child{
  position: sticky;
  right: 0;
  background: #fff;
  box-shadow: -4px 0 8px rgba(15, 23, 42, 0.06);
}

@media (max-width: 1200px) {
  .wf-invoice-stats{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 768px) {
  .wf-invoice-stats{
    grid-template-columns: minmax(0, 1fr);
  }

  
}

/* Is akisi — Kanban sutunlari */

.wo-workflow-page{
  flex: 1;
  min-height: 0;
  min-width: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
}

.wo-workflow-board{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: start;
  gap: 16px;
  width: 100%;
  min-width: 0;
  padding-bottom: 8px;
  box-sizing: border-box;
}

.wo-workflow-column{
  --wo-column-accent: var(--brand-primary);
  width: 100%;
  max-width: none;
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 0;
  padding: 4px;
  border-radius: 0;
  background: transparent;
  border: none;
  box-shadow: none;
}

.wo-workflow-column:nth-child(4n + 2){
  --wo-column-accent: var(--brand-primary-light);
}

.wo-workflow-column:nth-child(4n + 3){
  --wo-column-accent: var(--brand-primary);
}

.wo-workflow-column:nth-child(4n + 4){
  --wo-column-accent: #ea580c;
}

.wo-workflow-column--selected{
  border-color: transparent;
  box-shadow: none;
}

.wo-workflow-column-head{
  display: flex;
  flex-direction: column;
  gap: 3px;
  padding: 6px 9px;
  background: linear-gradient(135deg, #eef6fc, #f7fbfe);
  border: 1px solid #e3edf3;
  border-left: 3px solid var(--wo-column-accent, var(--brand-primary));
  border-radius: 10px;
  margin-bottom: 5px;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04);
}

.wo-workflow-column-title{
  justify-content: center;
}

/* Dark modda da dis kutu gozukmesin (theme-relatewise'i ez) */

body.theme-dark .wo-workflow-board .wo-workflow-column,
body.theme-dark .wo-workflow-board .wo-workflow-column--selected{
  background: transparent;
  border-color: transparent;
  box-shadow: none;
}

body.theme-dark .wo-workflow-column-head{
  background: rgba(255, 255, 255, 0.04);
  border-color: #2d2d2d;
  border-left-color: var(--wo-column-accent, var(--brand-primary));
}

.wo-workflow-column-title{
  margin: 0 0 1px;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  font-size: 11px;
  font-weight: 700;
  text-align: left;
  color: #1a3b3d;
  line-height: 1.35;
}

.wo-workflow-column-icon{
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 6px;
  background: #f1f5f9;
  color: #64748b;
  font-size: 12px;
  line-height: 1;
}

.wo-workflow-column-title-text{
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.wo-workflow-column-sub{
  margin: 0;
  font-size: 9.5px;
  font-weight: 500;
  color: #6b8799;
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.wo-workflow-column-empty{
  margin: 0;
  padding: 12px 10px;
  font-size: 12px;
  font-weight: 400;
  color: #94a3b8;
  text-align: center;
  background: #f8fafc;
  border-radius: 10px;
  border: 1px dashed #e2e8f0;
}

/* ==========================================================================
   Is akisi — tek is kart gorunumu (gorsel referans). Proje paleti.
   ========================================================================== */

.wf-job-card{
  display: flex;
  flex-direction: column;
  background: #ffffff;
  border: 1px solid #eaeef3;
  border-radius: 18px;
  box-shadow: 0 8px 26px rgba(20, 58, 76, 0.07);
  overflow: hidden;
}

/* Baslik */

.wf-job-head{
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 13px 10px;
}

.wf-job-head-main{
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 1px;
}

.wf-job-title{
  margin: 0;
  font-size: 14.5px;
  font-weight: 800;
  letter-spacing: -0.01em;
  color: #16323f;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.wf-job-status{
  flex-shrink: 0;
  align-self: flex-start;
}

/* Ilerleme + meta */

.wf-job-progress{
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 2px 13px 11px;
}

.wf-job-ring{
  position: relative;
  flex-shrink: 0;
  width: 48px;
  height: 48px;
}

.wf-job-ring svg{
  width: 48px;
  height: 48px;
  transform: rotate(-90deg);
}

.wf-job-ring-track{
  fill: none;
  stroke: #e8eef4;
  stroke-width: 6;
}

.wf-job-ring-fill{
  fill: none;
  stroke: var(--brand-primary);
  stroke-width: 6;
  stroke-linecap: round;
  transition: stroke-dashoffset 0.4s ease;
}

.wf-job-ring-text{
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12.5px;
  font-weight: 800;
  color: #16323f;
}

.wf-job-meta{
  flex: 1;
  min-width: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.wf-job-meta-row{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.wf-job-meta-row dt{
  font-size: 12px;
  color: #7c93a4;
}

.wf-job-meta-row dd{
  margin: 0;
  font-size: 13px;
  font-weight: 700;
  color: #16323f;
  text-align: right;
}

.wf-job-owner{
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.wf-job-owner-avatar{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: linear-gradient(135deg, #6366f1, #4f46e5);
  color: #ffffff;
  font-size: 10px;
  font-weight: 700;
}

.wf-job-owner-name{
  font-size: 13px;
  font-weight: 700;
  color: #16323f;
}

/* Ilerleme cubugu */

.wf-job-bar{
  height: 5px;
  margin: 0 13px 12px;
  border-radius: 999px;
  background: #e8eef4;
  overflow: hidden;
}

.wf-job-bar-fill{
  display: block;
  height: 100%;
  border-radius: 999px;
  background: var(--brand-primary);
  transition: width 0.4s ease;
}

/* Adimlar (acilir-kapanir) */

.wf-job-steps{
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 11px 13px 8px;
  border-top: 1px solid #f0f4f7;
}

.wf-job-steps-head{
  font-size: 12.5px;
  font-weight: 800;
  color: #16323f;
}

.wf-job-steps-empty{
  margin: 0;
  font-size: 12.5px;
  color: #8aa0ad;
}

/* Adim (birim) — tiklanir baslik + acilir govde */

.wf-step{
  border: 1px solid #eef2f6;
  border-radius: 9px;
  background: #ffffff;
  overflow: hidden;
  transition: border-color 0.15s ease;
}

.wf-step--open{
  border-color: #cfe6f3;
}

.wf-step-head{
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 7px 9px;
  border: none;
  background: transparent;
  cursor: pointer;
  user-select: none;
  text-align: left;
}

.wf-step-num{
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 21px;
  height: 21px;
  border-radius: 7px;
  background: #eef3f8;
  color: #5b7180;
  font-size: 11px;
  font-weight: 800;
}

.wf-step-name{
  flex: 1;
  min-width: 0;
  font-size: 13px;
  font-weight: 700;
  color: #16323f;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.wf-step-pill{
  flex-shrink: 0;
  white-space: nowrap;
}

.wf-step-chevron{
  flex-shrink: 0;
  font-size: 12px;
  color: #9bafbd;
  transition: transform 0.2s ease;
}

.wf-step--open .wf-step-chevron{
  transform: rotate(180deg);
}

/* Yavas acilan govde (grid-rows 0fr -> 1fr) */

.wf-step-body-wrap{
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.34s cubic-bezier(0.4, 0, 0.2, 1);
}

.wf-step--open .wf-step-body-wrap{
  grid-template-rows: 1fr;
}

.wf-step-body-inner{
  overflow: hidden;
  min-height: 0;
}

.wf-step-body{
  display: flex;
  flex-direction: column;
  gap: 9px;
  padding: 2px 10px 10px 38px;
  opacity: 0;
  transition: opacity 0.28s ease 0.04s;
}

.wf-step--open .wf-step-body{
  opacity: 1;
}

.wf-step-summary{
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.wf-step-summary-row{
  display: grid;
  grid-template-columns: 64px 1fr;
  gap: 6px;
  align-items: baseline;
}

.wf-step-summary-label{
  font-size: 10px;
  font-weight: 600;
  color: #8aa0ad;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.wf-step-summary-value{
  font-size: 12px;
  color: #16323f;
  word-break: break-word;
}

.wf-step-actions{
  display: flex;
  gap: 8px;
}

@media (prefers-reduced-motion: reduce) {
  .wf-step-body-wrap,
.wf-step-body{
    transition: none;
  }
}

.wf-step-btn{
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 5px 12px;
  border: none;
  border-radius: 8px;
  font-size: 11.5px;
  font-weight: 700;
  color: #ffffff;
  cursor: pointer;
  transition: box-shadow 0.15s ease, transform 0.15s ease, opacity 0.15s ease;
}

.wf-step-btn--approve{
  background: linear-gradient(135deg, #16a34a, #15803d);
  box-shadow: 0 4px 12px rgba(22, 163, 74, 0.24);
}

.wf-step-btn--complete{
  background: var(--brand-primary);
  box-shadow: 0 4px 12px rgba(37, 99, 235, 0.26);
}

.wf-step-btn:hover:not(:disabled){
  transform: translateY(-1px);
}

.wf-step-btn:disabled{
  opacity: 0.5;
  cursor: not-allowed;
  box-shadow: none;
}

/* Detaylari gor */

.wf-job-footer{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
  margin-top: 4px;
  padding: 11px 14px;
  border: none;
  border-top: 1px solid #f0f4f7;
  border-radius: 0;
  background: transparent;
  color: var(--brand-primary-deep);
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease;
}

.wf-job-footer:hover{
  background: #f4f9fc;
  color: #155f86;
}

.wf-job-footer .bi{
  font-size: 15px;
  transition: transform 0.15s ease;
}

.wf-job-footer:hover .bi{
  transform: translateX(3px);
}

/* Dark mode */

body.theme-dark .wf-job-card{
  background: #18181b;
  border-color: #27272a;
  box-shadow: 0 8px 26px rgba(0, 0, 0, 0.4);
}

body.theme-dark .wf-job-title,
body.theme-dark .wf-job-ring-text,
body.theme-dark .wf-job-meta-row dd,
body.theme-dark .wf-job-owner-name,
body.theme-dark .wf-job-steps-head,
body.theme-dark .wf-step-name,
body.theme-dark .wf-step-summary-value{
  color: #f4f4f5;
}

body.theme-dark .wf-step{
  background: #1f1f23;
  border-color: #2c2c30;
}

body.theme-dark .wf-job-steps,
body.theme-dark .wf-job-footer{
  border-top-color: #27272a;
}

body.theme-dark .wf-job-ring-track,
body.theme-dark .wf-job-bar{
  stroke: #2c2c30;
  background: #2c2c30;
}

body.theme-dark .wf-step-num{
  background: #2c2c30;
  color: #cbd5e1;
}

body.theme-dark .wf-job-footer:hover{
  background: rgba(255, 255, 255, 0.04);
  color: #7ec8e8;
}

.wo-workflow-card{
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  min-width: 0;
  width: 100%;
  min-height: 58px;
  margin: 0;
  padding: 0;
  text-align: left;
  border-radius: 10px;
  border: none;
  background: #f1f3f5;
  box-shadow: none;
  overflow: hidden;
}

.wo-workflow-card--order{
  font: inherit;
  cursor: pointer;
  appearance: none;
  transition: background-color 0.12s ease, box-shadow 0.12s ease;
}

.wo-workflow-card--order:hover{
  background: #ebeef2;
}

.wo-workflow-card--selected{
  background: #ffffff;
  box-shadow: 0 1px 4px rgba(15, 23, 42, 0.08);
}

.wo-workflow-card-accent{
  flex-shrink: 0;
  width: 3px;
  background: var(--wo-column-accent);
  border-radius: 10px 0 0 10px;
}

.wo-workflow-card--selected .wo-workflow-card-accent{
  background: var(--brand-primary);
}

.wo-workflow-card-title{
  margin: 0;
  font-size: 14px;
  font-weight: 700;
  color: #1e293b;
  line-height: 1.35;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.wo-workflow-card-meta{
  margin: 0;
  font-size: 12px;
  font-weight: 400;
  color: #64748b;
  line-height: 1.35;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width: 1080px) {
  .wo-workflow-board{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }
}

@media (max-width: 720px) {
  .wo-workflow-board{
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
  }
}

/* Is akisi — birim satirlari (drawer prova karti tarzi, silme yok) */

.wo-workflow-unit-card.zd-trial-card{
  padding: 12px 14px !important;
  border-radius: 12px !important;
  border-left: none !important;
}

.wo-workflow-unit-card.zd-trial-card--confirmed{
  border-left: none !important;
}

.wo-workflow-unit-top.zd-trial-top{
  cursor: pointer;
  user-select: none;
}

.wo-workflow-unit-card.zd-trial-card--collapsed .wo-workflow-unit-top.zd-trial-top{
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

.wo-workflow-unit-summary{
  padding-top: 0;
}

.wo-workflow-unit-actions{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 10px;
  padding-top: 12px;
  border-top: 1px solid #f1f5f9;
}

.wo-workflow-unit-btn{
  min-width: 0;
  flex: 0 1 auto;
}

.wo-workflow-unit-btn:disabled{
  opacity: 0.45;
  cursor: not-allowed;
  transform: none !important;
  box-shadow: none !important;
}

.wo-workflow-unit-actions .zd-trial-confirm-btn{
  margin-right: auto;
}

.wo-workflow-unit-actions .zd-trial-complete-btn{
  margin-left: auto;
}

.wo-workflow-unit-card .zd-trial-title-row{
  flex: 1;
  min-width: 0;
}

.wo-workflow-unit-card .zd-trial-title{
  flex: 1;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.wo-workflow-unit-card .zd-trial-top-right{
  flex-shrink: 0;
}

.wo-workflow-unit-card .zd-binary-pills{
  flex-shrink: 0;
}

.wo-workflow-unit-card .zd-pill{
  padding: 6px 10px;
  font-size: 11px;
  white-space: nowrap;
}

/* ==========================================================================
   Is akisi (aktif) kartlari — duz, sik ve modern (ic ice kutu yok)
   Renkler proje paletinde, sadece scope'lu rafine override
   ========================================================================== */

/* Ust baslik — hafif zemin serit + renkli aksan alt cizgisi (tam kutu degil) */

.wo-workflow-column-head{
  gap: 7px;
  padding: 9px 12px 8px;
  background: #f2f7fb;
  border: none;
  border-left: none;
  border-bottom: 2px solid var(--wo-column-accent, var(--brand-primary));
  border-radius: 10px 10px 0 0;
  box-shadow: none;
  margin-bottom: 6px;
}

.wo-workflow-column-head .wo-workflow-column-title{
  margin: 0;
  justify-content: center;
  font-size: 13.5px;
  font-weight: 800;
  letter-spacing: -0.01em;
  color: #143a4c;
}

/* Birimler — ayri kutu YOK; tek baglantili liste (ayrac + satir hover) */

.wo-workflow-unit-item{
  border-bottom: 1px solid #e3e9ef;
}

.wo-workflow-unit-item:last-child{
  border-bottom: none;
}

.wo-workflow-unit-card.zd-trial-card{
  padding: 11px 12px !important;
  border: none !important;
  border-radius: 10px !important;
  background: transparent !important;
  box-shadow: none !important;
  transition: background-color 0.15s ease;
}

/* Uzerine gelince hafif zemin (satir vurgusu) */

.wo-workflow-unit-card.zd-trial-card:hover{
  background: rgba(37, 99, 235, 0.05) !important;
}

/* Acik birim — hangisinin acik oldugu belli olsun */

.wo-workflow-unit-card.zd-trial-card:not(.zd-trial-card--collapsed){
  background: rgba(37, 99, 235, 0.06) !important;
}

/* Tamamlanan birim — soluk yesil ipucu (kutu degil) */

.wo-workflow-unit-card.zd-trial-card--done{
  background: transparent !important;
}

/* Baslik satiri */

.wo-workflow-unit-card .zd-trial-icon{
  width: 32px;
  height: 32px;
  border-radius: 9px;
}

.wo-workflow-unit-card .zd-trial-title{
  font-size: 14px;
  font-weight: 700;
  color: #0f2733;
}

.wo-workflow-unit-card .zd-trial-chevron{
  font-size: 13px;
}

/* Durum rozeti — pill */

.wo-workflow-unit-card .lab-patient-status-pill{
  padding: 4px 12px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
}

/* Ozet — DUZ (kutu yok), sadece daha okunakli */

.wo-workflow-unit-card .zd-trial-summary.wo-workflow-unit-summary{
  margin-top: 2px;
  gap: 7px;
}

.wo-workflow-unit-card .zd-trial-summary-row{
  grid-template-columns: 72px 1fr;
  gap: 8px;
}

.wo-workflow-unit-card .zd-trial-summary-label{
  font-size: 10px;
  color: #7c93a4;
}

.wo-workflow-unit-card .zd-trial-summary-value{
  font-size: 13px;
  font-weight: 600;
  color: #14323f;
}

/* Aksiyon butonlari — esit genislik, tam satir */

.wo-workflow-unit-actions{
  gap: 10px;
  margin-top: 12px;
  padding-top: 12px;
}

.wo-workflow-unit-actions .wo-workflow-unit-btn{
  flex: 1 1 0 !important;
  margin: 0 !important;
  justify-content: center;
  padding: 10px 12px;
  border-radius: 10px;
  font-size: 12.5px;
}

.wo-workflow-unit-actions .wo-workflow-unit-btn .bi{
  font-size: 13px;
}

body.theme-dark .wo-workflow-column-head{
  background: rgba(255, 255, 255, 0.05);
  border: none;
  border-bottom: 2px solid var(--wo-column-accent, var(--brand-primary));
}

body.theme-dark .wo-workflow-column-head .wo-workflow-column-title{
  color: #e8f4fb;
}

body.theme-dark .wo-workflow-unit-card .zd-trial-title{
  color: var(--lab-accent-muted, #7eb8d4);
}

body.theme-dark .wo-workflow-unit-card .zd-trial-summary-value{
  color: #e4e4e7;
}

body.theme-dark .wo-workflow-unit-item{
  border-bottom-color: #27272a;
}

body.theme-dark .wo-workflow-unit-card.zd-trial-card,
body.theme-dark .wo-workflow-unit-card.zd-trial-card--done{
  background: transparent !important;
  border: none !important;
}

body.theme-dark .wo-workflow-unit-card.zd-trial-card:hover{
  background: rgba(255, 255, 255, 0.04) !important;
}

body.theme-dark .wo-workflow-unit-card.zd-trial-card:not(.zd-trial-card--collapsed){
  background: rgba(255, 255, 255, 0.05) !important;
}

/* Is akisi birimleri — ORTA cizgili timeline, birimler dönüşümlü sag/sol */

.wo-workflow-summary-units{
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 6px 0;
}

.wo-workflow-unit-item{
  width: 100%;
  box-sizing: border-box;
  align-self: stretch;
  padding: 0;
}

.wo-workflow-summary-empty{
  margin: 0;
  font-size: 13px;
  color: #6b8799;
}

/* Is akisi ozet paneli — tema degiskenleri (lab-theme.css, portal body) */

.wo-wf-summary-backdrop{
  background: var(--wo-wf-summary-backdrop, rgba(15, 23, 42, 0.22));
}

.wo-wf-summary-drawer{
  width: min(400px, 100vw);
  background: var(--wo-wf-summary-bg, #ffffff);
  box-shadow: var(--wo-wf-summary-shadow, -8px 0 32px rgba(15, 23, 42, 0.08));
  color: var(--wo-wf-summary-text, #475569);
}

.wo-wf-summary-head{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 20px 20px 16px;
  border-bottom: 1px solid var(--wo-wf-summary-border, #e8edf2);
  flex-shrink: 0;
  background: var(--wo-wf-summary-head-bg, var(--wo-wf-summary-bg, #ffffff));
}

.wo-wf-summary-head .wo-list-status-pill{
  margin-top: 2px;
}

.wo-wf-summary-eyebrow{
  margin: 0 0 6px;
  font-size: 12px;
  font-weight: 600;
  color: var(--wo-wf-summary-accent, var(--brand-primary));
}

.wo-wf-summary-title{
  margin: 0 0 14px;
  font-size: 1.05rem;
  font-weight: 600;
  color: var(--wo-wf-summary-title, #1f4a5e);
  line-height: 1.35;
}

.wo-wf-summary-meta{
  margin: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px 16px;
}

.wo-wf-summary-meta dt{
  margin: 0 0 2px;
  font-size: 11px;
  font-weight: 500;
  color: var(--wo-wf-summary-label, #6b8799);
}

.wo-wf-summary-meta dd{
  margin: 0;
  font-size: 13px;
  color: var(--wo-wf-summary-value, #475569);
  line-height: 1.4;
}

.wo-wf-summary-close{
  border: 0;
  background: transparent;
  color: var(--wo-wf-summary-muted, #94a3b8);
  width: 32px;
  height: 32px;
  border-radius: 8px;
  font-size: 14px;
  cursor: pointer;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.wo-wf-summary-close:hover{
  background: var(--wo-wf-summary-close-hover-bg, #eef2f6);
  color: var(--wo-wf-summary-close-hover-text, #475569);
}

.wo-wf-summary-body{
  overflow-y: auto;
  flex: 1;
  padding: 16px 20px 24px;
  background: var(--wo-wf-summary-body-bg, var(--wo-wf-summary-bg, #ffffff));
}

.wo-wf-summary-units-wrap{
  min-height: 0;
}

.wo-wf-summary-error{
  margin: 0 0 12px;
  padding: 10px 12px;
  font-size: 12px;
  color: var(--wo-wf-summary-error-text, #b45309);
  background: var(--wo-wf-summary-error-bg, #fffbeb);
  border-radius: 8px;
  border: 1px solid var(--wo-wf-summary-error-border, #fde68a);
}

.wo-wf-summary-timeline{
  list-style: none;
  margin: 0;
  padding: 0;
}

.wo-wf-summary-step{
  display: flex;
  gap: 12px;
  padding-bottom: 18px;
  position: relative;
}

.wo-wf-summary-step:not(.wo-wf-summary-step--last)::before{
  content: '';
  position: absolute;
  left: 7px;
  top: 20px;
  bottom: 0;
  width: 1px;
  background: var(--wo-wf-summary-timeline-line, #e2e8f0);
}

.wo-wf-summary-step-marker{
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  margin-top: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  color: var(--wo-wf-summary-marker-pending, #cbd5e1);
  z-index: 1;
}

.wo-wf-summary-step-body{
  flex: 1;
  min-width: 0;
  padding: 10px 12px;
  background: var(--wo-wf-summary-card-bg, #ffffff);
  border: 1px solid var(--wo-wf-summary-card-border, #eef2f6);
  border-radius: 10px;
}

.wo-wf-summary-step-head{
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
}

.wo-wf-summary-step-name{
  font-size: 14px;
  font-weight: 500;
  color: var(--wo-wf-summary-step-name, #475569);
}

.wo-wf-summary-step-status{
  font-size: 12px;
  font-weight: 500;
  color: var(--wo-wf-summary-muted, #94a3b8);
  flex-shrink: 0;
}

.wo-wf-summary-step-meta,
.wo-wf-summary-step-dates{
  margin: 4px 0 0;
  font-size: 12px;
  color: var(--wo-wf-summary-muted, #94a3b8);
  line-height: 1.45;
}

.wo-wf-summary-step-dates{
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin-top: 6px;
}

.wo-wf-summary-step-actions{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid var(--wo-wf-summary-divider, #f1f5f9);
}

.wo-wf-summary-action{
  border: 1px solid var(--wo-wf-summary-action-border, #e2e8f0);
  background: var(--wo-wf-summary-action-bg, #ffffff);
  color: var(--wo-wf-summary-action-text, #64748b);
  font-size: 12px;
  font-weight: 500;
  padding: 5px 12px;
  border-radius: 6px;
  cursor: pointer;
}

.wo-wf-summary-action:hover:not(:disabled){
  background: var(--wo-wf-summary-action-hover-bg, #f8fafc);
  border-color: var(--wo-wf-summary-action-hover-border, #cbd5e1);
  color: var(--wo-wf-summary-action-hover-text, #475569);
}

.wo-wf-summary-action:disabled{
  opacity: 0.45;
  cursor: not-allowed;
}

.wo-wf-summary-action--primary{
  border-color: var(--wo-wf-summary-action-primary-border, var(--brand-primary-muted));
  background: var(--wo-wf-summary-action-primary-bg, #e3f4fa);
  color: var(--wo-wf-summary-action-primary-text, var(--brand-primary-deep));
}

.wo-wf-summary-action--primary:hover:not(:disabled){
  background: var(--wo-wf-summary-action-primary-hover-bg, #cfe8f4);
  border-color: var(--wo-wf-summary-accent, var(--brand-primary));
  color: var(--wo-wf-summary-accent-deep, var(--brand-primary-deep));
}

/* Protez birim atama — alt asama / birim tanimi kart tasarimi */

.lab-prosthesis-unit-assignments-page .lab-pu-assign-card-tools{
  flex-wrap: wrap;
  justify-content: flex-end;
}

.lab-prosthesis-unit-assignments-page .lab-pu-assign-prosthesis-select select{
  min-width: min(280px, 72vw);
  max-width: 420px;
  min-height: 40px;
  padding: 8px 12px;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  background: #fff;
  font-size: 14px;
  color: #0f172a;
}

.lab-prosthesis-unit-assignments-page .lab-pu-assign-save-btn{
  flex-shrink: 0;
}

.lab-prosthesis-unit-assignments-page .lab-pu-assign-form-error{
  margin: 0 16px 12px;
  padding: 10px 12px;
  border-radius: 10px;
  background: #fef2f2;
  color: #b91c1c;
  font-size: 13px;
}

.lab-prosthesis-unit-assignments-page .lab-pu-assign-select-hint{
  padding: 28px 20px 32px;
}

.lab-prosthesis-unit-assignments-page .lab-pu-assign-body{
  padding: 0 0 4px;
}

.lab-prosthesis-unit-assignments-page .lab-pu-assign-layout{
  display: grid;
  grid-template-columns: 1.35fr 1fr;
  gap: 16px;
  align-items: stretch;
  padding: 0 16px 16px;
}

.lab-prosthesis-unit-assignments-page .lab-pu-assign-inner-panel{
  min-height: 280px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 14px 16px 16px;
  border-radius: 14px;
  border: 1px solid #e8edf2;
  background: #fafbfd;
}

.lab-prosthesis-unit-assignments-page .lab-pu-assign-inner-panel--available{
  background: #fff;
}

.lab-prosthesis-unit-assignments-page .lab-pu-assign-inner-head{
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.lab-prosthesis-unit-assignments-page .lab-pu-assign-inner-title{
  margin: 0;
  font-size: 15px;
  font-weight: 700;
  color: #0f172a;
}

.lab-prosthesis-unit-assignments-page .lab-pu-assign-inner-sub{
  margin: 0;
  font-size: 13px;
  color: #64748b;
}

.lab-prosthesis-unit-assignments-page .lab-pu-assign-inner-hint{
  margin: 0;
  font-size: 12px;
  color: #94a3b8;
}

.lab-prosthesis-unit-assignments-page .lab-pu-assign-available-search{
  width: 100%;
}

.lab-prosthesis-unit-assignments-page .lab-pu-assign-row-identity{
  flex: 1;
  min-width: 0;
}

.lab-prosthesis-unit-assignments-page .lab-pu-assign-ordered-list{
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex: 1;
}

.lab-prosthesis-unit-assignments-page .lab-pu-assign-ordered-item{
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  background: #fff;
  cursor: grab;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, opacity 0.15s ease;
}

.lab-prosthesis-unit-assignments-page .lab-pu-assign-ordered-item:active{
  cursor: grabbing;
}

.lab-prosthesis-unit-assignments-page .lab-pu-assign-ordered-item--dragging{
  opacity: 0.45;
  border-style: dashed;
}

.lab-prosthesis-unit-assignments-page .lab-pu-assign-ordered-item--over{
  border-color: var(--brand-primary-light);
  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.15);
}

.lab-prosthesis-unit-assignments-page .lab-pu-assign-drag-handle{
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  color: #94a3b8;
  pointer-events: none;
}

.lab-prosthesis-unit-assignments-page .lab-pu-assign-order-badge{
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  border-radius: 8px;
  background: #eff6ff;
  color: var(--brand-primary);
  font-size: 12px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.lab-prosthesis-unit-assignments-page .lab-pu-assign-remove-btn{
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border: 1px solid #fecaca;
  border-radius: 10px;
  background: #fff;
  color: #dc2626;
  cursor: pointer;
}

.lab-prosthesis-unit-assignments-page .lab-pu-assign-available-list{
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1;
  max-height: 420px;
  overflow-y: auto;
}

.lab-prosthesis-unit-assignments-page .lab-pu-assign-available-item{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 12px;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  background: #f8fafc;
}

.lab-prosthesis-unit-assignments-page .lab-pu-assign-add-btn{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  border: none;
  border-radius: 10px;
  background: var(--brand-primary);
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  flex-shrink: 0;
}

.lab-prosthesis-unit-assignments-page .lab-pu-assign-add-btn:hover{
  background: var(--brand-primary-deep);
}

@media (max-width: 960px) {
  .lab-prosthesis-unit-assignments-page .lab-pu-assign-layout{
    grid-template-columns: 1fr;
  }

  .lab-prosthesis-unit-assignments-page .lab-pu-assign-prosthesis-select select{
    min-width: 100%;
    max-width: none;
  }
}

.pu-assign-add-btn{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  border: none;
  border-radius: 10px;
  background: #3359ea;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.15s ease;
}

.pu-assign-add-btn:hover{
  background: #2748c8;
}

.pu-assign-add-btn .bi{
  font-size: 14px;
}

@media (max-width: 920px) {
  

  
}

.wo-flow-shell{
  position: relative;
  display: flex;
  min-height: 640px;
  background: transparent;
  border-radius: 0 0 14px 14px;
  overflow: hidden;
}

.wo-flow-top-actions{
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 12;
  display: flex;
  align-items: center;
  gap: 8px;
}

.wo-flow-canvas-wrap{
  position: relative;
  flex: 1;
  min-width: 0;
  min-height: 640px;
}

.wo-flow-canvas-wrap--lanes{
  min-height: 680px;
}

.wo-flow-canvas-wrap .react-flow,
.wo-flow-canvas-wrap .react-flow.light,
.wo-flow-canvas-wrap .react-flow__renderer,
.wo-flow-canvas-wrap .react-flow__pane,
.wo-flow-canvas-wrap .react-flow__viewport{
  --xy-background-color: transparent;
  --xy-background-color-default: transparent;
  --xy-background-color-props: transparent;
  background: transparent;
  background-color: transparent;
}

.wo-flow-canvas-wrap .react-flow__node{
  background: transparent;
  border: none;
  box-shadow: none;
  padding: 0;
}

.wo-flow-canvas-wrap .react-flow__edge-path{
  stroke-linecap: round;
}

.wo-flow-handle{
  width: 8px;
  height: 8px;
  background: #94a3b8;
  border: 2px solid #fff;
}

.wo-flow-node{
  width: 260px;
  padding: 14px 16px 12px;
  border-radius: 14px;
  border: 1px solid #e2e8f0;
  background: #ffffff;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
  text-align: left;
}

.wo-flow-node--stage{
  width: 240px;
  background: #fbfdff;
}

.wo-flow-node--patient{
  width: 220px;
  cursor: grab;
  background: #fafbfc;
  border-color: #e4e9ef;
  border-left: 3px solid #c8d3de;
  box-shadow: 0 2px 10px rgba(15, 23, 42, 0.035);
  z-index: 1;
}

.wo-flow-node--patient:active{
  cursor: grabbing;
}

.wo-flow-patient-avatar{
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 10px;
  background: #eef2f6;
  color: #94a3b8;
  font-size: 16px;
}

.wo-flow-patient-label{
  display: block;
  margin-bottom: 2px;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #94a3b8;
}

.wo-flow-node--patient .wo-flow-node-title{
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  color: #475569;
  line-height: 1.35;
}

.wo-flow-node-rows--patient{
  gap: 5px;
  padding-top: 8px;
  border-top: 1px solid #d4dce5;
}

.wo-flow-node-rows--patient p{
  font-size: 11px;
  color: #78899a;
}

.wo-flow-node-rows--patient i{
  font-size: 12px;
  color: #b0bcc8;
}

.wo-flow-node--order{
  cursor: grab;
  z-index: 2;
}

.wo-flow-node--order:active{
  cursor: grabbing;
}

.wo-flow-node--treatment.wo-flow-node--treatment-completed{
  background: #e6f6ee;
}

.wo-flow-node--treatment.wo-flow-node--treatment-in-progress{
  background: #e3f4fa;
}

.wo-flow-node--step{
  width: 168px;
  padding: 10px 12px;
  background: #f8fafc;
  border-color: #e8edf2;
  box-shadow: none;
  opacity: 0.92;
}

.wo-flow-pill--compact{
  font-size: 10px;
  padding: 2px 8px;
  margin-bottom: 6px;
}

.wo-flow-step-title{
  margin: 0;
  font-size: 12px;
  font-weight: 700;
  color: #64748b;
  line-height: 1.25;
}

.wo-flow-node--trial{
  width: 200px;
  min-height: 72px;
  cursor: grab;
}

.wo-flow-node--trial:active{
  cursor: grabbing;
}

.wo-flow-node--trial .wo-flow-step-title{
  color: #0f172a;
  font-size: 13px;
}

.wo-flow-step-note{
  margin: 6px 0 0;
  font-size: 11px;
  font-weight: 500;
  color: #64748b;
  line-height: 1.35;
  white-space: pre-wrap;
  word-break: break-word;
}

.wo-flow-node--selected{
  border-color: var(--brand-primary);
  box-shadow: 0 0 0 3px var(--brand-primary-soft), 0 10px 28px rgba(15, 23, 42, 0.08);
  filter: none;
}

.wo-flow-pill{
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
  margin-bottom: 8px;
}

.wo-flow-pill--idle{
  background: #f1f5f9;
  color: #64748b;
}

.wo-flow-pill--progress{
  background: var(--status-progress-bg);
  color: var(--status-progress-text);
}

.wo-flow-pill--done{
  background: var(--status-completed-bg);
  color: var(--status-completed-text);
}

.wo-flow-node-title{
  margin: 0 0 10px;
  font-size: 15px;
  font-weight: 800;
  color: #0f172a;
  line-height: 1.3;
}

.wo-flow-node-rows{
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.wo-flow-node-rows p{
  margin: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  color: #64748b;
}

.wo-flow-node-rows i{
  font-size: 13px;
  color: #94a3b8;
}

/* ============================================================================
   GRAFIK (flow) gorunumu — gorsel referansa gore premium dugum kartlari
   ============================================================================ */

/* Kart taban gorunumu */

.wo-flow-node{
  position: relative;
  overflow: visible;
  border-radius: 16px;
  border: 1px solid #eef2f6;
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.06);
}

/* Is emri ve hasta kartlari beyaz kalsin (statu rengi etiket/rozette) */

.wo-flow-node--order,
.wo-flow-node--order.wo-flow-node--treatment-completed,
.wo-flow-node--order.wo-flow-node--treatment-in-progress{
  background: #ffffff;
}

.wo-flow-node--patient{
  background: #ffffff;
  border-left: 1px solid #eef2f6;
}

/* Kartin ustunde yuzen statu etiketi */

.wo-flow-float-label{
  position: absolute;
  top: -26px;
  left: 2px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 10px 3px 8px;
  border-radius: 999px;
  background: #ffffff;
  border: 1px solid #eef2f6;
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.06);
  font-size: 11px;
  font-weight: 600;
  color: #475569;
  white-space: nowrap;
}

.wo-flow-float-dot{
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #94a3b8;
  flex-shrink: 0;
}

/* Kart header: ikon karesi + baslik + alt baslik */

.wo-flow-card-head{
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
}

.wo-flow-card-icon{
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 10px;
  background: #f1f5f9;
  color: #64748b;
  font-size: 16px;
}

.wo-flow-card-icon--order{
  background: #eaf6fc;
  color: var(--brand-primary);
}

.wo-flow-card-head-text{
  flex: 1;
  min-width: 0;
}

.wo-flow-card-title{
  margin: 0;
  font-size: 14px;
  font-weight: 700;
  color: #0f172a;
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.wo-flow-card-sub{
  display: block;
  font-size: 11.5px;
  font-weight: 500;
  color: #94a3b8;
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Icerik bolumu: hafif arka planli kutu */

.wo-flow-card-section{
  background: #f8fafc;
  border: 1px solid #eef2f6;
  border-radius: 10px;
  padding: 9px 11px;
}

.wo-flow-card-section-head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 6px;
}

.wo-flow-card-section-label{
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #94a3b8;
}

.wo-flow-card-section-meta{
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 10.5px;
  font-weight: 500;
  color: #94a3b8;
}

.wo-flow-card-section .wo-flow-node-rows p{
  font-size: 12px;
  color: #475569;
}

/* Alt rozet (COMPLETED / Aktif vb.) */

.wo-flow-card-foot{
  display: flex;
  align-items: center;
  margin-top: 10px;
}

.wo-flow-foot-status{
  display: inline-flex;
  align-items: center;
  padding: 3px 10px;
  border-radius: 6px;
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  background: #f1f5f9;
  color: #64748b;
}

/* --- Dark mode --- */

body.theme-dark .wo-flow-node--order,
body.theme-dark .wo-flow-node--order.wo-flow-node--treatment-completed,
body.theme-dark .wo-flow-node--order.wo-flow-node--treatment-in-progress,
body.theme-dark .wo-flow-node--patient{
  background: #18181b;
  border-color: #2d2d2d;
}

body.theme-dark .wo-flow-float-label{
  background: #18181b;
  border-color: #2d2d2d;
  color: #d4d4d4;
}

body.theme-dark .wo-flow-card-icon{
  background: #27272a;
  color: #aaaaaa;
}

body.theme-dark .wo-flow-card-icon--order{
  background: var(--brand-primary-soft);
  color: #7ec8e8;
}

body.theme-dark .wo-flow-card-title{
  color: #ffffff;
}

body.theme-dark .wo-flow-card-section{
  background: rgba(255, 255, 255, 0.03);
  border-color: #2d2d2d;
}

body.theme-dark .wo-flow-card-section .wo-flow-node-rows p{
  color: #d4d4d4;
}

body.theme-dark .wo-flow-foot-status{
  background: #27272a;
  color: #aaaaaa;
}

.wo-flow-loading,
.wo-flow-empty-overlay{
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 4;
  pointer-events: none;
}

.wo-flow-controls{
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.06);
}

.wo-flow-minimap{
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  overflow: hidden;
}

.wo-flow-panel{
  position: relative;
  width: 360px;
  flex-shrink: 0;
  background: #ffffff;
  border-left: 1px solid #e2e8f0;
  display: flex;
  flex-direction: column;
  min-height: 640px;
}

.wo-flow-panel-tabs{
  display: flex;
  gap: 0;
  border-bottom: 1px solid #e2e8f0;
  padding: 0 12px;
}

.wo-flow-panel-tab{
  border: none;
  background: transparent;
  padding: 14px 12px;
  font-size: 13px;
  font-weight: 600;
  color: #64748b;
  cursor: pointer;
  border-bottom: 2px solid transparent;
  margin-bottom: -1px;
}

.wo-flow-panel-tab--active{
  color: #0f172a;
  border-bottom-color: var(--brand-primary);
}

.wo-flow-panel-label{
  display: block;
  font-size: 12px;
  color: #94a3b8;
  margin-bottom: 4px;
}

.wo-flow-panel-value{
  font-size: 18px;
  color: #0f172a;
}

.wo-flow-panel-section{
  padding: 14px 0;
  border-top: 1px solid #f1f5f9;
}

.wo-flow-panel-section h4{
  margin: 0 0 10px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #94a3b8;
}

.wo-flow-panel-row{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 0;
  font-size: 13px;
}

.wo-flow-panel-row span{
  color: #94a3b8;
}

.wo-flow-panel-row strong{
  color: #0f172a;
  font-weight: 700;
  text-align: right;
}

.wo-flow-panel-note{
  margin: 0;
  font-size: 13px;
  color: #475569;
  line-height: 1.5;
}

.wo-flow-panel-close{
  position: absolute;
  top: 10px;
  right: 10px;
  width: 32px;
  height: 32px;
  border: none;
  border-radius: 8px;
  background: #f8fafc;
  color: #64748b;
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
}

/* ----------------------------------------------------------------------------
   Calendar Shell (Day / Week / Month) - resembles screenshot reference
---------------------------------------------------------------------------- */

.wo-cal-shell{
  position: relative;
  display: block;
}

.wo-cal-main{
  display: flex;
  flex-direction: column;
  border-radius: 14px;
  background: #ffffff;
  overflow: hidden;
  min-height: 580px;
}

.wo-cal-head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 18px;
  border-bottom: 1px solid #eef3f7;
  background: #fbfdff;
  flex-wrap: wrap;
}

.wo-cal-head-picker{
  position: relative;
}

.wo-cal-head-picker-btn{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 14px;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  background: #ffffff;
  color: #334155;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
  white-space: nowrap;
}

.wo-cal-head-picker-btn:hover{
  background: var(--brand-primary-soft);
  border-color: var(--brand-primary);
  color: var(--brand-primary-selected-text);
  box-shadow: 0 0 0 1px var(--brand-ring);
}

.wo-cal-head-picker-btn--active{
  border-color: var(--brand-primary);
  background: #eff6ff;
  color: var(--brand-primary-deep);
}

.wo-cal-head-picker .wo-filter-popover{
  right: auto;
  left: 0;
}

.wo-cal-title{
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.wo-cal-title strong{
  font-size: 16px;
  color: #1a3a4a;
  font-weight: 800;
}

.wo-cal-title span{
  font-size: 12px;
  color: #6b8799;
}

.wo-cal-head-search{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 180px;
  max-width: 240px;
  padding: 0 12px;
  height: 36px;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  background: #ffffff;
}

.wo-cal-head-search i{
  color: #8da4b3;
  font-size: 14px;
}

.wo-cal-head-search input{
  border: 0;
  background: transparent;
  flex: 1;
  min-width: 0;
  font-size: 13px;
  color: #1a3a4a;
  outline: none;
}

.wo-cal-head-search input::placeholder{
  color: #9eb2bf;
}

.wo-week-head-day--doctor{
  text-transform: none;
  letter-spacing: 0;
  font-size: 12px;
  line-height: 1.35;
  font-weight: 700;
  color: #1a3a4a;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

.clinic-appointments-cal-card{
  margin-top: 0;
}

.clinic-doctors-page-head,
.clinic-matched-labs-page-head,
.clinic-lab-definition-page-head,
.clinic-treatments-page-head,
.clinic-treatment-prices-page-head{
  flex-shrink: 0;
}

.clinic-matched-labs-page-toolbar.wo-orders-toolbar--with-leading,
.clinic-doctors-page-toolbar.wo-orders-toolbar--with-leading,
.clinic-lab-definition-page-toolbar.wo-orders-toolbar--with-leading,
.clinic-users-page-toolbar.wo-orders-toolbar--with-leading,
.clinic-role-definitions-page-toolbar.wo-orders-toolbar--with-leading,
.lab-definition-page .wo-orders-toolbar--with-leading{
  display: flex;
  align-items: center;
  gap: 14px;
  width: 100%;
  flex-wrap: nowrap;
}

.clinic-matched-labs-page-toolbar .wo-orders-toolbar-leading,
.clinic-doctors-page-toolbar .wo-orders-toolbar-leading,
.clinic-lab-definition-page-toolbar .wo-orders-toolbar-leading,
.clinic-users-page-toolbar .wo-orders-toolbar-leading,
.clinic-role-definitions-page-toolbar .wo-orders-toolbar-leading,
.lab-definition-page .wo-orders-toolbar--with-leading .wo-orders-toolbar-leading{
  display: inline-flex;
  align-items: center;
  gap: 14px;
  flex: 1 1 auto;
  min-width: 0;
}

.clinic-matched-labs-page-toolbar .wo-orders-toolbar-leading .wo-list-search,
.clinic-doctors-page-toolbar .wo-orders-toolbar-leading .wo-list-search,
.clinic-lab-definition-page-toolbar .wo-orders-toolbar-leading .wo-list-search,
.clinic-users-page-toolbar .wo-orders-toolbar-leading .wo-list-search,
.clinic-role-definitions-page-toolbar .wo-orders-toolbar-leading .wo-list-search,
.lab-definition-page .wo-orders-toolbar--with-leading .wo-orders-toolbar-leading .wo-list-search{
  flex: 0 1 280px;
  min-width: 160px;
  max-width: 320px;
}

.clinic-matched-labs-page-toolbar .wo-orders-toolbar-actions,
.clinic-doctors-page-toolbar .wo-orders-toolbar-actions,
.clinic-lab-definition-page-toolbar .wo-orders-toolbar-actions,
.clinic-users-page-toolbar .wo-orders-toolbar-actions,
.clinic-role-definitions-page-toolbar .wo-orders-toolbar-actions,
.lab-definition-page .wo-orders-toolbar--with-leading .wo-orders-toolbar-actions{
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 14px;
  margin-left: auto;
  width: auto;
  min-width: 0;
  flex-wrap: nowrap;
}

.clinic-matched-labs-page-toolbar .clinic-definition-top-total,
.clinic-matched-labs-page-toolbar .clinic-matched-labs-total,
.clinic-doctors-page-toolbar .clinic-definition-top-total,
.clinic-lab-definition-page-toolbar .clinic-definition-top-total,
.clinic-users-page-toolbar .clinic-definition-top-total,
.clinic-role-definitions-page-toolbar .clinic-definition-top-total,
.lab-definition-page .wo-orders-toolbar--with-leading .clinic-definition-top-total{
  margin-left: 0;
  flex: 0 0 auto;
  white-space: nowrap;
}

.clinic-lab-definition-leading{
  display: inline-flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
  flex-wrap: nowrap;
  width: 100%;
}

.clinic-matched-labs-page .lab-patient-list-card,
.clinic-doctors-page .lab-patient-list-card,
.clinic-lab-definition-page .lab-patient-list-card,
.clinic-users-page .lab-patient-list-card,
.clinic-role-definitions-page .lab-patient-list-card{
  border-radius: 14px;
}

.clinic-matched-labs-page .lab-patient-list-card > .wo-list-toolbar,
.clinic-doctors-page .lab-patient-list-card > .wo-list-toolbar,
.clinic-lab-definition-page .lab-patient-list-card > .wo-list-toolbar,
.clinic-users-page .lab-patient-list-card > .wo-list-toolbar,
.clinic-role-definitions-page .lab-patient-list-card > .wo-list-toolbar,
.lab-definition-page .lab-patient-list-card > .wo-list-toolbar{
  display: none;
}

.clinic-matched-labs-page .lab-patient-list-table-wrap,
.clinic-doctors-page .lab-patient-list-table-wrap,
.clinic-lab-definition-page .lab-patient-list-table-wrap,
.clinic-users-page .lab-patient-list-table-wrap,
.clinic-role-definitions-page .lab-patient-list-table-wrap{
  border-radius: 14px;
}

.clinic-lab-definition-lab-select{
  display: inline-flex;
  align-items: center;
}

.clinic-lab-definition-lab-select .clinic-share-lab-select{
  min-width: 200px;
}

.clinic-lab-resource-active-toggle{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 0;
  background: transparent;
  color: #64748b;
  border-radius: 0;
  padding: 0;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: color 0.15s ease;
}

.clinic-lab-resource-active-toggle.is-on{
  color: #047857;
}

.clinic-lab-resource-active-toggle:hover{
  color: #334155;
}

.clinic-lab-resource-active-toggle.is-on:hover{
  color: #065f46;
}

.clinic-lab-resource-active-toggle:disabled{
  cursor: not-allowed;
  opacity: 0.55;
}

.clinic-lab-resource-active-toggle:disabled:hover{
  color: inherit;
}

.clinic-lab-resource-active-toggle__label{
  min-width: 34px;
  text-align: left;
}

.clinic-lab-resource-active-toggle__switch{
  position: relative;
  width: 34px;
  height: 20px;
  border-radius: 999px;
  background: #cbd5e1;
  transition: background 0.18s ease;
  flex-shrink: 0;
}

.clinic-lab-resource-active-toggle__switch.is-on{
  background: #10b981;
}

.clinic-lab-resource-active-toggle__thumb{
  position: absolute;
  top: 2px;
  left: 2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.2);
  transition: transform 0.18s ease;
}

.clinic-lab-resource-active-toggle__switch.is-on .clinic-lab-resource-active-toggle__thumb{
  transform: translateX(14px);
}

body.theme-dark .clinic-lab-resource-active-toggle{
  color: #a1a1aa;
}

body.theme-dark .clinic-lab-resource-active-toggle.is-on{
  color: #6ee7b7;
}

body.theme-dark .clinic-lab-resource-active-toggle:hover{
  color: #d4d4d8;
}

body.theme-dark .clinic-lab-resource-active-toggle.is-on:hover{
  color: #a7f3d0;
}

body.theme-dark .clinic-lab-resource-active-toggle__switch{
  background: #3f3f46;
}

body.theme-dark .clinic-lab-resource-active-toggle__switch.is-on{
  background: #059669;
}

body.theme-dark .clinic-lab-resource-active-toggle__thumb{
  background: #f4f4f5;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);
}

.clinic-definition-page-error{
  margin: 0 2px 8px;
  padding: 10px 14px;
  border-radius: 10px;
  background: #fef2f2;
  border: 1px solid #fecaca;
  color: #b91c1c;
  font-size: 13px;
}

.lab-definition-inline-input,
.lab-definition-inline-select{
  width: 100%;
  max-width: 140px;
  height: 34px;
  padding: 0 10px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  font-size: 13px;
  color: #0f172a;
  background: #ffffff;
}

.lab-definition-inline-select{
  max-width: 120px;
  padding-right: 28px;
}

.lab-definition-inline-save-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 14px;
  border: 1px solid #cfe0eb;
  border-radius: 10px;
  background: #f8fbfd;
  color: #1a3a4a;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  transition: border-color 0.15s ease, background 0.15s ease;
}

.lab-definition-inline-save-btn:hover:not(:disabled){
  border-color: #9ec9de;
  background: #eef7fc;
}

.lab-definition-inline-save-btn:disabled{
  opacity: 0.65;
  cursor: not-allowed;
}

.wo-cal-head-fullscreen-btn{
  white-space: nowrap;
}

.wo-cal-head-fullscreen-btn .bi{
  font-size: 15px;
}

@media (max-width: 900px) {
  .wo-cal-head-fullscreen-btn .wo-view-fullscreen-btn-label{
    display: none;
  }

  .wo-cal-head-fullscreen-btn{
    padding: 7px 10px;
  }
}

.wo-cal-empty{
  padding: 40px 20px;
  text-align: center;
}

/* Day board */

.wo-day-board{
  display: flex;
  flex-direction: column;
  flex: 1;
}

.wo-day-allday{
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 10px 18px;
  border-bottom: 1px solid #eef3f7;
  background: #fafcfe;
}

.wo-day-allday-label{
  flex: 0 0 56px;
  font-size: 11px;
  font-weight: 700;
  color: #8da4b3;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding-top: 4px;
}

.wo-day-allday-items{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  flex: 1;
}

.wo-day-grid,
.wo-week-grid{
  position: relative;
  display: grid;
  /* Normal gorunum: ic kaydirma YOK; grid dogal yuksekligine acilir,
     sayfa (.dash-main) kayar boylece alttaki saatler de gorunur */
  flex: none;
  overflow: visible;
  /* Tablonun altinda kaydirma payi: gec saatler / 22 sonrasi isler
     ekranin en altina yapismadan gorunsun */
  padding-bottom: 96px;
}

/* Tam ekran modunda eski davranis: grid kendi icinde kaysin */

.wo-view-fullscreen-shell--active .wo-week-grid,
.wo-view-fullscreen-shell:fullscreen .wo-week-grid{
  flex: 1;
  overflow: auto;
}

.wo-day-grid{
  grid-template-columns: 56px minmax(0, 1fr);
}

.wo-time-axis{
  display: flex;
  flex-direction: column;
  border-right: 1px solid #EEF1F5;
  background: #fbfdff;
}

.wo-time-axis-row{
  box-sizing: border-box;
  height: 48px;
  font-size: 11px;
  color: #8da4b3;
  font-weight: 600;
  padding: 4px 8px;
  border-bottom: 1px dashed #EEF1F5;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
}

.wo-time-axis-spacer{
  flex: 0 0 56px;
}

.wo-time-col{
  position: relative;
  background:
    repeating-linear-gradient(
      to bottom,
      transparent 0,
      transparent 47px,
      #EEF1F5 47px,
      #EEF1F5 48px
    );
}

.wo-time-slot{
  position: absolute;
  left: 0;
  right: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  transition: background 0.12s ease;
}

.wo-time-slot:hover{
  background: rgba(37, 99, 235, 0.08);
}

.wo-time-slot{
  box-sizing: border-box;
}

.wo-time-col{
  box-sizing: border-box;
}

.wo-event{
  position: absolute;
  left: 8px;
  right: 8px;
  border: 0;
  border-left: 3px solid currentColor;
  border-radius: 8px;
  padding: 6px 10px;
  text-align: left;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 2px;
  overflow: hidden;
  transition: transform 0.12s ease, box-shadow 0.12s ease;
}

.wo-event:hover{
  transform: translateY(-1px);
  box-shadow: 0 6px 18px rgba(31, 41, 55, 0.08);
}

.wo-event strong{
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
  color: inherit;
}

.wo-event span{
  font-size: 10px;
  opacity: 0.85;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.wo-event--chip{
  position: relative;
  left: auto;
  right: auto;
  width: auto;
}

.wo-event--week-allday{
  height: 20px;
  padding: 1px 7px;
  margin-top: 0;
}

.wo-event--week-allday strong{
  font-size: 11px;
}

.wo-cal-hover-card{
  position: fixed;
  z-index: 1400;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
  max-width: 100%;
  padding: 1px 6px 10px;
  border: 1px solid #e6e8ef;
  border-radius: 8px;
  background: #FFFFFF;
  color: var(--text, #475569);
  font-family: inherit;
  font-size: 12px;
  letter-spacing: 0.02em;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.12);
  animation: wo-cal-hover-card-in 0.16s ease-out;
}

@keyframes wo-cal-hover-card-in {
  from{
    opacity: 0;
    transform: scale(0.94);
  }

  to{
    opacity: 1;
    transform: scale(1);
  }
}

.wo-cal-hover-card::before{
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
}

.wo-cal-hover-card--work-order::before{
  background: #1f9e8d;
}

.wo-cal-hover-card--trial::before{
  background: #2470b8;
}

.wo-cal-hover-card-head{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 6px;
  padding: 8px 8px 0;
}

.wo-cal-hover-card-head-copy{
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.wo-cal-hover-card-kicker{
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.06em;
  color: #8b95a7;
}

.wo-cal-hover-card-time{
  font-size: 12px;
  font-weight: 700;
  color: #171423;
  line-height: 1.2;
}

.wo-cal-hover-card-head-actions{
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.wo-cal-hover-icon-btn{
  width: 20px;
  height: 20px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #6b7280;
  font-size: 11px;
}

.wo-cal-hover-card-body{
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 0 8px 2px;
}

.wo-cal-hover-person-row{
  display: grid;
  grid-template-columns: 20px minmax(0, auto) 1fr;
  align-items: center;
  gap: 5px;
}

.wo-cal-hover-person-row strong{
  font-size: 10px;
  font-weight: 700;
  color: #171423;
}

.wo-cal-hover-person-row span:last-child{
  min-width: 0;
  font-size: 9px;
  color: #7b8495;
}

.wo-cal-hover-avatar{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 999px;
  background: var(--brand-primary);
  color: #ffffff;
  font-size: 9px;
  font-weight: 700;
}

.wo-cal-hover-avatar--soft{
  background: #fff4e0;
  color: #c08a1e;
}

.wo-cal-hover-avatar--ghost{
  background: #eef2f7;
  color: #5b6475;
}

.wo-cal-hover-detail-row{
  display: grid;
  grid-template-columns: 14px minmax(0, 1fr);
  gap: 5px;
  align-items: start;
  padding-top: 1px;
  color: #5c6575;
  font-size: 10px;
  line-height: 1.3;
}

.wo-cal-hover-detail-row--clinic{
  font-size: 9px;
  font-weight: 400;
}

.wo-cal-hover-detail-row i{
  font-size: 11px;
  color: #8b95a7;
  line-height: 1.2;
}

.wo-cal-hover-detail-row--note{
  border-top: 1px solid #eef1f5;
  padding-top: 6px;
}

.wo-cal-hover-card-foot{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 5px;
  padding: 0 8px;
}

.wo-cal-hover-card-foot .wo-cal-hover-action-btn:only-child{
  grid-column: 1 / -1;
}

.wo-cal-hover-action-btn{
  min-height: 28px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #ffffff;
  color: #171423;
  font-size: 10px;
  font-weight: 700;
  cursor: pointer;
}

/* Color variants (light pastel surfaces, saturated text accent) */

.wo-event--indigo{ background: #e8f4fa; color: var(--brand-primary-deep); }

.wo-event--rose{ background: #ffeef2; color: #e0567a; }

.wo-event--teal{ background: #e3f8f4; color: #1f9e8d; }

.wo-event--amber{ background: #fff4e0; color: #c08a1e; }

.wo-event--sky{ background: #e6f4ff; color: #2470b8; }

.wo-event--violet{ background: #f0eaff; color: var(--brand-primary); }

/* Week board */

.wo-week-board{
  display: flex;
  flex-direction: column;
  flex: 1;
}

.wo-week-head{
  display: grid;
  grid-template-columns: 56px repeat(7, minmax(0, 1fr));
  border-bottom: 1px solid #EEF1F5;
}

.wo-week-head-cell{
  border: 0;
  background: transparent;
  border-left: 1px solid #EEF1F5;
  padding: 10px 12px;
  text-align: left;
  cursor: pointer;
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: flex-start;
}

.wo-week-head-cell:hover{
  background: #f8fbfd;
}

.wo-week-head-day{
  font-size: 11px;
  color: #64748b;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.wo-week-head-num{
  font-size: 24px;
  font-weight: 700;
  color: #1a3a4a;
  line-height: 1;
  flex-shrink: 0;
}

.wo-week-head-copy{
  display: inline-flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
}

.wo-week-head-count{
  font-size: 12px;
  font-weight: 500;
  color: #94a3b8;
  line-height: 1.2;
}

.wo-week-head-cell--today .wo-week-head-num{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--brand-primary);
  color: #ffffff;
}

.wo-week-grid{
  grid-template-columns: 56px repeat(7, minmax(0, 1fr));
}

.wo-week-col{
  border-left: 1px solid #EEF1F5;
}

/* Month board */

.wo-month-board{
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
}

.wo-month-board .wo-month-grid > .wo-month-day-cell,
.wo-month-board .wo-month-grid > .wo-month-day-cell--empty{
  border-left: none;
}

.wo-month-board .wo-month-grid:last-child .wo-month-day-cell:first-child{
  border-bottom-left-radius: 8px;
}

.wo-month-board .wo-month-grid:last-child .wo-month-day-cell:last-child,
.wo-month-board .wo-month-grid:last-child > *:last-child{
  border-bottom-right-radius: 8px;
}

.wo-month-board .wo-month-grid:first-of-type .wo-month-day-cell,
.wo-month-board .wo-month-grid:first-of-type .wo-month-day-cell--empty{
  border-top: 1px solid #EEF1F5;
}

.wo-month-day-cell--today{
  background: #f0f9ff;
}

.wo-month-day-cell .wo-month-day-number{
  border: 0;
  background: transparent;
  cursor: pointer;
  font-size: 12px;
  font-weight: 700;
  color: #35596d;
  align-self: flex-start;
  padding: 2px 5px;
  border-radius: 999px;
}

.wo-month-day-cell--today .wo-month-day-number{
  background: var(--brand-primary);
  color: #ffffff;
}

.wo-month-item--indigo{ background: #ddeefa; color: var(--brand-primary-deep); border-left-color: var(--brand-primary); }

.wo-month-item--rose{ background: #fde4ec; color: #b83c60; border-left-color: #e0567a; }

.wo-month-item--teal{ background: #d9f5ef; color: #1a8073; border-left-color: #1f9e8d; }

.wo-month-item--amber{ background: #fef3d9; color: #a07020; border-left-color: #c08a1e; }

.wo-month-item--sky{ background: #daeeff; color: #1a5ea8; border-left-color: #2470b8; }

.wo-month-item--violet{ background: #ebe5ff; color: #5025a0; border-left-color: #7c3aed; }

/* Side panel */

.wo-mini-cal{
  border: 1px solid #e3edf3;
  border-radius: 12px;
  background: #ffffff;
  padding: 10px;
}

.wo-mini-head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 6px;
}

.wo-mini-head strong{
  font-size: 12px;
  color: #1a3a4a;
  font-weight: 800;
}

.wo-mini-nav{
  display: inline-flex;
  gap: 2px;
}

.wo-mini-nav-btn{
  width: 22px;
  height: 22px;
  border-radius: 6px;
  border: 1px solid #e3edf3;
  background: #fbfdff;
  cursor: pointer;
  font-size: 12px;
  font-weight: 700;
  color: #4a6274;
  line-height: 1;
  padding: 0;
}

.wo-mini-nav-btn:hover{
  border-color: var(--brand-primary);
  color: #5b6cf0;
}

.wo-mini-grid{
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 2px;
}

.wo-mini-grid--head{
  margin-bottom: 2px;
}

.wo-mini-head-cell{
  font-size: 9px;
  text-align: center;
  color: #8da4b3;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.2;
}

.wo-mini-day{
  position: relative;
  min-height: 24px;
  height: 24px;
  border: 0;
  background: transparent;
  border-radius: 6px;
  font-size: 11px;
  color: #35596d;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.wo-mini-day:hover{
  background: #eaf6fc;
  color: var(--brand-primary-deep);
}

.wo-mini-day--today{
  color: var(--brand-primary-deep);
}

.wo-mini-day--active{
  background: var(--brand-primary);
  color: #ffffff;
}

.wo-mini-day--active:hover{
  background: var(--brand-primary);
  color: #ffffff;
}

.wo-mini-day--empty{
  cursor: default;
  background: transparent;
  pointer-events: none;
}

.wo-mini-dot{
  position: absolute;
  bottom: 2px;
  left: 50%;
  transform: translateX(-50%);
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: currentColor;
  opacity: 0.65;
}

.wo-mini-day--active .wo-mini-dot{
  background: #ffffff;
}

.wo-quick-card{
  border: 1px solid #e3edf3;
  border-radius: 14px;
  background: #ffffff;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.wo-quick-card h4{
  margin: 0 0 4px;
  font-size: 14px;
  color: #1a3a4a;
  font-weight: 800;
}

.wo-quick-field{
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.wo-quick-field span{
  font-size: 11px;
  font-weight: 700;
  color: #6b8799;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.wo-quick-field input,
.wo-quick-field select,
.wo-quick-field textarea{
  width: 100%;
  border: 1px solid #d6e3ec;
  border-radius: 9px;
  padding: 8px 10px;
  font-size: 13px;
  color: #1a3a4a;
  background: #fbfdff;
  font-family: inherit;
}

.wo-quick-field input:focus,
.wo-quick-field select:focus,
.wo-quick-field textarea:focus{
  outline: none;
  border-color: var(--brand-primary);
  background: #ffffff;
  box-shadow: 0 0 0 3px var(--brand-ring);
}

.wo-quick-field textarea{
  resize: vertical;
  min-height: 64px;
}

.wo-quick-hint{
  margin: 0;
  font-size: 11px;
  color: #8da4b3;
}

.wo-cal-fab{
  position: fixed;
  right: 350px;
  bottom: 26px;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  border: 0;
  font-size: 24px;
  font-weight: 700;
  color: #ffffff;
  background: var(--brand-primary);
  cursor: pointer;
  box-shadow: 0 10px 24px rgba(74, 76, 232, 0.32);
  z-index: 5;
}

.wo-cal-fab:hover{
  transform: translateY(-1px);
}

@media (max-width: 1100px) {
  .wo-cal-shell{
    grid-template-columns: minmax(0, 1fr);
  }

  .wo-cal-fab{
    right: 24px;
    bottom: 24px;
  }
}

@media (max-width: 700px) {
  .wo-cal-head{
    flex-wrap: wrap;
    gap: 8px;
    padding: 12px;
  }

  .wo-week-head{
    grid-template-columns: 40px repeat(7, minmax(0, 1fr));
  }

  .wo-week-grid{
    grid-template-columns: 40px repeat(7, minmax(0, 1fr));
  }

  .wo-day-grid{
    grid-template-columns: 40px minmax(0, 1fr);
  }

  .wo-time-axis-spacer{
    flex-basis: 40px;
  }

  .wo-week-head-num{
    font-size: 14px;
  }

  .wo-event strong{
    font-size: 11px;
  }

  .wo-event span{
    font-size: 10px;
  }
}

/* Is emirleri takvim / layout dark: theme-relatewise.css (body.theme-dark) */

.wo-tabs{
  display: flex;
  align-items: stretch;
  gap: 0;
  width: 100%;
  box-sizing: border-box;
  min-width: 0;
  min-height: 48px;
  margin: 8px 0 0;
  padding: 0 16px;
  border: none;
  border-bottom: 1px solid #e8eef3;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  overflow-x: auto;
  scrollbar-width: thin;
}

.wo-tab{
  position: relative;
  flex: 1 1 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  height: 48px;
  min-width: 0;
  min-height: 48px;
  padding: 0 10px 8px;
  margin: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  color: #334155;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
  cursor: pointer;
  white-space: nowrap;
  box-shadow: none;
  transition: color 0.15s ease;
  -webkit-appearance: none;
  appearance: none;
}

.wo-tab:last-of-type{
  margin-right: 0;
}

.wo-tab i,
.wo-tab .wo-tab-tooth-icon{
  display: none;
}

.wo-tab-label{
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.3;
}

.wo-tab-sep{
  width: 1px;
  align-self: center;
  height: 18px;
  margin: 0;
  flex: 0 0 1px;
  background: #e2e8f0;
}

.wo-tab-count{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 22px;
  height: 20px;
  padding: 0 7px;
  border-radius: 999px;
  background: #f1f5f9;
  color: #475569;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  flex-shrink: 0;
}

.wo-tab-count--alert,
.wo-tab-alert{
  position: absolute;
  top: calc(50% - 4px);
  right: 6px;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  margin-left: 0;
  border-radius: 999px;
  background: rgba(220, 38, 38, 0.12);
  color: #dc2626;
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
  flex-shrink: 0;
  pointer-events: none;
}

.wo-tab:hover{
  background: transparent;
  color: #0f172a;
}

.wo-tab:focus,
.wo-tab:focus-visible,
.dash-layout .wo-tab:focus,
.dash-layout .wo-tab:focus-visible,
.tech-panel.wo-panel .wo-tab:focus,
.tech-panel.wo-panel .wo-tab:focus-visible{
  outline: none;
  box-shadow: none;
  border-color: transparent;
}

.wo-tab--active{
  background: transparent;
  color: var(--brand-primary-selected-text);
  box-shadow: none;
  font-weight: 600;
}

.wo-tab--active::after{
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  border-radius: 2px 2px 0 0;
  background: var(--brand-primary);
}

.wo-tab--active .wo-tab-count{
  background: var(--brand-primary-soft);
  color: var(--brand-primary-selected-text);
}

.wo-tab--active .wo-tab-count--alert,
.wo-tab--active .wo-tab-alert{
  background: var(--status-danger-soft);
  color: var(--status-danger);
}

.wo-tab--active:hover{
  background: transparent;
  color: var(--brand-primary-selected-text);
}

.wo-form{
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.wo-section{
  display: flex;
  flex-direction: column;
  gap: 14px;
  height: 520px;
  min-height: 520px;
  overflow-y: auto;
  padding-right: 4px;
}

.wo-section--forward{
  animation: woSectionForward 520ms cubic-bezier(0.22, 1, 0.36, 1);
}

.wo-section--backward{
  animation: woSectionBackward 520ms cubic-bezier(0.22, 1, 0.36, 1);
}

@keyframes woSectionForward {
  from{
    opacity: 0;
    transform: translateX(16px);
  }
  to{
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes woSectionBackward {
  from{
    opacity: 0;
    transform: translateX(-16px);
  }
  to{
    opacity: 1;
    transform: translateX(0);
  }
}

.wo-section-title{
  margin: 0;
  font-size: 15px;
  font-weight: 700;
  color: #1a3a4a;
  display: flex;
  align-items: center;
  gap: 8px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eef2f5;
}

.wo-section-title i{
  color: var(--brand-primary-light);
}

/* Dis (tooth) inline SVG ikonu: bi-* ikonlariyla ayni boy/renk. */

.wo-section-title svg{
  color: var(--brand-primary-light);
}

.wo-tab .wo-tab-tooth-icon{
  width: 13px;
  height: 13px;
  flex-shrink: 0;
}

.wo-patient-info{
  grid-column: 1 / -1;
  display: flex;
  gap: 20px;
  padding: 12px 14px;
  background: #f6fafc;
  border: 1px solid #e8eef3;
  border-radius: 10px;
}

.wo-patient-info p{
  margin: 0;
  font-size: 13px;
  color: #4a6274;
}

.wo-patient-info strong{
  color: #1a3a4a;
}

.wo-patient-form-rows{
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.wo-patient-form-row{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 14px;
  align-items: start;
}

.wo-patient-form-row .wo-patient-gender-field{
  min-width: 0;
}

@media (max-width: 640px) {
  .wo-patient-form-row{
    grid-template-columns: 1fr;
  }
}

.wo-option-select{
  position: relative;
  width: 100%;
}

.wo-option-select-lead-icon{
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  z-index: 1;
  color: #94a3b8;
  font-size: 16px;
}

.wo-option-select-chevron{
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: #94a3b8;
  pointer-events: none;
  font-size: 12px;
  z-index: 1;
  transition: transform 0.15s ease;
}

.wo-option-select-chevron--open{
  transform: translateY(-50%) rotate(180deg);
}

.wo-option-select--has-icon .wo-option-select-input{
  padding-left: 38px;
}

.wo-option-select-input{
  width: 100%;
  height: 35px;
  min-height: 35px;
  box-sizing: border-box;
  padding: 0 32px 0 12px;
  border: 1px solid #cfe0eb;
  border-radius: 12px;
  background: #fbfdff;
  color: #334155;
  font-family: var(--sans, 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif);
  font-size: 11px;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: 0;
  transition:
    border-color 0.18s ease,
    background-color 0.18s ease;
}

.wo-option-select-input::placeholder{
  color: #6b7280;
}

.wo-option-select-input:disabled{
  cursor: default;
  opacity: 0.62;
}

.wo-option-select--searchable.wo-option-select--open .wo-option-select-input{
  outline: none;
  border-color: #8ac3df;
  box-shadow: 0 0 0 2px #b8dcf0;
  background: #ffffff;
}

.wo-option-select--selection-only.wo-option-select--open .wo-option-select-input{
  outline: none;
  border-color: #8ac3df;
  box-shadow: 0 0 0 2px #b8dcf0;
  background: #ffffff;
}

.wo-option-select--searchable .wo-option-select-input,
.wo-option-select--selection-only .wo-option-select-input{
  font-family: var(--sans, 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif);
  font-size: 11px;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: 0;
  color: #334155;
}

.wo-option-select--searchable .wo-option-select-input::placeholder,
.wo-option-select--selection-only .wo-option-select-input::placeholder{
  font-family: inherit;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: 0;
  color: #94a3b8;
}

.wo-option-select--selection-only .wo-option-select-input{
  cursor: pointer;
  caret-color: transparent;
}

#wo-option-select-portal-root .wo-option-select-menu--selection-only .wo-option-select-item,
#wo-option-select-portal-root .wo-option-select-menu--searchable .wo-option-select-item{
  height: auto;
  min-height: 38px;
  padding: 8px 12px;
  border-radius: 6px;
  font-family: var(--sans, 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.35;
  letter-spacing: 0;
  color: #334155;
}

#wo-option-select-portal-root .wo-option-select-menu--selection-only .wo-option-select-item span,
#wo-option-select-portal-root .wo-option-select-menu--searchable .wo-option-select-item span{
  font-family: inherit;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.35;
  letter-spacing: 0;
  color: inherit;
}

.wo-option-select-trigger{
  width: 100%;
  min-height: 35px;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 0 12px;
  border: 1px solid #cfe0eb;
  border-radius: 12px;
  background: #fbfdff;
  color: #1f2937;
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition:
    border-color 0.18s ease,
    background-color 0.18s ease;
}

.wo-option-select-trigger:hover:not(:disabled){
  border-color: #cfe0eb;
  background: #fbfdff;
}

.wo-option-select-trigger:disabled{
  cursor: default;
  opacity: 0.62;
}

.wo-option-select--open .wo-option-select-trigger{
  outline: 2px solid #b8dcf0;
  border-color: #8ac3df;
  background: #ffffff;
}

.wo-option-select-value{
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.wo-option-select-value--placeholder{
  color: #6b7280;
}

.wo-option-select-menu{
  position: absolute;
  top: calc(100% + 0px);
  left: 0;
  right: 0;
  z-index: 35;
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 6px;
  border: 1px solid #dce3ec;
  border-radius: 8px;
  background: #ffffff;
  box-shadow:
    0 4px 6px rgba(15, 23, 42, 0.04),
    0 12px 28px rgba(15, 23, 42, 0.1);
  overflow: hidden;
}

.wo-option-select--searchable .wo-option-select-menu,
.wo-option-select-menu--searchable,
.wo-option-select--selection-only .wo-option-select-menu,
.wo-option-select-menu--selection-only{
  padding: 6px;
  border-radius: 8px;
  max-height: 220px;
  overflow-y: auto;
  gap: 2px;
  font-family: var(--sans, 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif);
  font-size: 14px;
  line-height: 1.35;
  letter-spacing: 0;
}

.wo-option-select-menu--portal{
  position: fixed !important;
  right: auto;
  z-index: 25000 !important;
}

#wo-option-select-portal-root{
  position: fixed;
  inset: 0;
  z-index: 25000;
  pointer-events: none;
  font-family: var(--sans, 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif);
  font-size: 14px;
  line-height: 1.35;
  letter-spacing: 0;
}

#wo-option-select-portal-root .wo-option-select-menu--portal{
  pointer-events: auto;
}

#wo-option-select-portal-root .wo-option-select-menu--portal::-webkit-scrollbar{
  width: 6px;
}

#wo-option-select-portal-root .wo-option-select-menu--portal::-webkit-scrollbar-thumb{
  background: #cbd5e1;
  border-radius: 999px;
}

#wo-option-select-portal-root .wo-option-select-menu--portal::-webkit-scrollbar-track{
  background: transparent;
}

.pfm-modal:has(.wo-option-select--open),
.pfm-modal:has(.wo-option-select--open) .pfm-body{
  overflow: visible;
}

.pfm-form:has(.wo-option-select--open) .pfm-body{
  position: relative;
  z-index: 2;
}

.pfm-form:has(.wo-option-select--open) .pfm-actions{
  position: relative;
  z-index: 1;
}

.wo-option-select-item{
  width: 100%;
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 8px 12px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #334155;
  font-family: var(--sans, 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.35;
  letter-spacing: 0;
  text-align: left;
  cursor: pointer;
  transition: background 0.12s ease, color 0.12s ease;
}

.wo-option-select--searchable .wo-option-select-item,
.wo-option-select-menu--searchable .wo-option-select-item,
.wo-option-select--selection-only .wo-option-select-item,
.wo-option-select-menu--selection-only .wo-option-select-item{
  height: auto;
  min-height: 38px;
  padding: 8px 12px;
  font-family: var(--sans, 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.35;
  letter-spacing: 0;
  color: #334155;
  gap: 8px;
  border-radius: 6px;
  transition: background 0.12s ease, color 0.12s ease;
}

.wo-option-select--searchable .wo-option-select-item span,
.wo-option-select-menu--searchable .wo-option-select-item span,
.wo-option-select--selection-only .wo-option-select-item span,
.wo-option-select-menu--selection-only .wo-option-select-item span{
  font-family: inherit;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.35;
  letter-spacing: 0;
  color: inherit;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.wo-option-select--searchable .wo-option-select-item:hover,
.wo-option-select-menu--searchable .wo-option-select-item:hover,
.wo-option-select--selection-only .wo-option-select-item:hover,
.wo-option-select-menu--selection-only .wo-option-select-item:hover,
.wo-option-select--searchable .wo-option-select-item--highlighted,
.wo-option-select-menu--searchable .wo-option-select-item--highlighted,
.wo-option-select--selection-only .wo-option-select-item--highlighted,
.wo-option-select-menu--selection-only .wo-option-select-item--highlighted,
.wo-option-select-item:hover,
.wo-option-select-item--highlighted{
  background: #f1f5f9;
  color: #1e293b;
}

.wo-option-select--searchable .wo-option-select-item .bi-check2,
.wo-option-select-menu--searchable .wo-option-select-item .bi-check2,
.wo-option-select--selection-only .wo-option-select-item .bi-check2,
.wo-option-select-menu--selection-only .wo-option-select-item .bi-check2{
  font-size: 14px;
  color: var(--brand-primary-selected-text, #2563eb);
  flex-shrink: 0;
}

.wo-option-select-item--active,
.wo-option-select-menu--searchable .wo-option-select-item--active,
.wo-option-select-menu--selection-only .wo-option-select-item--active,
.wo-option-select-item--active.wo-option-select-item--highlighted,
.wo-option-select-item--active:hover{
  background: var(--brand-primary-soft, #dbeafe);
  color: var(--brand-primary-selected-text, #2563eb);
  font-weight: 500;
}

.wo-option-select-item--active span{
  font-weight: 500;
  color: inherit;
}

.wo-option-select-empty{
  padding: 10px 12px;
  font-family: var(--sans, 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.35;
  letter-spacing: 0;
  color: #94a3b8;
  border-radius: 6px;
}

.wo-patient-suggestions{
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  right: 0;
  z-index: 30;
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 4px 0;
  border: 1px solid #e6e9f0;
  border-radius: 10px;
  background: #ffffff;
  box-shadow: 0 16px 40px rgba(15, 23, 42, 0.12);
  max-height: 180px;
  overflow-y: auto;
}

.wo-prosthesis-select{
  flex: 1 1 auto;
}

.wo-teeth-section{
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 8px;
}

.wo-teeth-section .wo-odontogram-wrap{
  box-sizing: border-box;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin-inline: 0;
  overflow: hidden;
}

.wo-teeth-section .wo-saved-prosthesis-col{
  flex-shrink: 0;
  margin-top: 0;
}

.wo-teeth-section .wo-saved-prosthesis-panel{
  max-height: 160px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-gutter: stable;
}

.wo-saved-prosthesis-scroll{
  position: relative;
  width: 100%;
}

.wo-saved-prosthesis-scroll .wo-saved-prosthesis-panel{
  max-height: 160px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-gutter: stable;
}

.wo-saved-prosthesis-scroll--more::after{
  content: '';
  position: absolute;
  left: 1px;
  right: 1px;
  bottom: 1px;
  z-index: 1;
  height: 40px;
  pointer-events: none;
  border-radius: 0 0 7px 7px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.88) 55%, #ffffff);
}

.wo-saved-prosthesis-scroll-hint{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 8px;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

.wo-saved-prosthesis-scroll-hint-pill{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 20px;
  border-radius: 999px;
  border: 1px solid #dce3ec;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.1);
  color: #64748b;
  animation: woSavedProsthesisHintBounce 1.4s ease-in-out infinite;
}

.wo-saved-prosthesis-scroll-hint-pill .bi{
  font-size: 11px;
  line-height: 1;
}

@keyframes woSavedProsthesisHintBounce {
  0%,
100%{
    transform: translateY(0);
  }
  50%{
    transform: translateY(3px);
  }
}

body.theme-dark .wo-saved-prosthesis-scroll--more::after{
  background: linear-gradient(
    to bottom,
    rgba(24, 24, 27, 0),
    rgba(24, 24, 27, 0.88) 55%,
    #18181b
  );
}

body.theme-dark .wo-saved-prosthesis-scroll-hint-pill{
  border-color: #2d2d2d;
  background: rgba(24, 24, 27, 0.96);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.35);
  color: #a1a1aa;
}

.wo-teeth-section-head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 10px;
}

.wo-teeth-section-head .wo-teeth-label{
  margin: 0;
  flex-shrink: 0;
}

.wo-teeth-section-head .clinic-odontogram-toolbar{
  margin: 0;
  padding: 0;
  flex: 1;
  min-width: 0;
  justify-content: flex-end;
  background: transparent;
  border-radius: 0;
}

.wo-teeth-label{
  margin: 0 0 10px;
  font-size: 13px;
  font-weight: 600;
  color: #35596d;
}

.wo-odontogram-wrap--idle{
  opacity: 0.72;
}

.wo-odontogram-wrap{
  padding: 12px;
  background: #f8fbfd;
  border: 1px solid #e0e8ed;
  border-radius: 12px;
}

.wo-odontogram-wrap--square{
  max-width: 100%;
}

.wo-teeth-section .wo-odontogram-wrap--square .Odontogram svg{
  width: 100%;
  max-width: 100%;
  height: auto;
  margin-inline: 0;
  display: block;
}

.wo-odontogram-wrap--square .Odontogram svg{
  width: 100%;
  max-width: 920px;
  margin: 0 auto;
  display: block;
}

/* Lab kare odontogram: numaralar dis icinde, klinik dis etiketlerinden bagimsiz */

.wo-odontogram-wrap .Odontogram g[class^="teeth-"] text{
  font-size: 13px;
  font-weight: 700;
  fill: #163649;
}

.wo-teeth-chart{
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 16px;
  background: #f8fbfd;
  border: 1px solid #e0e8ed;
  border-radius: 12px;
}

.wo-teeth-divider{
  height: 2px;
  background: linear-gradient(90deg, transparent, #c0d4e2, transparent);
  margin: 8px 0;
}

.wo-tooth{
  width: 34px;
  height: 34px;
  border: 2px solid #c9dbe9;
  border-radius: 6px;
  background: #fff;
  color: #4a6274;
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.15s ease;
}

.wo-tooth:hover{
  border-color: var(--wo-btn-hover, var(--brand-primary-light));
  background: #e8f4fc;
}

.wo-tooth--selected{
  background: var(--wo-btn-gradient, var(--brand-primary));
  border-color: var(--wo-btn-accent-dark, var(--brand-primary-deep));
  color: #fff;
}

.wo-tooth--selected:hover{
  background: var(--wo-btn-hover, var(--brand-primary-light));
  border-color: var(--wo-btn-hover, var(--brand-primary-light));
}

.wo-trials-list{
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.wo-trials-empty{
  margin: 0;
  padding: 20px;
  text-align: center;
  color: #7a93a4;
  font-size: 14px;
  background: #f8fbfd;
  border: 1px dashed #d6e3ec;
  border-radius: 10px;
}

.wo-trial-card{
  padding: 14px;
  background: #f8fbfd;
  border: 1px solid #e0e8ed;
  border-radius: 10px;
}

.wo-trial-photo-name{
  display: inline-block;
  margin-top: 8px;
  font-size: 12px;
  color: #5c7486;
}

.wo-trial-header{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e8eef3;
}

.wo-trial-number{
  font-size: 13px;
  font-weight: 700;
  color: #1a3a4a;
}

.wo-trial-remove{
  width: 28px;
  height: 28px;
  border: 1px solid #e6b5b5;
  border-radius: 6px;
  background: #fff;
  color: #b54848;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.15s ease;
}

.wo-trial-remove:hover{
  background: #fff4f4;
  border-color: #de9797;
}

.wo-add-trial-btn{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px;
  border: 2px dashed #c9dbe9;
  border-radius: 10px;
  background: transparent;
  color: var(--wo-btn-hover, var(--brand-primary-light));
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.15s ease;
}

.wo-add-trial-btn:hover{
  border-color: var(--wo-btn-hover, var(--brand-primary-light));
  background: #f0f8fc;
  color: var(--wo-btn-hover, var(--brand-primary-light));
}

.wo-summary{
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.wo-summary-row--split{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

@media (max-width: 720px) {
  .wo-summary-row--split{
    grid-template-columns: 1fr;
  }
}

.wo-summary-group{
  padding: 14px;
  background: #f8fbfd;
  border: 1px solid #e0e8ed;
  border-radius: 10px;
}

.wo-summary-group h5{
  margin: 0 0 10px;
  font-size: 13px;
  font-weight: 700;
  color: var(--wo-btn-accent, var(--brand-primary));
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.wo-summary-group p{
  margin: 4px 0;
  font-size: 13px;
  color: #4a6274;
}

.wo-summary-group strong{
  color: #1a3a4a;
}

.wo-summary-flags{
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 0 0 8px !important;
}

.wo-summary-flag,
.wo-work-order-flag{
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  border-radius: 5px;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.4;
}

.wo-summary-flag--rpt,
.wo-work-order-flag--rpt{
  background: #fef3c7;
  color: #b45309;
}

.wo-summary-flag--tekrari,
.wo-work-order-flag--tekrari{
  background: #ede9fe;
  color: #6d28d9;
}

.lab-patient-row-flags{
  display: inline-flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 0;
  vertical-align: middle;
}

.wo-list-prosthesis-cell{
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
}

.wo-summary-trials{
  margin: 0;
  padding-left: 18px;
}

.wo-summary-prosthesis-list{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.wo-summary-prosthesis-item{
  padding: 12px;
  border-radius: 8px;
}

.wo-summary-prosthesis-item p{
  margin: 3px 0;
}

/* Is emrine ozel fiyat girildiginde ozet karttaki rozet */

.wo-summary-price-override-badge{
  display: inline-flex;
  align-items: center;
  margin-left: 6px;
  padding: 1px 7px;
  border-radius: 999px;
  background: var(--brand-primary, #2563eb);
  color: #ffffff;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

.wo-summary-prosthesis-index{
  margin: 0 0 6px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  color: var(--wo-btn-accent, var(--brand-primary)) !important;
  text-transform: uppercase;
  letter-spacing: 0.4px;
}

.wo-summary-prosthesis-grand-total{
  margin-top: 12px !important;
  padding-top: 12px;
  border-top: 1px dashed #cbd5e1;
  font-size: 14px !important;
}

@media (max-width: 720px) {
  .wo-summary-prosthesis-list{
    grid-template-columns: 1fr;
  }
}

.wo-summary-trials li{
  font-size: 13px;
  color: #4a6274;
  margin: 4px 0;
}

.wo-mode-btn{
  position: relative;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 46px;
  min-height: 46px;
  line-height: 1;
  padding: 0 16px;
  border: 2px solid #d6e3ec;
  border-radius: 10px;
  background: #f8fbfd;
  color: #4a6274;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.15s ease;
}

.wo-mode-btn input[type="radio"]{
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.wo-mode-btn i{
  font-size: 16px;
}

.wo-mode-btn:hover{
  border-color: var(--brand-primary-light);
  background: #f0f8fc;
  color: var(--brand-primary-light);
}

.wo-mode-btn--active{
  border-color: var(--wo-btn-accent-dark, var(--brand-primary-deep));
  background: var(--wo-btn-gradient, var(--brand-primary));
  color: #fff;
}

.wo-mode-btn--active:hover{
  border-color: var(--wo-btn-hover, var(--brand-primary-light));
  background: var(--wo-btn-hover, var(--brand-primary-light));
  color: #fff;
}

.wo-case-capture-option{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 11px 12px;
  border: 1px solid #d6e3ec;
  border-radius: 10px;
  background: #ffffff;
  color: #3f5b6e;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: border-color 0.2s ease, background 0.2s ease, color 0.2s ease;
}

.wo-case-capture-option:hover{
  border-color: var(--wo-btn-hover, var(--brand-primary-light));
  background: #f4f9fc;
  color: var(--wo-btn-accent-dark, var(--brand-primary-deep));
}

.wo-case-capture-option input{
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.wo-case-capture-option--active{
  border-color: var(--wo-btn-accent-dark, var(--brand-primary-deep));
  background: #eaf6fd;
  color: #0f4a66;
}

.wo-case-capture-option--active:hover{
  border-color: var(--wo-btn-hover, var(--brand-primary-light));
  background: #e3f4fa;
}

.wo-case-date-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.wo-case-date-input{
  color-scheme: light;
}

.wo-datetime-split{
  display: flex;
  align-items: stretch;
  gap: 8px;
  min-width: 0;
  width: 100%;
}

.wo-datetime-split > input[type='date']{
  position: relative;
  flex: 1 1 auto;
  min-width: 0;
  cursor: pointer;
}

/* Tarih kutusunun tamamına tıklanınca takvim açılsın (sadece köşe ikonu değil). */

.wo-datetime-split > input[type='date']::-webkit-calendar-picker-indicator{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  cursor: pointer;
  opacity: 0;
}

.wo-datetime-split-time{
  display: inline-flex;
  align-items: center;
  gap: 4px;
  flex: 0 0 auto;
  padding: 0 8px;
  border: 1px solid #c5d9e6;
  border-radius: 12px;
  background: #fff;
  color: #334155;
}

.wo-datetime-split-hm{
  width: 2.4em;
  flex: 0 0 auto;
  border: 0;
  outline: none;
  background: transparent;
  text-align: center;
  font: inherit;
  font-variant-numeric: tabular-nums;
  font-weight: inherit;
  color: inherit;
  -webkit-text-fill-color: currentColor;
  padding: 8px 0;
  border-radius: 0;
  box-shadow: none;
  appearance: none;
  -webkit-appearance: none;
}

.wo-datetime-split-hm:focus,
.wo-datetime-split-hm:focus-visible,
.wo-datetime-split-hm:active{
  outline: none !important;
  box-shadow: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

.wo-datetime-split-colon{
  color: inherit;
  font-weight: inherit;
  user-select: none;
  flex: 0 0 auto;
}

.wo-field-input-wrap .wo-datetime-split{
  flex: 1 1 auto;
  min-width: 0;
  align-items: center;
}

.wo-field-input-wrap .wo-datetime-split > input[type='date'].wo-case-date-input{
  border: 0;
  background: transparent;
  box-shadow: none;
  flex: 1 1 auto;
  min-width: 0;
}

.wo-field-input-wrap .wo-datetime-split-time{
  border: 0;
  border-left: 1px solid #dce3ec;
  border-radius: 0;
  background: transparent;
  padding: 0 0 0 10px;
  margin-left: 4px;
  flex: 0 0 auto;
}

.wo-field-input-wrap .wo-datetime-split-hm{
  flex: 0 0 auto;
  width: 2.2em;
}

body.theme-dark .wo-datetime-split-time{
  border-color: rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.04);
  color: var(--rw-text-strong, #f1f5f9);
}

body.theme-dark .wo-field-input-wrap .wo-datetime-split-time{
  border-left-color: rgba(255, 255, 255, 0.14);
  background: transparent;
}

body.theme-dark .wo-datetime-split-colon,
body.theme-dark .wo-datetime-split-hm{
  color: var(--rw-text-strong, #f1f5f9);
  -webkit-text-fill-color: currentColor;
}

.wo-case-photo-input{
  border: 1px dashed #b8cfde;
  border-radius: 12px;
  padding: 10px;
  background: #f8fbfd;
}

.wo-case-photo-input::file-selector-button{
  margin-right: 10px;
  border: 1px solid #c5d9e6;
  border-radius: 10px;
  background: #fff;
  color: #1e4d64;
  font-weight: 600;
  padding: 6px 12px;
  cursor: pointer;
}

.wo-prosthesis-save-row{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.wo-prosthesis-save-row .wo-prosthesis-select{
  flex: 1 1 180px;
  min-width: 0;
}

.wo-prosthesis-actions{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
  margin-left: auto;
}

/* Protez Turu + Kopru ayni satirda */

.wo-prosthesis-bridge-row{
  display: flex;
  align-items: flex-end;
  gap: 8px;
}

.wo-prosthesis-bridge-row .wo-prosthesis-type-field{
  flex: 1;
  min-width: 0;
}

.wo-prosthesis-bridge-row .wo-bridge-btn-inline{
  flex-shrink: 0;
  min-width: 78px;
  white-space: nowrap;
}

.wo-prosthesis-save-row select{
  height: 35px;
}

.wo-prosthesis-save-btn{
  height: 32px;
  padding: 0 12px;
  border-radius: 9px;
  font-size: 11.5px;
  white-space: nowrap;
  align-self: stretch;
}

.wo-prosthesis-utility-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  height: 32px;
  min-height: 32px;
  padding: 0 9px;
  border: 1px solid #d5e2eb;
  border-radius: 8px;
  background: #fff;
  color: #526b7d;
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
  cursor: pointer;
  transition: background .15s ease, border-color .15s ease, color .15s ease, box-shadow .15s ease;
}

.wo-prosthesis-utility-btn:hover:not(:disabled){
  border-color: #b8c7d2;
  background: #f8fafc;
  color: #334155;
}

.wo-prosthesis-utility-btn:disabled{
  cursor: not-allowed;
  opacity: .5;
}

.wo-prosthesis-clear-btn{
  align-self: center;
  min-width: 70px;
  padding-inline: 8px;
}

.wo-prosthesis-clear-btn:hover:not(:disabled){
  border-color: #b8c7d2;
  background: #f8fafc;
  color: #334155;
}

.wo-bridge-btn-inline{
  color: #526b7d;
  border-color: #d5e2eb;
  background: #fff;
}

.wo-bridge-btn-inline:hover:not(:disabled){
  border-color: #b8c7d2;
  background: #f8fafc;
  color: #334155;
}

.wo-bridge-btn-inline.is-active{
  border-color: #d97706;
  background: #fffbeb;
  color: #b45309;
  box-shadow: none;
}

.wo-bridge-btn-inline.is-active:hover:not(:disabled){
  border-color: #b45309;
  background: #fef3c7;
  color: #92400e;
}

/* Diş Bilgisi — Temizle / Köprü (dark) */

body.theme-dark .wo-prosthesis-utility-btn,
body.theme-dark .wo-panel--modal .wo-prosthesis-utility-btn{
  background: var(--rw-surface-elevated, #27272a) !important;
  border-color: var(--rw-border-soft, #3f3f46) !important;
  color: var(--rw-text-muted, #a1a1aa) !important;
  box-shadow: none !important;
}

body.theme-dark .wo-prosthesis-utility-btn:hover:not(:disabled),
body.theme-dark .wo-panel--modal .wo-prosthesis-utility-btn:hover:not(:disabled){
  background: #2f3136 !important;
  border-color: #52525b !important;
  color: #e4e4e7 !important;
}

body.theme-dark .wo-prosthesis-utility-btn:disabled,
body.theme-dark .wo-panel--modal .wo-prosthesis-utility-btn:disabled{
  opacity: 0.45;
  color: #71717a !important;
  border-color: #3f3f46 !important;
  background: #1f1f23 !important;
}

body.theme-dark .wo-bridge-btn-inline,
body.theme-dark .wo-panel--modal .wo-bridge-btn-inline{
  background: var(--rw-bg-sidebar, #141414) !important;
  border-color: rgba(251, 191, 36, 0.45) !important;
  color: #fbbf24 !important;
}

body.theme-dark .wo-bridge-btn-inline:hover:not(:disabled),
body.theme-dark .wo-panel--modal .wo-bridge-btn-inline:hover:not(:disabled){
  background: rgba(251, 191, 36, 0.14) !important;
  border-color: #fbbf24 !important;
  color: #fde68a !important;
}

body.theme-dark .wo-bridge-btn-inline.is-active,
body.theme-dark .wo-panel--modal .wo-bridge-btn-inline.is-active,
body.theme-dark .wo-bridge-btn-inline.is-active:hover:not(:disabled),
body.theme-dark .wo-panel--modal .wo-bridge-btn-inline.is-active:hover:not(:disabled){
  background: #d97706 !important;
  border-color: #d97706 !important;
  color: #fff !important;
}

body.theme-dark .wo-bridge-btn-inline:disabled,
body.theme-dark .wo-panel--modal .wo-bridge-btn-inline:disabled{
  opacity: 0.45;
  color: #a8a29e !important;
  border-color: rgba(251, 191, 36, 0.25) !important;
  background: #1f1f23 !important;
}

.wo-saved-prosthesis-list{
  display: flex;
  flex-direction: column;
  gap: 0;
  margin-top: 0;
}

.wo-saved-prosthesis-panel{
  display: flex;
  flex-direction: column;
  min-height: 26px;
  padding: 0;
  border: 1px solid #e6e9f0;
  border-radius: 10px;
  background: #ffffff;
  overflow: hidden;
}

.wo-saved-prosthesis-empty{
  margin: 0;
  padding: 2px 10px;
  font-size: 11px;
  font-weight: 400;
  color: #94a3b8;
}

.wo-saved-prosthesis-item{
  margin: 0;
  padding: 10px 12px;
  min-height: 26px;
  border: none;
  border-bottom: 1px solid #e6e9f0;
  border-radius: 0;
  background: transparent;
  color: #334155;
  font-family: var(--sans, 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif);
  font-size: 11px;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
  box-sizing: border-box;
}

.wo-saved-prosthesis-item--selectable{
  cursor: pointer;
  transition: background-color 0.15s ease;
}

.wo-saved-prosthesis-item--stacked{
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
}

.wo-saved-prosthesis-item-main{
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-width: 0;
}

.wo-saved-prosthesis-item-top{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  width: 100%;
  min-width: 0;
}

.wo-saved-prosthesis-flags{
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}

.wo-saved-prosthesis-flags--inline{
  width: auto;
  flex: 0 0 auto;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  margin-left: auto;
}

.wo-saved-prosthesis-flags--inline .wo-flag-options{
  flex-wrap: nowrap;
  /* Iki secenek arasi, kutu-yazi arasindan belirgin daha genis olmali ki
     her yazi kendi kutusunun yaninda gruplansin. */
  gap: 16px;
}

.wo-saved-prosthesis-flags--inline .wo-flag-option{
  /* Dolgu yok: tiklama alani yalnizca kutu + etiket; etrafinda olu bolge kalmasin. */
  padding: 0;
  min-height: 0;
  gap: 6px;
}

.wo-saved-prosthesis-flags--inline .wo-flag-option-label{
  font-size: 12px;
}

.wo-flag-options--compact{
  gap: 2px;
}

.wo-saved-prosthesis-item--selectable:hover{
  background: rgba(37, 99, 235, 0.1);
}

.wo-saved-prosthesis-item--active{
  background: rgba(37, 99, 235, 0.22);
  box-shadow: inset 3px 0 0 var(--brand-primary);
}

.wo-saved-prosthesis-item--active .lab-tooth-pill:not(.lab-tooth-pill--bridge){
  background: rgba(37, 99, 235, 0.28);
  color: #0c4a6e;
}

.wo-saved-prosthesis-item .wo-saved-treatment-row{
  flex: 1;
  min-width: 0;
  flex-wrap: nowrap;
  overflow: hidden;
}

.wo-saved-treatment-price{
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 12px;
  line-height: 1.1;
  white-space: nowrap;
}

.wo-saved-treatment-price-values{
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 1px;
}

.wo-saved-treatment-price-unit{
  font-size: 9px;
  font-weight: 600;
  color: #64748b;
}

.wo-saved-treatment-price-total{
  font-size: 11px;
  font-weight: 700;
  color: #0f766e;
}

/* Fiyata tiklayip duzenleme: gorunum modu (buton) */

.wo-saved-treatment-price--editable{
  border: 1px solid transparent;
  background: transparent;
  padding: 0;
  border-radius: 8px;
  cursor: pointer;
  transition: background 0.12s, border-color 0.12s;
}

/* Hover arka plani yalnizca fiyat gosterildiginde; "Fiyat ekle" pill'inde degil. */

.wo-saved-treatment-price--has-price{
  padding: 3px 8px;
}

.wo-saved-treatment-price--has-price:hover{
  background: #f1f7fb;
  border-color: #d6e6f0;
}

.wo-saved-treatment-price-pencil{
  font-size: 10px;
  color: #9aa8b2;
  opacity: 0.7;
}

.wo-saved-treatment-price--editable:hover .wo-saved-treatment-price-pencil{
  color: var(--brand-primary, #2563eb);
  opacity: 1;
}

/* Is emrine ozel fiyat girildiginde toplam vurgulanir */

.wo-saved-treatment-price--overridden .wo-saved-treatment-price-total{
  color: var(--brand-primary, #2563eb);
}

.wo-saved-treatment-price-add{
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 10px;
  border: 1px dashed var(--brand-primary, #2563eb);
  border-radius: 8px;
  font-size: 12px;
  font-weight: 600;
  color: var(--brand-primary, #2563eb);
  white-space: nowrap;
}

.wo-saved-treatment-price--editable:hover .wo-saved-treatment-price-add{
  background: var(--brand-primary, #2563eb);
  color: #ffffff;
}

/* Fiyata tiklayip duzenleme: duzenleme modu (tek satir) */

.wo-saved-price-edit{
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.wo-saved-price-edit-label{
  font-size: 10px;
  font-weight: 700;
  color: #64748b;
  white-space: nowrap;
}

.wo-saved-price-edit-input{
  width: 88px;
  height: 28px;
  padding: 0 6px;
  border: 1px solid #cfe0eb;
  border-radius: 7px;
  background: #ffffff;
  color: #1a3a4a;
  font-size: 12px;
}

/* Sayi input'undaki artir/azalt oklarini gizle (dar kutu icin) */

.wo-saved-price-edit-input::-webkit-outer-spin-button,
.wo-saved-price-edit-input::-webkit-inner-spin-button{
  -webkit-appearance: none;
  margin: 0;
}

.wo-saved-price-edit-input{
  -moz-appearance: textfield;
  appearance: textfield;
}

.wo-saved-price-edit-currency{
  height: 28px;
  padding: 0 4px;
  border: 1px solid #cfe0eb;
  border-radius: 7px;
  background: #ffffff;
  color: #1a3a4a;
  font-size: 12px;
  cursor: pointer;
}

.wo-saved-price-edit-input:focus,
.wo-saved-price-edit-currency:focus{
  outline: 2px solid #b8dcf0;
  border-color: #8ac3df;
}

.wo-saved-price-edit-done{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: none;
  border-radius: 7px;
  background: var(--brand-primary, #2563eb);
  color: #ffffff;
  cursor: pointer;
}

body.theme-dark .wo-saved-treatment-price--has-price:hover{
  background: rgba(148, 163, 184, 0.14);
  border-color: rgba(148, 163, 184, 0.28);
}

body.theme-dark .wo-saved-price-edit-label{
  color: #94a3b8;
}

body.theme-dark .wo-saved-price-edit-input,
body.theme-dark .wo-saved-price-edit-currency{
  background: #1f2937;
  border-color: #374151;
  color: #e5e7eb;
}

.wo-saved-prosthesis-item:last-child{
  border-bottom: none;
}

.wo-saved-prosthesis-item p{
  margin: 0;
  min-width: 0;
  white-space: normal;
  overflow: visible;
  text-overflow: unset;
  font-family: inherit;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: 0;
  color: #334155;
}

.wo-saved-prosthesis-item strong{
  font-family: inherit;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: 0;
  color: #334155;
}

.wo-saved-prosthesis-item .lab-tooth-pill{
  padding: 1px 5px;
  font-size: 10px;
  font-weight: 500;
}

.wo-saved-prosthesis-item .tech-action-btn{
  flex-shrink: 0;
  min-height: 22px;
  padding: 0 8px;
  font-size: 10px;
  border-radius: 6px;
}

.wo-saved-prosthesis-col{
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}

.wo-flag-extras{
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
}

.wo-flag-extras--inline{
  margin-top: 0;
  padding-top: 0;
  min-width: 0;
  flex-shrink: 0;
  justify-content: flex-start;
}

.wo-flag-extras .wo-teeth-label{
  margin: 0;
  flex-shrink: 0;
}

.wo-flag-extras--inline .wo-flag-options{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  gap: 20px;
  min-height: 52px;
  padding: 10px 14px;
  border: 1px solid #dce8f0;
  border-radius: 10px;
  background: #f8fbfd;
  box-sizing: border-box;
}

.wo-flag-options{
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

.wo-flag-note-label{
  font-size: 13px;
  font-weight: 600;
  color: #475569;
}

.wo-flag-note-input{
  display: block;
  width: 100%;
  min-height: 88px;
  box-sizing: border-box;
  padding: 12px 14px;
  border: 1px solid #cfe0eb;
  border-radius: 12px;
  background: #fbfdff;
  color: #1a3a4a;
  font-size: 14px;
  line-height: 1.5;
  resize: vertical;
  white-space: pre-wrap;
  overflow-wrap: break-word;
  word-break: break-word;
}

.wo-flag-note-input:focus{
  outline: 2px solid rgba(37, 99, 235, 0.25);
  border-color: var(--brand-primary);
  background: #fff;
}

.wo-flag-note-input::placeholder{
  color: #94a3b8;
}

.wo-flag-option{
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  padding: 0;
  cursor: pointer;
  white-space: nowrap;
  position: relative;
}

.wo-flag-option input{
  position: absolute;
  opacity: 0;
  width: 18px;
  height: 18px;
  margin: 0;
}

.wo-flag-option input[type="radio"]{
  position: absolute;
  opacity: 0;
  width: 18px;
  height: 18px;
  margin: 0;
}

.wo-flag-option:has(input:focus-visible) .wo-flag-option-box{
  outline: 2px solid var(--lab-accent, var(--brand-primary));
  outline-offset: 2px;
}

.wo-flag-option-box{
  width: 18px;
  height: 18px;
  border: 2px solid #a5bdcd;
  border-radius: 5px;
  background: #fff;
  flex-shrink: 0;
  position: relative;
}

.wo-flag-option--active{
  background: transparent;
}

.wo-flag-option--active .wo-flag-option-box{
  border-color: var(--wo-btn-accent-dark, var(--brand-primary-deep));
  background: var(--wo-btn-gradient, var(--brand-primary));
}

.wo-flag-option--active .wo-flag-option-box::after{
  content: '';
  position: absolute;
  left: 4px;
  top: 1px;
  width: 5px;
  height: 9px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.wo-flag-option-label{
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  color: #2e4f61;
  white-space: nowrap;
  line-height: 18px;
}

.wo-form-actions{
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding-top: 16px;
  border-top: 1px solid #e8eef3;
}

.wo-form-actions--next-only{
  justify-content: flex-end;
}

.wo-form-actions .tech-action-btn,
.wo-form-actions .tech-add-btn{
  display: flex;
  align-items: center;
  gap: 6px;
}

.tech-panel.wo-panel .wo-form-actions .tech-add-btn:hover:not(:disabled),
.tech-panel.wo-panel .wo-form-actions .tech-add-btn:focus-visible,
.tech-panel.wo-panel .wo-form-actions .tech-action-btn:hover:not(:disabled),
.tech-panel.wo-panel .wo-form-actions .tech-action-btn:focus-visible{
  outline: 2px solid var(--lab-accent, var(--brand-primary));
  outline-offset: 2px;
}

.tech-panel.wo-panel .wo-form-actions .tech-add-btn:hover:not(:disabled),
.tech-panel.wo-panel .wo-form-actions .tech-add-btn:focus-visible{
  background: var(--wo-btn-gradient, var(--brand-primary));
  border-color: transparent;
  color: #fff;
}

/* Yeni is emri paneli — birincil mavi butonlar */

.tech-panel.wo-panel .tech-add-btn,
.tech-panel.wo-panel .wo-prosthesis-save-btn{
  background: var(--wo-btn-gradient, var(--brand-primary));
  border: 0;
  color: #fff;
}

.tech-panel.wo-panel .wo-tab--active:hover{
  background: transparent;
  border-color: transparent;
  color: var(--brand-primary);
  box-shadow: none;
}

.tech-panel.wo-panel .wo-mode-btn--active:hover,
.tech-panel.wo-panel .wo-tooth--selected:hover,
.tech-panel.wo-panel .tech-add-btn:hover:not(:disabled),
.tech-panel.wo-panel .wo-prosthesis-save-btn:hover:not(:disabled){
  background: var(--wo-btn-hover, var(--brand-primary-light));
  border-color: var(--wo-btn-hover, var(--brand-primary-light));
  color: #fff;
}

.tech-panel.wo-panel .wo-mode-btn:hover:not(.wo-mode-btn--active){
  border-color: var(--wo-btn-hover, var(--brand-primary-light));
  background: #f0f8fc;
  color: var(--wo-btn-hover, var(--brand-primary-light));
}

.tech-panel.wo-panel .wo-tooth:hover:not(.wo-tooth--selected){
  border-color: var(--wo-btn-hover, var(--brand-primary-light));
}

.tech-panel.wo-panel .wo-add-trial-btn:hover{
  border-color: var(--wo-btn-hover, var(--brand-primary-light));
  color: var(--wo-btn-hover, var(--brand-primary-light));
}

.tech-panel.wo-panel .wo-case-capture-option:hover{
  border-color: var(--wo-btn-hover, var(--brand-primary-light));
}

.tech-panel.wo-panel .wo-case-capture-option--active:hover{
  border-color: var(--wo-btn-hover, var(--brand-primary-light));
}

.tech-panel.wo-panel .wo-flag-option:hover .wo-flag-option-box{
  border-color: var(--wo-btn-hover, var(--brand-primary-light));
}

.tech-panel.wo-panel .wo-flag-option--active:hover .wo-flag-option-box{
  background: var(--wo-btn-hover, var(--brand-primary-light));
  border-color: var(--wo-btn-hover, var(--brand-primary-light));
}

/* Dark mode for work orders */

body.theme-dark .wo-tab{
  background: transparent;
  color: #d4d4d8;
  border-color: transparent;
}

body.theme-dark .wo-tab:hover{
  background: transparent;
  color: #f4f4f5;
}

body.theme-dark .wo-tabs{
  background: transparent;
  border-bottom-color: #2a2a2a;
}

body.theme-dark .wo-tab--active{
  background: transparent;
  color: var(--brand-primary-selected-text);
  box-shadow: none;
}

body.theme-dark .wo-tab--active:hover{
  background: transparent;
  color: var(--brand-primary-selected-text);
}

body.theme-dark .wo-tab-sep{
  background: #3f3f46;
}

body.theme-dark .wo-tab-count{
  background: #27272a;
  color: #a1a1aa;
}

body.theme-dark .wo-tab--active .wo-tab-count{
  background: var(--brand-primary-soft);
  color: var(--brand-primary-selected-text);
}

body.theme-dark .wo-tab-count--alert,
body.theme-dark .wo-tab-alert{
  background: rgba(239, 68, 68, 0.22);
  color: #ff8d8d;
}

body.theme-dark .wo-section-title{
  color: #e0e0e0;
  border-bottom-color: #2a2a2a;
}

body.theme-dark .wo-patient-info{
  background: #1E1F23;
  border-color: #2a2a2a;
}

body.theme-dark .wo-patient-info p{
  color: #b0b0b0;
}

body.theme-dark .wo-patient-info strong{
  color: #e0e0e0;
}

body.theme-dark .wo-patient-suggestions{
  background: #1e232b;
  border-color: #2f3540;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.34);
}

body.theme-dark .wo-option-select-input{
  color: #eef3f8;
  border-color: #3a4150;
  background: #181d24;
}

body.theme-dark .wo-option-select-input::placeholder{
  color: #9aa7b6;
}

body.theme-dark .wo-option-select--searchable.wo-option-select--open .wo-option-select-input{
  outline: none;
  border-color: var(--brand-primary);
  box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.22);
  background: #141a21;
}

body.theme-dark .wo-option-select--selection-only.wo-option-select--open .wo-option-select-input{
  outline: none;
  border-color: var(--brand-primary);
  box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.22);
  background: #141a21;
}

body.theme-dark .wo-option-select-trigger{
  color: #eef3f8;
  border-color: #3a4150;
  background: #181d24;
}

body.theme-dark .wo-option-select-trigger:hover:not(:disabled){
  border-color: #3a4150;
  background: #181d24;
}

body.theme-dark .wo-option-select--open .wo-option-select-trigger{
  outline: 2px solid rgba(37, 99, 235, 0.22);
  border-color: var(--brand-primary);
  background: #141a21;
}

body.theme-dark .wo-option-select-value--placeholder{
  color: #9aa7b6;
}

body.theme-dark .wo-option-select-menu{
  background: #18181b;
  border-color: #2d2d2d;
  border-radius: 8px;
  box-shadow:
    0 4px 6px rgba(0, 0, 0, 0.25),
    0 16px 32px rgba(0, 0, 0, 0.35);
  padding: 6px;
}

body.theme-dark .wo-option-select-item{
  color: #f4f4f5;
  border-radius: 6px;
}

body.theme-dark .wo-option-select--searchable .wo-option-select-item,
body.theme-dark .wo-option-select-menu--searchable .wo-option-select-item,
body.theme-dark .wo-option-select--selection-only .wo-option-select-item,
body.theme-dark .wo-option-select-menu--selection-only .wo-option-select-item{
  color: #f4f4f5;
}

body.theme-dark .wo-option-select-item:hover,
body.theme-dark .wo-option-select--searchable .wo-option-select-item:hover,
body.theme-dark .wo-option-select-menu--searchable .wo-option-select-item:hover,
body.theme-dark .wo-option-select--selection-only .wo-option-select-item:hover,
body.theme-dark .wo-option-select-menu--selection-only .wo-option-select-item:hover,
body.theme-dark .wo-option-select--searchable .wo-option-select-item--highlighted,
body.theme-dark .wo-option-select-menu--searchable .wo-option-select-item--highlighted,
body.theme-dark .wo-option-select--selection-only .wo-option-select-item--highlighted,
body.theme-dark .wo-option-select-menu--selection-only .wo-option-select-item--highlighted{
  background: #27272a;
  color: #fafafa;
}

body.theme-dark .wo-option-select-item--active,
body.theme-dark .wo-option-select-item--active:hover,
body.theme-dark .wo-option-select-item--active.wo-option-select-item--highlighted{
  background: #2f2f35;
  color: #fafafa;
}

body.theme-dark .wo-option-select-item--active{
  color: #fafafa;
  font-weight: 500;
}

body.theme-dark .wo-option-select-empty{
  color: #8791a3;
}

body.theme-dark .wo-teeth-chart{
  background: #1E1F23;
  border-color: #2a2a2a;
}

body.theme-dark .wo-teeth-divider{
  background: linear-gradient(90deg, transparent, #444, transparent);
}

body.theme-dark .wo-odontogram-wrap{
  background: #1E1F23;
  border-color: #2a2a2a;
}

body.theme-dark .wo-tooth{
  background: #24262c;
  border-color: #444;
  color: #b0b0b0;
}

body.theme-dark .wo-tooth:hover{
  border-color: var(--brand-primary);
  background: #2a3040;
}

body.theme-dark .wo-trials-empty{
  background: #1E1F23;
  border-color: #333;
  color: #888;
}

body.theme-dark .wo-trial-card{
  background: #1E1F23;
  border-color: #2a2a2a;
}

body.theme-dark .wo-trial-photo-name{
  color: #9aa5b1;
}

body.theme-dark .wo-trial-header{
  border-bottom-color: #2a2a2a;
}

body.theme-dark .wo-trial-number{
  color: var(--lab-accent-muted, #7eb8d4);
}

body.theme-dark .wo-add-trial-btn{
  border-color: #444;
  color: var(--brand-primary);
}

body.theme-dark .wo-add-trial-btn:hover{
  border-color: var(--brand-primary);
  background: #1a2530;
}

body.theme-dark .wo-summary-group{
  background: #1E1F23;
  border-color: #2a2a2a;
}

body.theme-dark .wo-summary-group p{
  color: #b0b0b0;
}

body.theme-dark .wo-summary-group strong{
  color: #e0e0e0;
}

body.theme-dark .wo-summary-prosthesis-item{
  background: #202228;
  border-color: #343840;
}

body.theme-dark .wo-summary-prosthesis-grand-total{
  border-top-color: #343840;
}

body.theme-dark .wo-form-actions{
  border-top-color: #2a2a2a;
}

body.theme-dark .wo-mode-btn{
  background: #1E1F23;
  border-color: #333;
  color: #b0b0b0;
}

body.theme-dark .wo-mode-btn:hover{
  border-color: var(--brand-primary);
  background: #1a2530;
  color: var(--brand-primary);
}

body.theme-dark .wo-mode-btn--active{
  background: var(--wo-btn-gradient, var(--brand-primary));
  border-color: var(--wo-btn-accent-dark, var(--brand-primary-deep));
  color: #fff;
}

body.theme-dark .wo-case-capture-option{
  border-color: #333;
  background: #1E1F23;
  color: #c5c5c5;
}

body.theme-dark .wo-case-capture-option:hover{
  border-color: #4a5b67;
  background: #26282e;
}

body.theme-dark .wo-case-capture-option--active{
  border-color: var(--brand-primary);
  background: #22303b;
  color: #e3f3fc;
}

body.theme-dark .wo-case-date-input{
  color-scheme: dark;
}

body.theme-dark .wo-case-photo-input{
  border-color: #3b3f46;
  background: #1E1F23;
  color: #d8d8d8;
}

body.theme-dark .wo-case-photo-input::file-selector-button{
  border-color: #3d4954;
  background: #262a31;
  color: #dce6ed;
}

body.theme-dark .wo-saved-prosthesis-panel{
  border-color: #2f3540;
  background: #1e232b;
}

body.theme-dark .wo-saved-prosthesis-item{
  border-color: transparent;
  background: transparent;
  color: #cbd5e1;
}

body.theme-dark .wo-saved-prosthesis-item--selectable:hover{
  background: var(--brand-primary-soft);
}

body.theme-dark .wo-saved-prosthesis-item--active{
  background: rgba(37, 99, 235, 0.26);
  box-shadow: inset 3px 0 0 var(--brand-primary);
}

body.theme-dark .wo-saved-prosthesis-item--active .lab-tooth-pill:not(.lab-tooth-pill--bridge){
  background: rgba(37, 99, 235, 0.34);
  color: #bae6fd;
}

body.theme-dark .wo-saved-prosthesis-item p,
body.theme-dark .wo-saved-prosthesis-item strong{
  color: #cbd5e1;
}

body.theme-dark .wo-saved-prosthesis-empty{
  color: #8791a3;
}

body.theme-dark .wo-flag-note-label{
  color: #9ca3af;
}

body.theme-dark .wo-flag-note-input{
  border-color: #343840;
  background: #1a222c;
  color: #e8eef4;
}

body.theme-dark .wo-flag-note-input:focus{
  border-color: var(--brand-primary);
  background: #141a21;
}

body.theme-dark .wo-flag-option{
  background: transparent;
}

body.theme-dark .wo-flag-option-box{
  border-color: #70808c;
  background: #1E1F23;
}

body.theme-dark .wo-flag-option--active{
  border-color: var(--brand-primary);
  background: var(--brand-primary-soft);
}

body.theme-dark .wo-flag-option--active .wo-flag-option-box{
  border-color: var(--brand-primary);
  background: var(--brand-primary);
}

body.theme-dark .wo-flag-option-label{
  color: #d4dee6;
}

body.theme-dark .wo-form textarea{
  background: #1E1F23;
  border-color: #333;
  color: #d8d8d8;
}

body.theme-dark .wo-form textarea::placeholder{
  color: #8f98a3;
}

body.theme-dark .wo-form textarea:focus{
  border-color: #4e90b2;
  outline-color: var(--brand-primary);
  background: #23262c;
}

@media (max-width: 600px) {
  .wo-tabs{
    gap: 0;
    padding: 0 10px;
  }

  .wo-tab{
    padding: 0 4px;
    font-size: 11px;
  }

  .wo-tab-count--alert,
.wo-tab-alert{
    right: 2px;
    min-width: 16px;
    height: 16px;
    padding: 0 4px;
    font-size: 10px;
  }

  .wo-tooth{
    width: 28px;
    height: 28px;
    font-size: 10px;
  }

  .wo-patient-info{
    flex-direction: column;
    gap: 8px;
  }

  .wo-case-date-grid{
    grid-template-columns: 1fr;
  }

  

  .wo-flag-options{
    flex-direction: column;
    gap: 10px;
  }

  

  .wo-flag-extras--inline{
    min-width: 0;
  }

  .wo-flag-extras--inline .wo-flag-options{
    flex-wrap: wrap;
    min-height: 0;
  }

  .wo-prosthesis-save-row{
    flex-wrap: wrap;
  }

  .wo-prosthesis-save-row .wo-prosthesis-select{
    flex-basis: 100%;
  }

  .wo-section{
    height: auto;
    min-height: 0;
    overflow-y: visible;
    padding-right: 0;
  }
}

/* Dark theme palette: see theme-relatewise.css */

.clinic-calendar-card{
  background: #ffffff;
  border-radius: 14px;
  box-shadow: 0 16px 40px rgba(25, 63, 94, 0.12);
  padding: 18px;
  min-height: 640px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.clinic-calendar-card--week,
.clinic-calendar-card--modern{
  padding: 20px 22px 22px;
  border-radius: 16px;
  box-shadow: 0 8px 32px rgba(15, 23, 42, 0.06);
  flex: 1;
  min-height: 0;
  max-height: none;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.clinic-calendar-card.clinic-calendar-card--modern{
  min-height: 0;
}

.clinic-calendar-card--modern > .clinic-calendar-month-board,
.clinic-calendar-card--modern > .clinic-calendar-scheduler{
  flex: 1;
  min-height: 0;
}

.clinic-calendar-toolbar--week,
.clinic-calendar-toolbar--modern{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
  margin-bottom: 4px;
  flex-shrink: 0;
  position: relative;
  z-index: 5;
}

.clinic-calendar-toolbar-start{
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-width: 0;
}

.clinic-calendar-period-tabs{
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px;
  background: #eef2f6;
  border-radius: 10px;
  width: fit-content;
}

.clinic-calendar-period-tab{
  border: 0;
  background: transparent;
  color: #5a6b7d;
  padding: 8px 16px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease;
}

.clinic-calendar-period-tab:hover{
  color: #1e3a4a;
}

.clinic-calendar-period-tab--active{
  background: #006080;
  color: #ffffff;
  box-shadow: 0 2px 8px rgba(0, 96, 128, 0.25);
}

.clinic-calendar-period-meta{
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.clinic-calendar-period-month{
  margin: 0;
  font-size: 1.35rem;
  font-weight: 800;
  color: #0f172a;
  letter-spacing: -0.02em;
  text-transform: capitalize;
}

.clinic-calendar-period-range{
  margin: 0;
  font-size: 0.88rem;
  color: #64748b;
  font-weight: 500;
}

.clinic-calendar-nav--compact{
  display: flex;
  gap: 6px;
}

.clinic-calendar-icon-btn{
  width: 34px;
  height: 34px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #ffffff;
  color: #475569;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.clinic-calendar-icon-btn:hover{
  background: var(--brand-primary-soft);
  border-color: var(--brand-primary);
  color: var(--brand-primary);
  box-shadow: 0 0 0 1px var(--brand-ring);
}

.clinic-calendar-toolbar-end{
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.clinic-calendar-search{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0 14px;
  height: 40px;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  background: #ffffff;
  min-width: 220px;
}

.clinic-calendar-search i{
  color: #94a3b8;
  font-size: 14px;
}

.clinic-calendar-search input{
  border: 0;
  outline: none;
  background: transparent;
  font-size: 13px;
  color: #0f172a;
  width: 100%;
  min-width: 140px;
}

.clinic-calendar-search input::placeholder{
  color: #94a3b8;
}

.clinic-calendar-create-btn{
  border: 0;
  border-radius: 10px;
  background: #006080;
  color: #ffffff;
  font-size: 13px;
  font-weight: 700;
  padding: 0 18px;
  height: 40px;
  cursor: pointer;
  white-space: nowrap;
  box-shadow: 0 4px 12px rgba(0, 96, 128, 0.22);
}

.clinic-calendar-create-btn:hover{
  background: #004d66;
}

.clinic-calendar-toolbar{
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 12px;
}

.clinic-calendar-title{
  text-align: center;
  color: #20425c;
  font-size: 1.05rem;
  letter-spacing: 0.01em;
}

.clinic-calendar-nav,
.clinic-calendar-view-switch{
  display: flex;
  gap: 8px;
}

.clinic-calendar-btn{
  border: 1px solid #d5e2ed;
  background: #f7fbff;
  color: #2e506a;
  border-radius: 8px;
  padding: 8px 14px;
  font-size: 0.87rem;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.15s, border-color 0.15s;
}

.clinic-calendar-btn:hover:not(:disabled){
  background: #edf4fc;
  border-color: #b8d3ec;
}

.clinic-calendar-btn--active{
  background: linear-gradient(135deg, #3a84ce, #2a6db4);
  color: #ffffff;
  border-color: transparent;
  box-shadow: 0 2px 8px rgba(42, 109, 180, 0.28);
}

.clinic-calendar-btn--active:hover:not(:disabled){
  background: linear-gradient(135deg, #4490d8, #3276be);
  box-shadow: 0 3px 10px rgba(42, 109, 180, 0.35);
}

.clinic-calendar-btn--danger{
  background: #fff8f8;
  color: #c63535;
  border-color: #f5c6c6;
}

.clinic-calendar-btn--danger:hover:not(:disabled){
  background: #fee8e8;
  border-color: #eca0a0;
}

.clinic-calendar-grid{
  display: grid;
  gap: 8px;
  flex: 1;
}

.clinic-calendar-grid--month{
  grid-template-columns: repeat(7, minmax(0, 1fr));
  grid-auto-rows: minmax(90px, 1fr);
}

/* ── Monthly board (modern) ─────────────────────────────────── */

.clinic-calendar-month-board{
  position: relative;
  flex: 1;
  display: flex;
  min-height: 0;
  padding-right: 12px;
  overflow: hidden;
  z-index: 0;
}

.clinic-calendar-month-grid{
  flex: 1;
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  grid-auto-rows: minmax(128px, auto);
  border: 1px solid #e8ecf0;
  border-radius: 12px;
  overflow: auto;
  background: #ffffff;
  min-height: 0;
  -webkit-overflow-scrolling: touch;
}

.clinic-calendar-month-weekday{
  padding: 10px 8px;
  text-align: center;
  font-size: 12px;
  font-weight: 700;
  color: #64748b;
  background: #fafbfc;
  border-bottom: 1px solid #e8ecf0;
  border-right: 1px solid #e8ecf0;
}

.clinic-calendar-month-grid > :nth-child(7n){
  border-right: 0;
}

.clinic-calendar-month-cell{
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  min-height: 128px;
  padding: 8px 6px 6px;
  border-right: 1px solid #eef1f4;
  border-bottom: 1px solid #eef1f4;
  background: #ffffff;
  cursor: pointer;
  transition: background 0.12s ease;
  overflow: visible;
}

.clinic-calendar-month-cell:hover{
  background: #f8fafc;
}

.clinic-calendar-month-cell--muted{
  background: #fafbfc;
}

.clinic-calendar-month-cell--muted .clinic-calendar-month-day-num{
  color: #94a3b8;
}

.clinic-calendar-month-cell--today{
  background: rgba(0, 96, 128, 0.04);
  box-shadow: inset 0 0 0 1px rgba(0, 96, 128, 0.12);
}

.clinic-calendar-month-day-num{
  align-self: flex-end;
  font-size: 13px;
  font-weight: 700;
  color: #334155;
  line-height: 1;
  margin-bottom: 6px;
  padding-right: 2px;
}

.clinic-calendar-month-events{
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex: 1;
  min-height: 0;
  overflow: visible;
}

.clinic-month-event{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  width: 100%;
  box-sizing: border-box;
  padding: 6px 8px;
  border-radius: 8px;
  font-size: 11px;
  line-height: 1.25;
  overflow: hidden;
}

.clinic-month-event-title{
  flex: 1;
  min-width: 0;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.clinic-month-event-time{
  flex-shrink: 0;
  font-weight: 500;
  font-size: 10px;
  opacity: 0.9;
}

.clinic-month-event--sky{
  background: #e0f4fa;
  color: #0c5f7a;
}

.clinic-month-event--rose{
  background: #fce8ef;
  color: #9f1239;
}

.clinic-month-event--violet{
  background: #ede9fe;
  color: #5b21b6;
}

.clinic-month-event--teal{
  background: #d9f5ef;
  color: var(--brand-primary-deep);
}

.clinic-month-event--amber{
  background: #fef3c7;
  color: #92400e;
}

.clinic-month-event--indigo{
  background: #e8eeff;
  color: #3730a3;
}

.clinic-month-event--mint{
  background: #dcfce7;
  color: #166534;
}

.clinic-month-event-more{
  align-self: flex-start;
  border: 0;
  background: transparent;
  padding: 2px 4px;
  font-size: 11px;
  font-weight: 600;
  color: #64748b;
  cursor: pointer;
}

.clinic-month-event-more:hover{
  color: #006080;
}

.clinic-calendar-month-next{
  position: absolute;
  right: -14px;
  top: 50%;
  transform: translateY(-50%);
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1px solid #e2e8f0;
  background: #ffffff;
  color: #475569;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08);
  z-index: 2;
}

.clinic-calendar-month-next:hover{
  background: #f8fafc;
  color: #006080;
}

.clinic-calendar-grid--week{
  grid-template-columns: repeat(7, minmax(0, 1fr));
}

.clinic-calendar-grid--day{
  grid-template-columns: minmax(0, 1fr);
}

.clinic-calendar-weekday{
  text-align: center;
  font-weight: 700;
  color: #6b8296;
  font-size: 0.86rem;
  padding: 6px 0;
}

.clinic-calendar-cell{
  border: 1px solid #e1ebf3;
  border-radius: 10px;
  background: #ffffff;
  padding: 10px;
  color: #26455f;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  font-weight: 600;
}

.clinic-calendar-cell--muted{
  color: #9ab0c2;
  background: #f7fbff;
}

.clinic-calendar-cell--today{
  border-color: #3a84ce;
  box-shadow: inset 0 0 0 1px rgba(58, 132, 206, 0.35);
}

.clinic-calendar-cell--tall{
  min-height: 460px;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 4px;
}

.clinic-calendar-cell--tall small{
  color: #6f8699;
  text-transform: capitalize;
}

.clinic-calendar-scheduler{
  border: 1px solid #e1ebf3;
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
}

.clinic-calendar-scheduler-header{
  display: grid;
  background: #f7fbff;
  border-bottom: 1px solid #dfe9f2;
  flex-shrink: 0;
  position: sticky;
  top: 0;
  z-index: 4;
}

.clinic-calendar-time-head,
.clinic-calendar-col-head{
  padding: 8px 8px;
  font-weight: 700;
  color: #355870;
  border-right: 1px solid #dfe9f2;
  min-height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.clinic-calendar-col-head{
  flex-direction: column;
  gap: 2px;
}

.clinic-calendar-scheduler-body{
  position: relative;
  flex: 1;
  min-height: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.clinic-calendar-scheduler-stack{
  display: grid;
  grid-template-areas: 'stack';
  min-height: min-content;
}

.clinic-calendar-scheduler-rows,
.clinic-calendar-scheduler-stack > .clinic-calendar-events-layer{
  grid-area: stack;
}

.clinic-calendar-scheduler-rows{
  position: relative;
  z-index: 0;
}

.clinic-calendar-row{
  display: grid;
  border-bottom: 1px solid #edf2f7;
}

.clinic-calendar-time-cell{
  min-height: 26px;
  padding: 2px 8px;
  color: #68839b;
  border-right: 1px solid #e7eef5;
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  justify-items: center;
  background: #fbfdff;
  font-size: 0.72rem;
}

.clinic-calendar-time-cell strong{
  font-weight: 700;
  line-height: 1;
}

.clinic-calendar-time-cell small{
  font-size: 0.7rem;
  color: #90a3b4;
  line-height: 1;
}

.clinic-calendar-slot{
  position: relative;
  z-index: 0;
  min-height: 26px;
  border-right: 1px solid #edf2f7;
  background: #ffffff;
  cursor: pointer;
  transition: background-color 0.15s ease;
}

.clinic-calendar-slot:hover{
  background: #f3f8fd;
}

.clinic-calendar-slot--today{
  background: rgba(58, 132, 206, 0.06);
}

.clinic-calendar-slot--active{
  background: rgba(58, 132, 206, 0.14);
  box-shadow: inset 0 0 0 1px rgba(58, 132, 206, 0.42);
}

.clinic-calendar-events-layer{
  position: relative;
  display: grid;
  pointer-events: none;
  z-index: 2;
  min-height: 100%;
  align-self: stretch;
}

.clinic-calendar-events-time-spacer{
  border-right: 1px solid transparent;
}

.clinic-calendar-events-column{
  position: relative;
  min-height: 100%;
}

.clinic-calendar-scheduler--week,
.clinic-calendar-scheduler--modern{
  border: 1px solid #e8ecf0;
  border-radius: 12px;
  overflow: hidden;
  flex: 1;
  min-height: 0;
}

.clinic-calendar-scheduler--week .clinic-calendar-scheduler-header,
.clinic-calendar-scheduler--modern .clinic-calendar-scheduler-header{
  background: #ffffff;
  border-bottom: 1px solid #e8ecf0;
}

.clinic-calendar-scheduler--week .clinic-calendar-time-head,
.clinic-calendar-scheduler--modern .clinic-calendar-time-head{
  font-size: 11px;
  font-weight: 600;
  color: #94a3b8;
  align-items: flex-end;
  padding-bottom: 10px;
}

.clinic-calendar-time-gmt{
  font-size: 11px;
  font-weight: 600;
  color: #94a3b8;
}

.clinic-calendar-scheduler--week .clinic-calendar-col-head,
.clinic-calendar-scheduler--modern .clinic-calendar-col-head{
  padding: 12px 8px;
  gap: 4px;
  border-right: 1px solid #e8ecf0;
}

.clinic-calendar-scheduler--day .clinic-calendar-col-head--doctor{
  justify-content: center;
  min-height: 52px;
}

.clinic-calendar-col-doctor{
  font-size: 12px;
  font-weight: 700;
  color: #1e293b;
  line-height: 1.3;
  text-align: center;
  padding: 0 4px;
}

.clinic-calendar-col-day{
  font-size: 11px;
  font-weight: 600;
  color: #94a3b8;
  text-transform: capitalize;
  line-height: 1.2;
}

.clinic-calendar-col-date{
  font-size: 15px;
  font-weight: 800;
  color: #1e293b;
  line-height: 1;
}

.clinic-calendar-col-head--today .clinic-calendar-col-date{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #006080;
  color: #ffffff;
  font-size: 13px;
}

.clinic-calendar-scheduler--week .clinic-calendar-row,
.clinic-calendar-scheduler--modern .clinic-calendar-row{
  border-bottom: 1px solid #eef1f4;
}

.clinic-calendar-scheduler--week .clinic-calendar-time-cell,
.clinic-calendar-scheduler--week .clinic-calendar-slot,
.clinic-calendar-scheduler--modern .clinic-calendar-time-cell,
.clinic-calendar-scheduler--modern .clinic-calendar-slot{
  min-height: 52px;
}

.clinic-calendar-scheduler--week .clinic-calendar-time-cell,
.clinic-calendar-scheduler--modern .clinic-calendar-time-cell{
  font-size: 12px;
  color: #94a3b8;
  background: #fafbfc;
  border-right: 1px solid #e8ecf0;
}

.clinic-calendar-scheduler--week .clinic-calendar-slot,
.clinic-calendar-scheduler--modern .clinic-calendar-slot{
  border-right: 1px solid #eef1f4;
  background: #ffffff;
}

.clinic-calendar-scheduler--week .clinic-calendar-slot--today,
.clinic-calendar-scheduler--modern .clinic-calendar-slot--today{
  background: rgba(0, 96, 128, 0.03);
}

.clinic-calendar-scheduler--day .clinic-calendar-slot--today{
  background: rgba(0, 96, 128, 0.03);
}

.clinic-appointment-card{
  position: absolute;
  left: 6px;
  right: 6px;
  border-radius: 10px;
  padding: 8px 10px;
  box-shadow: 0 8px 18px rgba(15, 26, 39, 0.12);
  overflow: hidden;
  pointer-events: auto;
  z-index: 3;
  box-sizing: border-box;
}

.clinic-appointment-card--week,
.clinic-appointment-card--modern{
  left: 4px;
  right: 4px;
  border-radius: 8px;
  padding: 10px 12px;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.08);
  display: flex;
  flex-direction: column;
  gap: 4px;
  justify-content: flex-start;
  overflow: visible;
  min-height: 36px;
}

.clinic-appointment-card--modern .clinic-appointment-title{
  font-size: 12px;
  font-weight: 700;
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.clinic-appointment-card--modern .clinic-appointment-time{
  font-size: 11px;
  font-weight: 500;
  opacity: 0.9;
}

.clinic-appointment-card--dark{
  background: #1e2331;
  color: #f8fbff;
}

.clinic-appointment-card--soft{
  background: #eef3f8;
  color: #1f2a35;
}

.clinic-appointment-card--warm{
  background: #fff1e6;
  color: #392c25;
}

.clinic-appointment-card--light{
  background: #f5f5db;
  color: #2d2d2d;
}

.clinic-appointment-card--sky{
  background: #e0f4fa;
  color: #0c5f7a;
}

.clinic-appointment-card--rose{
  background: #fce8ef;
  color: #9f1239;
}

.clinic-appointment-card--violet{
  background: #ede9fe;
  color: #5b21b6;
}

.clinic-appointment-card--teal{
  background: #d9f5ef;
  color: var(--brand-primary-deep);
}

.clinic-appointment-card--amber{
  background: #fef3c7;
  color: #92400e;
}

.clinic-appointment-card--indigo{
  background: #e8eeff;
  color: #3730a3;
}

.clinic-appointment-card--mint{
  background: #dcfce7;
  color: #166534;
}

.clinic-appointment-patient{
  margin: 0;
  font-size: 0.82rem;
  font-weight: 700;
}

.clinic-appointment-time{
  margin: 0;
  font-size: 0.74rem;
  font-weight: 500;
  opacity: 0.9;
}

.clinic-appointment-card--week .clinic-appointment-time{
  font-size: 11px;
}

.clinic-appointment-title{
  margin: 0;
  font-size: 0.75rem;
  font-weight: 600;
}

.clinic-appointment-card--week .clinic-appointment-title{
  font-size: 12px;
  font-weight: 700;
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.clinic-appointment-doctor{
  margin: 0;
  font-size: 0.75rem;
  font-weight: 600;
}

.clinic-calendar-modal-backdrop{
  position: fixed;
  inset: 0;
  background: rgba(18, 35, 51, 0.45);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 50;
}

.clinic-calendar-modal{
  width: min(520px, 92vw);
  background: #ffffff;
  border-radius: 16px;
  padding: 0;
  box-shadow: 0 24px 64px rgba(11, 33, 52, 0.2), 0 4px 16px rgba(11, 33, 52, 0.07);
  overflow: hidden;
}

.clinic-calendar-modal-header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 20px 14px;
}

.clinic-calendar-modal-title{
  display: flex;
  align-items: center;
  gap: 8px;
  color: #1a3650;
  font-size: 1rem;
  font-weight: 700;
}

.clinic-calendar-modal-title svg{
  color: #3a84ce;
  flex-shrink: 0;
}

.clinic-calendar-modal-close{
  width: 30px;
  height: 30px;
  border-radius: 8px;
  border: none;
  background: #f2f6fa;
  color: #5a7490;
  font-size: 1.25rem;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.15s, color 0.15s;
  flex-shrink: 0;
}

.clinic-calendar-modal-close:hover{
  background: #e0eaf5;
  color: #1a3650;
}

.clinic-calendar-modal-timebadge{
  display: flex;
  align-items: center;
  gap: 5px;
  margin: 0 20px;
  padding: 7px 12px;
  background: #eef5fd;
  border-radius: 8px;
  color: #2566a0;
  font-size: 0.82rem;
  font-weight: 600;
}

.clinic-calendar-modal-timebadge-sep{
  margin: 0 2px;
  color: #7aadd6;
  font-weight: 400;
}

.clinic-calendar-modal-timebadge span:last-child{
  color: #4a80b0;
  font-weight: 500;
}

.clinic-calendar-modal-divider{
  height: 1px;
  background: #e8f0f8;
  margin: 14px 0 0;
}

.clinic-calendar-form{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  padding: 16px 20px 20px;
}

.clinic-calendar-patient-box{
  grid-column: 1 / -1;
  border: 1.5px solid #cfe0ef;
  border-radius: 12px;
  padding: 12px 14px 14px;
  background: #ffffff;
  display: flex;
  flex-direction: column;
  gap: 10px;
  box-shadow: 0 1px 4px rgba(10, 30, 60, 0.05);
}

.clinic-calendar-patient-header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.clinic-calendar-patient-header-left{
  display: flex;
  align-items: center;
  gap: 5px;
  color: #4a6a82;
}

.clinic-calendar-patient-header-left svg{
  flex-shrink: 0;
}

.clinic-calendar-patient-header svg{
  flex-shrink: 0;
}

.clinic-calendar-patient-title{
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #4a6a82;
}

/* --- Seçili hasta chip --- */

.clinic-calendar-patient-selected{
  display: flex;
  align-items: center;
  gap: 8px;
  background: #f0f7ff;
  border: 1.5px solid #3a84ce;
  border-radius: 8px;
  padding: 5px 10px;
  box-shadow: 0 0 0 3px rgba(58, 132, 206, 0.07);
  box-sizing: border-box;
}

.clinic-calendar-patient-avatar{
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: linear-gradient(135deg, #3a84ce, #2566a0);
  color: #ffffff;
  font-size: 0.72rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.clinic-calendar-patient-selected-name{
  flex: 1;
  font-size: 0.9rem;
  font-weight: 600;
  color: #1a3650;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.clinic-calendar-patient-clear{
  width: 22px;
  height: 22px;
  border-radius: 5px;
  border: none;
  background: #e8f0f8;
  color: #4a6a82;
  font-size: 1rem;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  flex-shrink: 0;
  transition: background 0.15s, color 0.15s;
}

.clinic-calendar-patient-clear:hover{
  background: #fee8e8;
  border-color: #f0a0a0;
  color: #c63535;
}

/* --- Arama satırı --- */

.clinic-calendar-patient-row{
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
}

.clinic-calendar-patient-box .clinic-calendar-patient-row{
  grid-column: auto;
}

.clinic-calendar-patient-search{
  margin: 0;
  position: relative;
  display: block;
  width: 100%;
}

.clinic-calendar-patient-search-icon{
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #8aadc8;
  pointer-events: none;
  display: flex;
  align-items: center;
}

.clinic-calendar-form .clinic-calendar-patient-search input{
  width: 100%;
  padding: 8px 10px 8px 32px;
  border: 1px solid #d7e4ef;
  border-radius: 8px;
  font-size: 0.88rem;
  color: #38546a;
  background: #ffffff;
  transition: border-color 0.15s, box-shadow 0.15s;
  box-sizing: border-box;
  -webkit-appearance: textfield;
  appearance: textfield;
}

.clinic-calendar-form .clinic-calendar-patient-search input::-webkit-search-decoration,
.clinic-calendar-form .clinic-calendar-patient-search input::-webkit-search-cancel-button,
.clinic-calendar-form .clinic-calendar-patient-search input::-webkit-search-results-button{
  -webkit-appearance: none;
  appearance: none;
  display: none;
}

.clinic-calendar-form .clinic-calendar-patient-search input:focus{
  outline: none;
  border-color: #3a84ce;
  box-shadow: 0 0 0 3px rgba(58, 132, 206, 0.1);
}

/* --- Dropdown sonuçlar --- */

.clinic-calendar-patient-results{
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 5px);
  max-height: 200px;
  overflow-y: auto;
  padding: 4px;
  border: 1px solid #d0e2f0;
  border-radius: 10px;
  background: #ffffff;
  box-shadow: 0 8px 24px rgba(15, 26, 39, 0.13);
  z-index: 20;
  animation: patientDropdownIn 0.12s ease-out;
}

@keyframes patientDropdownIn {
  from{ opacity: 0; transform: translateY(-4px); }
  to{ opacity: 1; transform: translateY(0); }
}

.clinic-calendar-patient-option{
  display: flex;
  align-items: center;
  gap: 9px;
  width: 100%;
  padding: 7px 9px;
  border: none;
  border-radius: 7px;
  background: transparent;
  text-align: left;
  cursor: pointer;
  transition: background 0.12s;
}

.clinic-calendar-patient-option:hover:not(.clinic-calendar-patient-option--active){
  background: #eef5fd;
}

.clinic-calendar-patient-option--active{
  background: #dceeff;
}

.clinic-calendar-patient-option-avatar{
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: linear-gradient(135deg, #6aaee0, #3a84ce);
  color: #ffffff;
  font-size: 0.72rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.clinic-calendar-patient-option--active .clinic-calendar-patient-option-avatar{
  background: linear-gradient(135deg, #3a84ce, #2566a0);
}

.clinic-calendar-patient-option-name{
  font-size: 0.88rem;
  font-weight: 600;
  color: #1e3a52;
}

/* --- Yeni Hasta butonu --- */

.clinic-calendar-new-patient-btn{
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 10px;
  border: 1px solid #bdd6ee;
  border-radius: 20px;
  background: #f0f7ff;
  color: #2a6db4;
  font-size: 0.76rem;
  font-weight: 700;
  cursor: pointer;
  white-space: nowrap;
  transition: background 0.15s, border-color 0.15s, color 0.15s;
  letter-spacing: 0.01em;
}

.clinic-calendar-new-patient-btn:hover{
  background: #ddeeff;
  border-color: #3a84ce;
  color: #1e5a9a;
}

.clinic-calendar-form label{
  display: flex;
  flex-direction: column;
  gap: 6px;
  color: #4d677c;
  font-size: 0.82rem;
  font-weight: 600;
}

.clinic-calendar-field--full{
  grid-column: 1 / -1;
}

.clinic-calendar-form input,
.clinic-calendar-form select,
.clinic-calendar-form textarea{
  border: 1px solid #d7e4ef;
  border-radius: 8px;
  padding: 8px 10px;
  font-size: 0.9rem;
  color: #38546a;
  background: #ffffff;
  transition: border-color 0.15s, box-shadow 0.15s;
}

.clinic-calendar-form input:focus,
.clinic-calendar-form select:focus,
.clinic-calendar-form textarea:focus{
  outline: none;
  border-color: #3a84ce;
  box-shadow: 0 0 0 3px rgba(58, 132, 206, 0.1);
}

.clinic-calendar-form textarea{
  resize: vertical;
  min-height: 76px;
}

.clinic-calendar-form-actions{
  grid-column: 1 / -1;
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 8px;
  padding-top: 14px;
  border-top: 1px solid #e8f0f8;
}

@media (max-width: 1024px) {
  .clinic-calendar-toolbar{
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .clinic-calendar-form{
    grid-template-columns: minmax(0, 1fr);
  }

  .clinic-calendar-patient-row{
    grid-template-columns: minmax(0, 1fr);
  }

  .clinic-calendar-modal-timebadge{
    flex-wrap: wrap;
  }
}

/* dashboard */

/* ============================================================
   DARK MODE — Randevu Oluştur Paneli
   ============================================================ */

body.theme-dark .clinic-calendar-modal-backdrop{
  background: rgba(0, 0, 0, 0.6);
}

body.theme-dark .clinic-calendar-modal{
  background: #1c1f26;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.55);
}

body.theme-dark .clinic-calendar-modal-title{
  color: #dde4ef;
}

body.theme-dark .clinic-calendar-modal-title svg{
  color: #5a9de0;
}

body.theme-dark .clinic-calendar-modal-close{
  background: #262b36;
  color: #8899aa;
}

body.theme-dark .clinic-calendar-modal-close:hover{
  background: #2e3442;
  color: #dde4ef;
}

body.theme-dark .clinic-calendar-modal-timebadge{
  background: #1a2535;
  color: #7aadd6;
}

body.theme-dark .clinic-calendar-modal-timebadge-sep{
  color: #3e5a78;
}

body.theme-dark .clinic-calendar-modal-timebadge span:last-child{
  color: #5a8ab8;
}

body.theme-dark .clinic-calendar-modal-divider{
  background: #252b38;
}

/* Form label */

body.theme-dark .clinic-calendar-form label{
  color: #7a8fa8;
}

/* Input / select / textarea */

body.theme-dark .clinic-calendar-form input,
body.theme-dark .clinic-calendar-form select,
body.theme-dark .clinic-calendar-form textarea{
  background: #20242d;
  border-color: #343b48;
  color: #d8e2ef;
}

body.theme-dark .clinic-calendar-form input::placeholder,
body.theme-dark .clinic-calendar-form textarea::placeholder{
  color: #4e5a6e;
}

body.theme-dark .clinic-calendar-form select option{
  background: #20242d;
  color: #d8e2ef;
}

body.theme-dark .clinic-calendar-form input:focus,
body.theme-dark .clinic-calendar-form select:focus,
body.theme-dark .clinic-calendar-form textarea:focus{
  border-color: #4e8fd4;
  box-shadow: 0 0 0 3px rgba(78, 143, 212, 0.15);
}

/* Hasta kutusu */

body.theme-dark .clinic-calendar-patient-box{
  background: #181b24;
  border-color: #2a3040;
  box-shadow: none;
}

body.theme-dark .clinic-calendar-patient-header-left,
body.theme-dark .clinic-calendar-patient-header svg{
  color: #5a7a96;
}

body.theme-dark .clinic-calendar-patient-title{
  color: #5a7a96;
}

/* Arama input */

body.theme-dark .clinic-calendar-form .clinic-calendar-patient-search input{
  background: #20242d;
  border-color: #343b48;
  color: #d8e2ef;
}

body.theme-dark .clinic-calendar-form .clinic-calendar-patient-search input::placeholder{
  color: #4e5a6e;
}

body.theme-dark .clinic-calendar-patient-search-icon{
  color: #4e5a6e;
}

body.theme-dark .clinic-calendar-form .clinic-calendar-patient-search input:focus{
  border-color: #4e8fd4;
  box-shadow: 0 0 0 3px rgba(78, 143, 212, 0.15);
}

/* Arama dropdown */

body.theme-dark .clinic-calendar-patient-results{
  background: #1c1f26;
  border-color: #2e3442;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
}

body.theme-dark .clinic-calendar-patient-option:hover:not(.clinic-calendar-patient-option--active){
  background: #252a38;
}

body.theme-dark .clinic-calendar-patient-option--active{
  background: #1c2d42;
}

body.theme-dark .clinic-calendar-patient-option-name{
  color: #c8d8e8;
}

/* Seçili hasta chip */

body.theme-dark .clinic-calendar-patient-selected{
  background: #1a2535;
  border-color: #3a6fa8;
  box-shadow: 0 0 0 3px rgba(58, 111, 168, 0.12);
}

body.theme-dark .clinic-calendar-patient-selected-name{
  color: #c8d8e8;
}

body.theme-dark .clinic-calendar-patient-clear{
  background: #262b36;
  color: #7a8fa8;
}

body.theme-dark .clinic-calendar-patient-clear:hover{
  background: #3a1e1e;
  color: #e07070;
}

/* Yeni Hasta butonu */

body.theme-dark .clinic-calendar-new-patient-btn{
  background: #1a2535;
  border-color: #2e4560;
  color: #5a9de0;
}

body.theme-dark .clinic-calendar-new-patient-btn:hover{
  background: #1e2d45;
  border-color: #4e8fd4;
  color: #7ab8f0;
}

/* Aksiyon satırı */

body.theme-dark .clinic-calendar-form-actions{
  border-top-color: #252b38;
}

body.theme-dark .clinic-calendar-btn{
  background: #252a38;
  border-color: #343b48;
  color: #a0b0c4;
}

body.theme-dark .clinic-calendar-btn:hover:not(:disabled){
  background: #2e3442;
  border-color: #4a5568;
}

body.theme-dark .clinic-calendar-btn--danger{
  background: #2a1a1a;
  border-color: #4a2424;
  color: #e07878;
}

body.theme-dark .clinic-calendar-btn--danger:hover:not(:disabled){
  background: #341e1e;
  border-color: #6a3030;
}

/* Hata mesajı */

body.theme-dark .clinic-calendar-form .tech-form-error{
  background: #2a1a1a;
  color: #e07878;
  border-color: #4a2424;
}

body.theme-dark .treatment-ghost-btn{
  background: #1e222b;
  border-color: #343b48;
  color: #e1e8f5;
  box-shadow: none;
}

body.theme-dark .treatment-row-btn{
  background: #1f2430;
  border-color: #364153;
  color: #8eb0ff;
  box-shadow: none;
}

@media (max-width: 1180px) {
  

  

  

  

  
}

@media (max-width: 720px) {
  

  .treatment-ghost-btn,
.treatment-primary-btn{
    flex: 1 1 0;
  }

  
}

/* ============================================================================
   LAB DASHBOARD — CRM referans layout (var(--brand-primary))
   ============================================================================ */

/* Lab renk degiskenleri: lab-theme.css (.dash-layout:has(.dash-brand-mark--lab)) */

.lab-dashboard-main{
  display: flex;
  flex-direction: column;
  width: auto;
  max-width: 100%;
  box-sizing: border-box;
}

.lab-dash-loading{
  margin: 0 0 12px;
  font-size: 0.9rem;
  color: #64748b;
}

/* Ust: 4 KPI — hastalar sayfasi ile ayni LabStatCard */

/* Klinik paylasimlari */

/* Orta: grafik 2/3 + takvim 1/3 */

.lab-dashboard-page .lab-dash-card{
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06), 0 8px 24px rgba(37, 99, 235, 0.06);
  border: 1px solid rgba(226, 232, 240, 0.9);
  display: flex;
  flex-direction: column;
  min-width: 0;
  overflow: hidden;
}

.lab-dash-card-head{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 18px 12px;
  flex-shrink: 0;
}

.lab-dash-card-head h3{
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
  color: #0f172a;
}

.lab-dash-card-head p{
  margin: 4px 0 0;
  font-size: 0.8rem;
  color: #64748b;
}

.lab-dash-card-menu{
  border: none;
  background: transparent;
  color: #94a3b8;
  padding: 4px 8px;
  border-radius: 8px;
  cursor: pointer;
  line-height: 1;
}

.lab-dash-card-menu:hover{
  background: #f1f5f9;
  color: #64748b;
}

.lab-dash-card-link{
  flex-shrink: 0;
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--brand-primary);
  text-decoration: none;
  white-space: nowrap;
}

.lab-dash-card-link:hover{
  text-decoration: underline;
}

/* Bar chart — Aylik teslim sayilari (referans gorunum) */

.lab-dash-chart-card{
  --lab-chart-accent: var(--lab-dash-blue);
  --lab-chart-accent-light: var(--lab-dash-blue-light);
  background: #fff;
  border: 1px solid #eef1f5;
  border-radius: 14px;
  padding: 18px 20px 14px;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-height: 300px;
}

.lab-dash-chart-eyebrow{
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 0.85rem;
  font-weight: 500;
  color: #0f172a;
}

.lab-dash-chart-eyebrow i{
  font-size: 0.7rem;
  color: #94a3b8;
}

.lab-dash-chart-value{
  margin: 0;
  display: flex;
  align-items: baseline;
  gap: 10px;
  font-size: 1.75rem;
  font-weight: 700;
  color: #0f172a;
  letter-spacing: -0.02em;
}

.lab-dash-chart-delta{
  font-size: 0.78rem;
  font-weight: 500;
  color: #94a3b8;
}

.lab-dash-chart-range-btn{
  border: none;
  background: transparent;
  font-size: 0.72rem;
  font-weight: 500;
  color: #94a3b8;
  padding: 5px 10px;
  border-radius: 8px;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
  line-height: 1.2;
}

.lab-dash-chart-range-btn:hover:not(.lab-dash-chart-range-btn--active){
  color: #64748b;
}

.lab-dash-chart-range-btn--active{
  background: #fff;
  color: #0f172a;
  font-weight: 600;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06), 0 1px 3px rgba(15, 23, 42, 0.08);
}

.lab-dash-chart-yaxis{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  font-size: 0.72rem;
  font-weight: 500;
  color: #94a3b8;
  text-align: right;
  padding-bottom: 22px;
}

.lab-dash-chart-col--hovered .lab-dash-chart-xlabel{
  color: #0f172a;
  font-weight: 600;
}

.lab-dash-chart-col--hovered .lab-dash-chart-bar::before{
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  border-left: 1px dashed #0f172a;
  pointer-events: none;
  z-index: 2;
}

.lab-dash-chart-bar{
  width: 100%;
  background: #eef2f7;
  border-radius: 6px;
  position: relative;
  min-height: 2px;
  transition: background 0.15s ease;
}

.lab-dash-chart-col--hovered .lab-dash-chart-bar{
  background: linear-gradient(180deg, rgba(37, 99, 235, 0.55) 0%, rgba(37, 99, 235, 0.06) 100%);
}

.lab-dash-chart-tooltip{
  position: absolute;
  bottom: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%);
  min-width: 120px;
  padding: 10px 12px;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08), 0 1px 3px rgba(15, 23, 42, 0.06);
  z-index: 10;
  pointer-events: none;
  white-space: nowrap;
}

.lab-dash-chart-xlabel{
  position: absolute;
  bottom: -20px;
  font-size: 0.72rem;
  font-weight: 500;
  color: #64748b;
}

body.theme-dark .lab-dash-chart-card{
  background: #1e1f23;
  border-color: #353842;
}

body.theme-dark .lab-dash-chart-value,
body.theme-dark .lab-dash-chart-eyebrow{
  color: #f1f5f9;
}

body.theme-dark .lab-dash-chart-range-btn{
  color: #64748b;
}

body.theme-dark .lab-dash-chart-range-btn--active{
  background: #1e1f23;
  color: #f1f5f9;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

body.theme-dark .lab-dash-chart-card{
  --lab-chart-accent: var(--lab-dash-blue);
  --lab-chart-accent-light: var(--lab-dash-blue-light);
}

body.theme-dark .lab-dash-chart-bar{
  background: linear-gradient(180deg, var(--lab-dash-blue-light) 0%, var(--lab-dash-blue) 100%);
}

body.theme-dark .lab-dash-chart-col--hovered .lab-dash-chart-bar{
  background: linear-gradient(180deg, rgba(37, 99, 235, 0.7) 0%, var(--brand-primary-soft) 100%);
}

body.theme-dark .lab-dash-chart-col--hovered .lab-dash-chart-bar::before{
  border-left-color: #94a3b8;
}

body.theme-dark .lab-dash-chart-tooltip{
  background: #1e1f23;
  border-color: #353842;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

body.theme-dark .lab-dash-chart-xlabel,
body.theme-dark .lab-dash-chart-yaxis{
  color: #94a3b8;
}

/* Takvim + plan listesi — CRM referans gorunum */

.lab-dash-calendar-card{
  min-height: 300px;
}

.lab-dash-calendar-nav{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px 16px;
  gap: 8px;
}

.lab-dash-calendar-nav-btn{
  border: none;
  background: transparent;
  color: #94a3b8;
  width: 24px;
  height: 24px;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 0.9rem;
}

.lab-dash-calendar-nav-btn:hover{
  color: #475569;
}

.lab-dash-calendar-month{
  font-size: 0.95rem;
  font-weight: 600;
  color: #0f172a;
}

.lab-dash-calendar-week{
  padding: 0 16px 20px;
}

.lab-dash-calendar-weekdays,
.lab-dash-calendar-days{
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 6px;
}

.lab-dash-calendar-weekday{
  text-align: center;
  font-size: 0.78rem;
  font-weight: 500;
  color: #94a3b8;
  padding: 6px 0;
}

.lab-dash-calendar-days{
  margin-top: 12px;
}

.lab-dash-calendar-day{
  aspect-ratio: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.95rem;
  font-weight: 500;
  color: #334155;
  border-radius: 999px;
}

.lab-dash-calendar-day--today{
  background: var(--brand-primary);
  color: #fff;
  font-weight: 600;
}

.lab-dash-calendar-day--marked:not(.lab-dash-calendar-day--today){
  box-shadow: inset 0 0 0 2px var(--brand-primary-muted);
}

.lab-dash-schedule-panel{
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 0;
  border-top: 1px solid #f1f5f9;
  flex: 1;
  min-height: 0;
  overflow-y: auto;
}

.lab-dash-event-card{
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 10px 14px;
  background: transparent;
  border: none;
  border-bottom: 1px solid #f1f5f9;
  border-radius: 0;
}

.lab-dash-event-card:last-child{
  border-bottom: none;
}

.lab-dash-event-head{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.lab-dash-event-title{
  font-size: 0.85rem;
  font-weight: 600;
  color: #0f172a;
  line-height: 1.25;
}

.lab-dash-event-time{
  flex-shrink: 0;
  font-size: 0.78rem;
  color: #64748b;
  white-space: nowrap;
}

.lab-dash-event-foot{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.lab-dash-event-avatars{
  display: flex;
  align-items: center;
}

.lab-dash-event-avatar{
  width: 22px;
  height: 22px;
  border-radius: 999px;
  background: var(--brand-primary);
  color: #fff;
  font-size: 0.62rem;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #fff;
  margin-left: -8px;
}

.lab-dash-event-avatar:first-child{
  margin-left: 0;
}

.lab-dash-event-avatar--more{
  background: transparent;
  border: none;
  color: var(--brand-primary);
  font-weight: 600;
  width: auto;
  padding-left: 6px;
}

.lab-dash-event-tag{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.78rem;
  font-weight: 500;
  color: #475569;
  text-decoration: none;
  padding: 6px 12px;
  border: 1px solid #e2e8f0;
  border-radius: 999px;
  background: #fff;
  transition: border-color 0.15s ease, color 0.15s ease;
}

.lab-dash-event-tag:hover{
  border-color: #cbd5e1;
  color: #334155;
}

.lab-dash-event-tag i{
  font-size: 0.7rem;
}

.lab-dash-schedule-empty{
  padding: 24px 16px;
  text-align: center;
  color: #94a3b8;
  font-size: 0.78rem;
  margin: 0;
}

/* Alt kartlar */

/* "Project" stili liste — Tedavisi yaklasan & Is akisi (kompakt) */

.lab-dash-project-card{
  padding: 12px 2px 6px;
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05), 0 4px 16px rgba(15, 23, 42, 0.04);
  border: 1px solid rgba(226, 232, 240, 0.95);
}

.lab-dash-project-head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 0 14px 8px;
  flex-shrink: 0;
}

.lab-dash-project-head h3{
  margin: 0;
  font-size: 0.95rem;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: #0f172a;
}

.lab-dash-project-action{
  display: inline-flex;
  align-items: center;
  gap: 2px;
  font-size: 0.68rem;
  font-weight: 600;
  color: #1e3a3a;
  background: #fff;
  border: 1px solid #1e3a3a;
  border-radius: 999px;
  padding: 3px 8px 3px 6px;
  text-decoration: none;
  transition: background 0.15s ease, color 0.15s ease;
}

.lab-dash-project-action i{
  font-size: 0.8rem;
  line-height: 1;
}

.lab-dash-project-action:hover{
  background: #1e3a3a;
  color: #fff;
}

.lab-dash-project-item{
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 14px;
  text-decoration: none;
  color: inherit;
  transition: background 0.15s ease;
}

.lab-dash-project-item:hover{
  background: rgba(37, 99, 235, 0.06);
}

.lab-dash-project-icon--plum{
  background: #ece1f5;
  color: #7a4cb8;
}

.lab-dash-project-body{
  display: flex;
  flex-direction: column;
  gap: 1px;
  min-width: 0;
  flex: 1;
  line-height: 1.25;
}

.lab-dash-project-body strong{
  font-size: 0.78rem;
  font-weight: 600;
  color: #0f172a;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.lab-dash-project-body span{
  font-size: 0.68rem;
  color: #94a3b8;
  font-weight: 500;
}

body.theme-dark .lab-dash-project-card{
  background: #1e1f23;
  border-color: #353842;
}

body.theme-dark .lab-dash-project-head h3,
body.theme-dark .lab-dash-project-body strong{
  color: #f1f5f9;
}

body.theme-dark .lab-dash-project-action{
  background: transparent;
  color: #cbd5e1;
  border-color: #475569;
}

body.theme-dark .lab-dash-project-action:hover{
  background: #cbd5e1;
  color: #1e1f23;
}

body.theme-dark .lab-dash-project-item:hover{
  background: var(--lab-dash-blue-soft);
}

.lab-dash-table{
  width: 100%;
  max-width: 100%;
  border-collapse: collapse;
  font-size: 0.82rem;
  table-layout: fixed;
}

.lab-dash-table thead th{
  text-align: left;
  font-weight: 600;
  color: #64748b;
  padding: 8px 10px;
  border-bottom: 1px solid #e2e8f0;
  white-space: nowrap;
}

.lab-dash-table tbody td{
  padding: 10px;
  border-bottom: 1px solid #f1f5f9;
  color: #334155;
  vertical-align: middle;
}

.lab-dash-table tbody tr:last-child td{
  border-bottom: none;
}

.lab-dash-table-empty{
  text-align: center;
  color: #94a3b8;
  padding: 24px 10px !important;
}

.lab-dash-table-link{
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  color: inherit;
}

.lab-dash-table-link strong{
  display: block;
  font-weight: 600;
  color: #0f172a;
}

.lab-dash-table-link span{
  display: block;
  font-size: 0.75rem;
  color: #64748b;
  margin-top: 2px;
}

.lab-dash-table-avatar{
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: var(--brand-primary);
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 0.85rem;
  flex-shrink: 0;
}

.lab-dash-donut-placeholder{
  width: 140px;
  height: 140px;
  border-radius: 50%;
  background: conic-gradient(var(--brand-primary) 0% 48%, var(--brand-primary-light) 48% 70%, var(--brand-primary-muted) 70% 85%, #cfe8f4 85% 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}

.lab-dash-donut-placeholder::after{
  content: '';
  position: absolute;
  inset: 28%;
  background: #fff;
  border-radius: 50%;
}

.lab-dash-donut-placeholder span{
  position: relative;
  z-index: 1;
  font-size: 0.75rem;
  color: #94a3b8;
}

.lab-dash-legend-dot--active{
  background: var(--brand-primary);
}

.lab-dash-bar-fill{
  height: 100%;
  background: var(--brand-primary);
  border-radius: 999px;
  min-width: 4px;
}

body.theme-dark .lab-dash-card{
  background: #1e1f23;
  border-color: #353842;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
}

body.theme-dark .lab-dashboard-page .lab-dash-card{
  border-color: #27272a;
}

body.theme-dark .lab-dashboard-page .lab-dash-card:hover{
  border-color: #3f3f46;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.4);
}

body.theme-dark .lab-dash-card-head h3,
body.theme-dark .lab-dash-table-link strong{
  color: #f1f5f9;
}

body.theme-dark .lab-dash-card-head p,
body.theme-dark .lab-dash-table thead th{
  color: #94a3b8;
}

body.theme-dark .lab-dash-table tbody td{
  color: #cbd5e1;
  border-bottom-color: #2a2d35;
}

body.theme-dark .lab-dash-donut-placeholder::after{
  background: #1e1f23;
}

body.theme-dark .lab-dashboard-page .lab-dash-bar-fill{
  background: linear-gradient(90deg, var(--lab-dash-blue-light), var(--lab-dash-blue));
}

body.theme-dark .lab-dashboard-page .lab-dash-table-avatar,
body.theme-dark .lab-dash-event-avatar{
  background: linear-gradient(135deg, var(--lab-dash-blue-light), var(--lab-dash-blue));
}

body.theme-dark .lab-dashboard-page .lab-dash-donut-placeholder{
  background: conic-gradient(
    var(--lab-dash-blue) 0% 48%,
    var(--lab-dash-blue-light) 48% 70%,
    var(--lab-dash-blue-muted) 70% 85%,
    rgba(37, 99, 235, 0.35) 85% 100%
  );
}

body.theme-dark .lab-dashboard-page .lab-dash-legend-dot--active{
  background: var(--lab-dash-blue-light);
}

body.theme-dark .lab-dashboard-page .lab-dash-card-link{
  color: var(--lab-dash-blue-muted);
}

body.theme-dark .lab-dash-calendar-month{
  color: #f1f5f9;
}

body.theme-dark .lab-dash-calendar-nav-btn{
  color: #64748b;
}

body.theme-dark .lab-dash-calendar-nav-btn:hover{
  color: #94a3b8;
}

body.theme-dark .lab-dash-calendar-day{
  color: #cbd5e1;
}

body.theme-dark .lab-dash-calendar-day--today{
  background: var(--lab-dash-blue);
  color: #fff;
}

body.theme-dark .lab-dash-calendar-day--marked:not(.lab-dash-calendar-day--today){
  box-shadow: inset 0 0 0 2px var(--lab-dash-blue-light);
}

body.theme-dark .lab-dash-schedule-panel{
  border-top-color: #2a2d35;
}

body.theme-dark .lab-dash-event-card{
  border-bottom-color: #2a2d35;
}

body.theme-dark .lab-dash-event-title{
  color: #f1f5f9;
}

body.theme-dark .lab-dash-event-time{
  color: #94a3b8;
}

body.theme-dark .lab-dash-event-avatar{
  border-color: #1e1f23;
}

body.theme-dark .lab-dash-event-avatar--more{
  color: var(--lab-dash-blue-light);
}

body.theme-dark .lab-dash-event-tag{
  color: #94a3b8;
  border-color: #353842;
  background: #24262c;
}

body.theme-dark .lab-dash-event-tag:hover{
  color: var(--lab-dash-blue-muted);
  border-color: rgba(37, 99, 235, 0.45);
}

body.theme-dark .lab-dashboard-page .lab-dash-project-icon--plum{
  background: var(--lab-dash-blue-soft);
  color: var(--lab-dash-blue-muted);
}

/* Dashboard — kompakt kutu boyutlari */

.lab-dashboard-page .lab-dash-card{
  border-radius: 14px;
  border: 1px solid #eef1f5;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
  transition: box-shadow 0.18s ease, transform 0.18s ease, border-color 0.18s ease;
}

.lab-dashboard-page .lab-dash-card:hover{
  border-color: #e2e8f0;
  box-shadow: 0 10px 28px rgba(20, 58, 76, 0.08);
  transform: translateY(-2px);
}

.lab-dashboard-page .lab-dash-card-head{
  padding: 14px 16px 10px;
  gap: 8px;
}

.lab-dashboard-page .lab-dash-card-head h3{
  font-size: 0.9rem;
}

.lab-dashboard-page .lab-dash-card-head p{
  margin-top: 2px;
  font-size: 0.75rem;
}

.lab-dashboard-page .lab-dash-chart-card{
  min-height: 260px;
  padding: 14px 16px 12px;
  gap: 12px;
  border-radius: 12px;
}

.lab-dashboard-page .lab-dash-chart-value{
  font-size: 1.45rem;
}

.lab-dashboard-page .lab-dash-calendar-card{
  min-height: 300px;
}

.lab-dashboard-page .lab-dash-calendar-nav{
  padding: 0 14px 12px;
}

.lab-dashboard-page .lab-dash-calendar-week{
  padding: 0 12px 14px;
}

.lab-dashboard-page .lab-dash-calendar-weekdays,
.lab-dashboard-page .lab-dash-calendar-days{
  gap: 4px;
}

.lab-dashboard-page .lab-dash-calendar-days{
  margin-top: 8px;
}

.lab-dashboard-page .lab-dash-calendar-weekday{
  font-size: 0.72rem;
  padding: 4px 0;
}

.lab-dashboard-page .lab-dash-calendar-day{
  font-size: 0.85rem;
}

.lab-dashboard-page .lab-dash-event-card{
  padding: 12px 14px;
  gap: 8px;
}

.lab-dashboard-page .lab-dash-event-title{
  font-size: 0.85rem;
}

/* ============================================================
   Dashboard — sabit yukseklik, tek ekrana sigan (kaydirmasiz) yerlesim.
   Icerik viewport'u tam doldurur; kutu boylari sabittir, uzun listeler
   sayfayi degil kartin kendisini kaydirir.
   ============================================================ */

.lab-dashboard-page .dash-main.lab-dashboard-main{
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
  margin: 0 8px 15px 4px;
  padding-left: 12px;
  padding-right: 12px;
  width: auto;
  max-width: none;
  box-sizing: border-box;
}

/* Kartlar hucreyi tam doldursun; sabit dis boy, ic scroll */

.lab-dashboard-page .lab-dash-card,
.lab-dashboard-page .lab-dash-chart-card,
.lab-dashboard-page .lab-dash-calendar-card{
  min-height: 0;
  height: 100%;
}

@media (max-width: 1200px) {
  

  

  

  /* Dar ekran: kartlar dikey yigildigi icin sabit-yukseklik grid'i birak,
     dogal akisa don ve sayfa scroll'una izin ver. */
  .lab-dashboard-page .dash-main.lab-dashboard-main{
    overflow: visible;
    flex: 1 0 auto;
  }

  

  .lab-dashboard-page .lab-dash-card,
.lab-dashboard-page .lab-dash-chart-card,
.lab-dashboard-page .lab-dash-calendar-card{
    height: auto;
  }

  
  }

@media (max-width: 480px) {
  
}

/* ============================================================
   LABDASH2 — referans mockup layout (tek ekran, kaydirmasiz)
   ----------------------------------------------------------------
   Bu tasarim dili lab VE klinik dashboard tarafindan paylasilir
   (ikisi de .labdash2-page sinifini tasir). Eskiden sayfaya ozel
   yazilan ".lab-dashboard-page.labdash2-page" secicileri, ayni
   ozgullugu (iki sinif) koruyarak ".labdash2-page.labdash2-page"
   seklinde yazilir; boylece iki sayfada da ayni sekilde calisir.
   ============================================================ */

.labdash2-page{
  --labdash2-border: rgba(15, 23, 42, 0.055);
}

.labdash2-page .dash-page-column > .dash-main.labdash2-main{
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
  overflow: clip;
  overflow-clip-margin: 12px;
  margin: 0 8px 15px 4px;
  padding-left: 12px;
  padding-right: 12px;
  width: auto;
  max-width: none;
  box-sizing: border-box;
  border-radius: 0 0 14px 14px;
}

.labdash2{
  display: grid;
  grid-template-rows: auto minmax(0, 1.18fr) minmax(0, 0.9fr);
  gap: 16px;
  flex: 1 1 auto;
  height: 100%;
  min-height: 0;
  overflow: hidden;
  overflow: clip;
  overflow-clip-margin: 12px;
}

/* --- Kart iskeleti --- */

.labdash2-card{
  display: flex;
  flex-direction: column;
  min-height: 0;
  background: #fff;
  border: 1.5px solid var(--labdash2-border, rgba(15, 23, 42, 0.055));
  border-radius: 13px;
  box-shadow: none;
  overflow: hidden;
  transition: transform 0.18s ease, border-color 0.18s ease;
}

.labdash2-card:hover{
  border-color: var(--labdash2-border, rgba(15, 23, 42, 0.055));
  box-shadow: none;
}

.labdash2-card-head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 16px 10px;
  flex-shrink: 0;
}

.labdash2-card-head h2{
  margin: 0;
  font-size: 0.92rem;
  font-weight: 700;
  color: #0f172a;
}

.labdash2-link{
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 0.76rem;
  font-weight: 600;
  color: var(--lab-accent, var(--brand-primary));
  text-decoration: none;
  white-space: nowrap;
  /* a11y: dokunma hedefi >=24px; padding hit-area'yi buyutur, negatif margin gorsel konumu korur */
  min-height: 24px;
  padding: 4px 6px;
  margin: -4px -6px;
  /* a11y: komsu tiklanabilir alanla ortusmesin diye ustte tut (target-size "partially obscured") */
  position: relative;
  z-index: 1;
}

.labdash2-link:hover{
  text-decoration: underline;
}

/* Finansal Ozet ay filtresi: [Eylül 2026 v] */

.labdash2-filter{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  flex-shrink: 0;
}

.labdash2-filter-pill{
  position: relative;
  display: inline-flex;
  align-items: center;
}

.labdash2-filter-select{
  appearance: none;
  -webkit-appearance: none;
  min-height: 30px;
  padding: 4px 32px 4px 14px;
  border: 1.5px solid #e2e8f0;
  border-radius: 999px;
  background: #fff;
  font: inherit;
  font-size: 0.8rem;
  font-weight: 700;
  color: #0f172a;
  cursor: pointer;
  transition: border-color 0.16s ease;
}

.labdash2-filter-select:hover{
  border-color: #cbd5e1;
}

.labdash2-filter-select:focus-visible{
  outline: 2px solid var(--lab-accent, var(--brand-primary));
  outline-offset: 1px;
}

.labdash2-filter-pill .bi{
  position: absolute;
  right: 12px;
  font-size: 0.7rem;
  color: #475569;
  pointer-events: none;
}

body.theme-dark .labdash2-filter-select{
  background: #18181b;
  border-color: #3f3f46;
  color: #f4f4f5;
}

body.theme-dark .labdash2-filter-pill .bi{
  color: #a1a1aa;
}

.labdash2-empty{
  padding: 18px;
  text-align: center;
  color: #64748b; /* a11y: beyaz uzerinde AA */
  font-size: 0.8rem;
}

.labdash2-empty-state{
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-content: center;
  align-items: center;
  column-gap: 12px;
  flex: 1 1 auto;
  min-height: 0;
  padding: 16px 18px;
  box-sizing: border-box;
}

.labdash2-empty-state--centered{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 12px;
  padding: 24px 18px;
}

.labdash2-empty-state--centered .labdash2-empty-state-copy{
  align-items: center;
}

.labdash2-empty-state--centered .labdash2-empty-state-icon{
  width: 56px;
  height: 56px;
  font-size: 1.28rem;
}

.labdash2-empty-state-icon{
  width: 48px;
  height: 48px;
  border-radius: 999px;
  background: var(--lab-accent-soft, var(--brand-primary-soft));
  color: var(--lab-accent, var(--brand-primary));
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.08rem;
  flex-shrink: 0;
}

.labdash2-empty-state-icon--violet{
  background: #ede9fe;
  color: #7c3aed;
}

.labdash2-empty-state-copy{
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
}

.labdash2-empty-state-title{
  font-size: var(--ui-font-md);
  font-weight: 600;
  color: #0f172a;
  letter-spacing: -0.01em;
}

.labdash2-empty-state-hint{
  font-size: var(--ui-font-sm);
  color: #64748b; /* a11y: beyaz uzerinde AA */
  line-height: 1.35;
}

/* Dashboard kutulari — kenarlik ile ayrilir, shadow yok */

.labdash2-page.labdash2-page .labdash2-kpis .lab-patient-stat-card{
  background: #ffffff;
  border: 1.5px solid var(--labdash2-border, rgba(15, 23, 42, 0.055));
  border-radius: 10px;
  padding: 10px 14px;
  gap: 4px;
  box-shadow: none;
  position: relative;
  transition:
    border-color 0.22s ease,
    background-color 0.22s ease,
    box-shadow 0.22s ease,
    transform 0.22s ease;
}

.labdash2-page.labdash2-page .labdash2-kpis a.lab-patient-stat-card:hover{
  z-index: 1;
  border-color: color-mix(in srgb, var(--stat-tone-fg, var(--brand-primary)) 42%, transparent);
  background: color-mix(in srgb, var(--stat-tone-fg, var(--brand-primary)) 8%, #ffffff);
  box-shadow:
    0 6px 20px color-mix(in srgb, var(--stat-tone-fg, var(--brand-primary)) 16%, transparent),
    0 0 0 1px color-mix(in srgb, var(--stat-tone-fg, var(--brand-primary)) 12%, transparent);
  transform: translateY(-2px);
}

.labdash2-page.labdash2-page .labdash2-kpis .lab-patient-stat-card-icon{
  width: 24px;
  height: 24px;
  font-size: 12px;
  border-radius: 7px;
  border: none;
  box-shadow: none;
}

.labdash2-page.labdash2-page .labdash2-kpis .lab-patient-stat-card-head{
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.labdash2-page.labdash2-page .labdash2-kpis .lab-patient-stat-card-label{
  color: var(--stat-tone-fg, #64748b);
  font-weight: 500;
  line-height: 1.25;
  min-width: 0;
}

.labdash2-page.labdash2-page .labdash2-kpis .lab-patient-stat-card-value{
  font-weight: 800;
}

.labdash2-page.labdash2-page .labdash2-kpis .lab-patient-stat-card--primary{
  --stat-tone-fg: var(--lab-accent, var(--brand-primary));
  --stat-tone-bg: var(--lab-accent-soft, var(--brand-primary-soft));
}

/* Geciken Prova gibi kritik metrikler: sayi da tone rengini tasir, sadece ikon degil */

.labdash2-page.labdash2-page .labdash2-kpis .lab-patient-stat-card--amber .lab-patient-stat-card-value{
  color: var(--stat-tone-fg);
}

.labdash2-page.labdash2-page .labdash2-card{
  background: #ffffff;
  border: 1.5px solid var(--labdash2-border, rgba(15, 23, 42, 0.055));
  border-radius: 14px;
  box-shadow: none;
  transition: border-color 0.18s ease;
}

.labdash2-page.labdash2-page .labdash2-card:hover{
  border-color: var(--labdash2-border, rgba(15, 23, 42, 0.055));
  box-shadow: none;
  transform: none;
}

body.theme-dark .labdash2-page.labdash2-page .labdash2-kpis .lab-patient-stat-card{
  background: #18181b;
  border-color: #27272a;
  box-shadow: none;
}

body.theme-dark .labdash2-page.labdash2-page .labdash2-kpis a.lab-patient-stat-card:hover{
  border-color: color-mix(in srgb, var(--stat-tone-fg, #93c5fd) 55%, #27272a) !important;
  background: color-mix(in srgb, var(--stat-tone-fg, #93c5fd) 14%, #18181b) !important;
  box-shadow:
    0 10px 28px rgba(0, 0, 0, 0.38),
    0 0 0 1px color-mix(in srgb, var(--stat-tone-fg, #93c5fd) 28%, transparent) !important;
  transform: translateY(-2px);
}

body.theme-dark .labdash2-page.labdash2-page .labdash2-kpis .lab-patient-stat-card--primary{
  --stat-tone-fg: var(--lab-accent-selected-text, var(--brand-primary-selected-text));
  --stat-tone-bg: var(--lab-accent-soft, var(--brand-primary-soft));
}

body.theme-dark .labdash2-page.labdash2-page .labdash2-kpis .lab-patient-stat-card-label{
  color: var(--stat-tone-fg, #a1a1aa);
}

body.theme-dark .labdash2-page.labdash2-page .labdash2-kpis .lab-patient-stat-card-value{
  color: #f4f4f5;
}

body.theme-dark .labdash2-page.labdash2-page .labdash2-card,
body.theme-dark .labdash2-page.labdash2-page .labdash2-finance,
body.theme-dark .labdash2-page.labdash2-page .labdash2-activity{
  background: var(--rw-surface, #18181b);
  border-color: var(--rw-border, #2d2d2d);
  border-radius: 14px !important;
  box-shadow: none;
}

body.theme-dark .labdash2-page.labdash2-page .labdash2-card:hover{
  border-color: var(--rw-border, #2d2d2d) !important;
  box-shadow: none !important;
  transform: none;
}

body.theme-dark .labdash2-page.labdash2-page .labdash2-finance .labdash2-finance-body,
body.theme-dark .labdash2-page.labdash2-page .labdash2-activity .labdash2-activity-list,
body.theme-dark .labdash2-page.labdash2-page .labdash2-activity .labdash2-activity-list li{
  background: var(--rw-surface, #18181b);
}

body.theme-dark .labdash2-page.labdash2-page .labdash2-bottom .labdash2-card-head{
  border-bottom-color: var(--rw-border, #2d2d2d);
}

/* --- Satir 1: KPI --- */

.labdash2-kpis{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 16px;
  min-height: 0;
  overflow: visible;
  z-index: 1;
}

.labdash2-kpis[data-count="5"]{
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

/* --- Satir 2: Aktif Isler + sag kolon --- */

.labdash2-mid{
  display: grid;
  grid-template-columns: minmax(0, 2.05fr) minmax(0, 1fr);
  gap: 16px;
  min-height: 0;
}

.labdash2-mid--solo{
  grid-template-columns: 1fr;
}

.labdash2-side{
  display: grid;
  grid-template-rows: minmax(0, 3fr) minmax(0, 2fr);
  gap: 16px;
  min-height: 0;
}

.labdash2-side--solo{
  grid-template-rows: 1fr;
}

.labdash2-side > .labdash2-card{
  min-height: 0;
  height: 100%;
}

.labdash2-table-wrap{
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
  padding: 0 6px 6px;
}

.labdash2-table{
  width: 100%;
  border-collapse: collapse;
  font-size: 0.8rem;
}

.labdash2-table thead th{
  position: sticky;
  top: 0;
  z-index: 1;
  background: #fff;
  text-align: left;
  font-size: 0.72rem;
  font-weight: 600;
  color: #64748b; /* a11y: beyaz uzerinde AA */
  padding: 6px 10px;
  border-bottom: 1px solid var(--labdash2-border, rgba(15, 23, 42, 0.055));
}

.labdash2-table tbody td{
  padding: 9px 10px;
  border-bottom: 1px solid var(--labdash2-border, rgba(15, 23, 42, 0.055));
  vertical-align: middle;
}

.labdash2-table tbody tr:last-child td{
  border-bottom: none;
}

.labdash2-td-strong{
  display: block;
  font-weight: 600;
  color: #0f172a;
}

.labdash2-td-sub{
  display: block;
  font-size: 0.72rem;
  color: #64748b; /* a11y: beyaz uzerinde AA */
  margin-top: 2px;
}

.labdash2-td-sub--warn{ color: #d97706; }

.labdash2-td-sub--danger{ color: #dc2626; }

.labdash2-td-stage{ min-width: 150px; }

.labdash2-progress{
  height: 6px;
  border-radius: 999px;
  background: #f1f5f9;
  overflow: hidden;
  margin-top: 7px;
}

.labdash2-progress-fill{
  display: block;
  height: 100%;
  border-radius: 999px;
  background: var(--lab-accent, var(--brand-primary));
}

/* Bar rengi durum pill'iyle uyumlu */

.labdash2-progress-fill--new{ background: var(--lab-accent-light, var(--brand-primary-light)); }

.labdash2-progress-fill--trial{ background: var(--lab-accent, var(--brand-primary)); }

.labdash2-progress-fill--trial_repeat{ background: #db2777; }

.labdash2-progress-fill--production{ background: #f59e0b; }

.labdash2-progress-fill--delivery{ background: #d97706; }

.labdash2-progress-fill--completed{ background: #16a34a; }

.labdash2-td-action{
  color: #64748b; /* a11y: beyaz uzerinde AA */
  font-size: 1.15rem;
  width: 40px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
}

.labdash2-td-action i,
.labdash2-td-action a{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: inherit;
}

.labdash2-td-action a:hover,
.labdash2-row--clickable:hover .labdash2-td-action{
  color: var(--lab-accent, var(--brand-primary));
}

.labdash2-table tbody tr.labdash2-row--clickable{
  cursor: pointer;
}

.labdash2-table tbody tr.labdash2-row--clickable td{
  transition: background-color 0.18s ease;
}

.labdash2-table tbody tr.labdash2-row--clickable:hover td{
  background: rgba(45, 149, 200, 0.05);
}

.labdash2-table tbody tr.labdash2-row--clickable:focus-visible td{
  background: rgba(45, 149, 200, 0.08);
}

.labdash2-row-link{
  display: flex;
  align-items: center;
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  text-decoration: none;
  color: inherit;
  cursor: pointer;
  border-radius: 8px;
  transition:
    background-color 0.18s ease,
    box-shadow 0.18s ease,
    transform 0.18s ease,
    border-color 0.18s ease;
}

.labdash2-row-link:hover{
  background: #fff;
  box-shadow:
    0 6px 20px rgba(15, 23, 42, 0.07),
    0 0 0 1px rgba(45, 149, 200, 0.06);
  transform: translateY(-1px);
}

.labdash2-row-link:focus-visible{
  outline: 2px solid rgba(45, 149, 200, 0.45);
  outline-offset: 1px;
}

/* --- Klinik listesi --- */

.labdash2-clinic-list,
.labdash2-stock-list,
.labdash2-activity-list{
  list-style: none;
  margin: 0;
  padding: 0 8px 8px;
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
}

.labdash2-clinic-list{
  overflow: hidden; /* scroll yok; satir sayisi zaten sinirli */
}

.labdash2-clinic-list li{
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 48px;
  box-sizing: border-box;
  padding: 8px 8px;
  border-top: 1px solid var(--labdash2-border, rgba(15, 23, 42, 0.055));
}

.labdash2-clinic-list li:first-child{ border-top: none; }

.labdash2-clinic-list li:has(.labdash2-row-link){ padding: 0; }

.labdash2-clinic-list .labdash2-row-link{
  gap: 10px;
  min-height: 48px;
  padding: 8px 8px;
}

/* Bugun teslim provalar: asama etiketi sagda sabit, uzun klinik/urun adi kisalir. */

.labdash2-clinic-list .status-label-wrap{
  flex-shrink: 0;
}

.labdash2-clinic-avatar{
  width: 30px;
  height: 30px;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--lab-accent-light, var(--brand-primary-light)), var(--lab-accent, var(--brand-primary)));
  color: #fff;
  font-size: 0.78rem;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.labdash2-clinic-body{
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 1px;
}

.labdash2-clinic-name{
  min-width: 0;
  font-size: 0.82rem;
  font-weight: 600;
  color: #0f172a;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.labdash2-clinic-sub{
  min-width: 0;
  font-size: var(--ui-font-xs);
  color: #64748b; /* a11y: beyaz uzerinde AA */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.labdash2-clinic-new{
  flex-shrink: 0;
  font-size: 0.72rem;
  font-weight: 600;
  color: #1a8f5c;
  background: rgba(26, 143, 92, 0.12);
  padding: 2px 8px;
  border-radius: 999px;
}

/* --- Stok listesi --- */

.labdash2-stock-list{
  overflow: hidden; /* scroll yok; satir sayisi zaten sinirli */
}

.labdash2-stock-list li{
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 46px;
  box-sizing: border-box;
  padding: 7px 8px;
  border-top: 1px solid var(--labdash2-border, rgba(15, 23, 42, 0.055));
}

.labdash2-stock-list li:first-child{ border-top: none; }

.labdash2-stock-list li:has(.labdash2-row-link){ padding: 0; }

.labdash2-stock-list .labdash2-row-link{
  gap: 10px;
  min-height: 46px;
  padding: 7px 8px;
}

.labdash2-stock-dot{
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #f59e0b;
  flex-shrink: 0;
}

.labdash2-stock-name{
  flex: 1;
  min-width: 0;
  font-size: 0.82rem;
  color: #334155;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.labdash2-stock-qty{
  font-size: 0.8rem;
  font-weight: 600;
  color: #1a8f5c;
  white-space: nowrap;
}

.labdash2-stock-qty--low{ color: #dc2626; }

/* --- Satir 3: Finans + Hareketler --- */

.labdash2-bottom{
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
  gap: 16px;
  min-height: 0;
}

.labdash2-bottom--solo{
  grid-template-columns: 1fr;
}

.labdash2-finance-body{
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 16px;
  padding: 2px 18px 16px;
  flex: 1 1 auto;
  min-height: 0;
}

.labdash2-finance-metrics{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.labdash2-finance-metric{
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
  padding: 4px 16px;
  border: none;
  border-right: 1px solid var(--labdash2-border, rgba(15, 23, 42, 0.055));
  background: transparent;
  text-decoration: none;
  color: inherit;
  cursor: pointer;
  transition: opacity 0.16s ease;
}

.labdash2-finance-metric:first-child{ padding-left: 0; }

.labdash2-finance-metric:last-child{
  padding-right: 0;
  border-right: none;
}

.labdash2-finance-metric:hover{ opacity: 0.72; }

.labdash2-finance-fig-label{
  font-size: 0.72rem;
  font-weight: 500;
  letter-spacing: 0.01em;
  color: #64748b; /* a11y: beyaz uzerinde AA */
  white-space: nowrap;
}

.labdash2-finance-metric strong{
  font-size: 1.05rem;
  font-weight: 700;
  color: #0f172a;
  letter-spacing: -0.03em;
  line-height: 1.2;
  max-width: 100%;
}

/* Finansal Ozet: rakam + yanindaki kucuk bilgi (degisim rozeti / onceki ay) tek satirda. */

.labdash2-finance-value-row{
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.labdash2-finance-value-row > strong{
  flex: 0 0 auto;
  max-width: 100%;
}

.labdash2-finance-value-row .labdash2-trend-note{
  align-self: center;
  flex-shrink: 0;
}

.labdash2-finance-value-row .labdash2-trend-sub{
  min-width: 0;
  flex: 0 1 auto;
}

/* Finansal Ozet: onceki aya gore kazanc degisimi */

.labdash2-finance-metric .labdash2-trend{
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.labdash2-finance-metric .labdash2-trend--up{ color: #15803d; }

/* a11y: beyaz uzerinde AA */

.labdash2-finance-metric .labdash2-trend--down{ color: #b91c1c; }

.labdash2-trend .bi{
  font-size: 0.85em;
}

.labdash2-trend-sub{
  font-size: 0.72rem;
  color: #64748b; /* a11y: beyaz uzerinde AA */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.labdash2-trend-note{
  align-self: flex-start;
  display: inline-block;
  padding: 2px 7px;
  border-radius: 6px;
  font-size: 0.7rem;
  font-weight: 600;
  line-height: 1.3;
  white-space: nowrap;
}

.labdash2-trend-note--up{
  background: #ecfdf3;
  color: #15803d; /* a11y: acik yesil zemin uzerinde AA */
}

.labdash2-trend-note--down{
  background: #fff1f2;
  color: #e11d48;
}

body.theme-dark .labdash2-trend-note--up{
  background: rgba(34, 197, 94, 0.14);
  color: #4ade80;
}

body.theme-dark .labdash2-trend-note--down{
  background: rgba(244, 63, 94, 0.14);
  color: #fb7185;
}

body.theme-dark .labdash2-finance-metric .labdash2-trend--up{ color: #4ade80; }

body.theme-dark .labdash2-finance-metric .labdash2-trend--down{ color: #f87171; }

body.theme-dark .labdash2-trend-sub{ color: #a1a1aa; }

.labdash2-finance-metric .labdash2-money-line{
  overflow: hidden;
  text-overflow: ellipsis;
}

.labdash2-money-lines{
  display: flex;
  flex-direction: column;
  gap: 1px;
}

.labdash2-money-lines--multi{
  font-size: 0.88rem !important;
}

.labdash2-money-line{
  display: block;
  white-space: nowrap;
}

.labdash2-finance-charts{
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 8px 16px;
  min-width: 0;
}

.labdash2-finance-chart{
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  text-decoration: none;
  color: inherit;
  cursor: pointer;
  border-radius: 10px;
  transition: opacity 0.16s ease;
}

.labdash2-finance-chart:hover{ opacity: 0.78; }

.labdash2-ring{
  position: relative;
  flex-shrink: 0;
}

.labdash2-ring svg{
  display: block;
  width: 100%;
  height: 100%;
}

.labdash2-ring-track{
  stroke: #e2e8f0;
}

.labdash2-ring-center{
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1px;
  pointer-events: none;
}

.labdash2-ring-center span{
  font-size: 0.62rem;
  font-weight: 500;
  color: #64748b; /* a11y: beyaz uzerinde AA */
  letter-spacing: 0.02em;
}

.labdash2-ring-center strong{
  font-size: 0.92rem;
  font-weight: 700;
  color: #0f172a;
  letter-spacing: -0.03em;
  line-height: 1.1;
}

.labdash2-finance-legend{
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.labdash2-finance-legend-title{
  font-size: 0.72rem;
  font-weight: 600;
  color: #64748b;
  margin-bottom: 2px;
}

.labdash2-finance-legend > span{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.72rem;
  color: #64748b;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.labdash2-finance-mix-dot{
  width: 6px;
  height: 6px;
  border-radius: 999px;
  flex-shrink: 0;
}

/* --- Hareketler --- */

.labdash2-activity-list li{
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 9px 8px;
  border-top: 1px solid var(--labdash2-border, rgba(15, 23, 42, 0.055));
}

.labdash2-activity-list li:first-child{ border-top: none; }

.labdash2-activity-list li:has(.labdash2-row-link){ padding: 0; }

.labdash2-activity-list .labdash2-row-link{
  align-items: flex-start;
  gap: 10px;
  padding: 9px 8px;
}

.labdash2-activity-icon{
  width: 30px;
  height: 30px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.85rem;
  flex-shrink: 0;
}

.labdash2-activity-icon--violet{ background: var(--lab-accent-soft, var(--brand-primary-soft)); color: var(--lab-accent, var(--brand-primary)); }

.labdash2-activity-icon--amber{ background: rgba(245, 158, 11, 0.16); color: #f59e0b; }

.labdash2-activity-icon--primary{ background: var(--lab-accent-soft, var(--brand-primary-soft)); color: var(--lab-accent, var(--brand-primary)); }

.labdash2-activity-icon--success{ background: rgba(26, 143, 92, 0.14); color: #1a8f5c; }

.labdash2-activity-body{
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.labdash2-activity-title{
  font-size: 0.8rem;
  font-weight: 600;
  color: #0f172a;
  line-height: 1.3;
}

.labdash2-activity-meta{
  font-size: 0.72rem;
  color: #64748b; /* a11y: #94a3b8 -> #64748b, beyaz uzerinde AA */
}

.labdash2-activity-time{
  font-size: 0.72rem;
  color: #64748b; /* a11y: #94a3b8 -> #64748b, beyaz uzerinde AA */
  white-space: nowrap;
  flex-shrink: 0;
}

/* Dashboard dark tema - is emirleri sayfasiyla ayni tone/palette */

body.theme-dark .labdash2-page .dash-main.labdash2-main{
  background: #18181b;
  border-color: #2a2a2a;
  border-radius: 0 0 14px 14px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

body.theme-dark .labdash2-card{
  background: #18181b !important;
  border-color: var(--rw-border, #2d2d2d);
  border-radius: 13px;
  box-shadow: none;
}

/* Alt satirdaki iki kart (Finans + Son Hareketler) ton/radius birebir olsun */

body.theme-dark .labdash2-bottom .labdash2-card{
  background: #18181b;
  border-color: var(--rw-border, #2d2d2d);
  border-radius: 13px;
  overflow: hidden;
}

body.theme-dark .labdash2-bottom .labdash2-card-head{
  border-bottom: 1px solid var(--rw-border, #2d2d2d);
}

body.theme-dark .labdash2-finance,
body.theme-dark .labdash2-activity{
  background: #18181b;
  border: 1px solid var(--rw-border, #2d2d2d);
  border-radius: 13px;
  box-shadow: none;
}

body.theme-dark .labdash2-finance .labdash2-finance-body,
body.theme-dark .labdash2-activity .labdash2-activity-list,
body.theme-dark .labdash2-activity .labdash2-activity-list li{
  background: #18181b;
}

body.theme-dark .labdash2-card:hover{
  border-color: var(--rw-border-soft, #353535);
  box-shadow: none;
}

body.theme-dark .labdash2-table thead th{
  background: var(--rw-surface, #18181b);
  color: var(--rw-text-muted, #aaaaaa);
  border-color: var(--rw-border, #2d2d2d);
}

body.theme-dark .labdash2-table tbody td,
body.theme-dark .labdash2-clinic-list li,
body.theme-dark .labdash2-stock-list li,
body.theme-dark .labdash2-activity-list li{
  border-color: var(--rw-border, #2d2d2d);
}

body.theme-dark .labdash2-table tbody tr.labdash2-row--clickable:hover td{
  background: rgba(77, 163, 255, 0.08);
}

body.theme-dark .labdash2-row-link:hover{
  background: #22252b;
  box-shadow:
    0 10px 28px rgba(0, 0, 0, 0.38),
    0 0 0 1px rgba(77, 163, 255, 0.1);
}

body.theme-dark .labdash2-card-head h2,
body.theme-dark .labdash2-td-strong,
body.theme-dark .labdash2-clinic-name,
body.theme-dark .labdash2-finance-dist-title,
body.theme-dark .labdash2-donut-center strong,
body.theme-dark .labdash2-legend-pct,
body.theme-dark .labdash2-activity-title,
body.theme-dark .labdash2-empty-state-title{
  color: var(--rw-text-strong, #f1f5f9);
}

body.theme-dark .labdash2-td-sub,
body.theme-dark .labdash2-clinic-sub,
body.theme-dark .labdash2-stock-name,
body.theme-dark .labdash2-legend-label,
body.theme-dark .labdash2-activity-meta,
body.theme-dark .labdash2-activity-time,
body.theme-dark .labdash2-empty,
body.theme-dark .labdash2-empty-state-hint{
  color: var(--rw-text-muted, #aaaaaa);
}

body.theme-dark .labdash2-empty-state-icon{
  background: var(--lab-accent-soft, var(--brand-primary-soft));
  color: var(--lab-accent-selected-text, var(--brand-primary-selected-text));
}

body.theme-dark .labdash2-empty-state-icon--violet{
  background: rgba(124, 58, 237, 0.18);
  color: #c4b5fd;
}

body.theme-dark .labdash2-finance-metric{
  background: transparent;
  border-right-color: var(--rw-border, #2d2d2d);
}

body.theme-dark .labdash2-finance-metric:hover{
  background: transparent;
  opacity: 0.72;
}

body.theme-dark .labdash2-finance-fig-label,
body.theme-dark .labdash2-finance-legend > span,
body.theme-dark .labdash2-finance-legend-title,
body.theme-dark .labdash2-ring-center span{
  color: var(--rw-text-muted, #aaaaaa);
}

body.theme-dark .labdash2-finance-metric strong,
body.theme-dark .labdash2-ring-center strong{
  color: var(--rw-text-strong, #f1f5f9);
}

body.theme-dark .labdash2-ring-track{
  stroke: #2a2f38;
}

body.theme-dark .labdash2-donut-track{
  stroke: rgba(59, 130, 246, 0.22);
}

body.theme-dark .labdash2-link,
body.theme-dark .labdash2-td-action a,
body.theme-dark .labdash2-activity-icon--violet{
  color: var(--lab-accent-selected-text, var(--brand-primary-selected-text));
}

body.theme-dark .labdash2-link:hover,
body.theme-dark .labdash2-td-action a:hover{
  color: var(--lab-accent-light, var(--brand-primary-hover));
}

body.theme-dark .labdash2-progress{
  background: var(--rw-border, #2d2d2d);
}

body.theme-dark .labdash2-progress-fill--new,
body.theme-dark .labdash2-progress-fill--trial,
body.theme-dark .labdash2-progress-fill--trial_repeat{
  background: var(--lab-accent, var(--brand-primary));
}

body.theme-dark .labdash2-activity-icon--violet,
body.theme-dark .labdash2-activity-icon--primary{
  background: var(--lab-accent-soft, var(--brand-primary-soft));
  color: var(--lab-accent-selected-text, var(--brand-primary-selected-text));
}

/* ---------------------------------------------------------------
   Yazi tipografisi: is emirleri sayfasindaki olcek (px token'lar)
   --------------------------------------------------------------- */

.labdash2-card-head h2{
  font-size: var(--ui-font-lg);
  font-weight: 700;
}

.labdash2-link,
.labdash2-empty{
  font-size: var(--ui-font-sm);
}

/* Aktif isler tablosu — .lab-patient-list-table ile birebir */

.labdash2-table{
  font-size: var(--ui-font-base);
}

.labdash2-table thead th{
  font-size: 11.5px;
  font-weight: 600;
  color: #64748b;
  letter-spacing: 0.01em;
}

.labdash2-table tbody td{
  font-size: var(--ui-font-base);
  line-height: 1.35;
  color: #0f172a;
}

.labdash2-td-strong{
  font-size: var(--ui-font-base);
  font-weight: 600;
}

.labdash2-td-sub{
  font-size: var(--ui-font-xs);
}

/* Klinik / stok / hareket listeleri */

.labdash2-clinic-name,
.labdash2-stock-name,
.labdash2-activity-title{
  font-size: var(--ui-font-base);
}

.labdash2-clinic-new,
.labdash2-stock-qty,
.labdash2-legend-label,
.labdash2-legend-pct,
.labdash2-activity-meta,
.labdash2-activity-time,
.labdash2-donut-center span{
  font-size: var(--ui-font-xs);
}

.labdash2-empty-state-title{
  font-size: var(--ui-font-md);
}

.labdash2-empty-state-hint{
  font-size: var(--ui-font-sm);
}

/* Finansal ozet */

.labdash2-finance-fig-label{
  font-size: var(--ui-font-xs);
}

.labdash2-finance-metric strong{
  font-size: 1.05rem;
}

@media (max-width: 1200px) {
  .labdash2-page .dash-page-column > .dash-main.labdash2-main{
    overflow: visible;
    flex: 1 0 auto;
  }

  .labdash2{
    height: auto;
    overflow: visible;
    grid-template-rows: none;
  }

  .labdash2-kpis{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .labdash2-mid,
.labdash2-bottom{ grid-template-columns: 1fr; }
  .labdash2-side{ grid-template-rows: none; }

  .labdash2-table-wrap,
.labdash2-clinic-list,
.labdash2-stock-list,
.labdash2-activity-list{ overflow-y: visible; }
}

@media (max-width: 720px) {
  .labdash2-kpis{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .labdash2-finance-metrics{
    grid-template-columns: 1fr;
  }
  .labdash2-finance-metric{
    padding: 8px 0;
    border-right: none;
    border-bottom: 1px solid var(--labdash2-border, rgba(15, 23, 42, 0.055));
  }
  .labdash2-finance-metric:last-child{ border-bottom: none; }
  .labdash2-finance-charts{ grid-template-columns: 1fr; }
}

/* Finans Islem — dis hizmetler / stok ile ayni sayfa iskeleti */

.lab-finance-page > .lab-patient-listing{
  flex: 0 1 auto;
}

.lab-finance-page-head{
  display: flex;
  flex-direction: column;
  gap: 14px;
  flex-shrink: 0;
  position: relative;
  z-index: 20;
  overflow: visible;
}

.lab-finance-page > .lab-patient-listing{
  position: relative;
  z-index: 1;
}

.lab-finance-page-head .wo-orders-toolbar--view-only{
  margin-bottom: 0;
}

.lab-finance-page-head .wo-orders-toolbar-actions{
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 10px;
}

.lab-finance-page-head .wo-filter-anchor{
  position: relative;
}

.lab-finance-stats .lab-patient-stat-card{
  padding: 10px 16px;
}

.lab-finance-form-panel{
  width: min(820px, calc(100% - 32px));
  max-height: calc(100vh - 64px);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.lab-finance-form-panel .tech-form.clinic-patient-form{
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.lab-finance-form-panel .lab-finance-form-grid{
  flex: 1;
  min-height: 260px;
}

.lab-finance-form-hint{
  margin: 0 0 10px;
  font-size: 0.75rem;
  color: #64748b;
  line-height: 1.4;
}

.lab-finance-form-actions{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid #e2e8f0;
}

/* Toplu tahsilat / odeme — viewport'a sigan layout (dis kaydirma yok) */

.bfs-overlay{
  position: fixed;
  inset: 0;
  z-index: 1200;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px;
  background: rgba(15, 23, 42, 0.4);
  backdrop-filter: blur(3px);
}

.bfs-modal{
  width: min(1180px, calc(100vw - 24px));
  height: min(720px, calc(100dvh - 24px));
  max-height: calc(100dvh - 24px);
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 24px 48px rgba(15, 23, 42, 0.18);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.bfs-head{
  flex-shrink: 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 18px 10px;
  border-bottom: 1px solid #eef2f7;
}

.bfs-title{
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  color: #0f172a;
  letter-spacing: -0.02em;
}

.bfs-subtitle{
  margin: 4px 0 0;
  font-size: 12px;
  color: #64748b;
  line-height: 1.35;
}

.bfs-head-rate{
  margin: 6px 0 0;
  font-size: 12px;
  font-weight: 600;
  color: #334155;
  line-height: 1.35;
}

.bfs-close{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  padding: 0;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #f8fafc;
  color: #64748b;
  font-size: 14px;
  line-height: 1;
  cursor: pointer;
  flex-shrink: 0;
}

.bfs-close i{
  display: block;
  line-height: 1;
}

.bfs-close:hover{
  background: #f1f5f9;
  color: #0f172a;
}

.bfs-form{
  display: flex;
  flex-direction: column;
  min-height: 0;
  flex: 1;
  overflow: hidden;
}

.bfs-error{
  flex-shrink: 0;
  margin: 8px 18px 0;
  padding: 8px 10px;
  border-radius: 8px;
  background: #fef2f2;
  border: 1px solid #fecaca;
  color: #b91c1c;
  font-size: 12px;
}

.bfs-toolbar{
  flex-shrink: 0;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 8px;
  padding: 8px 18px;
  border-bottom: 1px solid #eef2f7;
  overflow-x: auto;
  overflow-y: hidden;
}

.bfs-icon-btn,
.bfs-percent-row button,
.bfs-pager button,
.bfs-cancel,
.bfs-submit{
  font-family: inherit;
}

.bfs-date-group{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
}

.bfs-date-sep{
  color: #64748b; /* a11y: beyaz uzerinde AA */
  font-size: 12px;
  line-height: 1;
  flex-shrink: 0;
}

.bfs-date-input{
  position: relative;
  width: 138px;
  height: 34px;
  margin: 0;
  padding: 0 28px 0 10px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%2394a3b8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='3' width='10' height='9' rx='1'/%3E%3Cpath d='M2 6h10M5 1.5v3M9 1.5v3'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 8px center;
  background-size: 14px;
  color: #334155;
  font-family: inherit;
  font-size: 12px;
  font-weight: 500;
  box-sizing: border-box;
  outline: none;
  cursor: pointer;
  flex-shrink: 0;
}

.bfs-date-input:hover{
  border-color: #cbd5e1;
}

.bfs-date-input:focus{
  border-color: var(--brand-primary-muted);
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12);
}

.bfs-date-input:disabled{
  opacity: 0.55;
  cursor: not-allowed;
}

/* Boş/odak yokken native ikonun üstte kalmasını engelle; alanın tamamı tıklanabilir. */

.bfs-date-input::-webkit-calendar-picker-indicator{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  cursor: pointer;
  opacity: 0;
}

.bfs-select{
  width: 138px;
  height: 34px;
  padding: 0 26px 0 10px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M3 4.5L6 8l3-3.5'/%3E%3C/svg%3E") no-repeat right 8px center;
  appearance: none;
  color: #334155;
  font-size: 12px;
  flex-shrink: 0;
  box-sizing: border-box;
}

.bfs-search{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  width: 200px;
  flex: 0 0 200px;
  min-width: 200px;
  height: 34px;
  padding: 0 8px 0 10px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #fff;
  color: #64748b; /* a11y: beyaz uzerinde AA */
  box-sizing: border-box;
  overflow: hidden;
}

.bfs-search i{
  font-size: 13px;
  flex-shrink: 0;
  line-height: 1;
}

.bfs-search input{
  flex: 1;
  min-width: 0;
  height: 32px;
  margin: 0;
  padding: 0;
  border: 0;
  outline: none;
  background: transparent;
  font-family: inherit;
  font-size: 12px;
  line-height: 32px;
  color: #0f172a;
  box-sizing: border-box;
}

.bfs-search input::placeholder{
  color: #64748b; /* a11y: beyaz uzerinde AA */
  opacity: 1;
}

.bfs-icon-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  margin-left: auto;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #fff;
  color: #64748b;
  cursor: pointer;
  flex-shrink: 0;
  box-sizing: border-box;
}

.bfs-body{
  display: grid;
  grid-template-columns: minmax(0, 1.7fr) minmax(260px, 0.75fr);
  gap: 12px;
  padding: 10px 18px;
  min-height: 0;
  flex: 1;
  overflow: hidden;
}

.bfs-table-panel,
.bfs-card{
  border: 1px solid #e8eef5;
  border-radius: 10px;
  background: #fff;
}

.bfs-table-panel{
  display: flex;
  flex-direction: column;
  min-height: 0;
  overflow: hidden;
  height: 100%;
}

.bfs-table-head{
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 12px;
  border-bottom: 1px solid #eef2f7;
}

.bfs-table-head h4,
.bfs-card-title{
  margin: 0;
  font-size: 13px;
  font-weight: 700;
  color: #0f172a;
}

.bfs-table-wrap{
  flex: 1;
  min-height: 0;
  overflow: hidden;
}

.bfs-table{
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 12px;
}

.bfs-table th,
.bfs-table td{
  padding: 0 12px;
  height: 36px;
  box-sizing: border-box;
  text-align: left;
  vertical-align: middle;
  border-bottom: 1px solid #f1f5f9;
  color: #475569;
  overflow: hidden;
}

.bfs-table th{
  font-size: 11px;
  font-weight: 600;
  color: #64748b;
  background: #f8fafc;
  position: sticky;
  top: 0;
  z-index: 1;
  white-space: nowrap;
}

.bfs-table tr.is-selected td{
  background: #f8fbff;
}

.bfs-cell{
  display: block;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bfs-cell--money{
  text-align: right;
}

.bfs-col-check{
  width: 40px;
  padding: 0 8px;
}

.bfs-col-name{
  width: 24%;
}

.bfs-col-clinic{
  width: 22%;
}

.bfs-col-date{
  width: 84px;
}

.bfs-col-money{
  width: 118px;
  text-align: right !important;
  font-variant-numeric: tabular-nums;
}

.bfs-wo{
  font-weight: 600;
  color: #334155;
}

.bfs-wo.is-selected{
  color: var(--brand-primary);
}

.bfs-empty{
  text-align: center !important;
  color: #64748b; /* a11y: beyaz uzerinde AA */
  padding: 20px 12px !important;
}

.bfs-table-foot{
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 8px 12px;
  border-top: 1px solid #eef2f7;
  font-size: 11px;
  color: #64748b;
}

.bfs-pager{
  display: inline-flex;
  gap: 3px;
}

.bfs-pager button{
  min-width: 26px;
  height: 26px;
  padding: 0 5px;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  background: #fff;
  color: #475569;
  font-size: 11px;
  cursor: pointer;
}

.bfs-pager button.is-active{
  background: var(--brand-primary);
  border-color: var(--brand-primary);
  color: #fff;
}

.bfs-pager button:disabled{
  opacity: 0.45;
  cursor: not-allowed;
}

.bfs-side{
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
}

.bfs-card{
  padding: 10px 12px 12px;
  flex-shrink: 0;
}

.bfs-card-title{
  margin-bottom: 8px;
}

.bfs-summary-row{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 5px 0;
  font-size: 12px;
  color: #64748b;
  border-bottom: 1px solid #f1f5f9;
}

.bfs-summary-row strong{
  color: #0f172a;
  font-weight: 600;
}

.bfs-summary-row--accent{
  border-bottom: none;
  padding-top: 8px;
  color: #0f172a;
  font-weight: 600;
}

.bfs-summary-row--accent strong{
  color: var(--brand-primary);
  font-size: 14px;
}

.bfs-field{
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-bottom: 8px;
  font-size: 11px;
  font-weight: 600;
  color: #475569;
}

.bfs-field select,
.bfs-amount-wrap{
  height: 34px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #fff;
}

.bfs-field select{
  padding: 0 10px;
  font-size: 13px;
  color: #0f172a;
}

.bfs-amount-wrap{
  display: flex;
  align-items: center;
  overflow: hidden;
}

.bfs-amount-wrap input{
  flex: 1;
  min-width: 0;
  height: 100%;
  border: none;
  outline: none;
  padding: 0 10px;
  font-size: 13px;
  color: #0f172a;
  background: transparent;
}

.bfs-amount-wrap em{
  font-style: normal;
  padding: 0 10px;
  color: #64748b;
  font-size: 12px;
  font-weight: 600;
  border-left: 1px solid #e5e7eb;
  background: #f8fafc;
  height: 100%;
  display: inline-flex;
  align-items: center;
}

.bfs-rate{
  display: flex;
  align-items: flex-start;
  gap: 6px;
  margin: 0 0 8px;
  padding: 8px 10px;
  border-radius: 8px;
  background: #eff6ff;
  color: #1e40af;
  font-size: 11px;
  line-height: 1.35;
}

.bfs-percent-row{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 6px;
  margin-bottom: 8px;
}

.bfs-percent-row button{
  height: 30px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #fff;
  color: #334155;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}

.bfs-percent-row button:hover:not(:disabled){
  border-color: var(--brand-primary-muted);
  background: #eff6ff;
  color: var(--brand-primary-hover);
}

.bfs-remain{
  display: flex;
  align-items: flex-start;
  gap: 6px;
  margin: 0;
  padding: 8px 10px;
  border-radius: 8px;
  background: #f8fafc;
  color: #475569;
  font-size: 11px;
  line-height: 1.35;
}

.bfs-remain.is-zero{
  background: #ecfdf5;
  color: #047857;
}

.bfs-progress{
  margin: 0;
  font-size: 11px;
  color: #64748b;
}

.bfs-actions{
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 18px 12px;
  border-top: 1px solid #eef2f7;
  background: #fff;
}

.bfs-cancel{
  height: 36px;
  padding: 0 16px;
  border: 1px solid var(--neutral-btn-border, #e5e7eb);
  border-radius: 8px;
  background: var(--neutral-btn-bg, #fff);
  color: var(--neutral-btn-text, #334155);
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
}

.bfs-cancel:hover:not(:disabled){
  background: var(--neutral-btn-hover-bg, #f8fafc);
  border-color: var(--neutral-btn-hover-border, #cbd5e1);
}

.bfs-submit{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 36px;
  padding: 0 16px;
  border: none;
  border-radius: 8px;
  background: var(--brand-primary);
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
}

.bfs-submit:hover:not(:disabled){
  background: var(--brand-primary-hover);
}

.bfs-submit:disabled,
.bfs-cancel:disabled,
.bfs-percent-row button:disabled{
  opacity: 0.55;
  cursor: not-allowed;
}

@media (max-width: 960px) {
  .bfs-modal{
    height: calc(100dvh - 16px);
    max-height: calc(100dvh - 16px);
  }

  .bfs-body{
    grid-template-columns: 1fr;
    overflow: auto;
  }

  .bfs-icon-btn{
    margin-left: 0;
  }
}

@media (max-height: 780px) {
  .bfs-head{
    padding: 10px 14px 8px;
  }

  .bfs-toolbar{
    padding: 6px 14px;
  }

  .bfs-body{
    padding: 8px 14px;
    gap: 8px;
  }

  .bfs-actions{
    padding: 8px 14px 10px;
  }

  .bfs-table th,
.bfs-table td{
    padding: 5px 8px;
  }

  .bfs-card{
    padding: 8px 10px 10px;
  }

  .bfs-rate,
.bfs-remain{
    padding: 6px 8px;
    margin-bottom: 6px;
  }

  .bfs-field{
    margin-bottom: 6px;
  }

  .bfs-field select,
.bfs-amount-wrap{
    height: 30px;
  }

  .bfs-percent-row button{
    height: 28px;
  }
}

/* ── Bulk settle (bfs) dark mode ─────────────────────────────────────────── */

body.theme-dark .bfs-overlay{
  background: rgba(0, 0, 0, 0.72);
  backdrop-filter: blur(6px);
}

body.theme-dark .bfs-modal{
  background: var(--rw-surface, #18181b);
  border: 1px solid var(--rw-border, #2d2d2d);
  box-shadow: var(--rw-shadow, 0 8px 32px rgba(0, 0, 0, 0.45));
  color: var(--rw-text, #aaaaaa);
}

body.theme-dark .bfs-head,
body.theme-dark .bfs-toolbar,
body.theme-dark .bfs-actions{
  border-color: var(--rw-border, #2d2d2d);
  background: transparent;
}

body.theme-dark .bfs-actions{
  background: var(--rw-surface, #18181b);
}

body.theme-dark .bfs-title,
body.theme-dark .bfs-table-head h4,
body.theme-dark .bfs-card-title,
body.theme-dark .bfs-summary-row strong,
body.theme-dark .bfs-summary-row--accent,
body.theme-dark .bfs-wo{
  color: var(--rw-text-strong, #ffffff);
}

body.theme-dark .bfs-subtitle,
body.theme-dark .bfs-date-sep,
body.theme-dark .bfs-progress,
body.theme-dark .bfs-table-foot,
body.theme-dark .bfs-empty,
body.theme-dark .bfs-field,
body.theme-dark .bfs-summary-row{
  color: var(--rw-text-muted, #aaaaaa);
}

body.theme-dark .bfs-head-rate{
  color: var(--rw-text-strong, #ffffff);
}

body.theme-dark .bfs-close,
body.theme-dark .bfs-icon-btn,
body.theme-dark .bfs-pager button,
body.theme-dark .bfs-percent-row button,
body.theme-dark .bfs-cancel{
  background: var(--rw-surface-elevated, #27272a);
  border-color: var(--rw-border, #2d2d2d);
  color: var(--rw-text-muted, #aaaaaa);
}

body.theme-dark .bfs-close:hover,
body.theme-dark .bfs-icon-btn:hover,
body.theme-dark .bfs-pager button:hover:not(:disabled):not(.is-active),
body.theme-dark .bfs-cancel:hover:not(:disabled){
  background: var(--rw-surface-hover, #2f2f33);
  border-color: var(--rw-border-soft, #353535);
  color: var(--rw-text-strong, #ffffff);
}

body.theme-dark .bfs-date-input,
body.theme-dark .bfs-select,
body.theme-dark .bfs-search,
body.theme-dark .bfs-field select,
body.theme-dark .bfs-amount-wrap{
  background-color: var(--rw-surface-elevated, #27272a);
  border-color: var(--rw-border, #2d2d2d);
  color: var(--rw-text-strong, #f1f5f9);
  color-scheme: dark;
}

body.theme-dark .bfs-date-input{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%23aaaaaa' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='3' width='10' height='9' rx='1'/%3E%3Cpath d='M2 6h10M5 1.5v3M9 1.5v3'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 8px center;
  background-size: 14px;
}

body.theme-dark .bfs-select{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23aaaaaa' d='M3 4.5L6 8l3-3.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 8px center;
}

body.theme-dark .bfs-date-input:hover,
body.theme-dark .bfs-select:hover,
body.theme-dark .bfs-search:hover{
  border-color: var(--rw-border-soft, #353535);
  background-color: var(--rw-surface-hover, #2f2f33);
}

body.theme-dark .bfs-date-input:focus,
body.theme-dark .bfs-select:focus,
body.theme-dark .bfs-search:focus-within,
body.theme-dark .bfs-field select:focus,
body.theme-dark .bfs-amount-wrap:focus-within{
  border-color: var(--rw-cal-accent, #5eb3e4);
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.18);
  background-color: var(--rw-surface-elevated, #27272a);
}

body.theme-dark .bfs-search{
  color: var(--rw-text-muted, #aaaaaa);
}

body.theme-dark .bfs-search input,
body.theme-dark .bfs-amount-wrap input{
  background: transparent;
  border: 0;
  box-shadow: none;
  border-radius: 0;
  color: var(--rw-text-strong, #ffffff);
}

body.theme-dark .bfs-search input:focus,
body.theme-dark .bfs-amount-wrap input:focus{
  background: transparent;
  border: 0;
  box-shadow: none;
}

body.theme-dark .bfs-search input::placeholder{
  color: var(--rw-text-muted, #aaaaaa);
}

body.theme-dark .bfs-table-panel,
body.theme-dark .bfs-card{
  background: var(--rw-surface, #18181b);
  border-color: var(--rw-border, #2d2d2d);
}

body.theme-dark .bfs-table-head,
body.theme-dark .bfs-table-foot,
body.theme-dark .bfs-summary-row{
  border-color: var(--rw-border, #2d2d2d);
}

body.theme-dark .bfs-table th,
body.theme-dark .bfs-table td{
  border-bottom-color: var(--rw-border, #2d2d2d);
  color: var(--rw-text, #aaaaaa);
}

body.theme-dark .bfs-table th{
  background: var(--rw-surface-elevated, #27272a);
  color: var(--rw-text-muted, #aaaaaa);
}

body.theme-dark .bfs-table tr.is-selected td{
  background: rgba(59, 130, 246, 0.1);
}

body.theme-dark .bfs-wo.is-selected,
body.theme-dark .bfs-summary-row--accent strong{
  color: var(--rw-cal-accent, #5eb3e4);
}

body.theme-dark .bfs-pager button.is-active{
  background: var(--rw-cal-accent-deep, #3b9fd9);
  border-color: var(--rw-cal-accent-deep, #3b9fd9);
  color: #fff;
}

body.theme-dark .bfs-amount-wrap input{
  color: var(--rw-text-strong, #ffffff);
}

body.theme-dark .bfs-amount-wrap em{
  color: var(--rw-text-muted, #aaaaaa);
  border-left-color: var(--rw-border, #2d2d2d);
  background: var(--rw-bg, #0d0d0d);
}

body.theme-dark .bfs-rate{
  background: var(--rw-cal-accent-muted, rgba(59, 130, 246, 0.08));
  color: var(--rw-cal-accent, #5eb3e4);
}

body.theme-dark .bfs-percent-row button:hover:not(:disabled){
  border-color: rgba(59, 130, 246, 0.45);
  background: var(--rw-cal-accent-soft, rgba(59, 130, 246, 0.18));
  color: var(--rw-cal-accent, #5eb3e4);
}

body.theme-dark .bfs-remain{
  background: var(--rw-bg, #0d0d0d);
  color: var(--rw-text, #aaaaaa);
  border: 1px solid var(--rw-border, #2d2d2d);
}

body.theme-dark .bfs-remain.is-zero{
  background: var(--rw-success-bg, #2d4a3e);
  color: var(--rw-success-text, #4ade80);
  border-color: transparent;
}

body.theme-dark .bfs-error{
  background: var(--rw-warning-bg, rgba(255, 77, 77, 0.15));
  border-color: rgba(255, 107, 107, 0.35);
  color: var(--rw-warning-text, #ff6b6b);
}

body.theme-dark .bfs-submit{
  background: var(--brand-primary);
  color: #fff;
}

body.theme-dark .bfs-submit:hover:not(:disabled){
  background: var(--brand-primary-hover);
}

.lab-finance-desc-cell{
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.lab-finance-direction{
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 600;
}

.lab-finance-direction--in{
  background: #dcfce7;
  color: #166534;
}

.lab-finance-direction--out{
  background: #fee2e2;
  color: #991b1b;
}

.lab-finance-balance-cell{
  font-weight: 600;
}

.lab-finance-completion{
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 600;
  white-space: nowrap;
}

.lab-finance-row--completed{
  background: #fafdfb;
}

body.theme-dark .lab-finance-row--completed{
  background: var(--rw-surface-elevated, #27272a);
}

body.theme-dark .lab-finance-row--completed td{
  color: var(--rw-text, #aaaaaa);
}

.lab-finance-row-done-hint{
  font-size: 0.72rem;
  color: #64748b;
}

.lab-finance-expenses-grouped{
  flex: 0 1 auto;
}

.lab-finance-expenses-grouped-card{
  display: flex;
  flex-direction: column;
  gap: 0;
}

.lab-finance-expense-type{
  display: inline-flex;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 600;
}

.lab-finance-expense-type--courier{
  background: #e0f2fe;
  color: #0369a1;
}

.lab-finance-expense-type--external_job{
  background: #ede9fe;
  color: #5b21b6;
}

.lab-finance-expense-sub{
  display: block;
  font-size: 0.72rem;
  color: #64748b;
  margin-top: 2px;
}

.lab-finance-expenses-grouped .lab-patient-list-table-wrap{
  padding: 0 20px 20px;
  overflow-x: auto;
}

.lab-finance-expense-unified-table{
  table-layout: auto;
  width: 100%;
}

.lab-finance-expense-unified-table thead th{
  padding: 8px 14px;
  font-size: 11.5px;
}

.lab-finance-expense-unified-table tbody td{
  padding: 8px 14px;
  font-size: 13px;
  line-height: 1.35;
  vertical-align: middle;
}

.lab-finance-expense-unified-table .lab-finance-col-type{
  white-space: nowrap;
}

.lab-finance-expense-unified-table .lab-finance-col-date{
  white-space: nowrap;
}

.lab-finance-expense-unified-table .lab-finance-col-money{
  white-space: nowrap;
}

.lab-finance-expense-unified-table .lab-finance-col-status{
  white-space: nowrap;
}

.lab-finance-expense-unified-table .lab-patient-row-meta{
  font-size: 12.5px;
  color: #475569;
  white-space: nowrap;
}

.lab-finance-expense-unified-table .lab-finance-col-status .lab-finance-completion{
  font-size: 11.5px;
  padding: 2px 8px;
  line-height: 1.35;
}

.lab-finance-expense-unified-table .lab-finance-expense-type{
  white-space: nowrap;
  font-size: 11.5px;
  line-height: 1.35;
}

.lab-finance-expense-unified-table .lab-finance-row-done-hint{
  font-size: 12.5px;
}

.lab-finance-income-job{
  display: block;
  font-weight: 600;
  color: #0f172a;
}

.lab-finance-expense-group{
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
}

.lab-finance-expense-group-head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 16px;
  background: #f8fafc;
  border-bottom: 1px solid #e2e8f0;
}

.lab-finance-expense-group-head h3{
  margin: 0;
  font-size: 0.9rem;
  font-weight: 600;
  color: #0f172a;
  display: flex;
  align-items: center;
  gap: 8px;
}

.lab-finance-expense-group-count{
  font-size: 0.75rem;
  color: #64748b;
  font-weight: 500;
}

.lab-finance-expense-group-table{
  margin: 0;
}

.tech-action-btn--compact{
  padding: 4px 10px;
  font-size: 0.75rem;
}

/* ===== AYARLAR SAYFASI ===== */

.settings-page{
  min-height: 0;
  --settings-accent: var(--lab-accent, var(--brand-primary));
  --settings-accent-deep: var(--lab-accent-deep, var(--brand-primary-deep));
  --settings-accent-light: var(--lab-accent-light, var(--brand-primary-light));
  --settings-accent-soft: var(--lab-accent-soft, #e3f4fa);
  --settings-accent-muted: var(--lab-accent-muted, var(--brand-primary-muted));
  --settings-accent-ring: var(--lab-accent-ring, var(--brand-ring));
  --settings-accent-shadow: var(--lab-accent-shadow, rgba(37, 99, 235, 0.25));
  --settings-surface: #ffffff;
  --settings-surface-alt: #f8fafc;
  --settings-surface-hover: #f0f8fc;
  --settings-border: #dbe7ef;
  --settings-border-soft: #edf3f7;
  --settings-text: #1a3a4a;
  --settings-text-body: #4a6274;
  --settings-text-muted: #7a8f9f;
}

.settings-page-shell{
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
  gap: 20px;
  align-items: start;
  flex: 1;
  min-height: 0;
}

.settings-nav{
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 12px;
  border: 1px solid var(--settings-border);
  border-radius: 14px;
  background: transparent;
  box-shadow: none;
  position: sticky;
  top: 12px;
}

.settings-nav-item{
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 10px 12px;
  border: none;
  border-radius: 8px;
  background: transparent;
  color: var(--settings-text-body);
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  text-align: left;
  transition: background 0.12s ease, color 0.12s ease;
}

.settings-nav-item:disabled,
.settings-nav-item--disabled{
  opacity: 0.48;
  cursor: not-allowed;
  pointer-events: none;
}

.settings-nav-item i{
  font-size: 16px;
  width: 20px;
  text-align: center;
  color: var(--settings-text-muted);
  transition: color 0.12s ease;
}

.settings-nav-item:hover{
  background: var(--settings-surface-hover);
  color: var(--settings-text);
}

.settings-nav-item:hover i{
  color: var(--settings-accent);
}

.settings-nav-item--active{
  background: var(--settings-accent-soft);
  color: var(--settings-accent-deep);
  font-weight: 600;
}

.settings-nav-item--active i{
  color: var(--settings-accent);
}

.settings-nav-item--active:hover{
  background: var(--settings-accent-soft);
}

.dash-layout:has(.dash-brand-mark--lab) .settings-nav-item--active{
  background: var(--lab-accent-soft);
  color: var(--lab-accent);
}

.dash-layout:has(.dash-brand-mark--lab) .settings-nav-item--active i{
  color: var(--lab-accent);
}

/* Icerik viewport'tan uzunsa main kutusu kuculmesin, icerige gore buyusun;
   yoksa son kart (Sifre Degistir) kutunun disina tasar. */

.dash-page-column > .dash-main.settings-page{
  flex: 1 0 auto;
  margin-bottom: 15px;
}

.settings-content{
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-bottom: 28px;
}

@keyframes slideIn {
  from{ opacity: 0; transform: translateY(-8px); }
  to{ opacity: 1; transform: translateY(0); }
}

.settings-loading{
  margin: 0;
  padding: 24px;
  text-align: center;
  color: var(--settings-text-muted);
  font-size: 14px;
}

.settings-panel-card{
  border: 1px solid var(--settings-border);
  border-radius: 14px;
  background: var(--settings-surface);
  box-shadow: 0 4px 20px rgba(10, 37, 64, 0.06);
  padding: 20px 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.settings-panel-card-head{
  padding-bottom: 14px;
  border-bottom: 1px solid var(--settings-border-soft);
  margin-bottom: 2px;
}

.settings-panel-card-head h2{
  margin: 0 0 4px;
  font-size: 17px;
  font-weight: 700;
  color: var(--settings-text);
}

.settings-panel-card-head p{
  margin: 0;
  font-size: 13px;
  color: var(--settings-text-muted);
}

.settings-account-hero{
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px;
  border-radius: 12px;
  background: linear-gradient(135deg, var(--settings-accent-soft) 0%, color-mix(in srgb, var(--settings-accent-soft) 55%, var(--settings-surface)) 100%);
  border: 1px solid color-mix(in srgb, var(--settings-accent) 24%, var(--settings-surface));
}

/* ── İş Emirleri analiz kartı (metrik + dönem + 4 KPI + alan grafiği) ── */

.labdash2-an{
  min-height: 0;
}

.labdash2-an-head{
  flex-wrap: wrap;
}

.labdash2-an-title-pick{
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  /* Baslik daralmasin: sigmazsa donem secici alt satira iner (flex-wrap). */
  flex: 0 0 auto;
  margin: -4px 0 -4px -6px;
  padding: 4px 8px 4px 6px;
  border-radius: 8px;
  transition: background-color 0.16s ease;
}

.labdash2-an-title-pick:hover{
  background: #f1f5f9;
}

.labdash2-an-title-pick:focus-within{
  outline: 2px solid var(--lab-accent, var(--brand-primary));
  outline-offset: 1px;
}

.labdash2-an-title-text{
  flex: 0 0 auto;
  white-space: nowrap;
}

.labdash2-an-title-pick .bi{
  font-size: 0.72rem;
  color: #475569;
  flex-shrink: 0;
}

/* Seffaf native select tum basligi kaplar: tiklama/klavye onda. */

.labdash2-an-title-select{
  position: absolute;
  inset: 0;
  width: 100%;
  opacity: 0;
  cursor: pointer;
  font: inherit;
}

.labdash2-an-range{
  display: inline-flex;
  gap: 2px;
  padding: 2px;
  border-radius: 9px;
  background: #f1f5f9;
  flex-shrink: 0;
}

.labdash2-an-range-btn{
  min-height: 26px;
  padding: 3px 12px;
  border: none;
  border-radius: 7px;
  background: transparent;
  font: inherit;
  font-size: 0.76rem;
  font-weight: 600;
  color: #64748b; /* a11y: acik gri zemin uzerinde AA */
  cursor: pointer;
  transition: background-color 0.16s ease, color 0.16s ease;
}

.labdash2-an-range-btn:hover{ color: #0f172a; }

.labdash2-an-range-btn.is-active{
  background: #fff;
  color: var(--lab-accent, var(--brand-primary));
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
}

.labdash2-an-range-btn:focus-visible{
  outline: 2px solid var(--lab-accent, var(--brand-primary));
  outline-offset: 1px;
}

.labdash2-an-body{
  display: flex;
  flex-direction: column;
  gap: 12px;
  flex: 1 1 auto;
  min-height: 0;
  padding: 2px 16px 12px;
}

.labdash2-an-summary{
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 4px 12px;
  min-width: 0;
  flex-shrink: 0;
}

.labdash2-an-summary-value{
  font-size: 1.7rem;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -0.02em;
  color: #0f172a;
  white-space: nowrap;
}

.labdash2-an-summary-change{
  display: inline-flex;
  align-items: baseline;
  gap: 4px;
  font-size: 0.86rem;
  font-weight: 600;
  white-space: nowrap;
}

.labdash2-an-summary-change .bi{
  font-size: 0.8em;
  align-self: center;
}

.labdash2-an-summary-change.is-good{ color: #15803d; }

/* a11y: beyaz uzerinde AA */

.labdash2-an-summary-change.is-bad{ color: #e11d48; }

.labdash2-an-summary-hint{
  margin-left: 2px;
  font-weight: 500;
  color: #64748b; /* a11y: beyaz uzerinde AA */
}

.labdash2-an-summary-skel{
  display: block;
  width: 180px;
  height: 30px;
  border-radius: 8px;
}

.labdash2-an-chart{
  position: relative;
  flex: 1 1 auto;
  min-height: 140px;
  border-radius: 8px;
  outline: none;
}

.labdash2-an-chart:focus-visible{
  box-shadow: 0 0 0 2px var(--lab-accent, var(--brand-primary));
}

.labdash2-an-chart svg{
  position: absolute;
  inset: 0;
  display: block;
  overflow: visible;
}

.labdash2-an-chart--loading .wo-skel-bone{
  position: absolute;
  inset: 8px 0 28px 52px;
  border-radius: 8px;
}

.labdash2-an-grid{
  stroke: #e2e8f0;
  stroke-width: 1;
  stroke-dasharray: 2 4;
}

.labdash2-an-axis{
  font-size: 11px;
  fill: #64748b;
}

.labdash2-an-band{
  fill: var(--lab-accent, var(--brand-primary));
  fill-opacity: 0.08;
}

.labdash2-an-dot{
  fill: var(--lab-accent, var(--brand-primary));
  stroke: #fff;
  stroke-width: 2.5;
}

.labdash2-an-tooltip{
  position: absolute;
  transform: translate(-50%, -100%);
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 7px 11px;
  border: 1px solid #e2e8f0;
  border-radius: 9px;
  background: #fff;
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.1);
  pointer-events: none;
  white-space: nowrap;
  z-index: 2;
}

.labdash2-an-tooltip-date{
  font-size: 0.68rem;
  color: #64748b;
}

.labdash2-an-tooltip-value{
  font-size: 0.86rem;
  font-weight: 700;
  color: #0f172a;
}

body.theme-dark .labdash2-an-title-pick:hover{ background: #27272a; }

body.theme-dark .labdash2-an-title-select option{ background: #18181b; }

body.theme-dark .labdash2-an-title-pick .bi{ color: #a1a1aa; }

body.theme-dark .labdash2-an-range{ background: #27272a; }

body.theme-dark .labdash2-an-range-btn{ color: #a1a1aa; }

body.theme-dark .labdash2-an-range-btn:hover{ color: #f4f4f5; }

body.theme-dark .labdash2-an-range-btn.is-active{ background: #3f3f46; color: #f4f4f5; box-shadow: none; }

body.theme-dark .labdash2-an-summary-value,
body.theme-dark .labdash2-an-tooltip-value{ color: #f4f4f5; }

body.theme-dark .labdash2-an-summary-change.is-good{ color: #4ade80; }

body.theme-dark .labdash2-an-summary-change.is-bad{ color: #fb7185; }

body.theme-dark .labdash2-an-summary-hint,
body.theme-dark .labdash2-an-tooltip-date{ color: #a1a1aa; }

body.theme-dark .labdash2-an-grid{ stroke: #3f3f46; }

body.theme-dark .labdash2-an-axis{ fill: #a1a1aa; }

body.theme-dark .labdash2-an-dot{ stroke: #18181b; }

body.theme-dark .labdash2-an-tooltip{ background: #27272a; border-color: #3f3f46; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4); }

/* Finansal Ozet metrik basliklari = Is Emirleri kartindaki KPI basliklari (boyut, aralik, renk).
   Cift sinif: yukaridaki `.labdash2-finance-fig-label{font-size: var(--ui-font-xs)}` ve
   koyu tema muted rengi bunu ezmesin. */

.labdash2-finance-metric .labdash2-finance-fig-label{
  font-size: 0.72rem;
  font-weight: 500;
  letter-spacing: inherit;
  color: #64748b; /* a11y: beyaz uzerinde AA */
}

body.theme-dark .labdash2-finance-metric .labdash2-finance-fig-label{
  color: #a1a1aa;
}

/* Ust KPI kartlari: deger + yanindaki kucuk degisim rozeti tek satirda. */

.lab-patient-stat-card-value:has(.lab-stat-card-badge){
  display: flex;
  align-items: center;
  gap: 8px;
}

.lab-stat-card-badge{
  align-self: center;
  flex-shrink: 0;
  letter-spacing: normal;
}

/* settings */

/* ============================================================
   Hesap profil karti (gorseldeki duzen) — sol profil + sag bilgiler
   ============================================================ */

.settings-account-hero--profile{
  align-items: stretch;
  justify-content: space-between;
  gap: 24px;
  padding: 18px 20px;
  background: var(--settings-surface);
  border-color: var(--settings-border-soft);
  box-shadow: none;
  flex-wrap: wrap;
}

.settings-account-profile{
  display: flex;
  align-items: center;
  gap: 16px;
  min-width: 0;
}

.settings-account-avatar-col{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
}

.settings-account-hero--profile .settings-account-avatar{
  position: relative;
  width: 72px;
  height: 72px;
  line-height: 72px;
}

.settings-account-hero--profile .settings-account-hero-info{
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
}

.settings-account-hero--profile .settings-account-hero-info strong{
  font-size: 17px;
  font-weight: 700;
}

.settings-account-hero-role,
.settings-account-hero-email{
  font-size: 13px;
  color: #64748b;
}

.settings-account-status-badge{
  align-self: flex-start;
  margin-top: 5px;
  display: inline-flex;
  align-items: center;
  padding: 2px 12px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  background: rgba(26, 143, 92, 0.14);
  color: #1a8f5c;
}

.settings-account-status-badge--off{
  background: rgba(100, 116, 139, 0.16);
  color: #64748b;
}

/* Sag: bilgi satirlari */

.settings-account-facts{
  display: grid;
  gap: 12px;
  min-width: 240px;
  align-content: center;
  padding-left: 24px;
  border-left: 1px solid var(--settings-border-soft);
}

.settings-account-fact{
  display: grid;
  grid-template-columns: 20px 92px 1fr;
  align-items: center;
  gap: 10px;
}

.settings-account-fact-icon{
  color: #94a3b8;
  font-size: 15px;
  text-align: center;
}

.settings-account-fact-label{
  font-size: 13px;
  color: #64748b;
}

.settings-account-fact-value{
  font-size: 13px;
  font-weight: 500;
  color: var(--settings-text);
}

.settings-account-plan-badge{
  display: inline-flex;
  align-items: center;
  padding: 2px 10px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 600;
  background: var(--brand-primary-soft);
  color: var(--brand-primary-selected-text);
}

@media (max-width: 640px) {
  .settings-account-facts{
    padding-left: 0;
    border-left: 0;
    border-top: 1px solid var(--settings-border-soft);
    padding-top: 16px;
    width: 100%;
  }
}

/* ============================================================
   Kisisel Bilgiler / Sifre Degistir kartlari (gorsel duzen)
   ============================================================ */

.settings-panel-card-head.settings-card-head--icon h2{
  display: flex;
  align-items: center;
  gap: 8px;
}

.settings-panel-card-head.settings-card-head--icon h2 i{
  color: var(--settings-text-muted, #64748b);
  font-size: 0.95em;
}

.settings-profile-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px 20px;
}

.settings-profile-grid--3{
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.settings-form-actions{
  display: flex;
  justify-content: flex-end;
  margin-top: 18px;
}

/* Sifre alani + goz ikonu */

.settings-pw-wrap{
  position: relative;
  display: flex;
  align-items: center;
}

.settings-pw-wrap input{
  width: 100%;
  padding-right: 40px !important;
}

.settings-pw-eye{
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: 0;
  background: transparent;
  color: var(--settings-text-muted, #94a3b8);
  cursor: pointer;
  border-radius: 6px;
}

.settings-pw-eye:hover{
  color: var(--settings-text, #334155);
}

@media (max-width: 720px) {
  .settings-profile-grid,
.settings-profile-grid--3{
    grid-template-columns: 1fr;
  }
}

.settings-account-avatar{
  display: block;
  width: 68px;
  height: 68px;
  line-height: 68px;
  text-align: center;
  align-self: center;
  border-radius: 50%;
  background: var(--settings-accent, var(--brand-primary));
  color: #fff;
  flex-shrink: 0;
  overflow: hidden;
}

.settings-account-avatar .settings-account-avatar-letter{
  display: inline;
  font-size: 28px;
  font-weight: 700;
  line-height: inherit;
  letter-spacing: -0.02em;
  color: #fff;
}

.settings-account-hero strong{
  display: block;
  font-size: 16px;
  font-weight: 600;
  color: var(--settings-text);
}

.settings-account-hero span{
  display: block;
  font-size: 13px;
  color: var(--settings-text-muted);
}

.settings-dl{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 20px;
  margin: 0;
  padding: 14px;
  background: var(--settings-surface-alt);
  border-radius: 10px;
  border: 1px solid var(--settings-border-soft);
}

.settings-dl > div{
  min-width: 0;
}

.settings-dl dt{
  margin: 0 0 3px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--settings-text-muted);
}

.settings-dl dd{
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  color: var(--settings-text);
  word-break: break-word;
}

.settings-dl-mono{
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 12px;
  color: var(--settings-text-body);
}

.settings-note{
  margin: 0;
  padding: 10px 12px;
  font-size: 12px;
  line-height: 1.5;
  color: var(--settings-text-muted);
  background: var(--settings-surface-alt);
  border-radius: 8px;
  border-left: 3px solid var(--settings-accent);
}

.settings-field-block{
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.settings-field-label{
  font-size: 13px;
  font-weight: 600;
  color: var(--settings-text-body);
}

.settings-choice-group{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.settings-choice{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  border: 1px solid var(--settings-border);
  border-radius: 10px;
  background: var(--settings-surface);
  color: var(--settings-text-body);
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  font-family: inherit;
  transition:
    background-color 0.15s ease,
    border-color 0.15s ease,
    color 0.15s ease,
    box-shadow 0.15s ease;
}

.settings-choice:hover{
  border-color: color-mix(in srgb, var(--settings-accent) 22%, var(--settings-border));
  background: var(--settings-surface-hover);
}

.settings-choice i{
  font-size: 16px;
  color: var(--settings-text-muted);
}

.settings-choice--active{
  border-color: var(--settings-accent);
  background: linear-gradient(135deg, var(--settings-accent-soft) 0%, color-mix(in srgb, var(--settings-accent-soft) 72%, var(--settings-surface)) 100%);
  color: var(--settings-accent-deep);
  box-shadow: 0 2px 8px var(--settings-accent-ring);
}

.settings-choice--active i{
  color: var(--settings-accent);
}

.settings-toggle-row{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 12px 14px;
  margin: 0 -14px;
  border-radius: 10px;
  background: transparent;
}

.settings-toggle-row:hover{
  background: var(--settings-surface-alt);
}

.settings-toggle-row:has(.settings-toggle:disabled){
  opacity: 0.58;
}

.settings-toggle-row:has(.settings-toggle:disabled):hover{
  background: transparent;
}

.settings-toggle-row:has(.settings-toggle:disabled) .settings-toggle-copy label,
.settings-toggle-row:has(.settings-toggle:disabled) .settings-toggle-copy p{
  cursor: not-allowed;
}

.settings-toggle-copy label{
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: var(--settings-text);
  cursor: pointer;
}

.settings-toggle-copy p{
  margin: 3px 0 0;
  font-size: 12px;
  color: var(--settings-text-muted);
  max-width: 420px;
  line-height: 1.4;
}

.settings-toggle{
  position: relative;
  width: 48px;
  height: 26px;
  padding: 0;
  border: 2px solid color-mix(in srgb, var(--settings-border) 92%, #a8b7c4);
  border-radius: 999px;
  background: color-mix(in srgb, var(--settings-surface-alt) 72%, #dbe4ea);
  cursor: pointer;
  flex-shrink: 0;
  -webkit-appearance: none;
  appearance: none;
  transition:
    background-color 0.2s ease,
    border-color 0.2s ease,
    transform 0.2s ease;
}

.settings-toggle:hover{
  border-color: color-mix(in srgb, var(--settings-accent) 18%, var(--settings-border));
}

.settings-toggle--on{
  background: linear-gradient(135deg, var(--settings-accent) 0%, var(--settings-accent-deep) 100%);
  border-color: var(--settings-accent-deep);
}

.settings-toggle:disabled{
  opacity: 0.4;
  cursor: not-allowed;
}

.settings-note--muted{
  opacity: 0.72;
}

.settings-toggle-knob{
  position: absolute;
  top: 2px;
  left: 2px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 2px 6px rgba(15, 34, 49, 0.2);
  transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.settings-toggle--on .settings-toggle-knob{
  transform: translateX(22px);
}

.settings-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 38px;
  padding: 0 16px;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  border: 1px solid transparent;
  -webkit-appearance: none;
  appearance: none;
  font-family: inherit;
  transition:
    background-color 0.15s ease,
    border-color 0.15s ease,
    color 0.15s ease,
    box-shadow 0.15s ease,
    transform 0.15s ease,
    opacity 0.15s ease;
}

.settings-btn--primary{
  background: var(--brand-gradient);
  color: #fff;
  border-color: var(--settings-accent-deep);
  box-shadow: 0 2px 8px var(--settings-accent-shadow);
}

.settings-btn--primary:hover{
  box-shadow: 0 4px 12px var(--settings-accent-shadow);
  transform: translateY(-1px);
}

.settings-btn--primary:disabled{
  opacity: 0.5;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}

.settings-btn--danger{
  background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
  color: #fff;
  box-shadow: 0 2px 8px rgba(220, 38, 38, 0.25);
}

.settings-btn--danger:hover{
  box-shadow: 0 4px 12px rgba(220, 38, 38, 0.35);
  transform: translateY(-1px);
}

body.ui-compact-tables .tech-table tbody td,
body.ui-compact-tables .wo-list-table tbody td{
  padding-top: 6px;
  padding-bottom: 6px;
}

@media (max-width: 900px) {
  .settings-page-shell{
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .settings-nav{
    position: static;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 6px;
    padding: 10px;
  }

  .settings-nav-item{
    flex: 1 1 auto;
    justify-content: center;
    padding: 8px 10px;
  }

  .settings-nav-item span{
    display: none;
  }

  .settings-nav-item i{
    margin: 0;
  }

  .settings-panel-card{
    padding: 16px;
  }

  .settings-dl{
    grid-template-columns: 1fr;
  }

  

  

  .settings-toggle-row,
.settings-select-row{
    margin: 0;
    padding: 10px 0;
  }

  .settings-subsection{
    margin: 0;
    padding: 12px;
  }

  .settings-account-hero{
    flex-direction: column;
    text-align: center;
  }

  

  

  .settings-account-hero-info{
    align-items: center;
  }

  

  

  
}

body.theme-dark .settings-panel-card,
body.theme-dark .settings-nav{
  background: var(--rw-surface, #18181b);
  border-color: var(--rw-border, #2d2d2d);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}

body.theme-dark .settings-page{
  --settings-surface: var(--rw-surface, #18181b);
  --settings-surface-alt: color-mix(in srgb, var(--rw-surface, #18181b) 60%, #000);
  --settings-surface-hover: var(--rw-surface-hover, #2f2f33);
  --settings-border: var(--rw-border, #2d2d2d);
  --settings-border-soft: var(--rw-border-soft, #353535);
  --settings-text: var(--rw-text-strong, #e5e5e5);
  --settings-text-body: var(--rw-text, #ccc);
  --settings-text-muted: var(--rw-text-muted, #a3a3a3);
  --settings-accent: var(--lab-accent, var(--brand-primary));
  --settings-accent-soft: var(--brand-ring);
}

body.theme-dark .settings-panel-card-head{
  border-bottom-color: var(--rw-border, #2d2d2d);
}

body.theme-dark .settings-panel-card-head h2,
body.theme-dark .settings-account-hero strong,
body.theme-dark .settings-dl dd,
body.theme-dark .settings-toggle-copy label{
  color: var(--rw-text-strong, #e5e5e5);
}

body.theme-dark .settings-panel-card-head p,
body.theme-dark .settings-toggle-copy p,
body.theme-dark .settings-loading{
  color: var(--rw-text-muted, #a3a3a3);
}

body.theme-dark .settings-note{
  background: var(--rw-surface-elevated, #27272a);
  border-left-color: #5eb3e4;
  color: var(--rw-text-muted, #a3a3a3);
}

body.theme-dark .settings-dl{
  background: var(--rw-surface-elevated, #27272a);
  border-color: var(--rw-border, #2d2d2d);
}

body.theme-dark .settings-dl dt{
  color: var(--rw-text-muted, #888);
}

body.theme-dark .settings-dl-mono{
  color: var(--rw-text-muted, #a3a3a3);
}

body.theme-dark .settings-choice{
  background: var(--rw-surface-elevated, #27272a);
  border-color: var(--rw-border-soft, #353535);
  color: var(--rw-text, #ccc);
}

body.theme-dark .settings-choice:hover{
  background: var(--rw-surface-hover, #2f2f33);
  border-color: var(--rw-border, #404040);
}

body.theme-dark .settings-choice i{
  color: var(--rw-text-muted, #888);
}

body.theme-dark .settings-choice--active{
  background: var(--brand-primary-soft);
  border-color: rgba(37, 99, 235, 0.55);
  color: var(--brand-primary-muted);
}

body.theme-dark .settings-choice--active i{
  color: #5eb3e4;
}

body.theme-dark .settings-toggle-row:hover{
  background: var(--rw-surface-elevated, #27272a);
}

body.theme-dark .settings-toggle{
  background: var(--rw-surface-elevated, #27272a);
  border-color: var(--rw-border, #404040);
}

body.theme-dark .settings-toggle:hover{
  border-color: var(--rw-border-soft, #555);
}

body.theme-dark .settings-toggle--on{
  background: var(--brand-primary);
  border-color: var(--brand-primary);
}

body.theme-dark .settings-nav-item{
  color: var(--rw-text, #aaa);
}

body.theme-dark .settings-nav-item i{
  color: var(--rw-text-muted, #666);
}

body.theme-dark .settings-nav-item:hover{
  background: var(--rw-surface-elevated, #27272a);
  color: var(--rw-text-strong, #fff);
}

body.theme-dark .settings-nav-item:hover i{
  color: #5eb3e4;
}

body.theme-dark .settings-nav-item--active{
  background: var(--brand-primary-soft);
  color: var(--brand-primary-muted);
}

body.theme-dark .settings-nav-item--active i{
  color: #5eb3e4;
}

body.theme-dark .settings-nav-item--active:hover{
  background: rgba(37, 99, 235, 0.25);
}

body.theme-dark .settings-account-hero{
  background: linear-gradient(135deg, rgba(37, 99, 235, 0.15) 0%, rgba(37, 99, 235, 0.08) 100%);
  border-color: rgba(37, 99, 235, 0.3);
}

body.theme-dark .settings-account-hero span{
  color: var(--rw-text-muted, #888);
}

body.theme-dark .settings-field-label{
  color: var(--rw-text-muted, #a3a3a3);
}

/* Yeni ayarlar stilleri */

.settings-account-hero-info{
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.settings-btn--outline{
  background: var(--settings-surface);
  border: 1px solid var(--settings-border);
  color: var(--settings-text-body);
}

.settings-btn--outline:hover{
  background: var(--settings-surface-hover);
  border-color: var(--settings-accent);
  color: var(--settings-accent-deep);
}

.settings-btn--outline:disabled{
  opacity: 0.5;
  cursor: not-allowed;
  transform: none;
}

.settings-btn--danger-outline{
  background: #ffffff;
  border: 1px solid #fecdd3;
  color: #be123c;
}

.settings-btn--danger-outline:hover{
  background: #fff1f2;
  border-color: #fb7185;
}

.settings-divider{
  height: 1px;
  background: var(--settings-border-soft);
  margin: 8px 0;
}

.settings-subsection{
  padding: 12px 14px;
  margin: 0 -14px;
  background: var(--settings-surface-alt);
  border-radius: 10px;
}

.settings-subsection h3{
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 10px;
  font-size: 13px;
  font-weight: 600;
  color: var(--settings-text-body);
}

.settings-subsection h3 i{
  font-size: 15px;
  color: var(--settings-accent);
}

.settings-badge{
  display: inline-flex;
  align-items: center;
  margin-left: 8px;
  padding: 2px 8px;
  border-radius: 10px;
  background: linear-gradient(135deg, #8b5cf6, #6d28d9);
  color: #fff;
  font-size: 9px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.settings-select-row{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 10px 14px;
  margin: 0 -14px;
  border-radius: 10px;
  transition: background 0.15s ease;
}

.settings-select-row:hover{
  background: var(--settings-surface-alt);
}

/* Kilitli ayar (or. saat formati): tiklanamaz, soluk gorunum. */

.settings-select-row--locked select{
  opacity: 0.55;
  cursor: not-allowed;
  pointer-events: none;
}

.settings-select-row--locked:hover{
  background: transparent;
}

.settings-select-lock{
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-left: 8px;
  padding: 1px 7px;
  border-radius: 999px;
  background: var(--settings-surface-alt, #eceef1);
  color: #8a97a3;
  font-size: 10.5px;
  font-weight: 600;
}

.settings-select-lock i{
  font-size: 9px;
}

.settings-select-row label{
  font-size: 14px;
  font-weight: 500;
  color: var(--settings-text);
}

.settings-select-row select{
  min-width: 150px;
  padding: 8px 12px;
  border: 1px solid var(--settings-border);
  border-radius: 8px;
  background: var(--settings-surface);
  font-size: 13px;
  color: var(--settings-text);
  cursor: pointer;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.settings-select-row select:hover{
  border-color: color-mix(in srgb, var(--settings-accent) 22%, var(--settings-border));
}

.settings-select-row select:focus{
  outline: none;
  border-color: var(--settings-accent);
  box-shadow: 0 0 0 3px var(--settings-accent-ring);
}

.settings-confirm-inline{
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  border-radius: 10px;
  background: linear-gradient(135deg, #fff1f2 0%, #ffe4e6 100%);
  border: 1px solid #fecdd3;
}

.settings-confirm-inline span{
  font-size: 13px;
  font-weight: 600;
  color: #be123c;
}

.settings-shortcuts-list{
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.settings-shortcut-row{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 12px 14px;
  border-radius: 10px;
  background: var(--settings-surface-alt);
  border: 1px solid var(--settings-border-soft);
  transition: background 0.15s ease, border-color 0.15s ease;
}

.settings-shortcut-row:hover{
  background: var(--settings-surface-hover);
  border-color: var(--settings-border);
}

.settings-shortcut-keys{
  display: flex;
  gap: 6px;
}

.settings-shortcut-keys kbd{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 28px;
  height: 26px;
  padding: 0 8px;
  border-radius: 6px;
  background: linear-gradient(180deg, var(--settings-surface) 0%, var(--settings-surface-alt) 100%);
  border: 1px solid color-mix(in srgb, var(--settings-border) 92%, #a8b7c4);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06), inset 0 1px 0 #fff;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 11px;
  font-weight: 600;
  color: var(--settings-text-body);
}

.settings-shortcut-action{
  font-size: 13px;
  font-weight: 500;
  color: var(--settings-text-muted);
}

.settings-panel-card-head--row{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}

.settings-log-empty{
  text-align: center;
  padding: 20px;
  color: var(--settings-text-muted);
  font-size: 13px;
}

/* ── Log filter popover (slp-fp) ───────────────────────────────────────── */

.slp-fp{
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  z-index: 200;
  width: min(340px, calc(100vw - 32px));
  background: #fff;
  border: 1px solid #dde6ef;
  border-radius: 14px;
  box-shadow: 0 8px 28px rgba(15, 40, 70, 0.14), 0 2px 6px rgba(15, 40, 70, 0.06);
  overflow: hidden;
}

.slp-fp-head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 11px 14px 10px;
  background: #f5f9fc;
  border-bottom: 1px solid #e4edf4;
}

.slp-fp-title{
  font-size: 13px;
  font-weight: 700;
  color: #1a3a4a;
  letter-spacing: 0.01em;
}

.slp-fp-body{
  padding: 12px 14px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.slp-fp-row{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.slp-fp-section{
  display: flex;
  flex-direction: column;
  gap: 7px;
}

.slp-fp-field{
  display: flex;
  flex-direction: column;
  gap: 5px;
  min-width: 0;
}

.slp-fp-label{
  font-size: 10.5px;
  font-weight: 700;
  color: #8fa5b5;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  line-height: 1;
}

.slp-fp-select,
.slp-fp-date{
  width: 100%;
  min-width: 0;
  height: 34px;
  padding: 0 10px;
  border: 1.5px solid #dde6ef;
  border-radius: 8px;
  font-size: 12.5px;
  font-weight: 500;
  color: #1a3a4a;
  background: #f8fafc;
  box-sizing: border-box;
  font-family: inherit;
  outline: none;
  transition: border-color 0.15s, background 0.15s, box-shadow 0.15s;
}

.slp-fp-select{
  appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%238fa5b5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 9px;
  padding-right: 28px;
  cursor: pointer;
}

.slp-fp-date{
  padding-right: 6px;
}

.slp-fp-select:hover,
.slp-fp-date:hover{
  border-color: #b8ccdc;
  background: #f1f5f9;
}

.slp-fp-select:focus,
.slp-fp-date:focus{
  border-color: var(--brand-primary);
  background: #fff;
  box-shadow: 0 0 0 3px var(--brand-ring);
}

.slp-fp-chips{
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}

.slp-fp-chip{
  padding: 5px 13px;
  border-radius: 7px;
  border: 1.5px solid #dde6ef;
  background: #f8fafc;
  color: #4a6274;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.12s, border-color 0.12s, color 0.12s;
  font-family: inherit;
  line-height: 1.4;
}

.slp-fp-chip:hover{
  background: #e6f3fb;
  border-color: #93c5e8;
  color: #1a5f8a;
}

.slp-fp-chip--on{
  background: #ebf6fd;
  border-color: var(--brand-primary);
  color: #1363a0;
}

.slp-fp-chip--on:hover{
  background: #d8eef9;
  border-color: var(--brand-primary-deep);
}

.slp-fp-footer{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 10px 14px;
  background: #f5f9fc;
  border-top: 1px solid #e4edf4;
}

.slp-fp-reset{
  background: transparent;
  border: 1.5px solid #dde6ef;
  color: #64748b;
  border-radius: 8px;
  padding: 6px 14px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  transition: background 0.12s, border-color 0.12s, color 0.12s;
}

.slp-fp-reset:hover{
  background: #e8f0f6;
  border-color: #b8ccdc;
  color: #334155;
}

.slp-fp-apply{
  background: var(--brand-primary);
  border: none;
  color: #fff;
  border-radius: 8px;
  padding: 6px 20px;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  font-family: inherit;
  transition: opacity 0.12s, box-shadow 0.12s;
  box-shadow: 0 2px 6px rgba(37, 99, 235, 0.28);
}

.slp-fp-apply:hover{
  opacity: 0.88;
  box-shadow: 0 3px 10px rgba(37, 99, 235, 0.38);
}

/* dark mode */

body.theme-dark .slp-fp{
  background: var(--rw-surface, #18181b);
  border-color: var(--rw-border, #2d2d2d);
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.5);
}

body.theme-dark .slp-fp-head,
body.theme-dark .slp-fp-footer{
  background: color-mix(in srgb, var(--rw-surface, #18181b) 60%, #000);
  border-color: var(--rw-border, #2d2d2d);
}

body.theme-dark .slp-fp-title{
  color: var(--rw-text-strong, #e5e5e5);
}

body.theme-dark .slp-fp-label{
  color: var(--rw-text-muted, #a3a3a3);
}

body.theme-dark .slp-fp-select{
  background-color: var(--rw-surface-elevated, #27272a);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23a3a3a3'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 9px;
  border-color: var(--rw-border, #2d2d2d);
  color: var(--rw-text, #ccc);
}

body.theme-dark .slp-fp-date{
  background-color: var(--rw-surface-elevated, #27272a);
  background-image: none;
  border-color: var(--rw-border, #2d2d2d);
  color: var(--rw-text, #ccc);
  color-scheme: dark;
}

body.theme-dark .slp-fp-select:hover,
body.theme-dark .slp-fp-date:hover{
  background-color: var(--rw-surface-hover, #2f2f33);
  border-color: #444;
}

body.theme-dark .slp-fp-select:focus,
body.theme-dark .slp-fp-date:focus{
  border-color: var(--brand-primary);
  background-color: var(--rw-surface-elevated, #27272a);
  box-shadow: 0 0 0 3px var(--brand-primary-soft);
}

body.theme-dark .slp-fp-chip{
  background: var(--rw-surface-elevated, #27272a);
  border-color: var(--rw-border, #2d2d2d);
  color: var(--rw-text, #ccc);
}

body.theme-dark .slp-fp-chip:hover{
  background: var(--brand-ring);
  border-color: rgba(37, 99, 235, 0.4);
  color: #5eb3e4;
}

body.theme-dark .slp-fp-chip--on{
  background: var(--brand-primary-soft);
  border-color: rgba(37, 99, 235, 0.55);
  color: #7ecaed;
}

body.theme-dark .slp-fp-chip--on:hover{
  background: rgba(37, 99, 235, 0.26);
}

body.theme-dark .slp-fp-reset{
  background: transparent;
  border-color: var(--rw-border, #2d2d2d);
  color: var(--rw-text-muted, #a3a3a3);
}

body.theme-dark .slp-fp-reset:hover{
  background: var(--rw-surface-hover, #2f2f33);
  border-color: #444;
  color: var(--rw-text, #ccc);
}

/* ── /Log filter popover ───────────────────────────────────────────────── */

.settings-log-table-wrap{
  overflow-x: auto;
  border-radius: 10px;
  border: 1px solid var(--settings-border-soft);
}

.settings-log-table{
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}

.settings-log-table thead th{
  padding: 10px 14px;
  text-align: left;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--settings-text-muted);
  background: var(--settings-surface-alt);
  border-bottom: 1px solid var(--settings-border-soft);
  white-space: nowrap;
}

.settings-log-table tbody tr{
  border-bottom: 1px solid var(--settings-border-soft);
  transition: background 0.1s ease;
}

.settings-log-table tbody tr:last-child{
  border-bottom: none;
}

.settings-log-table tbody tr:hover{
  background: var(--settings-surface-hover);
}

.settings-log-table td{
  padding: 10px 14px;
  color: var(--settings-text-body);
  vertical-align: middle;
}

.settings-log-type-badge{
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 3px 9px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 600;
  background: color-mix(in srgb, var(--log-color, #94a3b8) 14%, transparent);
  color: var(--log-color, #94a3b8);
  border: 1px solid color-mix(in srgb, var(--log-color, #94a3b8) 28%, transparent);
  white-space: nowrap;
}

.settings-log-type-badge i{
  font-size: 11px;
}

.settings-log-message{
  color: var(--settings-text) !important;
  font-weight: 500;
  max-width: 260px;
}

.settings-log-mono{
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 12px !important;
  color: var(--settings-text-muted) !important;
}

.settings-log-date{
  white-space: nowrap;
}

/* ── Log dark mode ─────────────────────────────────────────────────────── */

body.theme-dark .settings-log-table-wrap{
  border-color: var(--rw-border, #2d2d2d);
}

body.theme-dark .settings-log-table thead th{
  background: color-mix(in srgb, var(--rw-surface, #18181b) 60%, #000);
  color: var(--rw-text-muted, #a3a3a3);
  border-bottom-color: var(--rw-border, #2d2d2d);
}

body.theme-dark .settings-log-table tbody tr{
  border-bottom-color: var(--rw-border-soft, #353535);
}

body.theme-dark .settings-log-table tbody tr:hover{
  background: var(--rw-surface-hover, #2f2f33);
}

body.theme-dark .settings-log-table td{
  color: var(--rw-text, #ccc);
}

body.theme-dark .settings-log-message{
  color: var(--rw-text-strong, #e5e5e5) !important;
}

body.theme-dark .settings-log-mono{
  color: var(--rw-text-muted, #a3a3a3) !important;
}

/* ── /Log dark mode ─────────────────────────────────────────────────────── */

/* ── Filter popover dark mode ───────────────────────────────────────────── */

body.theme-dark .lab-patient-filter-popover{
  background: var(--rw-surface, #18181b);
  border-color: var(--rw-border, #2d2d2d);
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.5);
}

body.theme-dark .lab-patient-filter-popover-head{
  background: color-mix(in srgb, var(--rw-surface, #18181b) 60%, #000);
  border-bottom-color: var(--rw-border, #2d2d2d);
}

body.theme-dark .lab-patient-filter-popover-head h3{
  color: var(--rw-text-strong, #e5e5e5);
}

body.theme-dark .lab-patient-filter-popover-head .tech-panel-close{
  color: var(--rw-text-muted, #a3a3a3);
}

body.theme-dark .lab-patient-filter-popover-head .tech-panel-close:hover{
  color: var(--rw-text-strong, #e5e5e5);
}

body.theme-dark .lab-patient-filter-popover .clinic-patient-form-section h4,
body.theme-dark .lab-patient-filter-popover-field > label,
body.theme-dark .lab-patient-filter-popover .clinic-patient-form-row > label{
  color: var(--rw-text-muted, #a3a3a3);
}

body.theme-dark .lab-patient-filter-popover-field > select{
  background-color: var(--rw-surface-elevated, #27272a);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23a3a3a3'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 9px;
  border-color: var(--rw-border, #2d2d2d);
  color: var(--rw-text, #ccc);
}

body.theme-dark .lab-patient-filter-popover-field > input[type='date'],
body.theme-dark .lab-patient-filter-popover .clinic-patient-form-row > input,
body.theme-dark .lab-patient-filter-popover .clinic-patient-form-row > select{
  background-color: var(--rw-surface-elevated, #27272a);
  border-color: var(--rw-border, #2d2d2d);
  color: var(--rw-text, #ccc);
  color-scheme: dark;
}

body.theme-dark .lab-patient-filter-popover-field > select:hover,
body.theme-dark .lab-patient-filter-popover-field > input[type='date']:hover,
body.theme-dark .lab-patient-filter-popover .clinic-patient-form-row > input:hover,
body.theme-dark .lab-patient-filter-popover .clinic-patient-form-row > select:hover{
  background-color: var(--rw-surface-hover, #2f2f33);
  border-color: #444;
}

body.theme-dark .lab-patient-filter-popover-field > select:focus,
body.theme-dark .lab-patient-filter-popover-field > input[type='date']:focus,
body.theme-dark .lab-patient-filter-popover .clinic-patient-form-row > input:focus,
body.theme-dark .lab-patient-filter-popover .clinic-patient-form-row > select:focus{
  border-color: var(--brand-primary);
  background-color: var(--rw-surface-elevated, #27272a);
  box-shadow: 0 0 0 3px var(--brand-primary-soft);
}

body.theme-dark .lab-patient-filter-popover-footer{
  background: color-mix(in srgb, var(--rw-surface, #18181b) 60%, #000);
  border-top-color: var(--rw-border, #2d2d2d);
}

body.theme-dark .lab-patient-filter-popover-footer .clinic-patient-form-cancel{
  background: transparent;
  border-color: var(--rw-border, #2d2d2d);
  color: var(--rw-text-muted, #a3a3a3);
}

body.theme-dark .lab-patient-filter-popover-footer .clinic-patient-form-cancel:hover{
  background: var(--rw-surface-hover, #2f2f33);
  border-color: #444;
  color: var(--rw-text, #ccc);
}

/* ── /Filter popover dark mode ──────────────────────────────────────────── */

.settings-password-error{
  margin: 0 0 12px;
}

.settings-input-group{
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.settings-input-group label{
  font-size: 12px;
  font-weight: 600;
  color: var(--settings-text-muted);
}

.settings-input-group input{
  width: 100%;
  max-width: 300px;
  padding: 10px 12px;
  border: 1px solid var(--settings-border);
  border-radius: 8px;
  font-size: 13px;
  box-sizing: border-box;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.settings-input-group input:focus{
  outline: none;
  border-color: var(--settings-accent);
  box-shadow: 0 0 0 3px var(--settings-accent-ring);
}

.settings-input-group input:disabled{
  background: var(--settings-surface-alt);
  cursor: not-allowed;
}

.settings-about-logo{
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 20px;
  border-radius: 14px;
  background: linear-gradient(135deg, var(--settings-accent-soft) 0%, color-mix(in srgb, var(--settings-accent-soft) 60%, var(--settings-surface)) 100%);
  border: 1px solid color-mix(in srgb, var(--settings-accent) 24%, var(--settings-surface));
}

.settings-about-logo-icon{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border-radius: 14px;
  background: var(--brand-gradient);
  color: #fff;
  font-size: 26px;
  box-shadow: 0 4px 12px var(--settings-accent-shadow);
}

.settings-about-logo strong{
  display: block;
  font-size: 20px;
  font-weight: 700;
  color: var(--settings-accent-deep);
}

.settings-about-logo span{
  font-size: 13px;
  color: var(--settings-text-body);
  margin-top: 2px;
}

.settings-version-badge{
  display: inline-flex;
  margin-left: 8px;
  padding: 3px 8px;
  border-radius: 8px;
  background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
  color: #92400e;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

.settings-about-links{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}

.settings-about-link{
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  border-radius: 10px;
  background: var(--settings-surface-alt);
  border: 1px solid var(--settings-border);
  color: var(--settings-text-body);
  font-size: 13px;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.15s ease;
}

.settings-about-link:hover{
  background: var(--settings-surface-hover);
  border-color: var(--settings-accent);
  color: var(--settings-accent-deep);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px var(--settings-accent-ring);
}

.settings-about-link i{
  font-size: 18px;
  color: var(--settings-accent);
}

.settings-copyright{
  margin: 8px 0 0;
  padding-top: 12px;
  border-top: 1px solid var(--settings-border-soft);
  text-align: center;
  font-size: 12px;
  color: var(--settings-text-muted);
}

.settings-note i{
  margin-right: 4px;
}

/* Reduce motion */

html.ui-reduce-motion *,
html.ui-reduce-motion *::before,
html.ui-reduce-motion *::after{
  animation-duration: 0.01ms !important;
  animation-iteration-count: 1 !important;
  transition-duration: 0.01ms !important;
}

/* High contrast */

html.ui-high-contrast{
  --header-control-border: #1a1a1a;
  --header-control-text: #000;
}

html.ui-high-contrast body.theme-dark{
  --rw-border: #555;
  --rw-text: #fff;
  --rw-text-muted: #ccc;
}

/* Dark mode for new settings elements */

body.theme-dark .settings-subsection{
  background: var(--rw-surface-elevated, #27272a);
}

body.theme-dark .settings-subsection h3{
  color: var(--rw-text-muted, #a3a3a3);
}

body.theme-dark .settings-subsection h3 i{
  color: #5eb3e4;
}

body.theme-dark .settings-select-row:hover{
  background: var(--rw-surface-elevated, #27272a);
}

body.theme-dark .settings-select-row label{
  color: var(--rw-text-strong, #e5e5e5);
}

body.theme-dark .settings-select-row select{
  background: var(--rw-surface-elevated, #27272a);
  border-color: var(--rw-border, #2d2d2d);
  color: var(--rw-text-strong, #e5e5e5);
}

body.theme-dark .settings-select-row select:hover{
  border-color: var(--rw-border-soft, #404040);
}

body.theme-dark .settings-select-row select:focus{
  border-color: #5eb3e4;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2);
}

body.theme-dark .settings-shortcut-row{
  background: var(--rw-surface-elevated, #27272a);
  border-color: var(--rw-border, #2d2d2d);
}

body.theme-dark .settings-shortcut-row:hover{
  background: var(--rw-surface-hover, #2f2f33);
  border-color: var(--rw-border-soft, #404040);
}

body.theme-dark .settings-shortcut-keys kbd{
  background: linear-gradient(180deg, var(--rw-surface, #18181b) 0%, var(--rw-bg-sidebar, #141414) 100%);
  border-color: var(--rw-border, #404040);
  color: var(--rw-text-strong, #e5e5e5);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

body.theme-dark .settings-shortcut-action{
  color: var(--rw-text-muted, #a3a3a3);
}

body.theme-dark .settings-input-group label{
  color: var(--rw-text-muted, #a3a3a3);
}

body.theme-dark .settings-input-group input{
  background: var(--rw-bg-sidebar, #141414);
  border-color: var(--rw-border, #2d2d2d);
  color: var(--rw-text-strong, #e5e5e5);
}

body.theme-dark .settings-input-group input:disabled{
  background: var(--rw-surface, #18181b);
}

body.theme-dark .settings-about-logo{
  background: linear-gradient(135deg, rgba(37, 99, 235, 0.15), rgba(37, 99, 235, 0.05));
  border-color: rgba(37, 99, 235, 0.25);
}

body.theme-dark .settings-about-logo strong{
  color: var(--rw-text-strong, #e5e5e5);
}

body.theme-dark .settings-about-logo span{
  color: var(--rw-text-muted, #a3a3a3);
}

body.theme-dark .settings-about-link{
  background: var(--rw-bg-sidebar, #141414);
  border-color: var(--rw-border, #2d2d2d);
  color: var(--rw-text-strong, #e5e5e5);
}

body.theme-dark .settings-about-link:hover{
  background: rgba(37, 99, 235, 0.15);
  border-color: rgba(37, 99, 235, 0.4);
  color: var(--brand-primary-muted);
  box-shadow: 0 4px 12px rgba(37, 99, 235, 0.15);
}

body.theme-dark .settings-about-link i{
  color: #5eb3e4;
}

body.theme-dark .settings-divider{
  background: var(--rw-border, #353535);
}

body.theme-dark .settings-copyright{
  border-top-color: var(--rw-border, #2d2d2d);
  color: var(--rw-text-muted, #666);
}

body.theme-dark .settings-btn--outline{
  background: transparent;
  border-color: var(--rw-border, #2d2d2d);
  color: var(--rw-text, #ccc);
}

body.theme-dark .settings-btn--outline:hover{
  background: var(--brand-ring);
  border-color: rgba(37, 99, 235, 0.4);
  color: var(--brand-primary-muted);
}

body.theme-dark .settings-btn--danger-outline{
  border-color: rgba(248, 113, 113, 0.4);
  color: #fca5a5;
}

body.theme-dark .settings-btn--danger-outline:hover{
  background: rgba(127, 29, 29, 0.25);
  border-color: rgba(248, 113, 113, 0.6);
}

body.theme-dark .settings-confirm-inline{
  background: rgba(127, 29, 29, 0.25);
  border-color: rgba(248, 113, 113, 0.35);
}

body.theme-dark .settings-confirm-inline span{
  color: #fecaca;
}

body.theme-dark .settings-copyright{
  color: var(--rw-text-muted, #666);
}

body.theme-dark .settings-version-badge{
  background: rgba(251, 191, 36, 0.2);
  color: #fbbf24;
}

@media (max-width: 900px) {
  .settings-about-links{
    grid-template-columns: 1fr;
  }

  

  

  .settings-confirm-inline{
    flex-wrap: wrap;
  }
}

/* Durum etiketleri — Bootstrap Icons (icons.getbootstrap.com); yazi boyutu ust elemandan gelir */

.status-label{
  display: inline-flex;
  align-items: center;
  gap: 0.35em;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
}

.status-label > span{
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}

.status-label .bi{
  font-size: 1em;
  width: 1em;
  height: 1em;
  line-height: 1;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: inherit;
}

.status-label-wrap.lab-patient-status-pill,
.status-label-wrap.wo-list-status-pill{
  display: inline-flex;
  align-items: center;
  gap: 0.35em;
}

.status-label-wrap.wo-flow-pill{
  display: inline-flex;
  align-items: center;
  gap: 0.35em;
  margin-bottom: 8px;
}

.wo-flow-pill--compact.status-label-wrap.wo-flow-pill{
  margin-bottom: 6px;
}

/* patients (form dark) + workorders (tablo/takvim/panel) */

/* ============================================================
   DARK MODE — Hasta Form Paneli (PatientFormPanel)
   Light modla aynı görsel yapı, dark renkler
   ============================================================ */

body.theme-dark .tech-panel-backdrop{
  background: rgba(0, 0, 0, 0.55);
}

body.theme-dark .clinic-patient-panel{
  background: #18181b;
  border-color: rgba(255, 255, 255, 0.08);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.6);
}

body.theme-dark .clinic-patient-panel .tech-panel-head{
  border-bottom-color: rgba(255, 255, 255, 0.07);
}

body.theme-dark .clinic-patient-panel .tech-panel-head h3{
  color: #e4e4e4;
}

body.theme-dark .clinic-patient-panel .tech-panel-close{
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.08);
  color: #888;
}

body.theme-dark .clinic-patient-panel .tech-panel-close:hover{
  background: rgba(255, 255, 255, 0.1);
  color: #e4e4e4;
}

body.theme-dark .clinic-patient-form-section{
  background: #18181b;
}

body.theme-dark .clinic-patient-form-section:first-child{
  border-right-color: rgba(255, 255, 255, 0.07);
}

/* h4 — light modda #f8fafb, burada çok ufak bir parlaklık farkı */

body.theme-dark .clinic-patient-form-section h4{
  background: rgba(255, 255, 255, 0.03);
  color: #64748b;
  border-bottom-color: rgba(255, 255, 255, 0.06);
}

body.theme-dark .clinic-patient-form-row + .clinic-patient-form-row{
  border-top-color: rgba(255, 255, 255, 0.04);
}

body.theme-dark .clinic-patient-form-row > label{
  color: #64748b;
}

/* Input — light modla birebir: varsayılanda transparan */

body.theme-dark .clinic-patient-form-row > input,
body.theme-dark .clinic-patient-form-row > select,
body.theme-dark .clinic-patient-form-row > textarea{
  color: #d4d4d4;
  background: transparent;
  border-color: transparent;
}

body.theme-dark .clinic-patient-form-row > input::placeholder,
body.theme-dark .clinic-patient-form-row > textarea::placeholder{
  color: #444;
}

body.theme-dark .clinic-patient-form-row > input:hover,
body.theme-dark .clinic-patient-form-row > select:hover,
body.theme-dark .clinic-patient-form-row > textarea:hover{
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.1);
}

body.theme-dark .clinic-patient-form-row > input:focus,
body.theme-dark .clinic-patient-form-row > select:focus,
body.theme-dark .clinic-patient-form-row > textarea:focus{
  border-color: var(--brand-primary);
  background: rgba(37, 99, 235, 0.06);
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.08);
}

body.theme-dark .clinic-patient-form-row > select option{
  background: #18181b;
  color: #d4d4d4;
}

/* Alt bar — light modda #f8fafb */

body.theme-dark .clinic-patient-form-actions{
  background: rgba(255, 255, 255, 0.03);
  border-top-color: rgba(255, 255, 255, 0.07);
}

body.theme-dark .clinic-patient-form-cancel{
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.1);
  color: #aaa;
}

body.theme-dark .clinic-patient-form-cancel:hover{
  background: rgba(255, 255, 255, 0.09);
}

body.theme-dark .tech-form-error{
  background: rgba(220, 50, 50, 0.12);
  color: #e07878;
  border-color: rgba(220, 50, 50, 0.3);
}

/* ============================================================================
   YUZEN ICERIK PANELI — navbar gri zemine kaynak, header+icerik beyaz kart
   (gorsel referans). Tum dashboard sayfalari icin.
   ============================================================================ */

.dash-layout.medical-bg,
.dash-layout:has(.dash-brand-mark--lab).medical-bg{
  background: #EEF1F5;
}

/* Sidebar genisligi */

.dash-layout{
  --sidebar-w: 216px;
}

.dash-layout--collapsed,
.dash-layout:has(.dash-sidebar--collapsed){
  --sidebar-w: 54px;
}

/* Sidebar gri zemine kaynasin (cerceve yok) */

.dash-layout .dash-sidebar{
  border-right: none;
  background: #EEF1F5;
}

/* Header (topbar): beyaz kartin icinde, ust kenarda */

.dash-page-column > .dash-topbar,
.dash-layout > .dash-main > .dash-topbar{
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  z-index: 200;
  height: 44px;
  min-height: 44px;
  max-height: 44px;
  margin: 8px 8px 0 4px;
  padding: 0 12px;
  background: #ffffff;
  border-bottom: 0;
  border-radius: 14px 14px 0 0;
  box-shadow: none;
  flex-shrink: 0;
}

.dash-page-column > .dash-topbar .dash-page-title-text{
  font-size: 16px;
  font-weight: var(--fw-strong);
  color: #0f2231;
}

/* Search kutusu header'in tam ortasinda */

.dash-page-column > .dash-topbar .dash-topbar-search-slot,
.dash-layout > .dash-main > .dash-topbar .dash-topbar-search-slot{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 250px;
  display: block;
}

.dash-page-column > .dash-topbar .dash-topbar-search-slot .dash-topbar-search,
.dash-layout > .dash-main > .dash-topbar .dash-topbar-search-slot .dash-topbar-search{
  width: 100%;
  max-width: none;
  height: 33px;
}

/* Header butonlari = Is Emirleri Filtrele (.wo-filter-btn) birebir */

.dash-page-column > .dash-topbar,
.dash-layout > .dash-main > .dash-topbar{
  --header-control-bg: #ffffff;
  --header-control-border: #e2e8f0;
  --header-control-text: #1a3a4a;
  --header-control-muted: #64748b;
}

body:not(.theme-dark) .dash-page-column > .dash-topbar .dash-topbar-search,
body:not(.theme-dark) .dash-page-column > .dash-topbar .dash-topbar-search:hover,
body:not(.theme-dark) .dash-page-column > .dash-topbar .dash-topbar-search:focus-within,
body:not(.theme-dark) .dash-page-column > .dash-topbar .dash-global-search--open .dash-topbar-search,
body:not(.theme-dark) .dash-layout > .dash-main > .dash-topbar .dash-topbar-search,
body:not(.theme-dark) .dash-layout > .dash-main > .dash-topbar .dash-topbar-search:hover,
body:not(.theme-dark) .dash-layout > .dash-main > .dash-topbar .dash-topbar-search:focus-within,
body:not(.theme-dark) .dash-layout > .dash-main > .dash-topbar .dash-global-search--open .dash-topbar-search{
  background: #EEF1F5;
  background-color: #EEF1F5;
}

.dash-page-column > .dash-topbar .dash-sidebar-toggle-btn,
.dash-page-column > .dash-topbar .dash-topbar-right .dash-topbar-btn--icon,
.dash-layout > .dash-main > .dash-topbar .dash-sidebar-toggle-btn,
.dash-layout > .dash-main > .dash-topbar .dash-topbar-right .dash-topbar-btn--icon{
  width: var(--header-control-height);
  min-width: var(--header-control-height);
  height: var(--header-control-height);
  min-height: var(--header-control-height);
  padding: 0;
  border: 1px solid var(--header-control-border, #e2e8f0);
  border-radius: var(--header-control-radius, 8px);
  background: var(--header-control-bg, #ffffff);
  color: var(--header-control-text, #1a3a4a);
  box-shadow: none;
  transition:
    border-color 0.15s ease,
    background 0.15s ease,
    color 0.15s ease,
    box-shadow 0.15s ease;
}

body:not(.theme-dark) .dash-page-column > .dash-topbar .dash-sidebar-toggle-btn,
body:not(.theme-dark) .dash-page-column > .dash-topbar .dash-topbar-btn:not(.dash-topbar-btn--profile),
body:not(.theme-dark) .dash-page-column > .dash-topbar .dash-topbar-page-actions .wo-filter-btn,
body:not(.theme-dark) .dash-layout > .dash-main > .dash-topbar .dash-sidebar-toggle-btn,
body:not(.theme-dark) .dash-layout > .dash-main > .dash-topbar .dash-topbar-btn:not(.dash-topbar-btn--profile),
body:not(.theme-dark) .dash-layout:has(.dash-brand-mark--lab) .dash-page-column > .dash-topbar .dash-sidebar-toggle-btn,
body:not(.theme-dark) .dash-layout:has(.dash-brand-mark--lab) .dash-page-column > .dash-topbar .dash-topbar-right .dash-topbar-btn--icon,
body:not(.theme-dark) .dash-layout--clinic .dash-page-column > .dash-topbar .dash-sidebar-toggle-btn,
body:not(.theme-dark) .dash-layout--clinic .dash-page-column > .dash-topbar .dash-topbar-right .dash-topbar-btn--icon{
  background: #ffffff;
  border: 1px solid #e2e8f0;
  color: #1a3a4a;
  box-shadow: none;
}

body:not(.theme-dark) .dash-page-column > .dash-topbar .dash-sidebar-toggle-btn i,
body:not(.theme-dark) .dash-page-column > .dash-topbar .dash-topbar-btn:not(.dash-topbar-btn--profile) i,
body:not(.theme-dark) .dash-layout > .dash-main > .dash-topbar .dash-sidebar-toggle-btn i,
body:not(.theme-dark) .dash-layout > .dash-main > .dash-topbar .dash-topbar-btn:not(.dash-topbar-btn--profile) i,
body:not(.theme-dark) .dash-layout:has(.dash-brand-mark--lab) .dash-page-column > .dash-topbar .dash-sidebar-toggle-btn i,
body:not(.theme-dark) .dash-layout:has(.dash-brand-mark--lab) .dash-page-column > .dash-topbar .dash-topbar-right .dash-topbar-btn--icon i,
body:not(.theme-dark) .dash-layout--clinic .dash-page-column > .dash-topbar .dash-sidebar-toggle-btn i,
body:not(.theme-dark) .dash-layout--clinic .dash-page-column > .dash-topbar .dash-topbar-right .dash-topbar-btn--icon i{
  color: #64748b;
}

body:not(.theme-dark) .dash-page-column > .dash-topbar .dash-sidebar-toggle-btn:hover,
body:not(.theme-dark) .dash-page-column > .dash-topbar .dash-sidebar-toggle-btn:active,
body:not(.theme-dark) .dash-page-column > .dash-topbar .dash-topbar-right .dash-topbar-btn--icon:hover,
body:not(.theme-dark) .dash-page-column > .dash-topbar .dash-topbar-right .dash-topbar-btn--icon:active,
body:not(.theme-dark) .dash-page-column > .dash-topbar .dash-topbar-right .dash-topbar-btn--icon[aria-expanded='true'],
body:not(.theme-dark) .dash-page-column > .dash-topbar .dash-topbar-right .dash-topbar-btn--icon[aria-expanded='true']:hover,
body:not(.theme-dark) .dash-layout > .dash-main > .dash-topbar .dash-sidebar-toggle-btn:hover,
body:not(.theme-dark) .dash-layout > .dash-main > .dash-topbar .dash-topbar-right .dash-topbar-btn--icon:hover,
body:not(.theme-dark) .dash-layout > .dash-main > .dash-topbar .dash-topbar-right .dash-topbar-btn--icon:active,
body:not(.theme-dark) .dash-layout > .dash-main > .dash-topbar .dash-topbar-right .dash-topbar-btn--icon[aria-expanded='true'],
body:not(.theme-dark) .dash-layout:has(.dash-brand-mark--lab) .dash-page-column > .dash-topbar .dash-sidebar-toggle-btn:hover,
body:not(.theme-dark) .dash-layout:has(.dash-brand-mark--lab) .dash-page-column > .dash-topbar .dash-topbar-right .dash-topbar-btn--icon:hover,
body:not(.theme-dark) .dash-layout:has(.dash-brand-mark--lab) .dash-page-column > .dash-topbar .dash-topbar-right .dash-topbar-btn--icon:active,
body:not(.theme-dark) .dash-layout:has(.dash-brand-mark--lab) .dash-page-column > .dash-topbar .dash-topbar-right .dash-topbar-btn--icon[aria-expanded='true'],
body:not(.theme-dark) .dash-layout:has(.dash-brand-mark--lab) .dash-page-column > .dash-topbar .dash-topbar-right .dash-topbar-btn--icon[aria-expanded='true']:hover,
body:not(.theme-dark) .dash-layout--clinic .dash-page-column > .dash-topbar .dash-sidebar-toggle-btn:hover,
body:not(.theme-dark) .dash-layout--clinic .dash-page-column > .dash-topbar .dash-topbar-right .dash-topbar-btn--icon:hover,
body:not(.theme-dark) .dash-layout--clinic .dash-page-column > .dash-topbar .dash-topbar-right .dash-topbar-btn--icon:active,
body:not(.theme-dark) .dash-layout--clinic .dash-page-column > .dash-topbar .dash-topbar-right .dash-topbar-btn--icon[aria-expanded='true'],
body:not(.theme-dark) .dash-layout--clinic .dash-page-column > .dash-topbar .dash-topbar-right .dash-topbar-btn--icon[aria-expanded='true']:hover{
  background: var(--brand-primary-soft);
  border: 1px solid var(--brand-primary);
  color: var(--brand-primary-selected-text);
  box-shadow: 0 0 0 1px var(--brand-ring);
}

body:not(.theme-dark) .dash-page-column > .dash-topbar .dash-sidebar-toggle-btn:hover i,
body:not(.theme-dark) .dash-page-column > .dash-topbar .dash-topbar-right .dash-topbar-btn--icon:hover i,
body:not(.theme-dark) .dash-page-column > .dash-topbar .dash-topbar-right .dash-topbar-btn--icon:active i,
body:not(.theme-dark) .dash-page-column > .dash-topbar .dash-topbar-right .dash-topbar-btn--icon[aria-expanded='true'] i,
body:not(.theme-dark) .dash-layout:has(.dash-brand-mark--lab) .dash-page-column > .dash-topbar .dash-sidebar-toggle-btn:hover i,
body:not(.theme-dark) .dash-layout:has(.dash-brand-mark--lab) .dash-page-column > .dash-topbar .dash-topbar-right .dash-topbar-btn--icon:hover i,
body:not(.theme-dark) .dash-layout:has(.dash-brand-mark--lab) .dash-page-column > .dash-topbar .dash-topbar-right .dash-topbar-btn--icon[aria-expanded='true'] i,
body:not(.theme-dark) .dash-layout--clinic .dash-page-column > .dash-topbar .dash-sidebar-toggle-btn:hover i,
body:not(.theme-dark) .dash-layout--clinic .dash-page-column > .dash-topbar .dash-topbar-right .dash-topbar-btn--icon:hover i,
body:not(.theme-dark) .dash-layout--clinic .dash-page-column > .dash-topbar .dash-topbar-right .dash-topbar-btn--icon[aria-expanded='true'] i{
  color: var(--brand-primary);
}

body.theme-dark .dash-page-column > .dash-topbar,
body.theme-dark .dash-layout > .dash-main > .dash-topbar{
  --header-control-bg: var(--rw-surface, #18181b);
  --header-control-border: var(--rw-border-soft, #353535);
  --header-control-text: var(--rw-text, #aaaaaa);
  --header-control-muted: var(--rw-text-muted, #aaaaaa);
}

body.theme-dark .dash-page-column > .dash-topbar .dash-sidebar-toggle-btn,
body.theme-dark .dash-page-column > .dash-topbar .dash-topbar-btn:not(.dash-topbar-btn--profile),
body.theme-dark .dash-page-column > .dash-topbar .dash-topbar-page-actions .wo-filter-btn,
body.theme-dark .dash-layout > .dash-main > .dash-topbar .dash-sidebar-toggle-btn,
body.theme-dark .dash-layout > .dash-main > .dash-topbar .dash-topbar-btn:not(.dash-topbar-btn--profile),
body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .dash-page-column > .dash-topbar .dash-sidebar-toggle-btn,
body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .dash-page-column > .dash-topbar .dash-topbar-btn:not(.dash-topbar-btn--profile),
body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .dash-page-column > .dash-topbar .dash-topbar-right .dash-topbar-btn--icon,
body.theme-dark .dash-layout--clinic .dash-page-column > .dash-topbar .dash-sidebar-toggle-btn,
body.theme-dark .dash-layout--clinic .dash-page-column > .dash-topbar .dash-topbar-btn:not(.dash-topbar-btn--profile),
body.theme-dark .dash-layout--clinic .dash-page-column > .dash-topbar .dash-topbar-right .dash-topbar-btn--icon{
  background: var(--rw-surface, #18181b);
  border: 1px solid var(--rw-border-soft, #353535);
  color: var(--rw-text, #aaaaaa);
  box-shadow: none;
}

body.theme-dark .dash-page-column > .dash-topbar .dash-sidebar-toggle-btn i,
body.theme-dark .dash-page-column > .dash-topbar .dash-topbar-btn:not(.dash-topbar-btn--profile) i,
body.theme-dark .dash-layout > .dash-main > .dash-topbar .dash-sidebar-toggle-btn i,
body.theme-dark .dash-layout > .dash-main > .dash-topbar .dash-topbar-btn:not(.dash-topbar-btn--profile) i,
body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .dash-page-column > .dash-topbar .dash-sidebar-toggle-btn i,
body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .dash-page-column > .dash-topbar .dash-topbar-right .dash-topbar-btn--icon i,
body.theme-dark .dash-layout--clinic .dash-page-column > .dash-topbar .dash-sidebar-toggle-btn i,
body.theme-dark .dash-layout--clinic .dash-page-column > .dash-topbar .dash-topbar-right .dash-topbar-btn--icon i{
  color: var(--rw-text-muted, #aaaaaa);
}

body.theme-dark .dash-page-column > .dash-topbar .dash-sidebar-toggle-btn:hover,
body.theme-dark .dash-page-column > .dash-topbar .dash-sidebar-toggle-btn:active,
body.theme-dark .dash-page-column > .dash-topbar .dash-topbar-right .dash-topbar-btn--icon:hover,
body.theme-dark .dash-page-column > .dash-topbar .dash-topbar-right .dash-topbar-btn--icon:active,
body.theme-dark .dash-page-column > .dash-topbar .dash-topbar-right .dash-topbar-btn--icon[aria-expanded='true'],
body.theme-dark .dash-page-column > .dash-topbar .dash-topbar-right .dash-topbar-btn--icon[aria-expanded='true']:hover,
body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .dash-page-column > .dash-topbar .dash-sidebar-toggle-btn:hover,
body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .dash-page-column > .dash-topbar .dash-sidebar-toggle-btn:active,
body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .dash-page-column > .dash-topbar .dash-topbar-right .dash-topbar-btn--icon:hover,
body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .dash-page-column > .dash-topbar .dash-topbar-right .dash-topbar-btn--icon:active,
body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .dash-page-column > .dash-topbar .dash-topbar-right .dash-topbar-btn--icon[aria-expanded='true'],
body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .dash-page-column > .dash-topbar .dash-topbar-right .dash-topbar-btn--icon[aria-expanded='true']:hover,
body.theme-dark .dash-layout--clinic .dash-page-column > .dash-topbar .dash-sidebar-toggle-btn:hover,
body.theme-dark .dash-layout--clinic .dash-page-column > .dash-topbar .dash-sidebar-toggle-btn:active,
body.theme-dark .dash-layout--clinic .dash-page-column > .dash-topbar .dash-topbar-right .dash-topbar-btn--icon:hover,
body.theme-dark .dash-layout--clinic .dash-page-column > .dash-topbar .dash-topbar-right .dash-topbar-btn--icon:active,
body.theme-dark .dash-layout--clinic .dash-page-column > .dash-topbar .dash-topbar-right .dash-topbar-btn--icon[aria-expanded='true'],
body.theme-dark .dash-layout--clinic .dash-page-column > .dash-topbar .dash-topbar-right .dash-topbar-btn--icon[aria-expanded='true']:hover{
  background: var(--brand-primary-soft);
  border: 1px solid rgba(37, 99, 235, 0.55);
  color: var(--brand-primary-muted);
  box-shadow: 0 0 0 1px rgba(37, 99, 235, 0.2);
}

body.theme-dark .dash-page-column > .dash-topbar .dash-sidebar-toggle-btn:hover i,
body.theme-dark .dash-page-column > .dash-topbar .dash-sidebar-toggle-btn:active i,
body.theme-dark .dash-page-column > .dash-topbar .dash-topbar-right .dash-topbar-btn--icon:hover i,
body.theme-dark .dash-page-column > .dash-topbar .dash-topbar-right .dash-topbar-btn--icon:active i,
body.theme-dark .dash-page-column > .dash-topbar .dash-topbar-right .dash-topbar-btn--icon[aria-expanded='true'] i,
body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .dash-page-column > .dash-topbar .dash-sidebar-toggle-btn:hover i,
body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .dash-page-column > .dash-topbar .dash-topbar-right .dash-topbar-btn--icon:hover i,
body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .dash-page-column > .dash-topbar .dash-topbar-right .dash-topbar-btn--icon[aria-expanded='true'] i,
body.theme-dark .dash-layout--clinic .dash-page-column > .dash-topbar .dash-sidebar-toggle-btn:hover i,
body.theme-dark .dash-layout--clinic .dash-page-column > .dash-topbar .dash-topbar-right .dash-topbar-btn--icon:hover i,
body.theme-dark .dash-layout--clinic .dash-page-column > .dash-topbar .dash-topbar-right .dash-topbar-btn--icon[aria-expanded='true'] i{
  color: var(--brand-primary-muted);
}

/* Scroll kolonu: gri zemin, header+icerik tek beyaz kart */

.dash-page-column{
  display: flex;
  flex-direction: column;
  min-height: 0;
  height: 100%;
  max-height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding: 0 0 8px 0;
  position: relative;
  z-index: 1;
}

/* Icerik: header ile ayni beyaz kart (alt kenar) */

.dash-page-column > .dash-main,
.dash-layout > .dash-main{
  background: #ffffff;
  border: none;
  border-radius: 0 0 14px 14px;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05);
  margin: 0 8px 0 4px;
  padding-left: 12px;
  padding-right: 12px;
  height: auto;
  max-height: none;
  align-self: stretch;
  flex: 1 1 auto;
  min-height: 0;
  overflow: visible;
}

/* Is akisi: icerik viewport'tan uzunsa main kutusu kuculmesin, icerige gore
   buyusun; boylece alttaki is emirleri/adimlar main disina tasmaz. */

.dash-page-column > .dash-main.lab-workflow-page{
  flex: 1 0 auto;
}

/* Stok Islem / raporlar: kutunun boyu listeye gore buyusun */

.dash-page-column > .dash-main.lab-stocks-page,
.dash-page-column > .dash-main.lab-reports-page{
  flex: 1 0 auto;
  margin-bottom: 15px;
}

/* Hastalar, Is Emirleri, Takvim ve diger liste sayfalari */

.dash-page-column > .dash-main.lab-patients-page,
.dash-page-column > .dash-main.lab-work-orders-page,
.dash-page-column > .dash-main.lab-calendar-page,
.dash-page-column > .dash-main.lab-external-services-page,
.dash-page-column > .dash-main.lab-finance-page,
.dash-page-column > .dash-main.lab-clinics-page,
.dash-page-column > .dash-main.lab-clinic-doctors-page,
.dash-page-column > .dash-main.lab-technicians-page,
.dash-page-column > .dash-main.lab-definition-page,
.dash-page-column > .dash-main.lab-dashboard-main,
.dash-page-column > .dash-main.clinic-patients-page,
.dash-page-column > .dash-main.clinic-active-wo-page,
.dash-page-column > .dash-main.clinic-dashboard-main,
.dash-page-column > .dash-main.clinic-logs-page,
.dash-page-column > .dash-main.clinic-log-detail-page{
  flex: 1 0 auto;
  margin: 0 8px 15px 4px;
  padding-left: 12px;
  padding-right: 12px;
  width: auto;
  max-width: none;
  box-sizing: border-box;
}

/* --- Dark mode --- */

body.theme-dark .dash-layout.medical-bg,
body.theme-dark .dash-layout:has(.dash-brand-mark--lab).medical-bg{
  background: #0d0d0d !important;
}

body.theme-dark .dash-page-column > .dash-main,
body.theme-dark .dash-layout > .dash-main{
  background: #18181b;
  border-color: #2a2a2a;
  border-radius: 0 0 14px 14px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

/* Chrome: sidebar, header, basliklar, butonlar */

body.theme-dark .dash-layout .dash-sidebar{
  background: transparent;
}

body.theme-dark .dash-page-column > .dash-topbar,
body.theme-dark .dash-layout > .dash-main > .dash-topbar{
  background: #18181b;
}

body.theme-dark .dash-page-column > .dash-topbar .dash-page-title-text,
body.theme-dark .dash-layout > .dash-main > .dash-topbar .dash-page-title-text{
  color: #ffffff;
}

body.theme-dark .dash-header h1,
body.theme-dark .dash-page-title-text{
  color: #ffffff;
}

body.theme-dark .dash-nav-link,
body.theme-dark .dash-nav-group-toggle{
  color: #aaaaaa;
}

body.theme-dark .dash-nav-link:hover,
body.theme-dark .dash-nav-group-toggle:hover{
  background: #2f2f33;
  color: #ffffff;
}

body.theme-dark .dash-nav-link--active,
body.theme-dark .dash-nav-link--active:hover{
  background: #27272a;
  color: #ffffff;
}

body.theme-dark .dash-nav-subtitle{
  color: #6b7280;
}

body.theme-dark .dash-topbar-search{
  background: #27272a;
}

body.theme-dark .dash-topbar-search:hover,
body.theme-dark .dash-topbar-search:focus-within{
  background: #333338;
}

body.theme-dark .dash-topbar-search input{
  color: #e5e5e5;
}

body.theme-dark .dash-topbar-search input::placeholder,
body.theme-dark .dash-topbar-search i,
body.theme-dark .dash-topbar-search-icon{
  color: #a3a3a3;
}

body.theme-dark .wo-view-switch,
body.theme-dark .wo-cal-head-switch,
body.theme-dark .wo-segment-switch{
  background: #1c1c1e;
}

body.theme-dark .wo-view-btn,
body.theme-dark .wo-cal-head-btn,
body.theme-dark .wo-segment-switch .wo-view-btn,
body.theme-dark .wo-segment-switch .wo-cal-head-btn{
  color: #aaaaaa;
}

body.theme-dark .wo-segment-switch .wo-view-btn--active,
body.theme-dark .wo-segment-switch .wo-cal-head-btn--active{
  color: #f5f7fb;
}

body.theme-dark .wo-segment-switch-indicator{
  background: #3a3a3c;
  box-shadow:
    0 1px 2px rgba(0, 0, 0, 0.22),
    0 2px 6px rgba(0, 0, 0, 0.18);
}

body.theme-dark .dash-topbar-page-actions .tech-add-btn{
  box-shadow: none;
}

body.theme-dark .lab-patient-list-card-title-text,
body.theme-dark .dash-table-head h3{
  color: #ffffff;
}

body.theme-dark .dash-chart-sub,
body.theme-dark .dash-table-label{
  color: #aaaaaa;
}

body.theme-dark .lab-work-order-columns-btn{
  background: #18181b;
  border-color: #353535;
  color: #d4d4d4;
}

body.theme-dark .lab-work-order-columns-btn:hover{
  background: var(--brand-primary-soft);
  border-color: rgba(37, 99, 235, 0.55);
  color: var(--brand-primary-muted);
  box-shadow: 0 0 0 1px rgba(37, 99, 235, 0.2);
}

body.theme-dark .lab-work-order-columns-btn--open{
  background: #27272a;
  border-color: #404040;
  color: #ffffff;
}

/* ============================================================================
   IS EMIRLERI LISTE — gorsel referansa gore modern tablo
   ============================================================================ */

.wo-list-card{
  background: transparent;
  border: none;
  box-shadow: none;
  padding: 0;
  overflow: visible;
}

/* --- Toolbar --- */

.wo-list-toolbar{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 10px 0 ;
  flex-wrap: wrap;
}

.wo-list-toolbar-left{
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
  flex-wrap: wrap;
}

.wo-list-toolbar-total{
  flex-shrink: 0;
}

.wo-list-search{
  position: relative;
  display: inline-flex;
  align-items: center;
  width: 242px;
}

.wo-list-search i{
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
  color: #6b7280;
  pointer-events: none;
  line-height: 1;
}

.wo-list-search input{
  width: 100%;
  height: 32px;
  padding: 0 10px 0 34px;
  border: 1px solid #e6e8ef;
  border-radius: 10px;
  background: #ffffff;
  font-size: 13px;
  font-weight: var(--fw-ui);
  color: #0f2231;
  outline: none;
  -webkit-appearance: none;
  appearance: none;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03);
}

.wo-list-search input::placeholder{
  color: #8b93a1;
}

.wo-list-search input:focus{
  border-color: #d6dae3;
  box-shadow: 0 0 0 4px rgba(15, 23, 42, 0.04);
}

.wo-list-toolbar-divider{
  width: 1px;
  height: 32px;
  background: #e7e9ef;
  flex-shrink: 0;
}

.wo-display-toggle{
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px;
  border: 0;
  border-radius: 10px;
  background: #ededf1;
  box-shadow: none;
}

.wo-display-toggle-btn{
  width: 28px;
  height: 28px;
  min-width: 28px;
  padding: 0;
  border-radius: 8px;
  border: 1px solid transparent;
  background: transparent;
  background-image: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #8b93a1;
  box-shadow: none;
  cursor: pointer;
  font-weight: 500;
  transition: color 0.15s ease, background 0.15s ease;
}

.wo-display-toggle-btn i{
  font-size: 14px;
  color: currentColor;
}

/* Global button gradient / border reset — tum durumlar */

.dash-layout .wo-display-toggle-btn,
.dash-layout .wo-display-toggle-btn:hover,
.dash-layout .wo-display-toggle-btn:active,
.dash-layout .wo-display-toggle-btn:focus,
.dash-layout .wo-display-toggle-btn:focus-visible{
  background-image: none;
  border: 1px solid transparent;
  box-shadow: none;
}

.wo-display-toggle-btn:hover{
  color: #495162;
  background: transparent;
  background-image: none;
}

.wo-display-toggle-btn:active{
  color: #495162;
  background: transparent;
  background-image: none;
}

.wo-display-toggle-btn--active,
.wo-display-toggle-btn--active:hover,
.wo-display-toggle-btn--active:active,
.wo-display-toggle-btn--active:focus,
.wo-display-toggle-btn--active:focus-visible{
  background: #ffffff;
  background-image: none;
  border-color: transparent;
  color: #171423;
  font-weight: 600;
  box-shadow: none;
}

.wo-display-toggle--with-label .wo-display-toggle-btn{
  width: auto;
  min-width: 0;
  max-width: none;
  height: 28px;
  padding: 0 10px;
  gap: 5px;
  overflow: visible;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.2;
  white-space: nowrap;
}

.wo-labeled-view-toggle.wo-display-toggle--with-label .wo-display-toggle-btn{
  width: auto;
  min-width: 0;
  padding: 0 10px;
  gap: 6px;
  font-size: 13px;
  font-weight: 500;
  color: #8b93a1;
  background: transparent;
  background-image: none;
}

.wo-labeled-view-toggle .wo-display-toggle-text{
  display: inline-block;
  font-size: 13px;
  font-weight: 500;
  color: inherit;
  line-height: 1.2;
}

.wo-labeled-view-toggle .wo-display-toggle-btn--active,
.wo-labeled-view-toggle .wo-display-toggle-btn--active:hover,
.wo-labeled-view-toggle .wo-display-toggle-btn--active:active{
  color: #171423;
  font-weight: 600;
  background: #ffffff;
  background-image: none;
  border-color: transparent;
  box-shadow: none;
}

.wo-labeled-view-toggle .wo-display-toggle-btn:hover:not(.wo-display-toggle-btn--active),
.wo-labeled-view-toggle .wo-display-toggle-btn:active:not(.wo-display-toggle-btn--active){
  color: #495162;
  background: transparent;
  background-image: none;
  border-color: transparent;
  box-shadow: none;
}

.wo-labeled-view-toggle .wo-display-toggle-btn i{
  font-size: 14px;
  color: currentColor;
  flex-shrink: 0;
}

/* Is akisi / stok / finans: orijinal hover (sadece renk), secili = beyaz pill */

.lab-workflow-page-head .wo-display-toggle.wo-display-toggle--with-label .wo-display-toggle-btn,
.lab-stocks-page-head .wo-display-toggle.wo-display-toggle--with-label .wo-display-toggle-btn,
.lab-external-services-page-head .wo-display-toggle.wo-display-toggle--with-label .wo-display-toggle-btn,
.lab-finance-page-head .wo-display-toggle.wo-display-toggle--with-label .wo-display-toggle-btn{
  width: auto;
  min-width: 72px;
  padding: 0 10px;
  font-size: 13px;
  font-weight: 500;
  color: #8b93a1;
  background: transparent;
  background-image: none;
  border: 1px solid transparent;
  box-shadow: none;
}

.lab-workflow-page-head .wo-display-toggle.wo-display-toggle--with-label .wo-display-toggle-btn--active,
.lab-workflow-page-head .wo-display-toggle.wo-display-toggle--with-label .wo-display-toggle-btn--active:hover,
.lab-workflow-page-head .wo-display-toggle.wo-display-toggle--with-label .wo-display-toggle-btn--active:active,
.lab-stocks-page-head .wo-display-toggle.wo-display-toggle--with-label .wo-display-toggle-btn--active,
.lab-stocks-page-head .wo-display-toggle.wo-display-toggle--with-label .wo-display-toggle-btn--active:hover,
.lab-stocks-page-head .wo-display-toggle.wo-display-toggle--with-label .wo-display-toggle-btn--active:active,
.lab-external-services-page-head .wo-display-toggle.wo-display-toggle--with-label .wo-display-toggle-btn--active,
.lab-external-services-page-head .wo-display-toggle.wo-display-toggle--with-label .wo-display-toggle-btn--active:hover,
.lab-external-services-page-head .wo-display-toggle.wo-display-toggle--with-label .wo-display-toggle-btn--active:active,
.lab-finance-page-head .wo-display-toggle.wo-display-toggle--with-label .wo-display-toggle-btn--active,
.lab-finance-page-head .wo-display-toggle.wo-display-toggle--with-label .wo-display-toggle-btn--active:hover,
.lab-finance-page-head .wo-display-toggle.wo-display-toggle--with-label .wo-display-toggle-btn--active:active{
  color: #171423;
  font-weight: 600;
  background: #ffffff;
  background-image: none;
  border-color: transparent;
  box-shadow: none;
}

.lab-workflow-page-head .wo-display-toggle.wo-display-toggle--with-label .wo-display-toggle-btn:hover:not(.wo-display-toggle-btn--active),
.lab-workflow-page-head .wo-display-toggle.wo-display-toggle--with-label .wo-display-toggle-btn:active:not(.wo-display-toggle-btn--active),
.lab-stocks-page-head .wo-display-toggle.wo-display-toggle--with-label .wo-display-toggle-btn:hover:not(.wo-display-toggle-btn--active),
.lab-stocks-page-head .wo-display-toggle.wo-display-toggle--with-label .wo-display-toggle-btn:active:not(.wo-display-toggle-btn--active),
.lab-external-services-page-head .wo-display-toggle.wo-display-toggle--with-label .wo-display-toggle-btn:hover:not(.wo-display-toggle-btn--active),
.lab-external-services-page-head .wo-display-toggle.wo-display-toggle--with-label .wo-display-toggle-btn:active:not(.wo-display-toggle-btn--active),
.lab-finance-page-head .wo-display-toggle.wo-display-toggle--with-label .wo-display-toggle-btn:hover:not(.wo-display-toggle-btn--active),
.lab-finance-page-head .wo-display-toggle.wo-display-toggle--with-label .wo-display-toggle-btn:active:not(.wo-display-toggle-btn--active){
  color: #495162;
  background: transparent;
  background-image: none;
  border-color: transparent;
  box-shadow: none;
}

/* Is emirleri: default 4-sinif kurali --active'i eziyordu; ayni specificity + sonra gelmeli */

.wo-list-toolbar .wo-labeled-view-toggle.wo-display-toggle--with-label .wo-display-toggle-btn,
.lab-work-orders-page .wo-list-toolbar .wo-labeled-view-toggle.wo-display-toggle--with-label .wo-display-toggle-btn{
  width: auto;
  min-width: 72px;
  padding: 0 10px;
  font-size: 13px;
  font-weight: 500;
  color: #8b93a1;
  background: transparent;
  background-image: none;
  border: 1px solid transparent;
  box-shadow: none;
}

.wo-list-toolbar .wo-labeled-view-toggle.wo-display-toggle--with-label .wo-display-toggle-btn--active,
.wo-list-toolbar .wo-labeled-view-toggle.wo-display-toggle--with-label .wo-display-toggle-btn--active:hover,
.wo-list-toolbar .wo-labeled-view-toggle.wo-display-toggle--with-label .wo-display-toggle-btn--active:active,
.lab-work-orders-page .wo-list-toolbar .wo-labeled-view-toggle.wo-display-toggle--with-label .wo-display-toggle-btn--active,
.lab-work-orders-page .wo-list-toolbar .wo-labeled-view-toggle.wo-display-toggle--with-label .wo-display-toggle-btn--active:hover,
.lab-work-orders-page .wo-list-toolbar .wo-labeled-view-toggle.wo-display-toggle--with-label .wo-display-toggle-btn--active:active{
  color: #171423;
  font-weight: 600;
  background: #ffffff;
  background-image: none;
  border-color: transparent;
  box-shadow: none;
}

.wo-list-toolbar .wo-labeled-view-toggle.wo-display-toggle--with-label .wo-display-toggle-btn:hover:not(.wo-display-toggle-btn--active),
.wo-list-toolbar .wo-labeled-view-toggle.wo-display-toggle--with-label .wo-display-toggle-btn:active:not(.wo-display-toggle-btn--active),
.lab-work-orders-page .wo-list-toolbar .wo-labeled-view-toggle.wo-display-toggle--with-label .wo-display-toggle-btn:hover:not(.wo-display-toggle-btn--active),
.lab-work-orders-page .wo-list-toolbar .wo-labeled-view-toggle.wo-display-toggle--with-label .wo-display-toggle-btn:active:not(.wo-display-toggle-btn--active){
  color: #495162;
  background: transparent;
  background-image: none;
  border-color: transparent;
  box-shadow: none;
}

.wo-list-toolbar .lab-work-order-columns-btn{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 32px;
  padding: 0 12px;
  border-radius: 10px;
  border: 1px solid #e6e8ef;
  background: #ffffff;
  color: #171423;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  white-space: nowrap;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03);
  transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease;
}

.wo-list-toolbar .lab-work-order-columns-btn:hover{
  background: var(--brand-primary-soft);
  border-color: var(--brand-primary);
  color: var(--brand-primary-selected-text);
  box-shadow: 0 0 0 1px var(--brand-ring);
}

.wo-list-toolbar .lab-work-order-columns-btn:hover i{
  color: var(--brand-primary);
}

.wo-list-toolbar .lab-work-order-columns-btn i{
  font-size: 14px;
  color: #6b7280;
}

.wo-list-tabs{
  display: inline-flex;
  align-items: center;
  gap: 4px;
  min-height: 32px;
  padding: 2px;
  background: #ededf1;
  border-radius: 10px;
  flex-wrap: wrap;
}

.wo-list-tab{
  border: 0;
  background: transparent;
  min-height: 28px;
  padding: 0 12px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 500;
  color: #5f6673;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
  white-space: nowrap;
}

.wo-list-tab:hover{
  color: #202635;
}

.wo-list-tab--active{
  background: #ffffff;
  color: #171423;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.12);
  font-weight: 700;
}

.wo-list-tab-count{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  margin-left: 6px;
  border-radius: 999px;
  background: #eceef3;
  font-size: 10px;
  font-weight: 700;
  color: #596274;
}

.wo-list-toolbar-right{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 14px;
  flex-wrap: wrap;
}

.wo-list-active-toggle{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 32px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #596274;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.01em;
  cursor: pointer;
  box-shadow: none;
  transition: color 0.15s ease;
}

.wo-list-active-toggle:hover{
  color: var(--brand-primary);
  background: transparent;
  border-color: transparent;
}

.wo-list-active-toggle--on{
  color: var(--brand-primary);
  background: transparent;
  border-color: transparent;
}

.wo-list-active-toggle__label{
  white-space: nowrap;
  line-height: 1;
}

.wo-list-active-toggle__switch{
  position: relative;
  display: block;
  flex-shrink: 0;
  width: 30px;
  height: 18px;
  border-radius: 999px;
  background: #d7dde7;
  transition: background 0.15s ease;
}

.wo-list-active-toggle__switch--on{
  background: var(--brand-primary);
}

.wo-list-active-toggle__thumb{
  position: absolute;
  top: 2px;
  left: 2px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #ffffff;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.18);
  transition: transform 0.15s ease;
}

.wo-list-active-toggle__switch--on .wo-list-active-toggle__thumb{
  transform: translateX(12px);
}

.wo-list-filter-btn{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 32px;
  padding: 0 12px;
  border: 1px solid #e6e8ef;
  border-radius: 10px;
  background: #ffffff;
  font-size: 13px;
  font-weight: 500;
  color: #171423;
  cursor: pointer;
  position: relative;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03);
  transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}

.wo-list-filter-btn:hover,
.wo-list-filter-btn--active:hover,
.wo-list-filter-btn--open:hover{
  border-color: var(--brand-primary);
  background: var(--brand-primary-soft);
  color: var(--brand-primary-selected-text);
  box-shadow: 0 0 0 1px var(--brand-ring);
}

.wo-list-filter-btn:hover i,
.wo-list-filter-btn--active:hover i,
.wo-list-filter-btn--open:hover i{
  color: var(--brand-primary);
}

.wo-list-filter-btn--active,
.wo-list-filter-btn--open{
  border-color: var(--brand-primary);
  background: var(--brand-primary-soft);
  color: var(--brand-primary-selected-text);
  box-shadow: 0 0 0 1px var(--brand-ring);
}

.wo-list-filter-btn--active i,
.wo-list-filter-btn--open i{
  color: var(--brand-primary);
}

/* --- Tablo --- */

.wo-list-table-wrap{
  overflow-x: auto;
}

.wo-list-pipeline-wrap{
  margin-top: 4px;
  overflow: visible;
}

.wo-list-table{
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}

.wo-list-table thead th{
  padding: 12px 14px;
  text-align: left;
  border-bottom: 1px solid rgba(100, 116, 139, 0.16);
  vertical-align: middle;
  white-space: nowrap;
}

.wo-list-sort{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 0;
  background: transparent;
  padding: 0;
  font-size: 14px;
  font-weight: 500;
  color: #64748b;
  cursor: pointer;
}

/* Siralanabilir basliklar; --static (Islem) haric. */

.wo-list-sort:not(.wo-list-sort--static):hover{
  color: #334155;
}

/* Siralanamayan baslik (Islem): renk/kalinlik/font .wo-list-sort'tan aynen
   gelir (tema ve typography override'lari dahil); yalnizca tiklanabilirlik
   gostergesi kapatilir. */

.wo-list-sort--static{
  cursor: default;
  /* Diger basliklar <button>; UA stili harf araligini sifirliyor. <span>
     olan bu baslik th'den devraldigi 0.18px'i almasin. */
  letter-spacing: normal;
}

.wo-list-sort--active{
  color: #0f172a;
}

.wo-list-sort-arrows{
  display: inline-flex;
  flex-direction: column;
  line-height: 0;
  gap: 1px;
}

.wo-list-sort-arrows i{
  font-size: 8px;
  color: #c2cad6;
}

.wo-list-sort-arrows i.is-on{
  color: var(--brand-primary);
}

.wo-list-table tbody td{
  padding: 15px 14px;
  font-size: var(--ui-font-md);
  font-weight: var(--fw-strong);
  color: #0f2231;
  border-bottom: 1px solid rgba(100, 116, 139, 0.1);
  vertical-align: middle;
  background: transparent;
}

/* Is emirleri listesi: daha kompakt satir yuksekligi */

.lab-work-orders-page .wo-list-table thead th,
.lab-patients-page .wo-list-table thead th,
.lab-stocks-page .wo-list-table thead th,
.lab-external-services-page .wo-list-table thead th,
.lab-finance-page .wo-list-table thead th,
.lab-clinics-page .wo-list-table thead th,
.lab-clinic-doctors-page .wo-list-table thead th,
.lab-technicians-page .wo-list-table thead th{
  height: 32px;
  padding: 6px 12px;
  font-size: var(--ui-font-sm);
}

.lab-work-orders-page .wo-list-table tbody td,
.lab-patients-page .wo-list-table tbody td{
  height: 32px;
  padding: 4px 12px;
  font-size: var(--ui-font-sm);
  line-height: 1.2;
}

.lab-work-orders-page .wo-list-table .lab-patient-row-identity,
.lab-patients-page .wo-list-table .lab-patient-row-identity{
  gap: 6px;
  min-height: 32px;
}

.lab-work-orders-page .wo-list-table .lab-patient-row-avatar,
.lab-patients-page .wo-list-table .lab-patient-row-avatar{
  width: 20px;
  height: 20px;
  font-size: 8px;
}

.lab-work-orders-page .wo-list-table .lab-patient-row-meta,
.lab-patients-page .wo-list-table .lab-patient-row-meta{
  font-size: var(--ui-font-sm);
}

.lab-work-orders-page .wo-list-table .lab-patient-row-sub,
.lab-patients-page .wo-list-table .lab-patient-row-sub{
  font-size: 9px;
}

.lab-work-orders-page .wo-list-table .wo-list-status-pill,
.lab-work-orders-page .wo-list-table .status-label-wrap.wo-list-status-pill,
.lab-patients-page .wo-list-table .wo-list-status-pill,
.lab-patients-page .wo-list-table .status-label-wrap.wo-list-status-pill{
  padding: 2px 8px;
  border: 0;
  font-size: var(--ui-font-sm);
  font-weight: var(--fw-strong);
  white-space: nowrap;
  max-width: 200px;
  line-height: 1.2;
}

.lab-work-orders-page .wo-list-table .lab-patient-source-pill,
.lab-patients-page .wo-list-table .lab-patient-source-pill{
  padding: 0;
  font-size: 12px;
}

.lab-work-orders-page .wo-list-table .wo-list-col-actions,
.lab-patients-page .wo-list-table .wo-list-col-actions,
.clinic-patients-page .wo-list-table .wo-list-col-actions,
.clinic-users-page .wo-list-table .wo-list-col-actions,
.lab-definition-page .wo-list-table .wo-list-col-actions,
.lab-users-page .wo-list-table .wo-list-col-actions,
.clinic-active-wo-page .wo-list-table .wo-list-col-actions{
  padding-right: 12px;
}

.lab-patients-page .wo-list-table .wo-list-col-actions{
  width: 48px;
}

.lab-work-orders-page .wo-list-table .wo-list-col-actions,
.clinic-patients-page .wo-list-table .wo-list-col-actions,
.clinic-users-page .wo-list-table .wo-list-col-actions,
.lab-definition-page .wo-list-table .wo-list-col-actions,
.lab-users-page .wo-list-table .wo-list-col-actions,
.clinic-active-wo-page .wo-list-table .wo-list-col-actions{
  width: 112px;
  min-width: 112px;
  text-align: right;
}

.lab-patients-page .wo-list-table thead .wo-list-col-actions{
  width: 0;
  padding: 0 !important;
}

.lab-work-orders-page .wo-list-table thead .wo-list-col-actions,
.clinic-patients-page .wo-list-table thead .wo-list-col-actions,
.clinic-users-page .wo-list-table thead .wo-list-col-actions,
.lab-definition-page .wo-list-table thead .wo-list-col-actions,
.lab-users-page .wo-list-table thead .wo-list-col-actions,
.clinic-active-wo-page .wo-list-table thead .wo-list-col-actions{
  width: 112px;
  min-width: 112px;
  padding: 0 12px;
  text-align: right;
  font-size: 12px;
  font-weight: 600;
  color: #64748b;
  white-space: nowrap;
}

.lab-patients-page .wo-list-table tbody .wo-list-row{
  position: relative;
}

.lab-patients-page .wo-list-table tbody .wo-list-col-actions{
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  width: auto;
  padding: 0 !important;
  border: none;
  background: transparent;
  z-index: 2;
}

.lab-work-orders-page .wo-list-table tbody .wo-list-col-actions,
.clinic-patients-page .wo-list-table tbody .wo-list-col-actions,
.clinic-users-page .wo-list-table tbody .wo-list-col-actions,
.lab-definition-page .wo-list-table tbody .wo-list-col-actions,
.lab-users-page .wo-list-table tbody .wo-list-col-actions,
.clinic-active-wo-page .wo-list-table tbody .wo-list-col-actions{
  position: static;
  transform: none;
  width: 112px;
  min-width: 112px;
  padding: 0 12px;
  text-align: right;
  vertical-align: middle;
  white-space: nowrap;
  background: transparent;
  z-index: auto;
}

.lab-patients-page .wo-list-table tbody tr.wo-list-row:hover .wo-list-col-actions,
.lab-patients-page .wo-list-table tbody tr.wo-list-row:focus-within .wo-list-col-actions,
.lab-patients-page .wo-list-table tbody tr.wo-list-row.wo-list-row--active .wo-list-col-actions,
.lab-patients-page .wo-list-table tbody tr.wo-list-row.wo-list-row--mouse-over .wo-list-col-actions,
.lab-work-orders-page .wo-list-table tbody tr.wo-list-row:hover .wo-list-col-actions,
.lab-work-orders-page .wo-list-table tbody tr.wo-list-row:focus-within .wo-list-col-actions,
.lab-work-orders-page .wo-list-table tbody tr.wo-list-row.wo-list-row--active .wo-list-col-actions,
.lab-work-orders-page .wo-list-table tbody tr.wo-list-row.wo-list-row--mouse-over .wo-list-col-actions,
.clinic-patients-page .wo-list-table tbody tr.wo-list-row:hover .wo-list-col-actions,
.clinic-users-page .wo-list-table tbody tr.wo-list-row:hover .wo-list-col-actions,
.lab-definition-page .wo-list-table tbody tr.wo-list-row:hover .wo-list-col-actions,
.lab-users-page .wo-list-table tbody tr.wo-list-row:hover .wo-list-col-actions,
.clinic-patients-page .wo-list-table tbody tr.wo-list-row:focus-within .wo-list-col-actions,
.clinic-users-page .wo-list-table tbody tr.wo-list-row:focus-within .wo-list-col-actions,
.lab-definition-page .wo-list-table tbody tr.wo-list-row:focus-within .wo-list-col-actions,
.lab-users-page .wo-list-table tbody tr.wo-list-row:focus-within .wo-list-col-actions,
.clinic-patients-page .wo-list-table tbody tr.wo-list-row.wo-list-row--active .wo-list-col-actions,
.clinic-users-page .wo-list-table tbody tr.wo-list-row.wo-list-row--active .wo-list-col-actions,
.lab-definition-page .wo-list-table tbody tr.wo-list-row.wo-list-row--active .wo-list-col-actions,
.lab-users-page .wo-list-table tbody tr.wo-list-row.wo-list-row--active .wo-list-col-actions,
.clinic-patients-page .wo-list-table tbody tr.wo-list-row.wo-list-row--mouse-over .wo-list-col-actions,
.clinic-users-page .wo-list-table tbody tr.wo-list-row.wo-list-row--mouse-over .wo-list-col-actions,
.lab-definition-page .wo-list-table tbody tr.wo-list-row.wo-list-row--mouse-over .wo-list-col-actions,
.lab-users-page .wo-list-table tbody tr.wo-list-row.wo-list-row--mouse-over .wo-list-col-actions,
.clinic-active-wo-page .wo-list-table tbody tr.wo-list-row:hover .wo-list-col-actions,
.clinic-active-wo-page .wo-list-table tbody tr.wo-list-row:focus-within .wo-list-col-actions,
.clinic-active-wo-page .wo-list-table tbody tr.wo-list-row.wo-list-row--active .wo-list-col-actions,
.clinic-active-wo-page .wo-list-table tbody tr.wo-list-row.wo-list-row--mouse-over .wo-list-col-actions{
  background: transparent;
}

.lab-patients-page .lab-patient-row-hover-actions,
.lab-work-orders-page .lab-patient-row-hover-actions,
.clinic-patients-page .lab-patient-row-hover-actions,
.clinic-users-page .lab-patient-row-hover-actions,
.lab-definition-page .lab-patient-row-hover-actions,
.lab-users-page .lab-patient-row-hover-actions,
.clinic-active-wo-page .lab-patient-row-hover-actions{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  opacity: 0.2;
  transform: translateX(0);
  pointer-events: auto;
  transition: opacity 0.18s ease, transform 0.18s ease;
}

.lab-patients-page .wo-list-table tbody tr.wo-list-row:hover .lab-patient-row-hover-actions,
.lab-patients-page .wo-list-table tbody tr.wo-list-row:focus-within .lab-patient-row-hover-actions,
.lab-patients-page .wo-list-table tbody tr.wo-list-row.wo-list-row--active .lab-patient-row-hover-actions,
.lab-patients-page .wo-list-table tbody tr.wo-list-row.wo-list-row--mouse-over .lab-patient-row-hover-actions,
.lab-patients-page .wo-list-table tbody .wo-list-col-actions:hover .lab-patient-row-hover-actions,
.lab-patients-page .lab-patient-row-hover-actions:hover,
.lab-work-orders-page .wo-list-table tbody tr.wo-list-row:hover .lab-patient-row-hover-actions,
.lab-work-orders-page .wo-list-table tbody tr.wo-list-row:focus-within .lab-patient-row-hover-actions,
.lab-work-orders-page .wo-list-table tbody tr.wo-list-row.wo-list-row--active .lab-patient-row-hover-actions,
.lab-work-orders-page .wo-list-table tbody tr.wo-list-row.wo-list-row--mouse-over .lab-patient-row-hover-actions,
.lab-work-orders-page .wo-list-table tbody .wo-list-col-actions:hover .lab-patient-row-hover-actions,
.lab-work-orders-page .lab-patient-row-hover-actions:hover,
.clinic-patients-page .wo-list-table tbody tr.wo-list-row:hover .lab-patient-row-hover-actions,
.clinic-users-page .wo-list-table tbody tr.wo-list-row:hover .lab-patient-row-hover-actions,
.lab-definition-page .wo-list-table tbody tr.wo-list-row:hover .lab-patient-row-hover-actions,
.lab-users-page .wo-list-table tbody tr.wo-list-row:hover .lab-patient-row-hover-actions,
.clinic-patients-page .wo-list-table tbody tr.wo-list-row:focus-within .lab-patient-row-hover-actions,
.clinic-users-page .wo-list-table tbody tr.wo-list-row:focus-within .lab-patient-row-hover-actions,
.lab-definition-page .wo-list-table tbody tr.wo-list-row:focus-within .lab-patient-row-hover-actions,
.lab-users-page .wo-list-table tbody tr.wo-list-row:focus-within .lab-patient-row-hover-actions,
.clinic-patients-page .wo-list-table tbody tr.wo-list-row.wo-list-row--active .lab-patient-row-hover-actions,
.clinic-users-page .wo-list-table tbody tr.wo-list-row.wo-list-row--active .lab-patient-row-hover-actions,
.lab-definition-page .wo-list-table tbody tr.wo-list-row.wo-list-row--active .lab-patient-row-hover-actions,
.lab-users-page .wo-list-table tbody tr.wo-list-row.wo-list-row--active .lab-patient-row-hover-actions,
.clinic-patients-page .wo-list-table tbody tr.wo-list-row.wo-list-row--mouse-over .lab-patient-row-hover-actions,
.clinic-users-page .wo-list-table tbody tr.wo-list-row.wo-list-row--mouse-over .lab-patient-row-hover-actions,
.lab-definition-page .wo-list-table tbody tr.wo-list-row.wo-list-row--mouse-over .lab-patient-row-hover-actions,
.lab-users-page .wo-list-table tbody tr.wo-list-row.wo-list-row--mouse-over .lab-patient-row-hover-actions,
.clinic-patients-page .wo-list-table tbody .wo-list-col-actions:hover .lab-patient-row-hover-actions,
.clinic-users-page .wo-list-table tbody .wo-list-col-actions:hover .lab-patient-row-hover-actions,
.lab-definition-page .wo-list-table tbody .wo-list-col-actions:hover .lab-patient-row-hover-actions,
.lab-users-page .wo-list-table tbody .wo-list-col-actions:hover .lab-patient-row-hover-actions,
.clinic-patients-page .lab-patient-row-hover-actions:hover,
.clinic-users-page .lab-patient-row-hover-actions:hover,
.lab-definition-page .lab-patient-row-hover-actions:hover,
.lab-users-page .lab-patient-row-hover-actions:hover,
.clinic-active-wo-page .wo-list-table tbody tr.wo-list-row:hover .lab-patient-row-hover-actions,
.clinic-active-wo-page .wo-list-table tbody tr.wo-list-row:focus-within .lab-patient-row-hover-actions,
.clinic-active-wo-page .wo-list-table tbody tr.wo-list-row.wo-list-row--active .lab-patient-row-hover-actions,
.clinic-active-wo-page .wo-list-table tbody tr.wo-list-row.wo-list-row--mouse-over .lab-patient-row-hover-actions,
.clinic-active-wo-page .wo-list-table tbody .wo-list-col-actions:hover .lab-patient-row-hover-actions,
.clinic-active-wo-page .lab-patient-row-hover-actions:hover{
  opacity: 1;
  transform: translateX(0);
  pointer-events: auto;
}

.lab-patients-page .lab-patient-row-hover-action-btn,
.lab-work-orders-page .lab-patient-row-hover-action-btn,
.clinic-patients-page .lab-patient-row-hover-action-btn,
.clinic-users-page .lab-patient-row-hover-action-btn,
.lab-definition-page .lab-patient-row-hover-action-btn,
.lab-users-page .lab-patient-row-hover-action-btn,
.clinic-active-wo-page .lab-patient-row-hover-action-btn{
  width: 28px;
  height: 28px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: none;
  background: transparent;
  color: #525252;
  border-radius: 8px;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease, transform 0.15s ease;
}

.lab-patients-page .lab-patient-row-hover-action-btn .bi,
.lab-work-orders-page .lab-patient-row-hover-action-btn .bi,
.clinic-patients-page .lab-patient-row-hover-action-btn .bi,
.clinic-users-page .lab-patient-row-hover-action-btn .bi,
.lab-definition-page .lab-patient-row-hover-action-btn .bi,
.lab-users-page .lab-patient-row-hover-action-btn .bi,
.clinic-active-wo-page .lab-patient-row-hover-action-btn .bi{
  font-size: 1.15rem;
  line-height: 1;
  color: inherit;
}

.lab-patients-page .lab-patient-row-hover-action-label,
.lab-work-orders-page .lab-patient-row-hover-action-label,
.clinic-patients-page .lab-patient-row-hover-action-label,
.clinic-users-page .lab-patient-row-hover-action-label,
.lab-definition-page .lab-patient-row-hover-action-label,
.lab-users-page .lab-patient-row-hover-action-label,
.clinic-active-wo-page .lab-patient-row-hover-action-label{
  position: absolute;
  top: calc(100% + 5px);
  left: 50%;
  transform: translate(-50%, -1px);
  opacity: 0;
  pointer-events: none;
  white-space: nowrap;
  font-size: 10px;
  line-height: 1;
  color: #ffffff;
  background: rgba(17, 24, 39, 0.96);
  border: 1px solid rgba(17, 24, 39, 0.96);
  border-radius: 6px;
  padding: 3px 6px;
  box-shadow: 0 6px 14px rgba(15, 23, 42, 0.22);
  z-index: 12;
  transition: opacity 0.08s ease, transform 0.08s ease;
}

.lab-patients-page .lab-patient-row-hover-action-btn:hover,
.lab-patients-page .lab-patient-row-hover-action-btn:focus-visible,
.lab-work-orders-page .lab-patient-row-hover-action-btn:hover,
.lab-work-orders-page .lab-patient-row-hover-action-btn:focus-visible,
.clinic-patients-page .lab-patient-row-hover-action-btn:hover,
.clinic-patients-page .lab-patient-row-hover-action-btn:focus-visible,
.clinic-users-page .lab-patient-row-hover-action-btn:hover,
.lab-definition-page .lab-patient-row-hover-action-btn:hover,
.clinic-users-page .lab-patient-row-hover-action-btn:focus-visible,
.lab-definition-page .lab-patient-row-hover-action-btn:focus-visible,
.lab-users-page .lab-patient-row-hover-action-btn:hover,
.lab-users-page .lab-patient-row-hover-action-btn:focus-visible,
.clinic-active-wo-page .lab-patient-row-hover-action-btn:hover,
.clinic-active-wo-page .lab-patient-row-hover-action-btn:focus-visible{
  background: transparent;
  color: inherit;
  transform: translateY(-1px);
}

.lab-patients-page .lab-patient-row-hover-action-btn:hover .lab-patient-row-hover-action-label,
.lab-patients-page .lab-patient-row-hover-action-btn:focus-visible .lab-patient-row-hover-action-label,
.lab-work-orders-page .lab-patient-row-hover-action-btn:hover .lab-patient-row-hover-action-label,
.lab-work-orders-page .lab-patient-row-hover-action-btn:focus-visible .lab-patient-row-hover-action-label,
.clinic-patients-page .lab-patient-row-hover-action-btn:hover .lab-patient-row-hover-action-label,
.clinic-patients-page .lab-patient-row-hover-action-btn:focus-visible .lab-patient-row-hover-action-label,
.clinic-users-page .lab-patient-row-hover-action-btn:hover .lab-patient-row-hover-action-label,
.lab-definition-page .lab-patient-row-hover-action-btn:hover .lab-patient-row-hover-action-label,
.clinic-users-page .lab-patient-row-hover-action-btn:focus-visible .lab-patient-row-hover-action-label,
.lab-definition-page .lab-patient-row-hover-action-btn:focus-visible .lab-patient-row-hover-action-label,
.lab-users-page .lab-patient-row-hover-action-btn:hover .lab-patient-row-hover-action-label,
.lab-users-page .lab-patient-row-hover-action-btn:focus-visible .lab-patient-row-hover-action-label,
.clinic-active-wo-page .lab-patient-row-hover-action-btn:hover .lab-patient-row-hover-action-label,
.clinic-active-wo-page .lab-patient-row-hover-action-btn:focus-visible .lab-patient-row-hover-action-label{
  opacity: 1;
  transform: translate(-50%, 0);
}

.lab-patients-page .wo-list-table tbody tr:last-child .lab-patient-row-hover-action-label,
.lab-patients-page .wo-list-table tbody tr:nth-last-child(2) .lab-patient-row-hover-action-label,
.lab-work-orders-page .wo-list-table tbody tr:last-child .lab-patient-row-hover-action-label,
.lab-work-orders-page .wo-list-table tbody tr:nth-last-child(2) .lab-patient-row-hover-action-label,
.clinic-patients-page .wo-list-table tbody tr:last-child .lab-patient-row-hover-action-label,
.clinic-users-page .wo-list-table tbody tr:last-child .lab-patient-row-hover-action-label,
.lab-definition-page .wo-list-table tbody tr:last-child .lab-patient-row-hover-action-label,
.lab-users-page .wo-list-table tbody tr:last-child .lab-patient-row-hover-action-label,
.clinic-patients-page .wo-list-table tbody tr:nth-last-child(2) .lab-patient-row-hover-action-label,
.clinic-users-page .wo-list-table tbody tr:nth-last-child(2) .lab-patient-row-hover-action-label,
.lab-definition-page .wo-list-table tbody tr:nth-last-child(2) .lab-patient-row-hover-action-label,
.lab-users-page .wo-list-table tbody tr:nth-last-child(2) .lab-patient-row-hover-action-label,
.clinic-active-wo-page .wo-list-table tbody tr:last-child .lab-patient-row-hover-action-label,
.clinic-active-wo-page .wo-list-table tbody tr:nth-last-child(2) .lab-patient-row-hover-action-label{
  top: auto;
  bottom: calc(100% + 5px);
  transform: translate(-50%, 1px);
}

.lab-patients-page .wo-list-table tbody tr:last-child .lab-patient-row-hover-action-btn:hover .lab-patient-row-hover-action-label,
.lab-patients-page .wo-list-table tbody tr:last-child .lab-patient-row-hover-action-btn:focus-visible .lab-patient-row-hover-action-label,
.lab-patients-page .wo-list-table tbody tr:nth-last-child(2) .lab-patient-row-hover-action-btn:hover .lab-patient-row-hover-action-label,
.lab-patients-page .wo-list-table tbody tr:nth-last-child(2) .lab-patient-row-hover-action-btn:focus-visible .lab-patient-row-hover-action-label,
.lab-work-orders-page .wo-list-table tbody tr:last-child .lab-patient-row-hover-action-btn:hover .lab-patient-row-hover-action-label,
.lab-work-orders-page .wo-list-table tbody tr:last-child .lab-patient-row-hover-action-btn:focus-visible .lab-patient-row-hover-action-label,
.lab-work-orders-page .wo-list-table tbody tr:nth-last-child(2) .lab-patient-row-hover-action-btn:hover .lab-patient-row-hover-action-label,
.lab-work-orders-page .wo-list-table tbody tr:nth-last-child(2) .lab-patient-row-hover-action-btn:focus-visible .lab-patient-row-hover-action-label,
.clinic-patients-page .wo-list-table tbody tr:last-child .lab-patient-row-hover-action-btn:hover .lab-patient-row-hover-action-label,
.clinic-users-page .wo-list-table tbody tr:last-child .lab-patient-row-hover-action-btn:hover .lab-patient-row-hover-action-label,
.lab-definition-page .wo-list-table tbody tr:last-child .lab-patient-row-hover-action-btn:hover .lab-patient-row-hover-action-label,
.lab-users-page .wo-list-table tbody tr:last-child .lab-patient-row-hover-action-btn:hover .lab-patient-row-hover-action-label,
.clinic-patients-page .wo-list-table tbody tr:last-child .lab-patient-row-hover-action-btn:focus-visible .lab-patient-row-hover-action-label,
.clinic-users-page .wo-list-table tbody tr:last-child .lab-patient-row-hover-action-btn:focus-visible .lab-patient-row-hover-action-label,
.lab-definition-page .wo-list-table tbody tr:last-child .lab-patient-row-hover-action-btn:focus-visible .lab-patient-row-hover-action-label,
.lab-users-page .wo-list-table tbody tr:last-child .lab-patient-row-hover-action-btn:focus-visible .lab-patient-row-hover-action-label,
.clinic-patients-page .wo-list-table tbody tr:nth-last-child(2) .lab-patient-row-hover-action-btn:hover .lab-patient-row-hover-action-label,
.clinic-users-page .wo-list-table tbody tr:nth-last-child(2) .lab-patient-row-hover-action-btn:hover .lab-patient-row-hover-action-label,
.lab-definition-page .wo-list-table tbody tr:nth-last-child(2) .lab-patient-row-hover-action-btn:hover .lab-patient-row-hover-action-label,
.lab-users-page .wo-list-table tbody tr:nth-last-child(2) .lab-patient-row-hover-action-btn:hover .lab-patient-row-hover-action-label,
.clinic-patients-page .wo-list-table tbody tr:nth-last-child(2) .lab-patient-row-hover-action-btn:focus-visible .lab-patient-row-hover-action-label,
.clinic-users-page .wo-list-table tbody tr:nth-last-child(2) .lab-patient-row-hover-action-btn:focus-visible .lab-patient-row-hover-action-label,
.lab-definition-page .wo-list-table tbody tr:nth-last-child(2) .lab-patient-row-hover-action-btn:focus-visible .lab-patient-row-hover-action-label,
.lab-users-page .wo-list-table tbody tr:nth-last-child(2) .lab-patient-row-hover-action-btn:focus-visible .lab-patient-row-hover-action-label,
.clinic-active-wo-page .wo-list-table tbody tr:last-child .lab-patient-row-hover-action-btn:hover .lab-patient-row-hover-action-label,
.clinic-active-wo-page .wo-list-table tbody tr:last-child .lab-patient-row-hover-action-btn:focus-visible .lab-patient-row-hover-action-label,
.clinic-active-wo-page .wo-list-table tbody tr:nth-last-child(2) .lab-patient-row-hover-action-btn:hover .lab-patient-row-hover-action-label,
.clinic-active-wo-page .wo-list-table tbody tr:nth-last-child(2) .lab-patient-row-hover-action-btn:focus-visible .lab-patient-row-hover-action-label{
  transform: translate(-50%, 0);
}

.lab-patients-page .lab-patient-row-hover-action-btn--danger,
.lab-work-orders-page .lab-patient-row-hover-action-btn--danger,
.clinic-patients-page .lab-patient-row-hover-action-btn--danger,
.clinic-users-page .lab-patient-row-hover-action-btn--danger,
.lab-definition-page .lab-patient-row-hover-action-btn--danger,
.lab-users-page .lab-patient-row-hover-action-btn--danger,
.clinic-active-wo-page .lab-patient-row-hover-action-btn--danger{
  color: #dc2626;
}

.lab-patients-page .lab-patient-row-hover-action-btn--danger:hover,
.lab-patients-page .lab-patient-row-hover-action-btn--danger:focus-visible,
.lab-work-orders-page .lab-patient-row-hover-action-btn--danger:hover,
.lab-work-orders-page .lab-patient-row-hover-action-btn--danger:focus-visible,
.clinic-patients-page .lab-patient-row-hover-action-btn--danger:hover,
.clinic-patients-page .lab-patient-row-hover-action-btn--danger:focus-visible,
.clinic-users-page .lab-patient-row-hover-action-btn--danger:hover,
.lab-definition-page .lab-patient-row-hover-action-btn--danger:hover,
.clinic-users-page .lab-patient-row-hover-action-btn--danger:focus-visible,
.lab-definition-page .lab-patient-row-hover-action-btn--danger:focus-visible,
.lab-users-page .lab-patient-row-hover-action-btn--danger:hover,
.lab-users-page .lab-patient-row-hover-action-btn--danger:focus-visible,
.clinic-active-wo-page .lab-patient-row-hover-action-btn--danger:hover,
.clinic-active-wo-page .lab-patient-row-hover-action-btn--danger:focus-visible{
  color: #dc2626;
  background: transparent;
}

.lab-patients-page .lab-patient-row-hover-action-btn--danger .lab-patient-row-hover-action-label,
.lab-work-orders-page .lab-patient-row-hover-action-btn--danger .lab-patient-row-hover-action-label,
.clinic-patients-page .lab-patient-row-hover-action-btn--danger .lab-patient-row-hover-action-label,
.clinic-users-page .lab-patient-row-hover-action-btn--danger .lab-patient-row-hover-action-label,
.lab-definition-page .lab-patient-row-hover-action-btn--danger .lab-patient-row-hover-action-label,
.lab-users-page .lab-patient-row-hover-action-btn--danger .lab-patient-row-hover-action-label,
.clinic-active-wo-page .lab-patient-row-hover-action-btn--danger .lab-patient-row-hover-action-label{
  color: #ffffff;
  border-color: rgba(220, 38, 38, 0.24);
}

/* Stok Islem — giris / cikis ikon renkleri (stock-move-btn ile ayni) */

.lab-stocks-page .lab-patient-row-hover-action-btn--stock-in,
.lab-stocks-page .lab-patient-row-hover-action-btn--stock-in .bi{
  color: #2f8a4a;
}

.lab-stocks-page .lab-patient-row-hover-action-btn--stock-in:hover,
.lab-stocks-page .lab-patient-row-hover-action-btn--stock-in:focus-visible,
.lab-stocks-page .lab-patient-row-hover-action-btn--stock-in:hover .bi,
.lab-stocks-page .lab-patient-row-hover-action-btn--stock-in:focus-visible .bi{
  color: #226a38;
  background: transparent;
}

.lab-stocks-page .lab-patient-row-hover-action-btn--stock-out,
.lab-stocks-page .lab-patient-row-hover-action-btn--stock-out .bi{
  color: #b54848;
}

.lab-stocks-page .lab-patient-row-hover-action-btn--stock-out:hover,
.lab-stocks-page .lab-patient-row-hover-action-btn--stock-out:focus-visible,
.lab-stocks-page .lab-patient-row-hover-action-btn--stock-out:hover .bi,
.lab-stocks-page .lab-patient-row-hover-action-btn--stock-out:focus-visible .bi{
  color: #9d3737;
  background: transparent;
}

/* Is akisi sayfasi — liste gorunumu satir yuksekligi */

.lab-workflow-page .wo-list-table thead th{
  height: 44px;
  padding: 0 12px;
  font-size: 12px;
}

.lab-workflow-page .wo-list-table tbody td{
  height: 44px;
  padding: 0 12px;
  font-size: 13px;
  line-height: 1.2;
}

.lab-workflow-page .wo-list-table .lab-patient-row-identity{
  gap: 8px;
  min-height: 0;
}

.lab-workflow-page .wo-list-table .lab-patient-row-avatar{
  width: 28px;
  height: 28px;
  font-size: 10px;
}

.lab-workflow-page .wo-list-table .lab-patient-row-meta{
  font-size: 13px;
}

.lab-workflow-page .wo-list-table .lab-patient-row-sub{
  font-size: 10px;
}

.lab-workflow-page .wo-list-table .wo-list-status-pill,
.lab-workflow-page .wo-list-table .status-label-wrap.wo-list-status-pill{
  padding: 4px 10px;
  font-size: 11px;
  line-height: 1.2;
}

.lab-workflow-page .wo-list-table .lab-patient-source-pill{
  padding: 2px 8px;
  font-size: 11px;
}

.lab-workflow-page .wo-list-table .wo-list-col-actions{
  width: 112px;
  min-width: 112px;
  padding: 0 12px !important;
  text-align: right;
}

.lab-workflow-page .wo-list-table thead .wo-list-col-actions{
  width: 112px;
  min-width: 112px;
  padding: 0 12px !important;
  text-align: right;
}

/* Liste gölgesi yok (konteyner + satir hover) */

.lab-work-orders-page .wo-list-table-wrap,
.lab-work-orders-page .lab-patient-listing .lab-patient-list-card,
.lab-work-orders-page .wo-list-card,
.lab-patients-page .wo-list-table-wrap,
.lab-patients-page .lab-patient-listing .lab-patient-list-card,
.lab-patients-page .wo-list-card{
  box-shadow: none;
  filter: none;
}

.lab-work-orders-page .wo-list-table tbody tr:hover,
.lab-work-orders-page .wo-list-table tbody tr:hover td,
.lab-patients-page .wo-list-table tbody tr:hover,
.lab-patients-page .wo-list-table tbody tr:hover td{
  box-shadow: none;
  filter: none;
}

.lab-patients-page .wo-list-table tbody tr.wo-list-row:hover td,
.lab-work-orders-page .wo-list-table tbody tr.wo-list-row:hover td{
  background: transparent;
}

.clinic-patients-page .wo-list-table tbody tr.wo-list-row:hover td,
.clinic-users-page .wo-list-table tbody tr.wo-list-row:hover td,
.lab-users-page .wo-list-table tbody tr.wo-list-row:hover td,
.clinic-active-wo-page .wo-list-table tbody tr.wo-list-row:hover td{
  background: transparent;
}

.lab-patients-page .wo-list-table tbody tr.wo-list-row:hover td:first-child,
.lab-work-orders-page .wo-list-table tbody tr.wo-list-row:hover td:first-child{
  box-shadow: none;
}

.clinic-patients-page .wo-list-table tbody tr.wo-list-row:hover td:first-child,
.clinic-users-page .wo-list-table tbody tr.wo-list-row:hover td:first-child,
.lab-users-page .wo-list-table tbody tr.wo-list-row:hover td:first-child,
.clinic-active-wo-page .wo-list-table tbody tr.wo-list-row:hover td:first-child{
  box-shadow: none;
}

.lab-patients-page .wo-list-table tbody tr.wo-list-row:hover td:last-child,
.lab-work-orders-page .wo-list-table tbody tr.wo-list-row:hover td:last-child{
  box-shadow: none;
}

.clinic-patients-page .wo-list-table tbody tr.wo-list-row:hover td:last-child,
.clinic-users-page .wo-list-table tbody tr.wo-list-row:hover td:last-child,
.lab-users-page .wo-list-table tbody tr.wo-list-row:hover td:last-child,
.clinic-active-wo-page .wo-list-table tbody tr.wo-list-row:hover td:last-child{
  box-shadow: none;
}

.lab-patients-page .wo-list-table tbody tr.wo-list-row:hover td:not(:first-child):not(:last-child),
.lab-work-orders-page .wo-list-table tbody tr.wo-list-row:hover td:not(:first-child):not(:last-child){
  box-shadow: none;
}

.clinic-patients-page .wo-list-table tbody tr.wo-list-row:hover td:not(:first-child):not(:last-child),
.clinic-users-page .wo-list-table tbody tr.wo-list-row:hover td:not(:first-child):not(:last-child),
.lab-users-page .wo-list-table tbody tr.wo-list-row:hover td:not(:first-child):not(:last-child),
.clinic-active-wo-page .wo-list-table tbody tr.wo-list-row:hover td:not(:first-child):not(:last-child){
  box-shadow: none;
}

.lab-patients-page .wo-list-table tbody tr.wo-list-row:hover,
.lab-work-orders-page .wo-list-table tbody tr.wo-list-row:hover,
.clinic-patients-page .wo-list-table tbody tr.wo-list-row:hover,
.clinic-users-page .wo-list-table tbody tr.wo-list-row:hover,
.lab-users-page .wo-list-table tbody tr.wo-list-row:hover,
.clinic-active-wo-page .wo-list-table tbody tr.wo-list-row:hover{
  background: transparent;
  box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
}

.wo-list-table tbody tr:last-child td{
  border-bottom: none;
}

.wo-list-row{
  transition:
    background 0.2s ease,
    box-shadow 0.25s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.2s cubic-bezier(0.22, 1, 0.36, 1);
}

.wo-list-row:hover td{
  background: #f8fafc;
  cursor: pointer;
}

.lab-patients-page .wo-list-table .wo-list-row:hover td,
.lab-work-orders-page .wo-list-table .wo-list-row:hover td,
.clinic-patients-page .wo-list-table .wo-list-row:hover td,
.clinic-users-page .wo-list-table .wo-list-row:hover td,
.lab-users-page .wo-list-table .wo-list-row:hover td,
.clinic-active-wo-page .wo-list-table .wo-list-row:hover td{
  background: transparent;
}

.lab-patients-page .wo-list-table .wo-list-row:active,
.lab-work-orders-page .wo-list-table .wo-list-row:active,
.clinic-patients-page .wo-list-table .wo-list-row:active,
.clinic-users-page .wo-list-table .wo-list-row:active,
.lab-users-page .wo-list-table .wo-list-row:active,
.clinic-active-wo-page .wo-list-table .wo-list-row:active{
  transform: scale(0.998);
}

/* Tanimlar + rol tanimlari — is emirleriyle ayni satir hover */

.lab-definition-page .wo-list-table tbody tr.wo-list-row:hover,
.lab-definition-page .wo-list-table tbody tr.wo-list-row:focus-within{
  position: relative;
  z-index: 4;
  background: transparent;
  box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
}

.lab-definition-page .wo-list-table tbody tr.wo-list-row:hover td,
.lab-definition-page .wo-list-table .wo-list-row:hover td{
  background: transparent;
}

.lab-definition-page .wo-list-table tbody tr.wo-list-row:hover td:first-child,
.lab-definition-page .wo-list-table tbody tr.wo-list-row:hover td:last-child,
.lab-definition-page .wo-list-table tbody tr.wo-list-row:hover td:not(:first-child):not(:last-child){
  box-shadow: none;
}

.lab-definition-page .wo-list-table .wo-list-row:active{
  transform: scale(0.998);
}

.wo-list-row--selected td{
  background: #f6f4ff;
}

.wo-list-row--active td{
  background: #eef6fc;
}

.wo-list-row--active td:first-child{
  box-shadow: inset 3px 0 0 var(--brand-primary);
}

.lab-work-orders-page .wo-list-table tbody tr.wo-list-row:focus,
.lab-work-orders-page .wo-list-table tbody tr.wo-list-row:focus-visible,
.lab-patients-page .wo-list-table tbody tr.wo-list-row:focus,
.lab-patients-page .wo-list-table tbody tr.wo-list-row:focus-visible{
  outline: none;
}

.wo-list-col-name{
  min-width: 220px;
}

.wo-list-col-actions{
  width: 52px;
  text-align: right;
  padding-right: 16px;
}

/* Onay kutusu */

/* Favori kalp */

/* Alt yuzen secim cubugu */

@media (max-width: 860px) {
  .wo-list-toolbar-left,
.wo-list-toolbar-right{
    width: 100%;
  }

  .wo-list-search{
    width: 100%;
  }
}

/* --- Dark mode --- */

body.theme-dark .wo-list-search input{
  background: #18181b;
  border-color: #2d2d2d;
  color: #e5e5e5;
  box-shadow: none;
}

body.theme-dark .wo-list-search input::placeholder,
body.theme-dark .wo-list-search i{
  color: #a1a1aa;
}

body.theme-dark .wo-list-toolbar-divider{
  background: #2a2a2a;
}

body.theme-dark .wo-list-tabs{
  background: #27272a;
}

body.theme-dark .dash-topbar-title-actions .wo-list-tabs{
  background: #18181b;
}

body.theme-dark .wo-list-tab{
  color: #aaaaaa;
}

body.theme-dark .wo-list-tab--active{
  background: #18181b;
  color: #ffffff;
}

body.theme-dark .dash-topbar-title-actions .wo-list-tab--active{
  background: #27272a;
  color: #ffffff;
}

body.theme-dark .wo-list-filter-btn{
  background: #18181b;
  border-color: #2d2d2d;
  color: #d4d4d4;
}

body.theme-dark .wo-list-active-toggle{
  background: transparent;
  border-color: transparent;
  color: #a1a1aa;
  box-shadow: none;
}

body.theme-dark .wo-list-active-toggle:hover,
body.theme-dark .wo-list-active-toggle--on{
  background: transparent;
  border-color: transparent;
  color: var(--brand-primary-muted);
}

body.theme-dark .wo-list-active-toggle__switch{
  background: #3f3f46;
}

body.theme-dark .wo-list-active-toggle__switch--on{
  background: var(--brand-primary);
}

body.theme-dark .wo-list-filter-btn:hover{
  background: var(--brand-primary-soft);
  border-color: rgba(37, 99, 235, 0.45);
  color: var(--brand-primary-muted);
}

body.theme-dark .wo-list-filter-btn:hover i{
  color: var(--brand-primary-muted);
}

body.theme-dark .wo-list-filter-btn--active,
body.theme-dark .wo-list-filter-btn--open{
  background: var(--brand-primary-soft);
  border-color: rgba(37, 99, 235, 0.45);
  color: var(--brand-primary-selected-text);
}

body.theme-dark .wo-list-filter-btn--active i,
body.theme-dark .wo-list-filter-btn--open i{
  color: var(--brand-primary-selected-text);
}

body.theme-dark .wo-display-toggle{
  background: #27272a;
}

body.theme-dark .wo-display-toggle-btn{
  background: transparent;
  background-image: none;
  border-color: transparent;
  color: #d4d4d4;
  box-shadow: none;
}

body.theme-dark .dash-layout .wo-display-toggle-btn,
body.theme-dark .dash-layout .wo-display-toggle-btn:hover,
body.theme-dark .dash-layout .wo-display-toggle-btn:active,
body.theme-dark .dash-layout .wo-display-toggle-btn:focus,
body.theme-dark .dash-layout .wo-display-toggle-btn:focus-visible{
  background-image: none;
  border: 1px solid transparent;
  box-shadow: none;
}

body.theme-dark .wo-display-toggle-btn:hover:not(.wo-display-toggle-btn--active),
body.theme-dark .wo-display-toggle-btn:active:not(.wo-display-toggle-btn--active){
  background: #18181b;
  background-image: none;
  border-color: transparent;
  color: #ffffff;
}

body.theme-dark .wo-display-toggle-btn--active,
body.theme-dark .wo-display-toggle-btn--active:hover,
body.theme-dark .wo-display-toggle-btn--active:active,
body.theme-dark .wo-display-toggle-btn--active:focus,
body.theme-dark .wo-display-toggle-btn--active:focus-visible{
  background: #18181b;
  background-image: none;
  border-color: transparent;
  color: #ffffff;
  font-weight: 600;
  box-shadow: none;
}

body.theme-dark .wo-labeled-view-toggle.wo-display-toggle--with-label .wo-display-toggle-btn{
  color: #d4d4d4;
  background: transparent;
  background-image: none;
}

body.theme-dark .wo-labeled-view-toggle .wo-display-toggle-btn--active,
body.theme-dark .wo-labeled-view-toggle .wo-display-toggle-btn--active:hover,
body.theme-dark .wo-labeled-view-toggle .wo-display-toggle-btn--active:active{
  color: #ffffff;
  font-weight: 600;
  background: #18181b;
  background-image: none;
  border-color: transparent;
  box-shadow: none;
}

body.theme-dark .wo-labeled-view-toggle .wo-display-toggle-btn:hover:not(.wo-display-toggle-btn--active),
body.theme-dark .wo-labeled-view-toggle .wo-display-toggle-btn:active:not(.wo-display-toggle-btn--active){
  color: #ffffff;
  background: #18181b;
  background-image: none;
  border-color: transparent;
}

body.theme-dark .lab-workflow-page-head .wo-display-toggle.wo-display-toggle--with-label .wo-display-toggle-btn,
body.theme-dark .lab-stocks-page-head .wo-display-toggle.wo-display-toggle--with-label .wo-display-toggle-btn,
body.theme-dark .lab-external-services-page-head .wo-display-toggle.wo-display-toggle--with-label .wo-display-toggle-btn,
body.theme-dark .lab-finance-page-head .wo-display-toggle.wo-display-toggle--with-label .wo-display-toggle-btn{
  color: #d4d4d4;
  background: transparent;
  background-image: none;
  border-color: transparent;
  box-shadow: none;
}

body.theme-dark .lab-workflow-page-head .wo-display-toggle.wo-display-toggle--with-label .wo-display-toggle-btn--active,
body.theme-dark .lab-workflow-page-head .wo-display-toggle.wo-display-toggle--with-label .wo-display-toggle-btn--active:hover,
body.theme-dark .lab-workflow-page-head .wo-display-toggle.wo-display-toggle--with-label .wo-display-toggle-btn--active:active,
body.theme-dark .lab-stocks-page-head .wo-display-toggle.wo-display-toggle--with-label .wo-display-toggle-btn--active,
body.theme-dark .lab-stocks-page-head .wo-display-toggle.wo-display-toggle--with-label .wo-display-toggle-btn--active:hover,
body.theme-dark .lab-stocks-page-head .wo-display-toggle.wo-display-toggle--with-label .wo-display-toggle-btn--active:active,
body.theme-dark .lab-external-services-page-head .wo-display-toggle.wo-display-toggle--with-label .wo-display-toggle-btn--active,
body.theme-dark .lab-external-services-page-head .wo-display-toggle.wo-display-toggle--with-label .wo-display-toggle-btn--active:hover,
body.theme-dark .lab-external-services-page-head .wo-display-toggle.wo-display-toggle--with-label .wo-display-toggle-btn--active:active,
body.theme-dark .lab-finance-page-head .wo-display-toggle.wo-display-toggle--with-label .wo-display-toggle-btn--active,
body.theme-dark .lab-finance-page-head .wo-display-toggle.wo-display-toggle--with-label .wo-display-toggle-btn--active:hover,
body.theme-dark .lab-finance-page-head .wo-display-toggle.wo-display-toggle--with-label .wo-display-toggle-btn--active:active{
  color: #ffffff;
  font-weight: 600;
  background: #18181b;
  background-image: none;
  border-color: transparent;
  box-shadow: none;
}

body.theme-dark .lab-workflow-page-head .wo-display-toggle.wo-display-toggle--with-label .wo-display-toggle-btn:hover:not(.wo-display-toggle-btn--active),
body.theme-dark .lab-workflow-page-head .wo-display-toggle.wo-display-toggle--with-label .wo-display-toggle-btn:active:not(.wo-display-toggle-btn--active),
body.theme-dark .lab-stocks-page-head .wo-display-toggle.wo-display-toggle--with-label .wo-display-toggle-btn:hover:not(.wo-display-toggle-btn--active),
body.theme-dark .lab-stocks-page-head .wo-display-toggle.wo-display-toggle--with-label .wo-display-toggle-btn:active:not(.wo-display-toggle-btn--active),
body.theme-dark .lab-external-services-page-head .wo-display-toggle.wo-display-toggle--with-label .wo-display-toggle-btn:hover:not(.wo-display-toggle-btn--active),
body.theme-dark .lab-external-services-page-head .wo-display-toggle.wo-display-toggle--with-label .wo-display-toggle-btn:active:not(.wo-display-toggle-btn--active),
body.theme-dark .lab-finance-page-head .wo-display-toggle.wo-display-toggle--with-label .wo-display-toggle-btn:hover:not(.wo-display-toggle-btn--active),
body.theme-dark .lab-finance-page-head .wo-display-toggle.wo-display-toggle--with-label .wo-display-toggle-btn:active:not(.wo-display-toggle-btn--active){
  color: #ffffff;
  background: #18181b;
  background-image: none;
  border-color: transparent;
  box-shadow: none;
}

/* Is emirleri dark: secili stil default'u ezmeli */

body.theme-dark .wo-list-toolbar .wo-labeled-view-toggle.wo-display-toggle--with-label .wo-display-toggle-btn,
body.theme-dark .lab-work-orders-page .wo-list-toolbar .wo-labeled-view-toggle.wo-display-toggle--with-label .wo-display-toggle-btn{
  color: #d4d4d4;
  background: transparent;
  background-image: none;
  border-color: transparent;
  box-shadow: none;
}

body.theme-dark .wo-list-toolbar .wo-labeled-view-toggle.wo-display-toggle--with-label .wo-display-toggle-btn--active,
body.theme-dark .wo-list-toolbar .wo-labeled-view-toggle.wo-display-toggle--with-label .wo-display-toggle-btn--active:hover,
body.theme-dark .wo-list-toolbar .wo-labeled-view-toggle.wo-display-toggle--with-label .wo-display-toggle-btn--active:active,
body.theme-dark .lab-work-orders-page .wo-list-toolbar .wo-labeled-view-toggle.wo-display-toggle--with-label .wo-display-toggle-btn--active,
body.theme-dark .lab-work-orders-page .wo-list-toolbar .wo-labeled-view-toggle.wo-display-toggle--with-label .wo-display-toggle-btn--active:hover,
body.theme-dark .lab-work-orders-page .wo-list-toolbar .wo-labeled-view-toggle.wo-display-toggle--with-label .wo-display-toggle-btn--active:active{
  color: #ffffff;
  font-weight: 600;
  background: #18181b;
  background-image: none;
  border-color: transparent;
  box-shadow: none;
}

body.theme-dark .wo-list-toolbar .wo-labeled-view-toggle.wo-display-toggle--with-label .wo-display-toggle-btn:hover:not(.wo-display-toggle-btn--active),
body.theme-dark .wo-list-toolbar .wo-labeled-view-toggle.wo-display-toggle--with-label .wo-display-toggle-btn:active:not(.wo-display-toggle-btn--active),
body.theme-dark .lab-work-orders-page .wo-list-toolbar .wo-labeled-view-toggle.wo-display-toggle--with-label .wo-display-toggle-btn:hover:not(.wo-display-toggle-btn--active),
body.theme-dark .lab-work-orders-page .wo-list-toolbar .wo-labeled-view-toggle.wo-display-toggle--with-label .wo-display-toggle-btn:active:not(.wo-display-toggle-btn--active){
  color: #ffffff;
  background: #18181b;
  background-image: none;
  border-color: transparent;
  box-shadow: none;
}

body.theme-dark .wo-list-toolbar .lab-work-order-columns-btn{
  background: #18181b;
  border-color: #2d2d2d;
  color: #d4d4d4;
  box-shadow: none;
}

body.theme-dark .wo-list-toolbar .lab-work-order-columns-btn:hover{
  background: var(--brand-primary-soft);
  border-color: rgba(37, 99, 235, 0.55);
  color: var(--brand-primary-muted);
  box-shadow: 0 0 0 1px rgba(37, 99, 235, 0.2);
}

body.theme-dark .wo-list-toolbar .lab-work-order-columns-btn:hover i{
  color: var(--brand-primary-muted);
}

body.theme-dark .wo-list-toolbar .lab-work-order-columns-btn--open{
  background: var(--brand-primary-soft);
  border-color: rgba(37, 99, 235, 0.55);
  color: var(--brand-primary-muted);
  box-shadow: 0 0 0 1px rgba(37, 99, 235, 0.2);
}

body.theme-dark .lab-work-order-columns-menu-head{
  color: #a1a1aa;
}

body.theme-dark .lab-work-order-columns-reset{
  border-top-color: #2d2d2d;
}

body.theme-dark .wo-list-table thead th{
  border-bottom-color: rgba(255, 255, 255, 0.1);
}

body.theme-dark .wo-list-table tbody td{
  color: #f5f7fb;
  border-bottom-color: rgba(255, 255, 255, 0.07);
}

body.theme-dark .wo-list-row:hover td{
  background: rgba(255, 255, 255, 0.04);
}

body.theme-dark .lab-patients-page .wo-list-table .wo-list-row:hover td,
body.theme-dark .lab-work-orders-page .wo-list-table .wo-list-row:hover td,
body.theme-dark .clinic-patients-page .wo-list-table .wo-list-row:hover td,
body.theme-dark .clinic-users-page .wo-list-table .wo-list-row:hover td,
body.theme-dark .lab-users-page .wo-list-table .wo-list-row:hover td,
body.theme-dark .clinic-active-wo-page .wo-list-table .wo-list-row:hover td{
  background: transparent;
}

body.theme-dark .lab-definition-page .wo-list-table tbody tr.wo-list-row:hover,
body.theme-dark .lab-definition-page .wo-list-table tbody tr.wo-list-row:focus-within{
  background: transparent;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.45), 0 1px 3px 1px rgba(0, 0, 0, 0.28);
}

body.theme-dark .lab-definition-page .wo-list-table tbody tr.wo-list-row:hover td,
body.theme-dark .lab-definition-page .wo-list-table .wo-list-row:hover td{
  background: transparent;
}

body.theme-dark .lab-definition-page .wo-list-table tbody tr.wo-list-row:hover td:first-child,
body.theme-dark .lab-definition-page .wo-list-table tbody tr.wo-list-row:hover td:last-child,
body.theme-dark .lab-definition-page .wo-list-table tbody tr.wo-list-row:hover td:not(:first-child):not(:last-child){
  box-shadow: none;
}

body.theme-dark .wo-list-row--selected td{
  background: rgba(124, 58, 237, 0.14);
}

body.theme-dark .wo-list-row--active td{
  background: var(--brand-ring);
}

body.theme-dark .wo-list-row--active td:first-child{
  box-shadow: inset 3px 0 0 var(--brand-primary);
}

body.theme-dark .lab-patients-page .wo-list-table tbody tr.wo-list-row:hover td,
body.theme-dark .lab-work-orders-page .wo-list-table tbody tr.wo-list-row:hover td,
body.theme-dark .clinic-patients-page .wo-list-table tbody tr.wo-list-row:hover td,
body.theme-dark .clinic-users-page .wo-list-table tbody tr.wo-list-row:hover td,
body.theme-dark .lab-users-page .wo-list-table tbody tr.wo-list-row:hover td,
body.theme-dark .clinic-active-wo-page .wo-list-table tbody tr.wo-list-row:hover td{
  background: transparent;
}

body.theme-dark .lab-patients-page .lab-patient-list-table tbody tr:hover,
body.theme-dark .lab-work-orders-page .wo-list-table tbody tr.wo-list-row:hover,
body.theme-dark .clinic-patients-page .wo-list-table tbody tr.wo-list-row:hover,
body.theme-dark .clinic-users-page .wo-list-table tbody tr.wo-list-row:hover,
body.theme-dark .lab-users-page .wo-list-table tbody tr.wo-list-row:hover,
body.theme-dark .clinic-active-wo-page .wo-list-table tbody tr.wo-list-row:hover{
  background: transparent;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.45), 0 1px 3px 1px rgba(0, 0, 0, 0.28);
}

body.theme-dark .lab-patients-page .wo-list-table tbody tr.wo-list-row:hover td:first-child,
body.theme-dark .lab-work-orders-page .wo-list-table tbody tr.wo-list-row:hover td:first-child,
body.theme-dark .clinic-patients-page .wo-list-table tbody tr.wo-list-row:hover td:first-child,
body.theme-dark .clinic-users-page .wo-list-table tbody tr.wo-list-row:hover td:first-child,
body.theme-dark .lab-users-page .wo-list-table tbody tr.wo-list-row:hover td:first-child,
body.theme-dark .clinic-active-wo-page .wo-list-table tbody tr.wo-list-row:hover td:first-child{
  box-shadow: none;
}

body.theme-dark .lab-patients-page .wo-list-table tbody tr.wo-list-row:hover td:last-child,
body.theme-dark .lab-work-orders-page .wo-list-table tbody tr.wo-list-row:hover td:last-child,
body.theme-dark .clinic-patients-page .wo-list-table tbody tr.wo-list-row:hover td:last-child,
body.theme-dark .clinic-users-page .wo-list-table tbody tr.wo-list-row:hover td:last-child,
body.theme-dark .lab-users-page .wo-list-table tbody tr.wo-list-row:hover td:last-child,
body.theme-dark .clinic-active-wo-page .wo-list-table tbody tr.wo-list-row:hover td:last-child{
  box-shadow: none;
}

body.theme-dark .lab-patients-page .wo-list-table tbody tr.wo-list-row:hover td:not(:first-child):not(:last-child),
body.theme-dark .lab-work-orders-page .wo-list-table tbody tr.wo-list-row:hover td:not(:first-child):not(:last-child),
body.theme-dark .clinic-patients-page .wo-list-table tbody tr.wo-list-row:hover td:not(:first-child):not(:last-child),
body.theme-dark .clinic-users-page .wo-list-table tbody tr.wo-list-row:hover td:not(:first-child):not(:last-child),
body.theme-dark .lab-users-page .wo-list-table tbody tr.wo-list-row:hover td:not(:first-child):not(:last-child),
body.theme-dark .clinic-active-wo-page .wo-list-table tbody tr.wo-list-row:hover td:not(:first-child):not(:last-child){
  box-shadow: none;
}

/* Dark mode — liste satir yazi renkleri */

body.theme-dark .wo-list-table tbody td,
body.theme-dark .lab-patient-list-table tbody td,
body.theme-dark .wo-list-table .lab-patient-row-name,
body.theme-dark .wo-list-table .lab-patient-row-meta{
  color: #f5f7fb;
}

body.theme-dark .wo-list-table .lab-patient-row-muted{
  color: #71717a;
}

body.theme-dark .wo-list-sort{
  color: #aaaaaa;
}

body.theme-dark .wo-list-sort--active{
  color: #ffffff;
}

/* --- Sabit sutun genislikleri -------------------------------------------
   Otomatik tablo duzeni uzun klinik/protez adlarinda tabloyu sarmalayicidan
   tasirip satiri yatayda kaydiriyordu (islem sutunu ekran disinda kaliyordu).
   table-layout: fixed + yuzdelik sutun genisligi ile tablo her zaman %100
   genislikte kalir; sigmayan metin uc nokta ile kisalir (tam deger title'da).
   Genislikler toplami ~92%; kalan pay 112px'lik islem sutununa gider.
   Sutun gizlenince fixed duzen artan payi oransal dagitir.                */

.wo-list-table--fixed{
  table-layout: fixed;
  /* lab-shared.css'teki width:max-content / min-width:1080px sarmalayiciyi
     tasiriyordu; sabit duzende tablo her zaman %100 kalir. */
  width: 100%;
  min-width: 0;
}

.wo-list-table--fixed .wo-list-col{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Cift sinif: lab-shared'deki `thead th:nth-child(n)` kurallari (pseudo-class
   sayildigi icin (0,2,2)) tek sinifli secicimizi eziyordu. */

.wo-list-table.wo-list-table--fixed .wo-list-col--patient{ width: 17%; }

.wo-list-table.wo-list-table--fixed .wo-list-col--prosthesis{ width: 23%; }

.wo-list-table.wo-list-table--fixed .wo-list-col--source{ width: 17%; }

.wo-list-table.wo-list-table--fixed .wo-list-col--clinic{ width: 16%; }

.wo-list-table.wo-list-table--fixed .wo-list-col--doctor{ width: 11%; }

.wo-list-table.wo-list-table--fixed .wo-list-col--trial{ width: 16%; }

.wo-list-table.wo-list-table--fixed .wo-list-col--record{ width: 10%; }

.wo-list-table.wo-list-table--fixed .wo-list-col--planned{ width: 10%; }

.wo-list-table.wo-list-table--fixed .wo-list-col--status{ width: 12%; }

/* Is Emri Raporu: ayni sabit duzen, kendi sutunlari (toplam %100, islem sutunu yok).
   border-box: hucre dolgusu yuzdeye dahil olsun, yoksa 7 x 24px tabloyu tasirir. */

.wo-list-table.wo-list-table--fixed.lab-report-table .wo-list-col{ box-sizing: border-box; }

.wo-list-table.wo-list-table--fixed.lab-report-table .wo-list-col--patient{ width: 15%; }

.wo-list-table.wo-list-table--fixed.lab-report-table .wo-list-col--prosthesis{ width: 18%; }

.wo-list-table.wo-list-table--fixed.lab-report-table .wo-list-col--clinic{ width: 18%; }

.wo-list-table.wo-list-table--fixed.lab-report-table .wo-list-col--doctor{ width: 13%; }

.wo-list-table.wo-list-table--fixed.lab-report-table .wo-list-col--unit-price{ width: 10%; }

.wo-list-table.wo-list-table--fixed.lab-report-table .wo-list-col--total-price{ width: 11%; }

.wo-list-table.wo-list-table--fixed.lab-report-table .wo-list-col--process-date{ width: 15%; }

/* Islem sutunu: 3 x 28px buton + 2 x 8px bosluk = 100px icerik.
   Sol dolgu kaldirildi; sutunda butonlarin solunda bos alan kalmiyor. */

.wo-list-table.wo-list-table--fixed thead .wo-list-col-actions,
.wo-list-table.wo-list-table--fixed tbody .wo-list-col-actions{
  width: 100px;
  min-width: 0;
  padding-left: 0;
  padding-right: 12px;
}

/* Hucre icerigi sutunu asamaz; tasan metin kisalir. */

.wo-list-table--fixed .wo-list-col > *{
  max-width: 100%;
}

.wo-list-table--fixed .lab-patient-row-identity{
  min-width: 0;
}

.wo-list-table--fixed .lab-patient-row-name{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* inline-flex pill'de ellipsis calismaz; tek satirlik metinde inline-block
   ayni gorunur ve kisaltmaya izin verir. */

.wo-list-table--fixed .lab-patient-source-pill{
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.wo-list-table--fixed .wo-list-prosthesis-cell{
  display: flex;
  flex-wrap: nowrap;
  min-width: 0;
}

.wo-list-table--fixed .wo-list-prosthesis-cell > span:first-child{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.wo-list-table--fixed .lab-patient-row-flags{
  flex: none;
}

.wo-list-table--fixed .wo-list-status-pill{
  max-width: 100%;
}

/* Tum listeler: hucre verisi kalin, klinik pill rengi yok */

.wo-list-table .lab-patient-source-pill,
.wo-list-table .lab-patient-source-pill--clinic,
.wo-list-table .lab-patient-source-pill--lab,
.lab-patient-list-table .lab-patient-source-pill,
.lab-patient-list-table .lab-patient-source-pill--clinic,
.lab-patient-list-table .lab-patient-source-pill--lab{
  background: transparent;
  border: 0;
  border-radius: 0;
  padding: 0;
  font-size: var(--ui-font-sm);
  font-weight: var(--fw-strong);
  color: #0f2231;
}

.wo-list-table .zd-trial-name-with-badge{
  font-size: var(--ui-font-sm);
  font-weight: var(--fw-strong);
  color: #0f2231;
}

body.theme-dark .wo-list-table .lab-patient-source-pill,
body.theme-dark .wo-list-table .lab-patient-source-pill--clinic,
body.theme-dark .wo-list-table .lab-patient-source-pill--lab,
body.theme-dark .lab-patient-list-table .lab-patient-source-pill,
body.theme-dark .lab-patient-list-table .lab-patient-source-pill--clinic,
body.theme-dark .lab-patient-list-table .lab-patient-source-pill--lab,
body.theme-dark .wo-list-table .zd-trial-name-with-badge{
  color: #f5f7fb;
  background: transparent;
}

/* ============================================================================
   Sag ust profil butonu — gorsel referans: mor yuvarlak avatar + chevron,
   bildirim zili beyaz yuvarlak kare + kirmizi nokta
   ============================================================================ */

.dash-topbar .dash-topbar-btn.dash-topbar-btn--profile{
  padding: 2px;
  gap: 10px;
  background: transparent;
  border: none;
  box-shadow: none;
}

.dash-topbar .dash-topbar-btn.dash-topbar-btn--profile:hover,
.dash-topbar .dash-topbar-btn.dash-topbar-btn--profile:active{
  background: transparent;
  border: none;
}

/* Isim gizli — sadece avatar + chevron gozuksun */

.dash-topbar .dash-topbar-btn--profile .dash-topbar-btn-text{
  display: none;
}

.dash-topbar .dash-topbar-btn--profile .dash-topbar-avatar{
  width: 32px;
  height: 32px;
  font-size: 13px;
  background: var(--brand-primary);
  box-shadow: 0 2px 8px rgba(31, 122, 168, 0.35);
}

.dash-topbar .dash-topbar-btn--profile .dash-topbar-chevron{
  color: #6f8fa5;
  margin-left: 2px;
}

/* Butonlar arasi bosluk biraz daha acik */

.dash-topbar .dash-topbar-right{
  gap: 14px;
}

/* Tema toggle dahil tum ust bar ikon butonlari ayni kutu stilinde */

body.theme-dark .dash-topbar-right .dash-topbar-btn--icon{
  background: var(--header-control-bg);
  border-color: var(--header-control-border);
  color: var(--header-control-text);
}

body.theme-dark .dash-topbar-right .dash-topbar-btn--icon i{
  color: var(--header-control-muted);
}

body.theme-dark .dash-topbar-right .dash-topbar-btn--icon:hover,
body.theme-dark .dash-topbar-right .dash-topbar-btn--icon:active,
body.theme-dark .dash-topbar-right .dash-topbar-btn--icon[aria-expanded='true'],
body.theme-dark .dash-topbar-right .dash-topbar-btn--icon[aria-expanded='true']:hover{
  background: var(--brand-primary-soft);
  border-color: rgba(37, 99, 235, 0.55);
  color: var(--brand-primary-muted);
  box-shadow: 0 0 0 1px rgba(37, 99, 235, 0.2);
}

body.theme-dark .dash-topbar-right .dash-topbar-btn--icon:hover i,
body.theme-dark .dash-topbar-right .dash-topbar-btn--icon:active i,
body.theme-dark .dash-topbar-right .dash-topbar-btn--icon[aria-expanded='true'] i,
body.theme-dark .dash-topbar-right .dash-topbar-btn--icon[aria-expanded='true']:hover i{
  color: var(--brand-primary-muted);
}

/* ============================================================================
   IS EMIRLERI TAKVIM (ay grid) — gorsel referansa gore
   ============================================================================ */

/* Tarih numarasi hucrenin sag altinda */

.wo-month-day-cell{
  position: relative;
  padding-bottom: 22px;
}

.wo-month-day-cell .wo-month-day-number{
  position: absolute;
  right: 7px;
  bottom: 5px;
  align-self: auto;
  font-size: 12px;
  font-weight: 600;
  color: #94a3b8;
  background: transparent;
  padding: 0;
  border-radius: 0;
}

.wo-month-day-cell--today .wo-month-day-number{
  width: auto;
  height: auto;
  background: transparent;
  color: #7c3aed;
  font-weight: 800;
}

/* Etkinlik seritleri: beyaz + renkli sol kenar (referans gibi) */

.wo-month-item{
  background: #ffffff !important;
  color: #334155;
  border: 1px solid #eef2f6;
  border-left-width: 3px;
  border-radius: 4px;
  font-weight: 500;
  box-shadow: 0 1px 1px rgba(15, 23, 42, 0.03);
}

.wo-month-item--indigo{ border-left-color: var(--brand-primary) !important; }

.wo-month-item--rose{ border-left-color: #e0567a !important; }

.wo-month-item--teal{ border-left-color: #1f9e8d !important; }

.wo-month-item--amber{ border-left-color: #c08a1e !important; }

.wo-month-item--sky{ border-left-color: #2470b8 !important; }

.wo-month-item--violet{ border-left-color: #7c3aed !important; }

/* Bos / diger-ay hucrelerinde capraz hatch */

.wo-month-day-cell--empty{
  background-color: #fafbfd;
  background-image: repeating-linear-gradient(
    -45deg,
    rgba(148, 163, 184, 0.07) 0,
    rgba(148, 163, 184, 0.07) 1px,
    transparent 1px,
    transparent 7px
  );
}

/* Bugun: sag-alt kose ucgeni + hafif vurgu */

.wo-month-day-cell--today{
  background: #f5faff;
}

.wo-month-day-cell--today::after{
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 12px 12px;
  border-color: transparent transparent #7c3aed transparent;
}

/* Gun basliklari: referans gibi sade */

.wo-month-grid--head{
  border-bottom: 1px solid #EEF1F5;
}

.wo-month-head-cell{
  text-transform: none;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0;
  color: #94a3b8;
  text-align: left;
  padding: 8px 10px;
}

/* --- Dark mode --- */

body.theme-dark .wo-month-item{
  background: #1c1c1f !important;
  color: #d4d4d4;
  border-color: #2a2a2a;
}

body.theme-dark .wo-month-day-cell--empty{
  background-color: rgba(255, 255, 255, 0.015);
  background-image: repeating-linear-gradient(
    -45deg,
    rgba(255, 255, 255, 0.04) 0,
    rgba(255, 255, 255, 0.04) 1px,
    transparent 1px,
    transparent 7px
  );
}

body.theme-dark .wo-month-day-cell--today{
  background: rgba(124, 58, 237, 0.08);
}

/* ============================================================================
   IS EMIRLERI TAKVIM — referans UI
   ============================================================================ */

.lab-work-orders-page .wo-view-fullscreen-shell{
  background: #ffffff;
  border: none;
  border-radius: 18px;
  box-shadow: none;
  padding: 0;
  overflow: hidden;
  height: auto;
  max-height: none;
}

.dash-main.lab-calendar-page .wo-view-fullscreen-shell{
  box-shadow: none;
}

.lab-work-orders-page .wo-cal-main{
  background: #ffffff;
  border-radius: 0;
  min-height: 640px;
  height: auto;
  max-height: none;
}

/* Takvim AY gorunumu: kisa ekranlarda ay panosu tek-ekrana sigmayip son hafta
   satiri fold altinda kaliyor ve hicbir yer kaydirilamadigi icin erisilemiyordu.
   Ay panosunu viewport'a sinirlayip tasan kismi dikey kaydirilabilir yapariz.
   :has(.wo-month-board--ref) sayesinde SADECE ay gorunumu etkilenir; Hafta/Gun
   gorunumleri ve diger sayfalar dokunulmadan kalir. */

.lab-work-orders-page .wo-cal-main:has(.wo-month-board--ref){
  min-height: 0;
  max-height: calc(100vh - 64px);
}

.lab-work-orders-page .wo-month-board--ref{
  min-height: 0;
  overflow-y: auto;
}

.lab-work-orders-page .wo-cal-head--ref{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 20px;
  border-bottom: 1px solid #e7e9ef;
  background: #ffffff;
}

.lab-work-orders-page .wo-cal-head-left,
.lab-work-orders-page .wo-cal-head-right{
  display: inline-flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

.lab-work-orders-page .wo-cal-period-nav{
  display: inline-flex;
  align-items: center;
  gap: 12px;
}

.lab-work-orders-page .wo-cal-period-title{
  font-size: 18px;
  font-weight: 700;
  color: #0f172a;
  line-height: 1.2;
}

.lab-work-orders-page .wo-cal-period-nav-btns{
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.lab-work-orders-page .wo-cal-period-nav-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border: 1px solid #e7e9ef;
  border-radius: 999px;
  background: #ffffff;
  color: #64748b;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.lab-work-orders-page .wo-cal-period-nav-btn:hover{
  background: var(--brand-primary-soft);
  border-color: var(--brand-primary);
  color: var(--brand-primary);
  box-shadow: 0 0 0 1px var(--brand-ring);
}

.lab-work-orders-page .wo-cal-view-menu{
  position: relative;
}

.lab-work-orders-page .wo-cal-view-menu-btn{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid #e7e9ef;
  border-radius: 8px;
  background: #ffffff;
  color: #334155;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
}

.lab-work-orders-page .wo-cal-view-menu-btn:hover{
  background: var(--brand-primary-soft);
  border-color: var(--brand-primary);
  color: var(--brand-primary-selected-text);
  box-shadow: 0 0 0 1px var(--brand-ring);
}

.lab-work-orders-page .wo-cal-view-menu-btn--open{
  background: var(--brand-primary-soft);
  border-color: var(--brand-primary);
  color: var(--brand-primary-selected-text);
  box-shadow: 0 0 0 1px var(--brand-ring);
}

.lab-work-orders-page .wo-cal-view-menu-popover{
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  z-index: 40;
  min-width: 120px;
  padding: 6px;
  border: 1px solid #e7e9ef;
  border-radius: 10px;
  background: #ffffff;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
}

.lab-work-orders-page .wo-cal-view-menu-item{
  display: block;
  width: 100%;
  padding: 8px 10px;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: #334155;
  font-size: 13px;
  font-weight: 500;
  text-align: left;
  cursor: pointer;
}

.lab-work-orders-page .wo-cal-view-menu-item:hover,
.lab-work-orders-page .wo-cal-view-menu-item--active{
  background: #f4f4f5;
  color: #0f172a;
}

.lab-work-orders-page .wo-cal-today-btn,
.lab-work-orders-page .wo-cal-panel-toggle{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid #e7e9ef;
  border-radius: 8px;
  background: #ffffff;
  color: #334155;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease;
}

.lab-work-orders-page .wo-cal-panel-toggle{
  position: absolute;
  left: 0;
  top: 16px;
  z-index: 30;
  width: 28px;
  min-width: 28px;
  height: 28px;
  min-height: 28px;
  padding: 0;
  border: 1px solid #e2e8f0;
  border-radius: 50%;
  background: #ffffff;
  color: #64748b;
  box-shadow: none;
  transform: translateX(-50%);
}

.lab-work-orders-page .wo-cal-panel-toggle i{
  font-size: 12px;
  line-height: 1;
}

.lab-work-orders-page .wo-cal-today-btn:hover{
  background: var(--brand-primary-soft);
  border-color: var(--brand-primary);
  color: var(--brand-primary-selected-text);
  box-shadow: 0 0 0 1px var(--brand-ring);
}

.lab-work-orders-page .wo-cal-panel-toggle:hover{
  background: var(--brand-primary-soft);
  border-color: var(--brand-primary);
  color: var(--brand-primary);
  box-shadow: 0 0 0 1px var(--brand-ring);
}

.lab-work-orders-page .wo-cal-shell{
  display: flex;
  flex-direction: row;
  gap: 0;
  align-items: stretch;
  min-height: 0;
  height: auto;
  overflow: visible;
}

.lab-work-orders-page .wo-time-axis-row{
  height: 40.8px;
  padding: 4px 8px;
  font-size: 10px;
}

.lab-work-orders-page .wo-week-head-cell{
  border-left: 0;
}

.lab-work-orders-page .wo-week-head-day{
  font-size: 10px;
  font-weight: 700;
}

.lab-work-orders-page .wo-week-head-num{
  font-size: 16px;
  font-weight: 600;
}

.lab-work-orders-page .wo-week-head-count{
  font-size: 11px;
  font-weight: 400;
}

.lab-work-orders-page .wo-time-col{
  background:
    repeating-linear-gradient(
      to bottom,
      transparent 0,
      transparent 39.8px,
      #EEF1F5 39.8px,
      #EEF1F5 40.8px
    );
}

.lab-work-orders-page .wo-event{
  left: 6px;
  right: 6px;
  padding: 4px 8px;
  border-radius: 4px;
}

.lab-work-orders-page .wo-event strong{
  font-size: 11px;
}

.lab-work-orders-page .wo-event span{
  font-size: 9px;
}

.lab-work-orders-page .wo-cal-shell > .wo-cal-main{
  flex: 1 1 auto;
  min-width: 0;
  transition: flex 0.32s cubic-bezier(0.22, 1, 0.36, 1);
}

.wo-cal-side-rail{
  position: relative;
  display: flex;
  flex-direction: row;
  flex: 0 0 auto;
  align-items: stretch;
  min-height: 0;
  overflow: visible;
  transition: flex-basis 0.32s cubic-bezier(0.22, 1, 0.36, 1);
}

.wo-cal-side-rail::before{
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background: #EEF1F5;
  z-index: 1;
  pointer-events: none;
}

.wo-cal-side-rail--collapsed{
  flex: 0 0 45px;
}

.lab-work-orders-page .wo-cal-side-tab{
  display: none;
  flex: 0 0 45px;
  width: 45px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin: 0;
  padding: 12px 0;
  border: 0;
  border-right: none;
  border-radius: 0;
  background: #ffffff;
  pointer-events: none;
  user-select: none;
  position: relative;
}

.wo-cal-side-rail--collapsed .wo-cal-side-tab{
  display: flex;
}

.lab-work-orders-page .wo-cal-side-tab-label{
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.04em;
  line-height: 1;
  color: #94a3b8;
}

.lab-work-orders-page .wo-cal-side-tab-count{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  padding: 0 4px;
  border-radius: 999px;
  background: var(--lab-accent-soft, #e3f4fa);
  color: var(--lab-accent-deep, var(--brand-primary-deep));
  font-size: 10px;
  font-weight: 700;
}

.wo-cal-side-rail--collapsed .wo-cal-side-rail-edge{
  display: none;
}

.wo-cal-side-rail-edge{
  flex: 0 0 1px;
  width: 1px;
  align-self: stretch;
  border-left: 1px solid #e7e9ef;
  background: transparent;
}

.wo-cal-side-panel{
  flex: 0 0 340px;
  width: 340px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding: 16px 0 16px 16px;
  background: #ffffff;
  border-left: 1px solid #e7e9ef;
  border-right: none;
  border-radius: 0;
  box-shadow: none;
  transition:
    flex-basis 0.32s cubic-bezier(0.22, 1, 0.36, 1),
    width 0.32s cubic-bezier(0.22, 1, 0.36, 1),
    padding 0.32s cubic-bezier(0.22, 1, 0.36, 1),
    opacity 0.22s ease;
}

.wo-cal-side-panel--collapsed{
  flex-basis: 0;
  width: 0;
  padding-left: 0;
  opacity: 0;
  pointer-events: none;
}

.wo-cal-side-panel-inner{
  width: 322px;
  min-width: 322px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  transform-origin: left center;
  transition: transform 0.32s cubic-bezier(0.22, 1, 0.36, 1);
}

.wo-cal-side-panel--collapsed .wo-cal-side-panel-inner{
  transform: scaleX(0);
}

.wo-cal-side-panel-head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin: 0;
}

.lab-work-orders-page .wo-cal-side-panel-collapse{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  min-width: 34px;
  height: 34px;
  flex-shrink: 0;
  padding: 0;
  border: 1px solid #e7e9ef;
  border-radius: 8px;
  background: #ffffff;
  color: #64748b;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.lab-work-orders-page .wo-cal-side-panel-collapse:hover{
  background: #f8fafc;
  border-color: #e7e9ef;
  color: #334155;
}

.wo-cal-side-panel-collapse{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  flex-shrink: 0;
  border: 1px solid #e7e9ef;
  border-radius: 8px;
  background: #fff;
  color: #64748b;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.wo-cal-side-panel-collapse:hover{
  background: #f8fafc;
  border-color: #cbd5e1;
  color: #0f172a;
}

.wo-cal-side-panel-title{
  font-size: 16px;
  font-weight: 700;
  color: #0f172a;
  line-height: 1.2;
}

.wo-cal-side-panel-body{
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.wo-cal-upcoming-card{
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 9px;
  width: 100%;
  padding: 9px 14px 9px 24px;
  border: 1px solid #ededed;
  border-radius: 10px;
  background: #ffffff;
  text-align: left;
  cursor: pointer;
  transition: border-color 0.15s ease, background 0.15s ease;
}

.wo-cal-upcoming-card:hover{
  border-color: #e0e0e0;
  background: #ffffff;
  box-shadow: none;
}

.wo-cal-upcoming-card-accent{
  position: absolute;
  left: 10px;
  top: 12px;
  bottom: 12px;
  width: 4px;
  border-radius: 999px;
  background: #b0b0b0;
}

.wo-cal-upcoming-card--indigo .wo-cal-upcoming-card-accent{ background: #2d95c8; }

.wo-cal-upcoming-card--rose .wo-cal-upcoming-card-accent{ background: #e0567a; }

.wo-cal-upcoming-card--teal .wo-cal-upcoming-card-accent{ background: #1f9e8d; }

.wo-cal-upcoming-card--amber .wo-cal-upcoming-card-accent{ background: #c08a1e; }

.wo-cal-upcoming-card--sky .wo-cal-upcoming-card-accent{ background: #2470b8; }

.wo-cal-upcoming-card--violet .wo-cal-upcoming-card-accent{ background: #7c3aed; }

.wo-cal-upcoming-card-title{
  font-size: 13px;
  font-weight: 700;
  color: #1a1a1b;
  line-height: 1.35;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

.wo-cal-upcoming-card-meta{
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  width: 100%;
}

.wo-cal-upcoming-card-name{
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 12px;
  font-weight: 500;
  color: #3f3f46;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 0 1 auto;
  min-width: 0;
}

.wo-cal-upcoming-card-name .bi,
.wo-cal-upcoming-card-cal{
  flex-shrink: 0;
  font-size: 12px;
  line-height: 1;
  color: inherit;
}

.wo-cal-upcoming-card-when{
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-left: 10px;
  flex-shrink: 0;
  min-width: 0;
  color: #3f3f46;
}

.wo-cal-upcoming-card-date,
.wo-cal-upcoming-card-time{
  font-size: 12px;
  font-weight: 400;
  color: inherit;
  white-space: nowrap;
  flex-shrink: 0;
}

.wo-cal-side-panel-empty{
  margin: 0;
  font-size: 13px;
  color: #94a3b8;
}

.lab-work-orders-page .wo-month-board--ref{
  padding: 0;
  display: flex;
  flex-direction: column;
  min-height: 0;
  height: auto;
}

.lab-work-orders-page .wo-month-board--ref .wo-month-head-cell{
  text-align: center;
  padding: 12px 8px;
  font-size: 13px;
  font-weight: 500;
  color: #64748b;
  border-right: 0;
  border-bottom: 0;
  background: #ffffff;
  text-transform: none;
  letter-spacing: 0;
}

.lab-work-orders-page .wo-month-board--ref .wo-month-head-cell--today{
  color: var(--brand-primary-deep);
  font-weight: 700;
  box-shadow: inset 0 -2px 0 var(--brand-primary-deep);
}

.lab-work-orders-page .wo-month-board--ref .wo-month-day-cell{
  position: relative;
  min-height: 96px;
  padding: 6px 8px 22px;
  background: #ffffff;
  border-right: 1px solid #EEF1F5;
  border-bottom: 1px solid #EEF1F5;
}

.lab-work-orders-page .wo-month-board--ref .wo-month-grid > .wo-month-day-cell:nth-child(7n){
  border-right: none;
}

.lab-work-orders-page .wo-month-board--ref .wo-month-day-cell--outside{
  background-color: #fafbfd;
  background-image: repeating-linear-gradient(
    -45deg,
    rgba(148, 163, 184, 0.08) 0,
    rgba(148, 163, 184, 0.08) 1px,
    transparent 1px,
    transparent 7px
  );
}

.lab-work-orders-page .wo-month-board--ref .wo-month-day-cell--today{
  background-color: #f2f9fd;
}

.lab-work-orders-page .wo-month-board--ref .wo-month-day-number{
  position: absolute;
  right: 8px;
  bottom: 6px;
  border: 0;
  background: transparent;
  font-size: 12px;
  font-weight: 600;
  color: #94a3b8;
  cursor: pointer;
  padding: 0;
}

.lab-work-orders-page .wo-month-board--ref .wo-month-day-cell--today .wo-month-day-number{
  color: var(--brand-primary-deep);
  font-weight: 800;
}

.lab-work-orders-page .wo-month-board--ref .wo-month-day-cell--today::after{
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 12px 12px;
  border-color: transparent transparent var(--brand-primary-deep) transparent;
}

/* Seçili gün: today hücresini de ezmesi için aynı özgüllükte ve daha sonra. */

.lab-work-orders-page .wo-month-board--ref .wo-month-day-cell--selected,
.lab-work-orders-page .wo-month-board--ref .wo-month-day-cell--today.wo-month-day-cell--selected{
  background-color: #eaf3fb;
  box-shadow: inset 0 0 0 2px #2f7bc4;
}

body.theme-dark .lab-work-orders-page .wo-month-board--ref .wo-month-day-cell--selected,
body.theme-dark .lab-work-orders-page .wo-month-board--ref .wo-month-day-cell--today.wo-month-day-cell--selected{
  background-color: rgba(47, 123, 196, 0.20);
  box-shadow: inset 0 0 0 2px #5a8fd6;
}

.lab-work-orders-page .wo-month-board--ref .wo-month-day-items{
  display: flex;
  flex-direction: column;
  gap: 3px;
  margin-top: 0;
}

.lab-work-orders-page .wo-month-board--ref .wo-month-item{
  display: flex;
  align-items: center;
  gap: 0;
  width: 100%;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  padding: 0;
  text-align: left;
  font-size: 11px;
  font-weight: 500;
  color: #334155;
  cursor: pointer;
  line-height: 1.25;
}

.lab-work-orders-page .wo-month-board--ref .wo-month-item-accent{
  flex: 0 0 3px;
  align-self: stretch;
  width: 3px;
  min-height: 14px;
  margin-right: 5px;
  border-radius: 2px;
  background: #cbd5e1;
}

.lab-work-orders-page .wo-month-board--ref .wo-month-item--indigo .wo-month-item-accent{ background: var(--brand-primary); }

.lab-work-orders-page .wo-month-board--ref .wo-month-item--rose .wo-month-item-accent{ background: #e0567a; }

.lab-work-orders-page .wo-month-board--ref .wo-month-item--teal .wo-month-item-accent{ background: #1f9e8d; }

.lab-work-orders-page .wo-month-board--ref .wo-month-item--amber .wo-month-item-accent{ background: #c08a1e; }

.lab-work-orders-page .wo-month-board--ref .wo-month-item--sky .wo-month-item-accent{ background: #2470b8; }

.lab-work-orders-page .wo-month-board--ref .wo-month-item--violet .wo-month-item-accent{ background: var(--brand-primary); }

.lab-work-orders-page .wo-month-board--ref .wo-month-item--sky{
  background: #e6f4ff;
  color: #2470b8 !important;
}

.lab-work-orders-page .wo-month-board--ref .wo-month-item--teal{
  background: #e3f8f4;
  color: #1f9e8d !important;
}

.lab-work-orders-page .wo-month-board--ref .wo-month-item--amber{
  background: #fff4e0;
  color: #c08a1e !important;
}

.lab-work-orders-page .wo-month-board--ref .wo-month-item--sky .wo-month-item-label,
.lab-work-orders-page .wo-month-board--ref .wo-month-item--teal .wo-month-item-label{
  color: inherit;
}

.lab-work-orders-page .wo-month-board--ref .wo-month-item-label{
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.lab-work-orders-page .wo-month-board--ref .wo-month-more{
  font-size: 11px;
  color: #94a3b8;
  padding-left: 9px;
}

.lab-work-orders-page .wo-cal-fab{
  background: var(--brand-primary);
  box-shadow: 0 8px 20px rgba(31, 122, 168, 0.35);
}

@media (prefers-reduced-motion: reduce) {
  .lab-work-orders-page .wo-cal-shell > .wo-cal-main,
.wo-cal-side-panel,
.wo-cal-side-panel-inner,
.wo-cal-side-rail,
.wo-cal-side-tab{
    transition: none;
  }
}

@media (max-width: 1100px) {
  .lab-work-orders-page .wo-cal-head--ref{
    flex-wrap: wrap;
  }

  .lab-work-orders-page .wo-cal-shell{
    flex-direction: column;
  }

  .lab-work-orders-page .wo-cal-panel-toggle{
    left: 16px;
    top: 0;
    transform: translateY(-50%);
  }

  .wo-cal-side-rail{
    flex-direction: column;
    width: 100%;
  }

  .wo-cal-side-rail::before{
    left: 0;
    right: 0;
    top: 0;
    bottom: auto;
    width: auto;
    height: 3px;
  }

  .wo-cal-side-rail--collapsed{
    flex: 0 0 auto;
    width: 100%;
  }

  .lab-work-orders-page .wo-cal-side-tab{
    flex: 0 0 auto;
    width: 100%;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    border: 0;
    border-top: 1px solid #e7e9ef;
    border-radius: 0;
  }

  .lab-work-orders-page .wo-cal-side-tab-label{
    writing-mode: horizontal-tb;
    transform: none;
    font-size: 12px;
    font-weight: 600;
    color: #94a3b8;
  }

  body.theme-dark .lab-work-orders-page .wo-cal-side-tab-label{
    color: #71717a;
  }

  .wo-cal-side-rail-edge{
    width: 100%;
    height: 1px;
    flex-basis: auto;
    border-left: 0;
    border-top: 1px solid #e7e9ef;
  }

  .wo-cal-side-panel{
    flex: 1 1 auto;
    width: 100%;
    padding: 12px 0 0;
  }

  .wo-cal-side-panel--collapsed{
    width: 100%;
    flex-basis: 0;
    padding-top: 0;
    max-height: 0;
    overflow: hidden;
  }

  .wo-cal-side-panel-inner{
    width: 100%;
    min-width: 0;
    transform-origin: top center;
  }

  .wo-cal-side-panel--collapsed .wo-cal-side-panel-inner{
    transform: scaleY(0);
  }
}

body.theme-dark .lab-work-orders-page .wo-cal-main,
body.theme-dark .lab-work-orders-page .wo-cal-head--ref{
  background: #18181b;
}

body.theme-dark .lab-work-orders-page .wo-view-fullscreen-shell{
  background: #18181b;
  border: none;
  box-shadow: none;
}

body.theme-dark .dash-main.lab-calendar-page .wo-view-fullscreen-shell{
  box-shadow: none;
}

body.theme-dark .lab-work-orders-page .wo-cal-head--ref{
  border-bottom-color: #2f3540;
}

body.theme-dark .lab-work-orders-page .wo-cal-period-title,
body.theme-dark .lab-work-orders-page .wo-cal-side-panel-title{
  color: #f4f4f5;
}

body.theme-dark .lab-work-orders-page .wo-cal-side-rail::before{
  background: #2f3540;
}

body.theme-dark .lab-work-orders-page .wo-cal-side-panel{
  background: #18181b;
  border-left-color: #2f3540;
  border-right: none;
}

body.theme-dark .lab-work-orders-page .wo-cal-side-tab{
  background: #18181b;
  border-right: none;
}

body.theme-dark .lab-work-orders-page .wo-cal-side-tab-label{
  color: #71717a;
}

body.theme-dark .lab-work-orders-page .wo-cal-side-tab-count{
  background: var(--lab-accent-soft, rgba(37, 99, 235, 0.22));
  color: var(--lab-accent-muted, #7eb8d4);
}

body.theme-dark .lab-work-orders-page .wo-cal-side-panel-collapse{
  background: #27272a;
  border-color: #3f3f46;
  color: #a1a1aa;
}

body.theme-dark .lab-work-orders-page .wo-cal-side-panel-collapse:hover{
  background: #3f3f46;
  border-color: #52525b;
  color: #fafafa;
}

body.theme-dark .lab-work-orders-page .wo-cal-side-rail-edge{
  border-color: #2f3540;
}

body.theme-dark .lab-work-orders-page .wo-cal-side-panel-empty{
  color: #71717a;
}

body.theme-dark .lab-work-orders-page .wo-cal-upcoming-card{
  background: #18181b;
  border-color: #2f3540;
}

body.theme-dark .lab-work-orders-page .wo-cal-upcoming-card:hover{
  background: #1c1c1f;
  border-color: #3f3f46;
}

body.theme-dark .lab-work-orders-page .wo-cal-upcoming-card-title{
  color: #f4f4f5;
}

body.theme-dark .lab-work-orders-page .wo-cal-upcoming-card-name,
body.theme-dark .lab-work-orders-page .wo-cal-upcoming-card-when{
  color: #d4d4d8;
}

body.theme-dark .wo-cal-hover-card{
  background: #1b2028;
  border-color: #2f3540;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.42);
}

body.theme-dark .wo-cal-hover-card-kicker,
body.theme-dark .wo-cal-hover-detail-row i{
  color: #8f98ab;
}

body.theme-dark .wo-cal-hover-card-time,
body.theme-dark .wo-cal-hover-person-row strong{
  color: #ffffff;
}

body.theme-dark .wo-cal-hover-person-row span:last-child,
body.theme-dark .wo-cal-hover-detail-row{
  color: #b3bac7;
}

body.theme-dark .wo-cal-hover-avatar--ghost{
  background: #252a33;
  color: #d4d4d8;
}

body.theme-dark .wo-cal-hover-detail-row--note{
  border-top-color: #2f3540;
}

body.theme-dark .wo-cal-hover-action-btn{
  background: #18181b;
  border-color: #2f3540;
  color: #f4f4f5;
}

body.theme-dark .lab-work-orders-page .wo-cal-period-nav-btn,
body.theme-dark .lab-work-orders-page .wo-cal-view-menu-btn,
body.theme-dark .lab-work-orders-page .wo-cal-today-btn,
body.theme-dark .lab-work-orders-page .wo-cal-panel-toggle{
  background: #18181b;
  border-color: #2f3540;
  color: #d4d4d4;
}

body.theme-dark .lab-work-orders-page .wo-cal-panel-toggle{
  background: var(--rw-surface, #18181b);
  border-color: var(--rw-border-soft, #353535);
  color: var(--rw-text-muted, #aaaaaa);
  box-shadow: none;
}

body.theme-dark .lab-work-orders-page .wo-cal-panel-toggle:hover{
  background: var(--brand-primary-soft);
  border-color: rgba(37, 99, 235, 0.55);
  color: var(--brand-primary-muted);
  box-shadow: 0 0 0 1px rgba(37, 99, 235, 0.2);
}

body.theme-dark .lab-work-orders-page .wo-cal-period-nav-btn:hover,
body.theme-dark .lab-work-orders-page .wo-cal-view-menu-btn:hover,
body.theme-dark .lab-work-orders-page .wo-cal-view-menu-btn--open,
body.theme-dark .lab-work-orders-page .wo-cal-today-btn:hover{
  background: var(--brand-primary-soft);
  border-color: rgba(37, 99, 235, 0.55);
  color: var(--brand-primary-muted);
  box-shadow: 0 0 0 1px rgba(37, 99, 235, 0.2);
}

body.theme-dark .wo-cal-view-menu-popover,
body.theme-dark .lab-work-orders-page .wo-cal-view-menu-popover{
  background: var(--rw-surface, #18181b);
  border-color: var(--rw-border, #2f3540);
  box-shadow: var(--rw-shadow, 0 10px 24px rgba(0, 0, 0, 0.45));
  color: var(--rw-text, #d4d4d8);
}

body.theme-dark .wo-cal-view-menu-item,
body.theme-dark .lab-work-orders-page .wo-cal-view-menu-item{
  background: transparent;
  color: var(--rw-text, #d4d4d8);
}

body.theme-dark .wo-cal-view-menu-item:hover,
body.theme-dark .wo-cal-view-menu-item--active,
body.theme-dark .lab-work-orders-page .wo-cal-view-menu-item:hover,
body.theme-dark .lab-work-orders-page .wo-cal-view-menu-item--active{
  background: var(--rw-surface-hover, #252a33);
  color: var(--rw-text-strong, #f4f4f5);
}

body.theme-dark .lab-work-orders-page .wo-month-board--ref .wo-month-head-cell,
body.theme-dark .lab-work-orders-page .wo-month-board--ref .wo-month-day-cell{
  background: #18181b;
  border-color: #2f3540;
  color: #a1a1aa;
}

body.theme-dark .wo-month-grid--head{
  border-bottom: 1px solid #2f3540;
}

body.theme-dark .wo-month-day-cell,
body.theme-dark .lab-work-orders-page .wo-month-board--ref .wo-month-day-cell{
  border-bottom: 1px solid #2f3540;
  border-right: 1px solid #2f3540;
}

body.theme-dark .wo-month-grid > .wo-month-day-cell:nth-child(7n+1),
body.theme-dark .wo-month-grid > .wo-month-day-cell--empty:nth-child(7n+1){
  border-left: 1px solid #2f3540;
}

body.theme-dark .wo-month-grid:first-of-type .wo-month-day-cell,
body.theme-dark .wo-month-grid:first-of-type .wo-month-day-cell--empty,
body.theme-dark .wo-month-board .wo-month-grid:first-of-type .wo-month-day-cell,
body.theme-dark .wo-month-board .wo-month-grid:first-of-type .wo-month-day-cell--empty{
  border-top: 1px solid #2f3540;
}

body.theme-dark .lab-work-orders-page .wo-month-board--ref .wo-month-grid > .wo-month-day-cell:nth-child(7n){
  border-right: none;
}

body.theme-dark .wo-month-day-number,
body.theme-dark button.wo-month-day-number{
  background: transparent;
  background-image: none;
  border: 0;
  box-shadow: none;
}

body.theme-dark .lab-work-orders-page .wo-time-axis{
  border-right-color: #2f3540;
}

body.theme-dark .lab-work-orders-page .wo-time-axis-row{
  border-bottom-color: #2f3540;
}

body.theme-dark .lab-work-orders-page .wo-time-col{
  background:
    repeating-linear-gradient(
      to bottom,
      transparent 0,
      transparent 39.8px,
      #2f3540 39.8px,
      #2f3540 40.8px
    );
}

body.theme-dark .lab-work-orders-page .wo-month-board--ref .wo-month-head-cell--today{
  color: #74b7de;
  box-shadow: inset 0 -2px 0 #74b7de;
}

body.theme-dark .lab-work-orders-page .wo-week-head-day{
  color: #e4e4e7;
}

body.theme-dark .lab-work-orders-page .wo-week-head-count{
  color: #a1a1aa;
}

body.theme-dark .lab-work-orders-page .wo-month-board--ref .wo-month-day-cell--outside{
  background-color: #141417;
}

body.theme-dark .lab-work-orders-page .wo-month-board--ref .wo-month-day-cell--today{
  background-color: var(--brand-ring);
}

body.theme-dark .lab-work-orders-page .wo-month-board--ref .wo-month-day-cell--today .wo-month-day-number{
  color: #74b7de;
}

body.theme-dark .lab-work-orders-page .wo-month-board--ref .wo-month-item{
  color: #d4d4d4;
}

body.theme-dark .lab-work-orders-page .wo-month-board--ref .wo-month-item--sky,
body.theme-dark .lab-work-orders-page .wo-month-board--ref .wo-month-item--sky .wo-month-item-label{
  color: #9ec9f0 !important;
}

body.theme-dark .lab-work-orders-page .wo-month-board--ref .wo-month-item--teal,
body.theme-dark .lab-work-orders-page .wo-month-board--ref .wo-month-item--teal .wo-month-item-label{
  color: #93e1d4 !important;
}

.lab-work-orders-page .wo-event--sky span,
.lab-work-orders-page .wo-event--teal span{
  opacity: 1;
  color: inherit;
}

/* ============================================================================
   IS EMIRLERI ISTATISTIK KUTULARI — gorsel referans: gruplu beyaz kutu
   (ikon+etiket ust, buyuk sayi alt, dikey ayrac)
   ============================================================================ */

.lab-work-orders-page .lab-work-orders-stats{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  background: #ffffff;
  border: 1px solid #eef2f6;
  border-radius: 16px;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04);
  overflow: hidden;
  padding: 0;
  width: 100%;
}

.lab-work-orders-page .lab-work-orders-stats .lab-patient-stat-card{
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  padding: 16px 20px !important;
  min-height: 0;
  display: flex !important;
  flex-direction: column;
  gap: 8px;
}

.lab-work-orders-page .lab-work-orders-stats .lab-patient-stat-card::before,
.lab-work-orders-page .lab-work-orders-stats .lab-patient-stat-card::after{
  display: none !important;
}

.lab-work-orders-page .lab-work-orders-stats .lab-patient-stat-card + .lab-patient-stat-card{
  border-left: 1px solid #eef2f6 !important;
}

.lab-work-orders-page .lab-work-orders-stats .lab-patient-stat-card-head{
  display: flex;
  align-items: center;
  gap: 8px;
}

.lab-work-orders-page .lab-work-orders-stats .lab-patient-stat-card-icon{
  width: 28px !important;
  height: 28px !important;
  font-size: 14px !important;
  border-radius: 8px !important;
  flex-shrink: 0;
  background: var(--stat-tone-bg, #f1f5f9) !important;
  color: var(--stat-tone-fg, #64748b) !important;
  border: none !important;
  box-shadow: none !important;
}

.lab-work-orders-page .lab-work-orders-stats .lab-patient-stat-card-label{
  font-size: 13px;
  font-weight: 500;
  color: var(--stat-tone-fg, #64748b);
}

.lab-work-orders-page .lab-work-orders-stats .lab-patient-stat-card-value{
  font-size: 26px;
  font-weight: 800;
  color: #0f172a;
  line-height: 1.1;
  margin: 0;
}

@media (max-width: 900px) {
  .lab-work-orders-page .lab-work-orders-stats{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .lab-work-orders-page .lab-work-orders-stats .lab-patient-stat-card:nth-child(3){
    border-left: none !important;
  }
}

/* --- Dark mode --- */

body.theme-dark .lab-work-orders-page .lab-work-orders-stats{
  background: #18181b;
  border-color: #2a2a2a;
}

body.theme-dark .lab-work-orders-page .lab-work-orders-stats .lab-patient-stat-card + .lab-patient-stat-card{
  border-left-color: #2a2a2a !important;
}

body.theme-dark .lab-work-orders-page .lab-work-orders-stats .lab-patient-stat-card-value{
  color: #ffffff;
}

/* ==========================================================================
   Yeni Hasta paneli — referans gorsele gore (Create Task modal)
   ========================================================================== */

.pfm-overlay{
  background: rgba(15, 23, 42, 0.38);
  backdrop-filter: blur(3px);
}

.pfm-modal{
  position: relative;
  width: min(520px, calc(100vw - 40px));
  max-height: calc(100vh - 48px);
  background: #ffffff;
  border: none;
  border-radius: 12px;
  box-shadow:
    0 25px 50px -12px rgba(15, 23, 42, 0.2),
    0 12px 28px rgba(15, 23, 42, 0.1);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.pfm-modal:has(.pfm-help-tip:hover),
.pfm-modal:has(.pfm-help-tip:focus-within){
  overflow: visible;
}

.pfm-modal.pfm-modal--wide{
  width: min(720px, calc(100vw - 40px));
}

.pfm-modal.pfm-modal--prosthesis{
  width: min(720px, calc(100vw - 40px));
}

.pfm-section-title{
  margin: 4px 0 0;
  font-size: 14px;
  font-weight: 600;
  color: #374151;
  line-height: 1.3;
}

.pfm-section-title--spaced{
  margin-top: 10px;
  padding-top: 4px;
}

.pfm-body--prosthesis{
  gap: 14px;
}

.pfm-bulk-import{
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 2px;
}

.pfm-bulk-import-file-card{
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.pfm-bulk-import-file-icon{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: #f0f9ff;
  color: var(--brand-primary);
  font-size: 15px;
}

.pfm-bulk-import-file-meta{
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.pfm-bulk-import-file-label{
  margin: 0;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #9ca3af;
}

.pfm-bulk-import-file-name-text{
  margin: 0;
  font-size: 13px;
  font-weight: 600;
  color: #111827;
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pfm-bulk-import-file-stat{
  margin: 1px 0 0;
  font-size: 11px;
  color: #047857;
  font-weight: 500;
}

.pfm-bulk-import-file-remove{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 26px;
  height: 26px;
  padding: 0;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  background: #ffffff;
  color: #9ca3af;
  font-size: 11px;
  cursor: pointer;
  transition: border-color 0.15s ease, background-color 0.15s ease, color 0.15s ease;
}

.pfm-bulk-import-file-remove:hover:not(:disabled){
  border-color: #fecaca;
  background: #fef2f2;
  color: #b91c1c;
}

.pfm-bulk-import-file-remove:disabled{
  opacity: 0.55;
  cursor: not-allowed;
}

.pfm-bulk-import-block{
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 8px 10px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #f9fafb;
}

.pfm-bulk-import-block--error{
  background: #fef2f2;
  border-color: #fecaca;
}

.pfm-bulk-import-block-head{
  display: flex;
  align-items: center;
  gap: 6px;
  color: #374151;
}

.pfm-bulk-import-block--error .pfm-bulk-import-block-head{
  color: #b91c1c;
}

.pfm-bulk-import-block-head i{
  font-size: 12px;
  flex-shrink: 0;
}

.pfm-bulk-import-block-title{
  margin: 0;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.25;
}

.pfm-bulk-import-block-body{
  margin: 4px 0 0;
  font-size: 12px;
  line-height: 1.4;
  color: #991b1b;
}

.pfm-bulk-import-summary{
  margin: 0;
  font-size: 12px;
  line-height: 1.45;
  color: #6b7280;
}

.pfm-bulk-import-result-copy{
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}

.pfm-bulk-import-result-copy > p{
  margin: 0;
}

.pfm-bulk-import-alert{
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 10px;
  border: 1px solid transparent;
}

.pfm-bulk-import-alert i{
  font-size: 16px;
  margin-top: 1px;
  flex-shrink: 0;
}

.pfm-bulk-import-alert p{
  margin: 0;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.45;
}

.pfm-bulk-import-alert--error{
  background: #fef2f2;
  border-color: #fecaca;
  color: #b91c1c;
}

.pfm-bulk-import-alert--result{
  background: #ecfdf5;
  border-color: #a7f3d0;
  color: #047857;
}

.pfm-bulk-import-alert--partial{
  background: #fffbeb;
  border-color: #fde68a;
  color: #b45309;
}

.pfm-help-tip{
  position: relative;
  display: inline-flex;
  align-items: center;
}

.pfm-help-tip-trigger{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  padding: 0;
  border: none;
  border-radius: 999px;
  background: transparent;
  color: #9ca3af;
  font-size: 15px;
  line-height: 1;
  cursor: help;
}

.pfm-help-tip-trigger:hover,
.pfm-help-tip-trigger:focus-visible{
  color: var(--brand-primary);
  outline: none;
}

.pfm-help-tip-content{
  position: absolute;
  top: calc(100% + 8px);
  left: 50%;
  z-index: 30;
  width: min(320px, calc(100vw - 48px));
  padding: 10px 12px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.12);
  color: #4b5563;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.45;
  text-align: left;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transform: translateX(-50%) translateY(-4px);
  transition: opacity 0.15s ease, transform 0.15s ease, visibility 0.15s ease;
}

.pfm-help-tip-content strong{
  color: #374151;
  font-weight: 600;
}

.pfm-help-tip:hover .pfm-help-tip-content,
.pfm-help-tip:focus-within .pfm-help-tip-content{
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
}

.pfm-help-tip-popover{
  position: fixed;
  z-index: 20100;
  padding: 12px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 12px 32px rgba(15, 23, 42, 0.18);
  color: #4b5563;
  pointer-events: auto;
}

.pfm-help-tip-popover--compact-preview{
  padding: 10px;
}

.pfm-help-tip-popover--compact-preview .pfm-help-tip-preview-title{
  margin-bottom: 6px;
  font-size: 11px;
}

.pfm-help-tip-popover--compact-preview .lab-prosthesis-color-preview{
  gap: 6px;
}

.pfm-help-tip-popover--compact-preview .lab-prosthesis-color-preview-grid{
  gap: 8px;
}

.pfm-help-tip-popover--compact-preview .lab-prosthesis-color-preview-pane{
  gap: 4px;
}

.pfm-help-tip-popover--compact-preview .lab-prosthesis-color-preview-label{
  font-size: 10px;
}

.pfm-help-tip-popover--compact-preview .lab-prosthesis-color-preview-odonto{
  padding: 4px 6px;
  border-radius: 8px;
}

.pfm-help-tip-popover--compact-preview .lab-prosthesis-color-preview-odonto .Odontogram svg{
  max-height: 64px;
}

.pfm-bulk-import-preview-scroll{
  max-height: 180px;
  overflow: auto;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #ffffff;
}

.pfm-bulk-import-preview{
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
}

.pfm-bulk-import-preview th,
.pfm-bulk-import-preview td{
  padding: 8px 10px;
  border-bottom: 1px solid #f3f4f6;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
}

.pfm-bulk-import-preview th{
  position: sticky;
  top: 0;
  background: #f9fafb;
  color: #6b7280;
  font-weight: 600;
}

.pfm-bulk-import-preview-more{
  margin: 0;
  font-size: 12px;
  color: #6b7280;
}

.pfm-bulk-import-footer{
  display: flex;
  justify-content: flex-end;
  padding-top: 8px;
  margin-top: 2px;
  border-top: 1px solid #f3f4f6;
}

.pfm-bulk-import-submit{
  min-height: 38px;
  padding: 0 16px;
  border: none;
  border-radius: 8px;
  background: var(--brand-primary);
  color: #ffffff;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  box-shadow: 0 1px 2px rgba(37, 99, 235, 0.2);
}

.pfm-bulk-import-submit:hover:not(:disabled){
  background: #2484b3;
}

.pfm-bulk-import-submit:disabled{
  opacity: 0.65;
  cursor: not-allowed;
}

.pfm-prosthesis-color-card{
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  background: #f9fafb;
  padding: 16px;
}

.pfm-prosthesis-color-card-head{
  margin-bottom: 10px;
}

.pfm-prosthesis-color-card-label-row{
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.pfm-prosthesis-color-card-head .pfm-prosthesis-color-card-label{
  font-size: 13px;
  font-weight: 500;
  color: #374151;
  line-height: 1.3;
}

.pfm-prosthesis-color-card-layout{
  display: block;
}

.pfm-prosthesis-color-card-picker{
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 0;
}

.pfm-prosthesis-color-presets-label{
  font-size: 12px;
  font-weight: 600;
  color: #6b7280;
  letter-spacing: 0.01em;
}

.pfm-help-tip-preview-title{
  display: block;
  margin-bottom: 8px;
  font-size: 12px;
  font-weight: 600;
  color: #374151;
}

.pfm-modal .lab-prosthesis-color-controls{
  gap: 8px;
}

.pfm-modal .lab-prosthesis-color-input{
  width: 35px;
  height: 35px;
  min-width: 35px;
  min-height: 35px;
  flex-shrink: 0;
  padding: 2px;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  background: #ffffff;
  box-sizing: border-box;
}

.pfm-modal .lab-prosthesis-color-hex{
  flex: 1;
  min-width: 0;
  height: 35px;
  min-height: 35px;
  padding: 0 12px;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  background: #ffffff;
  font-family: inherit;
  font-size: 14px;
  color: #111827;
  box-sizing: border-box;
}

.pfm-modal .lab-prosthesis-color-hex:hover{
  border-color: #d1d5db;
}

.pfm-modal .lab-prosthesis-color-hex:focus{
  outline: none;
  border-color: var(--brand-primary);
  box-shadow: 0 0 0 3px var(--brand-ring);
}

.pfm-modal .lab-prosthesis-color-presets{
  gap: 6px;
}

.pfm-modal .lab-prosthesis-color-preset{
  width: 26px;
  height: 26px;
}

.pfm-modal .lab-prosthesis-color-preview{
  gap: 10px;
}

.pfm-modal .lab-prosthesis-color-preview-heading{
  font-size: 12px;
  font-weight: 600;
  color: #6b7280;
}

.pfm-modal .lab-prosthesis-color-preview-grid{
  gap: 10px;
}

.pfm-modal .lab-prosthesis-color-preview-label{
  font-size: 11px;
}

.pfm-modal .lab-role-permissions-section-head{
  margin-top: 4px;
}

.pfm-dots{
  position: absolute;
  top: 0;
  left: 0;
  width: 180px;
  height: 110px;
  background-image: radial-gradient(circle, var(--brand-primary-soft) 1.2px, transparent 1.4px);
  background-size: 12px 12px;
  -webkit-mask-image: linear-gradient(135deg, #000 0%, transparent 62%);
  mask-image: linear-gradient(135deg, #000 0%, transparent 62%);
  pointer-events: none;
}

.pfm-head{
  position: relative;
  z-index: 3;
  padding: 32px 32px 18px;
  text-align: center;
}

.pfm-head--with-actions{
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 10px;
  padding: 32px 32px 18px;
  text-align: center;
}

.pfm-head-main{
  width: 100%;
  text-align: center;
}

.pfm-head--with-actions .pfm-head-main{
  order: 2;
  min-width: 0;
}

.pfm-head-actions{
  position: absolute;
  top: 32px;
  right: 32px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  z-index: 2;
}

.pfm-head--with-actions .pfm-head-actions{
  position: static;
  top: auto;
  right: auto;
  order: 1;
  align-self: flex-end;
  max-width: 100%;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.pfm-head-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  height: 28px;
  padding: 0 9px;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  background: #ffffff;
  color: #4b5563;
  font-size: 11px;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  transition: border-color 0.15s ease, background-color 0.15s ease, color 0.15s ease;
}

.pfm-head-btn i{
  font-size: 11px;
}

.pfm-head-btn:hover{
  border-color: var(--brand-primary);
  background: #f0f9ff;
  color: #1f6f96;
}

.pfm-head-btn--file{
  margin: 0;
}

.pfm-head-btn--file input{
  display: none;
}

.pfm-help-tip--head .pfm-help-tip-trigger{
  width: 20px;
  height: 20px;
  font-size: 14px;
}

.pfm-help-tip-content--head{
  top: calc(100% + 6px);
  right: 0;
  left: auto;
  transform: translateY(-4px);
}

.pfm-help-tip--head:hover .pfm-help-tip-content--head,
.pfm-help-tip--head:focus-within .pfm-help-tip-content--head{
  transform: translateY(0);
}

.pfm-title{
  margin: 0;
  font-size: 22px;
  font-weight: 700;
  color: #111827;
  letter-spacing: -0.02em;
  line-height: 1.25;
}

.pfm-subtitle{
  margin: 6px 0 0;
  font-size: 13px;
  font-weight: 400;
  color: #6b7280;
  line-height: 1.45;
}

.pfm-head-rate{
  margin: 8px 0 0;
  font-size: 13px;
  font-weight: 600;
  color: #334155;
  line-height: 1.4;
}

.pfm-form{
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
  flex: 1;
}

.pfm-error{
  margin: 0 32px 6px;
  padding: 10px 14px;
  border-radius: 8px;
  background: #fef2f2;
  border: 1px solid #fecaca;
  color: #b91c1c;
  font-size: 13px;
  font-weight: 500;
}

.pfm-body{
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding: 4px 32px 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.pfm-grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.pfm-grid--3{
  grid-template-columns: 1fr 1fr 1fr;
}

.pfm-field{
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}

.pfm-field > label{
  font-size: 13px;
  font-weight: 500;
  color: #374151;
  line-height: 1.3;
}

.pfm-field > input,
.pfm-field > select{
  width: 100%;
  box-sizing: border-box;
  height: 35px;
  min-height: 35px;
  padding: 0 12px;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  background: #ffffff;
  font-family: inherit;
  font-size: 14px;
  font-weight: 400;
  color: #111827;
  line-height: 1.4;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.pfm-field > textarea{
  width: 100%;
  box-sizing: border-box;
  height: auto;
  min-height: 104px;
  padding: 10px 12px;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  background: #ffffff;
  font-family: inherit;
  font-size: 14px;
  font-weight: 400;
  color: #111827;
  line-height: 1.5;
  resize: vertical;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.pfm-field > select{
  -webkit-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  padding-right: 36px;
  cursor: pointer;
}

.pfm-field > input[type='date']{
  padding-right: 10px;
}

.pfm-field > input::placeholder,
.pfm-field > textarea::placeholder{
  color: #9ca3af;
}

.pfm-field > input:hover,
.pfm-field > select:hover,
.pfm-field > textarea:hover{
  border-color: #d1d5db;
}

.pfm-field > input:focus,
.pfm-field > select:focus,
.pfm-field > textarea:focus{
  outline: none;
  border-color: var(--brand-primary);
  box-shadow: 0 0 0 3px var(--brand-ring);
}

.pfm-field > input:read-only{
  cursor: default;
}

.pfm-field .wo-option-select{
  width: 100%;
}

.pfm-field .wo-option-select-input{
  border-color: #e0e0e0;
  border-radius: 8px;
  background: #ffffff;
  font-size: 14px;
  color: #111827;
}

.pfm-field .wo-option-select-input:hover:not(:disabled){
  border-color: #d1d5db;
}

.pfm-field .wo-option-select--searchable.wo-option-select--open .wo-option-select-input{
  outline: none;
  border-color: var(--brand-primary);
  box-shadow: 0 0 0 3px var(--brand-ring);
  background: #ffffff;
}

.pfm-field:has(.wo-option-select--open){
  position: relative;
  z-index: 20;
}

.pfm-field-note{
  margin: 0;
  font-size: 0.75rem;
  line-height: 1.4;
  color: #6b7280;
}

.pfm-field-note strong{
  font-weight: 600;
  color: #374151;
}

.pfm-actions{
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 18px 32px 28px;
}

.pfm-cancel{
  height: 35px;
  min-height: 35px;
  padding: 0 18px;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  background: #ffffff;
  color: #374151;
  font-family: inherit;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease;
}

.pfm-cancel:hover:not(:disabled){
  background: #f9fafb;
  border-color: #d1d5db;
}

.pfm-submit{
  height: 35px;
  min-height: 35px;
  padding: 0 20px;
  border: none;
  border-radius: 8px;
  background: var(--brand-primary);
  color: #ffffff;
  font-family: inherit;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  box-shadow: none;
  transition: background 0.15s ease, opacity 0.15s ease;
}

.pfm-submit:hover:not(:disabled){
  background: #2789b8;
  box-shadow: none;
  transform: none;
}

.pfm-submit:active:not(:disabled){
  background: var(--brand-primary-deep);
  transform: none;
}

.pfm-cancel:disabled,
.pfm-submit:disabled{
  opacity: 0.55;
  cursor: not-allowed;
}

@media (max-width: 560px) {
  .pfm-grid,
.pfm-grid--3{
    grid-template-columns: 1fr;
  }

  

  .pfm-head{
    padding: 24px 20px 14px;
  }

  .pfm-head--with-actions{
    gap: 8px;
    padding: 24px 20px 14px;
  }

  .pfm-head--with-actions .pfm-head-actions{
    align-self: stretch;
    justify-content: flex-end;
  }

  .pfm-body{
    padding: 4px 20px 20px;
  }

  .pfm-error{
    margin-left: 20px;
    margin-right: 20px;
  }

  .pfm-actions{
    padding: 16px 20px 22px;
  }
}

body.theme-dark .pfm-overlay{
  background: rgba(0, 0, 0, 0.72);
  backdrop-filter: blur(6px);
}

body.theme-dark .pfm-modal{
  background: var(--rw-surface);
  border: 1px solid var(--rw-border);
  box-shadow: var(--rw-shadow);
  color: var(--rw-text);
}

body.theme-dark .pfm-dots{
  display: none;
}

body.theme-dark .pfm-title{
  color: var(--rw-text-strong);
}

body.theme-dark .pfm-subtitle{
  color: var(--rw-text-muted);
}

body.theme-dark .pfm-head-rate{
  color: var(--rw-text-strong);
}

body.theme-dark .pfm-section-title{
  color: var(--rw-text-secondary);
}

body.theme-dark .pfm-bulk-import-file-card{
  background: var(--rw-bg);
  border-color: var(--rw-border);
  box-shadow: none;
}

body.theme-dark .pfm-bulk-import-file-icon{
  background: var(--brand-primary-soft);
  color: var(--rw-primary, var(--brand-primary));
}

body.theme-dark .pfm-bulk-import-file-label{
  color: var(--rw-text-muted);
}

body.theme-dark .pfm-bulk-import-file-name-text{
  color: var(--rw-text-strong);
}

body.theme-dark .pfm-bulk-import-file-stat{
  color: var(--rw-success-text, #6ee7b7);
}

body.theme-dark .pfm-bulk-import-file-remove{
  background: var(--rw-bg-sidebar);
  border-color: var(--rw-border);
  color: var(--rw-text-muted);
}

body.theme-dark .pfm-bulk-import-file-remove:hover:not(:disabled){
  background: rgba(248, 113, 113, 0.12);
  border-color: rgba(248, 113, 113, 0.35);
  color: #fca5a5;
}

body.theme-dark .pfm-bulk-import-block{
  background: var(--rw-bg-sidebar);
  border-color: var(--rw-border);
}

body.theme-dark .pfm-bulk-import-block--error{
  background: rgba(248, 113, 113, 0.1);
  border-color: rgba(248, 113, 113, 0.28);
}

body.theme-dark .pfm-bulk-import-block-head{
  color: var(--rw-text-secondary);
}

body.theme-dark .pfm-bulk-import-block--error .pfm-bulk-import-block-head,
body.theme-dark .pfm-bulk-import-block--error .pfm-bulk-import-block-body{
  color: #fca5a5;
}

body.theme-dark .pfm-bulk-import-alert--error{
  background: rgba(248, 113, 113, 0.1);
  border-color: rgba(248, 113, 113, 0.28);
  color: #fca5a5;
}

body.theme-dark .pfm-bulk-import-alert--result{
  background: rgba(52, 211, 153, 0.12);
  border-color: rgba(52, 211, 153, 0.28);
  color: #6ee7b7;
}

body.theme-dark .pfm-bulk-import-alert--partial{
  background: rgba(251, 191, 36, 0.12);
  border-color: rgba(251, 191, 36, 0.28);
  color: #fde68a;
}

body.theme-dark .pfm-bulk-import-summary,
body.theme-dark .pfm-bulk-import-preview-more{
  color: var(--rw-text-muted);
}

body.theme-dark .pfm-help-tip-trigger{
  color: var(--rw-text-muted);
}

body.theme-dark .pfm-help-tip-trigger:hover,
body.theme-dark .pfm-help-tip-trigger:focus-visible{
  color: var(--rw-primary, var(--brand-primary));
}

body.theme-dark .pfm-help-tip-content{
  background: var(--rw-bg);
  border-color: var(--rw-border);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
  color: var(--rw-text-secondary);
}

body.theme-dark .pfm-help-tip-popover{
  background: var(--rw-bg);
  border-color: var(--rw-border);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.45);
  color: var(--rw-text-secondary);
}

body.theme-dark .pfm-help-tip-content strong{
  color: var(--rw-text);
}

body.theme-dark .pfm-bulk-import-footer{
  border-top-color: var(--rw-border);
}

body.theme-dark .pfm-head-btn{
  background: var(--rw-bg);
  border-color: var(--rw-border);
  color: var(--rw-text-secondary);
}

body.theme-dark .pfm-head-btn:hover{
  background: var(--rw-surface-hover);
  border-color: var(--rw-border-strong);
  color: var(--rw-text);
}

body.theme-dark .pfm-bulk-import-block-title{
  color: var(--rw-text-secondary);
}

body.theme-dark .pfm-bulk-import-preview-scroll{
  background: var(--rw-bg);
  border-color: var(--rw-border);
}

body.theme-dark .pfm-bulk-import-preview th{
  background: var(--rw-bg-sidebar);
  color: var(--rw-text-muted);
}

body.theme-dark .pfm-bulk-import-preview td{
  border-bottom-color: var(--rw-border);
  color: var(--rw-text-secondary);
}

body.theme-dark .pfm-prosthesis-color-card{
  background: var(--rw-bg-sidebar);
  border-color: var(--rw-border);
}

body.theme-dark .pfm-prosthesis-color-card-label,
body.theme-dark .pfm-prosthesis-color-presets-label,
body.theme-dark .pfm-help-tip-preview-title{
  color: var(--rw-text-muted);
}

body.theme-dark .pfm-modal .lab-prosthesis-color-input,
body.theme-dark .pfm-modal .lab-prosthesis-color-hex{
  background: var(--rw-bg-sidebar);
  border-color: var(--rw-border);
  color: var(--rw-text);
}

body.theme-dark .pfm-modal .lab-prosthesis-color-hex:hover{
  background: var(--rw-surface-hover);
  border-color: var(--rw-border-strong);
}

body.theme-dark .pfm-modal .lab-prosthesis-color-hex:focus{
  border-color: var(--rw-accent);
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.2);
}

body.theme-dark .pfm-modal .lab-prosthesis-color-preview-heading{
  color: var(--rw-text-muted);
}

body.theme-dark .pfm-error{
  background: var(--rw-warning-bg);
  border-color: rgba(255, 107, 107, 0.35);
  color: var(--rw-warning-text);
}

body.theme-dark .pfm-field > label{
  color: var(--rw-text-muted);
}

body.theme-dark .pfm-field > input,
body.theme-dark .pfm-field > select,
body.theme-dark .pfm-field > textarea{
  background: var(--rw-bg-sidebar);
  border-color: var(--rw-border);
  color: var(--rw-text);
  color-scheme: dark;
}

body.theme-dark .pfm-field > input::placeholder,
body.theme-dark .pfm-field > textarea::placeholder{
  color: var(--rw-text-muted);
  opacity: 0.85;
}

body.theme-dark .pfm-field > input:hover,
body.theme-dark .pfm-field > select:hover,
body.theme-dark .pfm-field > textarea:hover{
  background: var(--rw-surface-hover);
  border-color: var(--rw-border-soft);
}

body.theme-dark .pfm-field > input:focus,
body.theme-dark .pfm-field > select:focus,
body.theme-dark .pfm-field > textarea:focus{
  outline: none;
  background: var(--rw-surface-elevated);
  border-color: var(--brand-primary);
  box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.2);
}

/* Tarayici otomatik doldurmasinin acik tema rengini koyu modal alanlarina tasimasini engelle. */

body.theme-dark .pfm-field > input:-webkit-autofill,
body.theme-dark .pfm-field > input:-webkit-autofill:hover,
body.theme-dark .pfm-field > input:-webkit-autofill:active{
  -webkit-text-fill-color: var(--rw-text-strong, #f1f5f9) !important;
  caret-color: var(--rw-text-strong, #f1f5f9);
  -webkit-box-shadow: 0 0 0 1000px var(--rw-bg-sidebar, #18181b) inset !important;
  box-shadow: 0 0 0 1000px var(--rw-bg-sidebar, #18181b) inset !important;
  border-color: var(--rw-border, #2d2d2d) !important;
  transition: background-color 9999s ease-in-out 0s;
}

body.theme-dark .pfm-field > input:-webkit-autofill:focus{
  -webkit-text-fill-color: var(--rw-text-strong, #f1f5f9) !important;
  caret-color: var(--rw-text-strong, #f1f5f9);
  -webkit-box-shadow:
    0 0 0 1000px var(--rw-surface-elevated, #202124) inset,
    0 0 0 2px rgba(37, 99, 235, 0.2) !important;
  box-shadow:
    0 0 0 1000px var(--rw-surface-elevated, #202124) inset,
    0 0 0 2px rgba(37, 99, 235, 0.2) !important;
  border-color: var(--brand-primary) !important;
}

body.theme-dark .pfm-field > input:autofill{
  background: var(--rw-bg-sidebar, #18181b) !important;
  color: var(--rw-text-strong, #f1f5f9) !important;
}

body.theme-dark .pfm-field > select option{
  background: var(--rw-surface);
  color: var(--rw-text);
}

body.theme-dark .pfm-actions{
  border-top: 1px solid var(--rw-border);
  background: var(--rw-bg-sidebar);
}

body.theme-dark .pfm-cancel{
  background: var(--rw-surface-elevated);
  border-color: var(--rw-border-soft);
  color: var(--rw-text);
}

body.theme-dark .pfm-cancel:hover:not(:disabled){
  background: var(--rw-surface-hover);
  border-color: var(--rw-border-soft);
  color: var(--rw-text-strong);
}

body.theme-dark .pfm-submit{
  color: #ffffff;
  background: var(--brand-primary);
  border: 0;
}

body.theme-dark .pfm-submit:hover:not(:disabled){
  background: linear-gradient(135deg, #3aa3d4, #2589b8);
}

body.theme-dark .pfm-submit:active:not(:disabled){
  background: linear-gradient(135deg, #2789b8, #1a6f94);
}

body.theme-dark .pfm-field > input:read-only,
body.theme-dark .pfm-field > select:disabled{
  color: var(--rw-text);
  opacity: 0.92;
}

body.theme-dark .pfm-field .wo-option-select-input{
  background: var(--rw-bg-sidebar);
  border-color: var(--rw-border);
  color: var(--rw-text);
}

body.theme-dark .pfm-field .wo-option-select-input:hover:not(:disabled){
  border-color: var(--rw-border-strong, var(--rw-border));
}

body.theme-dark .pfm-field .wo-option-select--searchable.wo-option-select--open .wo-option-select-input{
  border-color: var(--rw-accent, var(--brand-primary));
  box-shadow: 0 0 0 3px var(--brand-primary-soft);
  background: var(--rw-bg-sidebar);
}

body.theme-dark .pfm-field-note{
  color: var(--rw-text-muted);
}

body.theme-dark .pfm-field-note strong{
  color: var(--rw-text-strong);
}

body.theme-dark .lab-users-access-pfm-summary{
  background: transparent;
  border-color: transparent;
}

body.theme-dark .lab-users-access-pfm-matrix{
  background: var(--rw-bg-sidebar);
  border-color: var(--rw-border);
}

body.theme-dark .lab-users-access-pfm-matrix .lab-permissions-matrix-head{
  background: var(--rw-bg);
  border-bottom-color: var(--rw-border);
}

body.theme-dark .lab-users-access-pfm-matrix .lab-permissions-matrix-row + .lab-permissions-matrix-row{
  border-top-color: var(--rw-border);
}

body.theme-dark .lab-users-access-pfm-matrix .lab-permissions-matrix-module,
body.theme-dark .lab-users-access-pfm-matrix .lab-permissions-matrix-head-module{
  color: var(--rw-text-secondary);
}

body.theme-dark .pfm-cancel:disabled,
body.theme-dark .pfm-submit:disabled{
  opacity: 0.55;
}

/* ==========================================================================
   Yeni Is Emri paneli
   Genislik: odontogram (viewBox 900) + 2 kolon form alanlari
   Yukseklik: dis/prova icerigi + sabit footer; sekme degisince ziplamasin
   ========================================================================== */

.wo-panel.wo-panel--modal{
  position: relative;
  width: min(900px, calc(100vw - 40px));
  max-width: none;
  border: none;
  border-radius: 20px;
  padding: 0;
  box-shadow: 0 30px 80px rgba(10, 37, 64, 0.28);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  height: min(710px, calc(100vh - 56px));
}

.wo-panel--modal .pfm-dots{
  width: 200px;
  height: 120px;
}

/* Baslik — kompakt */

.wo-panel--modal .wo-panel-head{
  position: relative;
  z-index: 1;
  flex-shrink: 0;
  padding: 14px 28px 8px;
  text-align: center;
}

.wo-panel--modal .pfm-title{
  font-size: 19px;
}

.wo-panel--modal .pfm-subtitle{
  margin-top: 2px;
  font-size: 12px;
}

/* Kapatma butonu — kosede sabit */

.wo-panel--modal .wo-panel-close{
  position: absolute;
  top: 12px;
  right: 14px;
  z-index: 2;
}

.wo-panel--modal .wo-tabs{
  flex-shrink: 0;
  width: 100%;
  margin: 4px 0 0;
  padding: 0 20px;
}

.wo-panel--modal .wo-form{
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  padding: 10px 24px 12px;
  gap: 16px;
  overflow: hidden;
  font-family: var(--sans, 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif);
  --wo-label-size: 13px;
  --wo-label-weight: 500;
  --wo-field-height: 40px;
  --wo-field-size: 14px;
  --wo-field-weight: 400;
  --wo-field-line: 1.4;
  --wo-field-radius: 8px;
  --wo-field-pad-x: 12px;
  --wo-field-border: #dce3ec;
  --wo-field-bg: #fff;
  --wo-field-text: #334155;
  --wo-label-text: #475569;
  --wo-placeholder: #94a3b8;
  --wo-form-col-gap: 14px;
  --wo-form-row-gap: 14px;
  --wo-section-title-size: 16px;
}

.wo-panel--modal .wo-form .wo-patient-form-rows{
  display: flex;
  flex-direction: column;
  gap: var(--wo-form-row-gap);
}

/* Iki kolon: paneli esit paylasir, kutular hizali kalir */

.wo-panel--modal .wo-form .tech-form-grid,
.wo-panel--modal .wo-form .wo-patient-form-row,
.wo-panel--modal .wo-form .wo-case-date-grid,
.wo-panel--modal .wo-form .zd-trial-summary-top-card,
.wo-panel--modal .wo-form .wo-treatment-color-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--wo-form-row-gap) var(--wo-form-col-gap);
  justify-content: stretch;
  align-items: start;
  width: 100%;
}

.wo-panel--modal .wo-form .tech-field--full{
  grid-column: 1 / -1;
}

/* Protez Türü: onceki gibi satir genisligi (butonlarla birlikte) */

.wo-panel--modal .wo-form .wo-prosthesis-bridge-row{
  width: 100%;
  align-items: flex-end;
}

.wo-panel--modal .wo-form .wo-prosthesis-type-field{
  width: 100%;
  min-width: 0;
}

.wo-panel--modal .wo-form .wo-prosthesis-save-row{
  display: flex;
  flex-wrap: nowrap;
  gap: 8px;
  align-items: center;
  width: 100%;
  max-width: 100%;
}

.wo-panel--modal .wo-form .wo-prosthesis-save-row .wo-option-select,
.wo-panel--modal .wo-form .wo-prosthesis-save-row .wo-prosthesis-select{
  flex: 1 1 auto;
  width: auto;
  min-width: 0;
  max-width: none;
}

.wo-panel--modal .wo-form .wo-prosthesis-actions{
  flex: 0 0 auto;
  margin-left: 0;
}

.wo-panel--modal .wo-form .wo-prosthesis-utility-btn{
  height: var(--wo-field-height);
  box-sizing: border-box;
}

.wo-panel--modal .wo-form-actions{
  flex-shrink: 0;
  margin-top: auto;
  padding-top: 12px;
}

/* Bolum: kalan alani doldurur; uzun icerik (prova) kayar */

.wo-panel--modal .wo-section{
  height: auto;
  min-height: 0;
  flex: 1;
  gap: 16px;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  padding-right: 2px;
}

/* Odontogram: panel genisligine yayilir — bg yok, cerceve kalsin */

.wo-panel--modal .wo-teeth-section .wo-odontogram-wrap,
.wo-panel--modal .wo-teeth-section .clinic-treatment-odontogram{
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  padding: 10px 12px;
  background: transparent;
  border: 1px solid var(--wo-field-border, #dce3ec);
  border-radius: var(--wo-field-radius, 8px);
  box-shadow: none;
}

body.theme-dark .wo-panel--modal .wo-teeth-section .wo-odontogram-wrap,
body.theme-dark .wo-panel--modal .wo-teeth-section .clinic-treatment-odontogram{
  background: transparent;
  border: 1px solid var(--rw-border, #2a2a2a);
}

.wo-panel--modal .wo-teeth-section .wo-odontogram-wrap .Odontogram,
.wo-panel--modal .wo-teeth-section .wo-odontogram-wrap .Odontogram svg{
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
}

/* Tipografi + kutu olculeri — Inter, kompakt form olcegi */

.wo-panel--modal .wo-section-title{
  font-family: inherit;
  font-size: var(--wo-section-title-size, 17px);
  font-weight: 600;
  line-height: 1.35;
  padding-bottom: 8px;
  margin-bottom: 4px;
}

/* Provalar: wo-summary-group / kaydedilen protez paneli diline yakin */

.wo-panel--modal .wo-form .wo-trials-list{
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.wo-panel--modal .wo-form .wo-trials-empty{
  margin: 0;
  padding: 14px 12px;
  text-align: left;
  font-family: inherit;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.45;
  color: #7a93a4;
  background: #f8fbfd;
  border: 1px dashed #d6e3ec;
  border-radius: 10px;
}

.wo-panel--modal .wo-form .wo-trial-card.zd-trial-card,
.wo-panel--modal .wo-form .zd-trial-card{
  position: relative;
  padding: 0 !important;
  background: #f8fbfd !important;
  border: 1px solid #e0e8ed !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  overflow: hidden;
}

.wo-panel--modal .wo-form .zd-trial-card:has(.zd-trial-remove--open){
  overflow: visible;
  z-index: 8;
}

/* Prova 1: soft panel bg yok — form zeminiyle ayni */

.wo-panel--modal .wo-form .wo-trials-list > .zd-trial-card:first-child,
.wo-panel--modal .wo-form .wo-trials-list > .wo-trial-card:first-child{
  background: transparent !important;
}

.wo-panel--modal .wo-form .wo-trials-list > .zd-trial-card:first-child .zd-trial-body,
.wo-panel--modal .wo-form .wo-trials-list > .wo-trial-card:first-child .zd-trial-body,
.wo-panel--modal .wo-form .wo-trials-list > .zd-trial-card:first-child .zd-trial-audit,
.wo-panel--modal .wo-form .wo-trials-list > .wo-trial-card:first-child .zd-trial-audit{
  background: transparent;
}

.wo-panel--modal .wo-form .zd-trial-card::before{
  content: '';
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 0;
  width: 3px;
  border-radius: 0 3px 3px 0;
  background: var(--brand-primary, #2563eb);
  opacity: 0.85;
}

.wo-panel--modal .wo-form .zd-trial-card--clinic-readonly{
  background: #f8fbfd !important;
}

.wo-panel--modal .wo-form .zd-trial-card--clinic-readonly::before{
  background: var(--brand-primary, #2563eb);
}

.wo-panel--modal .wo-form .zd-trial-top,
.wo-panel--modal .wo-form .zd-trial-top--static{
  margin: 0;
  padding: 12px 14px 10px 16px;
  border-bottom: 1px solid #e8eef3;
  border-radius: 0;
  background: transparent;
}

.wo-panel--modal .wo-form .zd-trial-title-row{
  gap: 8px;
  min-width: 0;
}

.wo-panel--modal .wo-form .zd-trial-index-badge{
  width: 22px;
  height: 22px;
  border-radius: 7px;
  background: rgba(37, 99, 235, 0.1);
  color: var(--brand-primary, #2563eb);
  font-family: inherit;
  font-size: 11px;
  font-weight: 700;
}

.wo-panel--modal .wo-form .zd-trial-title{
  font-family: inherit;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.35;
  color: var(--brand-primary, #2563eb);
  letter-spacing: 0.01em;
}

.wo-panel--modal .wo-form .zd-trial-origin-badge{
  margin-left: 2px;
  padding: 2px 7px;
  border-radius: 5px;
  border: 1px solid rgba(37, 99, 235, 0.18);
  background: rgba(37, 99, 235, 0.08);
  color: var(--brand-primary-deep, #1d4ed8);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.wo-panel--modal .wo-form .zd-trial-remove{
  width: 28px;
  height: 28px;
  border: 1px solid #e6b5b5;
  border-radius: 6px;
  background: #ffffff;
  color: #b54848;
  transition:
    background-color 0.15s ease,
    border-color 0.15s ease;
}

.wo-panel--modal .wo-form .zd-trial-remove:hover{
  background: #fff4f4;
  border-color: #de9797;
  color: #b54848;
}

.wo-panel--modal .wo-form .zd-trial-body{
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 12px 14px 14px 16px;
  background: #ffffff;
}

.wo-panel--modal .wo-form .zd-trial-summary-top-card{
  gap: 12px 14px;
  margin: 0;
}

.wo-panel--modal .wo-form .zd-trial-summary-datetime,
.wo-panel--modal .wo-form .zd-trial-summary-type{
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}

.wo-panel--modal .wo-form .zd-trial-summary-datetime-label{
  font-family: inherit;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.35;
  color: #475569;
  text-transform: none;
  letter-spacing: 0;
}

.wo-panel--modal .wo-form .zd-trial-content-sections{
  gap: 12px;
  margin-top: 0;
  padding-top: 12px;
  border-top: 1px solid #eef2f5;
}

.wo-panel--modal .wo-form .zd-trial-content-section{
  gap: 6px;
}

.wo-panel--modal .wo-form .zd-trial-content-section-head{
  min-height: 0;
  padding: 0;
}

.wo-panel--modal .wo-form .zd-trial-content-section-title{
  font-family: inherit;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.35;
  color: #475569;
  gap: 8px;
}

.wo-panel--modal .wo-form .zd-trial-content-section-icon{
  width: 22px;
  height: 22px;
  border-radius: 6px;
  background: #eef6fb;
  color: var(--brand-primary, #2563eb);
  font-size: 12px;
}

.wo-panel--modal .wo-form .zd-trial-content-section-body{
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
}

.wo-panel--modal .wo-form .zd-trial-note-input{
  width: 100%;
  min-height: 72px;
  box-sizing: border-box;
  padding: 10px 12px;
  border: 1px solid #dce3ec;
  border-radius: 8px;
  background: #ffffff;
  font-family: inherit;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.45;
  color: #334155;
  resize: vertical;
}

.wo-panel--modal .wo-form .zd-trial-note-input:focus{
  outline: none;
  border-color: #67b8df;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15);
}

.wo-panel--modal .wo-form .zd-trial-note-input::placeholder{
  color: #94a3b8;
  font-weight: 400;
}

.wo-panel--modal .wo-form .wo-trial-readonly-dl{
  gap: 10px;
}

.wo-panel--modal .wo-form .wo-trial-readonly-dl dt{
  font-size: 13px;
  font-weight: 500;
  color: #475569;
}

.wo-panel--modal .wo-form .wo-trial-readonly-dl dd{
  font-size: 14px;
  font-weight: 400;
  color: #334155;
}

.wo-panel--modal .wo-form .zd-trial-audit{
  margin: 0;
  padding: 10px 14px 12px 16px;
  border-top: 1px solid #e8eef3;
  background: #f8fbfd;
  font-size: 12px;
}

.wo-panel--modal .wo-form .wo-add-trial-btn{
  min-height: 40px;
  padding: 0 14px;
  border: 1px dashed #c9dbe9;
  border-radius: 10px;
  background: transparent;
  color: var(--brand-primary, #2563eb);
  font-family: inherit;
  font-size: 14px;
  font-weight: 600;
  box-shadow: none;
}

.wo-panel--modal .wo-form .wo-add-trial-btn:hover{
  border-color: var(--brand-primary, #2563eb);
  background: #f0f8fc;
  color: var(--brand-primary, #2563eb);
}

.wo-panel--modal .wo-form .wo-trials-clinic-hint{
  margin: 0 0 2px;
  padding: 10px 12px;
  border: 1px solid #e0e8ed;
  border-radius: 10px;
  background: #f8fbfd;
  color: #4a6274;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.45;
}

body.theme-dark .wo-panel--modal .wo-form .wo-trial-card.zd-trial-card,
body.theme-dark .wo-panel--modal .wo-form .zd-trial-card{
  background: var(--rw-surface, #18181b) !important;
  border-color: var(--rw-border, #2d2d2d) !important;
}

body.theme-dark .wo-panel--modal .wo-form .zd-trial-card::before{
  background: var(--brand-primary, #3b82f6);
}

body.theme-dark .wo-panel--modal .wo-form .zd-trial-top,
body.theme-dark .wo-panel--modal .wo-form .zd-trial-top--static,
body.theme-dark .wo-panel--modal .wo-form .zd-trial-audit{
  background: transparent;
  border-color: var(--rw-border, #2d2d2d);
}

body.theme-dark .wo-panel--modal .wo-form .zd-trial-body{
  background: transparent;
}

body.theme-dark .wo-panel--modal .wo-form .zd-trial-content-sections{
  border-top-color: var(--rw-border, #2d2d2d);
}

body.theme-dark .wo-panel--modal .wo-form .zd-trial-title{
  color: var(--brand-primary-selected-text, #93c5fd) !important;
}

body.theme-dark .wo-panel--modal .wo-form .zd-trial-index-badge{
  background: rgba(59, 130, 246, 0.16) !important;
  color: var(--brand-primary-selected-text, #93c5fd) !important;
}

body.theme-dark .wo-panel--modal .wo-form .zd-trial-summary-datetime-label,
body.theme-dark .wo-panel--modal .wo-form .zd-trial-content-section-title,
body.theme-dark .wo-panel--modal .wo-form .wo-trial-readonly-dl dt{
  color: var(--rw-text-muted, #aaaaaa);
}

body.theme-dark .wo-panel--modal .wo-form .wo-trial-readonly-dl dd{
  color: var(--rw-text-strong, #f1f5f9);
}

body.theme-dark .wo-panel--modal .wo-form .zd-trial-content-section-icon{
  background: rgba(59, 130, 246, 0.14);
  color: var(--brand-primary-selected-text, #93c5fd);
}

body.theme-dark .wo-panel--modal .wo-form .zd-trial-note-input,
body.theme-dark .wo-panel--modal .wo-form .wo-trials-empty,
body.theme-dark .wo-panel--modal .wo-form .wo-trials-clinic-hint{
  background: var(--rw-surface, #18181b) !important;
  border-color: var(--rw-border, #2d2d2d) !important;
  color: var(--rw-text-strong, #f1f5f9);
}

body.theme-dark .wo-panel--modal .wo-form .wo-trials-empty,
body.theme-dark .wo-panel--modal .wo-form .wo-trials-clinic-hint{
  color: var(--rw-text-muted, #aaaaaa);
}

body.theme-dark .wo-panel--modal .wo-form .wo-add-trial-btn{
  border-color: var(--rw-border-soft, #3f3f46) !important;
  background: transparent !important;
  color: var(--brand-primary-selected-text, #93c5fd) !important;
}

body.theme-dark .wo-panel--modal .wo-form .wo-add-trial-btn:hover{
  border-color: rgba(59, 130, 246, 0.55) !important;
  background: rgba(59, 130, 246, 0.12) !important;
}

.wo-panel--modal .wo-form label.tech-field,
.wo-panel--modal .wo-form .tech-field:not(label){
  width: 100%;
  min-width: 0;
}

.wo-panel--modal .wo-form label.tech-field{
  gap: 6px;
}

.wo-panel--modal .wo-form .tech-field:not(label){
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.wo-panel--modal .wo-form .tech-field:not(label) > .wo-teeth-label,
.wo-panel--modal .wo-form .tech-field:not(label) > span:first-child{
  margin: 0;
  display: block;
}

.wo-panel--modal .wo-form label,
.wo-panel--modal .wo-form .tech-field,
.wo-panel--modal .wo-form .wo-teeth-label,
.wo-panel--modal .wo-form .wo-flag-note-label{
  font-family: inherit;
  font-size: var(--wo-label-size);
  font-weight: var(--wo-label-weight, 500);
  line-height: 1.35;
  color: var(--wo-label-text);
}

.wo-panel--modal .wo-form .wo-flag-option-label{
  font-family: inherit;
  font-size: var(--wo-label-size);
  font-weight: var(--wo-label-weight, 500);
  line-height: 18px;
  color: var(--wo-field-text);
}

body:not(.theme-dark) .wo-panel--modal .wo-form input,
body:not(.theme-dark) .wo-panel--modal .wo-form select,
body:not(.theme-dark) .wo-panel--modal .wo-form textarea,
body:not(.theme-dark) .wo-panel--modal .wo-form .wo-field-input-wrap input,
body:not(.theme-dark) .wo-panel--modal .wo-form .wo-option-select-input{
  color: var(--wo-field-text);
}

/* Tek satir kutular: 40px yukseklik; genislik kolonun tamami */

.wo-panel--modal .wo-form .wo-field-input-wrap,
.wo-panel--modal .wo-form input:not([type='checkbox']):not([type='radio']):not([type='file']):not(.wo-datetime-split-hm):not(.wo-option-select-input),
.wo-panel--modal .wo-form select{
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  font-family: inherit;
}

.wo-panel--modal .wo-form textarea{
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  min-height: 88px;
  padding: 10px var(--wo-field-pad-x);
  border-radius: var(--wo-field-radius);
  font-family: inherit;
  font-size: var(--wo-field-size);
  font-weight: var(--wo-field-weight);
  line-height: var(--wo-field-line);
  background: var(--wo-field-bg) !important;
  border-color: var(--wo-field-border) !important;
}

.wo-panel--modal .wo-form input:not([type='checkbox']):not([type='radio']):not([type='file']):not(.wo-datetime-split-hm):not(.wo-option-select-input),
.wo-panel--modal .wo-form select{
  height: var(--wo-field-height);
  min-height: var(--wo-field-height);
  max-height: var(--wo-field-height);
  padding: 0 var(--wo-field-pad-x);
  border-radius: var(--wo-field-radius);
  font-size: var(--wo-field-size);
  font-weight: var(--wo-field-weight);
  line-height: var(--wo-field-height);
  background: var(--wo-field-bg) !important;
  border-color: var(--wo-field-border) !important;
}

.wo-panel--modal .wo-form .wo-field-input-wrap{
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  max-width: 100%;
  height: var(--wo-field-height);
  min-height: var(--wo-field-height);
  max-height: var(--wo-field-height);
  padding: 0 var(--wo-field-pad-x);
  border: 1px solid var(--wo-field-border);
  border-radius: var(--wo-field-radius);
  background: var(--wo-field-bg) !important;
  transition:
    border-color 0.15s ease,
    box-shadow 0.15s ease;
}

/* Option-select: border wrapper'da (auth kutusu gibi) — cift katman/kayma yok */

.wo-panel--modal .wo-form .wo-option-select{
  position: relative;
  display: block;
  width: 100%;
  max-width: 100%;
  height: var(--wo-field-height);
  min-height: var(--wo-field-height);
  max-height: var(--wo-field-height);
  box-sizing: border-box;
  border: 1px solid var(--wo-field-border);
  border-radius: var(--wo-field-radius);
  background: var(--wo-field-bg);
  transition:
    border-color 0.15s ease,
    box-shadow 0.15s ease;
}

.wo-panel--modal .wo-form .wo-option-select:focus-within,
.wo-panel--modal .wo-form .wo-option-select--open{
  border-color: #67b8df;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15);
}

.wo-panel--modal .wo-form .wo-option-select-input{
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 32px 0 var(--wo-field-pad-x) !important;
  border: 0 !important;
  border-radius: inherit !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
  font-family: inherit !important;
  font-size: var(--wo-field-size) !important;
  font-weight: var(--wo-field-weight) !important;
  line-height: calc(var(--wo-field-height) - 2px) !important;
  letter-spacing: 0 !important;
  color: var(--wo-field-text) !important;
}

.wo-panel--modal .wo-form .wo-option-select--has-icon .wo-option-select-input{
  padding-left: 38px !important;
  padding-right: 32px !important;
}

.wo-panel--modal .wo-form .wo-option-select-chevron{
  right: 12px;
  color: #94a3b8;
  font-size: 12px;
}

.wo-panel--modal .wo-form .wo-option-select-input:focus,
.wo-panel--modal .wo-form .wo-option-select--open .wo-option-select-input,
.wo-panel--modal .wo-form .wo-option-select--searchable.wo-option-select--open .wo-option-select-input,
.wo-panel--modal .wo-form .wo-option-select--selection-only.wo-option-select--open .wo-option-select-input{
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  background: transparent !important;
}

.wo-panel--modal .wo-form .wo-option-select-input::placeholder,
.wo-panel--modal .wo-form .wo-treatment-color-grid input[type='text']::placeholder,
.wo-panel--modal .wo-form .wo-field-input-wrap input::placeholder,
.wo-panel--modal .wo-form textarea::placeholder{
  font-size: var(--wo-field-size);
  font-weight: 400;
  line-height: var(--wo-field-line);
  color: var(--wo-placeholder);
}

.wo-panel--modal .wo-form .wo-field-input-wrap:focus-within{
  border-color: #67b8df !important;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15) !important;
  outline: none !important;
  background: var(--wo-field-bg) !important;
}

/* Gri (#fbfdff) dolgulari ez — Renk Bilgisi gibi panel bg / beyaz */

body:not(.theme-dark) .wo-panel--modal .wo-form textarea,
body:not(.theme-dark) .wo-panel--modal .wo-form input:not([type='checkbox']):not([type='radio']):not([type='file']):not(.wo-datetime-split-hm):not(.wo-option-select-input),
body:not(.theme-dark) .wo-panel--modal .wo-form select,
body:not(.theme-dark) .wo-panel--modal .wo-form .wo-option-select,
body:not(.theme-dark) .wo-panel--modal .wo-form .wo-field-input-wrap,
body:not(.theme-dark) .wo-panel--modal .wo-form .zd-trial-summary-datetime-split,
body:not(.theme-dark) .wo-panel--modal .wo-form .zd-trial-note-input,
body:not(.theme-dark) .wo-panel--modal .wo-form .wo-flag-note-input,
body:not(.theme-dark) .wo-panel--modal .wo-form .wo-case-photo-input,
body:not(.theme-dark) .wo-panel--modal .wo-form .wo-treatment-color-grid input[type='text']{
  background: #ffffff !important;
}

body:not(.theme-dark) .wo-panel--modal .wo-form .wo-option-select-input{
  background: transparent !important;
}

.wo-panel--modal .wo-form .wo-field-input-wrap > .bi,
.wo-panel--modal .wo-form .wo-option-select-lead-icon{
  color: #94a3b8;
  font-size: 16px;
  flex-shrink: 0;
  pointer-events: none;
}

.wo-panel--modal .wo-form .wo-option-select-lead-icon{
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  z-index: 1;
}

.wo-panel--modal .wo-form .wo-option-select-prosthesis-icon{
  width: 18px;
  height: 18px;
}

.wo-panel--modal .wo-form .wo-field-input-wrap input{
  flex: 1;
  min-width: 0;
  width: auto !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  font-size: var(--wo-field-size) !important;
  font-weight: var(--wo-field-weight) !important;
  line-height: calc(var(--wo-field-height) - 2px) !important;
  box-shadow: none !important;
  outline: none !important;
}

.wo-panel--modal .wo-form .wo-field-input-wrap .wo-datetime-split-hm{
  flex: 0 0 auto !important;
  width: 2.2em !important;
  min-width: 2.2em !important;
  padding: var(--wo-field-pad-y) 0 !important;
  text-align: center !important;
  font-weight: var(--wo-field-weight) !important;
  font-variant-numeric: tabular-nums;
  color: var(--wo-field-text) !important;
  -webkit-text-fill-color: var(--wo-field-text) !important;
}

.wo-panel--modal .wo-form .wo-field-input-wrap .wo-datetime-split-time{
  flex: 0 0 auto;
}

.wo-panel--modal .wo-form .wo-field-input-wrap .wo-datetime-split > input[type='date']{
  flex: 1 1 auto;
  min-width: 0;
}

.wo-panel--modal .wo-form .wo-field-input-wrap input:focus{
  box-shadow: none !important;
  outline: none !important;
}

.wo-panel--modal .wo-form .wo-treatment-color-grid input[type='text']{
  width: 100%;
  max-width: 100%;
  height: var(--wo-field-height);
  min-height: var(--wo-field-height);
  max-height: var(--wo-field-height);
  padding: 0 var(--wo-field-pad-x);
  font-family: inherit;
  font-size: var(--wo-field-size);
  font-weight: var(--wo-field-weight);
  line-height: calc(var(--wo-field-height) - 2px);
  letter-spacing: 0;
  color: var(--wo-field-text);
}

/* Prova TÜR/TARİH: kolon genisligi + form kutusu yuksekligi */

.wo-panel--modal .wo-form .zd-trial-summary-datetime-split{
  width: 100%;
  max-width: 100%;
  height: var(--wo-field-height);
  min-height: var(--wo-field-height);
  max-height: var(--wo-field-height);
  padding: 0 var(--wo-field-pad-x);
}

.wo-panel--modal .wo-form .zd-trial-summary-datetime-split > input[type='date'],
.wo-panel--modal .wo-form .zd-trial-summary-datetime-split .wo-datetime-split-hm{
  min-height: 0 !important;
  height: 100% !important;
  max-height: none !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: var(--wo-field-size) !important;
  font-weight: var(--wo-field-weight) !important;
  line-height: calc(var(--wo-field-height) - 2px) !important;
  color: var(--wo-field-text) !important;
  -webkit-text-fill-color: var(--wo-field-text) !important;
}

.wo-panel--modal .wo-form .zd-trial-summary-datetime-split .wo-datetime-split-time{
  min-height: 0;
  height: auto;
  align-self: stretch;
  display: inline-flex;
  align-items: center;
  border: 0;
  border-left: 1px solid var(--wo-field-border);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: var(--wo-field-text);
}

.wo-panel--modal .wo-form .zd-trial-summary-datetime-split .wo-datetime-split-colon{
  color: var(--wo-field-text);
  font-weight: var(--wo-field-weight);
}

.wo-panel--modal .wo-form .wo-saved-prosthesis-panel{
  min-height: var(--wo-field-height);
  border: 1px solid var(--wo-field-border);
  border-radius: var(--wo-field-radius);
  background: var(--wo-field-bg);
  overflow: hidden;
}

.wo-panel--modal .wo-form .wo-saved-prosthesis-item{
  min-height: var(--wo-field-height);
  height: auto;
  padding: 0 var(--wo-field-pad-x);
  box-sizing: border-box;
  border-bottom: 1px solid var(--wo-field-border);
  font-family: inherit;
  font-size: var(--wo-field-size);
  font-weight: var(--wo-field-weight);
  line-height: 1.35;
  color: var(--wo-field-text);
  gap: 10px;
}

.wo-panel--modal .wo-form .wo-saved-prosthesis-item-main{
  min-height: var(--wo-field-height);
  align-items: center;
  flex-direction: row;
}

.wo-panel--modal .wo-form .wo-saved-prosthesis-item:last-child{
  border-bottom: 0;
}

.wo-panel--modal .wo-form .wo-saved-prosthesis-empty,
.wo-panel--modal .wo-form .wo-trials-empty{
  min-height: var(--wo-field-height);
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0 var(--wo-field-pad-x);
  font-size: var(--wo-field-size);
  font-weight: 400;
  line-height: 1.35;
  color: var(--wo-placeholder);
}

.wo-panel--modal .wo-form .wo-saved-prosthesis-item strong{
  font-size: var(--wo-field-size);
  font-weight: 600;
}

.wo-panel--modal .wo-form .wo-saved-prosthesis-item .wo-saved-treatment-row{
  font-size: var(--wo-field-size);
  gap: 8px;
}

.wo-panel--modal .wo-form .wo-saved-prosthesis-item .lab-tooth-pill{
  padding: 2px 6px;
  font-size: 12px;
  font-weight: 500;
  border-radius: 4px;
}

.wo-panel--modal .wo-form .wo-saved-prosthesis-item .tech-action-btn{
  min-height: 28px;
  padding: 0 10px;
  font-size: 12px;
  border-radius: 6px;
}

.wo-panel--modal .wo-form .wo-saved-prosthesis-flags--inline .wo-flag-option{
  min-height: 28px;
  padding: 4px 8px 2px;
}

.wo-panel--modal .wo-form .wo-saved-prosthesis-flags--inline .wo-flag-option-label{
  font-size: 13px;
  font-weight: 500;
}

.wo-panel--modal .wo-tab{
  padding: 0 10px 8px;
  font-size: 13px;
  height: 48px;
  min-height: 48px;
}

@media (max-width: 560px) {
  .wo-panel.wo-panel--modal{
    width: calc(100vw - 16px);
    height: min(690px, calc(100vh - 24px));
    border-radius: 16px;
  }

  .wo-panel--modal .wo-panel-head{
    padding: 12px 18px 6px;
  }

  .wo-panel--modal .wo-tabs{
    padding-left: 12px;
    padding-right: 12px;
  }

  .wo-panel--modal .wo-form{
    padding-left: 14px;
    padding-right: 14px;
  }

  .wo-panel--modal .wo-form .tech-form-grid,
.wo-panel--modal .wo-form .wo-patient-form-row,
.wo-panel--modal .wo-form .wo-case-date-grid,
.wo-panel--modal .wo-form .zd-trial-summary-top-card,
.wo-panel--modal .wo-form .wo-treatment-color-grid{
    grid-template-columns: 1fr;
    gap: var(--wo-form-row-gap, 14px);
  }

  .wo-panel--modal .wo-form .wo-prosthesis-save-row{
    flex-wrap: wrap;
  }

  .wo-panel--modal .wo-form .wo-prosthesis-save-row .wo-option-select,
.wo-panel--modal .wo-form .wo-prosthesis-save-row .wo-prosthesis-select{
    flex: 1 1 100%;
  }

  .wo-panel--modal .wo-form .wo-flag-options{
    flex-direction: row;
    flex-wrap: wrap;
    gap: 8px;
  }
}

/* ==========================================================================
   Yeni / Duzenle Is Emri paneli (.wo-panel--modal) — DARK TEMA
   Aydinlik ile ayni duz yapi; sadece koyu renkler.
   Gereksiz golge yok, seffaf/beyaz kutu yok.
   ========================================================================== */

body.theme-dark .wo-panel.wo-panel--modal{
  background: var(--rw-surface, #18181b);
  border-color: var(--rw-border, #2d2d2d);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.55);
  color: var(--rw-text, #d4d4d4);
}

body.theme-dark .wo-panel--modal .wo-form{
  --wo-field-border: var(--rw-border, #2d2d2d);
  /* Gri elevated degil: panel yuzeyi ile ayni */
  --wo-field-bg: var(--rw-surface, #18181b);
  --wo-field-text: var(--rw-text-strong, #f1f5f9);
  --wo-label-text: var(--rw-text-muted, #aaaaaa);
  --wo-placeholder: var(--rw-text-muted, #aaaaaa);
}

/* Baslik + kapat butonu */

body.theme-dark .wo-panel--modal .wo-panel-head,
body.theme-dark .wo-panel--modal .tech-panel-head{
  background: transparent;
  border-bottom-color: var(--rw-border, #2d2d2d);
}

body.theme-dark .wo-panel--modal .wo-panel-close,
body.theme-dark .wo-panel--modal .tech-panel-close{
  background: var(--rw-surface-elevated, #27272a);
  color: var(--rw-text-muted, #aaaaaa);
  box-shadow: none;
}

body.theme-dark .wo-panel--modal .wo-panel-close:hover,
body.theme-dark .wo-panel--modal .tech-panel-close:hover{
  background: var(--rw-surface-hover, #2f2f33);
  color: var(--rw-text-strong, #ffffff);
}

/* Sekmeler — Is Emirleri/Provalar cubugu ile ayni altcizgi stili */

body.theme-dark .wo-panel--modal .wo-tabs{
  background: transparent;
  border: none;
  border-bottom: 1px solid var(--rw-border, #2a2a2a);
}

body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-tabs{
  background: transparent !important;
  border-bottom-color: #2a2a2a;
}

body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-tab{
  background: transparent !important;
  color: #d4d4d8;
  box-shadow: none;
}

body.theme-dark .wo-panel--modal .wo-tab{
  background: transparent;
  border-color: transparent;
  color: #d4d4d8;
}

body.theme-dark .wo-panel--modal .wo-tab:hover{
  background: transparent;
  color: #f4f4f5;
}

body.theme-dark .wo-panel--modal .wo-tab--active{
  background: transparent;
  color: var(--brand-primary-selected-text);
  border-color: transparent;
  box-shadow: none;
}

/* Bolum basliklari ve etiketler */

body.theme-dark .wo-panel--modal .wo-section-title{
  color: var(--rw-text-muted, #aaaaaa);
}

body.theme-dark .wo-panel--modal label{
  color: var(--rw-text-muted, #aaaaaa);
}

/* Form kontrolleri — panel bg ile ayni (gri elevated yok) */

body.theme-dark .wo-panel--modal input:not([type='checkbox']):not([type='radio']):not([type='file']):not(.wo-datetime-split-hm),
body.theme-dark .wo-panel--modal select,
body.theme-dark .wo-panel--modal textarea:not(.zd-trial-note-input){
  background: var(--rw-surface, #18181b) !important;
  border-color: var(--rw-border, #2d2d2d) !important;
  color: var(--rw-text-strong, #f1f5f9) !important;
}

body.theme-dark .wo-panel--modal input:not(.wo-datetime-split-hm):focus,
body.theme-dark .wo-panel--modal select:focus,
body.theme-dark .wo-panel--modal textarea:not(.zd-trial-note-input):focus{
  outline: none !important;
  border-color: rgba(59, 130, 246, 0.5) !important;
  background: var(--rw-surface, #18181b) !important;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15) !important;
}

body.theme-dark .wo-panel--modal .wo-form .zd-trial-summary-datetime-split{
  background: var(--rw-surface, #18181b) !important;
  border-color: var(--rw-border, #2d2d2d) !important;
}

body.theme-dark .wo-panel--modal .wo-form .zd-trial-summary-datetime-split > input[type='date'],
body.theme-dark .wo-panel--modal .wo-form .zd-trial-summary-datetime-split > input[type='date']:focus,
body.theme-dark .wo-panel--modal .wo-form .zd-trial-summary-datetime-split .wo-datetime-split-hm,
body.theme-dark .wo-panel--modal .wo-form .zd-trial-summary-datetime-split .wo-datetime-split-colon{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: var(--rw-text-strong, #f1f5f9) !important;
  -webkit-text-fill-color: var(--rw-text-strong, #f1f5f9) !important;
}

/* Renk Bilgisi / option-select — panel yuzeyi ile ayni */

body.theme-dark .wo-panel--modal .wo-form .wo-option-select,
body.theme-dark .wo-panel--modal .wo-form .wo-field-input-wrap,
body.theme-dark .wo-panel--modal .wo-form .zd-trial-note-input,
body.theme-dark .wo-panel--modal .wo-form .wo-flag-note-input{
  background: var(--rw-surface, #18181b) !important;
  border-color: var(--rw-border, #2d2d2d) !important;
  color: var(--rw-text-strong, #f1f5f9) !important;
  box-shadow: none !important;
}

body.theme-dark .wo-panel--modal .wo-form .wo-option-select-input,
body.theme-dark .wo-panel--modal .wo-form .wo-option-select-input:focus,
body.theme-dark .wo-panel--modal .wo-form .wo-option-select--open .wo-option-select-input{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: var(--rw-text-strong, #f1f5f9) !important;
}

body.theme-dark .wo-panel--modal .wo-form .wo-option-select:focus-within,
body.theme-dark .wo-panel--modal .wo-form .wo-option-select--open{
  border-color: rgba(59, 130, 246, 0.5) !important;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15) !important;
}

/* Ikonlu kutularda arka plan sadece wrap'ta; focus'ta da ayni kalsin */

body.theme-dark .wo-panel--modal .wo-form .wo-field-input-wrap:focus-within{
  background: var(--rw-surface, #18181b) !important;
  border-color: rgba(59, 130, 246, 0.5) !important;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15) !important;
}

body.theme-dark .wo-panel--modal .wo-form .wo-field-input-wrap input,
body.theme-dark .wo-panel--modal .wo-form .wo-field-input-wrap input:hover,
body.theme-dark .wo-panel--modal .wo-form .wo-field-input-wrap input:focus,
body.theme-dark .wo-panel--modal .wo-form .wo-field-input-wrap .wo-case-date-input,
body.theme-dark .wo-panel--modal .wo-form .wo-field-input-wrap .wo-case-date-input:hover,
body.theme-dark .wo-panel--modal .wo-form .wo-field-input-wrap .wo-case-date-input:focus{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: var(--rw-text-strong, #f1f5f9) !important;
  -webkit-text-fill-color: var(--rw-text-strong, #f1f5f9);
  color-scheme: dark;
}

body.theme-dark .wo-panel--modal .wo-form .wo-field-input-wrap input:-webkit-autofill,
body.theme-dark .wo-panel--modal .wo-form .wo-field-input-wrap input:-webkit-autofill:hover,
body.theme-dark .wo-panel--modal .wo-form .wo-field-input-wrap input:-webkit-autofill:focus,
body.theme-dark .wo-panel--modal .wo-form .wo-field-input-wrap input:-webkit-autofill:active,
body.theme-dark .wo-panel--modal .wo-form input:-webkit-autofill,
body.theme-dark .wo-panel--modal .wo-form input:-webkit-autofill:hover,
body.theme-dark .wo-panel--modal .wo-form input:-webkit-autofill:focus,
body.theme-dark .wo-panel--modal .wo-form input:-webkit-autofill:active{
  -webkit-text-fill-color: var(--rw-text-strong, #f1f5f9) !important;
  caret-color: var(--rw-text-strong, #f1f5f9);
  -webkit-box-shadow: 0 0 0 1000px var(--rw-surface, #18181b) inset !important;
  box-shadow: 0 0 0 1000px var(--rw-surface, #18181b) inset !important;
  border-color: var(--rw-border, #2d2d2d) !important;
  transition: background-color 9999s ease-in-out 0s;
}

body.theme-dark .wo-panel--modal .wo-form .wo-option-select-input::placeholder,
body.theme-dark .wo-panel--modal .wo-form .wo-treatment-color-grid input[type='text']::placeholder,
body.theme-dark .wo-panel--modal .wo-form .wo-field-input-wrap input::placeholder{
  color: var(--rw-text-muted, #aaaaaa) !important;
}

body.theme-dark .wo-panel--modal .wo-form .wo-treatment-color-grid input[type='text']{
  color: var(--rw-text-strong, #f1f5f9) !important;
}

body.theme-dark .wo-panel--modal .wo-form .wo-field-input-wrap > .bi,
body.theme-dark .wo-panel--modal .wo-form .wo-option-select-lead-icon,
body.theme-dark .wo-panel--modal .wo-form .wo-option-select-chevron{
  color: var(--rw-text-muted, #aaaaaa) !important;
}

body.theme-dark .wo-panel--modal select option{
  background: #18181b;
  color: #f1f5f9;
}

/* Yeni Is Emri modal: Hasta Bilgisi + Vaka kutulari — panel bg ile ayni */

body.theme-dark .wo-panel--modal .wo-patient-info,
body.theme-dark .wo-panel--modal .wo-case-capture-option,
body.theme-dark .wo-panel--modal .wo-case-photo-input,
body.theme-dark .wo-panel--modal .wo-summary-group{
  background: var(--rw-surface, #18181b) !important;
}

body.theme-dark .wo-panel--modal .wo-saved-prosthesis-panel{
  background: var(--rw-surface, #18181b);
  border-color: var(--rw-border, #2d2d2d);
}

body.theme-dark .wo-panel--modal .wo-saved-prosthesis-item{
  border-bottom-color: var(--rw-border, #2d2d2d);
  color: var(--rw-text, #d4d4d4);
}

body.theme-dark .wo-panel--modal .wo-saved-prosthesis-empty{
  color: var(--rw-text-muted, #777);
}

/* Prova karti (modal) — placeholder / deger ayrimi (eski !important catismasini duzelt) */

body.theme-dark .wo-panel--modal .zd-trial-summary-datetime-label,
body.theme-dark .wo-panel--modal .zd-trial-summary-info-label,
body.theme-dark .wo-panel--modal .zd-trial-content-section-title,
body.theme-dark .wo-panel--modal .zd-trial-content-section-meta,
body.theme-dark .wo-panel--modal .zd-trial-note-time{
  color: var(--rw-text-muted, #aaaaaa) !important;
}

body.theme-dark .wo-panel--modal .zd-trial-summary-info-value,
body.theme-dark .wo-panel--modal .zd-trial-note-text{
  color: #f1f5f9 !important;
}

body.theme-dark .wo-panel--modal .zd-trial-summary-info-value--placeholder,
body.theme-dark .wo-panel--modal .zd-trial-entries-empty,
body.theme-dark .wo-panel--modal .zd-trial-note-input::placeholder{
  color: var(--rw-text-muted, #aaaaaa) !important;
}

body.theme-dark .wo-panel--modal .zd-trial-note-input{
  background: var(--rw-surface, #18181b) !important;
  border-color: var(--rw-border, #2d2d2d) !important;
  color: #f1f5f9 !important;
}

body.theme-dark .wo-panel--modal .zd-trial-note-input:focus{
  background: var(--rw-surface, #18181b) !important;
  border-color: rgba(59, 130, 246, 0.5) !important;
  box-shadow: none !important;
}

body.theme-dark .wo-panel--modal .zd-trial-summary-info-icon{
  background: rgba(59, 130, 246, 0.16) !important;
  color: #5eb3e4 !important;
}

/* Yeni Is Emri kutularinda siralanan veriler (portal dropdown) */

body.theme-dark #wo-option-select-portal-root .wo-option-select-item,
body.theme-dark #wo-option-select-portal-root .wo-option-select-item span{
  color: #f4f4f5 !important;
  opacity: 1 !important;
}

body.theme-dark #wo-option-select-portal-root .wo-option-select-item:hover,
body.theme-dark #wo-option-select-portal-root .wo-option-select-item--highlighted{
  background: #27272a !important;
  color: #fafafa !important;
}

body.theme-dark #wo-option-select-portal-root .wo-option-select-item--active,
body.theme-dark #wo-option-select-portal-root .wo-option-select-item--active:hover,
body.theme-dark #wo-option-select-portal-root .wo-option-select-item--active.wo-option-select-item--highlighted{
  background: #2f2f35 !important;
  color: #fafafa !important;
}

body.theme-dark #wo-option-select-portal-root .wo-option-select-item--active span,
body.theme-dark #wo-option-select-portal-root .wo-option-select-item .bi-check2{
  color: #fafafa !important;
}

.lab-list-infinite-sentinel{
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: 0.5rem 1rem 1rem;
}

.lab-list-infinite-sentinel-text{
  color: rgba(104, 122, 157, 0.9);
  font-size: 0.82rem;
  letter-spacing: 0.02em;
}

@media (max-width: 768px) {
  .dash-sidebar{
    display: none !important;
  }

  .dash-layout,
.dash-layout--collapsed,
.dash-layout:has(.dash-sidebar--collapsed){
    grid-template-columns: 1fr !important;
  }

  .dash-layout > .dash-page-column,
.dash-layout > .dash-main{
    grid-column: 1 / -1;
  }

  .dash-layout{
    min-height: 100dvh;
    background: #f2f2f7;
  }

  body.theme-dark .dash-layout.medical-bg{
    background: #0b0f17;
  }

  .dash-page-column{
    padding: 0;
    background: #f2f2f7;
    max-height: none;
    height: auto;
    min-height: 100dvh;
  }

  body.theme-dark .dash-page-column{
    background: #0b0f17;
  }

  .dash-page-column > .dash-main,
.dash-layout > .dash-main{
    background: transparent;
    border-radius: 0;
    box-shadow: none;
    margin: 0;
  }

  .dash-topbar,
.dash-page-column > .dash-topbar,
.dash-layout--lab .dash-topbar,
.dash-layout--clinic .dash-topbar{
    position: sticky;
    top: 0;
    z-index: 45;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    height: auto;
    min-height: calc(52px + env(safe-area-inset-top, 0px));
    max-height: none;
    margin: 0;
    padding: env(safe-area-inset-top, 0px) 12px 8px;
    border-radius: 0;
    border-bottom: 0;
    background: rgba(242, 242, 247, 0.88);
    backdrop-filter: blur(20px) saturate(180%);
    -webkit-backdrop-filter: blur(20px) saturate(180%);
    box-shadow: none;
    overflow: visible;
  }

  body.theme-dark .dash-topbar,
body.theme-dark .dash-page-column > .dash-topbar,
body.theme-dark .dash-layout--lab .dash-topbar,
body.theme-dark .dash-layout--clinic .dash-topbar{
    background: rgba(11, 15, 23, 0.9);
  }

  .dash-topbar::after{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -18px;
    height: 18px;
    background: linear-gradient(to bottom, rgba(242, 242, 247, 0.85), transparent);
    pointer-events: none;
  }

  body.theme-dark .dash-topbar::after{
    background: linear-gradient(to bottom, rgba(11, 15, 23, 0.85), transparent);
  }

  .dash-topbar-mobile-left{
    order: 0;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-height: 40px;
    z-index: 2;
  }

  .dash-topbar-mobile-icon-btn{
    width: 40px;
    height: 40px;
    min-width: 40px;
    border: 0;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    background: transparent;
    color: var(--brand-primary-light);
    cursor: pointer;
  }

  .dash-topbar-mobile-icon-btn i{
    font-size: 24px;
    line-height: 1;
  }

  .dash-topbar-mobile-back:active{
    background: rgba(59, 130, 246, 0.12);
  }

  body.theme-dark .dash-topbar-mobile-icon-btn{
    color: var(--brand-primary-hover);
  }

  body.theme-dark .dash-topbar-mobile-back:active{
    background: rgba(96, 165, 250, 0.18);
  }

  .dash-topbar-center{
    order: 1;
    flex: 1 1 auto;
    min-width: 0;
    gap: 0;
    justify-content: flex-start;
  }

  .dash-topbar .dash-sidebar-toggle-btn,
.dash-topbar-collapsed-nav,
.dash-topbar-collapsed-nav-headings,
.dash-topbar-title-actions{
    display: none !important;
  }

  .dash-topbar .dash-page-title--topbar{
    width: 100%;
    padding: 0;
    margin: 0;
    text-align: left;
  }

  .dash-topbar .dash-page-title-text,
.dash-page-column > .dash-topbar .dash-page-title-text{
    font-size: 22px;
    font-weight: 800;
    letter-spacing: -0.5px;
    line-height: 1.2;
    color: #000000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    text-align: left;
  }

  body.theme-dark .dash-topbar .dash-page-title-text,
body.theme-dark .dash-page-column > .dash-topbar .dash-page-title-text{
    color: #f1f5f9;
  }

  .dash-topbar-page-actions{
    display: none;
  }

  /* Arama: baslik yaninda ikon buton; odaklaninca acilir */
  .dash-topbar-search-slot{
    display: block;
    order: 2;
    flex: 0 0 auto;
  }

  .dash-topbar-search-slot .dash-global-search{
    width: 40px;
    max-width: none;
    transition: width 0.2s ease;
  }

  .dash-topbar-search-slot .dash-global-search:focus-within{
    width: min(72vw, 320px);
  }

  .dash-topbar-search-slot .dash-topbar-search{
    position: relative;
    width: 100%;
    height: 40px;
    max-width: none;
    padding: 0;
    gap: 0;
    justify-content: center;
    border-radius: 12px;
    background: #ffffff;
  }

  .dash-topbar-search-slot .dash-global-search:focus-within .dash-topbar-search{
    justify-content: flex-start;
    padding: 0 12px;
    gap: 8px;
  }

  .dash-topbar-search-slot .dash-topbar-search-icon,
.dash-topbar-search-slot .dash-topbar-search i{
    color: var(--brand-primary-light);
  }

  .dash-topbar-search-slot .dash-topbar-search i{
    font-size: 18px;
  }

  /* Daraltilmis durumda input butonu kaplar (dokununca odaklanir), metni gizli */
  .dash-topbar-search-slot .dash-topbar-search input{
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    opacity: 0;
    cursor: pointer;
  }

  .dash-topbar-search-slot .dash-global-search:focus-within .dash-topbar-search input{
    position: static;
    inset: auto;
    flex: 1;
    height: auto;
    opacity: 1;
    cursor: text;
  }

  .dash-topbar-search-slot .dash-topbar-search-icon{
    pointer-events: none;
  }

  .dash-topbar-search-slot .dash-topbar-search-kbd{
    display: none;
  }

  body.theme-dark .dash-topbar-search-slot .dash-topbar-search{
    background: rgba(96, 165, 250, 0.18);
  }

  body.theme-dark .dash-topbar-search-slot .dash-topbar-search-icon,
body.theme-dark .dash-topbar-search-slot .dash-topbar-search i{
    color: var(--brand-primary-hover);
  }

  .dash-topbar-right{
    order: 3;
    flex: 0 0 auto;
    gap: 8px;
    justify-content: flex-end;
    align-items: center;
    min-height: 40px;
    z-index: 2;
  }

  .dash-topbar-mobile-search{
    display: flex;
    align-items: center;
    min-width: 0;
    flex: 0 0 auto;
  }

  .dash-definition-topbar-search{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 40px;
    height: 40px;
    transition: width 0.2s ease;
  }

  .dash-definition-topbar-search--open{
    width: min(46vw, 190px);
  }

  .dash-definition-topbar-search-trigger,
.dash-definition-topbar-search-panel{
    border-radius: 12px;
    background: rgba(59, 130, 246, 0.12);
    color: var(--brand-primary-light);
    box-shadow: none;
  }

  .dash-definition-topbar-search-trigger{
    width: 40px;
    min-width: 40px;
    height: 40px;
    border: 0;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  .dash-definition-topbar-search-panel{
    position: absolute;
    right: 0;
    top: 0;
    width: min(46vw, 190px);
    height: 40px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 12px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
  }

  .dash-definition-topbar-search--open .dash-definition-topbar-search-panel{
    opacity: 1;
    pointer-events: auto;
  }

  .dash-definition-topbar-search--open .dash-definition-topbar-search-trigger{
    opacity: 0;
    pointer-events: none;
  }

  .dash-definition-topbar-search-panel:focus-within{
    background: rgba(59, 130, 246, 0.16);
    box-shadow: inset 0 0 0 1px rgba(59, 130, 246, 0.2);
  }

  .dash-definition-topbar-search-trigger i,
.dash-definition-topbar-search-panel i{
    flex-shrink: 0;
    font-size: 17px;
    line-height: 1;
  }

  .dash-definition-topbar-search-panel input{
    flex: 1;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: #0f172a;
    font-size: 14px;
    font-weight: 600;
  }

  .dash-definition-topbar-search-panel input::placeholder{
    color: #64748b;
    font-weight: 500;
  }

  body.theme-dark .dash-definition-topbar-search-trigger,
body.theme-dark .dash-definition-topbar-search-panel{
    background: rgba(96, 165, 250, 0.18);
    color: var(--brand-primary-hover);
  }

  body.theme-dark .dash-definition-topbar-search-panel input{
    color: #e2e8f0;
  }

  body.theme-dark .dash-definition-topbar-search-panel input::placeholder{
    color: #94a3b8;
  }

  .dash-topbar-right .dash-topbar-dropdown,
.dash-topbar-right .dash-topbar-btn--theme{
    margin: 0;
  }

  .dash-topbar-right .dash-topbar-btn--partnership,
.dash-topbar-right .dash-topbar-btn--theme,
.dash-topbar-right .dash-topbar-dropdown--profile{
    display: none;
  }

  .dash-topbar-right .dash-topbar-btn--icon{
    width: 40px;
    min-width: 40px;
    height: 40px;
    border-radius: 12px;
    padding: 0;
    justify-content: center;
    border: 0;
    background: rgba(59, 130, 246, 0.12);
    color: var(--brand-primary-light);
    box-shadow: none;
  }

  .dash-topbar-right .dash-topbar-btn--icon i{
    font-size: 22px;
    color: var(--brand-primary-light);
  }

  .dash-topbar-right .dash-topbar-btn--icon:hover,
.dash-topbar-right .dash-topbar-btn--icon:active,
.dash-topbar-right .dash-topbar-btn--icon[aria-expanded='true']{
    background: rgba(59, 130, 246, 0.18);
    color: var(--brand-primary-light);
    transform: scale(0.96);
  }

  body.theme-dark .dash-topbar-right .dash-topbar-btn--icon{
    background: rgba(96, 165, 250, 0.18);
    color: var(--brand-primary-hover);
  }

  body.theme-dark .dash-topbar-right .dash-topbar-btn--icon i{
    color: var(--brand-primary-hover);
  }

  .dash-topbar-notify-badge{
    top: 4px;
    right: 4px;
    min-width: 16px;
    height: 16px;
    font-size: 9px;
    border-width: 1.5px;
  }

  .dash-main{
    padding: 0 12px 104px;
    gap: 12px;
  }

  .dash-layout--lab .dash-main,
.dash-layout--clinic .dash-main{
    padding-bottom: 104px;
  }

  .dash-layout--lab .dash-main.clinic-dashboard-main,
.dash-layout--clinic .dash-main.clinic-dashboard-main,
.dash-layout--lab .dash-main.lab-dashboard-main{
    padding-inline: 10px;
  }

  .dash-layout--clinic .clinic-mobile-bottom-nav{
    left: 12px;
    right: 12px;
    bottom: max(8px, env(safe-area-inset-bottom));
    gap: 4px;
    padding: 6px 6px calc(6px + env(safe-area-inset-bottom));
    border-radius: 22px;
    border: 1px solid rgba(214, 227, 236, 0.9);
    box-shadow: 0 18px 48px rgba(10, 37, 64, 0.16);
  }

  .dash-layout--clinic .clinic-mobile-bottom-nav .mobile-bottom-nav__item{
    min-height: 48px;
    border-radius: 14px;
    font-size: 10px;
    font-weight: 700;
    gap: 3px;
    position: relative;
  }

  .dash-layout--clinic .clinic-mobile-bottom-nav .mobile-bottom-nav__item--active{
    color: var(--brand-primary-deep);
    background: linear-gradient(180deg, #f0f9ff 0%, #e8f6fc 100%);
    box-shadow: inset 0 0 0 1px var(--brand-ring);
  }

  .dash-layout--clinic .clinic-mobile-bottom-nav .mobile-bottom-nav__item--active::after{
    content: '';
    position: absolute;
    top: 6px;
    width: 18px;
    height: 3px;
    border-radius: 999px;
    background: var(--brand-primary);
  }

  .dash-layout--clinic .clinic-mobile-bottom-nav .mobile-bottom-nav__item--cta{
    transform: translateY(-8px);
    min-height: 54px;
    border-radius: 16px;
    box-shadow: 0 12px 24px rgba(31, 122, 168, 0.38);
  }

  .dash-layout--clinic .clinic-mobile-bottom-nav .mobile-bottom-nav__item--placeholder{
    visibility: hidden;
    pointer-events: none;
  }

  .dash-layout--clinic .clinic-dashboard-main .lab-patient-stats,
.dash-layout--lab .lab-dashboard-main .lab-patient-stats{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .dash-layout--lab .lab-definition-page,
.dash-layout--clinic .lab-definition-page{
    gap: 12px;
  }

  .dash-layout--lab .lab-definition-page .wo-orders-toolbar.tech-header,
.dash-layout--clinic .lab-definition-page .wo-orders-toolbar.tech-header{
    padding: 0;
    margin-top: 14px;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  .dash-layout--lab .lab-definition-page .wo-orders-toolbar-actions,
.dash-layout--clinic .lab-definition-page .wo-orders-toolbar-actions{
    width: 100%;
    margin-left: 0;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    flex-wrap: nowrap;
  }

  .dash-layout--lab .lab-definition-page .wo-orders-toolbar--with-leading,
.dash-layout--clinic .lab-definition-page .wo-orders-toolbar--with-leading{
    flex-wrap: nowrap;
  }

  .dash-layout--lab .lab-definition-page .wo-orders-toolbar--with-leading .wo-orders-toolbar-actions,
.dash-layout--clinic .lab-definition-page .wo-orders-toolbar--with-leading .wo-orders-toolbar-actions{
    width: auto;
    margin-left: auto;
    flex: 0 0 auto;
  }

  .dash-layout--lab .lab-definition-page .wo-filter-anchor,
.dash-layout--clinic .lab-definition-page .wo-filter-anchor{
    flex: 0 0 124px;
  }

  .dash-layout--lab .lab-definition-page .wo-filter-btn,
.dash-layout--clinic .lab-definition-page .wo-filter-btn,
.dash-layout--lab .lab-definition-page .tech-add-btn,
.dash-layout--clinic .lab-definition-page .tech-add-btn{
    width: 124px;
    min-height: 34px;
    border-radius: 11px;
    font-size: 12px;
    padding: 0 10px;
  }

  .dash-layout--lab .lab-definition-page .tech-add-btn,
.dash-layout--clinic .lab-definition-page .tech-add-btn{
    flex: 0 0 124px;
    justify-content: center;
    max-width: 124px;
  }

  .dash-layout--lab .lab-definition-page .lab-patient-list-card,
.dash-layout--clinic .lab-definition-page .lab-patient-list-card{
    border-radius: 20px;
    padding: 14px;
    border: 1px solid rgba(226, 232, 240, 0.95);
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 12px 32px rgba(37, 99, 235, 0.07);
  }

  .dash-layout--lab .lab-mobile-unified-page .wo-orders-toolbar.tech-header{
    padding: 0;
    margin-top: 14px;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  .dash-layout--lab .lab-mobile-unified-page .wo-orders-toolbar-actions{
    width: 100%;
    margin-left: 0;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
  }

  .dash-layout--lab .lab-mobile-unified-page .wo-orders-toolbar-actions .wo-filter-anchor{
    flex: 0 0 124px;
  }

  .dash-layout--lab .lab-mobile-unified-page .wo-orders-toolbar-actions .wo-filter-btn,
.dash-layout--lab .lab-mobile-unified-page .wo-orders-toolbar-actions .tech-add-btn,
.dash-layout--lab .lab-mobile-unified-page .wo-list-toolbar-right .wo-list-filter-btn,
.dash-layout--lab .lab-mobile-unified-page .wo-list-toolbar-right .tech-add-btn{
    width: 124px;
    min-height: 34px;
    border-radius: 11px;
    font-size: 12px;
    padding: 0 10px;
  }

  .dash-layout--lab .lab-mobile-unified-page .wo-orders-toolbar-actions .tech-add-btn,
.dash-layout--lab .lab-mobile-unified-page .wo-list-toolbar-right .tech-add-btn{
    flex: 0 0 124px;
    justify-content: center;
    max-width: 124px;
  }

  .dash-layout--lab .lab-mobile-unified-page .lab-patient-list-card{
    border-radius: 18px;
    padding: 10px;
    border: 1px solid rgba(226, 232, 240, 0.95);
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 12px 32px rgba(37, 99, 235, 0.07);
  }

  .dash-layout--lab .lab-mobile-unified-page .wo-list-toolbar{
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
  }

  .dash-layout--lab .lab-mobile-unified-page .wo-list-toolbar-left,
.dash-layout--lab .lab-mobile-unified-page .wo-list-toolbar-right{
    width: 100%;
  }

  .dash-layout--lab .lab-mobile-unified-page .wo-list-toolbar-right{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
  }

  .dash-layout--lab .lab-mobile-unified-page .wo-list-search{
    width: 100%;
    min-height: 38px;
    border-radius: 12px;
    background: #fff;
  }

  .dash-layout--lab .lab-mobile-unified-page .lab-patient-list-card-title{
    justify-content: flex-start;
    width: 100%;
    min-height: 34px;
    padding: 0 2px;
  }

  .dash-layout--lab .lab-mobile-unified-page .lab-definition-mobile-list{
    display: flex;
    flex-direction: column;
    gap: 0;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    overflow: visible;
    background: #ffffff;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
  }

  .dash-layout--lab .lab-mobile-unified-page .lab-definition-mobile-row{
    display: flex;
    align-items: center;
    gap: 12px;
    justify-content: space-between;
    padding: 10px 12px;
    background: #ffffff;
    position: relative;
  }

  /* Stok satirinin kendisi dokunma hedefidir; hareket secenekleri yalnizca secildiginde gorunur. */
  .dash-layout--lab .lab-mobile-unified-page .lab-stock-mobile-row{
    display: block;
    padding: 0;
  }

  .dash-layout--lab .lab-mobile-unified-page .lab-stock-mobile-trigger{
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 12px;
    border: 0;
    border-radius: inherit;
    background: transparent;
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
  }

  .dash-layout--lab .lab-mobile-unified-page .lab-stock-mobile-trigger:disabled{
    cursor: default;
  }

  .dash-layout--lab .lab-mobile-unified-page .lab-stock-mobile-trigger:focus-visible{
    outline: 2px solid var(--brand-primary);
    outline-offset: -2px;
  }

  .dash-layout--lab .lab-mobile-unified-page .lab-stock-mobile-row--selected .lab-stock-mobile-trigger{
    background: #f8fbfd;
  }

  .dash-layout--lab .lab-mobile-unified-page .lab-stock-mobile-move-options{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    padding: 0 12px 10px;
  }

  .dash-layout--lab .lab-mobile-unified-page .lab-stock-mobile-move-option{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 36px;
    border: 1px solid;
    border-radius: 10px;
    font: inherit;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
  }

  .dash-layout--lab .lab-mobile-unified-page .lab-stock-mobile-move-option--in{
    color: #15803d;
    border-color: #bbf7d0;
    background: #f0fdf4;
  }

  .dash-layout--lab .lab-mobile-unified-page .lab-stock-mobile-move-option--out{
    color: #b45309;
    border-color: #fde68a;
    background: #fffbeb;
  }

  .dash-layout--lab .lab-mobile-unified-page .lab-definition-mobile-row + .lab-definition-mobile-row{
    border-top: 1px solid #e9f0f4;
  }

  .dash-layout--lab .lab-mobile-unified-page .lab-definition-mobile-row-main{
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
    flex: 1 1 auto;
  }

  .dash-layout--lab .lab-mobile-unified-page .lab-definition-mobile-row-text{
    display: flex;
    flex-direction: column;
    min-width: 0;
  }

  .dash-layout--lab .lab-mobile-unified-page .lab-definition-mobile-row-text .lab-patient-row-name{
    font-size: 13px;
    font-weight: 700;
  }

  .dash-layout--lab .lab-mobile-unified-page .lab-definition-mobile-row-meta{
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
    flex-wrap: nowrap;
    color: #64748b;
    font-size: 11px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  .dash-layout--lab .lab-mobile-unified-page .lab-definition-mobile-row-meta-item{
    display: inline-flex;
    align-items: center;
    gap: 4px;
    min-width: 0;
    overflow: hidden;
  }

  .dash-layout--lab .lab-mobile-unified-page .lab-definition-mobile-row-meta-item + .lab-definition-mobile-row-meta-item::before{
    content: '•';
    color: #94a3b8;
    margin-right: 2px;
  }

  .dash-layout--lab .lab-mobile-unified-page .lab-definition-mobile-row-meta-value{
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #64748b;
  }

  .dash-layout--lab .lab-mobile-unified-page .lab-definition-mobile-row-side{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    flex-shrink: 0;
  }

  .dash-layout--lab .lab-mobile-unified-page .lab-definition-mobile-empty{
    text-align: center;
    padding: 14px 10px;
    border-radius: 14px;
    border: 1px dashed #dbe4ee;
    background: #f8fbfd;
    color: #64748b;
    font-weight: 600;
  }

  .dash-layout--lab .lab-mobile-unified-page .lab-patient-list-table-wrap{
    display: none;
  }

  .dash-layout--lab .lab-definition-page .wo-list-toolbar,
.dash-layout--clinic .lab-definition-page .wo-list-toolbar{
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
  }

  .dash-layout--lab .lab-definition-page .wo-list-toolbar-left,
.dash-layout--lab .lab-definition-page .wo-list-toolbar-right,
.dash-layout--clinic .lab-definition-page .wo-list-toolbar-left,
.dash-layout--clinic .lab-definition-page .wo-list-toolbar-right{
    width: 100%;
  }

  .dash-layout--lab .lab-definition-page .wo-list-toolbar-left,
.dash-layout--clinic .lab-definition-page .wo-list-toolbar-left{
    display: none;
  }

  .dash-layout--lab .lab-definition-page .wo-list-search,
.dash-layout--clinic .lab-definition-page .wo-list-search{
    width: 100%;
    min-height: 42px;
    border-radius: 14px;
    background: #fff;
  }

  .dash-layout--lab .lab-definition-page .lab-patient-list-card-title,
.dash-layout--clinic .lab-definition-page .lab-patient-list-card-title{
    justify-content: flex-start;
    width: 100%;
    min-height: 48px;
    padding: 0 2px;
  }

  .dash-layout--lab .lab-definition-page .lab-definition-mobile-list,
.dash-layout--clinic .lab-definition-page .lab-definition-mobile-list{
    display: flex;
    flex-direction: column;
    gap: 0;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    overflow-x: auto;
    overflow-y: visible;
    -webkit-overflow-scrolling: touch;
    background: #ffffff;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
  }

  .dash-layout--lab .lab-definition-page .lab-definition-mobile-row,
.dash-layout--clinic .lab-definition-page .lab-definition-mobile-row{
    display: flex;
    align-items: center;
    gap: 12px;
    justify-content: space-between;
    padding: 12px 14px;
    background: #ffffff;
    min-width: max-content;
    position: relative;
  }

  .dash-layout--lab .lab-definition-page .lab-definition-mobile-row + .lab-definition-mobile-row,
.dash-layout--clinic .lab-definition-page .lab-definition-mobile-row + .lab-definition-mobile-row{
    border-top: 1px solid #e9f0f4;
  }

  .dash-layout--lab .lab-definition-page .lab-definition-mobile-row-main,
.dash-layout--clinic .lab-definition-page .lab-definition-mobile-row-main{
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
    flex: 1 1 auto;
  }

  .dash-layout--lab .lab-definition-page .lab-definition-mobile-row-text,
.dash-layout--clinic .lab-definition-page .lab-definition-mobile-row-text{
    display: flex;
    flex-direction: column;
    min-width: 0;
  }

  .dash-layout--lab .lab-definition-page .lab-definition-mobile-row-text .lab-patient-row-name,
.dash-layout--clinic .lab-definition-page .lab-definition-mobile-row-text .lab-patient-row-name{
    font-size: 14px;
    font-weight: 700;
  }

  .dash-layout--lab .lab-definition-page .lab-definition-mobile-row-meta,
.dash-layout--clinic .lab-definition-page .lab-definition-mobile-row-meta{
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
    flex-wrap: nowrap;
    color: #64748b;
    font-size: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  .dash-layout--lab .lab-definition-page .lab-definition-mobile-row-meta-item,
.dash-layout--clinic .lab-definition-page .lab-definition-mobile-row-meta-item{
    display: inline-flex;
    align-items: center;
    gap: 4px;
    min-width: 0;
    overflow: hidden;
  }

  .dash-layout--lab .lab-definition-page .lab-definition-mobile-row-meta-item + .lab-definition-mobile-row-meta-item::before,
.dash-layout--clinic .lab-definition-page .lab-definition-mobile-row-meta-item + .lab-definition-mobile-row-meta-item::before{
    content: '•';
    color: #94a3b8;
    margin-right: 2px;
  }

  .dash-layout--lab .lab-definition-page .lab-definition-mobile-row-meta-label,
.dash-layout--clinic .lab-definition-page .lab-definition-mobile-row-meta-label{
    color: #94a3b8;
    font-size: 11px;
    font-weight: 600;
  }

  .dash-layout--lab .lab-definition-page .lab-definition-mobile-row-meta-value,
.dash-layout--clinic .lab-definition-page .lab-definition-mobile-row-meta-value{
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #64748b;
  }

  .dash-layout--lab .lab-definition-page .lab-definition-mobile-row-side,
.dash-layout--clinic .lab-definition-page .lab-definition-mobile-row-side{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    flex-shrink: 0;
  }

  .dash-layout--lab .lab-definition-page .lab-definition-mobile-empty,
.dash-layout--clinic .lab-definition-page .lab-definition-mobile-empty{
    text-align: center;
    padding: 18px 12px;
    border-radius: 16px;
    border: 1px dashed #dbe4ee;
    background: #f8fbfd;
    color: #64748b;
    font-weight: 600;
  }

  .dash-layout--lab .lab-definition-page .lab-patient-list-table-wrap,
.dash-layout--clinic .lab-definition-page .lab-patient-list-table-wrap{
    overflow: visible;
    background: transparent;
    border: 0;
    padding: 0;
    box-shadow: none;
    display: none;
  }

  .dash-layout--lab .lab-definition-page .wo-list-table,
.dash-layout--clinic .lab-definition-page .wo-list-table{
    display: block;
    min-width: 0;
    border-collapse: separate;
    border-spacing: 0 10px;
  }

  .dash-layout--lab .lab-definition-page .wo-list-table thead,
.dash-layout--clinic .lab-definition-page .wo-list-table thead{
    display: none;
  }

  .dash-layout--lab .lab-definition-page .wo-list-table,
.dash-layout--lab .lab-definition-page .wo-list-table tbody,
.dash-layout--lab .lab-definition-page .wo-list-table tr,
.dash-layout--lab .lab-definition-page .wo-list-table td,
.dash-layout--clinic .lab-definition-page .wo-list-table,
.dash-layout--clinic .lab-definition-page .wo-list-table tbody,
.dash-layout--clinic .lab-definition-page .wo-list-table tr,
.dash-layout--clinic .lab-definition-page .wo-list-table td{
    display: block;
    width: 100%;
  }

  .dash-layout--lab .lab-definition-page .wo-list-table tbody,
.dash-layout--clinic .lab-definition-page .wo-list-table tbody{
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  .dash-layout--lab .lab-definition-page .wo-list-table tbody tr.wo-list-row,
.dash-layout--clinic .lab-definition-page .wo-list-table tbody tr.wo-list-row{
    display: flex;
    flex-direction: column;
    padding: 14px;
    border-radius: 18px;
    border: 1px solid #e2e8f0;
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
  }

  .dash-layout--lab .lab-definition-page .wo-list-table td,
.dash-layout--clinic .lab-definition-page .wo-list-table td{
    height: auto;
    padding: 0;
    border: 0;
  }

  .dash-layout--lab .lab-definition-page .wo-list-table td + td,
.dash-layout--clinic .lab-definition-page .wo-list-table td + td{
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #edf2f7;
  }

  .dash-layout--lab .lab-definition-page .wo-list-table td.lab-patient-col-name + td.lab-patient-col-name,
.dash-layout--clinic .lab-definition-page .wo-list-table td.lab-patient-col-name + td.lab-patient-col-name{
    margin-top: 12px;
  }

  

  

  .dash-layout--lab .lab-definition-page .wo-list-table .lab-patient-row-identity,
.dash-layout--clinic .lab-definition-page .wo-list-table .lab-patient-row-identity{
    align-items: center;
    gap: 12px;
  }

  .dash-layout--lab .lab-definition-page .wo-list-table .lab-patient-row-avatar,
.dash-layout--clinic .lab-definition-page .wo-list-table .lab-patient-row-avatar{
    width: 42px;
    height: 42px;
    border-radius: 14px;
  }

  .dash-layout--lab .lab-definition-page .wo-list-table .lab-patient-row-name,
.dash-layout--clinic .lab-definition-page .wo-list-table .lab-patient-row-name{
    font-size: 15px;
    font-weight: 700;
  }

  .dash-layout--lab .lab-definition-page .wo-list-table .lab-patient-row-sub,
.dash-layout--clinic .lab-definition-page .wo-list-table .lab-patient-row-sub{
    margin-top: 2px;
  }

  

  

  .dash-layout--lab .lab-definition-page .wo-list-table .lab-patient-source-pill,
.dash-layout--clinic .lab-definition-page .wo-list-table .lab-patient-source-pill{
    max-width: 60%;
    text-align: right;
  }

  .dash-layout--lab .lab-definition-page .wo-list-table .lab-patient-list-empty,
.dash-layout--clinic .lab-definition-page .wo-list-table .lab-patient-list-empty{
    display: block;
    text-align: center;
    padding: 18px 12px;
    border-radius: 16px;
    border: 1px dashed #dbe4ee;
    background: #f8fbfd;
  }

  .dash-layout--clinic .clinic-patients-page .wo-list-toolbar,
.dash-layout--clinic .clinic-active-wo-page .wo-list-toolbar,
.dash-layout--lab .lab-patients-page .wo-list-toolbar,
.dash-layout--lab .lab-work-orders-page .wo-list-toolbar{
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
  }

  /* Klinik aktif isler ve hastalar: dar ekranda da tablo duzeni korunsun,
     boylece satir yuksekligi gercekten 42px kalir. */
  .dash-layout--clinic .clinic-active-wo-page .lab-patient-list-table-wrap,
.dash-layout--clinic .clinic-patients-page .lab-patient-list-table-wrap{
    display: block;
    overflow: auto;
    background: transparent;
    border: 0;
    padding: 0;
    box-shadow: none;
  }

  .dash-layout--clinic .clinic-active-wo-page .wo-list-table,
.dash-layout--clinic .clinic-patients-page .wo-list-table{
    display: table;
    width: 100%;
    min-width: 760px;
    border-collapse: separate;
    border-spacing: 0;
  }

  .dash-layout--clinic .clinic-active-wo-page .wo-list-table thead,
.dash-layout--clinic .clinic-patients-page .wo-list-table thead{
    display: table-header-group;
  }

  .dash-layout--clinic .clinic-active-wo-page .wo-list-table tbody,
.dash-layout--clinic .clinic-patients-page .wo-list-table tbody{
    display: table-row-group;
  }

  .dash-layout--clinic .clinic-active-wo-page .wo-list-table tr,
.dash-layout--clinic .clinic-patients-page .wo-list-table tr{
    display: table-row;
  }

  .dash-layout--clinic .clinic-active-wo-page .wo-list-table tbody tr.wo-list-row,
.dash-layout--clinic .clinic-patients-page .wo-list-table tbody tr.wo-list-row{
    padding: 0;
    border-radius: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
  }

  .dash-layout--clinic .clinic-active-wo-page .wo-list-table td,
.dash-layout--clinic .clinic-active-wo-page .wo-list-table th,
.dash-layout--clinic .clinic-patients-page .wo-list-table td,
.dash-layout--clinic .clinic-patients-page .wo-list-table th{
    display: table-cell;
    width: auto;
  }

  .dash-layout--clinic .clinic-active-wo-page .wo-list-table tbody td,
.dash-layout--clinic .clinic-patients-page .wo-list-table tbody td{
    height: 42px;
    padding: 0 12px;
    border: 0;
    border-bottom: 1px solid #edf2f7;
    vertical-align: middle;
  }

  .dash-layout--clinic .clinic-active-wo-page .wo-list-table tbody td + td,
.dash-layout--clinic .clinic-patients-page .wo-list-table tbody td + td{
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
  }

  

  .dash-layout--clinic .clinic-active-wo-page .wo-list-table .lab-patient-row-identity,
.dash-layout--clinic .clinic-patients-page .wo-list-table .lab-patient-row-identity{
    gap: 6px;
    min-height: 32px;
  }

  .dash-layout--clinic .clinic-active-wo-page .wo-list-table .lab-patient-row-avatar,
.dash-layout--clinic .clinic-patients-page .wo-list-table .lab-patient-row-avatar{
    width: 20px;
    height: 20px;
    border-radius: 999px;
    font-size: 8px;
  }

  .dash-layout--clinic .clinic-active-wo-page .wo-list-table .lab-patient-row-name,
.dash-layout--clinic .clinic-patients-page .wo-list-table .lab-patient-row-name{
    font-size: 12px;
    font-weight: 600;
  }

  .dash-layout--clinic .clinic-active-wo-page .wo-list-table .lab-patient-row-sub,
.dash-layout--clinic .clinic-patients-page .wo-list-table .lab-patient-row-sub{
    margin-top: 0;
    font-size: 10px;
    line-height: 1.2;
  }

  .dash-layout--lab .lab-clinic-doctors-page .lab-patient-list-table-wrap{
    display: none;
  }

  .dash-layout--lab .lab-clinic-doctors-page .lab-clinic-doctors-mobile-list{
    display: flex;
    flex-direction: column;
    gap: 0;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    overflow-x: auto;
    overflow-y: visible;
    -webkit-overflow-scrolling: touch;
    background: #ffffff;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
  }

  .dash-layout--lab .lab-clinic-doctors-page .lab-clinic-doctors-mobile-row{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 12px 14px;
    background: #ffffff;
    min-width: max-content;
    position: relative;
  }

  .dash-layout--lab .lab-clinic-doctors-page .lab-clinic-doctors-mobile-row + .lab-clinic-doctors-mobile-row{
    border-top: 1px solid #e9f0f4;
  }

  .dash-layout--lab .lab-clinic-doctors-page .lab-clinic-doctors-mobile-row-main{
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
    flex: 1 1 auto;
  }

  .dash-layout--lab .lab-clinic-doctors-page .lab-clinic-doctors-mobile-row-text{
    display: flex;
    flex-direction: column;
    min-width: 0;
  }

  .dash-layout--lab .lab-clinic-doctors-page .lab-clinic-doctors-mobile-row-text .lab-patient-row-name{
    font-size: 14px;
    font-weight: 700;
  }

  .dash-layout--lab .lab-clinic-doctors-page .lab-clinic-doctors-mobile-row-meta{
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
    color: #64748b;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .dash-layout--lab .lab-clinic-doctors-page .lab-clinic-doctors-mobile-row-meta span{
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .dash-layout--lab .lab-clinic-doctors-page .lab-clinic-doctors-mobile-row-meta span + span::before{
    content: '•';
    margin-right: 6px;
    color: #94a3b8;
  }

  .dash-layout--lab .lab-clinic-doctors-page .lab-clinic-doctors-mobile-row-side{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    flex-shrink: 0;
  }

  .dash-layout--lab .lab-clinic-doctors-page .lab-clinic-doctors-mobile-empty{
    text-align: center;
    padding: 18px 12px;
    border-radius: 16px;
    border: 1px dashed #dbe4ee;
    background: #f8fbfd;
    color: #64748b;
    font-weight: 600;
  }

  .dash-layout--clinic .clinic-patients-page .wo-list-toolbar-right,
.dash-layout--clinic .clinic-active-wo-page .wo-list-toolbar-right,
.dash-layout--lab .lab-patients-page .wo-list-toolbar-right,
.dash-layout--lab .lab-work-orders-page .wo-list-toolbar-right{
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 8px;
  }

  .dash-layout--clinic .clinic-patients-page .lab-patient-list-table-wrap,
.dash-layout--clinic .clinic-active-wo-page .lab-patient-list-table-wrap,
.dash-layout--lab .lab-patients-page .lab-patient-list-table-wrap,
.dash-layout--lab .lab-work-orders-page .lab-patient-list-table-wrap{
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .dash-layout--clinic .clinic-patients-page .wo-list-table,
.dash-layout--clinic .clinic-active-wo-page .wo-list-table,
.dash-layout--lab .lab-patients-page .wo-list-table,
.dash-layout--lab .lab-work-orders-page .wo-list-table{
    min-width: 740px;
  }

  .dash-layout--lab .lab-patient-list-card,
.dash-layout--lab .lab-work-orders-page .lab-patient-list-card,
.dash-layout--lab .lab-patients-page .lab-patient-list-card,
.dash-layout--lab .lab-dashboard-main .lab-dash-card{
    border-radius: 16px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 10px 26px rgba(37, 99, 235, 0.08);
  }

  .clinic-mobile-menu-page .dash-main,
.lab-mobile-menu-page .dash-main{
    padding-inline: 10px;
  }

  .lab-mobile-menu-main{
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  .lab-mobile-menu-hero{
    border-radius: 16px;
    padding: 14px;
    border: 1px solid #dbeaf3;
    background: linear-gradient(150deg, #ffffff 0%, #f0f9ff 100%);
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 10px 24px rgba(37, 99, 235, 0.08);
  }

  .lab-mobile-menu-hero-eyebrow{
    margin: 0 0 4px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--brand-primary);
  }

  .lab-mobile-menu-hero-title{
    margin: 0;
    font-size: 20px;
    font-weight: 800;
    color: #0f172a;
  }

  .lab-mobile-menu-hero-subtitle{
    margin: 6px 0 0;
    font-size: 13px;
    color: #527487;
  }

  .dash-layout--clinic .lab-mobile-menu-section{
    display: flex;
    flex-direction: column;
    gap: 8px;
  }

  .dash-layout--clinic .lab-mobile-menu-title{
    margin: 0;
    padding: 0 4px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #64748b;
  }

  

  .lab-mobile-menu-list{
    display: flex;
    flex-direction: column;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    overflow: hidden;
    background: #ffffff;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
  }

  .lab-mobile-menu-row{
    width: 100%;
    min-height: 52px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 0 14px;
    border: 0;
    border-bottom: 1px solid #e9f0f4;
    background: #ffffff;
    color: #0f172a;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
  }

  .lab-mobile-menu-row:last-child{
    border-bottom: 0;
  }

  .lab-mobile-menu-row-left{
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
  }

  .lab-mobile-menu-row i{
    font-size: 18px;
    color: var(--brand-primary);
    flex-shrink: 0;
  }

  .lab-mobile-menu-row .bi-chevron-right{
    font-size: 13px;
    color: #94a3b8;
  }

  .lab-mobile-menu-row--active{
    background: linear-gradient(180deg, #f0f9ff 0%, #e8f6fc 100%);
    color: var(--brand-primary-deep);
  }

  .lab-mobile-menu-row--active i{
    color: var(--brand-primary-deep);
  }

  .lab-mobile-menu-row--logout{
    border: 1px solid #fecaca;
    border-radius: 14px;
    background: linear-gradient(165deg, #fff7f7 0%, #fff1f1 100%);
    color: #b91c1c;
    cursor: pointer;
    font-weight: 700;
  }

  .lab-mobile-menu-row--logout i{
    color: #dc2626;
  }

  

  

  

  

  

  

  .dash-layout--clinic .lab-mobile-menu-section--footer{
    padding-top: 4px;
  }

  .dash-layout--clinic.clinic-mobile-menu-page .lab-mobile-menu-page-content{
    display: flex;
    flex-direction: column;
    gap: 14px;
  }

  body.theme-dark .dash-layout--lab .lab-mobile-bottom-nav,
body.theme-dark .dash-layout--clinic .clinic-mobile-bottom-nav{
    background: var(--rw-surface, #18181b);
    border-color: var(--rw-border, #2d2d2d);
    box-shadow: var(--rw-shadow, 0 8px 32px rgba(0, 0, 0, 0.45));
    backdrop-filter: blur(22px) saturate(160%);
    -webkit-backdrop-filter: blur(22px) saturate(160%);
  }

  body.theme-dark .dash-layout--lab .lab-mobile-bottom-nav .mobile-bottom-nav__item,
body.theme-dark .dash-layout--clinic .clinic-mobile-bottom-nav .mobile-bottom-nav__item{
    color: var(--rw-text-muted, #aaaaaa);
  }

  body.theme-dark .dash-layout--lab .lab-mobile-bottom-nav .mobile-bottom-nav__item--active,
body.theme-dark .dash-layout--clinic .clinic-mobile-bottom-nav .mobile-bottom-nav__item--active{
    color: var(--rw-text-strong, #ffffff);
    background: var(--rw-surface-elevated, #27272a);
    box-shadow: inset 0 0 0 1px var(--rw-border, #2d2d2d);
  }

  body.theme-dark .dash-layout--lab .lab-mobile-bottom-nav .mobile-bottom-nav__item--active::after,
body.theme-dark .dash-layout--clinic .clinic-mobile-bottom-nav .mobile-bottom-nav__item--active::after{
    background: var(--brand-primary);
  }

  body.theme-dark .dash-layout--lab .lab-mobile-bottom-nav .mobile-bottom-nav__item--cta,
body.theme-dark .dash-layout--clinic .clinic-mobile-bottom-nav .mobile-bottom-nav__item--cta{
    box-shadow: 0 4px 14px rgba(37, 99, 235, 0.35);
  }

  body.theme-dark .dash-layout--lab .lab-definition-page .wo-filter-btn,
body.theme-dark .dash-layout--clinic .lab-definition-page .wo-filter-btn,
body.theme-dark .dash-layout--lab .lab-mobile-unified-page .wo-orders-toolbar-actions .wo-filter-btn,
body.theme-dark .dash-layout--lab .lab-mobile-unified-page .wo-list-toolbar-right .wo-list-filter-btn{
    border-color: var(--rw-border, #2d2d2d);
    background: var(--rw-surface, #18181b);
    color: var(--rw-text-muted, #aaaaaa);
    box-shadow: var(--rw-shadow, 0 8px 32px rgba(0, 0, 0, 0.45));
  }

  body.theme-dark .dash-layout--lab .lab-definition-page .wo-filter-btn i,
body.theme-dark .dash-layout--clinic .lab-definition-page .wo-filter-btn i,
body.theme-dark .dash-layout--lab .lab-mobile-unified-page .wo-orders-toolbar-actions .wo-filter-btn i,
body.theme-dark .dash-layout--lab .lab-mobile-unified-page .wo-list-toolbar-right .wo-list-filter-btn i{
    color: var(--rw-text-muted, #aaaaaa);
  }

  body.theme-dark .dash-layout--lab .lab-definition-page .tech-add-btn,
body.theme-dark .dash-layout--clinic .lab-definition-page .tech-add-btn,
body.theme-dark .dash-layout--lab .lab-mobile-unified-page .wo-orders-toolbar-actions .tech-add-btn,
body.theme-dark .dash-layout--lab .lab-mobile-unified-page .wo-list-toolbar-right .tech-add-btn{
    background: var(--brand-gradient, var(--brand-primary));
    color: #ffffff;
    border-color: var(--brand-primary-deep);
    box-shadow: 0 4px 14px rgba(37, 99, 235, 0.35);
  }

body.theme-dark .dash-layout--lab .lab-patients-page .wo-list-card,
body.theme-dark .dash-layout--lab .lab-patients-page .lab-patient-list-table-wrap,
body.theme-dark .dash-layout--lab .lab-patients-page .wo-mobile-cards{
  background: var(--rw-surface, #18181b);
  border-color: var(--rw-border, #2d2d2d);
}

body.theme-dark .lab-patients-page .wo-list-table tbody tr.wo-list-row:hover .wo-list-col-actions,
body.theme-dark .lab-patients-page .wo-list-table tbody tr.wo-list-row:focus-within .wo-list-col-actions,
body.theme-dark .lab-patients-page .wo-list-table tbody tr.wo-list-row.wo-list-row--mouse-over .wo-list-col-actions,
body.theme-dark .lab-work-orders-page .wo-list-table tbody tr.wo-list-row:hover .wo-list-col-actions,
body.theme-dark .lab-work-orders-page .wo-list-table tbody tr.wo-list-row:focus-within .wo-list-col-actions,
body.theme-dark .lab-work-orders-page .wo-list-table tbody tr.wo-list-row.wo-list-row--mouse-over .wo-list-col-actions,
body.theme-dark .clinic-patients-page .wo-list-table tbody tr.wo-list-row:hover .wo-list-col-actions,
body.theme-dark .clinic-users-page .wo-list-table tbody tr.wo-list-row:hover .wo-list-col-actions,
body.theme-dark .lab-definition-page .wo-list-table tbody tr.wo-list-row:hover .wo-list-col-actions,
body.theme-dark .lab-users-page .wo-list-table tbody tr.wo-list-row:hover .wo-list-col-actions,
body.theme-dark .clinic-patients-page .wo-list-table tbody tr.wo-list-row:focus-within .wo-list-col-actions,
body.theme-dark .clinic-users-page .wo-list-table tbody tr.wo-list-row:focus-within .wo-list-col-actions,
body.theme-dark .lab-definition-page .wo-list-table tbody tr.wo-list-row:focus-within .wo-list-col-actions,
body.theme-dark .lab-users-page .wo-list-table tbody tr.wo-list-row:focus-within .wo-list-col-actions,
body.theme-dark .clinic-patients-page .wo-list-table tbody tr.wo-list-row.wo-list-row--mouse-over .wo-list-col-actions,
body.theme-dark .clinic-users-page .wo-list-table tbody tr.wo-list-row.wo-list-row--mouse-over .wo-list-col-actions,
body.theme-dark .lab-definition-page .wo-list-table tbody tr.wo-list-row.wo-list-row--mouse-over .wo-list-col-actions,
body.theme-dark .lab-users-page .wo-list-table tbody tr.wo-list-row.wo-list-row--mouse-over .wo-list-col-actions,
body.theme-dark .clinic-active-wo-page .wo-list-table tbody tr.wo-list-row:hover .wo-list-col-actions,
body.theme-dark .clinic-active-wo-page .wo-list-table tbody tr.wo-list-row:focus-within .wo-list-col-actions,
body.theme-dark .clinic-active-wo-page .wo-list-table tbody tr.wo-list-row.wo-list-row--mouse-over .wo-list-col-actions{
  background: transparent;
}

body.theme-dark .lab-patients-page .wo-list-table tbody tr.wo-list-row.wo-list-row--active .wo-list-col-actions,
body.theme-dark .lab-work-orders-page .wo-list-table tbody tr.wo-list-row.wo-list-row--active .wo-list-col-actions,
body.theme-dark .clinic-patients-page .wo-list-table tbody tr.wo-list-row.wo-list-row--active .wo-list-col-actions,
body.theme-dark .clinic-users-page .wo-list-table tbody tr.wo-list-row.wo-list-row--active .wo-list-col-actions,
body.theme-dark .lab-definition-page .wo-list-table tbody tr.wo-list-row.wo-list-row--active .wo-list-col-actions,
body.theme-dark .lab-users-page .wo-list-table tbody tr.wo-list-row.wo-list-row--active .wo-list-col-actions,
body.theme-dark .clinic-active-wo-page .wo-list-table tbody tr.wo-list-row.wo-list-row--active .wo-list-col-actions{
  background: transparent;
}

body.theme-dark .lab-patients-page .lab-patient-row-hover-actions,
body.theme-dark .lab-work-orders-page .lab-patient-row-hover-actions,
body.theme-dark .clinic-patients-page .lab-patient-row-hover-actions,
body.theme-dark .clinic-users-page .lab-patient-row-hover-actions,
body.theme-dark .lab-definition-page .lab-patient-row-hover-actions,
body.theme-dark .lab-users-page .lab-patient-row-hover-actions,
body.theme-dark .clinic-active-wo-page .lab-patient-row-hover-actions{
  opacity: 1;
  color: #71717a;
}

body.theme-dark .lab-patients-page .lab-patient-row-hover-action-btn,
body.theme-dark .lab-work-orders-page .lab-patient-row-hover-action-btn,
body.theme-dark .clinic-patients-page .lab-patient-row-hover-action-btn,
body.theme-dark .clinic-users-page .lab-patient-row-hover-action-btn,
body.theme-dark .lab-definition-page .lab-patient-row-hover-action-btn,
body.theme-dark .lab-users-page .lab-patient-row-hover-action-btn,
body.theme-dark .clinic-active-wo-page .lab-patient-row-hover-action-btn{
  color: #71717a;
}

body.theme-dark .lab-patients-page .lab-patient-row-hover-action-btn:not(.lab-patient-row-hover-action-btn--danger),
body.theme-dark .lab-patients-page .lab-patient-row-hover-action-btn:not(.lab-patient-row-hover-action-btn--danger) .bi,
body.theme-dark .lab-work-orders-page .lab-patient-row-hover-action-btn:not(.lab-patient-row-hover-action-btn--danger),
body.theme-dark .lab-work-orders-page .lab-patient-row-hover-action-btn:not(.lab-patient-row-hover-action-btn--danger) .bi,
body.theme-dark .clinic-patients-page .lab-patient-row-hover-action-btn:not(.lab-patient-row-hover-action-btn--danger),
body.theme-dark .clinic-users-page .lab-patient-row-hover-action-btn:not(.lab-patient-row-hover-action-btn--danger),
body.theme-dark .lab-definition-page .lab-patient-row-hover-action-btn:not(.lab-patient-row-hover-action-btn--danger):not(.lab-patient-row-hover-action-btn--stock-in):not(.lab-patient-row-hover-action-btn--stock-out),
body.theme-dark .lab-users-page .lab-patient-row-hover-action-btn:not(.lab-patient-row-hover-action-btn--danger),
body.theme-dark .clinic-patients-page .lab-patient-row-hover-action-btn:not(.lab-patient-row-hover-action-btn--danger) .bi,
body.theme-dark .clinic-users-page .lab-patient-row-hover-action-btn:not(.lab-patient-row-hover-action-btn--danger) .bi,
body.theme-dark .lab-definition-page .lab-patient-row-hover-action-btn:not(.lab-patient-row-hover-action-btn--danger):not(.lab-patient-row-hover-action-btn--stock-in):not(.lab-patient-row-hover-action-btn--stock-out) .bi,
body.theme-dark .lab-users-page .lab-patient-row-hover-action-btn:not(.lab-patient-row-hover-action-btn--danger) .bi,
body.theme-dark .clinic-active-wo-page .lab-patient-row-hover-action-btn:not(.lab-patient-row-hover-action-btn--danger),
body.theme-dark .clinic-active-wo-page .lab-patient-row-hover-action-btn:not(.lab-patient-row-hover-action-btn--danger) .bi{
  color: #71717a !important;
}

body.theme-dark .lab-patients-page .wo-list-table tbody tr.wo-list-row:hover .lab-patient-row-hover-actions,
body.theme-dark .lab-patients-page .wo-list-table tbody tr.wo-list-row:focus-within .lab-patient-row-hover-actions,
body.theme-dark .lab-patients-page .wo-list-table tbody tr.wo-list-row.wo-list-row--active .lab-patient-row-hover-actions,
body.theme-dark .lab-patients-page .wo-list-table tbody tr.wo-list-row.wo-list-row--mouse-over .lab-patient-row-hover-actions,
body.theme-dark .lab-work-orders-page .wo-list-table tbody tr.wo-list-row:hover .lab-patient-row-hover-actions,
body.theme-dark .lab-work-orders-page .wo-list-table tbody tr.wo-list-row:focus-within .lab-patient-row-hover-actions,
body.theme-dark .lab-work-orders-page .wo-list-table tbody tr.wo-list-row.wo-list-row--active .lab-patient-row-hover-actions,
body.theme-dark .lab-work-orders-page .wo-list-table tbody tr.wo-list-row.wo-list-row--mouse-over .lab-patient-row-hover-actions,
body.theme-dark .clinic-patients-page .wo-list-table tbody tr.wo-list-row:hover .lab-patient-row-hover-actions,
body.theme-dark .clinic-users-page .wo-list-table tbody tr.wo-list-row:hover .lab-patient-row-hover-actions,
body.theme-dark .lab-definition-page .wo-list-table tbody tr.wo-list-row:hover .lab-patient-row-hover-actions,
body.theme-dark .lab-users-page .wo-list-table tbody tr.wo-list-row:hover .lab-patient-row-hover-actions,
body.theme-dark .clinic-patients-page .wo-list-table tbody tr.wo-list-row:focus-within .lab-patient-row-hover-actions,
body.theme-dark .clinic-users-page .wo-list-table tbody tr.wo-list-row:focus-within .lab-patient-row-hover-actions,
body.theme-dark .lab-definition-page .wo-list-table tbody tr.wo-list-row:focus-within .lab-patient-row-hover-actions,
body.theme-dark .lab-users-page .wo-list-table tbody tr.wo-list-row:focus-within .lab-patient-row-hover-actions,
body.theme-dark .clinic-patients-page .wo-list-table tbody tr.wo-list-row.wo-list-row--active .lab-patient-row-hover-actions,
body.theme-dark .clinic-users-page .wo-list-table tbody tr.wo-list-row.wo-list-row--active .lab-patient-row-hover-actions,
body.theme-dark .lab-definition-page .wo-list-table tbody tr.wo-list-row.wo-list-row--active .lab-patient-row-hover-actions,
body.theme-dark .lab-users-page .wo-list-table tbody tr.wo-list-row.wo-list-row--active .lab-patient-row-hover-actions,
body.theme-dark .clinic-patients-page .wo-list-table tbody tr.wo-list-row.wo-list-row--mouse-over .lab-patient-row-hover-actions,
body.theme-dark .clinic-users-page .wo-list-table tbody tr.wo-list-row.wo-list-row--mouse-over .lab-patient-row-hover-actions,
body.theme-dark .lab-definition-page .wo-list-table tbody tr.wo-list-row.wo-list-row--mouse-over .lab-patient-row-hover-actions,
body.theme-dark .lab-users-page .wo-list-table tbody tr.wo-list-row.wo-list-row--mouse-over .lab-patient-row-hover-actions,
body.theme-dark .clinic-active-wo-page .wo-list-table tbody tr.wo-list-row:hover .lab-patient-row-hover-actions,
body.theme-dark .clinic-active-wo-page .wo-list-table tbody tr.wo-list-row:focus-within .lab-patient-row-hover-actions,
body.theme-dark .clinic-active-wo-page .wo-list-table tbody tr.wo-list-row.wo-list-row--active .lab-patient-row-hover-actions,
body.theme-dark .clinic-active-wo-page .wo-list-table tbody tr.wo-list-row.wo-list-row--mouse-over .lab-patient-row-hover-actions{
  opacity: 1;
  color: #ffffff;
}

body.theme-dark .lab-patients-page .wo-list-table tbody tr.wo-list-row:hover .lab-patient-row-hover-action-btn:not(.lab-patient-row-hover-action-btn--danger),
body.theme-dark .lab-patients-page .wo-list-table tbody tr.wo-list-row:focus-within .lab-patient-row-hover-action-btn:not(.lab-patient-row-hover-action-btn--danger),
body.theme-dark .lab-patients-page .wo-list-table tbody tr.wo-list-row.wo-list-row--active .lab-patient-row-hover-action-btn:not(.lab-patient-row-hover-action-btn--danger),
body.theme-dark .lab-patients-page .wo-list-table tbody tr.wo-list-row.wo-list-row--mouse-over .lab-patient-row-hover-action-btn:not(.lab-patient-row-hover-action-btn--danger),
body.theme-dark .lab-work-orders-page .wo-list-table tbody tr.wo-list-row:hover .lab-patient-row-hover-action-btn:not(.lab-patient-row-hover-action-btn--danger),
body.theme-dark .lab-work-orders-page .wo-list-table tbody tr.wo-list-row:focus-within .lab-patient-row-hover-action-btn:not(.lab-patient-row-hover-action-btn--danger),
body.theme-dark .lab-work-orders-page .wo-list-table tbody tr.wo-list-row.wo-list-row--active .lab-patient-row-hover-action-btn:not(.lab-patient-row-hover-action-btn--danger),
body.theme-dark .lab-work-orders-page .wo-list-table tbody tr.wo-list-row.wo-list-row--mouse-over .lab-patient-row-hover-action-btn:not(.lab-patient-row-hover-action-btn--danger),
body.theme-dark .clinic-patients-page .wo-list-table tbody tr.wo-list-row:hover .lab-patient-row-hover-action-btn:not(.lab-patient-row-hover-action-btn--danger),
body.theme-dark .clinic-users-page .wo-list-table tbody tr.wo-list-row:hover .lab-patient-row-hover-action-btn:not(.lab-patient-row-hover-action-btn--danger),
body.theme-dark .lab-definition-page .wo-list-table tbody tr.wo-list-row:hover .lab-patient-row-hover-action-btn:not(.lab-patient-row-hover-action-btn--danger),
body.theme-dark .lab-users-page .wo-list-table tbody tr.wo-list-row:hover .lab-patient-row-hover-action-btn:not(.lab-patient-row-hover-action-btn--danger),
body.theme-dark .clinic-patients-page .wo-list-table tbody tr.wo-list-row:focus-within .lab-patient-row-hover-action-btn:not(.lab-patient-row-hover-action-btn--danger),
body.theme-dark .clinic-users-page .wo-list-table tbody tr.wo-list-row:focus-within .lab-patient-row-hover-action-btn:not(.lab-patient-row-hover-action-btn--danger),
body.theme-dark .lab-definition-page .wo-list-table tbody tr.wo-list-row:focus-within .lab-patient-row-hover-action-btn:not(.lab-patient-row-hover-action-btn--danger),
body.theme-dark .lab-users-page .wo-list-table tbody tr.wo-list-row:focus-within .lab-patient-row-hover-action-btn:not(.lab-patient-row-hover-action-btn--danger),
body.theme-dark .clinic-patients-page .wo-list-table tbody tr.wo-list-row.wo-list-row--active .lab-patient-row-hover-action-btn:not(.lab-patient-row-hover-action-btn--danger),
body.theme-dark .clinic-users-page .wo-list-table tbody tr.wo-list-row.wo-list-row--active .lab-patient-row-hover-action-btn:not(.lab-patient-row-hover-action-btn--danger),
body.theme-dark .lab-definition-page .wo-list-table tbody tr.wo-list-row.wo-list-row--active .lab-patient-row-hover-action-btn:not(.lab-patient-row-hover-action-btn--danger),
body.theme-dark .lab-users-page .wo-list-table tbody tr.wo-list-row.wo-list-row--active .lab-patient-row-hover-action-btn:not(.lab-patient-row-hover-action-btn--danger),
body.theme-dark .clinic-patients-page .wo-list-table tbody tr.wo-list-row.wo-list-row--mouse-over .lab-patient-row-hover-action-btn:not(.lab-patient-row-hover-action-btn--danger),
body.theme-dark .clinic-users-page .wo-list-table tbody tr.wo-list-row.wo-list-row--mouse-over .lab-patient-row-hover-action-btn:not(.lab-patient-row-hover-action-btn--danger),
body.theme-dark .lab-definition-page .wo-list-table tbody tr.wo-list-row.wo-list-row--mouse-over .lab-patient-row-hover-action-btn:not(.lab-patient-row-hover-action-btn--danger),
body.theme-dark .lab-users-page .wo-list-table tbody tr.wo-list-row.wo-list-row--mouse-over .lab-patient-row-hover-action-btn:not(.lab-patient-row-hover-action-btn--danger),
body.theme-dark .clinic-active-wo-page .wo-list-table tbody tr.wo-list-row:hover .lab-patient-row-hover-action-btn:not(.lab-patient-row-hover-action-btn--danger),
body.theme-dark .clinic-active-wo-page .wo-list-table tbody tr.wo-list-row:focus-within .lab-patient-row-hover-action-btn:not(.lab-patient-row-hover-action-btn--danger),
body.theme-dark .clinic-active-wo-page .wo-list-table tbody tr.wo-list-row.wo-list-row--active .lab-patient-row-hover-action-btn:not(.lab-patient-row-hover-action-btn--danger),
body.theme-dark .clinic-active-wo-page .wo-list-table tbody tr.wo-list-row.wo-list-row--mouse-over .lab-patient-row-hover-action-btn:not(.lab-patient-row-hover-action-btn--danger),
body.theme-dark .lab-patients-page .wo-list-table tbody tr.wo-list-row:hover .lab-patient-row-hover-action-btn:not(.lab-patient-row-hover-action-btn--danger) .bi,
body.theme-dark .lab-patients-page .wo-list-table tbody tr.wo-list-row:focus-within .lab-patient-row-hover-action-btn:not(.lab-patient-row-hover-action-btn--danger) .bi,
body.theme-dark .lab-patients-page .wo-list-table tbody tr.wo-list-row.wo-list-row--active .lab-patient-row-hover-action-btn:not(.lab-patient-row-hover-action-btn--danger) .bi,
body.theme-dark .lab-patients-page .wo-list-table tbody tr.wo-list-row.wo-list-row--mouse-over .lab-patient-row-hover-action-btn:not(.lab-patient-row-hover-action-btn--danger) .bi,
body.theme-dark .lab-work-orders-page .wo-list-table tbody tr.wo-list-row:hover .lab-patient-row-hover-action-btn:not(.lab-patient-row-hover-action-btn--danger) .bi,
body.theme-dark .lab-work-orders-page .wo-list-table tbody tr.wo-list-row:focus-within .lab-patient-row-hover-action-btn:not(.lab-patient-row-hover-action-btn--danger) .bi,
body.theme-dark .lab-work-orders-page .wo-list-table tbody tr.wo-list-row.wo-list-row--active .lab-patient-row-hover-action-btn:not(.lab-patient-row-hover-action-btn--danger) .bi,
body.theme-dark .lab-work-orders-page .wo-list-table tbody tr.wo-list-row.wo-list-row--mouse-over .lab-patient-row-hover-action-btn:not(.lab-patient-row-hover-action-btn--danger) .bi,
body.theme-dark .clinic-patients-page .wo-list-table tbody tr.wo-list-row:hover .lab-patient-row-hover-action-btn:not(.lab-patient-row-hover-action-btn--danger) .bi,
body.theme-dark .clinic-users-page .wo-list-table tbody tr.wo-list-row:hover .lab-patient-row-hover-action-btn:not(.lab-patient-row-hover-action-btn--danger) .bi,
body.theme-dark .lab-definition-page .wo-list-table tbody tr.wo-list-row:hover .lab-patient-row-hover-action-btn:not(.lab-patient-row-hover-action-btn--danger) .bi,
body.theme-dark .lab-users-page .wo-list-table tbody tr.wo-list-row:hover .lab-patient-row-hover-action-btn:not(.lab-patient-row-hover-action-btn--danger) .bi,
body.theme-dark .clinic-patients-page .wo-list-table tbody tr.wo-list-row:focus-within .lab-patient-row-hover-action-btn:not(.lab-patient-row-hover-action-btn--danger) .bi,
body.theme-dark .clinic-users-page .wo-list-table tbody tr.wo-list-row:focus-within .lab-patient-row-hover-action-btn:not(.lab-patient-row-hover-action-btn--danger) .bi,
body.theme-dark .lab-definition-page .wo-list-table tbody tr.wo-list-row:focus-within .lab-patient-row-hover-action-btn:not(.lab-patient-row-hover-action-btn--danger) .bi,
body.theme-dark .lab-users-page .wo-list-table tbody tr.wo-list-row:focus-within .lab-patient-row-hover-action-btn:not(.lab-patient-row-hover-action-btn--danger) .bi,
body.theme-dark .clinic-patients-page .wo-list-table tbody tr.wo-list-row.wo-list-row--active .lab-patient-row-hover-action-btn:not(.lab-patient-row-hover-action-btn--danger) .bi,
body.theme-dark .clinic-users-page .wo-list-table tbody tr.wo-list-row.wo-list-row--active .lab-patient-row-hover-action-btn:not(.lab-patient-row-hover-action-btn--danger) .bi,
body.theme-dark .lab-definition-page .wo-list-table tbody tr.wo-list-row.wo-list-row--active .lab-patient-row-hover-action-btn:not(.lab-patient-row-hover-action-btn--danger) .bi,
body.theme-dark .lab-users-page .wo-list-table tbody tr.wo-list-row.wo-list-row--active .lab-patient-row-hover-action-btn:not(.lab-patient-row-hover-action-btn--danger) .bi,
body.theme-dark .clinic-patients-page .wo-list-table tbody tr.wo-list-row.wo-list-row--mouse-over .lab-patient-row-hover-action-btn:not(.lab-patient-row-hover-action-btn--danger) .bi,
body.theme-dark .clinic-users-page .wo-list-table tbody tr.wo-list-row.wo-list-row--mouse-over .lab-patient-row-hover-action-btn:not(.lab-patient-row-hover-action-btn--danger) .bi,
body.theme-dark .lab-definition-page .wo-list-table tbody tr.wo-list-row.wo-list-row--mouse-over .lab-patient-row-hover-action-btn:not(.lab-patient-row-hover-action-btn--danger) .bi,
body.theme-dark .lab-users-page .wo-list-table tbody tr.wo-list-row.wo-list-row--mouse-over .lab-patient-row-hover-action-btn:not(.lab-patient-row-hover-action-btn--danger) .bi,
body.theme-dark .clinic-active-wo-page .wo-list-table tbody tr.wo-list-row:hover .lab-patient-row-hover-action-btn:not(.lab-patient-row-hover-action-btn--danger) .bi,
body.theme-dark .clinic-active-wo-page .wo-list-table tbody tr.wo-list-row:focus-within .lab-patient-row-hover-action-btn:not(.lab-patient-row-hover-action-btn--danger) .bi,
body.theme-dark .clinic-active-wo-page .wo-list-table tbody tr.wo-list-row.wo-list-row--active .lab-patient-row-hover-action-btn:not(.lab-patient-row-hover-action-btn--danger) .bi,
body.theme-dark .clinic-active-wo-page .wo-list-table tbody tr.wo-list-row.wo-list-row--mouse-over .lab-patient-row-hover-action-btn:not(.lab-patient-row-hover-action-btn--danger) .bi{
  color: #ffffff !important;
}

body.theme-dark .lab-stocks-page .lab-patient-row-hover-action-btn--stock-in,
body.theme-dark .lab-stocks-page .lab-patient-row-hover-action-btn--stock-in .bi,
body.theme-dark .lab-stocks-page .wo-list-table tbody tr.wo-list-row:hover .lab-patient-row-hover-action-btn--stock-in,
body.theme-dark .lab-stocks-page .wo-list-table tbody tr.wo-list-row:hover .lab-patient-row-hover-action-btn--stock-in .bi,
body.theme-dark .lab-stocks-page .wo-list-table tbody tr.wo-list-row:focus-within .lab-patient-row-hover-action-btn--stock-in,
body.theme-dark .lab-stocks-page .wo-list-table tbody tr.wo-list-row:focus-within .lab-patient-row-hover-action-btn--stock-in .bi{
  color: #89d2a0 !important;
}

body.theme-dark .lab-stocks-page .lab-patient-row-hover-action-btn--stock-in:hover,
body.theme-dark .lab-stocks-page .lab-patient-row-hover-action-btn--stock-in:focus-visible,
body.theme-dark .lab-stocks-page .lab-patient-row-hover-action-btn--stock-in:hover .bi,
body.theme-dark .lab-stocks-page .lab-patient-row-hover-action-btn--stock-in:focus-visible .bi{
  color: #a7e3b8 !important;
  background: transparent;
}

body.theme-dark .lab-stocks-page .lab-patient-row-hover-action-btn--stock-out,
body.theme-dark .lab-stocks-page .lab-patient-row-hover-action-btn--stock-out .bi,
body.theme-dark .lab-stocks-page .wo-list-table tbody tr.wo-list-row:hover .lab-patient-row-hover-action-btn--stock-out,
body.theme-dark .lab-stocks-page .wo-list-table tbody tr.wo-list-row:hover .lab-patient-row-hover-action-btn--stock-out .bi,
body.theme-dark .lab-stocks-page .wo-list-table tbody tr.wo-list-row:focus-within .lab-patient-row-hover-action-btn--stock-out,
body.theme-dark .lab-stocks-page .wo-list-table tbody tr.wo-list-row:focus-within .lab-patient-row-hover-action-btn--stock-out .bi{
  color: #e0a1a1 !important;
}

body.theme-dark .lab-stocks-page .lab-patient-row-hover-action-btn--stock-out:hover,
body.theme-dark .lab-stocks-page .lab-patient-row-hover-action-btn--stock-out:focus-visible,
body.theme-dark .lab-stocks-page .lab-patient-row-hover-action-btn--stock-out:hover .bi,
body.theme-dark .lab-stocks-page .lab-patient-row-hover-action-btn--stock-out:focus-visible .bi{
  color: #f0bdbd !important;
  background: transparent;
}

body.theme-dark .lab-patients-page .lab-patient-row-hover-action-label,
body.theme-dark .lab-work-orders-page .lab-patient-row-hover-action-label,
body.theme-dark .clinic-patients-page .lab-patient-row-hover-action-label,
body.theme-dark .clinic-active-wo-page .lab-patient-row-hover-action-label{
  color: #ffffff;
  background: rgba(9, 9, 11, 0.98);
  border-color: rgba(9, 9, 11, 0.98);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.35);
}

body.theme-dark .lab-patients-page .lab-patient-row-hover-action-btn:not(.lab-patient-row-hover-action-btn--danger):hover,
body.theme-dark .lab-patients-page .lab-patient-row-hover-action-btn:not(.lab-patient-row-hover-action-btn--danger):focus-visible,
body.theme-dark .lab-work-orders-page .lab-patient-row-hover-action-btn:not(.lab-patient-row-hover-action-btn--danger):hover,
body.theme-dark .lab-work-orders-page .lab-patient-row-hover-action-btn:not(.lab-patient-row-hover-action-btn--danger):focus-visible,
body.theme-dark .clinic-patients-page .lab-patient-row-hover-action-btn:not(.lab-patient-row-hover-action-btn--danger):hover,
body.theme-dark .clinic-patients-page .lab-patient-row-hover-action-btn:not(.lab-patient-row-hover-action-btn--danger):focus-visible,
body.theme-dark .clinic-active-wo-page .lab-patient-row-hover-action-btn:not(.lab-patient-row-hover-action-btn--danger):hover,
body.theme-dark .clinic-active-wo-page .lab-patient-row-hover-action-btn:not(.lab-patient-row-hover-action-btn--danger):focus-visible{
  background: transparent;
  color: #ffffff !important;
}

body.theme-dark .lab-patients-page .lab-patient-row-hover-action-btn:not(.lab-patient-row-hover-action-btn--danger):hover .bi,
body.theme-dark .lab-patients-page .lab-patient-row-hover-action-btn:not(.lab-patient-row-hover-action-btn--danger):focus-visible .bi,
body.theme-dark .lab-work-orders-page .lab-patient-row-hover-action-btn:not(.lab-patient-row-hover-action-btn--danger):hover .bi,
body.theme-dark .lab-work-orders-page .lab-patient-row-hover-action-btn:not(.lab-patient-row-hover-action-btn--danger):focus-visible .bi,
body.theme-dark .clinic-patients-page .lab-patient-row-hover-action-btn:not(.lab-patient-row-hover-action-btn--danger):hover .bi,
body.theme-dark .clinic-patients-page .lab-patient-row-hover-action-btn:not(.lab-patient-row-hover-action-btn--danger):focus-visible .bi{
  color: #ffffff !important;
}

body.theme-dark .lab-patients-page .lab-patient-row-hover-action-btn--danger,
body.theme-dark .lab-work-orders-page .lab-patient-row-hover-action-btn--danger,
body.theme-dark .clinic-patients-page .lab-patient-row-hover-action-btn--danger{
  color: #f87171;
}

body.theme-dark .lab-patients-page .lab-patient-row-hover-action-btn--danger .lab-patient-row-hover-action-label,
body.theme-dark .lab-work-orders-page .lab-patient-row-hover-action-btn--danger .lab-patient-row-hover-action-label,
body.theme-dark .clinic-patients-page .lab-patient-row-hover-action-btn--danger .lab-patient-row-hover-action-label{
  color: #ffffff;
}

body.theme-dark .lab-patients-page .lab-patient-row-hover-action-btn--danger:hover,
body.theme-dark .lab-patients-page .lab-patient-row-hover-action-btn--danger:focus-visible,
body.theme-dark .lab-work-orders-page .lab-patient-row-hover-action-btn--danger:hover,
body.theme-dark .lab-work-orders-page .lab-patient-row-hover-action-btn--danger:focus-visible,
body.theme-dark .clinic-patients-page .lab-patient-row-hover-action-btn--danger:hover,
body.theme-dark .clinic-patients-page .lab-patient-row-hover-action-btn--danger:focus-visible{
  color: #f87171;
  background: transparent;
}

  body.theme-dark .dash-layout--lab .lab-patients-page .lab-patient-list-card-head,
body.theme-dark .dash-layout--lab .lab-patients-page .wo-list-toolbar{
    background: transparent;
  }

  body.theme-dark .dash-layout--lab .lab-definition-page .lab-patient-list-card,
body.theme-dark .dash-layout--clinic .lab-definition-page .lab-patient-list-card,
body.theme-dark .dash-layout--lab .lab-mobile-unified-page .lab-patient-list-card,
body.theme-dark .dash-layout--lab .lab-clinic-doctors-page .lab-patient-list-card{
    background: var(--rw-surface, #18181b);
    border-color: var(--rw-border, #2d2d2d);
    box-shadow: var(--rw-shadow, 0 8px 32px rgba(0, 0, 0, 0.45));
  }

  body.theme-dark .dash-layout--lab .lab-definition-page .lab-patient-list-card-title-text,
body.theme-dark .dash-layout--clinic .lab-definition-page .lab-patient-list-card-title-text,
body.theme-dark .dash-layout--lab .lab-mobile-unified-page .lab-patient-list-card-title-text,
body.theme-dark .dash-layout--lab .lab-clinic-doctors-page .lab-patient-list-card-title-text{
    color: var(--rw-text-muted, #aaaaaa);
  }

  body.theme-dark .dash-layout--lab .lab-definition-page .lab-patient-list-card-title-count,
body.theme-dark .dash-layout--clinic .lab-definition-page .lab-patient-list-card-title-count,
body.theme-dark .dash-layout--lab .lab-mobile-unified-page .lab-patient-list-card-title-count,
body.theme-dark .dash-layout--lab .lab-clinic-doctors-page .lab-patient-list-card-title-count{
    color: var(--rw-text-strong, #ffffff);
  }

  body.theme-dark .dash-layout--lab .lab-mobile-unified-page .lab-definition-mobile-list,
body.theme-dark .dash-layout--lab .lab-definition-page .lab-definition-mobile-list,
body.theme-dark .dash-layout--clinic .lab-definition-page .lab-definition-mobile-list,
body.theme-dark .dash-layout--lab .lab-clinic-doctors-page .lab-clinic-doctors-mobile-list{
    background: var(--rw-surface, #18181b);
    border-color: var(--rw-border, #2d2d2d);
    box-shadow: var(--rw-shadow, 0 8px 32px rgba(0, 0, 0, 0.45));
  }

  body.theme-dark .dash-layout--lab .lab-mobile-unified-page .lab-definition-mobile-row,
body.theme-dark .dash-layout--lab .lab-definition-page .lab-definition-mobile-row,
body.theme-dark .dash-layout--clinic .lab-definition-page .lab-definition-mobile-row,
body.theme-dark .dash-layout--lab .lab-clinic-doctors-page .lab-clinic-doctors-mobile-row,
body.theme-dark .dash-layout--lab .lab-definition-page .wo-list-table tbody tr.wo-list-row,
body.theme-dark .dash-layout--clinic .lab-definition-page .wo-list-table tbody tr.wo-list-row{
    background: var(--rw-surface, #18181b);
    border-color: var(--rw-border, #2d2d2d);
  }

  body.theme-dark .dash-layout--lab .lab-mobile-unified-page .lab-definition-mobile-row + .lab-definition-mobile-row,
body.theme-dark .dash-layout--lab .lab-definition-page .lab-definition-mobile-row + .lab-definition-mobile-row,
body.theme-dark .dash-layout--clinic .lab-definition-page .lab-definition-mobile-row + .lab-definition-mobile-row,
body.theme-dark .dash-layout--lab .lab-clinic-doctors-page .lab-clinic-doctors-mobile-row + .lab-clinic-doctors-mobile-row,
body.theme-dark .dash-layout--lab .lab-definition-page .wo-list-table td + td,
body.theme-dark .dash-layout--clinic .lab-definition-page .wo-list-table td + td{
    border-color: var(--rw-border, #2d2d2d);
  }

  body.theme-dark .dash-layout--lab .lab-mobile-unified-page .lab-definition-mobile-row-text .lab-patient-row-name,
body.theme-dark .dash-layout--lab .lab-definition-page .lab-definition-mobile-row-text .lab-patient-row-name,
body.theme-dark .dash-layout--clinic .lab-definition-page .lab-definition-mobile-row-text .lab-patient-row-name,
body.theme-dark .dash-layout--lab .lab-clinic-doctors-page .lab-clinic-doctors-mobile-row-text .lab-patient-row-name,
body.theme-dark .dash-layout--lab .lab-definition-page .wo-list-table .lab-patient-row-name,
body.theme-dark .dash-layout--clinic .lab-definition-page .wo-list-table .lab-patient-row-name{
    color: var(--rw-text-strong, #ffffff);
  }

  body.theme-dark .dash-layout--lab .lab-mobile-unified-page .lab-definition-mobile-row-meta,
body.theme-dark .dash-layout--lab .lab-mobile-unified-page .lab-definition-mobile-row-meta-value,
body.theme-dark .dash-layout--lab .lab-definition-page .lab-definition-mobile-row-meta,
body.theme-dark .dash-layout--lab .lab-definition-page .lab-definition-mobile-row-meta-value,
body.theme-dark .dash-layout--clinic .lab-definition-page .lab-definition-mobile-row-meta,
body.theme-dark .dash-layout--clinic .lab-definition-page .lab-definition-mobile-row-meta-value,
body.theme-dark .dash-layout--lab .lab-clinic-doctors-page .lab-clinic-doctors-mobile-row-meta,
body.theme-dark .dash-layout--lab .lab-definition-page .wo-list-table .lab-patient-row-sub,
body.theme-dark .dash-layout--clinic .lab-definition-page .wo-list-table .lab-patient-row-sub{
    color: var(--rw-text-muted, #aaaaaa);
  }

  body.theme-dark .dash-layout--lab .lab-definition-page .lab-definition-mobile-row-meta-label,
body.theme-dark .dash-layout--clinic .lab-definition-page .lab-definition-mobile-row-meta-label{
    color: var(--rw-text-muted, #aaaaaa);
  }

  body.theme-dark .dash-layout--lab .lab-mobile-unified-page .lab-definition-mobile-empty,
body.theme-dark .dash-layout--lab .lab-definition-page .lab-definition-mobile-empty,
body.theme-dark .dash-layout--clinic .lab-definition-page .lab-definition-mobile-empty,
body.theme-dark .dash-layout--lab .lab-clinic-doctors-page .lab-clinic-doctors-mobile-empty,
body.theme-dark .dash-layout--lab .lab-definition-page .wo-list-table .lab-patient-list-empty,
body.theme-dark .dash-layout--clinic .lab-definition-page .wo-list-table .lab-patient-list-empty{
    background: var(--rw-bg-sidebar, #141414);
    border-color: var(--rw-border, #2d2d2d);
    color: var(--rw-text-muted, #aaaaaa);
  }

  body.theme-dark .lab-patient-actions-menu{
    background: var(--rw-surface, #18181b);
    border-color: var(--rw-border, #2d2d2d);
    box-shadow: var(--rw-shadow, 0 8px 32px rgba(0, 0, 0, 0.45));
  }

  body.theme-dark .lab-patient-actions-menu-item{
    color: var(--rw-text, #aaaaaa);
  }

  body.theme-dark .lab-patient-actions-menu-item:hover{
    background: var(--rw-surface-hover, #2f2f33);
    color: var(--rw-text-strong, #ffffff);
  }

  body.theme-dark .lab-mobile-menu-hero,
body.theme-dark .lab-mobile-menu-list,
body.theme-dark .lab-mobile-menu-row{
    background: var(--rw-surface, #18181b);
    border-color: var(--rw-border, #2d2d2d);
    box-shadow: var(--rw-shadow, 0 8px 32px rgba(0, 0, 0, 0.45));
  }

  body.theme-dark .lab-mobile-menu-hero-title,
body.theme-dark .lab-mobile-menu-row{
    color: var(--rw-text-strong, #ffffff);
  }

  body.theme-dark .lab-mobile-menu-hero-subtitle,
body.theme-dark .dash-layout--lab .lab-mobile-menu-title,
body.theme-dark .dash-layout--clinic .lab-mobile-menu-title,
body.theme-dark .lab-mobile-menu-row .bi-chevron-right{
    color: var(--rw-text-muted, #aaaaaa);
  }

  body.theme-dark .lab-mobile-menu-row{
    border-color: var(--rw-border, #2d2d2d);
    border-bottom-color: var(--rw-border, #2d2d2d);
  }

  body.theme-dark .lab-mobile-menu-row i{
    color: var(--brand-primary);
  }

  body.theme-dark .lab-mobile-menu-row--active{
    background: rgba(37, 99, 235, 0.22);
    border-color: var(--brand-primary);
    color: var(--brand-primary-light, #5eb8d4);
    box-shadow: 0 0 0 1px var(--brand-ring);
  }

  
}

/* print / mobile / misc */

/* ============================================================================
   LAB - Raporlar yazdirma cikti (Detayli Ekstre Raporu)
   ========================================================================== */

.lab-report-print{
  display: none;
}

/* Tarayicinin varsayilan ust/alt bilgilerini (baslik, URL, tarih, sayfa no) kaldir */

@page {
  margin: 0;
}

@media print {
  body:has(.lab-report-print) #root{
    display: none !important;
  }

  body:has(.lab-report-print){
    margin: 0 !important;
    padding: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: hidden !important;
    background: #fff !important;
  }

  /* Ekran arayuzunu gizle */
  .dash-layout aside,
.dash-sidebar,
.dash-topbar,
.dash-header,
.mobile-bottom-nav,
.lab-stocks-page-head,
.lab-patient-listing,
.wo-filter-popover{
    display: none !important;
  }

  body:has(.lab-report-print) .cwo-print,
body:has(.lab-report-print) .clinic-wo-drawer-backdrop,
body:has(.lab-report-print) .clinic-wo-drawer,
body:has(.lab-report-print) .wo-view-fullscreen-overlays{
    display: none !important;
  }

  body,
.dash-layout,
.dash-page-column,
.dash-main,
.lab-reports-page{
    display: block !important;
    background: #fff !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  .lab-report-print{
    display: block;
    color: #000;
    font-family: "Times New Roman", Georgia, serif;
    /* @page margin 0 oldugu icin kenar bosluklarini buradan veriyoruz */
    padding: 1.2cm 1.4cm;
  }

  .lab-report-print-title{
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 22px;
  }

  .lab-report-print-table{
    width: 100%;
    border-collapse: collapse;
    font-size: 11px;
  }

  .lab-report-print-table th,
.lab-report-print-table td{
    border: 1px solid #000;
    padding: 4px 6px;
    text-align: left;
    vertical-align: middle;
  }

  .lab-report-print-table thead th{
    text-align: center;
    font-weight: 700;
  }

  .lab-report-print-table .num{
    text-align: center;
    white-space: nowrap;
  }

  .lab-report-print-table .nowrap{
    white-space: nowrap;
    text-align: center;
  }

  .lab-report-print-table thead{
    display: table-header-group;
  }

  .lab-report-print-table tbody tr{
    page-break-inside: avoid;
  }

  .lab-report-print-totals{
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    gap: 10px;
    margin-top: 10px;
    padding-right: 4px;
    font-size: 13px;
  }

  .lab-report-print-totals-label{
    font-weight: 700;
  }

  .lab-report-print-totals-values{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    font-weight: 600;
  }
}

/* ============================================================================
   CLINIC - Is emri yazdirma cikti (A5)
   ========================================================================== */

.cwo-print{
  display: none;
}

@page cwo-a5 {
  size: A5 portrait;
  margin: 4mm;
}

@media print {
  /* Is emri formu: uygulama arayuzunu tamamen gizle, tek A5 sayfa */
  body:has(.cwo-print) #root{
    display: none !important;
  }

  body:has(.cwo-print){
    margin: 0 !important;
    padding: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: hidden !important;
    background: #fff !important;
  }

  body:has(.cwo-print) .clinic-wo-drawer-backdrop,
body:has(.cwo-print) .clinic-wo-drawer,
body:has(.cwo-print) .lab-report-print,
body:has(.cwo-print) .wo-view-fullscreen-overlays{
    display: none !important;
  }

  .clinic-active-wo-page,
.clinic-active-wo-shell,
.clinic-wo-side-rail,
.clinic-wo-side-panel,
.clinic-active-wo-main,
.clinic-active-wo-body,
.lab-work-orders-page,
.wo-active-orders-wrap,
.clinic-wo-drawer-backdrop,
.clinic-wo-drawer,
.dash-sidebar,
.dash-topbar,
.dash-header,
.dash-main,
.mobile-bottom-nav,
.wo-orders-toolbar,
.wo-filter-popover,
.tech-panel-backdrop,
.wo-view-fullscreen-overlays{
    display: none !important;
  }

  .cwo-print{
    display: block !important;
    page: cwo-a5;
    position: fixed;
    left: 0;
    top: 0;
    /* A5 (148x210mm) - 4mm @page kenar bosluklari = 140x202mm yazilabilir alan */
    width: 140mm;
    height: 201mm;
    max-height: 201mm;
    overflow: hidden;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 1.25;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    page-break-before: avoid !important;
    page-break-after: avoid !important;
    page-break-inside: avoid !important;
    break-before: avoid-page !important;
    break-after: avoid-page !important;
    break-inside: avoid !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  .cwo-print-sheet{
    border: 1px solid #000;
    width: 100%;
    height: 100%;
    max-height: 201mm;
    box-sizing: border-box;
    background: #fff;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    page-break-inside: avoid;
    break-inside: avoid;
  }

  .cwo-print-head,
.cwo-print-odonto,
.cwo-print-info-table,
.cwo-print-prova-wrap,
.cwo-print-footer{
    flex-shrink: 0;
    page-break-inside: avoid;
    break-inside: avoid;
  }

  .cwo-print-head{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 6px 10px;
    border-bottom: 1px solid #000;
  }

  .cwo-print-title{
    margin: 0;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.02em;
  }

  

  

  .cwo-print-odonto{
    padding: 8px 10px 6px;
    border-bottom: 1px solid #000;
  }

  .cwo-print-odonto-row{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
  }

  

  

  .cwo-print-odonto-quadrant{
    display: flex;
    align-items: stretch;
    gap: 0;
  }

  .cwo-print-odonto-divider{
    height: 1px;
    background: #000;
    margin: 3px 8px;
  }

  .cwo-print-odonto-midline{
    width: 1px;
    align-self: stretch;
    min-height: 22px;
    background: #000;
    margin: 0 4px;
    flex-shrink: 0;
  }

  /* Köprü orta hattı geçiyorsa çizgi gizlenir; genişlik korunur ki alt/üst çene hizası bozulmasın. */
  .cwo-print-odonto-midline--bridged{
    background: transparent;
  }

  .cwo-print-odonto-col{
    width: 20px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
  }

  

  

  .cwo-print-odonto-mark{
    width: 10px;
    height: 10px;
    min-width: 10px;
    min-height: 10px;
    border: 1px solid #000;
    box-sizing: border-box;
    background: #fff;
    flex-shrink: 0;
  }

  .cwo-print-odonto-mark--on{
    background: linear-gradient(135deg, #666 0%, #666 48%, #fff 52%, #fff 100%);
  }

  /* Köprü, diş işaretlerinin üzerinden geçen sürekli çizgiyle basılır. */
  .cwo-print-odonto-mark--bridge-start,
.cwo-print-odonto-mark--bridge-middle,
.cwo-print-odonto-mark--bridge-end{
    position: relative;
  }

  .cwo-print-odonto-mark--bridge-start::after,
.cwo-print-odonto-mark--bridge-middle::after,
.cwo-print-odonto-mark--bridge-end::after{
    content: '';
    position: absolute;
    z-index: 1;
    top: 50%;
    height: 2px;
    transform: translateY(-50%);
    background: #000;
  }

  .cwo-print-odonto-mark--bridge-start::after{
    left: 50%;
    right: -6px;
  }

  .cwo-print-odonto-mark--bridge-middle::after{
    left: -6px;
    right: -6px;
  }

  .cwo-print-odonto-mark--bridge-end::after{
    left: -6px;
    right: 50%;
  }

  /* 11/41'den 21/31'e: normal uzantı (6px) + orta hat genişliği (1px + 2 x 4px). */
  .cwo-print-odonto-mark--bridge-cross::after{
    right: -15px;
  }

  

  .cwo-print-tooth{
    width: 18px;
    height: 30px;
    min-height: 30px;
    display: block;
    overflow: visible;
    flex-shrink: 0;
  }

  .cwo-print-tooth--empty{
    display: block;
    width: 18px;
    height: 30px;
  }

  .cwo-print-odonto-num{
    font-size: 8px;
    font-weight: 700;
    line-height: 1;
    height: 9px;
    color: #000;
  }

  .cwo-print-info-table{
    width: 100%;
    border-collapse: collapse;
    border-bottom: 1px solid #000;
    table-layout: fixed;
  }

  /* Klinik bilgileri: satir arasi yatay cizgi yok; sadece ortada tek dikey ayrac */
  .cwo-print-info-th,
.cwo-print-info-td{
    padding: 1px 6px;
    height: 16px;
    vertical-align: middle;
    font-size: 9px;
    line-height: 1.15;
  }

  .cwo-print-info-th{
    width: 18%;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
  }

  .cwo-print-info-th::after{
    content: ' :';
  }

  .cwo-print-info-td{
    width: 32%;
    font-weight: 700;
  }

  

  /* Ortadaki dikey ayrac: 1. sutunun deger hucresi ve bos hucrenin sagi */
  .cwo-print-info-table td:nth-child(2){
    border-right: 1px solid #000;
  }

  .cwo-print-prova-wrap{
    display: flex;
    border-bottom: 1px solid #000;
    flex-shrink: 0;
  }

  .cwo-print-prova-label{
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 10px;
    border-right: 1px solid #000;
    padding: 6px 4px;
    letter-spacing: 0.15em;
    width: 22px;
    flex-shrink: 0;
  }

  .cwo-print-prova{
    flex: 1;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 9px;
  }

  .cwo-print-prova th,
.cwo-print-prova td{
    padding: 1px 5px;
    vertical-align: middle;
    text-align: center;
    line-height: 1.15;
    height: auto;
  }

  /* Baslik: alt cizgi + dikey sutun ayraclari */
  .cwo-print-prova thead th{
    font-weight: 700;
    font-size: 9px;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    padding: 2px 5px;
  }

  /* Govde: yalnizca dikey sutun ayraclari; satir arasi yatay cizgi yok */
  .cwo-print-prova tbody td{
    font-size: 9px;
    border-right: 1px solid #000;
  }

  .cwo-print-prova tbody td:first-child{
    vertical-align: middle;
  }

  .cwo-print-prova th:first-child,
.cwo-print-prova td:first-child{
    border-left: 0;
  }

  .cwo-print-prova th:last-child,
.cwo-print-prova td:last-child{
    border-right: 0;
  }

  .cwo-print-notes{
    flex: 1 1 auto;
    min-height: 0;
    border-bottom: 1px solid #000;
    padding: 5px 8px 8px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    page-break-inside: avoid;
    break-inside: avoid;
  }

  .cwo-print-notes-head{
    font-size: 10px;
    font-weight: 700;
    margin-bottom: 5px;
    flex-shrink: 0;
  }

  .cwo-print-notes-body{
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }

  .cwo-print-notes-anchor{
    margin-top: 0;
    flex: 0 1 auto;
    max-height: 100%;
    min-height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }

  .cwo-print-notes-item{
    margin: 0 0 7px;
    padding: 0 0 6px;
    border-bottom: 1px solid #bbb;
  }

  .cwo-print-notes-item:last-child{
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
  }

  .cwo-print-notes-item p{
    margin: 0;
    font-size: 9px;
    white-space: pre-wrap;
    line-height: 1.45;
  }

  .cwo-print-notes-item strong{
    font-weight: 700;
  }

  .cwo-print-notes-label{
    margin-bottom: 2px;
  }

  .cwo-print-note-block{
    margin: 0;
  }

  .cwo-print-note-block + .cwo-print-note-block{
    margin-top: 4px;
  }

  .cwo-print-note-stamp{
    display: block;
    margin-top: 1px;
    text-align: right;
    font-size: 7px;
    line-height: 1.2;
    color: #444;
    font-weight: 400;
    white-space: nowrap;
  }

  .cwo-print-notes-body > p{
    margin: 0;
    font-size: 9px;
    line-height: 1.4;
  }

  .cwo-print-footer{
    display: grid;
    grid-template-columns: 82px 1fr 72px;
    align-items: stretch;
    font-size: 9px;
    min-height: 32px;
    flex-shrink: 0;
  }

  .cwo-print-footer-label-col{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 6px;
    font-weight: 700;
    border-right: 1px solid #000;
    text-align: center;
    line-height: 1.2;
  }

  .cwo-print-footer-text-col{
    display: flex;
    align-items: center;
    padding: 5px 8px;
    border-right: 1px solid #000;
    font-weight: 600;
    line-height: 1.3;
    white-space: pre-wrap;
  }

  .cwo-print-footer-count-col{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    padding: 4px 6px;
    font-weight: 700;
    text-align: center;
    line-height: 1.2;
  }

  .cwo-print-footer-count-col strong{
    font-size: 13px;
    font-weight: 700;
  }
}

/* ============================================================================
   LAB - Is Emirleri mobil kart gorunumu (mobil uygulama tasarimi)
   ========================================================================== */

.wo-mobile-cards{
  display: none;
}

@media (max-width: 768px) {
  /* Masaustu tabloyu gizle, mobil kartlari goster */
  .wo-list-card .wo-list-table-wrap{
    display: none;
  }

  /* Kart gorunumunde anlamsiz arac cubugu ogeleri */
  .wo-list-card .lab-work-order-table-columns,
.wo-list-card .wo-list-toolbar .wo-display-toggle,
.wo-list-card .wo-list-toolbar-divider{
    display: none;
  }

  .wo-mobile-cards{
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 4px 0 0;
  }

  .wo-mcard{
    display: flex;
    flex-direction: column;
    gap: 14px;
    background: #ffffff;
    border-radius: 18px;
    padding: 16px;
    border: 1px solid rgba(60, 60, 67, 0.1);
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06), 0 6px 16px rgba(15, 23, 42, 0.05);
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
  }

  .wo-mcard:active{
    opacity: 0.96;
  }

  .wo-mcard-top{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
  }

  .wo-mcard-title{
    flex: 1;
    min-width: 0;
    font-size: 17px;
    font-weight: 800;
    letter-spacing: -0.35px;
    color: #000000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .wo-mcard-badge{
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 6px 10px;
    border-radius: 999px;
    max-width: 56%;
    font-size: 12px;
    font-weight: 600;
    flex-shrink: 0;
  }

  .wo-mcard-badge .bi-chevron-right{
    font-size: 11px;
    opacity: 0.8;
  }

  .wo-mcard-info{
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  .wo-mcard-info-row{
    display: flex;
    align-items: flex-start;
    gap: 8px;
    font-size: 14px;
    line-height: 20px;
    color: #000000;
  }

  .wo-mcard-info-row > .bi{
    margin-top: 1px;
    font-size: 15px;
    color: #3c3c43;
    opacity: 0.7;
  }

  .wo-mcard-info-label{
    color: #3c3c43;
    opacity: 0.75;
    font-weight: 500;
  }

  .wo-mcard-divider{
    height: 1px;
    background: rgba(60, 60, 67, 0.14);
  }

  .wo-mcard-footer{
    display: flex;
    align-items: stretch;
  }

  .wo-mcard-fcol{
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 2px 4px;
    min-height: 44px;
  }

  .wo-mcard-fcol--bordered{
    border-left: 1px solid rgba(60, 60, 67, 0.14);
  }

  .wo-mcard-fcol-label{
    font-size: 11px;
    font-weight: 500;
    color: #3c3c43;
    opacity: 0.7;
    text-align: center;
  }

  .wo-mcard-fcol-value{
    font-size: 13px;
    font-weight: 700;
    color: #000000;
    text-align: center;
  }

  .wo-mcard-empty{
    padding: 32px 16px;
    text-align: center;
    color: #8e8e93;
    font-size: 14px;
  }

  body.theme-dark .wo-mcard{
    background: var(--rw-surface, #18181b);
    border-color: var(--rw-border, #2d2d2d);
    box-shadow: var(--rw-shadow, 0 8px 32px rgba(0, 0, 0, 0.45));
  }

  body.theme-dark .wo-mcard-title,
body.theme-dark .wo-mcard-fcol-value{
    color: var(--rw-text-strong, #ffffff);
  }

  body.theme-dark .wo-mcard-info-row{
    color: var(--rw-text, #aaaaaa);
  }

  body.theme-dark .wo-mcard-info-row > .bi,
body.theme-dark .wo-mcard-info-label,
body.theme-dark .wo-mcard-fcol-label,
body.theme-dark .wo-mcard-empty{
    color: var(--rw-text-muted, #aaaaaa);
  }

  body.theme-dark .wo-mcard-divider,
body.theme-dark .wo-mcard-fcol--bordered{
    border-color: var(--rw-border, #2d2d2d);
    background: var(--rw-border, #2d2d2d);
  }
}

/* ============================================================================
   LAB - Is emri detay drawer mobil gorunum (mobil uygulama tasarimi)
   ========================================================================== */

/* Nav etiketi masaustunde gizli (ikon rayi); mobilde segment pill icinde gorunur */

.zd-drawer-nav-label{
  display: none;
}

@media (max-width: 768px) {
  .clinic-wo-drawer-backdrop--zd{
    padding: 0;
    top: 0;
    left: 0;
    right: 0;
    /* Alt navigasyon bari gorunur kalsin diye altta yer birak */
    bottom: calc(86px + env(safe-area-inset-bottom, 0px));
    background: rgba(15, 23, 42, 0.4);
    align-items: stretch;
    justify-content: stretch;
  }

  .clinic-wo-drawer--zd{
    width: 100%;
    height: 100%;
    max-height: 100%;
    border-radius: 0 0 18px 18px;
    box-shadow: none;
    background: #f2f2f7;
  }

  .clinic-wo-drawer--zd .zd-drawer-frame{
    flex-direction: column;
  }

  /* Header */
  .clinic-wo-drawer-head--zd{
    padding: calc(env(safe-area-inset-top, 0px) + 12px) 16px 6px;
    background: #f2f2f7;
    border-bottom: 0;
  }

  .clinic-wo-drawer-head--zd .zd-drawer-title-block h3{
    font-size: 22px;
    font-weight: 800;
    letter-spacing: -0.5px;
    color: #000;
  }

  .clinic-wo-drawer-head--zd .zd-drawer-kicker{
    font-size: 12px;
  }

  .clinic-wo-drawer-head--zd .zd-drawer-chevron{
    display: none;
  }

  .clinic-wo-drawer--zd .clinic-wo-drawer-close--zd{
    width: 40px;
    height: 40px;
    border-radius: 12px;
    background: rgba(59, 130, 246, 0.12);
    color: var(--brand-primary-light);
    border: 0;
  }

  /* Nav -> yatay pill segment secici */
  .clinic-wo-drawer--zd .zd-drawer-nav{
    flex: 0 0 auto;
    flex-direction: row;
    align-items: stretch;
    justify-content: stretch;
    gap: 4px;
    margin: 2px 16px 10px;
    padding: 4px;
    background: #e7e7ee;
    border: 0;
    border-radius: 12px;
    overflow: visible;
  }

  .clinic-wo-drawer--zd .zd-drawer-nav-btn{
    flex: 1 1 0;
    width: auto;
    height: 36px;
    flex-direction: row;
    gap: 6px;
    margin: 0;
    border: 0;
    border-radius: 9px;
    background: transparent;
    box-shadow: none;
    color: #3c3c43;
  }

  .clinic-wo-drawer--zd .zd-drawer-nav-btn .bi{
    font-size: 15px;
    opacity: 1;
  }

  .clinic-wo-drawer--zd .zd-drawer-nav-label{
    display: inline;
    font-size: 13px;
    font-weight: 600;
  }

  .clinic-wo-drawer--zd .zd-drawer-nav-btn--active{
    background: #ffffff;
    color: #000;
    border: 0;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
  }

  .clinic-wo-drawer--zd .zd-drawer-nav-btn--active .bi{
    color: #000;
  }

  /* Ana icerik */
  .clinic-wo-drawer--zd .zd-drawer-main{
    background: #f2f2f7;
  }

  .clinic-wo-drawer-body--zd{
    padding: 0 16px 16px;
  }

  .clinic-wo-drawer--zd .zd-drawer-section--pane{
    padding: 0;
  }

  .clinic-wo-drawer--zd .zd-section-label{
    font-size: 13px;
    font-weight: 700;
    color: #3c3c43;
    opacity: 0.85;
    margin: 4px 2px 8px;
  }

  .clinic-wo-drawer--zd .zd-drawer-section--trials .zd-section-label{
    margin: 0 2px 0;
  }

  .clinic-wo-drawer--zd .zd-trials-card.zd-surface-card,
  .clinic-wo-drawer--zd .zd-trials-card{
    padding: 0;
    background: transparent;
    border: none;
    box-shadow: none;
  }

  /* Kartlar */
  .clinic-wo-drawer--zd .zd-surface-card{
    background: #ffffff;
    border-radius: 16px;
    border: 1px solid rgba(60, 60, 67, 0.1);
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06);
    padding: 14px;
  }

  .clinic-wo-drawer--zd .clinic-wo-drawer-dl-row{
    align-items: flex-start;
    gap: 10px;
    padding: 8px 0;
  }

  .clinic-wo-drawer--zd .clinic-wo-drawer-dl-row dt{
    width: auto;
    flex: 0 0 auto;
    min-width: 108px;
    font-size: 14px;
    font-weight: 500;
    color: #3c3c43;
    opacity: 0.8;
  }

  .clinic-wo-drawer--zd .clinic-wo-drawer-dl-row dd{
    flex: 1;
    font-size: 14px;
    font-weight: 600;
    color: #000;
    line-height: 20px;
  }

  /* Footer: tam genislik, sticky alt */
  .clinic-wo-drawer--zd .zd-drawer-footer{
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
    border-radius: 0;
    padding: 10px 16px calc(10px + env(safe-area-inset-bottom, 0px));
    background: #f2f2f7;
    border-top: 1px solid rgba(60, 60, 67, 0.12);
  }

  .clinic-wo-drawer--zd .zd-drawer-footer-start,
.clinic-wo-drawer--zd .zd-drawer-footer-actions{
    width: 100%;
  }

  .clinic-wo-drawer--zd .zd-drawer-footer-start > *,
.clinic-wo-drawer--zd .zd-drawer-footer-actions > *{
    width: 100%;
    justify-content: center;
  }

  /* Dark tema kurallari artik tum ekranlar icin global tanimli
     (yukaridaki "Is emri detay drawer'i — DARK TEMA" blogu). */
}

/* ==========================================================================
   Dashboard typography — konum ve oneme gore tutarli yazi olcekleri
   ========================================================================== */

.dash-layout{
  font-size: var(--ui-font-md);
  font-weight: var(--fw-body);
  line-height: 1.45;
}

.dash-layout .dash-main{
  font-size: var(--ui-font-md);
}

/* Sayfa basligi (topbar) — prova karti adi ile ayni kalinlik */

.dash-layout .dash-topbar .dash-page-title-text{
  font-size: var(--ui-font-xl);
  font-weight: var(--fw-strong);
  line-height: 1.25;
}

.dash-layout .dash-page-title-text{
  font-size: var(--ui-font-2xl);
  font-weight: var(--fw-strong);
  line-height: 1.25;
}

.dash-layout .dash-topbar-subtitle,
.dash-layout .dash-header p{
  font-size: var(--ui-font-sm);
  line-height: 1.35;
}

.dash-layout .dash-header h1{
  font-size: var(--ui-font-2xl);
  font-weight: var(--fw-strong);
  line-height: 1.25;
}

/* KPI / istatistik kartlari */

.dash-layout .lab-patient-stat-card-label,
.dash-layout .wf-invoice-stat-label{
  font-size: var(--ui-font-sm);
  font-weight: var(--fw-ui);
}

.dash-layout .lab-patient-stat-card-value,
.dash-layout .wf-invoice-stat-value{
  font-size: var(--ui-font-stat);
  font-weight: var(--fw-strong);
  line-height: 1.15;
}

.dash-layout .lab-patients-page .lab-patient-stat-card-value{
  font-size: var(--ui-font-3xl);
}

/* Liste basligi / kart basligi — etiket heading, sayi birincil kimlik */

.dash-layout .lab-patient-list-card-title,
.dash-layout .lab-patient-list-card-title-text{
  font-size: var(--ui-font-md);
  font-weight: var(--fw-heading);
}

.dash-layout .lab-patient-list-card-title-count{
  font-size: var(--ui-font-md);
  font-weight: var(--fw-strong);
}

/* Tablo */

.dash-layout .wo-list-table thead th,
.dash-layout .lab-patient-list-table thead th{
  font-size: var(--ui-font-xs);
  font-weight: var(--fw-heading);
}

.dash-layout .wo-list-table tbody td,
.dash-layout .lab-patient-list-table tbody td{
  font-size: var(--ui-font-base);
  font-weight: var(--fw-strong);
  color: #0f2231;
}

.dash-layout .wo-list-sort{
  font-size: var(--ui-font-xs);
}

.dash-layout .lab-patient-row-meta{
  font-size: var(--ui-font-base);
  font-weight: var(--fw-strong);
  color: #0f2231;
}

.dash-layout .lab-patient-row-sub{
  font-size: var(--ui-font-xs);
}

.dash-layout .lab-patient-row-avatar{
  font-size: var(--ui-font-2xs);
}

.dash-layout .wo-list-status-pill,
.dash-layout .status-label-wrap.wo-list-status-pill{
  font-size: var(--ui-font-xs);
}

/* Form / modal */

.dash-layout .pfm-title{
  font-size: var(--ui-font-2xl);
  font-weight: var(--fw-heading);
  line-height: 1.25;
}

.dash-layout .pfm-subtitle{
  font-size: var(--ui-font-base);
}

.dash-layout .pfm-section-title{
  font-size: var(--ui-font-md);
  font-weight: var(--fw-heading);
}

.dash-layout .tech-form label{
  font-size: var(--ui-font-base);
}

.dash-layout .tech-form input,
.dash-layout .tech-form select,
.dash-layout .tech-form textarea{
  font-size: var(--ui-font-base);
}

/* Is emri formu */

.dash-layout .wo-tab{
  font-size: var(--ui-font-base);
  font-weight: var(--fw-ui);
}

.dash-layout .wo-tab i{
  font-size: var(--ui-font-md);
}

.dash-layout .wo-section-title{
  font-size: var(--ui-font-lg);
  font-weight: var(--fw-heading);
}

.dash-layout .wo-summary-group h5{
  font-size: var(--ui-font-sm);
  font-weight: var(--fw-heading);
}

.dash-layout .wo-summary-group p,
.dash-layout .wo-patient-info p{
  font-size: var(--ui-font-base);
}

/* Sidebar navigasyon */

.dash-layout .dash-nav-link,
.dash-layout .dash-nav-group-toggle{
  font-size: var(--ui-font-base);
  font-weight: var(--fw-ui);
}

.dash-layout .dash-nav-subtitle{
  font-size: var(--ui-font-xs);
  font-weight: var(--fw-ui);
}

.dash-layout .dash-brand-name{
  font-size: var(--ui-font-md);
  font-weight: var(--fw-heading);
}

@media (max-width: 768px) {
  .dash-layout--lab .lab-patient-stat-card-value{
    font-size: var(--ui-font-stat);
  }
}

/* =============================================================================
   Privacy policy (public /privacy — iOS App Store)
   ============================================================================= */

.container.medical-bg.privacy-page{
  max-width: 860px;
  margin: 0 auto;
  padding: 32px 20px 48px;
  min-height: 100vh;
  background:
    radial-gradient(circle at top right, rgba(60, 132, 206, 0.16), transparent 42%),
    radial-gradient(circle at bottom left, rgba(60, 132, 206, 0.12), transparent 40%),
    #f2f8fb;
}

.privacy-header{
  margin-bottom: 24px;
}

.privacy-header h1{
  margin: 8px 0 12px;
  font-size: clamp(28px, 4vw, 40px);
  line-height: 1.15;
  color: #114a69;
}

.privacy-meta{
  margin: 0 0 16px;
  font-size: 14px;
  color: #5a7a90;
}

.privacy-intro{
  margin: 0;
  font-size: 16px;
  line-height: 1.65;
  color: #31576e;
  max-width: 72ch;
}

.privacy-content.card{
  max-width: none;
  padding: 28px 32px;
  gap: 0;
}

.privacy-section{
  padding: 20px 0;
  border-bottom: 1px solid #e3edf4;
}

.privacy-section:last-child{
  border-bottom: none;
  padding-bottom: 0;
}

.privacy-section:first-child{
  padding-top: 0;
}

.privacy-section h2{
  margin: 0 0 12px;
  font-size: 20px;
  color: #114a69;
}

.privacy-section h3{
  margin: 16px 0 8px;
  font-size: 16px;
  color: #1f5f82;
}

.privacy-section p,
.privacy-section li{
  margin: 0 0 10px;
  font-size: 15px;
  line-height: 1.65;
  color: #31576e;
}

.privacy-section ul{
  margin: 0 0 12px;
  padding-left: 22px;
}

.privacy-section li:last-child{
  margin-bottom: 0;
}

.privacy-section a{
  color: #2f6f93;
  font-weight: 600;
}

.privacy-section a:hover{
  color: #114a69;
}

.privacy-section code{
  font-size: 13px;
  background: #eef5fa;
  border-radius: 6px;
  padding: 2px 6px;
  color: #1f5f82;
}

.privacy-footer{
  margin-top: 24px;
  text-align: center;
  font-size: 13px;
  color: #5a7a90;
}

body.theme-dark .container.medical-bg.privacy-page{
  background: #0f1115;
}

body.theme-dark .privacy-header h1,
body.theme-dark .privacy-section h2{
  color: #e8f2f8;
}

body.theme-dark .privacy-section h3{
  color: #b8d4e8;
}

body.theme-dark .privacy-intro,
body.theme-dark .privacy-section p,
body.theme-dark .privacy-section li,
body.theme-dark .privacy-meta,
body.theme-dark .privacy-footer{
  color: #a8bcc9;
}

body.theme-dark .privacy-content.card{
  background: #171b22;
  border-color: #2a3340;
}

body.theme-dark .privacy-section{
  border-bottom-color: #2a3340;
}

body.theme-dark .privacy-section a{
  color: #7eb8dc;
}

body.theme-dark .privacy-section code{
  background: #222a35;
  color: #b8d4e8;
}

@media (max-width: 640px) {
  .container.medical-bg.privacy-page{
    padding: 20px 14px 36px;
  }

  .privacy-content.card{
    padding: 20px 18px;
  }
}

/* Klinik aktif isler + hastalar + kullanicilar: dosya sonu zorlayici satir yuksekligi override'i */

.dash-layout .clinic-active-wo-page .wo-list-table tbody td,
.dash-layout .clinic-patients-page .wo-list-table tbody td,
.dash-layout .clinic-users-page .wo-list-table tbody td,
.dash-layout .lab-users-page .wo-list-table tbody td{
  height: 42px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  vertical-align: middle;
}

.dash-layout .clinic-active-wo-page .wo-list-table .lab-patient-row-identity,
.dash-layout .clinic-patients-page .wo-list-table .lab-patient-row-identity,
.dash-layout .clinic-users-page .wo-list-table .lab-patient-row-identity,
.dash-layout .lab-users-page .wo-list-table .lab-patient-row-identity{
  min-height: 32px !important;
  gap: 6px !important;
}

.dash-layout .clinic-active-wo-page .wo-list-table .lab-patient-row-identity-text,
.dash-layout .clinic-patients-page .wo-list-table .lab-patient-row-identity-text,
.dash-layout .clinic-users-page .wo-list-table .lab-patient-row-identity-text,
.dash-layout .lab-users-page .wo-list-table .lab-patient-row-identity-text{
  gap: 0 !important;
}

.dash-layout .clinic-active-wo-page .wo-list-table .lab-patient-row-avatar,
.dash-layout .clinic-patients-page .wo-list-table .lab-patient-row-avatar,
.dash-layout .clinic-users-page .wo-list-table .lab-patient-row-avatar,
.dash-layout .lab-users-page .wo-list-table .lab-patient-row-avatar{
  width: 20px !important;
  height: 20px !important;
  font-size: 8px !important;
}

.dash-layout .clinic-active-wo-page .wo-list-table .lab-patient-row-name,
.dash-layout .clinic-patients-page .wo-list-table .lab-patient-row-name,
.dash-layout .clinic-users-page .wo-list-table .lab-patient-row-name,
.dash-layout .lab-users-page .wo-list-table .lab-patient-row-name{
  font-size: 12px !important;
  line-height: 1.15 !important;
}

.dash-layout .clinic-active-wo-page .wo-list-table .lab-patient-row-sub,
.dash-layout .clinic-patients-page .wo-list-table .lab-patient-row-sub{
  margin-top: 0 !important;
  font-size: 10px !important;
  line-height: 1.05 !important;
}

/* Lab — Is Emirleri / Provalar ust sekmeler */

.lab-wo-scope-bar{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 52px;
  margin: -8px 0 4px;
  padding: 0 4px;
  background: transparent;
  border: none;
  border-bottom: 1px solid #e8eef3;
  border-radius: 0;
  box-shadow: none;
}

.lab-work-orders-page > .lab-wo-scope-bar + .lab-patient-listing,
.lab-work-orders-page > .lab-wo-scope-wrap + .lab-patient-listing{
  margin-top: -4px;
}

.lab-wo-scope-tabs{
  display: flex;
  align-items: stretch;
  gap: 0;
  min-width: 0;
}

.lab-wo-scope-tab{
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 52px;
  padding: 0 4px;
  margin: 0 12px 0 0;
  border: none;
  background: transparent;
  color: #0f2231;
  font-size: 14px;
  font-weight: var(--fw-strong);
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
}

.lab-wo-scope-tab:last-of-type{
  margin-right: 0;
}

.lab-wo-scope-tab:hover{
  color: #0f2231;
}

.lab-wo-scope-tab--active{
  color: var(--brand-primary);
}

.lab-wo-scope-tab--active:hover{
  color: var(--brand-primary);
}

.lab-wo-scope-tab--active::after{
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  border-radius: 2px 2px 0 0;
  background: var(--brand-primary);
}

.lab-wo-scope-tab-sep{
  width: 1px;
  align-self: center;
  height: 18px;
  margin: 0 8px 0 0;
  background: #e2e8f0;
}

.lab-wo-scope-tab-count{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 28px;
  height: 22px;
  padding: 0 8px;
  border-radius: 999px;
  background: #f1f5f9;
  color: #0f2231;
  font-size: 12px;
  font-weight: var(--fw-strong);
  line-height: 1;
}

.lab-wo-scope-tab--active .lab-wo-scope-tab-count{
  background: var(--brand-primary-soft, #e3f4fa);
  color: var(--brand-primary-deep);
}

.lab-wo-scope-add-btn{
  flex-shrink: 0;
}

body.theme-dark .lab-wo-scope-bar{
  background: transparent;
  border-color: #2a2a2a;
  box-shadow: none;
}

body.theme-dark .lab-wo-scope-tab{
  color: #d4d4d8;
}

body.theme-dark .lab-wo-scope-tab:hover{
  color: #d4d4d8;
}

body.theme-dark .lab-wo-scope-tab--active{
  color: var(--brand-primary-muted);
}

body.theme-dark .lab-wo-scope-tab--active:hover{
  color: var(--brand-primary-muted);
}

body.theme-dark .lab-wo-scope-tab-sep{
  background: #3f3f46;
}

body.theme-dark .lab-wo-scope-tab-count{
  background: #27272a;
  color: #a1a1aa;
}

body.theme-dark .lab-wo-scope-tab--active .lab-wo-scope-tab-count{
  background: var(--brand-primary-soft);
  color: var(--brand-primary-muted);
}

.lab-wo-scope-wrap{
  display: flex;
  flex-direction: column;
  gap: 0;
  min-width: 0;
}

.lab-wo-scope-wrap--with-quick > .lab-wo-scope-bar:first-child{
  margin-bottom: 0;
}

/* Prova hizli filtreler: ust Is Emirleri/Provalar sekmeleriyle ayni stil */

.lab-wo-trial-quick-bar{
  margin-top: 0;
  margin-bottom: 4px;
  min-height: 40px;
  overflow-x: auto;
  scrollbar-width: thin;
}

/* Ikinci satirda filtre aktifken secili sekmenin sayi rozeti vurgulanir:
   kucuk huni + dolu marka rengi. Dikkat ceker ama ek yer kaplamaz. */

.lab-wo-scope-tab-count--filtered,
.lab-wo-scope-tab--active .lab-wo-scope-tab-count--filtered{
  gap: 4px;
  background: var(--brand-primary, #2563eb);
  color: #ffffff;
}

.lab-wo-scope-tab-count--filtered i{
  font-size: 9px;
  line-height: 1;
}

body.theme-dark .lab-wo-scope-tab-count--filtered,
body.theme-dark .lab-wo-scope-tab--active .lab-wo-scope-tab-count--filtered{
  background: var(--brand-primary, #2563eb);
  color: #ffffff;
}

.lab-wo-trial-quick-bar .lab-wo-scope-tabs{
  flex-wrap: nowrap;
}

.lab-wo-trial-quick-bar .lab-wo-scope-tab{
  height: 40px;
  font: inherit;
  font-size: 13px;
  font-weight: var(--fw-strong);
}

.lab-wo-trial-quick-bar .lab-wo-scope-tab-count{
  min-width: 24px;
  height: 20px;
  padding: 0 7px;
  font-size: 11px;
}

.lab-wo-trial-quick-bar .lab-wo-scope-tab-sep{
  height: 14px;
}

/* Prova / is emri — kart adi ile ayni onem hiyerarsisi */

.dash-layout .wo-pipeline-column-title,
.dash-layout .wo-pipeline-column-count{
  font-weight: var(--fw-strong);
}

.dash-layout .wo-pipeline-card-title,
.dash-layout .wo-pipeline-card-trial-text--title{
  font-size: var(--ui-font-md);
  font-weight: var(--fw-strong);
}

.dash-layout .wo-pipeline-card-trial-text,
.dash-layout .wo-pipeline-card-trial-split-item,
.dash-layout .wo-pipeline-card-value{
  font-size: 12px;
  font-weight: var(--fw-strong);
}

.dash-layout .wo-pipeline-card-trial-datetime,
.dash-layout .wo-pipeline-card-date{
  font-size: 11px;
  font-weight: var(--fw-heading);
}

.dash-layout .wo-filter-btn,
.dash-layout .wo-view-btn,
.dash-layout .wo-cal-head-btn,
.dash-layout .tech-add-btn{
  font-size: 13px;
}

.dash-layout .wo-filter-btn,
.dash-layout .tech-add-btn,
.dash-layout .wo-view-btn,
.dash-layout .wo-cal-head-btn{
  font-weight: var(--fw-heading);
}

.dash-layout .wo-view-btn--active,
.dash-layout .wo-cal-head-btn--active{
  font-weight: var(--fw-strong);
}

/* Tum listeler — hucre verisi kalin ve ayni renk */

.dash-layout .wo-list-table tbody td,
.dash-layout .lab-patient-list-table tbody td,
.dash-layout .wo-list-table .lab-patient-row-meta,
.dash-layout .lab-patient-list-table .lab-patient-row-meta,
.dash-layout .wo-list-table .zd-trial-name-with-badge {
  font-size: var(--ui-font-sm);
  font-weight: var(--fw-strong);
  color: #0f2231;
}

.dash-layout .wo-list-table .lab-patient-row-name,
.dash-layout .lab-patient-list-table .lab-patient-row-name {
  font-size: var(--ui-font-sm);
  font-weight: var(--fw-strong);
  color: #0f2231;
}

.dash-layout .wo-list-table .wo-list-status-pill,
.dash-layout .wo-list-table .status-label-wrap.wo-list-status-pill,
.dash-layout .wo-list-table .lab-patient-status-pill,
.dash-layout .wo-list-table .zd-trial-status-pill,
.dash-layout .lab-patient-list-table .wo-list-status-pill,
.dash-layout .lab-patient-list-table .status-label-wrap.wo-list-status-pill,
.dash-layout .lab-patient-list-table .lab-patient-status-pill {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 2px 8px;
  border-radius: 6px;
  border: 0;
  font-size: var(--ui-font-sm);
  font-weight: var(--fw-strong);
  line-height: 1.2;
  white-space: nowrap;
}

.dash-layout .wo-list-table .wo-list-status-pill .bi,
.dash-layout .wo-list-table .lab-patient-status-pill .bi,
.dash-layout .wo-list-table .zd-trial-status-pill .bi {
  font-size: var(--ui-font-sm);
  color: inherit;
}

.dash-layout .wo-list-table thead th,
.dash-layout .lab-patient-list-table thead th,
.dash-layout .wo-list-table .wo-list-sort {
  font-size: var(--ui-font-sm);
  font-weight: var(--fw-heading);
  color: #7b8ca4;
}

.dash-layout .wo-list-table .wo-list-sort--active {
  color: #0f2231;
  font-weight: var(--fw-strong);
}

/* Lab — Prova Takibi */

/* ── Clinic work-order logs ─────────────────────────────────────────────── */

.clinic-logs-page{
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.clinic-logs-error{
  margin: 0;
  padding: 10px 14px;
  border-radius: 10px;
  background: color-mix(in srgb, #ef4444 10%, transparent);
  color: #b91c1c;
  font-size: 13px;
  font-weight: 600;
}

.clinic-logs-empty{
  padding: 28px 16px;
  text-align: center;
  color: var(--rw-text-muted, #7a8f9f);
  font-size: 13px;
}

.clinic-logs-empty--block{
  display: block;
  margin: 0;
}

.clinic-logs-row{
  cursor: pointer;
}

.clinic-logs-row:hover{
  background: color-mix(in srgb, var(--lab-accent, var(--brand-primary)) 6%, transparent);
}

.clinic-logs-type-cell{
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.clinic-logs-type-cell > i{
  color: var(--lab-accent, var(--brand-primary));
  font-size: 14px;
}

.clinic-logs-back-row{
  display: flex;
  align-items: center;
}

.clinic-logs-back-btn{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: none;
  background: transparent;
  color: var(--lab-accent-deep, var(--brand-primary-deep));
  font-size: 13px;
  font-weight: 600;
  padding: 4px 0;
  cursor: pointer;
}

.clinic-logs-back-btn:hover{
  text-decoration: underline;
}

.clinic-log-detail-stack{
  display: flex;
  flex-direction: column;
  gap: 18px;
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

.clinic-log-detail-summary,
.clinic-log-detail-changes{
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

.clinic-log-detail-summary{
  background: var(--rw-surface, #fff);
  border: 1px solid var(--rw-border-soft, #edf3f7);
  border-radius: 14px;
  padding: 16px 18px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  box-sizing: border-box;
}

.clinic-log-detail-message{
  margin: 0;
  font-size: 15px;
  font-weight: 600;
  color: var(--rw-text-strong, #1a3a4a);
  line-height: 1.4;
}

.clinic-log-detail-meta{
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.clinic-log-detail-meta p{
  margin: 0;
  font-size: 13px;
  color: var(--rw-text-muted, #7a8f9f);
  line-height: 1.4;
}

.clinic-log-detail-section-title{
  margin: 0 0 10px;
  font-size: 13px;
  font-weight: 700;
  color: var(--rw-text-muted, #7a8f9f);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.clinic-log-change-list{
  display: flex;
  flex-direction: column;
  gap: 1px;
  border: 1px solid var(--rw-border-soft, #edf3f7);
  border-radius: 14px;
  overflow: hidden;
  background: var(--rw-border-soft, #edf3f7);
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

.clinic-log-change-card{
  background: var(--rw-surface, #fff);
  padding: 14px 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
  box-sizing: border-box;
}

.clinic-log-change-label{
  margin: 0;
  font-size: 14px;
  font-weight: 700;
  color: var(--rw-text-strong, #1a3a4a);
}

.clinic-log-change-diff{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.clinic-log-change-col{
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.clinic-log-change-caption{
  font-size: 11px;
  font-weight: 700;
  color: var(--rw-text-muted, #94a3b8);
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.clinic-log-change-col:first-child .clinic-log-change-caption{
  color: #b91c1c;
}

.clinic-log-change-col:last-child .clinic-log-change-caption{
  color: #15803d;
}

.clinic-log-change-from,
.clinic-log-change-to{
  margin: 0;
  font-size: 13px;
  color: var(--rw-text-strong, #1a3a4a);
  line-height: 1.4;
  white-space: pre-wrap;
  word-break: break-word;
}

@media (max-width: 720px) {
  .clinic-log-change-diff{
    grid-template-columns: 1fr;
  }
}

body.theme-dark .clinic-log-detail-summary,
body.theme-dark .clinic-log-change-card{
  background: var(--rw-surface, #18181b);
  border-color: var(--rw-border-soft, #353535);
}

body.theme-dark .clinic-log-change-list{
  background: var(--rw-border-soft, #353535);
  border-color: var(--rw-border-soft, #353535);
}

body.theme-dark .clinic-log-change-col:first-child .clinic-log-change-caption{
  color: #f87171;
}

body.theme-dark .clinic-log-change-col:last-child .clinic-log-change-caption{
  color: #4ade80;
}

body.theme-dark .clinic-log-change-from,
body.theme-dark .clinic-log-change-to{
  color: #ffffff;
}

body.theme-dark .clinic-logs-error{
  color: #fca5a5;
}

.clinic-settings-logs-panel .settings-panel-card-head{
  margin-bottom: 12px;
}

.clinic-settings-logs-toolbar{
  margin-bottom: 12px;
  padding: 0 4px;
}

.clinic-settings-logs-table-wrap{
  border: 1px solid var(--settings-border-soft, #edf3f7);
  border-radius: 12px;
  overflow: hidden;
}

.wo-list-row--clickable,
.lab-definition-mobile-row--clickable{
  cursor: pointer;
}

.wo-list-row--clickable:focus-visible,
.lab-definition-mobile-row--clickable:focus-visible{
  outline: 2px solid color-mix(in srgb, var(--lab-accent, var(--brand-primary)) 55%, transparent);
  outline-offset: -2px;
}

.clinic-settings-logs-panel{
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.clinic-settings-logs-head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  min-width: 0;
}

.clinic-settings-logs-search{
  flex: 1 1 220px;
  max-width: 360px;
  margin-left: auto;
}

.clinic-settings-logs-panel .lab-patient-listing,
.clinic-settings-logs-panel .lab-patient-list-card{
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

.clinic-settings-logs-panel .lab-patient-list-card{
  overflow: hidden;
}

.clinic-settings-logs-panel .wo-list-table-wrap{
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
}

.clinic-settings-logs-panel .wo-list-table,
.clinic-settings-logs-panel .clinic-logs-list-table{
  min-width: 100% !important;
  width: 100%;
}

.clinic-settings-logs-panel .wo-list-table thead th,
.clinic-settings-logs-panel .wo-list-table tbody td{
  white-space: normal;
}

.clinic-logs-page .lab-patient-listing,
.clinic-logs-page .lab-patient-list-card{
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

.clinic-logs-page .lab-patient-list-card{
  overflow: hidden;
}

.clinic-logs-page .wo-list-table{
  min-width: 100% !important;
  width: 100%;
}

.settings-content:has(.clinic-settings-logs-panel){
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
}

.clinic-active-wo-view-bar{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  padding: 0 2px 4px;
  flex-shrink: 0;
  flex-wrap: wrap;
}

.clinic-active-wo-view-bar-tools{
  flex: 1 1 220px;
  min-width: 0;
  display: flex;
  align-items: center;
}

.clinic-active-wo-view-bar-tools .wo-list-toolbar,
.clinic-active-wo-view-bar-tools .wo-list-toolbar--ported{
  flex: 1;
  width: 100%;
  min-width: 0;
  padding: 0;
  gap: 12px;
}

.clinic-active-wo-view-bar-tools .wo-list-toolbar-left,
.clinic-active-wo-view-bar-tools .wo-list-toolbar-right{
  flex-wrap: nowrap;
}

.clinic-active-wo-view-bar-tools .wo-list-search{
  width: min(242px, 100%);
  flex: 1 1 160px;
  max-width: 280px;
}

.clinic-active-wo-view-bar .tech-add-btn{
  flex-shrink: 0;
  margin-left: auto;
}

.clinic-active-wo-view-bar .wo-display-toggle{
  background: #e8eaef;
  border-radius: 12px;
  padding: 3px;
  gap: 2px;
}

.clinic-active-wo-view-bar .wo-display-toggle-btn{
  height: 34px;
  padding: 0 12px;
  border-radius: 9px;
  color: #7a8494;
  font-weight: 500;
}

.clinic-active-wo-view-bar .wo-display-toggle-btn i{
  color: inherit;
}

.clinic-active-wo-view-bar .wo-display-toggle-btn--active,
.clinic-active-wo-view-bar .wo-display-toggle-btn--active:hover,
.clinic-active-wo-view-bar .wo-display-toggle-btn--active:active,
.clinic-active-wo-view-bar .wo-display-toggle-btn--active:focus,
.clinic-active-wo-view-bar .wo-display-toggle-btn--active:focus-visible,
.dash-layout .clinic-active-wo-view-bar .wo-display-toggle-btn--active,
.dash-layout .clinic-active-wo-view-bar .wo-display-toggle-btn--active:hover,
.dash-layout .clinic-active-wo-view-bar .wo-display-toggle-btn--active:active{
  background: #ffffff !important;
  background-image: none !important;
  color: #495162 !important;
  font-weight: 600;
  border-color: transparent;
  box-shadow: 0 1px 3px rgba(23, 20, 35, 0.12), 0 0 0 1px rgba(23, 20, 35, 0.04);
}

.clinic-active-wo-view-bar .wo-display-toggle-btn--active i{
  color: inherit;
}

.clinic-active-wo-view-bar .wo-display-toggle-btn:hover:not(.wo-display-toggle-btn--active),
.clinic-active-wo-view-bar .wo-display-toggle-btn:active:not(.wo-display-toggle-btn--active){
  color: #495162;
  background: transparent;
}

body.theme-dark .clinic-active-wo-view-bar .wo-display-toggle{
  background: rgba(255, 255, 255, 0.08);
}

body.theme-dark .clinic-active-wo-view-bar .wo-display-toggle-btn{
  color: #94a3b8;
}

body.theme-dark .clinic-active-wo-view-bar .wo-display-toggle-btn--active,
body.theme-dark .clinic-active-wo-view-bar .wo-display-toggle-btn--active:hover,
body.theme-dark .clinic-active-wo-view-bar .wo-display-toggle-btn--active:active,
body.theme-dark .dash-layout .clinic-active-wo-view-bar .wo-display-toggle-btn--active{
  background: #1e293b !important;
  color: #e2e8f0 !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(255, 255, 255, 0.06);
}

body.theme-dark .clinic-active-wo-view-bar .wo-display-toggle-btn:hover:not(.wo-display-toggle-btn--active){
  color: #e2e8f0;
  background: transparent;
}

/* ============================================================================
   Yazi kalinligi — ayni onem = ayni kalinlik.
   Ayarlar > Gorunum html.ui-weight-* ile token'lari kaydirir.
   ============================================================================ */

html.ui-weight-regular {
  --fw-body: 400;
  --fw-ui: 400;
  --fw-heading: 500;
  --fw-strong: 500;
}

html.ui-weight-medium {
  --fw-body: 400;
  --fw-ui: 500;
  --fw-heading: 500;
  --fw-strong: 600;
}

html.ui-weight-bold {
  --fw-body: 400;
  --fw-ui: 500;
  --fw-heading: 600;
  --fw-strong: 700;
}

body {
  font-weight: var(--fw-body);
}

.dash-layout {
  font-weight: var(--fw-body);
}

/* --- Birincil kimlik: hasta/prova adi, sayfa basligi, kolon, aktif sekme --- */

.dash-layout h1,
.dash-layout .dash-page-title-text,
.dash-page-column > .dash-topbar .dash-page-title-text,
.dash-layout > .dash-main > .dash-topbar .dash-page-title-text,
.dash-layout .dash-header h1,
.dash-layout .wo-pipeline-card-title,
.dash-layout .wo-pipeline-card-trial-text,
.dash-layout .wo-pipeline-card-trial-text--title,
.dash-layout .wo-pipeline-card-trial-split-item,
.dash-layout .wo-pipeline-card-value,
.dash-layout .lab-patient-row-name,
.dash-layout .lab-wo-scope-tab,
.dash-layout .lab-wo-scope-tab-count,
.dash-layout .lab-wo-trial-quick-bar .lab-wo-scope-tab,
.dash-layout .wo-pipeline-column-title,
.dash-layout .wo-pipeline-column-count,
.dash-layout .lab-patient-list-card-title-count,
.dash-layout .wo-view-btn--active,
.dash-layout .wo-cal-head-btn--active,
.dash-layout .wo-segment-switch .wo-view-btn--active,
.dash-layout .wo-segment-switch .wo-cal-head-btn--active {
  font-weight: var(--fw-strong);
}

/* --- Bolum / tablo / form basligi --- */

.dash-layout h2,
.dash-layout h3,
.dash-layout h4,
.dash-layout h5,
.dash-layout h6,
.dash-layout .pfm-title,
.dash-layout .pfm-section-title,
.dash-layout .wo-section-title,
.dash-layout .wo-summary-group h5,
.dash-layout .lab-patient-list-card-title,
.dash-layout .lab-patient-list-card-title-text,
.dash-layout .lab-dash-card-head h3,
.dash-layout .wo-list-table thead th,
.dash-layout .lab-patient-list-table thead th,
.dash-layout .dash-brand-name,
.dash-layout .settings-panel-card-head h2,
.settings-panel-card-head h2,
.dash-layout .wo-filter-btn,
.dash-layout .tech-add-btn,
.dash-layout .wo-view-btn,
.dash-layout .wo-cal-head-btn,
.dash-layout .wo-pipeline-card-trial-datetime,
.dash-layout .wo-pipeline-card-date,
.dash-layout .wo-pipeline-card-source,
.dash-layout .wo-pipeline-column-empty p,
.dash-layout .wo-list-sort {
  font-weight: var(--fw-heading);
}

/* Kart basligi h4 olsa da birincil kimlik kalinligini koru */

.dash-layout h4.wo-pipeline-card-title {
  font-weight: var(--fw-strong);
}

/* Aktif gorunum butonu, genel .wo-view-btn kuralindan sonra */

.dash-layout .wo-view-btn--active,
.dash-layout .wo-cal-head-btn--active,
.dash-layout .wo-segment-switch .wo-view-btn--active,
.dash-layout .wo-segment-switch .wo-cal-head-btn--active,
.dash-layout .wo-view-switch.wo-segment-switch--pipeline-head .wo-view-btn--active,
.dash-layout .wo-cal-head-switch.wo-segment-switch--pipeline-head .wo-cal-head-btn--active,
.dash-layout .wo-list-sort--active {
  font-weight: var(--fw-strong);
}

/* --- KPI / vurgu --- */

.dash-layout .lab-patient-stat-card-value,
.dash-layout .wf-invoice-stat-value {
  font-weight: var(--fw-strong);
}

/* --- UI chrome: nav, chip, label --- */

.dash-layout .dash-nav-link,
.dash-layout .dash-nav-group-toggle,
.dash-layout .dash-nav-subtitle,
.dash-layout .wo-tab,
.dash-layout .tech-form label,
.dash-layout .lab-patient-stat-card-label,
.dash-layout .wf-invoice-stat-label,
.dash-layout .wo-list-status-pill,
.dash-layout .status-label-wrap.wo-list-status-pill {
  font-weight: var(--fw-ui);
}

/* --- Liste verisi: tum hucreler kalin ve ayni renk --- */

.dash-layout .wo-list-table tbody td,
.dash-layout .lab-patient-list-table tbody td,
.dash-layout .wo-list-table .lab-patient-row-meta,
.dash-layout .lab-patient-list-table .lab-patient-row-meta,
.dash-layout .wo-list-table .lab-patient-source-pill,
.dash-layout .wo-list-table .lab-patient-source-pill--clinic,
.dash-layout .wo-list-table .lab-patient-source-pill--lab,
.dash-layout .lab-patient-list-table .lab-patient-source-pill,
.dash-layout .lab-patient-list-table .lab-patient-source-pill--clinic,
.dash-layout .lab-patient-list-table .lab-patient-source-pill--lab,
.dash-layout .wo-list-table tbody td .lab-patient-row-name,
.dash-layout .lab-patient-list-table tbody td .lab-patient-row-name,
.dash-layout .wo-list-table .zd-trial-name-with-badge {
  font-weight: var(--fw-strong);
  color: #0f2231;
}

.dash-layout .wo-list-table .lab-patient-source-pill,
.dash-layout .wo-list-table .lab-patient-source-pill--clinic,
.dash-layout .wo-list-table .lab-patient-source-pill--lab,
.dash-layout .lab-patient-list-table .lab-patient-source-pill,
.dash-layout .lab-patient-list-table .lab-patient-source-pill--clinic,
.dash-layout .lab-patient-list-table .lab-patient-source-pill--lab {
  background: transparent;
  border: 0;
  padding: 0;
  font-size: var(--ui-font-sm);
  font-weight: var(--fw-strong);
  color: #0f2231;
}

body.theme-dark .dash-layout .wo-list-table tbody td,
body.theme-dark .dash-layout .lab-patient-list-table tbody td,
body.theme-dark .dash-layout .wo-list-table .lab-patient-row-meta,
body.theme-dark .dash-layout .lab-patient-list-table .lab-patient-row-meta,
body.theme-dark .dash-layout .wo-list-table .lab-patient-row-name,
body.theme-dark .dash-layout .wo-list-table .lab-patient-source-pill,
body.theme-dark .dash-layout .wo-list-table .lab-patient-source-pill--clinic,
body.theme-dark .dash-layout .wo-list-table .lab-patient-source-pill--lab,
body.theme-dark .dash-layout .lab-patient-list-table .lab-patient-source-pill,
body.theme-dark .dash-layout .lab-patient-list-table .lab-patient-source-pill--clinic,
body.theme-dark .dash-layout .lab-patient-list-table .lab-patient-source-pill--lab,
body.theme-dark .dash-layout .wo-list-table .zd-trial-name-with-badge {
  font-weight: var(--fw-strong);
  color: #f5f7fb;
  background: transparent;
}

/* --- Govde / form --- */

.dash-layout .tech-form input,
.dash-layout .tech-form select,
.dash-layout .tech-form textarea,
.dash-layout .pfm-subtitle,
.dash-layout .wo-summary-group p,
.dash-layout .wo-patient-info p,
.dash-layout .dash-topbar-search input,
.dash-layout .wo-list-search input {
  font-weight: var(--fw-ui);
}

/* Liste durum rozetleri — eski renkler, daha net kontrast */

.dash-layout .wo-list-table .wo-list-status-pill,
.dash-layout .wo-list-table .status-label-wrap.wo-list-status-pill,
.dash-layout .wo-list-table .lab-patient-status-pill,
.dash-layout .wo-list-table .zd-trial-status-pill,
.dash-layout .lab-patient-list-table .wo-list-status-pill,
.dash-layout .lab-patient-list-table .lab-patient-status-pill {
  font-weight: var(--fw-strong);
  border: 0;
}

.dash-layout .wo-list-table .wo-list-status-pill--active,
.dash-layout .wo-list-table .wo-list-status-pill--production,
.dash-layout .wo-list-table .zd-trial-status-pill.lab-patient-status-pill--active,
.dash-layout .wo-list-table .lab-patient-status-pill--active {
  color: #1e293b;
  background: #e2e8f0;
  border-color: #94a3b8;
}

.dash-layout .wo-list-table .wo-list-status-pill--new,
.dash-layout .wo-list-table .zd-trial-status-pill.lab-patient-status-pill--created,
.dash-layout .wo-list-table .lab-patient-status-pill--pending {
  color: #075985;
  background: #e0f2fe;
  border-color: #38bdf8;
}

.dash-layout .wo-list-table .wo-list-status-pill--trial,
.dash-layout .wo-list-table .wo-list-status-pill--sent,
.dash-layout .wo-list-table .zd-trial-status-pill.lab-patient-status-pill--trial,
.dash-layout .wo-list-table .lab-patient-status-pill--trial,
.dash-layout .wo-list-table .lab-patient-status-pill--sent {
  color: #5b21b6;
  background: #ede9fe;
  border-color: #a78bfa;
}

.dash-layout .wo-list-table .wo-list-status-pill--delivery,
.dash-layout .wo-list-table .zd-trial-status-pill.lab-patient-status-pill--delivery,
.dash-layout .wo-list-table .lab-patient-status-pill--delivery {
  color: #9a3412;
  background: #ffedd5;
  border-color: #fb923c;
}

.dash-layout .wo-list-table .wo-list-status-pill--completed,
.dash-layout .wo-list-table .wo-list-status-pill--finished,
.dash-layout .wo-list-table .zd-trial-status-pill.lab-patient-status-pill--completed,
.dash-layout .wo-list-table .lab-patient-status-pill--completed,
.dash-layout .wo-list-table .lab-patient-status-pill--finished {
  color: #14532d;
  background: #dcfce7;
  border-color: #4ade80;
}

body.theme-dark .dash-layout .wo-list-table .wo-list-status-pill--active,
body.theme-dark .dash-layout .wo-list-table .wo-list-status-pill--production,
body.theme-dark .dash-layout .wo-list-table .zd-trial-status-pill.lab-patient-status-pill--active,
body.theme-dark .dash-layout .wo-list-table .lab-patient-status-pill--active {
  color: #e4e4e7;
  background: #3f3f46;
  border-color: #71717a;
}

body.theme-dark .dash-layout .wo-list-table .wo-list-status-pill--new,
body.theme-dark .dash-layout .wo-list-table .zd-trial-status-pill.lab-patient-status-pill--created {
  color: #7dd3fc;
  background: #164e63;
  border-color: #22d3ee;
}

body.theme-dark .dash-layout .wo-list-table .wo-list-status-pill--trial,
body.theme-dark .dash-layout .wo-list-table .wo-list-status-pill--sent,
body.theme-dark .dash-layout .wo-list-table .zd-trial-status-pill.lab-patient-status-pill--trial,
body.theme-dark .dash-layout .wo-list-table .lab-patient-status-pill--trial,
body.theme-dark .dash-layout .wo-list-table .lab-patient-status-pill--sent {
  color: #ddd6fe;
  background: #4c1d95;
  border-color: #a78bfa;
}

body.theme-dark .dash-layout .wo-list-table .wo-list-status-pill--delivery,
body.theme-dark .dash-layout .wo-list-table .zd-trial-status-pill.lab-patient-status-pill--delivery,
body.theme-dark .dash-layout .wo-list-table .lab-patient-status-pill--delivery {
  color: #fde68a;
  background: #7c2d12;
  border-color: #fb923c;
}

body.theme-dark .dash-layout .wo-list-table .wo-list-status-pill--completed,
body.theme-dark .dash-layout .wo-list-table .wo-list-status-pill--finished,
body.theme-dark .dash-layout .wo-list-table .zd-trial-status-pill.lab-patient-status-pill--completed,
body.theme-dark .dash-layout .wo-list-table .lab-patient-status-pill--completed,
body.theme-dark .dash-layout .wo-list-table .lab-patient-status-pill--finished {
  color: #bbf7d0;
  background: #14532d;
  border-color: #4ade80;
}

/* Ayarlar > Gorunum: sabit font-weight'ler butonlara uysun */

html.ui-weight-regular .dash-layout *:not(i):not(.bi):not(svg):not(path):not(canvas) {
  font-weight: 400 !important;
}

html.ui-weight-medium .dash-layout *:not(i):not(.bi):not(svg):not(path):not(canvas) {
  font-weight: 500 !important;
}

html.ui-weight-bold .dash-layout *:not(i):not(.bi):not(svg):not(path):not(canvas) {
  font-weight: 600 !important;
}

html.ui-weight-regular .dash-layout :is(h1, h2, h3, h4, h5, h6, th, td, strong, b, .dash-page-title-text, .dash-nav-link, .dash-nav-group-toggle, .lab-wo-scope-tab, .lab-patient-row-name, .wo-pipeline-card-title, .wo-pipeline-card-trial-text, .wo-pipeline-card-trial-split-item, .wo-pipeline-card-value, .wo-list-status-pill, .lab-patient-status-pill, .zd-trial-status-pill, .wo-filter-btn, .tech-add-btn, .wo-view-btn, .wo-cal-head-btn) {
  font-weight: 500 !important;
}

html.ui-weight-medium .dash-layout :is(h1, h2, h3, h4, h5, h6, th, td, strong, b, .dash-page-title-text, .dash-nav-link, .dash-nav-group-toggle, .lab-wo-scope-tab, .lab-patient-row-name, .wo-pipeline-card-title, .wo-pipeline-card-trial-text, .wo-pipeline-card-trial-split-item, .wo-pipeline-card-value, .wo-list-status-pill, .lab-patient-status-pill, .zd-trial-status-pill, .wo-filter-btn, .tech-add-btn, .wo-view-btn, .wo-cal-head-btn) {
  font-weight: 600 !important;
}

html.ui-weight-bold .dash-layout :is(h1, h2, h3, h4, h5, h6, th, td, strong, b, .dash-page-title-text, .dash-nav-link, .dash-nav-group-toggle, .lab-wo-scope-tab, .lab-patient-row-name, .wo-pipeline-card-title, .wo-pipeline-card-trial-text, .wo-pipeline-card-trial-split-item, .wo-pipeline-card-value, .wo-list-status-pill, .lab-patient-status-pill, .zd-trial-status-pill, .wo-filter-btn, .tech-add-btn, .wo-view-btn, .wo-cal-head-btn) {
  font-weight: 700 !important;
}
/* ============================================================================
   RELATEWISE DARK THEME — global design tokens & overrides
   ============================================================================ */

body.theme-dark {
  color-scheme: dark;
  --rw-bg: #0d0d0d;
  --rw-bg-page: radial-gradient(circle at 88% 8%, rgba(59, 130, 246, 0.14), transparent 44%),
    radial-gradient(circle at 8% 92%, rgba(59, 130, 246, 0.1), transparent 40%), #0d0d0d;
  --rw-bg-navbar: transparent;
  --rw-bg-navbar-control: color-mix(in srgb, #18181b 72%, transparent);
  --rw-bg-sidebar: #18181b;
  --rw-surface: #18181b;
  --rw-surface-elevated: #27272a;
  --rw-surface-hover: #2f2f33;
  --rw-border: #2d2d2d;
  --rw-border-soft: #353535;
  --rw-text: #aaaaaa;
  --rw-text-strong: #ffffff;
  --rw-text-muted: #aaaaaa;
  --rw-primary-bg: #ffffff;
  --rw-primary-text: #0d0d0d;
  --rw-accent: var(--brand-primary);
  --rw-accent-soft: var(--brand-primary-soft);
  --rw-selection-bg: rgba(59, 130, 246, 0.35);
  --rw-selection-text: #ffffff;
  --rw-cal-accent: var(--brand-primary);
  --rw-cal-accent-deep: var(--brand-primary-deep);
  --rw-cal-accent-soft: var(--brand-primary-soft);
  --rw-cal-accent-muted: rgba(59, 130, 246, 0.08);
  --rw-primary: var(--brand-primary);
  --rw-success-bg: #2d4a3e;
  --rw-success-text: #4ade80;
  --rw-warning-bg: rgba(255, 77, 77, 0.15);
  --rw-warning-text: #ff6b6b;
  --rw-radius: 10px;
  --rw-radius-lg: 12px;
  --rw-shadow: 0 8px 32px rgba(0, 0, 0, 0.45);
  --rw-font: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;

  background: var(--rw-bg-page);
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  color: var(--rw-text);
  font-family: var(--rw-font);
}

body.theme-dark #root {
  background: transparent;
  color: var(--rw-text);
  min-height: 100svh;
}

/* --- Layout shells (login ile ayni sayfa arka plani) --- */
body.theme-dark .medical-bg,
body.theme-dark .dash-layout,
body.theme-dark .auth-page.container,
body.theme-dark .container.auth-page {
  background: var(--rw-bg-page);
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  color: var(--rw-text);
  min-height: 100vh;
  min-height: 100svh;
}

body.ui-borderless *,
body.ui-borderless *::before,
body.ui-borderless *::after {
  border-color: transparent !important;
}

body.ui-borderless .dash-sidebar,
body.ui-borderless .dash-brand,
body.ui-borderless .dash-topbar,
body.ui-borderless .dash-table-head,
body.ui-borderless .dash-table-row,
body.ui-borderless .dash-table-card,
body.ui-borderless .dash-chart-card,
body.ui-borderless .dash-metric-card,
body.ui-borderless .dash-overview-card,
body.ui-borderless .lab-patient-list-card,
body.ui-borderless .lab-patient-stat-card,
body.ui-borderless .lab-patient-list-card-head,
body.ui-borderless .clinic-patient-table-card,
body.ui-borderless .clinic-patient-form-section,
body.ui-borderless .tech-panel,
body.ui-borderless .tech-delete-panel,
body.ui-borderless .settings-panel-card,
body.ui-borderless .settings-nav,
body.ui-borderless .settings-nav-item,
body.ui-borderless .wo-pipeline-column,
body.ui-borderless .wo-pipeline-column-head,
body.ui-borderless .wo-pipeline-card,
body.ui-borderless .wo-pipeline-card-foot,
body.ui-borderless .wo-orders-toolbar,
body.ui-borderless .dash-nav-section-links,
body.ui-borderless .dash-nav-submenu-inner {
  border-width: 0 !important;
}

body.theme-dark .dash-main {
  background: transparent;
  color: var(--rw-text);
}

body.theme-dark .dash-sidebar {
  background: var(--rw-bg-navbar);
  border-right-color: var(--rw-border);
}

body.theme-dark .dash-brand {
  border-bottom-color: var(--rw-border);
}

body.theme-dark .dash-brand-name,
body.theme-dark .dash-page-title-text,
body.theme-dark h1,
body.theme-dark h2,
body.theme-dark h3,
body.theme-dark h4 {
  color: var(--rw-text-strong);
}

body.theme-dark .dash-brand-meta,
body.theme-dark .dash-nav-link,
body.theme-dark .dash-nav-group-toggle,
body.theme-dark .dash-nav-subtitle,
body.theme-dark .dash-topbar-subtitle,
body.theme-dark .dash-metric-label,
body.theme-dark .dash-chart-sub,
body.theme-dark .dash-chart-foot,
body.theme-dark .dash-table-label,
body.theme-dark .tech-field,
body.theme-dark label {
  color: var(--rw-text-muted);
}

body.theme-dark .dash-nav-link:hover,
body.theme-dark .dash-nav-group-toggle:hover {
  background: var(--rw-surface-hover);
  color: var(--rw-text-strong);
  border-radius: var(--rw-radius);
}

body.theme-dark .dash-nav-link--active {
  background: var(--rw-surface-elevated);
  color: var(--rw-text-strong);
}

body.theme-dark .dash-nav-link--soon {
  color: var(--rw-text-muted);
  opacity: 0.7;
}

body.theme-dark .dash-topbar {
  background: var(--rw-bg-navbar);
  border-bottom-color: var(--rw-border);
}

/* --- Cards & panels --- */
body.theme-dark .dash-metric-card,
body.theme-dark .dash-chart-card,
body.theme-dark .dash-table-card,
body.theme-dark .dash-overview-card,
body.theme-dark .wo-active-order-card,
body.theme-dark .lab-patient-list-card,
body.theme-dark .lab-patient-stat-card,
body.theme-dark .lab-dash-chart-card,
body.theme-dark .lab-dash-card,
body.theme-dark .lab-dash-project-card,
body.theme-dark .lab-finance-expense-group,
body.theme-dark .clinic-calendar-card,
body.theme-dark .card,
body.theme-dark .tech-panel,
body.theme-dark .tech-delete-panel,
body.theme-dark .clinic-patient-table-card,
body.theme-dark .clinic-patient-form-section,
body.theme-dark .wf-invoice-list-only .lab-patient-list-card {
  background: var(--rw-surface);
  border-color: var(--rw-border);
  border-radius: var(--rw-radius-lg);
  box-shadow: var(--rw-shadow);
  color: var(--rw-text);
}

body.theme-dark .lab-finance-expense-group-head {
  background: var(--rw-bg-sidebar);
  border-bottom-color: var(--rw-border);
}

body.theme-dark .lab-finance-expense-group-head h3 {
  color: var(--rw-text-strong);
}

body.theme-dark .lab-finance-expense-group-count,
body.theme-dark .lab-patient-list-card-title-text,
body.theme-dark .lab-patient-row-meta {
  color: var(--rw-text-muted);
}

body.theme-dark .lab-patient-list-card-title-count,
body.theme-dark .lab-patient-row-name,
body.theme-dark .dash-metric-value,
body.theme-dark .dash-table-head h3,
body.theme-dark .lab-patient-stat-card strong {
  color: var(--rw-text-strong);
}

body.theme-dark .dash-table-value {
  color: var(--rw-text);
}

body.theme-dark .lab-patient-list-card-head,
body.theme-dark .lab-patient-list-card-tools,
body.theme-dark .dash-table-head {
  border-bottom-color: var(--rw-border);
}

/* --- Tables --- */
body.theme-dark .tech-table thead th,
body.theme-dark .lab-patient-list-table thead th,
body.theme-dark .lab-finance-expense-group-table thead th {
  background: var(--rw-bg-sidebar);
  border-bottom-color: var(--rw-border);
  color: var(--rw-text-muted);
}

body.theme-dark .tech-table tbody td,
body.theme-dark .lab-patient-list-table tbody td,
body.theme-dark .lab-finance-expense-group-table tbody td {
  border-bottom-color: var(--rw-border);
  color: var(--rw-text);
}

body.theme-dark .tech-table tbody tr:hover,
body.theme-dark .lab-patient-row:hover {
  background: var(--rw-surface-hover);
}

body.theme-dark .tech-row--head,
body.theme-dark .lab-patient-list-empty {
  background: var(--rw-bg-sidebar);
  color: var(--rw-text-muted);
}

body.theme-dark .tech-row:not(.tech-row--head):nth-child(odd) {
  background: rgba(255, 255, 255, 0.02);
}

/* --- Inputs & search --- */
body.theme-dark input,
body.theme-dark select,
body.theme-dark textarea,
body.theme-dark .dash-global-search-results {
  background: var(--rw-surface);
  border-color: var(--rw-border);
  box-shadow: var(--rw-shadow);
}

body.theme-dark .dash-global-search-section + .dash-global-search-section {
  border-top-color: var(--rw-border);
}

body.theme-dark .dash-global-search-section-title,
body.theme-dark .dash-global-search-empty {
  color: var(--rw-text-muted);
}

body.theme-dark .dash-global-search-item {
  color: var(--rw-text);
}

body.theme-dark .dash-global-search-item:hover {
  background: var(--rw-surface-hover);
}

body.theme-dark .dash-global-search-item i {
  color: var(--rw-cal-accent);
}

body.theme-dark .dash-global-search-item-text small {
  color: var(--rw-text-muted);
}

body.theme-dark .dash-nav-search input,
body.theme-dark .tech-search-input,
body.theme-dark .lab-patient-search-wrap input,
body.theme-dark .wo-filter-search-wrap input,
body.theme-dark .clinic-patient-form-row input,
body.theme-dark .clinic-patient-form-row select,
body.theme-dark .clinic-patient-form-row textarea {
  background: var(--rw-bg-sidebar);
  border-color: var(--rw-border);
  color: var(--rw-text);
  border-radius: var(--rw-radius);
}

body.theme-dark input::placeholder,
body.theme-dark textarea::placeholder,
body.theme-dark .dash-nav-search input::placeholder {
  color: var(--rw-text-muted);
}

body.theme-dark input:focus,
body.theme-dark select:focus,
body.theme-dark textarea:focus,
body.theme-dark .dash-nav-search input:focus,
body.theme-dark .tech-search-input:focus {
  border-color: var(--rw-border-soft);
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.06);
  outline: none;
  background: var(--rw-surface-elevated);
}

/* Header (topbar) arama — tek pill kutu, ic input cercevesiz */
body.theme-dark .dash-sidebar-toggle-btn {
  background: var(--rw-bg-navbar-control, #1e1f23);
  border-color: var(--rw-border, #2d2d2d);
  color: var(--rw-text, #aaaaaa);
}

body.theme-dark .dash-sidebar-toggle-btn:hover {
  background: var(--rw-surface-hover, #2f2f33);
  border-color: var(--rw-border-soft, #353535);
  color: var(--rw-text-strong, #ffffff);
}

body.theme-dark .dash-topbar-search-kbd {
  background: rgba(255, 255, 255, 0.04);
  border-color: var(--rw-border, #2d2d2d);
  color: var(--rw-text-muted, #aaaaaa);
  box-shadow: none;
}

body.theme-dark .dash-topbar-search {
  background: #2c2c2e;
  border: 0;
  box-shadow: none;
}

body.theme-dark .dash-topbar-search:hover {
  background: #343436;
  border: 0;
  box-shadow: none;
}

body.theme-dark .dash-topbar-search:focus-within {
  background: #343436;
  border: 0;
  box-shadow: none;
}

body.theme-dark .dash-topbar-search-icon {
  background: transparent;
  border-color: transparent;
  color: #8e8e93;
}

body.theme-dark .dash-topbar-search i {
  color: #8e8e93;
}

body.theme-dark .dash-topbar-search input,
body.theme-dark .dash-topbar-search input:focus,
body.theme-dark .dash-topbar-search input:hover {
  background: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  outline: none;
  color: var(--rw-text);
  -webkit-appearance: none;
  appearance: none;
}

body.theme-dark .dash-topbar-search input::placeholder {
  color: var(--rw-text-muted);
}

body.theme-dark .dash-global-search--open .dash-topbar-search {
  background: #343436;
  border: 0;
  box-shadow: none;
}

/* WebKit arama iptal dugmesi dark modda */
body.theme-dark .dash-topbar-search input[type='search']::-webkit-search-cancel-button {
  filter: invert(0.85);
}

body.theme-dark .dash-nav-search::before {
  color: var(--rw-text-muted);
}

body.theme-dark .dash-nav-search:focus-within::before {
  color: var(--rw-text);
}

body.theme-dark .dash-nav-search input {
  background: var(--rw-bg-navbar-control);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

body.theme-dark .dash-nav-search input:focus {
  background: color-mix(in srgb, var(--rw-surface-elevated) 82%, transparent);
  border-color: var(--rw-border-soft);
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.06);
}

body.theme-dark .dash-nav-search-slot .dash-topbar-search {
  border-color: #31363d;
  background: #25292f;
}

body.theme-dark .dash-nav-search-slot .dash-topbar-search:hover {
  background: #2a2f35;
  border-color: #3a4149;
}

body.theme-dark .dash-nav-search-slot .dash-topbar-search:focus-within,
body.theme-dark .dash-nav-search-slot .dash-global-search--open .dash-topbar-search {
  background: #2b3037;
  border-color: #495564;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.14);
}

body.theme-dark .dash-nav-search-slot .dash-topbar-search-icon {
  color: #a8b3be;
}

body.theme-dark .dash-nav-search-slot .dash-topbar-search input {
  color: #edf2f7;
}

body.theme-dark .dash-nav-search-slot .dash-topbar-search input::placeholder {
  color: #b2bcc6;
}

body.theme-dark .dash-nav-search-slot .dash-topbar-search-kbd {
  background: #343941;
  border-color: #3f4650;
  color: #c5ced7;
}

/* --- Primary & secondary buttons (Relatewise) --- */
body.theme-dark .clinic-patient-form-submit,
body.theme-dark .wo-filter-footer-apply,
body.theme-dark .tech-form button[type='submit'] {
  color: #ffffff;
  background: var(--brand-primary);
  border: 0;
  border-radius: var(--rw-radius);
  box-shadow: none;
  transition: box-shadow 0.15s ease, transform 0.12s ease, opacity 0.15s ease;
}

body.theme-dark .clinic-patient-form-submit:hover:not(:disabled),
body.theme-dark .wo-filter-footer-apply:hover:not(:disabled),
body.theme-dark .tech-form button[type='submit']:hover:not(:disabled) {
  color: #ffffff;
  background: linear-gradient(135deg, #3aa3d4, #2589b8);
}

body.theme-dark .clinic-patient-form-submit:active:not(:disabled),
body.theme-dark .wo-filter-footer-apply:active:not(:disabled),
body.theme-dark .tech-form button[type='submit']:active:not(:disabled) {
  background: linear-gradient(135deg, #2789b8, #1a6f94);
}

/* Ekle butonu: aydinlik mod ile ayni mavi gradient (filtre yanindaki vb.) */
body.theme-dark .tech-add-btn {
  color: #ffffff;
  background: var(--brand-primary);
  border: 0;
  border-radius: 10px;
  box-shadow: none;
}

body.theme-dark .tech-add-btn:hover:not(:disabled) {
  color: #ffffff;
  background: linear-gradient(135deg, #3aa3d4, #2589b8);
}

body.theme-dark .tech-add-btn:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

body.theme-dark .tech-action-btn,
body.theme-dark .wo-filter-btn,
body.theme-dark .clinic-patient-form-cancel,
body.theme-dark .wo-filter-footer-reset,
body.theme-dark .tech-panel-close {
  background: var(--rw-surface);
  border: 1px solid var(--rw-border-soft);
  color: var(--rw-text);
  border-radius: var(--rw-radius);
}

body.theme-dark {
  --header-control-bg: var(--rw-bg-sidebar, #18181b);
  --header-control-border: var(--rw-border-soft, #353535);
  --header-control-text: var(--rw-text-strong, #e5e5e5);
  --header-control-muted: var(--rw-text-muted, #a3a3a3);
  --header-control-hover-bg: var(--brand-primary-soft);
  --header-control-hover-border: rgba(37, 99, 235, 0.45);
  --header-control-hover-text: var(--brand-primary-muted);
  --header-control-focus-ring: rgba(37, 99, 235, 0.22);
}

body.theme-dark .dash-topbar .dash-topbar-btn,
body.theme-dark .dash-topbar .dash-sidebar-toggle-btn {
  background: var(--header-control-bg);
  border-color: var(--header-control-border);
  color: var(--header-control-text);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

body.theme-dark .dash-topbar .dash-topbar-btn:hover,
body.theme-dark .dash-topbar .dash-sidebar-toggle-btn:hover,
body.theme-dark .dash-topbar .dash-topbar-btn:active,
body.theme-dark .dash-topbar .dash-sidebar-toggle-btn:active {
  background: var(--header-control-hover-bg);
  border-color: var(--header-control-hover-border);
  color: var(--header-control-hover-text);
}

body.theme-dark .dash-topbar .dash-topbar-btn i {
  color: var(--header-control-muted);
}

body.theme-dark .dash-topbar .dash-topbar-btn:hover i {
  color: var(--brand-primary-muted);
}

body.theme-dark .dash-topbar .dash-topbar-btn.dash-topbar-btn--profile,
body.theme-dark .dash-topbar .dash-topbar-btn.dash-topbar-btn--profile:hover,
body.theme-dark .dash-topbar .dash-topbar-btn.dash-topbar-btn--profile:active {
  background: transparent;
  border: none;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

body.theme-dark .tech-action-btn:hover,
body.theme-dark .wo-filter-btn:hover,
body.theme-dark .wo-list-filter-btn:hover,
body.theme-dark .dash-topbar-right .dash-topbar-btn--icon:hover,
body.theme-dark .wo-filter-footer-reset:hover {
  background: var(--brand-primary-soft);
  border-color: rgba(37, 99, 235, 0.55);
  color: var(--brand-primary-muted);
  box-shadow: 0 0 0 1px rgba(37, 99, 235, 0.2);
}

body.theme-dark .wo-filter-btn:hover i,
body.theme-dark .wo-list-filter-btn:hover i,
body.theme-dark .dash-topbar-right .dash-topbar-btn--icon:hover i {
  color: var(--brand-primary-muted);
}

body.theme-dark .wo-filter-btn--active {
  background: var(--brand-primary-soft);
  border-color: rgba(37, 99, 235, 0.55);
  color: var(--brand-primary-muted);
  box-shadow: 0 0 0 1px rgba(37, 99, 235, 0.2);
}

body.theme-dark .wo-filter-btn--active i {
  color: var(--brand-primary-muted);
}

/* Sidebar alt: Ayarlar + Cikis yap */
body.theme-dark .dash-sidebar-bottom {
  border-top-color: var(--rw-border);
}

/* Ayarlar + Cikis: App.css sabit renkler; tema degisiminde degismez */
body.theme-dark .dash-sidebar-action:not(.dash-sidebar-action--settings):not(.dash-sidebar-action--logout) {
  background: var(--rw-surface-elevated);
  border: 1px solid var(--rw-border-soft);
  color: var(--rw-text-muted);
  box-shadow: none;
}

body.theme-dark .dash-sidebar-action:not(.dash-sidebar-action--settings):not(.dash-sidebar-action--logout):hover {
  background: var(--rw-surface-hover);
  border-color: var(--rw-border-soft);
  color: var(--rw-text-strong);
}

body.theme-dark .tech-action-btn--danger {
  background: var(--rw-warning-bg);
  border-color: transparent;
  color: var(--rw-warning-text);
}

/* --- Segment switch / tabs --- */
body.theme-dark .wo-view-switch,
body.theme-dark .wo-cal-head-switch,
body.theme-dark .wo-segment-switch {
  background: #1c1c1e;
  border: 0;
  border-radius: 12px;
}

body.theme-dark .wo-view-btn,
body.theme-dark .wo-cal-head-btn,
body.theme-dark .wo-segment-switch .wo-view-btn,
body.theme-dark .wo-segment-switch .wo-cal-head-btn {
  color: var(--rw-text-muted);
  background: transparent;
}

body.theme-dark .wo-segment-switch .wo-view-btn--active,
body.theme-dark .wo-segment-switch .wo-cal-head-btn--active {
  color: #f5f7fb;
}

body.theme-dark .wo-segment-switch-indicator {
  background: #3a3a3c;
  border: none;
  border-radius: 10px;
  box-shadow:
    0 1px 2px rgba(0, 0, 0, 0.22),
    0 2px 6px rgba(0, 0, 0, 0.18);
}

body.theme-dark .wo-tab {
  color: #d4d4d8;
  border-color: transparent;
  background: transparent;
}

body.theme-dark .wo-tab:hover {
  background: transparent;
  border-color: transparent;
  color: #f4f4f5;
}

body.theme-dark .wo-tab--active,
body.theme-dark .wo-tab--active:hover {
  color: var(--brand-primary-muted);
  border-color: transparent;
  background: transparent;
  box-shadow: none;
}

/* --- Filter popover --- */
body.theme-dark .wo-filter-popover,
body.theme-dark .lab-patient-filter-popover {
  background: var(--rw-surface);
  border: 1px solid var(--rw-border);
  box-shadow: var(--rw-shadow);
  color: var(--rw-text);
}

body.theme-dark .wo-filter-popover-title {
  border-bottom-color: var(--rw-border);
}

body.theme-dark .wo-filter-popover-title h4 {
  color: var(--rw-text-strong);
}

body.theme-dark .wo-filter-popover-section,
body.theme-dark .wo-filter-split-row {
  border-bottom-color: var(--rw-border);
}

body.theme-dark .wo-filter-popover-section-head h5 {
  color: var(--rw-text-strong);
}

body.theme-dark .wo-filter-popover-reset {
  color: #7eb8d4;
}

body.theme-dark .wo-filter-popover-reset:hover {
  color: var(--brand-primary-muted);
}

body.theme-dark .wo-filter-search-wrap {
  background: var(--rw-bg-sidebar);
  border-color: var(--rw-border);
}

body.theme-dark .wo-filter-search-wrap i {
  color: var(--rw-text-muted);
}

body.theme-dark .wo-filter-search-wrap input {
  color: var(--rw-text);
  background: transparent;
}

body.theme-dark .wo-filter-search-wrap input::placeholder {
  color: var(--rw-text-muted);
}

body.theme-dark .wo-filter-select-wrap > .bi-chevron-down {
  color: var(--rw-text-muted);
}

body.theme-dark .wo-filter-popover-footer {
  border-top-color: var(--rw-border);
}

body.theme-dark .wo-list-filter-btn--active,
body.theme-dark .wo-list-filter-btn--open {
  background: var(--brand-primary-soft);
  border-color: rgba(37, 99, 235, 0.45);
  color: var(--brand-primary-muted);
  box-shadow: 0 0 0 1px var(--brand-primary-soft);
}

body.theme-dark .wo-list-filter-btn--active i,
body.theme-dark .wo-list-filter-btn--open i {
  color: var(--brand-primary-muted);
}

body.theme-dark .lab-patient-filter-popover-head {
  border-bottom-color: var(--rw-border);
}

body.theme-dark .lab-patient-filter-popover-head h3,
body.theme-dark .clinic-patient-form-section h4 {
  color: var(--rw-text-strong);
}

body.theme-dark .lab-patient-filter-popover-footer {
  border-top-color: var(--rw-border);
}

/* --- Modals & backdrops --- */
body.theme-dark .tech-panel-backdrop,
body.theme-dark .lab-patient-modal-backdrop,
body.theme-dark .lab-patient-drawer-backdrop,
body.theme-dark .dash-partnership-panel-backdrop {
  background: rgba(0, 0, 0, 0.72);
}

body.theme-dark .tech-panel-head,
body.theme-dark .tech-delete-actions {
  border-color: var(--rw-border);
}

body.theme-dark .tech-form-error,
body.theme-dark .tech-error-text {
  color: var(--rw-warning-text);
}

/* --- Lab hasta detay paneli (lpd-modal) --- */
body.theme-dark .lpd-modal {
  background: var(--rw-surface);
  box-shadow: var(--rw-shadow), 0 0 0 1px var(--rw-border);
}

body.theme-dark .lpd-header {
  background: var(--rw-bg-sidebar);
  border-bottom-color: var(--rw-border);
}

body.theme-dark .lpd-avatar {
  background: linear-gradient(135deg, var(--rw-auth-accent, #5eb3e4), var(--rw-auth-accent-deep, #3b9fd9));
  color: #ffffff;
}

body.theme-dark .lpd-name {
  color: var(--rw-text-strong);
}

body.theme-dark .lpd-sub {
  color: var(--rw-text-muted);
}

body.theme-dark .lpd-edit-btn,
body.theme-dark .lpd-close-btn {
  background: var(--rw-bg-navbar-control);
  border-color: var(--rw-border-soft);
  color: var(--rw-text-muted);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

body.theme-dark .lpd-edit-btn:hover {
  background: var(--rw-surface-hover);
  border-color: var(--rw-border-soft);
  color: var(--rw-text-strong);
}

body.theme-dark .lpd-close-btn:hover {
  background: var(--rw-warning-bg);
  border-color: rgba(255, 107, 107, 0.35);
  color: var(--rw-warning-text);
}

body.theme-dark .lpd-body {
  background: var(--rw-surface);
}

body.theme-dark .lpd-section h4 {
  background: var(--rw-bg-sidebar);
  border-bottom-color: var(--rw-border);
  color: var(--rw-text-muted);
}

body.theme-dark .lpd-section h4::before {
  background: var(--rw-auth-accent, #5eb3e4);
}

body.theme-dark .lpd-field + .lpd-field {
  border-top-color: var(--rw-border);
}

body.theme-dark .lpd-label,
body.theme-dark .lpd-treatment-note-label {
  color: var(--rw-text-muted);
}

body.theme-dark .lpd-value {
  color: var(--rw-text-strong);
}

body.theme-dark .lpd-treatment-name {
  color: var(--lab-accent-muted, var(--rw-cal-accent, #7eb8d4));
}

body.theme-dark .lpd-value-muted,
body.theme-dark .lpd-treatment-note,
body.theme-dark .lpd-treatments-empty {
  color: var(--rw-text-muted);
}

body.theme-dark .lpd-treatment-item,
body.theme-dark .wo-treatment-readonly {
  background: var(--rw-bg-sidebar);
  border-color: var(--rw-border);
}

body.theme-dark .lpd-treatment-work-order-btn {
  background: var(--rw-primary-bg);
  color: var(--rw-primary-text);
  border: none;
}

body.theme-dark .lpd-treatment-work-order-btn:hover {
  background: #e8e8e8;
  filter: none;
}

body.theme-dark .lpd-treatment-status-pill--in_progress {
  background: rgba(37, 99, 235, 0.2);
  color: #7eb8d4;
}

body.theme-dark .lpd-treatment-status-pill--completed {
  background: rgba(26, 143, 92, 0.22);
  color: #6ee7a8;
}

body.theme-dark .lpd-treatment-complete-btn {
  background: var(--rw-success-bg);
  border-color: rgba(74, 222, 128, 0.35);
  color: var(--rw-success-text);
}

body.theme-dark .lpd-treatment-complete-btn:hover {
  background: rgba(45, 74, 62, 0.85);
  border-color: rgba(74, 222, 128, 0.45);
}

body.theme-dark .lpd-treatment-status-select {
  background: var(--rw-bg-sidebar);
  border-color: var(--rw-border);
  color: var(--rw-text);
}

body.theme-dark .lpd-modal .patient-audit-bar {
  background: var(--rw-bg-sidebar);
  border-top-color: var(--rw-border);
  border-bottom: none;
}

body.theme-dark .lpd-modal .patient-audit-item,
body.theme-dark .lpd-modal .patient-audit-label,
body.theme-dark .lpd-modal .patient-audit-date {
  color: var(--rw-text-muted);
}

body.theme-dark .lpd-modal .patient-audit-item strong {
  color: var(--rw-text-strong);
}

body.theme-dark .lpd-modal .lab-patient-clinic-badge {
  background: rgba(59, 130, 246, 0.18);
  border-color: rgba(59, 130, 246, 0.35);
  color: var(--rw-auth-accent-text, #7ec8e8);
}

body.theme-dark .lpd-modal .lab-tooth-pill {
  background: rgba(59, 130, 246, 0.15);
  border-color: rgba(59, 130, 246, 0.35);
  color: var(--rw-auth-accent-text, #7ec8e8);
}

body.theme-dark .lpd-modal .lab-tooth-pill--bridge {
  background: rgba(251, 191, 36, 0.15);
  border-color: rgba(251, 191, 36, 0.35);
  color: #fcd34d;
}

body.theme-dark .lpd-modal .tech-action-btn--work-order {
  background: var(--rw-bg-navbar-control);
  border-color: var(--rw-border-soft);
  color: var(--rw-auth-accent-text, #7ec8e8);
}

body.theme-dark .lpd-modal .tech-action-btn--work-order:hover {
  background: var(--rw-surface-hover);
  border-color: var(--rw-border-soft);
  color: var(--rw-text-strong);
}

/* --- Kullanici erisim paneli (lab-users-access-modal) --- */
body.theme-dark .lpd-footer {
  background: var(--rw-bg-sidebar);
  border-top-color: var(--rw-border);
}

body.theme-dark .lab-users-access-alert {
  background: var(--rw-warning-bg);
  color: var(--rw-warning-text);
}

body.theme-dark .lab-users-access-success {
  background: var(--rw-success-bg);
  color: var(--rw-success-text);
}

body.theme-dark .lab-users-row--clickable:hover {
  background: transparent;
}

body.theme-dark .lab-users-row--selected {
  background: rgba(59, 130, 246, 0.12);
}

body.theme-dark .lab-patient-row--selected.lab-users-row--selected {
  background: rgba(59, 130, 246, 0.12) !important;
  box-shadow: inset 3px 0 0 var(--rw-auth-accent, #5eb3e4);
}

body.theme-dark .lab-users-access-role-hint strong {
  color: var(--rw-text-strong);
}

body.theme-dark .lab-users-access-modal .lpd-section-content {
  background: var(--rw-surface);
}

body.theme-dark .lpd-modal .lab-permissions-matrix {
  background: var(--rw-surface);
}

body.theme-dark .lpd-modal .lab-permissions-matrix-head {
  background: var(--rw-surface-elevated);
  border-bottom-color: var(--rw-border);
  color: var(--rw-text-muted);
}

body.theme-dark .lpd-modal .lab-permissions-matrix-row {
  border-top-color: var(--rw-border);
}

body.theme-dark .lpd-modal .lab-permissions-matrix-module,
body.theme-dark .lpd-modal .lab-permissions-matrix-head-module {
  color: var(--rw-text-strong);
}

body.theme-dark .lpd-modal .lab-permissions-matrix-head-action {
  color: var(--rw-text-muted);
}

body.theme-dark .lpd-modal .lab-permissions-matrix-check input[type='checkbox'] {
  accent-color: var(--rw-auth-accent, #5eb3e8);
}

body.theme-dark .lpd-modal .lab-permissions-matrix--styled-checks .lab-permissions-matrix-check-box {
  background: var(--rw-bg-sidebar);
  border-color: var(--rw-border-soft);
}

body.theme-dark .lpd-modal .lab-permissions-matrix--styled-checks .lab-permissions-matrix-check--on .lab-permissions-matrix-check-box {
  background: var(--rw-auth-accent, #5eb3e4);
  border-color: var(--rw-auth-accent-deep, #3b9fd9);
  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.28);
  opacity: 1;
}

body.theme-dark
  .lab-users-access-modal
  .lab-permissions-matrix--styled-checks
  .lab-permissions-matrix-check--styled:not(.lab-permissions-matrix-check--on)
  .lab-permissions-matrix-check-box {
  opacity: 0.38;
  border-color: var(--rw-border);
  background: var(--rw-surface-elevated);
}

body.theme-dark .lab-users-access-modal .lab-permissions-matrix-row:has(.lab-permissions-matrix-check--on) {
  background: rgba(59, 130, 246, 0.1);
}

body.theme-dark
  .lab-users-access-modal
  .lab-permissions-matrix-row:has(.lab-permissions-matrix-check--on)
  .lab-permissions-matrix-module {
  color: var(--rw-text-strong);
  font-weight: 700;
}

body.theme-dark .lpd-loading-empty {
  color: var(--rw-text-muted);
}

/* --- Pills & badges --- */
body.theme-dark .lab-finance-direction--in,
body.theme-dark .lab-finance-expense-type--courier {
  background: var(--rw-success-bg);
  color: var(--rw-success-text);
}

body.theme-dark .lab-finance-direction--out,
body.theme-dark .lab-finance-expense-type--external_job {
  background: var(--lab-accent-soft, var(--rw-accent-soft));
  color: var(--lab-accent-muted, #7eb8d4);
}

body.theme-dark .lab-patient-stat-card {
  background: var(--rw-surface);
}

body.theme-dark .lab-patient-row-avatar--lab {
  background: var(--rw-surface-elevated);
  color: var(--rw-text-muted);
}

body.theme-dark .lab-patient-actions-menu {
  background: var(--rw-surface);
  border: 1px solid var(--rw-border);
  box-shadow: var(--rw-shadow);
}

body.theme-dark .lab-patient-actions-menu-item {
  color: var(--rw-text);
}

body.theme-dark .lab-patient-actions-menu-item:hover {
  background: var(--rw-surface-hover);
}

body.theme-dark .lab-patient-actions-menu-item--danger {
  color: #f87171;
}

body.theme-dark .lab-patient-actions-menu-item--danger:hover {
  background: rgba(248, 113, 113, 0.12);
  color: #fca5a5;
}

body.theme-dark .zd-trial-remove-pop,
body.theme-dark .zd-trial-actions-menu--confirm {
  background: transparent;
  border: none;
  box-shadow: none;
}

body.theme-dark .zd-inline-confirm {
  background: var(--rw-surface, #18181b);
  border-color: var(--rw-border, #2d2d2d);
  box-shadow: var(--rw-shadow, 0 8px 32px rgba(0, 0, 0, 0.45));
}

body.theme-dark .zd-inline-confirm--primary {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.32);
}

body.theme-dark .zd-inline-confirm--danger {
  background: rgba(220, 38, 38, 0.1);
  border-color: rgba(248, 113, 113, 0.32);
}

body.theme-dark .zd-inline-confirm--primary .zd-inline-confirm-icon {
  background: rgba(59, 130, 246, 0.18);
  color: #93c5fd;
}

body.theme-dark .zd-inline-confirm--danger .zd-inline-confirm-icon {
  background: rgba(220, 38, 38, 0.18);
  color: #fca5a5;
}

body.theme-dark .zd-inline-confirm-title {
  color: var(--rw-text-strong, #ffffff);
}

body.theme-dark .zd-inline-confirm-hint {
  color: var(--rw-text-muted, #aaaaaa);
}

body.theme-dark .zd-inline-confirm-btn--ghost {
  background: var(--rw-surface, #18181b);
  border-color: var(--rw-border, #2d2d2d);
  color: var(--rw-text, #aaaaaa);
}

body.theme-dark .zd-inline-confirm-btn--ghost:hover:not(:disabled) {
  background: var(--rw-surface-hover, #2f2f33);
  color: var(--rw-text-strong, #ffffff);
}

body.theme-dark .zd-inline-confirm-btn--primary {
  background: var(--brand-primary);
  color: #fff;
}

body.theme-dark .zd-inline-confirm-btn--danger {
  background: #dc2626;
  color: #fff;
}

/* --- Login / landing (detay: AUTH PAGES bolumu) --- */
body.theme-dark .hero-copy,
body.theme-dark .feature-list,
body.theme-dark .side-nav a {
  color: var(--rw-text-muted);
}

body.theme-dark .sidebar {
  background: var(--rw-bg-sidebar);
  border-color: var(--rw-border);
}

body.theme-dark .side-nav a.active,
body.theme-dark .side-nav a:hover {
  background: var(--rw-surface-hover);
  color: var(--rw-text-strong);
}

/* --- Partnership / topbar menus --- */
body.theme-dark .dash-partnership-panel,
body.theme-dark .dash-topbar-menu {
  background: var(--rw-surface);
  border-color: var(--rw-border);
}

body.theme-dark .dash-topbar-menu-divider {
  background: var(--rw-border);
}

body.theme-dark .dash-topbar-menu-item {
  color: var(--rw-text);
}

body.theme-dark .dash-topbar-menu-item:hover {
  background: var(--rw-surface-hover);
}

body.theme-dark .dash-topbar-avatar {
  background: var(--brand-primary);
  color: #ffffff;
  box-shadow: 0 2px 8px rgba(37, 99, 235, 0.35);
}

body.theme-dark .dash-notify-item {
  background: var(--rw-surface);
  border-color: var(--rw-border);
}

body.theme-dark .dash-notify-item:hover,
body.theme-dark .dash-notify-item:active,
body.theme-dark .dash-notify-item:focus-visible {
  background: var(--rw-surface-hover);
  border-color: var(--rw-border-soft);
}

body.theme-dark .dash-notify-item--unread {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.28);
  box-shadow: inset 3px 0 0 var(--rw-auth-accent, #5eb3e4);
}

body.theme-dark .dash-notify-item-head strong {
  color: var(--rw-text-strong);
}

body.theme-dark .dash-notify-item-body,
body.theme-dark .dash-notify-item-head time,
body.theme-dark .dash-notify-loading,
body.theme-dark .dash-notify-empty p {
  color: var(--rw-text-muted);
}

body.theme-dark .dash-notify-item-icon {
  background: var(--rw-bg-sidebar);
  color: var(--rw-text-muted);
}

body.theme-dark .dash-notify-item-icon--work_order {
  background: rgba(59, 130, 246, 0.15);
  color: var(--rw-auth-accent-text, #7ec8e8);
}

body.theme-dark .dash-notify-item-icon--connection {
  background: rgba(250, 204, 21, 0.16);
  color: #facc15;
}

body.theme-dark .dash-notify-item-icon--connection_accepted {
  background: rgba(74, 222, 128, 0.16);
  color: #4ade80;
}

body.theme-dark .dash-notify-item-icon--removal {
  background: rgba(248, 113, 113, 0.16);
  color: #f87171;
}

body.theme-dark .dash-notify-footer {
  border-top-color: var(--rw-border);
}

body.theme-dark .dash-notify-settings-link {
  background: var(--rw-surface-elevated);
  border-color: var(--rw-border);
  color: var(--rw-text);
}

body.theme-dark .dash-notify-page-title {
  color: var(--rw-text-strong);
}

body.theme-dark .dash-notify-arrivals-label {
  color: var(--rw-text-muted);
}

body.theme-dark .dash-notify-arrivals-dismiss {
  color: var(--rw-text-muted);
}

body.theme-dark .dash-notify-arrivals-item {
  --notify-glass: rgba(35, 40, 40, 0.55);
  --notify-glass-hover: rgba(45, 50, 50, 0.65);
  --notify-stroke: rgba(255, 255, 255, 0.14);
  --notify-fg: #f5f5f7;
  --notify-body: rgba(245, 245, 247, 0.86);
  --notify-muted: rgba(235, 235, 245, 0.55);
  --notify-shadow: 0 4px 14px rgba(0, 0, 0, 0.18);
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  body.theme-dark .dash-notify-arrivals-item {
    --notify-glass: #232828;
    --notify-glass-hover: #2d3232;
  }
}

/* ============================================================================
   IS AKISI (workflow kanban)
   ============================================================================ */

body.theme-dark .lab-workflow-page,
body.theme-dark .lab-workflow-page .dash-main {
  background: var(--rw-bg);
  color: var(--rw-text);
}

body.theme-dark .wo-workflow-page {
  background: transparent;
  color: var(--rw-text);
}

body.theme-dark .wo-workflow-board {
  scrollbar-color: var(--rw-border-soft) transparent;
}

body.theme-dark .wo-workflow-column {
  background: var(--rw-surface);
  border-color: var(--rw-border);
  box-shadow: var(--rw-shadow);
}

body.theme-dark .wo-workflow-column--selected {
  border-color: rgba(139, 92, 246, 0.55);
  box-shadow:
    0 0 0 1px rgba(139, 92, 246, 0.35),
    var(--rw-shadow);
}

body.theme-dark .wo-workflow-column-head {
  border-bottom-color: var(--rw-border);
}

body.theme-dark .wo-workflow-column-title,
body.theme-dark .wo-workflow-column-title-text {
  color: var(--rw-text-strong);
}

body.theme-dark .wo-workflow-column-sub {
  color: var(--rw-text-muted);
}

body.theme-dark .wo-workflow-column-icon {
  background: var(--rw-surface-elevated);
  color: var(--rw-text-muted);
}

body.theme-dark .wo-workflow-column-empty {
  background: var(--rw-bg-sidebar);
  border-color: var(--rw-border);
  color: var(--rw-text-muted);
}

/* Is emri karti (ust) */
body.theme-dark .wo-workflow-card {
  background: var(--rw-surface-elevated);
}

body.theme-dark .wo-workflow-card--order:hover {
  background: var(--rw-surface-hover);
}

body.theme-dark .wo-workflow-card--selected {
  background: var(--rw-bg-sidebar);
  box-shadow: 0 0 0 1px var(--rw-border-soft), 0 4px 16px rgba(0, 0, 0, 0.35);
}

body.theme-dark .wo-workflow-card--selected .wo-workflow-card-accent {
  background: var(--rw-accent);
}

body.theme-dark .wo-workflow-card-title {
  color: var(--rw-text-strong);
}

body.theme-dark .wo-workflow-card-meta {
  color: var(--rw-text-muted);
}

/* Birim / prova kartlari (zd-trial) — is akisinda */
body.theme-dark .wo-workflow-page .zd-trial-card,
body.theme-dark .wo-workflow-unit-card.zd-trial-card,
body.theme-dark .zd-trial-card {
  background: #18181B !important;
  border-color: var(--rw-border) !important;
  box-shadow: none;
}

body.theme-dark .zd-trial-card--done,
body.theme-dark .wo-workflow-unit-card.zd-trial-card--done {
  background: #18181B !important;
  border-color: var(--rw-border) !important;
  opacity: 1;
}

body.theme-dark .zd-trial-card--confirmed {
  border-left: 3px solid var(--rw-success-text) !important;
}

body.theme-dark .zd-trials-empty {
  background: var(--rw-bg-sidebar) !important;
  border-color: var(--rw-border) !important;
  color: var(--rw-text-muted);
}

body.theme-dark .zd-trial-top,
body.theme-dark .wo-workflow-unit-top.zd-trial-top {
  border-bottom-color: var(--rw-border);
}

body.theme-dark .zd-trial-top-right,
body.theme-dark .wo-workflow-unit-card .zd-trial-top-right {
  border-left-color: var(--rw-border);
}

body.theme-dark .zd-trial-title,
body.theme-dark .wo-workflow-unit-card .zd-trial-title {
  color: var(--lab-accent-muted, var(--rw-cal-accent, #7eb8d4));
}

body.theme-dark .zd-trial-chevron {
  color: var(--rw-text-muted);
}

body.theme-dark .zd-trial-chevron--open {
  color: var(--rw-text);
}

body.theme-dark .zd-trial-icon {
  background: var(--rw-surface);
  color: var(--rw-text-muted);
}

body.theme-dark .zd-trial-icon--done {
  background: var(--rw-success-bg);
  color: var(--rw-success-text);
}

body.theme-dark .zd-trial-icon--active {
  background: rgba(56, 189, 248, 0.12);
  color: #7dd3fc;
}

body.theme-dark .zd-trial-summary-label,
body.theme-dark .zd-trial-entries-label {
  color: var(--rw-text-muted);
}

body.theme-dark .zd-trial-summary-value {
  color: var(--rw-text);
}

body.theme-dark .zd-trial-entries {
  border-top-color: var(--rw-border);
}

body.theme-dark .zd-trial-entry {
  background: var(--rw-bg-sidebar);
  border-color: var(--rw-border);
}

body.theme-dark .zd-trial-entry-num {
  color: var(--brand-primary-muted);
}

body.theme-dark .zd-trial-entry-date,
body.theme-dark .zd-trial-entries-empty {
  color: var(--rw-text-muted);
}

body.theme-dark .zd-trial-entry-input {
  background: var(--rw-bg-sidebar);
  border-color: var(--rw-border);
  color: var(--rw-text);
}

body.theme-dark .zd-trial-fields--readonly .zd-trial-readonly-value {
  color: var(--rw-text);
}

body.theme-dark .zd-trial-entry-add {
  background: var(--rw-surface);
  border-color: var(--rw-border);
  color: var(--brand-primary-muted);
}

body.theme-dark .zd-trial-entry-add:hover {
  background: var(--rw-surface-hover);
  border-color: var(--rw-border-soft);
}

body.theme-dark .zd-trial-confirmed-badge {
  background: var(--rw-success-bg);
  color: var(--rw-success-text);
}

body.theme-dark .zd-binary-pills {
  background: #27272a;
}

body.theme-dark .zd-pill {
  background: transparent;
  color: #a1a1aa;
  box-shadow: none;
}

body.theme-dark .zd-pill:hover {
  color: #a1a1aa;
}

body.theme-dark .zd-pill--selected {
  background: #18181B;
  color: #fafafa;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
}

body.theme-dark .zd-binary-pills--readonly .zd-pill:hover {
  color: #a1a1aa;
}

body.theme-dark .zd-binary-pills--readonly .zd-pill--selected:hover {
  color: #fafafa;
}

body.theme-dark .wo-workflow-unit-actions,
body.theme-dark .zd-trial-confirm-row,
body.theme-dark .zd-trial-complete-row {
  border-top-color: var(--rw-border);
}

body.theme-dark .zd-trial-confirm-btn,
body.theme-dark .wo-workflow-unit-actions .zd-trial-confirm-btn {
  background: var(--rw-success-bg);
  color: var(--rw-success-text);
  border: 1px solid transparent;
  box-shadow: none;
}

body.theme-dark .zd-trial-confirm-btn:hover,
body.theme-dark .wo-workflow-unit-actions .zd-trial-confirm-btn:hover {
  background: #3d5c4f;
  color: var(--rw-success-text);
  transform: none;
}

body.theme-dark .zd-trial-complete-btn,
body.theme-dark .wo-workflow-unit-actions .zd-trial-complete-btn {
  background: #15803d;
  color: #ecfdf5;
  border: none;
  box-shadow: none;
}

body.theme-dark .zd-trial-complete-btn:hover:not(:disabled),
body.theme-dark .wo-workflow-unit-actions .zd-trial-complete-btn:hover:not(:disabled) {
  background: #166534;
  color: #ecfdf5;
  filter: none;
  transform: none;
  box-shadow: none;
}

body.theme-dark .zd-trial-delivered-btn,
body.theme-dark .wo-workflow-unit-actions .zd-trial-delivered-btn,
body.theme-dark .clinic-wo-drawer--zd .zd-trial-delivered-btn {
  background: #15803d;
  color: #ecfdf5;
  border: none;
  box-shadow: none;
}

body.theme-dark .zd-trial-delivered-btn:hover,
body.theme-dark .wo-workflow-unit-actions .zd-trial-delivered-btn:hover,
body.theme-dark .clinic-wo-drawer--zd .zd-trial-delivered-btn:hover {
  background: #166534;
  color: #ecfdf5;
  box-shadow: none;
  transform: none;
}

body.theme-dark .zd-trial-undo-complete-btn,
body.theme-dark .zd-trial-repeat-btn {
  background: rgba(96, 165, 250, 0.14);
  border: none;
  color: var(--brand-primary-muted);
}

body.theme-dark .zd-trial-undo-complete-btn:hover:not(:disabled),
body.theme-dark .zd-trial-repeat-btn:hover:not(:disabled) {
  background: rgba(96, 165, 250, 0.2);
  border: none;
  color: #bfdbfe;
  filter: none;
}

body.theme-dark .zd-trial-actions-row {
  border-top-color: var(--rw-border);
}

body.theme-dark .zd-trial-status-transition--production {
  background: #475569;
}

body.theme-dark .zd-trial-status-transition--delivery {
  background: #b45309;
}

body.theme-dark .zd-trial-status-transition--trial {
  background: #6d28d9;
}

body.theme-dark .zd-trial-status-transition--repeat {
  background: rgba(96, 165, 250, 0.14);
  color: var(--brand-primary-muted);
}

body.theme-dark .zd-trial-status-transition--repeat .zd-trial-status-transition-icon {
  background: rgba(96, 165, 250, 0.18);
  color: var(--brand-primary-muted);
}

body.theme-dark .zd-trial-status-transition--repeat .zd-trial-status-transition-copy strong {
  color: var(--brand-primary-muted);
  opacity: 0.9;
}

body.theme-dark .zd-trial-status-transition--repeat .zd-trial-status-transition-copy small {
  color: var(--brand-primary-muted);
  opacity: 0.6;
}

body.theme-dark .zd-trial-content-section-title {
  color: var(--rw-text-muted);
}

body.theme-dark .zd-trial-content-section-icon,
body.theme-dark .zd-trial-summary-info-icon {
  background: rgba(59, 130, 246, 0.16);
  color: #5eb3e4;
}

body.theme-dark .zd-trial-content-section-action {
  color: #5eb3e4;
}

body.theme-dark .zd-trial-content-section-action:hover {
  color: #7dd3fc;
}

body.theme-dark .zd-trial-content-section-body {
  background: var(--rw-surface-elevated);
  border-color: var(--rw-border);
  box-shadow: none;
}

body.theme-dark .zd-trial-content-section:has(.zd-trial-notes-list) .zd-trial-content-section-body {
  background: transparent;
  border-color: transparent;
}

body.theme-dark .zd-trial-note-row + .zd-trial-note-row {
  border-top-color: var(--rw-border);
}

body.theme-dark .zd-trial-note-text,
body.theme-dark .zd-trial-readonly-value,
body.theme-dark .zd-trial-entry-readonly {
  color: var(--rw-text-strong, var(--rw-text));
}

body.theme-dark .zd-trial-note-time,
body.theme-dark .zd-trial-content-section-meta,
body.theme-dark .zd-trial-waiting-hint,
body.theme-dark .zd-trial-summary-info-label,
body.theme-dark .zd-trial-summary-datetime-label {
  color: var(--rw-text-muted);
}

body.theme-dark .zd-trial-summary-info-value {
  color: var(--rw-text-strong, var(--rw-text));
}

body.theme-dark .zd-trial-summary-info-value--placeholder {
  color: #71717a;
}

body.theme-dark .zd-trial-note-input {
  background: var(--rw-surface);
  border-color: var(--rw-border);
  color: var(--rw-text-strong, var(--rw-text));
}

body.theme-dark .zd-trial-note-input::placeholder {
  color: var(--rw-text-muted);
}

body.theme-dark .zd-trial-note-input:focus {
  border-color: rgba(59, 130, 246, 0.5);
  box-shadow: none;
}

body.theme-dark .zd-trial-actions-trigger {
  color: #a1a1aa;
  background: transparent;
  border-color: transparent;
}

body.theme-dark .zd-trial-status-pill.lab-patient-status-pill--created {
  background: #173041;
  color: #7dd3fc;
  border-color: rgba(125, 211, 252, 0.35);
}

body.theme-dark .zd-trial-status-pill.lab-patient-status-pill--active {
  background: #27272a;
  color: #a1a1aa;
  border-color: #3f3f46;
}

body.theme-dark .zd-trial-status-pill.lab-patient-status-pill--delivery {
  background: #3b2f14;
  color: #fcd34d;
  border-color: rgba(252, 211, 77, 0.35);
}

body.theme-dark .zd-trial-status-pill.lab-patient-status-pill--trial {
  background: #2e2143;
  color: #c4b5fd;
  border-color: rgba(196, 181, 253, 0.35);
}

body.theme-dark .zd-trial-status-pill.lab-patient-status-pill--completed {
  background: #173626;
  color: #86efac;
  border-color: #166534;
}

body.theme-dark .zd-trial-remove {
  background: var(--rw-surface);
  border-color: rgba(255, 107, 107, 0.35);
  color: var(--rw-warning-text);
}

body.theme-dark .zd-trial-remove:hover {
  background: var(--rw-warning-bg);
}

body.theme-dark .wo-workflow-page .tech-empty {
  color: var(--rw-text-muted);
}

/* --- Charts (lab dashboard) — var(--brand-primary) vurgu (degiskenler: lab-theme.css) --- */

body.theme-dark .lab-dash-chart-bar {
  background: linear-gradient(180deg, var(--lab-dash-blue-light, var(--brand-primary-light)) 0%, var(--lab-dash-blue, var(--brand-primary)) 100%);
}

body.theme-dark .lab-dashboard-page .lab-dash-chart-col--hovered .lab-dash-chart-bar {
  background: linear-gradient(180deg, rgba(37, 99, 235, 0.7) 0%, var(--brand-primary-soft) 100%);
}

body.theme-dark .lab-dash-chart-range-btn--active {
  background: var(--rw-surface-elevated);
  color: var(--rw-text-strong);
}

body.theme-dark .lab-dash-chart-tooltip {
  background: var(--rw-surface);
  border-color: var(--rw-border);
  color: var(--rw-text);
}

/* --- Mobile menu --- */
body.theme-dark .mobile-menu-panel,
body.theme-dark .mobile-menu-backdrop {
  background: var(--rw-bg-sidebar);
}

body.theme-dark .mobile-menu-link {
  color: var(--rw-text);
}

body.theme-dark .mobile-menu-link--logout {
  background: var(--rw-warning-bg);
  border-color: rgba(255, 107, 107, 0.28);
  color: var(--rw-warning-text);
}

/* --- Selection (dashboard ile ayni acik mavi) --- */
body.theme-dark ::selection {
  background: var(--rw-selection-bg);
  color: var(--rw-selection-text);
}

body.theme-dark ::-moz-selection {
  background: var(--rw-selection-bg);
  color: var(--rw-selection-text);
}

/* ============================================================================
   TYPOGRAPHY & PAGE HEADERS
   ============================================================================ */

body.theme-dark .dash-header h1,
body.theme-dark .dash-page-title-text,
body.theme-dark .tech-panel-head h3,
body.theme-dark .tech-form label,
body.theme-dark .tech-field {
  color: var(--rw-text-muted);
}

body.theme-dark .dash-header h1 {
  color: var(--rw-text-strong);
}

body.theme-dark .dash-header p,
body.theme-dark .tech-empty,
body.theme-dark .lab-patient-list-empty {
  color: var(--rw-text-muted);
}

body.theme-dark .tech-row .dash-table-value {
  color: var(--rw-text);
}

body.theme-dark .tech-sort-btn:hover {
  color: var(--rw-text-strong);
}

/* ============================================================================
   LAB STAT CARDS & LIST CARDS (full surface alignment)
   ============================================================================ */

body.theme-dark .lab-patient-stat-card,
body.theme-dark .lab-patient-list-card,
body.theme-dark .lab-patient-list-card-head,
body.theme-dark .lab-finance-expenses-grouped-card,
body.theme-dark .lab-finance-expense-group {
  background: var(--rw-surface);
  border-color: var(--rw-border);
  box-shadow: var(--rw-shadow);
}

body.theme-dark .lab-patient-list-card-head {
  border-bottom-color: var(--rw-border);
}

body.theme-dark .lab-patient-stat-card-label,
body.theme-dark .lab-patient-stat-card-hint,
body.theme-dark .lab-stat-trend-suffix,
body.theme-dark .lab-patient-list-card-title,
body.theme-dark .lab-patient-row-meta,
body.theme-dark .lab-patient-row-muted,
body.theme-dark .lab-finance-form-hint,
body.theme-dark .lab-external-services-form-hint,
body.theme-dark .lab-patient-filter-popover-field > label,
body.theme-dark .clinic-patient-form-row > label {
  color: var(--rw-text-muted);
}

body.theme-dark .lab-patient-stat-card-value,
body.theme-dark .lab-patient-list-card-title-count,
body.theme-dark .lab-patient-row-name,
body.theme-dark .lab-patient-color-chip,
body.theme-dark .lab-finance-balance-cell {
  color: var(--rw-text-strong);
}

body.theme-dark .lab-patient-list-table tbody td {
  color: var(--rw-text);
}

body.theme-dark .lab-patient-row-sub {
  color: var(--rw-text-muted);
}

body.theme-dark .lab-patient-stat-card-icon {
  background: var(--stat-tone-bg, var(--rw-surface-elevated));
  color: var(--stat-tone-fg, var(--rw-text-muted));
}

body.theme-dark .lab-patient-stat-card--primary .lab-patient-stat-card-icon,
body.theme-dark .lab-patient-stat-card--success .lab-patient-stat-card-icon,
body.theme-dark .lab-patient-stat-card--violet .lab-patient-stat-card-icon,
body.theme-dark .lab-patient-stat-card--amber .lab-patient-stat-card-icon,
body.theme-dark .lab-patient-stat-card--neutral .lab-patient-stat-card-icon {
  background: var(--stat-tone-bg);
  color: var(--stat-tone-fg);
}

body.theme-dark .lab-stat-trend--up {
  background: var(--rw-success-bg);
  color: var(--rw-success-text);
}

body.theme-dark .lab-stat-trend--down {
  background: var(--rw-warning-bg);
  color: var(--rw-warning-text);
}

body.theme-dark .lab-patient-list-card-title-icon {
  background: var(--lab-accent-soft, var(--rw-accent-soft));
  color: var(--lab-accent-muted, #7eb8d4);
}

body.theme-dark .lab-patient-search-wrap > i {
  color: var(--rw-text-muted);
}

body.theme-dark .lab-patient-search-wrap > input {
  background: var(--rw-bg-sidebar);
  border-color: var(--rw-border);
  color: var(--rw-text);
}

body.theme-dark .lab-patient-search-wrap > input:focus {
  border-color: var(--rw-border-soft);
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.06);
}

body.theme-dark .lab-patient-list-table thead {
  background: var(--rw-bg-sidebar);
}

body.theme-dark .lab-patient-list-table thead th {
  background: var(--rw-bg-sidebar);
  color: var(--rw-text-muted);
  border-bottom-color: var(--rw-border);
}

body.theme-dark .lab-patient-list-table tbody td {
  border-bottom-color: var(--rw-border);
  color: var(--rw-text);
}

body.theme-dark .lab-patients-page .lab-patient-list-table tbody tr:hover,
body.theme-dark .lab-work-orders-page .lab-patient-list-table tbody tr:hover,
body.theme-dark .lab-work-orders-page .lab-work-order-list-table tbody tr:hover,
body.theme-dark .lab-stocks-page .lab-stock-list-table tbody tr:hover,
body.theme-dark .lab-external-services-page .lab-patient-list-table tbody tr:hover,
body.theme-dark .lab-finance-page .lab-patient-list-table tbody tr:hover {
  background: var(--rw-surface-hover);
}

body.theme-dark .lab-patient-row--selected {
  background: rgba(139, 92, 246, 0.12) !important;
  box-shadow: inset 3px 0 0 var(--rw-accent);
}

body.theme-dark .lab-patient-row-action-btn,
body.theme-dark .lab-patient-actions-trigger {
  background: var(--rw-surface);
  border-color: var(--rw-border);
  color: var(--rw-text-muted);
}

body.theme-dark .lab-patient-row-action-btn:hover,
body.theme-dark .lab-patient-actions-trigger:hover,
body.theme-dark .lab-patient-actions-trigger--open {
  background: var(--brand-primary-soft);
  border-color: rgba(37, 99, 235, 0.55);
  color: var(--brand-primary-muted);
  box-shadow: 0 0 0 1px rgba(37, 99, 235, 0.2);
}

body.theme-dark .lab-patient-filter-btn {
  background: var(--rw-surface);
  border-color: var(--rw-border);
  color: var(--rw-text);
}

body.theme-dark .lab-patient-filter-btn:hover {
  background: var(--brand-primary-soft);
  border-color: rgba(37, 99, 235, 0.55);
  color: var(--brand-primary-muted);
  box-shadow: 0 0 0 1px rgba(37, 99, 235, 0.2);
}

body.theme-dark .lab-patient-filter-btn--open,
body.theme-dark .lab-patient-filter-btn--active {
  background: var(--rw-surface-elevated);
  border-color: var(--rw-border-soft);
  color: var(--rw-text-strong);
}

body.theme-dark .lab-patient-filter-popover-head {
  background: var(--rw-bg-sidebar);
  border-bottom-color: var(--rw-border);
}

body.theme-dark .lab-patient-filter-popover-head h3 {
  color: var(--rw-text-strong);
}

body.theme-dark .lab-patient-filter-popover-field > select,
body.theme-dark .lab-patient-filter-popover-field > input[type='date'] {
  background: var(--rw-bg-sidebar);
  border-color: var(--rw-border);
  color: var(--rw-text);
}

/* ============================================================================
   FORMS & PANELS
   ============================================================================ */

body.theme-dark .tech-panel-head h3 {
  color: var(--rw-text-strong);
}

body.theme-dark .tech-panel-head {
  border-bottom-color: var(--rw-border);
}

body.theme-dark .tech-form label {
  color: var(--rw-text-muted);
}

body.theme-dark .tech-form input,
body.theme-dark .tech-form select,
body.theme-dark .tech-form textarea {
  background: var(--rw-bg-sidebar);
  border-color: var(--rw-border);
  color: var(--rw-text);
}

body.theme-dark .tech-form input:focus,
body.theme-dark .tech-form select:focus,
body.theme-dark .tech-form textarea:focus {
  background: var(--rw-surface-elevated);
  border-color: var(--rw-border-soft);
  outline: none;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.06);
}

body.theme-dark .wo-datetime-split-hm:focus,
body.theme-dark .wo-datetime-split-hm:focus-visible,
body.theme-dark .tech-form .wo-datetime-split-hm:focus,
body.theme-dark .tech-form .wo-datetime-split-hm:focus-visible,
body.theme-dark .tech-panel.wo-panel .tech-field .wo-datetime-split-hm:focus {
  outline: none !important;
  box-shadow: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

body.theme-dark .tech-form button[type='submit'] {
  background: var(--brand-primary);
  color: #ffffff;
  border: 0;
  box-shadow: none;
}

body.theme-dark .tech-form button[type='submit']:hover:not(:disabled) {
  background: linear-gradient(135deg, #3aa3d4, #2589b8);
  color: #ffffff;
}

body.theme-dark .tech-form button[type='submit']:active:not(:disabled) {
  background: linear-gradient(135deg, #2789b8, #1a6f94);
}

body.theme-dark .tech-form-success {
  background: var(--rw-success-bg);
  border-color: transparent;
  color: var(--rw-success-text);
}

body.theme-dark .tech-form-error {
  background: var(--rw-warning-bg);
  border-color: transparent;
  color: var(--rw-warning-text);
}

body.theme-dark .clinic-patient-panel .tech-panel-head {
  border-bottom-color: var(--rw-border);
}

body.theme-dark .clinic-patient-form-section {
  background: var(--rw-surface);
}

body.theme-dark .clinic-patient-form-section:first-child {
  border-right-color: var(--rw-border);
}

body.theme-dark .clinic-patient-form-section h4 {
  background: var(--rw-bg-sidebar);
  border-bottom-color: var(--rw-border);
  color: var(--rw-text-muted);
}

body.theme-dark .clinic-patient-form-row + .clinic-patient-form-row {
  border-top-color: var(--rw-border);
}

body.theme-dark .clinic-patient-form-row > input:hover,
body.theme-dark .clinic-patient-form-row > select:hover,
body.theme-dark .clinic-patient-form-row > textarea:hover {
  background: var(--rw-surface-hover);
  border-color: var(--rw-border);
}

body.theme-dark .clinic-patient-form-row > input:focus,
body.theme-dark .clinic-patient-form-row > select:focus,
body.theme-dark .clinic-patient-form-row > textarea:focus {
  background: var(--rw-surface-elevated);
  border-color: var(--rw-border-soft);
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.06);
}

body.theme-dark .clinic-patient-form-actions,
body.theme-dark .lab-finance-form-actions,
body.theme-dark .lab-external-services-form-actions,
body.theme-dark .lab-stocks-form-actions {
  background: var(--rw-bg-sidebar);
  border-top-color: var(--rw-border);
}

body.theme-dark .lab-patients-page .lab-patient-filter-popover .clinic-patient-form-submit,
body.theme-dark .lab-work-orders-page .lab-patient-filter-popover .clinic-patient-form-submit,
body.theme-dark .lab-patient-filter-popover-footer .clinic-patient-form-submit {
  color: #ffffff;
  background: var(--brand-primary);
  border: 0;
  box-shadow: none;
}

body.theme-dark .lab-patients-page .lab-patient-filter-popover .clinic-patient-form-submit:hover:not(:disabled),
body.theme-dark .lab-work-orders-page .lab-patient-filter-popover .clinic-patient-form-submit:hover:not(:disabled),
body.theme-dark .lab-patient-filter-popover-footer .clinic-patient-form-submit:hover:not(:disabled) {
  color: #ffffff;
  background: linear-gradient(135deg, #3aa3d4, #2589b8);
}

/* ============================================================================
   YENI / DUZENLE ROL PANELI (klinik + lab)
   ============================================================================ */

body.theme-dark .lab-role-form-panel.tech-panel,
body.theme-dark .lab-role-form-panel.clinic-patient-panel {
  background: var(--rw-surface) !important;
  border-color: var(--rw-border) !important;
  box-shadow: var(--rw-shadow);
  padding: 0;
  color: var(--rw-text);
}

body.theme-dark .lab-role-form-panel .tech-panel-head {
  background: var(--rw-bg-sidebar);
  border-bottom: 1px solid var(--rw-border);
  margin-bottom: 0;
}

body.theme-dark .lab-role-form-panel .tech-panel-head h3 {
  color: var(--rw-text-strong);
}

body.theme-dark .lab-role-form-panel .tech-panel-close {
  background: var(--rw-surface-elevated);
  border-color: var(--rw-border);
  color: var(--rw-text-muted);
}

body.theme-dark .lab-role-form-panel .tech-panel-close:hover {
  background: var(--rw-surface-hover);
  border-color: var(--rw-border-soft);
  color: var(--rw-text-strong);
}

body.theme-dark .lab-role-form-panel .tech-form.clinic-patient-form,
body.theme-dark .lab-role-form-panel .clinic-patient-form-grid,
body.theme-dark .lab-role-form-panel .clinic-patient-form-section,
body.theme-dark .lab-role-form-panel .clinic-patient-form-fields {
  background: var(--rw-surface) !important;
}

body.theme-dark .lab-role-form-panel .clinic-patient-form-section h4 {
  background: var(--rw-bg-sidebar);
  border-bottom-color: var(--rw-border);
  color: var(--rw-text-muted);
}

body.theme-dark .lab-role-form-panel .clinic-patient-form-section h4::before {
  background: var(--rw-cal-accent, #5eb3e4);
}

body.theme-dark .lab-role-form-panel .lab-role-permissions-section-head {
  background: var(--rw-bg-sidebar);
  border-bottom-color: var(--rw-border);
}

body.theme-dark .lab-role-form-panel .lab-role-permissions-section-head h4 {
  color: var(--rw-text-muted);
  background: transparent;
  border: 0;
  padding: 0;
}

body.theme-dark
  .lab-role-form-panel
  .clinic-patient-form-grid.lab-role-form-grid
  .clinic-patient-form-section:first-child {
  border-bottom-color: var(--rw-border) !important;
}

body.theme-dark .lab-role-form-panel .clinic-patient-form-row > label {
  color: var(--rw-text-muted);
}

body.theme-dark .lab-role-form-panel .clinic-patient-form-row > input,
body.theme-dark .lab-role-form-panel .clinic-patient-form-row > select,
body.theme-dark .lab-role-form-panel .clinic-patient-form-row > textarea {
  color: var(--rw-text-strong);
  background: var(--rw-bg-sidebar);
  border-color: var(--rw-border);
}

body.theme-dark .lab-role-form-panel .clinic-patient-form-row > input::placeholder,
body.theme-dark .lab-role-form-panel .clinic-patient-form-row > textarea::placeholder {
  color: var(--rw-text-muted);
  opacity: 0.85;
}

body.theme-dark .lab-role-form-panel .clinic-patient-form-row > input:hover,
body.theme-dark .lab-role-form-panel .clinic-patient-form-row > select:hover,
body.theme-dark .lab-role-form-panel .clinic-patient-form-row > textarea:hover {
  background: var(--rw-surface-hover);
  border-color: var(--rw-border-soft);
}

body.theme-dark .lab-role-form-panel .clinic-patient-form-row > input:focus,
body.theme-dark .lab-role-form-panel .clinic-patient-form-row > select:focus,
body.theme-dark .lab-role-form-panel .clinic-patient-form-row > textarea:focus {
  background: var(--rw-surface-elevated);
  border-color: var(--rw-cal-accent-deep, #3b9fd9);
  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2);
}

body.theme-dark .lab-role-form-panel .clinic-patient-form-row + .clinic-patient-form-row {
  border-top-color: var(--rw-border);
}

body.theme-dark .lab-role-form-panel .clinic-patient-form-actions {
  background: var(--rw-bg-sidebar);
  border-top-color: var(--rw-border);
}

body.theme-dark .lab-role-form-panel .clinic-patient-form-cancel {
  background: var(--rw-surface-elevated);
  border-color: var(--rw-border);
  color: var(--rw-text-muted);
}

body.theme-dark .lab-role-form-panel .clinic-patient-form-cancel:hover {
  background: var(--rw-surface-hover);
  border-color: var(--rw-border-soft);
  color: var(--rw-text-strong);
}

body.theme-dark .lab-role-form-panel .lab-permissions-matrix {
  background: var(--rw-surface);
}

body.theme-dark .lab-role-form-panel .lab-permissions-matrix-head {
  background: var(--rw-surface-elevated) !important;
  border-bottom-color: var(--rw-border);
  color: var(--rw-text-muted);
}

body.theme-dark .lab-role-form-panel .lab-permissions-matrix-row {
  background: transparent;
  border-top-color: var(--rw-border);
}

body.theme-dark .lab-role-form-panel .lab-permissions-matrix-module,
body.theme-dark .lab-role-form-panel .lab-permissions-matrix-head-module {
  color: var(--rw-text-strong);
}

body.theme-dark .lab-role-form-panel .lab-permissions-matrix-head-action {
  color: var(--rw-text-muted);
}

body.theme-dark .lab-role-form-panel .lab-role-permissions-section-actions .tech-action-btn {
  background: var(--rw-surface-elevated);
  border: 1px solid var(--rw-border);
  color: var(--rw-text-muted);
}

body.theme-dark .lab-role-form-panel .lab-role-permissions-section-actions .tech-action-btn:hover {
  background: var(--rw-surface-hover);
  border-color: var(--rw-border-soft);
  color: var(--rw-text-strong);
}

body.theme-dark
  .lab-role-form-panel
  .lab-permissions-matrix--styled-checks
  .lab-permissions-matrix-check-box {
  background: var(--rw-bg-sidebar) !important;
  border-color: var(--rw-border-soft) !important;
}

body.theme-dark
  .lab-role-form-panel
  .lab-permissions-matrix--styled-checks
  .lab-permissions-matrix-check--on
  .lab-permissions-matrix-check-box {
  background: var(--rw-cal-accent, #5eb3e4) !important;
  border-color: var(--rw-cal-accent-deep, #3b9fd9) !important;
}

/* ============================================================================
   TABS / VIEW SWITCH (remove light pill bleed)
   ============================================================================ */

body.theme-dark .wo-view-switch,
body.theme-dark .wo-cal-head-switch {
  background: #1c1c1e;
  border: 0;
}

body.theme-dark .wo-view-btn,
body.theme-dark .wo-cal-head-btn {
  background: transparent;
  color: var(--rw-text-muted);
}

body.theme-dark .wo-segment-switch .wo-view-btn--active,
body.theme-dark .wo-segment-switch .wo-cal-head-btn--active {
  background: transparent;
  color: #f5f7fb;
  font-weight: 700;
  border: none;
  box-shadow: none;
}

/* ============================================================================
   FINANCE & STATUS PILLS
   ============================================================================ */

body.theme-dark .lab-finance-expense-sub {
  color: var(--rw-text-muted);
}

body.theme-dark .lab-finance-direction--in {
  background: var(--rw-success-bg);
  color: var(--rw-success-text);
}

body.theme-dark .lab-finance-direction--out {
  background: var(--rw-warning-bg);
  color: var(--rw-warning-text);
}

body.theme-dark .lab-finance-expense-type--courier {
  background: rgba(56, 189, 248, 0.12);
  color: #7dd3fc;
}

body.theme-dark .lab-finance-expense-type--external_job {
  background: var(--rw-accent-soft);
  color: #c4b5fd;
}

body.theme-dark .lab-patient-source-pill {
  background: var(--rw-success-bg);
  color: var(--rw-success-text);
}

body.theme-dark .lab-patient-source-pill--clinic {
  background: var(--rw-accent-soft);
  color: #c4b5fd;
}

body.theme-dark .lab-patient-status-pill {
  background: var(--rw-surface-elevated);
  color: var(--rw-text-muted);
}

body.theme-dark .lab-patient-status-pill--active {
  background: rgba(37, 99, 235, 0.2);
  color: #7eb8d4;
}

body.theme-dark .lab-patient-status-pill--sent {
  background: #2e2143;
  color: #c4b5fd;
  border-color: #5b3f85;
}

body.theme-dark .lab-patient-status-pill--completed {
  background: #173626;
  color: #86efac;
  border-color: #166534;
}

body.theme-dark .lab-patient-status-pill--trial {
  background: #2e2143;
  color: #c4b5fd;
}

body.theme-dark .lab-patient-status-pill--delivery {
  background: #3b2f14;
  color: #fcd34d;
}

body.theme-dark .lab-patient-status-pill--finished {
  background: #173626;
  color: #86efac;
}

body.theme-dark .lab-patient-status-pill--pending {
  background: rgba(251, 191, 36, 0.12);
  color: #fcd34d;
}

body.theme-dark .lab-patient-status-pill--idle {
  background: var(--rw-warning-bg);
  color: var(--rw-warning-text);
}

body.theme-dark .wo-list-status-pill--active,
body.theme-dark .wo-list-status-pill--production {
  background: #27272a;
  color: #a1a1aa;
}

body.theme-dark .wo-list-status-pill--new {
  background: #173041;
  color: #7dd3fc;
}

body.theme-dark .wo-list-status-pill--trial {
  background: #2e2143;
  color: #c4b5fd;
}

body.theme-dark .wo-list-status-pill--delivery {
  background: #3b2f14;
  color: #fcd34d;
}

body.theme-dark .wo-list-status-pill--finished {
  background: #173626;
  color: #86efac;
}

body.theme-dark .wo-list-status-pill--completed {
  background: #173626;
  color: #86efac;
}

/* ============================================================================
   TABLES (tech-table) & DASH CARDS
   ============================================================================ */

body.theme-dark .tech-table tbody td {
  color: var(--rw-text);
  border-bottom-color: var(--rw-border);
}

body.theme-dark .tech-table tbody tr:nth-child(odd) {
  background: rgba(255, 255, 255, 0.02);
}

body.theme-dark .tech-table tbody tr:hover {
  background: var(--rw-surface-hover);
}

body.theme-dark .dash-table-card {
  background: var(--rw-surface);
  border-color: var(--rw-border);
}

body.theme-dark .dash-table-body {
  color: var(--rw-text);
}

body.theme-dark .price-list-input {
  background: var(--rw-bg-sidebar);
  border-color: var(--rw-border);
  color: var(--rw-text);
}

/* ============================================================================
   IS EMIRLERI — TAKVIM (gun / hafta / ay)
   ============================================================================ */

body.theme-dark .lab-work-orders-page .dash-table-card,
body.theme-dark .dash-table-card.wo-view-fullscreen-shell {
  background: var(--rw-surface);
  border-color: var(--rw-border);
}

body.theme-dark .wo-view-fullscreen-shell--active,
body.theme-dark .wo-view-fullscreen-shell:fullscreen {
  background: var(--rw-bg);
}

body.theme-dark .wo-view-fullscreen-bar {
  background: var(--rw-surface);
  border-color: var(--rw-border);
  box-shadow: var(--rw-shadow);
}

body.theme-dark .wo-view-fullscreen-bar-title {
  color: var(--rw-text-strong);
}

body.theme-dark .wo-view-fullscreen-bar-exit {
  background: var(--rw-surface-elevated);
  border-color: var(--rw-border);
  color: var(--rw-text);
}

body.theme-dark .wo-view-fullscreen-bar-exit:hover {
  background: var(--rw-surface-hover);
  border-color: var(--rw-border-soft);
}

body.theme-dark .wo-cal-main,
body.theme-dark .wo-mini-cal,
body.theme-dark .wo-quick-card {
  background: var(--rw-surface);
  border-color: var(--rw-border);
  color: var(--rw-text);
}

body.theme-dark .wo-cal-head {
  background: var(--rw-bg-sidebar);
  border-bottom-color: var(--rw-border);
}

body.theme-dark .wo-cal-title strong,
body.theme-dark .wo-mini-head strong,
body.theme-dark .wo-quick-card h4 {
  color: var(--rw-text-strong);
}

body.theme-dark .wo-cal-title span,
body.theme-dark .wo-cal-empty,
body.theme-dark .wo-month-more {
  color: var(--rw-text-muted);
}

body.theme-dark .wo-cal-head-switch,
body.theme-dark .wo-cal-head-picker-btn {
  background: #1c1c1e;
  border: 0;
  color: var(--rw-text-muted);
}

body.theme-dark .wo-cal-head-picker-btn:hover {
  background: var(--brand-primary-soft);
  border-color: rgba(37, 99, 235, 0.55);
  color: var(--brand-primary-muted);
  box-shadow: 0 0 0 1px rgba(37, 99, 235, 0.2);
}

body.theme-dark .wo-cal-head-picker-btn--active {
  background: var(--rw-cal-accent-soft);
  border-color: var(--rw-cal-accent);
  color: var(--rw-cal-accent);
}

body.theme-dark .wo-cal-head-btn {
  background: transparent;
  color: var(--rw-text-muted);
}

body.theme-dark .wo-cal-head-btn--active {
  background: var(--rw-surface-elevated);
  color: var(--rw-text-strong);
  border: 1px solid var(--rw-border-soft);
  box-shadow: none;
}

body.theme-dark .wo-segment-switch .wo-cal-head-btn--active {
  background: transparent;
  color: #f5f7fb;
  font-weight: 700;
  border: none;
  box-shadow: none;
}

body.theme-dark .wo-cal-head-search {
  background: var(--rw-surface-elevated);
  border-color: var(--rw-border);
}

body.theme-dark .wo-cal-head-search input {
  color: var(--rw-text-strong);
}

body.theme-dark .wo-cal-head-search input::placeholder,
body.theme-dark .wo-cal-head-search i {
  color: var(--rw-text-muted);
}

body.theme-dark .wo-week-head-day--doctor {
  color: var(--rw-text-strong);
}

body.theme-dark .wo-day-allday,
body.theme-dark .wo-time-axis,
body.theme-dark .wo-week-head {
  background: var(--rw-bg-sidebar);
  border-color: var(--rw-border);
}

body.theme-dark .wo-day-allday-label,
body.theme-dark .wo-time-axis-row,
body.theme-dark .wo-week-head-day {
  color: var(--rw-text-muted);
}

body.theme-dark .wo-time-axis-row {
  border-bottom-color: var(--rw-border-soft);
}

body.theme-dark .wo-time-axis {
  border-right-color: var(--rw-border);
}

body.theme-dark .wo-week-head-num {
  color: var(--rw-text-strong);
}

body.theme-dark .wo-week-head-cell:hover {
  background: var(--rw-surface-hover);
}

body.theme-dark .wo-week-head-cell--today .wo-week-head-num,
body.theme-dark .wo-month-day-cell--today .wo-month-day-number {
  background: linear-gradient(135deg, var(--rw-cal-accent), var(--rw-cal-accent-deep));
  color: #ffffff;
  box-shadow: none;
}

body.theme-dark .wo-month-day-cell--today {
  border-color: var(--rw-cal-accent);
  box-shadow: inset 0 0 0 1px rgba(59, 130, 246, 0.45);
  background: var(--rw-cal-accent-muted);
}

body.theme-dark .wo-week-col {
  border-left-color: var(--rw-border);
}

body.theme-dark .wo-time-col,
body.theme-dark .wo-week-col {
  background-color: var(--rw-surface);
  background-image: repeating-linear-gradient(
    to bottom,
    transparent 0,
    transparent 47px,
    rgba(255, 255, 255, 0.1) 47px,
    rgba(255, 255, 255, 0.1) 48px
  );
}

body.theme-dark .wo-time-slot:hover {
  background: var(--rw-cal-accent-soft);
}

body.theme-dark .wo-day-board,
body.theme-dark .wo-week-board {
  background: var(--rw-surface);
}

body.theme-dark .wo-day-grid,
body.theme-dark .wo-week-grid {
  background: var(--rw-surface);
}

body.theme-dark .wo-time-axis-spacer {
  background: var(--rw-bg-sidebar);
  border-bottom: 1px solid var(--rw-border);
}

body.theme-dark .wo-week-head-cell {
  background: transparent;
  border-left-color: var(--rw-border);
}

body.theme-dark .wo-month-board {
  background: transparent;
}

body.theme-dark .wo-month-day-cell:hover {
  background: var(--rw-surface-hover);
  border-color: var(--rw-border-soft);
}

body.theme-dark .wo-month-head-cell {
  color: var(--rw-text-muted);
}

body.theme-dark .wo-month-grid--head {
  border-bottom-color: #2f3540;
}

body.theme-dark .wo-month-day-cell {
  background: var(--rw-surface);
  border-bottom-color: #2f3540;
  border-right-color: #2f3540;
  border-top-color: #2f3540;
  border-left-color: #2f3540;
}

body.theme-dark .wo-month-day-cell--empty {
  background: var(--rw-bg-sidebar);
  border-style: dashed;
}

body.theme-dark .wo-month-day-number,
body.theme-dark button.wo-month-day-number {
  color: var(--rw-text);
  background: transparent;
  background-image: none;
  border: 0;
  box-shadow: none;
}

body.theme-dark .wo-calendar-day,
body.theme-dark .wo-calendar-card {
  background: var(--rw-surface);
  border-color: var(--rw-border);
}

body.theme-dark .wo-calendar-day-head h4,
body.theme-dark .wo-calendar-card-title {
  color: var(--rw-text-strong);
}

body.theme-dark .wo-calendar-day-head span,
body.theme-dark .wo-calendar-card-title span,
body.theme-dark .wo-calendar-card p {
  color: var(--rw-text-muted);
}

body.theme-dark .wo-mini-nav-btn {
  background: var(--rw-surface-elevated);
  border-color: var(--rw-border);
  color: var(--rw-text-muted);
}

body.theme-dark .wo-mini-nav-btn:hover {
  border-color: var(--rw-border-soft);
  color: var(--rw-text-strong);
}

body.theme-dark .wo-mini-head-cell {
  color: var(--rw-text-muted);
}

body.theme-dark .wo-mini-day {
  color: var(--rw-text);
}

body.theme-dark .wo-mini-day:hover {
  background: var(--rw-cal-accent-soft);
  color: var(--rw-text-strong);
}

body.theme-dark .wo-mini-day--today {
  color: var(--rw-cal-accent);
}

body.theme-dark .wo-mini-day--active,
body.theme-dark .wo-mini-day--active:hover {
  background: linear-gradient(135deg, var(--rw-cal-accent), var(--rw-cal-accent-deep));
  color: #ffffff;
}

body.theme-dark .wo-mini-cal-popover .wo-mini-cal {
  background: var(--rw-surface);
  border-color: var(--rw-border);
  box-shadow: var(--rw-shadow);
}

/* Takvim etkinlik renkleri */
body.theme-dark .wo-event--indigo { background: rgba(37, 99, 235, 0.2); color: var(--brand-primary-muted); }
body.theme-dark .wo-event--rose { background: rgba(224, 86, 122, 0.2); color: #ffb3c4; }
body.theme-dark .wo-event--teal { background: rgba(31, 158, 141, 0.2); color: #93e1d4; }
body.theme-dark .wo-event--amber { background: rgba(192, 138, 30, 0.2); color: #f1cf85; }
body.theme-dark .wo-event--sky { background: rgba(36, 112, 184, 0.2); color: #9ec9f0; }
body.theme-dark .wo-event--violet { background: rgba(120, 71, 208, 0.2); color: #c5a8f5; }

body.theme-dark .wo-month-item--indigo { background: rgba(37, 99, 235, 0.2); color: var(--brand-primary-muted); }
body.theme-dark .wo-month-item--rose { background: rgba(224, 86, 122, 0.2); color: #ffb3c4; }
body.theme-dark .wo-month-item--teal { background: rgba(31, 158, 141, 0.2); color: #93e1d4; }
body.theme-dark .wo-month-item--amber { background: rgba(192, 138, 30, 0.2); color: #f1cf85; }
body.theme-dark .wo-month-item--sky { background: rgba(36, 112, 184, 0.2); color: #9ec9f0; }
body.theme-dark .wo-month-item--violet { background: rgba(120, 71, 208, 0.2); color: #c5a8f5; }

body.theme-dark .wo-quick-field span,
body.theme-dark .wo-quick-hint {
  color: var(--rw-text-muted);
}

body.theme-dark .wo-quick-field input,
body.theme-dark .wo-quick-field select,
body.theme-dark .wo-quick-field textarea {
  background: var(--rw-bg-sidebar);
  border-color: var(--rw-border);
  color: var(--rw-text);
}

body.theme-dark .wo-quick-field input:focus,
body.theme-dark .wo-quick-field select:focus,
body.theme-dark .wo-quick-field textarea:focus {
  background: var(--rw-surface-elevated);
  border-color: var(--rw-border-soft);
}

body.theme-dark .wo-cal-fab {
  background: var(--rw-primary-bg);
  color: var(--rw-primary-text);
  box-shadow: var(--rw-shadow);
}

body.theme-dark .wo-cal-fab:hover {
  background: #e8e8e8;
}

body.theme-dark .wo-filter-popover-head,
body.theme-dark .wo-filter-popover-footer {
  border-color: var(--rw-border);
}

body.theme-dark .wo-filter-popover label,
body.theme-dark .wo-filter-field label {
  color: var(--rw-text-muted);
}

body.theme-dark .wo-filter-popover input,
body.theme-dark .wo-filter-popover select,
body.theme-dark .wo-filter-popover .wo-filter-select-wrap,
body.theme-dark .wo-filter-popover .wo-filter-search-wrap {
  background: var(--rw-bg-sidebar);
  border-color: var(--rw-border);
  color: var(--rw-text);
}

body.theme-dark .wo-filter-popover .wo-filter-select-wrap select,
body.theme-dark .wo-filter-popover .wo-filter-search-wrap input {
  color: var(--rw-text);
  background: transparent;
}

body.theme-dark .wo-filter-popover input[type='date'] {
  color-scheme: dark;
}

body.theme-dark .wo-filter-date-row input {
  color: var(--rw-text);
  background: var(--rw-bg-sidebar);
  border-color: var(--rw-border);
}

/* ============================================================================
   IS EMIRLERI — LAYOUT (React Flow)
   ============================================================================ */

body.theme-dark .wo-flow-shell {
  background: var(--rw-bg);
}

body.theme-dark .wo-flow-canvas-wrap .react-flow {
  background: var(--rw-bg);
}

body.theme-dark .wo-flow-canvas-wrap .react-flow__background pattern circle,
body.theme-dark .wo-flow-canvas-wrap .react-flow__background pattern path {
  stroke: var(--rw-border);
}

body.theme-dark .wo-flow-canvas-wrap .react-flow.dark,
body.theme-dark .wo-flow-canvas-wrap .react-flow {
  --xy-controls-button-background-color: var(--rw-surface-elevated);
  --xy-controls-button-background-color-hover: var(--rw-surface-hover);
  --xy-controls-button-color: var(--rw-text);
  --xy-controls-button-color-hover: var(--rw-text-strong);
  --xy-controls-button-border-color: var(--rw-border);
  --xy-controls-box-shadow: var(--rw-shadow);
  --xy-minimap-background-color: var(--rw-surface);
  --xy-minimap-mask-background-color: rgba(13, 13, 13, 0.78);
  --xy-background-pattern-color: rgba(255, 255, 255, 0.14);
  --xy-background-pattern-dots-color-default: rgba(255, 255, 255, 0.14);
  --xy-edge-stroke-default: var(--rw-border-soft);
}

body.theme-dark .wo-flow-controls,
body.theme-dark .wo-flow-minimap {
  background: var(--rw-surface);
  border: 1px solid var(--rw-border);
  border-radius: 10px;
  box-shadow: var(--rw-shadow);
  overflow: hidden;
}

body.theme-dark .wo-flow-controls .react-flow__controls-button {
  background: var(--rw-surface-elevated);
  border-bottom-color: var(--rw-border);
  color: var(--rw-text);
}

body.theme-dark .wo-flow-controls .react-flow__controls-button:hover {
  background: var(--rw-surface-hover);
  color: var(--rw-text-strong);
}

body.theme-dark .wo-flow-controls .react-flow__controls-button svg {
  fill: currentColor;
}

body.theme-dark .wo-flow-minimap .react-flow__minimap-svg {
  background: var(--rw-bg-sidebar);
}

body.theme-dark .wo-flow-minimap .react-flow__minimap-mask {
  fill: rgba(13, 13, 13, 0.78);
}

body.theme-dark .wo-flow-handle {
  background: var(--rw-text-muted);
  border-color: var(--rw-surface);
}

body.theme-dark .wo-flow-node {
  background: var(--rw-surface);
  border-color: var(--rw-border);
  box-shadow: var(--rw-shadow);
}

body.theme-dark .wo-flow-node--stage {
  background: var(--rw-bg-sidebar);
}

body.theme-dark .wo-flow-node--patient {
  background: var(--rw-surface);
  border-color: var(--rw-border);
  border-left-color: rgba(148, 163, 184, 0.35);
  box-shadow: var(--rw-shadow);
}

body.theme-dark .wo-flow-patient-avatar {
  background: var(--rw-surface-elevated);
  color: var(--rw-text-muted);
}

body.theme-dark .wo-flow-patient-label {
  color: var(--rw-text-muted);
}

body.theme-dark .wo-flow-node--patient .wo-flow-node-title {
  color: var(--rw-text-strong);
}

body.theme-dark .wo-flow-node-rows--patient {
  border-top-color: rgba(148, 163, 184, 0.38);
}

body.theme-dark .wo-flow-node-rows--patient p {
  color: var(--rw-text-muted);
}

body.theme-dark .wo-flow-node-rows--patient i {
  color: var(--rw-text-muted);
  opacity: 0.72;
}

body.theme-dark .wo-flow-node--treatment.wo-flow-node--treatment-completed {
  background: rgba(230, 246, 238, 0.14);
}

body.theme-dark .wo-flow-node--treatment.wo-flow-node--treatment-in-progress {
  background: rgba(227, 244, 250, 0.14);
}

body.theme-dark .wo-flow-node--step {
  background: var(--rw-surface-elevated);
  border-color: var(--rw-border);
}

body.theme-dark .wo-flow-node--selected {
  border-color: var(--rw-accent);
  box-shadow: 0 0 0 2px rgba(139, 92, 246, 0.35), var(--rw-shadow);
}

body.theme-dark .wo-flow-node-title,
body.theme-dark .wo-flow-node--trial .wo-flow-step-title {
  color: var(--rw-text-strong);
}

body.theme-dark .wo-flow-step-title,
body.theme-dark .wo-flow-step-note,
body.theme-dark .wo-flow-node-rows p {
  color: var(--rw-text-muted);
}

body.theme-dark .wo-flow-pill--idle {
  background: var(--rw-surface-elevated);
  color: var(--rw-text-muted);
}

body.theme-dark .wo-flow-pill--progress {
  background: rgba(37, 99, 235, 0.2);
  color: #7eb8d4;
}

body.theme-dark .wo-flow-pill--done {
  background: rgba(26, 143, 92, 0.22);
  color: #6ee7a8;
}

body.theme-dark .wo-flow-loading,
body.theme-dark .wo-flow-empty-overlay {
  color: var(--rw-text-muted);
}

body.theme-dark .wo-flow-panel {
  background: var(--rw-surface);
  border-left-color: var(--rw-border);
}

body.theme-dark .wo-flow-panel-tabs {
  border-bottom-color: var(--rw-border);
}

body.theme-dark .wo-flow-panel-tab {
  color: var(--rw-text-muted);
}

body.theme-dark .wo-flow-panel-tab--active {
  color: var(--rw-text-strong);
  border-bottom-color: var(--rw-accent);
}

body.theme-dark .wo-flow-panel-label,
body.theme-dark .wo-flow-panel-section h4,
body.theme-dark .wo-flow-panel-row span {
  color: var(--rw-text-muted);
}

body.theme-dark .wo-flow-panel-value,
body.theme-dark .wo-flow-panel-row strong,
body.theme-dark .wo-flow-panel-note {
  color: var(--rw-text);
}

body.theme-dark .wo-flow-panel-section {
  border-top-color: var(--rw-border);
}

body.theme-dark .wo-flow-panel-close {
  background: var(--rw-surface-elevated);
  border: 1px solid var(--rw-border);
  color: var(--rw-text-muted);
}

body.theme-dark .wo-flow-panel-close:hover {
  background: var(--rw-surface-hover);
  color: var(--rw-text-strong);
}

/* ============================================================================
   LOGIN / LANDING
   ============================================================================ */

/* ============================================================================
   AUTH PAGES — Login, Register, Landing (Relatewise dark)
   ============================================================================ */

body.theme-dark {
  --rw-auth-accent: var(--brand-primary);
  --rw-auth-accent-deep: var(--brand-primary-deep);
  --rw-auth-accent-soft: var(--brand-primary-soft);
  --rw-auth-accent-text: var(--brand-primary-muted);
  --rw-auth-btn-shadow: none;
}

body.theme-dark .auth-page {
  --rw-auth-accent: var(--brand-primary);
  --rw-auth-accent-deep: var(--brand-primary-deep);
  --rw-auth-accent-soft: var(--brand-primary-soft);
  --rw-auth-accent-text: var(--brand-primary);
  --rw-auth-btn-shadow: none;
}

body.theme-dark .auth-page.container,
body.theme-dark .container.auth-page {
  min-height: 100svh;
}

body.theme-dark .hero-panel h1,
body.theme-dark .landing-hero h1,
body.theme-dark .login-card h2,
body.theme-dark .landing-card h2 {
  color: var(--rw-text-strong);
}

body.theme-dark .eyebrow {
  color: var(--rw-auth-accent-text);
}

body.theme-dark .auth-page .eyebrow,
body.theme-dark .auth-page .auth-hero-features .bi {
  color: var(--brand-primary);
}

body.theme-dark .hero-copy,
body.theme-dark .landing-card p,
body.theme-dark .landing-login,
body.theme-dark .feature-list,
body.theme-dark .auth-switch,
body.theme-dark .auth-card-sub,
body.theme-dark .auth-hero-features {
  color: var(--rw-text-muted);
}

body.theme-dark .auth-hero-features .bi {
  color: var(--rw-auth-accent-text);
}

body.theme-dark .auth-card-head {
  background: var(--rw-bg-sidebar);
  border-bottom-color: var(--rw-border);
  padding: 20px 24px;
}

body.theme-dark .auth-card-icon {
  background: var(--rw-auth-accent-soft);
  color: var(--rw-auth-accent-text);
  display: none;
}

body.theme-dark .auth-field-label {
  color: var(--rw-text-muted);
}

body.theme-dark .auth-field-input-wrap {
  background: var(--rw-bg-sidebar);
  border-color: var(--rw-border);
  box-shadow: none;
}

body.theme-dark .auth-field-input-wrap:focus-within {
  border-color: var(--brand-primary);
  box-shadow: 0 0 0 3px var(--brand-ring);
  background: var(--rw-surface-elevated);
}

body.theme-dark .auth-field-input-wrap .bi {
  color: var(--rw-text-muted);
}

/* Login: tek kutu (wrap) — ic input cercevesiz, aydinlik mod ile ayni */
body.theme-dark .auth-page .auth-field-input-wrap input,
body.theme-dark .auth-page .auth-field-input-wrap input:hover,
body.theme-dark .auth-page .auth-field-input-wrap input:focus,
body.theme-dark .login-card.auth-card .auth-field-input-wrap input,
body.theme-dark .login-card.auth-card .auth-field-input-wrap input:hover,
body.theme-dark .login-card.auth-card .auth-field-input-wrap input:focus {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  color: var(--rw-text-strong);
  -webkit-appearance: none;
  appearance: none;
}

body.theme-dark .auth-page .auth-field-input-wrap input::placeholder,
body.theme-dark .login-card.auth-card .auth-field-input-wrap input::placeholder {
  color: var(--rw-text-muted);
  opacity: 0.85;
}

body.theme-dark .auth-page .auth-field-input-wrap input:-webkit-autofill,
body.theme-dark .auth-page .auth-field-input-wrap input:-webkit-autofill:hover,
body.theme-dark .auth-page .auth-field-input-wrap input:-webkit-autofill:focus,
body.theme-dark .login-card.auth-card .auth-field-input-wrap input:-webkit-autofill,
body.theme-dark .login-card.auth-card .auth-field-input-wrap input:-webkit-autofill:hover,
body.theme-dark .login-card.auth-card .auth-field-input-wrap input:-webkit-autofill:focus {
  -webkit-text-fill-color: var(--rw-text-strong) !important;
  caret-color: var(--rw-text-strong);
  -webkit-box-shadow: 0 0 0 1000px transparent inset !important;
  box-shadow: 0 0 0 1000px transparent inset !important;
  border: none !important;
}

body.theme-dark .card,
body.theme-dark .login-card {
  background: var(--rw-surface);
  border: 1px solid var(--rw-border);
  border-radius: var(--rw-radius-lg);
  box-shadow: var(--rw-shadow);
  color: var(--rw-text);
}

body.theme-dark .landing-card {
  background: var(--rw-surface);
  border: 1px solid var(--rw-border);
  box-shadow: var(--rw-shadow);
}

body.theme-dark .landing-card:hover {
  border-color: var(--rw-border-soft);
  background: var(--rw-surface-hover);
}

body.theme-dark .card label,
body.theme-dark .login-card label {
  color: var(--rw-text-muted);
  font-weight: 500;
}

/* Kayit formu vb. — auth-field disindaki inputlar */
body.theme-dark .card input:not(.auth-field-input-wrap input),
body.theme-dark .login-card:not(.auth-card) input,
body.theme-dark .login-card > label > input,
body.theme-dark .login-card select {
  background: var(--rw-bg-sidebar);
  border: 1px solid var(--rw-border);
  color: var(--rw-text-strong);
  border-radius: var(--rw-radius);
}

body.theme-dark .card input:not(.auth-field-input-wrap input)::placeholder,
body.theme-dark .login-card:not(.auth-card) input::placeholder,
body.theme-dark .login-card > label > input::placeholder {
  color: var(--rw-text-muted);
  opacity: 0.85;
}

body.theme-dark .card input:not(.auth-field-input-wrap input):focus,
body.theme-dark .login-card:not(.auth-card) input:focus,
body.theme-dark .login-card > label > input:focus,
body.theme-dark .login-card select:focus {
  outline: none;
  outline-offset: 0;
  border-color: var(--brand-primary);
  box-shadow: 0 0 0 3px var(--brand-ring);
  background: var(--rw-surface-elevated);
  color: var(--rw-text-strong);
}

body.theme-dark .login-card:not(.auth-card) input:-webkit-autofill,
body.theme-dark .login-card:not(.auth-card) input:-webkit-autofill:hover,
body.theme-dark .login-card:not(.auth-card) input:-webkit-autofill:focus,
body.theme-dark .login-card > label > input:-webkit-autofill,
body.theme-dark .card input:not(.auth-field-input-wrap input):-webkit-autofill,
body.theme-dark .card input:not(.auth-field-input-wrap input):-webkit-autofill:hover,
body.theme-dark .card input:not(.auth-field-input-wrap input):-webkit-autofill:focus {
  -webkit-text-fill-color: var(--rw-text-strong);
  caret-color: var(--rw-text-strong);
  -webkit-box-shadow: 0 0 0 1000px var(--rw-bg-sidebar) inset;
  box-shadow: 0 0 0 1000px var(--rw-bg-sidebar) inset;
  border-color: var(--rw-border);
}

body.theme-dark .auth-submit-btn,
body.theme-dark .login-card button[type='submit'].auth-submit-btn,
body.theme-dark .auth-page .auth-card button.auth-submit-btn[type='submit'] {
  background: var(--brand-primary);
  color: #ffffff;
  border: none;
  border-radius: 8px;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.2;
  min-height: 0;
  padding: 12px 16px;
  box-shadow: none;
  transform: none;
  transition: background-color 0.15s ease, opacity 0.15s ease;
}

body.theme-dark .auth-submit-btn:hover:not(:disabled),
body.theme-dark .login-card button[type='submit'].auth-submit-btn:hover:not(:disabled),
body.theme-dark .auth-page .auth-card button.auth-submit-btn[type='submit']:hover:not(:disabled),
body.theme-dark .auth-submit-btn:focus,
body.theme-dark .auth-submit-btn:focus-visible {
  background: var(--brand-primary-hover);
  color: #ffffff;
  box-shadow: none;
  transform: none;
  outline: none;
}

body.theme-dark .auth-submit-btn:active:not(:disabled),
body.theme-dark .login-card button[type='submit'].auth-submit-btn:active:not(:disabled),
body.theme-dark .auth-page .auth-card button.auth-submit-btn[type='submit']:active:not(:disabled) {
  background: var(--brand-primary-deep);
  transform: none;
  box-shadow: none;
}

body.theme-dark .auth-submit-btn:disabled,
body.theme-dark .login-card button[type='submit'].auth-submit-btn:disabled,
body.theme-dark .auth-page .auth-card button.auth-submit-btn[type='submit']:disabled {
  opacity: 0.65;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}

/* Register / landing — diger auth submit butonlari */
body.theme-dark .login-card button[type='submit']:not(.auth-submit-btn),
body.theme-dark .auth-page .card button[type='submit']:not(.auth-submit-btn),
body.theme-dark .landing-btn {
  background: var(--rw-primary-bg);
  color: var(--rw-primary-text);
  border: none;
  border-radius: var(--rw-radius);
  font-weight: 600;
  transition: background 0.15s ease, opacity 0.15s ease;
}

body.theme-dark .login-card button[type='submit']:not(.auth-submit-btn):hover:not(:disabled),
body.theme-dark .auth-page .card button[type='submit']:not(.auth-submit-btn):hover:not(:disabled),
body.theme-dark .landing-btn:hover {
  background: #e8e8e8;
  color: var(--rw-primary-text);
}

body.theme-dark .login-card button[type='submit']:not(.auth-submit-btn):disabled,
body.theme-dark .auth-page .card button[type='submit']:not(.auth-submit-btn):disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

body.theme-dark .landing-btn--secondary {
  background: var(--rw-surface-elevated);
  border: 1px solid var(--rw-border-soft);
  color: var(--rw-text-strong);
}

body.theme-dark .landing-btn--secondary:hover {
  background: var(--rw-surface-hover);
  border-color: var(--rw-border-soft);
  color: var(--rw-text-strong);
}

body.theme-dark .auth-switch a,
body.theme-dark .landing-login a {
  color: var(--brand-primary);
  font-weight: 600;
}

body.theme-dark .auth-switch a:hover,
body.theme-dark .landing-login a:hover {
  color: var(--brand-primary-hover);
}

body.theme-dark .error {
  color: var(--rw-warning-text);
  background: var(--rw-warning-bg);
  padding: 10px 12px;
  border-radius: var(--rw-radius);
  border: 1px solid rgba(255, 107, 107, 0.22);
  line-height: 1.4;
}

body.theme-dark .register-type-badge {
  background: var(--rw-auth-accent-soft);
  color: var(--rw-auth-accent-text);
  border: 1px solid rgba(59, 130, 246, 0.28);
}

body.theme-dark .landing-login {
  width: 100%;
  max-width: 920px;
  text-align: center;
}

/* ============================================================================
   CLINIC CALENDAR
   ============================================================================ */

body.theme-dark .clinic-calendar-period-tabs {
  background: var(--rw-bg-sidebar);
}

body.theme-dark .clinic-calendar-period-tab {
  color: var(--rw-text-muted);
}

body.theme-dark .clinic-calendar-period-tab:hover {
  color: var(--rw-text-strong);
}

body.theme-dark .clinic-calendar-period-tab--active {
  background: linear-gradient(135deg, var(--rw-cal-accent), var(--rw-cal-accent-deep));
  color: #ffffff;
  box-shadow: 0 2px 8px rgba(59, 130, 246, 0.28);
  border: none;
}

body.theme-dark .clinic-calendar-period-month,
body.theme-dark .clinic-calendar-title {
  color: var(--rw-text-strong);
}

body.theme-dark .clinic-calendar-period-range,
body.theme-dark .clinic-calendar-month-weekday {
  color: var(--rw-text-muted);
}

body.theme-dark .clinic-calendar-icon-btn,
body.theme-dark .clinic-calendar-btn,
body.theme-dark .clinic-calendar-search {
  background: var(--rw-surface);
  border-color: var(--rw-border);
  color: var(--rw-text);
}

body.theme-dark .clinic-calendar-search input {
  color: var(--rw-text);
}

body.theme-dark .clinic-calendar-search input::placeholder,
body.theme-dark .clinic-calendar-search i {
  color: var(--rw-text-muted);
}

body.theme-dark .clinic-calendar-create-btn {
  background: var(--rw-primary-bg);
  color: var(--rw-primary-text);
  box-shadow: none;
}

body.theme-dark .clinic-calendar-create-btn:hover {
  background: #e8e8e8;
}

body.theme-dark .clinic-calendar-btn--active {
  background: var(--rw-surface-elevated);
  color: var(--rw-text-strong);
  border-color: var(--rw-border-soft);
}

body.theme-dark .clinic-calendar-month-grid {
  background: var(--rw-surface);
  border-color: var(--rw-border);
}

body.theme-dark .clinic-calendar-month-weekday {
  background: var(--rw-bg-sidebar);
  border-color: var(--rw-border);
}

body.theme-dark .clinic-calendar-month-cell {
  background: var(--rw-surface);
  border-color: var(--rw-border);
}

body.theme-dark .clinic-calendar-month-cell:hover {
  background: var(--rw-surface-hover);
}

body.theme-dark .clinic-calendar-month-cell--muted {
  background: var(--rw-bg-sidebar);
}

body.theme-dark .clinic-calendar-month-day-num {
  color: var(--rw-text-strong);
}

body.theme-dark .clinic-calendar-month-cell--muted .clinic-calendar-month-day-num {
  color: var(--rw-text-muted);
}

body.theme-dark .clinic-calendar-month-cell--today {
  background: var(--rw-cal-accent-muted);
  box-shadow: inset 0 0 0 1px rgba(59, 130, 246, 0.35);
}

body.theme-dark .clinic-calendar-month-next {
  background: var(--rw-surface-elevated);
  border-color: var(--rw-border);
  color: var(--rw-text);
  box-shadow: var(--rw-shadow);
}

body.theme-dark .clinic-calendar-month-next:hover {
  background: var(--rw-surface-hover);
  color: var(--rw-cal-accent);
}

body.theme-dark .clinic-month-event-more {
  color: var(--rw-text-muted);
}

body.theme-dark .clinic-month-event-more:hover {
  color: var(--rw-cal-accent);
}

body.theme-dark .clinic-month-event--sky {
  background: rgba(36, 112, 184, 0.22);
  color: #9ec9f0;
}

body.theme-dark .clinic-month-event--rose {
  background: rgba(224, 86, 122, 0.2);
  color: #ffb3c4;
}

body.theme-dark .clinic-month-event--violet {
  background: rgba(120, 71, 208, 0.2);
  color: #c5a8f5;
}

body.theme-dark .clinic-month-event--teal {
  background: rgba(31, 158, 141, 0.2);
  color: #93e1d4;
}

body.theme-dark .clinic-month-event--amber {
  background: rgba(192, 138, 30, 0.2);
  color: #f1cf85;
}

body.theme-dark .clinic-month-event--indigo {
  background: rgba(37, 99, 235, 0.2);
  color: var(--brand-primary-muted);
}

body.theme-dark .clinic-month-event--mint {
  background: rgba(34, 120, 72, 0.22);
  color: #86efac;
}

body.theme-dark .clinic-calendar-scheduler,
body.theme-dark .clinic-calendar-scheduler--week,
body.theme-dark .clinic-calendar-scheduler--modern {
  background: var(--rw-surface);
  border-color: var(--rw-border);
}

body.theme-dark .clinic-calendar-scheduler-header,
body.theme-dark .clinic-calendar-scheduler--week .clinic-calendar-scheduler-header,
body.theme-dark .clinic-calendar-scheduler--modern .clinic-calendar-scheduler-header {
  background: var(--rw-bg-sidebar);
  border-bottom-color: var(--rw-border);
}

body.theme-dark .clinic-calendar-time-head,
body.theme-dark .clinic-calendar-col-head {
  background: var(--rw-bg-sidebar);
  border-right-color: var(--rw-border);
  color: var(--rw-text-muted);
}

body.theme-dark .clinic-calendar-col-doctor,
body.theme-dark .clinic-calendar-col-date {
  color: var(--rw-text-strong);
}

body.theme-dark .clinic-calendar-col-day,
body.theme-dark .clinic-calendar-time-gmt {
  color: var(--rw-text-muted);
}

body.theme-dark .clinic-calendar-col-head--today .clinic-calendar-col-date {
  background: linear-gradient(135deg, var(--rw-cal-accent), var(--rw-cal-accent-deep));
  color: #ffffff;
}

body.theme-dark .clinic-calendar-time-cell,
body.theme-dark .clinic-calendar-scheduler--week .clinic-calendar-time-cell,
body.theme-dark .clinic-calendar-scheduler--modern .clinic-calendar-time-cell {
  background: var(--rw-bg-sidebar);
  border-right-color: var(--rw-border);
  color: var(--rw-text-muted);
}

body.theme-dark .clinic-calendar-time-cell small {
  color: var(--rw-text-muted);
}

body.theme-dark .clinic-calendar-slot,
body.theme-dark .clinic-calendar-scheduler--week .clinic-calendar-slot,
body.theme-dark .clinic-calendar-scheduler--modern .clinic-calendar-slot {
  background: var(--rw-surface);
  border-right-color: var(--rw-border);
}

body.theme-dark .clinic-calendar-slot:hover {
  background: var(--rw-surface-hover);
}

body.theme-dark .clinic-calendar-slot--today,
body.theme-dark .clinic-calendar-scheduler--week .clinic-calendar-slot--today,
body.theme-dark .clinic-calendar-scheduler--modern .clinic-calendar-slot--today,
body.theme-dark .clinic-calendar-scheduler--day .clinic-calendar-slot--today {
  background: var(--rw-cal-accent-muted);
}

body.theme-dark .clinic-calendar-slot--active {
  background: var(--rw-cal-accent-soft);
  box-shadow: inset 0 0 0 1px rgba(59, 130, 246, 0.45);
}

body.theme-dark .clinic-calendar-row {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

body.theme-dark .clinic-calendar-cell {
  background: var(--rw-surface);
  border-color: var(--rw-border);
  color: var(--rw-text);
}

body.theme-dark .clinic-calendar-cell--muted {
  background: var(--rw-bg-sidebar);
  color: var(--rw-text-muted);
}

body.theme-dark .clinic-calendar-cell--today {
  border-color: var(--rw-cal-accent);
  box-shadow: inset 0 0 0 1px rgba(59, 130, 246, 0.35);
}

body.theme-dark .clinic-calendar-cell--tall small {
  color: var(--rw-text-muted);
}

body.theme-dark .clinic-calendar-weekday {
  color: var(--rw-text-muted);
}

body.theme-dark .clinic-appointment-card {
  border-color: var(--rw-border);
}

/* ============================================================================
   LAB DASHBOARD TEXT
   ============================================================================ */

body.theme-dark .lab-dash-card-head h3,
body.theme-dark .lab-dash-chart-value,
body.theme-dark .lab-dash-project-head h3,
body.theme-dark .lab-dash-project-body strong,
body.theme-dark .lab-dash-table-link strong {
  color: var(--rw-text-strong);
}

body.theme-dark .lab-dash-card-head p,
body.theme-dark .lab-dash-chart-eyebrow,
body.theme-dark .lab-dash-chart-delta,
body.theme-dark .lab-dash-chart-xlabel,
body.theme-dark .lab-dash-chart-yaxis,
body.theme-dark .lab-dash-project-body span,
body.theme-dark .lab-dash-table thead th,
body.theme-dark .lab-dash-table-empty,
body.theme-dark .lab-dash-loading {
  color: var(--rw-text-muted);
}

body.theme-dark .lab-dash-table tbody td {
  color: var(--rw-text);
  border-bottom-color: var(--rw-border);
}

body.theme-dark .lab-dash-chart-range-btn {
  background: transparent;
  color: var(--rw-text-muted);
  border-color: var(--rw-border);
}

body.theme-dark .lab-dash-card-menu,
body.theme-dark .lab-dash-project-action {
  background: var(--rw-surface);
  border-color: var(--rw-border);
  color: var(--rw-text-muted);
}

body.theme-dark .lab-dash-project-item {
  border-color: var(--rw-border);
}

body.theme-dark .lab-dash-project-item:hover {
  background: var(--rw-surface-hover);
}

body.theme-dark .lab-dashboard-page .lab-patient-stat-card--primary {
  --stat-tone-fg: var(--lab-dash-accent-text);
  --stat-tone-bg: var(--lab-dash-accent-soft);
}

body.theme-dark .lab-dashboard-page .lab-dash-bar-fill {
  background: linear-gradient(90deg, var(--lab-dash-accent), var(--lab-dash-accent-deep));
}

body.theme-dark .lab-dashboard-page .lab-dash-table-avatar {
  background: linear-gradient(135deg, var(--lab-dash-accent), var(--lab-dash-accent-deep));
}

body.theme-dark .lab-dashboard-page .lab-dash-donut-placeholder {
  background: conic-gradient(
    var(--lab-dash-accent) 0% 48%,
    var(--lab-dash-blue-light, var(--brand-primary-light)) 48% 70%,
    var(--lab-dash-accent-text) 70% 85%,
    rgba(37, 99, 235, 0.35) 85% 100%
  );
}

body.theme-dark .lab-dashboard-page .lab-dash-legend-dot--active {
  background: var(--lab-dash-accent);
}

body.theme-dark .lab-dashboard-page .lab-dash-card-link {
  color: var(--lab-dash-accent-text);
}

body.theme-dark .lab-dashboard-page .lab-dash-project-icon--plum {
  background: var(--lab-dash-accent-soft);
  color: var(--lab-dash-accent-text);
}

/* ============================================================================
   IS EMRI DRAWER (hasta / is emri tiklama) + MODAL PANELLER
   ============================================================================ */

body.theme-dark .clinic-wo-drawer-backdrop,
body.theme-dark .clinic-wo-drawer-backdrop--zd {
  background: rgba(0, 0, 0, 0.72);
  backdrop-filter: blur(4px);
}

body.theme-dark .clinic-wo-drawer,
body.theme-dark .clinic-wo-drawer--zd {
  background: var(--rw-surface);
  box-shadow: var(--rw-shadow), 0 0 0 1px var(--rw-border);
}

body.theme-dark .zd-drawer-main,
body.theme-dark .clinic-wo-drawer-head,
body.theme-dark .clinic-wo-drawer-head--zd {
  background: var(--rw-surface);
  border-bottom-color: var(--rw-border);
}

body.theme-dark .clinic-wo-drawer-head h3,
body.theme-dark .clinic-wo-drawer-head--zd h3 {
  color: var(--rw-text-strong);
}

body.theme-dark .clinic-wo-drawer-sub,
body.theme-dark .clinic-wo-drawer-head--zd .clinic-wo-drawer-sub,
body.theme-dark .zd-drawer-kicker,
body.theme-dark .zd-section-label {
  color: var(--rw-text-muted);
}

body.theme-dark .clinic-wo-drawer-body,
body.theme-dark .clinic-wo-drawer-body--zd {
  background: var(--rw-bg);
}

body.theme-dark .clinic-wo-drawer-section--trials {
  border-top-color: var(--rw-border);
}

body.theme-dark .clinic-wo-drawer-close,
body.theme-dark .clinic-wo-drawer-close--zd:not(.clinic-wo-drawer-action--close) {
  background: var(--rw-surface-elevated);
  border: 1px solid var(--rw-border);
  color: var(--rw-text-muted);
}

body.theme-dark .clinic-wo-drawer-close:hover,
body.theme-dark .clinic-wo-drawer-close--zd:not(.clinic-wo-drawer-action--close):hover {
  background: var(--rw-surface-hover);
  color: var(--rw-text-strong);
}

body.theme-dark .zd-drawer-chevron {
  color: var(--rw-text-muted);
}

/* Sol nav ikonlari */
body.theme-dark .zd-drawer-nav {
  background: var(--rw-bg-sidebar);
  border-right-color: var(--rw-border);
}

@media (max-width: 720px) {
  body.theme-dark .zd-drawer-nav {
    border-bottom-color: var(--rw-border);
  }
}

body.theme-dark .zd-drawer-nav-btn {
  background: var(--rw-surface, #18181b);
  border: 1px solid var(--rw-border-soft, #353535);
  color: var(--rw-text-muted, #aaaaaa);
  box-shadow: none;
}

body.theme-dark .zd-drawer-nav-btn:hover,
body.theme-dark .zd-drawer-nav-btn--active,
body.theme-dark .zd-drawer-nav-btn:focus-visible {
  background: var(--brand-primary-soft);
  border: 1px solid rgba(37, 99, 235, 0.55);
  color: var(--brand-primary-muted);
  box-shadow: 0 0 0 1px rgba(37, 99, 235, 0.2);
}

body.theme-dark .zd-drawer-nav-btn:hover .bi,
body.theme-dark .zd-drawer-nav-btn--active .bi {
  color: var(--brand-primary-muted);
}

/* Icerik kartlari */
body.theme-dark .zd-surface-card {
  background: var(--rw-surface-elevated) !important;
  border-color: var(--rw-border) !important;
  box-shadow: none;
}

body.theme-dark .zd-drawer-dl .clinic-wo-drawer-dl-row,
body.theme-dark .clinic-wo-drawer-dl-row {
  border-bottom-color: var(--rw-border);
}

body.theme-dark .zd-drawer-dl .clinic-wo-drawer-dl-row dt,
body.theme-dark .clinic-wo-drawer-dl-row dt {
  color: var(--rw-text-muted);
}

body.theme-dark .zd-drawer-dl .clinic-wo-drawer-dl-row dd,
body.theme-dark .clinic-wo-drawer-dl-row dd {
  color: var(--rw-text-strong, var(--rw-text));
}

body.theme-dark .clinic-wo-drawer-muted,
body.theme-dark .clinic-wo-drawer-teeth,
body.theme-dark .clinic-wo-drawer-teeth strong,
body.theme-dark .zd-teeth-block {
  color: var(--rw-text);
}

body.theme-dark .zd-teeth-label {
  color: var(--rw-text-muted);
}

body.theme-dark .zd-drawer-hint {
  background: transparent;
  color: #e4e4e7 !important;
}

body.theme-dark .wo-order-photo-block .zd-teeth-label {
  color: var(--rw-text-muted);
}

body.theme-dark .zd-teeth-line .bi {
  color: inherit;
}

body.theme-dark .zd-card-divider {
  background: linear-gradient(90deg, transparent, var(--rw-border) 12%, var(--rw-border) 88%, transparent);
}

body.theme-dark .zd-link-add {
  color: var(--brand-primary-muted);
}

body.theme-dark .zd-link-add:hover {
  color: #bfdbfe;
}

/* Drawer alt butonlar */
body.theme-dark .zd-drawer-footer {
  background: var(--rw-bg-sidebar);
  border-top-color: var(--rw-border);
}

body.theme-dark .zd-footer-cancel {
  color: var(--rw-text-muted);
}

body.theme-dark .zd-footer-cancel:hover {
  color: var(--rw-text-strong);
  background: var(--rw-surface-hover);
}

body.theme-dark .zd-footer-save {
  background: var(--rw-primary-bg);
  color: var(--rw-primary-text);
  border: 1px solid var(--rw-primary-bg);
  box-shadow: none;
}

body.theme-dark .zd-footer-save:hover:not(:disabled) {
  background: #e8e8e8;
  color: var(--rw-primary-text);
  transform: none;
  filter: none;
}

body.theme-dark .zd-footer-complete-treatment {
  background: var(--rw-success-bg);
  color: var(--rw-success-text);
  box-shadow: none;
}

body.theme-dark .zd-footer-complete-treatment:hover:not(:disabled) {
  background: #3d5c4f;
  color: var(--rw-success-text);
  transform: none;
}

body.theme-dark .zd-footer-complete-treatment i {
  color: inherit;
}

body.theme-dark .zd-footer-treatment-completed {
  background: var(--rw-success-bg);
  color: var(--rw-success-text);
}

body.theme-dark .zd-footer-treatment-completed i {
  color: var(--rw-success-text);
}

body.theme-dark .zd-field select,
body.theme-dark .zd-field input:not([type='file']),
body.theme-dark .zd-field textarea {
  background: var(--rw-bg-sidebar) !important;
  border-color: var(--rw-border) !important;
  color: var(--rw-text) !important;
}

body.theme-dark .zd-field input:focus,
body.theme-dark .zd-field select:focus,
body.theme-dark .zd-field textarea:focus {
  background: var(--rw-surface-elevated) !important;
  border-color: var(--rw-border-soft) !important;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.06) !important;
}

/* Drawer icindeki prova butonlari (onayla / iptal / durum) */
body.theme-dark .clinic-wo-drawer--zd .zd-trial-confirm-btn,
body.theme-dark .clinic-wo-drawer--zd .zd-trial-undo-complete-btn {
  box-shadow: none;
}

body.theme-dark .clinic-wo-drawer--zd .zd-trial-confirm-btn {
  background: var(--rw-success-bg);
  color: var(--rw-success-text);
}

body.theme-dark .clinic-wo-drawer--zd .zd-trial-complete-btn {
  background: #15803d;
  color: #ecfdf5;
  border: none;
  box-shadow: none;
}

body.theme-dark .clinic-wo-drawer--zd .zd-trial-complete-btn:hover:not(:disabled) {
  background: #166534;
  color: #ecfdf5;
  box-shadow: none;
  transform: none;
}

body.theme-dark .clinic-wo-drawer--zd .zd-trial-send-lab-btn {
  background: var(--brand-primary);
  color: #eff6ff;
  border: none;
  box-shadow: none;
}

body.theme-dark .clinic-wo-drawer--zd .zd-trial-send-lab-btn:hover:not(:disabled) {
  background: var(--brand-primary-hover);
  color: #eff6ff;
}

body.theme-dark .clinic-wo-drawer--zd .zd-trial-undo-complete-btn {
  background: rgba(96, 165, 250, 0.14);
  border: none;
  color: var(--brand-primary-muted);
}

body.theme-dark .clinic-wo-drawer--zd .zd-trial-actions-row {
  border-top-color: var(--rw-border);
}

body.theme-dark .clinic-wo-drawer--zd .zd-trial-status-transition--repeat {
  background: rgba(96, 165, 250, 0.14);
  color: var(--brand-primary-muted);
}

body.theme-dark .clinic-wo-drawer--zd .zd-trial-status-transition--repeat .zd-trial-status-transition-icon {
  background: rgba(96, 165, 250, 0.18);
  color: var(--brand-primary-muted);
}

body.theme-dark .clinic-wo-drawer--zd .zd-trial-status-transition--repeat .zd-trial-status-transition-copy strong {
  color: var(--brand-primary-muted);
  opacity: 0.9;
}

body.theme-dark .clinic-wo-drawer--zd .zd-trial-status-transition--repeat .zd-trial-status-transition-copy small {
  color: var(--brand-primary-muted);
  opacity: 0.6;
}

/* Genel modal paneller (stok, finans, silme onayi, is emri formu) */
body.theme-dark .tech-panel,
body.theme-dark .lab-finance-form-panel,
body.theme-dark .lab-external-services-form-panel,
body.theme-dark .lab-stocks-form-panel,
body.theme-dark .clinic-patient-panel {
  background: var(--rw-surface);
  border-color: var(--rw-border);
  box-shadow: var(--rw-shadow);
  color: var(--rw-text);
}

/* Yeni / duzenle is emri paneli */
body.theme-dark .tech-panel.wo-panel {
  padding: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  background: var(--rw-surface);
  border-color: var(--rw-border);
  box-shadow: var(--rw-shadow);
  color: var(--rw-text);
}

body.theme-dark .tech-panel.wo-panel .tech-panel-head {
  margin: 0;
  padding: 16px 20px 12px;
  border-bottom: 1px solid var(--rw-border);
  background: var(--rw-bg-sidebar);
}

body.theme-dark .tech-panel.wo-panel .tech-panel-head h3 {
  color: var(--rw-text-strong);
}

body.theme-dark .tech-panel.wo-panel .wo-tabs {
  border-bottom-color: var(--rw-border);
  background: transparent;
}

body.theme-dark .tech-panel.wo-panel .wo-form {
  background: var(--rw-surface);
}

body.theme-dark .tech-panel.wo-panel .tech-field input,
body.theme-dark .tech-panel.wo-panel .tech-field select,
body.theme-dark .tech-panel.wo-panel .tech-field textarea {
  background: var(--rw-bg-sidebar);
  border-color: var(--rw-border);
  color: var(--rw-text);
}

body.theme-dark .tech-panel.wo-panel .tech-field input:hover,
body.theme-dark .tech-panel.wo-panel .tech-field select:hover,
body.theme-dark .tech-panel.wo-panel .tech-field textarea:hover {
  background: var(--rw-surface-hover);
  border-color: var(--rw-border-soft);
}

body.theme-dark .tech-panel.wo-panel .tech-field input:focus,
body.theme-dark .tech-panel.wo-panel .tech-field select:focus,
body.theme-dark .tech-panel.wo-panel .tech-field textarea:focus {
  background: var(--rw-surface-elevated);
  border-color: var(--rw-border-soft);
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.06);
}

body.theme-dark .tech-panel.wo-panel .tech-field .wo-datetime-split-hm:focus,
body.theme-dark .tech-panel.wo-panel .tech-field .wo-datetime-split-hm:focus-visible {
  outline: none !important;
  box-shadow: none !important;
  border: 0 !important;
  background: transparent !important;
}

body.theme-dark .tech-panel.wo-panel .wo-section-title {
  color: var(--rw-text-strong);
  border-bottom-color: var(--rw-border);
}

body.theme-dark .tech-panel.wo-panel .wo-section-title i {
  color: var(--rw-cal-accent);
}

body.theme-dark .tech-panel.wo-panel .wo-teeth-label {
  color: var(--rw-text-muted);
}

body.theme-dark .tech-panel.wo-panel .wo-patient-info,
body.theme-dark .tech-panel.wo-panel .wo-treatment-readonly,
body.theme-dark .tech-panel.wo-panel .wo-teeth-chart,
body.theme-dark .tech-panel.wo-panel .wo-trials-empty,
body.theme-dark .tech-panel.wo-panel .wo-trial-card,
body.theme-dark .tech-panel.wo-panel .wo-summary-group,
body.theme-dark .tech-panel.wo-panel .wo-saved-prosthesis-panel,
body.theme-dark .tech-panel.wo-panel .wo-case-photo-input {
  background: var(--rw-bg-sidebar);
  border-color: var(--rw-border);
}

body.theme-dark .tech-panel.wo-panel .wo-odontogram-wrap,
body.theme-dark .tech-panel.wo-panel .clinic-treatment-odontogram {
  background: transparent;
  border: 1px solid var(--rw-border);
}

body.theme-dark .tech-panel.wo-panel .wo-patient-info p,
body.theme-dark .tech-panel.wo-panel .wo-summary-group p,
body.theme-dark .tech-panel.wo-panel .wo-summary-trials li {
  color: var(--rw-text-muted);
}

body.theme-dark .tech-panel.wo-panel .wo-patient-info strong,
body.theme-dark .tech-panel.wo-panel .wo-summary-group strong {
  color: var(--rw-text-strong);
}

body.theme-dark .tech-panel.wo-panel .wo-treatment-readonly-name,
body.theme-dark .tech-panel.wo-panel .wo-trial-number,
body.theme-dark .tech-panel.wo-panel .wo-saved-treatment-row strong {
  color: var(--lab-accent-muted, var(--rw-cal-accent, #7eb8d4));
}

body.theme-dark .tech-panel.wo-panel .wo-summary-group h5 {
  color: var(--rw-cal-accent);
}

body.theme-dark .tech-panel.wo-panel .wo-teeth-divider {
  background: linear-gradient(90deg, transparent, var(--rw-border-soft), transparent);
}

body.theme-dark .tech-panel.wo-panel .wo-odontogram-wrap .Odontogram g[class^='teeth-'] text {
  fill: var(--rw-text-strong);
}

body.theme-dark .tech-panel.wo-panel .wo-tooth {
  background: var(--rw-surface-elevated);
  border-color: var(--rw-border-soft);
  color: var(--rw-text-muted);
}

body.theme-dark .tech-panel.wo-panel .wo-tooth:hover:not(.wo-tooth--selected) {
  border-color: var(--brand-primary-light);
  background: rgba(58, 143, 183, 0.14);
  color: var(--rw-text-strong);
}

body.theme-dark .tech-panel.wo-panel .wo-tooth--selected {
  background: var(--brand-primary);
  border-color: var(--brand-primary-deep);
  color: #ffffff;
}

body.theme-dark .tech-panel.wo-panel .wo-tooth--selected:hover {
  background: var(--brand-primary-light);
  border-color: var(--brand-primary-light);
  color: #ffffff;
}

body.theme-dark .tech-panel.wo-panel .wo-mode-btn {
  background: var(--rw-bg-sidebar);
  border-color: var(--rw-border);
  color: var(--rw-text-muted);
}

body.theme-dark .tech-panel.wo-panel .wo-mode-btn:hover:not(.wo-mode-btn--active) {
  border-color: var(--brand-primary-light);
  background: rgba(58, 143, 183, 0.14);
  color: var(--brand-primary-light);
}

body.theme-dark .tech-panel.wo-panel .wo-mode-btn--active {
  border-color: var(--brand-primary-deep);
  background: var(--brand-primary);
  color: #ffffff;
}

body.theme-dark .tech-panel.wo-panel .wo-mode-btn--active:hover {
  border-color: var(--brand-primary-light);
  background: var(--brand-primary-light);
  color: #ffffff;
}

body.theme-dark .tech-panel.wo-panel .wo-trial-header {
  border-bottom-color: var(--rw-border);
}

body.theme-dark .tech-panel.wo-panel .wo-trial-remove {
  background: var(--rw-surface-elevated);
  border-color: rgba(255, 107, 107, 0.35);
  color: var(--rw-warning-text);
}

body.theme-dark .tech-panel.wo-panel .wo-trial-remove:hover {
  background: var(--rw-warning-bg);
  border-color: var(--rw-warning-text);
}

body.theme-dark .tech-panel.wo-panel .wo-add-trial-btn {
  border-color: var(--rw-border-soft);
  color: var(--rw-cal-accent);
}

body.theme-dark .tech-panel.wo-panel .wo-add-trial-btn:hover {
  border-color: var(--brand-primary-light);
  background: rgba(58, 143, 183, 0.14);
  color: var(--brand-primary-light);
}

body.theme-dark .tech-panel.wo-panel .wo-case-capture-option {
  background: var(--rw-bg-sidebar);
  border-color: var(--rw-border);
  color: var(--rw-text);
}

body.theme-dark .tech-panel.wo-panel .wo-case-capture-option:hover {
  background: rgba(58, 143, 183, 0.12);
  border-color: var(--brand-primary-light);
}

body.theme-dark .tech-panel.wo-panel .wo-case-capture-option--active {
  border-color: var(--brand-primary-deep);
  background: var(--brand-primary-soft);
  color: var(--rw-text-strong);
}

body.theme-dark .tech-panel.wo-panel .wo-case-capture-option--active:hover {
  border-color: var(--brand-primary-light);
  background: rgba(58, 143, 183, 0.22);
}

body.theme-dark .tech-panel.wo-panel .wo-case-date-input {
  color-scheme: dark;
}

body.theme-dark .tech-panel.wo-panel .wo-case-photo-input::file-selector-button {
  border-color: var(--rw-border);
  background: var(--rw-surface-elevated);
  color: var(--rw-text);
}

body.theme-dark .tech-panel.wo-panel .wo-saved-prosthesis-item {
  border-bottom-color: var(--rw-border);
  color: var(--rw-text);
}

body.theme-dark .tech-panel.wo-panel .wo-saved-prosthesis-empty {
  color: var(--rw-text-muted);
}

body.theme-dark .tech-panel.wo-panel .wo-flag-option-box {
  border-color: var(--rw-border-soft);
  background: var(--rw-bg-sidebar);
}

body.theme-dark .tech-panel.wo-panel .wo-flag-option--active {
  border-color: var(--rw-cal-accent);
  background: var(--rw-cal-accent-soft);
}

body.theme-dark .tech-panel.wo-panel .wo-flag-option--active .wo-flag-option-box {
  border-color: var(--brand-primary-deep);
  background: var(--brand-primary);
}

body.theme-dark .tech-panel.wo-panel .wo-flag-option:hover .wo-flag-option-box {
  border-color: var(--brand-primary-light);
}

body.theme-dark .tech-panel.wo-panel .wo-flag-option--active:hover .wo-flag-option-box {
  background: var(--brand-primary-light);
  border-color: var(--brand-primary-light);
}

body.theme-dark .tech-panel.wo-panel .wo-flag-option-label,
body.theme-dark .tech-panel.wo-panel .wo-flag-note-label {
  color: var(--rw-text-muted);
}

body.theme-dark .tech-panel.wo-panel .wo-flag-note-input {
  background: var(--rw-bg-sidebar);
  border-color: var(--rw-border);
  color: var(--rw-text);
}

body.theme-dark .tech-panel.wo-panel .wo-flag-note-input:focus {
  border-color: var(--rw-cal-accent);
  background: var(--rw-surface-elevated);
  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2);
}

body.theme-dark .tech-panel.wo-panel .wo-form textarea {
  background: var(--rw-bg-sidebar);
  border-color: var(--rw-border);
  color: var(--rw-text);
}

body.theme-dark .tech-panel.wo-panel .wo-form textarea:focus {
  border-color: var(--rw-cal-accent);
  background: var(--rw-surface-elevated);
  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2);
}

body.theme-dark .tech-panel.wo-panel .wo-form-actions {
  border-top-color: var(--rw-border);
  background: var(--rw-bg-sidebar);
}

body.theme-dark .tech-panel.wo-panel .wo-trial-photo-name {
  color: var(--rw-text-muted);
}

body.theme-dark .tech-delete-panel {
  background: var(--rw-surface);
}

body.theme-dark .tech-delete-text {
  color: var(--rw-text-muted);
}

body.theme-dark .tech-delete-actions .tech-action-btn {
  background: var(--rw-surface-elevated);
  border-color: var(--rw-border);
  color: var(--rw-text);
}

body.theme-dark .tech-delete-actions .tech-add-btn {
  color: #ffffff;
  background: var(--brand-primary);
  border: 0;
}
/* ============================================================================
   LAB APP THEME — primary var(--brand-primary) (light) / var(--brand-primary-light) (dark)
   ============================================================================ */

.dash-layout:has(.dash-brand-mark--lab) {
  --lab-accent: var(--brand-primary);
  --lab-accent-light: var(--brand-primary-light);
  --lab-accent-muted: var(--brand-primary-muted);
  --lab-accent-soft: var(--brand-primary-soft);
  --lab-accent-deep: var(--brand-primary-deep);
  --lab-accent-ring: var(--brand-ring);
  --lab-accent-shadow: var(--brand-shadow);
  --lab-accent-selected-text: var(--brand-primary-selected-text);
  /* dashboard uyumluluk */
  --lab-dash-blue: var(--lab-accent);
  --lab-dash-blue-light: var(--lab-accent-light);
  --lab-dash-blue-muted: var(--lab-accent-muted);
  --lab-dash-blue-soft: var(--lab-accent-soft);
  --lab-dash-blue-deep: var(--lab-accent-deep);
}

body.theme-dark .dash-layout:has(.dash-brand-mark--lab) {
  --lab-accent: var(--brand-primary);
  --lab-accent-light: var(--brand-primary-hover);
  --lab-accent-muted: var(--brand-primary-selected-text);
  --lab-accent-soft: var(--brand-primary-soft);
  --lab-accent-deep: var(--brand-primary-deep);
  --lab-accent-ring: var(--brand-ring);
  --lab-accent-shadow: var(--brand-shadow);
  --lab-accent-selected-text: var(--brand-primary-selected-text);
  --brand-mark-shadow: var(--lab-accent-shadow);
}

/* Sayfa arka plani */
.dash-layout:has(.dash-brand-mark--lab).medical-bg {
  background: #EEF1F5;
}

.dash-layout:has(.dash-brand-mark--lab).medical-bg.lab-dashboard-page {
  background: #EEF1F5;
}

body.theme-dark .dash-layout:has(.dash-brand-mark--lab).medical-bg {
  background: #0f1115;
}

/* Sidebar marka */
.dash-layout:has(.dash-brand-mark--lab) {
  --brand-mark-light: var(--lab-accent-light);
  --brand-mark-deep: var(--lab-accent-deep);
  --brand-mark-shadow: var(--lab-accent-shadow);
}

.dash-layout:has(.dash-brand-mark--lab) .dash-metric-card--lab .dash-metric-icon,
.dash-layout:has(.dash-brand-mark--lab) .dash-metric-icon--lab {
  background: linear-gradient(135deg, var(--lab-accent-light), var(--lab-accent-deep));
  box-shadow: 0 4px 12px var(--lab-accent-shadow);
}

/* Navigasyon */
.dash-layout:has(.dash-brand-mark--lab) .dash-nav-link--active {
  background: var(--lab-accent-soft);
  color: var(--lab-accent-selected-text, var(--lab-accent));
  font-weight: 600;
}

.dash-layout:has(.dash-brand-mark--lab) .dash-nav-link--active:hover {
  background: var(--lab-accent-soft);
  color: var(--lab-accent-selected-text, var(--lab-accent));
}

body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .dash-nav-link--active {
  background: var(--lab-accent-soft);
  color: var(--lab-accent-selected-text, var(--lab-accent-muted));
}

body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .dash-nav-link--active:hover {
  background: rgba(59, 130, 246, 0.2);
  color: var(--lab-accent-selected-text, var(--brand-primary-muted));
}

/* Is akisi panosu */
.dash-layout:has(.dash-brand-mark--lab) .wo-workflow-column {
  --wo-column-accent: var(--lab-accent);
}

.dash-layout:has(.dash-brand-mark--lab) .wo-workflow-column:nth-child(4n + 2) {
  --wo-column-accent: var(--lab-accent-light);
}

.dash-layout:has(.dash-brand-mark--lab) .wo-workflow-column--selected {
  border-color: var(--lab-accent-muted);
  box-shadow: 0 0 0 1px var(--lab-accent-muted), 0 4px 14px var(--lab-accent-ring);
}

.dash-layout:has(.dash-brand-mark--lab) .wo-workflow-card--selected .wo-workflow-card-accent {
  background: var(--lab-accent);
}

.dash-layout:has(.dash-brand-mark--lab) .wo-segment-btn--active {
  background: var(--lab-accent);
  border-color: var(--lab-accent);
  color: #fff;
}

.dash-layout:has(.dash-brand-mark--lab) .wo-segment-switch .wo-view-btn--active,
.dash-layout:has(.dash-brand-mark--lab) .wo-segment-switch .wo-cal-head-btn--active {
  background: transparent;
  border-color: transparent;
  color: #0f2231;
  font-weight: var(--fw-strong);
  box-shadow: none;
}

.dash-layout:has(.dash-brand-mark--lab) .wo-filter-btn--active {
  border-color: var(--lab-accent);
  color: var(--lab-accent);
  background: var(--lab-accent-soft);
}

.dash-layout:has(.dash-brand-mark--lab) .wo-list-filter-btn--active,
.dash-layout:has(.dash-brand-mark--lab) .wo-list-filter-btn--open {
  border-color: var(--lab-accent);
  background: var(--lab-accent-soft);
  color: var(--lab-accent-selected-text, var(--lab-accent));
  box-shadow: 0 0 0 1px var(--lab-accent-ring);
}

.dash-layout:has(.dash-brand-mark--lab) .wo-list-filter-btn--active i,
.dash-layout:has(.dash-brand-mark--lab) .wo-list-filter-btn--open i {
  color: var(--lab-accent);
}

.dash-layout:has(.dash-brand-mark--lab) .dash-topbar-right .dash-topbar-btn--icon[aria-expanded='true'] {
  border-color: var(--lab-accent);
  background: var(--lab-accent-soft);
  color: var(--lab-accent-deep);
  box-shadow: 0 0 0 1px var(--lab-accent-ring);
}

.dash-layout:has(.dash-brand-mark--lab) .dash-topbar-right .dash-topbar-btn--icon[aria-expanded='true'] i {
  color: var(--lab-accent);
}

.dash-layout:has(.dash-brand-mark--lab) .wo-filter-btn--active .wo-filter-btn-badge {
  background: var(--lab-accent);
}

/* Drawer / zd (lab is emri paneli) */
.dash-layout:has(.dash-brand-mark--lab) .zd-drawer-nav-btn--active {
  color: var(--lab-accent-deep);
  border-color: var(--lab-accent);
  background: var(--lab-accent-soft);
  box-shadow: 0 0 0 1px var(--lab-accent-ring);
}

/* Finans istatistik ikonlari */
.dash-layout:has(.dash-brand-mark--lab) .wf-invoice-stat--blue .wf-invoice-stat-icon {
  background: var(--lab-accent-soft);
  color: var(--lab-accent);
}

.dash-layout:has(.dash-brand-mark--lab) .wf-invoice-stat--purple .wf-invoice-stat-icon {
  background: var(--lab-accent-soft);
  color: var(--lab-accent-deep);
}

/* Stat kartlari (Hastalar, Finans, Dashboard) */
.dash-layout:has(.dash-brand-mark--lab) .lab-patient-stat-card--primary {
  --stat-tone-fg: var(--lab-accent);
  --stat-tone-bg: var(--lab-accent-soft);
}

.dash-layout:has(.dash-brand-mark--lab) .lab-patient-list-card-title-icon {
  background: var(--lab-accent-soft);
  color: var(--lab-accent);
}

/* Koyu mod: sayfa vurgusu + takvim/form aksanlari */
body.theme-dark .dash-layout:has(.dash-brand-mark--lab) {
  --rw-cal-accent: var(--brand-primary);
  --rw-cal-accent-deep: var(--brand-primary-deep);
  --rw-cal-accent-soft: var(--brand-primary-soft);
  --rw-cal-accent-muted: rgba(59, 130, 246, 0.08);
  --rw-auth-accent: var(--brand-primary);
  --rw-auth-accent-deep: var(--brand-primary-deep);
  --rw-auth-accent-soft: var(--brand-primary-soft);
  --rw-auth-accent-text: var(--brand-primary-selected-text);
  --rw-selection-bg: rgba(59, 130, 246, 0.35);
  --lab-dash-accent: var(--brand-primary);
  --lab-dash-accent-deep: var(--brand-primary-deep);
  --lab-dash-accent-soft: var(--brand-primary-soft);
  --lab-dash-accent-text: var(--brand-primary-selected-text);
}

body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .lab-patient-stat-card--primary {
  --stat-tone-fg: var(--lab-accent-muted);
  --stat-tone-bg: var(--lab-accent-soft);
}

body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .lab-patient-list-card-title-icon {
  background: var(--lab-accent-soft);
  color: var(--lab-accent-muted);
}

body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .lab-finance-direction--out,
body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .lab-finance-expense-type--external_job {
  color: var(--lab-accent-muted);
}

body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .lab-patient-stat-card--primary,
body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .lab-dashboard-page .lab-patient-stat-card--primary {
  --stat-tone-fg: var(--lab-accent-muted);
  --stat-tone-bg: var(--lab-accent-soft);
}

/* ============================================================================
   BUTONLAR — birincil / ikincil / arac cubugu
   ============================================================================ */

.dash-layout:has(.dash-brand-mark--lab) {
  --lab-btn-gradient: var(--brand-primary);
  --lab-btn-gradient-hover: var(--brand-primary-hover);
  --lab-btn-shadow: none;
  --lab-btn-shadow-lg: none;
}

/* Birincil — toplu tahsilat bfs-submit stili (solid, 8px) */
.dash-layout:has(.dash-brand-mark--lab) .tech-form button[type='submit'],
.dash-layout:has(.dash-brand-mark--lab) .treatment-primary-btn,
.dash-layout:has(.dash-brand-mark--lab) .clinic-patient-form-submit,
.dash-layout:has(.dash-brand-mark--lab) .wo-filter-footer-apply,
.dash-layout:has(.dash-brand-mark--lab) .wo-active-save-btn,
.dash-layout:has(.dash-brand-mark--lab) .zd-trial-complete-btn,
.dash-layout:has(.dash-brand-mark--lab) .dash-topbar-connect-form button,
.dash-layout:has(.dash-brand-mark--lab) .dash-partnership-submit,
.dash-layout:has(.dash-brand-mark--lab) .dash-partnership-btn--primary,
.dash-layout:has(.dash-brand-mark--lab) .clinic-row-confirm-btn {
  background: var(--lab-btn-gradient);
  color: #fff;
  border: none;
  border-radius: 8px;
  box-shadow: none;
}

.dash-layout:has(.dash-brand-mark--lab) .zd-trial-delivered-btn {
  background: linear-gradient(135deg, #16a34a, #15803d);
  color: #fff;
  border-color: #15803d;
  box-shadow: 0 2px 8px rgba(22, 163, 74, 0.22);
}

.dash-layout:has(.dash-brand-mark--lab) .zd-trial-delivered-btn:hover {
  background: linear-gradient(135deg, #15803d, #166534);
  box-shadow: 0 6px 20px rgba(22, 163, 74, 0.35);
}

.dash-layout:has(.dash-brand-mark--lab) .tech-add-btn {
  background: var(--lab-btn-gradient);
  color: #fff;
  border: none;
  border-radius: 8px;
  box-shadow: none;
}

.dash-layout:has(.dash-brand-mark--lab) .tech-add-btn:hover:not(:disabled),
.dash-layout:has(.dash-brand-mark--lab) .tech-add-btn:focus,
.dash-layout:has(.dash-brand-mark--lab) .tech-add-btn:focus-visible {
  background: var(--lab-btn-gradient-hover);
  border-color: transparent;
  box-shadow: none;
  outline: none;
}

.dash-layout:has(.dash-brand-mark--lab) .tech-form button[type='submit']:hover:not(:disabled),
.dash-layout:has(.dash-brand-mark--lab) .treatment-primary-btn:hover,
.dash-layout:has(.dash-brand-mark--lab) .clinic-patient-form-submit:hover:not(:disabled),
.dash-layout:has(.dash-brand-mark--lab) .wo-filter-footer-apply:hover,
.dash-layout:has(.dash-brand-mark--lab) .wo-active-save-btn:hover:not(:disabled),
.dash-layout:has(.dash-brand-mark--lab) .zd-trial-complete-btn:hover,
.dash-layout:has(.dash-brand-mark--lab) .dash-topbar-connect-form button:hover:not(:disabled),
.dash-layout:has(.dash-brand-mark--lab) .dash-partnership-submit:hover:not(:disabled),
.dash-layout:has(.dash-brand-mark--lab) .clinic-row-confirm-btn:hover:not(:disabled) {
  background: var(--lab-btn-gradient-hover);
  box-shadow: none;
}

.dash-layout:has(.dash-brand-mark--lab) .dash-partnership-card-icon,
.dash-layout:has(.dash-brand-mark--lab) .dash-partnership-item-avatar {
  background: var(--lab-accent);
}

.dash-layout:has(.dash-brand-mark--lab) .dash-partnership-card-icon--muted,
.dash-layout:has(.dash-brand-mark--lab) .dash-partnership-empty-icon {
  background: var(--lab-accent-soft);
  color: var(--lab-accent);
}

.dash-layout:has(.dash-brand-mark--lab) .dash-partnership-tab--active {
  background: var(--lab-accent);
  color: #ffffff;
}

.dash-layout:has(.dash-brand-mark--lab) .dash-partnership-tab--active .dash-partnership-tab-count {
  background: rgba(255, 255, 255, 0.22);
  color: #ffffff;
}

.dash-layout:has(.dash-brand-mark--lab) .dash-partnership-tab--active .dash-partnership-tab-count--alert {
  background: #ffffff;
  color: #dc2626;
}

.dash-layout:has(.dash-brand-mark--lab) .dash-partnership-quick-btn--active,
.dash-layout:has(.dash-brand-mark--lab) .dash-partnership-quick-btn:hover {
  border-color: var(--lab-accent);
  color: var(--lab-accent);
  background: var(--lab-accent-soft);
}

.dash-layout:has(.dash-brand-mark--lab) .lab-patient-add-btn,
.dash-layout:has(.dash-brand-mark--lab) .lab-patient-hero-btn--primary,
.dash-layout:has(.dash-brand-mark--lab) .lab-pu-assign-add-btn,
.dash-layout:has(.dash-brand-mark--lab) .pu-assign-add-btn {
  background: var(--lab-btn-gradient);
  border-color: var(--lab-accent-deep);
  box-shadow: var(--lab-btn-shadow);
}

.dash-layout:has(.dash-brand-mark--lab) .lab-patient-add-btn:hover,
.dash-layout:has(.dash-brand-mark--lab) .lab-patient-hero-btn--primary:hover,
.dash-layout:has(.dash-brand-mark--lab) .lab-pu-assign-add-btn:hover,
.dash-layout:has(.dash-brand-mark--lab) .pu-assign-add-btn:hover {
  background: var(--lab-btn-gradient-hover);
}

/* Gorunum / segment / filtre */
.dash-layout:has(.dash-brand-mark--lab) .wo-segment-switch-indicator {
  background: #eef1f5;
  box-shadow:
    0 1px 2px rgba(15, 23, 42, 0.04),
    0 1px 3px rgba(15, 23, 42, 0.06);
}

.dash-layout:has(.dash-brand-mark--lab) .wo-filter-btn:hover,
.dash-layout:has(.dash-brand-mark--lab) .wo-list-filter-btn:hover,
.dash-layout:has(.dash-brand-mark--lab) .dash-topbar-right .dash-topbar-btn--icon:hover,
.dash-layout:has(.dash-brand-mark--lab) .dash-topbar-right .dash-topbar-btn--icon[aria-expanded='true']:hover,
.dash-layout:has(.dash-brand-mark--lab) .lab-patient-filter-btn:hover,
.dash-layout:has(.dash-brand-mark--lab) .lab-work-order-columns-btn:hover,
.dash-layout:has(.dash-brand-mark--lab) .wo-cal-head-picker-btn:hover,
.dash-layout:has(.dash-brand-mark--lab) .wo-cal-view-menu-btn:hover,
.dash-layout:has(.dash-brand-mark--lab) .wo-cal-today-btn:hover,
.dash-layout:has(.dash-brand-mark--lab) .wo-cal-period-nav-btn:hover,
.dash-layout:has(.dash-brand-mark--lab) .lab-patient-row-action-btn:hover,
.dash-layout:has(.dash-brand-mark--lab) .wo-filter-footer-reset:hover,
.dash-layout:has(.dash-brand-mark--lab) .wo-view-fullscreen-bar-exit:hover,
.dash-layout:has(.dash-brand-mark--lab) .clinic-calendar-icon-btn:hover,
.dash-layout:has(.dash-brand-mark--lab) .wo-cal-panel-toggle:hover,
.dash-layout:has(.dash-brand-mark--lab) .zd-drawer-nav-btn:hover,
.dash-layout:has(.dash-brand-mark--lab) .zd-drawer-nav-btn--active {
  border-color: var(--lab-accent);
  background: var(--lab-accent-soft);
  color: var(--lab-accent-deep);
  box-shadow: 0 0 0 1px var(--lab-accent-ring);
}

.dash-layout:has(.dash-brand-mark--lab) .wo-filter-btn:hover i,
.dash-layout:has(.dash-brand-mark--lab) .wo-list-filter-btn:hover i,
.dash-layout:has(.dash-brand-mark--lab) .dash-topbar-right .dash-topbar-btn--icon:hover i,
.dash-layout:has(.dash-brand-mark--lab) .dash-topbar-right .dash-topbar-btn--icon[aria-expanded='true']:hover i,
.dash-layout:has(.dash-brand-mark--lab) .lab-patient-filter-btn:hover i,
.dash-layout:has(.dash-brand-mark--lab) .lab-work-order-columns-btn:hover i,
.dash-layout:has(.dash-brand-mark--lab) .lab-patient-row-action-btn:hover i,
.dash-layout:has(.dash-brand-mark--lab) .wo-cal-head-picker-btn:hover i,
.dash-layout:has(.dash-brand-mark--lab) .wo-view-fullscreen-bar-exit:hover i,
.dash-layout:has(.dash-brand-mark--lab) .clinic-calendar-icon-btn:hover i,
.dash-layout:has(.dash-brand-mark--lab) .zd-drawer-nav-btn:hover .bi,
.dash-layout:has(.dash-brand-mark--lab) .zd-drawer-nav-btn--active .bi {
  color: var(--lab-accent);
}

/* Ust cubuk kontrolleri */
.dash-layout:has(.dash-brand-mark--lab) .dash-topbar .dash-topbar-btn,
.dash-layout:has(.dash-brand-mark--lab) .dash-topbar .dash-sidebar-toggle-btn,
.dash-layout:has(.dash-brand-mark--lab) .dash-topbar-page-actions .wo-filter-btn {
  background: #ffffff;
}

.dash-layout:has(.dash-brand-mark--lab) .dash-topbar .dash-topbar-btn:not(.dash-topbar-btn--icon):hover,
.dash-layout:has(.dash-brand-mark--lab) .dash-topbar .dash-sidebar-toggle-btn:hover {
  border-color: #e5e7eb;
  background: #f5f5f7;
  color: #111827;
}

.dash-layout:has(.dash-brand-mark--lab) .dash-topbar .dash-topbar-btn:not(.dash-topbar-btn--icon):hover i {
  color: #374151;
}

body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .dash-topbar .dash-topbar-btn:not(.dash-topbar-btn--profile),
body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .dash-topbar .dash-sidebar-toggle-btn,
body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .dash-topbar-page-actions .wo-filter-btn {
  background: var(--header-control-bg, #18181b);
  border-color: var(--header-control-border, #353535);
  color: var(--header-control-text, #e5e5e5);
}

body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .dash-topbar .dash-topbar-btn:not(.dash-topbar-btn--profile):hover,
body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .dash-topbar .dash-topbar-btn:not(.dash-topbar-btn--profile):active,
body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .dash-topbar .dash-sidebar-toggle-btn:hover,
body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .dash-topbar .dash-sidebar-toggle-btn:active,
body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .dash-topbar-page-actions .wo-filter-btn:hover {
  background: var(--header-control-hover-bg, var(--brand-primary-soft));
  border-color: var(--header-control-hover-border, rgba(37, 99, 235, 0.45));
  color: var(--header-control-hover-text, var(--brand-primary-muted));
}

body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .dash-topbar .dash-topbar-btn:not(.dash-topbar-btn--profile) i,
body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .dash-topbar .dash-sidebar-toggle-btn i {
  color: var(--header-control-muted, #a3a3a3);
}

body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .dash-topbar .dash-topbar-btn:not(.dash-topbar-btn--profile):hover i,
body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .dash-topbar .dash-sidebar-toggle-btn:hover i {
  color: var(--brand-primary-muted);
}

body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .wo-view-switch,
body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .wo-cal-head-switch,
body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .wo-segment-switch {
  background: #1c1c1e;
}

body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .dash-topbar-search {
  background: #27272a;
}

body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .dash-topbar-search:hover,
body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .dash-topbar-search:focus-within {
  background: #333338;
}

.dash-layout:has(.dash-brand-mark--lab) .dash-topbar .dash-topbar-btn.dash-topbar-btn--profile,
.dash-layout:has(.dash-brand-mark--lab) .dash-topbar .dash-topbar-btn.dash-topbar-btn--profile:hover,
.dash-layout:has(.dash-brand-mark--lab) .dash-topbar .dash-topbar-btn.dash-topbar-btn--profile:active {
  background: transparent;
  border: none;
  box-shadow: none;
}

.dash-layout:has(.dash-brand-mark--lab) .dash-topbar-search:focus-within {
  background: #ffffff;
  border: 0;
  box-shadow: none;
}

.dash-layout:has(.dash-brand-mark--lab) .wo-filter-popover-reset {
  color: var(--lab-accent);
}

.dash-layout:has(.dash-brand-mark--lab) .wo-filter-popover-reset:hover {
  color: var(--lab-accent-deep);
}

body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .wo-filter-popover .wo-filter-search-wrap:focus-within,
body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .wo-filter-popover .wo-filter-select-wrap:focus-within {
  border-color: var(--lab-accent-muted, #7eb8d4);
  box-shadow: 0 0 0 2px var(--lab-accent-ring, var(--brand-primary-soft));
}

body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .wo-filter-popover-reset {
  color: var(--lab-accent-muted, #7eb8d4);
}

body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .wo-filter-popover-reset:hover {
  color: var(--brand-primary-muted);
}

.dash-layout:has(.dash-brand-mark--lab) .tech-sort-btn:hover {
  color: var(--lab-accent);
}

/* Form vurgulari (lab sayfalarindaki teal yerine mavi) */
.dash-layout:has(.dash-brand-mark--lab) .clinic-patient-form-section h4::before,
.dash-layout:has(.dash-brand-mark--lab) .lab-patient-filter-popover .clinic-patient-form-section h4::before,
.dash-layout:has(.dash-brand-mark--lab) .lab-patients-page .lab-patient-form-panel .clinic-patient-form-section h4::before,
.dash-layout:has(.dash-brand-mark--lab) .lab-patients-page .lab-patient-filter-popover .clinic-patient-form-section h4::before,
.dash-layout:has(.dash-brand-mark--lab) .lab-work-orders-page .lab-patient-filter-popover .clinic-patient-form-section h4::before,
.dash-layout:has(.dash-brand-mark--lab) .lab-definition-page .lab-patient-filter-popover .clinic-patient-form-section h4::before,
.dash-layout:has(.dash-brand-mark--lab) .lab-role-definitions-page .lab-patient-filter-popover .clinic-patient-form-section h4::before {
  background: var(--lab-accent);
}

.dash-layout:has(.dash-brand-mark--lab) .clinic-patient-form-row > input:focus,
.dash-layout:has(.dash-brand-mark--lab) .clinic-patient-form-row > select:focus,
.dash-layout:has(.dash-brand-mark--lab) .clinic-patient-form-row > textarea:focus,
.dash-layout:has(.dash-brand-mark--lab) .clinic-patients-page .lab-patient-filter-popover .clinic-patient-form-row > input:focus,
.dash-layout:has(.dash-brand-mark--lab) .clinic-patients-page .lab-patient-filter-popover .clinic-patient-form-row > select:focus,
.dash-layout:has(.dash-brand-mark--lab) .lab-patient-filter-popover .clinic-patient-form-row > input:focus,
.dash-layout:has(.dash-brand-mark--lab) .lab-patient-filter-popover .clinic-patient-form-row > select:focus,
.dash-layout:has(.dash-brand-mark--lab) .lab-patient-filter-popover-field > select:focus,
.dash-layout:has(.dash-brand-mark--lab) .lab-patient-filter-popover-field > input[type='date']:focus,
.dash-layout:has(.dash-brand-mark--lab) .lab-patients-page .lab-patient-form-panel .clinic-patient-form-row > input:focus,
.dash-layout:has(.dash-brand-mark--lab) .lab-patients-page .lab-patient-form-panel .clinic-patient-form-row > select:focus {
  border-color: var(--lab-accent);
  box-shadow: 0 0 0 3px var(--lab-accent-ring);
}

.dash-layout:has(.dash-brand-mark--lab) .clinic-patients-page .lab-patient-filter-popover .clinic-patient-form-submit,
.dash-layout:has(.dash-brand-mark--lab) .lab-patients-page .lab-patient-filter-popover .clinic-patient-form-submit,
.dash-layout:has(.dash-brand-mark--lab) .lab-work-orders-page .lab-patient-filter-popover .clinic-patient-form-submit,
.dash-layout:has(.dash-brand-mark--lab) .lab-definition-page .lab-patient-filter-popover .clinic-patient-form-submit,
.dash-layout:has(.dash-brand-mark--lab) .lab-role-definitions-page .lab-patient-filter-popover .clinic-patient-form-submit,
.dash-layout:has(.dash-brand-mark--lab) .lab-patients-page .lab-patient-form-panel .clinic-patient-form-submit {
  background: var(--lab-btn-gradient);
  box-shadow: var(--lab-btn-shadow);
}

.dash-layout:has(.dash-brand-mark--lab) .clinic-patients-page .lab-patient-filter-popover .clinic-patient-form-submit:hover,
.dash-layout:has(.dash-brand-mark--lab) .lab-patients-page .lab-patient-filter-popover .clinic-patient-form-submit:hover,
.dash-layout:has(.dash-brand-mark--lab) .lab-work-orders-page .lab-patient-filter-popover .clinic-patient-form-submit:hover,
.dash-layout:has(.dash-brand-mark--lab) .lab-definition-page .lab-patient-filter-popover .clinic-patient-form-submit:hover,
.dash-layout:has(.dash-brand-mark--lab) .lab-role-definitions-page .lab-patient-filter-popover .clinic-patient-form-submit:hover,
.dash-layout:has(.dash-brand-mark--lab) .lab-patients-page .lab-patient-form-panel .clinic-patient-form-submit:hover {
  background: var(--lab-btn-gradient-hover);
}

.dash-layout:has(.dash-brand-mark--lab) .clinic-calendar-btn--active {
  background: var(--lab-btn-gradient);
  border-color: var(--lab-accent-deep);
  color: #fff;
  box-shadow: var(--lab-btn-shadow);
}

.dash-layout:has(.dash-brand-mark--lab) .clinic-calendar-btn--active:hover {
  background: var(--lab-btn-gradient-hover);
}

.dash-layout:has(.dash-brand-mark--lab) .lab-patient-filter-btn--open,
.dash-layout:has(.dash-brand-mark--lab) .lab-patient-filter-btn--active {
  border-color: var(--lab-accent);
  background: var(--lab-accent-soft);
  color: var(--lab-accent-deep);
}

.dash-layout:has(.dash-brand-mark--lab) .treatment-ghost-btn:hover,
.dash-layout:has(.dash-brand-mark--lab) .treatment-row-btn:hover {
  border-color: var(--lab-accent-muted);
  background: var(--lab-accent-soft);
}

.dash-layout:has(.dash-brand-mark--lab) .wo-active-add-btn:hover {
  border-color: var(--lab-accent-muted);
  background: var(--lab-accent-soft);
  color: var(--lab-accent-deep);
}

.dash-layout:has(.dash-brand-mark--lab) .tech-action-btn--work-order {
  color: var(--lab-accent-deep);
  border-color: var(--lab-accent-muted);
}

.dash-layout:has(.dash-brand-mark--lab) .tech-action-btn--work-order:hover {
  background: var(--lab-accent-soft);
  border-color: var(--lab-accent);
}

.dash-layout:has(.dash-brand-mark--lab) .zd-drawer-nav-btn:focus-visible {
  border-color: var(--lab-accent);
  background: var(--lab-accent-soft);
  box-shadow: 0 0 0 1px var(--lab-accent-ring);
}

/* Koyu mod butonlari */
body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .tech-form button[type='submit'],
body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .wo-filter-footer-apply,
body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .wo-active-save-btn,
body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .zd-trial-complete-btn,
body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .dash-topbar-connect-form button {
  background: var(--lab-btn-gradient);
  color: #fff;
  border-color: var(--lab-accent-deep);
  box-shadow: var(--lab-btn-shadow);
}

body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .tech-add-btn {
  background: var(--lab-btn-gradient);
  color: #fff;
  border: 0;
  box-shadow: none;
}

body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .tech-add-btn:hover:not(:disabled),
body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .tech-add-btn:focus,
body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .tech-add-btn:focus-visible {
  background: var(--lab-btn-gradient-hover);
  color: #fff;
  box-shadow: none;
  outline: none;
  filter: none;
}

body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .zd-trial-delivered-btn {
  background: linear-gradient(135deg, #16a34a, #15803d);
  color: #fff;
  border-color: #15803d;
  box-shadow: 0 2px 8px rgba(22, 163, 74, 0.22);
}

body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .zd-trial-delivered-btn:hover {
  background: linear-gradient(135deg, #15803d, #166534);
  color: #fff;
  box-shadow: 0 6px 20px rgba(22, 163, 74, 0.35);
  filter: none;
}

body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .tech-form button[type='submit']:hover:not(:disabled),
body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .wo-filter-footer-apply:hover,
body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .wo-active-save-btn:hover:not(:disabled),
body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .zd-trial-complete-btn:hover,
body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .dash-topbar-connect-form button:hover:not(:disabled) {
  background: var(--lab-btn-gradient-hover);
  color: #fff;
  box-shadow: 0 6px 20px var(--lab-accent-shadow);
  filter: none;
}

body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .clinic-patient-form-submit,
body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .lab-patients-page .lab-patient-filter-popover .clinic-patient-form-submit,
body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .lab-work-orders-page .lab-patient-filter-popover .clinic-patient-form-submit,
body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .lab-patient-filter-popover-footer .clinic-patient-form-submit,
body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .lab-patients-page .lab-patient-form-panel .clinic-patient-form-submit,
body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .lab-role-form-panel .clinic-patient-form-submit {
  background: var(--lab-btn-gradient);
  color: #fff;
  border: 0;
  box-shadow: none;
}

body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .clinic-patient-form-submit:hover:not(:disabled),
body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .lab-patients-page .lab-patient-filter-popover .clinic-patient-form-submit:hover,
body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .lab-work-orders-page .lab-patient-filter-popover .clinic-patient-form-submit:hover,
body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .lab-patient-filter-popover-footer .clinic-patient-form-submit:hover,
body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .lab-patients-page .lab-patient-form-panel .clinic-patient-form-submit:hover,
body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .lab-role-form-panel .clinic-patient-form-submit:hover:not(:disabled) {
  background: var(--lab-btn-gradient-hover);
  color: #fff;
}

body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .lab-patient-filter-btn--open,
body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .lab-patient-filter-btn--active {
  background: var(--lab-accent-soft);
  border-color: var(--lab-accent);
  color: var(--lab-accent-muted);
}

body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .wo-view-btn--active {
  background: var(--lab-btn-gradient);
  color: #fff;
  border: none;
  box-shadow: var(--lab-btn-shadow);
}

body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .wo-segment-switch-indicator {
  background: #3a3a3c;
  color: inherit;
  border: none;
  box-shadow:
    0 1px 2px rgba(0, 0, 0, 0.22),
    0 2px 6px rgba(0, 0, 0, 0.18);
}

body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .wo-segment-switch .wo-view-btn--active,
body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .wo-segment-switch .wo-cal-head-btn--active {
  background: transparent;
  color: #f5f7fb;
  font-weight: var(--fw-strong);
}

body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .wo-filter-btn:hover,
body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .wo-list-filter-btn:hover,
body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .dash-topbar-right .dash-topbar-btn--icon:hover,
body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .dash-topbar-right .dash-topbar-btn--icon[aria-expanded='true'],
body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .dash-topbar-right .dash-topbar-btn--icon[aria-expanded='true']:hover,
body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .lab-patient-filter-btn:hover,
body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .lab-work-order-columns-btn:hover,
body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .wo-cal-head-picker-btn:hover,
body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .wo-cal-view-menu-btn:hover,
body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .wo-cal-today-btn:hover,
body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .wo-cal-period-nav-btn:hover,
body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .lab-patient-row-action-btn:hover,
body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .wo-filter-footer-reset:hover,
body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .wo-view-fullscreen-bar-exit:hover,
body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .clinic-calendar-icon-btn:hover,
body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .wo-cal-panel-toggle:hover,
body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .zd-drawer-nav-btn:hover,
body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .zd-drawer-nav-btn--active {
  background: var(--lab-accent-soft);
  border-color: var(--lab-accent);
  color: var(--lab-accent-muted);
  box-shadow: 0 0 0 1px var(--lab-accent-ring);
}

body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .wo-filter-btn:hover i,
body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .wo-list-filter-btn:hover i,
body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .dash-topbar-right .dash-topbar-btn--icon:hover i,
body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .dash-topbar-right .dash-topbar-btn--icon[aria-expanded='true'] i,
body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .dash-topbar-right .dash-topbar-btn--icon[aria-expanded='true']:hover i,
body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .lab-patient-filter-btn:hover i,
body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .lab-work-order-columns-btn:hover i,
body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .lab-patient-row-action-btn:hover i,
body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .wo-cal-head-picker-btn:hover i,
body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .wo-view-fullscreen-bar-exit:hover i,
body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .clinic-calendar-icon-btn:hover i,
body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .zd-drawer-nav-btn:hover .bi,
body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .zd-drawer-nav-btn--active .bi {
  color: var(--lab-accent-muted);
}

body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .wo-filter-btn--active {
  background: var(--lab-accent-soft);
  border-color: var(--lab-accent);
  color: var(--lab-accent-muted);
}

body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .dash-topbar-right .dash-topbar-btn--icon[aria-expanded='true'] {
  background: var(--lab-accent-soft);
  border-color: var(--lab-accent);
  color: var(--lab-accent-muted);
  box-shadow: 0 0 0 1px var(--lab-accent-ring);
}

body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .dash-topbar-right .dash-topbar-btn--icon[aria-expanded='true'] i {
  color: var(--lab-accent-muted);
}

body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .clinic-calendar-btn--active {
  background: var(--lab-btn-gradient);
  border-color: transparent;
  color: #fff;
}

body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .wo-active-add-btn:hover {
  border-color: var(--lab-accent);
  color: var(--lab-accent-muted);
}

body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .tech-delete-actions .tech-add-btn {
  background: var(--lab-btn-gradient);
  color: #fff;
}

/* Is emri — odontogram dark: dusuk kontrast, parlak mavi/sari yok */
body.theme-dark:has(.dash-brand-mark--lab) {
  --lab-odonto-base: #5c6578;
  --lab-odonto-stroke: #6b8fd4;
  --lab-odonto-fill: rgba(71, 100, 168, 0.48);
  --lab-odonto-bridge-stroke: #9a7340;
  --lab-odonto-bridge-fill: rgba(161, 98, 7, 0.28);
  --lab-odonto-bridge-line: rgba(154, 115, 64, 0.65);
}

body.theme-dark:has(.dash-brand-mark--lab) .clinic-treatment-odontogram.wo-odontogram-wrap,
body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-odontogram-wrap {
  background: transparent;
  border: 1px solid var(--rw-border, #2a2a2a);
}

body.theme-dark:has(.dash-brand-mark--lab) .wo-odontogram-wrap .Odontogram:not([data-custom-prosthesis-colors='true']),
body.theme-dark:has(.dash-brand-mark--lab) .clinic-treatment-odontogram .Odontogram:not([data-custom-prosthesis-colors='true']) {
  --dark-blue: var(--lab-odonto-stroke);
  --base-blue: var(--lab-odonto-base);
  --light-blue: var(--lab-odonto-fill);
}

body.theme-dark:has(.dash-brand-mark--lab) .wo-odontogram-wrap .Odontogram[data-custom-prosthesis-colors='true'] svg,
body.theme-dark:has(.dash-brand-mark--lab) .clinic-treatment-odontogram .Odontogram[data-custom-prosthesis-colors='true'] svg,
body.theme-dark:has(.dash-brand-mark--lab) .Odontogram[data-custom-prosthesis-colors='true'].dark-theme svg {
  color: var(--base-blue);
  background-color: transparent;
}

body.theme-dark:has(.dash-brand-mark--lab) .Odontogram g[class^='teeth-'] path:first-of-type {
  stroke: var(--base-blue);
  stroke-width: 1.25;
}

body.theme-dark:has(.dash-brand-mark--lab) .Odontogram g.selected {
  color: var(--dark-blue);
}

body.theme-dark:has(.dash-brand-mark--lab) .Odontogram g.selected path:nth-of-type(2),
body.theme-dark:has(.dash-brand-mark--lab) .Odontogram g.selected path[data-colored='true']:nth-of-type(2) {
  fill: var(--light-blue) !important;
  opacity: 1 !important;
}

body.theme-dark:has(.dash-brand-mark--lab) .Odontogram g.selected path:first-of-type {
  stroke: var(--dark-blue);
  stroke-width: 1.5;
}

body.theme-dark:has(.dash-brand-mark--lab) .Odontogram .odontogram-bridge path {
  stroke: var(--lab-odonto-bridge-line) !important;
  stroke-width: 2.5 !important;
  opacity: 1 !important;
}

body.theme-dark:has(.dash-brand-mark--lab) .Odontogram g[class^='teeth-']:hover path:nth-of-type(2) {
  fill: var(--light-blue);
  opacity: 0.45;
}

body.theme-dark:has(.dash-brand-mark--lab) .Odontogram g.selected:hover path:first-of-type {
  filter: none;
  -webkit-filter: none;
  animation: none;
  stroke-dasharray: none;
  stroke-width: 1.5;
}

body.theme-dark:has(.dash-brand-mark--lab) .Odontogram g[role='option']:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--dark-blue) 45%, transparent) !important;
  outline-offset: 1px;
}

body.theme-dark:has(.dash-brand-mark--lab) .wo-odontogram-wrap .Odontogram g[class^='teeth-'] text,
body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-odontogram-wrap .Odontogram g[class^='teeth-'] text {
  fill: #8b95a8;
  font-weight: 600;
}

body.theme-dark:has(.dash-brand-mark--lab) .clinic-odontogram-toolbar,
body.theme-dark:has(.dash-brand-mark--lab) .wo-bridge-toolbar {
  background: transparent;
}

body.theme-dark:has(.dash-brand-mark--lab) .clinic-bridge-btn {
  background: var(--rw-bg-sidebar, #141414);
  border-color: rgba(251, 191, 36, 0.5);
  color: #fbbf24;
}

body.theme-dark:has(.dash-brand-mark--lab) .clinic-bridge-btn:hover:not(:disabled) {
  background: rgba(251, 191, 36, 0.14);
  border-color: #fbbf24;
  color: #fde68a;
}

body.theme-dark:has(.dash-brand-mark--lab) .clinic-bridge-btn--active,
body.theme-dark:has(.dash-brand-mark--lab) .clinic-bridge-btn--active:hover:not(:disabled) {
  background: #d97706;
  color: #fff;
  border-color: #d97706;
}

body.theme-dark:has(.dash-brand-mark--lab) .clinic-bridge-btn:disabled {
  opacity: 0.45;
  color: #a8a29e;
  border-color: rgba(251, 191, 36, 0.25);
}

body.theme-dark:has(.dash-brand-mark--lab) .clinic-bridge-hint {
  color: #fbbf24;
}

body.theme-dark:has(.dash-brand-mark--lab) .clinic-bridge-hint--muted {
  color: var(--rw-text-muted, #a3a3a3);
}

body.theme-dark:has(.dash-brand-mark--lab) .clinic-bridge-chip {
  background: rgba(251, 191, 36, 0.2);
  color: #fcd34d;
  border: 1px solid rgba(251, 191, 36, 0.35);
}

body.theme-dark:has(.dash-brand-mark--lab) .clinic-bridge-chip-close:hover {
  background: rgba(251, 191, 36, 0.28);
}

.dash-layout:has(.dash-brand-mark--lab) .clinic-treatment-odontogram.wo-odontogram-wrap--square .Odontogram {
  width: 100% !important;
  max-width: none !important;
}

.dash-layout:has(.dash-brand-mark--lab) .clinic-treatment-odontogram.wo-odontogram-wrap--square .Odontogram svg {
  width: 100% !important;
  max-width: 920px !important;
  height: auto !important;
  display: block;
}

.dash-layout:has(.dash-brand-mark--lab) .wo-teeth-section .clinic-treatment-odontogram.wo-odontogram-wrap--square .Odontogram svg {
  max-width: 100% !important;
}

/* ============================================================================
   YENI / DUZENLE IS EMRI PANELI — dark mode (lab var(--brand-primary))
   ============================================================================ */

body.theme-dark:has(.dash-brand-mark--lab) .tech-panel-backdrop {
  background: rgba(0, 0, 0, 0.72);
  backdrop-filter: blur(6px);
}

body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel {
  --wo-panel-btn: var(--brand-primary);
  --wo-panel-btn-hover: var(--brand-primary-hover);
  --wo-panel-btn-border: var(--brand-primary-deep);
  padding: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  background: var(--rw-surface, #1a1a1a);
  border-color: var(--rw-border, #2a2a2a);
  box-shadow: var(--rw-shadow, 0 24px 48px rgba(0, 0, 0, 0.55));
  color: var(--rw-text, #e5e5e5);
}

body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .tech-panel-head {
  margin: 0;
  padding: 16px 20px 12px;
  border-bottom: 1px solid var(--rw-border, #2a2a2a);
  background: var(--rw-bg-sidebar, #141414);
}

body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .tech-panel-head h3 {
  color: var(--rw-text-strong, #f5f5f5);
}

body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .tech-panel-close {
  background: var(--rw-surface-elevated, #242424);
  border-color: var(--rw-border-soft, #333);
  color: var(--rw-text-muted, #a3a3a3);
}

body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .tech-panel-close:hover {
  background: var(--rw-surface-hover, #2a2a2a);
  border-color: var(--lab-accent-muted, #7eb8d4);
  color: var(--rw-text-strong, #f5f5f5);
}

body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-tabs {
  border-bottom-color: var(--rw-border, #2a2a2a);
  background: transparent;
}

body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-tab {
  background: transparent;
  border-color: transparent;
  color: #d4d4d8;
  box-shadow: none;
}

body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-tab:hover {
  background: transparent;
  border-color: transparent;
  color: #f4f4f5;
}

body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-tab--active {
  background: transparent;
  border-color: transparent;
  color: var(--brand-primary-muted);
  box-shadow: none;
}

body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-tab--active:hover {
  background: transparent;
  border-color: transparent;
  color: var(--brand-primary-muted);
  box-shadow: none;
}

body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-form {
  background: var(--rw-surface, #1a1a1a);
}

body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .tech-field,
body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .tech-form label,
body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-teeth-label {
  color: var(--rw-text-muted, #a3a3a3);
}

body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .tech-field > input,
body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .tech-field > select,
body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .tech-field > textarea,
body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-form textarea {
  background: var(--rw-surface, #18181b);
  border-color: var(--rw-border, #2d2d2d);
  color: var(--rw-text-strong, #f1f5f9);
  color-scheme: dark;
}

body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .tech-field > input::placeholder,
body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .tech-field > textarea::placeholder,
body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-form textarea::placeholder {
  color: var(--rw-text-muted, #aaaaaa);
  opacity: 0.85;
}

body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .tech-field > input:hover,
body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .tech-field > select:hover,
body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .tech-field > textarea:hover,
body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-form textarea:hover {
  background: var(--rw-surface, #18181b);
  border-color: var(--rw-border-soft, #353535);
}

body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .tech-field > input:focus,
body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .tech-field > select:focus,
body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .tech-field > textarea:focus,
body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-form textarea:focus {
  background: var(--rw-surface, #18181b);
  border-color: rgba(59, 130, 246, 0.5);
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15);
  outline: none;
}

body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .tech-form-error {
  background: var(--rw-warning-bg, rgba(239, 68, 68, 0.12));
  border-color: rgba(239, 68, 68, 0.35);
  color: var(--rw-warning-text, #fca5a5);
}

body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-section-title {
  color: var(--rw-text-strong, #f5f5f5);
  border-bottom-color: var(--rw-border, #2a2a2a);
}

body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-section-title i,
body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-section-title svg {
  color: var(--lab-accent-muted, #7eb8d4);
}

/* Login tarzi ikonlu input sarmalayici — option-select ile ayni panel yuzeyi. */
body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-form .wo-field-input-wrap {
  background: var(--rw-surface, #18181b) !important;
  border-color: var(--rw-border, #2d2d2d) !important;
}

body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-form .wo-field-input-wrap:focus-within {
  background: var(--rw-surface, #18181b) !important;
  border-color: rgba(59, 130, 246, 0.5) !important;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15) !important;
}

body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-form .wo-field-input-wrap > .bi {
  color: var(--rw-text-muted, #aaaaaa) !important;
}

body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-form .wo-field-input-wrap input,
body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-form .wo-field-input-wrap input:hover,
body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-form .wo-field-input-wrap input:focus {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: var(--rw-text-strong, #f1f5f9) !important;
  -webkit-text-fill-color: var(--rw-text-strong, #f1f5f9);
  color-scheme: dark;
}

/* Autofill: acik gri inset golgeyi koyu temada ez */
body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-form .wo-field-input-wrap input:-webkit-autofill,
body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-form .wo-field-input-wrap input:-webkit-autofill:hover,
body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-form .wo-field-input-wrap input:-webkit-autofill:focus,
body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-form .wo-field-input-wrap input:-webkit-autofill:active {
  -webkit-text-fill-color: var(--rw-text-strong, #f1f5f9) !important;
  caret-color: var(--rw-text-strong, #f1f5f9);
  -webkit-box-shadow: 0 0 0 1000px var(--rw-surface, #18181b) inset !important;
  box-shadow: 0 0 0 1000px var(--rw-surface, #18181b) inset !important;
  border: 0 !important;
  transition: background-color 9999s ease-in-out 0s;
}

/* Protez klinik-ozel toggle — koyu tema. */
body.theme-dark .lab-prosthesis-clinic-scope-label {
  color: #94a3b8;
}

body.theme-dark .lab-prosthesis-clinic-scope-reset {
  border-color: #475569;
}

body.theme-dark .lab-prosthesis-clinic-toggle--active {
  background: rgba(34, 197, 94, 0.16);
  color: #4ade80;
  border-color: rgba(34, 197, 94, 0.3);
}

body.theme-dark .lab-prosthesis-clinic-toggle--idle {
  background: rgba(239, 68, 68, 0.16);
  color: #f87171;
  border-color: rgba(239, 68, 68, 0.3);
}

body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-section {
  scrollbar-color: var(--rw-border-soft, #333) transparent;
}

body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-section::-webkit-scrollbar-thumb {
  background: var(--rw-border-soft, #333);
  border-radius: 4px;
}

body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-trials-empty,
body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-trial-card,
body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-summary-group,
body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-saved-prosthesis-panel,
body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-case-photo-input {
  background: var(--rw-surface-elevated, #1c1c1f);
  border-color: var(--rw-border, #2a2a2a);
}

body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-patient-info,
body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-treatment-readonly,
body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-teeth-chart,
body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-odontogram-wrap {
  background: var(--rw-bg-sidebar, #141414);
  border-color: var(--rw-border, #2a2a2a);
}

body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-patient-info p,
body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-summary-group p,
body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-summary-trials li,
body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-saved-prosthesis-empty,
body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .lab-patient-readonly-hint {
  color: var(--rw-text-muted, #a3a3a3);
}

body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-patient-info strong,
body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-summary-group strong {
  color: var(--rw-text-strong, #f5f5f5);
}

body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-treatment-readonly-name,
body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-trial-number,
body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-saved-treatment-row strong,
body.theme-dark:has(.dash-brand-mark--lab) .lpd-treatment-name,
body.theme-dark:has(.dash-brand-mark--lab) .zd-trial-title {
  color: var(--lab-accent-muted, #7eb8d4);
}

body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-summary-group h5 {
  color: var(--lab-accent-muted, #7eb8d4);
}

body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-teeth-divider {
  background: linear-gradient(90deg, transparent, var(--rw-border-soft, #333), transparent);
}

body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-odontogram-wrap .Odontogram g[class^='teeth-'] text {
  fill: #8b95a8;
}

body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-mode-btn {
  background: var(--rw-bg-sidebar, #141414);
  border-color: var(--rw-border-soft, #333);
  color: var(--rw-text-muted, #a3a3a3);
}

body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-mode-btn:hover:not(.wo-mode-btn--active) {
  border-color: var(--wo-panel-btn-hover);
  background: rgba(58, 143, 183, 0.14);
  color: var(--wo-panel-btn-hover);
}

body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-mode-btn--active {
  border-color: var(--wo-panel-btn-border);
  background: var(--wo-panel-btn);
  color: #fff;
  box-shadow: 0 2px 10px var(--lab-accent-shadow);
}

body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-mode-btn--active:hover {
  border-color: var(--wo-panel-btn-hover);
  background: var(--wo-panel-btn-hover);
  color: #fff;
  box-shadow: 0 2px 10px rgba(58, 143, 183, 0.4);
}

body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-tooth {
  background: var(--rw-surface-elevated, #242424);
  border-color: var(--rw-border-soft, #333);
  color: var(--rw-text-muted, #a3a3a3);
}

body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-tooth:hover:not(.wo-tooth--selected) {
  border-color: var(--wo-panel-btn-hover);
  background: rgba(58, 143, 183, 0.14);
  color: var(--rw-text-strong, #f5f5f5);
}

body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-tooth--selected {
  background: var(--wo-panel-btn);
  border-color: var(--wo-panel-btn-border, var(--brand-primary-deep));
  color: #fff;
}

body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-tooth--selected:hover {
  background: var(--wo-panel-btn-hover);
  border-color: var(--wo-panel-btn-hover);
  color: #fff;
}

body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .clinic-odontogram-toolbar {
  background: var(--rw-bg-sidebar, #141414);
 
  border-radius: 10px;
  padding: 8px 10px;
}

body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .lab-tooth-pill {
  background: var(--lab-accent-soft);
  border-color: rgba(37, 99, 235, 0.45);
  color: var(--lab-accent-muted, #7eb8d4);
}

body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .lab-tooth-pill--bridge {
  background: rgba(251, 191, 36, 0.18);
  border-color: rgba(251, 191, 36, 0.45);
  color: #fcd34d;
}

body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .lpd-value-muted {
  color: var(--rw-text-muted, #a3a3a3);
}

body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-saved-prosthesis-item {
  border-bottom-color: var(--rw-border, #2a2a2a);
  color: var(--rw-text, #e5e5e5);
}

body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-prosthesis-save-btn {
  background: var(--wo-panel-btn);
  border: 0;
  color: #fff;
  box-shadow: var(--lab-btn-shadow);
}

body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-prosthesis-save-btn:hover:not(:disabled) {
  background: var(--wo-panel-btn-hover) !important;
  border-color: var(--wo-panel-btn-hover) !important;
  box-shadow: var(--lab-btn-shadow-lg);
}

body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-trial-header {
  border-bottom-color: var(--rw-border, #2a2a2a);
}

body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-trial-remove {
  background: var(--rw-surface-elevated, #242424);
  border-color: rgba(239, 68, 68, 0.35);
  color: var(--rw-warning-text, #fca5a5);
}

body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-trial-remove:hover {
  background: var(--rw-warning-bg, rgba(239, 68, 68, 0.12));
  border-color: var(--rw-warning-text, #fca5a5);
}

body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-add-trial-btn {
  border-color: var(--rw-border-soft, #333);
  color: var(--lab-accent-muted, #7eb8d4);
}

body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-add-trial-btn:hover {
  border-color: var(--wo-panel-btn-hover);
  background: rgba(58, 143, 183, 0.14);
  color: var(--wo-panel-btn-hover);
}

body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-trial-photo-name {
  color: var(--rw-text-muted, #a3a3a3);
}

body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-case-capture-option {
  background: var(--rw-bg-sidebar, #141414);
  border-color: var(--rw-border-soft, #333);
  color: var(--rw-text, #e5e5e5);
}

body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-case-capture-option:hover {
  background: rgba(58, 143, 183, 0.12);
  border-color: var(--wo-panel-btn-hover);
  color: var(--rw-text-strong, #f5f5f5);
}

body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-case-capture-option--active {
  border-color: var(--wo-panel-btn-border);
  background: var(--brand-primary-soft);
  color: var(--rw-text-strong, #f5f5f5);
}

body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-case-capture-option--active:hover {
  border-color: var(--wo-panel-btn-hover);
  background: rgba(58, 143, 183, 0.22);
}

body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-case-date-input {
  color-scheme: dark;
}

body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-case-photo-input::file-selector-button {
  border-color: var(--rw-border, #2a2a2a);
  background: var(--rw-surface-elevated, #242424);
  color: var(--rw-text, #e5e5e5);
}

/* Ek secenekler (RPT / Is tekrari) */
body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-flag-extras .wo-teeth-label {
  color: var(--rw-text-muted, #a3a3a3);
}

body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-flag-extras--inline .wo-flag-options {
  background: var(--rw-bg-sidebar, #141414);
  border-color: var(--rw-border, #2a2a2a);
}

body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-flag-option {
  background: transparent;
}

body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-flag-option-box {
  border-color: var(--rw-border-soft, #4a4a4a);
  background: var(--rw-surface-elevated, #242424);
}

body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-flag-option--active {
  background: transparent;
  border-color: transparent;
}

body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-flag-option--active .wo-flag-option-box {
  border-color: var(--wo-panel-btn-border, var(--brand-primary-deep));
  background: var(--wo-panel-btn, var(--brand-primary));
}

body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-flag-option--active .wo-flag-option-box::after {
  border-color: #fff;
}

body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-flag-option-label {
  color: var(--rw-text-strong, #f5f5f5);
}

body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-flag-option--active .wo-flag-option-label {
  color: var(--lab-accent-muted, #7eb8d4);
}

body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-flag-note-label {
  color: var(--rw-text-muted, #a3a3a3);
}

body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-flag-note-input {
  background: var(--rw-bg-sidebar, #141414);
  border-color: var(--rw-border, #2a2a2a);
  color: var(--rw-text, #e5e5e5);
}

body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-flag-note-input::placeholder {
  color: var(--rw-text-muted, #a3a3a3);
  opacity: 0.85;
}

body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-flag-note-input:focus {
  border-color: var(--wo-panel-btn, var(--brand-primary-deep));
  background: var(--rw-surface-elevated, #242424);
  box-shadow: 0 0 0 2px var(--lab-accent-ring);
  outline: none;
}

body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-form-actions {
  border-top-color: var(--rw-border, #2a2a2a);
  background: var(--rw-bg-sidebar, #141414);
}

body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-form-actions .tech-action-btn {
  background: var(--rw-surface-elevated, #242424);
  border-color: var(--rw-border-soft, #333);
  color: var(--rw-text, #e5e5e5);
}

body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-form-actions .tech-action-btn:hover {
  background: var(--rw-surface-hover, #2a2a2a);
  border-color: var(--rw-border, #2a2a2a);
  color: var(--rw-text-strong, #f5f5f5);
}

body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-form-actions .tech-add-btn,
body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-form-actions button[type='submit'] {
  background: var(--wo-panel-btn);
  border: 0;
  color: #fff;
  box-shadow: var(--lab-btn-shadow);
}

body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-form-actions .tech-add-btn:hover:not(:disabled),
body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-form-actions .tech-add-btn:focus-visible,
body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-form-actions button[type='submit']:hover:not(:disabled),
body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-form-actions button[type='submit']:focus-visible {
  background: var(--wo-panel-btn) !important;
  box-shadow: var(--lab-btn-shadow) !important;
  outline: 2px solid var(--lab-accent, var(--brand-primary));
  outline-offset: 2px;
}

body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .tech-action-btn--danger {
  background: var(--rw-surface-elevated, #242424);
  border-color: rgba(239, 68, 68, 0.4);
  color: var(--rw-warning-text, #fca5a5);
}

body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .tech-action-btn--danger:hover {
  background: var(--rw-warning-bg, rgba(239, 68, 68, 0.12));
  border-color: var(--rw-warning-text, #fca5a5);
  color: #fecaca;
}

/* Is emirleri sayfasi — dark mod birincil butonlar */
body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .lab-work-orders-page .tech-add-btn,
body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .lab-work-orders-page .wo-filter-footer-apply,
body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .lab-work-orders-page .wo-active-save-btn,
body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .lab-work-orders-page .clinic-calendar-btn--active,
body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .lab-work-orders-page .lab-patient-filter-popover .clinic-patient-form-submit {
  background: var(--brand-primary);
  border: none;
  border-radius: 8px;
  color: #fff;
}

body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .lab-work-orders-page .tech-add-btn:hover:not(:disabled),
body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .lab-work-orders-page .wo-filter-footer-apply:hover,
body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .lab-work-orders-page .wo-active-save-btn:hover:not(:disabled),
body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .lab-work-orders-page .clinic-calendar-btn--active:hover,
body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .lab-work-orders-page .lab-patient-filter-popover .clinic-patient-form-submit:hover {
  background: var(--brand-primary-hover);
  border-color: transparent;
  color: #fff;
}

body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .lab-work-orders-page .wo-segment-switch .wo-view-btn--active,
body.theme-dark .dash-layout:has(.dash-brand-mark--lab) .lab-work-orders-page .wo-segment-switch .wo-cal-head-btn--active {
  background: transparent;
  border-color: transparent;
  color: #f5f7fb;
  font-weight: var(--fw-strong);
}

/* Yeni is emri paneli (portal → body): birincil butonlar */
body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-mode-btn--active,
body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-mode-btn--active:hover,
body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .tech-add-btn,
body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .tech-add-btn:hover:not(:disabled),
body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-prosthesis-save-btn,
body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-prosthesis-save-btn:hover:not(:disabled),
body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-form-actions .tech-add-btn,
body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-form-actions button.tech-add-btn,
body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-form-actions button.tech-add-btn:hover:not(:disabled) {
  background: var(--brand-primary) !important;
  border: none !important;
  border-radius: 8px !important;
  color: #fff !important;
  filter: none !important;
  box-shadow: none !important;
}

body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-tab--active,
body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-tab--active:hover {
  background: transparent !important;
  border-color: transparent !important;
  color: var(--brand-primary-selected-text) !important;
  filter: none !important;
  box-shadow: none !important;
}

body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-form-actions .tech-add-btn:hover:not(:disabled),
body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-form-actions .tech-add-btn:focus-visible,
body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-form-actions button.tech-add-btn:hover:not(:disabled),
body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-form-actions button.tech-add-btn:focus-visible {
  background: var(--brand-primary-hover) !important;
  border: none !important;
  box-shadow: none !important;
  outline: 2px solid var(--brand-primary);
  outline-offset: 2px;
}

body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-mode-btn--active:hover,
body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-tooth--selected:hover,
body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .tech-add-btn:hover:not(:disabled),
body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-prosthesis-save-btn:hover:not(:disabled),
body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-flag-option--active:hover .wo-flag-option-box {
  background: var(--brand-primary-hover) !important;
  border-color: var(--brand-primary-hover) !important;
}

body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-tab--active:hover {
  background: transparent !important;
  border-color: transparent !important;
  color: var(--brand-primary-selected-text) !important;
  box-shadow: none !important;
}

body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-flag-extras--inline .wo-flag-options {
  background: var(--rw-bg-sidebar, #141414) !important;
  border-color: var(--rw-border, #2a2a2a) !important;
}

body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-flag-option--active {
  background: transparent !important;
}

body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-flag-option--active .wo-flag-option-box {
  background: var(--brand-primary) !important;
  border-color: var(--brand-primary) !important;
}

body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .wo-flag-option-label {
  color: var(--rw-text-strong, #f5f5f5) !important;
}

body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .clinic-bridge-btn {
  background: var(--rw-bg-sidebar, #141414) !important;
  border-color: rgba(251, 191, 36, 0.5) !important;
  color: #fbbf24 !important;
}

body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .clinic-bridge-btn:hover:not(:disabled) {
  background: rgba(251, 191, 36, 0.14) !important;
  border-color: #fbbf24 !important;
  color: #fde68a !important;
}

body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .clinic-bridge-btn--active,
body.theme-dark:has(.dash-brand-mark--lab) .tech-panel.wo-panel .clinic-bridge-btn--active:hover:not(:disabled) {
  background: #d97706 !important;
  border-color: #d97706 !important;
  color: #fff !important;
}

/* Hasta detay — tedavi odontogram onizleme */
body.theme-dark:has(.dash-brand-mark--lab) .lpd-treatment-body--clickable:hover,
body.theme-dark:has(.dash-brand-mark--lab) .lpd-treatment-main-row--clickable:hover {
  background: var(--brand-ring);
}

body.theme-dark:has(.dash-brand-mark--lab) .lpd-treatment-preview-chevron {
  color: var(--rw-text-muted, #a3a3a3);
}

body.theme-dark:has(.dash-brand-mark--lab) .lpd-treatment-odonto-preview {
  background: var(--rw-bg-sidebar, #141414);
  border-color: var(--rw-border, #2a2a2a);
}

body.theme-dark:has(.dash-brand-mark--lab) .lpd-treatment-odonto-preview-empty {
  color: var(--rw-text-muted, #a3a3a3);
}

/* Is emri drawer — dis semasi onizleme */
body.theme-dark:has(.dash-brand-mark--lab) .clinic-wo-drawer--zd .zd-drawer-odonto-preview.lpd-treatment-odonto-preview {
  background: var(--rw-bg-sidebar, #141414);
  border-color: var(--rw-border, #2a2a2a);
}

body.theme-dark:has(.dash-brand-mark--lab) .lab-patient-drawer .lpd-treatment-odonto-preview {
  background: var(--rw-bg-sidebar, #141414);
  border-color: var(--rw-border, #2a2a2a);
}

.dash-layout:has(.dash-brand-mark--lab) .clinic-wo-drawer--zd .zd-drawer-odonto-preview.wo-odontogram-wrap--square .Odontogram svg {
  width: 100% !important;
  max-width: none !important;
}

/* Is akisi liste ozet paneli (portal — body uzerinden) */
body:has(.dash-brand-mark--lab) {
  --wo-wf-summary-backdrop: rgba(31, 74, 94, 0.28);
  --wo-wf-summary-bg: #ffffff;
  --wo-wf-summary-head-bg: #ffffff;
  --wo-wf-summary-body-bg: #f7faff;
  --wo-wf-summary-shadow: -10px 0 36px rgba(37, 99, 235, 0.1);
  --wo-wf-summary-border: #e4ebf5;
  --wo-wf-summary-accent: var(--lab-accent, var(--brand-primary));
  --wo-wf-summary-accent-deep: var(--lab-accent-deep, var(--brand-primary-deep));
  --wo-wf-summary-title: #1f4a5e;
  --wo-wf-summary-text: #475569;
  --wo-wf-summary-label: #6b8799;
  --wo-wf-summary-value: #334155;
  --wo-wf-summary-muted: #7a96a8;
  --wo-wf-summary-timeline-line: #dce6f5;
  --wo-wf-summary-marker-pending: #c5d4e8;
  --wo-wf-summary-marker-progress: var(--status-progress-text, var(--brand-primary));
  --wo-wf-summary-marker-done: var(--status-completed-text, #1a8f5c);
  --wo-wf-summary-success: var(--status-completed-text, #1a8f5c);
  --wo-wf-summary-accent: var(--status-progress-text, var(--brand-primary));
  --wo-wf-summary-card-bg: #ffffff;
  --wo-wf-summary-card-border: #e3f4fa;
  --wo-wf-summary-step-name: #334155;
  --wo-wf-summary-step-name-done: #64748b;
  --wo-wf-summary-divider: #eef2f8;
  --wo-wf-summary-close-hover-bg: var(--lab-accent-soft, #e3f4fa);
  --wo-wf-summary-close-hover-text: var(--lab-accent-deep, var(--brand-primary-deep));
  --wo-wf-summary-action-border: #d4e2f5;
  --wo-wf-summary-action-bg: #ffffff;
  --wo-wf-summary-action-text: #5a7a8f;
  --wo-wf-summary-action-hover-bg: #f7faff;
  --wo-wf-summary-action-hover-border: var(--lab-accent-muted, var(--brand-primary-muted));
  --wo-wf-summary-action-hover-text: var(--lab-accent-deep, var(--brand-primary-deep));
  --wo-wf-summary-action-primary-border: var(--lab-accent-muted, var(--brand-primary-muted));
  --wo-wf-summary-action-primary-bg: var(--lab-accent-soft, #e3f4fa);
  --wo-wf-summary-action-primary-text: var(--lab-accent-deep, var(--brand-primary-deep));
  --wo-wf-summary-action-primary-hover-bg: #cfe8f4;
}

body:has(.dash-brand-mark--lab) .wo-wf-summary-drawer .wo-list-status-pill--active {
  color: var(--status-progress-text);
  background: var(--status-progress-bg);
}

body:has(.dash-brand-mark--lab) .wo-wf-summary-drawer .wo-list-status-pill--completed {
  color: var(--status-completed-text);
  background: var(--status-completed-bg);
}

body.theme-dark:has(.dash-brand-mark--lab) {
  --wo-wf-summary-backdrop: rgba(0, 0, 0, 0.55);
  --wo-wf-summary-bg: var(--rw-surface-elevated, #27272a);
  --wo-wf-summary-head-bg: var(--rw-surface, #18181b);
  --wo-wf-summary-body-bg: var(--rw-surface, #18181b);
  --wo-wf-summary-shadow: -10px 0 40px rgba(0, 0, 0, 0.45);
  --wo-wf-summary-border: var(--rw-border, #2d2d2d);
  --wo-wf-summary-accent: var(--lab-accent-muted, #7eb8d4);
  --wo-wf-summary-accent-deep: var(--brand-primary-muted);
  --wo-wf-summary-title: var(--rw-text-strong, #ffffff);
  --wo-wf-summary-text: var(--rw-text, #aaaaaa);
  --wo-wf-summary-label: var(--rw-text-muted, #888888);
  --wo-wf-summary-value: var(--rw-text-strong, #e5e5e5);
  --wo-wf-summary-muted: var(--rw-text-muted, #888888);
  --wo-wf-summary-success: #6ee7a8;
  --wo-wf-summary-timeline-line: var(--rw-border, #2d2d2d);
  --wo-wf-summary-marker-pending: #52525b;
  --wo-wf-summary-marker-progress: #7eb8d4;
  --wo-wf-summary-marker-done: #6ee7a8;
  --wo-wf-summary-accent: #7eb8d4;
  --wo-wf-summary-card-bg: var(--rw-surface-hover, #2f2f33);
  --wo-wf-summary-card-border: var(--rw-border-soft, #353535);
  --wo-wf-summary-step-name: var(--rw-text-strong, #e5e5e5);
  --wo-wf-summary-step-name-done: var(--rw-text-muted, #aaaaaa);
  --wo-wf-summary-divider: var(--rw-border, #2d2d2d);
  --wo-wf-summary-close-hover-bg: var(--lab-accent-soft, rgba(37, 99, 235, 0.22));
  --wo-wf-summary-close-hover-text: var(--lab-accent-muted, #7eb8d4);
  --wo-wf-summary-action-border: var(--rw-border-soft, #353535);
  --wo-wf-summary-action-bg: var(--rw-surface-hover, #2f2f33);
  --wo-wf-summary-action-text: var(--rw-text, #aaaaaa);
  --wo-wf-summary-action-hover-bg: var(--rw-surface-elevated, #27272a);
  --wo-wf-summary-action-hover-border: var(--lab-accent-muted, #7eb8d4);
  --wo-wf-summary-action-hover-text: var(--rw-text-strong, #ffffff);
  --wo-wf-summary-action-primary-border: rgba(37, 99, 235, 0.45);
  --wo-wf-summary-action-primary-bg: var(--lab-accent-soft, rgba(37, 99, 235, 0.22));
  --wo-wf-summary-action-primary-text: var(--lab-accent-muted, #7eb8d4);
  --wo-wf-summary-action-primary-hover-bg: rgba(37, 99, 235, 0.32);
  --wo-wf-summary-error-text: var(--rw-warning-text, #ff6b6b);
  --wo-wf-summary-error-bg: var(--rw-warning-bg, rgba(255, 77, 77, 0.15));
  --wo-wf-summary-error-border: rgba(255, 107, 107, 0.35);
}

body.theme-dark:has(.dash-brand-mark--lab) .wo-wf-summary-drawer .wo-list-status-pill--active {
  color: #7eb8d4;
  background: rgba(37, 99, 235, 0.2);
}

body.theme-dark:has(.dash-brand-mark--lab) .wo-wf-summary-drawer .wo-list-status-pill--completed {
  color: #6ee7a8;
  background: rgba(26, 143, 92, 0.22);
}

/* Liste satir hover aksiyonlari — dark modda satira gelince beyaz ikon */
body.theme-dark:has(.dash-brand-mark--lab) .lab-patients-page .wo-list-table tbody tr.wo-list-row--mouse-over .lab-patient-row-hover-actions,
body.theme-dark:has(.dash-brand-mark--lab) .lab-work-orders-page .wo-list-table tbody tr.wo-list-row--mouse-over .lab-patient-row-hover-actions,
body.theme-dark:has(.dash-brand-mark--lab) .lab-patients-page .wo-list-table tbody tr.wo-list-row:hover .lab-patient-row-hover-actions,
body.theme-dark:has(.dash-brand-mark--lab) .lab-work-orders-page .wo-list-table tbody tr.wo-list-row:hover .lab-patient-row-hover-actions,
body.theme-dark:has(.dash-brand-mark--lab) .lab-patients-page .wo-list-table tbody tr.wo-list-row.wo-list-row--active .lab-patient-row-hover-actions,
body.theme-dark:has(.dash-brand-mark--lab) .lab-work-orders-page .wo-list-table tbody tr.wo-list-row.wo-list-row--active .lab-patient-row-hover-actions {
  opacity: 1;
  color: #ffffff;
}

body.theme-dark:has(.dash-brand-mark--lab) .lab-patients-page .wo-list-table tbody tr.wo-list-row--mouse-over .lab-patient-row-hover-action-btn:not(.lab-patient-row-hover-action-btn--danger),
body.theme-dark:has(.dash-brand-mark--lab) .lab-work-orders-page .wo-list-table tbody tr.wo-list-row--mouse-over .lab-patient-row-hover-action-btn:not(.lab-patient-row-hover-action-btn--danger),
body.theme-dark:has(.dash-brand-mark--lab) .lab-patients-page .wo-list-table tbody tr.wo-list-row:hover .lab-patient-row-hover-action-btn:not(.lab-patient-row-hover-action-btn--danger),
body.theme-dark:has(.dash-brand-mark--lab) .lab-work-orders-page .wo-list-table tbody tr.wo-list-row:hover .lab-patient-row-hover-action-btn:not(.lab-patient-row-hover-action-btn--danger),
body.theme-dark:has(.dash-brand-mark--lab) .lab-patients-page .wo-list-table tbody tr.wo-list-row.wo-list-row--active .lab-patient-row-hover-action-btn:not(.lab-patient-row-hover-action-btn--danger),
body.theme-dark:has(.dash-brand-mark--lab) .lab-work-orders-page .wo-list-table tbody tr.wo-list-row.wo-list-row--active .lab-patient-row-hover-action-btn:not(.lab-patient-row-hover-action-btn--danger),
body.theme-dark:has(.dash-brand-mark--lab) .lab-patients-page .wo-list-table tbody tr.wo-list-row--mouse-over .lab-patient-row-hover-action-btn:not(.lab-patient-row-hover-action-btn--danger) .bi,
body.theme-dark:has(.dash-brand-mark--lab) .lab-work-orders-page .wo-list-table tbody tr.wo-list-row--mouse-over .lab-patient-row-hover-action-btn:not(.lab-patient-row-hover-action-btn--danger) .bi,
body.theme-dark:has(.dash-brand-mark--lab) .lab-patients-page .wo-list-table tbody tr.wo-list-row:hover .lab-patient-row-hover-action-btn:not(.lab-patient-row-hover-action-btn--danger) .bi,
body.theme-dark:has(.dash-brand-mark--lab) .lab-work-orders-page .wo-list-table tbody tr.wo-list-row:hover .lab-patient-row-hover-action-btn:not(.lab-patient-row-hover-action-btn--danger) .bi,
body.theme-dark:has(.dash-brand-mark--lab) .lab-patients-page .wo-list-table tbody tr.wo-list-row.wo-list-row--active .lab-patient-row-hover-action-btn:not(.lab-patient-row-hover-action-btn--danger) .bi,
body.theme-dark:has(.dash-brand-mark--lab) .lab-work-orders-page .wo-list-table tbody tr.wo-list-row.wo-list-row--active .lab-patient-row-hover-action-btn:not(.lab-patient-row-hover-action-btn--danger) .bi {
  color: #ffffff !important;
}

.dash-layout--collapsed .dash-nav-search-slot .dash-topbar-search,
.dash-layout:has(.dash-sidebar--collapsed) .dash-nav-search-slot .dash-topbar-search,
body.theme-dark .dash-layout--collapsed .dash-nav-search-slot .dash-topbar-search,
body.theme-dark .dash-layout:has(.dash-sidebar--collapsed) .dash-nav-search-slot .dash-topbar-search {
  background: transparent;
  border: 0;
  box-shadow: none;
}

.dash-layout--collapsed .dash-nav-search-slot .dash-topbar-search:hover,
.dash-layout--collapsed .dash-nav-search-slot .dash-topbar-search:focus-within,
.dash-layout--collapsed .dash-nav-search-slot .dash-global-search--open .dash-topbar-search,
.dash-layout:has(.dash-sidebar--collapsed) .dash-nav-search-slot .dash-topbar-search:hover,
.dash-layout:has(.dash-sidebar--collapsed) .dash-nav-search-slot .dash-topbar-search:focus-within,
.dash-layout:has(.dash-sidebar--collapsed) .dash-nav-search-slot .dash-global-search--open .dash-topbar-search {
  background: #e8e8ed;
  border: 0;
  box-shadow: none;
}

body.theme-dark .dash-layout--collapsed .dash-nav-search-slot .dash-topbar-search:hover,
body.theme-dark .dash-layout--collapsed .dash-nav-search-slot .dash-topbar-search:focus-within,
body.theme-dark .dash-layout--collapsed .dash-nav-search-slot .dash-global-search--open .dash-topbar-search,
body.theme-dark .dash-layout:has(.dash-sidebar--collapsed) .dash-nav-search-slot .dash-topbar-search:hover,
body.theme-dark .dash-layout:has(.dash-sidebar--collapsed) .dash-nav-search-slot .dash-topbar-search:focus-within,
body.theme-dark .dash-layout:has(.dash-sidebar--collapsed) .dash-nav-search-slot .dash-global-search--open .dash-topbar-search {
  background: #27272a;
  border: 0;
  box-shadow: none;
}
/* ============================================================================
   CLINIC THEME — primary var(--brand-primary) (light) / var(--brand-primary-light) (dark)
   ============================================================================ */

.dash-layout--clinic {
  --clinic-accent: var(--brand-primary);
  --clinic-accent-light: var(--brand-primary-light);
  --clinic-accent-deep: var(--brand-primary-deep);
  --clinic-accent-soft: var(--brand-primary-soft);
  --clinic-accent-selected-text: var(--brand-primary-selected-text);
  --clinic-btn-gradient: var(--brand-primary);
  --clinic-btn-gradient-hover: var(--brand-primary-hover);
  --brand-mark-light: var(--clinic-accent-light);
  --brand-mark-deep: var(--clinic-accent-deep);
  --brand-mark-shadow: var(--brand-shadow);
  --lab-accent: var(--clinic-accent);
  --lab-accent-soft: var(--clinic-accent-soft);
  --lab-accent-muted: var(--brand-primary-muted);
  --lab-accent-deep: var(--clinic-accent-deep);
  --lab-accent-selected-text: var(--clinic-accent-selected-text);
  --lab-btn-gradient: var(--clinic-btn-gradient);
  --lab-btn-gradient-hover: var(--clinic-btn-gradient-hover);
  --lab-dash-blue: var(--clinic-accent);
  --lab-dash-blue-light: var(--clinic-accent-light);
}

body.theme-dark .dash-layout--clinic {
  --clinic-accent: var(--brand-primary);
  --clinic-accent-light: var(--brand-primary-hover);
  --clinic-accent-deep: var(--brand-primary-deep);
  --clinic-accent-soft: var(--brand-primary-soft);
  --clinic-accent-muted: var(--brand-primary-soft);
  --clinic-accent-selected-text: var(--brand-primary-selected-text);
  --clinic-accent-ring: var(--brand-ring);
  --clinic-accent-shadow: var(--brand-shadow);
  --brand-mark-shadow: var(--clinic-accent-shadow);
  --clinic-btn-gradient: var(--brand-primary);
  --clinic-btn-gradient-hover: var(--brand-primary-hover);

  --rw-cal-accent: var(--clinic-accent);
  --rw-cal-accent-deep: var(--clinic-accent-deep);
  --rw-cal-accent-soft: var(--clinic-accent-soft);
  --rw-cal-accent-muted: var(--clinic-accent-muted);
  --lab-accent: var(--clinic-accent);
  --lab-accent-soft: var(--clinic-accent-soft);
  --lab-accent-muted: var(--clinic-accent-selected-text);
  --lab-accent-deep: var(--clinic-accent-deep);
  --lab-accent-ring: var(--clinic-accent-ring);
  --lab-accent-shadow: var(--clinic-accent-shadow);
  --lab-accent-selected-text: var(--clinic-accent-selected-text);
  --lab-btn-gradient: var(--clinic-btn-gradient);
  --lab-btn-gradient-hover: var(--clinic-btn-gradient-hover);
}

/* --- Navigasyon --- */
body.theme-dark .dash-layout--clinic .dash-nav-link--active {
  background: var(--clinic-accent-soft);
  color: var(--clinic-accent-selected-text);
}

body.theme-dark .dash-layout--clinic .dash-nav-link--active:hover {
  background: rgba(59, 130, 246, 0.2);
  color: var(--clinic-accent-selected-text);
}

/* --- Birincil / filtre butonlari (relatewise teal & beyaz override) --- */
body.theme-dark .dash-layout--clinic .tech-add-btn,
body.theme-dark .dash-layout--clinic .clinic-patient-form-submit,
body.theme-dark .dash-layout--clinic .wo-filter-footer-apply,
body.theme-dark .dash-layout--clinic .clinic-treatment-modal .clinic-patient-form-submit,
body.theme-dark .dash-layout--clinic .clinic-treatment-confirm-btn,
body.theme-dark .dash-layout--clinic .clinic-share-lab-btn,
body.theme-dark .dash-layout--clinic .clinic-calendar-create-btn,
body.theme-dark .dash-layout--clinic .clinic-calendar-btn--active,
body.theme-dark .dash-layout--clinic .zd-footer-save,
body.theme-dark .dash-layout--clinic .zd-trial-complete-btn {
  background: var(--clinic-btn-gradient);
  color: #fff;
  border: none;
  border-radius: 8px;
  box-shadow: none;
}

body.theme-dark .dash-layout--clinic .tech-add-btn:hover:not(:disabled),
body.theme-dark .dash-layout--clinic .clinic-patient-form-submit:hover:not(:disabled),
body.theme-dark .dash-layout--clinic .wo-filter-footer-apply:hover,
body.theme-dark .dash-layout--clinic .clinic-treatment-modal .clinic-patient-form-submit:hover:not(:disabled),
body.theme-dark .dash-layout--clinic .clinic-treatment-confirm-btn:hover:not(:disabled),
body.theme-dark .dash-layout--clinic .clinic-share-lab-btn:hover:not(:disabled),
body.theme-dark .dash-layout--clinic .clinic-calendar-create-btn:hover,
body.theme-dark .dash-layout--clinic .clinic-calendar-btn--active:hover,
body.theme-dark .dash-layout--clinic .zd-footer-save:hover:not(:disabled),
body.theme-dark .dash-layout--clinic .zd-trial-complete-btn:hover {
  background: var(--clinic-btn-gradient-hover);
  color: #fff;
}

.dash-layout--clinic .wo-filter-btn--active {
  border-color: var(--clinic-accent);
  background: var(--clinic-accent-soft);
  color: var(--clinic-accent-selected-text);
}

.dash-layout--clinic .wo-filter-btn--active i {
  color: var(--clinic-accent);
}

.dash-layout--clinic .wo-list-filter-btn--active,
.dash-layout--clinic .wo-list-filter-btn--open {
  border-color: var(--clinic-accent);
  background: var(--clinic-accent-soft);
  color: var(--clinic-accent-selected-text);
  box-shadow: 0 0 0 1px var(--brand-ring);
}

.dash-layout--clinic .wo-list-filter-btn--active i,
.dash-layout--clinic .wo-list-filter-btn--open i {
  color: var(--clinic-accent);
}

.dash-layout--clinic .dash-topbar-right .dash-topbar-btn--icon[aria-expanded='true'] {
  border-color: var(--clinic-accent);
  background: var(--clinic-accent-soft);
  color: var(--clinic-accent-selected-text);
  box-shadow: 0 0 0 1px var(--brand-ring);
}

.dash-layout--clinic .dash-topbar-right .dash-topbar-btn--icon[aria-expanded='true'] i {
  color: var(--clinic-accent);
}

body.theme-dark .dash-layout--clinic .wo-filter-btn--active {
  background: var(--clinic-accent-soft);
  border-color: var(--clinic-accent);
  color: var(--clinic-accent-selected-text);
}

body.theme-dark .dash-layout--clinic .wo-filter-btn--active .wo-filter-btn-badge {
  background: var(--clinic-accent);
}

body.theme-dark .dash-layout--clinic .dash-topbar-right .dash-topbar-btn--icon[aria-expanded='true'] {
  background: var(--clinic-accent-soft);
  border-color: var(--clinic-accent);
  color: var(--clinic-accent-light);
}

body.theme-dark .dash-layout--clinic .dash-topbar-right .dash-topbar-btn--icon[aria-expanded='true'] i {
  color: var(--clinic-accent-light);
}

body.theme-dark .dash-layout--clinic .wo-filter-btn:hover,
body.theme-dark .dash-layout--clinic .wo-list-filter-btn:hover,
body.theme-dark .dash-layout--clinic .dash-topbar-right .dash-topbar-btn--icon:hover,
body.theme-dark .dash-layout--clinic .dash-topbar-right .dash-topbar-btn--icon[aria-expanded='true'],
body.theme-dark .dash-layout--clinic .dash-topbar-right .dash-topbar-btn--icon[aria-expanded='true']:hover,
body.theme-dark .dash-layout--clinic .lab-patient-filter-btn:hover,
body.theme-dark .dash-layout--clinic .lab-work-order-columns-btn:hover,
body.theme-dark .dash-layout--clinic .wo-cal-head-picker-btn:hover,
body.theme-dark .dash-layout--clinic .wo-cal-view-menu-btn:hover,
body.theme-dark .dash-layout--clinic .wo-cal-today-btn:hover,
body.theme-dark .dash-layout--clinic .wo-cal-period-nav-btn:hover,
body.theme-dark .dash-layout--clinic .lab-patient-row-action-btn:hover,
body.theme-dark .dash-layout--clinic .wo-filter-footer-reset:hover,
body.theme-dark .dash-layout--clinic .wo-view-fullscreen-bar-exit:hover,
body.theme-dark .dash-layout--clinic .clinic-calendar-icon-btn:hover,
body.theme-dark .dash-layout--clinic .wo-cal-panel-toggle:hover,
body.theme-dark .dash-layout--clinic .zd-drawer-nav-btn:hover,
body.theme-dark .dash-layout--clinic .zd-drawer-nav-btn--active {
  background: var(--clinic-accent-soft);
  border-color: var(--clinic-accent);
  color: var(--clinic-accent-light);
}

body.theme-dark .dash-layout--clinic .wo-filter-btn:hover i,
body.theme-dark .dash-layout--clinic .wo-list-filter-btn:hover i,
body.theme-dark .dash-layout--clinic .dash-topbar-right .dash-topbar-btn--icon:hover i,
body.theme-dark .dash-layout--clinic .dash-topbar-right .dash-topbar-btn--icon[aria-expanded='true'] i,
body.theme-dark .dash-layout--clinic .dash-topbar-right .dash-topbar-btn--icon[aria-expanded='true']:hover i,
body.theme-dark .dash-layout--clinic .lab-patient-filter-btn:hover i,
body.theme-dark .dash-layout--clinic .lab-work-order-columns-btn:hover i,
body.theme-dark .dash-layout--clinic .lab-patient-row-action-btn:hover i,
body.theme-dark .dash-layout--clinic .wo-cal-head-picker-btn:hover i,
body.theme-dark .dash-layout--clinic .wo-view-fullscreen-bar-exit:hover i,
body.theme-dark .dash-layout--clinic .clinic-calendar-icon-btn:hover i,
body.theme-dark .dash-layout--clinic .zd-drawer-nav-btn:hover .bi,
body.theme-dark .dash-layout--clinic .zd-drawer-nav-btn--active .bi {
  color: var(--clinic-accent-light);
}

body.theme-dark .dash-layout--clinic .wo-cal-head-picker-btn--active,
body.theme-dark .dash-layout--clinic .wo-segment-btn--active {
  background: var(--clinic-btn-gradient);
  border-color: var(--clinic-accent-deep);
  color: #fff;
}

body.theme-dark .dash-layout--clinic .wo-segment-switch .wo-cal-head-btn--active,
body.theme-dark .dash-layout--clinic .wo-segment-switch .wo-view-btn--active {
  background: transparent;
  border-color: transparent;
  color: #fff;
  box-shadow: none;
}

body.theme-dark .dash-layout--clinic .wo-segment-switch-indicator {
  background: #3a3a3c;
  box-shadow:
    0 1px 2px rgba(0, 0, 0, 0.22),
    0 2px 6px rgba(0, 0, 0, 0.18);
}

.dash-layout--clinic .dash-topbar .dash-topbar-btn,
.dash-layout--clinic .dash-topbar .dash-sidebar-toggle-btn,
.dash-layout--clinic .dash-topbar-page-actions .wo-filter-btn {
  background: #ffffff;
}

.dash-layout--clinic .wo-filter-btn:hover,
.dash-layout--clinic .wo-list-filter-btn:hover,
.dash-layout--clinic .dash-topbar-right .dash-topbar-btn--icon:hover,
.dash-layout--clinic .dash-topbar-right .dash-topbar-btn--icon[aria-expanded='true']:hover,
.dash-layout--clinic .lab-patient-filter-btn:hover,
.dash-layout--clinic .lab-work-order-columns-btn:hover,
.dash-layout--clinic .wo-cal-head-picker-btn:hover,
.dash-layout--clinic .wo-cal-view-menu-btn:hover,
.dash-layout--clinic .wo-cal-today-btn:hover,
.dash-layout--clinic .wo-cal-period-nav-btn:hover,
.dash-layout--clinic .lab-patient-row-action-btn:hover,
.dash-layout--clinic .wo-filter-footer-reset:hover,
.dash-layout--clinic .wo-view-fullscreen-bar-exit:hover,
.dash-layout--clinic .clinic-calendar-icon-btn:hover,
.dash-layout--clinic .wo-cal-panel-toggle:hover,
.dash-layout--clinic .zd-drawer-nav-btn:hover,
.dash-layout--clinic .zd-drawer-nav-btn--active {
  border-color: var(--clinic-accent);
  background: var(--clinic-accent-soft);
  color: var(--clinic-accent-deep);
  box-shadow: 0 0 0 1px var(--brand-ring);
}

.dash-layout--clinic .wo-filter-btn:hover i,
.dash-layout--clinic .wo-list-filter-btn:hover i,
.dash-layout--clinic .dash-topbar-right .dash-topbar-btn--icon:hover i,
.dash-layout--clinic .dash-topbar-right .dash-topbar-btn--icon[aria-expanded='true']:hover i,
.dash-layout--clinic .lab-patient-filter-btn:hover i,
.dash-layout--clinic .lab-work-order-columns-btn:hover i,
.dash-layout--clinic .lab-patient-row-action-btn:hover i,
.dash-layout--clinic .wo-cal-head-picker-btn:hover i,
.dash-layout--clinic .wo-view-fullscreen-bar-exit:hover i,
.dash-layout--clinic .clinic-calendar-icon-btn:hover i,
.dash-layout--clinic .zd-drawer-nav-btn:hover .bi,
.dash-layout--clinic .zd-drawer-nav-btn--active .bi {
  color: var(--clinic-accent);
}

.dash-layout--clinic .dash-topbar .dash-topbar-btn:not(.dash-topbar-btn--icon):hover,
.dash-layout--clinic .dash-topbar .dash-sidebar-toggle-btn:hover {
  border-color: #e5e7eb;
  background: #f5f5f7;
  color: #111827;
}

.dash-layout--clinic .dash-topbar .dash-topbar-btn:not(.dash-topbar-btn--icon):hover i {
  color: #374151;
}

body.theme-dark .dash-layout--clinic .dash-topbar .dash-topbar-btn:not(.dash-topbar-btn--profile),
body.theme-dark .dash-layout--clinic .dash-topbar .dash-sidebar-toggle-btn,
body.theme-dark .dash-layout--clinic .dash-topbar-page-actions .wo-filter-btn {
  background: var(--header-control-bg, #18181b);
  border-color: var(--header-control-border, #353535);
  color: var(--header-control-text, #e5e5e5);
}

body.theme-dark .dash-layout--clinic .dash-topbar .dash-topbar-btn:not(.dash-topbar-btn--profile):hover,
body.theme-dark .dash-layout--clinic .dash-topbar .dash-topbar-btn:not(.dash-topbar-btn--profile):active,
body.theme-dark .dash-layout--clinic .dash-topbar .dash-sidebar-toggle-btn:hover,
body.theme-dark .dash-layout--clinic .dash-topbar .dash-sidebar-toggle-btn:active,
body.theme-dark .dash-layout--clinic .dash-topbar-page-actions .wo-filter-btn:hover {
  background: var(--header-control-hover-bg, var(--brand-primary-soft));
  border-color: var(--header-control-hover-border, rgba(37, 99, 235, 0.45));
  color: var(--header-control-hover-text, var(--brand-primary-muted));
}

body.theme-dark .dash-layout--clinic .dash-topbar .dash-topbar-btn:not(.dash-topbar-btn--profile) i,
body.theme-dark .dash-layout--clinic .dash-topbar .dash-sidebar-toggle-btn i {
  color: var(--header-control-muted, #a3a3a3);
}

body.theme-dark .dash-layout--clinic .dash-topbar .dash-topbar-btn:not(.dash-topbar-btn--profile):hover i,
body.theme-dark .dash-layout--clinic .dash-topbar .dash-sidebar-toggle-btn:hover i {
  color: var(--brand-primary-muted);
}

body.theme-dark .dash-layout--clinic .wo-view-switch,
body.theme-dark .dash-layout--clinic .wo-cal-head-switch,
body.theme-dark .dash-layout--clinic .wo-segment-switch {
  background: #1c1c1e;
}

body.theme-dark .dash-layout--clinic .dash-topbar-search {
  background: #27272a;
}

body.theme-dark .dash-layout--clinic .dash-topbar-search:hover,
body.theme-dark .dash-layout--clinic .dash-topbar-search:focus-within {
  background: #333338;
}

.dash-layout--clinic .dash-topbar .dash-topbar-btn.dash-topbar-btn--profile,
.dash-layout--clinic .dash-topbar .dash-topbar-btn.dash-topbar-btn--profile:hover,
.dash-layout--clinic .dash-topbar .dash-topbar-btn.dash-topbar-btn--profile:active {
  background: transparent;
  border: none;
  box-shadow: none;
}

.dash-layout--clinic .dash-topbar-search:focus-within {
  background: #ffffff;
  border: 0;
  box-shadow: none;
}

body.theme-dark .dash-layout--clinic .wo-order-row--selected {
  background: var(--clinic-accent-muted);
  box-shadow: inset 3px 0 0 var(--clinic-accent);
}

body.theme-dark .dash-layout--clinic .clinic-calendar-period-tab--active {
  background: var(--clinic-btn-gradient);
  color: #fff;
  border: none;
  box-shadow: 0 2px 8px var(--clinic-accent-shadow);
}

body.theme-dark .dash-layout--clinic .clinic-patient-form-row > input:focus,
body.theme-dark .dash-layout--clinic .clinic-patient-form-row > select:focus,
body.theme-dark .dash-layout--clinic .clinic-patient-form-row > textarea:focus,
body.theme-dark .dash-layout--clinic .lab-patient-filter-popover-field > select:focus,
body.theme-dark .dash-layout--clinic .lab-patient-filter-popover-field > input:focus {
  border-color: var(--clinic-accent);
  box-shadow: 0 0 0 3px var(--clinic-accent-ring);
}

body.theme-dark .dash-layout--clinic .clinic-patient-form-section h4::before,
body.theme-dark .dash-layout--clinic .lab-patient-filter-popover .clinic-patient-form-section h4::before,
body.theme-dark .dash-layout--clinic .cpd-section h4::before {
  background: var(--clinic-accent);
}

/* --- Tablolar & liste --- */
body.theme-dark .dash-layout--clinic .clinic-patient-table-card .tech-table tbody tr:nth-child(odd) {
  background: var(--rw-surface);
}

body.theme-dark .dash-layout--clinic .clinic-patient-table-card .tech-table tbody tr:nth-child(even) {
  background: var(--rw-bg-sidebar);
}

body.theme-dark .dash-layout--clinic .clinic-patient-table-card .tech-table tbody tr:hover {
  background: var(--rw-surface-hover);
}

body.theme-dark .dash-layout--clinic .clinic-patient-row--active {
  background: var(--clinic-accent-muted) !important;
  box-shadow: inset 3px 0 0 var(--clinic-accent);
}

body.theme-dark .dash-layout--clinic .clinic-patient-row:hover {
  background: var(--rw-surface-hover);
}

body.theme-dark .dash-layout--clinic .clinic-patient-row--active:hover {
  background: var(--clinic-accent-muted) !important;
}

body.theme-dark .dash-layout--clinic .clinic-patient-status--complete {
  background: rgba(34, 197, 94, 0.15);
  color: #4ade80;
}

body.theme-dark .dash-layout--clinic .clinic-patient-status--partial {
  background: rgba(251, 191, 36, 0.12);
  color: #fbbf24;
}

body.theme-dark .dash-layout--clinic .clinic-patient-status--incomplete {
  background: rgba(248, 113, 113, 0.12);
  color: #f87171;
}

body.theme-dark .dash-layout--clinic .clinic-patient-stat-card {
  background: var(--rw-surface);
  border: 1px solid var(--rw-border);
}

body.theme-dark .dash-layout--clinic .clinic-patient-stat-value {
  color: var(--rw-text-strong);
}

body.theme-dark .dash-layout--clinic .clinic-patient-stat-label {
  color: var(--rw-text-muted);
}

body.theme-dark .dash-layout--clinic .clinic-definition-page-error {
  background: rgba(248, 113, 113, 0.12);
  border-color: rgba(248, 113, 113, 0.35);
  color: #fca5a5;
}

body.theme-dark .dash-layout--clinic .lab-definition-inline-input,
body.theme-dark .dash-layout--clinic .lab-definition-inline-select {
  background: var(--rw-bg-sidebar);
  border-color: var(--rw-border);
  color: var(--rw-text);
}

body.theme-dark .dash-layout--clinic .lab-definition-inline-save-btn {
  background: var(--rw-surface);
  border-color: var(--rw-border);
  color: var(--rw-text);
}

body.theme-dark .dash-layout--clinic .lab-definition-inline-save-btn:hover:not(:disabled) {
  border-color: var(--clinic-accent);
  background: var(--clinic-accent-soft);
  color: var(--clinic-accent-light);
}

/* --- Hasta detay modali (cpd) --- */
body.theme-dark .dash-layout--clinic .cpd-modal {
  background: var(--rw-surface);
  box-shadow: var(--rw-shadow), 0 0 0 1px var(--rw-border);
}

body.theme-dark .dash-layout--clinic .cpd-header,
body.theme-dark .dash-layout--clinic .cpd-footer {
  background: var(--rw-bg-sidebar);
  border-color: var(--rw-border);
}

body.theme-dark .dash-layout--clinic .cpd-body {
  background: var(--rw-surface);
}

body.theme-dark .dash-layout--clinic .cpd-name {
  color: var(--rw-text-strong);
}

body.theme-dark .dash-layout--clinic .cpd-sub,
body.theme-dark .dash-layout--clinic .cpd-label {
  color: var(--rw-text-muted);
}

body.theme-dark .dash-layout--clinic .cpd-value {
  color: var(--rw-text);
}

body.theme-dark .dash-layout--clinic .cpd-section h4 {
  background: var(--rw-bg-sidebar);
  border-bottom-color: var(--rw-border);
  color: var(--rw-text-muted);
}

body.theme-dark .dash-layout--clinic .cpd-field + .cpd-field {
  border-color: var(--rw-border);
}

body.theme-dark .dash-layout--clinic .cpd-section:first-child {
  border-right-color: var(--rw-border);
}

body.theme-dark .dash-layout--clinic .cpd-avatar {
  background: var(--clinic-btn-gradient);
  color: #fff;
}

body.theme-dark .dash-layout--clinic .cpd-edit-btn,
body.theme-dark .dash-layout--clinic .cpd-close-btn,
body.theme-dark .dash-layout--clinic .cpd-delete-btn,
body.theme-dark .dash-layout--clinic .cpd-tab {
  background: var(--rw-surface-elevated);
  border-color: var(--rw-border);
  color: var(--rw-text-muted);
}

body.theme-dark .dash-layout--clinic .cpd-edit-btn:hover,
body.theme-dark .dash-layout--clinic .cpd-close-btn:hover,
body.theme-dark .dash-layout--clinic .cpd-tab:hover {
  background: var(--rw-surface-hover);
  color: var(--rw-text-strong);
}

body.theme-dark .dash-layout--clinic .cpd-tab--active {
  background: var(--clinic-btn-gradient);
  color: #fff;
  border-color: transparent;
}

body.theme-dark .dash-layout--clinic .cpd-tab--active:hover {
  background: var(--clinic-btn-gradient-hover);
  color: #fff;
}

/* --- Tedavi paneli --- */
body.theme-dark .dash-layout--clinic .clinic-treatment-main-card,
body.theme-dark .dash-layout--clinic .clinic-treatment-side-card {
  background: var(--rw-surface);
  border: 1px solid var(--rw-border);
  box-shadow: var(--rw-shadow);
}

body.theme-dark .dash-layout--clinic .clinic-treatment-main-head h3,
body.theme-dark .dash-layout--clinic .clinic-treatment-side-card h3 {
  color: var(--rw-text-strong);
}

body.theme-dark .dash-layout--clinic .clinic-treatment-back-btn {
  background: var(--clinic-btn-gradient);
  color: #fff;
}

body.theme-dark .dash-layout--clinic .clinic-treatment-odontogram {
  background: var(--rw-bg-sidebar);
  border: 1px solid var(--rw-border);
}

body.theme-dark .dash-layout--clinic .clinic-bridge-btn {
  background: var(--rw-surface);
  border-color: rgba(251, 191, 36, 0.45);
  color: #fbbf24;
}

body.theme-dark .dash-layout--clinic .clinic-bridge-btn:hover:not(:disabled) {
  background: rgba(251, 191, 36, 0.12);
}

body.theme-dark .dash-layout--clinic .clinic-bridge-btn--active {
  background: #d97706;
  color: #fff;
  border-color: #d97706;
}

body.theme-dark .dash-layout--clinic .clinic-bridge-hint {
  color: #fbbf24;
}

body.theme-dark .dash-layout--clinic .clinic-bridge-hint--muted {
  color: var(--rw-text-muted);
}

body.theme-dark .dash-layout--clinic .clinic-bridge-chip {
  background: rgba(251, 191, 36, 0.2);
  color: #fcd34d;
}

body.theme-dark .dash-layout--clinic .clinic-treatment-side-card li {
  background: var(--rw-surface-elevated);
  color: var(--rw-text);
}

body.theme-dark .dash-layout--clinic .clinic-treatment-item--active {
  color: var(--clinic-accent-light);
}

body.theme-dark .dash-layout--clinic .clinic-treatment-subitem {
  background: var(--rw-bg-sidebar);
  color: var(--rw-text-muted);
}

body.theme-dark .dash-layout--clinic .clinic-treatment-subitem--active {
  background: var(--clinic-accent-soft);
  color: var(--clinic-accent-light);
}

body.theme-dark .dash-layout--clinic .clinic-treatment-empty {
  color: var(--rw-text-muted);
}

body.theme-dark .dash-layout--clinic .clinic-odontogram-toolbar {
  background: var(--rw-bg-sidebar);
  border-color: var(--rw-border);
}

body.theme-dark .dash-layout--clinic .clinic-selected-count {
  color: var(--clinic-accent-light);
  background: var(--clinic-accent-muted);
}

body.theme-dark .dash-layout--clinic .clinic-selected-treatment-item.lpd-treatment-item {
  background: var(--rw-surface-elevated);
  border-color: var(--rw-border);
}

body.theme-dark .dash-layout--clinic .clinic-selected-treatment-item--active,
body.theme-dark .dash-layout--clinic .lpd-treatment-item--active.clinic-selected-treatment-item {
  background: var(--clinic-accent-muted) !important;
  border-color: rgba(37, 99, 235, 0.45);
  box-shadow: inset 3px 0 0 var(--clinic-accent);
}

body.theme-dark .dash-layout--clinic .clinic-selected-treatment-item--confirmed {
  border-color: rgba(34, 197, 94, 0.35);
}

body.theme-dark .dash-layout--clinic .clinic-selected-treatment-item--shared {
  border-color: rgba(34, 197, 94, 0.45);
}

body.theme-dark .dash-layout--clinic .clinic-selected-treatment-list .lpd-treatment-name {
  color: var(--lab-accent-muted, #7eb8d4);
}

body.theme-dark .dash-layout--clinic .zd-trial-title,
body.theme-dark .dash-layout--clinic .wo-trial-number,
body.theme-dark .dash-layout--clinic .wo-treatment-readonly-name,
body.theme-dark .dash-layout--clinic .wo-saved-treatment-row strong {
  color: var(--lab-accent-muted, #7eb8d4);
}

body.theme-dark .dash-layout--clinic .clinic-selected-treatment-list .lpd-treatment-amount {
  color: var(--clinic-accent-light);
}

body.theme-dark .dash-layout--clinic .clinic-treatment-modal-actions {
  background: var(--rw-bg-sidebar);
  border-top-color: var(--rw-border);
}

body.theme-dark .dash-layout--clinic .clinic-treatment-modal .cpd-edit-btn,
body.theme-dark .dash-layout--clinic .clinic-treatment-modal .clinic-bridge-btn {
  background: var(--rw-surface);
  border-color: var(--rw-border);
  color: var(--rw-text-muted);
}

body.theme-dark .dash-layout--clinic .clinic-treatment-modal .cpd-edit-btn:hover:not(:disabled),
body.theme-dark .dash-layout--clinic .clinic-treatment-modal .clinic-bridge-btn:hover:not(:disabled) {
  background: var(--rw-surface-hover);
  color: var(--rw-text);
}

body.theme-dark .dash-layout--clinic .clinic-treatment-modal .clinic-bridge-btn--active {
  color: #fcd34d;
  background: rgba(251, 191, 36, 0.12);
  border-color: rgba(251, 191, 36, 0.45);
  box-shadow: 0 0 0 2px rgba(251, 191, 36, 0.15);
}

body.theme-dark .dash-layout--clinic .clinic-treatment-modal .cpd-delete-btn {
  background: var(--rw-surface);
  border-color: rgba(248, 113, 113, 0.35);
  color: #fca5a5;
}

body.theme-dark .dash-layout--clinic .clinic-treatment-modal .cpd-delete-btn:hover {
  background: rgba(248, 113, 113, 0.12);
}

body.theme-dark .dash-layout--clinic .clinic-tooth-pill {
  background: var(--clinic-accent);
}

body.theme-dark .dash-layout--clinic .clinic-treatment-odontogram-hint {
  background: var(--rw-bg-sidebar);
  border-color: var(--rw-border);
  color: var(--rw-text-muted);
}

body.theme-dark .dash-layout--clinic .clinic-share-lab-select,
body.theme-dark .dash-layout--clinic .clinic-share-note-textarea,
body.theme-dark .dash-layout--clinic .clinic-share-note-modal {
  background: var(--rw-surface);
  border-color: var(--rw-border);
  color: var(--rw-text);
}

body.theme-dark .dash-layout--clinic .clinic-share-note-modal h4,
body.theme-dark .dash-layout--clinic .clinic-share-note-treatment {
  color: var(--rw-text-strong);
}

body.theme-dark .dash-layout--clinic .clinic-share-note-label {
  color: var(--rw-text-muted);
}

body.theme-dark .dash-layout--clinic .clinic-share-note-backdrop {
  background: rgba(0, 0, 0, 0.72);
}

body.theme-dark .dash-layout--clinic .clinic-share-badge {
  background: rgba(34, 197, 94, 0.15);
  color: #4ade80;
}

body.theme-dark .dash-layout--clinic .clinic-share-result--ok {
  color: #4ade80;
}

body.theme-dark .dash-layout--clinic .clinic-share-result--err {
  color: #f87171;
}

body.theme-dark .dash-layout--clinic .clinic-share-note-cancel {
  background: var(--rw-surface);
  border-color: var(--rw-border);
  color: var(--rw-text-muted);
}

body.theme-dark .dash-layout--clinic .clinic-share-note-cancel:hover {
  background: var(--rw-surface-hover);
  color: var(--rw-text-strong);
}

/* --- Rol yetkileri matrisi --- */
body.theme-dark .dash-layout--clinic .lab-permissions-matrix {
  background: var(--rw-bg-sidebar);
  border-color: var(--rw-border);
}

body.theme-dark .dash-layout--clinic .lab-permissions-matrix-head {
  background: var(--rw-surface-elevated);
  border-bottom-color: var(--rw-border);
  color: var(--rw-text-muted);
}

body.theme-dark .dash-layout--clinic .lab-permissions-matrix-row {
  border-bottom-color: var(--rw-border);
}

body.theme-dark .dash-layout--clinic .lab-permissions-matrix-module,
body.theme-dark .dash-layout--clinic .lab-permissions-matrix-head-module {
  color: var(--rw-text-strong);
}

body.theme-dark .dash-layout--clinic .lab-role-permissions-section-head {
  background: var(--rw-bg-sidebar);
  border-bottom-color: var(--rw-border);
}

body.theme-dark .dash-layout--clinic .lab-role-permissions-section-head h4 {
  color: var(--rw-text-muted);
  background: transparent;
  border: 0;
}

body.theme-dark .dash-layout--clinic .lab-permissions-matrix-head-action {
  color: var(--rw-text-muted);
}

body.theme-dark
  .dash-layout--clinic
  .lab-role-form-panel
  .lab-permissions-matrix--styled-checks
  .lab-permissions-matrix-check-box {
  background: var(--rw-surface);
  border-color: var(--rw-border);
}

body.theme-dark
  .dash-layout--clinic
  .lab-role-form-panel
  .lab-permissions-matrix--styled-checks
  .lab-permissions-matrix-check--on
  .lab-permissions-matrix-check-box {
  background: var(--clinic-accent);
  border-color: var(--clinic-accent-deep);
}

/* --- Randevu takvimi (wo-cal + form) --- */
body.theme-dark .dash-layout--clinic .clinic-appointments-cal-card,
body.theme-dark .dash-layout--clinic .clinic-appointments-cal-card .wo-cal-main {
  background: var(--rw-surface);
  border-color: var(--rw-border);
}

body.theme-dark .dash-layout--clinic .clinic-calendar-card {
  background: var(--rw-surface);
  border-color: var(--rw-border);
}

body.theme-dark .dash-layout--clinic .clinic-calendar-form label,
body.theme-dark .dash-layout--clinic .clinic-calendar-form {
  color: var(--rw-text-muted);
}

body.theme-dark .dash-layout--clinic .clinic-calendar-form input,
body.theme-dark .dash-layout--clinic .clinic-calendar-form select,
body.theme-dark .dash-layout--clinic .clinic-calendar-form textarea {
  background: var(--rw-bg-sidebar);
  border-color: var(--rw-border);
  color: var(--rw-text);
}

body.theme-dark .dash-layout--clinic .clinic-calendar-patient-results {
  background: var(--rw-surface-elevated);
  border-color: var(--rw-border);
  box-shadow: var(--rw-shadow);
}

body.theme-dark .dash-layout--clinic .clinic-calendar-patient-option {
  color: var(--rw-text);
}

body.theme-dark .dash-layout--clinic .clinic-calendar-patient-option:hover,
body.theme-dark .dash-layout--clinic .clinic-calendar-patient-option--active {
  background: var(--clinic-accent-soft);
  color: var(--clinic-accent-light);
}

body.theme-dark .dash-layout--clinic .clinic-calendar-slot--active {
  box-shadow: inset 0 0 0 1px var(--clinic-accent-ring);
}

body.theme-dark .dash-layout--clinic .clinic-calendar-month-cell--today,
body.theme-dark .dash-layout--clinic .clinic-calendar-cell--today {
  box-shadow: inset 0 0 0 1px var(--clinic-accent-ring);
}

/* --- Is emri drawer (klinik) — header butonlari ile ayni --- */
body.theme-dark .dash-layout--clinic .zd-drawer-nav-btn--active,
body.theme-dark .dash-layout--clinic .zd-drawer-nav-btn:focus-visible {
  background: var(--clinic-accent-soft);
  border-color: var(--clinic-accent);
  color: var(--clinic-accent-light);
  box-shadow: 0 0 0 1px var(--clinic-accent-ring);
}

body.theme-dark .dash-layout--clinic .zd-drawer-nav-btn--active .bi {
  color: var(--clinic-accent-light);
}

body.theme-dark .dash-layout--clinic .zd-link-add {
  color: var(--clinic-accent-light);
}

body.theme-dark .dash-layout--clinic .zd-link-add:hover {
  color: var(--brand-primary-muted);
}

/* --- Filtre popover (klinik hasta vb.) --- */
body.theme-dark .dash-layout--clinic .clinic-patients-page .lab-patient-filter-popover .clinic-patient-form-submit,
body.theme-dark .dash-layout--clinic .clinic-users-page .lab-patient-filter-popover .clinic-patient-form-submit,
body.theme-dark .dash-layout--clinic .clinic-role-definitions-page .lab-patient-filter-popover .clinic-patient-form-submit,
body.theme-dark .dash-layout--clinic .lab-definition-page .lab-patient-filter-popover .clinic-patient-form-submit {
  background: var(--clinic-btn-gradient);
  color: #fff;
  border: 0;
  box-shadow: 0 4px 14px var(--clinic-accent-shadow);
}

body.theme-dark .dash-layout--clinic .lab-patient-filter-popover .clinic-patient-form-cancel {
  background: var(--rw-surface);
  border-color: var(--rw-border);
  color: var(--rw-text-muted);
}

body.theme-dark .dash-layout--clinic .lab-patient-filter-popover .clinic-patient-form-cancel:hover {
  background: var(--rw-surface-hover);
  color: var(--rw-text-strong);
}

/* --- Metrik / dashboard --- */
body.theme-dark .dash-layout--clinic .dash-metric-trend--up {
  color: #4ade80;
}

body.theme-dark .dash-layout--clinic .dash-metric-trend--down {
  color: #f87171;
}

body.theme-dark .dash-layout--clinic .dash-metric-icon {
  background: var(--clinic-accent-soft);
  color: var(--clinic-accent-light);
}

body.theme-dark .dash-layout--clinic .tech-panel-backdrop,
body.theme-dark .dash-layout--clinic .clinic-patient-modal-backdrop,
body.theme-dark .dash-layout--clinic .clinic-detail-overlay {
  background: rgba(0, 0, 0, 0.72);
  backdrop-filter: blur(4px);
}

body.theme-dark .dash-layout--clinic .tech-delete-panel .tech-panel-head h3,
body.theme-dark .dash-layout--clinic .tech-delete-text {
  color: var(--rw-text-strong);
}

body.theme-dark .dash-layout--clinic .tech-delete-actions .tech-add-btn {
  background: var(--clinic-btn-gradient);
  color: #fff;
}

/* ============================================================================
   TIPOGRAFI — yeni rol paneli + hastalar sayfasi
   ============================================================================ */

body.theme-dark .dash-layout--clinic .tech-panel-head h3,
body.theme-dark .dash-layout--clinic .clinic-patient-panel .tech-panel-head h3,
body.theme-dark .dash-layout--clinic .lab-role-form-panel .tech-panel-head h3 {
  color: var(--rw-text-strong);
}

body.theme-dark .dash-layout--clinic .tech-panel-close {
  color: var(--rw-text-muted);
}

body.theme-dark .dash-layout--clinic .tech-panel-close:hover {
  color: var(--rw-text-strong);
  background: var(--rw-surface-hover);
}

/* Hasta / rol form paneli */
body.theme-dark .dash-layout--clinic .clinic-patient-panel,
body.theme-dark .dash-layout--clinic .lab-role-form-panel {
  color: var(--rw-text);
}

body.theme-dark .dash-layout--clinic .clinic-patient-panel .tech-panel-head,
body.theme-dark .dash-layout--clinic .lab-role-form-panel .tech-panel-head {
  background: var(--rw-bg-sidebar);
  border-bottom-color: var(--rw-border);
}

body.theme-dark .dash-layout--clinic .clinic-patient-form-section h4 {
  color: var(--rw-text-muted);
  background: var(--rw-bg-sidebar);
  border-bottom-color: var(--rw-border);
}

body.theme-dark .dash-layout--clinic .clinic-patient-form-row > label {
  color: var(--rw-text-muted);
}

body.theme-dark .dash-layout--clinic .clinic-patient-form-row > input,
body.theme-dark .dash-layout--clinic .clinic-patient-form-row > select,
body.theme-dark .dash-layout--clinic .clinic-patient-form-row > textarea {
  color: var(--rw-text-strong);
  background: transparent;
}

body.theme-dark .dash-layout--clinic .clinic-patient-form-row > input::placeholder,
body.theme-dark .dash-layout--clinic .clinic-patient-form-row > textarea::placeholder {
  color: var(--rw-text-muted);
  opacity: 0.85;
}

body.theme-dark .dash-layout--clinic .clinic-patient-form-row > input:hover,
body.theme-dark .dash-layout--clinic .clinic-patient-form-row > select:hover,
body.theme-dark .dash-layout--clinic .clinic-patient-form-row > textarea:hover {
  color: var(--rw-text-strong);
  background: var(--rw-surface-hover);
}

body.theme-dark .dash-layout--clinic .clinic-patient-form-row > input:focus,
body.theme-dark .dash-layout--clinic .clinic-patient-form-row > select:focus,
body.theme-dark .dash-layout--clinic .clinic-patient-form-row > textarea:focus {
  color: var(--rw-text-strong);
  background: var(--rw-surface-elevated);
}

body.theme-dark .dash-layout--clinic .clinic-patient-form-actions {
  background: var(--rw-bg-sidebar);
  border-top-color: var(--rw-border);
}

body.theme-dark .dash-layout--clinic .lab-role-permissions-section-actions .tech-action-btn {
  color: var(--rw-text-muted);
}

body.theme-dark .dash-layout--clinic .lab-role-permissions-section-actions .tech-action-btn:hover {
  color: var(--rw-text-strong);
  background: var(--rw-surface-hover);
}

/* Filtre popover (hastalar) */
body.theme-dark .dash-layout--clinic .lab-patient-filter-popover,
body.theme-dark .dash-layout--clinic .lab-patient-filter-popover-head h3,
body.theme-dark .dash-layout--clinic .lab-patient-filter-popover .clinic-patient-form-section h4 {
  color: var(--rw-text-muted);
}

body.theme-dark .dash-layout--clinic .lab-patient-filter-popover-head h3 {
  color: var(--rw-text-strong);
}

body.theme-dark .dash-layout--clinic .lab-patient-filter-popover-field > label {
  color: var(--rw-text-muted);
}

body.theme-dark .dash-layout--clinic .lab-patient-filter-popover-field > select,
body.theme-dark .dash-layout--clinic .lab-patient-filter-popover .clinic-patient-form-row > input {
  color: var(--rw-text-strong);
  background: var(--rw-bg-sidebar);
  border-color: var(--rw-border);
}

body.theme-dark .dash-layout--clinic .lab-patient-filter-popover-footer {
  border-top-color: var(--rw-border);
}

/* Hastalar tablosu */
body.theme-dark .dash-layout--clinic .clinic-patients-page .tech-table thead th {
  color: var(--rw-text-muted);
}

body.theme-dark .dash-layout--clinic .clinic-patients-page .tech-table tbody td,
body.theme-dark .dash-layout--clinic .clinic-patients-page .dash-table-value,
body.theme-dark .dash-layout--clinic .clinic-patients-page .dash-table-label {
  color: var(--rw-text);
}

body.theme-dark .dash-layout--clinic .clinic-patients-page .clinic-patient-row--active .dash-table-value,
body.theme-dark .dash-layout--clinic .clinic-patients-page .clinic-patient-row--active .dash-table-label {
  color: var(--rw-text-strong);
}

body.theme-dark .dash-layout--clinic .clinic-patients-page .tech-empty,
body.theme-dark .dash-layout--clinic .clinic-patients-page .tech-error-text,
body.theme-dark .dash-layout--clinic .clinic-patients-page .tech-form-success {
  color: var(--rw-text-muted);
}

body.theme-dark .dash-layout--clinic .clinic-patients-page .tech-error-text {
  color: var(--rw-warning-text);
}

body.theme-dark .dash-layout--clinic .clinic-patients-page .tech-form-success {
  color: var(--rw-success-text);
}

body.theme-dark .dash-layout--clinic .clinic-patients-page .tech-action-btn--danger {
  color: #f87171;
  border-color: rgba(248, 113, 113, 0.35);
}

body.theme-dark .dash-layout--clinic .clinic-patients-page .tech-action-btn--danger:hover {
  background: rgba(248, 113, 113, 0.12);
  color: #fca5a5;
}

/* Hasta detay modali (cpd) */
body.theme-dark .dash-layout--clinic .cpd-modal .patient-audit-bar {
  background: var(--rw-bg-sidebar);
  border-top-color: var(--rw-border);
  border-bottom-color: var(--rw-border);
}

body.theme-dark .dash-layout--clinic .cpd-modal .patient-audit-item,
body.theme-dark .dash-layout--clinic .cpd-modal .patient-audit-label,
body.theme-dark .dash-layout--clinic .cpd-modal .patient-audit-date {
  color: var(--rw-text-muted);
}

body.theme-dark .dash-layout--clinic .cpd-modal .patient-audit-item strong {
  color: var(--rw-text-strong);
}

body.theme-dark .dash-layout--clinic .cpd-delete-btn {
  background: rgba(248, 113, 113, 0.1);
  border-color: rgba(248, 113, 113, 0.35);
  color: #f87171;
}

body.theme-dark .dash-layout--clinic .cpd-delete-btn:hover {
  background: rgba(248, 113, 113, 0.18);
  border-color: #f87171;
  color: #fca5a5;
}

body.theme-dark .dash-layout--clinic .cpd-edit-btn i,
body.theme-dark .dash-layout--clinic .cpd-delete-btn i,
body.theme-dark .dash-layout--clinic .cpd-tab i {
  color: inherit;
}

/* ============================================================================
   ROL TANIMLARI — beyaz kutu / kart yuzeyleri
   ============================================================================ */

body.theme-dark .dash-layout--clinic .clinic-role-definitions-page .lab-patient-list-card,
body.theme-dark .dash-layout--clinic .lab-definition-page .lab-patient-list-card {
  background: var(--rw-surface) !important;
  border-color: var(--rw-border) !important;
  box-shadow: var(--rw-shadow);
}

body.theme-dark .dash-layout--clinic .clinic-role-definitions-page .lab-patient-list-card-head,
body.theme-dark .dash-layout--clinic .lab-definition-page .lab-patient-list-card-head {
  background: var(--rw-surface) !important;
  border-bottom-color: var(--rw-border) !important;
}

body.theme-dark .dash-layout--clinic .clinic-role-definitions-page .lab-patient-list-table-wrap,
body.theme-dark .dash-layout--clinic .lab-definition-page .lab-patient-list-table-wrap {
  background: var(--rw-surface);
}

body.theme-dark .dash-layout--clinic .clinic-role-definitions-page .lab-patient-list-table thead,
body.theme-dark .dash-layout--clinic .clinic-role-definitions-page .lab-patient-list-table thead th,
body.theme-dark .dash-layout--clinic .lab-definition-page .lab-patient-list-table thead,
body.theme-dark .dash-layout--clinic .lab-definition-page .lab-patient-list-table thead th {
  background: var(--rw-bg-sidebar) !important;
  border-bottom-color: var(--rw-border) !important;
}

body.theme-dark .dash-layout--clinic .clinic-role-definitions-page .lab-patient-list-table tbody td,
body.theme-dark .dash-layout--clinic .lab-definition-page .lab-patient-list-table tbody td {
  background: transparent;
  border-bottom-color: var(--rw-border);
}

body.theme-dark .dash-layout--clinic .clinic-role-definitions-page .lab-patient-row:hover,
body.theme-dark .dash-layout--clinic .lab-definition-page .lab-patient-row:hover {
  background: var(--rw-surface-hover);
}

body.theme-dark .dash-layout--clinic .clinic-role-definitions-page .lab-patient-search-wrap input,
body.theme-dark .dash-layout--clinic .lab-definition-page .lab-patient-search-wrap input {
  background: var(--rw-bg-sidebar) !important;
  border-color: var(--rw-border) !important;
  color: var(--rw-text-strong);
}

body.theme-dark .dash-layout--clinic .clinic-role-definitions-page .lab-patient-search-wrap i,
body.theme-dark .dash-layout--clinic .lab-definition-page .lab-patient-search-wrap i {
  color: var(--rw-text-muted);
}

/* Yeni / duzenle rol paneli */
body.theme-dark .dash-layout--clinic .lab-role-form-panel.tech-panel,
body.theme-dark .dash-layout--clinic .lab-role-form-panel.clinic-patient-panel {
  background: var(--rw-surface) !important;
  border-color: var(--rw-border) !important;
  box-shadow: var(--rw-shadow);
  padding: 0;
}

body.theme-dark .dash-layout--clinic .lab-role-form-panel .clinic-patient-form-grid,
body.theme-dark .dash-layout--clinic .lab-role-form-panel .tech-form.clinic-patient-form {
  background: var(--rw-surface);
}

body.theme-dark .dash-layout--clinic .lab-role-form-panel .clinic-patient-form-section {
  background: var(--rw-surface) !important;
}

body.theme-dark
  .dash-layout--clinic
  .lab-role-form-panel
  .clinic-patient-form-grid.lab-role-form-grid
  .clinic-patient-form-section:first-child {
  border-bottom-color: var(--rw-border) !important;
}

body.theme-dark .dash-layout--clinic .lab-role-form-panel .clinic-patient-form-fields {
  background: var(--rw-surface);
}

body.theme-dark .dash-layout--clinic .lab-role-form-panel .clinic-patient-form-row + .clinic-patient-form-row {
  border-top-color: var(--rw-border);
}

body.theme-dark .dash-layout--clinic .lab-role-form-panel .lab-permissions-matrix-head {
  background: var(--rw-surface-elevated) !important;
}

body.theme-dark .dash-layout--clinic .lab-role-form-panel .lab-permissions-matrix-row {
  background: transparent;
  border-top-color: var(--rw-border);
}

body.theme-dark
  .dash-layout--clinic
  .lab-role-form-panel
  .lab-permissions-matrix--styled-checks
  .lab-permissions-matrix-check-box {
  background: var(--rw-bg-sidebar) !important;
  border-color: var(--rw-border-soft) !important;
}

body.theme-dark
  .dash-layout--clinic
  .lab-users-access-modal
  .lab-permissions-matrix--styled-checks
  .lab-permissions-matrix-check--on
  .lab-permissions-matrix-check-box {
  background: var(--clinic-accent) !important;
  border-color: var(--clinic-accent-deep) !important;
  box-shadow: 0 0 0 2px var(--clinic-accent-ring);
}

body.theme-dark
  .lab-role-form-panel
  .lab-permissions-matrix--styled-checks
  .lab-permissions-matrix-check--on
  .lab-permissions-matrix-check-box {
  background: var(--clinic-accent) !important;
  border-color: var(--clinic-accent-deep) !important;
}

body.theme-dark .dash-layout--clinic .lab-role-form-panel .clinic-patient-form-submit {
  background: var(--clinic-btn-gradient);
  color: #fff;
  border: 0;
  box-shadow: 0 4px 14px var(--clinic-accent-shadow);
}

body.theme-dark .dash-layout--clinic .lab-role-form-panel .clinic-patient-form-submit:hover:not(:disabled) {
  background: var(--clinic-btn-gradient-hover);
  box-shadow: 0 6px 18px var(--clinic-accent-shadow);
}

body.theme-dark .dash-layout--clinic .lab-role-form-panel .clinic-patient-form-cancel {
  background: var(--rw-surface-elevated);
  border-color: var(--rw-border);
  color: var(--rw-text-muted);
}

body.theme-dark .dash-layout--clinic .lab-role-form-panel .clinic-patient-form-cancel:hover {
  background: var(--rw-surface-hover);
  border-color: var(--rw-border-soft);
  color: var(--rw-text-strong);
}

body.theme-dark .dash-layout--clinic .clinic-role-definitions-page .lab-patient-filter-popover {
  background: var(--rw-surface) !important;
  border-color: var(--rw-border) !important;
}

body.theme-dark .dash-layout--clinic .clinic-role-definitions-page .lab-patient-filter-popover-head,
body.theme-dark .dash-layout--clinic .clinic-role-definitions-page .lab-patient-filter-popover-footer {
  background: var(--rw-bg-sidebar);
  border-color: var(--rw-border);
}

/* ============================================================================
   Klinik dashboard — lab dashboard (labdash2) tasarim dili
   ----------------------------------------------------------------------------
   Kabuk / kart / KPI / liste gorselleri labdash2.css'ten gelir (sayfa
   .labdash2-page sinifini tasir). Burada yalnizca kliniğe ozel parcalar
   (hafta seridi, ajanda, rozetler) ve yerlesim farklari tanimli.
   Yerlesim: 1. satir KPI, 2. satir solda haftalik plan + sagda iki ozet karti.
   ============================================================================ */
.clinic-dashboard-page.labdash2-page .labdash2 {
  /* Lab'da 3 satir var; klinikte KPI + tek icerik satiri */
  grid-template-rows: auto minmax(0, 1fr);
}

.clinic-dashboard-page.labdash2-page .labdash2-mid {
  grid-template-columns: minmax(0, 1.9fr) minmax(0, 1fr);
}

.clinic-dashboard-page.labdash2-page .labdash2-side {
  /* Iki ozet karti esit yuksekte */
  grid-template-rows: minmax(0, 1fr) minmax(0, 1fr);
}

/* --- Haftalik plan karti --- */
.clinic-dash-calendar-body {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex: 1 1 auto;
  min-height: 0;
  padding: 0 14px 10px;
  box-sizing: border-box;
}

.clinic-dash-week-nav {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.clinic-dash-week-nav span {
  min-width: 104px;
  text-align: center;
  font-size: var(--ui-font-sm);
  font-weight: 600;
  color: #334155;
}

.clinic-dash-week-nav button {
  width: 26px;
  height: 26px;
  border: 1px solid var(--labdash2-border, rgba(15, 23, 42, 0.055));
  border-radius: 8px;
  background: #fff;
  color: #64748b;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: border-color 0.18s ease, color 0.18s ease, background-color 0.18s ease;
}

.clinic-dash-week-nav button:hover {
  border-color: rgba(45, 149, 200, 0.38);
  color: var(--lab-accent, var(--brand-primary));
}

.clinic-dash-week-strip {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 6px;
  flex-shrink: 0;
}

.clinic-dash-day {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  padding: 7px 2px;
  border: 1px solid transparent;
  border-radius: 10px;
  background: transparent;
  color: #64748b;
  cursor: pointer;
  transition: border-color 0.18s ease, background-color 0.18s ease, box-shadow 0.18s ease;
}

.clinic-dash-day:hover {
  border-color: var(--labdash2-border, rgba(15, 23, 42, 0.055));
  background: #f8fafc;
}

.clinic-dash-day.is-selected {
  border-color: rgba(45, 149, 200, 0.38);
  background: #fff;
  box-shadow: 0 6px 20px rgba(15, 23, 42, 0.07);
}

.clinic-dash-day-name {
  font-size: var(--ui-font-xs);
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.clinic-dash-day-num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 999px;
  font-size: var(--ui-font-base);
  font-weight: 700;
  color: #0f172a;
}

.clinic-dash-day.is-today .clinic-dash-day-num {
  box-shadow: inset 0 0 0 1.5px var(--lab-accent, var(--brand-primary));
  color: var(--lab-accent, var(--brand-primary));
}

.clinic-dash-day.is-selected .clinic-dash-day-num {
  background: var(--lab-accent, var(--brand-primary));
  color: #fff;
  box-shadow: none;
}

.clinic-dash-day-dots {
  display: flex;
  gap: 3px;
  min-height: 4px;
}

.clinic-dash-dot {
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 999px;
}

.clinic-dash-dot--work {
  background: #1a8f5c;
}

.clinic-dash-dot--trial {
  background: var(--lab-accent, var(--brand-primary));
}

/* --- Secili gunun ajandasi --- */
.clinic-dash-agenda {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1 1 auto;
  min-height: 0;
  padding-top: 9px;
  border-top: 1px solid var(--labdash2-border, rgba(15, 23, 42, 0.055));
}

.clinic-dash-agenda-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 0 8px;
  flex-shrink: 0;
}

.clinic-dash-agenda-head strong {
  font-size: var(--ui-font-md);
  font-weight: 600;
  color: #0f172a;
}

.clinic-dash-legend {
  display: inline-flex;
  gap: 12px;
  font-size: var(--ui-font-xs);
  color: #64748b;
}

.clinic-dash-legend span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.clinic-dash-agenda-list {
  padding: 0;
}

.clinic-dash-agenda-list .labdash2-row-link {
  align-items: center;
  min-height: 44px;
}

.clinic-dash-agenda-more {
  justify-content: flex-end;
  border-top: 1px solid var(--labdash2-border, rgba(15, 23, 42, 0.055));
  padding: 8px 10px 2px;
}

/* --- Satir rozetleri (aksiyon / bekleme suresi) --- */
.clinic-dash-pill {
  flex-shrink: 0;
  font-size: var(--ui-font-xs);
  font-weight: 600;
  padding: 2px 8px;
  border-radius: 999px;
  white-space: nowrap;
}

.clinic-dash-pill--action {
  color: #c2410c;
  background: rgba(245, 158, 11, 0.14);
}

.clinic-dash-pill--stale {
  color: #dc2626;
  background: rgba(220, 38, 38, 0.1);
}

/* --- Dark tema --- */
body.theme-dark .clinic-dashboard-page.labdash2-page {
  /* Kliniğe ozel kenarliklar da lab dashboard'un dark tonunu kullanir */
  --labdash2-border: var(--rw-border, #2d2d2d);
}

body.theme-dark .clinic-dash-week-nav span,
body.theme-dark .clinic-dash-day-num,
body.theme-dark .clinic-dash-agenda-head strong {
  color: #f4f4f5;
}

body.theme-dark .clinic-dash-week-nav button {
  background: #1c1c1f;
  color: #a1a1aa;
}

body.theme-dark .clinic-dash-week-nav button:hover,
body.theme-dark .clinic-dash-day.is-selected {
  border-color: #4a5568;
  color: var(--lab-accent-selected-text, var(--brand-primary-selected-text));
}

body.theme-dark .clinic-dash-day:hover {
  background: #22252b;
}

body.theme-dark .clinic-dash-day.is-selected {
  background: #22252b;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.38);
}

body.theme-dark .clinic-dash-day.is-today .clinic-dash-day-num,
body.theme-dark .clinic-dash-day.is-selected .clinic-dash-day-num {
  color: var(--lab-accent-selected-text, var(--brand-primary-selected-text));
}

body.theme-dark .clinic-dash-day.is-selected .clinic-dash-day-num {
  background: var(--lab-accent, var(--brand-primary));
  color: #fff;
}

body.theme-dark .clinic-dash-day,
body.theme-dark .clinic-dash-legend {
  color: #a1a1aa;
}

@media (max-width: 720px) {
  .clinic-dash-week-nav span {
    min-width: 88px;
  }

  .clinic-dash-agenda-head {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }
}

.clinic-dash-today-list,
.clinic-dash-wo-list {
  list-style: none;
  margin: 0;
  padding: 0 18px 16px;
}

.clinic-dash-today-item,
.clinic-dash-wo-item {
  display: grid;
  gap: 2px;
  padding: 10px 0;
  border-top: 1px solid #f1f5f9;
}

.clinic-dash-today-item:first-child,
.clinic-dash-wo-item:first-child {
  border-top: none;
}

.clinic-dash-today-item {
  grid-template-columns: 72px 1fr auto;
  align-items: center;
}

.clinic-dash-today-time {
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--clinic-accent-deep);
}

.clinic-dash-today-name {
  font-size: 0.88rem;
  font-weight: 500;
  color: #334155;
}

.clinic-dash-today-doctor {
  font-size: 0.78rem;
  color: #94a3b8;
}

.clinic-dash-today-empty {
  padding: 16px 18px;
  font-size: 0.85rem;
  color: #94a3b8;
}

.clinic-dash-wo-main {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.clinic-dash-wo-main strong {
  font-size: 0.9rem;
  color: #1e293b;
}

.clinic-dash-wo-main span {
  font-size: 0.8rem;
  color: #64748b;
}

.clinic-dash-wo-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  font-size: 0.75rem;
  color: #94a3b8;
}

.clinic-dash-info-dl {
  margin: 0;
  padding: 0 18px 12px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px 16px;
}

.clinic-dash-info-dl dt {
  margin: 0;
  font-size: 0.72rem;
  font-weight: 500;
  color: #94a3b8;
}

.clinic-dash-info-dl dd {
  margin: 2px 0 0;
  font-size: 0.85rem;
  color: #334155;
}

.clinic-dash-quick-links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 0 18px 16px;
  border-top: 1px solid #f1f5f9;
  margin-top: 4px;
  padding-top: 14px;
}

.clinic-dash-quick-links a {
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--clinic-accent);
  text-decoration: none;
  padding: 6px 12px;
  border-radius: 8px;
  background: var(--clinic-accent-soft);
}

.clinic-dash-quick-links a:hover {
  background: var(--clinic-accent-soft, var(--brand-primary-soft));
  color: var(--clinic-accent-deep, var(--brand-primary-deep));
}

body.theme-dark .dash-layout--clinic .clinic-dashboard-page .lab-dash-card {
  background: var(--rw-surface-elevated, #27272a);
  border-color: var(--rw-border, #2d2d2d);
}

body.theme-dark .dash-layout--clinic .lab-dash-card-head h3,
body.theme-dark .dash-layout--clinic .clinic-dash-today-name,
body.theme-dark .dash-layout--clinic .clinic-dash-wo-main strong,
body.theme-dark .dash-layout--clinic .clinic-dash-info-dl dd {
  color: var(--rw-text-strong, #e5e5e5);
}

body.theme-dark .dash-layout--clinic .lab-dash-card-head p,
body.theme-dark .dash-layout--clinic .clinic-dash-today-doctor,
body.theme-dark .dash-layout--clinic .clinic-dash-wo-main span,
body.theme-dark .dash-layout--clinic .clinic-dash-wo-meta,
body.theme-dark .dash-layout--clinic .clinic-dash-info-dl dt,
body.theme-dark .dash-layout--clinic .clinic-dash-today-empty {
  color: var(--rw-text-muted, #888);
}

body.theme-dark .dash-layout--clinic .clinic-dash-today-item,
body.theme-dark .dash-layout--clinic .clinic-dash-wo-item,
body.theme-dark .dash-layout--clinic .clinic-dash-quick-links {
  border-color: var(--rw-border, #2d2d2d);
}

@media (max-width: 1100px) {
  .clinic-dashboard-page .clinic-dash-kpi-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .clinic-dash-mid-row {
    grid-template-columns: 1fr;
  }
}

.dash-layout--collapsed .dash-nav-search-slot .dash-topbar-search,
.dash-layout:has(.dash-sidebar--collapsed) .dash-nav-search-slot .dash-topbar-search,
body.theme-dark .dash-layout--collapsed .dash-nav-search-slot .dash-topbar-search,
body.theme-dark .dash-layout:has(.dash-sidebar--collapsed) .dash-nav-search-slot .dash-topbar-search {
  background: transparent;
  border: 0;
  box-shadow: none;
}

.dash-layout--collapsed .dash-nav-search-slot .dash-topbar-search:hover,
.dash-layout--collapsed .dash-nav-search-slot .dash-topbar-search:focus-within,
.dash-layout--collapsed .dash-nav-search-slot .dash-global-search--open .dash-topbar-search,
.dash-layout:has(.dash-sidebar--collapsed) .dash-nav-search-slot .dash-topbar-search:hover,
.dash-layout:has(.dash-sidebar--collapsed) .dash-nav-search-slot .dash-topbar-search:focus-within,
.dash-layout:has(.dash-sidebar--collapsed) .dash-nav-search-slot .dash-global-search--open .dash-topbar-search {
  background: #e8e8ed;
  border: 0;
  box-shadow: none;
}

body.theme-dark .dash-layout--collapsed .dash-nav-search-slot .dash-topbar-search:hover,
body.theme-dark .dash-layout--collapsed .dash-nav-search-slot .dash-topbar-search:focus-within,
body.theme-dark .dash-layout--collapsed .dash-nav-search-slot .dash-global-search--open .dash-topbar-search,
body.theme-dark .dash-layout:has(.dash-sidebar--collapsed) .dash-nav-search-slot .dash-topbar-search:hover,
body.theme-dark .dash-layout:has(.dash-sidebar--collapsed) .dash-nav-search-slot .dash-topbar-search:focus-within,
body.theme-dark .dash-layout:has(.dash-sidebar--collapsed) .dash-nav-search-slot .dash-global-search--open .dash-topbar-search {
  background: #27272a;
  border: 0;
  box-shadow: none;
}
/* this gets exported as style.css and can be used for the default theming */
/* these are the necessary styles for React/Svelte Flow, they get used by base.css and style.css */
.react-flow {
  direction: ltr;

  --xy-edge-stroke-default: #b1b1b7;
  --xy-edge-stroke-width-default: 1;
  --xy-edge-stroke-selected-default: #555;

  --xy-connectionline-stroke-default: #b1b1b7;
  --xy-connectionline-stroke-width-default: 1;

  --xy-attribution-background-color-default: rgba(255, 255, 255, 0.5);

  --xy-minimap-background-color-default: #fff;
  --xy-minimap-mask-background-color-default: rgba(240, 240, 240, 0.6);
  --xy-minimap-mask-stroke-color-default: transparent;
  --xy-minimap-mask-stroke-width-default: 1;
  --xy-minimap-node-background-color-default: #e2e2e2;
  --xy-minimap-node-stroke-color-default: transparent;
  --xy-minimap-node-stroke-width-default: 2;

  --xy-background-color-default: transparent;
  --xy-background-pattern-dots-color-default: #91919a;
  --xy-background-pattern-lines-color-default: #eee;
  --xy-background-pattern-cross-color-default: #e2e2e2;
  background-color: var(--xy-background-color, var(--xy-background-color-default));
  --xy-node-color-default: inherit;
  --xy-node-border-default: 1px solid #1a192b;
  --xy-node-background-color-default: #fff;
  --xy-node-group-background-color-default: rgba(240, 240, 240, 0.25);
  --xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(0, 0, 0, 0.08);
  --xy-node-boxshadow-selected-default: 0 0 0 0.5px #1a192b;
  --xy-node-border-radius-default: 3px;

  --xy-handle-background-color-default: #1a192b;
  --xy-handle-border-color-default: #fff;

  --xy-selection-background-color-default: rgba(0, 89, 220, 0.08);
  --xy-selection-border-default: 1px dotted rgba(0, 89, 220, 0.8);

  --xy-controls-button-background-color-default: #fefefe;
  --xy-controls-button-background-color-hover-default: #f4f4f4;
  --xy-controls-button-color-default: inherit;
  --xy-controls-button-color-hover-default: inherit;
  --xy-controls-button-border-color-default: #eee;
  --xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, 0.08);

  --xy-edge-label-background-color-default: #ffffff;
  --xy-edge-label-color-default: inherit;
  --xy-resize-background-color-default: #3367d9;
}
.react-flow.dark {
  --xy-edge-stroke-default: #3e3e3e;
  --xy-edge-stroke-width-default: 1;
  --xy-edge-stroke-selected-default: #727272;

  --xy-connectionline-stroke-default: #b1b1b7;
  --xy-connectionline-stroke-width-default: 1;

  --xy-attribution-background-color-default: rgba(150, 150, 150, 0.25);

  --xy-minimap-background-color-default: #141414;
  --xy-minimap-mask-background-color-default: rgba(60, 60, 60, 0.6);
  --xy-minimap-mask-stroke-color-default: transparent;
  --xy-minimap-mask-stroke-width-default: 1;
  --xy-minimap-node-background-color-default: #2b2b2b;
  --xy-minimap-node-stroke-color-default: transparent;
  --xy-minimap-node-stroke-width-default: 2;

  --xy-background-color-default: #141414;
  --xy-background-pattern-dots-color-default: #777;
  --xy-background-pattern-lines-color-default: #777;
  --xy-background-pattern-cross-color-default: #777;
  --xy-node-color-default: #f8f8f8;
  --xy-node-border-default: 1px solid #3c3c3c;
  --xy-node-background-color-default: #1e1e1e;
  --xy-node-group-background-color-default: rgba(240, 240, 240, 0.25);
  --xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(255, 255, 255, 0.08);
  --xy-node-boxshadow-selected-default: 0 0 0 0.5px #999;

  --xy-handle-background-color-default: #bebebe;
  --xy-handle-border-color-default: #1e1e1e;

  --xy-selection-background-color-default: rgba(200, 200, 220, 0.08);
  --xy-selection-border-default: 1px dotted rgba(200, 200, 220, 0.8);

  --xy-controls-button-background-color-default: #2b2b2b;
  --xy-controls-button-background-color-hover-default: #3e3e3e;
  --xy-controls-button-color-default: #f8f8f8;
  --xy-controls-button-color-hover-default: #fff;
  --xy-controls-button-border-color-default: #5b5b5b;
  --xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, 0.08);

  --xy-edge-label-background-color-default: #141414;
  --xy-edge-label-color-default: #f8f8f8;
}
.react-flow__background {
  background-color: var(--xy-background-color-props, var(--xy-background-color, var(--xy-background-color-default)));
  pointer-events: none;
  z-index: -1;
}
.react-flow__container {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.react-flow__pane {
  z-index: 1;
}
.react-flow__pane.draggable {
    cursor: grab;
  }
.react-flow__pane.dragging {
    cursor: grabbing;
  }
.react-flow__pane.selection {
    cursor: pointer;
  }
.react-flow__viewport {
  transform-origin: 0 0;
  z-index: 2;
  pointer-events: none;
}
.react-flow__renderer {
  z-index: 4;
}
.react-flow__selection {
  z-index: 6;
}
.react-flow__nodesselection-rect:focus,
.react-flow__nodesselection-rect:focus-visible {
  outline: none;
}
.react-flow__edge-path {
  stroke: var(--xy-edge-stroke, var(--xy-edge-stroke-default));
  stroke-width: var(--xy-edge-stroke-width, var(--xy-edge-stroke-width-default));
  fill: none;
}
.react-flow__connection-path {
  stroke: var(--xy-connectionline-stroke, var(--xy-connectionline-stroke-default));
  stroke-width: var(--xy-connectionline-stroke-width, var(--xy-connectionline-stroke-width-default));
  fill: none;
}
.react-flow .react-flow__edges {
  position: absolute;
}
.react-flow .react-flow__edges svg {
    overflow: visible;
    position: absolute;
    pointer-events: none;
  }
.react-flow__edge {
  pointer-events: visibleStroke;
}
.react-flow__edge.selectable {
    cursor: pointer;
  }
.react-flow__edge.animated path {
    stroke-dasharray: 5;
    animation: dashdraw 0.5s linear infinite;
  }
.react-flow__edge.animated path.react-flow__edge-interaction {
    stroke-dasharray: none;
    animation: none;
  }
.react-flow__edge.inactive {
    pointer-events: none;
  }
.react-flow__edge.selected,
  .react-flow__edge:focus,
  .react-flow__edge:focus-visible {
    outline: none;
  }
.react-flow__edge.selected .react-flow__edge-path,
  .react-flow__edge.selectable:focus .react-flow__edge-path,
  .react-flow__edge.selectable:focus-visible .react-flow__edge-path {
    stroke: var(--xy-edge-stroke-selected, var(--xy-edge-stroke-selected-default));
  }
.react-flow__edge-textwrapper {
    pointer-events: all;
  }
.react-flow__edge .react-flow__edge-text {
    pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
/* Arrowhead marker styles - use CSS custom properties as default */
.react-flow__arrowhead polyline {
  stroke: var(--xy-edge-stroke, var(--xy-edge-stroke-default));
}
.react-flow__arrowhead polyline.arrowclosed {
  fill: var(--xy-edge-stroke, var(--xy-edge-stroke-default));
}
.react-flow__connection {
  pointer-events: none;
}
.react-flow__connection .animated {
    stroke-dasharray: 5;
    animation: dashdraw 0.5s linear infinite;
  }
svg.react-flow__connectionline {
  z-index: 1001;
  overflow: visible;
  position: absolute;
}
.react-flow__nodes {
  pointer-events: none;
  transform-origin: 0 0;
}
.react-flow__node {
  position: absolute;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: all;
  transform-origin: 0 0;
  box-sizing: border-box;
  cursor: default;
}
.react-flow__node.selectable {
    cursor: pointer;
  }
.react-flow__node.draggable {
    cursor: grab;
    pointer-events: all;
  }
.react-flow__node.draggable.dragging {
      cursor: grabbing;
    }
.react-flow__nodesselection {
  z-index: 3;
  transform-origin: left top;
  pointer-events: none;
}
.react-flow__nodesselection-rect {
    position: absolute;
    pointer-events: all;
    cursor: grab;
  }
.react-flow__handle {
  position: absolute;
  pointer-events: none;
  min-width: 5px;
  min-height: 5px;
  width: 6px;
  height: 6px;
  background-color: var(--xy-handle-background-color, var(--xy-handle-background-color-default));
  border: 1px solid var(--xy-handle-border-color, var(--xy-handle-border-color-default));
  border-radius: 100%;
}
.react-flow__handle.connectingfrom {
    pointer-events: all;
  }
.react-flow__handle.connectionindicator {
    pointer-events: all;
    cursor: crosshair;
  }
.react-flow__handle-bottom {
    top: auto;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 50%);
  }
.react-flow__handle-top {
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
  }
.react-flow__handle-left {
    top: 50%;
    left: 0;
    transform: translate(-50%, -50%);
  }
.react-flow__handle-right {
    top: 50%;
    right: 0;
    transform: translate(50%, -50%);
  }
.react-flow__edgeupdater {
  cursor: move;
  pointer-events: all;
}
.react-flow__pane.selection .react-flow__panel {
  pointer-events: none;
}
.react-flow__panel {
  position: absolute;
  z-index: 5;
  margin: 15px;
}
.react-flow__panel.top {
    top: 0;
  }
.react-flow__panel.bottom {
    bottom: 0;
  }
.react-flow__panel.top.center, .react-flow__panel.bottom.center {
      left: 50%;
      transform: translateX(-15px) translateX(-50%);
    }
.react-flow__panel.left {
    left: 0;
  }
.react-flow__panel.right {
    right: 0;
  }
.react-flow__panel.left.center, .react-flow__panel.right.center {
      top: 50%;
      transform: translateY(-15px) translateY(-50%);
    }
.react-flow__attribution {
  font-size: 10px;
  background: var(--xy-attribution-background-color, var(--xy-attribution-background-color-default));
  padding: 2px 3px;
  margin: 0;
}
.react-flow__attribution a {
    text-decoration: none;
    color: #999;
  }
@keyframes dashdraw {
  from {
    stroke-dashoffset: 10;
  }
}
.react-flow__edgelabel-renderer {
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  left: 0;
  top: 0;
}
.react-flow__viewport-portal {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.react-flow__minimap {
  background: var(
    --xy-minimap-background-color-props,
    var(--xy-minimap-background-color, var(--xy-minimap-background-color-default))
  );
}
.react-flow__minimap-svg {
    display: block;
  }
.react-flow__minimap-mask {
    fill: var(
      --xy-minimap-mask-background-color-props,
      var(--xy-minimap-mask-background-color, var(--xy-minimap-mask-background-color-default))
    );
    stroke: var(
      --xy-minimap-mask-stroke-color-props,
      var(--xy-minimap-mask-stroke-color, var(--xy-minimap-mask-stroke-color-default))
    );
    stroke-width: var(
      --xy-minimap-mask-stroke-width-props,
      var(--xy-minimap-mask-stroke-width, var(--xy-minimap-mask-stroke-width-default))
    );
  }
.react-flow__minimap-node {
    fill: var(
      --xy-minimap-node-background-color-props,
      var(--xy-minimap-node-background-color, var(--xy-minimap-node-background-color-default))
    );
    stroke: var(
      --xy-minimap-node-stroke-color-props,
      var(--xy-minimap-node-stroke-color, var(--xy-minimap-node-stroke-color-default))
    );
    stroke-width: var(
      --xy-minimap-node-stroke-width-props,
      var(--xy-minimap-node-stroke-width, var(--xy-minimap-node-stroke-width-default))
    );
  }
.react-flow__background-pattern.dots {
    fill: var(
      --xy-background-pattern-color-props,
      var(--xy-background-pattern-color, var(--xy-background-pattern-dots-color-default))
    );
  }
.react-flow__background-pattern.lines {
    stroke: var(
      --xy-background-pattern-color-props,
      var(--xy-background-pattern-color, var(--xy-background-pattern-lines-color-default))
    );
  }
.react-flow__background-pattern.cross {
    stroke: var(
      --xy-background-pattern-color-props,
      var(--xy-background-pattern-color, var(--xy-background-pattern-cross-color-default))
    );
  }
.react-flow__controls {
  display: flex;
  flex-direction: column;
  box-shadow: var(--xy-controls-box-shadow, var(--xy-controls-box-shadow-default));
}
.react-flow__controls.horizontal {
    flex-direction: row;
  }
.react-flow__controls-button {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 26px;
    width: 26px;
    padding: 4px;
    border: none;
    background: var(--xy-controls-button-background-color, var(--xy-controls-button-background-color-default));
    border-bottom: 1px solid
      var(
        --xy-controls-button-border-color-props,
        var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default))
      );
    color: var(
      --xy-controls-button-color-props,
      var(--xy-controls-button-color, var(--xy-controls-button-color-default))
    );
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
.react-flow__controls-button svg {
      width: 100%;
      max-width: 12px;
      max-height: 12px;
      fill: currentColor;
    }
.react-flow__edge.updating .react-flow__edge-path {
      stroke: #777;
    }
.react-flow__edge-text {
    font-size: 10px;
  }
.react-flow__node.selectable:focus,
  .react-flow__node.selectable:focus-visible {
    outline: none;
  }
.react-flow__node-input,
.react-flow__node-default,
.react-flow__node-output,
.react-flow__node-group {
  padding: 10px;
  border-radius: var(--xy-node-border-radius, var(--xy-node-border-radius-default));
  width: 150px;
  font-size: 12px;
  color: var(--xy-node-color, var(--xy-node-color-default));
  text-align: center;
  border: var(--xy-node-border, var(--xy-node-border-default));
  background-color: var(--xy-node-background-color, var(--xy-node-background-color-default));
}
.react-flow__node-input.selectable:hover, .react-flow__node-default.selectable:hover, .react-flow__node-output.selectable:hover, .react-flow__node-group.selectable:hover {
      box-shadow: var(--xy-node-boxshadow-hover, var(--xy-node-boxshadow-hover-default));
    }
.react-flow__node-input.selectable.selected,
    .react-flow__node-input.selectable:focus,
    .react-flow__node-input.selectable:focus-visible,
    .react-flow__node-default.selectable.selected,
    .react-flow__node-default.selectable:focus,
    .react-flow__node-default.selectable:focus-visible,
    .react-flow__node-output.selectable.selected,
    .react-flow__node-output.selectable:focus,
    .react-flow__node-output.selectable:focus-visible,
    .react-flow__node-group.selectable.selected,
    .react-flow__node-group.selectable:focus,
    .react-flow__node-group.selectable:focus-visible {
      box-shadow: var(--xy-node-boxshadow-selected, var(--xy-node-boxshadow-selected-default));
    }
.react-flow__node-group {
  background-color: var(--xy-node-group-background-color, var(--xy-node-group-background-color-default));
}
.react-flow__nodesselection-rect,
.react-flow__selection {
  background: var(--xy-selection-background-color, var(--xy-selection-background-color-default));
  border: var(--xy-selection-border, var(--xy-selection-border-default));
}
.react-flow__nodesselection-rect:focus,
  .react-flow__nodesselection-rect:focus-visible,
  .react-flow__selection:focus,
  .react-flow__selection:focus-visible {
    outline: none;
  }
.react-flow__controls-button:hover {
      background: var(
        --xy-controls-button-background-color-hover-props,
        var(--xy-controls-button-background-color-hover, var(--xy-controls-button-background-color-hover-default))
      );
      color: var(
        --xy-controls-button-color-hover-props,
        var(--xy-controls-button-color-hover, var(--xy-controls-button-color-hover-default))
      );
    }
.react-flow__controls-button:disabled {
      pointer-events: none;
    }
.react-flow__controls-button:disabled svg {
        fill-opacity: 0.4;
      }
.react-flow__controls-button:last-child {
    border-bottom: none;
  }
.react-flow__controls.horizontal .react-flow__controls-button {
    border-bottom: none;
    border-right: 1px solid
      var(
        --xy-controls-button-border-color-props,
        var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default))
      );
  }
.react-flow__controls.horizontal .react-flow__controls-button:last-child {
    border-right: none;
  }
.react-flow__resize-control {
  position: absolute;
}
.react-flow__resize-control.left,
.react-flow__resize-control.right {
  cursor: ew-resize;
}
.react-flow__resize-control.top,
.react-flow__resize-control.bottom {
  cursor: ns-resize;
}
.react-flow__resize-control.top.left,
.react-flow__resize-control.bottom.right {
  cursor: nwse-resize;
}
.react-flow__resize-control.bottom.left,
.react-flow__resize-control.top.right {
  cursor: nesw-resize;
}
/* handle styles */
.react-flow__resize-control.handle {
  width: 5px;
  height: 5px;
  border: 1px solid #fff;
  border-radius: 1px;
  background-color: var(--xy-resize-background-color, var(--xy-resize-background-color-default));
  translate: -50% -50%;
}
.react-flow__resize-control.handle.left {
  left: 0;
  top: 50%;
}
.react-flow__resize-control.handle.right {
  left: 100%;
  top: 50%;
}
.react-flow__resize-control.handle.top {
  left: 50%;
  top: 0;
}
.react-flow__resize-control.handle.bottom {
  left: 50%;
  top: 100%;
}
.react-flow__resize-control.handle.top.left {
  left: 0;
}
.react-flow__resize-control.handle.bottom.left {
  left: 0;
}
.react-flow__resize-control.handle.top.right {
  left: 100%;
}
.react-flow__resize-control.handle.bottom.right {
  left: 100%;
}
/* line styles */
.react-flow__resize-control.line {
  border-color: var(--xy-resize-background-color, var(--xy-resize-background-color-default));
  border-width: 0;
  border-style: solid;
}
.react-flow__resize-control.line.left,
.react-flow__resize-control.line.right {
  width: 1px;
  transform: translate(-50%, 0);
  top: 0;
  height: 100%;
}
.react-flow__resize-control.line.left {
  left: 0;
  border-left-width: 1px;
}
.react-flow__resize-control.line.right {
  left: 100%;
  border-right-width: 1px;
}
.react-flow__resize-control.line.top,
.react-flow__resize-control.line.bottom {
  height: 1px;
  transform: translate(0, -50%);
  left: 0;
  width: 100%;
}
.react-flow__resize-control.line.top {
  top: 0;
  border-top-width: 1px;
}
.react-flow__resize-control.line.bottom {
  border-bottom-width: 1px;
  top: 100%;
}
.react-flow__edge-textbg {
  fill: var(--xy-edge-label-background-color, var(--xy-edge-label-background-color-default));
}
.react-flow__edge-text {
  fill: var(--xy-edge-label-color, var(--xy-edge-label-color-default));
}
.wo-pipeline-shell {
  padding: 0;
  overflow: visible;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  filter: none;
}

.dash-table-card.wo-pipeline-shell {
  box-shadow: none;
  filter: none;
  overflow: visible;
}

.wo-pipeline-loading {
  min-height: 420px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.wo-pipeline-board {
  display: grid;
  grid-template-columns: repeat(var(--wo-pipeline-column-count, 4), minmax(0, 1fr));
  gap: 0;
  width: 100%;
  min-height: 640px;
  overflow-x: auto;
  overflow-y: visible;
  padding: 10px 0 6px;
  background: transparent;
  box-sizing: border-box;
}

.wo-pipeline-column {
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 610px;
  padding: 10px 12px 14px;
  border: 0;
  border-right: 1px solid rgb(240, 240, 240);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  filter: none;
  overflow: visible;
  box-sizing: border-box;
}

.wo-pipeline-column:last-child {
  border-right: 0;
}

.wo-pipeline-column-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
  margin: 0 0 10px;
  padding: 6px 10px;
  border: 0;
  border-radius: 10px;
  background: #f3f4f6;
  box-sizing: border-box;
  min-height: 0;
}

.wo-pipeline-column--sky .wo-pipeline-column-head {
  background: #eef4ff;
}

.wo-pipeline-column--emerald .wo-pipeline-column-head {
  background: #ecfdf5;
}

.wo-pipeline-column-head-main {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  color: #0f2231;
}

.wo-pipeline-column-head-end {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  flex-shrink: 0;
}

.wo-pipeline-column-icon {
  flex-shrink: 0;
  font-size: 13px;
  line-height: 1;
  color: currentColor;
}

.wo-pipeline-column--sky .wo-pipeline-column-head-main {
  color: #2f80ed;
}

.wo-pipeline-column--emerald .wo-pipeline-column-head-main {
  color: #27ae60;
}

.wo-pipeline-column--slate .wo-pipeline-column-head {
  background: #f1f5f9;
}

.wo-pipeline-column--slate .wo-pipeline-column-head-main {
  color: #64748b;
}

.wo-pipeline-column--violet .wo-pipeline-column-head {
  background: #f5f0ff;
}

.wo-pipeline-column--violet .wo-pipeline-column-head-main {
  color: #8b5cf6;
}

.wo-pipeline-column--amber .wo-pipeline-column-head {
  background: #fff7ed;
}

.wo-pipeline-column--amber .wo-pipeline-column-head-main {
  color: #f59e0b;
}

.wo-pipeline-column-title {
  margin: 0;
  font-size: var(--ui-font-base);
  font-weight: var(--fw-strong);
  color: inherit;
  letter-spacing: -0.01em;
  line-height: 1.2;
}

.wo-pipeline-column-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 24px;
  height: 24px;
  padding: 0 6px;
  border-radius: 6px;
  border: 1px solid #e8edf2;
  background: #ffffff;
  color: #0f2231;
  font-size: 12px;
  font-weight: var(--fw-strong);
}

.wo-pipeline-column-actions {
  display: inline-flex;
  align-items: center;
  gap: 0;
}

.wo-pipeline-column-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #61738d;
  cursor: pointer;
}

.wo-pipeline-column-action:hover {
  background: rgba(255, 255, 255, 0.72);
  color: #314760;
}

.wo-pipeline-column-body {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 12px;
  width: 100%;
  min-width: 0;
  min-height: 0;
  padding: 10px 6px 8px;
  overflow-x: hidden;
  overflow-y: auto;
  box-sizing: border-box;
  scroll-padding-top: 10px;
}

.wo-pipeline-column-empty {
  flex: 0 1 auto;
  align-self: stretch;
  width: 100%;
  min-height: 280px;
  max-height: 480px;
  margin-bottom: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  margin-top: 0;
  padding: 28px 16px;
  text-align: center;
  color: #8b9ab0;
}

.wo-pipeline-column-empty p {
  margin: 0;
  font-size: 13px;
  font-weight: var(--fw-heading);
}

.wo-pipeline-column-empty-illustration {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 120px;
  height: 100px;
  color: #c8d4e5;
  filter: none;
}

.wo-pipeline-column-empty-illustration > .bi-folder2-open {
  font-size: 88px;
  line-height: 1;
}

.wo-pipeline-column-empty-file {
  position: absolute;
  top: 16px;
  right: 18px;
  font-size: 34px;
  color: #d9e3f1;
}

.wo-pipeline-card {
  width: 100%;
  max-width: 100%;
  align-self: stretch;
  margin: 0;
  border: 1px solid #e5ebf2;
  border-radius: 12px;
  background: #f9fafc;
  box-shadow: none;
  filter: none;
  padding: 8px 10px 5px;
  box-sizing: border-box;
  transition:
    border-color 0.22s ease,
    background-color 0.22s ease,
    box-shadow 0.22s ease,
    transform 0.22s ease;
}

.wo-pipeline-card--tone-new,
.wo-pipeline-card--tone-active,
.wo-pipeline-card--tone-production,
.wo-pipeline-card--tone-trial_repeat,
.wo-pipeline-card--tone-trial,
.wo-pipeline-card--tone-delivery,
.wo-pipeline-card--tone-done,
.wo-pipeline-card--tone-finished,
.wo-pipeline-card--tone-completed {
  background: #f9fafc;
  border-color: #e5ebf2;
}

.wo-pipeline-card--clickable {
  cursor: pointer;
}

.wo-pipeline-card--clickable:hover {
  border-color: rgba(45, 149, 200, 0.38);
  background: #fff;
  box-shadow:
    0 6px 20px rgba(15, 23, 42, 0.07),
    0 0 0 1px rgba(45, 149, 200, 0.06);
  transform: translateY(-2px);
}

.wo-pipeline-card--clickable.wo-pipeline-card--selected:hover {
  border-color: #2d95c8;
  box-shadow:
    0 8px 24px rgba(45, 149, 200, 0.16),
    0 0 0 1px rgba(45, 149, 200, 0.12);
}

.wo-pipeline-card--selected {
  border-color: #2d95c8;
  box-shadow: none;
}

.wo-pipeline-card-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 4px;
}

.wo-pipeline-card-head-text {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.wo-pipeline-card-title {
  margin: 0;
  display: block;
  min-width: 0;
  max-width: 100%;
  font-size: var(--ui-font-md);
  font-weight: var(--fw-strong);
  color: #0f2231;
  line-height: 1.25;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.wo-pipeline-card-title > .bi {
  flex-shrink: 0;
  font-size: 14px;
  color: inherit;
}

.wo-pipeline-card-title > span {
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.wo-pipeline-card-prosthesis {
  margin: 0;
  min-width: 0;
  max-width: 100%;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.3;
  color: rgba(15, 34, 49, 0.48);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Prova kanban karti — bilgi hiyerarsisi */
.wo-pipeline-card--trial {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 7px 10px 8px;
  background: #fff;
  border-width: 1.5px;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
}

.wo-pipeline-card-trial-rows {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
}

.wo-pipeline-card-trial-row {
  display: grid;
  grid-template-columns: 14px minmax(0, 1fr);
  column-gap: 8px;
  align-items: center;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
}

.wo-pipeline-card-trial-row--head {
  grid-template-columns: minmax(0, 1fr) minmax(0, auto);
  column-gap: 8px;
  padding-bottom: 6px;
  border-bottom: 1px solid #eef2f6;
}

.wo-pipeline-card-trial-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
}

.wo-pipeline-card-trial-icon > .bi {
  font-size: 12px;
  line-height: 1;
  color: #64748b;
}

.wo-pipeline-card-trial-row--head .wo-pipeline-card-trial-icon > .bi {
  font-size: 13px;
}

.wo-pipeline-card-trial-text {
  min-width: 0;
  font-size: var(--ui-font-sm);
  font-weight: var(--fw-strong);
  line-height: 1.25;
  color: #0f2231;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.wo-pipeline-card-trial-text--title {
  font-size: var(--ui-font-md);
}

.wo-pipeline-card-trial-split-item {
  display: block;
  min-width: 0;
  max-width: 100%;
  font-size: var(--ui-font-sm);
  font-weight: var(--fw-strong);
  line-height: 1.25;
  color: #0f2231;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.wo-pipeline-card-trial-split-sep {
  flex-shrink: 0;
  text-align: center;
  font-size: 12px;
  font-weight: var(--fw-heading);
  line-height: 1;
  color: #94a3b8;
}

.wo-pipeline-card-trial-datetime {
  display: block;
  flex-shrink: 0;
  min-width: 0;
  max-width: 100%;
  margin-left: 0;
  font-size: var(--ui-font-xs);
  font-weight: var(--fw-heading);
  line-height: 1.1;
  color: #7b8ca4;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.wo-pipeline-card-source {
  margin: 0 0 6px;
  font-size: 11px;
  font-weight: var(--fw-heading);
  line-height: 1.25;
  color: #475569;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

.wo-pipeline-card-date {
  min-width: 0;
  font-size: 11px;
  font-weight: var(--fw-heading);
  line-height: 1.1;
  color: #7b8ca4;
}

.wo-pipeline-card-date > .bi {
  flex-shrink: 0;
  font-size: 11px;
  line-height: 1;
  color: #94a3b8;
}

.wo-pipeline-card-date > span {
  white-space: nowrap;
}

.wo-pipeline-card-sub {
  margin: 8px 0 0;
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 8px;
  border-radius: 999px;
  background: #f3f6fb;
  font-size: 11px;
  font-weight: 600;
  color: #73839a;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

.wo-pipeline-card-menu {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #94a3b8;
  cursor: pointer;
  transition: background-color 0.18s ease, color 0.18s ease;
}

.wo-pipeline-card--clickable:hover .wo-pipeline-card-menu {
  color: #64748b;
}

.wo-pipeline-card-menu:hover {
  background: rgba(15, 23, 42, 0.06);
  color: #334155;
}

.wo-pipeline-card-meta {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 6px;
  flex-wrap: wrap;
}

.wo-pipeline-card-value {
  min-width: 0;
  font-size: 12px;
  font-weight: var(--fw-strong);
  color: #0f2231;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.wo-pipeline-card-score {
  flex-shrink: 1;
  display: inline-flex;
  align-items: flex-start;
  gap: 4px;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.01em;
  line-height: 1.25;
  max-width: 100%;
  white-space: normal;
}

.wo-pipeline-card-score i {
  font-size: 9px;
  color: inherit;
}

.wo-pipeline-card-score--active,
.wo-pipeline-card-score--production {
  background: #f1f5f9;
  color: #475569;
}

.wo-pipeline-card-score--new {
  background: #e0f2fe;
  color: #0369a1;
}

.wo-pipeline-card-score--trial_repeat {
  background: #fde4ec;
  color: #b83c60;
}

.wo-pipeline-card-score--trial {
  background: #f5f0ff;
  color: #6d28d9;
}

.wo-pipeline-card-score--delivery {
  background: #fef3c7;
  color: #b45309;
}

.wo-pipeline-card-score--done,
.wo-pipeline-card-score--finished {
  background: #dcfce7;
  color: #166534;
}

.wo-pipeline-card-score--completed {
  background: #dcfce7;
  color: #166534;
}

.wo-pipeline-card-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding-top: 3px;
  border-top: 1px solid #eef2f6;
}

.wo-pipeline-card-activity {
  min-width: 0;
  font-size: 11px;
  line-height: 1.1;
  color: #7b8ca4;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.wo-pipeline-card-owner {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 999px;
  background: #f2f5fa;
  color: #475569;
  font-size: 12px;
  font-weight: 700;
}

body.theme-dark .wo-pipeline-shell {
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

body.theme-dark .dash-table-card.wo-pipeline-shell {
  overflow: visible;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

body.theme-dark .wo-pipeline-board {
  background: transparent;
}

body.theme-dark .wo-pipeline-column {
  background: transparent;
  border-right-color: rgb(58, 58, 58);
  box-shadow: none;
  filter: none;
}

body.theme-dark .wo-pipeline-column-head {
  background: #1f2329;
}

body.theme-dark .wo-pipeline-column--sky .wo-pipeline-column-head {
  background: #1a2740;
}

body.theme-dark .wo-pipeline-column--emerald .wo-pipeline-column-head {
  background: #152820;
}

body.theme-dark .wo-pipeline-column--slate .wo-pipeline-column-head {
  background: #222831;
}

body.theme-dark .wo-pipeline-column--violet .wo-pipeline-column-head {
  background: #261f3a;
}

body.theme-dark .wo-pipeline-column--amber .wo-pipeline-column-head {
  background: #2d2418;
}

body.theme-dark .wo-pipeline-card-title,
body.theme-dark .wo-pipeline-card-value {
  color: #f5f7fb;
}

body.theme-dark .wo-pipeline-card-prosthesis {
  color: rgba(245, 247, 251, 0.48);
}

body.theme-dark .wo-pipeline-card-source {
  color: #a9b1bd;
}

body.theme-dark .wo-pipeline-card-trial-text {
  color: #f5f7fb;
}

body.theme-dark .wo-pipeline-card-trial-split-item {
  color: #f5f7fb;
}

body.theme-dark .wo-pipeline-card-trial-split-sep {
  color: #64748b;
}

body.theme-dark .wo-pipeline-card-trial-icon > .bi {
  color: #94a3b8;
}

body.theme-dark .wo-pipeline-card-trial-datetime {
  color: #a9b1bd;
}

body.theme-dark .wo-pipeline-card-trial-row--head {
  border-bottom-color: #30343b;
}

body.theme-dark .wo-pipeline-card-date {
  color: #a9b1bd;
}

body.theme-dark .wo-pipeline-card-date > .bi {
  color: #7b8798;
}

body.theme-dark .wo-pipeline-column-title {
  color: inherit;
}

body.theme-dark .wo-pipeline-column-head-main {
  color: #d4dae4;
}

body.theme-dark .wo-pipeline-column--sky .wo-pipeline-column-head-main {
  color: #7dd3fc;
}

body.theme-dark .wo-pipeline-column--slate .wo-pipeline-column-head-main {
  color: #a1a1aa;
}

body.theme-dark .wo-pipeline-column--violet .wo-pipeline-column-head-main {
  color: #c4b5fd;
}

body.theme-dark .wo-pipeline-column--amber .wo-pipeline-column-head-main {
  color: #fcd34d;
}

body.theme-dark .wo-pipeline-column--emerald .wo-pipeline-column-head-main {
  color: #86efac;
}

body.theme-dark .wo-pipeline-card {
  background: #1b1d22;
  border-color: #30343b;
  box-shadow: none;
  filter: none;
}

body.theme-dark .wo-pipeline-card--tone-new,
body.theme-dark .wo-pipeline-card--tone-active,
body.theme-dark .wo-pipeline-card--tone-production,
body.theme-dark .wo-pipeline-card--tone-trial_repeat,
body.theme-dark .wo-pipeline-card--tone-trial,
body.theme-dark .wo-pipeline-card--tone-delivery,
body.theme-dark .wo-pipeline-card--tone-done,
body.theme-dark .wo-pipeline-card--tone-finished,
body.theme-dark .wo-pipeline-card--tone-completed {
  background: #1b1d22;
  border-color: #30343b;
}

body.theme-dark .wo-pipeline-card--clickable:hover {
  border-color: #4a5568;
  background: #22252b;
  box-shadow:
    0 10px 28px rgba(0, 0, 0, 0.38),
    0 0 0 1px rgba(77, 163, 255, 0.1);
  transform: translateY(-2px);
}

body.theme-dark .wo-pipeline-card--clickable.wo-pipeline-card--selected:hover {
  border-color: #4da3ff;
  box-shadow:
    0 12px 32px rgba(0, 0, 0, 0.42),
    0 0 0 1px rgba(77, 163, 255, 0.2);
}

body.theme-dark .wo-pipeline-card--selected {
  border-color: #4da3ff;
  box-shadow: none;
}

body.theme-dark .wo-pipeline-card-sub,
body.theme-dark .wo-pipeline-card-activity,
body.theme-dark .wo-pipeline-column-empty {
  color: #a9b1bd;
}

body.theme-dark .wo-pipeline-card-sub {
  background: #262a31;
  color: #c0c8d5;
}

body.theme-dark .wo-pipeline-column-count {
  background: #15161a;
  border-color: #30343b;
  color: #d4dae4;
}

body.theme-dark .wo-pipeline-column-action {
  color: #c0c8d5;
}

body.theme-dark .wo-pipeline-column-action:hover {
  background: rgba(38, 42, 49, 0.72);
  color: #f5f7fb;
}

body.theme-dark .wo-pipeline-card-foot {
  border-top-color: #30343b;
}

body.theme-dark .wo-pipeline-card-owner {
  background: #262a31;
  color: #edf2f7;
}

body.theme-dark .wo-pipeline-card-menu {
  color: #9da6b5;
}

body.theme-dark .wo-pipeline-card--clickable:hover .wo-pipeline-card-menu {
  color: #c0c8d5;
}

body.theme-dark .wo-pipeline-card-menu:hover {
  background: #2a2f38;
  color: #f5f7fb;
}

body.theme-dark .wo-pipeline-card-score--active,
body.theme-dark .wo-pipeline-card-score--production {
  background: #27272a;
  color: #a1a1aa;
}

body.theme-dark .wo-pipeline-card-score--new {
  background: #173041;
  color: #7dd3fc;
}

body.theme-dark .wo-pipeline-card-score--trial_repeat {
  background: #3a1f2a;
  color: #ffb3c4;
}

body.theme-dark .wo-pipeline-card-score--trial {
  background: #2e2143;
  color: #c4b5fd;
}

body.theme-dark .wo-pipeline-card-score--delivery {
  background: #3b2f14;
  color: #fcd34d;
}

body.theme-dark .wo-pipeline-card-score--done,
body.theme-dark .wo-pipeline-card-score--finished {
  background: #173626;
  color: #86efac;
}

body.theme-dark .wo-pipeline-card-score--completed {
  background: #173626;
  color: #86efac;
}

body.theme-dark .wo-pipeline-column-empty-illustration {
  color: #3a4350;
}

body.theme-dark .wo-pipeline-column-empty-file {
  color: #59667c;
}

@media (max-width: 900px) {
  .wo-pipeline-board {
    grid-template-columns: repeat(var(--wo-pipeline-column-count, 4), minmax(180px, 1fr));
  }

  .wo-pipeline-column {
    min-width: 180px;
  }
}
:root {
	--dark-blue: #3e5edc;
	--base-blue: #8a98be;
	--light-blue: #c6ccf8;
}

#storybook-root {
	width: 100%;
	height: 100%;
}

.dark-template {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #0b0d1a;
}

.Odontogram {
	--odontogram-tooltip-bg: rgba(0, 0, 0, 0.85);
	--odontogram-tooltip-fg: #fff;
}

.Odontogram.dark-theme {
	--odontogram-tooltip-bg: rgba(255, 255, 255, 0.95);
	--odontogram-tooltip-fg: #000;
}

.Odontogram.dark-theme:not([data-custom-prosthesis-colors='true']) svg {
	--dark-blue: #aab6ff;
	--base-blue: #d0d5f6;
	--light-blue: #5361e6;
	background-color: #0b0d1a;
	color-scheme: dark;
	color: #e4e6ef;
}

.Odontogram[data-custom-prosthesis-colors='true'].dark-theme svg {
	background-color: transparent;
	color: #e4e6ef;
}

.Odontogram[data-custom-prosthesis-colors='true'] g[class^='teeth-']:not(.selected):not(.tooth--saved-prosthesis) {
	color: inherit;
}

.Odontogram svg {
	color: var(--base-blue);
	fill: none;
	transition: none;
}

.Odontogram[data-read-only="true"] {
	pointer-events: none;
}

.Odontogram g[class^="teeth-"] path:nth-of-type(2) {
	opacity: 0;
	transition: none;
}

.Odontogram g[class^="teeth-"] path[data-colored="true"] {
	opacity: 1 !important;
	transition: none;
}

.Odontogram g.selected path:nth-of-type(2) {
	fill: var(--light-blue);
	opacity: 1;
}

.Odontogram g.selected path[data-colored="true"]:nth-of-type(2) {
	fill: var(--light-blue);
}

.Odontogram g.tooth--bridge-anchor-hint path:first-of-type {
	stroke-width: 2.5;
}

.Odontogram g.tooth--saved-prosthesis path:nth-of-type(2) {
	opacity: 1 !important;
}

.Odontogram g.tooth--saved-prosthesis path:first-of-type {
	stroke-width: 2;
}

.odontogram-bridge path {
	opacity: 1 !important;
}

.Odontogram g.selected path:first-of-type {
	transition: stroke 1s ease;
}

.Odontogram g.selected:hover path:first-of-type {
	stroke: currentColor;
	stroke-width: 1;
	stroke-linecap: round;
	stroke-dasharray: 4 4;
	stroke-dashoffset: 0;
	transition: stroke 5s ease;
	animation: dash-move 1s linear infinite;
	animation-delay: 1s;
	filter: drop-shadow(0 0 8px currentColor);
	-webkit-filter: drop-shadow(0 0 8px currentColor);
}

@keyframes dash-move {
	to {
		stroke-dashoffset: 8;
	}
}

.Odontogram g.selected {
	transition: all 0.3s ease;
	color: var(--dark-blue);
}

.Odontogram g.selected path {
	stroke-width: 1.5;
}

.Odontogram g[class^="teeth-"]:hover path:nth-of-type(2) {
	fill: var(--light-blue);
	opacity: 1;
}

.odontogram-tooltip {
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
	backdrop-filter: blur(4px);
}

.Odontogram g[role="option"]:focus-visible {
	outline: 4px solid var(--dark-blue) !important;
}
/* ============================================================================
   Yazi kalinligi — ayni onem = ayni kalinlik.
   Ayarlar > Gorunum html.ui-weight-* ile token'lari kaydirir.
   ============================================================================ */

html.ui-weight-regular {
  --fw-body: 400;
  --fw-ui: 400;
  --fw-heading: 500;
  --fw-strong: 500;
}

html.ui-weight-medium {
  --fw-body: 400;
  --fw-ui: 500;
  --fw-heading: 500;
  --fw-strong: 600;
}

html.ui-weight-bold {
  --fw-body: 400;
  --fw-ui: 500;
  --fw-heading: 600;
  --fw-strong: 700;
}

body {
  font-weight: var(--fw-body);
}

.dash-layout {
  font-weight: var(--fw-body);
}

/* --- Birincil kimlik: hasta/prova adi, sayfa basligi, kolon, aktif sekme --- */
.dash-layout h1,
.dash-layout .dash-page-title-text,
.dash-page-column > .dash-topbar .dash-page-title-text,
.dash-layout > .dash-main > .dash-topbar .dash-page-title-text,
.dash-layout .dash-header h1,
.dash-layout .wo-pipeline-card-title,
.dash-layout .wo-pipeline-card-trial-text,
.dash-layout .wo-pipeline-card-trial-text--title,
.dash-layout .wo-pipeline-card-trial-split-item,
.dash-layout .wo-pipeline-card-value,
.dash-layout .lab-patient-row-name,
.dash-layout .lab-wo-scope-tab,
.dash-layout .lab-wo-scope-tab-count,
.dash-layout .lab-wo-trial-quick-bar .lab-wo-scope-tab,
.dash-layout .wo-pipeline-column-title,
.dash-layout .wo-pipeline-column-count,
.dash-layout .lab-patient-list-card-title-count,
.dash-layout .wo-view-btn--active,
.dash-layout .wo-cal-head-btn--active,
.dash-layout .wo-segment-switch .wo-view-btn--active,
.dash-layout .wo-segment-switch .wo-cal-head-btn--active {
  font-weight: var(--fw-strong);
}

/* --- Bolum / tablo / form basligi --- */
.dash-layout h2,
.dash-layout h3,
.dash-layout h4,
.dash-layout h5,
.dash-layout h6,
.dash-layout .pfm-title,
.dash-layout .pfm-section-title,
.dash-layout .wo-section-title,
.dash-layout .wo-summary-group h5,
.dash-layout .lab-patient-list-card-title,
.dash-layout .lab-patient-list-card-title-text,
.dash-layout .lab-dash-card-head h3,
.dash-layout .wo-list-table thead th,
.dash-layout .lab-patient-list-table thead th,
.dash-layout .dash-brand-name,
.dash-layout .settings-panel-card-head h2,
.settings-panel-card-head h2,
.dash-layout .wo-filter-btn,
.dash-layout .tech-add-btn,
.dash-layout .wo-view-btn,
.dash-layout .wo-cal-head-btn,
.dash-layout .wo-pipeline-card-trial-datetime,
.dash-layout .wo-pipeline-card-date,
.dash-layout .wo-pipeline-card-source,
.dash-layout .wo-pipeline-column-empty p,
.dash-layout .wo-list-sort {
  font-weight: var(--fw-heading);
}

/* Kart basligi h4 olsa da birincil kimlik kalinligini koru */
.dash-layout h4.wo-pipeline-card-title {
  font-weight: var(--fw-strong);
}

/* Aktif gorunum butonu, genel .wo-view-btn kuralindan sonra */
.dash-layout .wo-view-btn--active,
.dash-layout .wo-cal-head-btn--active,
.dash-layout .wo-segment-switch .wo-view-btn--active,
.dash-layout .wo-segment-switch .wo-cal-head-btn--active,
.dash-layout .wo-view-switch.wo-segment-switch--pipeline-head .wo-view-btn--active,
.dash-layout .wo-cal-head-switch.wo-segment-switch--pipeline-head .wo-cal-head-btn--active,
.dash-layout .wo-list-sort--active {
  font-weight: var(--fw-strong);
}

/* --- KPI / vurgu --- */
.dash-layout .lab-patient-stat-card-value,
.dash-layout .wf-invoice-stat-value {
  font-weight: var(--fw-strong);
}

/* --- UI chrome: nav, chip, label --- */
.dash-layout .dash-nav-link,
.dash-layout .dash-nav-group-toggle,
.dash-layout .dash-nav-subtitle,
.dash-layout .wo-tab,
.dash-layout .tech-form label,
.dash-layout .lab-patient-stat-card-label,
.dash-layout .wf-invoice-stat-label,
.dash-layout .wo-list-status-pill,
.dash-layout .status-label-wrap.wo-list-status-pill {
  font-weight: var(--fw-ui);
}

/* --- Liste verisi: tum hucreler kalin ve ayni renk --- */
.dash-layout .wo-list-table tbody td,
.dash-layout .lab-patient-list-table tbody td,
.dash-layout .wo-list-table .lab-patient-row-meta,
.dash-layout .lab-patient-list-table .lab-patient-row-meta,
.dash-layout .wo-list-table .lab-patient-source-pill,
.dash-layout .wo-list-table .lab-patient-source-pill--clinic,
.dash-layout .wo-list-table .lab-patient-source-pill--lab,
.dash-layout .lab-patient-list-table .lab-patient-source-pill,
.dash-layout .lab-patient-list-table .lab-patient-source-pill--clinic,
.dash-layout .lab-patient-list-table .lab-patient-source-pill--lab,
.dash-layout .wo-list-table tbody td .lab-patient-row-name,
.dash-layout .lab-patient-list-table tbody td .lab-patient-row-name,
.dash-layout .wo-list-table .zd-trial-name-with-badge {
  font-weight: var(--fw-strong);
  color: #0f2231;
}

.dash-layout .wo-list-table .lab-patient-source-pill,
.dash-layout .wo-list-table .lab-patient-source-pill--clinic,
.dash-layout .wo-list-table .lab-patient-source-pill--lab,
.dash-layout .lab-patient-list-table .lab-patient-source-pill,
.dash-layout .lab-patient-list-table .lab-patient-source-pill--clinic,
.dash-layout .lab-patient-list-table .lab-patient-source-pill--lab {
  background: transparent;
  border: 0;
  padding: 0;
  font-size: var(--ui-font-sm);
  font-weight: var(--fw-strong);
  color: #0f2231;
}

body.theme-dark .dash-layout .wo-list-table tbody td,
body.theme-dark .dash-layout .lab-patient-list-table tbody td,
body.theme-dark .dash-layout .wo-list-table .lab-patient-row-meta,
body.theme-dark .dash-layout .lab-patient-list-table .lab-patient-row-meta,
body.theme-dark .dash-layout .wo-list-table .lab-patient-row-name,
body.theme-dark .dash-layout .wo-list-table .lab-patient-source-pill,
body.theme-dark .dash-layout .wo-list-table .lab-patient-source-pill--clinic,
body.theme-dark .dash-layout .wo-list-table .lab-patient-source-pill--lab,
body.theme-dark .dash-layout .lab-patient-list-table .lab-patient-source-pill,
body.theme-dark .dash-layout .lab-patient-list-table .lab-patient-source-pill--clinic,
body.theme-dark .dash-layout .lab-patient-list-table .lab-patient-source-pill--lab,
body.theme-dark .dash-layout .wo-list-table .zd-trial-name-with-badge {
  font-weight: var(--fw-strong);
  color: #f5f7fb;
  background: transparent;
}

/* --- Govde / form --- */
.dash-layout .tech-form input,
.dash-layout .tech-form select,
.dash-layout .tech-form textarea,
.dash-layout .pfm-subtitle,
.dash-layout .wo-summary-group p,
.dash-layout .wo-patient-info p,
.dash-layout .dash-topbar-search input,
.dash-layout .wo-list-search input {
  font-weight: var(--fw-ui);
}

/* Liste durum rozetleri — eski renkler, daha net kontrast */
.dash-layout .wo-list-table .wo-list-status-pill,
.dash-layout .wo-list-table .status-label-wrap.wo-list-status-pill,
.dash-layout .wo-list-table .lab-patient-status-pill,
.dash-layout .wo-list-table .zd-trial-status-pill,
.dash-layout .lab-patient-list-table .wo-list-status-pill,
.dash-layout .lab-patient-list-table .lab-patient-status-pill {
  font-weight: var(--fw-strong);
  border: 0;
}

.dash-layout .wo-list-table .wo-list-status-pill--active,
.dash-layout .wo-list-table .wo-list-status-pill--production,
.dash-layout .wo-list-table .zd-trial-status-pill.lab-patient-status-pill--active,
.dash-layout .wo-list-table .lab-patient-status-pill--active {
  color: #1e293b;
  background: #e2e8f0;
  border-color: #94a3b8;
}

.dash-layout .wo-list-table .wo-list-status-pill--new,
.dash-layout .wo-list-table .zd-trial-status-pill.lab-patient-status-pill--created,
.dash-layout .wo-list-table .lab-patient-status-pill--pending {
  color: #075985;
  background: #e0f2fe;
  border-color: #38bdf8;
}

.dash-layout .wo-list-table .wo-list-status-pill--trial,
.dash-layout .wo-list-table .wo-list-status-pill--sent,
.dash-layout .wo-list-table .zd-trial-status-pill.lab-patient-status-pill--trial,
.dash-layout .wo-list-table .lab-patient-status-pill--trial,
.dash-layout .wo-list-table .lab-patient-status-pill--sent {
  color: #5b21b6;
  background: #ede9fe;
  border-color: #a78bfa;
}

.dash-layout .wo-list-table .wo-list-status-pill--delivery,
.dash-layout .wo-list-table .zd-trial-status-pill.lab-patient-status-pill--delivery,
.dash-layout .wo-list-table .lab-patient-status-pill--delivery {
  color: #9a3412;
  background: #ffedd5;
  border-color: #fb923c;
}

.dash-layout .wo-list-table .wo-list-status-pill--completed,
.dash-layout .wo-list-table .wo-list-status-pill--finished,
.dash-layout .wo-list-table .zd-trial-status-pill.lab-patient-status-pill--completed,
.dash-layout .wo-list-table .lab-patient-status-pill--completed,
.dash-layout .wo-list-table .lab-patient-status-pill--finished {
  color: #14532d;
  background: #dcfce7;
  border-color: #4ade80;
}

body.theme-dark .dash-layout .wo-list-table .wo-list-status-pill--active,
body.theme-dark .dash-layout .wo-list-table .wo-list-status-pill--production,
body.theme-dark .dash-layout .wo-list-table .zd-trial-status-pill.lab-patient-status-pill--active,
body.theme-dark .dash-layout .wo-list-table .lab-patient-status-pill--active {
  color: #e4e4e7;
  background: #3f3f46;
  border-color: #71717a;
}

body.theme-dark .dash-layout .wo-list-table .wo-list-status-pill--new,
body.theme-dark .dash-layout .wo-list-table .zd-trial-status-pill.lab-patient-status-pill--created {
  color: #7dd3fc;
  background: #164e63;
  border-color: #22d3ee;
}

body.theme-dark .dash-layout .wo-list-table .wo-list-status-pill--trial,
body.theme-dark .dash-layout .wo-list-table .wo-list-status-pill--sent,
body.theme-dark .dash-layout .wo-list-table .zd-trial-status-pill.lab-patient-status-pill--trial,
body.theme-dark .dash-layout .wo-list-table .lab-patient-status-pill--trial,
body.theme-dark .dash-layout .wo-list-table .lab-patient-status-pill--sent {
  color: #ddd6fe;
  background: #4c1d95;
  border-color: #a78bfa;
}

body.theme-dark .dash-layout .wo-list-table .wo-list-status-pill--delivery,
body.theme-dark .dash-layout .wo-list-table .zd-trial-status-pill.lab-patient-status-pill--delivery,
body.theme-dark .dash-layout .wo-list-table .lab-patient-status-pill--delivery {
  color: #fde68a;
  background: #7c2d12;
  border-color: #fb923c;
}

body.theme-dark .dash-layout .wo-list-table .wo-list-status-pill--completed,
body.theme-dark .dash-layout .wo-list-table .wo-list-status-pill--finished,
body.theme-dark .dash-layout .wo-list-table .zd-trial-status-pill.lab-patient-status-pill--completed,
body.theme-dark .dash-layout .wo-list-table .lab-patient-status-pill--completed,
body.theme-dark .dash-layout .wo-list-table .lab-patient-status-pill--finished {
  color: #bbf7d0;
  background: #14532d;
  border-color: #4ade80;
}

/* Ayarlar > Gorunum: sabit font-weight'ler butonlara uysun */
html.ui-weight-regular .dash-layout *:not(i):not(.bi):not(svg):not(path):not(canvas) {
  font-weight: 400 !important;
}
html.ui-weight-medium .dash-layout *:not(i):not(.bi):not(svg):not(path):not(canvas) {
  font-weight: 500 !important;
}
html.ui-weight-bold .dash-layout *:not(i):not(.bi):not(svg):not(path):not(canvas) {
  font-weight: 600 !important;
}

html.ui-weight-regular .dash-layout :is(h1, h2, h3, h4, h5, h6, th, td, strong, b, .dash-page-title-text, .dash-nav-link, .dash-nav-group-toggle, .lab-wo-scope-tab, .lab-patient-row-name, .wo-pipeline-card-title, .wo-pipeline-card-trial-text, .wo-pipeline-card-trial-split-item, .wo-pipeline-card-value, .wo-list-status-pill, .lab-patient-status-pill, .zd-trial-status-pill, .wo-filter-btn, .tech-add-btn, .wo-view-btn, .wo-cal-head-btn) {
  font-weight: 500 !important;
}
html.ui-weight-medium .dash-layout :is(h1, h2, h3, h4, h5, h6, th, td, strong, b, .dash-page-title-text, .dash-nav-link, .dash-nav-group-toggle, .lab-wo-scope-tab, .lab-patient-row-name, .wo-pipeline-card-title, .wo-pipeline-card-trial-text, .wo-pipeline-card-trial-split-item, .wo-pipeline-card-value, .wo-list-status-pill, .lab-patient-status-pill, .zd-trial-status-pill, .wo-filter-btn, .tech-add-btn, .wo-view-btn, .wo-cal-head-btn) {
  font-weight: 600 !important;
}
html.ui-weight-bold .dash-layout :is(h1, h2, h3, h4, h5, h6, th, td, strong, b, .dash-page-title-text, .dash-nav-link, .dash-nav-group-toggle, .lab-wo-scope-tab, .lab-patient-row-name, .wo-pipeline-card-title, .wo-pipeline-card-trial-text, .wo-pipeline-card-trial-split-item, .wo-pipeline-card-value, .wo-list-status-pill, .lab-patient-status-pill, .zd-trial-status-pill, .wo-filter-btn, .tech-add-btn, .wo-view-btn, .wo-cal-head-btn) {
  font-weight: 700 !important;
}