:root{
  --evant-dark:#20375f;
  --evant-blue:#0997d5;
  --evant-teal:#12c8b4;
  --evant-bg:#f4f7fb;
  --evant-text:#243044;
}

body{background:var(--evant-bg)!important;}

header,.navbar,.header-navbar{
  background:var(--evant-dark)!important;
  box-shadow:0 8px 28px rgba(15,23,42,.12)!important;
}

.search-banner{
  min-height:540px!important;
  background:
    linear-gradient(rgba(32,55,95,.82),rgba(32,55,95,.76)),
    radial-gradient(circle at 20% 20%,rgba(18,200,180,.32),transparent 30%),
    radial-gradient(circle at 82% 18%,rgba(9,151,213,.34),transparent 32%),
    linear-gradient(135deg,#20375f 0%,#214b78 55%,#0fa9c7 100%)!important;
  display:flex!important;
  align-items:center!important;
}

.search-banner h1{
  color:#fff!important;
  font-size:0!important;
  text-align:center!important;
}

.search-banner h1:before{
  content:"EVANT DESTEK MERKEZİ";
  display:block;
  font-size:17px;
  letter-spacing:3px;
  font-weight:700;
  opacity:.9;
  margin-bottom:18px;
}

.search-banner h1:after{
  content:"Teknik destek taleplerinizi tek noktadan yönetin";
  display:block;
  font-size:clamp(38px,4vw,60px);
  line-height:1.1;
  font-weight:850;
}

.search-bar-container{
  max-width:920px!important;
  margin:34px auto 0!important;
}

#search-input{
  height:64px!important;
  min-height:64px!important;
  border-radius:22px!important;
  border:none!important;
  background:#fff!important;
  box-shadow:0 22px 55px rgba(0,0,0,.18)!important;
  font-size:17px!important;
}

/* Destek kategorileri */
.evant-service-strip{
  background:var(--evant-bg);
  margin-top:-54px;
  position:relative;
  z-index:5;
  padding:0 0 48px;
}

.evant-strip-title{
  color:var(--evant-dark);
  font-size:26px;
  font-weight:850;
  margin-bottom:24px;
}

.evant-strip-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
}

.evant-strip-card{
  display:flex;
  gap:14px;
  background:#fff;
  border-radius:22px;
  padding:22px 20px;
  min-height:132px;
  box-shadow:0 18px 44px rgba(15,23,42,.10);
  transition:.22s ease;
}

.evant-strip-card:hover{
  transform:translateY(-5px);
}

.evant-strip-icon{
  width:56px!important;
  height:56px!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,#e8f7ff,#e7fffb)!important;
  color:#0fa9c7!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto;
}

.evant-strip-icon i{
  font-size:29px!important;
}

.evant-strip-card strong{
  display:block;
  color:var(--evant-dark);
  font-size:17px;
  font-weight:850;
  margin-bottom:7px;
}

.evant-strip-card span{
  color:#64748b;
  font-size:14px;
  line-height:1.45;
}

/* Ana hızlı kartlar */
.tiles-banner{
  background:var(--evant-bg)!important;
  padding:48px 0 60px!important;
}

.tiles-banner .row > div{
  margin-bottom:28px!important;
}

.tiles-banner .card{
  border:0!important;
  border-radius:26px!important;
  background:#fff!important;
  min-height:190px!important;
  box-shadow:0 18px 45px rgba(15,23,42,.09)!important;
  overflow:hidden!important;
  transition:.22s ease!important;
}

.tiles-banner .card:hover{
  transform:translateY(-7px)!important;
  box-shadow:0 28px 70px rgba(15,23,42,.16)!important;
}

.tiles-banner .card:before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:7px;
  background:linear-gradient(90deg,#20375f,#0997d5,#12c8b4);
}

.tiles-banner .card-body{
  padding:30px 28px!important;
}

.tiles-banner .card-body>.d-flex{
  align-items:center!important;
}

