/*!
 * İnsya UI — eski sınıf sözlüğü (insya-compat). Bootstrap 3'ün hâlâ kullanılan parçalarının (form, düğme, sekme / gezinme,
 * yardımcı sınıflar) İnsya UI belirteçlerine (--iu-*) bağlı karşılıkları. Bootstrap kodu değildir; mevcut görünümlerin sınıf
 * adları (btn, nav-tabs, pull-right, mt10…) çalışmaya devam etsin diye vardır. Izgara (row / col-*), well, tablo, uyarı ve rozet
 * sözlüğü kaldırıldı: iu-cols / iu-span-N, iu-card, iu-table, iu-alert, iu-badge kullanılır (insya-ui.css, insya-components.css).
 * Görünümler dönüştükçe buradaki kurallar silinir.
 * insya-components.css'ten ÖNCE yüklenir.
 */

/* ---------------- Sıfırlama ---------------- */
*, *::before, *::after { box-sizing: border-box; }
html { font-size: 13px; -webkit-text-size-adjust: 100%; }
body { margin: 0; font: 13px / 1.49 Roboto, Helvetica, Arial, sans-serif; color: var(--iu-ink-soft, #40573e); background: var(--iu-bg, #f1f0e4); }
a { color: var(--iu-accent, #2b5038); text-decoration: none; }
a:hover, a:focus { text-decoration: underline; }
img { max-width: 100%; vertical-align: middle; border: 0; }
h1, h2, h3, h4, h5, h6 { margin: 0 0 8px; font-weight: 600; line-height: 1.25; }
h1 { font-size: 24px; } h2 { font-size: 20px; } h3 { font-size: 17px; } h4 { font-size: 15px; } h5 { font-size: 13px; } h6 { font-size: 12px; }
p { margin: 0 0 8px; }
ul, ol { margin: 0 0 8px; padding-left: 20px; }
hr { margin: 12px 0; border: 0; border-top: 1px solid var(--iu-line, rgba(83,105,83,.2)); }
small, .small { font-size: 85%; }
button, input, select, textarea { font: inherit; color: inherit; }
label { display: inline-block; margin-bottom: 4px; font-weight: 600; }
table { border-collapse: collapse; border-spacing: 0; }
th { text-align: left; }
[hidden] { display: none !important; }

/* ---------------- Yerleşim ---------------- */
.container { width: 100%; margin: 0 auto; padding: 0 15px; }
.container { max-width: 1170px; }
.clearfix::after { content: ""; display: table; clear: both; }
.pull-left { float: left !important; } .pull-right { float: right !important; }
.center-block { display: block; margin: 0 auto; }
.hidden { display: none !important; }
.sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }

@media (max-width: 767px) { .hidden-xs { display: none !important; } }
@media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } }

/* ---------------- Form ---------------- */
.iu-field { margin-bottom: 12px; }
.iu-label { margin-bottom: 4px; font-weight: 600; }
.form-control, .iu-input--sm {
  display: block; width: 100%; height: 39px; padding: 9px 12px; font: inherit; font-size: var(--iu-font, 13px);
  color: var(--iu-ink); background: var(--iu-surface); border: 1px solid var(--iu-line-strong, rgba(83,105,83,.35));
  border-radius: var(--iu-radius-sm, 6px);
}
.iu-input--sm { height: 30px; padding: 5px 10px; font-size: 12px; }
select.form-control, select.iu-input--sm { padding-top: 0; padding-bottom: 0; }

textarea.form-control, textarea.iu-input--sm { height: auto; min-height: 60px; resize: vertical; }
.form-control:focus, .iu-input--sm:focus { outline: none; border-color: var(--iu-accent); box-shadow: 0 0 0 1px var(--iu-accent); }
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background: var(--iu-surface-2); cursor: not-allowed; opacity: .8; }

.iu-field-hint { display: block; margin: 4px 0 0; font-size: 11px; color: var(--iu-muted); }
.has-error .form-control, .has-error .iu-input--sm { border-color: var(--iu-danger); }
.has-error .iu-label, .has-error .iu-field-hint { color: var(--iu-danger); }
/* Etiket + alan çiftleri iu-cols / iu-span-N ile kurulur; yatay formda sütun boşluğu etiketin kendi iç boşluğundadır */
.form-horizontal .iu-field.iu-cols { gap: 0; }
.form-horizontal .iu-label { padding: 5px 15px 0; text-align: right; margin-bottom: 0; }
.form-inline .iu-field { display: inline-block; margin-bottom: 0; vertical-align: middle; }
.form-inline .form-control { display: inline-block; width: auto; }
.checkbox, .radio { display: block; margin: 6px 0; }
.checkbox label, .radio label { display: inline-flex; align-items: center; gap: 6px; margin: 0; font-weight: 400; cursor: pointer; }
.iu-input-group { position: relative; display: flex; width: 100%; }
.iu-input-group .form-control { flex: 1 1 auto; width: 1%; min-width: 0; }
.iu-input-addon, .iu-input-btn { display: flex; align-items: center; padding: 0 10px; background: var(--iu-surface-2); border: 1px solid var(--iu-line-strong); white-space: nowrap; }
.iu-input-btn { padding: 0; border: 0; background: none; }
.iu-input-group > :first-child { border-radius: var(--iu-radius-sm) 0 0 var(--iu-radius-sm); }
.iu-input-group > :last-child { border-radius: 0 var(--iu-radius-sm) var(--iu-radius-sm) 0; }
.iu-input-group > * + * { margin-left: -1px; }

