/*********************  RESET CSS *****************/
quote,img,nav,th,em,repeat,nation,esb,td,small,alt,motion,em,th,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,table,div,body {margin:0px; padding:0px; border-width: 0px; outline: none;}
table {border-collapse:collapse; border-spacing:0px; border-width: 0px; outline: none; }
address,caption,cite,code,dfn,em,strong,th,var , form, label, legend,  caption, tbody, tfoot, thead, input {font-style:normal; font-weight:normal; text-align:left; border-width: 0px; padding:0px; margin: 0px; outline: none;}
ol,ul,li {list-style:none; margin: 0px; padding: 0px; outline: none;}h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal; outline: none;}
q:before,q:after {content:''; outline: none;}abbr,acronym { border-width:0; outline: none;}
input, select {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*********************  RESET CSS *****************/

/* 🔴 `a`'ya RENK ve BOYUT DAYATILMAZ — ikisi de bağlamdan miras alınır.
 * reset.css, `tailwind.min.css`'ten SONRA yükleniyor (`head.php:35` → `:41`),
 * yani element seçicisi Tailwind preflight'ını yeniyor. Renk/boyut utility'si
 * TAŞIMAYAN her bağlantı bu bloğa düşüyordu; ölçüm (2026-08-16, ana sayfa,
 * hesaplanmış stil): 47 bağlantının 23'ü 11px — projenin en küçük token'ı
 * `--text-xs: 12px`'in bile altında. Site `data-theme="dark"` ile açıldığı için
 * `#333` koyu zemine düşüyordu: üst menünün 5 bağlantısı ve dil listesinin
 * 4 seçeneği 1.3:1 → WCAG 4.5:1'in çok altında, varsayılan temada.
 * Aşağıdaki `:122` bloğu bunun birebir kopyasıdır ve cascade'de bunu ezer;
 * ikisi de aynı anda düzeltilmeliydi — yalnız birini düzeltmek 13px'i geri
 * getirirdi. Boyut/rengi olan bağlantı bunu utility ile kendisi söyler. */
a {
    color: inherit;
    font-weight:normal;
    text-decoration: none;
}

/* 🔴 Q4 — `h1..h6` boyutu bu dosyada ÜÇ kez tanımlanıyordu: `:5` (element
 * seçicisiyle `font-size:100%`), bu blok, ve bir birebir kopyası (eski
 * `:141-158`). Emsal: [DECISIONS 2026-08-16 — `reset.css` Bağlantıya Element
 * Seçicisiyle Renk ve Boyut DAYATMAZ] aynı ilkeyi `a`'ya uyguladı; buradaki
 * fark kapsam — bu tur yalnız KOPYAYI kapatıyor, ters ölçeği değil (Kural 27,
 * sessiz kapsam genişletme yok). Ölçek kendisi TERS ve ayrı borç kalemi:
 * `h1:13px` … `h6:22px` — küçük başlık h1, büyük başlık h6, görsel
 * hiyerarşiyle çelişiyor. `:5`'teki `font-size:100%` de aynı seçiciler için
 * üçüncü bir tanım taşıyor, bu turda dokunulmadı.
 * Ön koşul ölçümü (2026-08-16, `grep -rn '<h[1-6][ >]' interface/ | grep -v
 * 'class='`): sınıfsız `<h1>`..`<h6>` kullanımı VAR — 46 gerçek markup satırı
 * (örn. `interface/web/view/content.php:36`, `interface/admin/view/index.php:65`,
 * `interface/panel/view/workflow.php:43`). `reset.css`, `tailwind.min.css`'ten
 * SONRA yükleniyor (`head.php:40` → `:59`), yani bu bloğun boyutu fiilen
 * KAZANIYOR — kopyayı silmek davranışı değiştirmiyor (iki blok birebir aynı,
 * `diff` boş çıktı verdi). Bu yüzden yalnız ikinci kopya (eski `:141-158`)
 * silindi, bu blok (ilk kopya) kalan tek kaynak. */
h1 {
    font-size: 13px;
}
h2{
    font-size: 14px;
}
h3 {
    font-size: 16px;
}
h4 {
    font-size: 18px;
}
h5 {
    font-size: 20px;
}
h6 {
    font-size: 22px;
}
#sil{
    clear: both;
}
.sil{
    clear: both;
}
.sol{
    float: left;
}
.sag{
    float: right;
}
.inherit{
    display:inherit;
}
.inline{
    display:inline;
}
.block{
    display:block;
}
.lineHeightUnset {
    line-height: unset !important
}
.inlineBlock{
    display:inline-block !important;
    vertical-align: top;
}
.inline-block{
    display:inline-block !important;
    vertical-align: top;
}
.decorationNone{
    text-decoration:none;
}
.decorationNone:hover{
    text-decoration:none;
}
.break-word{
    word-wrap: break-word;
}
strong {
    font-weight: bold;
}
.none{
    display:none !important;
}
.pointer{  cursor:pointer; }
.cursorDefault{  cursor:default; }
.relative { position:relative; }
.absolute { position:absolute; }
.fixed { position:fixed; }
.textRight { text-align:right; }
.textCenter { text-align:center !important; }
.textLeft { text-align:left; }