.tiles-banner .aspect-ratio-1{
  width:76px!important;
  height:76px!important;
  min-width:76px!important;
  border-radius:22px!important;
  background:linear-gradient(135deg,#20375f,#0997d5)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-shadow:0 16px 30px rgba(9,151,213,.24)!important;
}

.tiles-banner .card-title,
.tiles-banner h2.card-title{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  font-size:22px!important;
  line-height:1.25!important;
  color:var(--evant-dark)!important;
  font-weight:850!important;
  margin-bottom:12px!important;
}

.tiles-banner .card-title:before,
.tiles-banner .card-title:after,
.tiles-banner h2:before,
.tiles-banner h2:after{
  content:none!important;
  display:none!important;
}

.tiles-banner .text-secondary,
.tiles-banner .remove-last-tinymce-margin{
  color:#5f6f89!important;
  font-size:16px!important;
  line-height:1.55!important;
}

/* Orta kartı öne çıkar */
.tiles-banner .row > div:nth-child(2) .card{
  background:linear-gradient(135deg,#20375f,#0b8fbd)!important;
}

.tiles-banner .row > div:nth-child(2) .card-title,
.tiles-banner .row > div:nth-child(2) h2.card-title,
.tiles-banner .row > div:nth-child(2) .text-secondary{
  color:#fff!important;
}

/* Güven şeridi */
.evant-trust-strip{
  background:#fff;
  padding:28px 0;
  border-top:1px solid rgba(32,55,95,.08);
}

.evant-trust-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}

.evant-trust-item{
  text-align:center;
  color:var(--evant-dark);
  font-weight:800;
}

.evant-trust-item span{
  display:block;
  color:#64748b;
  font-size:13px;
  font-weight:500;
  margin-top:4px;
}

@media(max-width:992px){
  .evant-strip-grid{grid-template-columns:repeat(2,1fr);}
}

@media(max-width:576px){
  .evant-strip-grid,.evant-trust-grid{grid-template-columns:1fr;}
  .search-banner h1:after{font-size:36px;}
}

/* EVANT layout refinement */

/* Kartları biraz daha kompakt ve dengeli yap */
.tiles-banner .container-xl {
  max-width: 1360px !important;
}

.tiles-banner .card {
  min-height: 168px !important;
}

.tiles-banner .card-body {
  padding: 26px 26px !important;
}

.tiles-banner .aspect-ratio-1 {
  width: 68px !important;
  height: 68px !important;
  min-width: 68px !important;
}

.tiles-banner .card-title,
.tiles-banner h2.card-title {
  font-size: 20px !important;
  margin-bottom: 8px !important;
}

.tiles-banner .text-secondary,
.tiles-banner .remove-last-tinymce-margin {
  font-size: 15px !important;
}

/* İlk 3 ana kart daha belirgin */
.tiles-banner .row > div:nth-child(1) .card,
.tiles-banner .row > div:nth-child(2) .card,
.tiles-banner .row > div:nth-child(3) .card {
  min-height: 178px !important;
}

/* Daha az boşluk */
.tiles-banner {
  padding-top: 40px !important;
}

/* Alt güven şeridi daha modern */
.evant-trust-strip {
  margin-top: 10px !important;
  background: linear-gradient(180deg, #ffffff, #f8fbff) !important;
}

.evant-trust-grid {
  max-width: 1180px;
  margin: 0 auto;
}

.evant-trust-item {
  position: relative;
  padding: 8px 12px;
}

.evant-trust-item::before {
  content: "";
  display: block;
  width: 38px;
  height: 4px;
  border-radius: 999px;
  margin: 0 auto 12px;
  background: linear-gradient(90deg, #0997d5, #12c8b4);
}

/* Ticket listesi alanını kart içine al */
.tickets-banner {
  background: #f4f7fb !important;
  padding: 46px 0 70px !important;
}

.tickets-banner .container-xl,
.tickets-banner .container {
  background: #ffffff !important;
  border-radius: 26px !important;
  box-shadow: 0 18px 45px rgba(15,23,42,.08) !important;
  padding: 26px !important;
}

/* Gereksiz büyük boşlukları azalt */
.helpdesk-home-container {
  background: #f4f7fb !important;
}

/* Mobil düzen */
@media(max-width: 768px) {
  .tiles-banner .card {
    min-height: 150px !important;
  }

  .tiles-banner .card-body > .d-flex {
    align-items: flex-start !important;
  }
}

/* EVANT: hızlı erişimde sadece ilk 3 ana kart göster */
.tiles-banner .row > div:nth-child(n+4) {
  display: none !important;
}

.tiles-banner .row {
  justify-content: center !important;
}


/* EVANT: ilk 3 kartı Türkçeleştir */
.tiles-banner .row > div:nth-child(1) .card-title {
  font-size: 0 !important;
}

.tiles-banner .row > div:nth-child(1) .card-title::after {
  content: "Bilgi Bankası";
  display: block !important;
  font-size: 22px !important;
  color: #20375f !important;
}

.tiles-banner .row > div:nth-child(2) .card-title {
  font-size: 0 !important;
}

.tiles-banner .row > div:nth-child(2) .card-title::after {
  content: "Destek Talebi Oluştur";
  display: block !important;
  font-size: 22px !important;
  color: #ffffff !important;
}

.tiles-banner .row > div:nth-child(3) .card-title {
  font-size: 0 !important;
}

.tiles-banner .row > div:nth-child(3) .card-title::after {
  content: "Taleplerimi Görüntüle";
  display: block !important;
  font-size: 22px !important;
  color: #20375f !important;
}

/* EVANT final card polish */

/* Kategori ile hızlı kartlar arası boşluğu azalt */
.evant-service-strip {
  padding-bottom: 24px !important;
}

.tiles-banner {
  padding-top: 12px !important;
  padding-bottom: 36px !important;
}

/* Hızlı kartları daha kompakt yap */
.tiles-banner .card {
  min-height: 168px !important;
  border-radius: 24px !important;
}

.tiles-banner .card-body {
  padding: 24px 26px !important;
}

.tiles-banner .aspect-ratio-1 {
  width: 64px !important;
  height: 64px !important;
  min-width: 64px !important;
  border-radius: 20px !important;
}

.tiles-banner .row {
  row-gap: 8px !important;
}

/* Kart başlıklarını JS ile eklediğimiz için alanı daha temiz göster */
.tiles-banner .remove-last-tinymce-margin {
  font-size: 16px !important;
  line-height: 1.5 !important;
}

/* Alt güven şeridi biraz yukarı gelsin */
.evant-trust-strip {
  margin-top: 0 !important;
  padding: 22px 0 !important;
}

/* Ticket alanı çok aşağı düşmesin */
.tickets-banner {
  padding-top: 30px !important;
}

/* Kart üst rozetleri */
.tiles-banner .row > div:nth-child(1) .card::after {
  content: "DOKÜMANTASYON";
}

.tiles-banner .row > div:nth-child(2) .card::after {
  content: "HIZLI İŞLEM";
}

.tiles-banner .row > div:nth-child(3) .card::after {
  content: "TAKİP";
}

.tiles-banner .card::after {
  position: absolute;
  right: 22px;
  bottom: 18px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .8px;
  color: #0fa9c7;
  background: #e8fbff;
  border-radius: 999px;
  padding: 7px 12px;
}

.tiles-banner .row > div:nth-child(2) .card::after {
  color: #ffffff;
  background: rgba(255,255,255,.18);
}

/* Mobilde daha sıkı */
@media(max-width: 768px) {
  .search-banner {
    min-height: 430px !important;
  }

  .evant-service-strip {
    margin-top: -30px !important;
  }

  .tiles-banner .card {
    min-height: 150px !important;
  }
}

/* EVANT injected card titles */
.evant-card-title {
  display: block !important;
  font-size: 22px !important;
  line-height: 1.2 !important;
  font-weight: 850 !important;
  color: #20375f !important;
  margin-bottom: 10px !important;
}

.tiles-banner .row > div:nth-child(2) .evant-card-title {
  color: #ffffff !important;
}

.tiles-banner .row > div:nth-child(2) .remove-last-tinymce-margin {
  color: rgba(255,255,255,.9) !important;
}


/* EVANT injected card titles */
.evant-card-title {
  display: block !important;
  font-size: 22px !important;
  line-height: 1.2 !important;
  font-weight: 850 !important;
  color: #20375f !important;
  margin-bottom: 10px !important;
}

.tiles-banner .row > div:nth-child(2) .evant-card-title {
  color: #ffffff !important;
}

.tiles-banner .row > div:nth-child(2) .remove-last-tinymce-margin {
  color: rgba(255,255,255,.9) !important;
}


/* EVANT form render page */
body:has(form) .form-renderer,
body:has(.form-renderer),
body:has([data-testid*="form"]) {
  background: #f4f7fb !important;
}

.form-renderer,
.form-renderer-container,
.form-render-page {
  background: #f4f7fb !important;
}

.form-renderer .card,
.form-render-page .card,
form .card {
  border: 0 !important;
  border-radius: 24px !important;
  box-shadow: 0 18px 45px rgba(15,23,42,.08) !important;
}

.form-renderer h1,
.form-render-page h1,
form h1 {
  color: #20375f !important;
  font-weight: 850 !important;
}

.form-renderer input,
.form-renderer textarea,
.form-renderer select,
.form-render-page input,
.form-render-page textarea,
.form-render-page select,
form input,
form textarea,
form select {
  border-radius: 14px !important;
  border: 1px solid rgba(32,55,95,.14) !important;
}

.form-renderer input:focus,
.form-renderer textarea:focus,
.form-renderer select:focus,
form input:focus,
form textarea:focus,
form select:focus {
  border-color: #0fa9c7 !important;
  box-shadow: 0 0 0 4px rgba(15,169,199,.12) !important;
}

.form-renderer button[type="submit"],
.form-render-page button[type="submit"],
.evant-page-formrender .form-renderer button[type="submit"],
.evant-page-formrender .form-renderer .btn-primary {
  background: linear-gradient(135deg,#20375f,#0fa9c7) !important;
  border: 0 !important;
  border-radius: 14px !important;
  padding: 12px 22px !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 30px rgba(15,169,199,.22) !important;
}

/* Form sayfası üst kurumsal görünüm */
.evant-form-hero {
  background:
    linear-gradient(rgba(32,55,95,.88),rgba(32,55,95,.82)),
    radial-gradient(circle at 20% 20%,rgba(18,200,180,.35),transparent 30%),
    linear-gradient(135deg,#20375f,#0fa9c7);
  color: #fff;
  border-radius: 0 0 32px 32px;
  padding: 54px 24px;
  margin: -1rem -1rem 34px;
  text-align: center;
}

.evant-form-hero small {
  display: block;
  letter-spacing: 2.5px;
  font-weight: 800;
  opacity: .88;
  margin-bottom: 10px;
}

.evant-form-hero h1 {
  color: #fff !important;
  margin: 0;
  font-size: clamp(34px,4vw,52px);
  font-weight: 850;
}

.evant-form-hero p {
  margin: 14px auto 0;
  max-width: 760px;
  color: rgba(255,255,255,.88);
  font-size: 16px;
}


/* ==========================
   EVANT SERVICE CATALOG
   ========================== */

.page-service-catalog h1,
h1 {
    font-size: 48px !important;
    font-weight: 800 !important;
    color: #20375f !important;
}

.page-service-catalog .card,
.service-catalog .card,
a.card {
    border: 0 !important;
    border-radius: 24px !important;
    overflow: hidden;
    box-shadow: 0 15px 40px rgba(0,0,0,.08) !important;
    transition: .25s ease;
}

.page-service-catalog .card:hover,
.service-catalog .card:hover,
a.card:hover {
    transform: translateY(-8px);
    box-shadow: 0 25px 60px rgba(15,169,199,.18) !important;
}

.page-service-catalog .card::before,
.service-catalog .card::before,
a.card::before {
    content:'';
    display:block;
    height:6px;
    background:linear-gradient(
        90deg,
        #20375f,
        #0fa9c7,
        #1dd3b0
    );
}

.page-service-catalog .card-title,
.card-title {
    font-size:30px !important;
    font-weight:800 !important;
    color:#20375f !important;
}

.page-service-catalog .text-secondary,
.card .text-secondary {
    font-size:18px !important;
    line-height:1.7 !important;
}

.page-service-catalog .search-input,
input[type="search"] {
    border-radius:18px !important;
    min-height:58px !important;
}

.page-service-catalog .container-xl {
    max-width:1400px !important;
}


/* EVANT Service Catalog Premium */
body:has([href*="/Form/Render"]),
body:has(input[placeholder*="Form ara"]) {
  background: #f4f7fb !important;
}

body:has(input[placeholder*="Form ara"]) main::before {
  content: "EVANT DESTEK MERKEZİ\Aİhtiyacınız olan destek türünü seçin ve talebinizi kolayca oluşturun.";
  white-space: pre-line;
  display: block;
  margin: 0 0 34px;
  padding: 54px 48px;
  border-radius: 0 0 34px 34px;
  background:
    linear-gradient(rgba(32,55,95,.88), rgba(32,55,95,.82)),
    radial-gradient(circle at 20% 20%, rgba(18,200,180,.30), transparent 28%),
    linear-gradient(135deg,#20375f,#0fa9c7);
  color: #fff;
  font-size: 18px;
  line-height: 1.6;
  font-weight: 500;
  letter-spacing: .2px;
}

body:has(input[placeholder*="Form ara"]) main::before::first-line {
  font-size: 42px;
  font-weight: 900;
}

body:has(input[placeholder*="Form ara"]) h1 {
  display: none !important;
}

body:has(input[placeholder*="Form ara"]) .card {
  min-height: 190px !important;
  border: 0 !important;
  border-radius: 28px !important;
  background: #fff !important;
  box-shadow: 0 18px 48px rgba(15,23,42,.10) !important;
}

body:has(input[placeholder*="Form ara"]) .card:hover {
  transform: translateY(-7px);
  box-shadow: 0 28px 70px rgba(15,23,42,.16) !important;
}

body:has(input[placeholder*="Form ara"]) .card::before {
  content: "";
  display: block;
  height: 7px;
  background: linear-gradient(90deg,#20375f,#0997d5,#12c8b4);
}

body:has(input[placeholder*="Form ara"]) .card-title {
  font-size: 30px !important;
  font-weight: 900 !important;
  color: #20375f !important;
}

body:has(input[placeholder*="Form ara"]) .text-secondary {
  font-size: 18px !important;
  line-height: 1.6 !important;
}

body:has(input[placeholder*="Form ara"]) input {
  border-radius: 16px !important;
  min-height: 54px !important;
}

body:has(input[placeholder*="Form ara"]) .container-xl {
  max-width: 1420px !important;
}

body:has(input[placeholder*="Form ara"]) main::after {
  padding: 22px 28px;
  text-align: center;
  color: #20375f;
  background: #ffffff;
  border-radius: 22px;
  box-shadow: 0 18px 45px rgba(15,23,42,.08);
  font-weight: 800;
}

/* Service catalog kart ikonlarını büyüt */
body:has(input[placeholder*="Form ara"]) .card img,
body:has(input[placeholder*="Form ara"]) .card svg {
  max-width: 110px !important;
  max-height: 110px !important;
}

@media(max-width:768px){
  body:has(input[placeholder*="Form ara"]) main::before {
    padding: 38px 24px;
  }
}

/* EVANT Form Render Premium */
body:has([action*="/Form/Render"]),
.evant-page-formrender {
  background:
    radial-gradient(circle at 10% 10%, rgba(15,169,199,.08), transparent 30%),
    #f4f7fb !important;
}

/* Form sayfası ana kapsayıcı */
.evant-page-formrender main {
  position: relative !important;
}

/* Form başlığı */
.evant-page-formrender h1 {
  position: relative !important;
  max-width: 1120px !important;
  margin: 54px auto 18px !important;
  color: #20375f !important;
  font-size: clamp(42px, 4vw, 64px) !important;
  font-weight: 900 !important;
  letter-spacing: -1.5px !important;
}

.evant-page-formrender h1::before {
  content: "EVANT DESTEK MERKEZİ";
  display: block;
  font-size: 15px;
  letter-spacing: 2.7px;
  color: #0fa9c7;
  font-weight: 850;
  margin-bottom: 10px;
}

/* Form kartı */
.evant-page-formrender form {
  max-width: 1120px !important;
  margin: 0 auto 70px !important;
  background: #ffffff !important;
  border-radius: 30px !important;
  padding: 34px 34px 38px !important;
  box-shadow: 0 24px 70px rgba(15,23,42,.10) !important;
  border: 1px solid rgba(32,55,95,.06) !important;
}

/* Alan etiketleri */
.evant-page-formrender label,
.evant-page-formrender .form-label {
  color: #243044 !important;
  font-weight: 850 !important;
  font-size: 16px !important;
  margin-bottom: 8px !important;
}

/* Inputlar */
.evant-page-formrender input,
.evant-page-formrender select,
.evant-page-formrender textarea,
.evant-page-formrender .select2-selection {
  border-radius: 16px !important;
  border: 1px solid rgba(32,55,95,.14) !important;
  background: #fbfdff !important;
  min-height: 54px !important;
  box-shadow: none !important;
}

.evant-page-formrender input:focus,
.evant-page-formrender select:focus,
.evant-page-formrender textarea:focus {
  border-color: #0fa9c7 !important;
  box-shadow: 0 0 0 4px rgba(15,169,199,.12) !important;
}

/* Açıklama editörü */
.evant-page-formrender .tox-tinymce {
  border-radius: 18px !important;
  border: 1px solid rgba(32,55,95,.14) !important;
  overflow: hidden !important;
}

.evant-page-formrender .tox-editor-header {
  background: #f8fbff !important;
  border-bottom: 1px solid rgba(32,55,95,.08) !important;
}

/* Form alan aralıkları */
.evant-page-formrender .mb-3,
.evant-page-formrender .form-field,
.evant-page-formrender .form-group {
  margin-bottom: 22px !important;
}

/* Submit butonu */
.evant-page-formrender button[type="submit"],
.evant-page-formrender .btn-primary {
  background: linear-gradient(135deg, #20375f, #0fa9c7) !important;
  border: 0 !important;
  border-radius: 16px !important;
  padding: 13px 28px !important;
  font-weight: 850 !important;
  box-shadow: 0 16px 34px rgba(15,169,199,.24) !important;
}

/* Alt bilgi kutusu */
.evant-page-formrender form::after {
  content: "Talebinizi oluşturduktan sonra durumunu Destek Kayıtlarım ekranından takip edebilirsiniz.";
  display: block;
  margin-top: 26px;
  padding: 16px 20px;
  border-radius: 18px;
  background: #eefbff;
  color: #20375f;
  font-weight: 650;
  border: 1px solid rgba(15,169,199,.16);
}

/* Kullanıcı aygıtları alanını daha sade göster */
.evant-page-formrender label:contains("Kullanıcı aygıtları") {
  display: none !important;
}

@media(max-width: 768px) {
  .evant-page-formrender h1 {
    margin: 34px 18px 16px !important;
    font-size: 40px !important;
  }

  .evant-page-formrender form {
    margin-left: 18px !important;
    margin-right: 18px !important;
    padding: 24px !important;
  }
}

/* EVANT SAFE FORM THEME - sadece Form/Render sayfası */
body:has(.form-renderer) .form-renderer {
  max-width: 1040px !important;
  margin: 34px auto 60px !important;
}

body:has(.form-renderer) .form-renderer .form-title {
  color: #20375f !important;
  font-size: 40px !important;
  font-weight: 900 !important;
}

body:has(.form-renderer) .form-renderer .card {
  border-radius: 24px !important;
  border: 1px solid #e6edf5 !important;
  box-shadow: 0 14px 40px rgba(15,23,42,.07) !important;
}

body:has(.form-renderer) .form-renderer .card-body {
  padding: 28px !important;
}

body:has(.form-renderer) .form-renderer button[type="submit"] {
  background: linear-gradient(135deg,#20375f,#0fa9c7) !important;
  border: 0 !important;
  border-radius: 12px !important;
  min-height: 46px !important;
  padding: 0 24px !important;
  font-weight: 800 !important;
}

/* Helpdesk ana sayfa buton/kart renklerini koru */
.helpdesk-home-container .btn,
.helpdesk-home-container .btn-primary,
.helpdesk-home-container button {
  box-shadow: initial;
}

/* Başarı ekranı gizliyse gizli kalsın */
[data-glpi-form-renderer-success].d-none,
.empty[data-glpi-form-renderer-success].d-none {
  display: none !important;
}


/* ===== EVANT PAGE SCOPED FINAL FIX ===== */

/* Admin / technician sayfalarında genel buton renklerini bozma */
body:not(.evant-page-formrender):not(.evant-page-catalog):not(.evant-page-helpdesk) .btn-primary,
body:not(.evant-page-formrender):not(.evant-page-catalog):not(.evant-page-helpdesk) form button[type="submit"] {
  background: var(--tblr-primary, #206bc4) !important;
  border-color: var(--tblr-primary, #206bc4) !important;
  box-shadow: none !important;
}

/* Form sayfası */
.evant-page-formrender .evant-form-shell-final {
  max-width: 1220px !important;
  margin: 30px auto 42px !important;
  display: grid !important;
  grid-template-columns: 300px minmax(0, 1fr) !important;
  gap: 24px !important;
  align-items: start !important;
}

.evant-page-formrender .evant-form-side-final {
  background: linear-gradient(145deg,#173661,#0b86ad,#12c8b4) !important;
  border-radius: 24px !important;
  padding: 26px !important;
  color: #fff !important;
  box-shadow: 0 18px 45px rgba(15,23,42,.14) !important;
}

.evant-page-formrender .evant-form-side-final .icon {
  width: 58px;
  height: 58px;
  border-radius: 18px;
  background: rgba(255,255,255,.18);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
}

.evant-page-formrender .evant-form-side-final .icon i {
  font-size: 30px;
}

.evant-page-formrender .evant-form-side-final h3 {
  color: #fff !important;
  font-size: 23px !important;
  font-weight: 900 !important;
}

.evant-page-formrender .evant-form-side-final p,
.evant-page-formrender .evant-form-side-final li {
  font-size: 14px !important;
  line-height: 1.55 !important;
}

.evant-page-formrender .evant-form-side-final ul {
  list-style: none;
  padding: 0;
  margin: 20px 0 0;
}

.evant-page-formrender .evant-form-side-final li {
  border-top: 1px solid rgba(255,255,255,.16);
  padding: 11px 0 11px 28px;
  position: relative;
}

.evant-page-formrender .evant-form-side-final li::before {
  content: "✓";
  position: absolute;
  left: 0;
  color: #a8fff2;
  font-weight: 900;
}

.evant-page-formrender .form-renderer {
  max-width: none !important;
  margin: 0 !important;
}

.evant-page-formrender .form-renderer .form-title {
  color: #20375f !important;
  font-size: 36px !important;
  font-weight: 900 !important;
  margin-bottom: 14px !important;
}

.evant-page-formrender .form-renderer .card {
  border-radius: 24px !important;
  border: 1px solid #e6edf5 !important;
  box-shadow: 0 14px 40px rgba(15,23,42,.07) !important;
}

.evant-page-formrender .form-renderer .card-body {
  padding: 26px !important;
}

.evant-page-formrender .form-renderer button[type="submit"],
.evant-page-formrender .form-renderer .btn-primary {
  background: linear-gradient(135deg,#20375f,#0fa9c7) !important;
  border: 0 !important;
  border-radius: 12px !important;
  min-height: 46px !important;
  padding: 0 24px !important;
  font-weight: 800 !important;
}

/* Success gizliyse gizli kalsın */
.evant-page-formrender [data-glpi-form-renderer-success].d-none {
  display: none !important;
}

/* Footer */
.evant-global-footer {
  max-width: 1220px !important;
  margin: 36px auto 44px !important;
  padding: 0 18px !important;
}

.evant-global-footer-inner {
  background: #fff !important;
  border-radius: 24px !important;
  box-shadow: 0 18px 50px rgba(15,23,42,.08) !important;
  border: 1px solid rgba(32,55,95,.06) !important;
  padding: 24px 30px !important;
  display: grid !important;
  grid-template-columns: 1.3fr .9fr 1.5fr !important;
  gap: 30px !important;
  position: relative !important;
  overflow: hidden !important;
}

.evant-global-footer-inner::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 5px;
  background: linear-gradient(90deg,#20375f,#0997d5,#12c8b4);
}

.evant-footer-brand {
  display: flex;
  gap: 14px;
  align-items: flex-start;
}

.evant-footer-icon {
  width: 50px;
  height: 50px;
  border-radius: 16px;
  background: #eefbff;
  color: #0fa9c7;
  display: flex;
  align-items: center;
  justify-content: center;
}

.evant-footer-icon i {
  font-size: 26px;
}

.evant-global-footer h4 {
  margin: 0 0 7px !important;
  color: #20375f !important;
  font-size: 16px !important;
  font-weight: 900 !important;
}

.evant-global-footer p,
.evant-global-footer li {
  color: #64748b !important;
  font-size: 13px !important;
  line-height: 1.7 !important;
}

.evant-global-footer ul {
  list-style: none;
  padding: 0;
  margin: 0;
  columns: 2;
}

.evant-global-footer li::before {
  content: "●";
  color: #0fa9c7;
  font-size: 9px;
  margin-right: 8px;
}

.evant-footer-copy {
  text-align: center;
  color: #7b8aa4;
  font-size: 12px;
  margin-top: 10px;
}

@media(max-width: 992px) {
  .evant-page-formrender .evant-form-shell-final {
    grid-template-columns: 1fr !important;
    margin: 24px 18px 40px !important;
  }

  .evant-global-footer-inner {
    grid-template-columns: 1fr !important;
  }

  .evant-global-footer ul {
    columns: 1;
  }
}

/* Admin GLPI ekranlarını koru */
body:not(.evant-page-formrender) .main-card,
body:not(.evant-page-formrender) .card,
body:not(.evant-page-formrender) .card-body,
body:not(.evant-page-formrender) form,
body:not(.evant-page-formrender) input,
body:not(.evant-page-formrender) select,
body:not(.evant-page-formrender) textarea,
body:not(.evant-page-formrender) button,
body:not(.evant-page-formrender) .btn {
  font-family: inherit !important;
  letter-spacing: normal !important;
}

/* Form sayfası dışındaki submit/button renklerine dokunma */
body:not(.evant-page-formrender) button[type="submit"],
body:not(.evant-page-formrender) .btn-primary {
  box-shadow: none !important;
}

/* Self-service form dışında mavi süreç kartını gizle */
body:not(.evant-page-formrender) .evant-form-shell-final,
body:not(.evant-page-formrender) .evant-form-side-final {
  display: none !important;
}

/* ===== EVANT FINAL TOUCH ===== */

/* Admin tarafında self-service stilleri çalışmasın */
body.evant-admin-page .evant-global-footer,
body.evant-admin-page .evant-form-shell-final,
body.evant-admin-page .evant-form-side-final {
  display: none !important;
}

/* Admin sayfalarında butonları GLPI varsayılanına yaklaştır */
body.evant-admin-page .btn-primary,
body.evant-admin-page button[type="submit"] {
  box-shadow: none !important;
  font-weight: 600 !important;
  letter-spacing: normal !important;
}

/* Admin üst arama alanındaki fazla büyümeyi kır */
body.evant-admin-page .search-input,
body.evant-admin-page input[type="search"],
body.evant-admin-page .form-control {
  font-size: 14px !important;
}

/* Self-service form son düzen */
body.evant-self-form {
  background: #f4f8fc !important;
}

body.evant-self-form .evant-form-shell-final {
  max-width: 1180px !important;
  margin: 28px auto 34px !important;
  grid-template-columns: 290px minmax(0, 1fr) !important;
  gap: 24px !important;
}

body.evant-self-form .evant-form-side-final {
  min-height: auto !important;
  border-radius: 24px !important;
}

body.evant-self-form .form-renderer .form-title {
  font-size: 34px !important;
  margin-bottom: 12px !important;
}

body.evant-self-form .form-renderer .card {
  border-radius: 24px !important;
  background: #ffffff !important;
}

body.evant-self-form .form-renderer .card-body {
  padding: 24px !important;
}

body.evant-self-form .form-renderer input,
body.evant-self-form .form-renderer select,
body.evant-self-form .form-renderer textarea {
  min-height: 44px !important;
  border-radius: 12px !important;
}

body.evant-self-form .tox-tinymce {
  min-height: 190px !important;
}

/* Submit butonu daha dengeli */
body.evant-self-form .form-renderer button[type="submit"],
body.evant-self-form .form-renderer .btn-primary {
  float: right !important;
  min-width: 220px !important;
  height: 48px !important;
  border-radius: 14px !important;
  background: linear-gradient(135deg,#20375f,#0fa9c7) !important;
  color: #fff !important;
}

/* Self-service footer düzgün dursun */
body.evant-self-form .evant-global-footer,
body.evant-self-catalog .evant-global-footer {
  max-width: 1180px !important;
  margin: 26px auto 40px !important;
}

/* Back to top butonu footer üstüne binmesin */
#backtotop,
.btn-scroll-top {
  z-index: 20 !important;
  opacity: .75 !important;
}

/* Form alt bilgi kutusu daha sade */
body.evant-self-form .evant-form-footer-box {
  display: none !important;
}

@media(max-width: 992px) {
  body.evant-self-form .evant-form-shell-final {
    grid-template-columns: 1fr !important;
    margin: 22px 16px 30px !important;
  }
}

/* ===== EVANT LAST TOUCH - STRICT PAGE SCOPED ===== */

/* Self-service katalog ve form: yazı/buton dengesi */
body.evant-self-catalog,
body.evant-self-form {
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

body.evant-self-catalog .card-title,
body.evant-self-catalog .evant-card-title,
body.evant-self-catalog h1,
body.evant-self-catalog h2,
body.evant-self-form .form-title,
body.evant-self-form h1,
body.evant-self-form h2,
body.evant-self-form h3 {
  letter-spacing: -0.4px !important;
  line-height: 1.15 !important;
}

body.evant-self-catalog .card-title,
body.evant-self-catalog .evant-card-title {
  font-size: 24px !important;
  font-weight: 850 !important;
  color: #20375f !important;
}

body.evant-self-catalog .card .text-secondary,
body.evant-self-catalog .card .remove-last-tinymce-margin {
  font-size: 15px !important;
  line-height: 1.45 !important;
  color: #64748b !important;
}

body.evant-self-catalog .btn,
body.evant-self-catalog button,
body.evant-self-form .btn,
body.evant-self-form button {
  font-size: 14px !important;
  font-weight: 750 !important;
  letter-spacing: normal !important;
}

body.evant-self-form .form-renderer .form-title {
  font-size: 34px !important;
  font-weight: 900 !important;
  letter-spacing: -0.8px !important;
}

body.evant-self-form .form-renderer h3 {
  font-size: 14px !important;
  font-weight: 800 !important;
}

body.evant-self-form .form-renderer input,
body.evant-self-form .form-renderer select,
body.evant-self-form .form-renderer textarea,
body.evant-self-form .form-renderer .form-control {
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #27364a !important;
}

/* Admin GLPI: üst menü ve ticket başlığı fontunu normale çek */
body.evant-admin-page .topbar,
body.evant-admin-page header,
body.evant-admin-page .navbar,
body.evant-admin-page .breadcrumb,
body.evant-admin-page .page-title,
body.evant-admin-page .main-header,
body.evant-admin-page .search-input,
body.evant-admin-page .form-control {
  font-family: var(--tblr-font-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif) !important;
  letter-spacing: normal !important;
}

body.evant-admin-page .breadcrumb,
body.evant-admin-page .breadcrumb a,
body.evant-admin-page .navbar a,
body.evant-admin-page .topbar a {
  font-size: 14px !important;
  font-weight: 500 !important;
}

body.evant-admin-page h1,
body.evant-admin-page .page-title,
body.evant-admin-page .itil-object-title,
body.evant-admin-page .timeline-item h2,
body.evant-admin-page .timeline-item h3,
body.evant-admin-page [data-testid="itil-object-title"] {
  font-family: var(--tblr-font-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif) !important;
  font-size: revert !important;
  font-weight: 600 !important;
  letter-spacing: normal !important;
  line-height: 1.25 !important;
}

/* Ticket içerik kartı aşırı kalın görünmesin */
body.evant-admin-page .timeline-item,
body.evant-admin-page .timeline-content,
body.evant-admin-page .rich_text_container,
body.evant-admin-page .rich_text_container * {
  font-family: var(--tblr-font-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif) !important;
  letter-spacing: normal !important;
}

/* Admin arama butonu eski sarı/garip görünmesin */
body.evant-admin-page .topbar .btn,
body.evant-admin-page header .btn,
body.evant-admin-page .navbar .btn {
  font-weight: 600 !important;
  letter-spacing: normal !important;
  box-shadow: none !important;
}

/* Teknik istatistik kartları fazla büyümesin */
body.evant-admin-page .dashboard-card,
body.evant-admin-page .stats-card,
body.evant-admin-page .grid-stack-item,
body.evant-admin-page .card {
  letter-spacing: normal !important;
}

