html { min-height: 100%; scroll-behavior: smooth; }
body { overflow-x: hidden; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; }
h1, h2, h3, h4, h5, h6 { margin: 0 0 var(--b-2); line-height: 1.5; color: inherit; }
h1 { font-size: var(--y-17); }
h2 { font-size: var(--y-16); }
h3 { font-size: var(--y-14); }
h4 { font-size: var(--y-10); }
h5 { font-size: var(--y-7); }
h6 { font-size: var(--y-2); }
p, ol, ul, dl { margin: 0 0 var(--b-4); }
ol, ul { padding-left: var(--b-6); }
ol ul { margin-bottom: 0; }
dd { margin: 0 0 var(--b-2); }
small { font-size: var(--y-1); }
code { font-family: var(--mono); font-size: var(--y-6); color: var(--vurgu); overflow-wrap: break-word; }
hr { margin: var(--b-3) 0; border: 0; border-top: 1px solid var(--line); }
svg { vertical-align: middle; }
table { caption-side: bottom; border-collapse: collapse; }
th { font-weight: 700; text-align: inherit; text-align: -webkit-match-parent; }
thead, tbody, tfoot, tr, td, th { border: 0 solid; border-color: inherit; }
label { display: inline-block; }
button { border-radius: 0; -webkit-appearance: button; }
input, button, select, optgroup, textarea { margin: 0; line-height: inherit; }
button, select { text-transform: none; }
select { word-wrap: normal; }
select:disabled { opacity: 1; }
button:not(:disabled), [type="button"]:not(:disabled), [role="button"] { cursor: pointer; }
textarea { resize: vertical; }
fieldset { min-width: 0; margin: 0; padding: 0; border: 0; }
legend { float: left; width: 100%; margin-bottom: var(--b-2); padding: 0; font-size: var(--y-15); line-height: inherit; }
legend + * { clear: left; }
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-year-field { padding: 0; }
::-webkit-search-decoration { -webkit-appearance: none; }
::-webkit-color-swatch-wrapper { padding: 0; }
::file-selector-button { font: inherit; -webkit-appearance: button; }
input::-webkit-calendar-picker-indicator { cursor: pointer; }
.form-label { margin-bottom: var(--b-2); font-size: var(--y-6); font-weight: 600; color: var(--text-2); }
#blazor-error-ui { display: none; position: fixed; bottom: 0; left: 0; z-index: 1000; width: 100%; padding: var(--b-2) var(--b-5); background: var(--warn-soft); color: var(--text); box-shadow: var(--sh-2); }
#blazor-error-ui .dismiss { position: absolute; top: var(--b-2); right: var(--b-3); cursor: pointer; }
.sortable-th { cursor: pointer; user-select: none; transition: color 0.2s ease; }
.sortable-th:hover { color: var(--marka-metin); }
.ql-editor { line-height: 2 !important; text-align: left; }
.ql-container { font-family: var(--font); }
.ql-toolbar { font-family: var(--font) !important; }
.ql-container.ql-snow { min-block-size: 12rem; border-color: var(--line); border-radius: 0 0 var(--r-md) var(--r-md); }
.ql-toolbar span { outline: none !important; color: var(--text); }
.ql-toolbar span:hover { color: var(--marka-metin) !important; }
.ql-toolbar.ql-snow { display: flex; flex-wrap: wrap; row-gap: var(--b-2); border-color: var(--line); border-radius: var(--r-md) var(--r-md) 0 0; }
.ql-toolbar.ql-snow .ql-picker-options { border-radius: var(--r-sm); box-shadow: var(--sh-2); }
.ql-toolbar.ql-snow .ql-formats { margin-right: var(--b-2); border: 1px solid var(--line); border-radius: var(--r-sm); }
.ql-toolbar .ql-picker-label { display: flex; }
.ql-toolbar .ql-picker-label svg { width: var(--b-4); height: var(--b-4); }
.ql-snow a { color: var(--marka-metin); }
.ql-snow .ql-picker { font-size: var(--y-6); color: var(--text); }
.ql-snow .ql-picker-options { background-color: var(--surface-2); border-color: var(--line) !important; }
.ql-snow .ql-tooltip { padding: var(--b-2) var(--b-4); border-color: var(--line); background-color: var(--surface-2); color: var(--text); box-shadow: var(--sh-2); }
.ql-snow .ql-tooltip input[type=text] { border-color: var(--girdi-cizgi); background-color: var(--girdi-zemin); color: var(--text); }
.ql-toolbar.ql-snow, .ql-container.ql-snow { color: var(--text); }
html[data-bs-theme='dark'] :is(.ql-toolbar.ql-snow, .ql-container.ql-snow) { background-color: var(--bg); }
.ql-snow .ql-stroke { stroke: var(--text); }
.ql-snow .ql-fill, .ql-snow .ql-stroke.ql-fill { fill: var(--text); }
.ql-snow .ql-picker.ql-expanded .ql-picker-label { border-color: var(--line); color: var(--marka-metin); }
.ql-toolbar.ql-snow :is(button:hover, button:focus, button.ql-active, .ql-picker-label:hover, .ql-picker-label.ql-active, .ql-picker-item:hover, .ql-picker-item.ql-selected) { color: var(--marka-metin); }
.ql-toolbar.ql-snow :is(button:hover, button:focus, button.ql-active, .ql-picker-label:hover, .ql-picker-label.ql-active, .ql-picker-item:hover, .ql-picker-item.ql-selected) .ql-stroke { stroke: var(--marka-metin); }
.ql-toolbar.ql-snow :is(button:hover, button:focus, button.ql-active, .ql-picker-label:hover, .ql-picker-label.ql-active, .ql-picker-item:hover, .ql-picker-item.ql-selected) :is(.ql-fill, .ql-stroke.ql-fill) { fill: var(--marka-metin); }
.rte-container.ql-container { display: flex; flex-direction: column; }
.rte-container.ql-container .ql-editor { flex: 1 1 auto; }
.ql-snow .ql-editor { font-size: var(--y-8); color: var(--text); }
.ql-editor.ql-blank::before { color: var(--muted); font-style: normal; }
:is(.ql-editor, .announcement-body) :is(strong, b) { font-weight: 700; }
:is(.ql-editor, .announcement-body) :is(em, i) { font-style: italic; }
:is(.ql-editor, .announcement-body) u { text-decoration: underline; }
:is(.ql-editor, .announcement-body) :is(s, strike, del) { text-decoration: line-through; }
:is(.ql-editor, .announcement-body) a { color: var(--marka-metin); text-decoration: underline; }
.announcement-body :is(ul, ol) { margin: var(--b-2) 0; padding-left: var(--b-6); }
.announcement-body li { margin-bottom: var(--b-1); }
.announcement-body p { margin-bottom: var(--b-2); }
.announcement-body p:last-child { margin-bottom: 0; }
.announcement-body blockquote { margin: var(--b-2) 0; padding-left: var(--b-4); border-left: 3px solid var(--line); color: var(--muted); }
.yan-oge > i.ti { flex-shrink: 0; width: 18px; font-size: var(--y-12); line-height: 1; text-align: center; }
.yan-oge > i.yan-ok, .yan-bolum > i.yan-ok { width: auto; font-size: var(--y-8); }
.yan-logo { text-decoration: none; }
.yan-logo:hover { text-decoration: none; }
.arama-kutusu > i.ak-ikon { font-size: var(--y-8); line-height: 1; }
.ak-temizle > i.ti { font-size: var(--y-8); }

.kabuk:not(.gecisli) { transition: none; }
.kabuk-ust .ti { font-size: var(--y-12); line-height: 1; }
html[data-bs-theme='dark'] .ust-tema .tema-ay { display: none; }
html[data-bs-theme='dark'] .ust-tema .tema-gunes { display: inline-block; }

@media (max-width: 560px) {
  .kabuk-ust { gap: var(--b-2); }
  .kabuk-ust > .ust-sol { flex: 1 1 auto; overflow: hidden; column-gap: var(--b-1); }
  .ust-geri { flex-shrink: 0; margin-left: -4px; padding-inline: var(--b-15); }
  .ust-geri:has(+ .ust-baslik) .ust-geri-metin { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
  .ust-baslik { min-width: 0; font-size: var(--y-8); }
  .ust-eylemler { flex-shrink: 0; }
  .ust-tema, .ust-kullanici > .ikon:last-child { display: none; }
  .ust-kullanici { margin-left: var(--b-05); padding: 0 var(--b-05); }
  .kabuk-ust-kenar { gap: 0; margin-left: 0; padding-left: var(--b-1); }
  .kabuk-ust-kenar .kenar-tetik { width: 32px; min-width: 32px; padding: 0; }
}


.rbo-oge > .ti { font-size: var(--y-9); }
.rapor-bolumleri > .rbo-liste { flex-shrink: 0; }
.rbo-liste > .rbo-diger { display: flex; align-items: center; flex-shrink: 0; }
@container (max-width: 760px) { .rapor-bolumleri.simge .rbo-oge { padding: 0 var(--b-15); } }
@container (max-width: 420px) { .rapor-bolumleri.simge .rbo-oge.secili > span { display: none; } }

.kenar-serit-dugme > i.ti, .kenar-tetik > i.ti { font-size: var(--y-12); line-height: 1; }
.kenar-tutamak > i.ti { font-size: var(--y-8); }
.ky-panel .kenar-govde.ham { padding: 0 0 var(--b-4); }
.ky-panel .kenar-govde.dolu { display: flex; flex-direction: column; padding: 0; overflow: hidden; }
.qa-sohbet { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; }
.qa-sohbet > .chp-wrap { flex: 1 1 auto; min-height: 0; }

.yp-ikon.ton-marka { color: var(--marka-metin); background: var(--marka-zemin); }
.yp-ikon.ton-notr { color: var(--text-3); background: var(--surface-3); }
.yp-ikon svg { width: 16px; height: 16px; }
.yp-tumu { align-self: center; }
body:has(.duyuru-katman) .kenar-yan { z-index: 100; }
.duyuru-baslik { min-width: 0; color: var(--text); text-decoration: none; }
.duyuru-baslik > b { flex: 1 1 auto; min-width: 0; overflow-wrap: anywhere; }
.duyuru-baslik:hover > b { color: var(--marka-metin); }
.duyuru-rozet { flex: 0 0 auto; }
.duyuru-ayrinti { display: flex; flex-direction: column; gap: var(--b-4); min-width: 0; overflow-wrap: anywhere; }
.duyuru-ayrinti-baslik { margin: 0; color: var(--text); font-size: var(--y-10); font-weight: 700; line-height: 1.35; }
.duyuru-baslik:hover { color: var(--marka-metin); text-decoration: none; }

:is(.yan, .kabuk-ust, .kenar-yan):has(.modal.show) { z-index: 1056; }
:is(.yan, .kabuk-ust, .kenar-yan) .modal.show { background-color: var(--perde); }
body:has(:is(.yan, .kabuk-ust, .kenar-yan) .modal.show) .modal-backdrop { opacity: 0; }


.sayaclar .sayac-ikon.ti { font-size: var(--y-13); line-height: 1; }
@media (max-width: 860px) {
  .kabuk .yan-tutamak, .kabuk.seritli .kenar-tutamak { display: none; }
}

.ct-arac { display: flex; flex-wrap: wrap; align-items: center; gap: var(--b-2); margin-bottom: var(--b-3); }
.ct-ara { display: flex; align-items: center; gap: var(--b-2); flex: 1 1 260px; min-width: 0; max-width: 460px; }
.ct-ara .arama-kutusu { flex: 1 1 auto; width: auto; }
.ct-icerik { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: var(--b-2); flex: 1 1 auto; min-width: 0; }
.ct-eylemler { display: flex; align-items: center; gap: var(--b-2); margin-left: auto; }
.ct-boyut { width: auto; min-width: 104px; }
.ct-etiket { font-size: var(--y-6); font-weight: 700; color: var(--text-2); }
.ct-arac .btn > .ti, .ct-arac .btn > i.ti { font-size: var(--y-10); }

.liste-kart { overflow: hidden; }
.liste-tablo { --tablo-x: var(--kart-x); container-type: inline-size; }
.liste-tablo .ct-arac { margin: 0; padding: var(--b-3) var(--kart-x); container-type: inline-size; }
.liste-tablo .ct-arac .btn { white-space: nowrap; }
.liste-tablo .rl-takbis { min-width: 150px; }
@container (max-width: 1100px) { .liste-tablo .rl-dar-gizle { display: none; } }
.liste-tablo :is(.table-responsive, .tablo-kap) { overflow: visible; }
.liste-tablo .tablo { margin: 0; }
.liste-tablo .tablo thead th { padding-block: var(--b-25); }
.liste-tablo .tablo tbody tr:hover > td { background: var(--surface-2); }
.rl-filtre-eylem { grid-column: 1 / -1; display: flex; justify-content: flex-end; gap: var(--b-2); }
.liste-tablo + .liste-alt, .liste-tablo .liste-alt { border-top: 1px solid var(--ayrac); }
.talep-hucre .banka-ikon { width: 34px !important; height: var(--yk-6) !important; border-radius: 8px !important; background: var(--surface-3) !important; color: var(--muted) !important; font-size: var(--y-12) !important; }
.talep-hucre img.banka-logo { width: 34px; height: var(--yk-6); }
.revize-isaret .ti { font-size: var(--y-4); }
.isaret + .isaret, .satir-1 .revize-isaret { margin-left: 0; }
button.kisi-bag { padding: 0; border: 0; background: none; font: inherit; text-align: left; cursor: pointer; }
button.kisi-bag:hover { text-decoration: underline; }
.kisi-satir .ad { display: block; }
button.atanmadi { justify-self: start; padding: 0; border: 0; background: none; font: inherit; font-size: var(--y-5); cursor: pointer; }
button.atanmadi:hover { color: var(--text-2); text-decoration: underline; }
.imza-tamam .ti, .imza-bekliyor .ti { font-size: var(--y-9); }
.imzala.dropdown-toggle::after { display: none; }
.is-kutulari .dropdown { display: contents; }
.is-kutu > .ti { font-size: var(--y-9); line-height: 1; }
.is-kutu.dropdown-toggle::after, .drop-arrow-none::after { display: none; }
.report-list-table :is(th, td).s-is { width: calc(var(--yk-3) * 4 + var(--b-1) * 3 + var(--b-3) + var(--kart-x)); text-align: center; }
.report-list-table td.s-is .is-kutulari { justify-content: center; }
.report-list-table :is(th, td).s-durum { width: calc(var(--yk-9) * 3.25); }
@container (min-width: 1321px) { .report-list-table :is(th, td).s-no { width: 19%; } .report-list-table :is(th, td).s-kisi { width: 16%; } .report-list-table :is(th, td).s-konum { width: 13%; } .report-list-table :is(th, td).s-tasinmaz { width: 11.5%; } .report-list-table :is(th, td).s-durum { width: max(10%, calc(var(--yk-9) * 3.25)); } .report-list-table :is(th, td).s-banka { width: 19%; } .report-list-table :is(th, td).s-is { width: 11.5%; padding-inline: var(--b-3) !important; } }
@container (min-width: 1321px) { .report-list-table.durumsuz :is(th, td).s-no { width: 21%; } .report-list-table.durumsuz :is(th, td).s-kisi { width: 18%; } .report-list-table.durumsuz :is(th, td).s-konum { width: 14.5%; } .report-list-table.durumsuz :is(th, td).s-tasinmaz { width: 13%; } .report-list-table.durumsuz :is(th, td).s-banka { width: 22%; } }
@container (min-width: 1321px) { .report-list-table:has(th.s-imza):not(.durumsuz) :is(th, td).s-no { width: 18%; } .report-list-table:has(th.s-imza):not(.durumsuz) :is(th, td).s-kisi { width: 15%; } .report-list-table:has(th.s-imza):not(.durumsuz) :is(th, td).s-konum { width: 11.5%; } .report-list-table:has(th.s-imza):not(.durumsuz) :is(th, td).s-tasinmaz { width: 10%; } .report-list-table:has(th.s-imza):not(.durumsuz) :is(th, td).s-banka { width: 15%; } }
@container (min-width: 1001px) and (max-width: 1320px) { .report-list-table.durumsuz :is(th, td).s-no { width: 24%; } .report-list-table.durumsuz :is(th, td).s-kisi { width: 16%; } .report-list-table.durumsuz :is(th, td).s-konum { width: 12%; } .report-list-table.durumsuz :is(th, td).s-tasinmaz { width: 11%; } }
.report-list-table .talep-alt { display: flex; align-items: center; gap: var(--b-15); min-width: 0; }
.report-list-table .talep-alt > .rozet, .report-list-table .talep-alt > .kes { min-width: 0; }
@container (min-width: 1321px) { .report-list-table:has(th.s-kalan) :is(th, td).s-no { width: 17.5%; } .report-list-table:has(th.s-kalan) :is(th, td).s-kisi { width: 14%; } .report-list-table:has(th.s-kalan) :is(th, td).s-konum { width: 11.5%; } .report-list-table:has(th.s-kalan) :is(th, td).s-tasinmaz { width: 10%; } .report-list-table:has(th.s-kalan) :is(th, td).s-banka { width: 16%; } .report-list-table:has(th.s-kalan) :is(th, td).s-is { width: 11%; } .report-list-table:has(th.s-kalan) :is(th, td).s-kalan { width: 10%; } }
@container (min-width: 1321px) { .report-list-table.durumsuz:has(th.s-kalan) :is(th, td).s-no { width: 21%; } .report-list-table.durumsuz:has(th.s-kalan) :is(th, td).s-kisi { width: 15%; } .report-list-table.durumsuz:has(th.s-kalan) :is(th, td).s-konum { width: 12%; } .report-list-table.durumsuz:has(th.s-kalan) :is(th, td).s-tasinmaz { width: 10.5%; } .report-list-table.durumsuz:has(th.s-kalan) :is(th, td).s-banka { width: 19.5%; } }
@container (min-width: 1321px) { .report-list-table:has(th.s-imza):has(th.s-kalan):not(.durumsuz) :is(th, td).s-no { width: 18%; } .report-list-table:has(th.s-imza):has(th.s-kalan):not(.durumsuz) :is(th, td).s-kisi { width: 12%; } .report-list-table:has(th.s-imza):has(th.s-kalan):not(.durumsuz) :is(th, td).s-konum { width: 9.5%; } .report-list-table:has(th.s-imza):has(th.s-kalan):not(.durumsuz) :is(th, td).s-tasinmaz { width: 8.5%; } .report-list-table:has(th.s-imza):has(th.s-kalan):not(.durumsuz) :is(th, td).s-durum { width: max(9%, calc(var(--yk-9) * 3.25)); } .report-list-table:has(th.s-imza):has(th.s-kalan):not(.durumsuz) :is(th, td).s-banka { width: 12%; } }
@container (min-width: 1001px) and (max-width: 1320px) { .report-list-table:has(th.s-kalan) :is(th, td).s-kalan { width: 11%; } .report-list-table.durumsuz:has(th.s-kalan) :is(th, td).s-no { width: 24%; } .report-list-table.durumsuz:has(th.s-kalan) :is(th, td).s-kisi { width: 13.5%; } .report-list-table.durumsuz:has(th.s-kalan) :is(th, td).s-konum { width: 10.5%; } .report-list-table.durumsuz:has(th.s-kalan) :is(th, td).s-tasinmaz { width: 9.5%; } .report-list-table:has(th.s-imza):has(th.s-kalan) :is(th, td).s-no { width: 20.5%; } .report-list-table:has(th.s-imza):has(th.s-kalan) :is(th, td).s-kisi { width: 10.5%; } .report-list-table:has(th.s-imza):has(th.s-kalan) :is(th, td).s-konum { width: 9%; } .report-list-table:has(th.s-imza):has(th.s-kalan) :is(th, td).s-tasinmaz { width: 7.5%; } }
.kalan-sure { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: var(--b-05) var(--b-15); min-width: 0; border-radius: 4px; cursor: default; }
.ks-nokta { width: var(--b-15); height: var(--b-15); border-radius: 50%; background: var(--marka-400); }
.ks-ad { flex-shrink: 0; }
.ks-deger { min-width: 0; overflow: hidden; text-overflow: ellipsis; font-size: var(--y-6); font-weight: 700; color: var(--text); white-space: nowrap; }
.ks-alt { grid-column: 2; display: flex; align-items: center; gap: var(--b-1); min-width: 0; overflow: hidden; font-size: var(--y-4); color: var(--muted); white-space: nowrap; }
.ks-nokta.hata { background: var(--err); }
.ks-nokta.uyari { background: var(--warn); }
.ks-nokta.basari { background: var(--ok); }
.ks-nokta.bilgi { background: var(--info); }
.ks-nokta.notr { background: var(--faint); }
.so-cubuk.hata { color: var(--err); }
.so-cubuk.uyari { color: var(--warn); }
.so-cubuk.basari { color: var(--ok); }
.so-cubuk.bilgi { color: var(--info); }
.so-cubuk.notr { color: var(--faint); }
:is(.ks-deger, .so-kalan).hata { color: var(--err); }
:is(.ks-deger, .so-kalan).uyari { color: var(--warn); }
:is(.ks-deger, .so-kalan).basari { color: var(--ok); }
:is(.ks-deger, .so-kalan).bilgi { color: var(--info); }
:is(.ks-deger, .so-kalan).notr { color: var(--muted); }
.ks-balon-bas { display: flex; align-items: baseline; justify-content: space-between; gap: var(--b-3); margin-bottom: var(--b-2); padding-bottom: var(--b-2); border-bottom: 1px solid var(--ayrac); }
.ks-balon-not { display: block; margin-top: var(--b-2); padding-top: var(--b-2); border-top: 1px solid var(--ayrac); font-size: var(--y-3); color: var(--muted); }
.sure-ozeti { display: grid; gap: var(--b-25); min-width: 0; }
.so-satir { display: grid; gap: var(--b-1); min-width: 0; }
.so-satir + .so-satir { padding-top: var(--b-25); border-top: 1px solid var(--ayrac); }
.so-ust, .so-orta { display: flex; align-items: center; justify-content: space-between; gap: var(--b-2); min-width: 0; }
.so-ad { font-size: var(--y-5); font-weight: 600; color: var(--text-2); }
.so-tarih { font-size: var(--y-4); color: var(--muted); white-space: nowrap; }
.so-kalan { display: inline-flex; align-items: center; gap: var(--b-1); min-width: 0; font-size: var(--y-10); font-weight: 800; color: var(--text); white-space: nowrap; }
.ipucu-balon .so-kalan { font-size: var(--y-7); }
.so-orta > .rozet { flex-shrink: 0; }
.so-not { font-size: var(--y-4); color: var(--muted); }
.so-cubuk { display: block; width: 100%; height: var(--b-1); border: 0; border-radius: 999px; overflow: hidden; background: var(--surface-3); color: var(--marka-400); -webkit-appearance: none; appearance: none; }
.so-cubuk::-webkit-progress-bar { background: var(--surface-3); }
.so-cubuk::-webkit-progress-value { border-radius: 999px; background: currentColor; }
.so-cubuk::-moz-progress-bar { border-radius: 999px; background: currentColor; }
.rb-sure { display: grid; gap: var(--b-2); padding: var(--b-3); border: 1px solid var(--line); border-radius: var(--r-md); background: var(--surface); }
.rb-sure-bas { display: flex; align-items: center; justify-content: space-between; gap: var(--b-2); }
.rb-sure-baslik { display: inline-flex; align-items: center; gap: var(--b-15); font-size: var(--y-3); font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: var(--muted); }
.rb-sure-bas .baglanti-dugmesi { display: inline-flex; align-items: center; gap: var(--b-05); }
.olumsuz .ti, .uyari-metni .ti, .ek-sure .ti { font-size: var(--y-4); }
.ct-sayfalama { display: flex; flex-wrap: wrap; align-items: center; gap: var(--b-2) var(--b-4); padding-top: var(--b-25); }
.ct-sayfalama-bilgi { font-size: var(--y-5); color: var(--muted); }
.ct-sayfalama-dugmeler { display: flex; align-items: center; gap: var(--b-2); margin-left: auto; }
.liste-tablo .ct-sayfalama { margin: 0; padding: var(--b-3) var(--kart-x); border-top: 1px solid var(--ayrac); }
.liste-tablo .tablo td { font-size: var(--y-7); }
.liste-tablo a.no { font-size: var(--y-7); letter-spacing: 0; color: var(--marka-metin); text-decoration: none; }
.liste-tablo a.no:hover { text-decoration: underline; }
@container (max-width: 1100px) { .liste-tablo a.no { font-size: var(--y-5); } }
.liste-tablo .satir-1 > a.no { flex-shrink: 1; min-width: 0; }
.liste-tablo .talep-hucre .satir-1 { flex-wrap: wrap; }
.liste-tablo .s-durum .rozet { max-width: 100%; padding-inline: 7px; font-size: var(--y-3); }
@container (max-width: 1100px) { .liste-tablo .talep-hucre > :not(.talep-bilgi), .liste-tablo .talep-hucre :is(img.banka-logo, .banka-ikon) { display: none; } }

.etiket.uyari { background: var(--warn-soft); color: var(--warn); }
.etiket.bilgi { background: var(--info-soft); color: var(--info); }
.etiket > .ti { font-size: var(--y-6); }
.rsw-kimlik { flex: 1 1 20rem; gap: var(--b-3); min-width: 0; }
.rsw .detay-bas { flex-wrap: wrap; align-items: center; }
.rsw .detay-eylemler { flex-shrink: 0; }
@container (max-width: 820px) { .rsw .rsw-dugme-metin { display: none; } }
.rsw-banka { gap: var(--b-2); min-width: 0; }
.rsw-baslik { display: flex; align-items: center; gap: var(--b-4); min-width: 0; }
.rsw-logo { display: grid; place-items: center; flex-shrink: 0; padding: var(--b-1); border-radius: var(--r-md); background: var(--surface); box-shadow: 0 0 0 1px var(--line); overflow: hidden; }
.rsw-logo-img { object-fit: contain; border-radius: 0; }
.rsw-logo .banka-ikon { border-radius: var(--r-md) !important; }
.rsw-metin { gap: var(--b-05); min-width: 0; }
.rsw-no { margin: 0; font-size: var(--y-15); font-weight: 800; line-height: 1.15; }
.rsw .detay-eylemler .btn > .ti { font-size: var(--y-10); }
.rsw-uyarilar { display: flex; flex-direction: column; gap: var(--b-2); padding: var(--b-3) var(--kart-x); border-top: 1px solid var(--ayrac); }
.td-uyarilar { display: flex; flex-direction: column; gap: var(--b-2); }
.alan > .satir:has(> .rozet) { flex-wrap: wrap; row-gap: var(--b-1); }
img[data-asil]:not([data-yuklendi]):not(.kisi-avatar-resim) { background: var(--surface-3); }
.surec-top > .ti { font-size: var(--y-9); line-height: 1; }
.surec-alt-isaret > .ti { font-size: var(--y-0); line-height: 1; }
div.uyari > .ti { flex-shrink: 0; margin-top: var(--b-05); font-size: var(--y-10); line-height: 1; }
div.uyari > .sag { margin-left: auto; align-self: center; }

.rapor-sayfasi > .card, .rapor-sayfasi > .kart { margin-bottom: 0; }
.td2-izgara.yerlesik > :not(dialog):not(script):not(.perde):not(.modal) { position: absolute; margin: 0; }
.td2-izgara .kart-bas > h3 { flex: 0 1 auto; }
.td2-izgara .kart-bas > .sag { gap: var(--b-15); }
.kaydirmali-liste, .rb-kaydir { max-height: calc(var(--satir, 6) * var(--satir-yk, calc(var(--yk-9) + var(--b-25))) + var(--b-05)); overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain;
  scrollbar-width: thin; scrollbar-color: transparent transparent;
  background: linear-gradient(var(--kaydir-zemin, var(--surface)) 30%, transparent) top / 100% var(--b-5) no-repeat local, linear-gradient(transparent, var(--kaydir-zemin, var(--surface)) 70%) bottom / 100% var(--b-5) no-repeat local,
    radial-gradient(farthest-side at 50% 0, var(--line-3), transparent) top / 100% var(--b-2) no-repeat scroll, radial-gradient(farthest-side at 50% 100%, var(--line-3), transparent) bottom / 100% var(--b-2) no-repeat scroll; }
.kaydirmali-liste:hover, .kaydirmali-liste:focus-within, .rb-kaydir:hover, .rb-kaydir:focus-within { scrollbar-color: var(--line-3) transparent; }
.kaydirmali-liste { margin-inline: calc(-1 * var(--b-1)); padding-inline: var(--b-1); }
.kaydirmali-liste:focus-visible { outline-offset: calc(-1 * var(--b-05)); border-radius: var(--r-sm); }
.td2-tarihce .kaydirmali-liste { --satir: 7; }
.td2-pano .kaydirmali-liste { --satir: 5; }
.td2-tk .kaydirmali-liste { --satir: 4; }
.kisi-avatar-kap { position: relative; overflow: hidden; }
.kisi-avatar-resim { position: absolute; inset: 0; display: block; width: 100%; height: 100%; border-radius: 50%; object-fit: cover; }
.kisi-avatar .ti { font-size: var(--y-10); line-height: 1; }
.kisi-listesi > li > .sag { margin-left: auto; }
.kisi-bilgi { gap: 0; min-width: 0; }
.kisi-ad { font-weight: 700; }
.kisi-duzenle { flex: 1 1 auto; min-width: 0; flex-wrap: nowrap; gap: var(--b-15); }
.kisi-duzenle > .as-tetik { flex: 1 1 auto; min-width: 0; }
.acilir-tetik { min-width: 0; max-width: 100%; }
:where(.acilir-tetik:has(> .as-tetik)) { display: contents; }
.kisi-avatar.imza-rol { font-size: var(--y-2); letter-spacing: 0.02em; }
.tapu-durum > .ti { font-size: var(--y-9); line-height: 1; }
.tapu-satir > .sag { margin-left: auto; }
.td2-harita { flex-direction: column; gap: var(--b-1); }
.td2-harita > .ti { font-size: var(--y-16); line-height: 1; }
.harita-yer { display: flex; align-items: center; justify-content: center; }
.randevu-mesaj { display: block; font-weight: 500; }
.randevu-mesaj:not(.kes) { white-space: normal; }
.randevu-ac { margin-top: var(--b-05); color: var(--marka-metin); font-weight: 600; }
.not-listesi > li.okunmadi .not-metin { font-weight: 700; color: var(--text); }
.not-ust { align-items: center; min-width: 0; }
.not-ust > b, .not-ust > .baglanti-dugmesi { flex: 0 1 auto; min-width: 0; color: var(--text); }
.not-ust > .etiket { flex: 0 1 auto; min-width: 0; height: 20px; font-size: var(--y-2); }
.not-ust > .not-zaman { flex-shrink: 0; }
.not-metin { color: var(--text-2); }
.gorev-listesi { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--b-1) var(--b-3); margin: 0; padding: 0; list-style: none; }
.gorev-listesi > li { display: flex; align-items: center; gap: var(--b-15); min-width: 0; min-height: var(--yk-2); font-size: var(--y-6); color: var(--text-3); }
.gorev-listesi > li.tamam { color: var(--text); font-weight: 600; }
.gorev-isaret { width: 20px; height: 20px; border-radius: 6px; display: grid; place-items: center; flex-shrink: 0; border: 1px dashed var(--line-2); color: var(--faint); }
.gorev-isaret > .ti { font-size: var(--y-4); line-height: 1; }
.gorev-listesi > li.tamam .gorev-isaret { border: 0; background: var(--ok); color: var(--dolgu-metin); }
.olaylar .olay-mesaj .etiket { height: 18px; margin-left: var(--b-1); padding: 0 var(--b-15); font-size: var(--y-1); vertical-align: 1px; }
.olay-detay .ti, .olay-alt .ti { font-size: var(--y-4); vertical-align: -1px; }
.olay-kisiler { display: flex; flex-wrap: wrap; gap: 0 var(--b-3); }
.olay-alt .baglanti-dugmesi, .olay-kisiler .baglanti-dugmesi { font-weight: 600; }
div.uyari:has(> .sag) { align-items: center; }
.gecikme-ikon > .ti { font-size: var(--y-12); line-height: 1; }
.gecikme-bandi.gecikti .gecikme-ikon { background: var(--err-soft); color: var(--err); }
.gecikme-bandi .sag { margin-left: auto; }
.kart-ikon > .ti { font-size: var(--y-10); line-height: 1; }
.kart-ikon.hata { background: var(--err-soft); color: var(--err); }
.kart-bas > .sag { margin-left: auto; }
.gecikme-liste { display: flex; flex-direction: column; gap: var(--b-3); margin: 0; list-style: none; }
.gecikme-liste > li { display: flex; flex-direction: column; gap: var(--b-1); padding-bottom: var(--b-3); border-bottom: 1px solid var(--ayrac); }
.gecikme-liste > li:last-child { padding-bottom: 0; border-bottom: 0; }
.gecikme-liste p { margin: 0; color: var(--text-2); }
.gecikme-liste .satir > .sag { margin-left: auto; }