code {
    background-color: rgb(var(--bg-sunken));
    border: 1px solid rgb(var(--border-default)) !important;
    border-radius: 6px;
    color: rgb(var(--text-muted-rgb));
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    padding: 1px 3px;
    white-space: pre-wrap;
    word-wrap: break-word;
    display:inline-block;
}

.border0 { border: 0px !important; }


.h1{
    font-size: 22px;
    margin: 5px;
    color:#3d566d;
}

.h2{
    font-size: 17px;
    margin: 5px;
    color:#3d566d;
}


/* Yukarıdaki `a` bloğunun (satır ~15) kopyası — cascade'de KAZANAN taraf burası.
 * Gerekçe orada yazılı (SSoT); `color:#333` + `font-size:11px` fiilen uygulanan
 * değerlerdi. Kopyanın kendisi ayrı bir borç kalemidir, bu commit'te silinmedi. */
a {
    color: inherit;
    font-weight:normal;
    text-decoration: none;
}

.sil{
    clear: both;
}
.sol{
    float: left;
}
.sag{
    float: right;
}
.bold {
    font-weight:bold;
}

.sosyalasistanBlueColor {
    color:#45b0e6;
}

strong.sosyalasistanBlueColor {
    color:#45b0e6;
    font-weight:bold;
}

.clear { clear:both; }
#clear { clear:both; }

@media screen and (max-width: 550px) {
    .mobileEw25On550 {  width:23%;  margin: 10px 0px ;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .mobileEw50On550 {  width:48%;  margin: 10px 0px ;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
}

.hideElementOnMobile { /* display:table-cell !important; */ }
.showElementOnMobile { display:none !important; }

.hideElementOnDesktop { display:none !important; }
.showElementOnDesktop { /* display:table-cell !important; */ }

.desktopMarginRight5 { margin-right: 5px !important; }
.desktopMarginRight10 { margin-right: 10px !important; }
.desktopMarginRight15 { margin-right: 15px !important; }
.desktopMarginRight20 { margin-right: 20px !important; }
.desktopMarginRightPer1 { margin-right: 1% !important; }
.desktopMarginRightPer2 { margin-right: 2% !important; }
.desktopMarginRightPer3 { margin-right: 3% !important; }
.desktopMarginRightPer4 { margin-right: 4% !important; }
.desktopMarginRightPer5 { margin-right: 5% !important; }

.textCenterOnMobile { text-align: inherit  !important;}

.silOnMobile { clear:inherit; }

/* 767.98px: Tailwind md=768px ile 2px bindirmeyi kapatır (768-769 bandında iki kural seti birden uygulanıyordu) */
@media screen and (max-width: 767.98px) {
    .hideElementOnMobile { display:none !important; }
    .showElementOnMobile { display:inline-block !important; }
    .hideElementOnDesktop { display:inline-block !important; }
    .showElementOnDesktop { display:none !important; }
    .desktopMarginRight5 { margin-right: 0px !important; }
    .desktopMarginRight10 { margin-right: 0px !important; }
    .desktopMarginRight15 { margin-right: 0px !important; }
    .desktopMarginRight20 { margin-right: 0px !important; }

    .desktopMarginRightPer1 { margin-right: 0% !important; }
    .desktopMarginRightPer2 { margin-right: 0% !important; }
    .desktopMarginRightPer3 { margin-right: 0% !important; }
    .desktopMarginRightPer4 { margin-right: 0% !important; }
    .desktopMarginRightPer5 { margin-right: 0% !important; }
    .mobileMarginTop10 { margin-top: 10px !important; }
    .textCenterOnMobile { text-align: center  !important;}
    .silOnMobile { clear:both; }
}







input:disabled {
    background: #f7f7f7;
}
.readonlyInput {
    background: #f7f7f7;
}



.setRightScroll {
    overflow-y: auto;

}

.setRightScroll::-webkit-scrollbar {
    width: 4px;
}

.setRightScroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #666;
    border-radius: 10px;
}

.setRightScroll::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px #666;
}

