.modalOverlay { z-index: 800; }
.modalOverlay > .modal { max-width: min(100%, 520px); }
.modalOverlay > .satisFormu { max-width: min(100%, 640px); }
.modalOverlay > .modal.modalGenis, .modalOverlay > .modal[data-genis] { max-width: min(100%, 720px); }
.modalOverlay > .satisFormu, .modalOverlay > .modal { max-height: min(88vh / var(--kOlcekV, 1), 88dvh / var(--kOlcekV, 1)); }
.mYapi > .mBody { scrollbar-width: thin; }
.mYapi .listeKaydir, .mYapi .kaydirKutu { max-height: 190px; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; }
.mYapi .gridGridColsGap12, .mYapi .islemGrid { align-items: start; }
.mYapi .gsHizmetListe, .mYapi .hizmetListe, .mYapi .bolgeListe { max-height: 200px; overflow-y: auto; scrollbar-width: thin; }
.seciciListe.seciciSabit { z-index: 2600; box-shadow: 0 14px 40px rgba(0, 0, 0, .35); }

.kaydirListe { max-height: 300px; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; padding-right: 2px; }
.pfYetki { max-height: 300px; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; padding-right: 4px; }
.pfZamanKisa { max-height: 290px; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; padding-right: 4px; }
.pfNotlar { grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 10px; }
.pfNot { max-height: 210px; overflow-y: auto; scrollbar-width: thin; }
.gridGap10[data-kaydir], .gridGap10:has(> [data-gorev]) { max-height: 340px; overflow-y: auto; scrollbar-width: thin; padding-right: 4px; }
.pfGunGizli { display: none !important; }

.filtreMenu, .mfPop, [data-modal="musteriFiltre"] { max-height: min(70vh / var(--kOlcekV, 1), 460px); overflow-y: auto; scrollbar-width: thin; }
[data-modal="musteriFiltre"] > *, .mfPop > * { min-height: 0; }
[data-modal="musteriFiltre"] button, .mfPop button, .mfPop label { padding-top: 6px; padding-bottom: 6px; font-size: 12.5px; }