/* ---------------- Düğme (iu-btn ile aynı görünüm; eski adlar) ---------------- */
.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 9px 12px;
  font: 400 13px / 1.49 Roboto, Helvetica, Arial, sans-serif; color: var(--iu-ink); text-decoration: none; white-space: nowrap; cursor: pointer;
  background: var(--iu-surface); border: 1px solid var(--iu-line-strong); border-radius: var(--iu-radius-sm, 6px);
}
.btn:not(.iu-btn):hover, .btn:not(.iu-btn):focus { background: var(--iu-hover); color: var(--iu-ink); text-decoration: none; }
.btn:focus-visible { outline: 2px solid var(--iu-accent); outline-offset: 1px; }
.btn[disabled], .btn.disabled, fieldset[disabled] .btn { opacity: .5; cursor: not-allowed; pointer-events: none; }
.btn-primary,.btn-system { background: var(--iu-accent); border-color: var(--iu-accent); color: var(--iu-accent-ink); }
.btn-primary:hover,.btn-primary:focus,.btn-system:hover { background: var(--iu-accent-strong); color: var(--iu-accent-ink); }

.btn-info { background: var(--iu-info-soft); border-color: var(--iu-info); color: var(--iu-info); }
.btn-info:hover { filter: brightness(.96); color: inherit; }

.btn-sm { padding: 5px 10px; font-size: 12px; line-height: 1.5; }

.iu-btn-group { position: relative; display: inline-flex; vertical-align: middle; }
.iu-btn-group > .btn + .btn, .iu-btn-group > .iu-btn-group + .btn, .iu-btn-group > .btn + .iu-btn-group { margin-left: -1px; }
.iu-btn-group > .btn:not(:first-child):not(:last-child) { border-radius: 0; }
.iu-btn-group > .btn:first-child:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.iu-btn-group > .btn:last-child:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; }
.iu-btn-group--block { display: flex; width: 100%; }
.iu-btn-group--block > .btn, .iu-btn-group--block > .iu-btn-group { flex: 1 1 0; }
.iu-caret { display: inline-block; width: 0; height: 0; margin-left: 4px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; }

/* ---------------- Tablo satır durumları (bootstrap-table rowStyle: active / warning) ---------------- */
tr.active, td.active, th.active { background: var(--iu-select); }
tr.warning, td.warning { background: var(--iu-warn-soft); }

/* ---------------- Panel ---------------- */
.iu-panel { margin-bottom: 14px; background: var(--iu-surface); border: 1px solid var(--iu-line); border-radius: calc(var(--iu-radius) + 2px); }
.iu-panel-head { padding: 10px 15px; background: var(--iu-bar); border-bottom: 1px solid var(--iu-line); border-radius: calc(var(--iu-radius) + 1px) calc(var(--iu-radius) + 1px) 0 0; }
.iu-panel-title { margin: 0; font-size: 14px; font-weight: 600; }
.iu-panel-body { padding: 15px; }
.iu-panel-foot { padding: 9px 14px; background: var(--iu-surface-2); border-top: 1px solid var(--iu-line); }
.iu-panel-group .iu-panel + .iu-panel { margin-top: 6px; }
.iu-panel--info > .iu-panel-head { background: var(--iu-info-soft); color: var(--iu-info); }
.iu-panel--warning > .iu-panel-head { background: var(--iu-warn-soft); color: var(--iu-warn); }
.iu-panel--danger > .iu-panel-head { background: var(--iu-danger-soft); color: var(--iu-danger); }
.iu-panel--primary > .iu-panel-head { background: var(--iu-accent); color: var(--iu-accent-ink); }