.rb-satir { display: flex; align-items: baseline; gap: var(--b-3); min-height: var(--yk-2); min-width: 0; }
.rb-etiket { flex: 0 0 38%; min-width: 0; font-size: var(--y-5); color: var(--text-2); }
.rb-deger { flex: 1 1 auto; min-width: 0; font-size: var(--y-6); font-weight: 700; text-align: left; overflow-wrap: break-word; }
.rb-deger a { color: inherit; }

.durum-satiri { display: flex; align-items: center; gap: var(--b-2); color: var(--text); text-decoration: none; }
.durum-satiri.tik { cursor: pointer; }
a.durum-satiri:hover { text-decoration: none; }
.durum-satiri > b { font-size: var(--y-8); font-weight: 700; }
.durum-ikon:not(.durum-kutu > .durum-ikon) { width: 32px; height: var(--yk-5); border-radius: 9px; display: grid; place-items: center; flex-shrink: 0; color: var(--text-3); background: var(--surface-3); }
.durum-kutu > .durum-ikon > .ikon { width: var(--y-14); height: var(--y-14); }
.durum-ikon > .ti { font-size: var(--y-11); line-height: 1; }
.durum-satiri.kucuk .durum-ikon { width: 26px; height: var(--yk-2); border-radius: 7px; }
.durum-ikon.ton-basari { color: var(--ok); background: var(--ok-soft); }
.durum-ikon.ton-hata { color: var(--err); background: var(--err-soft); }
.durum-ikon.ton-uyari { color: var(--warn); background: var(--warn-soft); }
.durum-ikon.ton-bilgi { color: var(--info); background: var(--info-soft); }
.bilgi-satiri { display: flex; align-items: center; gap: var(--b-3); min-height: var(--yk-3); min-width: 0; }
.bilgi-etiket { display: flex; align-items: center; gap: var(--b-15); flex-shrink: 0; font-size: var(--y-5); color: var(--text-2); }
.bilgi-etiket > .ti { flex-shrink: 0; font-size: var(--y-9); color: var(--muted); }
.bilgi-deger { min-width: 0; margin-left: auto; overflow: hidden; font-size: var(--y-6); font-weight: 700; text-align: right; white-space: nowrap; text-overflow: ellipsis; }

