/* ============================================================
   GRID + UTILITY + BİLEŞEN KATMANI
   Bootstrap 4.6 yerine — flexbox tabanlı, breakpoint birebir
   (sm≥576, md≥768, lg≥992, xl≥1200). Gutter 15px.
   ============================================================ */

/* === CONTAINER === */
.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
@media(min-width:576px){.container{max-width:540px}}
@media(min-width:768px){.container{max-width:720px}}
@media(min-width:992px){.container{max-width:960px}}
@media(min-width:1200px){.container{max-width:1320px}}
.container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}

/* === ROW === */
.row{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}
.no-gutters{margin-right:0;margin-left:0}
.no-gutters>[class*="col-"],.no-gutters>.col{padding-right:0;padding-left:0}

/* === COLUMNS === */
[class*="col-"],.col{position:relative;width:100%;padding-right:15px;padding-left:15px}
.col{flex:1 0 0%;max-width:100%}
.col-auto{flex:0 0 auto;width:auto;max-width:100%}
.col-1{flex:0 0 8.3333%;max-width:8.3333%}
.col-2{flex:0 0 16.6667%;max-width:16.6667%}
.col-3{flex:0 0 25%;max-width:25%}
.col-4{flex:0 0 33.3333%;max-width:33.3333%}
.col-5{flex:0 0 41.6667%;max-width:41.6667%}
.col-6{flex:0 0 50%;max-width:50%}
.col-7{flex:0 0 58.3333%;max-width:58.3333%}
.col-8{flex:0 0 66.6667%;max-width:66.6667%}
.col-9{flex:0 0 75%;max-width:75%}
.col-10{flex:0 0 83.3333%;max-width:83.3333%}
.col-11{flex:0 0 91.6667%;max-width:91.6667%}
.col-12{flex:0 0 100%;max-width:100%}

@media(min-width:576px){
  .col-sm{flex:1 0 0%;max-width:100%}
  .col-sm-auto{flex:0 0 auto;width:auto;max-width:100%}
  .col-sm-1{flex:0 0 8.3333%;max-width:8.3333%}
  .col-sm-2{flex:0 0 16.6667%;max-width:16.6667%}
  .col-sm-3{flex:0 0 25%;max-width:25%}
  .col-sm-4{flex:0 0 33.3333%;max-width:33.3333%}
  .col-sm-5{flex:0 0 41.6667%;max-width:41.6667%}
  .col-sm-6{flex:0 0 50%;max-width:50%}
  .col-sm-7{flex:0 0 58.3333%;max-width:58.3333%}
  .col-sm-8{flex:0 0 66.6667%;max-width:66.6667%}
  .col-sm-9{flex:0 0 75%;max-width:75%}
  .col-sm-10{flex:0 0 83.3333%;max-width:83.3333%}
  .col-sm-11{flex:0 0 91.6667%;max-width:91.6667%}
  .col-sm-12{flex:0 0 100%;max-width:100%}
}
@media(min-width:768px){
  .col-md{flex:1 0 0%;max-width:100%}
  .col-md-auto{flex:0 0 auto;width:auto;max-width:100%}
  .col-md-1{flex:0 0 8.3333%;max-width:8.3333%}
  .col-md-2{flex:0 0 16.6667%;max-width:16.6667%}
  .col-md-3{flex:0 0 25%;max-width:25%}
  .col-md-4{flex:0 0 33.3333%;max-width:33.3333%}
  .col-md-5{flex:0 0 41.6667%;max-width:41.6667%}
  .col-md-6{flex:0 0 50%;max-width:50%}
  .col-md-7{flex:0 0 58.3333%;max-width:58.3333%}
  .col-md-8{flex:0 0 66.6667%;max-width:66.6667%}
  .col-md-9{flex:0 0 75%;max-width:75%}
  .col-md-10{flex:0 0 83.3333%;max-width:83.3333%}
  .col-md-11{flex:0 0 91.6667%;max-width:91.6667%}
  .col-md-12{flex:0 0 100%;max-width:100%}
}
@media(min-width:992px){
  .col-lg{flex:1 0 0%;max-width:100%}
  .col-lg-auto{flex:0 0 auto;width:auto;max-width:100%}
  .col-lg-1{flex:0 0 8.3333%;max-width:8.3333%}
  .col-lg-2{flex:0 0 16.6667%;max-width:16.6667%}
  .col-lg-3{flex:0 0 25%;max-width:25%}
  .col-lg-4{flex:0 0 33.3333%;max-width:33.3333%}
  .col-lg-5{flex:0 0 41.6667%;max-width:41.6667%}
  .col-lg-6{flex:0 0 50%;max-width:50%}
  .col-lg-7{flex:0 0 58.3333%;max-width:58.3333%}
  .col-lg-8{flex:0 0 66.6667%;max-width:66.6667%}
  .col-lg-9{flex:0 0 75%;max-width:75%}
  .col-lg-10{flex:0 0 83.3333%;max-width:83.3333%}
  .col-lg-11{flex:0 0 91.6667%;max-width:91.6667%}
  .col-lg-12{flex:0 0 100%;max-width:100%}
}
@media(min-width:1200px){
  .col-xl{flex:1 0 0%;max-width:100%}
  .col-xl-auto{flex:0 0 auto;width:auto;max-width:100%}
  .col-xl-1{flex:0 0 8.3333%;max-width:8.3333%}
  .col-xl-2{flex:0 0 16.6667%;max-width:16.6667%}
  .col-xl-3{flex:0 0 25%;max-width:25%}
  .col-xl-4{flex:0 0 33.3333%;max-width:33.3333%}
  .col-xl-5{flex:0 0 41.6667%;max-width:41.6667%}
  .col-xl-6{flex:0 0 50%;max-width:50%}
  .col-xl-7{flex:0 0 58.3333%;max-width:58.3333%}
  .col-xl-8{flex:0 0 66.6667%;max-width:66.6667%}
  .col-xl-9{flex:0 0 75%;max-width:75%}
  .col-xl-10{flex:0 0 83.3333%;max-width:83.3333%}
  .col-xl-11{flex:0 0 91.6667%;max-width:91.6667%}
  .col-xl-12{flex:0 0 100%;max-width:100%}
}