.chosen-rtl .chosen-drop { left: -9000px; }

/* element width */
.ew05 {  width:5% !important; }
.ew10 {  width:10% !important; }
.ew15 {  width:15% !important; }
.ew20 {  width:20% !important; }
.ew22 {  width:22% !important; }
.ew25 {  width:25% !important; }
.ew30 {  width:30% !important; }
.ew33 {  width:33.333% !important; }
.ew35 {  width:35% !important; }
.ew40 {  width:40% !important; }
.ew45 {  width:45% !important; }
.ew50 {  width:50% !important; }
.ew55 {  width:55% !important; }
.ew60 {  width:60% !important; }
.ew65 {  width:65% !important; }
.ew66 {  width:66.666% !important; }
.ew70 {  width:69% !important; }
.ew75 {  width:75% !important; }
.ew80 {  width:80% !important; }
.ew85 {  width:85% !important; }
.ew90 {  width:90% !important; }
.ew95 {  width:95% !important; }
.ew100 {  width:100% !important; }


.paymentEw50 {  width:50% !important;  }
.paymentEw75 {  width:75% !important;  }
.paymentEw25 {  width:25% !important;  }
@media screen and (max-width: 900px) {
    .paymentEw50 {  width:100% !important;  }
    .paymentEw75 {  width:100% !important;  }
    .paymentEw25 {  width:100% !important;  }
}



/* 767.98px: Tailwind md=768px ile 2px bindirmeyi kapatır (768-769 bandında iki kural seti birden uygulanıyordu) */
@media screen and (max-width: 767.98px) {

    /* element width */
    .ew05 {  width:100% !important; margin: 10px 0px ; }
    .ew10 {  width:100% !important; margin: 10px 0px ; }

    .ew15 {   width:100% !important; margin: 10px 0px ; }
    .ew20 {   width:100% !important; margin: 10px 0px ; }
    .ew22 {   width:100% !important;  margin: 10px 0px ; }
    .ew25 {   width:100% !important;  margin: 10px 0px ; }
    .ew30 {   width:100% !important; margin: 10px 0px ; }
    .ew33 {   width:100% !important; margin: 10px 0px ; }
    .ew35 {  width:100% !important; margin: 10px 0px ; }
    .ew40 {   width:100% !important; margin: 10px 0px ; }
    .ew45 {  width:100% !important; margin: 10px 0px ; }
    .ew50 {   width:100% !important; margin: 10px 0px ; }
    .ew55 {  width:100% !important;  margin: 10px 0px ; }
    .ew60 {  width:100% !important; margin: 10px 0px ; }
    .ew65 {  width:100% !important;  margin: 10px 0px ; }
    .ew66 {  width:100% !important;  margin: 10px 0px ; }
    .ew70 {   width:100% !important; margin: 10px 0px ; }
    .ew75 {  width:100% !important; margin: 10px 0px ; }
    .ew80 {  width:100% !important; margin: 10px 0px ; }
    .ew85 {   width:100% !important;  margin: 10px 0px ; }
    .ew90 {   width:100% !important; margin: 10px 0px ; }
    .ew95 {   width:100% !important; margin: 10px 0px ; }
    .ew100 {  width:100% !important;  margin: 10px 0px ; }
    .mobileEw100 {  width:100% !important;  margin: 10px 0px ; }
    .mobileEw50 {  width:49% !important;  margin: 10px 0px ; }
}

.ew05 ,.ew10,.ew14-2, .ew15, .ew20,  .ew25, .ew30, .ew33 ,.ew35, .ew40, .ew45,  .ew50,.ew55 ,.ew60, .ew65, .ew66, .ew70, .ew75 ,.ew80 ,.ew85, .ew90, .ew95, .ew100     {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    box-sizing:border-box;
}

.minWidth50 { min-width: 50px !important; }
.minWidth75 { min-width: 75px !important; }
.minWidth85 { min-width: 85px !important; }

.minWidth110 { min-width: 110px !important; }
.minWidth100 { min-width: 100px !important; }
.minWidth140 { min-width: 140px !important; }
.minWidth190 { min-width: 190px !important; }
.minWidth230 { min-width: 230px !important; }
.minHeight250 { min-height: 250px !important; }
.minHeight190 { min-height: 190px !important; }
.minHeight160 { min-height: 160px !important; }
.minHeight170 { min-height: 170px !important; }
.minHeight100 { min-height: 100px !important; }
.minHeight45 { min-height: 45px !important; }
.minHeight35 { min-height: 35px !important; }
.maxHeight800 { max-height: 800px !important; }
.maxHeight150 { max-height: 150px !important; }
.maxHeight500 { max-height: 500px !important; }
.maxHeight50 { max-height: 50px !important; }