.arsiv-kart .kart-bas > h3 { flex: 0 1 auto; }
.arsiv-kart .kart-bas > .sag { margin-left: auto; gap: var(--b-2); }
.filtre-alani.filtre-paneli { --kontrol: var(--kontrol-k); grid-template-columns: repeat(6, minmax(0, 1fr)); align-items: center; gap: var(--b-2); padding-block: var(--b-3); border-top: 1px solid var(--ayrac); }
.filtre-paneli > * { min-width: 0; }
.filtre-paneli .af-aralik { grid-column: span 2; display: flex; align-items: center; gap: var(--b-15); min-width: 0; }
.filtre-paneli .af-aralik > .alan-tarih { flex: 1 1 0; }
.af-aralik-ad { display: inline-flex; align-items: center; gap: var(--b-1); flex-shrink: 0; font-size: var(--y-4); font-weight: 700; color: var(--text-2); }
.af-aralik-ara { flex-shrink: 0; color: var(--muted); }
.filtre-paneli .af-anahtar > .kes { min-width: 0; }
.filtre-paneli .af-eylem { grid-column: span 3 / -1; flex-wrap: wrap; }
@container (max-width: 1100px) { .filtre-alani.filtre-paneli { grid-template-columns: repeat(4, minmax(0, 1fr)); } .filtre-paneli .af-eylem { grid-column: 1 / -1; } }
@container (max-width: 720px) { .filtre-alani.filtre-paneli { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@container (max-width: 440px) { .filtre-alani.filtre-paneli { grid-template-columns: minmax(0, 1fr); } .filtre-paneli .af-aralik { grid-column: 1 / -1; } }

.etkin-suzgecler { display: flex; flex-wrap: wrap; align-items: center; gap: var(--b-2); padding: var(--b-2) var(--b-3); border-radius: var(--r-lg); background: var(--surface); box-shadow: var(--kart-golge); }
.etkin-suzgecler > .es-etiket { font-size: var(--y-5); font-weight: 700; color: var(--text-2); }
.lh-eylem.kapali { opacity: 0.35; cursor: not-allowed; }
.lh-eylem > .ti { font-size: var(--y-9); line-height: 1; }
.lh-eylem > .donen { font-size: var(--y-8); }
.tp-ozet-oge > .ti, .tp-takbis > .ti { font-size: var(--y-8); line-height: 1; }
.tp-ozet > .sag { margin-left: auto; }
.tp-tablo .tp-ekle { display: inline-flex; align-items: center; gap: var(--b-15); }
.tp-tablo .tp-ekle > .tp-adet { width: 64px; height: var(--yk-8); padding: 0 var(--b-15) 0 var(--b-25); text-align: right; }
.tp-tablo .tp-ekle > label { margin: 0; }
.pn-sayfa { display: flex; flex-direction: column; gap: var(--b-4); min-width: 0; }
.pn-kompakt .pn-kart, .pn-kompakt .pn-yaz-kart { box-shadow: none; }
.pn-kompakt .pn-yaz-kart { position: static; border-top: 1px solid var(--ayrac); border-radius: 0; }
.pn-kompakt .pn-akis-kap { max-height: 55vh; overflow-y: auto; }
.pn-avatar-kap { display: inline-flex; }
.pn-avatar-kap .kisi-avatar { flex-shrink: 0; }
.pn-ozet .fc-satir { flex-wrap: nowrap; }
.pn-ozet .fc-satir > .acilir-tetik { display: block; flex: 0 1 22ch; min-width: 14ch; }
.pn-ozet .fc-satir > .btn { flex-shrink: 0; }
.pn-ozet .pn-filtre { flex: 1 0 100%; margin: 0 calc(-1 * var(--kart-x)) calc(-1 * var(--b-3)); border-radius: 0 0 var(--r-lg) var(--r-lg); }
.pn-avatar-kap .kisi-avatar { width: 36px; height: var(--yk-7); }
.pn-not.benim .pn-avatar-kap .kisi-avatar { background: var(--marka); color: var(--dolgu-metin); }
.pn-ust .etiket { height: 20px; font-size: var(--y-2); }
.pn-okuma > .ti, .pn-okundu > .ti, .pn-cihaz > .ti, .pn-gorunur > .ti, .pn-etiket > .ti, .pn-sure > .ti { font-size: var(--y-6); line-height: 1; }
.pn-not-eylem .btn > .ti { font-size: var(--y-8); }
.pn-konu { display: flex; flex-direction: column; gap: var(--b-1); min-width: 0; }
.pn-yaz .pn-ayarlar { flex-wrap: nowrap; min-width: 0; }
.pn-yaz .pn-konu { flex: 0 1 auto; flex-direction: row; align-items: center; gap: var(--b-2); }
.pn-yaz .pn-secimler { flex-shrink: 0; }
.pn-konu .konu-secim-satir { flex-wrap: nowrap; }
.pn-konu .konu-secim-oge { min-width: 120px; }
.pn-konu > .konu-uyari { display: block; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pn-rol-kisa { display: none; }
@container (max-width: 760px) { .pn-yaz .pn-rol-uzun { display: none; } .pn-yaz .pn-rol-kisa { display: inline; } .pn-yaz .pn-secimler { gap: var(--b-2); } }
.konu-secim-satir { display: flex; flex-wrap: wrap; gap: var(--b-2); min-width: 0; }
.konu-secim-oge { flex: 0 1 240px; min-width: 180px; }
.pn-konu .text-warning { margin: 0 !important; font-size: var(--y-4); }
.pn-etiketler { padding: var(--b-3); border-radius: var(--r-md); background: var(--surface); box-shadow: inset 0 0 0 1px var(--ayrac); }
.pn-yaz-eylem .btn { white-space: nowrap; }
.dg-tablo .tablo { table-layout: fixed; width: 100%; }
.dg-tablo .tablo :is(th, td) { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.dg-tablo .tablo td { vertical-align: top; }
.dg-tablo tr.ct-row-detail:not(:has(.dg-ayrinti)) { display: none; }
.dg-tablo tr.ct-row-detail > td { white-space: normal; padding-block: var(--b-3) var(--b-4); background: var(--surface-2); }
.dg-tablo .ct-icerik { flex: 0 1 auto; justify-content: flex-start; }
.dg-sekmeler { flex: 0 0 auto; }
.dg-ac > .ti, .dg-isaret > .ti { font-size: var(--y-8); line-height: 1; }
.dg-ok { font-size: var(--y-10); }
.dg-tablo .tablo .dg-s-tarih { width: 120px; }
.um-ikon > .ti { font-size: var(--y-14); line-height: 1; }
.um-ozet .ti { font-size: var(--y-6); color: var(--muted); cursor: help; }
.um-tablo { --tablo-x: var(--kart-x); margin: 0; }
.rf-bas { overflow: visible; }
.rf-eylemler .btn { white-space: nowrap; }
.rf-gabim-durum { display: inline-flex; color: var(--muted); }
.rf-gabim-durum.basari { color: var(--ok); }
.rf-gabim-durum.uyari { color: var(--warn); }
.rf-gabim-durum.hata { color: var(--err); }
@container (max-width: 1100px) { .rf-gabim .rf-gabim-etiket { display: none; } }
.rf-bolumler > .rf-bolum { margin: 0; }
.rf-sira { display: contents; }
.rf-kume { display: flex; flex-direction: column; gap: var(--b-2); min-width: 0; }
.rf-kume > .kart { margin: 0; }
.rf-kume > .kart:has(> .kart-govde > .rf-alanlar:only-child:empty) { display: none; }
.rf-ikili .rf-kume > .kart > .kart-govde, .rf-yatay > .kart-govde { container-type: inline-size; }
.sorunlar ul { max-height: 220px; overflow-y: auto; }
.sorunlar header > .ti { font-size: var(--y-9); }
.rf-alanlar { --n: 1; display: grid; grid-template-columns: repeat(var(--n), minmax(0, 1fr)); grid-auto-flow: row dense; gap: var(--b-3) var(--b-4); align-items: start; }
@container (min-width: 460px) { .rf-alanlar { --n: 2; } }
@container (min-width: 680px) { .rf-alanlar { --n: 3; } }
@container (min-width: 920px) { .rf-alanlar { --n: 4; } }
@container (min-width: 1150px) { .rf-alanlar { --n: 5; } }
@container (min-width: 1400px) { .rf-alanlar { --n: 6; } }
.rf-alanlar > * { min-width: 0; margin: 0 !important; }
.rf-alanlar > .rf-tam { grid-column: 1 / -1; }
.rf-alanlar.rf-uzunlar { grid-template-columns: minmax(0, 1fr); }
.rf-alanlar + .rf-uzunlar { margin-top: var(--b-3); }
@container (min-width: 920px) {
  .rf-alanlar.rf-uzunlar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .rf-uzunlar > [id^="fld_"]:nth-child(odd of [id^="fld_"]):nth-last-child(1 of [id^="fld_"]) { grid-column: 1 / -1; }
}
.rf-bolum .alan-formu[id^="fld_"] textarea.uzun { field-sizing: content; height: auto !important; min-height: calc(var(--yk-3) + var(--b-5)); max-height: 70vh; padding-bottom: var(--b-5); resize: vertical; }
.rf-bolum [id^="fld_"]:not(.rf-tam) > :is(div:first-child:has(> label.form-label), .alan:first-child) { display: grid; grid-template-columns: minmax(0, 1fr); row-gap: var(--b-1); align-items: start; padding: 0; }
.rf-bolum [id^="fld_"]:not(.rf-tam) > div:first-child > label.form-label, .rf-bolum [id^="fld_"]:not(.rf-tam) > .alan:first-child > label { grid-column: 1; margin: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: var(--y-3); font-weight: 600; line-height: 1.3; color: var(--muted); }
.rf-bolum [id^="fld_"]:not(.rf-tam) > div:first-child > :not(label) { grid-column: 1; min-width: 0; }
.rf-bolum [id^="fld_"]:not(.rf-tam) > :not(:first-child) { margin-left: 0; }
.rf-not.dikkat { color: var(--warn); }
.rf-alanlar > .alan-formu { container-type: normal; margin: 0; padding: 0; border: 0; }
.rf-bolum [id^="fld_"] .alan > label { display: block; }
.rf-bolum [id^="fld_"] .alan > label > .kesik { display: inline; }
.rf-bolum [id^="fld_"] .alan > label > :not(.kesik) { margin-left: var(--b-1); vertical-align: middle; }
.rf-bolum [id^="fld_"] .alan > label > .zorunlu { margin-left: var(--b-05); vertical-align: baseline; }
@container (min-width: 600px) { .rf-alanlar > .alan-formu:has(.secenekler > .secenek:nth-child(5)) { grid-column: span 2; } }
@container (min-width: 460px) { .rf-alanlar > :is(.rf-genis-2, .rf-genis-3) { grid-column: span 2; } }
@container (min-width: 680px) { .rf-alanlar > .rf-genis-3 { grid-column: span 3; } }
.rf-bolum [id^="fld_"]:not(.rf-tam):has(textarea) > :is(div:first-child:has(> label.form-label), .alan:first-child) { align-items: start; }
.rf-bolum [id^="fld_"] .alan-hata:empty { display: none; }
.rf-bolum [id^="fld_"] .app-search { width: 100%; }
:is(.rf-bolum [id^="fld_"], .td-duzen-kartlar) .app-search > .app-search-icon { display: none !important; }
:is(.rf-bolum [id^="fld_"], .td-duzen-kartlar) .app-search :is(.giris, .secim) { padding-left: var(--b-25); }
.rf-bolum [id^="fld_"] > div:first-child > .d-flex { padding-top: 0 !important; align-items: center; gap: var(--b-2); min-width: 0; }
.rf-bolum [id^="fld_"] .form-control-static:is(.badge, .rozet) { display: block !important; flex: 1 1 auto; min-width: 0; height: var(--yk-3); line-height: var(--yk-3); margin: 0; padding: 0 var(--b-2) !important; border-radius: var(--r-sm) !important; background: var(--surface-3) !important; color: var(--text) !important; font-size: var(--y-6) !important; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; }
.rf-bolum [id^="fld_"] .form-control-static:is(.badge, .rozet):empty::before { content: '—'; color: var(--faint); font-weight: 500; }
.sekme > .ti { font-size: var(--y-9); line-height: 1; }
a.sekme { text-decoration: none; }
.bg-kategori { flex: 0 1 150px; width: 150px; min-width: 108px; }
.bg-anahtar:disabled { opacity: 0.6; cursor: progress; }
.bg-arac-sag { margin-left: auto; }
@container (max-width: 1340px) { .bg-arac .bg-indir { gap: 0; padding-inline: 9px; font-size: 0; } }
@container (max-width: 900px) { .bg-arac .bg-indir { display: none; } }
.bg-tablo .ct-eylemler > .kucuk { color: var(--text-2); }
.bg-tablo .tablo td { vertical-align: middle; }
.bg-s-kapak { width: 68px; }
.bg-s-kapak.dar { width: 48px; }
.bg-s-kapak img, .bg-s-kapak canvas { border-radius: 8px; max-width: 56px; object-fit: cover; }
.dosya-ikon { display: flex; align-items: center; justify-content: center; flex-shrink: 0; border-radius: 10px; background: var(--surface-3); color: var(--muted); }
.dosya-ikon.hata { background: var(--err-soft); color: var(--err); }
.dosya-ikon.vurgu { background: var(--marka-zemin); color: var(--marka-metin); }
.banka-ikon { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; background: var(--marka-zemin); color: var(--marka-metin); }
.banka-ikon.bi-bas { background: var(--surface-3); color: var(--text-2); font-weight: 700; letter-spacing: 0.02em; line-height: 1; white-space: nowrap; user-select: none; }
.talep-hucre .banka-ikon.bi-bas { color: var(--text-2) !important; font-size: var(--y-6) !important; }
.bg-dosya-ad { display: inline-block; max-width: 260px; vertical-align: middle; }
.bg-s-tur { min-width: 300px; }
.bg-kat-tur { display: flex; gap: var(--b-15); min-width: 0; }
.bg-kat-tur > div { flex: 1 1 0; min-width: 0; }
.bg-kat-tur .form-group, .bg-kat-tur .mb-3 { margin: 0 !important; }
.bg-yukleyen { display: flex; align-items: center; gap: var(--b-2); min-width: 0; }
.bg-yukleyen > div { display: flex; flex-direction: column; min-width: 0; }
.bg-yukleyen .kisi-avatar { width: 30px; height: var(--yk-4); font-size: var(--y-2); }
.bg-tablo .lh-eylemler { justify-content: flex-end; flex-wrap: nowrap; margin-left: 0; }
.lh-eylem.tehlike:hover:not(:disabled) { color: var(--err); background: var(--err-soft); }
.bg-tablo :is(th, td).bg-s-tur { width: 380px; min-width: 380px; }
.bg-kat-tur > div > span:is(.text-muted, .soluk) { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: 600; }
.yb-alan .form-group, .yb-alan .mb-3 { margin: 0 !important; }
.yb-alan .uyari, .yb-form > .uyari { margin: 0; }
.yb-kucuk-onizleme { display: block; width: auto; height: 56px; max-width: 48px; border-radius: 4px; box-shadow: 0 0 0 1px var(--line-2); cursor: pointer; }
.yb-gecmis .tablo { margin: 0; }
.ms-kalemler .ms-kap { container-type: inline-size; }
.ms-masraf .ms-g2, .ms-masraf .ms-b3 { display: none; }
.ms-c-kapali { width: 150px; }
@container (max-width: 1249px) { .ms-masraf .ms-gc, .ms-masraf .ms-g4 { display: none; } .ms-masraf .ms-g2 { display: table-cell; } }
@container (max-width: 899px) { .ms-masraf .ms-oc, .ms-masraf .ms-b4 { display: none; } .ms-masraf .ms-b3 { display: table-cell; } }
.ms-odeme-satir { gap: var(--b-15); min-width: 0; }
.ms-odeme-satir > .ms-odeme { flex: 1 1 auto; min-width: 0; }
.ms-odeme-satir > .btn { flex-shrink: 0; }
.ms-odeme.ms-odeme-eksik { border-color: var(--err); }
.ms-odeme-rozet { align-self: flex-start; font-size: var(--y-2); }
.ms-tablo { margin: 0; }
.ms-tablo :is(th, td).ms-b { background: var(--surface-2); }
.ms-elle { margin-left: var(--b-1); color: var(--muted); }
.ms-elle .ti, .ms-grup-ad .ti, .ms-alt .ti { font-size: var(--y-6); }
.ms-oneri-toplam .ti { font-size: var(--y-8); cursor: help; }
.td-duzen-kartlar { display: flex; flex-direction: column; gap: var(--b-4); }
.td-duzen-kartlar > .kart { margin: 0; }
.td-duzen-kartlar > .kart:not(.td-duzen-malik) > .kart-govde { display: grid; grid-template-columns: repeat(auto-fill, minmax(max(148px, calc((100% - 60px) / 6)), 1fr)); gap: var(--b-4) var(--b-3); }
.td-duzen-kartlar > .kart:not(.td-duzen-malik) > .kart-govde > :not(.td-satir) { grid-column: 1 / -1; }
.td-duzen-kartlar > .kart:not(.td-duzen-malik) > .kart-govde > .td-satir { display: contents; }
.td-satir > * { min-width: 0; }
.td-satir > .td-tam { grid-column: 1 / -1; }
.td-satir > .td-iki, .td-satir > :has(.alan-tarih.saatli) { grid-column: span 2; }
.td-duzen-kartlar .mb-3 { margin-bottom: var(--b-3) !important; }
.td-duzen-kartlar .td-satir label.form-label { min-height: 18px; margin-bottom: var(--b-05); font-size: var(--y-4); }
.td-duzen-kartlar .td-satir { --kontrol: var(--kontrol-k); }
.td-duzen-kartlar .td-satir :is(input.giris, .secim) { font-size: var(--y-6); }
.td-duzen-hatalar { margin-top: var(--b-4); }
.td-duzen-kaydet { position: sticky; bottom: var(--b-3); margin-top: var(--b-4); }
.rv-bas-ikon > .ti { font-size: var(--y-12); line-height: 1; }
.rv-tur-bas > .btn.sag, .rv-tur-bas > .sag { margin-left: auto; }
.rv-metin-etiket > .ti { font-size: var(--y-6); color: var(--muted); }
.rv-govde :is(.card, .pnl) { margin-bottom: 0; }
.ph-arac { gap: var(--b-2); flex-wrap: wrap; padding: var(--b-3) var(--kart-x); }
.ph-ara { flex: 1 1 220px; max-width: 320px; }
.ph-okunma { width: auto; min-width: 150px; }
.ph-arac-sag { margin-left: auto; gap: var(--b-2); }
.ph-filtre { border-top: 1px solid var(--ayrac); }
.ph-tablo .tablo { table-layout: fixed; width: 100%; }
.ph-tablo .tablo :is(th, td) { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: top; }
.ph-tablo .ph-s-ac { width: 60px; }
.ph-tablo .ph-s-talep { width: var(--kod-sutun); }
.ph-tablo .ph-s-banka { width: 14%; }
.ph-tablo .ph-s-konum { width: 9%; }
.ph-tablo .ph-s-kisi, .ph-tablo .ph-s-ekleyen { width: 10%; }
.ph-tablo .ph-s-gorunur { width: 84px; }
.ph-tablo .tablo th > span:not(.gorunmez) { display: block; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.ph-tablo .ph-s-takbis { width: 110px; }
@container (max-width: 1320px) { .ph-tablo .tablo :is(th, td).ph-s-takbis { width: 0; padding: 0; border-width: 0; font-size: 0; visibility: hidden; } }
@container (max-width: 1100px) { .ph-tablo .tablo :is(th, td).ph-s-gorunur { width: 0; padding: 0; border-width: 0; font-size: 0; visibility: hidden; } }
@container (max-width: 860px) { .ph-tablo .tablo :is(th, td).ph-s-ekleyen { width: 0; padding: 0; border-width: 0; font-size: 0; visibility: hidden; } .ph-tablo .ph-s-banka { width: 17%; } .ph-tablo .ph-s-konum { width: 11%; } .ph-tablo .ph-s-kisi { width: 13%; } }
@container (max-width: 700px) { .ph-tablo .tablo :is(th, td).ph-s-kisi { width: 0; padding: 0; border-width: 0; font-size: 0; visibility: hidden; } .ph-tablo .ph-s-banka { width: 20%; } .ph-tablo .ph-s-konum { width: 14%; } }
.ph-tablo tr.ph-okunmamis > td { background: var(--warn-soft); }
.ph-tablo tr.ph-okunmamis .ph-s-not .lh-ust { font-weight: 800; }
.ph-okundu { font-weight: 500; }
.ph-ac { align-items: center; gap: var(--b-05); }
.ph-okuma { display: inline-flex; align-items: center; gap: var(--b-05); font-size: var(--y-2); font-weight: 700; color: var(--muted); }
.ph-okuma.tamam { color: var(--info); }
.ph-okuma .ti { font-size: var(--y-4); }
.ph-talep { overflow: hidden; color: var(--marka-metin); font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.ph-tablo tr.ct-row-detail:not(:has(.ph-ayrinti)) { display: none; }
.ph-tablo tr.ct-row-detail > td { white-space: normal; background: var(--surface-2); }
.ph-ayrinti { display: flex; flex-direction: column; gap: var(--b-2); padding-left: 52px; }
.ph-ayrinti .pn-balon { align-self: flex-start; max-width: 860px; }
.ph-esik { gap: var(--b-2); flex-wrap: wrap; }
.ph-esik .giris { width: 160px; }
.gn-tablo .tablo { table-layout: fixed; width: 100%; }
.gn-tablo .tablo :is(th, td) { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.gn-s-no { width: 192px; }
.gn-s-uzman { width: 11%; }
.gn-s-denetmen { width: 11%; }
.gn-s-baslangic, .gn-s-islem { width: 140px; }
.gn-s-sure { width: 100px; }
.gn-s-tur { width: 158px; }
.gn-tablo .tablo td { vertical-align: middle; padding-block: var(--b-25); }
.gn-tablo .tablo .gn-s-islem { text-align: right; overflow: visible; }
@container (max-width: 1250px) {
  .gn-s-baslangic { display: none; }
}
@container (max-width: 1050px) {
  .gn-s-denetmen { display: none; }
  .gn-s-uzman { width: 15%; }
  .gn-s-islem { width: 72px; }
  .gn-dugme-ad { display: none; }
  .gn-s-islem .btn { padding-inline: var(--b-2); gap: 0; }
}
@container (max-width: 820px) {
  .gn-s-tur { display: none; }
}
@container (max-width: 680px) {
  .gn-s-uzman { display: none; }
}
.gn-talep { font-weight: 700; color: var(--marka-metin); }
.gn-sure { font-weight: 800; font-variant-numeric: tabular-nums; }
.km-ozet { display: grid; grid-template-columns: minmax(0, 1.7fr) repeat(4, minmax(0, 1fr)); gap: var(--b-2); padding: var(--b-3) var(--kart-x); }
.km-ozet-oge { display: flex; flex-direction: column; gap: var(--b-05); min-width: 0; padding: var(--b-25) var(--b-3); border-radius: var(--r-md); background: var(--surface-2); }
.km-ozet-oge > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.km-ozet-oge b { font-size: var(--y-12); font-weight: 800; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.km-ozet-oge.t-marka b { color: var(--marka-metin); }
.km-ozet-oge.t-uyari b { color: var(--warn); }
.km-ozet-oge.t-basari b { color: var(--ok); }
.km-ozet-oge.t-hata b { color: var(--err); }
.km-sayi { font-variant-numeric: tabular-nums; white-space: nowrap; }
.km-gorunum { flex-shrink: 0; }
.km-toplam { font-size: var(--y-5); color: var(--muted); white-space: nowrap; }
.km-toplam b { color: var(--text); }
.basari-metni { color: var(--ok); }
.km-tablo .tablo { margin: 0; }
.km-tablo .tablo td { vertical-align: middle; }
.km-masraf { display: flex; align-items: center; gap: var(--b-25); min-width: 0; }
.km-ikon { width: 30px; height: var(--yk-4); border-radius: 8px; display: grid; place-items: center; flex-shrink: 0; background: var(--surface-3); color: var(--text-2); }
.km-s-tarih { width: 120px; }
.km-s-tutar { width: 140px; text-align: right; font-weight: 700; font-variant-numeric: tabular-nums; }
.km-s-dosya { width: 80px; }
.km-s-durum { width: 140px; }
.km-s-eylem { width: 130px; }
.km-dosya { display: inline-flex; align-items: center; gap: 3px; font-weight: 700; color: var(--text-2); }
.km-tablo tr.km-red > td { background: var(--err-soft); }
.km-detay { display: flex; flex-direction: column; gap: var(--b-1); padding: var(--b-2) 0; }
.km-detay label { font-size: var(--y-4); font-weight: 500; color: var(--muted); text-transform: uppercase; letter-spacing: 0.5px; }
.km-detay span { font-size: var(--y-8); color: var(--text); }
.leave-type-card > .leave-type-icon { background-color: color-mix(in srgb, var(--leave-color) 12.5%, transparent); color: var(--leave-color); }
.it-arac { gap: var(--b-2); flex-wrap: wrap; padding: var(--b-3) var(--kart-x); }
.it-arac .secenekler { min-height: 0; }
.it-kategori { width: auto; min-width: 180px; }

.ku-kisi .lh { flex: 1 1 auto; }
.ku-tablo .ku-c-islem .lh-eylemler { justify-content: flex-end; margin-left: 0; }
.du-duyuru .lh { flex: 1 1 auto; }
.du-baglanti { color: inherit; text-decoration: none; }
.du-baglanti:hover .kes { text-decoration: underline; }
.fo-sayfa { display: flex; flex-direction: column; gap: var(--b-4); }
.fo-kisi .lh { flex: 1 1 auto; }
.fo-arac .arama-kutusu { flex: 1 1 auto; max-width: 360px; }
.fo-foto .kisi-avatar, .fo-mini .kisi-avatar { width: 100%; height: 100%; border-radius: 0; font-size: var(--y-8); }
.fo-foto .kisi-avatar { font-size: var(--y-17); }
.fo-foto .kisi-avatar-resim, .fo-mini .kisi-avatar-resim { border-radius: 0; }
.ba-belge > .ti { flex-shrink: 0; font-size: var(--y-10); color: var(--marka-metin); }
.ba-tablo { container-type: inline-size; }
@container (max-width: 900px) { .ba-tablo .ba-c-aciklama { display: none; } .ba-tablo .ba-c-durum { width: 150px; } .ba-tablo .ba-c-tarih { width: 140px; } }
.bk-tablo .bk-orta { text-align: center; }
.gb-tablo .gb-orta { text-align: center; }
.gb-tablo .gb-c-id { width: 52px; }
.rk-ana-kart .kart-bas > .sag { gap: var(--b-15); }
.kt-izgara .kart-bas > .sag { gap: var(--b-2); }
.gr-tablo .tablo .rapor-col-nitelikler { white-space: normal; overflow-wrap: anywhere; }
.gd-tablo { container-type: inline-size; }
.gd-tablo tr.ct-row-detail:not(:has(.gd-ayrinti)) { display: none; }
.gd-tablo tr.ct-row-detail > td { white-space: normal; padding: 0; background: var(--surface-2); }
.s3-sayfa { display: flex; flex-direction: column; gap: var(--b-4); }
.donem-cubugu { container-type: inline-size; }
@container (max-width: 560px) { .donem-cubugu-satir { flex-wrap: wrap; row-gap: var(--b-2); } .donem-cubugu-sag { margin-left: 0; } .donem-tarihler { flex: 1 1 100%; } .donem-tarihler .alan-tarih { flex: 1 1 0; } }
.donem-hata { margin-top: var(--b-2); }
.hk-sayfa { display: flex; flex-direction: column; gap: var(--b-4); }
.hk-icerik { padding: var(--kart-y, var(--b-4)) var(--kart-x); display: flex; flex-direction: column; gap: var(--b-3); }
.hk-alti { --ro-n: 6; }
.hk-ozet { display: flex; flex-direction: column; gap: var(--b-4); }
.hk-icerik .tablo td, .hk-icerik .tablo th { white-space: nowrap; }
.hk-icerik > .table-responsive { overflow-x: auto; }
:is(.ro-kart > .kart-govde:not(.dolgusuz), .hk-icerik) > .tablo-kap { --tablo-x: var(--kart-x); margin-inline: calc(-1 * var(--kart-x)); }
.ts-suzgec { border-radius: 0 0 var(--r-lg) var(--r-lg); }
.gi-hizli-ad { display: none; }
@container (min-width: 1400px) { .gi-hizli-ad { display: inline; } }
.gi-liste .gi-tablo { overflow-x: auto; }
.gi-tablo .gi-c-talep { width: 16%; }
.gi-tablo .gi-c-banka { width: 9%; }
.gi-tablo .gi-c-il { width: 8%; }
.gi-tablo .gi-c-kisi { width: 8%; }
.gi-tablo .gi-c-tarih { width: 124px; }
.gi-tablo .gi-c-sure { width: 90px; }
.gi-tablo .gi-c-neden { width: 13%; }
.gi-tablo .gi-c-islem { width: 68px; text-align: right; }
.gi-tablo .tablo td { vertical-align: middle; }
.rr-ozet { --ro-n: 5; }
.rr-kart .kart-bas .sekme-sayi { margin-left: var(--b-1); }
.rr-g-rapor { width: var(--kod-sutun); }
.rr-g-banka { width: 8%; }
.rr-g-kisi { width: 11%; }
.rr-g-rozet { width: 6.5rem; }
.rr-g-b { width: 3.5rem; }
.rr-g-yuzde { width: 4.5rem; }
.rr-kaydir { max-height: 70vh; overflow: auto; }
.rr-kaydir-kisa { max-height: 50vh; overflow: auto; }
.rr-yapiskan th { position: sticky; top: 0; z-index: 1; background: var(--surface); }
.rr-g-sayi { width: 80px; }
.rr-g-sonuclu { width: 90px; }
.rr-g-hakli, .rr-g-tarih { width: 6.875rem; }
.rr-g-toplam { width: 6.25rem; }
.rr-g-no { width: 50px; }
.bh-ozet-2 { --ro-n: 2; }
.bh-ozet-3 { --ro-n: 3; }
.gb-rapor .gb-sag { text-align: right; }
.mr-sekmeler { padding: var(--b-3) var(--kart-x) 0; }
.mr-tablo { container-type: inline-size; }
.mr-tablo tr.mr-satir { cursor: pointer; }
.mr-tablo tr.mr-bagsiz > td { background: var(--warn-soft); }
.mr-sutun { display: flex; align-items: center; gap: var(--b-2); height: var(--yk-4); cursor: pointer; }
.mr-sutun input { accent-color: var(--marka); margin: 0; }
.co-tablo tr.co-satir { cursor: pointer; }
.co-tablo .co-l-islem .lh-eylemler { justify-content: flex-end; }
.liste-alt > .secim { width: auto; min-width: 110px; flex: 0 0 auto; }
.liste-alt > .ct-sayfalama { flex: 1 1 auto; margin: 0; padding: 0; }
.liste-alt > .ct-sayfalama .ct-sayfalama-bilgi { display: none; }
.bm-sayfa { display: flex; flex-direction: column; gap: var(--b-4); }
.bm-donem-sayilari { display: inline-flex; flex-wrap: wrap; gap: var(--b-15); }
.bm-ozet { --mo-sutun: repeat(4, minmax(0, 1fr)); }
.bm-liste tr.bm-satir { cursor: pointer; }
.bm-liste .bm-orta { text-align: center; }
.bm-liste .bm-l-islem .lh-eylemler { justify-content: flex-end; }
.ml-sayfa { display: flex; flex-direction: column; gap: var(--b-4); container-type: inline-size; }
.ml-zaman { max-width: 200px; }
.sa-kolon > :is(.card, .pnl) { margin: 0 !important; }
.yt-form { container-type: inline-size; }
.yt-form > .kart, .yt-kontrol > .kart, .yt-kontrol > .card { margin: 0; }
.yt-kontrol:empty { display: none; }
.yt-ust > * { min-width: 0; }
.yt-ust .form-label, .yt-alanlar .form-label, .malik-alanlar .form-label, .yt-evet-hayir .form-label { display: block; margin-bottom: 3px; min-height: 18px; font-size: var(--y-4); font-weight: 700; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.yt-form .app-search { width: 100%; }
.yt-alanlar { display: grid; grid-template-columns: repeat(auto-fill, minmax(max(160px, calc((100% - 60px) / 6)), 1fr)); gap: var(--b-1) var(--b-3); align-items: start; }
.yt-alanlar > * { min-width: 0; margin: 0; }
.yt-alanlar > .yt-genis { grid-column: 1 / -1; }
.yt-alanlar .form-group, .malik-alanlar .form-group { margin: 0 0 var(--b-2); }
.yt-form :is(.form-control, .giris, .secim):not(textarea) { min-height: var(--yk-6); height: var(--yk-6); font-size: var(--y-6); }
.yt-form textarea:is(.form-control, .uzun) { min-height: 60px; font-size: var(--y-6); }
.yt-evet-hayir .secenekler { min-height: var(--yk-5); }
.yt-alanlar .yt-genis textarea.uzun { height: 54px; min-height: 54px; }
.yt-yukle .drop-zone, .ty-yukle .drop-zone { display: flex; flex-direction: row; align-items: center; justify-content: center; gap: var(--b-3); min-height: 52px; padding: var(--b-15) var(--b-3); border: 2px dashed var(--line-3); border-radius: var(--r-md); background: var(--surface-2); color: var(--text-2); cursor: pointer; text-align: left !important; }
.yt-yukle .drop-zone:hover, .ty-yukle .drop-zone:hover { border-color: var(--marka-metin); background: var(--marka-zemin); }
.yt-yukle > .drop-zone, .ty-yukle > .drop-zone { flex: 1 1 auto; min-width: 0; }
.yt-yukle .drop-zone > .btn-ikon, .ty-yukle .drop-zone > .btn-ikon { display: grid; place-items: center; width: 30px; height: var(--yk-4); margin: 0 !important; padding: 0; border: 0; border-radius: 9px; background: var(--surface); color: var(--marka-metin); box-shadow: none; pointer-events: none; }
.yt-yukle .drop-zone > .btn-ikon > i, .ty-yukle .drop-zone > .btn-ikon > i { font-size: var(--y-12) !important; }
.yt-yukle .drop-zone > p, .ty-yukle .drop-zone > p { margin: 0; font-size: var(--y-6); font-weight: 700; }
.yt-dosya-hata { color: var(--err); font-weight: 600; }
.yt-alt-cubuk > .btn.sag { margin-left: auto; }
.yt-durum.uyari { color: var(--warn); }
.yt-ayni-uyari { margin: var(--b-3) var(--kart-x) var(--b-2); }
.yt-ayni-satir { cursor: pointer; }
.yt-ayni-eylem { display: flex; justify-content: flex-end; gap: var(--b-2); padding: var(--b-3) var(--kart-x); border-top: 1px solid var(--ayrac); }
.malikler { display: flex; flex-direction: column; gap: var(--b-2); margin: 0; padding: 0; list-style: none; }
.malik-satir { display: grid; grid-template-columns: 26px minmax(0, 1fr) 34px; align-items: start; gap: var(--b-3); padding: var(--b-2) var(--b-3) 0; border-radius: var(--r-md); background: var(--surface-2); }
.malik-no { width: 22px; height: 22px; margin-top: 27px; border-radius: 50%; display: grid; place-items: center; background: var(--marka); color: var(--dolgu-metin); font-size: var(--y-3); font-weight: 800; }
.malik-satir > .btn { margin-top: 21px; }
.malik-bosluk { width: 34px; }
.malik-alanlar { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 170px), 1fr)); gap: 0 var(--b-3); min-width: 0; }
.malik-alanlar > * { min-width: 0; }
.ty-sayfa { display: flex; flex-direction: column; gap: var(--b-4); container-type: inline-size; }
.ty-sayfa > .kart, .ty-sayfa > .sayac-seridi, .ty-sayfa > .kart + .kart { margin: 0; }
.ty-ayar-alanlar { display: grid; grid-template-columns: minmax(170px, 1.1fr) minmax(110px, 0.5fr) minmax(0, 1.4fr) minmax(0, 2.2fr); gap: var(--b-1) var(--b-3); align-items: start; }
@container (max-width: 1000px) { .ty-ayar-alanlar { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.ty-ayar .secenek { height: var(--yk-5); }
.ty-degisim .tablo { table-layout: fixed; width: 100%; }
.ty-d-tapu { width: 90px; }
.ty-tablo .lh-ust .satir { min-width: 0; }
.ty-tablo .lh-ust .satir > .kes { min-width: 0; }
.yy-sayfa { display: flex; flex-direction: column; gap: var(--b-3); }
.yy-sayfa > .kart { margin: 0; }
.yy-gezgin { container-type: inline-size; display: flex; flex-direction: column; min-height: 0; height: clamp(480px, calc(100dvh - 260px), 900px); overflow: hidden; border-radius: var(--r-lg); background: var(--surface); box-shadow: inset 0 0 0 1px var(--ayrac); }
.yy-icerik > .yy-gezgin { flex: 1 1 auto; height: auto; border-radius: 0; box-shadow: none; }
.yy-satir > .anahtar { justify-self: end; }
.yy-m-sutun { width: 92px; }
.yy-matris-kap { overflow-x: auto; }
.yy-matris .yy-m-ilk { min-width: 240px; }
.yy-secici-satir > .ti { margin-bottom: var(--b-2); font-size: var(--y-14); color: var(--muted); }
.yy-hedef .rozet { margin-bottom: var(--b-2); }
.yy-kopya .durum-kutu { padding-block: var(--b-6); }
.pencere-bas > .pencere-ikon { font-size: var(--y-12); color: inherit; }
.pencere-bas > .pencere-ikon.hata { color: var(--err); }
.pencere-bas > .pencere-ikon.uyari { color: var(--warn); }
.pencere-bas > .pencere-ikon.basari { color: var(--ok); }
.pencere-bas > .pencere-ikon.bilgi { color: var(--info); }
.kp-sayfa { display: flex; flex-direction: column; gap: var(--b-4); container-type: inline-size; }
.kp-sayfa .kart { margin: 0; }
.kp-sayfa .kp-izgara.akis { align-items: stretch; }
.kp-izgara.kp-tek-sutun { --kp-sutun: 1; }
.kp-izgara.kp-iki-sutun { --kp-sutun: 2; }
.kp-izgara.kp-uc-sutun { --kp-sutun: 3; }
@container (max-width: 1100px) { .kp-izgara.kp-uc-sutun { --kp-sutun: 2; } }
@container (max-width: 700px) { .kp-izgara.akis { --kp-sutun: 1; } }
.kp-oge > .kart { height: 100%; }
.kp-iki.tek { grid-template-columns: minmax(0, 1fr); }
.kp-iki > .kart { min-width: 0; }
.kp-ciro-sol { gap: 0; min-width: 0; }
.kp-ciro-grafik { height: 116px; margin-top: var(--b-1); }
.kp-baslik-bag { color: inherit; text-decoration: none; }
.kp-baslik-bag:hover { color: var(--marka-metin); text-decoration: underline; }
.kp-bag { gap: var(--b-05); }
:is(.kart-bas, .pencere-bas, .yy-sayfa-baslik, .yy-bolum-bas) > :is(h3, h4) { margin: 0; line-height: 1.3; }
.kp-teslim-govde { display: flex; flex-direction: column; gap: var(--b-2); }
.kp-teslim-ust { align-items: baseline; gap: var(--b-2); }
.kp-yigin-ince { height: 12px; }
.kp-oran.soluk { color: var(--muted); }
.kp-gecikme-govde { display: flex; flex-direction: column; gap: var(--b-2); }
.kp-cip > i { font-size: var(--y-8); }
.kp-mini-tablo .tablo { width: 100%; }
.tablo :is(th, td).sag-hiza { text-align: right; }
.kp-mini-tablo .tablo td { padding-block: var(--b-2); }
.im-c-sec { width: 44px; }
.im-tablo .tablo :is(th, td).im-c-sec { padding-inline: var(--b-3) 0; text-overflow: clip; }
.im-tuval { display: block; width: auto; max-width: 48px; height: 44px; border-radius: 4px; box-shadow: 0 0 0 1px var(--line-2); background: var(--kagit); cursor: pointer; }
.im-tuval:hover { box-shadow: 0 0 0 2px var(--marka-400); }
.im-tablo .tablo tr.row-selected td { background: var(--marka-zemin); }
.im-belge-ad > .ti { flex-shrink: 0; color: var(--muted); }
.pr-sayfa, .ay-sayfa { container-type: inline-size; }
.pr-sol > .kart, .pr-sag > .kart, .ay-sol > .kart, .ay-sag > .kart, .ay-kart-izgara > .kart { margin: 0; }
.pr-tam { width: 100%; justify-content: center; }
.pr-avatar .rounded-circle, .pr-avatar img { width: 100%; height: 100%; object-fit: cover; }
.ay-temalar { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.ay-sag > .kart .kart-govde, .ay-kart-izgara .kart-govde { display: flex; flex-direction: column; gap: var(--b-3); }
.ay-bolge { display: flex; flex-direction: column; gap: var(--b-2); }
.ay-kimlik .rounded-circle { width: 44px; height: 44px; }
.bl-tumu { margin-left: auto; }
@media (max-width: 560px) { .bl-tumu-metin { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; } }
.bl-ikon svg { width: 16px; height: 16px; }
.pe-sayfa { display: flex; flex-direction: column; gap: var(--b-4); container-type: inline-size; }
.pe-sayfa .kart { margin: 0; }
.pe-ozet { --ro-n: 3; }
.pe-matris th, .pe-matris td { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ro-yigin-kalin { height: var(--yk-1); }
.ro-durumlar li > .ti { margin-top: var(--b-05); font-size: var(--y-9); color: var(--muted); }
.ro-durumlar li.hata > .ti { color: var(--err); }
.ro-durumlar li.uyari > .ti { color: var(--warn); }
.ro-durumlar li.basari > .ti { color: var(--ok); }
.ro-tablo .tablo td { vertical-align: middle; }
.ro-tablo .ut-c-ad { width: 22%; }
.ro-kisi-bag { color: inherit; font-weight: 600; text-decoration: none; }
.ro-kisi-bag:hover { color: var(--marka-metin); text-decoration: underline; }
.ro-tablo .ut-c-oran { width: 118px; }
.sayfa-kaydet { position: sticky; top: auto; bottom: var(--b-3); z-index: 5; margin-top: var(--b-4); justify-content: flex-end; box-shadow: var(--sh-3); }
:is(.bk-grid, .te-grid, .te-iki, .te-ortak-ekle, .ku-alanlar, .ku-iki, .ku-dar, .ku-hesap-ek, .ay-y-izgara, .ay-y-ayar-alan, .f-izgara, .ms-aciklamalar) .form-label { display: block; margin-bottom: var(--b-1); min-height: 18px; font-size: var(--y-5); font-weight: 700; color: var(--text-2); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
:is(.bk-grid, .te-grid, .te-iki, .ku-alanlar, .ku-iki, .ku-dar, .ku-hesap-ek, .ay-y-izgara) :is(.form-group, .mb-3) { margin-bottom: 0 !important; }
:is(.bk-grid, .te-grid, .te-iki, .ku-alanlar, .ay-y-izgara) textarea:is(.form-control, .uzun) { min-height: 64px; }
:is(.bk-grid, .te-grid, .te-ortak-ekle) :is(.giris, .secim) { width: 100%; }
.bk-form, .te-form { container-type: inline-size; }
.bk-sayfa .bk-grid { row-gap: var(--b-3); }
.bk-k3 { grid-column: span 3; }
.bk-k4 { grid-column: span 4; }
.bk-k6 { grid-column: span 6; }
.bk-k8 { grid-column: span 8; }
.bk-k12 { grid-column: 1 / -1; }
@container (max-width: 900px) { .bk-k3 { grid-column: span 4; } .bk-k4, .bk-k6 { grid-column: span 6; } .bk-k8 { grid-column: 1 / -1; } }
@container (max-width: 560px) { .bk-grid > [class*="bk-k"] { grid-column: 1 / -1; } }
.bk-bolum-satir > .btn { margin-left: auto; text-transform: none; letter-spacing: normal; }
.bk-logo-onizleme > .ti { font-size: var(--y-14); }
.te-adres { display: flex; flex-direction: column; gap: var(--b-3); }
@container (max-width: 760px) { .te-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@container (max-width: 520px) { .te-grid, .te-iki, .te-ortak-ekle { grid-template-columns: minmax(0, 1fr); } .te-ortak-tablo :is(th, td):nth-child(3) { display: none; } }
.ku-formsayfasi { display: flex; flex-direction: column; container-type: inline-size; }
.ku-baslikserit .kisi-avatar { width: 40px; height: var(--yk-9); font-size: var(--y-8); }
.ku-alanlar { display: grid; grid-template-columns: repeat(auto-fill, minmax(max(160px, calc((100% - 60px) / 6)), 1fr)); gap: var(--b-2) var(--b-3); align-items: start; }
.ku-alanlar > * { min-width: 0; }
.ku-alanlar > .genis { grid-column: 1 / -1; }
.ku-iki > * { min-width: 0; }
.ku-iki > div > .kucuk { display: block; margin-top: 3px; }
.ku-uyari-govde { display: flex; flex-direction: column; align-items: flex-start; gap: var(--b-2); min-width: 0; }
.ku-alt .sorunlar ul { max-height: 200px; }
.ku-alt .sorunlar li button { grid-template-columns: 140px minmax(0, 1fr) 14px; }
@container (max-width: 560px) { .ku-iki { grid-template-columns: minmax(0, 1fr); } .ku-alt-cubuk { flex-wrap: wrap; justify-content: flex-end; } .ku-durum { flex-basis: 100%; } .ku-alt .sorunlar li button { grid-template-columns: minmax(0, 1fr) 14px; } .ku-alt .sorun-grup { display: none; } }
.ku-ayrinti { container-type: inline-size; }
.ku-is-ikili span, .ku-is-uclu span { flex-direction: row-reverse; justify-content: flex-end; align-items: baseline; gap: var(--b-15); }
.ku-ayr-kimlik .kisi-avatar { width: 72px; height: 72px; font-size: var(--y-14); }
.ku-chipler > .ikincil .btn-ikon { width: 26px; height: var(--yk-2); }
.ay-y-form { display: flex; flex-direction: column; gap: var(--b-4); container-type: inline-size; }
.ay-y-form > .kart, .ay-y-form > .uyari { margin: 0; }
.ay-y-izgara { row-gap: var(--b-3); }
.ay-y-tarih-not { align-self: end; padding-bottom: 9px; }
.ay-y-ayar-not > .ti { flex-shrink: 0; margin-top: var(--b-05); font-size: var(--y-8); }
.ay-y-kisi-sec { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--b-2); }
.ay-y-roller { max-height: 230px; }
.ay-y-cip button > .ti { font-size: var(--y-4); }
.ay-y-yildizlar { display: flex; gap: var(--b-1); font-size: var(--y-15); color: var(--warn); }
.ay-y-onizleme-alt { display: flex; justify-content: space-between; gap: var(--b-2); }
@container (max-width: 760px) { .ay-y-izgara > [class*="ay-y-sut"] { grid-column: 1 / -1; } .ay-y-hedef { grid-template-columns: minmax(0, 1fr); } .ay-y-alt { padding-top: 0; } .ay-y-tarih-not { padding-bottom: 0; } }
@container (max-width: 560px) { .ay-y-ust { flex-wrap: wrap; } .ay-y-ust > .sag { width: 100%; justify-content: flex-end; flex-wrap: wrap; } .ay-y-soru-etiketler { display: none; } .ay-y-secenek { grid-template-columns: minmax(0, 1fr) 32px; } .ay-y-secenek > label { grid-column: 1; } }
.an-sayfa { max-width: 920px; }
.an-alt { display: flex; align-items: center; justify-content: space-between; gap: var(--b-2); margin-top: var(--b-2); padding-top: var(--b-3); border-top: 1px solid var(--ayrac); }
.an-alt.merkez { justify-content: center; border-top: 0; margin-top: 0; padding-top: 0; }
.an-tesekkur > .ti { font-size: var(--y-17); line-height: 1; }
.an-tarih { max-width: 280px; }
.ay-y-sonuc > .kart, .ay-y-sonuc > .uyari, .ay-y-kisi > .kart { margin: 0; }
.ay-y-dosya-sec { display: flex; align-items: center; gap: var(--b-3); min-height: 58px; padding: var(--b-2) var(--b-3); border: 1.5px dashed var(--line-3); border-radius: var(--r-md); background: var(--surface-2); color: var(--muted); cursor: pointer; }
.ay-y-dosya-sec:hover { border-color: var(--marka-400); color: var(--marka-metin); }
.ay-y-dosya-sec > .ti { font-size: var(--y-14); }
.ay-y-dosya-sec > span { display: flex; flex-direction: column; }
.ay-y-dosya-sec b { color: var(--text); }
.ay-y-alicilar { max-height: 240px; }
.ay-y-c-zaman { width: 136px; }
@container (max-width: 760px) { .ay-y-yukle { grid-template-columns: minmax(0, 1fr); } .ay-y-yukle-eylem { padding-top: 0; } }
.ay-y-rapor { display: flex; flex-direction: column; gap: var(--b-4); container-type: inline-size; }
.ay-y-rapor > .kart, .ay-y-rapor > .uyari, .ay-y-grafikler > .kart { margin: 0; }
.ay-y-grafik-tuval { width: 100%; height: 300px; }
.ay-y-mini-kap { max-height: 300px; overflow: auto; }
.ay-y-suzgec .ay-y-tarih { width: 170px; flex-shrink: 0; }
.ay-y-suzgec .ay-y-tarih .form-label, .ay-y-suzgec .ay-y-tarih .alan > label { display: none; }
.ay-y-cubuk-dolgu { background: var(--ay-s1); }
.ay-y-deger-grup > .ti { color: var(--ok); font-size: var(--y-8); }
@container (max-width: 900px) { .ay-y-grafikler { grid-template-columns: minmax(0, 1fr); } .ay-y-rapor-bas { flex-wrap: wrap; } .ay-y-suzgec { flex-wrap: wrap; } .ay-y-rapor-eylem { flex-wrap: wrap; flex-shrink: 1; } }
@media print { .ay-y-yazdirma-gizle { display: none !important; } .ay-y-soru-karti { break-inside: avoid; page-break-inside: avoid; } .ay-y-cubuk-iz, .ay-y-cubuk-dolgu { -webkit-print-color-adjust: exact; print-color-adjust: exact; } }
.bm-detay { display: flex; flex-direction: column; gap: var(--b-4); container-type: inline-size; }
.bm-detay > .kart, .bm-detay .sekme-panel > .kart { margin: 0; }
.bm-detay .sekme-panel { display: flex; flex-direction: column; gap: var(--b-4); }
.bm-fin { --mo-sutun: repeat(auto-fit, minmax(200px, 1fr)); }
.bm-fin + .bm-fin { padding-top: 0; }
.bm-detay .kart-bas > h3 > .soluk, .bm-detay .kart-bas > h3 > .kucuk { font-size: var(--y-5); font-weight: 600; margin-left: var(--b-15); }
.bm-detay .kart-bas { flex-wrap: nowrap; }
.bm-detay .kart-bas > h3 { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bm-detay .kart-bas > .sag { flex-wrap: nowrap; flex-shrink: 0; }
.bm-tikla { cursor: pointer; }
@container (max-width: 900px) { .bm-alt-baslik, .bm-dugme-metin { display: none; } }
.bm-sutun-sec { cursor: pointer; }
.bm-sutun-sec > .onay-kutu { margin: 0; }
.bm-sutun-not { display: block; max-width: 220px; }
.sekme:disabled { opacity: 0.5; cursor: not-allowed; }
@container (max-width: 760px) { .bm-iki-ust { grid-template-columns: minmax(0, 1fr); } }
.co-sayfa { display: flex; flex-direction: column; gap: var(--b-4); container-type: inline-size; }
.co-sayfa > .kart, .co-sayfa .sekme-panel > .kart { margin: 0; }
.co-sayfa .sekme-panel { display: flex; flex-direction: column; gap: var(--b-4); }
.co-ozet { --mo-sutun: repeat(4, minmax(0, 1fr)); }
.co-ortak-tablo > .tablo { table-layout: fixed; width: 100%; margin: 0; }
.co-ortak-tablo > .tablo > :is(thead, tbody) > tr > :is(th, td) { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; }
.co-ortak-tablo > .tablo > :is(thead, tbody) > tr > :is(th, td):not(:first-child):not(:last-child) { padding-inline: var(--b-2); }
.co-ortak-tablo > .tablo > tbody > tr > td.co-acilim { padding: 0; white-space: normal; overflow: visible; }
.co-acilim .tablo > tbody > tr > td:first-child { white-space: nowrap; }
.co-c-ac { width: 3rem; }
.co-c-no { width: 124px; }
.co-c-tur { width: 84px; }
.co-c-durum { width: 14%; }
.co-c-satir { width: 56px; }
.co-c-tutar { width: 110px; }
.co-c-odeme { width: 104px; }
.co-c-islem { width: 168px; }
.co-g-islem { width: 4.5rem; }
.co-p-durum { width: 10.5rem; }
.bm-g-eslesme, .bm-g-imzali { width: 80px; }
.bm-g-kategori, .bm-g-islem { width: 7.5rem; }
.bm-g-yukleme { width: 9.375rem; }
.ysk-g-yil { width: 70px; }
.ysk-g-kod { width: 80px; }
.ysk-g-maliyet { width: 8.125rem; }
.ysk-g-varsayilan { width: 11rem; }
.ayr-cubuklar { --ay-dg: 170px; }
.pe-belirtilmemis .ro-mini i { background: var(--warn); }
.co-islem { justify-content: flex-end; gap: var(--b-1); }
.co-islem > .btn { flex-shrink: 0; }
@container (max-width: 1450px) { .co-ortak-tablo col.co-gz { width: 0; } .co-ortak-tablo > .tablo > :is(thead, tbody) > tr > .co-gz { padding: 0; border-width: 0; font-size: 0; visibility: hidden; } .co-islem-metin, .co-imzali-metin { display: none; } .co-c-islem { width: 92px; } }
@container (max-width: 760px) { .co-ortak-tablo col.co-dz { width: 0; } .co-ortak-tablo > .tablo > :is(thead, tbody) > tr > .co-dz { padding: 0; border-width: 0; font-size: 0; visibility: hidden; } }
.co-imza-satir { display: flex; flex-wrap: nowrap; align-items: center; gap: var(--b-2); min-width: 0; margin-top: var(--b-3); padding-top: var(--b-3); border-top: 1px solid var(--ayrac); }
.co-imza-satir > .btn { flex-shrink: 0; }
.co-imza-uyari { flex: 0 1 auto; min-width: 0; }
.mo-bas > .btn { flex-shrink: 0; }
.co-sayfa .kart-bas > h3 > .soluk, .co-sayfa .kart-bas > h3 > .kucuk { font-size: var(--y-5); font-weight: 600; margin-left: var(--b-15); }
.mo-baslik .rozet { vertical-align: middle; margin-left: var(--b-15); }
@container (max-width: 760px) { .co-ozet { --mo-sutun: repeat(2, minmax(0, 1fr)); } .co-dugme-metin { display: none; } }
.rk-agac-kap.rk-sabit { height: var(--rk-yukseklik); align-items: stretch; }
.rk-agac-kap.rk-sabit > .rk-sol { position: static; max-height: none; min-height: 0; }
.rk-agac-kap.rk-sabit > .rk-sag { min-height: 0; overflow: auto; }
.rk-grup-dugme.pasif .rk-grup-ad { color: var(--muted); }
.rk-grup-menu { margin: var(--b-05) 0 var(--b-1) 22px; padding: var(--b-1); border-radius: var(--r-md); background: var(--surface-2); }
.rk-grup-menu .satir-menu-baslik { display: flex; align-items: center; gap: var(--b-15); padding: var(--b-15) var(--b-2); }
.rk-sag > .rk-bos, .rk-sag > .rk-not { margin: 0; }
.rk-alanlar > .rk-bos { margin: 0; }
@media (max-width: 860px) {
  .rk-agac-kap { grid-template-columns: minmax(0, 1fr); }
  .rk-sol { position: static; max-height: 460px; }
  .rk-agac-kap.rk-sabit { height: auto; }
  .rk-agac-kap.rk-sabit > .rk-sol { max-height: 460px; }
}
@container (max-width: 860px) { .rk-ana-kart .kart-bas .rk-dugme-metin { display: none; } }
@container (max-width: 640px) { .rk-kok-ust, .rk-dugum-ust { flex-wrap: wrap; } .rk-kok-ust > .rk-eylem, .rk-dugum-ust > .rk-eylem { margin-left: 0; } }
.sa-logo-ust > .ti { font-size: var(--y-12); }
.sa-logo-kutu:focus-within .sa-logo-ust { opacity: 1; }
@container (max-width: 420px) { .df-tablo .birimli > span { display: none; } .df-tablo .birimli .giris { padding-left: var(--b-2); padding-right: var(--b-2); font-size: var(--y-6); } .df-bas span:nth-child(-n+3) { padding-right: var(--b-2); } .df-satir { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 56px 32px; gap: var(--b-15); } }
@media (max-width: 560px) { .sayfa > .kaydet-cubugu { flex-wrap: wrap; } .sayfa > .kaydet-cubugu > .kaydet-cubugu-sol { flex-basis: 100%; } .sayfa > .kaydet-cubugu > .kaydet-cubugu-sol:empty { display: none; } .sayfa > .kaydet-cubugu > .kaydet-cubugu-sag { margin-left: auto; } }
.ps-oge > .ti, .ps-kategori > .ti { flex: none; color: var(--muted); }
.ps-oge[aria-current='true'] > .ti { color: inherit; }
.ps-dosya > .ti { flex: none; font-size: var(--y-12); color: var(--marka-metin); }
.ps-detay { container-type: inline-size; }
@container (max-width: 560px) { .ps-eylemler .ps-dugme-metin { display: none; } }
@media (max-width: 860px) { .ps-izgara { grid-template-columns: minmax(0, 1fr); } }
.ps-eylemler .eylem-ayri { margin-inline-end: 0; }
.sr-k4 { grid-column: span 4; }
.sr-k6 { grid-column: span 6; }
.sr-k8 { grid-column: span 8; }
.sr-tam { grid-column: 1 / -1; }
.sr-saglayicilar { max-height: 168px; }
.sr-not { margin: var(--b-2) 0 0; }
.sr-logo-kutu > img, .sr-logo-kutu img { width: 100%; height: 100%; padding: var(--b-15); object-fit: contain; }
.sr-logo.yok > .ti { font-size: var(--y-11); }
@media (max-width: 640px) {
  .sr-grid > :is(.sr-k4, .sr-k6, .sr-k8) { grid-column: 1 / -1; }
  .sr-tohum { grid-template-columns: minmax(0, 1fr); }
  .sr-logo-satir { grid-template-columns: minmax(0, 1fr); }
  .sr-logo-eylem { justify-content: flex-start; }
  .sr-aktar-satir { flex-wrap: wrap; }
}
.pr-kaydir { max-height: 460px; overflow: auto; }
.pr-tablo .tablo .sag { text-align: right; }
.pr-tablo .tablo .orta { text-align: center; }
.pr-tablo > .durum-kutu { padding: var(--b-6) var(--kart-x); }
.pr-banka-bar > .kaydet-cubugu-sol:empty { display: none; }
.pr-tablo .tablo .pr-c-anahtar { width: 100px; }
.pr-tablo .tablo .pr-c-surum { width: 150px; text-align: right; }
.du-zengin { display: block; overflow-wrap: anywhere; }
.du-zengin > :first-child { margin-top: 0; }
.du-zengin > :last-child { margin-bottom: 0; }
.du-zengin img { max-width: 100%; height: auto; }
.du-kaydir { max-height: 380px; overflow: auto; align-content: start; }
.du-metin { border-radius: var(--r-md); }
.du-metin.hatali { box-shadow: 0 0 0 1px var(--err); }
.du-yeni li > .ti, .du-ekler li > .ti { color: var(--muted); }
@media (max-width: 860px) { .du-form { grid-template-columns: minmax(0, 1fr); } .du-arac { flex-wrap: wrap; } }
@media (max-width: 560px) { .du-iki, .du-kisiler { grid-template-columns: minmax(0, 1fr); } .du-alici-tablo .du-c-eposta { display: none; } }
@media (max-width: 560px) { .du-alici-tablo .du-c-okunma { display: none; } .du-alici-tablo .du-c-alici { width: 62%; } .du-alici-tablo .du-c-okundu { width: 38%; } }
@media (max-width: 760px) { .en-efy-bas { flex-wrap: wrap; } .en-efy-bas > .sag { flex-wrap: wrap; } }
@container (max-width: 640px) { .en-efy-tablo .en-c-nit { display: none; } .en-efy-tablo .en-c-kod { width: 150px; } }
.f-izgara { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--b-3) var(--b-4); align-items: start; min-width: 0; }
.f-izgara.f-alt { align-items: end; }
.f-izgara > * { min-width: 0; } .f-s2 { grid-column: span 2; } .f-s3 { grid-column: span 3; } .f-s4 { grid-column: span 4; }
.f-s5 { grid-column: span 5; } .f-s6 { grid-column: span 6; } .f-s7 { grid-column: span 7; } .f-s8 { grid-column: span 8; }
.f-s9 { grid-column: span 9; } .f-s12 { grid-column: 1 / -1; }
.f-izgara .onay { display: flex; align-items: center; gap: var(--b-2); min-height: var(--yk-8); margin: 0; padding: 0; }
.f-izgara .onay-kutu { float: none; margin: 0; accent-color: var(--marka); }
.f-izgara .onay-etiket { font-size: var(--y-6); font-weight: 600; color: var(--text-2); }
@media (max-width: 760px) { .f-izgara > [class*="f-s"] { grid-column: 1 / -1; } }
.f-izgara .f-onay-ust { margin-top: 22px; }
.tutar-giris { text-align: right; font-variant-numeric: tabular-nums; }
.mly .rf-tablo-bas > b { display: inline-flex; align-items: center; gap: var(--b-15); }
.mly .rf-tablo-bas > b > .ti { font-size: var(--y-9); }
.mly-bolum { display: flex; flex-direction: column; min-width: 0; }
.mly-tablo { table-layout: fixed; }
.mly-tablo td { white-space: nowrap; }
.mly-tablo .giris { width: 100%; min-width: 0; padding-inline: var(--b-15); }
.mly-tablo input[type="number"] { appearance: textfield; }
.mly-tablo input[type="number"]::-webkit-inner-spin-button, .mly-tablo input[type="number"]::-webkit-outer-spin-button { margin: 0; appearance: none; }
.mly-tablo th { overflow: hidden; text-overflow: ellipsis; }
.mly-tablo .mly-c-sec { width: 34px; }
.mly-tablo .mly-c-grup { width: 84px; }
.mly-tablo .mly-c-alan { width: 96px; text-align: right; }
.mly-tablo .mly-c-birim { width: 124px; text-align: right; }
.mly-tablo .mly-c-yuzde { width: 78px; }
.mly-tablo th.mly-ek { width: 116px; text-align: right; }
.mly-tablo .mly-c-deger { width: 128px; text-align: right; }
.mly-tablo .mly-aciklama { width: 24%; }
.mly-sayi { text-align: right; font-variant-numeric: tabular-nums; }
.mly-tablo tr.mly-haric td:not(.tablo-secim) { opacity: 0.5; }
.mly-tablo .tablo-secim input { accent-color: var(--marka); }
.mly-tablo tfoot td { background: var(--surface-2); border-bottom: 0; }
.mly-tablo .mly-etiket { font-size: var(--y-5); font-weight: 700; color: var(--text-2); white-space: normal; }
.mly-tablo tr.mly-genel td.mly-sayi { background: var(--ok-soft); color: var(--ok); }
.mly-uyarilar { margin: 0; padding-left: 18px; }
@container (max-width: 1180px) { .mly-tablo .mly-ek { display: none; } }
@container (max-width: 980px) { .mly-tablo .mly-c-grup { width: 64px; } .mly-tablo .mly-c-alan { width: 84px; } .mly-tablo .mly-c-birim { width: 108px; } .mly-tablo .mly-c-yuzde { width: 64px; } .mly-tablo .mly-c-deger { width: 112px; } .mly-tablo .mly-aciklama { width: 20%; } }
@container (max-width: 760px) { .mly-tablo .mly-c-grup { width: 56px; } .mly-tablo .mly-c-birim { width: 100px; } .mly-tablo .mly-c-yuzde { width: 56px; } .mly-tablo .mly-c-deger { width: 104px; } .mly-tablo .mly-aciklama { width: 16%; } .mly-tablo td, .mly-tablo th { padding-inline: var(--b-15); } }
.trk-tablo { table-layout: fixed; }
.trk-tablo .trk-k-ac { width: calc(var(--tablo-x, var(--b-4)) + var(--yk-2) + var(--b-15)); padding-right: var(--b-15); }
.trk-tablo .trk-k-kod { width: 14%; }
.trk-tablo .trk-k-tapu { width: 64px; }
.trk-tablo .uzun.trk-metin, .trk-ayri-liste .uzun.trk-metin { min-height: 54px; padding: var(--b-15) var(--b-25); font-size: var(--y-6); }
.trk-baslik { gap: var(--b-05); min-width: 0; }
.trk-sayfa { gap: var(--b-15); }
.rf-radar-liste .trk-dayanak { margin: var(--b-1) 0 0; padding-left: 18px; }
.rf-radar-liste .trk-dayanak li { display: list-item; min-height: 0; padding: 0; background: none; }
.rf-radar-liste button.rf-radar-dayanak { padding: 0; border: 0; background: none; font-family: inherit; text-decoration: underline dotted; text-underline-offset: 3px; }
.rf-radar-oneri > .rf-radar-bas .ti { font-size: var(--y-9); }
.pencere.trk-secim { width: min(1120px, 100%); }
.trk-secilen { gap: var(--b-2); margin: 0 0 var(--b-3); font-size: var(--y-6); font-weight: 600; }
.trk-arac { margin-bottom: var(--b-2); }
.trk-arac .arama-kutusu { flex: 1 1 240px; }
.trk-secili { margin-left: auto; }
.trk-tapu-liste { display: flex; flex-direction: column; gap: var(--b-05); max-height: 46vh; margin: 0; padding: 0; overflow-y: auto; list-style: none; }
.trk-tapu { display: flex; align-items: center; gap: var(--b-25); min-height: var(--yk-7); padding: var(--b-1) var(--b-25); border-radius: var(--r-md); font-size: var(--y-6); cursor: pointer; }
.trk-tapu:hover { background: var(--surface-3); }
.trk-tapu.secili { background: var(--marka-zemin); color: var(--marka-metin); font-weight: 600; }
.trk-tapu input, .trk-onay input { margin: 0; accent-color: var(--marka); }
.trk-bos { padding: var(--b-2) var(--b-25); }
.rf-radar-not.trk-bos-not { color: var(--muted); }
.rf-radar-hata { justify-content: space-between; flex-wrap: wrap; gap: var(--b-2); }
.trk-sayfa:has(> .btn) { margin-top: var(--b-2); }
.trk-onay { gap: var(--b-2); font-size: var(--y-6); font-weight: 600; color: var(--text-2); cursor: pointer; }
.trk-ayri-liste { display: flex; flex-direction: column; gap: var(--b-3); max-height: 46vh; overflow-y: auto; }
.trk-geri { margin-right: auto; }
.rf-maliyet.mly { margin-bottom: var(--b-2); }
.rapor-bilgisi { font-size: var(--y-6); }
.rb-bas { gap: var(--b-3); }
.rb-bas-metin { display: flex; flex-direction: column; gap: var(--b-05); min-width: 0; }
.rb-no { font-size: var(--y-13); font-weight: 800; line-height: 1.15; color: var(--text); }
.rb-banka { overflow: hidden; background: var(--surface); box-shadow: 0 0 0 1px var(--line); }
.rb-banka-logo { width: 100%; height: 100%; object-fit: contain; border-radius: 0; }
.rb-banka .banka-ikon { border-radius: 0 !important; }
.rb-rozetler { gap: var(--b-1); }
.rb-satir-grup { display: flex; flex-direction: column; gap: var(--b-05); }
.rb-satir-grup:empty { display: none; }
.rb-nitelikler { display: flex; flex-wrap: wrap; justify-content: flex-start; gap: var(--b-1); }
.rb-kisi-liste { display: grid; grid-template-columns: var(--yk-3) minmax(0, 1fr) auto; gap: var(--b-05) var(--b-2); margin: 0 calc(-1 * var(--b-15)); padding: 0; list-style: none; }
.rb-kisi-liste > li { display: grid; grid-column: 1 / -1; grid-template-columns: subgrid; min-width: 0; }
.rb-kisi { display: grid; grid-column: 1 / -1; grid-template-columns: subgrid; align-items: center; min-width: 0; padding: var(--b-1) var(--b-15); border: 0; border-radius: var(--r-md); background: none; color: var(--text); font: inherit; line-height: 1.3; text-align: left; cursor: pointer; }
.rb-kisi:hover, .rb-kisi:focus-visible { background: var(--rb-vurgu, var(--surface-3)); }
.rb-avatar { width: var(--yk-3); height: var(--yk-3); flex-shrink: 0; display: grid; place-items: center; overflow: hidden; border-radius: 50%; background: var(--marka-zemin); color: var(--marka-metin); font-size: var(--y-2); font-weight: 800; }
.rb-kisi-metin { display: flex; flex-direction: column; min-width: 0; }
.rb-kisi-metin .kucuk { font-size: var(--y-3); }
.rb-kisi > .rozet { grid-column: 3; justify-self: end; }
.rb-harita { overflow: hidden; border-radius: var(--r-md); }
.rb-kaydir { --satir: 3; --satir-yk: calc(2 * var(--b-15) + 3 * var(--b-4) + 2 * var(--b-05)); --kaydir-zemin: var(--rb-zemin, var(--surface-2)); }
.rb-tapular { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--b-05) 0; margin: 0 calc(-1 * var(--b-15)); padding: 0; list-style: none; }
.rb-tapu { display: grid; grid-column: 1 / -1; grid-template-columns: subgrid; align-items: center; min-width: 0; padding: 0 var(--b-15); border-radius: var(--r-md); }
.rb-tapu:hover, .rb-tapu:focus-within { background: var(--rb-vurgu, var(--surface-3)); }
.rb-tapu-ac { display: flex; align-items: center; gap: var(--b-2); min-width: 0; min-height: var(--yk-4); padding: 0; border: 0; background: none; color: var(--text); font: inherit; line-height: 1.3; text-align: left; }
button.rb-tapu-ac { cursor: pointer; }
.rb-tapu .tapu-durum { width: var(--yk-1); height: var(--yk-1); border-radius: var(--r-sm); }
.rb-tapu-ad { display: flex; align-items: baseline; gap: var(--b-15); flex: 0 1 auto; min-width: 0; white-space: nowrap; }
.rb-tapu-ad > b { flex-shrink: 0; max-width: 70%; font-variant-numeric: tabular-nums; }
.rb-tapu-ad > .kucuk { flex: 0 1 auto; min-width: 0; }
.rb-tapu-ok { flex-shrink: 0; margin-left: auto; color: var(--muted); transition: transform 0.15s; }
.rb-tapu-ac[aria-expanded='true'] .rb-tapu-ok { transform: rotate(180deg); }
.rb-tapu-ayrinti { grid-column: 1 / -1; display: flex; flex-direction: column; gap: var(--b-05); min-width: 0; padding: 0 0 var(--b-15) calc(var(--yk-1) + var(--b-2)); }
.rb-tapu-alanlar > div { min-height: 20px; }
.rb-tapu-alanlar dt, .rb-tapu-alanlar dd { font-size: var(--y-4); }
.rb-tapu-eylem { grid-column: 2; justify-self: end; flex-wrap: nowrap; margin: 0 0 0 var(--b-2); }
.rb-yer-metin { display: flex; flex-direction: column; min-width: 0; }
.rb-tapu-alanlar dt { flex-shrink: 1; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.rb-tapu-alanlar dd { flex-shrink: 0; max-width: 60%; }
.sim-kart.sim-uyari { box-shadow: var(--kart-golge), inset 0 0 0 1px var(--warn); }
.sim-kart .kart-bas > .sag { flex-wrap: wrap; min-width: 0; max-width: 100%; }
.sim-sayi { max-width: 100%; overflow: hidden; text-overflow: ellipsis; }
.sim-not, .sim-yok { margin: 0; }
.sim-govde { gap: var(--b-3); }
.sim-suzgec { display: flex; flex-direction: column; gap: var(--b-15); padding: var(--b-2) var(--b-3); border-radius: var(--r-md); background: var(--surface-2); }
.sim-suzgec.orta { align-items: center; text-align: center; }
.sim-suzgec .satir.sar { gap: var(--b-1); }
.sim-liste { display: flex; flex-direction: column; gap: var(--b-05); max-height: 22rem; margin: 0; padding: 0; overflow-y: auto; list-style: none; }
.sim-oge { display: flex; align-items: flex-start; gap: var(--b-2); width: 100%; padding: var(--b-15) var(--b-2); border: 0; border-radius: var(--r-md); background: none; color: var(--text); font: inherit; text-align: left; cursor: pointer; }
.sim-oge:hover, .sim-oge:focus-visible { background: var(--surface-2); }
.sim-ana { display: flex; flex-direction: column; gap: 1px; flex: 1 1 auto; min-width: 0; }
.sim-ust { gap: var(--b-1); }
.sim-no { color: var(--marka-metin); }
.sim-cip { max-width: 9rem; overflow: hidden; text-overflow: ellipsis; }
.sim-meta { display: flex; flex-direction: column; align-items: flex-end; gap: 1px; flex: 0 0 auto; max-width: 7.5rem; min-width: 0; text-align: right; }
.sim-yok { gap: var(--b-2); color: var(--muted); }
.sim-yok .ti { font-size: var(--y-13); }
.sim-hesap { gap: 0; }
.sim-alt { justify-content: space-between; }
.sim-eylem { justify-content: flex-end; }
.tablo :is(th, td).rf-k-eylem { --eylem-n: 1; width: calc(var(--yk-2) * var(--eylem-n) + var(--b-05) * (var(--eylem-n) - 1) + var(--b-15) * 2); padding-inline: var(--b-15); text-align: center; text-overflow: clip; }
.tablo :is(th, td).rf-k-eylem.iki { --eylem-n: 2; }
.tablo td.rf-k-eylem .lh-eylemler { justify-content: center; margin-left: 0; }
.tky-tablo .tky-c-tur { width: 16%; }
.tky-tablo :is(.tky-c-tarih, .tky-c-tutar, .tky-c-yevmiye, .tky-c-derece) { text-align: right; font-variant-numeric: tabular-nums; }
.tky-tablo .tky-c-tarih { width: calc(var(--y-7) * 11); }
.tky-tablo .tky-c-tutar { width: calc(var(--y-7) * 12); }
.tky-tablo .tky-c-yevmiye { width: calc(var(--y-7) * 8.5); }
.tky-tablo .tky-c-derece { width: calc(var(--y-7) * 6.5); }
.tky-pencere .tky-oku { white-space: pre-line; }
.rf-malik-tablo { table-layout: fixed; }
.rf-malik-tablo .rf-malik-pay { width: 112px; text-align: right; font-variant-numeric: tabular-nums; }
.rf-malik-ekle :is(.form-control, .giris) { height: var(--yk-5); font-size: var(--y-6); }
.rf-malik-ekle .rf-malik-pay :is(.form-control, .giris) { text-align: right; }
.rf-malik-ekle > td > div { margin: 0 !important; }
.rf-harita.rf-harita-gercek { position: relative; grid-template-columns: minmax(0, 1fr); margin: 0; }
.rf-harita-gercek > .rf-harita-yan { position: absolute; top: var(--b-2); right: var(--b-2); }
.rf-harita-gercek > .rf-harita-yan > .btn { box-shadow: var(--sh-1); }
.rf-secim-kutu { display: flex; align-items: center; justify-content: space-between; gap: var(--b-2); color: var(--text); font: inherit; text-align: left; cursor: pointer; }
.rf-secim-kutu > .ikon { flex-shrink: 0; color: var(--muted); }
.rf-secim-kutu:hover > .ikon { color: var(--marka-metin); }
.rf-secim-kutu.pasif { border-color: transparent; background-color: var(--surface-3); color: var(--text-2); cursor: default; }
button.rf-secim-kutu.pasif { cursor: pointer; }
.rf-harita-gercek > :first-child { overflow: hidden; min-width: 0; border-radius: var(--r-md); }
.rf-not { display: flex; align-items: center; gap: var(--b-1); min-width: 0; margin-top: var(--b-1); overflow-wrap: anywhere; }
.bm-f-tutar { align-items: flex-end; gap: 0; }
.bm-tablo .bm-c-tutar { width: 160px; }
.bm-f-tev { height: var(--yk-8); }
.mo-bos-kart > .ti { font-size: var(--y-14); }
.co-p-tablo .co-p-satiri { position: relative; }
.co-p-tablo .co-p-git { display: block; color: inherit; text-decoration: none; }
.co-p-tablo .co-p-git::after { content: ''; position: absolute; inset: 0; z-index: 1; }
.co-p-tablo .co-p-ust { position: relative; z-index: 2; }
.co-p-tablo .tablo-secim input { accent-color: var(--marka); }
.co-p-ara { width: 220px; }
.uyari-baslik { margin: 0 0 var(--b-05); font-size: var(--y-7); font-weight: 700; color: inherit; }
.ik-govde { gap: var(--b-3); }
.ik-not { margin: 0; }
@container (max-width: 1000px) {
  .report-list-table .tablo, .report-list-table .tablo > thead, .report-list-table .tablo > tbody { display: block; }
  .report-list-table .tablo > thead > tr { display: flex; flex-wrap: nowrap; align-items: center; gap: var(--b-15); min-width: 0; padding: var(--b-2) var(--kart-x); border-bottom: 1px solid var(--ayrac); }
  .report-list-table .tablo > thead > tr::before { content: "Sırala"; margin-right: var(--b-1); font-size: var(--y-4); font-weight: 700; color: var(--muted); }
  .report-list-table .tablo > thead > tr > th { display: inline-flex; flex: 0 1 auto; align-items: center; width: auto !important; min-width: 0; height: var(--yk-2); padding: 0 var(--b-25) !important; border: 0; border-radius: 999px; background: var(--surface-2); cursor: pointer; }
  .report-list-table .tablo > thead > tr > th:hover { background: var(--surface-3); }
  .report-list-table .tablo > thead > tr > th:not(.sortable-th) { display: none; }
  .report-list-table .tablo > tbody > tr { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 0.85fr) minmax(0, 0.85fr) repeat(2, minmax(0, 1fr)); grid-template-areas: "no no durum durum is" "kisi imza konum tasinmaz banka"; gap: var(--b-3) var(--b-4); padding: var(--b-3) var(--kart-x); border-bottom: 1px solid var(--ayrac); }
  .report-list-table.durumsuz .tablo > tbody > tr { grid-template-areas: "no no no no is" "kisi imza konum tasinmaz banka"; }
  .report-list-table:has(th.s-kalan) .tablo > tbody > tr { grid-template-areas: "no no durum kalan is" "kisi imza konum tasinmaz banka"; }
  .report-list-table.durumsuz:has(th.s-kalan) .tablo > tbody > tr { grid-template-areas: "no no kalan kalan is" "kisi imza konum tasinmaz banka"; }
  .report-list-table .tablo > tbody > tr:last-child { border-bottom: 0; }
  .report-list-table .tablo > tbody > tr > td { display: block !important; width: auto !important; min-width: 0; padding: 0 !important; border: 0; background: transparent; }
  .report-list-table .tablo > tbody > tr > td[colspan] { grid-column: 1 / -1; }
  .report-list-table td.s-no { grid-area: no; }
  .report-list-table td.s-durum { grid-area: durum; }
  .report-list-table td.s-kisi { grid-area: kisi; }
  .report-list-table td.s-konum { grid-area: konum; }
  .report-list-table td.s-tasinmaz { grid-area: tasinmaz; }
  .report-list-table td.s-banka { grid-area: banka; }
  .report-list-table td.s-imza { grid-area: imza; }
  .report-list-table td.s-is { grid-area: is; }
  .report-list-table td.s-kalan { grid-area: kalan; }
  .report-list-table .tablo > tbody > tr > td[data-label]::before { content: attr(data-label); display: block; margin-bottom: var(--b-1); font-size: var(--y-2); font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: var(--muted); }
  .report-list-table .banka-logo { display: block; }
  .report-list-table .banka-logo.yok { display: grid; }
  .report-list-table td.s-imza:not(:has(.imza-tamam, .imza-bekliyor, .imzala)) { visibility: hidden; }
  .report-list-table td.s-is::before, .report-list-table td.s-kalan::before { display: none !important; }
}
@container (max-width: 640px) {
  .report-list-table .tablo > tbody > tr { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-areas: "no no" "durum is" "kisi imza" "konum tasinmaz" "banka banka"; }
  .report-list-table.durumsuz .tablo > tbody > tr { grid-template-areas: "no is" "kisi imza" "konum tasinmaz" "banka banka"; }
  .report-list-table:has(th.s-kalan) .tablo > tbody > tr { grid-template-areas: "no no" "durum is" "kisi imza" "konum tasinmaz" "banka kalan"; }
  .report-list-table.durumsuz:has(th.s-kalan) .tablo > tbody > tr { grid-template-areas: "no is" "kisi imza" "konum tasinmaz" "banka kalan"; }
}
@container (max-width: 800px) { .report-list-table .banka-logo, .report-list-table .banka-logo.yok { display: none; } }
.modal { --ins-modal-width: 560px; }
.modal-sm { --ins-modal-width: 420px; }
.modal-lg { --ins-modal-width: 880px; }
.modal-xl { --ins-modal-width: 1120px; }
.modal-full-width:has(> .pencere.tam) { width: auto; max-width: min(1280px, 96vw); }
.bg > .pdf-sayfalar { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; gap: var(--b-4); padding: var(--b-5) var(--b-6) var(--yk-9); overflow: auto; background: none; }
.image-zoom-container { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; overflow: hidden; user-select: none; }
.image-zoom-container img { max-width: 100%; max-height: 100%; object-fit: contain; cursor: grab; }
.bg > .image-zoom-container { position: absolute; inset: 0; height: 100%; }
.bp-hata { padding: var(--b-4) var(--b-6); }
.gor-arac button.aktif { background: color-mix(in srgb, var(--dolgu-metin) 20%, transparent); }
.gor-arac button.gor-metin { width: auto; padding: 0 var(--b-2); font-size: var(--y-5); font-weight: 600; }
.gor-arac button.gor-kaydet { background: var(--marka-400); color: var(--dolgu-metin); }
.gor-arac button.gor-kaydet:hover:not(:disabled) { background: var(--marka); }
.gor-arac button.gor-renk { width: var(--b-5); height: var(--b-5); margin: 0 var(--b-05); border-radius: 50%; box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--dolgu-metin) 35%, transparent); }
.gor-arac button.gor-renk.secili { box-shadow: 0 0 0 2px var(--dolgu-metin); }
.gor-arac button.gor-renk-kirmizi { background: var(--cizim-kirmizi); }
.gor-arac button.gor-renk-sari { background: var(--cizim-sari); }
.gor-arac button.gor-renk-mavi { background: var(--cizim-mavi); }
.gor-arac button.gor-renk-yesil { background: var(--cizim-yesil); }
.gor-ozel-renk { position: relative; display: grid; place-items: center; width: 30px; height: var(--yk-4); border-radius: 7px; cursor: pointer; }
.gor-ozel-renk:hover, .gor-ozel-renk.secili { background: color-mix(in srgb, var(--dolgu-metin) 20%, transparent); }
.gor-ozel-renk input { position: absolute; inset: 0; width: 100%; height: 100%; padding: 0; border: 0; opacity: 0; cursor: pointer; }
.gor-kalinlik { width: calc(var(--yk-9) * 1.5); accent-color: var(--dolgu-metin); }
.harita-yer.pn-hr-gercek { height: min(56vh, 480px); width: 100%; border-radius: var(--r-md); overflow: hidden; }
.pencere-bas.ozel { display: block; padding: var(--b-4) var(--b-6) var(--b-2); }
.pencere-govde > :last-child { margin-bottom: 0; }
:where(.btn-ikon) { display: inline-flex; align-items: center; justify-content: center; height: var(--yk-8); }
.btn-ikon.btn-k { height: var(--yk-5); }
.btn-ikon.btn-b { width: 46px; height: 46px; }
.btn:focus-visible { outline: 2px solid var(--marka-400); outline-offset: 2px; box-shadow: none; }
.btn-close:focus-visible { outline: 2px solid var(--marka-400); outline-offset: 2px; }
.btn-close-white:focus-visible { outline-color: var(--dolgu-metin); }
.sekmeler .sekme:focus-visible { outline-offset: -2px; }
.cip-kapat { display: inline-grid; place-items: center; flex-shrink: 0; width: 18px; height: 18px; margin-left: var(--b-05); padding: 0; border: 0; border-radius: 50%; background: transparent; color: inherit; opacity: 0.75; cursor: pointer; }
.cip-kapat:hover, .cip-kapat:focus-visible { opacity: 1; background: color-mix(in srgb, currentColor 18%, transparent); }
.cip-kapat > .ti { font-size: var(--y-4); }
.pencere.pencere-xl { width: min(1120px, 100%); }
.pencere-alt.arasi { justify-content: space-between; }
.pencere-onay { flex-shrink: 0; padding: var(--b-3) var(--b-6); border-top: 1px solid var(--ayrac); }
.pencere-alt.dikey-alt { flex-direction: column; align-items: stretch; }
.sb-etiket { gap: var(--b-05); padding-right: 3px; }
.pnl { margin-bottom: var(--b-2); }
.pnl-bas-blok > .sag { flex: 1 0 100%; margin-left: 0; }
.f-esit { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: var(--b-3) var(--b-4); align-items: start; min-width: 0; }
@media (max-width: 760px) { .f-esit { grid-auto-flow: row; } }
.f-arac { gap: var(--b-2) var(--b-3); }
.f-arac.f-alt { align-items: flex-end; }
.dt-durum { width: 220px; }
.fi-onizleme { gap: var(--b-3); padding: var(--b-4); }
.f-dl { gap: var(--b-1) var(--b-3); margin: var(--b-3) 0 0; } .f-dl dt { font-weight: 500; } .f-dl dd { margin: 0; overflow-wrap: anywhere; }
.tk-oge { margin-bottom: var(--b-2); overflow: hidden; border: 1px solid var(--ayrac); border-radius: var(--r-md); background: var(--surface); }
.tk-oge.basari { border-color: var(--ok-line); }
.tk-oge.uyari { border-color: var(--warn-line); }
.tk-oge.hata { border-color: var(--err-line); }
.tk-oge-govde { display: flex; flex-direction: column; gap: var(--b-1); padding: var(--b-2) var(--b-25); }
.dk-alt { display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--b-2); padding: var(--b-2) var(--kart-x); border-top: 1px solid var(--ayrac); }
.ns-baslik { display: flex; align-items: center; gap: var(--b-15); margin: 0 0 var(--b-2); font-size: var(--y-6); font-weight: 700; color: var(--text-2); }
.ns-baslik > .ti { color: var(--ok); }
.giris-sayfa { min-height: 100dvh; display: flex; align-items: center; justify-content: center; padding: 48px var(--b-4); }
.giris-icerik { width: 100%; }
.giris-kap { display: flex; justify-content: center; }
.giris-sutun { width: min(520px, 100%); }
.giris-sutun.genis { width: min(820px, 100%); }
.giris-kart { padding: var(--b-6); }
.giris-kart.dolgusuz { padding: 0; overflow: hidden; }
.giris-kart.hata { box-shadow: var(--kart-golge), inset 0 0 0 1px var(--err-line); }
.giris-onay { display: flex; align-items: center; gap: var(--b-3); padding: var(--b-4) var(--kart-x); background: var(--ok-soft); color: var(--ok); }
.giris-onay > .ti { font-size: var(--y-14); }
.giris-onay .kucuk, .giris-onay .small { color: var(--text-2); }
.giris-orta { display: flex; justify-content: center; }
.giris-orta-ic { width: min(380px, 100%); }
.giris-bilgi { margin-bottom: var(--b-4); }
.co-tutarlar { max-width: 680px; align-items: center; }
.co-tutarlar > .co-etiket { text-align: right; }
.co-tutarlar > .co-etiket .form-label, .co-tutarlar > .co-etiket .alan > label { margin: 0; white-space: normal; }
@media (max-width: 760px) { .co-tutarlar > .f-s6 { grid-column: span 6; } }
.pnl-baslik { display: flex; flex-direction: column; gap: var(--b-05); flex: 1 1 auto; min-width: 0; padding-block: var(--b-1); }
.pnl-aciklama { margin: 0; font-size: var(--y-5); line-height: 1.4; color: var(--muted); }
.tablo tbody tr.satir-basari > td { background: var(--ok-soft); }
.tablo tbody tr.satir-hata > td { background: var(--err-soft); }
.tablo tbody tr.satir-uyari > td { background: var(--warn-soft); }
.tablo tbody tr.satir-bilgi > td { background: var(--info-soft); }
.app-search :is(.giris, .secim) { padding-left: 40px; }
textarea.uzun { display: block; }
i.ti.donen { display: inline-block; }
.arama-kutusu.tam { width: 100%; }
.ikonlu-giris { position: relative; display: flex; align-items: center; min-width: 0; }
.ikonlu-giris > .giris { padding-left: 34px; }
.ikonlu-giris:has(> .ak-temizle) > .giris { padding-right: 38px; }
.sifre-guc { height: 4px; border-radius: 2px; background: var(--surface-3); overflow: hidden; }
.sifre-guc > span { display: block; height: 100%; transition: width 0.2s; }
.sifre-guc > .basari { background: var(--ok); }
.sifre-guc > .bilgi { background: var(--info); }
.sifre-guc > .uyari { background: var(--warn); }
.sifre-guc > .hata { background: var(--err); }
.sifre-guc > .notr { background: var(--line-3); }
.ct-sayfa-nolar { gap: var(--b-1); }
.ct-sayfa-git { white-space: nowrap; font-size: var(--y-6); }
.ct-sayfa-git .giris { width: 68px; }
.ilerleme-cubuk { display: flex; height: 16px; border-radius: 999px; background: var(--surface-3); overflow: hidden; }
.ilerleme-dolgu { display: flex; align-items: center; justify-content: center; height: 100%; background: var(--marka); color: var(--dolgu-metin); font-size: var(--y-2); font-weight: 700; white-space: nowrap; transition: width 0.2s; }
.ilerleme-dolgu.basari { background: var(--ok); }
.ilerleme-dolgu.bilgi { background: var(--info); }
.ilerleme-dolgu.uyari { background: var(--warn); }
.ilerleme-dolgu.hata { background: var(--err); }
.ilerleme-dolgu.notr { background: var(--line-3); color: var(--text); }
.ilerleme-dolgu.akan { background-image: linear-gradient(45deg, color-mix(in srgb, var(--dolgu-metin) 18%, transparent) 25%, transparent 25%, transparent 50%, color-mix(in srgb, var(--dolgu-metin) 18%, transparent) 50%, color-mix(in srgb, var(--dolgu-metin) 18%, transparent) 75%, transparent 75%); background-size: 16px 16px; animation: ilerleme-akis 1s linear infinite; }
@keyframes ilerleme-akis { from { background-position: 16px 0; } to { background-position: 0 0; } }
.liste-grup { display: flex; flex-direction: column; border: 1px solid var(--ayrac); border-radius: var(--r-md); overflow: hidden; }
.liste-grup.duz { border: 0; border-radius: 0; }
.liste-grup-oge { display: block; width: 100%; padding: var(--b-2) var(--b-3); border: 0; border-bottom: 1px solid var(--ayrac); background: var(--surface); color: var(--text); text-align: left; font: inherit; font-size: var(--y-7); }
.liste-grup-oge:last-child { border-bottom: 0; }
.liste-grup-oge.eylemli { cursor: pointer; }
.liste-grup-oge.eylemli:hover { background: var(--surface-2); }
.liste-grup-oge.secili { background: var(--marka-zemin); color: var(--marka-metin); font-weight: 600; }
.bildirim > .ti { flex-shrink: 0; padding: 5px; margin-top: -3px; border-radius: 50%; font-size: var(--y-10); line-height: 1; }
.bildirim.basari > .ti { color: var(--ok); background: var(--ok-soft); }
.onay { display: flex; align-items: center; gap: var(--b-2); min-height: var(--yk-1); }
.onay.satir-ici { display: inline-flex; margin-right: var(--b-4); }
.onay-kutu { width: 16px; height: 16px; margin: 0; flex-shrink: 0; accent-color: var(--marka); cursor: pointer; }
.onay-kutu:disabled { cursor: default; }
.onay-etiket { font-size: var(--y-7); color: var(--text-2); cursor: pointer; }
.onay-etiket:has(> .onay-kutu) { display: inline-flex; align-items: center; }
.onay.anahtarli .onay-kutu { appearance: none; position: relative; width: 36px; height: 21px; border-radius: 999px; background: var(--line-3); transition: background 0.15s; }
.onay.anahtarli .onay-kutu::before { content: ""; position: absolute; top: 3px; left: 3px; width: 15px; height: 15px; border-radius: 50%; background: var(--surface); box-shadow: var(--sh-1); transition: transform 0.15s; }
.onay.anahtarli .onay-kutu:checked { background: var(--marka); }
.onay.anahtarli .onay-kutu:checked::before { transform: translateX(15px); }
.onay.anahtarli .onay-kutu:focus-visible { outline: 2px solid var(--marka-400); outline-offset: 2px; }
.onay-kart { cursor: pointer; }
.onay-kart .onay-etiket { display: block; width: 100%; padding: var(--b-3); border: 1px solid var(--ayrac); border-radius: var(--r-md); transition: border-color 0.15s, box-shadow 0.15s, background-color 0.15s; }
.onay-kart .onay-etiket:hover { border-color: var(--marka-400); box-shadow: var(--odak); }
.onay-kart .onay-kutu:checked ~ .onay-etiket { background-color: var(--ok-soft); border-color: var(--ok); }
.pk-liste { display: flex; flex-direction: column; gap: var(--b-1); max-height: 180px; overflow-y: auto; padding: var(--b-2) var(--b-25); border: 1px solid var(--ayrac); border-radius: var(--r-md); }
.pk-not { display: block; font-size: var(--y-4); color: var(--muted); }
.pk-ekle { margin-block: var(--b-2) var(--b-1); }
.pk-liste .onay { min-height: 0; }
#sades-acilis { position: fixed; inset: 0; z-index: 1200; --yukleyici-boy: 96px; background: var(--bg); transition: opacity 0.2s; }
#sades-acilis.bitiyor { opacity: 0; pointer-events: none; }
.session-unavailable > .durum-kutu { background: var(--surface); border-radius: var(--r-lg); box-shadow: var(--sh-2); padding: var(--b-6) 28px; max-width: 420px; }
.giris-sayfa:has(> .giris-icerik > .giris-ekran) { padding: 0; align-items: stretch; }
.giris-satir { display: flex; align-items: center; justify-content: space-between; gap: var(--b-3); }
.giris-alt { text-align: center; }
.giris-hata { color: var(--err); }
.giris-kurallar { display: grid; grid-template-columns: 1fr 1fr; gap: var(--b-15) var(--b-3); margin: 0; padding: 0; list-style: none; color: var(--muted); }
.giris-kurallar li { display: flex; align-items: center; gap: var(--b-15); }
.giris-kurallar li .ikon { opacity: 0.35; }
.giris-kurallar li.tamam { color: var(--ok); }
.giris-kurallar li.tamam .ikon { opacity: 1; }
.giris-ekran { --giris-acik: color-mix(in srgb, var(--marka-400) 45%, var(--dolgu-metin)); --giris-parlak: oklch(from var(--aksan) calc(l + 0.19) calc(c + 0.015) h); display: grid; grid-template-columns: minmax(0, 1fr) clamp(24rem, 33vw, 30rem); width: 100%; min-height: 100dvh; background: var(--surface); }
html[data-tema="koyu"] .giris-ekran { --giris-parlak: var(--aksan); }
@supports not (color: oklch(from red l c h)) { .giris-ekran { --giris-parlak: var(--aksan); } }
.giris-marka { --gm-arali: var(--b-5); position: relative; display: flex; flex-direction: column; gap: var(--gm-arali); min-width: 0; padding: clamp(var(--b-5), 4vh, calc(var(--b-6) * 1.5)) max(var(--b-6), 3.3vw) clamp(var(--b-4), 3vh, var(--b-6) + var(--b-05)); overflow: hidden; background: linear-gradient(155deg, var(--marka-900) 0%, var(--marka-800) 55%, var(--marka) 100%); color: var(--dolgu-metin); }
html[data-tema="koyu"] .giris-marka { background: linear-gradient(155deg, color-mix(in srgb, var(--marka-900) 45%, var(--bg)) 0%, color-mix(in srgb, var(--marka-800) 55%, var(--bg)) 55%, color-mix(in srgb, var(--marka) 65%, var(--bg)) 100%); }
.giris-marka > * { position: relative; }
.giris-marka > :not(.giris-filigran) { max-width: 62rem; }
.giris-marka-ust { display: flex; align-items: center; gap: var(--b-3); }
.giris-marka-ad { display: flex; flex-direction: column; line-height: 1.15; }
.giris-marka-ad b { font-size: var(--y-13); font-weight: 800; letter-spacing: 0.02em; }
.giris-marka-ad span { font-size: var(--y-6); opacity: 0.6; }
.giris-marka > .giris-filigran { position: absolute; right: -9.4rem; bottom: -10.6rem; opacity: 0.07; pointer-events: none; }
.giris-marka .giris-filigran .si-p, .giris-marka .giris-filigran .si-vurgu { fill: none; stroke: var(--dolgu-metin); }
.giris-marka > .giris-tanitim { max-width: 44rem; }
.giris-slogan { margin: 0; font-size: var(--y-16); font-weight: 800; line-height: 1.2; letter-spacing: -0.01em; }
.giris-slogan-alt { margin: var(--b-25) 0 0; font-size: var(--y-8); line-height: 1.55; color: var(--giris-acik); }
.giris-marka-alt { display: flex; align-items: center; justify-content: space-between; gap: var(--b-3); font-size: var(--y-4); color: color-mix(in srgb, var(--dolgu-metin) 72%, transparent); }
.giris-marka-alt a { color: var(--dolgu-metin); font-weight: 600; }
.giris-marka-alt a:focus-visible { outline: 2px solid var(--giris-parlak); outline-offset: 3px; }
@media (max-height: 820px) { .giris-marka { --gm-arali: var(--b-4); } .giris-slogan { font-size: var(--y-15); } }
@media (max-height: 760px) { .giris-slogan-alt { display: none; } }
@media (max-width: 1100px) { .giris-ekran { grid-template-columns: 1fr; grid-template-rows: auto 1fr; } .giris-marka { padding: var(--b-5) var(--b-6); gap: var(--b-3); } .giris-tanitim, .giris-marka > .uv, .giris-marka-alt, .giris-marka > .giris-filigran { display: none; } }
.uv { flex: 1 1 0; min-height: 0; display: flex; flex-direction: column; gap: var(--gm-arali); }
.uv-sahne { flex: 1 1 28rem; max-height: 30rem; min-height: 17rem; display: flex; flex-direction: column; overflow: hidden; border-radius: var(--r-lg); background: var(--surface); color: var(--text); box-shadow: 0 var(--b-6) 60px color-mix(in srgb, var(--marka-900) 70%, transparent); }
html[data-tema="koyu"] .uv-sahne { box-shadow: 0 0 0 1px var(--line-2), 0 var(--b-6) 60px color-mix(in srgb, var(--bg) 80%, transparent); }
.uv-ust { flex: none; display: flex; align-items: center; gap: var(--b-25); min-height: var(--yk-9); padding: var(--b-1) var(--b-5); border-bottom: 1px solid var(--line); }
.uv-ust b { margin-right: auto; min-width: 0; font-size: var(--y-8); font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.uv-canli { flex: none; width: 0.5rem; aspect-ratio: 1; border-radius: 50%; background: var(--ok); animation: uv-nabiz 1.6s infinite; }
.uv-cip { display: inline-flex; flex: none; align-items: center; gap: var(--b-15); height: var(--yk-1); padding: 0 var(--b-25); border-radius: 999px; font-size: var(--y-4); font-weight: 600; white-space: nowrap; }
.uv-ornek { background: var(--aksan-soluk); color: var(--aksan-metin); }
.uv-mavi { background: var(--marka-zemin); color: var(--marka-metin); }
.uv-dolu { background: var(--marka); color: var(--dolgu-metin); }
.uv-govde { container: uv / size; position: relative; flex: 1 1 0; min-height: 0; padding: var(--b-4) var(--b-5); }
.uv-govde > div { display: grid; gap: var(--b-5); height: 100%; }
.uv-kolon { display: flex; flex-direction: column; gap: var(--b-2); min-width: 0; min-height: 0; }
.uv-ayrik { padding-left: var(--b-6); border-left: 1px solid var(--line); }
.uv-ba { font-size: var(--y-4); font-weight: 600; letter-spacing: 0.01em; color: var(--text-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.uv-ara { display: flex; align-items: center; justify-content: space-between; gap: var(--b-25); min-width: 0; }
.uv-tablo { flex: none; overflow: hidden; border: 1px solid var(--line); border-radius: var(--r-sm); }
.uv-satir { display: flex; align-items: center; gap: var(--b-25); padding: var(--b-2) var(--b-3); }
.uv-satir + .uv-satir { border-top: 1px solid var(--line); }
.uv-satir > span:not(.uv-no) { flex: 1; min-width: 0; font-size: var(--y-6); color: var(--text-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.uv-satir > b { font-size: var(--y-8); font-weight: 700; white-space: nowrap; }
.uv-no { flex: none; display: grid; place-items: center; width: 1.125rem; aspect-ratio: 1; border-radius: 50%; background: var(--aksan); color: var(--dolgu-metin); font-size: var(--y-2); font-weight: 700; }
.uv-vira { grid-template-columns: minmax(9rem, 14.75rem) minmax(8rem, 12.875rem) minmax(0, 1fr); }
.uv-vira > .uv-kolon:first-child { gap: var(--b-15); }
.uv-dosya { flex: 0 1 auto; display: flex; align-items: center; gap: var(--b-2); min-height: 0; padding: var(--b-15) var(--b-25); border: 1px solid var(--line); border-radius: var(--r-sm); }
.uv-dosya > .ikon { flex: none; color: var(--text-3); }
.uv-dosya > div { display: flex; flex-direction: column; flex: 1; min-width: 0; }
.uv-dosya b { font-size: var(--y-4); font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.uv-dosya span { font-size: var(--y-2); font-weight: 600; color: var(--marka-metin); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.uv-kagit { position: relative; flex: 1; min-height: 0; overflow: hidden; padding: var(--b-3); border: 1px solid var(--line); border-radius: var(--r-sm); background: var(--surface-2); }
.uv-kagit > i, .uv-k-satirlar > i { display: block; height: 0.375rem; border-radius: 2px; background: var(--line-2); }
.uv-kagit > .uv-k-baslik { width: 62%; height: 0.5rem; background: var(--line-3); }
.uv-kagit > .uv-k-alt { width: 40%; margin-top: var(--b-2); }
.uv-k-satirlar { display: flex; flex-direction: column; gap: var(--b-3); margin-top: var(--b-5); }
.uv-k-satirlar > i:nth-child(4n+1) { width: 86%; }
.uv-k-satirlar > i:nth-child(4n+2) { width: 70%; }
.uv-k-satirlar > i:nth-child(4n+3) { width: 92%; }
.uv-k-satirlar > i:nth-child(4n) { width: 64%; }
.uv-isaret { position: absolute; left: var(--b-3); height: 1.375rem; border: 2px solid var(--giris-parlak); border-radius: 4px; background: color-mix(in srgb, var(--giris-parlak) 18%, transparent); }
.uv-isaret.i1 { top: 4rem; width: 7.5rem; }
.uv-isaret.i2 { top: 6.25rem; width: 5.75rem; }
.uv-isaret.i3 { top: 9.25rem; width: 8.125rem; }
.uv-isaret.i4 { top: 12.25rem; width: 6.5rem; }
.uv-isaret b { position: absolute; right: -0.5625rem; top: -0.5625rem; display: grid; place-items: center; width: 1.125rem; aspect-ratio: 1; border-radius: 50%; background: var(--aksan); color: var(--dolgu-metin); font-size: var(--y-2); font-weight: 700; }
.uv-tarama { position: absolute; left: 0; right: 0; top: 0; height: 0.1875rem; background: linear-gradient(90deg, transparent, var(--marka-400), transparent); box-shadow: 0 0 14px 4px color-mix(in srgb, var(--marka-400) 45%, transparent); animation: uv-tara 2.4s ease-in-out infinite alternate; }
.uv-kaynak { font-size: var(--y-2); color: var(--text-3); text-align: center; }
.uv-genis { gap: var(--b-25); }
.uv-basari { display: flex; align-items: center; gap: var(--b-2); padding: var(--b-2) var(--b-3); border-radius: var(--r-sm); background: var(--ok-soft); color: var(--ok); font-size: var(--y-4); font-weight: 600; line-height: 1.35; }
.uv-basari > .ikon { flex: none; }
.uv-oneri { display: flex; gap: var(--b-25); margin-top: auto; padding: var(--b-3); border: 1px solid var(--warn-line); border-radius: var(--r-sm); background: var(--aksan-soluk); color: color-mix(in srgb, var(--aksan-metin) 70%, var(--text)); font-size: var(--y-4); line-height: 1.45; }
.uv-oneri > .ikon { flex: none; margin-top: var(--b-05); color: var(--aksan-metin); }
.uv-deger { grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: var(--b-6); }
.uv-deger .uv-kolon.uv-ayrik { gap: var(--b-3); }
.uv-harita { position: relative; flex: 1; min-height: 0; overflow: hidden; border: 1px solid var(--line); border-radius: var(--r-sm); background: var(--surface-3); }
.uv-harita svg { display: block; width: 100%; height: 100%; }
.uv-harita svg .uv-pop { transform-box: fill-box; transform-origin: center; }
.uv-harita svg .uv-h-pin { transform-origin: 50% 100%; }
.uv-r-sicak { stop-color: var(--giris-parlak); }
.uv-r-orta { stop-color: var(--marka-400); }
.uv-h-zemin { fill: var(--surface-3); }
.uv-h-park { fill: color-mix(in srgb, var(--ok) 18%, var(--surface)); }
.uv-h-ada { fill: var(--line); }
.uv-h-yol { fill: none; stroke: var(--surface); stroke-width: 9; }
.uv-h-cadde { fill: none; stroke: var(--surface); stroke-width: 14; }
.uv-h-cember { fill: none; stroke: var(--marka); stroke-width: 2; }
.uv-h-dalga { fill: var(--marka); opacity: 0.25; transform-box: fill-box; transform-origin: center; animation: uv-halka 2s ease-out infinite; }
.uv-h-pin path { fill: var(--err); stroke: var(--surface); stroke-width: 2; }
.uv-h-pin circle { fill: var(--surface); }
.uv-lejant { position: absolute; left: var(--b-3); bottom: var(--b-3); display: flex; align-items: center; gap: var(--b-25); padding: var(--b-2) var(--b-25); border-radius: var(--r-sm); background: var(--surface); box-shadow: var(--sh-2); font-size: var(--y-2); color: var(--text-2); }
.uv-lejant i { width: 3.75rem; height: 0.375rem; border-radius: 3px; background: linear-gradient(90deg, var(--giris-acik), var(--giris-parlak)); }
.uv-puan { position: absolute; right: var(--b-3); top: var(--b-3); background: var(--surface); color: var(--marka-metin); box-shadow: var(--sh-2); }
.uv-tutar { font-size: var(--y-17); font-weight: 800; line-height: 1.1; letter-spacing: -0.02em; white-space: nowrap; color: color-mix(in srgb, var(--marka-metin) 60%, var(--text)); }
.uv-tutar small { font-size: var(--y-12); font-weight: 700; }
.uv-aralik { position: relative; height: 0.5rem; margin-top: var(--b-15); border-radius: 4px; background: var(--line); }
.uv-aralik i { position: absolute; left: 12%; right: 10%; top: 0; bottom: 0; border-radius: 4px; background: var(--giris-acik); }
.uv-aralik span { position: absolute; left: 52%; top: -0.25rem; width: 0.25rem; height: 1rem; border-radius: 2px; background: var(--aksan); }
.uv-uclar { display: flex; justify-content: space-between; margin-top: var(--b-15); font-size: var(--y-4); color: var(--text-2); }
.uv-nedenler { display: flex; flex-direction: column; gap: var(--b-15); margin: 0; padding: 0; list-style: none; font-size: var(--y-6); line-height: 1.4; }
.uv-nedenler li { display: flex; gap: var(--b-2); }
.uv-nedenler li::before { content: "✓"; color: var(--ok); font-weight: 700; }
.uv-not { margin-top: auto; padding: var(--b-2) var(--b-3); border: 1px solid var(--line); border-radius: var(--r-sm); background: var(--bg); color: var(--text-2); font-size: var(--y-4); line-height: 1.45; }
.uv-360 { grid-template-columns: 9.375rem minmax(0, 1fr) minmax(0, 1.1fr); gap: var(--b-4) var(--b-5); }
.uv-tel { align-items: center; gap: var(--b-25); }
.uv-telefon { position: relative; flex: none; height: min(11.875rem, 58cqh); aspect-ratio: 96 / 190; overflow: hidden; border: 3px solid var(--marka-900); border-radius: var(--r-xl); background: var(--marka-zemin); animation: uv-suzul 3s ease-in-out infinite; }
.uv-centik { position: absolute; top: var(--b-2); left: 50%; width: 1.75rem; height: 0.375rem; transform: translateX(-50%); border-radius: 3px; background: var(--marka-900); }
.uv-telefon .uv-tarama { left: var(--b-15); right: var(--b-15); }
.uv-cerceve { position: absolute; top: 1.375rem; bottom: 1.375rem; left: var(--b-25); right: var(--b-25); border: 1px dashed var(--marka-400); border-radius: var(--b-15); }
.uv-alan { display: flex; flex-direction: column; align-items: center; }
.uv-alan b { font-size: var(--y-13); font-weight: 700; }
.uv-alan span { font-size: var(--y-4); color: var(--text-2); }
.uv-3b, .uv-plan { flex: 1; min-height: 0; overflow: hidden; border: 1px solid var(--line); border-radius: var(--r-sm); }
.uv-3b { background: color-mix(in srgb, var(--marka-900) 55%, var(--ipucu-zemin)); }
.uv-plan { background: var(--surface); }
html[data-tema="koyu"] .uv-3b { background: color-mix(in srgb, var(--marka-900) 35%, var(--bg)); }
.uv-3b svg, .uv-plan svg { display: block; width: 100%; height: 100%; }
.uv-y1, .uv-y2, .uv-y3 { fill: var(--marka-400); }
.uv-y1 { opacity: 0.35; }
.uv-y2 { opacity: 0.18; }
.uv-y3 { opacity: 0.28; }
.uv-kenar path { fill: none; stroke: var(--giris-acik); stroke-width: 2; stroke-linejoin: round; }
.uv-kenar .uv-olcu { stroke: var(--giris-parlak); }
.uv-dugum circle { fill: var(--giris-parlak); transform-box: fill-box; transform-origin: center; }
.uv-dis, .uv-ic { fill: none; stroke: color-mix(in srgb, var(--marka-900) 70%, var(--text)); stroke-linejoin: round; }
.uv-dis { stroke-width: 3; }
.uv-ic { stroke-width: 2; }
.uv-odalar text { fill: var(--text-2); font-weight: 600; }
.uv-uyum { display: flex; align-items: center; justify-content: space-between; gap: var(--b-2); padding: var(--b-2) var(--b-3); border-radius: var(--r-sm); background: var(--ok-soft); font-size: var(--y-4); }
.uv-uyum b { color: var(--ok); font-weight: 700; }
.uv-uyum span { color: var(--text-2); }
.uv-radar { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--b-6); }
.uv-radar .uv-kolon.uv-ayrik { gap: var(--b-25); }
.uv-sart { font-size: var(--y-4); color: var(--text-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.uv-ilerleme { flex: none; height: 0.25rem; overflow: hidden; border-radius: 2px; background: var(--line); }
.uv-ilerleme i { display: block; height: 100%; background: var(--marka-400); }
.uv-kural { display: flex; align-items: center; gap: var(--b-3); padding: var(--b-25) var(--b-3); }
.uv-kural + .uv-kural { border-top: 1px solid var(--line); }
.uv-kural.hatali { background: var(--err-soft); }
.uv-kural > div { display: flex; flex-direction: column; flex: 1; min-width: 0; }
.uv-kural b { font-size: var(--y-6); font-weight: 700; }
.uv-kural.hatali b { color: var(--err); }
.uv-kural div > span { font-size: var(--y-4); color: var(--text-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.uv-isaretci { flex: none; display: grid; place-items: center; width: 1.375rem; aspect-ratio: 1; border-radius: 50%; background: var(--ok); color: var(--dolgu-metin); }
.uv-kural.hatali .uv-isaretci { background: var(--err); }
.uv-vurgula { padding: var(--b-05) var(--b-2); border-radius: 4px; animation: uv-vurgu 0.5s 3.7s forwards; }
.uv-hata { padding: var(--b-25) var(--b-3); border: 1px solid var(--err-line); border-radius: var(--r-sm); background: var(--err-soft); color: color-mix(in srgb, var(--err) 75%, var(--text)); font-size: var(--y-6); line-height: 1.45; }
.uv-ozet { display: flex; align-items: center; justify-content: space-between; gap: var(--b-2); margin-top: auto; padding: var(--b-25) var(--b-3); border-radius: var(--r-sm); background: var(--marka-zemin); font-size: var(--y-6); }
.uv-kirmizi { color: var(--err); }
.uv-moduller { flex: none; display: flex; gap: var(--b-5); margin-top: auto; }
.uv-moduller button { position: relative; flex: 1; min-width: 0; display: flex; flex-direction: column; padding: var(--b-3) var(--b-1) 0; border: 0; background: transparent; color: color-mix(in srgb, var(--dolgu-metin) 62%, transparent); font: inherit; text-align: left; cursor: pointer; transition: color 0.2s; }
.uv-moduller button:hover, .uv-moduller button.secili { color: var(--dolgu-metin); }
.uv-moduller button:focus-visible { outline: 2px solid var(--giris-parlak); outline-offset: 3px; }
.uv-moduller b { font-size: var(--y-8); font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.uv-alt { margin-top: var(--b-05); font-size: var(--y-4); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.uv-iz { position: absolute; left: 0; right: 0; top: 0; height: 0.125rem; overflow: hidden; background: color-mix(in srgb, var(--dolgu-metin) 18%, transparent); }
.um-ilerleme { display: block; height: 100%; background: var(--giris-parlak); transform-origin: left; animation: uv-uza 9s linear both; }
.uv:hover .um-ilerleme { animation-play-state: paused; }
.uv-gir { animation: uv-yuksel 0.6s cubic-bezier(0.2, 0.7, 0.2, 1) both; }
.uv-pop { animation: uv-pop 0.5s cubic-bezier(0.2, 0.9, 0.3, 1.3) both; }
.uv-nokta { animation: uv-pop 0.35s ease both; }
.uv-bar { transform-origin: left; animation: uv-uza 0.9s cubic-bezier(0.2, 0.7, 0.2, 1) both; }
.uv-bar.uv-uzun { animation-duration: 4s; }
.uv-ciz { stroke-dasharray: 1; animation: uv-ciz 2.2s ease both; }
.uv-ciz.uv-yavas { animation-duration: 1.8s; }
.uv-ciz.uv-orta { animation-duration: 1.4s; }
.uv-govde .g1 { animation-delay: 0.2s; } .uv-govde .g2 { animation-delay: 0.4s; } .uv-govde .g3 { animation-delay: 0.6s; } .uv-govde .g4 { animation-delay: 0.8s; } .uv-govde .g5 { animation-delay: 1s; } .uv-govde .g6 { animation-delay: 1.2s; } .uv-govde .g7 { animation-delay: 1.4s; } .uv-govde .g8 { animation-delay: 1.6s; }
.uv-govde .g9 { animation-delay: 1.8s; } .uv-govde .g10 { animation-delay: 2s; } .uv-govde .g11 { animation-delay: 2.2s; } .uv-govde .g12 { animation-delay: 2.4s; } .uv-govde .g13 { animation-delay: 2.6s; } .uv-govde .g14 { animation-delay: 2.8s; } .uv-govde .g15 { animation-delay: 3s; } .uv-govde .g16 { animation-delay: 3.2s; }
.uv-govde .g17 { animation-delay: 3.4s; } .uv-govde .g18 { animation-delay: 3.6s; } .uv-govde .g19 { animation-delay: 3.8s; } .uv-govde .g20 { animation-delay: 4s; } .uv-govde .g21 { animation-delay: 4.2s; } .uv-govde .g22 { animation-delay: 4.4s; } .uv-govde .g23 { animation-delay: 4.6s; } .uv-govde .g24 { animation-delay: 4.8s; }
.uv-govde .g25 { animation-delay: 5s; } .uv-govde .g26 { animation-delay: 5.2s; } .uv-govde .g27 { animation-delay: 5.4s; } .uv-govde .g28 { animation-delay: 5.6s; } .uv-govde .g29 { animation-delay: 5.8s; } .uv-govde .g30 { animation-delay: 6s; }
@keyframes uv-yuksel { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
@keyframes uv-pop { from { opacity: 0; transform: scale(0.6); } to { opacity: 1; transform: none; } }
@keyframes uv-tara { from { top: 0; } to { top: calc(100% - 0.1875rem); } }
@keyframes uv-uza { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@keyframes uv-ciz { from { stroke-dashoffset: 1; } to { stroke-dashoffset: 0; } }
@keyframes uv-vurgu { to { background: var(--err-line); color: color-mix(in srgb, var(--err) 75%, var(--text)); } }
@keyframes uv-nabiz { 0%, 100% { opacity: 0.35; } 50% { opacity: 1; } }
@keyframes uv-halka { 0% { transform: scale(0.6); opacity: 0.8; } 100% { transform: scale(1.8); opacity: 0; } }
@keyframes uv-suzul { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-5px); } }
@container uv (max-height: 18rem) { .uv-satir { padding-block: var(--b-15); } .uv-kural { padding-block: var(--b-15); } .uv-dosya { padding-block: var(--b-1); } .uv-k-satirlar { gap: var(--b-25); } .uv-oneri, .uv-hata { padding-block: var(--b-2); } }
@container uv (max-width: 46rem) { .uv-vira { grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr); } .uv-vira > .uv-kolon:nth-child(2) { display: none; } .uv-360 { grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); } .uv-360 > .uv-tel { display: none; } }
@media (prefers-reduced-motion: reduce) { .uv *, .uv *::before, .uv *::after { animation-duration: 0.01s !important; animation-delay: 0s !important; animation-iteration-count: 1 !important; } .uv .uv-tarama { display: none; } .uv .um-ilerleme, .uv .uv-canli, .uv .uv-h-dalga, .uv .uv-telefon { animation: none !important; } .uv .um-ilerleme { transform: scaleX(1); } }
.ku-liste { display: flex; flex-direction: column; gap: var(--b-2); }
.giris-form { --kontrol: var(--yk-9); display: flex; align-items: center; justify-content: center; padding: calc(var(--b-6) * 2); background: var(--surface); }
.giris-form-ic { width: min(22rem, 100%); display: flex; flex-direction: column; gap: var(--b-4); }
.giris-adimlar { display: flex; gap: var(--b-15); }
.giris-adimlar span { flex: 1; height: 0.25rem; border-radius: 2px; background: var(--line); }
.giris-adimlar span.dolu { background: var(--marka); }
.giris-bas h1 { margin: 0; outline: none; font-size: var(--y-15); font-weight: 800; letter-spacing: -0.01em; color: var(--text); }
.giris-bas p { margin: var(--b-2) 0 0; font-size: var(--y-8); color: var(--text-2); line-height: 1.5; }
.giris-guven { display: flex; align-items: center; gap: var(--b-2); padding-top: var(--b-25); border-top: 1px solid var(--line); font-size: var(--y-4); color: var(--text-3); }
.giris-guven .ikon { flex: none; }
@media (max-height: 760px) { .giris-form { padding: var(--b-6); } }
.yan-marka:has(.marka-cift) { justify-content: center; }
.marka-cift > .sades-isaret { flex-shrink: 0; }
.marka-cift > .sades-isaret svg { width: 40px; height: var(--yk-9); }
.marka-cift > b, .marka-firma b { font-size: x-large; font-weight: 800; letter-spacing: 0.03em; }
.marka-cift:has(> .marka-firma > span:not([hidden])) > .marka-ayrac { display: none; }
.marka-firma:has(> span:not([hidden])) { padding: 0; overflow: visible; background: none; box-shadow: none; }
.firma-yedek { display: inline-flex; align-items: center; justify-content: center; gap: var(--b-2); min-width: 0; max-width: 100%; color: var(--text); }
.firma-yedek > b { font-size: var(--y-12); font-weight: 800; letter-spacing: 0.03em; white-space: nowrap; }
.sr-logo.firma-yedek { display: inline-grid; place-items: center; }
.sr-logo.firma-yedek > b { display: none; }
.sr-logo.firma-yedek .sades-isaret svg { width: 24px; height: var(--yk-1); }
.yan-logo-kisa .sades-isaret svg { width: 34px; height: var(--yk-6); }
@media (max-height: 800px) { .marka-cift > .sades-isaret svg { width: 32px; height: var(--yk-5); } .marka-firma :is(img, svg) { height: var(--yk-3); } .marka-ayrac { height: var(--yk-3); } }
.ust-menu { gap: var(--b-05); }
.ust-menu .btn { width: 100%; justify-content: flex-start; }
.ust-menu .ayrac-cizgi { margin: var(--b-1) 0; }
.ust-tema .tema-gunes { display: none; }
.ust-eylemler { gap: var(--b-05); flex-wrap: nowrap; }
.giris-form-ic .alan { margin: 0; }
.yukleme-nabiz { animation: yy-nabiz 1.2s ease-in-out infinite; }
@keyframes yy-nabiz { 50% { opacity: 0.35; } }
.yukleme-menu { gap: var(--b-2); }
.yy-bas { display: flex; align-items: center; justify-content: space-between; gap: var(--b-2); }
.yy-simdi { display: flex; align-items: center; gap: var(--b-15); min-width: 0; color: var(--muted); }
.yy-ilerleme { display: block; width: 100%; height: 4px; border: 0; border-radius: 999px; overflow: hidden; background: var(--surface-3); appearance: none; }
.yy-ilerleme::-webkit-progress-bar { background: var(--surface-3); }
.yy-ilerleme::-webkit-progress-value { background: var(--marka); }
.yy-ilerleme::-moz-progress-bar { background: var(--marka); }
.yy-liste { display: flex; flex-direction: column; gap: var(--b-05); max-height: 300px; overflow: auto; }
.yy-grup { display: flex; align-items: center; gap: var(--b-2); width: 100%; min-height: var(--yk-5); padding: var(--b-1) var(--b-2); border: 0; border-radius: var(--r-sm); background: var(--surface-2); color: var(--text); font: inherit; font-weight: 700; text-align: left; cursor: pointer; }
.yy-grup:hover:not(:disabled) { background: var(--surface-3); }
.yy-grup:disabled { cursor: default; }
.yy-grup .kes, .yy-is .kes { flex: 1; min-width: 0; }
.yy-is { display: flex; align-items: center; gap: var(--b-2); min-height: var(--yk-4); padding: var(--b-05) var(--b-2) var(--b-05) 14px; }
.yy-tamam { color: var(--ok); }
.yy-hata { color: var(--err); }
.yy-bekliyor { color: var(--muted); }
.yy-yukleniyor { color: var(--marka); }
.kabuk-ust:has(.acilir) { z-index: 1100; }
.rl-iskelet > td > .iskelet-satir { margin: var(--b-15) 0; }
.rl-iskelet > td > .iskelet-satir:nth-child(2) { width: 70%; }
.rl-iskelet > td > .iskelet-satir:nth-child(3) { width: 45%; }
.acilir-menu { gap: var(--b-05); }
.acilir-menu .btn { width: 100%; justify-content: flex-start; }
.acilir-menu .ayrac-cizgi { margin: var(--b-1) 0; }
.acilir-menu .acilir-tehlike { color: var(--err); }
.arsiv-kart .ct-icerik { flex: 0 1 auto; justify-content: flex-start; }
.bg-sayfa { gap: var(--b-4); }
.bg-sayfa > .kart { margin: 0; }
.bg-yukle-bolum { gap: var(--b-2); }
.bg-yukle-bolum + .bg-yukle-bolum { margin-top: var(--b-4); padding-top: var(--b-4); border-top: 1px solid var(--ayrac); }
.bg-yukle-baslik { margin: 0; font-size: medium; font-weight: 800; }
.bg-kutu { contain: none; }
.bg-bolumler > .bg-bolum > .kart { margin: 0; }
.bg-tur-secim { gap: var(--b-15); }
.bg-kutu-kapak.sayfa canvas { position: absolute; inset: 6px 10px 0; display: block; width: calc(100% - 20px); height: calc(100% - 6px); object-fit: cover; object-position: top; border-radius: 2px 2px 0 0; box-shadow: var(--sh-1); }
.hyr-yukleniyor { margin-left: auto; }
.vurgu-metni { color: var(--marka-metin); }
.orta-hiza { text-align: center; }
.sag-hiza { text-align: right; }
.tek-satir { white-space: nowrap; }
.kirilir { overflow-wrap: anywhere; }
.satir.yay, .yay { justify-content: space-between; }
.satir.orta-yasla, .orta-yasla { justify-content: center; }
.satir.sona-yasla, .sona-yasla { justify-content: flex-end; }
.rf-tum-kaydir { max-height: 440px; overflow: auto; }
.rf-tum-kaydir .tablo { min-width: max-content; }
.rf-tum-kaydir thead th { position: sticky; top: 0; z-index: 2; background: var(--surface); }
.rf-tum-kaydir .rf-tum-ilk { position: sticky; left: 0; z-index: 1; background: var(--surface); }
.rf-tum-kaydir thead .rf-tum-ilk { z-index: 3; }
.rf-tum-kaydir tr.vurgulu .rf-tum-ilk { background: var(--marka-zemin); }
.rf-tum-kaydir td { max-width: 240px; }
.rf-tum-bos { padding: var(--b-3) var(--b-4); }
.tk-sayfa { gap: 0; }
.tk-kart { display: flex; flex-direction: column; height: max(520px, calc(100dvh - 88px)); min-height: 0; margin: 0; overflow: hidden; container-type: inline-size; }
.tk-arac { display: flex; align-items: center; gap: var(--b-3); flex: 0 0 auto; min-width: 0; padding: var(--b-3) var(--kart-x); }
.tk-gezin, .tk-sag { display: flex; align-items: center; gap: var(--b-1); flex-shrink: 0; }
.tk-sag { margin-left: auto; gap: var(--b-2); }
.tk-arac .acilir-tetik { display: inline-flex; min-width: 0; }
.tk-baslik { display: inline-flex; align-items: center; gap: var(--b-1); flex: 0 1 auto; min-width: 48px; height: var(--yk-5); padding: 0 var(--b-2); border: 0; border-radius: var(--r-md); background: none; color: var(--text); font: inherit; font-size: var(--y-11); font-weight: 800; letter-spacing: -0.01em; cursor: pointer; }
.tk-baslik:hover, .tk-baslik[aria-expanded='true'] { background: var(--surface-3); }
.tk-baslik .ikon { flex-shrink: 0; color: var(--muted); }
.tk-menu, .tk-suz-dar { display: none; }
.tk-gezin .btn[aria-pressed='true'] { background: var(--marka-zemin); color: var(--marka-metin); }
.tk-suz { width: 168px !important; min-width: 0 !important; }
.tk-gorunum { flex-shrink: 0; }
.tk-govde { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; padding: 0 var(--kart-x) var(--b-4); }
@container (max-width: 1260px) { .tk-ad { display: none; } .tk-arac .btn:has(.tk-ad) { min-width: 32px; gap: 0; padding-inline: var(--b-2); } }
@container (max-width: 940px) { .tk-ikincil, .tk-suz { display: none; } .tk-menu, .tk-suz-dar { display: inline-flex; } }
@container (max-width: 1000px) { .tk-suz { width: 120px !important; } .tk-baslik { font-size: var(--y-9); } .tk-arac { gap: var(--b-2); padding-inline: var(--b-3); } .tk-govde { padding-inline: var(--b-3); } }
@container (max-width: 780px) { .tk-gorunum button { padding-inline: var(--b-2); } .tk-baslik { font-size: var(--y-8); } }
.tk-ay { display: grid; flex: 1 1 auto; min-height: 0; border-radius: var(--r-md); background: var(--surface); box-shadow: inset 0 0 0 1px var(--line); overflow: hidden; }
.tk-ay-bas { display: flex; align-items: center; justify-content: center; background: var(--surface-2); color: var(--muted); font-size: var(--y-4); font-weight: 700; }
.tk-hucre { position: relative; display: flex; flex-direction: column; gap: var(--b-05); min-width: 0; min-height: 0; padding: var(--b-1); overflow: hidden; box-shadow: inset 1px 1px 0 var(--ayrac); cursor: default; }
.tk-hucre:hover { background: var(--surface-2); }
.tk-hucre.diger { background: color-mix(in srgb, var(--surface-3) 45%, var(--surface)); }
.tk-hucre.diger .tk-gun-no { color: var(--faint); }
.tk-hucre.tatil { background: var(--err-soft); }
.tk-hucre.bugun { background: var(--marka-zemin); }
.tk-hucre-bas { display: flex; align-items: center; gap: var(--b-15); flex: 0 0 auto; min-width: 0; min-height: 22px; }
.tk-gun-no { min-width: 22px; height: 22px; padding: 0 var(--b-1); border: 0; border-radius: 999px; background: none; color: var(--text-2); font: inherit; font-size: var(--y-5); font-weight: 700; cursor: pointer; }
.tk-gun-no:hover { background: var(--surface-3); }
.tk-hucre.bugun .tk-gun-no { background: var(--marka); color: var(--dolgu-metin); }
.tk-tatil { min-width: 0; color: var(--err); font-size: var(--y-2); font-weight: 700; }
.tk-hucre-olaylar { display: flex; flex-direction: column; gap: var(--b-05); flex: 1 1 auto; min-height: 0; }
.tk-chip { display: flex; align-items: center; gap: var(--b-1); flex: 0 0 auto; width: 100%; height: 20px; padding: 0 var(--b-15); border: 0; border-radius: 5px; color: var(--dolgu-metin); font: inherit; font-size: var(--y-3); font-weight: 600; text-align: left; cursor: pointer; }
.tk-chip:hover { filter: brightness(1.12); }
.tk-chip[draggable='true'] { cursor: grab; }
.tk-chip.devam-once { width: calc(100% + 4px); margin-left: -4px; border-top-left-radius: 0; border-bottom-left-radius: 0; }
.tk-chip.devam-sonra { width: calc(100% + 4px); border-top-right-radius: 0; border-bottom-right-radius: 0; }
.tk-chip.devam-once.devam-sonra { width: calc(100% + 8px); }
.tk-chip .ikon { flex-shrink: 0; opacity: 0.9; }
.tk-daha { flex: 0 0 auto; height: 18px; padding: 0 var(--b-15); border: 0; border-radius: 5px; background: none; color: var(--marka-metin); font: inherit; font-size: var(--y-3); font-weight: 800; text-align: left; cursor: pointer; }
.tk-daha:hover { background: var(--surface-3); }
.tk-gunliste { display: flex; flex-direction: column; gap: var(--b-15); }
.tk-gunliste-bas { font-size: var(--y-5); }
.tk-gunliste ul { display: flex; flex-direction: column; margin: 0 -4px; padding: 0; list-style: none; }
.tk-gunliste button { display: flex; align-items: center; gap: var(--b-2); width: 100%; padding: var(--b-15) var(--b-2); border: 0; border-radius: var(--r-sm); background: none; color: var(--text); font: inherit; font-size: var(--y-6); text-align: left; cursor: pointer; }
.tk-gunliste button:hover, .tk-gunliste button.secili { background: var(--surface-2); }
.tk-gunliste i, .tk-liste i { display: inline-block; flex-shrink: 0; width: 9px; height: 9px; border-radius: 50%; }
.tk-gunliste .kes { flex: 1 1 auto; }
.tk-zaman { display: grid; grid-template-rows: auto auto minmax(0, 1fr); flex: 1 1 auto; min-height: 0; border-radius: var(--r-md); background: var(--surface); box-shadow: inset 0 0 0 1px var(--line); overflow: hidden; }
.tk-z-kose, .tk-z-bandetiket, .tk-z-saatler { background: var(--surface-2); }
.tk-z-bas { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0; min-width: 0; padding: var(--b-15) var(--b-1); border: 0; background: var(--surface-2); color: var(--text-2); font: inherit; font-size: var(--y-4); cursor: pointer; }
.tk-z-bas:disabled { cursor: default; }
.tk-z-bas:not(:disabled):hover { background: var(--surface-3); }
.tk-z-bas b { color: var(--text); font-size: var(--y-10); line-height: 1.25; }
.tk-z-bas.bugun b { display: inline-grid; place-items: center; min-width: 26px; height: var(--yk-2); padding: 0 5px; border-radius: 999px; background: var(--marka); color: var(--dolgu-metin); }
.tk-z-bas.tatil { background: var(--err-soft); }
.tk-z-bas .tk-tatil { max-width: 100%; }
.tk-z-bandetiket { display: flex; align-items: center; justify-content: center; padding: var(--b-05); color: var(--muted); font-size: var(--y-1); font-weight: 600; }
.tk-z-bant { display: flex; flex-direction: column; gap: var(--b-05); min-width: 0; min-height: var(--yk-2); padding: 3px var(--b-1); box-shadow: inset 1px 1px 0 var(--ayrac); cursor: default; }
.tk-z-saatler { display: flex; flex-direction: column; min-height: 0; }
.tk-z-saatler span { flex: 1 1 0; min-height: 0; padding: var(--b-05) var(--b-1) 0 0; color: var(--muted); font-size: var(--y-1); text-align: right; }
.tk-z-sutun { position: relative; display: flex; flex-direction: column; min-width: 0; min-height: 0; box-shadow: inset 1px 0 0 var(--ayrac); cursor: default; }
.tk-z-sutun.tatil { background: var(--err-soft); }
.tk-z-sutun.bugun { background: var(--marka-zemin); }
.tk-z-cizgi { display: flex; flex-direction: column; flex: 1 1 0; min-height: 0; box-shadow: inset 0 1px 0 var(--ayrac); }
.tk-z-cizgi > i { flex: 1 1 0; min-height: 0; }
.tk-blok { position: absolute; display: flex; flex-direction: column; gap: 0; min-height: 20px; padding: var(--b-05) var(--b-15); border: 0; border-radius: 6px; box-shadow: 0 0 0 1px var(--surface); color: var(--dolgu-metin); font: inherit; font-size: var(--y-3); line-height: 1.3; text-align: left; overflow: hidden; cursor: pointer; }
.tk-blok:hover { filter: brightness(1.12); z-index: 2; }
.tk-blok span { font-size: var(--y-2); opacity: 0.92; }
.tk-blok-tutamak { position: absolute; right: 0; bottom: 0; left: 0; height: 6px; cursor: ns-resize; }
.tk-surukle .tk-blok { pointer-events: none; }
.tk-simdi { position: absolute; right: 0; left: 0; z-index: 3; height: 0; border-top: 2px solid var(--err); pointer-events: none; }
.tk-simdi::before { content: ''; position: absolute; top: -5px; left: -3px; width: 8px; height: 8px; border-radius: 50%; background: var(--err); }
@container (max-height: 700px) { .tk-blok-konum { display: none; } }
.tk-liste { display: flex; flex-direction: column; gap: var(--b-3); flex: 1 1 auto; min-height: 0; overflow: auto; }
.tk-liste section { flex: 0 0 auto; border-radius: var(--r-md); box-shadow: inset 0 0 0 1px var(--line); overflow: hidden; }
.tk-liste header { display: flex; align-items: center; gap: var(--b-2); padding: var(--b-2) var(--b-4); background: var(--surface-2); font-size: var(--y-6); }
.tk-liste header.bugun { background: var(--marka-zemin); }
.tk-liste ul { display: flex; flex-direction: column; margin: 0; padding: 0; list-style: none; }
.tk-liste li + li { box-shadow: inset 0 1px 0 var(--ayrac); }
.tk-liste li button { display: grid; grid-template-columns: 112px 10px minmax(0, 1.6fr) minmax(0, 1fr) minmax(0, 1fr); align-items: center; gap: var(--b-3); width: 100%; padding: 9px var(--b-4); border: 0; background: none; color: var(--text); font: inherit; font-size: var(--y-6); text-align: left; cursor: pointer; }
.tk-liste li button:hover { background: var(--surface-2); }
.tk-liste-baslik { display: flex; align-items: center; gap: 5px; font-weight: 700; }
.tk-liste-baslik .ikon { flex-shrink: 0; color: var(--muted); }
.tk-liste-saat { color: var(--text-2); font-weight: 600; white-space: nowrap; }
@container (max-width: 820px) { .tk-liste li button { grid-template-columns: 96px 10px minmax(0, 1fr) minmax(0, 1fr); } .tk-liste-konum { display: none; } }
.tk-kart :is(.btn, .tk-baslik, .tk-gun-no, .tk-daha, .tk-z-bas, .yp-secim button, .tk-liste li button, .tk-gunliste button, select, .as-tetik):focus-visible { outline: 2px solid var(--marka-400); outline-offset: 2px; }
.tk-kart :is(.tk-chip, .tk-blok, .tk-gun-no):focus-visible { outline: 2px solid var(--text); outline-offset: -2px; }
.mdl-liste { overflow: hidden; border: 1px solid var(--ayrac); border-radius: var(--r-md); }
.mdl-liste-bas { display: flex; align-items: center; gap: var(--b-2); padding: var(--b-2); background: var(--surface-2); cursor: pointer; }
.mdl-liste-bas > .onay-kutu { flex-shrink: 0; }
.mdl-liste-ad { flex: 1; min-width: 0; }
.mdl-liste-dugme { width: 100%; justify-content: space-between; text-align: left; }
.mdl-liste-govde { max-height: 40dvh; padding: var(--b-2); overflow-y: auto; }
.mdl-liste-govde.yuksek { max-height: 50dvh; }
.mdl-onay-alt { margin-top: var(--b-6); }
.mdl-kaydir { max-height: 60dvh; overflow-y: auto; }
.mdl-oge { display: flex; flex-direction: column; gap: var(--b-1); padding-bottom: var(--b-3); border-bottom: 1px solid var(--ayrac); }
.mdl-bilgi { color: var(--info); }
.mdl-madde { margin: 0; padding-left: var(--b-6); }
.mdl-altcizgi { text-decoration: underline; }
.mdl-tablo-yuk { max-height: 60dvh; }
.mdl-grup { display: flex; flex-direction: column; gap: var(--b-1); }
.mdl-dal { padding-left: var(--b-4); }
.mdl-baglanti { display: inline-flex; align-items: center; gap: var(--b-2); }
.mdl-grup > :is(h4, h5, h6, p) { margin: 0; }
.mdl-kart.t-ok { box-shadow: inset 0 0 0 1px var(--ok-line); }
.mdl-kart.t-uyari { box-shadow: inset 0 0 0 1px var(--warn-line); }
.mdl-kart.t-hata { box-shadow: inset 0 0 0 1px var(--err-line); }
.mdl-ikon.t-ok { color: var(--ok); }
.mdl-ikon.t-uyari { color: var(--warn); }
.mdl-ikon.t-hata { color: var(--err); }
.mdl-imzaci { padding-block: var(--b-1); border-bottom: 1px solid var(--ayrac); }
.mdl-esnek { flex: 1; min-width: 0; }
.mdl-orta { align-items: center; }
.mdl-orta > :is(p, h4, h5, h6) { margin: 0; }
.mdl-ince { height: var(--b-1); }
.liste-grup-oge.mdl-sik { padding: var(--b-1) 0; }
.mdl-tam { height: 100%; }
.mdl-html-alan { min-height: 40dvh; height: 78dvh; padding-block: var(--b-2); overflow: auto; }
.mdl-cerceve { width: 100%; height: 100%; border: 1px solid var(--ayrac); border-radius: var(--r-md); background: var(--kagit); box-shadow: var(--sh-1); }
.mdl-buyuk-harf { text-transform: uppercase; }
.mdl-orta > .ilerleme-cubuk { width: 100%; }
.mdl-marka { color: var(--marka-metin); }
.mdl-kalin { height: var(--yk-1); }
.mdl-kutu { padding: var(--b-2); border: 1px solid var(--ayrac); border-radius: var(--r-md); background: var(--surface); }
.mdl-uyari { color: var(--warn); }
.mdl-ortala { justify-content: center; }
.mdl-beyaz-metin { color: var(--dolgu-metin); }
.mdl-italik { font-style: italic; }
.sifre-gereksinim { margin: var(--b-1) 0 0; padding-inline-start: var(--b-5); }
.fi-birak { display: flex; flex-direction: column; align-items: center; gap: var(--b-2); padding: var(--b-5); border: 2px dashed var(--line-3); border-radius: var(--r-md); background: var(--surface-2); text-align: center; cursor: pointer; }
.fi-birak > p { margin: 0; }
.fi-oge > * + * { margin-top: var(--b-1); }
.fi-oge p { margin: 0; }
.filter-dropdown-overlay { position: fixed; inset: 0; z-index: 1050; }
.filter-dropdown { position: relative; display: flex; flex-direction: column; gap: var(--b-1); }
.filter-dropdown.open { z-index: 1051; }
.filter-dropdown.disabled { pointer-events: none; opacity: 0.6; }
.filter-dropdown > label { margin: 0; }
.filter-dropdown-trigger { cursor: pointer; gap: var(--b-1); min-height: var(--kontrol-k); }
.filter-dropdown-trigger.disabled { cursor: not-allowed; opacity: 0.65; }
.fd-deger { flex: 1 1 auto; min-width: 0; }
.filter-dropdown-clear { flex-shrink: 0; }
.filter-dropdown-panel { position: absolute; top: 100%; left: 0; right: 0; z-index: 1055; display: flex; flex-direction: column; margin-top: var(--b-1); background: var(--surface); border: 1px solid var(--line-2); border-radius: var(--r-md); box-shadow: var(--sh-3); }
.filter-dropdown-search { flex-shrink: 0; padding: var(--b-2); border-bottom: 1px solid var(--ayrac); }
.filter-dropdown-list { overflow-y: auto; max-height: 40dvh; padding: var(--b-1) 0; }
.filter-dropdown-item { display: flex; align-items: center; gap: var(--b-2); margin: 0; padding: var(--b-2) var(--b-3); font-size: var(--y-6); cursor: pointer; transition: background 0.15s ease; }
.filter-dropdown-item:hover { background: var(--surface-2); }
.filter-dropdown-item.selected { background: var(--marka-zemin); }
.filter-dropdown-select-all { font-weight: 600; border-bottom: 1px solid var(--ayrac); }
.filter-dropdown-empty { font-size: var(--y-6); padding: var(--b-2) 0; }
.fu-birak { display: flex; flex-direction: column; align-items: center; gap: var(--b-2); padding: var(--b-4); border: 1px dashed var(--line-3); border-radius: var(--r-md); text-align: center; cursor: pointer; transition: border-color 0.2s ease, background-color 0.2s ease; }
.fu-birak > p { margin: 0; }
.fu-birak:hover, .fu-birak.hover { border-color: var(--marka-metin); background: var(--marka-zemin); }
.fu-liste { display: flex; flex-direction: column; gap: var(--b-2); }
.fu-oge { display: flex; align-items: center; gap: var(--b-2); padding: var(--b-2); border: 1px solid var(--line-2); border-radius: var(--r-md); transition: border-color 0.2s ease; }
.fu-oge:hover { border-color: var(--marka-metin); }
.fu-bilgi { flex: 1 1 auto; min-width: 0; }
.fu-onizleme { padding: var(--b-4); border: 1px solid var(--line-2); border-radius: var(--r-md); background: var(--surface-2); }
.fu-onizleme .fu-bilgi { margin-inline: var(--b-3); }
.fu-resim { border-radius: var(--r-md); }
.ct-ust { margin-bottom: var(--b-3); }
.asw-liste { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 22rem), 1fr)); gap: var(--b-5) var(--b-6); }
.asw-blok { display: flex; flex-direction: column; gap: var(--b-25); min-width: 0; }
.asw-ozet { display: flex; align-items: baseline; gap: var(--b-2); min-width: 0; }
.asw-toplam { color: var(--text); font-size: var(--y-13); font-weight: 800; line-height: 1.1; white-space: nowrap; font-variant-numeric: tabular-nums; }
.asw-sinir { color: var(--muted); font-size: var(--y-8); white-space: nowrap; font-variant-numeric: tabular-nums; }
.asw-oran { margin-left: auto; padding: var(--b-05) var(--b-2); border-radius: var(--r-sm); background: var(--surface-3); color: var(--text-2); font-size: var(--y-6); font-weight: 700; white-space: nowrap; font-variant-numeric: tabular-nums; }
.asw-toplam.asw-asim { color: var(--warn); }
.asw-oran.asw-asim { background: var(--warn-soft); color: var(--warn); }
.asw-alt { display: flex; align-items: baseline; gap: var(--b-2); margin-top: calc(-1 * var(--b-15)); color: var(--muted); font-size: var(--y-4); min-width: 0; }
.asw-sayilar { margin-left: auto; white-space: nowrap; font-variant-numeric: tabular-nums; }
.asw-geciken { color: var(--warn); font-weight: 700; }
.asw-cubuk { display: block; width: 100%; height: var(--b-3); border-radius: var(--r-sm); overflow: hidden; }
.asw-cubuk rect { fill: var(--asw-renk); stroke: var(--surface); stroke-width: 1.5; vector-effect: non-scaling-stroke; }
.asw-tablo { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; column-gap: var(--b-4); font-size: var(--y-6); }
.asw-satir { display: grid; grid-column: 1 / -1; grid-template-columns: subgrid; align-items: center; padding: var(--b-1) var(--b-15); border-radius: var(--r-sm); }
.asw-satir:not(.asw-tablo-bas):hover { background: var(--surface-2); }
.asw-tablo-bas { padding-block: 0; color: var(--muted); font-size: var(--y-3); font-weight: 600; }
.asw-tablo-bas > :not(:first-child), .asw-sure, .asw-pay { text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
.asw-ad { display: flex; align-items: center; gap: var(--b-2); min-width: 0; }
.asw-nokta { flex-shrink: 0; width: var(--b-25); height: var(--b-25); border-radius: var(--b-05); background: var(--asw-renk); }
.asw-rozet { flex-shrink: 0; }
.asw-sure { color: var(--text); font-weight: 700; }
.asw-pay { color: var(--muted); }
.asw-kota .asw-sure { color: var(--warn); }
.asw-r-muted { --asw-renk: var(--muted); }
.asw-r-info { --asw-renk: var(--info); }
.asw-r-teal { --asw-renk: var(--teal); }
.asw-r-marka { --asw-renk: var(--marka); }
.asw-r-vurgu { --asw-renk: var(--vurgu); }
.asw-notlar { color: var(--muted); font-size: var(--y-4); }
.asw-notlar > summary { display: inline-flex; align-items: center; gap: var(--b-1); border-radius: var(--r-sm); font-weight: 600; cursor: pointer; list-style: none; }
.asw-notlar > summary::-webkit-details-marker { display: none; }
.asw-notlar > summary:hover { color: var(--text-2); }
.asw-ok { transition: transform 0.15s ease; }
.asw-notlar[open] .asw-ok { transform: rotate(90deg); }
.asw-notlar ul { display: flex; flex-direction: column; gap: var(--b-15); margin: var(--b-2) 0 0; padding: 0; list-style: none; }
.asw-notlar li { display: flex; align-items: flex-start; gap: var(--b-15); }
.asw-notlar li > .ikon { flex-shrink: 0; margin-top: var(--b-05); }
.asw-uyari { color: var(--warn); }
.trm-hata { margin-top: var(--b-2); }
.liste-grup-oge.satir { display: flex; }
.cd-liste { display: flex; flex-direction: column; gap: var(--b-1); padding: var(--b-2); }
.cd-liste.cd-gruplu { gap: var(--b-3); }
.cd-grup { display: flex; flex-direction: column; gap: var(--b-1); }
.cd-grup-bas { color: var(--marka-metin); }
.cd-grup-ic { display: flex; flex-direction: column; gap: var(--b-2); padding-left: var(--b-4); }
.sec-liste { border: 1px solid var(--line-2); border-radius: var(--r-md); }
.ns-oge { display: flex; flex-direction: column; gap: var(--b-1); flex: 1 1 auto; min-width: 0; }
.xl-birak { padding: var(--b-6) var(--b-5); border: 2px dashed var(--line-3); border-radius: var(--r-md); background: var(--surface-2); text-align: center; cursor: pointer; transition: background-color 0.18s ease, border-color 0.18s ease; }
.xl-birak:hover, .xl-birak.dropzone-hover { border-color: var(--marka-400); background: var(--marka-zemin); }
.xl-esle tr.mk-dragging > td { opacity: 0.45; }
.xl-esle tr.mk-drag-over > td { border-top: 2px solid var(--marka-metin); }
.xl-esle .mk-drag-handle { display: inline-flex; align-items: center; gap: var(--b-1); cursor: grab; color: var(--muted); }
.xl-esle .mk-drag-handle:active { cursor: grabbing; }
.xl-bilgi { color: var(--info); }
.xl-gizli { visibility: hidden; }
.xl-ozet { margin-top: var(--b-2); gap: var(--b-3); }
.ann-ekler { gap: var(--b-2); }
.ann-ekler > :is(h6, ul) { margin: 0; }
.du-ic { gap: var(--b-2); }
.report-list-table { position: relative; }
.gem-kap { position: relative; }
.bg-eski-nokta { position: absolute; right: 0; bottom: 0; z-index: 2; width: var(--b-2); height: var(--b-2); border: 1px solid var(--surface); border-radius: 50%; background: var(--err); }
.bg-s-tur > * + *, .bg-s-durum > * + * { margin-top: var(--b-2); }
.ms-dipnot { display: block; margin-top: var(--b-2); }
.floating-panel { position: fixed; z-index: 9999; top: calc(var(--yk-9) * 2); right: var(--b-5); display: flex; flex-direction: column; width: calc(var(--yk-9) * 12); height: 70vh; overflow: hidden; border: 1px solid var(--line); border-radius: var(--r-md); background: var(--surface); box-shadow: var(--sh-3); }
.floating-panel-header { display: flex; align-items: center; gap: var(--b-2); flex-shrink: 0; padding: var(--b-2) var(--b-3); border-bottom: 1px solid var(--line); background: var(--surface-2); cursor: move; user-select: none; }
.floating-panel-header .fp-title { flex: 1; min-width: 0; overflow: hidden; font-size: var(--y-8); font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.floating-panel-body { flex: 1; overflow-y: auto; padding: var(--b-2); }
.fp-resize-handle { position: absolute; z-index: 1; }
.fp-resize-handle[data-fp-resize="e"] { top: 0; right: calc(var(--b-1) * -1); width: var(--b-2); height: 100%; cursor: ew-resize; }
.fp-resize-handle[data-fp-resize="w"] { top: 0; left: calc(var(--b-1) * -1); width: var(--b-2); height: 100%; cursor: ew-resize; }
.fp-resize-handle[data-fp-resize="s"] { bottom: calc(var(--b-1) * -1); left: 0; width: 100%; height: var(--b-2); cursor: ns-resize; }
.fp-resize-handle[data-fp-resize="n"] { top: calc(var(--b-1) * -1); left: 0; width: 100%; height: var(--b-2); cursor: ns-resize; }
.fp-resize-handle[data-fp-resize="se"] { right: calc(var(--b-1) * -1); bottom: calc(var(--b-1) * -1); width: var(--b-3); height: var(--b-3); cursor: nwse-resize; }
.fp-resize-handle[data-fp-resize="sw"] { bottom: calc(var(--b-1) * -1); left: calc(var(--b-1) * -1); width: var(--b-3); height: var(--b-3); cursor: nesw-resize; }
.fp-resize-handle[data-fp-resize="ne"] { top: calc(var(--b-1) * -1); right: calc(var(--b-1) * -1); width: var(--b-3); height: var(--b-3); cursor: nesw-resize; }
.fp-resize-handle[data-fp-resize="nw"] { top: calc(var(--b-1) * -1); left: calc(var(--b-1) * -1); width: var(--b-3); height: var(--b-3); cursor: nwse-resize; }
.fp-file-card { margin-bottom: var(--b-2); overflow: hidden; border: 1px solid var(--line); border-radius: var(--r-sm); }
.fp-file-header { display: flex; align-items: center; gap: var(--b-2); padding: var(--b-2) var(--b-3); background: var(--surface-2); font-size: var(--y-6); font-weight: 500; cursor: pointer; }
.fp-file-header:hover { background: var(--surface-3); }
.fp-file-header .rozet { font-size: var(--y-1); }
.fp-ad { flex: 1; }
.fp-file-body { display: flex; flex-direction: column; height: calc(100% - var(--yk-9)); padding: var(--b-2); }
.fp-file-body > .fp-extraction { margin-top: var(--b-2); }
.fp-preview-container { position: relative; height: 60%; min-height: calc(var(--yk-9) * 5); overflow: hidden; border: 1px solid var(--line); border-radius: var(--b-1); }
.fp-preview-image img { display: block; width: 100%; height: 100%; object-fit: contain; }
.fp-preview-pdf { overflow-y: auto; }
.fp-pdf-ic { padding: var(--b-2); }
.fp-pdf-page { display: block; width: 100%; }
.fp-image-toolbar { display: flex; justify-content: center; gap: var(--b-1); flex-shrink: 0; padding: var(--b-1) 0; border-bottom: 1px solid var(--ayrac); }
.fp-extraction-header { display: flex; align-items: center; gap: var(--b-1); padding: var(--b-1) var(--b-2); color: var(--muted); font-size: var(--y-6); font-weight: 600; cursor: pointer; }
.fp-extraction-list { margin: 0; padding: 0; list-style: none; }
.fp-extraction-row { display: flex; align-items: center; gap: var(--b-1); padding: var(--b-1) var(--b-2); border-bottom: 1px solid var(--ayrac); font-size: var(--y-4); }
.fp-extraction-row:last-child { border-bottom: 0; }
.fp-extraction-row :is(.fp-label, .fp-value) { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fp-extraction-row .fp-label { font-weight: 500; }
.fp-extraction-row .fp-confidence { flex-shrink: 0; padding: 0 var(--b-1); border-radius: var(--b-1); font-size: var(--y-2); }
.fp-field-current { background-color: var(--ok-soft); }
.fp-field-other { opacity: 0.55; }
.fp-confidence-high { background-color: var(--ok-soft); color: var(--ok); }
.fp-confidence-mid { background-color: var(--warn-soft); color: var(--warn); }
.fp-confidence-low { background-color: var(--err-soft); color: var(--err); }
.fp-empty-state { padding: var(--b-6) var(--b-4); color: var(--muted); text-align: center; }
.fp-empty-state svg { display: block; margin: 0 auto var(--b-2); }
.adm-kutu { padding: var(--b-2); border-radius: var(--r-md); background: var(--surface-2); }
.adm-alt { align-items: flex-end; }
.adm-orta { display: flex; flex-direction: column; align-items: center; gap: var(--b-2); padding: var(--b-5) 0; text-align: center; }
.adm-satir { display: flex; align-items: center; gap: var(--b-2); padding: var(--b-1) 0; border-bottom: 1px solid var(--ayrac); }
.adm-satir.tikla { cursor: pointer; }
.adm-satir.secili { background: var(--surface-2); font-weight: 700; }
.adm-satir.vurgulu { background: var(--warn-soft); }
.adm-satir.pasif { opacity: 0.5; }
.adm-ad { min-width: 0; overflow-wrap: anywhere; }
.adm-foto { max-width: 100%; max-height: 70vh; border-radius: var(--r-md); }
.mst-esnek { flex: 1 1 auto; min-width: 0; }
.mst-merkez { justify-content: center; }
.mst-sayi { font-size: var(--y-18); font-weight: 700; }
.mst-kimlik { display: flex; flex-direction: column; gap: var(--b-1); max-width: 100%; text-align: left; }
.mst-ince { height: var(--b-1); }
.mst-sayfa { max-height: 70vh; overflow: auto; background: var(--surface-3); }
.mst-tuval { position: relative; display: inline-block; }
.tpl-sayi { font-size: var(--y-1); }
.tpl-suzgec { background: var(--surface-2); border-bottom: 1px solid var(--ayrac); }
.rns-etiketler { display: flex; flex-direction: column; gap: var(--b-2); }
.rns-etiket { border: 1px solid var(--line); font-size: var(--y-2); cursor: pointer; user-select: none; }
.rns-not { font-size: var(--y-2); }
.tup-log { margin: 0; padding: var(--b-3); background: var(--surface-2); color: var(--text); font-size: var(--y-4); white-space: pre-wrap; }
.fp-pdf-page + .fp-pdf-page { margin-top: var(--b-2); }
.chp-wrap { display: flex; flex-direction: column; width: 100%; height: 100%; min-width: 0; overflow: hidden; }
.chp-iskelet { padding: 0 var(--b-4); }
.chp-wrap > .mesaj-listesi-kap { flex: 1 1 auto; min-height: 0; min-width: 0; padding: 0 var(--b-4) var(--b-4); overflow-x: hidden; overflow-y: auto; }
.chp-wrap > .mesaj-konusma { flex: 1 1 auto; min-height: 0; min-width: 0; padding: 0 var(--b-4) var(--b-4); }
.chp-wrap .mesaj-listesi { min-width: 0; }
.chp-wrap .mesaj-listesi > li { min-width: 0; }
.chp-av { position: relative; flex: 0 0 auto; display: inline-grid; padding: 0; border: 0; border-radius: 50%; background: none; color: inherit; font: inherit; cursor: default; }
.chp-av.tiklanir { cursor: pointer; }
.chp-av:focus-visible, .chp-satir:focus-visible, .chp-bolum-dugme:focus-visible, .chp-resim:focus-visible { outline: none; box-shadow: var(--odak); }
.chp-online { position: absolute; right: 0; bottom: 0; width: var(--b-25); height: var(--b-25); border: 2px solid var(--surface); border-radius: 50%; background: var(--line-3); }
.chp-online.on { background: var(--ok); }
.chp-av-isaret { position: absolute; right: calc(-1 * var(--b-05)); bottom: calc(-1 * var(--b-05)); display: grid; place-items: center; width: var(--b-4); height: var(--b-4); border: 2px solid var(--surface); border-radius: 50%; background: var(--surface-3); color: var(--text-2); }
.chp-satir { min-width: 0; }
.chp-ust { display: flex; align-items: baseline; gap: var(--b-2); min-width: 0; }
.chp-ust > b { flex: 1 1 auto; min-width: 0; }
.chp-satir:not(.okunmamis) .chp-ust > b { font-weight: 600; }
.chp-zaman { flex: 0 0 auto; margin-left: auto; color: var(--muted); font-size: var(--y-2); white-space: nowrap; }
.chp-alt { display: flex; align-items: center; gap: var(--b-2); min-width: 0; }
.chp-alt > .kes { flex: 1 1 auto; min-width: 0; }
.chp-rozet { flex: 0 0 auto; }
.chp-satir-ikon { margin-right: var(--b-1); vertical-align: middle; }
.chp-bolum { min-width: 0; }
.chp-bolum-dugme { display: flex; align-items: center; gap: var(--b-15); width: 100%; padding: var(--b-2) var(--b-2) var(--b-1); border: 0; border-radius: var(--r-sm); background: none; color: var(--muted); font: inherit; font-size: var(--y-1); font-weight: 700; letter-spacing: 0.03em; text-align: left; text-transform: uppercase; cursor: pointer; user-select: none; }
.chp-bolum-dugme:hover { color: var(--text); }
.chp-bolum-sayi { font-weight: 600; letter-spacing: 0; }
.chp-nokta { flex: 0 0 auto; width: var(--b-2); height: var(--b-2); border-radius: 50%; background: var(--line-3); }
.chp-nokta.on { background: var(--ok); }
.chp-ara { display: flex; align-items: center; gap: var(--b-2); }
.chp-ara-kutu { flex: 1 1 auto; min-width: 0; }
.chp-grup { display: flex; flex-direction: column; gap: var(--b-2); min-width: 0; padding: var(--b-3); border-radius: var(--r-md); background: var(--surface-2); }
.chp-uyeler { display: flex; flex-direction: column; gap: var(--b-1); min-width: 0; }
.chp-uye { display: flex; align-items: center; min-width: 0; }
.chp-uye > .onay-etiket { display: block; flex: 1 1 auto; min-width: 0; }
.chp-grup-alt { gap: var(--b-2); }
.chp-kimlik { display: flex; flex: 1 1 auto; flex-direction: column; min-width: 0; line-height: 1.35; }
.chp-dar { flex-shrink: 0; gap: var(--b-1); }
.chp-wrap .mesaj-akisi { min-height: 0; overflow-x: hidden; overflow-y: auto; }
.chp-wrap .mesaj-akisi > li.chp-day-sep, .chp-wrap .mesaj-akisi > li.chp-ortala { align-self: center; align-items: center; max-width: 100%; }
.chp-wrap .mesaj-akisi > li.chp-akis-iskelet { align-self: stretch; max-width: 100%; }
.chp-wrap .mesaj-akisi > li.chp-resimli, .chp-wrap .mesaj-akisi > li.chp-duzenle { width: 86%; }
.chp-day-sep span { padding: var(--b-1) var(--b-2); border-radius: var(--r-md); background: var(--surface-3); color: var(--muted); font-size: var(--y-0); font-weight: 600; }
.chp-sender { max-width: 100%; padding-inline: var(--b-1); color: var(--marka-metin); font-size: var(--y-1); font-weight: 700; }
.chp-wrap .mesaj-akisi .mesaj-balon.chp-silik { background: var(--surface-3); color: var(--text); }
.chp-wrap .mesaj-akisi .mesaj-balon.chp-balon-resim { width: 100%; padding: var(--b-05); }
.chp-wrap .mesaj-akisi li.chp-duzenle .mesaj-balon { width: 100%; }
.chp-wrap .benden .mesaj-balon :is(.soluk, .btn-sessiz) { color: inherit; }
.chp-wrap .mesaj-balon img.emoji { width: 1.25em; height: 1.25em; vertical-align: -0.25em; }
.chp-not { display: inline-flex; align-items: flex-start; gap: var(--b-1); }
.chp-engel { color: var(--err); }
.chp-govde { white-space: pre-wrap; }
.chp-balon-resim .chp-govde { padding: var(--b-1) var(--b-2) var(--b-05); }
.chp-wrap .chp-resim { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; padding: 0; border: 0; border-radius: var(--r-md); background: var(--surface-2); overflow: hidden; cursor: zoom-in; }
.chp-resim img { display: block; width: 100%; height: 100%; object-fit: cover; }
.chp-dosya { display: flex; align-items: center; gap: var(--b-2); min-width: 0; }
.chp-dosya-ikon { flex: 0 0 auto; }
.chp-kirp { flex: 1 1 auto; min-width: 0; overflow: hidden; }
.chp-ek { opacity: 0.8; }
.chp-ses { display: block; max-width: 100%; height: var(--yk-5); }
.chp-duzenle-alan { width: 100%; min-width: 0; resize: none; }
.chp-sag-uc { justify-content: flex-end; margin-top: var(--b-1); }
.chp-wrap .mesaj-akisi .mesaj-zaman { display: flex; align-items: center; gap: var(--b-1); min-height: var(--b-5); max-width: 100%; }
.chp-okundu { display: inline-flex; color: var(--info); }
.chp-iletildi { display: inline-flex; }
.chp-menu { display: inline-flex; }
.chp-wrap .mesaj-zaman .chp-menu-dugme { width: var(--b-5); height: var(--b-5); min-height: 0; padding: 0; }
@media (hover: hover) {
  .chp-wrap .mesaj-akisi > li .chp-menu { opacity: 0; transition: opacity 0.12s; }
  .chp-wrap .mesaj-akisi > li:hover .chp-menu, .chp-wrap .mesaj-akisi > li .chp-menu:focus-within { opacity: 1; }
}
.chp-bos-k { padding-block: var(--b-4); text-align: center; }
.chp-wrap .mesaj-konusma > :is(.chp-emoji, .chp-paste-bar) { margin-inline: calc(-1 * var(--b-4)); }
.chp-emoji { flex: 0 0 auto; border-top: 1px solid var(--ayrac); background: var(--surface); }
.chp-emoji-tabs { display: flex; flex-wrap: wrap; gap: var(--b-05); padding: var(--b-1) var(--b-2) 0; }
.chp-emoji-sekme { display: grid; place-items: center; width: var(--yk-4); height: var(--yk-4); padding: 0; border: 0; border-radius: var(--r-sm); background: none; font-size: var(--y-9); cursor: pointer; }
.chp-emoji-sekme:hover { background: var(--surface-3); }
.chp-emoji-sekme.secili { background: var(--marka-zemin); }
.chp-emoji-tabs img.emoji { width: var(--b-5); height: var(--b-5); vertical-align: middle; }
.chp-emoji-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(var(--yk-6), 1fr)); gap: var(--b-1); height: 30dvh; padding: var(--b-1) var(--b-2); overflow-y: auto; }
.chp-emoji-btn { padding: 0; border: 0; border-radius: var(--r-sm); background: transparent; font-size: var(--y-14); line-height: 1.55; cursor: pointer; }
.chp-emoji-btn:hover { background: var(--surface-3); }
.chp-emoji-btn img.emoji { width: var(--b-6); height: var(--b-6); vertical-align: middle; }
.chp-emoji-attrib { padding: 0 var(--b-2) var(--b-1); color: var(--muted); font-size: var(--y-0); text-align: right; }
.chp-paste-bar { display: flex; flex: 0 0 auto; align-items: center; gap: var(--b-2); min-width: 0; padding: var(--b-2) var(--b-4); border-top: 1px solid var(--ayrac); background: var(--surface-2); }
.chp-paste-bar img { flex: 0 0 auto; width: var(--yk-9); height: var(--yk-9); border-radius: var(--r-sm); object-fit: cover; }
.chp-wrap .mesaj-yaz textarea { height: auto; max-height: 8em; padding-block: var(--b-2); overflow-y: auto; field-sizing: content; line-height: 1.4; }
.chp-kvkk { display: flex; flex: 1 1 auto; flex-direction: column; gap: var(--b-2); padding: var(--b-4); overflow: auto; }
.chp-metin { display: flex; flex-direction: column; gap: var(--b-2); line-height: 1.55; }
.chp-italik { font-style: italic; }
.chp-y1 { font-size: var(--y-1); }
.chp-y2 { font-size: var(--y-2); }
.chp-y3 { font-size: var(--y-3); }
.chp-gizli { display: none; }
.doc-sol { display: flex; flex-direction: column; gap: var(--b-2); }
.doc-dar { gap: var(--b-1); }
.doc-ust-k { margin-top: var(--b-1); }
.doc-alt-k { margin-bottom: var(--b-1); }
.doc-bitti { opacity: 0.5; }
.doc-arac { gap: var(--b-1); margin-bottom: var(--b-2); }
.doc-onizleme { min-height: 60vh; max-height: 75vh; padding: var(--b-4); overflow-y: auto; border: 1px solid var(--line); border-radius: var(--r-md); }
.doc-node { display: flex; align-items: center; gap: var(--b-1); }
.doc-genis { flex: 1; min-width: 0; cursor: pointer; }
.gnt-bas { display: flex; position: sticky; top: 0; z-index: 5; border-bottom: 1px solid var(--line); background: var(--surface-2); }
.gnt-etiket { flex-shrink: 0; position: sticky; left: 0; padding: var(--b-1) var(--b-2); border-right: 1px solid var(--line); }
.gnt-etiket-bas { z-index: 6; background: var(--surface-2); }
.gnt-etiket-sat { z-index: 4; background: var(--surface); }
.gnt-ay { position: absolute; top: 0; height: var(--b-5); overflow: hidden; border-right: 1px solid var(--line); white-space: nowrap; }
.gnt-hafta { background: var(--surface-3); }
.gnt-serit { display: flex; border-bottom: 1px solid var(--line); }
.gnt-dar { gap: var(--b-1); }
.gnt-ust-k { margin-top: var(--b-1); }
.gnt-bos { padding: var(--b-4); }
.gnt-alt { align-items: flex-end; }
.gnt-genis { flex: 1; min-width: 0; }
.gnt-renk { padding: var(--b-1); cursor: pointer; }
.gnt-renk::-webkit-color-swatch { border: 0; border-radius: var(--r-sm); }
.gnt-renk::-moz-color-swatch { border: 0; border-radius: var(--r-sm); }
.upe-kopya { align-items: flex-end; padding: var(--b-2); border-radius: var(--r-md); background: var(--surface-2); }
.upe-orta { align-self: center; }
.upe-bos { padding: var(--b-4); }
.upe-dar { gap: var(--b-1); }
.upe-satir { padding-block: var(--b-1); border-bottom: 1px solid var(--ayrac); }
.upe-ust-k { margin-top: var(--b-1); }
.cal-alt-2 { margin-bottom: var(--b-2); }
.cal-alt-4 { margin-bottom: var(--b-4); }
.cal-alt-6 { margin-bottom: var(--b-6); }
.cal-tam { width: 100%; }
.cal-genis { flex: 1; min-width: 0; }
.cal-dar { gap: var(--b-1); }
.cal-renk { padding: var(--b-1); cursor: pointer; }
.cal-renk::-webkit-color-swatch { border: 0; border-radius: var(--r-sm); }
.cal-renk::-moz-color-swatch { border: 0; border-radius: var(--r-sm); }
.category-list { display: flex; flex-direction: column; gap: var(--b-2); }
.category-item { display: flex; align-items: center; justify-content: space-between; padding: var(--b-2); border: 2px solid transparent; border-radius: var(--r-sm); background: var(--surface-3); transition: background-color .2s ease, border-color .2s ease; }
.category-item.selected { border-color: var(--marka); background: var(--marka-zemin); }
.category-name { font-size: var(--y-8); color: var(--text); }
.category-item.selected .category-name { color: var(--marka-metin); font-weight: 600; }
.category-badge-dot { display: inline-block; flex-shrink: 0; width: var(--b-3); height: var(--b-3); border-radius: 50%; }
.participant-options { display: flex; flex-wrap: wrap; gap: var(--b-4); }
.participant-list-container { max-height: 200px; padding: var(--b-1); overflow-y: auto; border: 1px solid var(--line); border-radius: var(--r-sm); background: var(--surface-2); }
.participant-item { display: flex; align-items: center; gap: var(--b-3); padding: var(--b-25) var(--b-2); border: 2px solid transparent; border-radius: var(--r-sm); cursor: pointer; transition: background-color .2s ease, border-color .2s ease; }
.participant-item:hover { background: var(--surface-3); }
.participant-item.selected { border-color: var(--marka); background: var(--marka-zemin); }
.participant-checkbox-wrapper { display: flex; align-items: center; flex-shrink: 0; }
.participant-checkbox-wrapper .onay-kutu { margin: 0; cursor: pointer; }
.participant-avatar { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: var(--yk-7); height: var(--yk-7); overflow: hidden; border-radius: 50%; background: var(--surface-3); }
.participant-avatar img { width: 100%; height: 100%; object-fit: cover; }
.participant-avatar .kisi-avatar { width: 100%; height: 100%; }
.participant-info { display: flex; flex-direction: column; gap: var(--b-05); flex: 1; min-width: 0; }
.participant-name { overflow: hidden; font-size: var(--y-8); font-weight: 500; color: var(--text); white-space: nowrap; text-overflow: ellipsis; }
.participant-item.selected .participant-name { color: var(--marka-metin); font-weight: 600; }
.participant-email { overflow: hidden; font-size: var(--y-4); color: var(--muted); white-space: nowrap; text-overflow: ellipsis; }
.selected-count-container { margin-top: var(--b-2); }
.form-label-small { font-size: var(--y-6); font-weight: 500; color: var(--muted); }
.role-selector-section, .role-chips-container { animation: cal-belir .2s ease-out; }
@keyframes cal-belir { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }
.role-chips-container { display: flex; flex-wrap: wrap; gap: var(--b-15); }
.role-chips-container .role-chip { display: inline-flex; align-items: center; gap: var(--b-15); padding: var(--b-15) var(--b-3); border: 1px solid var(--line); border-radius: var(--r-sm); background: transparent; color: var(--text); font: inherit; font-size: var(--y-6); font-weight: 500; cursor: pointer; transition: background-color .2s ease, border-color .2s ease, color .2s ease; }
.role-chips-container .role-chip.role-chip-none-selected:hover { border-color: var(--text); background: var(--surface-3); }
.role-chips-container .role-chip.role-chip-partially-selected { border-color: var(--marka-metin); color: var(--marka-metin); }
.role-chips-container .role-chip.role-chip-partially-selected:hover { background: var(--surface-3); }
.role-chips-container .role-chip.role-chip-all-selected { border-color: var(--marka); background: var(--marka); color: var(--dolgu-metin); }
.role-chips-container .role-chip.role-chip-all-selected:hover { filter: brightness(0.95); box-shadow: var(--sh-1); }
.role-chip-name { flex: 1; font-weight: 500; white-space: nowrap; }
.role-chip-count { display: inline-flex; align-items: center; justify-content: center; min-width: var(--b-5); height: var(--b-5); padding: 0 var(--b-15); border-radius: var(--b-25); background: var(--surface-3); color: var(--text); font-size: var(--y-2); font-weight: 600; }
.role-chips-container .role-chip.role-chip-partially-selected .role-chip-count { background: var(--marka); color: var(--dolgu-metin); }
.role-chips-container .role-chip.role-chip-all-selected .role-chip-count { background: color-mix(in srgb, var(--dolgu-metin) 20%, transparent); color: var(--dolgu-metin); }
.settings-content, .event-info-content { padding: var(--b-2) 0; }
.settings-section-title { margin-bottom: var(--b-4); font-size: var(--y-9); font-weight: 600; color: var(--text); }
.working-days-container { display: flex; flex-wrap: wrap; align-items: center; gap: var(--b-3); padding: var(--b-2) 0; }
.working-days-container .onay { display: flex; align-items: center; gap: var(--b-15); margin: 0; padding: 0; }
.working-days-container .onay-kutu { flex-shrink: 0; margin: 0; cursor: pointer; }
.working-days-container .onay-etiket { margin: 0; padding: 0; font-size: var(--y-8); line-height: 1; color: var(--text); cursor: pointer; user-select: none; }
.event-info-title { margin-bottom: var(--b-4); font-size: var(--y-13); font-weight: 500; color: var(--text); }
.event-info-row { display: flex; align-items: flex-start; gap: var(--b-3); margin-bottom: var(--b-3); }
.event-info-row > .ikon { flex-shrink: 0; margin-top: var(--b-05); }
.event-info-value { font-size: var(--y-8); color: var(--text); }
.event-datetime-multi { display: flex; flex-direction: column; gap: var(--b-2); }
.event-datetime-item { display: flex; flex-direction: column; gap: var(--b-05); }
.event-datetime-label { font-size: var(--y-4); font-weight: 600; color: var(--muted); text-transform: uppercase; letter-spacing: 0.3px; }
.event-datetime-value { font-size: var(--y-8); color: var(--text); }
.dst-ust { align-items: flex-start; }
.dst-aciklama { margin-top: var(--b-4); padding: var(--b-4); border-radius: var(--r-md); background: var(--surface-3); white-space: pre-wrap; }
.dst-bosluk { margin-top: var(--b-4); }
.dst-bosluk-k { margin-top: var(--b-2); }
.dst-bos { padding-block: var(--b-4); }
.dst-yanit { margin-bottom: var(--b-2); }
.dst-sil { margin-left: var(--b-2); }

.rap-kaplama-kap { position: relative; }
.rap-kaplama { position: absolute; inset: 0; z-index: 5; display: flex; align-items: flex-start; justify-content: center; padding-top: calc(var(--b-6) * 4); border-radius: var(--r-md); background: color-mix(in srgb, var(--surface) 65%, transparent); }
.rap-kaplama-kutu { display: flex; align-items: center; gap: var(--b-2); padding: var(--b-2) var(--b-4); border: 1px solid var(--line); border-radius: var(--r-md); background: var(--surface); box-shadow: var(--kart-golge); }
.rap-bos { display: flex; flex-direction: column; align-items: center; gap: var(--b-2); padding-block: calc(var(--b-6) * 2); text-align: center; }
.rap-not { margin-bottom: var(--b-2); }
.rap-mini { font-size: var(--y-2); }
.pub-orta { display: flex; flex-direction: column; align-items: center; gap: var(--b-2); text-align: center; }
.pub-captcha { border-radius: var(--r-md); user-select: none; pointer-events: none; }
.gbm-ust { margin-bottom: var(--b-4); padding-bottom: var(--b-4); border-bottom: 1px solid var(--ayrac); }
.gbm-uyari { margin-bottom: var(--b-4); }
.doc-y3 { font-size: var(--y-3); }
.doc-gizli { display: none; }
.doc-editor { min-height: 60vh; font-size: var(--y-6); }
.doc-ust-perde { z-index: 1055; }
.doc-secim-kutu { width: var(--b-3); height: var(--b-3); }
.doc-bos-ok { display: inline-block; width: var(--b-4); }
.doc-node.selected { background: var(--surface-3); font-weight: 600; }
.gnt-kaydir { position: relative; overflow-x: auto; }
.gnt-gun-sat { position: relative; height: var(--yk-9); }
.gnt-gun { position: absolute; top: var(--b-5); height: var(--b-5); border-right: 1px solid var(--ayrac); font-size: var(--y-1); }
.gnt-nokta { display: inline-block; width: calc(var(--b-1) * 2.5); height: calc(var(--b-1) * 2.5); border-radius: calc(var(--b-1) * 0.75); }
.gnt-y1 { font-size: var(--y-1); }
.gnt-y2 { font-size: var(--y-2); }
.gnt-yol { position: relative; }
.gnt-bugun { position: absolute; top: 0; bottom: 0; z-index: 1; width: 2px; background: var(--err); opacity: 0.6; }
.gnt-cubuk { position: absolute; z-index: 2; }
.gnt-ust-perde { z-index: 1055; }
.dst-imlec { cursor: pointer; }
.dst-yanitlar { max-height: 60vh; overflow-y: auto; }
.dst-balon { max-width: 80%; }
.dst-gizli { display: none; }
.rap-y4 { font-size: var(--y-4); }
.rap-y5 { font-size: var(--y-5); }
.rap-kaydir { max-height: 60vh; overflow-y: auto; }
.muh-sona { justify-content: flex-end; }
.muh-ust { align-items: flex-start; }
.muh-esnek { flex: 1; min-width: 0; }
.muh-arama { flex: 1; min-width: 0; }
.muh-blok { display: block; }
.muh-bos { padding-block: var(--b-5); }
.muh-kaydir { max-height: 70vh; overflow-y: auto; }
.muh-kaydir-yari { max-height: 50vh; overflow-y: auto; }
.co-satir-tablo { table-layout: fixed; width: 100%; }
.co-satir-tablo :is(th, td) { overflow: hidden; text-overflow: ellipsis; }
.co-satir-tablo td { vertical-align: middle; }
.co-satir-tablo :is(td.sag-hiza, td.tek-satir, th) { white-space: nowrap; }
.co-satir-tablo .lh-ust, .co-satir-tablo .lh-alt { flex-wrap: nowrap; overflow: hidden; }
.co-satir-tablo .lh-ust > *, .co-satir-tablo .lh-alt > * { flex-shrink: 0; }
.co-satir-tablo .lh-ust > .kes, .co-satir-tablo .lh-alt > .kes { flex-shrink: 1; min-width: 0; }
.co-satir-tablo > thead > tr > th.co-s-rapor { width: 15%; }
.co-satir-tablo > thead > tr > th.co-s-musteri { width: 11%; }
.co-satir-tablo > thead > tr > th.co-s-konum { width: 11%; }
.co-satir-tablo > thead > tr > th.co-s-uzman { width: 8%; }
.co-satir-tablo > thead > tr > th.co-s-bm { width: 8rem; }
.co-satir-tablo > thead > tr > th.co-s-tarih { width: 6.5rem; }
.co-satir-tablo > thead > tr > th.co-s-oran { width: 4rem; }
@container (max-width: 1400px) { .co-satir-tablo > thead > tr > th.co-s-rapor { width: 17%; } .co-satir-tablo > thead > tr > th.co-s-musteri { width: 14%; } .co-satir-tablo > thead > tr > th.co-s-konum { width: 13%; } }
@container (max-width: 1250px) { .co-satir-tablo :is(th, td):is(.co-s-uzman, .co-s-bm) { display: none; } .co-satir-tablo > thead > tr > th.co-s-rapor { width: 19%; } .co-satir-tablo > thead > tr > th.co-s-musteri { width: 15%; } .co-satir-tablo > thead > tr > th.co-s-konum { width: 14%; } }
.muh-acilim { background: var(--surface-2); }
.kart .kart.muh-kart-basari { box-shadow: 0 0 0 1px var(--ok); }
.muh-kutu { display: flex; flex-wrap: wrap; align-items: center; gap: var(--b-2); padding: var(--b-3); border: 1px solid var(--line); border-radius: var(--r-md); background: var(--surface-2); }
.muh-kutu > .kucuk:first-child { flex: 1 1 100%; }
.muh-akis { display: flex; flex-direction: column; gap: var(--b-2); height: 55vh; padding: var(--b-2); overflow-y: auto; border: 1px solid var(--line); border-radius: var(--r-md); background: var(--surface-2); }
.muh-balon-satir { display: flex; justify-content: flex-start; }
.muh-balon-satir.muh-giden { justify-content: flex-end; }
.muh-balon { display: flex; flex-direction: column; gap: var(--b-1); max-width: 82%; padding: var(--b-2); border: 1px solid var(--line); border-radius: var(--r-md); }
.muh-balon.muh-co { background: var(--warn-soft); }
.muh-balon.muh-biz { background: var(--marka-zemin); }
.muh-metin { white-space: pre-wrap; }
.muh-ince { font-size: var(--y-2); }
.ust-serit { position: static; }
.ust-serit-metin { line-height: 1.5; }
.yon-otomatik { width: auto; }
.yon-kaydir { max-height: 50vh; overflow: auto; }
.ob-ozet { --ro-n: 4; }
.ted-bolum { display: flex; flex-direction: column; gap: var(--b-3); padding-top: var(--b-3); border-top: 1px solid var(--ayrac); }
.ted-logo { height: var(--yk-9); width: auto; max-width: 100%; padding: var(--b-1); border: 1px solid var(--line); border-radius: var(--b-1); }
.resim-yuvarlak { border-radius: 50%; }
.yenileniyor { opacity: 0.5; }
.hyr-bilgi { display: flex; flex-direction: column; gap: var(--b-1); }
.pdfcanvas { box-shadow: var(--sh-2); }
.isaretli { outline: 1px solid var(--err); outline-offset: -1px; }
.konu-secim-dikey { display: flex; flex-direction: column; gap: var(--b-1); }
.bil-yardim { cursor: help; }
.bil-tikla { cursor: pointer; }
.bil-dar-sutun { width: 1%; white-space: nowrap; }
.bil-kaydir { max-height: 35dvh; overflow-y: auto; }
.bil-kes-dar { max-width: 25cqi; }
.bil-secim-kaydir { height: 50dvh; padding: var(--b-4); overflow-y: auto; }
.mdl-gen-30 { width: 30%; }
.mdl-gen-35 { width: 35%; }
.mdl-gen-275 { width: 27.5%; }
.mdl-gen-40 { width: 40%; }
.mdl-gen-100 { width: 100%; }
.mdl-satir-koru { white-space: pre-line; }
.mdl-kat-varsayilan { background: var(--marka-400); }
.mdl-kaydir-kisa { max-height: 30vh; overflow-y: auto; }
.mdl-kaydir-uzun { max-height: 55vh; overflow-y: auto; }
.mdl-yapisik-bas { position: sticky; top: 0; z-index: 1; }
.mdl-ara-giris { max-width: 30%; }
.mdl-tek-editor { max-width: 70%; }
.mdl-ofis-cerceve { width: 100%; height: 80dvh; border: 0; border-radius: var(--r-md); }
.frm-oge { flex: 0 1 25%; min-width: 0; overflow: hidden; }
.frm-oge-kap { position: relative; width: 62.5%; }
.frm-oge-resim { display: flex; width: 100%; aspect-ratio: 1; margin-top: var(--b-25); }
.frm-oge-kaldir { position: absolute; top: 0; inset-inline-end: calc(-1 * var(--b-5)); }
.frm-oge-ad { margin-top: var(--b-4); }
.frm-ikon-k { width: var(--yk-5); height: var(--yk-5); }
.frm-ikon-b { width: var(--yk-9); height: var(--yk-9); }
.frm-kapla { object-fit: cover; }
.frm-icerik { display: contents; }
.frm-yildiz-sol { margin-left: var(--b-1); }
.xl-kaydir { max-height: 35dvh; overflow-y: auto; }
.xl-strateji-sutun { width: 15%; }
.yet-kaynak-sec { width: auto; min-width: 25%; }
.yet-kaydir { max-height: 35dvh; overflow-y: auto; }
.yet-kaydir-k { max-height: 30dvh; overflow-y: auto; }
.ilc-liste-kap { height: 45dvh; overflow-y: auto; }
.sat-bekle { opacity: 0.5; pointer-events: none; }
.sat-hata { background-color: var(--err-soft); }
.sat-dar-hucre { width: var(--yk-9); }
.sat-rel { position: relative; }
.sat-tikla { cursor: pointer; }
.sat-olay { pointer-events: auto; }
.sat-hata-metni { word-break: break-word; }
.sat-ic-kutu { position: relative; display: inline-block; }
.sat-ikon-k { position: relative; width: var(--yk-9); height: var(--yk-9); }
.sat-kucuk-resim { width: auto; height: var(--yk-9); }
.sat-onizleme-hucre { width: 7.5rem; }
.sat-onizleme { width: 5rem; height: 5rem; }
.sat-onizleme-tuval { max-width: 8.75rem; max-height: 6.25rem; }
.sat-hata-dar { max-width: 17.5rem; }
.rdf-islenen { max-width: 30rem; }
.rbl-aciklama-kolon { width: 32%; }
.rbl-sikisik { gap: 0; min-width: 0; }
.rbl-tikla { cursor: pointer; }
.gem-cerceve { display: block; width: 100%; border: 0; }
.gem-bos { width: 100%; background: var(--surface-3); }
.fp-preview-image .image-zoom-container { width: 100%; height: 100%; overflow: hidden; cursor: grab; }
.tbl-secim-hucre { width: var(--yk-9); text-align: center; }
.tablo .tablo-secim { width: var(--yk-7); }
.kp-cubuk-dolgu { background: var(--kp-s1); }
.pnl-uyari { background: var(--warn); }
.pnl-turuncu { background: var(--kp-turuncu); }
.pnl-hata { background: var(--err); }
.pnl-grafik { height: 16.25rem; }
.pnl-grafik.uzun { height: 20rem; }
.sutun-yk6 { width: var(--yk-6); }
.sutun-yk7 { width: var(--yk-7); }
.tikla { cursor: pointer; }
.bm-ozet-3 { --mo-sutun: repeat(3, minmax(0, 1fr)); }
.bm-satir-bilgi { background-color: color-mix(in srgb, var(--info) 14%, transparent); }
.bm-satir-aksan { background-color: color-mix(in srgb, var(--aksan) 16%, transparent); }
.bm-satir-uyari { background-color: color-mix(in srgb, var(--warn) 18%, transparent); }
.bm-hucre-fark { background-color: color-mix(in srgb, var(--err) 18%, transparent); }
.dst-durum-0 { background: var(--info-soft); color: var(--info); }
.dst-durum-1 { background: var(--warn-soft); color: var(--warn); }
.dst-durum-2 { background: var(--ok-soft); color: var(--ok); }
.dst-durum-3 { background: var(--err-soft); color: var(--err); }
.dst-durum-4 { background: var(--surface-3); color: var(--text-3); }
.pub-ust { margin-top: var(--b-5); }
.pub-kod { font-family: var(--mono); }
.pub-kod-belge { letter-spacing: var(--b-05); font-size: var(--y-10); }
.pub-kod-guvenlik { letter-spacing: var(--b-1); }
.pub-pdf { width: 100%; height: 70vh; border: 1px solid var(--line-2); }
.rf-ince { height: var(--b-15); }
.ms-aciklamalar .uzun { resize: none; }
@container (max-width: 760px) { .ms-aciklamalar { grid-template-columns: minmax(0, 1fr); } }
@container (min-width: 1100px) { :is(.te-liste, .du-liste) .liste-arac .dar-gizle { display: inline; } }
@container (min-width: 1000px) { :is(.bk-liste, .ay-y-liste) .liste-arac .dar-gizle { display: inline; } }
@container (min-width: 900px) { .sr-liste .liste-arac .dar-gizle { display: inline; } }
:is(.ba-liste, .sb-liste) .liste-arac .dar-gizle { display: inline; }
.kt-alt-cubuk > .ct-sayfalama { flex: 1 1 auto; margin: 0; padding: 0; }
.kt-alt-cubuk > .ct-sayfalama .ct-sayfalama-bilgi { display: none; }
.bih-clickable { cursor: pointer; }
.bih-value { color: var(--muted); font-size: var(--y-6); font-variant-numeric: tabular-nums; white-space: nowrap; }
.bih-refreshing { opacity: 0.55; transition: opacity 0.15s ease; }
.ro-cubuk-dolgu { background: var(--ro-s1); transition: width 0.2s ease; }
.ut-b1 { background: var(--ok); }
.ut-b2 { background: var(--warn); }
.ut-b3 { background: var(--err); }
.dt-b1 { background: var(--ok); }
.dt-b2 { background: var(--info); }
.dt-b3 { background: var(--err); }
.dt-b4 { background: var(--muted); }
@container (max-width: 1020px) { .ut-c-dagilim { display: none; } }
@container (min-width: 980px) { .gb-liste .liste-arac .dar-gizle { display: inline; } }
.filter-dropdown.fd-dugmeli { flex-shrink: 0; }
.filter-dropdown.fd-dugmeli .filter-dropdown-panel { right: auto; width: max-content; min-width: 100%; }
.kp-gunluk-ozet .dikey { gap: var(--b-05); }
.kp-gorev-bas .dikey { gap: 0; min-width: 0; }
.kp-halka .dolgu.ok { stroke: var(--ok); }
.kp-halka .dolgu.uyari { stroke: var(--warn); }
.kp-halka .dolgu.turuncu { stroke: var(--kp-turuncu); }
.kp-halka .dolgu.hata { stroke: var(--err); }

.uyari-metni { color: var(--warn); margin-left: var(--b-1); }
.hyr-body { display: grid; grid-template-columns: minmax(0, 1fr) 22.5rem; min-height: 26rem; background: var(--surface); border-radius: var(--r-lg); box-shadow: var(--kart-golge); overflow: hidden; }
.hyr-map-area { position: relative; min-width: 0; min-height: 0; background: var(--surface-3); }
.hyr-harita { position: absolute; inset: 0; }
.hyr-yuzen { position: absolute; z-index: 5; display: flex; flex-direction: column; gap: var(--b-2); max-width: calc(100% - var(--b-6)); }
.hyr-sol-ust { top: var(--b-4); left: var(--b-4); align-items: flex-start; }
.hyr-sol-alt { left: var(--b-4); bottom: var(--yk-5); width: 20rem; }
.hyr-sag-alt { right: var(--yk-9); bottom: var(--yk-5); align-items: stretch; }
.hyr-arac { display: flex; align-items: stretch; height: var(--yk-7); background: var(--surface); border-radius: var(--r-md); box-shadow: var(--sh-2); overflow: hidden; }
.hyr-arac-dugme { display: inline-flex; align-items: center; gap: var(--b-15); padding: 0 var(--b-3); border: 0; background: none; color: var(--text); font: inherit; font-size: var(--y-6); font-weight: 700; cursor: pointer; }
.hyr-arac-dugme + .hyr-arac-dugme { border-left: 1px solid var(--line); }
.hyr-arac-dugme:hover:not(:disabled) { background: var(--surface-3); }
.hyr-arac-dugme[aria-pressed='true'] { background: var(--marka-zemin); color: var(--marka-metin); }
.hyr-arac-dugme:disabled { color: var(--faint); cursor: default; }
.hyr-panel { display: flex; flex-direction: column; gap: var(--b-2); padding: var(--b-3); background: var(--surface); border-radius: var(--r-md); box-shadow: var(--sh-2); }
.hyr-panel-satir { display: flex; flex-wrap: wrap; align-items: flex-end; gap: var(--b-2) var(--b-3); }
.hyr-panel .kn-adres { flex: 1 1 14rem; }
.hyr-panel .kn-alan .giris { width: 9rem; }
.hyr-panel .kn-adres .giris { width: 100%; }
.hyr-panel .kn-cizimler { max-height: 8rem; overflow-y: auto; }
.hyr-ozet-kart, .hyr-yaricap-kart { padding: var(--b-3) var(--b-4); background: var(--surface); border-radius: var(--r-lg); box-shadow: var(--sh-2); }
.hyr-koordinat-satir { display: flex; align-items: center; gap: var(--b-2); min-width: 0; font-size: var(--y-10); font-variant-numeric: tabular-nums; }
.hyr-yaricap-ust { display: flex; align-items: center; justify-content: space-between; gap: var(--b-3); }
.hyr-yaricap-kart .kn-yaricap { margin-left: 0; }
.hyr-dock { display: flex; flex-direction: column; min-width: 0; min-height: 0; border-left: 1px solid var(--line); background: var(--surface); font-size: var(--y-4); }
.hyr-dock-head { display: flex; align-items: center; gap: var(--b-2); padding: var(--b-3) var(--b-4); font-size: var(--y-8); font-weight: 800; color: var(--text); }
.hyr-dock-head > .ti { color: var(--muted); }
.hyr-dock-sub { padding: var(--b-1) var(--b-4) var(--b-2); font-size: var(--y-2); color: var(--muted); }
.hyr-dock-list { flex: 1 1 0; min-height: 0; overflow-y: auto; border-top: 1px solid var(--line); }
.hyr-dock-empty { padding: var(--b-6) var(--b-4); color: var(--muted); text-align: center; font-size: var(--y-6); }
.hyr-row { display: flex; flex-direction: column; gap: var(--b-1); padding: var(--b-25) var(--b-4) var(--b-25) var(--b-3); border-bottom: 1px solid var(--ayrac); color: inherit; text-decoration: none; cursor: pointer; }
.hyr-row-code::before { content: ""; display: inline-block; flex-shrink: 0; width: var(--b-15); height: var(--b-15); margin-right: var(--b-15); border-radius: 50%; background: var(--ka-nitelik, transparent); vertical-align: middle; }
.hyr-row:hover { background: var(--surface-2); color: inherit; text-decoration: none; }
.hyr-row.active { background: var(--marka-zemin); box-shadow: inset 0 0 0 1px var(--marka-400); }
.hyr-row-head { display: flex; align-items: center; gap: var(--b-15); }
.hyr-row-code { flex-grow: 1; font-size: var(--y-6); font-weight: 700; }
.hyr-row-dist { color: var(--muted); font-size: var(--y-4); font-weight: 600; white-space: nowrap; }
.hyr-row-addr { display: flex; flex-wrap: wrap; align-items: center; gap: var(--b-1) var(--b-25); font-size: var(--y-2); color: var(--muted); }
.hyr-row-foot { display: flex; align-items: center; gap: var(--b-2); font-size: var(--y-2); }
.hyr-row-foot .rozet { margin-left: auto; }
.hyr-nitelik { display: inline-flex; align-items: center; font-size: var(--y-1); font-weight: 700; line-height: 1; padding: var(--b-05) var(--b-15); border-radius: var(--r-sm); white-space: nowrap; }
.hyr-provider { width: var(--yk-1); height: var(--yk-1); object-fit: contain; border-radius: var(--r-sm); background: var(--kagit); flex-shrink: 0; }
.hyr-provider-wrap { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; line-height: 0; }
.hyr-locate { border: 0; background: transparent; padding: 0 var(--b-05); color: var(--muted); cursor: pointer; }
.hyr-locate:hover { color: var(--marka-metin); }
.hyr-map-label, .hyr-live-label, .hyr-radius-label { background: var(--surface); color: var(--text); border-radius: var(--b-05); padding: var(--b-05) var(--b-15); font-size: var(--y-1); font-weight: 600; pointer-events: none; box-shadow: var(--sh-1); transform-origin: center center; }
.hyr-live-label { background: var(--aksan); color: var(--dolgu-metin); font-size: var(--y-2); }
.hyr-radius-label { border: var(--b-05) solid var(--warn); font-size: var(--y-2); }
.hyr-dot { width: var(--b-3); height: var(--b-3); border-radius: 50%; border: var(--b-05) solid var(--surface); box-shadow: var(--sh-1); cursor: pointer; }
.hyr-dot.active { width: var(--b-5); height: var(--b-5); border: var(--b-1) solid var(--text); }
.hyr-hover-card { position: absolute; z-index: 5; transform: translate(-50%, -100%); min-width: 14rem; max-width: 19rem; pointer-events: none; background: var(--surface); color: var(--text); border: 1px solid var(--ayrac); border-radius: var(--r-sm); box-shadow: var(--sh-2); padding: var(--b-15) var(--b-2); font-size: var(--y-2); }
.hyr-hc-head { display: flex; gap: var(--b-15); align-items: baseline; }
.hyr-hc-code { font-weight: 600; flex-grow: 1; }
.hyr-hc-dist { color: var(--muted); }
.hyr-hc-row { display: flex; flex-wrap: wrap; gap: var(--b-1) var(--b-2); margin-top: var(--b-05); color: var(--muted); }
.hyr-hc-nitelik { font-size: var(--y-1); font-weight: 600; padding: var(--b-05) var(--b-15); border-radius: var(--b-05); }
.hyr-hc-state { margin-left: auto; font-weight: 600; }
@media (max-width: 991.98px) {
    .hyr-body { grid-template-columns: minmax(0, 1fr); }
    .hyr-dock { max-height: 45vh; border-left: 0; border-top: 1px solid var(--line); }
    .hyr-sol-alt { width: auto; }
}
.pencere:has(.ar-ayrinti) .pencere-govde { background: var(--surface-2); }
.ar-ayrinti { gap: var(--b-3); }
.ar-ayrinti .kart { border: 1px solid var(--line); box-shadow: none; }
.ar-ayrinti .kart-bas h3 { font-size: var(--y-10); letter-spacing: 0.01em; }
.ar-ayrinti .ozet { --ozet-etiket: 30%; }
.ar-aciklamalar { display: flex; flex-direction: column; gap: var(--b-3); }
.ar-metin-p { margin: 0; color: var(--text-2); line-height: 1.6; overflow-wrap: anywhere; }
.ar-d-tablo .tablo :is(th, td) { overflow: visible; text-overflow: clip; white-space: normal; overflow-wrap: anywhere; }
.ar-d-tablo .tablo :is(.tek-satir, .sag-hiza.kalin) { white-space: nowrap; overflow-wrap: normal; }
.ar-d-tablo .tablo .kes { overflow: visible; text-overflow: clip; white-space: normal; }
.sd-bos { margin: 0; }
.sd-tek-tapu { display: flex; align-items: center; gap: var(--b-15); min-width: 0; font-size: var(--y-5); color: var(--text-2); }
.sd-tek-tapu > svg { flex-shrink: 0; color: var(--muted); }
.sd-deger { display: flex; flex-direction: column; gap: var(--b-2); min-width: 0; }
.sd-ana { display: flex; justify-content: center; min-width: 0; padding: var(--b-1) 0; text-align: center; }
.sd-fiyat { min-width: 0; font-size: var(--y-15); font-weight: 800; line-height: 1.15; color: var(--text); font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.sd-aralik { display: flex; flex-direction: column; gap: var(--b-1); min-width: 0; padding: 0 var(--b-15); }
.sd-cubuk { display: block; width: 100%; height: var(--b-4); overflow: visible; }
.sd-ray { stroke: var(--line-3); stroke-width: var(--b-1); stroke-linecap: round; }
.sd-isaret { r: var(--b-15); fill: var(--marka); stroke: var(--rb-zemin, var(--surface-2)); stroke-width: var(--b-05); }
.sd-uclar { display: flex; justify-content: space-between; gap: var(--b-2); margin: 0 calc(-1 * var(--b-15)); font-size: var(--y-4); color: var(--text-2); font-variant-numeric: tabular-nums; }
.rb-bolum-bas { display: flex; align-items: center; gap: var(--b-2); min-width: 0; min-height: var(--yk-1); }
.rb-bolum-eylem { display: inline-flex; align-items: center; gap: var(--b-05); flex-shrink: 0; margin-left: auto; }
.rb-bolum-eylem:empty { display: none; }
.rb-bolum-eylem .btn-ikon.btn-k { width: var(--yk-1); height: var(--yk-1); border-radius: var(--r-sm); }
.rb-sayi { flex-shrink: 0; min-width: var(--b-5); padding: 0 var(--b-15); border-radius: 999px; background: var(--surface-3); color: var(--text-3); font-size: var(--y-3); font-weight: 700; line-height: 1.6; text-align: center; font-variant-numeric: tabular-nums; }
.rb-sayi.var { background: var(--marka-zemin); color: var(--marka-metin); }
.rb-bolum-govde { display: flex; flex-direction: column; gap: var(--b-2); min-width: 0; }
.rb-eylemler { display: flex; flex-wrap: nowrap; gap: var(--b-2); min-width: 0; }
.rb-eylemler .btn { flex: 0 1 auto; min-width: 0; white-space: nowrap; }
.rb-bas-metin > * { overflow-wrap: anywhere; }
.rb-kisi .rozet { flex-shrink: 0; }
.rf-dolu { opacity: 0.3; transition: opacity 0.2s; }
.rf-dolu:hover, .rf-dolu:focus-within { opacity: 1; }
.alan-formu.oku.rf-eksik :is(.giris, .secim, .as-tetik, textarea) { border: 1px dashed var(--aksan); background-color: var(--aksan-soluk); }
.alan-formu.oku.rf-eksik .secenekler { border-color: transparent; border-radius: var(--r-md); outline: 1px dashed var(--aksan); outline-offset: 0; background-color: var(--aksan-soluk); }
.alan-formu.oku.rf-eksik label { color: var(--aksan-metin); }
.hesap-menusu { display: flex; align-items: center; gap: var(--b-1); }
.hesap-menusu.dikey { flex-direction: column; }
.kenar-serit-alt { margin-top: auto; padding-top: var(--b-2); }
.hesap-avatar { padding: 0; }
.hesap-kim { display: flex; flex-direction: column; gap: var(--b-05); min-width: 0; padding: var(--b-1) var(--b-2); }
.kabuk.seritli .ust-hesap { display: none; }
@media (max-width: 860px) { .kabuk.seritli .ust-hesap { display: flex; } }
.onay-barinagi { display: contents; }
.onay-barinagi > .perde { z-index: 1070; }
.rbp-adimlar { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--b-2) var(--b-3); margin: 0; padding: 0; list-style: none; }
.rbp-adim { position: relative; display: flex; align-items: center; gap: var(--b-15); min-width: 0; font-size: var(--y-5); color: var(--text-2); }
.rbp-adim.ton-notr { color: var(--muted); }
.rbp-adim-ikon { display: inline-flex; flex-shrink: 0; color: var(--muted); }
.rbp-adim.ton-basari .rbp-adim-ikon { color: var(--ok); }
.rbp-adim.ton-bilgi .rbp-adim-ikon { color: var(--info); }
.rbp-adim.ton-uyari .rbp-adim-ikon { color: var(--warn); }
.rbp-adim.ton-hata .rbp-adim-ikon { color: var(--err); }
.simk-suzgec { display: flex; align-items: center; gap: var(--b-15); min-width: 0; margin: 0; }
.simk-suzgec > svg { flex-shrink: 0; }
.simk-liste { display: flex; flex-direction: column; margin: 0 calc(-1 * var(--b-15)); padding: 0; list-style: none; }
.simk-liste > li + li { border-top: 1px solid var(--ayrac); }
.simk-oge { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: var(--b-2); width: 100%; padding: var(--b-15); border: 0; border-radius: var(--r-md); background: none; color: var(--text); font: inherit; line-height: var(--b-4); text-align: left; cursor: pointer; }
.simk-oge:hover, .simk-oge:focus-visible { background: var(--rb-vurgu, var(--surface-3)); }
.simk-ana { display: flex; flex-direction: column; gap: var(--b-05); min-width: 0; }
.simk-satir { display: flex; align-items: center; gap: var(--b-2); min-width: 0; }
.simk-satir > .kes { flex: 0 1 auto; }
.simk-satir > .rozet { flex-shrink: 0; }
.simk-no { flex: 1 1 auto; font-size: var(--y-6); color: var(--marka-metin); font-variant-numeric: tabular-nums; }
.simk-tarih { flex-shrink: 0; margin-left: auto; font-variant-numeric: tabular-nums; }
.simk-ap { margin-left: auto; text-align: right; }
.simk-ac { flex-shrink: 0; color: var(--muted); }
.simk-bos { margin: 0; }
.kenar-serit-alt.dikey { display: flex; flex-direction: column; align-items: center; gap: var(--b-1); }
.kenar-serit .yukleme-tetik { width: 40px; height: var(--yk-9); }
.rapor-bolumleri.olcumlu .rbo-oge:not(.secili) > span { display: inline; }
.rapor-bolumleri.olcumlu.simge .rbo-oge:not(.secili) > span { display: none; }
@media (min-width: 861px) { .kabuk.seritli .kabuk-ust { display: none; } }
.ms-c-tur { width: 18%; }
.ms-c-yukleyen { width: 18%; }
.ms-c-tarih { width: 15%; }
.ms-c-eylem2 { width: 84px; }
.ms-belgeler { table-layout: fixed; width: 100%; margin: 0; }
.ms-belgeler :is(th, td) { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ms-belgeler tbody tr:last-child td { border-bottom: 0; }
.ms-dosya-ac { max-width: 100%; padding: 0; border: 0; background: none; font: inherit; text-align: left; cursor: zoom-in; }
.ms-dosya-ac:hover .kes { color: var(--marka-metin); }
.ms-ek .giris { width: 100%; }
.ms-ek-oran { text-align: center; }
.ms-yukle .fu-birak { flex-direction: row; justify-content: center; gap: var(--b-25); padding: var(--b-25) var(--b-3); border-width: 2px; }
.ms-yukle .fu-birak > div:first-child { display: none; }
.ms-yukle .fu-birak > p { font-weight: 600; color: var(--text); }
.ms-yukle .fu-birak > .kucuk { display: none; }
.tby-sayfa { gap: var(--b-4); }
.tby-liste { display: flex; flex-direction: column; margin: 0; padding: 0 var(--kart-x); list-style: none; }
.tby-satir { display: grid; grid-template-columns: auto minmax(0, 1fr) auto auto; align-items: center; gap: var(--b-3); min-height: var(--yk-9); padding: var(--b-15) 0; border-bottom: 1px solid var(--ayrac); }
.tby-satir:last-child { border-bottom: 0; }
.tby-ikon { width: 32px; height: var(--yk-5); display: grid; place-items: center; flex-shrink: 0; border-radius: var(--r-sm); background: var(--marka-zemin); color: var(--marka-metin); }
.tby-ikon.basari { background: var(--ok-soft); color: var(--ok); }
.tby-ikon.uyari { background: var(--warn-soft); color: var(--warn); }
.tby-ikon.hata { background: var(--err-soft); color: var(--err); }
.tby-bilgi { gap: var(--b-05); min-width: 0; }
.tby-durum { flex-wrap: nowrap; gap: var(--b-15); justify-content: flex-end; min-width: 0; }
.tby-secim { width: auto; min-width: 0; }
.tby-eslesen { grid-column: 2 / -1; gap: var(--b-1); padding-bottom: var(--b-1); }
.tby-bos { margin: 0; padding: var(--b-1) var(--kart-x) var(--b-4); }
.tby-toplu { gap: var(--b-2); margin: 0 var(--kart-x) var(--b-2); padding: var(--b-15) var(--b-25); border-radius: var(--r-md); background: var(--surface-2); }
.tby-tablo { table-layout: fixed; width: 100%; margin: 0; }
.tby-tablo :is(th, td) { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tby-tablo tbody tr:last-child td { border-bottom: 0; }
.tby-hucre { gap: var(--b-05); min-width: 0; }
.tby-tablo .tby-sec { overflow: visible; text-overflow: clip; }
.tby-c-sec { width: 44px; }
.tby-c-tapu { width: 12%; }
.tby-c-durum { width: 14%; }
.tby-c-odeme { width: 14%; }
.tby-c-eylem { width: 84px; }
.tby-c-tip { width: 18%; }
.tby-c-hedef { width: 26%; }
.tby-yukle { gap: var(--b-3); }
.tby-yukle .tby-liste { padding: 0; }
.tby-oturum { gap: var(--b-1); }
.tby-dosya { gap: var(--b-2); min-width: 0; color: var(--marka-metin); }
.tby-dosya .kes { color: var(--text); }
.tby-onay { gap: var(--b-3); }
.tby-onay p { margin: 0; }
.yb-tablo { table-layout: fixed; width: 100%; margin: 0; }
.yb-tablo :is(th, td) { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.yb-tablo tbody tr:last-child td { border-bottom: 0; }
.yb-c-onizleme { width: 76px; }
.yb-c-tapu { width: 16%; }
.yb-c-uzman { width: 18%; }
.yb-c-tarih { width: 14%; }
.yb-c-eylem { width: 64px; }
.rf-rapor-sabit { cursor: default; }
.rf-c-nusha { width: 12%; }
.rf-c-tarih { width: 15%; }
.pn-pk-pencere > .pencere-govde { min-height: 0; }
.pn-pk-iskelet { padding: var(--b-4) var(--b-6); }
.pn-pk-onay-tablo { table-layout: fixed; width: 100%; }
.pn-pk-c-alan { width: 32%; }
.trk-kod-hucre { gap: var(--b-05); align-items: flex-start; }
.trk-hukum { display: inline-flex; align-items: center; gap: var(--b-1); padding: var(--b-05) var(--b-2); border: 1px solid transparent; line-height: 1.3; border-radius: 999px; font-size: var(--y-3); font-weight: 700; white-space: nowrap; }
.trk-hukum.dogru { background: var(--ok-soft); border-color: var(--ok-line); color: var(--ok); }
.trk-hukum.yanlis { background: var(--err-soft); border-color: var(--err-line); color: var(--err); }
.trk-hukum.belirsiz { background: var(--surface-2); border-color: var(--line-2); color: var(--text-2); }
.trk-radar { display: flex; align-items: flex-start; gap: var(--b-2); margin-top: var(--b-1); padding: var(--b-15) var(--b-2); border: 1px solid var(--line-2); border-radius: var(--r-sm); background: var(--surface-2); font-size: var(--y-3); line-height: 1.45; color: var(--text-2); white-space: normal; }
.trk-radar.dogru { border-color: var(--ok-line); background: var(--ok-soft); }
.trk-radar.yanlis { border-color: var(--err-line); background: var(--err-soft); }
.trk-radar-ikon { display: inline-grid; place-items: center; flex-shrink: 0; width: var(--b-5); height: var(--b-5); border-radius: 50%; background: var(--surface); color: var(--text-2); }
.trk-radar.dogru .trk-radar-ikon { color: var(--ok); }
.trk-radar.yanlis .trk-radar-ikon { color: var(--err); }
.trk-radar-metin { min-width: 0; gap: var(--b-05); overflow-wrap: anywhere; }
.trk-radar-metin > b { color: var(--text); }
.trk-radar.dogru .trk-radar-metin > b { color: var(--ok); }
.trk-radar.yanlis .trk-radar-metin > b { color: var(--err); }
.trk-tablo tr.trk-hatali > td { background: color-mix(in srgb, var(--err-soft) 45%, transparent); }
.trk-hukum-ozet { display: inline-flex; flex-wrap: wrap; align-items: center; gap: var(--b-1) var(--b-2); }
.trk-cumle { min-width: 0; font-size: var(--y-3); color: var(--text-2); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.trk-cumle > b { color: var(--text-3); font-weight: 700; }
.rapor-bolumleri > .rbo-geri { flex-shrink: 0; margin-left: calc(var(--b-2) * -1); }
.sayfa-geri { display: inline-flex; align-items: center; gap: var(--b-1); align-self: flex-start; margin-bottom: var(--b-2); color: var(--text-2); font-size: var(--y-5); font-weight: 600; text-decoration: none; }
.sayfa-geri:hover { color: var(--marka-metin); text-decoration: none; }
.rf-belge-oneri { display: inline-flex; align-items: center; gap: var(--b-1); max-width: 100%; height: var(--yk-1); margin-top: var(--b-1); padding: 0 var(--b-2); border: 1px solid var(--info-line); border-radius: var(--r-sm); background: var(--info-soft); color: var(--info); font: inherit; font-size: var(--y-3); cursor: pointer; }
.rf-belge-oneri > b { min-width: 0; color: var(--text); font-weight: 600; }
.rf-belge-oneri-uygula { flex-shrink: 0; margin-left: var(--b-1); font-weight: 700; }
.rf-belge-oneri:hover { border-color: var(--info); }
.rf-belge-oneri:focus-visible { outline: 2px solid var(--marka-400); outline-offset: 1px; }
.image-zoom-container img.gz-kucuk { width: 100%; height: 100%; }
.bg .iskelet-kart.bon-iskelet { width: min(100%, 60ch); background: var(--surface); border-radius: var(--r-lg); box-shadow: var(--sh-2); }
.pdf-sayfalar > .iskelet-kart.pdfg-iskelet { flex-shrink: 0; width: min(100%, 72ch); background: var(--kagit); border-radius: var(--r-sm); box-shadow: var(--sh-2); }
.bp-yan:has(> .byp) { padding: 0; overflow: hidden; gap: 0; }
.byp { display: flex; flex-direction: column; flex: 1 1 auto; min-width: 0; min-height: 0; }
.byp-ust { display: flex; align-items: center; gap: var(--b-2); padding: var(--b-4) var(--b-5) 0; }
.byp-ust > .acilir-tetik { display: block; flex: 1 1 auto; min-width: 0; }
.byp-tur { display: flex; align-items: center; gap: var(--b-2); width: 100%; min-width: 0; padding: var(--b-2) var(--b-3); border: 1px solid var(--line); border-radius: var(--r-md); background: var(--surface); color: var(--text); text-align: left; cursor: pointer; }
.byp-tur:hover, .byp-tur[aria-expanded='true'] { border-color: var(--line-3); }
.byp-tur:focus-visible { outline: 2px solid var(--marka-400); outline-offset: 1px; }
.byp-tur.sabit { flex: 1 1 auto; cursor: default; }
.byp-tur.bos .byp-tur-ad { color: var(--warn); }
.byp-tur > svg { flex-shrink: 0; margin-left: auto; color: var(--text-3); }
.byp-tur-metin { display: flex; flex-direction: column; min-width: 0; }
.byp-tur-ad { font-size: var(--y-7); font-weight: 700; }
.byp-tur-kat { font-size: var(--y-4); color: var(--text-3); }
.byp-ust > .rozet, .byp-ust > .btn { flex-shrink: 0; }
.byp-ara { display: flex; align-items: center; gap: var(--b-3); padding: var(--b-3) var(--b-5) 0; }
.byp-ara-kutu { flex: 1 1 auto; min-width: 0; }
.byp-sayi { white-space: nowrap; font-variant-numeric: tabular-nums; }
.byp-govde { flex: 1 1 auto; min-height: 0; overflow: auto; padding: 0 var(--b-5) var(--b-5); }
.byp-govde > .durum-kutu, .byp-govde > .iskelet-kart { margin-top: var(--b-4); }
.byp-grup-bas { display: flex; align-items: baseline; gap: var(--b-2); padding: var(--b-5) 0 var(--b-1); font-size: var(--y-3); font-weight: 800; letter-spacing: 0.05em; text-transform: uppercase; color: var(--text-3); }
.byp-tablo tr.byp-toplam td { font-weight: 800; }
.byp-alanlar { display: flex; flex-direction: column; margin: 0; }
.byp-satir { display: grid; grid-template-columns: minmax(0, 42fr) minmax(0, 58fr); gap: var(--b-3); padding: var(--b-2) var(--b-25); border-radius: var(--r-md); font-size: var(--y-6); line-height: 1.35; }
.byp-satir:hover { background: var(--surface-2); }
.byp-satir > dt { margin: 0; font-weight: 400; color: var(--text-3); overflow-wrap: anywhere; }
.byp-satir > dd { margin: 0; font-weight: 600; color: var(--text); overflow-wrap: anywhere; }
.byp-tablo { width: 100%; table-layout: fixed; border-collapse: collapse; font-size: var(--y-6); }
.byp-tablo th { padding: var(--b-1) var(--b-25) var(--b-15); font-size: var(--y-4); font-weight: 600; color: var(--text-3); text-align: left; }
.byp-tablo td { padding: var(--b-2) var(--b-25); border-top: 1px solid var(--line); font-weight: 600; color: var(--text); vertical-align: top; overflow-wrap: anywhere; }
.byp-tablo tbody tr:hover td { background: var(--surface-2); }
.byp-metin { margin: 0; padding: var(--b-2) var(--b-25); font-size: var(--y-6); line-height: 1.5; white-space: pre-wrap; overflow-wrap: anywhere; }
.byp-alt { display: flex; align-items: center; gap: var(--b-3); padding: var(--b-3) var(--b-5); background: var(--surface-2); }
.byp-alt-bilgi { flex: 1 1 auto; min-width: 0; font-size: var(--y-4); line-height: 1.5; color: var(--text-3); }
.byp-alt-bilgi b { font-weight: 600; color: var(--text-2); }
.byp-alt .btn.byp-sil { flex-shrink: 0; border-color: transparent; background: transparent; box-shadow: none; color: var(--err); }
.byp-alt .btn.byp-sil:hover:not(:disabled) { background: var(--err-soft); }
.bg-ts-otomatik { display: flex; align-items: center; gap: var(--b-15); width: 100%; padding: var(--b-2) var(--b-25); border: 0; border-top: 1px solid var(--ayrac); background: none; color: var(--marka-metin); font-size: var(--y-5); font-weight: 600; text-align: left; cursor: pointer; }
.bg-ts-otomatik:hover:not(:disabled) { background: var(--surface-2); }
.bg-ts-otomatik:disabled { opacity: 0.5; cursor: default; }
.bon-cerceve { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; background: var(--kagit); }
.bon-kagit { position: absolute; inset: var(--b-3); display: flex; flex-direction: column; gap: var(--b-2); padding: var(--b-4); overflow: auto; border-radius: var(--r-md); background: var(--kagit); color: var(--text); box-shadow: var(--sh-2); }
.bon-not { flex-shrink: 0; gap: var(--b-2); min-width: 0; margin: 0; }
.bon-metin { margin: 0; font-family: var(--mono); font-size: var(--y-5); line-height: 1.5; white-space: pre-wrap; overflow-wrap: anywhere; color: var(--text); }
.bon-tablo-kap { flex-shrink: 0; min-width: 0; }
.bon-tablo { --tablo-x: var(--b-2); width: auto; min-width: 100%; }
.bon-tablo th, .bon-tablo td { padding: var(--b-1) var(--b-2); border: 1px solid var(--ayrac); font-size: var(--y-5); white-space: nowrap; }
.bon-tablo th { position: sticky; top: 0; z-index: 1; background: var(--surface-2); color: var(--muted); font-weight: 700; text-align: center; }
.bon-tablo td > .kes { display: block; max-width: 40ch; }
.bon-yok { align-items: center; gap: var(--b-2); max-width: min(100%, 60ch); padding: var(--b-6); border-radius: var(--r-lg); background: var(--surface); box-shadow: var(--sh-2); text-align: center; }
.bon-ad { max-width: 100%; font-weight: 700; }