html[data-kart="cam"] .card { background: color-mix(in srgb, var(--kYuzey) 62%, transparent); -webkit-backdrop-filter: blur(14px) saturate(150%); backdrop-filter: blur(14px) saturate(150%); -webkit-backdrop-filter: blur(14px) saturate(150%); border-color: color-mix(in srgb, var(--kBirincil) 16%, var(--kCizgi)); }
html[data-kart="golge"] .card { border-color: transparent; box-shadow: 0 10px 30px -12px rgba(15, 20, 60, .35), 0 2px 6px rgba(15, 20, 60, .08); }
html[data-zemin="duz"] .app::before, html[data-zemin="duz"] .app::after { display: none; }
html[data-zemin="izgara"] .app::before, html[data-zemin="izgara"] .app::after { animation: none; filter: none; opacity: 1; inset: 0; width: auto; height: auto; transform: none;
  background-image: linear-gradient(color-mix(in srgb, var(--kCizgi) 55%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--kCizgi) 55%, transparent) 1px, transparent 1px);
  background-size: 38px 38px; -webkit-mask-image: radial-gradient(ellipse at 50% 0%, #000 0%, transparent 72%); mask-image: radial-gradient(ellipse at 50% 0%, #000 0%, transparent 72%); }
html[data-zemin="izgara"] .app::after { display: none; }

.pyTema { display: grid; gap: 16px; }
.pyKahraman { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 22px 24px; border-radius: calc(20px * var(--kYaricap, 1)); border: 1px solid var(--kCizgi);
  background: linear-gradient(135deg, color-mix(in srgb, var(--kBirincil) 20%, var(--kYuzey)), color-mix(in srgb, var(--kIkinci) 14%, var(--kYuzey))); }
.pyKahraman h2 { margin: 0 0 4px; font-size: 20px; letter-spacing: -.3px; }
.pyKahraman p { margin: 0; font-size: 13px; color: var(--kSoluk); max-width: 520px; }
.pyOnizle { display: flex; gap: 8px; flex: none; }
.pyOnizle i { width: 38px; height: 38px; border-radius: calc(12px * var(--kYaricap, 1)); background: linear-gradient(135deg, var(--kBirincil), var(--kIkinci)); box-shadow: 0 8px 20px -8px var(--kBirincil); }
.pyOnizle i:nth-child(2) { background: var(--kIkinci); transform: translateY(6px); } .pyOnizle i:nth-child(3) { background: var(--kKenar, #272848); transform: translateY(-4px); }
.pyIzgara { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; align-items: start; }
.pyKart { padding: 16px 18px; } .pyKart h3 { margin: 0 0 2px; font-size: 14.5px; } .pyKart > p { margin: 0 0 12px; font-size: 12.5px; color: var(--kSoluk); }
.pyGenis { grid-column: 1 / -1; }
.pyKart .ktSeg { display: flex; } .pyKart .ktSeg button { flex: 1; }
.pyKart .ktSatir { padding: 8px 0; } .pyKart .ktHazir { display: grid; grid-template-columns: repeat(auto-fill, minmax(84px, 1fr)); gap: 10px; }
@media (max-width: 760px) { .pyIzgara { grid-template-columns: minmax(0, 1fr); } .pyOnizle { display: none; } .pyKahraman { padding: 16px; } }

.kImza { position: fixed !important; right: 12px !important; bottom: 6px !important; z-index: 2147483000 !important; display: block !important; visibility: visible !important; opacity: .85 !important;
  font: 600 11px/1.2 "Sofia Pro", system-ui, sans-serif !important; letter-spacing: .2px; color: var(--kSoluk, #8a8fb5) !important; background: color-mix(in srgb, var(--kYuzey, #14172b) 78%, transparent) !important;
  padding: 4px 10px !important; border-radius: calc(20px * var(--kYaricap, 1)) !important; border: 1px solid var(--kCizgi, rgba(255,255,255,.12)) !important; pointer-events: none !important; user-select: none; transform: none !important; width: auto !important; height: auto !important; clip: auto !important; clip-path: none !important; }
.kImza b { color: var(--kBirincil, #6d71f9) !important; font-weight: 700; }
@media (max-width: 900px) { .kImza { bottom: calc(66px + env(safe-area-inset-bottom, 0px)) !important; right: 8px !important; }
  html.modalKilit .kImza, html.ktAcik .kImza, html.rpAcik .kImza { top: calc(6px + var(--guvenUst, 0px)) !important; bottom: auto !important; right: 10px !important; opacity: .7 !important; }
}

.kpDugme { display: inline-grid; place-items: center; width: 38px; height: 38px; border-radius: calc(12px * var(--kYaricap, 1)); border: 1px solid var(--kCizgi); background: var(--kYuzey); color: var(--kMetin); cursor: pointer; }
.kpDugme svg { width: 17px; height: 17px; } .kpDugme:hover { border-color: var(--kBirincil); color: var(--kBirincil); }
.kpPerde { position: fixed; inset: 0; z-index: 2400; display: flex; align-items: flex-start; justify-content: center; padding: calc(12vh / var(--kOlcekV, 1)) 14px 14px; background: rgba(var(--kPerde), .55); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); }
.kpKutu { width: min(560px, 100%); max-height: calc(70vh / var(--kOlcekV, 1)); display: flex; flex-direction: column; border-radius: calc(18px * var(--kYaricap, 1)); border: 1.5px solid var(--kCizgi); background: var(--kYuzey); box-shadow: var(--kGolgeL); overflow: hidden; }
.kpArama { display: flex; align-items: center; gap: 10px; padding: 12px 16px; border-bottom: 1px solid var(--kCizgi); color: var(--kSoluk); }
.kpArama svg { width: 18px; height: 18px; flex: none; } .kpArama input { flex: 1; min-width: 0; border: 0; outline: 0; background: transparent; color: var(--kMetin); font: inherit; font-size: 15px; } .kpArama b { flex: 1; color: var(--kMetin); }
.kpListe { overflow-y: auto; padding: 6px; scrollbar-width: thin; }
.kpBaslik { padding: 8px 10px 4px; font-size: 10.5px; font-weight: 700; letter-spacing: .6px; text-transform: uppercase; color: var(--kSoluk); }
.kpOge { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 9px 12px; border-radius: calc(11px * var(--kYaricap, 1)); cursor: pointer; font-size: 13.5px; color: var(--kMetin); }
.kpOge.kpSecili, .kpOge:hover { background: color-mix(in srgb, var(--kBirincil) 16%, transparent); }
.kpYildiz { border: 0; background: transparent; color: var(--kCizgi); font-size: 15px; cursor: pointer; padding: 0 4px; } .kpYildiz:hover, .kpYildizAcik { color: #f5b301; }
.kpBos { padding: 22px; text-align: center; color: var(--kSoluk); font-size: 13px; }
.kpAlt { display: flex; gap: 14px; padding: 8px 14px; border-top: 1px solid var(--kCizgi); font-size: 11.5px; color: var(--kSoluk); background: var(--kYuzey2); }
.kpKutu kbd, .kpAlt kbd { display: inline-block; min-width: 20px; padding: 1px 6px; margin-right: 3px; border-radius: calc(6px * var(--kYaricap, 1)); border: 1px solid var(--kCizgi); background: var(--kYuzey2); font: 600 11px/1.5 inherit; color: var(--kSoluk); text-align: center; }
.kpYardim .kpOge { cursor: default; }
.kpFavKap { display: grid; gap: 2px; margin-bottom: 8px; }
.kpFavLink { display: block; padding: 7px 12px; border-radius: calc(10px * var(--kYaricap, 1)); font-size: 12.5px; color: inherit; text-decoration: none; opacity: .85; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.kpFavLink:hover, .kpFavAktif { background: rgba(255, 255, 255, .08); opacity: 1; }
html.sidebarDar .kpFavKap { display: none; }
th.kpSirali { cursor: pointer; user-select: none; }
th.kpSirali::after { content: "↕"; margin-left: 5px; font-size: 10px; opacity: .35; }
th.kpSirali[aria-sort="ascending"]::after { content: "↑"; opacity: 1; color: var(--kBirincil); } th.kpSirali[aria-sort="descending"]::after { content: "↓"; opacity: 1; color: var(--kBirincil); }
.kpCsv { display: block; margin: 0 0 6px auto; padding: 4px 10px; border-radius: calc(9px * var(--kYaricap, 1)); border: 1px solid var(--kCizgi); background: var(--kYuzey); color: var(--kSoluk); font-size: 11.5px; font-weight: 600; cursor: pointer; }
.kpCsv:hover { color: var(--kBirincil); border-color: var(--kBirincil); }
@media (max-width: 900px) { .kpPerde { padding-top: calc(8vh / var(--kOlcekV, 1)); } .kpAlt { display: none; } }

@media (max-width: 900px) {
  .topbar { flex-wrap: wrap; row-gap: 8px; align-items: center; }
  .baslikSol { display: contents; }
  .topbar > .pageTitle, .baslikSol > .pageTitle { flex: 1 1 60px; min-width: 0; font-size: 16px; line-height: 1.25; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .topRight { flex: 0 0 auto; gap: 6px; }
  .tabsShrink0 { order: 5; flex: 0 0 100%; width: 100%; max-width: 100%; overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
  .tabsShrink0::-webkit-scrollbar { display: none; }
  .tabsShrink0 > * { flex: none; white-space: nowrap; }
  .subeSecici .minW130 { min-width: 0; }
  .subeSecici [data-secici-ac] { max-width: 108px; }
  .kpDugme, .temaBtn, .menuAcBtn { width: 38px; height: 38px; flex: none; }
}
@media (max-width: 400px) {
  .topbar > .pageTitle, .baslikSol > .pageTitle { font-size: 15px; }
  .subeSecici [data-secici-ac] { max-width: 92px; }
  .kpDugme, .temaBtn, .menuAcBtn { width: 36px; height: 36px; }
  .topbar { padding-left: 8px; padding-right: 8px; gap: 6px; }
}

@media (max-width: 720px) {
  .mYapi > .mFooter, .mYapi > .modalActions { display: flex; gap: 8px; align-items: center; }
  .mYapi > .mFooter > div:empty { display: none; }
  .mYapi > .mFooter > div:has(button), .mYapi > .modalActions > div:has(button) { flex: 1 1 auto; display: flex; gap: 8px; }
  .mYapi > .mFooter .ghostBtn, .mYapi > .mFooter .primaryBtn,
  .mYapi > .modalActions .ghostBtn, .mYapi > .modalActions .primaryBtn { flex: 1 1 0; min-height: 46px; justify-content: center; text-align: center; }
}

[data-popover] { max-width: calc(100vw / var(--kOlcekV, 1) - 16px); }
@media (max-width: 720px) {
  [data-modal="musteriFiltre"] { position: fixed !important; left: 8px !important; right: 8px !important; top: auto !important;
    bottom: calc(72px + var(--guvenAlt)) !important; width: auto !important; min-width: 0 !important; max-width: none !important;
    max-height: min(60vh / var(--kOlcekV, 1), 430px); overflow-y: auto; overscroll-behavior: contain; z-index: 600; box-shadow: var(--kGolgeL); }
}

@media (max-width: 720px) {
  .kMaskot { width: 56px; height: 56px; right: 6px; bottom: calc(74px + var(--guvenAlt)); }
  .kMaskot:active { opacity: 1; }
}

@media (max-width: 720px) {
  a, button, input, select, textarea, [role="button"], [data-secici-ac], .seciciSecenek { touch-action: manipulation; -webkit-tap-highlight-color: transparent; }

  .content, .contentMusteriSagBoxSizing { padding: 14px 14px calc(104px + var(--guvenAlt)); gap: 14px; }
  .card, .cardMt14, .serideKart { padding: 15px 15px; border-radius: calc(16px * var(--kYaricap, 1)); }
  .cardTitle, .card h3 { font-size: 15.5px; line-height: 1.3; }

  .primaryBtn, .ghostBtn, .seciciBtn, [data-secici-ac], .input, input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="range"]):not([type="color"]):not([type="file"]), select, textarea,
  .gunNavBtn, .gunNavTarih, .miniEtiketBtn, .taksitBtn, .vtTarihBtn { min-height: 44px; }
  .primaryBtn, .ghostBtn { padding-left: 16px; padding-right: 16px; font-size: 14px; }
  .seciciSecenek { min-height: 42px; display: flex; align-items: center; font-size: 14px; }
  .seciciListe { padding: 5px; }
  input[type="checkbox"], input[type="radio"] { width: 20px; height: 20px; }

  .tabsShrink0 a, .tabs a, .tabs button { min-height: 40px; display: inline-flex; align-items: center; font-size: 13.5px; }
  .tabBar { gap: 10px; flex-wrap: wrap; }
  .tabs, .tabBar > .tabs { overflow-x: auto; scrollbar-width: none; max-width: 100%; }
  .tabs::-webkit-scrollbar, .tabsShrink0::-webkit-scrollbar { display: none; }
  [data-filtre], .seritFiltre, .gsSegBtnAktifDosyaBilgiVP8x14KenarsizR9, .dosyaBilgiVTaksitPlanTlP8x14KenarsizBgR9,
  .dosyaBilgiVTaksitPlanTlP8x14KenarBgR9, .seritFiltreAktifR9P6x11Fs12p52 { min-height: 38px; display: inline-flex; align-items: center; gap: 6px; font-size: 13px; }
  .mdLejantOgeWrap, .ayChipBarMb12, .ayChipBarMt12 { gap: 8px; }

  .table tbody td, .table td { padding: 12px 12px; font-size: 13.5px; }
  .table thead th, .table th { padding: 11px 12px; font-size: 11px; }
  .tabloKaydir, .ovAuto2, [class*="ovAuto"] { -webkit-overflow-scrolling: touch; overscroll-behavior-x: contain; }

  .sayfalama { flex-wrap: wrap; gap: 8px; justify-content: center; }
  .sayfaBtn { min-width: 40px; min-height: 40px; }
  .tabloAraKap { gap: 8px; } .tabloAra { flex: 1 1 100%; } .tabloAra input { min-height: 42px; font-size: 14px; }

  .islemGrid, .islemGridMt4, .islemGridMt14, .formIkili, .gridGridColsGap12, .gsGrid { grid-template-columns: minmax(0, 1fr) !important; }

  .kasaTabloKutu { height: auto; min-height: 96px; max-height: calc(44vh / var(--kOlcekV, 1)); }

  .altNav { padding-bottom: var(--guvenAlt); }
  .altNav a, .altNav button { min-height: 56px; gap: 3px; font-size: 10.5px; }
  .altNav svg { width: 21px; height: 21px; }

  .sb { width: min(330px, 90vw / var(--kOlcekV, 1)); }
  .sbMenu { max-height: calc(60vh / var(--kOlcekV, 1)); overflow-y: auto; overscroll-behavior: contain; }
  .sbItem, .sbAltItem, .sbMenuItem { min-height: 46px; }

  .gunNavRelative, .flexAiCenterGap10P14x18, .gunModalHeadInnoOzetDegerRowWrap { flex-wrap: wrap; gap: 10px; }
  .m0FlexAiCenterGap10 { flex-wrap: nowrap; }
}
@media (max-width: 720px) {
  .ayGrupHead, .ayGrupHeadTabBarOzel { min-height: 48px; }
  .p7x12KenarBgRenk, .dosyaBilgiVMl14P8x16R10Kenarsiz, .dosyaBilgiVMl8P8x16R10Kenar { min-height: 40px; display: inline-flex; align-items: center; }
  .seansBtn, .aramaTemizleMl6 { min-width: 36px; min-height: 36px; display: inline-grid; place-items: center; }
  .randevuIsim { min-height: 30px; display: inline-flex; align-items: center; }
  .yapilacakSil, .aramaTemizleMl6, .seansBtn { min-width: 34px; min-height: 34px; display: inline-grid; place-items: center; }
  .gsSegBtnAktifP8x14KenarsizR10Fs12p5, .p5x11R8KenarBg, .dosyaBilgiVP6x14KenarsizR8Font,
  .p6x14KenarBgRenk, .seritFiltreAktifP6x14R10Fs12p5, .tabBarInnoOzetDegerRowP9x12R9BgKenar,
  .gsPlanSatirP0KenarsizBgFs17, .dosyaBilgiVTaksitPlanTlP6x14KenarsizR8Font { min-height: 36px; display: inline-flex; align-items: center; justify-content: center; }
  .mesaiHucreBgRenk { min-height: 38px; }
  .tabBarInnoOzetDegerRowWTamWrapBgKenarsiz { min-height: 40px; padding: 6px 4px; text-align: left; }
  .muhasebeAyBtn, .muhasebeAyBtnOp0p35PeNone, .rvPresetBtnAktifP7x14R20FontFs13, .yetkiModulAdP7x14R20KenarBg { min-height: 38px; display: inline-flex; align-items: center; justify-content: center; }
  main .seciciBtn, main [data-secici-ac], .vtTablo td .seciciBtn, .table td .seciciBtn { min-height: 38px; }
  .kasaEkleBtn, .kenarsizBgRenkP4x12, .kasaSekilValBgKenarRenkR8 { min-height: 38px; display: inline-flex; align-items: center; justify-content: center; padding-left: 12px; padding-right: 12px; }
  .kpCsv { min-height: 34px; padding: 6px 12px; }
  .randevuIsim { min-height: 34px; }
}
@media (max-width: 400px) {
  .content, .contentMusteriSagBoxSizing { padding: 12px 11px calc(100px + var(--guvenAlt)); }
  .card, .cardMt14, .serideKart { padding: 14px 13px; }
  .altNav a span, .altNav button span { font-size: 10px; }
}

.ryNot { margin: 0 0 14px; }
.ryKap { display: grid; gap: 14px; }
.ryRolBar { display: flex; gap: 6px; padding: 5px; overflow-x: auto; scrollbar-width: none; border-radius: calc(15px * var(--kYaricap, 1));
  background: var(--kYuzey); border: 1.5px solid var(--kCizgi); }
.ryRolBar::-webkit-scrollbar { display: none; }
.ryRolBar, .ryPanel { scroll-margin-top: 140px; }
.ryRol { flex: 1 0 auto; display: grid; gap: 1px; justify-items: start; padding: 9px 14px; border: 0; border-radius: calc(11px * var(--kYaricap, 1));
  background: transparent; color: var(--kSoluk); font: inherit; text-align: left; cursor: pointer; white-space: nowrap; transition: background .18s, color .18s; }
.ryRol:hover { color: var(--kMetin); background: var(--kYuzey2); }
.ryRol:focus-visible { outline: 2px solid var(--kBirincil); outline-offset: 1px; }
.ryRolAd { font-size: 13.5px; font-weight: 700; }
.ryRolSay, .ryRolRozet { font-size: 11px; font-weight: 500; opacity: .8; }
.ryRolAktif { background: var(--kBirincil); color: #fff; box-shadow: 0 6px 16px -8px var(--kBirincil); }
.ryRolAktif:hover { background: var(--kBirincil); color: #fff; }
.ryPanel[hidden] { display: none; }
html.kAnim .ryPanelAktif { animation: kGiris .35s var(--kEase) backwards; }

.ryHizli { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-bottom: 12px; font-size: 12.5px; color: var(--kSoluk); }
.ryHizli > span { margin-right: 4px; font-weight: 600; }
.ryHizliBtn { padding: 6px 12px; border-radius: 999px; border: 1px solid var(--kCizgi); background: var(--kYuzey); color: var(--kMetin); font: inherit; font-size: 12.5px; font-weight: 600; cursor: pointer; }
.ryHizliBtn:hover { border-color: var(--kBirincil); color: var(--kBirincil); }
.ryHizliVars { margin-left: auto; color: var(--kSoluk); }

.ryGrup { border: 1.5px solid var(--kCizgi); border-radius: calc(16px * var(--kYaricap, 1)); background: var(--kYuzey); overflow: hidden; }
.ryGrup + .ryGrup { margin-top: 12px; }
.ryGrupBas { display: flex; align-items: center; gap: 9px; padding: 10px 14px; background: var(--kYuzey2); border-bottom: 1px solid var(--kCizgiSoft); color: var(--kSoluk); }
.ryGrupBas svg { width: 17px; height: 17px; flex: none; }
.ryGrupBas h4 { margin: 0; font-size: 11.5px; font-weight: 700; letter-spacing: .7px; text-transform: uppercase; }
.rySatir { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 10px 14px; transition: background .2s; }
.rySatir + .rySatir { border-top: 1px solid var(--kCizgiSoft); }
.rySatir:hover { background: color-mix(in srgb, var(--kBirincil) 4%, transparent); }
.ryModul { display: grid; gap: 1px; min-width: 0; }
.ryModul b { font-size: 13.5px; font-weight: 600; }
.ryModul small { font-size: 11.5px; color: var(--kSoluk); }

.rySeg { flex: none; display: inline-flex; padding: 3px; gap: 2px; border-radius: 999px; background: var(--kYuzey2); border: 1px solid var(--kCizgi); }
.rySegBtn { min-width: 74px; padding: 5px 11px; border: 0; border-radius: 999px; background: transparent; color: var(--kSoluk); font: inherit; font-size: 12px; font-weight: 600;
  cursor: pointer; transition: background .18s, color .18s, box-shadow .18s; }
.rySegBtn:hover { color: var(--kMetin); }
.rySegBtn:focus-visible { outline: 2px solid var(--kBirincil); outline-offset: 1px; }
.rySegBtn.rySegAktif[data-ry-izin="yok"] { background: var(--kYuzey); color: var(--kMetin); box-shadow: 0 1px 3px rgba(0, 0, 0, .15); }
.rySegBtn.rySegAktif[data-ry-izin="goruntule"] { background: color-mix(in srgb, var(--kIkinci) 22%, var(--kYuzey)); color: var(--kMetin); box-shadow: 0 1px 3px rgba(0, 0, 0, .12); }
.rySegBtn.rySegAktif[data-ry-izin="duzenle"] { background: var(--kBirincil); color: #fff; box-shadow: 0 4px 10px -5px var(--kBirincil); }
.rySatir[data-ry-durum="yok"] .ryModul b { color: var(--kSoluk); }
.ryKaydediyor .rySeg { opacity: .6; pointer-events: none; }
[data-sadece-oku] .rySegBtn { pointer-events: none; cursor: default; }
[data-sadece-oku] .rySegBtn:hover { color: var(--kSoluk); }
.ryKaydedildi { animation: ryParla .9s var(--kEase); }
@keyframes ryParla { 0% { background: color-mix(in srgb, #2f9e6b 14%, transparent); } 100% { background: transparent; } }

.ryYoneticiNot { display: flex; gap: 12px; align-items: flex-start; padding: 16px; border-radius: calc(16px * var(--kYaricap, 1));
  background: color-mix(in srgb, var(--kBirincil) 9%, var(--kYuzey)); border: 1.5px solid color-mix(in srgb, var(--kBirincil) 30%, var(--kCizgi)); }
.ryYoneticiNot svg { width: 22px; height: 22px; flex: none; color: var(--kBirincil); }
.ryYoneticiNot div { display: grid; gap: 3px; } .ryYoneticiNot b { font-size: 14px; } .ryYoneticiNot span { font-size: 12.5px; color: var(--kSoluk); }

@media (max-width: 720px) {
  .ryRol { flex: 0 0 auto; padding: 9px 12px; }
  .rySatir { flex-direction: column; align-items: stretch; gap: 8px; padding: 12px; }
  .rySeg { width: 100%; }
  .rySegBtn { flex: 1 1 0; min-width: 0; min-height: 38px; font-size: 12.5px; }
  .ryHizliVars { margin-left: 0; }
  .ryHizliBtn { min-height: 36px; }
}

.ydOzet { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; margin-bottom: 14px; }
.ydOzet > div { display: grid; gap: 2px; padding: 12px 14px; border-radius: calc(14px * var(--kYaricap, 1)); background: var(--kYuzey); border: 1.5px solid var(--kCizgi); }
.ydOzet b { font-size: 16px; font-weight: 700; letter-spacing: -.2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ydOzet span { font-size: 11.5px; color: var(--kSoluk); }
.ydIzgara { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; align-items: start; }
.ydKart { display: grid; gap: 12px; }
.ydKartBas { display: flex; gap: 12px; align-items: flex-start; }
.ydKartBas h3 { margin: 0 0 2px; font-size: 15px; } .ydKartBas span { font-size: 12px; color: var(--kSoluk); }
.ydIkon { flex: none; display: grid; place-items: center; width: 40px; height: 40px; border-radius: calc(12px * var(--kYaricap, 1)); color: #fff;
  background: linear-gradient(135deg, var(--kBirincil), color-mix(in srgb, var(--kBirincil) 60%, var(--kIkinci))); }
.ydIkonIkinci { background: linear-gradient(135deg, var(--kIkinci), color-mix(in srgb, var(--kIkinci) 55%, var(--kBirincil))); }
.ydIkonUcuncu { background: linear-gradient(135deg, #2f9e6b, #54c1a0); }
.ydOnay { display: flex; gap: 10px; align-items: center; font-size: 13px; cursor: pointer; }
.ydSoluk { color: var(--kSoluk); font-size: 12px; }

.ydBirak { display: grid; justify-items: center; gap: 4px; padding: 18px 12px; text-align: center; cursor: pointer; border-radius: calc(14px * var(--kYaricap, 1));
  border: 1.5px dashed color-mix(in srgb, var(--kBirincil) 40%, var(--kCizgi)); background: color-mix(in srgb, var(--kBirincil) 4%, var(--kYuzey2));
  transition: border-color .2s, background .2s, transform .2s; }
.ydBirak:hover, .ydBirak:focus-visible, .ydBirakUstunde { border-color: var(--kBirincil); background: color-mix(in srgb, var(--kBirincil) 10%, var(--kYuzey2)); outline: none; }
.ydBirakUstunde { transform: scale(1.015); }
.ydBirakIkon { color: var(--kBirincil); } .ydBirak b { font-size: 13px; font-weight: 600; overflow-wrap: anywhere; } .ydBirak small { font-size: 11.5px; color: var(--kSoluk); }
.ydBirakSecili { border-style: solid; border-color: #2f9e6b; background: color-mix(in srgb, #2f9e6b 8%, var(--kYuzey2)); }
.ydBirakSecili .ydBirakIkon { color: #2f9e6b; }
.ydBirakHata { border-style: solid; border-color: #d9534f; } .ydBirakHata small { color: #d9534f; font-weight: 600; }
.ydIlerleme { position: relative; height: 26px; border-radius: 999px; background: var(--kYuzey2); border: 1px solid var(--kCizgi); overflow: hidden; }
.ydIlerleme i { position: absolute; inset: 0 auto 0 0; width: 0; background: linear-gradient(90deg, var(--kBirincil), var(--kIkinci)); transition: width .2s; }
.ydIlerleme span { position: relative; display: grid; place-items: center; height: 100%; font-size: 11.5px; font-weight: 700; color: var(--kMetin); }
.ydIlerlemeBitti i { background: #2f9e6b; }

.ydListeKart { margin-top: 14px; }
.ydListe { display: grid; grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); gap: 10px; }
.ydOge { display: grid; gap: 8px; padding: 12px 14px; border-radius: calc(14px * var(--kYaricap, 1)); background: var(--kYuzey2); border: 1px solid var(--kCizgi); transition: border-color .2s; }
.ydOge:hover { border-color: color-mix(in srgb, var(--kBirincil) 40%, var(--kCizgi)); }
.ydOgeBas { display: flex; align-items: center; gap: 10px; }
.ydOgeTarih { display: grid; line-height: 1.15; } .ydOgeTarih b { font-size: 14px; } .ydOgeTarih span { font-size: 11.5px; color: var(--kSoluk); }
.ydEtiketler { display: flex; flex-wrap: wrap; gap: 4px; flex: 1; min-width: 0; }
.ydEtiket { font-size: 10.5px; font-weight: 700; padding: 2px 8px; border-radius: 999px; background: var(--kYuzey); border: 1px solid var(--kCizgi); color: var(--kSoluk); white-space: nowrap; }
.ydTur-otomatik { color: #2f9e6b; } .ydTur-yuklenen { color: var(--kIkinci); } .ydTur-geriyukleme-oncesi { color: #c98a2e; } .ydTur-elle { color: var(--kBirincil); }
.ydUyari { color: #c98a2e; border-color: color-mix(in srgb, #c98a2e 40%, var(--kCizgi)); }
.ydBoyut { flex: none; font-size: 12px; font-weight: 700; color: var(--kSoluk); font-variant-numeric: tabular-nums; }
.ydOgeAd { font-size: 11px; color: var(--kSoluk); font-family: ui-monospace, Consolas, monospace; overflow-wrap: anywhere; }
.ydOgeIcerik { font-size: 12px; color: var(--kMetin); }
.ydOgeIslem { display: flex; gap: 6px; flex-wrap: wrap; }
.ydOgeIslem .ghostBtn { display: inline-flex; align-items: center; gap: 5px; }
.ydSil { color: #e0524f; margin-left: auto; }

@media (max-width: 1100px) { .ydIzgara { grid-template-columns: repeat(2, minmax(0, 1fr)); } .ydIzgara > :last-child { grid-column: 1 / -1; } }
@media (max-width: 720px) {
  .ydOzet { grid-template-columns: repeat(2, minmax(0, 1fr)); } .ydOzet > div:last-child { grid-column: 1 / -1; }
  .ydIzgara { grid-template-columns: minmax(0, 1fr); } .ydIzgara > :last-child { grid-column: auto; }
  .ydListe { grid-template-columns: minmax(0, 1fr); }
  .ydOgeIslem .ghostBtn { flex: 1 1 auto; justify-content: center; min-height: 40px; }
  .ydSil { flex: 0 0 44px !important; margin-left: 0; }
  .ydBirak { padding: 20px 12px; }
}

.rpKart { --d: var(--dBekliyor, var(--kBirincil)); position: fixed; z-index: 260; top: var(--rpUst, 84px); right: 14px; bottom: 14px; width: 360px;
  display: flex; flex-direction: column; overflow: hidden; border-radius: calc(20px * var(--kYaricap, 1));
  background: var(--kYuzey); color: var(--kMetin); border: 1px solid var(--kCizgi);
  box-shadow: 0 24px 60px -24px rgba(8, 12, 40, .55), 0 2px 8px rgba(8, 12, 40, .12);
  opacity: 0; visibility: hidden; transform: translateX(18px) scale(.99); transition: opacity .2s var(--kEase), transform .2s var(--kEase), visibility .2s; }
.rpKart.rpGoster { opacity: 1; visibility: visible; transform: none; }
html.modalKilit .rpKart.rpGoster, html.kdKilit .rpKart.rpGoster {
  opacity: 0; visibility: hidden; pointer-events: none; }
html.rpAcik .content, html.rpAcik .contentMusteriSagBoxSizing { padding-right: 388px; transition: padding-right .2s var(--kEase); }
.rpKart::before { content: ""; position: absolute; inset: 0 0 auto 0; height: 120px; pointer-events: none;
  background: linear-gradient(180deg, color-mix(in srgb, var(--d) 16%, transparent), transparent); }
.rpKart > * { position: relative; }

.rpUst { flex: none; display: flex; align-items: center; gap: 8px; padding: 12px 12px 8px 16px; }
.rpDurum { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px 4px 8px; border-radius: 999px; font-size: 11.5px; font-weight: 700;
  color: var(--d); background: color-mix(in srgb, var(--d) 14%, var(--kYuzey)); border: 1px solid color-mix(in srgb, var(--d) 30%, transparent); }
.rpDurumNokta { width: 7px; height: 7px; border-radius: 50%; background: var(--d); box-shadow: 0 0 0 3px color-mix(in srgb, var(--d) 22%, transparent); }
.rpOda { flex: 1; min-width: 0; font-size: 12px; font-weight: 600; color: var(--kSoluk); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rpUstBaslik { flex: 1; text-align: center; font-size: 14px; font-weight: 700; }
.rpKapat, .rpGeri { flex: none; display: inline-flex; align-items: center; justify-content: center; gap: 4px; height: 32px; min-width: 32px; padding: 0 8px; border: 0; border-radius: 10px;
  background: color-mix(in srgb, var(--kMetin) 6%, transparent); color: var(--kMetin); font: inherit; font-size: 12.5px; font-weight: 600; cursor: pointer; transition: background .15s; }
.rpKapat svg, .rpGeri svg { width: 16px; height: 16px; }
.rpKapat:hover { background: color-mix(in srgb, #e0524f 16%, transparent); color: #e0524f; }
.rpGeri:hover { background: color-mix(in srgb, var(--kBirincil) 14%, transparent); color: var(--kBirincil); }
.rpGovde { flex: 1 1 auto; min-height: 0; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; padding: 4px 16px 16px; display: grid; gap: 12px; align-content: start; }

.rpKisi { display: flex; align-items: center; gap: 12px; }
.rpAvatar { flex: none; width: 44px; height: 44px; border-radius: 14px; display: grid; place-items: center; font-size: 15px; font-weight: 800; letter-spacing: .5px; color: #fff;
  background: linear-gradient(135deg, var(--d), color-mix(in srgb, var(--d) 60%, var(--kIkinci))); box-shadow: 0 8px 18px -10px var(--d); }
.rpKisiIc { flex: 1; min-width: 0; display: grid; gap: 2px; }
.rpAd { font-size: 17px; font-weight: 700; letter-spacing: -.3px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rpKisiAlt { display: flex; gap: 8px; flex-wrap: wrap; font-size: 12.5px; color: var(--kSoluk); font-variant-numeric: tabular-nums; }
.rpTel { color: var(--kSoluk); text-decoration: none; } .rpTel:hover { color: var(--kBirincil); }
.rpKisiGit { flex: none; width: 32px; height: 32px; display: grid; place-items: center; border-radius: 10px; color: var(--kSoluk); border: 1px solid var(--kCizgi); }
.rpKisiGit svg { width: 16px; height: 16px; } .rpKisiGit:hover { color: var(--kBirincil); border-color: var(--kBirincil); }
.rpHizmet { display: grid; gap: 1px; padding: 9px 12px; border-radius: 12px; background: var(--kYuzey2); border: 1px solid var(--kCizgiSoft); }
.rpHizmet b { font-size: 13px; font-weight: 700; color: var(--kBirincil); } .rpHizmet span { font-size: 12px; color: var(--kSoluk); }
.rpUyari, .rpBilgi { padding: 8px 12px; border-radius: 10px; font-size: 12.5px; font-weight: 600; }
.rpUyari { color: #d9534f; background: color-mix(in srgb, #d9534f 11%, transparent); }
.rpBilgi { color: var(--kSoluk); background: var(--kYuzey2); }

.rpZaman { display: grid; gap: 10px; padding: 12px; border-radius: 14px; border: 1px solid var(--kCizgi); background: var(--kYuzey); }
.rpZamanUst { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.rpZamanSaat { display: grid; gap: 1px; } .rpZamanSaat b { font-size: 18px; font-weight: 800; letter-spacing: -.3px; font-variant-numeric: tabular-nums; }
.rpZamanSaat span { font-size: 11.5px; color: var(--kSoluk); }
.rpAdim { display: inline-flex; align-items: center; padding: 3px; border-radius: 12px; background: var(--kYuzey2); border: 1px solid var(--kCizgiSoft); }
.rpAdimBtn { width: 30px; height: 30px; border: 0; border-radius: 9px; background: transparent; color: var(--kMetin); font-size: 17px; font-weight: 700; cursor: pointer; }
.rpAdimBtn:hover:not(:disabled) { background: var(--kYuzey); box-shadow: 0 1px 3px rgba(0, 0, 0, .15); color: var(--kBirincil); }
.rpAdimBtn:disabled { opacity: .3; cursor: not-allowed; }
.rpSure { min-width: 52px; text-align: center; font-size: 12.5px; font-weight: 700; font-variant-numeric: tabular-nums; }
.rpHazir, .rpTeyit { display: flex; flex-wrap: wrap; gap: 5px; }
.rpCip { padding: 6px 10px; border-radius: 999px; border: 1px solid var(--kCizgi); background: transparent; color: var(--kMetin); font: inherit; font-size: 12px; font-weight: 600; cursor: pointer; transition: all .15s; }
.rpCip:hover:not(:disabled) { border-color: var(--kBirincil); color: var(--kBirincil); }
.rpCip:disabled { opacity: .35; cursor: not-allowed; }
.rpCipAktif, .rpCipAktif:hover:not(:disabled) { background: var(--kBirincil); border-color: var(--kBirincil); color: #fff; }
.rpCipOneri { border-style: dashed; margin-left: auto; }
.rpTeyitCip.rpCipAktif[data-deger="Geliyor"] { background: var(--dTamam, #2f9e6b); border-color: var(--dTamam, #2f9e6b); }
.rpTeyitCip.rpCipAktif[data-deger="Gelmiyor"] { background: var(--dGelmedi, #e0524f); border-color: var(--dGelmedi, #e0524f); }
.rpTeyitCip.rpCipAktif[data-deger=""] { background: var(--kYuzey2); border-color: var(--kCizgi); color: var(--kMetin); }

.rpBolum { display: grid; gap: 8px; }
.rpBaslik { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 26px; }
.rpBaslik > span { font-size: 11px; font-weight: 700; letter-spacing: .8px; text-transform: uppercase; color: var(--kSoluk); }
.rpTercih { font-size: 11.5px; color: var(--kSoluk); }
.rpWp { display: inline-flex; align-items: center; gap: 5px; padding: 4px 10px; border-radius: 999px; border: 0; background: #25d366; color: #fff; font: inherit; font-size: 11.5px; font-weight: 700; cursor: pointer; }
.rpWp svg { width: 14px; height: 14px; } .rpWp:hover:not(:disabled) { background: #1fb457; } .rpWp:disabled { opacity: .4; cursor: not-allowed; }
.rpSeg { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 3px; padding: 3px; border-radius: 12px; background: var(--kYuzey2); border: 1px solid var(--kCizgiSoft); }
.rpSegBtn { min-height: 32px; border: 0; border-radius: 9px; background: transparent; color: var(--kSoluk); font: inherit; font-size: 12.5px; font-weight: 600; cursor: pointer; }
.rpSegBtn:hover { color: var(--kMetin); }
.rpSegAktif[data-deger="Geldi"] { background: var(--dGeldi, #2f7fe0); color: #fff; }
.rpSegAktif[data-deger="Bekleniyor"] { background: var(--kYuzey); color: var(--kMetin); box-shadow: 0 1px 3px rgba(0, 0, 0, .14); }
.rpSegAktif[data-deger="Gelmedi"] { background: var(--dGelmedi, #e0524f); color: #fff; }
.rpSec { width: 100%; min-height: 38px; padding: 7px 10px; border-radius: 10px; border: 1px solid var(--kCizgi); background: var(--kYuzey2); color: var(--kMetin); font: inherit; font-size: 13px; }
.rpSec:focus { outline: none; border-color: var(--kBirincil); box-shadow: 0 0 0 3px color-mix(in srgb, var(--kBirincil) 18%, transparent); }

.rpAlt { flex: none; display: grid; grid-template-columns: 1fr auto; gap: 8px; padding: 12px 16px 14px; border-top: 1px solid var(--kCizgiSoft); background: var(--kYuzey); }
.rpTamamla { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; border: 0; border-radius: 12px; cursor: pointer; font: inherit; font-size: 14px; font-weight: 700; color: #fff;
  background: linear-gradient(135deg, var(--dTamam, #2f9e6b), color-mix(in srgb, var(--dTamam, #2f9e6b) 70%, var(--kIkinci))); box-shadow: 0 10px 22px -12px var(--dTamam, #2f9e6b); }
.rpTamamla svg { width: 17px; height: 17px; }
.rpTamamla:disabled { cursor: default; box-shadow: none; background: color-mix(in srgb, var(--dTamam, #2f9e6b) 16%, var(--kYuzey2)); color: var(--dTamam, #2f9e6b); }
.rpAyrintiBtn { display: inline-flex; align-items: center; gap: 4px; min-height: 44px; padding: 0 12px 0 14px; border-radius: 12px; border: 1px solid var(--kCizgi); background: var(--kYuzey);
  color: var(--kMetin); font: inherit; font-size: 13px; font-weight: 600; cursor: pointer; }
.rpAyrintiBtn svg { width: 16px; height: 16px; } .rpAyrintiBtn:hover { border-color: var(--kBirincil); color: var(--kBirincil); }

.rpAyrintida .rpGovde { animation: rpIceri .22s var(--kEase); }
@keyframes rpIceri { from { opacity: 0; transform: translateX(14px); } to { opacity: 1; transform: none; } }
.rpIzgara { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 10px; }
.rpAlan { display: grid; gap: 4px; min-width: 0; } .rpEtiket { font-size: 11.5px; font-weight: 600; color: var(--kSoluk); } .rpIpucu { font-size: 11px; color: var(--kSoluk); }
.rpUygun { display: flex; align-items: flex-start; gap: 8px; flex-wrap: wrap; padding: 9px 11px; border-radius: 11px; font-size: 12.5px; font-weight: 600; min-height: 38px; }
.rpUygun:empty { display: none; }
.rpUygun svg { width: 16px; height: 16px; flex: none; margin-top: 1px; }
.rpUygun ul { margin: 0; padding-left: 16px; display: grid; gap: 3px; flex: 1 1 100%; }
.rpUygunBekle { color: var(--kSoluk); background: var(--kYuzey2); }
.rpUygunTamam { color: var(--dTamam, #2f9e6b); background: color-mix(in srgb, var(--dTamam, #2f9e6b) 11%, transparent); }
.rpUygunHata { color: #d9534f; background: color-mix(in srgb, #d9534f 10%, transparent); }
.rpOneriUygula { padding: 6px 10px; border-radius: 9px; border: 1px solid currentColor; background: var(--kYuzey); color: var(--kBirincil); font: inherit; font-size: 12px; font-weight: 700; cursor: pointer; }
.rpAyrintida .rpHizmet { gap: 8px; }
.rpAyrintida .rpHizmet .rpHazir { margin-top: 4px; }
.rpKaydet:disabled { opacity: .4; cursor: not-allowed; }
.rpOnay { display: flex; align-items: center; gap: 10px; font-size: 13px; font-weight: 600; cursor: pointer; }
.rpOnay input { width: 18px; height: 18px; accent-color: var(--kBirincil); flex: none; }
.rpSatir { display: flex; gap: 6px; } .rpSatir .rpSec { flex: 1; }
.rpMiniBtn { flex: none; padding: 0 12px; border-radius: 10px; border: 1px solid var(--kCizgi); background: var(--kYuzey); color: var(--kMetin); font: inherit; font-size: 12.5px; font-weight: 600; cursor: pointer; }
.rpMetin { margin: 0; font-size: 13px; }
.rpBagBtn { justify-self: start; padding: 0; border: 0; background: none; color: var(--kBirincil); font: inherit; font-size: 12.5px; font-weight: 700; cursor: pointer; text-decoration: underline; text-underline-offset: 3px; }
.rpTehlikeli { padding-top: 10px; border-top: 1px dashed var(--kCizgi); }
.rpEylemler { display: flex; gap: 8px; flex-wrap: wrap; }
.rpEylem { flex: 1; min-height: 38px; border-radius: 10px; border: 1px solid var(--kCizgi); background: var(--kYuzey); color: var(--kMetin); font: inherit; font-size: 12.5px; font-weight: 600; cursor: pointer; }
.rpEylemUyari { color: var(--dGecikti, #e39b2d); border-color: color-mix(in srgb, var(--dGecikti, #e39b2d) 45%, var(--kCizgi)); }
.rpEylemSil { color: #d9534f; border-color: color-mix(in srgb, #d9534f 45%, var(--kCizgi)); }
.rpEylem:hover { filter: brightness(1.05); background: var(--kYuzey2); }
html[data-hareket="az"] .rpKart, html[data-hareket="az"] .rpAyrintida .rpGovde { transition: none; animation: none; }
@media (max-width: 1100px) { html.rpAcik .content, html.rpAcik .contentMusteriSagBoxSizing { padding-right: 372px; } .rpKart { width: 344px; } }
@media (max-width: 900px) {
  html.rpAcik .content, html.rpAcik .contentMusteriSagBoxSizing { padding-right: 14px; }
  .rpKart { top: auto; left: 0; right: 0; bottom: 0; width: auto; max-height: calc(86vh / var(--kOlcekV, 1)); max-height: calc(86dvh / var(--kOlcekV, 1)); z-index: 420; border-radius: calc(22px * var(--kYaricap, 1)) calc(22px * var(--kYaricap, 1)) 0 0;
    border-bottom: 0; transform: translateY(40px); }
  .rpKart.rpGoster { transform: none; }
  .rpUst { padding-top: 18px; }
  .rpUst::before { content: ""; position: absolute; left: 50%; top: 6px; width: 40px; height: 4px; margin-left: -20px; border-radius: 3px; background: var(--kCizgi); }
  .rpAlt { padding-bottom: calc(14px + env(safe-area-inset-bottom, 0px)); }
  .rpKapat, .rpGeri { height: 38px; min-width: 38px; } .rpAdimBtn { width: 38px; height: 38px; } .rpCip { padding: 8px 12px; }
  .rpSegBtn { min-height: 40px; } .rpSec { min-height: 44px; font-size: 16px; }
}

.taksitVurgu { animation: taksitParla 2.6s var(--kEase); border-radius: 10px; }
@keyframes taksitParla { 0%, 35% { background: color-mix(in srgb, var(--kBirincil) 22%, transparent); box-shadow: 0 0 0 2px var(--kBirincil); } 100% { background: transparent; box-shadow: 0 0 0 0 transparent; } }
.taksitWp { color: #1fa855; border-color: color-mix(in srgb, #25d366 45%, var(--kCizgi)); }
.taksitWp:hover { background: #25d366; color: #fff; border-color: #25d366; }
.kdOnay { display: flex; align-items: center; gap: 10px; cursor: pointer; }
.kdOnay > span { margin: 0; }
.kdOnay input[type="checkbox"] { width: 18px; height: 18px; flex: none; accent-color: var(--kBirincil); }

:root { --dBekliyor: var(--kBirincil); --dGecikti: #e39b2d; --dGeldi: #2f7fe0; --dTamam: #2f9e6b; --dGelmedi: #e0524f; --dIptal: #9aa0b8; }
.rvD-bekliyor { --d: var(--dBekliyor); } .rvD-gecikti { --d: var(--dGecikti); } .rvD-geldi { --d: var(--dGeldi); }
.rvD-tamam { --d: var(--dTamam); } .rvD-gelmedi { --d: var(--dGelmedi); } .rvD-iptal { --d: var(--dIptal); }

.rvSayfa { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; min-width: 0; }
.rvTakvim { min-width: 0; }
.rvArac { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.rvTarih { display: flex; align-items: center; gap: 4px; }
.rvIkonBtn { position: relative; display: inline-grid; place-items: center; width: 36px; height: 36px; flex: none; border-radius: 10px; border: 1px solid var(--kCizgi);
  background: var(--kYuzey); color: var(--kMetin); cursor: pointer; text-decoration: none; }
.rvIkonBtn svg { width: 17px; height: 17px; }
.rvIkonBtn:hover { border-color: var(--kBirincil); color: var(--kBirincil); }
.rvRozet { position: absolute; top: -5px; right: -5px; min-width: 17px; height: 17px; padding: 0 4px; border-radius: 9px; display: grid; place-items: center;
  font: 700 10px/1 inherit; font-style: normal; color: #fff; background: var(--kBirincil); }
.rvTarihBtn { display: grid; justify-items: center; gap: 0; min-width: 132px; padding: 3px 12px; border-radius: 10px; border: 1px solid transparent; background: transparent; color: var(--kMetin); font: inherit; cursor: pointer; line-height: 1.15; }
.rvTarihBtn:hover { border-color: var(--kCizgi); background: var(--kYuzey); }
.rvTarihBtn b { font-size: 14.5px; font-weight: 700; } .rvTarihBtn span { font-size: 11px; color: var(--kSoluk); }
.rvBugun { padding: 7px 12px; border-radius: 10px; border: 1px solid var(--kCizgi); background: var(--kYuzey); color: var(--kMetin); font-size: 12.5px; font-weight: 600; text-decoration: none; }
.rvBugun:hover { border-color: var(--kBirincil); color: var(--kBirincil); }

.rvDurumlar { display: flex; flex: 1; min-width: 0; gap: 4px; overflow-x: auto; scrollbar-width: none; padding: 2px; }
.rvDurumlar::-webkit-scrollbar { display: none; }
.rvDurum { flex: none; display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; border-radius: 999px; border: 1px solid transparent; background: transparent;
  color: var(--kSoluk); font: inherit; font-size: 12.5px; font-weight: 600; cursor: pointer; white-space: nowrap; }
.rvDurum b { font-weight: 700; color: var(--kMetin); font-variant-numeric: tabular-nums; }
.rvDurum:hover { background: var(--kYuzey); border-color: var(--kCizgi); }
.rvDurumAktif, .rvDurumAktif:hover { background: var(--kYuzey); border-color: var(--kCizgi); color: var(--kMetin); box-shadow: 0 1px 3px rgba(0, 0, 0, .12); }
.rvNokta { width: 9px; height: 9px; border-radius: 50%; background: var(--d); flex: none; }
.rvDurumTeyit { border-style: dashed; border-color: var(--kCizgi); }
.rvAracSag { display: flex; align-items: center; gap: 6px; margin-left: auto; }
.rvEkle { display: inline-flex; align-items: center; gap: 6px; min-height: 36px; padding: 0 14px; }
.rvEkle svg { width: 16px; height: 16px; }

.rvKapali { display: flex; gap: 12px; align-items: flex-start; padding: 12px 14px; border-radius: 12px; border: 1px solid color-mix(in srgb, var(--dGelmedi) 30%, var(--kCizgi));
  background: color-mix(in srgb, var(--dGelmedi) 7%, var(--kYuzey)); }
.rvKapali svg { width: 20px; height: 20px; flex: none; color: var(--dGelmedi); }
.rvKapali div { display: grid; gap: 2px; } .rvKapali b { font-size: 13.5px; } .rvKapali span { font-size: 12.5px; color: var(--kSoluk); }

.rvTakvim { padding: 0 !important; overflow: hidden; }
.rvKaydir { max-height: calc(100vh / var(--kOlcekV, 1) - 210px); max-height: calc(100dvh / var(--kOlcekV, 1) - 210px); overflow: auto; overscroll-behavior: contain; scrollbar-width: thin; }
.rvIzgara { display: flex; min-width: max-content; }
.rvSaatler { position: sticky; left: 0; z-index: 4; flex: none; width: 54px; background: var(--kYuzey); border-right: 1px solid var(--kCizgiSoft); }
.rvKose { position: sticky; top: 0; z-index: 2; height: 38px; display: grid; place-items: center; font-size: 9.5px; font-weight: 700; color: var(--kSoluk); background: var(--kYuzey); border-bottom: 1px solid var(--kCizgi); letter-spacing: .2px; }
.rvSaatGovde { position: relative; }
.rvSaat { position: absolute; right: 8px; transform: translateY(-50%); font-size: 11px; font-weight: 700; color: var(--kMetin); font-variant-numeric: tabular-nums; }
.rvSaat:first-child { transform: none; top: 2px !important; }
.rvSaatYarim { font-size: 9.5px; font-weight: 600; color: var(--kSoluk); }
.rvSaatDisi { opacity: .45; }
.rvOdalar { position: relative; flex: 1; display: grid; min-width: 0; }
.rvOda { min-width: 0; border-right: 1px solid var(--kCizgiSoft); }
.rvOda:last-child { border-right: 0; }
.rvOdaBas { position: sticky; top: 0; z-index: 3; height: 38px; display: flex; align-items: center; justify-content: space-between; gap: 6px; padding: 0 10px;
  background: var(--kYuzey); border-bottom: 1px solid var(--kCizgi); }
.rvOdaBas b { font-size: 12.5px; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rvOdaBas span { font-size: 11px; font-weight: 700; color: var(--kSoluk); font-variant-numeric: tabular-nums; }
.rvOdaGovde { position: relative; background-image: linear-gradient(var(--kCizgiSoft) 1px, transparent 1px);
  background-size: 100% calc(var(--satir) * 2); background-position: 0 -1px; }
.rvOdaGovde::before { content: ""; position: absolute; inset: 0; pointer-events: none;
  background-image: linear-gradient(color-mix(in srgb, var(--kCizgiSoft) 50%, transparent) 1px, transparent 1px); background-size: 100% var(--satir); }
.rvDisiBant { position: absolute; left: 0; right: 0; pointer-events: none;
  background: repeating-linear-gradient(135deg, transparent 0 6px, color-mix(in srgb, var(--kSoluk) 9%, transparent) 6px 7px); }

.rvBosluk { position: absolute; left: 2px; right: 2px; border-radius: 8px; cursor: pointer; display: flex; align-items: flex-start; padding: 4px 8px; }
.rvBosluk span { font-size: 11px; font-weight: 700; color: var(--kBirincil); opacity: 0; transition: opacity .15s; }
.rvBosluk:hover { background: color-mix(in srgb, var(--kBirincil) 7%, transparent); outline: 1px dashed color-mix(in srgb, var(--kBirincil) 45%, transparent); }
.rvBosluk:hover span { opacity: 1; }

.rvBlok { position: absolute; z-index: 1; display: flex; flex-direction: column; gap: 1px; padding: 4px 7px 4px 9px; overflow: hidden; cursor: pointer;
  border-radius: 8px; border: 1px solid color-mix(in srgb, var(--d) 30%, var(--kCizgi)); border-left: 3px solid var(--d);
  background: color-mix(in srgb, var(--d) 11%, var(--kYuzey)); color: var(--kMetin); transition: box-shadow .15s, opacity .15s, transform .15s; }
.rvBlok:hover { box-shadow: 0 4px 14px -6px color-mix(in srgb, var(--d) 70%, transparent); z-index: 2; }
.rvBlok:focus-visible { outline: 2px solid var(--d); outline-offset: 1px; }
.rvBlokUst { display: flex; align-items: baseline; gap: 5px; min-width: 0; font-size: 12px; line-height: 1.25; }
.rvBlokUst time { flex: none; font-weight: 700; color: var(--d); font-variant-numeric: tabular-nums; }
.rvBlokUst b { flex: 1; min-width: 0; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rvTeyitli { flex: none; font-style: normal; font-size: 11px; font-weight: 800; color: var(--dTamam); }
.rvBlokAlt { font-size: 11px; color: var(--kSoluk); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rvBlokAlt em { font-style: normal; font-weight: 700; color: var(--d); }
.rvBlokKisa { justify-content: center; padding-top: 1px; padding-bottom: 1px; }
.rvD-iptal.rvBlok { opacity: .6; } .rvD-iptal .rvBlokUst b { text-decoration: line-through; }
.rvD-tamam.rvBlok { background: color-mix(in srgb, var(--d) 8%, var(--kYuzey)); }
.rvD-gelmedi.rvBlok { background: repeating-linear-gradient(135deg, color-mix(in srgb, var(--d) 12%, var(--kYuzey)) 0 7px, color-mix(in srgb, var(--d) 6%, var(--kYuzey)) 7px 14px); }
.rvD-gecikti.rvBlok { box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--d) 45%, transparent); }
.rvMesaiDisi { outline: 1px dashed var(--dGelmedi); outline-offset: -1px; }
.rvSoluk { opacity: .16 !important; pointer-events: none; }
.rvBlok.rvSecili { box-shadow: 0 0 0 2px var(--d), 0 8px 20px -8px var(--d); outline: none; z-index: 3; }

.rvSimdi { position: absolute; left: 0; right: 0; z-index: 2; height: 0; border-top: 2px solid var(--dGelmedi); pointer-events: none; }
.rvSimdi::before { content: ""; position: absolute; left: -5px; top: -6px; width: 10px; height: 10px; border-radius: 50%; background: var(--dGelmedi); }
.rvSimdi span { position: absolute; right: 6px; top: -19px; padding: 1px 6px; border-radius: 6px; font-size: 10.5px; font-weight: 700; color: #fff; background: var(--dGelmedi); }

tr.rvD-bekliyor > td:first-child, tr.rvD-gecikti > td:first-child, tr.rvD-geldi > td:first-child, tr.rvD-tamam > td:first-child, tr.rvD-gelmedi > td:first-child, tr.rvD-iptal > td:first-child { box-shadow: inset 3px 0 0 var(--d); }
.rvKartD { border-left: 3px solid var(--d) !important; }
.rvDurumEt { display: inline-flex; align-items: center; gap: 5px; font-size: 11px; font-weight: 700; color: var(--d); white-space: nowrap; }
.rvDurumEt::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--d); }

@media (max-width: 900px) {
  .rvArac { gap: 8px; }
  .rvTarih { flex: 1 1 auto; min-width: 0; justify-content: space-between; }
  .rvTarihBtn { flex: 1 1 auto; min-width: 0; padding: 3px 6px; }
  .rvTarihBtn b { font-size: 14px; white-space: nowrap; }
  .rvAracSag { margin-left: 0; flex: none; gap: 5px; }
  .rvBugun { padding: 8px 10px; }
  .rvDurumlar { order: 5; flex: 0 0 100%; }
  .rvKaydir { max-height: calc(100dvh / var(--kOlcekV, 1) - 300px); min-height: 360px; }
  .rvIkonBtn { width: 40px; height: 40px; } .rvEkle { min-height: 40px; }
  .rvOdalar { grid-auto-columns: minmax(140px, 1fr); }
}
@media (max-width: 480px) { .rvEkle span { display: none; } .rvEkle { width: 40px; padding: 0; justify-content: center; } }

.rkKart { display: grid; gap: 14px; }
.rkBas { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.rkBas h3 { margin: 0 0 3px; } .rkBas h3 small { font-size: 12.5px; font-weight: 600; color: var(--kSoluk); }
.rkBas > div > span { font-size: 12.5px; color: var(--kSoluk); }
.rkOzet { margin: 0; max-width: 460px; padding: 8px 12px; border-radius: 10px; font-size: 12.5px; font-weight: 600; color: var(--kMetin);
  background: color-mix(in srgb, var(--dTamam, #2f9e6b) 10%, var(--kYuzey2)); border: 1px solid color-mix(in srgb, var(--dTamam, #2f9e6b) 30%, var(--kCizgi)); }
.rkOzet.rkHata { color: #d9534f; background: color-mix(in srgb, #d9534f 10%, var(--kYuzey2)); border-color: color-mix(in srgb, #d9534f 35%, var(--kCizgi)); }
.rkForm { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px 14px; align-items: start; }
.rkAlan { display: grid; gap: 5px; min-width: 0; }
.rkAlan > span { font-size: 11.5px; font-weight: 700; letter-spacing: .3px; color: var(--kSoluk); }
.rkAlan small { font-size: 11px; color: var(--kSoluk); }
.rkAlan .input { min-height: 38px; }
.rkGenis { grid-column: span 3; }
.rkSeg { display: grid; grid-template-columns: repeat(3, 1fr); gap: 3px; padding: 3px; border-radius: 11px; background: var(--kYuzey2); border: 1px solid var(--kCizgi); }
.rkSeg label, .rkGunler label { position: relative; cursor: pointer; }
.rkSeg input, .rkGunler input { position: absolute; opacity: 0; pointer-events: none; }
.rkSeg span { display: grid; place-items: center; min-height: 30px; border-radius: 8px; font-size: 12.5px; font-weight: 600; color: var(--kSoluk); }
.rkSeg input:checked + span { background: var(--kBirincil); color: #fff; }
.rkSeg input:focus-visible + span, .rkGunler input:focus-visible + span { outline: 2px solid var(--kBirincil); outline-offset: 1px; }
.rkBirim { display: flex; align-items: center; gap: 8px; } .rkBirim .input { width: 90px; } .rkBirim em { font-style: normal; font-size: 12.5px; color: var(--kSoluk); }
.rkGunler { display: flex; flex-wrap: wrap; gap: 6px; }
.rkGunler span { display: grid; place-items: center; min-width: 48px; min-height: 34px; padding: 0 10px; border-radius: 999px; border: 1px solid var(--kCizgi);
  background: var(--kYuzey); font-size: 12.5px; font-weight: 600; color: var(--kMetin); }
.rkGunler input:checked + span { background: color-mix(in srgb, #d9534f 12%, var(--kYuzey)); border-color: color-mix(in srgb, #d9534f 50%, var(--kCizgi)); color: #d9534f; text-decoration: line-through; }
.rkAnahtar { display: flex; align-items: flex-start; gap: 10px; cursor: pointer; padding-top: 18px; }
.rkAnahtar input { width: 18px; height: 18px; margin-top: 1px; flex: none; accent-color: var(--kBirincil); }
.rkAnahtar > span { display: grid; gap: 2px; font-size: 13px; font-weight: 600; color: var(--kMetin); letter-spacing: 0; }
.rkAlt { grid-column: 1 / -1; display: flex; justify-content: flex-end; }
@media (max-width: 1100px) { .rkForm { grid-template-columns: repeat(2, minmax(0, 1fr)); } .rkGenis { grid-column: 1 / -1; } }
@media (max-width: 560px) { .rkForm { grid-template-columns: minmax(0, 1fr); } .rkAnahtar { padding-top: 0; } .rkAlt .primaryBtn { flex: 1; } }

.rkSeg4 { grid-template-columns: repeat(4, 1fr); }
.rkMola { display: flex; align-items: center; gap: 6px; } .rkMola .input { flex: 1; min-width: 0; } .rkMola em { font-style: normal; color: var(--kSoluk); }
.rkOtomasyon ul { margin: 0; padding: 8px 10px 8px 26px; display: grid; gap: 3px; border-radius: 10px; background: var(--kYuzey2); font-size: 12px; color: var(--kMetin); }
.rkOtomasyon li::marker { color: var(--dTamam, #2f9e6b); }
@media (min-width: 1101px) { .rkOtomasyon { grid-column: span 2; } }
.rpTeyit { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 4px; }
.rpTeyitCip { padding: 7px 2px; font-size: 11.5px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
@media (max-width: 380px) { .rpTeyit { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* powered by lov3yp */