:root { --dBirincil: var(--kBirincil); --dIkinci: var(--kIkinci); --dMurekkep: #272848; --dZemin: #EFF0F8; --dYuzey: #FFFFFF; --dYuzey2: #F8F8FC; --dYuzey3: #F1F2F9; --dYukselti: #FFFFFF; --dMetin: #272848; --dMetin2: #47476A; --dSoluk: #6B6A88; --dSoluk2: #8B8AA3; --dCizgi: #E6E7F2; --dCizgiGuclu: #D5D7E8; --dCizgiSoft: #EEEFF6; --dBirincilMetin: color-mix(in srgb, var(--kBirincil) 84%, #000); --dBirincilSoft: color-mix(in srgb, var(--kBirincil) 9%, var(--dYuzey)); --dBirincilSoft2: color-mix(in srgb, var(--kBirincil) 16%, var(--dYuzey)); --dBirincilHover: color-mix(in srgb, var(--kBirincil) 90%, #000); --dBirincilBasili: color-mix(in srgb, var(--kBirincil) 80%, #000); --dUzerinde: #FFFFFF; --dHalka: 0 0 0 3px color-mix(in srgb, var(--kBirincil) 24%, transparent); --dBasari: #1E9E6A; --dBasariMetin: #137A50; --dBasariSoft: color-mix(in srgb, #1E9E6A 11%, var(--dYuzey)); --dUyari: #D98E10; --dUyariMetin: #8F5D08; --dUyariSoft: color-mix(in srgb, #D98E10 12%, var(--dYuzey)); --dTehlike: #DC4A50; --dTehlikeMetin: #B32F38; --dTehlikeSoft: color-mix(in srgb, #DC4A50 10%, var(--dYuzey)); --dBilgi: var(--kIkinci); --dBilgiMetin: color-mix(in srgb, var(--kIkinci) 52%, #0B2540); --dBilgiSoft: color-mix(in srgb, var(--kIkinci) 13%, var(--dYuzey)); --dPerde: rgba(22, 23, 48, .44); --dCam: color-mix(in srgb, var(--dZemin) 80%, transparent); --dG0: 0 1px 0 rgba(23, 24, 52, .03); --dG1: 0 1px 2px rgba(23, 24, 52, .06); --dG2: 0 1px 2px rgba(23, 24, 52, .04), 0 2px 6px -1px rgba(23, 24, 52, .05); --dG3: 0 2px 4px rgba(23, 24, 52, .04), 0 12px 28px -6px rgba(23, 24, 52, .14); --dG4: 0 4px 12px rgba(23, 24, 52, .06), 0 28px 64px -12px rgba(23, 24, 52, .28); --dGIc: inset 0 1px 0 rgba(255, 255, 255, .16); --dR0: calc(6px * var(--kYaricap, 1)); --dR1: calc(10px * var(--kYaricap, 1)); --dR2: calc(14px * var(--kYaricap, 1)); --dR3: calc(20px * var(--kYaricap, 1)); --dRTam: 999px; --dB1: 4px; --dB2: 8px; --dB3: 12px; --dB4: 16px; --dB5: 20px; --dB6: 24px; --dB8: 32px; --dF1: 12px; --dF2: 13px; --dF3: 14px; --dF4: 16px; --dF5: 18px; --dF6: 22px; --dF7: 28px; --dF8: 34px; --dGovde: 13.5px; --dIkon1: 14px; --dIkon2: 16px; --dIkon3: 18px; --dIkonBosluk: 8px; --dKontrol: 36px; --dKontrolK: 30px; --dKontrolB: 44px; --dKartBosluk: 18px; --dBolum: 16px; --dSatir: 42px; --dIcerikMax: 1480px; --dKenar: 28px; --dUstYuk: 60px; --dAltNavYuk: 64px; --dSureH: 140ms; --dSure: 180ms; --dSureY: 260ms; --dEase: cubic-bezier(.2, .7, .2, 1); --dYay: cubic-bezier(.34, 1.45, .64, 1); --dYayYumusak: cubic-bezier(.22, 1.15, .36, 1); --dFont: "Sofia Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; --dTik: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.2 6.3 4.8 8.8 9.8 3.4' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); --dCizik: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.6 6h6.8' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E"); --dOk: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); --kZemin: var(--dZemin); --kYuzey: var(--dYuzey); --kYuzey2: var(--dYuzey2); --kYuzey3: var(--dYuzey3); --kMetin: var(--dMetin); --kSoluk: var(--dSoluk); --kCizgi: var(--dCizgi); --kCizgiSoft: var(--dCizgiSoft); --kGolgeS: var(--dG2); --kGolgeM: var(--dG3); --kGolgeL: var(--dG4); --kCam: var(--dCam); --kEase: var(--dEase); } html[data-tema="dark"] { --dZemin: #0B0D18; --dYuzey: #12152A; --dYuzey2: #171A31; --dYuzey3: #1E2139; --dYukselti: #1A1D36; --dMetin: #E8E9F5; --dMetin2: #C3C5DD; --dSoluk: #9EA0BF; --dSoluk2: #75789A; --dCizgi: #252943; --dCizgiGuclu: #333857; --dCizgiSoft: #1C1F37; --dBirincilMetin: color-mix(in srgb, var(--kBirincil) 60%, #fff); --dBirincilSoft: color-mix(in srgb, var(--kBirincil) 15%, var(--dYuzey)); --dBirincilSoft2: color-mix(in srgb, var(--kBirincil) 24%, var(--dYuzey)); --dBirincilHover: color-mix(in srgb, var(--kBirincil) 88%, #fff); --dBirincilBasili: color-mix(in srgb, var(--kBirincil) 86%, #000); --dHalka: 0 0 0 3px color-mix(in srgb, var(--kBirincil) 42%, transparent); --dBasari: #34C38A; --dBasariMetin: #63D8A9; --dBasariSoft: color-mix(in srgb, #34C38A 14%, var(--dYuzey)); --dUyari: #F0B44C; --dUyariMetin: #F5C878; --dUyariSoft: color-mix(in srgb, #F0B44C 14%, var(--dYuzey)); --dTehlike: #F06A70; --dTehlikeMetin: #F79A9E; --dTehlikeSoft: color-mix(in srgb, #F06A70 14%, var(--dYuzey)); --dBilgiMetin: color-mix(in srgb, var(--kIkinci) 72%, #fff); --dBilgiSoft: color-mix(in srgb, var(--kIkinci) 15%, var(--dYuzey)); --dPerde: rgba(3, 4, 12, .64); --dCam: color-mix(in srgb, var(--dZemin) 78%, transparent); --dG0: 0 1px 0 rgba(0, 0, 0, .2); --dG1: 0 1px 2px rgba(0, 0, 0, .4); --dG2: 0 1px 2px rgba(0, 0, 0, .32); --dG3: 0 4px 12px rgba(0, 0, 0, .38), 0 16px 36px -8px rgba(0, 0, 0, .5); --dG4: 0 8px 22px rgba(0, 0, 0, .45), 0 32px 80px -12px rgba(0, 0, 0, .7); --dGIc: inset 0 1px 0 rgba(255, 255, 255, .12); --kZemin: var(--dZemin); --kYuzey: var(--dYuzey); --kYuzey2: var(--dYuzey2); --kYuzey3: var(--dYuzey3); --kMetin: var(--dMetin); --kSoluk: var(--dSoluk); --kCizgi: var(--dCizgi); --kCizgiSoft: var(--dCizgiSoft); --kGolgeS: var(--dG2); --kGolgeM: var(--dG3); --kGolgeL: var(--dG4); --kCam: var(--dCam); } @media (max-width: 768px) { :root { --dKontrol: 44px; --dKontrolK: 36px; --dKontrolB: 48px; --dKartBosluk: 14px; --dBolum: 12px; --dKenar: 16px; --dUstYuk: 56px; --dGovde: 14px; --dSatir: 44px; } } @media (min-width: 769px) and (max-width: 1180px) { :root { --dKenar: 20px; } } @media (pointer: coarse) and (min-width: 769px) { :root { --dKontrol: 40px; } } [hidden] { display: none !important; } html { background: var(--dZemin); } body { font-family: var(--dFont); color: var(--dMetin); background: var(--dZemin); font-variant-numeric: tabular-nums; } body:not(.grBody) { font-size: var(--dGovde); line-height: 1.5; } body:not(.grBody) h1, body:not(.grBody) h2, body:not(.grBody) h3, body:not(.grBody) h4 { letter-spacing: -.012em; color: inherit; } ::selection { background: color-mix(in srgb, var(--kBirincil) 24%, transparent); } :focus-visible { outline: 2px solid color-mix(in srgb, var(--kBirincil) 80%, transparent); outline-offset: 2px; } .fa-solid, .fa-regular, .fa-brands, .fas, .far, .fab { line-height: 1; } .dIkon1 { font-size: var(--dIkon1); } .dIkon2 { font-size: var(--dIkon2); } .dIkon3 { font-size: var(--dIkon3); } .dBaslik1 { font-size: var(--dF6); font-weight: 700; letter-spacing: -.02em; line-height: 1.2; margin: 0; } .dBaslik2 { font-size: var(--dF5); font-weight: 700; letter-spacing: -.015em; line-height: 1.25; margin: 0; } .dBaslik3 { font-size: var(--dF4); font-weight: 600; letter-spacing: -.01em; line-height: 1.3; margin: 0; } .dUstEtiket { font-size: 11px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--dSoluk); } .dSoluk { color: var(--dSoluk); } .dMetin2 { color: var(--dMetin2); } .dSayi { font-variant-numeric: tabular-nums; letter-spacing: -.01em; } .card, .cardMb16, .cardMt14, .cardMt16, .cardFlex0x1, .cardFlex1x1, .cardFlex1x12, .cardOzel, .cardMb0MinW0HTamFlex, .cardMb0MinW0Flex0x0H250, .dKart { background: var(--dYuzey); color: var(--dMetin); border: 1px solid var(--dCizgi); border-radius: var(--dR2); box-shadow: var(--dG2); transition: box-shadow var(--dSure) var(--dEase), border-color var(--dSure) var(--dEase), transform var(--dSure) var(--dEase); } [class="card"], [class="cardMb16"], [class="cardMt14"], [class="cardMt16"], [class="cardFlex0x1"], [class="cardFlex1x1"], [class="cardFlex1x12"], [class="cardOzel"], .dKart { padding: var(--dKartBosluk); } .card:hover, .cardMt14:hover { box-shadow: var(--dG2); border-color: var(--dCizgi); } .cardOzel, .card[data-href], .dKartTik { cursor: pointer; } .cardOzel:hover, .card[data-href]:hover, .dKartTik:hover { transform: translateY(-2px); box-shadow: var(--dG3); border-color: color-mix(in srgb, var(--kBirincil) 30%, var(--dCizgi)); } .cardOzel:active, .card[data-href]:active, .dKartTik:active { transform: translateY(0) scale(.99); } .cardTitle, .dKartBaslik { font-size: 15px; font-weight: 600; letter-spacing: -.01em; line-height: 1.3; margin: 0; color: var(--dMetin); } .dKartBas { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 14px; } .dKartAlt { display: flex; align-items: center; justify-content: flex-end; gap: 8px; margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--dCizgiSoft); } html[data-kart="cam"] .card { background: color-mix(in srgb, var(--dYuzey) 72%, transparent); } html[data-kart="golge"] .card { border-color: transparent; box-shadow: var(--dG3); } .primaryBtn, [class^="primaryBtn"], [class*=" primaryBtn"], .ghostBtn, [class^="ghostBtn"], [class*=" ghostBtn"], .dBtn { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: var(--dIkonBosluk); min-height: var(--dKontrol); padding: 0 14px; border-radius: var(--dR1); font-family: inherit; font-size: 13.5px; font-weight: 600; line-height: 1.2; letter-spacing: 0; text-decoration: none; cursor: pointer; user-select: none; transition: background-color var(--dSureH) var(--dEase), border-color var(--dSureH) var(--dEase), color var(--dSureH) var(--dEase), box-shadow var(--dSure) var(--dEase), transform var(--dSure) var(--dYay), opacity var(--dSure); } a.primaryBtn, a[class^="primaryBtn"], a[class*=" primaryBtn"], a.ghostBtn, a[class^="ghostBtn"], a[class*=" ghostBtn"], a.dBtn { display: inline-flex; } .primaryBtn, [class^="primaryBtn"], [class*=" primaryBtn"], .dBtnBirincil { background: var(--kBirincil); color: var(--dUzerinde); border: 1px solid color-mix(in srgb, var(--kBirincil) 82%, #000); box-shadow: var(--dG1), inset 0 1px 0 rgba(255, 255, 255, .18); } .primaryBtn:hover:not(:disabled), [class^="primaryBtn"]:hover:not(:disabled), [class*=" primaryBtn"]:hover:not(:disabled), .dBtnBirincil:hover:not(:disabled) { background: var(--dBirincilHover); transform: translateY(-1px); box-shadow: 0 4px 12px -4px color-mix(in srgb, var(--kBirincil) 60%, transparent), inset 0 1px 0 rgba(255, 255, 255, .18); } .ghostBtn, [class^="ghostBtn"], [class*=" ghostBtn"], .dBtnIkincil { background: var(--dYuzey); color: var(--dMetin); border: 1px solid var(--dCizgiGuclu); box-shadow: var(--dG1); } .ghostBtn:hover:not(:disabled), [class^="ghostBtn"]:hover:not(:disabled), [class*=" ghostBtn"]:hover:not(:disabled), .dBtnIkincil:hover:not(:disabled) { background: var(--dYuzey2); color: var(--dMetin); border-color: color-mix(in srgb, var(--kBirincil) 34%, var(--dCizgiGuclu)); transform: translateY(-1px); } .dBtnHayalet { background: transparent; color: var(--dMetin2); border: 1px solid transparent; box-shadow: none; } .dBtnHayalet:hover:not(:disabled) { background: var(--dYuzey3); color: var(--dMetin); } .primaryBtnTehlike, .dBtnTehlike, .kdTehlikeBtn { background: var(--dTehlike) !important; border: 1px solid color-mix(in srgb, var(--dTehlike) 80%, #000) !important; color: #fff !important; box-shadow: var(--dG1), inset 0 1px 0 rgba(255, 255, 255, .16) !important; } .primaryBtnTehlike:hover:not(:disabled), .dBtnTehlike:hover:not(:disabled), .kdTehlikeBtn:hover { background: color-mix(in srgb, var(--dTehlike) 88%, #000) !important; } .ghostBtnTehlike, .dBtnIkincilTehlike { color: var(--dTehlikeMetin) !important; border-color: color-mix(in srgb, var(--dTehlike) 32%, var(--dCizgiGuclu)) !important; } .ghostBtnTehlike:hover:not(:disabled), .dBtnIkincilTehlike:hover:not(:disabled) { background: var(--dTehlikeSoft) !important; border-color: color-mix(in srgb, var(--dTehlike) 55%, transparent) !important; } .primaryBtn:active:not(:disabled), [class^="primaryBtn"]:active:not(:disabled), [class*=" primaryBtn"]:active:not(:disabled), .ghostBtn:active:not(:disabled), [class^="ghostBtn"]:active:not(:disabled), [class*=" ghostBtn"]:active:not(:disabled), .dBtn:active:not(:disabled) { transform: translateY(0) scale(.97); transition-duration: 80ms; } .primaryBtn:focus-visible, [class^="primaryBtn"]:focus-visible, .ghostBtn:focus-visible, [class^="ghostBtn"]:focus-visible, .dBtn:focus-visible { outline: none; box-shadow: var(--dHalka); } .primaryBtn:disabled, [class^="primaryBtn"]:disabled, .ghostBtn:disabled, [class^="ghostBtn"]:disabled, .dBtn:disabled, [data-kaydet][aria-disabled="true"], .dBtn[aria-disabled="true"] { opacity: .5; cursor: not-allowed; transform: none; box-shadow: none; } .primaryBtn svg, [class^="primaryBtn"] svg, .ghostBtn svg, [class^="ghostBtn"] svg, .dBtn svg { width: var(--dIkon2); height: var(--dIkon2); flex: none; } .primaryBtn i[class*="fa-"], [class^="primaryBtn"] i[class*="fa-"], .ghostBtn i[class*="fa-"], [class^="ghostBtn"] i[class*="fa-"], .dBtn i[class*="fa-"] { font-size: var(--dIkon1); width: 1.1em; text-align: center; } .dBtnK { min-height: var(--dKontrolK); padding: 0 10px; font-size: 12.5px; border-radius: calc(8px * var(--kYaricap, 1)); } .dBtnB { min-height: var(--dKontrolB); padding: 0 20px; font-size: 14.5px; } .dBtnTam { width: 100%; } .dBtnIkon { width: var(--dKontrol); min-width: var(--dKontrol); padding: 0; } .dBtnIkon.dBtnK { width: var(--dKontrolK); min-width: var(--dKontrolK); } .ghostBtn.taksitBtn, .taksitBtn { min-height: 30px; padding: 0 10px; font-size: 12.5px; } .primaryBtnOp0p5PeNone { opacity: .5; pointer-events: none; } .dYukleniyor, [aria-busy="true"].dBtn, .dugmeYukleniyor { color: transparent !important; pointer-events: none; } .dYukleniyor::after, [aria-busy="true"].dBtn::after { content: ""; position: absolute; left: 50%; top: 50%; width: 16px; height: 16px; margin: -8px 0 0 -8px; border-radius: 50%; border: 2px solid rgba(255, 255, 255, .4); border-top-color: #fff; animation: dDon .7s linear infinite; } .ghostBtn.dYukleniyor::after, .dBtnIkincil.dYukleniyor::after, .dBtnHayalet.dYukleniyor::after { border-color: var(--dCizgiGuclu); border-top-color: var(--kBirincil); } @keyframes dDon { to { transform: rotate(360deg); } } .ripDalga { opacity: .14; } .gunNavBtn, .temaBtn, .dIkonBtn { display: inline-grid; place-items: center; width: var(--dKontrol); height: var(--dKontrol); min-width: var(--dKontrol); padding: 0; border-radius: var(--dR1); border: 1px solid var(--dCizgi); background: var(--dYuzey); color: var(--dMetin2); box-shadow: var(--dG1); cursor: pointer; font-size: 15px; transition: background-color var(--dSureH) var(--dEase), border-color var(--dSureH) var(--dEase), color var(--dSureH), transform var(--dSure) var(--dYay); } .gunNavBtn:hover, .temaBtn:hover, .dIkonBtn:hover { background: var(--dYuzey2); color: var(--kBirincil); border-color: color-mix(in srgb, var(--kBirincil) 30%, var(--dCizgi)); transform: translateY(-1px); box-shadow: var(--dG1); } .gunNavBtn:active, .temaBtn:active, .dIkonBtn:active { transform: scale(.94); } .temaBtn svg, .dIkonBtn svg { width: var(--dIkon3); height: var(--dIkon3); } .temaBtn:hover svg { transform: none; } .fieldLabel, .dEtiket { display: block; font-size: 12px; font-weight: 600; color: var(--dMetin2); margin-bottom: 6px; letter-spacing: 0; } .dAlanAciklama { font-size: 12px; color: var(--dSoluk); margin-top: 5px; } .dAlanHata { font-size: 12px; color: var(--dTehlikeMetin); margin-top: 5px; font-weight: 500; } .input, input[class^="input"], select[class^="input"], textarea[class^="input"], .gsAlan, .gsAlanTabBarTaLeft, .kdGirdi, .dGirdi, .seciciBtn { min-height: var(--dKontrol); padding: 0 12px; font-family: inherit; font-size: 13.5px; line-height: 1.3; color: var(--dMetin); background: var(--dYuzey); border: 1px solid var(--dCizgiGuclu); border-radius: var(--dR1); box-shadow: var(--dG0); outline: none; transition: border-color var(--dSureH) var(--dEase), box-shadow var(--dSure) var(--dEase), background-color var(--dSureH) var(--dEase); } textarea.input, textarea[class^="input"], textarea.gsAlan, textarea.kdGirdi, textarea.dGirdi, .inputMinH80 { padding-top: 9px; padding-bottom: 9px; line-height: 1.45; min-height: 76px; resize: vertical; } select.input, select[class^="input"], select.gsAlan, select.dGirdi { -webkit-appearance: none; appearance: none; padding-right: 34px; cursor: pointer; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%238B8AA3' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 10px center; background-size: 16px; } .input:hover:not(:focus):not(:disabled), input[class^="input"]:hover:not(:focus):not(:disabled), .gsAlan:hover:not(:focus):not(:disabled), .kdGirdi:hover:not(:focus), .dGirdi:hover:not(:focus):not(:disabled), .seciciBtn:hover { border-color: color-mix(in srgb, var(--kBirincil) 30%, var(--dCizgiGuclu)); } .input:focus, input[class^="input"]:focus, select[class^="input"]:focus, textarea[class^="input"]:focus, .gsAlan:focus, .gsAlanTabBarTaLeft:focus, .kdGirdi:focus, .dGirdi:focus, .seciciBtn.seciciAcik, .seciciBtn:focus-visible { border-color: var(--kBirincil) !important; box-shadow: var(--dHalka); outline: none; background-color: var(--dYuzey); } .input::placeholder, .gsAlan::placeholder, .kdGirdi::placeholder, .dGirdi::placeholder, textarea::placeholder { color: var(--dSoluk2); opacity: 1; } .input:disabled, input[class^="input"]:disabled, .gsAlan:disabled, .gsAlanPasif, .dGirdi:disabled { background-color: var(--dYuzey3); color: var(--dSoluk); cursor: not-allowed; box-shadow: none; } .input[aria-invalid="true"], .dGirdiHata, .kdGirdiHata, .seciciHatali .seciciBtn, .gsAlan[aria-invalid="true"] { border-color: var(--dTehlike) !important; box-shadow: 0 0 0 3px color-mix(in srgb, var(--dTehlike) 18%, transparent) !important; } .dGirdiTamam { border-color: var(--dBasari) !important; } body:not(.grBody) :where(input[type="text"], input[type="number"], input[type="date"], input[type="time"], input[type="month"], input[type="search"], input[type="email"], input[type="tel"], input[type="password"], select, textarea) { font-family: inherit; color: var(--dMetin); accent-color: var(--kBirincil); } body:not(.grBody) :where(input[type="text"], input[type="number"], input[type="date"], input[type="time"], input[type="month"], input[type="search"], input[type="email"], input[type="tel"], input[type="password"], select, textarea):focus { border-color: var(--kBirincil); box-shadow: var(--dHalka); outline: none; } input[type="date"], input[type="time"], input[type="month"], input[type="datetime-local"] { font-variant-numeric: tabular-nums; } input[type="date"]::-webkit-calendar-picker-indicator, input[type="time"]::-webkit-calendar-picker-indicator, input[type="month"]::-webkit-calendar-picker-indicator { cursor: pointer; opacity: .55; border-radius: 6px; padding: 3px; transition: opacity var(--dSureH), background-color var(--dSureH); } input[type="date"]::-webkit-calendar-picker-indicator:hover, input[type="time"]::-webkit-calendar-picker-indicator:hover, input[type="month"]::-webkit-calendar-picker-indicator:hover { opacity: 1; background-color: var(--dYuzey3); } html[data-tema="dark"] input[type="date"]::-webkit-calendar-picker-indicator, html[data-tema="dark"] input[type="time"]::-webkit-calendar-picker-indicator, html[data-tema="dark"] input[type="month"]::-webkit-calendar-picker-indicator { filter: invert(1); } input[type="number"].input::-webkit-inner-spin-button, input[type="number"][class^="input"]::-webkit-inner-spin-button, input[type="number"].gsAlan::-webkit-inner-spin-button { opacity: .4; } .dGirdiKap { position: relative; display: flex; align-items: center; } .dGirdiKap > .dGirdiIkon { position: absolute; left: 12px; color: var(--dSoluk); font-size: var(--dIkon1); pointer-events: none; transition: color var(--dSureH); } .dGirdiKap > input, .dGirdiKap > .input { padding-left: 36px; } .dGirdiKap:focus-within > .dGirdiIkon { color: var(--kBirincil); } .dGirdiKap > .dGirdiSon { position: absolute; right: 10px; color: var(--dSoluk); font-size: 12.5px; pointer-events: none; } .seciciBtn { display: flex; align-items: center; justify-content: space-between; gap: 8px; width: 100%; padding: 0 10px 0 12px; text-align: left; cursor: pointer; } .seciciBtn > span:first-child { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .seciciBtn > span:last-child { flex: none; width: 16px; height: 16px; font-size: 0 !important; color: var(--dSoluk); background: currentColor; -webkit-mask: var(--dOk) center / 16px no-repeat; mask: var(--dOk) center / 16px no-repeat; transition: transform var(--dSure) var(--dEase), color var(--dSureH); } .seciciBtn.seciciAcik > span:last-child { transform: rotate(180deg); color: var(--kBirincil); } .seciciListe { padding: 4px; background: var(--dYukselti); border: 1px solid var(--dCizgi); border-radius: var(--dR1); box-shadow: var(--dG3); transform-origin: top center; animation: dPop var(--dSure) var(--dEase) both; scrollbar-width: thin; } .seciciSecenek { position: relative; display: flex; align-items: center; width: 100%; min-height: 32px; padding: 0 30px 0 10px; border: none; background: transparent; color: var(--dMetin); border-radius: calc(7px * var(--kYaricap, 1)); font-family: inherit; font-size: 13px; text-align: left; cursor: pointer; transition: background-color var(--dSureH), color var(--dSureH); } .seciciSecenek:hover, .seciciSecenek:focus-visible { background: var(--dYuzey3); color: var(--dMetin); outline: none; } .seciciSecenek.seciciSecili { color: var(--dBirincilMetin); font-weight: 600; background: var(--dBirincilSoft); } .seciciSecenek.seciciSecili::after { content: ""; position: absolute; right: 10px; top: 50%; width: 14px; height: 14px; margin-top: -7px; background: currentColor; -webkit-mask: var(--dTik) center / 14px no-repeat; mask: var(--dTik) center / 14px no-repeat; } @keyframes dPop { from { opacity: 0; transform: translateY(-4px) scale(.97); } to { opacity: 1; transform: none; } } body:not(.grBody) input[type="checkbox"], body:not(.grBody) input[type="radio"], .dOnay { -webkit-appearance: none; appearance: none; flex: none; display: inline-grid; place-content: center; width: 18px; height: 18px; margin: 0; vertical-align: middle; border: 1.5px solid var(--dCizgiGuclu); background: var(--dYuzey); border-radius: calc(5px * var(--kYaricap, 1)); cursor: pointer; color: #fff; accent-color: var(--kBirincil); transition: background-color var(--dSureH) var(--dEase), border-color var(--dSureH) var(--dEase), box-shadow var(--dSure) var(--dEase), transform var(--dSure) var(--dYay); } body:not(.grBody) input[type="radio"] { border-radius: 50%; } body:not(.grBody) input[type="checkbox"]::before, .dOnay::before { content: ""; width: 12px; height: 12px; background: currentColor; -webkit-mask: var(--dTik) center / 12px no-repeat; mask: var(--dTik) center / 12px no-repeat; transform: scale(0); transition: transform 220ms var(--dYay); } body:not(.grBody) input[type="radio"]::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: currentColor; transform: scale(0); transition: transform 220ms var(--dYay); } body:not(.grBody) input[type="checkbox"]:checked, body:not(.grBody) input[type="radio"]:checked, body:not(.grBody) input[type="checkbox"]:indeterminate, .dOnay:checked { background: var(--kBirincil); border-color: var(--kBirincil); } body:not(.grBody) input[type="checkbox"]:checked::before, body:not(.grBody) input[type="radio"]:checked::before, .dOnay:checked::before { transform: scale(1); } body:not(.grBody) input[type="checkbox"]:indeterminate::before { -webkit-mask-image: var(--dCizik); mask-image: var(--dCizik); transform: scale(1); } body:not(.grBody) input[type="checkbox"]:hover:not(:disabled):not(:checked), body:not(.grBody) input[type="radio"]:hover:not(:disabled):not(:checked) { border-color: color-mix(in srgb, var(--kBirincil) 55%, var(--dCizgiGuclu)); background: var(--dBirincilSoft); } body:not(.grBody) input[type="checkbox"]:focus-visible, body:not(.grBody) input[type="radio"]:focus-visible { outline: none; box-shadow: var(--dHalka); } body:not(.grBody) input[type="checkbox"]:active:not(:disabled), body:not(.grBody) input[type="radio"]:active:not(:disabled) { transform: scale(.88); } body:not(.grBody) input[type="checkbox"]:disabled, body:not(.grBody) input[type="radio"]:disabled { opacity: .45; cursor: not-allowed; } body:not(.grBody) input[type="checkbox"][role="switch"], body:not(.grBody) input.dAnahtar, body:not(.grBody) input[data-tanim-aktif], body:not(.grBody) input[data-hizmet-est], body:not(.grBody) input[data-oda-est], body:not(.grBody) input[data-hizmet-bolge-sure], body:not(.grBody) input[name="gecmisTarih"] { width: 34px; height: 20px; padding: 0; place-content: center start; border: none; border-radius: 999px; background: var(--dCizgiGuclu); box-shadow: inset 0 1px 2px rgba(0, 0, 0, .08); } body:not(.grBody) input[type="checkbox"][role="switch"]::before, body:not(.grBody) input.dAnahtar::before, body:not(.grBody) input[data-tanim-aktif]::before, body:not(.grBody) input[data-hizmet-est]::before, body:not(.grBody) input[data-oda-est]::before, body:not(.grBody) input[data-hizmet-bolge-sure]::before, body:not(.grBody) input[name="gecmisTarih"]::before { width: 16px; height: 16px; margin-left: 2px; border-radius: 50%; background: #fff; -webkit-mask: none; mask: none; transform: none; box-shadow: 0 1px 3px rgba(20, 20, 40, .3); transition: transform 260ms var(--dYay), width 160ms var(--dEase); } body:not(.grBody) input[type="checkbox"][role="switch"]:checked, body:not(.grBody) input.dAnahtar:checked, body:not(.grBody) input[data-tanim-aktif]:checked, body:not(.grBody) input[data-hizmet-est]:checked, body:not(.grBody) input[data-oda-est]:checked, body:not(.grBody) input[data-hizmet-bolge-sure]:checked, body:not(.grBody) input[name="gecmisTarih"]:checked { background: var(--kBirincil); } body:not(.grBody) input[type="checkbox"][role="switch"]:checked::before, body:not(.grBody) input.dAnahtar:checked::before, body:not(.grBody) input[data-tanim-aktif]:checked::before, body:not(.grBody) input[data-hizmet-est]:checked::before, body:not(.grBody) input[data-oda-est]:checked::before, body:not(.grBody) input[data-hizmet-bolge-sure]:checked::before, body:not(.grBody) input[name="gecmisTarih"]:checked::before { transform: translateX(14px); } body:not(.grBody) input[type="checkbox"][role="switch"]:active:not(:disabled), body:not(.grBody) input.dAnahtar:active:not(:disabled), body:not(.grBody) input[data-tanim-aktif]:active, body:not(.grBody) input[data-hizmet-est]:active, body:not(.grBody) input[data-oda-est]:active, body:not(.grBody) input[data-hizmet-bolge-sure]:active, body:not(.grBody) input[name="gecmisTarih"]:active { transform: none; } body:not(.grBody) input[type="checkbox"][role="switch"]:active::before, body:not(.grBody) input.dAnahtar:active::before { width: 19px; } .ktAnahtar { width: 40px; height: 24px; border-radius: 999px; background: var(--dCizgiGuclu); } .ktAnahtar::after { width: 18px; height: 18px; top: 3px; left: 3px; box-shadow: 0 1px 3px rgba(20, 20, 40, .3); transition: transform 260ms var(--dYay); } .ktAnahtar[aria-checked="true"] { background: var(--kBirincil); } .ktAnahtar[aria-checked="true"]::after { transform: translateX(16px); } .dSecimSatir { display: inline-flex; align-items: center; gap: 8px; min-height: 28px; font-size: 13px; color: var(--dMetin); cursor: pointer; } body:not(.grBody) input[type="range"] { -webkit-appearance: none; appearance: none; height: 20px; background: transparent; cursor: pointer; accent-color: var(--kBirincil); } body:not(.grBody) input[type="range"]::-webkit-slider-runnable-track { height: 4px; border-radius: 4px; background: linear-gradient(90deg, var(--kBirincil), color-mix(in srgb, var(--kBirincil) 60%, var(--dCizgiGuclu))); } body:not(.grBody) input[type="range"]::-moz-range-track { height: 4px; border-radius: 4px; background: var(--dCizgiGuclu); } body:not(.grBody) input[type="range"]::-moz-range-progress { height: 4px; border-radius: 4px; background: var(--kBirincil); } body:not(.grBody) input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; width: 18px; height: 18px; margin-top: -7px; border-radius: 50%; background: #fff; border: 2px solid var(--kBirincil); box-shadow: var(--dG2); transition: transform var(--dSure) var(--dYay), box-shadow var(--dSure); } body:not(.grBody) input[type="range"]::-moz-range-thumb { width: 14px; height: 14px; border-radius: 50%; background: #fff; border: 2px solid var(--kBirincil); box-shadow: var(--dG2); } body:not(.grBody) input[type="range"]:hover::-webkit-slider-thumb { transform: scale(1.12); } body:not(.grBody) input[type="range"]:active::-webkit-slider-thumb { transform: scale(1.2); box-shadow: var(--dHalka); } body:not(.grBody) input[type="range"]:focus-visible { outline: none; } body:not(.grBody) input[type="range"]:focus-visible::-webkit-slider-thumb { box-shadow: var(--dHalka); } .ktAralik { height: 20px; margin: 6px 0 2px; background: transparent; } body:not(.grBody) input[type="file"] { font-family: inherit; font-size: 13px; color: var(--dSoluk); max-width: 100%; } body:not(.grBody) input[type="file"]::file-selector-button { margin-right: 10px; min-height: var(--dKontrolK); padding: 0 12px; border: 1px solid var(--dCizgiGuclu); border-radius: var(--dR1); background: var(--dYuzey); color: var(--dMetin); font: 600 12.5px var(--dFont); cursor: pointer; transition: background-color var(--dSureH), border-color var(--dSureH); } body:not(.grBody) input[type="file"]::file-selector-button:hover { background: var(--dYuzey2); border-color: color-mix(in srgb, var(--kBirincil) 34%, var(--dCizgiGuclu)); } .dDosya { position: relative; display: grid; justify-items: center; gap: 6px; padding: 22px 16px; text-align: center; border: 1.5px dashed var(--dCizgiGuclu); border-radius: var(--dR2); background: var(--dYuzey2); color: var(--dSoluk); font-size: 13px; cursor: pointer; transition: border-color var(--dSure), background-color var(--dSure), transform var(--dSure) var(--dYay); } .dDosya:hover, .dDosya.dSurukle { border-color: var(--kBirincil); background: var(--dBirincilSoft); color: var(--dMetin); } .dDosya.dSurukle { transform: scale(1.01); } .dDosya > i[class*="fa-"] { font-size: 22px; color: var(--kBirincil); } .dDosya input[type="file"] { position: absolute; inset: 0; opacity: 0; cursor: pointer; } .gsSegment, .ktSeg, .rkSeg, .dSegment { display: inline-grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: 2px; padding: 3px; border: 1px solid var(--dCizgi); border-radius: var(--dR1); background: var(--dYuzey3); overflow: visible; } .gsSegment { display: grid; width: 100%; } .gsSegment > .gsSegBtn, .gsSegment > [class^="gsSegBtnAktif"], .ktSeg button, .dSegment > button, .dSegment > a { min-height: calc(var(--dKontrol) - 8px); padding: 0 12px; border: none; border-radius: calc(8px * var(--kYaricap, 1)); background: transparent; color: var(--dSoluk); font-family: inherit; font-size: 13px; font-weight: 600; white-space: nowrap; cursor: pointer; box-shadow: none; text-decoration: none; display: inline-flex; align-items: center; justify-content: center; gap: 6px; transition: background-color var(--dSure) var(--dEase), color var(--dSureH), box-shadow var(--dSure) var(--dEase), transform var(--dSure) var(--dYay); } .gsSegment > .gsSegBtn:hover, .ktSeg button:hover, .dSegment > :hover { color: var(--dMetin); background: color-mix(in srgb, var(--dYuzey) 50%, transparent); } .gsSegment > .gsSegBtn:active, .ktSeg button:active, .dSegment > :active { transform: scale(.96); } .gsSegment > [class^="gsSegBtnAktif"], .ktSeg button[aria-pressed="true"], .dSegment > .dAktif, .dSegment > [aria-selected="true"] { background: var(--dYuzey); color: var(--dMetin); box-shadow: var(--dG2), 0 0 0 1px var(--dCizgi); animation: dSecimGir var(--dSure) var(--dEase); } html[data-tema="dark"] .gsSegment > [class^="gsSegBtnAktif"], html[data-tema="dark"] .ktSeg button[aria-pressed="true"], html[data-tema="dark"] .dSegment > .dAktif { background: var(--dYuzey3); box-shadow: 0 0 0 1px var(--dCizgiGuclu); } .ktSeg button[aria-pressed="true"] { color: var(--dBirincilMetin); } .rkSeg span { min-height: calc(var(--dKontrol) - 8px); border-radius: calc(8px * var(--kYaricap, 1)); color: var(--dSoluk); transition: background-color var(--dSure), color var(--dSureH), box-shadow var(--dSure); } .rkSeg input:checked + span { background: var(--dYuzey); color: var(--dMetin); box-shadow: var(--dG2), 0 0 0 1px var(--dCizgi); } @keyframes dSecimGir { from { transform: scale(.96); opacity: .6; } to { transform: none; opacity: 1; } } .tabs, .dSekmeler { display: inline-flex; gap: 2px; padding: 3px; border: 1px solid var(--dCizgi); border-radius: var(--dR1); background: var(--dYuzey3); max-width: 100%; overflow-x: auto; scrollbar-width: none; } .tabs::-webkit-scrollbar, .dSekmeler::-webkit-scrollbar { display: none; } .tabs > a, .tabs > button, .tab, .tabNowrapFont, .tabs > [class^="gsSegBtnAktif"], .tabsShrink0 > a { display: inline-flex; align-items: center; justify-content: center; gap: 6px; flex: none; min-height: calc(var(--dKontrol) - 8px); padding: 0 14px; border: none; border-radius: calc(8px * var(--kYaricap, 1)); background: transparent; color: var(--dSoluk); font-family: inherit; font-size: 13px; font-weight: 600; white-space: nowrap; text-decoration: none; cursor: pointer; box-shadow: none; transition: background-color var(--dSure) var(--dEase), color var(--dSureH), box-shadow var(--dSure) var(--dEase), transform var(--dSure) var(--dYay); } .tab:hover, .tabNowrapFont:hover, .tabs > a:hover { color: var(--dMetin); } .tab:active, .tabNowrapFont:active, .tabs > a:active { transform: scale(.96); } .tabs > [class^="gsSegBtnAktif"], .tabsShrink0 > [class^="gsSegBtnAktif"] { background: var(--dYuzey); color: var(--dMetin); box-shadow: var(--dG2), 0 0 0 1px var(--dCizgi); animation: dSecimGir var(--dSure) var(--dEase); } html[data-tema="dark"] .tabs > [class^="gsSegBtnAktif"], html[data-tema="dark"] .tabsShrink0 > [class^="gsSegBtnAktif"] { background: var(--dYuzey); box-shadow: 0 0 0 1px var(--dCizgiGuclu); } .sekmeKabi { gap: var(--dBolum); } .sekmeBar { align-self: stretch; padding: 0; border: none; border-bottom: 1px solid var(--dCizgi); border-radius: 0; background: transparent; box-shadow: none; } .sekmeKay { gap: 4px; border-radius: 0; } .sekme { gap: var(--dIkonBosluk); min-height: 40px; padding: 0 12px; border-radius: var(--dR0) var(--dR0) 0 0; font-size: 13.5px; font-weight: 600; color: var(--dSoluk); letter-spacing: 0; transition: color var(--dSureH), background-color var(--dSureH), transform var(--dSure) var(--dYay); } .sekme svg, .sekme i[class*="fa-"] { width: var(--dIkon2); height: var(--dIkon2); font-size: var(--dIkon1); color: inherit; transition: color var(--dSureH), transform var(--dSure) var(--dYay); } .sekme:hover { color: var(--dMetin); background: color-mix(in srgb, var(--dYuzey3) 70%, transparent); } .sekme:hover svg { transform: none; } .sekme.sekmeAktif { color: var(--dMetin); } .sekme.sekmeAktif svg, .sekme.sekmeAktif i[class*="fa-"] { color: var(--kBirincil); transform: none; } .sekmeCizgi { top: auto; bottom: -1px; height: 2px; border-radius: 2px 2px 0 0; background: var(--kBirincil); box-shadow: none; } .sekmeHazir .sekmeCizgi { transition: transform 280ms var(--dYayYumusak), width 280ms var(--dYayYumusak); } .sekmePanel.sekmeAktif { animation: dYukari var(--dSureY) var(--dEase) backwards; } .sekmeIskelet i { border-radius: var(--dR2); border: 1px solid var(--dCizgi); background: linear-gradient(100deg, var(--dYuzey) 30%, var(--dYuzey3) 50%, var(--dYuzey) 70%); background-size: 200% 100%; animation: dParilti 1.3s linear infinite; } .sekmeHata { border-radius: var(--dR2); border: 1px dashed var(--dCizgiGuclu); } .sayiRozet, .dRozet { display: inline-flex; align-items: center; justify-content: center; min-width: 20px; height: 20px; padding: 0 7px; margin-left: 6px; border-radius: var(--dRTam); font-size: 11.5px; font-weight: 700; line-height: 1; font-variant-numeric: tabular-nums; color: var(--dBirincilMetin); background: var(--dBirincilSoft2); } .durumRozet, .innoDurumChip, .dCip { display: inline-flex; align-items: center; gap: 5px; height: 22px; padding: 0 9px; border-radius: var(--dRTam); font-size: 11.5px; font-weight: 600; line-height: 1; letter-spacing: 0; white-space: nowrap; } .innoDurumChip, .dCip { background: var(--dYuzey3); color: var(--dMetin2); border: 1px solid var(--dCizgi); } .dCip > i[class*="fa-"] { font-size: 11px; } .dCipBirincil { background: var(--dBirincilSoft); color: var(--dBirincilMetin); border-color: color-mix(in srgb, var(--kBirincil) 22%, transparent); } .dCipBasari { background: var(--dBasariSoft); color: var(--dBasariMetin); border-color: color-mix(in srgb, var(--dBasari) 25%, transparent); } .dCipUyari { background: var(--dUyariSoft); color: var(--dUyariMetin); border-color: color-mix(in srgb, var(--dUyari) 28%, transparent); } .dCipTehlike { background: var(--dTehlikeSoft); color: var(--dTehlikeMetin); border-color: color-mix(in srgb, var(--dTehlike) 25%, transparent); } .dCipBilgi { background: var(--dBilgiSoft); color: var(--dBilgiMetin); border-color: color-mix(in srgb, var(--kIkinci) 28%, transparent); } .dCipNokta::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor; } button.dCip, a.dCip { cursor: pointer; transition: background-color var(--dSureH), border-color var(--dSureH), transform var(--dSure) var(--dYay); text-decoration: none; } button.dCip:hover, a.dCip:hover { border-color: color-mix(in srgb, var(--kBirincil) 35%, var(--dCizgi)); } button.dCip:active, a.dCip:active { transform: scale(.95); } .dKpiIzgara { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 12px; } .dKpi { position: relative; display: grid; gap: 4px; padding: 14px 16px; background: var(--dYuzey); border: 1px solid var(--dCizgi); border-radius: var(--dR2); box-shadow: var(--dG2); min-width: 0; transition: transform var(--dSure) var(--dYay), box-shadow var(--dSure) var(--dEase); } .dKpi:hover { transform: translateY(-1px); box-shadow: var(--dG3); } .dKpiEtiket { display: flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 500; color: var(--dSoluk); } .dKpiEtiket i[class*="fa-"] { font-size: 12px; color: var(--kBirincil); } .dKpiDeger { font-size: var(--dF6); font-weight: 700; letter-spacing: -.02em; line-height: 1.15; color: var(--dMetin); font-variant-numeric: tabular-nums; overflow-wrap: anywhere; } .dKpiAlt { display: flex; align-items: center; gap: 6px; font-size: 12px; color: var(--dSoluk); } .dArtis { color: var(--dBasariMetin); font-weight: 600; } .dAzalis { color: var(--dTehlikeMetin); font-weight: 600; } .table { width: 100%; border-collapse: separate; border-spacing: 0; font-size: 13px; background: var(--dYuzey); border: 1px solid var(--dCizgi); border-radius: var(--dR2); color: var(--dMetin); } .table thead th, .table .th { position: sticky; top: 0; z-index: 2; height: 36px; padding: 0 12px; font-size: 11px; font-weight: 600; letter-spacing: .045em; text-transform: uppercase; white-space: nowrap; color: var(--dSoluk); background: var(--dYuzey2); border: 0; border-bottom: 1px solid var(--dCizgi); vertical-align: middle; text-align: left; } .table thead th:first-child, .table .th:first-child { border-top-left-radius: calc(var(--dR2) - 1px); border-bottom-left-radius: 0; } .table thead th:last-child, .table .th:last-child { border-top-right-radius: calc(var(--dR2) - 1px); border-bottom-right-radius: 0; } .table td, .table .td { height: var(--dSatir); padding: 8px 12px; border-bottom: 1px solid var(--dCizgiSoft); vertical-align: middle; font-size: 13px; } .table tbody tr:last-child > td { border-bottom: none; } .table tbody tr { transition: background-color var(--dSureH) var(--dEase); } .table tbody tr:hover { background: color-mix(in srgb, var(--kBirincil) 4%, var(--dYuzey2)); } .table th.taRight, .table td.taRight { text-align: right; } .tabloKaydir { border-radius: var(--dR2); overscroll-behavior-x: contain; scrollbar-width: thin; } .bosSatir, .tabloBos, .rvBosTablo { color: var(--dSoluk); font-size: 13px; } td.bosSatir, .tabloBos { text-align: center; padding: 28px 12px !important; } .sayfalama { display: flex; align-items: center; justify-content: flex-end; gap: 4px; flex-wrap: wrap; margin-top: 10px; } .sayfalama button { min-width: 30px; height: 30px; padding: 0 8px; border: 1px solid var(--dCizgi); border-radius: calc(8px * var(--kYaricap, 1)); background: var(--dYuzey); color: var(--dMetin2); font: 600 12.5px var(--dFont); cursor: pointer; transition: background-color var(--dSureH), border-color var(--dSureH), color var(--dSureH), transform var(--dSure) var(--dYay); } .sayfalama button:hover:not(:disabled) { border-color: color-mix(in srgb, var(--kBirincil) 35%, var(--dCizgi)); color: var(--dMetin); } .sayfalama button:active:not(:disabled) { transform: scale(.94); } .sayfalama button:disabled { opacity: .45; cursor: default; } .sayfalama [aria-current="page"], .sayfalama .sayfaAktif { background: var(--kBirincil) !important; border-color: var(--kBirincil) !important; color: #fff !important; } .tabloAra { display: flex; align-items: center; gap: 8px; min-height: var(--dKontrol); padding: 0 12px; border: 1px solid var(--dCizgiGuclu); border-radius: var(--dR1); background: var(--dYuzey); color: var(--dSoluk); transition: border-color var(--dSureH), box-shadow var(--dSure); } .tabloAra:focus-within { border-color: var(--kBirincil); box-shadow: var(--dHalka); } .tabloAra svg, .tabloAra > i { position: static; transform: none; width: 15px; height: 15px; flex: none; } .tabloAra input { flex: 1; min-width: 0; border: none !important; background: transparent !important; box-shadow: none !important; outline: none; font: inherit; color: var(--dMetin); padding: 0; min-height: 0; } .dBos { display: grid; justify-items: center; gap: 6px; padding: 32px 16px; text-align: center; color: var(--dSoluk); font-size: 13px; } .dBos > i[class*="fa-"] { display: grid; place-items: center; width: 44px; height: 44px; margin-bottom: 4px; border-radius: var(--dR2); background: var(--dYuzey3); color: var(--dSoluk); font-size: 18px; } .dBos > b, .dBos > strong { font-size: 14px; font-weight: 600; color: var(--dMetin); } .dIskelet { display: block; min-height: 12px; border-radius: var(--dR0); background: linear-gradient(100deg, var(--dYuzey3) 30%, color-mix(in srgb, var(--dYuzey3) 40%, var(--dYuzey)) 50%, var(--dYuzey3) 70%); background-size: 200% 100%; animation: dParilti 1.3s linear infinite; } @keyframes dParilti { from { background-position: 100% 0; } to { background-position: -100% 0; } } .modalOverlay { z-index: 800; display: grid; place-items: center; padding: max(24px, var(--guvenUst, 0px)) 24px max(24px, var(--guvenAlt, 0px)); background: var(--dPerde); -webkit-backdrop-filter: blur(6px) saturate(130%); backdrop-filter: blur(6px) saturate(130%); animation: dPerdeGir var(--dSure) var(--dEase) both; } .modalOverlay > * { background: var(--dYukselti); color: var(--dMetin); border: 1px solid var(--dCizgi); border-radius: var(--dR3); box-shadow: var(--dG4); max-height: min(88vh / var(--kOlcekV, 1), 88dvh / var(--kOlcekV, 1)); animation: dModalGir 300ms var(--dYayYumusak) both; } html[data-tema="dark"] .modalOverlay > * { box-shadow: var(--dG4), inset 0 1px 0 rgba(255, 255, 255, .04); } .modalTitle, .mHead.gsBaslik { font-size: 17px; font-weight: 700; letter-spacing: -.015em; line-height: 1.3; color: var(--dMetin); } .mYapi > .mHead { padding: 16px 20px 12px; border-bottom: 1px solid var(--dCizgiSoft); } .mYapi > .mHead::before { display: none; } .mYapi > .mBody { padding: 16px 20px 18px; } .mYapi > .mFooter { display: flex; align-items: center; justify-content: flex-end; gap: 8px; margin: 0 !important; padding: 12px 20px calc(12px + var(--guvenAlt, 0px)); border-top: 1px solid var(--dCizgi); background: var(--dYuzey2); border-radius: 0 0 calc(var(--dR3) - 1px) calc(var(--dR3) - 1px); } .modalActions { gap: 8px; } @keyframes dPerdeGir { from { opacity: 0; } to { opacity: 1; } } @keyframes dModalGir { from { opacity: 0; transform: translateY(10px) scale(.97); } to { opacity: 1; transform: none; } } @keyframes dSayfaGir { from { transform: translateY(100%); } to { transform: none; } } .kdOverlay.kdAcik { background: var(--dPerde); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); } .kdKutu { border-radius: var(--dR3); border: 1px solid var(--dCizgi); background: var(--dYukselti); box-shadow: var(--dG4); padding: 24px 22px 18px; transition: opacity var(--dSure), transform 300ms var(--dYayYumusak); transform: translateY(10px) scale(.97); } .kdIkon { width: 48px; height: 48px; border-radius: var(--dR2); margin-bottom: 12px; font-size: 20px; box-shadow: none; } .kdIkonTehlike { background: var(--dTehlikeSoft); color: var(--dTehlike); box-shadow: none; } .kdIkonSoru { background: var(--dBirincilSoft2); color: var(--kBirincil); box-shadow: none; } .kdIkonDuzen { background: var(--dBilgiSoft); color: var(--dBilgiMetin); box-shadow: none; } .kdBaslik { font-size: 17px; font-weight: 700; letter-spacing: -.015em; } .kdMesaj { font-size: 13.5px; color: var(--dSoluk); margin-bottom: 14px; } .kdGirdi { min-height: var(--dKontrolB); } .kdAksiyon { gap: 8px; margin-top: 16px; } .kdAksiyon > button { min-height: 40px; border-radius: var(--dR1); font-size: 14px; } .sbMenu, .dPopover { background: var(--dYukselti); border: 1px solid var(--dCizgi); border-radius: var(--dR2); box-shadow: var(--dG3); padding: 6px; transform-origin: bottom left; animation: dPop var(--dSure) var(--dEase) both; } .dPopoverOge, .sbMenuItem { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 36px; padding: 0 10px; border: none; background: transparent; border-radius: var(--dR0); color: var(--dMetin); font: 500 13.5px var(--dFont); text-decoration: none; cursor: pointer; text-align: left; transition: background-color var(--dSureH), color var(--dSureH); } .dPopoverOge:hover, .sbMenuItem:hover, .sbMenuItem:focus-visible { background: var(--dYuzey3); outline: none; } .toastKap { gap: 8px; } .toast { gap: 10px; padding: 11px 14px 11px 12px; border-radius: var(--dR2); background: var(--dYukselti); color: var(--dMetin); border: 1px solid var(--dCizgi); border-left: 1px solid var(--dCizgi); box-shadow: var(--dG3); font-size: 13.5px; font-weight: 500; animation: dToastGir 320ms var(--dYayYumusak) both; } .toast::before { content: ""; flex: none; width: 8px; height: 8px; border-radius: 50%; background: var(--dBasari); box-shadow: 0 0 0 4px color-mix(in srgb, var(--dBasari) 18%, transparent); } .toastHata::before { background: var(--dTehlike); box-shadow: 0 0 0 4px color-mix(in srgb, var(--dTehlike) 18%, transparent); } .toastUyari::before { background: var(--dUyari); box-shadow: 0 0 0 4px color-mix(in srgb, var(--dUyari) 20%, transparent); } .toast::after { height: 2px; opacity: .5; } .toastBasari::after { color: var(--dBasari); } .toastHata::after { color: var(--dTehlike); } .toastUyari::after { color: var(--dUyari); } .toastGizle { opacity: 0; transform: translateX(16px) scale(.98); transition: opacity var(--dSure) var(--dEase), transform var(--dSure) var(--dEase); } @keyframes dToastGir { from { opacity: 0; transform: translateX(24px) scale(.98); } to { opacity: 1; transform: none; } } .girisHata { padding: 10px 12px; border-radius: var(--dR1); border: 1px solid color-mix(in srgb, var(--dTehlike) 30%, transparent); background: var(--dTehlikeSoft); color: var(--dTehlikeMetin); font-size: 13px; font-weight: 500; } @keyframes dYukari { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } } @keyframes dSolukGir { from { opacity: 0; } to { opacity: 1; } } .content > *, .contentMusteriSagBoxSizing > * { animation: dYukari var(--dSureY) var(--dEase) backwards; animation-delay: calc(var(--i, 0) * 40ms + 30ms); } .table tbody tr { animation: dSolukGir 220ms var(--dEase) backwards; animation-delay: calc(var(--i, 0) * 16ms + 80ms); } .kasaToplamGrid > *, .kasaToplamGridMt14 > *, .kasaToplamGridMt16 > *, .dashIstGrid > *, .personelGrid > *, .primGrid > *, .dKpiIzgara > *, .dKademe > * { animation: dYukari var(--dSureY) var(--dEase) backwards; animation-delay: calc(var(--i, 0) * 45ms + 60ms); } .dKademe > *:nth-child(1) { --i: 0; } .dKademe > *:nth-child(2) { --i: 1; } .dKademe > *:nth-child(3) { --i: 2; } .dKademe > *:nth-child(4) { --i: 3; } .dKademe > *:nth-child(5) { --i: 4; } .dKademe > *:nth-child(n+6) { --i: 5; } .dKpiIzgara > *:nth-child(1) { --i: 0; } .dKpiIzgara > *:nth-child(2) { --i: 1; } .dKpiIzgara > *:nth-child(3) { --i: 2; } .dKpiIzgara > *:nth-child(n+4) { --i: 3; } .yukBar { height: 2px; background: var(--kBirincil); box-shadow: none; animation: none; } @media (max-width: 768px) { body:not(.grBody) input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]), body:not(.grBody) select, body:not(.grBody) textarea, .seciciBtn, .kdGirdi { font-size: 16px !important; } .input, input[class^="input"], select[class^="input"], .gsAlan, .seciciBtn, .dGirdi, .kdGirdi { min-height: var(--dKontrol); } .primaryBtn, [class^="primaryBtn"], [class*=" primaryBtn"], .ghostBtn, [class^="ghostBtn"], [class*=" ghostBtn"], .dBtn { min-height: var(--dKontrol); font-size: 14px; } .ghostBtn.taksitBtn, .taksitBtn { min-height: 36px; } .seciciSecenek { min-height: 44px; font-size: 15px; } body:not(.grBody) input[type="checkbox"]:not([role="switch"]):not(.dAnahtar):not([data-tanim-aktif]):not([data-hizmet-est]):not([data-oda-est]):not([data-hizmet-bolge-sure]):not([name="gecmisTarih"]), body:not(.grBody) input[type="radio"] { width: 20px; height: 20px; } body:not(.grBody) input[type="checkbox"][role="switch"], body:not(.grBody) input.dAnahtar, body:not(.grBody) input[data-tanim-aktif], body:not(.grBody) input[data-hizmet-est], body:not(.grBody) input[data-oda-est], body:not(.grBody) input[data-hizmet-bolge-sure], body:not(.grBody) input[name="gecmisTarih"] { width: 40px; height: 24px; } body:not(.grBody) input[type="checkbox"][role="switch"]::before, body:not(.grBody) input.dAnahtar::before, body:not(.grBody) input[data-tanim-aktif]::before, body:not(.grBody) input[data-hizmet-est]::before, body:not(.grBody) input[data-oda-est]::before, body:not(.grBody) input[data-hizmet-bolge-sure]::before, body:not(.grBody) input[name="gecmisTarih"]::before { width: 20px; height: 20px; } body:not(.grBody) input[type="checkbox"][role="switch"]:checked::before, body:not(.grBody) input.dAnahtar:checked::before, body:not(.grBody) input[data-tanim-aktif]:checked::before, body:not(.grBody) input[data-hizmet-est]:checked::before, body:not(.grBody) input[data-oda-est]:checked::before, body:not(.grBody) input[data-hizmet-bolge-sure]:checked::before, body:not(.grBody) input[name="gecmisTarih"]:checked::before { transform: translateX(16px); } .gsSegment > *, .ktSeg button, .dSegment > button, .dSegment > a, .tabs > a, .tabs > button, .tab, .tabNowrapFont, .tabsShrink0 > a { min-height: 38px; font-size: 13.5px; } .sekme { min-height: 44px; } .sayfalama button { min-width: 38px; height: 38px; } .gunNavBtn, .temaBtn, .dIkonBtn { width: 44px; height: 44px; min-width: 44px; } .table, .table td, .table .td { font-size: 13px; } .tabloKaydir { background: linear-gradient(90deg, var(--dYuzey) 30%, color-mix(in srgb, var(--dYuzey) 0%, transparent)) left / 24px 100% no-repeat local, linear-gradient(270deg, var(--dYuzey) 30%, color-mix(in srgb, var(--dYuzey) 0%, transparent)) right / 24px 100% no-repeat local, radial-gradient(farthest-side at 0 50%, rgba(var(--kGolgeRenk, 30, 32, 64), .16), transparent) left / 10px 100% no-repeat scroll, radial-gradient(farthest-side at 100% 50%, rgba(var(--kGolgeRenk, 30, 32, 64), .16), transparent) right / 10px 100% no-repeat scroll, var(--dYuzey); border: 1px solid var(--dCizgi); } .tabloKaydir > .table { border: none; background: transparent; border-radius: 0; } .tabloKaydir > .table thead th { background: color-mix(in srgb, var(--dYuzey2) 92%, transparent); } .modalOverlay { place-items: end center; padding: 0 !important; } .modalOverlay > * { width: 100% !important; max-width: 100% !important; max-height: calc(92dvh / var(--kOlcekV, 1)) !important; border-radius: var(--dR3) var(--dR3) 0 0 !important; border-bottom: none; animation: dSayfaGir 320ms cubic-bezier(.22, .9, .3, 1) both; } .mYapi::before { width: 36px; height: 4px; margin: 8px auto 0; border-radius: 4px; background: var(--dCizgiGuclu); } .mYapi > .mHead { padding: 10px 16px 10px; } .mYapi > .mBody { padding: 14px 16px 16px; } .mYapi > .mFooter { padding: 10px 16px calc(10px + var(--guvenAlt, 0px)); border-radius: 0; } .mYapi > .mFooter .ghostBtn, .mYapi > .mFooter .primaryBtn, .mYapi > .mFooter [class^="primaryBtn"], .mYapi > .mFooter [class^="ghostBtn"] { flex: 1 1 0; min-height: 44px; } .modalTitle, .mHead.gsBaslik { font-size: 17px; } .kdOverlay { place-items: end center; padding: 8px 8px calc(8px + var(--guvenAlt, 0px)); } .kdAksiyon > button { min-height: 44px; } .toast { font-size: 14px; } @keyframes dToastGir { from { opacity: 0; transform: translateY(16px) scale(.98); } to { opacity: 1; transform: none; } } } :root { --sbG: 244px; --sbRay: 72px; --dSbZemin: var(--kKenar, #272848); --dSbYazi: rgba(255, 255, 255, .66); --dSbSoluk: rgba(255, 255, 255, .4); --dSbCizgi: rgba(255, 255, 255, .08); --dSbHover: rgba(255, 255, 255, .06); --dSbAktif: rgba(255, 255, 255, .1); } .app { background: var(--dZemin); } html[data-zemin="aurora"] .app::before, html:not([data-zemin]) .app::before { opacity: .32; animation-duration: 40s; } html[data-zemin="aurora"] .app::after, html:not([data-zemin]) .app::after { opacity: .22; animation-duration: 48s; } .main { min-width: 0; } .topbar { position: sticky; top: 0; z-index: 40; display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: var(--dUstYuk); padding: var(--guvenUst, 0px) max(var(--dKenar), calc((100% - var(--dIcerikMax)) / 2)) 0; padding-top: var(--guvenUst, 0px); padding-bottom: 0; background: var(--dCam); -webkit-backdrop-filter: saturate(170%) blur(14px); backdrop-filter: saturate(170%) blur(14px); border-bottom: 1px solid color-mix(in srgb, var(--dCizgi) 80%, transparent); box-shadow: none; animation: dSolukGir var(--dSureY) var(--dEase) backwards; } .baslikSol { display: flex; align-items: center; gap: 16px; min-width: 0; flex: 1 1 auto; } .pageTitle { margin: 0; font-size: var(--dF5); font-weight: 700; letter-spacing: -.02em; line-height: 1.2; color: var(--dMetin); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; } .pageTitle { display: flex; align-items: center; gap: 8px; font-size: 15px; font-weight: 600; letter-spacing: -.01em; } .ustYolParca { flex: 0 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; color: var(--dSoluk); font-weight: 500; } .ustYolAyrac { flex: none; font-size: 9px; color: var(--dSoluk2); } .ustYolSon { flex: 0 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; color: var(--dMetin); } .tabsShrink0 { display: inline-flex; gap: 2px; padding: 3px; flex-shrink: 0; border: 1px solid var(--dCizgi); border-radius: var(--dR1); background: var(--dYuzey3); box-shadow: none; } .topRight { position: relative; display: flex; align-items: center; gap: 8px; flex: none; } .topRight > .ustAraclar { order: 1; display: flex; align-items: center; gap: 6px; } .topRight > .subeSecici { order: 2; } .topRight > .ustDahaBtn { order: 3; } .ustDahaBtn { display: none; } .ustEtiket, .ustKisayol { display: none; } .topRight > .hizliSatis { order: 0; } .hizliSatis { display: flex; align-items: center; gap: 6px; flex: none; } .hsBtn { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 7px; height: var(--dKontrol); min-width: var(--dKontrol); padding: 0 14px 0 12px; border-radius: var(--dR1); font: 600 13px/1 var(--dFont); letter-spacing: 0; white-space: nowrap; cursor: pointer; overflow: hidden; isolation: isolate; user-select: none; -webkit-user-select: none; -webkit-tap-highlight-color: transparent; transition: transform var(--dSure) var(--dYay), box-shadow var(--dSure) var(--dEase), background-color var(--dSureH), color var(--dSureH), border-color var(--dSureH), filter var(--dSureH); } .hsBtn::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(110deg, transparent 30%, color-mix(in srgb, var(--dUzerinde) 28%, transparent) 50%, transparent 70%); transform: translateX(-120%); transition: transform 520ms var(--dEase); pointer-events: none; } .hsBtn i[class*="fa-"] { font-size: 14px; width: 1.1em; text-align: center; transition: transform var(--dSureY) var(--dYay); } .hsBtn:hover { transform: translateY(-1px); } .hsBtn:hover::after { transform: translateX(120%); } .hsBtn:hover i[class*="fa-"] { transform: rotate(-8deg) scale(1.12); } .hsBtn:active { transform: translateY(0) scale(.95); transition-duration: 80ms; } .hsBtn:focus-visible { outline: none; box-shadow: var(--dHalka); } .hsBtn[aria-busy="true"] { pointer-events: none; cursor: progress; } .hsBtn[aria-busy="true"] i[class*="fa-"] { transform: none; } .hsPaket { color: var(--dUzerinde); border: 1px solid var(--dBirincilBasili); background: linear-gradient(135deg, var(--kBirincil), color-mix(in srgb, var(--kBirincil) 55%, var(--kIkinci))); box-shadow: 0 4px 12px -6px color-mix(in srgb, var(--kBirincil) 75%, transparent), var(--dGIc); } .hsPaket:hover { filter: saturate(1.08) brightness(1.04); box-shadow: 0 8px 18px -8px color-mix(in srgb, var(--kBirincil) 80%, transparent), var(--dGIc); } .hsUrun { color: var(--dBilgiMetin); border: 1px solid color-mix(in srgb, var(--kIkinci) 42%, var(--dCizgi)); background: var(--dBilgiSoft); box-shadow: var(--dG1); } .hsUrun i[class*="fa-"] { color: color-mix(in srgb, var(--kIkinci) 70%, var(--dBilgiMetin)); } .hsUrun::after { background: linear-gradient(110deg, transparent 30%, color-mix(in srgb, var(--kIkinci) 22%, transparent) 50%, transparent 70%); } .hsUrun:hover { border-color: color-mix(in srgb, var(--kIkinci) 70%, var(--dCizgi)); background: color-mix(in srgb, var(--kIkinci) 20%, var(--dYuzey)); box-shadow: 0 6px 14px -8px color-mix(in srgb, var(--kIkinci) 80%, transparent); } @media (max-width: 1280px) { .hsBtn { width: 40px; min-width: 40px; padding: 0; border-radius: var(--dRTam); } .hsEtiket { display: none; } } @media (min-width: 1281px) and (max-width: 1600px) { .topbar:has(.tabsShrink0) .hsBtn { width: 40px; min-width: 40px; padding: 0; border-radius: var(--dRTam); } .topbar:has(.tabsShrink0) .hsEtiket { display: none; } } @media (max-width: 768px) { .hizliSatis { gap: 4px; } .hsBtn { width: 38px; min-width: 38px; height: 36px; } .hsBtn i[class*="fa-"] { font-size: 15px; } } @media (prefers-reduced-motion: reduce) { .hsBtn::after { display: none; } } .kpDugme { display: inline-flex; align-items: center; gap: 8px; width: 200px; height: var(--dKontrol); padding: 0 8px 0 12px; border: 1px solid var(--dCizgi); border-radius: var(--dR1); background: var(--dYuzey); color: var(--dSoluk); font: 500 13px var(--dFont); cursor: pointer; box-shadow: var(--dG1); transition: border-color var(--dSureH), color var(--dSureH), box-shadow var(--dSure), transform var(--dSure) var(--dYay); } .kpDugme:hover { border-color: color-mix(in srgb, var(--kBirincil) 30%, var(--dCizgi)); color: var(--dMetin); } .kpDugme:active { transform: scale(.98); } .kpDugme i { font-size: 13px; } .ustAraclar .kpDugme .ustEtiket { display: inline; flex: 1; text-align: left; } .ustAraclar .kpDugme .ustKisayol { display: inline-block; margin-left: auto; padding: 2px 6px; border: 1px solid var(--dCizgi); border-radius: 6px; background: var(--dYuzey2); color: var(--dSoluk); font: 600 10.5px var(--dFont); letter-spacing: .02em; } .temaBtn { position: relative; overflow: hidden; } .temaBtn i[class*="fa-"] { font-size: 15px; } .temaIkon { position: relative; display: grid; place-items: center; width: 18px; height: 18px; } .temaIkon .temaGunes, .temaIkon .temaAy { position: absolute; transition: transform 320ms var(--dYay), opacity var(--dSure); } html[data-tema="dark"] .temaIkon .temaGunes, html:not([data-tema="dark"]) .temaIkon .temaAy { opacity: 0; transform: rotate(-90deg) scale(.4); } .subeSecici { display: flex; align-items: center; gap: 8px; padding: 0; background: none; border: none; border-radius: 0; } .subeSeciciLabel { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 600; color: var(--dSoluk); white-space: nowrap; } .subeSeciciLabel i { font-size: 12px; } .subeSecici .minW130 { min-width: 148px; } .subeSecici .seciciBtn { font-weight: 600; min-height: var(--dKontrol); } .subeSecici .seciciListe { left: auto; right: 0; min-width: 180px; } .main > .p24x30 { width: 100%; max-width: calc(var(--dIcerikMax) + var(--dKenar) * 2); margin: 0 auto; padding: 16px var(--dKenar) 0; } .main > .p24x30 .tabBar { gap: 10px; } .main > .izolasyonNot { display: flex; align-items: flex-start; gap: 10px; width: calc(100% - var(--dKenar) * 2); max-width: var(--dIcerikMax); margin: 16px auto 0; padding: 10px 14px; border-radius: var(--dR1); background: var(--dUyariSoft); color: var(--dUyariMetin); border: 1px solid color-mix(in srgb, var(--dUyari) 26%, transparent); font-size: 13px; line-height: 1.45; } .main > .izolasyonNot::before { content: "\f05a"; font: var(--fa-font-solid, 900 14px "Font Awesome 6 Free"); font-size: 14px; line-height: 1.45; flex: none; } .content, .contentMusteriSagBoxSizing { width: 100%; max-width: calc(var(--dIcerikMax) + var(--dKenar) * 2); margin-inline: auto; padding: 20px var(--dKenar) 64px; gap: var(--dBolum); } .sb { width: var(--sbG); background: var(--dSbZemin); box-shadow: inset -1px 0 0 var(--dSbCizgi); } html[data-tema="dark"] .sb { background: color-mix(in srgb, var(--dSbZemin) 70%, var(--dZemin)); } .sbFon { display: none; } .sbToggle { top: 22px; right: -12px; width: 24px; height: 24px; color: var(--dSoluk); background: var(--dYuzey); border: 1px solid var(--dCizgi); box-shadow: var(--dG2); transition: transform var(--dSure) var(--dYay), color var(--dSureH), border-color var(--dSureH), background-color var(--dSureH); } .sbToggle i { font-size: 10px; transition: transform var(--dSureY) var(--dEase); } .sbToggle:hover { color: #fff; background: var(--kBirincil); border-color: var(--kBirincil); box-shadow: var(--dG2); } html.sidebarDar .sbToggle i { transform: rotate(180deg); } .sbUst { padding: calc(16px + var(--guvenUst, 0px)) 14px 10px; } .sbMarka { gap: 10px; } .sbLogo { width: 34px; height: 34px; border-radius: calc(10px * var(--kYaricap, 1)); background: rgba(255, 255, 255, .08); border: 1px solid rgba(255, 255, 255, .1); box-shadow: none; } .sbLogo img { width: 24px; height: 24px; animation: none; } .sbMarka:hover .sbLogo { transform: rotate(-6deg) scale(1.05); } .sbMarkaMetin { gap: 2px; } .sbMarkaMetin b { font-size: 15.5px; letter-spacing: -.01em; } .sbMarkaMetin small { font-size: 9.5px; letter-spacing: .14em; color: var(--dSbSoluk); } .sbNav { padding: 4px 10px 10px; gap: 2px; } .sbEtiket { padding: 12px 10px 6px; font-size: 10.5px; font-weight: 600; letter-spacing: .1em; color: var(--dSbSoluk); } .sbEtiket.sbBolum { padding: 18px 12px 6px; font-size: 11.5px; font-weight: 500; letter-spacing: 0; text-transform: none; color: var(--dSbSoluk); opacity: .8; } .sbAvatar .sbRozet.sbRozetNokta { top: -1px; right: -1px; width: 10px; min-width: 10px; height: 10px; padding: 0; font-size: 0; line-height: 0; border-radius: 50%; } .sbNav > .sbBolum:first-child { padding-top: 6px; } .kGezinti { position: fixed; top: 0; left: 0; z-index: 9999; width: 0; height: 2.5px; border-radius: 0 2px 2px 0; background: linear-gradient(90deg, var(--kBirincil), var(--kIkinci)); box-shadow: 0 0 10px color-mix(in srgb, var(--kBirincil) 55%, transparent); opacity: 0; pointer-events: none; } .kGezinti.kGezintiAktif { opacity: 1; width: 78%; transition: width 5s cubic-bezier(.08, .7, .2, 1), opacity .12s ease; } .kGezinti.kGezintiBitti { opacity: 0; width: 100%; transition: width .18s ease, opacity .3s ease .12s; } ::view-transition-old(root), ::view-transition-new(root) { animation-duration: .16s; } @media (prefers-reduced-motion: reduce) { .kGezinti { display: none; } } .sbAyrac { height: 1px; margin: 12px 12px; background: var(--dSbCizgi); } :where(button.sbItem) { appearance: none; -webkit-appearance: none; width: 100%; margin: 0; border: 0; background: none; font: inherit; color: inherit; text-align: left; cursor: pointer; } .sbGrupBas .sbOk { pointer-events: none; } html.sidebarDar .sbAyrac { margin: 10px 16px; } html.sidebarDar .sbEtiket.sbBolum { display: block; height: 1px; margin: 10px 16px; padding: 0; overflow: hidden; font-size: 0; background: var(--dSbCizgi); } .sbItem { height: 38px; gap: 10px; padding: 0 10px 0 6px; border-radius: var(--dR1); font-size: 13.5px; font-weight: 500; letter-spacing: 0; color: var(--dSbYazi); box-shadow: none; transition: background-color var(--dSureH) var(--dEase), color var(--dSureH) var(--dEase); } .sbIkon { width: 28px; height: 28px; border-radius: calc(8px * var(--kYaricap, 1)); background: transparent; color: rgba(255, 255, 255, .58); box-shadow: none; font-size: 15px; transition: color var(--dSureH), transform var(--dSure) var(--dYay); } .sbIkon svg { width: 17px; height: 17px; } .sbItem:hover { background: var(--dSbHover); color: #fff; } .sbItem:hover .sbIkon { background: transparent; color: #fff; transform: translateX(1px); } .sbItem:active .sbIkon { transform: scale(.92); } .sbItem::before { left: -10px; width: 3px; height: 18px; border-radius: 0 3px 3px 0; background: var(--kBirincil); box-shadow: none; transition: transform var(--dSureY) var(--dYay); } .sbItem.sbAktif { color: #fff; background: var(--dSbAktif); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .05); } .sbItem.sbAktif .sbIkon { color: color-mix(in srgb, var(--kBirincil) 55%, #fff); background: transparent; box-shadow: none; } .sbItem:focus-visible, .sbAltItem:focus-visible, .sbOk:focus-visible, .sbKullaniciBtn:focus-visible, .sbToggle:focus-visible, .sbKapat:focus-visible, .sbMarka:focus-visible { outline: 2px solid color-mix(in srgb, var(--kBirincil) 70%, #fff); outline-offset: 1px; } .sbOk { right: 4px; width: 28px; height: 28px; border-radius: calc(8px * var(--kYaricap, 1)); color: var(--dSbSoluk); } .sbOk i { font-size: 11px; transition: transform var(--dSureY) var(--dEase); } .sbAcik > .sbSatir .sbOk i { transform: rotate(180deg); } .sbSatir .sbItem { padding-right: 36px; } .sbAltListe { margin: 2px 0 6px 20px; padding: 2px 0 2px 10px; border-left: 1px solid var(--dSbCizgi); gap: 1px; } .sbAltItem { height: 34px; gap: 9px; padding: 0 10px; border-radius: calc(8px * var(--kYaricap, 1)); font-size: 13px; font-weight: 500; color: rgba(255, 255, 255, .56); } .sbAltIkon { font-size: 13px; width: 16px; } .sbAltItem::before { left: -10.5px; width: 6px; height: 1px; background: var(--dSbCizgi); } .sbAltItem:hover { color: #fff; background: var(--dSbHover); } .sbAltItem:hover::before { width: 8px; background: var(--dSbSoluk); } .sbAltItem.sbAktif { color: #fff; font-weight: 600; background: color-mix(in srgb, var(--kBirincil) 24%, transparent); box-shadow: none; } .sbAltItem.sbAktif::before { width: 8px; background: var(--kBirincil); box-shadow: none; } .kpFavKap { margin-bottom: 4px; } .kpFavLink { display: flex; align-items: center; gap: 8px; padding: 6px 10px; font-size: 12.5px; color: var(--dSbYazi); } .kpFavLink i { font-size: 10px; color: var(--dUyari); } .sbDip { gap: 8px; padding: 10px 10px calc(30px + var(--guvenAlt, 0px)); border-top: 1px solid var(--dSbCizgi); background: none; } .sbDoluluk { gap: 10px; padding: 8px 10px; border-radius: var(--dR2); background: rgba(255, 255, 255, .04); border: 1px solid var(--dSbCizgi); -webkit-backdrop-filter: none; backdrop-filter: none; box-shadow: none; } .sbHalka { width: 38px; height: 38px; } .sbHalkaOn { filter: none; } .sbDolulukYuzde { left: 10px; top: 8px; width: 38px; height: 38px; font-size: 10px; font-weight: 700; } .sbDolulukMetin b { font-size: 12.5px; font-weight: 600; } .sbDolulukMetin small { font-size: 11.5px; color: var(--dSbSoluk); } .sbKullaniciBtn { gap: 10px; padding: 6px 8px 6px 6px; border-radius: var(--dR2); background: rgba(255, 255, 255, .04); border: 1px solid var(--dSbCizgi); transition: background-color var(--dSureH), border-color var(--dSureH); } .sbKullaniciBtn:hover, .sbKullaniciBtn[aria-expanded="true"] { background: rgba(255, 255, 255, .08); border-color: rgba(255, 255, 255, .14); } .sbAvatar { width: 32px; height: 32px; border-radius: calc(9px * var(--kYaricap, 1)); font-size: 13px; background: var(--kBirincil); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2); } .sbRozet { z-index: 1; top: -7px; right: -11px; min-width: 18px; height: 16px; padding: 0 4px; border-radius: var(--dRTam); font-size: 9.5px; line-height: 1; letter-spacing: 0; background: var(--dTehlike); border: 2px solid var(--dSbZemin); box-shadow: none; } .sbRozet i[class*="fa-"], .sbMenuRozet i[class*="fa-"] { font-size: 8.5px; } .sbRozetKilit { background: var(--dUyari); } .sbKullaniciMetin b { font-size: 13px; } .sbKullaniciMetin small { font-size: 11.5px; color: var(--dSbSoluk); } .sbKullaniciOk i { font-size: 11px; transform: rotate(180deg); } .sbMenu { left: 0; right: 0; bottom: calc(100% + 8px); min-width: 220px; border-radius: var(--dR2); } .sbMenuBas { padding: 8px 10px 10px; margin-bottom: 4px; border-bottom: 1px solid var(--dCizgiSoft); } .sbMenuBas b { font-size: 13.5px; } .sbMenuBas small { color: var(--dSoluk); } .sbMenuItem i[class*="fa-"] { width: 16px; font-size: 14px; text-align: center; color: var(--dSoluk); transition: color var(--dSureH); } .sbMenuItem:hover { color: var(--dMetin); } .sbMenuItem:hover i[class*="fa-"] { color: var(--kBirincil); } .sbMenuRozet { display: inline-grid; place-items: center; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 999px; font-size: 10.5px; background: var(--dTehlike); } .sbMenuRozet.sbRozetKilit { background: var(--dUyari); } .sbMenuCikis:hover { background: var(--dTehlikeSoft); color: var(--dTehlikeMetin); } .sbMenuCikis:hover i[class*="fa-"] { color: var(--dTehlike); } .sbMenu form { margin: 4px 0 0; padding-top: 4px; border-top: 1px solid var(--dCizgiSoft); } .sbKapat { width: 36px; height: 36px; border-radius: var(--dR1); background: rgba(255, 255, 255, .06); border-color: var(--dSbCizgi); } .sbKapat i { font-size: 15px; } .sbNav > .sbItem, .sbNav > .sbGrup { animation: dSolaGir var(--dSureY) var(--dEase) backwards; animation-delay: calc(var(--i, 0) * 30ms + 40ms); } @keyframes dSolaGir { from { opacity: 0; transform: translateX(-6px); } to { opacity: 1; transform: none; } } @media (min-width: 901px) { html.sidebarDar .sbNav { padding-left: 10px; padding-right: 10px; } html.sidebarDar .sbGrup, html.sidebarDar .sbSatir, html.sidebarDar .sbItem { width: 48px; } html.sidebarDar .sbItem { height: 42px; } html.sidebarDar .sbItem::before { left: -10px; } html.sidebarDar .sbDip { padding-left: 10px; padding-right: 10px; padding-bottom: calc(40px + var(--guvenAlt, 0px)); } html.sidebarDar .sbDolulukYuzde { margin: -19px 0 0 -19px; } html.sidebarDar .sbAlt { left: calc(var(--sbRay) + 8px); width: 220px; padding: 6px; border-radius: var(--dR2); background: var(--dSbZemin); border: 1px solid rgba(255, 255, 255, .1); box-shadow: var(--dG4); } html.sidebarDar .sbItem[data-tip]::after { left: calc(var(--sbRay) + 8px); top: calc(var(--fy, 0px) + 7px); padding: 6px 10px; border-radius: var(--dR0); font-size: 12px; background: var(--dSbZemin); box-shadow: var(--dG3); } } body:not(.grBody) .kImza { left: 0 !important; right: auto !important; bottom: calc(8px + var(--guvenAlt, 0px)) !important; top: auto !important; width: var(--sbG) !important; text-align: center !important; padding: 0 !important; border: none !important; border-radius: 0 !important; background: transparent !important; color: rgba(255, 255, 255, .34) !important; opacity: 1 !important; font: 500 10px/1.2 var(--dFont) !important; letter-spacing: .02em !important; transition: width var(--dSureY) var(--dEase); } body:not(.grBody) .kImza b { color: rgba(255, 255, 255, .55) !important; font-weight: 600 !important; } @media (min-width: 901px) { html.sidebarDar body:not(.grBody) .kImza { width: var(--sbRay) !important; font-size: 8.5px !important; line-height: 1.25 !important; } html.sidebarDar body:not(.grBody) .kImza b { display: block !important; } .topbar:has(.tabsShrink0) { padding-top: calc(var(--guvenUst, 0px) + 8px); padding-bottom: 8px; } .topbar .baslikSol { row-gap: 6px; } } th.kpSirali::after { content: "\f0dc"; font: var(--fa-font-solid, 900 1em/1 "Font Awesome 6 Free"); font-size: 9px; margin-left: 6px; opacity: .35; } th.kpSirali[aria-sort="ascending"]::after { content: "\f0de"; opacity: 1; color: var(--kBirincil); } th.kpSirali[aria-sort="descending"]::after { content: "\f0dd"; opacity: 1; color: var(--kBirincil); } .kpPerde { background: var(--dPerde); } .kpKutu { border-radius: var(--dR2); border: 1px solid var(--dCizgi); background: var(--dYukselti); box-shadow: var(--dG4); animation: dModalGir 260ms var(--dYayYumusak) both; } .kpArama { gap: 10px; padding: 12px 14px; border-bottom: 1px solid var(--dCizgi); } .kpArama i[class*="fa-"] { font-size: 15px; } .kpOge { border-radius: var(--dR0); padding: 8px 10px; } .kpOge.kpSecili, .kpOge:hover { background: var(--dBirincilSoft); } .kpYildiz { color: var(--dSoluk2); font-size: 13px; transition: color var(--dSureH), transform var(--dSure) var(--dYay); } .kpYildiz:hover { transform: scale(1.15); } .kpYildiz:hover, .kpYildizAcik { color: var(--dUyari); } .ktCekmece { background: var(--dYukselti); border-left: 1px solid var(--dCizgi); box-shadow: var(--dG4); } .ktBas::after { width: 40px; height: 2px; background: var(--kBirincil); } .ktKapat { display: inline-grid; place-items: center; width: 34px; height: 34px; border-radius: var(--dR1); border: 1px solid var(--dCizgi); background: var(--dYuzey); color: var(--dMetin2); font-size: 14px; } .ktKapat:hover { transform: none; background: var(--dYuzey3); color: var(--dMetin); } .ktAlt { background: var(--dYuzey2); border-top: 1px solid var(--dCizgi); } .kMaskot { width: 74px; height: 74px; right: 16px; bottom: 8px; } .menuPerde { background: var(--dPerde); } @media (max-width: 900px) { :root { --dAltNavYuk: 74px; } .topbar { flex-wrap: wrap; row-gap: 0; gap: 8px; min-height: var(--dUstYuk); padding: var(--guvenUst, 0px) var(--dKenar) 0; } .baslikSol { display: flex; flex: 1 1 0; min-width: 0; gap: 8px; flex-wrap: nowrap; } .baslikSol > .pageTitle { flex: 1 1 auto; font-size: 16px; } .tabsShrink0 { order: 5; flex: 0 0 100%; max-width: 100%; margin: 0 0 8px; overflow-x: auto; scrollbar-width: none; } .topbar:has(.tabsShrink0) { flex-wrap: wrap; } .topbar:has(.tabsShrink0) .baslikSol { display: contents; } .topbar:has(.tabsShrink0) .baslikSol > .pageTitle { flex: 1 1 0; min-height: var(--dUstYuk); display: flex; align-items: center; } .menuAcBtn { display: inline-grid; place-items: center; width: var(--dKontrol); height: var(--dKontrol); flex: none; border: 1px solid var(--dCizgi); border-radius: var(--dR1); background: var(--dYuzey); color: var(--dMetin2); box-shadow: var(--dG1); } .menuAcBtn i { font-size: 16px; } .topRight { gap: 6px; } .subeSeciciLabel { display: none; } .subeSecici { padding: 0; border: none; background: none; } .subeSecici .minW130 { min-width: 0; } .subeSecici [data-secici-ac] { max-width: none; width: auto; min-width: 0; padding: 0 8px 0 10px; gap: 4px; } .ustDahaBtn { display: inline-grid; place-items: center; width: var(--dKontrol); height: var(--dKontrol); padding: 0; border: 1px solid var(--dCizgi); border-radius: var(--dR1); background: var(--dYuzey); color: var(--dMetin2); box-shadow: var(--dG1); cursor: pointer; transition: background-color var(--dSureH), color var(--dSureH), transform var(--dSure) var(--dYay); } .ustDahaBtn i { font-size: 16px; } .ustDahaBtn:active { transform: scale(.94); } .topRight > .ustAraclar { position: absolute; top: calc(100% + 8px); right: 0; z-index: 60; display: none; flex-direction: column; align-items: stretch; gap: 2px; width: 236px; padding: 6px; background: var(--dYukselti); border: 1px solid var(--dCizgi); border-radius: var(--dR2); box-shadow: var(--dG3); transform-origin: top right; animation: dPop var(--dSure) var(--dEase) both; } .topRight > .ustAraclar[data-acik] { display: flex; } .ustAraclar > button, .ustAraclar > .kpDugme { display: flex; align-items: center; justify-content: flex-start; gap: 12px; width: 100%; height: 44px; min-width: 0; padding: 0 12px; border: none; border-radius: var(--dR1); background: transparent; box-shadow: none; color: var(--dMetin); font: 500 14px var(--dFont); transform: none; } .ustAraclar > button:hover, .ustAraclar > button:active { background: var(--dYuzey3); transform: none; color: var(--dMetin); } .ustAraclar > button > i[class*="fa-"], .ustAraclar .temaIkon { width: 18px; font-size: 15px; color: var(--dSoluk); flex: none; } .ustAraclar .ustEtiket { display: inline; flex: 1; text-align: left; } .ustAraclar .kpDugme .ustKisayol { display: none; } .main > .p24x30 { padding: 12px var(--dKenar) 0; } .main > .p24x30 .tabs { width: 100%; } .main > .p24x30 .tabs > * { flex: 1 0 auto; } .content, .contentMusteriSagBoxSizing { padding: 14px var(--dKenar) calc(var(--dAltNavYuk) + 24px + var(--guvenAlt, 0px)); gap: var(--dBolum); } .sb { width: min(300px, 86vw / var(--kOlcekV, 1)); transition: transform 320ms var(--dEase); } html.menuAcik .sb { box-shadow: var(--dG4); } .sbItem { height: 44px; } .sbAltItem { height: 40px; } .sbDip { padding-bottom: calc(30px + var(--guvenAlt, 0px)); } .altNav { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); left: 0; right: 0; bottom: 0; gap: 2px; padding: 6px max(6px, env(safe-area-inset-left, 0px)) calc(max(var(--guvenAlt, 0px), 14px) + 4px) max(6px, env(safe-area-inset-right, 0px)); border-radius: 0; align-items: stretch; background: color-mix(in srgb, var(--dYuzey) 90%, transparent); -webkit-backdrop-filter: blur(18px) saturate(170%); backdrop-filter: blur(18px) saturate(170%); border: none; border-top: 1px solid var(--dCizgi); box-shadow: 0 -8px 24px -16px rgba(var(--kGolgeRenk, 30, 32, 64), .35); animation: dAltNavGir 360ms var(--dEase) both; } @keyframes dAltNavGir { from { transform: translateY(100%); } to { transform: none; } } .altNav a, .altNav button { min-height: 50px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; padding: 4px 2px; border: none; border-radius: var(--dR1); color: var(--dSoluk); background: transparent; box-shadow: none; font: 600 10.5px/1.1 var(--dFont); letter-spacing: 0; transition: color var(--dSureH), transform var(--dSure) var(--dYay); } .altNav a > span:last-child, .altNav button > span:last-child { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .altNavIkon { display: grid; place-items: center; width: 46px; height: 28px; border-radius: 999px; font-size: 16px; transition: background-color var(--dSure) var(--dEase), color var(--dSureH), transform var(--dSure) var(--dYay); } .altNavIkon svg { width: 20px; height: 20px; } .altNav .altNavIkon { font-size: 17px; } .altNav a > span:last-child, .altNav button > span:last-child { font-size: 10.5px; } .altNav a:active, .altNav button:active { transform: none; } .altNav a:active .altNavIkon, .altNav button:active .altNavIkon { transform: scale(.88); } .altNav .altNavAktif { color: var(--dBirincilMetin); background: transparent; box-shadow: none; } .altNav .altNavAktif .altNavIkon { background: var(--dBirincilSoft2); color: var(--kBirincil); animation: dSecimGir var(--dSure) var(--dEase); } .altNav .ripDalga { display: none; } body:not(.grBody) .kImza { left: 0 !important; right: 0 !important; width: max-content !important; margin: 0 auto !important; bottom: calc(max(var(--guvenAlt, 0px), 14px) - 12px) !important; color: var(--dSoluk2) !important; font-size: 9.5px !important; line-height: 1 !important; } body:not(.grBody) .kImza b { color: var(--dSoluk) !important; } html.menuAcik body:not(.grBody) .kImza { right: auto !important; margin: 0 !important; width: min(300px, 86vw / var(--kOlcekV, 1)) !important; bottom: calc(8px + var(--guvenAlt, 0px)) !important; color: rgba(255, 255, 255, .34) !important; } html.menuAcik body:not(.grBody) .kImza b { color: rgba(255, 255, 255, .55) !important; } html.modalKilit body:not(.grBody) .kImza, html.ktAcik body:not(.grBody) .kImza, html.rpAcik body:not(.grBody) .kImza, html.kpAcik body:not(.grBody) .kImza, html.kdKilit body:not(.grBody) .kImza { top: calc(4px + var(--guvenUst, 0px)) !important; bottom: auto !important; padding: 2px 8px !important; border-radius: 999px !important; background: color-mix(in srgb, var(--dYukselti) 70%, transparent) !important; color: var(--dSoluk) !important; } .kMaskot { width: 56px; height: 56px; right: 8px; bottom: calc(var(--dAltNavYuk) + 6px + var(--guvenAlt, 0px)); } .asistanPanel { bottom: calc(var(--dAltNavYuk) + 10px + var(--guvenAlt, 0px)); height: min(520px, calc(100dvh / var(--kOlcekV, 1) - var(--dAltNavYuk) - 40px)); border-radius: var(--dR3); } .toastKap { bottom: calc(var(--dAltNavYuk) + 12px + var(--guvenAlt, 0px)); } } @media (min-width: 769px) and (max-width: 900px) { .ustDahaBtn { display: none; } .topRight > .ustAraclar { position: static; display: flex; flex-direction: row; width: auto; padding: 0; border: none; background: none; box-shadow: none; animation: none; } .ustAraclar > button, .ustAraclar > .kpDugme { width: var(--dKontrol); height: var(--dKontrol); justify-content: center; padding: 0; border: 1px solid var(--dCizgi); background: var(--dYuzey); box-shadow: var(--dG1); } .ustAraclar .ustEtiket { display: none; } } @media (min-width: 769px) { .topRight > .ustAraclar.modalGizli { display: flex !important; } } @media (max-width: 768px) { .menuAcBtn { display: none; } .topbar { padding-left: var(--dKenar); padding-right: var(--dKenar); } .pageTitle, .baslikSol > .pageTitle { font-size: 16px; } .ustYolParca, .ustYolAyrac { display: none; } .cardFlex0x1, .cardFlex1x1, .cardFlex1x12 { flex-basis: 100%; min-width: 0; max-width: 100%; } } @media (orientation: landscape) and (max-height: 480px) { .content, .contentMusteriSagBoxSizing { padding-bottom: 32px; } body:not(.grBody) .kImza { bottom: calc(3px + var(--guvenAlt, 0px)) !important; } .kMaskot { bottom: 12px; } } @media print { body:not(.grBody) .kImza, .kMaskot { display: none !important; } } @media (prefers-reduced-motion: reduce) { html *, html *::before, html *::after { animation-duration: .001ms !important; animation-delay: 0ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; scroll-behavior: auto !important; } } html.modalKilit .kMaskot, body:has([data-popover][data-acik]) .kMaskot, body:has(.seciciListe.seciciSabit:not(.modalGizli)) .kMaskot, body:has(.tsKutu) .kMaskot, body:has(.modalOverlay:not(.modalGizli)) .kMaskot { visibility: hidden !important; pointer-events: none !important; } /* powered by lov3yp */ /* Gizlilik modu (yalnız Kirpi Asistanı: !gizle / !göster): tutarlar tamamen örtülür, grafikler gizlenir */ html.kGizlilik .kPara { display: inline-block; min-width: 3.4em; height: .95em; vertical-align: -.1em; border-radius: 4px; background: currentColor; opacity: .14; color: inherit; font-size: inherit; line-height: 1; overflow: hidden; -webkit-user-select: none; user-select: none; } html.kGizlilik svg .kPara, html.kGizlilik text.kPara, html.kGizlilik .kPara.kIsaret { display: none; } html.kGizlilik [data-icerik] svg:not(.svg-inline--fa), html.kGizlilik [data-icerik] canvas, html.kGizlilik [data-icerik] :is([class*="kasaBar"], [class*="Grafik"], [class*="grafik"], [class*="dolulukBar"], .istCubuk, .w77HTamBg, [class*="Cubuk"], [class*="cubuk"]), html.kGizlilik .kaPanel :is(.kaCubukIz, [class*="kaCizgi"], [class*="kaGrafik"]) { visibility: hidden !important; pointer-events: none !important; } html.kGizlilik [data-gz-gizli] { display: none !important; } html.kGizlilik.kGizliSayfa [data-icerik] > :not(.kGizliPerde) { display: none !important; } .kGizliPerde { display: none; } html.kGizlilik.kGizliSayfa .kGizliPerde { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; min-height: 52vh; padding: 40px 20px; margin: 8px 0; border-radius: 20px; border: 1px dashed color-mix(in srgb, currentColor 22%, transparent); text-align: center; } .kGizliPerde .kGizliPerdeIkon { width: 64px; height: 64px; border-radius: 50%; display: grid; place-items: center; font-size: 26px; background: color-mix(in srgb, var(--kBirincil, #6D71F9) 14%, transparent); color: var(--kBirincil, #6D71F9); } .kGizliPerde b { font-size: 18px; } .kGizliPerde span:last-child { max-width: 440px; opacity: .7; font-size: 13.5px; line-height: 1.6; } .kGizliPerde code { padding: 1px 6px; border-radius: 6px; background: color-mix(in srgb, currentColor 10%, transparent); font-weight: 700; } html.kGizlilik input[data-para-bicim]:not(:focus) { color: transparent !important; text-shadow: none !important; caret-color: currentColor; }