.maxWidth990 { max-width: 990px !important; }
.maxWidth750 { max-width: 750px !important; }
.maxWidth100 { max-width: 100px !important; }
.maxWidth50 { max-width: 50px !important; }
.maxWidth75 { max-width: 75px !important; }
.maxWidth160 { max-width: 160px !important; }
.maxWidth200 { max-width: 200px !important; }
.maxWidth250 { max-width: 250px !important; }
.maxWidth300 { max-width: 300px !important; }
.maxWidth600 { max-width: 600px !important; }
.maxWidth400 { max-width: 400px !important; }
.maxWidth1200 { max-width: 1200px !important; }
.maxWidth1920 { max-width: 1920px !important; }
.maxWidth1600 { max-width: 1600px !important; }


.width340 { width: 340px !important; }
.width180 { width: 180px !important; }
.width150 { width: 150px !important; }
.width150 { width: 130px !important; }
.width120 { width: 120px !important; }
.width130 { width: 130px !important; }
.width250 { width: 250px !important; }
.width300 { width: 300px !important; }
.width550 { width: 550px !important; }
.width650 { width: 550px !important; }
.width5 { width:5px !important; }
.width10 { width:10px !important; }
.width15 { width:15px !important; }
.width20 { width:20px !important; }
.width25 { width:25px !important; }
.width30 { width:30px !important; }
.width35 { width:35px !important; }
.width40 { width:40px !important; }
.width45 { width:45px !important; }
.width48 { width:45px !important; }
.width50 { width:50px !important; }
.width55 { width:55px !important; }
.width60 { width:60px !important; }
.width65 { width:65px !important; }
.width70 { width:70px !important; }
.width75 { width:75px !important; }
.width80 { width:80px !important; }
.width85 { width:85px !important; }
.width90 { width:90px !important; }
.width95 { width:95px !important; }
.width100 { width:100px !important; }


.height250 { height: 250px !important; }
.height130 { height: 130px !important; }
.height5 { height:5px !important; }
.height10 { height:10px !important; }
.height15 { height:15px !important; }
.height20 { height:20px !important; }
.height25 { height:25px !important; }
.height30 { height:30px !important; }
.height35 { height:35px !important; }
.height40 { height:40px !important; }
.height45 { height:45px !important; }
.height50 { height:50px !important; }
.height55 { height:55px !important; }
.height60 { height:60px !important; }
.height65 { height:65px !important; }
.height70 { height:70px !important; }
.height75 { height:75px !important; }
.height80 { height:80px !important; }
.height85 { height:85px !important; }
.height90 { height:90px !important; }
.height95 { height:95px !important; }
.height100 { height:100px !important; }
.height48 { height:48px !important; }

.perWidth7 { width:7% !important; }
.perWidth5 { width:5% !important; }
.perWidth11 { width:11% !important; }
.perWidth10 { width:10% !important; }
.perWidth15 { width:15% !important; }
.perWidth20 { width:20% !important; }
.perWidth25 { width:25% !important; }
.perWidth30 { width:30% !important; }
.perWidth33 { width:33% !important; }
.perWidth35 { width:35% !important; }
.perWidth40 { width:40% !important; }
.perWidth45 { width:45% !important; }
.perWidth50 { width:50% !important; }
.perWidth55 { width:55% !important; }
.perWidth60 { width:60% !important; }
.perWidth65 { width:65% !important; }
.perWidth70 { width:70% !important; }
.perWidth75 { width:75% !important; }
.perWidth80 { width:80% !important; }
.perWidth85 { width:85% !important; }
.perWidth90 { width:90% !important; }
.perWidth95 { width:95% !important; }
.perWidth96 { width:96% !important; }
.perWidth100 { width:100% !important; }

.perMinWidth35 { min-width:35% !important; }

.perMaxWidth45 { max-width:45% !important; }
.perMaxWidth75 { max-width:75% !important; }
.perMaxWidth85 { max-width:85% !important; }
.perMaxWidth50 { max-width:50% !important; }
.perMaxWidth100 { max-width:100% !important; }