/* === DISPLAY === */
.d-none{display:none!important}
.d-inline{display:inline!important}
.d-inline-block{display:inline-block!important}
.d-block{display:block!important}
.d-flex{display:flex!important}
.d-inline-flex{display:inline-flex!important}
@media(min-width:576px){.d-sm-none{display:none!important}.d-sm-block{display:block!important}.d-sm-flex{display:flex!important}.d-sm-inline-block{display:inline-block!important}}
@media(min-width:768px){.d-md-none{display:none!important}.d-md-block{display:block!important}.d-md-flex{display:flex!important}.d-md-inline-block{display:inline-block!important}}
@media(min-width:992px){.d-lg-none{display:none!important}.d-lg-block{display:block!important}.d-lg-flex{display:flex!important}.d-lg-inline-block{display:inline-block!important}}
@media(min-width:1200px){.d-xl-none{display:none!important}.d-xl-block{display:block!important}.d-xl-flex{display:flex!important}}

/* === FLEX === */
.flex-row{flex-direction:row!important}
.flex-column{flex-direction:column!important}
.flex-wrap{flex-wrap:wrap!important}
.flex-nowrap{flex-wrap:nowrap!important}
.flex-grow-1{flex-grow:1!important}
.flex-grow-0{flex-grow:0!important}
.flex-shrink-0{flex-shrink:0!important}
.flex-fill{flex:1 1 auto!important}
@media(min-width:768px){.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}}
@media(min-width:992px){.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}}
.justify-content-start{justify-content:flex-start!important}
.justify-content-end{justify-content:flex-end!important}
.justify-content-center{justify-content:center!important}
.justify-content-between{justify-content:space-between!important}
.justify-content-around{justify-content:space-around!important}
.align-items-start{align-items:flex-start!important}
.align-items-end{align-items:flex-end!important}
.align-items-center{align-items:center!important}
.align-items-baseline{align-items:baseline!important}
.align-items-stretch{align-items:stretch!important}
.align-self-center{align-self:center!important}