/* ---------------- Sekme / gezinme / açılır menü ---------------- */
.nav { margin: 0; padding: 0; list-style: none; }
.nav > li { position: relative; display: block; }
.nav > li > a { display: block; padding: 8px 14px; color: var(--iu-ink-soft); text-decoration: none; }
.nav > li > a:hover { background: var(--iu-hover); }
.nav-tabs { display: flex; flex-wrap: wrap; border-bottom: 1px solid var(--iu-line-strong); }
.nav-tabs > li { margin-bottom: -1px; }
.nav-tabs > li > a { border: 1px solid transparent; border-radius: var(--iu-radius-sm) var(--iu-radius-sm) 0 0; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover { color: var(--iu-ink); background: var(--iu-surface); border-color: var(--iu-line-strong) var(--iu-line-strong) transparent; }
.nav-stacked { flex-direction: column; }
.tab-content > .tab-pane { display: none; }
.tab-content > .tab-pane.active { display: block; }
.fade { opacity: 0; transition: opacity .15s linear; } .fade.in { opacity: 1; }

.pagination { display: inline-flex; margin: 8px 0; padding: 0; list-style: none; border-radius: var(--iu-radius-sm); }
.pagination > li > a, .pagination > li > span { display: block; padding: 4px 10px; margin-left: -1px; color: var(--iu-accent); background: var(--iu-surface); border: 1px solid var(--iu-line-strong); }
.pagination > .active > a { color: var(--iu-accent-ink); background: var(--iu-accent); border-color: var(--iu-accent); }
.pagination > .disabled > a { opacity: .5; pointer-events: none; }
.breadcrumb { display: flex; flex-wrap: wrap; margin: 0 0 12px; padding: 6px 0; list-style: none; }
.breadcrumb > li + li::before { content: "/"; padding: 0 6px; color: var(--iu-muted); }
.list-group { margin: 0 0 12px; padding: 0; list-style: none; }
.list-group-item { display: block; padding: 8px 14px; margin-bottom: -1px; background: var(--iu-surface); border: 1px solid var(--iu-line); }
.progress { height: 14px; overflow: hidden; background: var(--iu-surface-2); border-radius: 999px; }
.progress-bar { height: 100%; font-size: 10px; line-height: 14px; color: var(--iu-accent-ink); text-align: center; background: var(--iu-accent); transition: width .3s ease; }
.progress-bar-info { background: var(--iu-info); } .progress-bar-warning { background: var(--iu-warn); }
.media { display: flex; gap: 10px; } .media-body { flex: 1 1 auto; } .media-heading { margin: 0 0 4px; }
.img-responsive { display: block; max-width: 100%; height: auto; }
.thumbnail { display: block; padding: 4px; background: var(--iu-surface); border: 1px solid var(--iu-line); border-radius: var(--iu-radius-sm); }

/* ---------------- Yazı yardımcıları ---------------- */
.text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } 
.text-muted { color: var(--iu-muted); } .text-primary { color: var(--iu-accent); } .text-success { color: var(--iu-ok); } .text-info { color: var(--iu-info); }
.text-warning { color: var(--iu-warn); } .text-danger { color: var(--iu-danger); } .text-white { color: #fff; }
.lead { font-size: 16px; } .page-header { margin: 0 0 14px; padding-bottom: 8px; border-bottom: 1px solid var(--iu-line); }
.list-unstyled { padding-left: 0; list-style: none; }

.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }
.mt30 { margin-top: 30px; }
.mtn { margin-top: 0 !important; }
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mbn { margin-bottom: 0 !important; }
.ml5 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.mh5 { margin-left: 5px; margin-right: 5px; }
.mh20 { margin-left: 20px; margin-right: 20px; }
.mv20 { margin-top: 20px; margin-bottom: 20px; }
.mv40 { margin-top: 40px; margin-bottom: 40px; }

.m10 { margin: 10px; }
.m20 { margin: 20px; }
.mn { margin: 0 !important; }
.pt10 { padding-top: 10px; }
.pt20 { padding-top: 20px; }
.ptn { padding-top: 0 !important; }
.pb5 { padding-bottom: 5px; }
.pb10 { padding-bottom: 10px; }
.pb15 { padding-bottom: 15px; }
.pb20 { padding-bottom: 20px; }
.pbn { padding-bottom: 0 !important; }
.pl5 { padding-left: 5px; }
.pl10 { padding-left: 10px; }
.pl15 { padding-left: 15px; }
.pl20 { padding-left: 20px; }
.pln { padding-left: 0 !important; }
.pr5 { padding-right: 5px; }
.pr10 { padding-right: 10px; }
.pr20 { padding-right: 20px; }
.ph10 { padding-left: 10px; padding-right: 10px; }
.ph20 { padding-left: 20px; padding-right: 20px; }
.ph25 { padding-left: 25px; padding-right: 25px; }
.p1 { padding: 1px; }
.p5 { padding: 5px; }
.p10 { padding: 10px; }
.p12 { padding: 12px; }
.p15 { padding: 15px; }
.p20 { padding: 20px; }
.p25 { padding: 25px; }
.pn { padding: 0 !important; }
.pn { padding: 0 !important; } .mn { margin: 0 !important; }
.fs10 { font-size: 10px; }
.fs11 { font-size: 11px; }
.fs12 { font-size: 12px; }
.fs13 { font-size: 13px; }
.fs18 { font-size: 18px; }
.fs30 { font-size: 30px; }
.fs40 { font-size: 40px; }
.fs45 { font-size: 45px; }
.fw600 { font-weight: 600; } .lh15 { line-height: 1.5; } .cursor { cursor: pointer; } .of-h { overflow: hidden; } .va-m { vertical-align: middle; }
.w100 { width: 100px; }
.w150 { width: 150px; }
.w200 { width: 200px; }
.w350 { width: 350px; }
.mw600 { max-width: 600px; }
.mw700 { max-width: 700px; }
.mw800 { max-width: 800px; }
.br2 { border-radius: 2px; } .br-n { border-radius: 0 !important; } .br64 { border-radius: 64px; } .bw2 { border-width: 2px; }
.fileupload-new, .fileupload-exists { display: none; }