.fontSize85 { font-size: 85px !important; }
.fontSize50 { font-size: 50px !important; }
.fontSize40 { font-size: 40px !important; }
.fontSize45 { font-size: 45px !important; }
.fontSize9 { font-size: 9px !important; }
.fontSize10 { font-size: 10px !important; }
.fontSize11 { font-size: 11px !important; }
.fontSize12 { font-size: 12px !important; }
.fontSize13 { font-size: 13px !important; }
.fontSize14 { font-size: 14px !important; }
.fontSize15 { font-size: 15px !important; }
.fontSize16 { font-size: 16px !important; }
.fontSize17 { font-size: 17px !important; }
.fontSize18 { font-size: 18px !important; }
.fontSize19 { font-size: 19px !important; }
.fontSize20 { font-size: 20px !important; }
.fontSize30 { font-size: 30px !important; }
.fontSize25 { font-size: 25px !important; }
.fontSize27 { font-size: 27px !important; }



.padding0 { padding:0px !important; }
.padding1 { padding:1px !important; }
.padding2 { padding:2px !important; }
.padding3 { padding:3px !important; }
.padding4 { padding:4px !important; }
.padding5 { padding:5px !important; }
.padding6 { padding:6px !important; }
.padding7 { padding:7px !important; }
.padding8 { padding:8px !important; }
.padding9 { padding:9px !important; }
.padding10 { padding:10px !important; }
.padding15 { padding:15px !important; }
.padding20 { padding:20px !important; }



.marginAuto { margin: auto; }
.margin0 { margin:0px !important; }
.margin1 { margin:1px !important; }
.margin2 { margin:2px !important; }
.margin3 { margin:3px !important; }
.margin4 { margin:4px !important; }
.margin5 { margin:5px !important; }
.margin6 { margin:6px !important; }
.margin7 { margin:7px !important; }
.margin8 { margin:8px !important; }
.margin9 { margin:9px !important; }
.margin10 { margin:10px !important; }
.margin15 { margin:15px !important; }
.margin20 { margin:20px !important; }



.mt0 { height:0px; }
.mt1 { height:1px; }
.mt2 { height:2px; }
.mt3 { height:3px; }
.mt4 { height:4px; }
.mt5 { height:5px; }
.mt6 { height:6px; }
.mt7 { height:7px; }
.mt8 { height:8px; }
.mt9 { height:9px; }
.mt10 { height:10px; }
.mt11 { height:11px; }
.mt12 { height:12px; }
.mt13 { height:13px; }
.mt14 { height:14px; }
.mt15 { height:15px; }
.mt16 { height:16px; }
.mt17 { height:17px; }
.mt18 { height:18px; }
.mt19 { height:19px; }
.mt20 { height:20px; }

.mt99 { height:99px; }
.mt150 { height:150px; }
.mt55 { height:55px; }
.mt30 { height:30px; }
.mt60 { height:60px; }
.mt30 { height:30px; }
.mt40 { height:40px; }
.mt50 { height:50px; }
.mt90 { height:90px; }

.mb10 { margin-bottom:10px !important; }
.ml3 { margin-left:3px !important; }
.ml10 { margin-left:10px !important; }
.ml15 { margin-left:15px !important; }
.ml20 { margin-left:20px !important; }
.ml30 { margin-left:30px !important; }
.ml35 { margin-left:35px !important; }
.ml50 { margin-left:50px !important; }
.ml99 { margin-left:99px !important; }
.ml120 { margin-left:120px !important; }

.mr10 { margin-right:10px !important; }
.mr20 { margin-right:20px !important; }
.mr30 { margin-right:30px !important; }

.pt100 { padding-top: 100px !important; }
.pb100 { padding-bottom: 100px !important; }

.pt40 { padding-top: 40px !important; }
.pb40 { padding-bottom: 40px !important; }
.pt20 { padding-top: 20px !important; }
.pb20 { padding-bottom: 20px !important; }

.pt3 { padding-top: 3px !important; }
.pb3 { padding-bottom: 3px !important; }

.pt5 { padding-top: 5px !important; }
.pb5 { padding-bottom: 5px !important; }

.pt10 { padding-top: 10px !important; }
.pb10 { padding-bottom: 10px !important; }


.pl5 { padding-left:5px !important; }
.pr5 { padding-right:5px !important; }

.pl15 { padding-left:15px !important; }
.pr15 { padding-right:15px !important; }


.pl25 { padding-left:25px !important; }
.pr25 { padding-right:25px !important; }


.pl40 { padding-left:40px !important; }
.pr40 { padding-right:40px !important; }
.pl100 { padding-left:100px !important; }
.pr100 { padding-right:100px !important; }
.pl10 { padding-left:10px !important; }
.pr10 { padding-right:10px !important; }