/* === SPACING (Bootstrap ölçeği: 0=0 1=.25 2=.5 3=1 4=1.5 5=3rem) === */
.m-0{margin:0!important}.m-1{margin:.25rem!important}.m-2{margin:.5rem!important}.m-3{margin:1rem!important}.m-4{margin:1.5rem!important}.m-5{margin:3rem!important}.m-auto{margin:auto!important}
.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:3rem!important}.mt-auto{margin-top:auto!important}
.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}.mb-auto{margin-bottom:auto!important}
.ml-0{margin-left:0!important}.ml-1{margin-left:.25rem!important}.ml-2{margin-left:.5rem!important}.ml-3{margin-left:1rem!important}.ml-4{margin-left:1.5rem!important}.ml-5{margin-left:3rem!important}.ml-auto{margin-left:auto!important}
.mr-0{margin-right:0!important}.mr-1{margin-right:.25rem!important}.mr-2{margin-right:.5rem!important}.mr-3{margin-right:1rem!important}.mr-4{margin-right:1.5rem!important}.mr-5{margin-right:3rem!important}.mr-auto{margin-right:auto!important}
.mx-auto{margin-right:auto!important;margin-left:auto!important}
.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}
.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.p-5{padding:3rem!important}
.pt-0{padding-top:0!important}.pt-1{padding-top:.25rem!important}.pt-2{padding-top:.5rem!important}.pt-3{padding-top:1rem!important}.pt-4{padding-top:1.5rem!important}
.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:.25rem!important}.pb-2{padding-bottom:.5rem!important}.pb-3{padding-bottom:1rem!important}.pb-4{padding-bottom:1.5rem!important}
.pl-0{padding-left:0!important}.pl-2{padding-left:.5rem!important}.pl-3{padding-left:1rem!important}
.pr-0{padding-right:0!important}.pr-2{padding-right:.5rem!important}.pr-3{padding-right:1rem!important}
.px-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-3{padding-right:1rem!important;padding-left:1rem!important}
.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-3{padding-top:1rem!important;padding-bottom:1rem!important}
@media(min-width:992px){.mb-lg-0{margin-bottom:0!important}.mt-lg-0{margin-top:0!important}}
@media(min-width:768px){.mb-md-0{margin-bottom:0!important}.mr-md-2{margin-right:.5rem!important}}

/* === TEXT === */
.text-left{text-align:left!important}
.text-center{text-align:center!important}
.text-right{text-align:right!important}
.text-muted{color:var(--c-text-muted)!important}
.text-white{color:#fff!important}
.text-nowrap{white-space:nowrap!important}
.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.font-weight-bold{font-weight:700!important}
.font-weight-normal{font-weight:400!important}
.text-uppercase{text-transform:uppercase!important}

/* === SIZING === */
.w-100{width:100%!important}
.w-50{width:50%!important}
.w-auto{width:auto!important}
.h-100{height:100%!important}
.mw-100{max-width:100%!important}

/* === POSITION / MISC === */
.position-relative{position:relative!important}
.position-absolute{position:absolute!important}
.d-flex.align-items-center{align-items:center}
.float-right{float:right!important}
.float-left{float:left!important}

/* ============================================================
   BOOTSTRAP BİLEŞEN KARŞILIKLARI (çıplak class'lar)
   ============================================================ */

/* === ALERT === */
.alert{position:relative;padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:var(--r-sm);font-size:.875rem;font-weight:500}
.alert-dismissible{padding-right:3.5rem}
.alert .close{position:absolute;top:0;right:0;padding:.7rem 1.1rem;color:inherit;background:transparent;border:0;font-size:1.4rem;line-height:1;cursor:pointer;opacity:.6}
.alert .close:hover{opacity:1}
.alert-success{background:var(--c-success-bg);color:var(--c-success-strong)}
.alert-danger{background:var(--c-danger-bg);color:var(--c-danger)}
.alert-info{background:var(--c-primary-light);color:var(--c-primary-dark)}
.alert-warning{background:var(--c-warning-bg);color:#9a6a00}
.fade{transition:opacity .15s linear}
.fade:not(.show){opacity:0}
.alert.fade.show{opacity:1}

/* === BADGE (çıplak) === */
.badge{display:inline-block;padding:.35em .6em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:var(--r-sm)}

/* === TABLE === */
.table{width:100%;margin-bottom:1rem;border-collapse:collapse;color:var(--c-text)}
.table th,.table td{padding:.75rem;vertical-align:middle;border-top:1px solid var(--c-border-light);text-align:left}
.table thead th{vertical-align:bottom;border-bottom:1px solid var(--c-border);font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--c-text-muted);font-weight:700}
.table tbody tr:first-child td{border-top:none}
.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.table-bordered,.table-bordered th,.table-bordered td{border:1px solid var(--c-border)}

/* === BREADCRUMB === */
.breadcrumb{display:flex;flex-wrap:wrap;padding:0;margin:0;list-style:none;background:transparent}
.breadcrumb-item+.breadcrumb-item{padding-left:.5rem}
.breadcrumb-item+.breadcrumb-item::before{display:inline-block;padding-right:.5rem;color:var(--c-text-muted);content:"›"}
.breadcrumb-item a{color:var(--c-text-secondary)}
.breadcrumb-item.active{color:var(--c-text-muted)}

/* === BUTTONS (çıplak Bootstrap btn) === */
.btn{display:inline-block;font-weight:500;text-align:center;white-space:nowrap;vertical-align:middle;user-select:none;border:1px solid transparent;padding:.375rem .75rem;font-size:.9375rem;line-height:1.5;border-radius:var(--r-sm);background:transparent;cursor:pointer;transition:all var(--dur-fast) var(--ease);font-family:inherit;color:var(--c-text)}
.btn:focus,.btn:hover{text-decoration:none}
.btn-sm{padding:.25rem .5rem;font-size:.8125rem;border-radius:var(--r-sm)}
.btn-lg{padding:.5rem 1rem;font-size:1.0625rem}
.btn-block{display:block;width:100%}
.btn-link{font-weight:400;color:var(--c-primary);background:transparent;border:none}
.btn-link:hover{color:var(--c-primary-dark);text-decoration:underline}
.btn-primary{color:#fff;background:var(--c-primary);border-color:var(--c-primary)}
.btn-primary:hover{background:var(--c-primary-dark);border-color:var(--c-primary-dark)}
.btn-outline-primary{color:var(--c-primary);border-color:var(--c-primary)}
.btn-outline-primary:hover{color:#fff;background:var(--c-primary)}
.btn-light{color:var(--c-text);background:var(--c-gray-100);border-color:var(--c-gray-200)}
.btn-light:hover{background:var(--c-gray-200)}

/* === MODAL === */
.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:var(--z-modal);overflow:hidden;outline:0;background:rgba(11,20,27,.5)}
.modal.show{display:block}
.modal-open{overflow:hidden}
.modal-dialog{position:relative;width:auto;margin:1.75rem auto;max-width:500px;pointer-events:none}
.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - 3.5rem)}
.modal-content{position:relative;display:flex;flex-direction:column;width:100%;pointer-events:auto;background:var(--c-card);border-radius:var(--r-lg);box-shadow:var(--s-xl);overflow:hidden}
.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--c-border-light)}
.modal-header .close{padding:0;width:32px;height:32px;border:none;background:var(--c-gray-100);border-radius:50%;font-size:1.3rem;line-height:1;cursor:pointer;color:var(--c-text-secondary)}
.modal-title{margin:0;font-family:var(--font-head);font-weight:700;font-size:1.0625rem;color:var(--c-ink)}
.modal-body{position:relative;flex:1 1 auto;padding:1.25rem;max-height:70vh;overflow-y:auto}
.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:1rem 1.25rem;border-top:1px solid var(--c-border-light)}
@media(max-width:575px){.modal-dialog{margin:1rem;max-width:none}}

/* === CUSTOM CHECKBOX === */
.custom-control{position:relative;display:block;min-height:1.5rem;padding-left:1.75rem}
.custom-control-input{position:absolute;left:0;z-index:-1;width:1.25rem;height:1.25rem;opacity:0}
.custom-control-label{position:relative;margin-bottom:0;vertical-align:top;cursor:pointer}
.custom-control-label::before{position:absolute;top:.1rem;left:-1.75rem;width:1.25rem;height:1.25rem;content:"";background:var(--c-card);border:1.5px solid var(--c-border);border-radius:.3rem;transition:all var(--dur-fast)}
.custom-control-label::after{position:absolute;top:.1rem;left:-1.75rem;width:1.25rem;height:1.25rem;content:"";background-repeat:no-repeat;background-position:center;background-size:62%}
.custom-control-input:checked~.custom-control-label::before{background:var(--c-primary);border-color:var(--c-primary)}
.custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e")}
.custom-control-input:focus~.custom-control-label::before{box-shadow:var(--c-focus-ring)}

/* === CLOSE (genel) === */
.close{font-size:1.5rem;font-weight:700;line-height:1;color:inherit;opacity:.5;background:transparent;border:0;cursor:pointer}
.close:hover{opacity:.9}