@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");
/* =====================================================================
   Antik İness — yeni görünüm (CCCMOS, 2026-10)
   Tüm kurallar html.yeni altında. "Eski görünüm" düğmesi bu sınıfı
   kaldırır; o zaman site birebir eski haline döner.
   ===================================================================== */
html.yeni{
  --bg:#f3f5f9; --surface:#ffffff; --surface-2:#f8fafc;
  --line:#e4e8ef; --line-2:#d5dbe5;
  --ink:#0f172a; --ink-2:#475569; --ink-3:#64748b;
  --brand:#1e3a8a; --brand-2:#2563eb; --brand-soft:#e8efff;
  --side:#0f1f3d; --side-2:#16294f; --side-ink:#c7d2e8;
  --danger:#c2283a; --danger-soft:#fdecee;
  --ok:#15803d;
  --r:10px; --r-sm:7px;
  --shadow:0 1px 2px rgba(15,23,42,.05),0 2px 8px rgba(15,23,42,.05);
  --font:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}
html.yeni, html.yeni body{background:var(--bg);font-family:var(--font);color:var(--ink);-webkit-font-smoothing:antialiased}
html.yeni body *{font-family:var(--font)}
html.yeni .fa,html.yeni [class^="fa-"],html.yeni [class*=" fa-"]{font-family:FontAwesome!important}

/* --- Çerçeve ------------------------------------------------------- */
html.yeni .content_mx{width:auto;max-width:1440px}
html.yeni #container{background:var(--bg);box-shadow:none;min-height:100vh}

/* --- Sol menü ------------------------------------------------------ */
html.yeni .menu_wr{background:var(--side)!important;filter:none;box-shadow:none;border-right:1px solid rgba(255,255,255,.04);min-height:100vh}
html.yeni .menu_wr .mlogo{background:var(--side);border-right:0;height:120px;border-bottom:1px solid rgba(255,255,255,.07)}
html.yeni .menu_wr .mlogo a{position:absolute;inset:16px 18px;background:#fff;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.25);overflow:hidden}
html.yeni .menu_wr .mlogo img{position:absolute;inset:0;width:100%;height:100%;background-size:contain!important;background-position:center!important}
html.yeni .menu_wr ul{padding:12px 10px}
html.yeni .menu_wr ul li{height:auto;border-bottom:0;margin:2px 0}
html.yeni .menu_wr ul li a{background:transparent!important;filter:none;color:var(--side-ink);font-size:14.5px;font-weight:500;line-height:42px;border-radius:8px;padding:0 10px 0 4px;transition:background .15s,color .15s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html.yeni .menu_wr ul li a .icon{height:42px;line-height:42px;width:36px;opacity:.8;font-size:15px}
html.yeni .menu_wr ul li a:hover{background:rgba(255,255,255,.07)!important;color:#fff}
html.yeni .menu_wr ul li a.active{background:var(--brand-2)!important;color:#fff;box-shadow:0 2px 8px rgba(37,99,235,.35)}
html.yeni .menu_wr ul li a.active .icon{opacity:1}
html.yeni .menu_wr ul li a[href="logout.php"]{margin-top:10px;border-top:1px solid rgba(255,255,255,.08);border-radius:0 0 8px 8px;padding-top:4px}
html.yeni .menu_wr ul li:last-child{display:flex;gap:8px;padding:14px 4px 4px;height:auto}
html.yeni .menu_wr ul li .lang{float:none;flex:1;height:38px;width:auto;border-radius:8px;background-color:rgba(255,255,255,.06);background-size:24px auto!important;background-position:center!important;background-repeat:no-repeat!important;border:1px solid rgba(255,255,255,.08);transition:opacity .15s,border-color .15s}
html.yeni .menu_wr ul li .lang:hover{opacity:.85}
html.yeni .menu_wr ul li .lang.active{border-color:rgba(255,255,255,.35)}

/* --- Üst başlık ----------------------------------------------------- */
html.yeni header#header{background:var(--surface);border-bottom:1px solid var(--line);min-height:64px;display:flex;align-items:center;padding:0 28px}
html.yeni header#header .title{text-align:left;width:auto;flex:1}
html.yeni header#header .title h1{font-family:var(--font);font-size:21px;font-weight:700;letter-spacing:-.01em;color:var(--ink);text-shadow:none;margin:0}

/* --- Filtre / arama çubuğu ----------------------------------------- */
html.yeni .bottom_header{background:var(--surface);box-shadow:none;border-bottom:1px solid var(--line);height:auto!important;min-height:64px;display:flow-root;padding:12px 20px;box-sizing:border-box}
html.yeni .bottom_header form{position:static;transform:none;width:auto!important;display:flex;align-items:center;gap:8px;margin:0!important;flex-wrap:wrap}
html.yeni .bottom_header > div[style*="float:right"]{padding:0!important;margin-left:12px}
html.yeni .bottom_header .input{display:flex!important;align-items:center;gap:8px;flex:1;width:auto;text-align:left}
html.yeni .bottom_header form > div[style^="width:100%"]{display:flex;flex-wrap:wrap;gap:10px 2%;width:100%}
html.yeni .bottom_header form > div[style^="width:100%"] > .input{float:none!important;width:49%!important;flex:none}
html.yeni .bottom_header form > div[style^="width:100%"] > div[style*="clear"]{display:none}
html.yeni .bottom_header .input span[style]{color:var(--ink-2);font-size:13px;font-weight:600;width:110px!important;flex:none}
html.yeni .bottom_header .td{display:block}
html.yeni .bottom_header .input > div[style*="padding-right"]{padding:0!important;display:flex;gap:8px;align-items:center}
html.yeni .bottom_header .input > div[style*="padding-right"] > span{display:none!important}
html.yeni .bottom_header .input[style*="text-align: right"]{justify-content:flex-start}
html.yeni .bottom_header .search{width:40px;height:40px;border-radius:var(--r-sm);background:var(--brand-2);transition:background .15s}
html.yeni .bottom_header .search:hover{background:var(--brand)}
html.yeni .bottom_header .search img{background:none!important;width:100%;height:100%}
html.yeni .bottom_header .search:after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='m20 20-4.2-4.2'/%3E%3C/svg%3E") center/18px no-repeat}

/* --- Form alanları -------------------------------------------------- */
html.yeni input[type="text"],html.yeni input[type="number"],html.yeni input[type="password"],html.yeni input[type="email"],html.yeni select,html.yeni textarea,html.yeni .selectbox{
  border:1px solid var(--line-2)!important;border-radius:var(--r-sm)!important;background:#fff;color:var(--ink);
  padding:9px 11px!important;font-size:14px!important;height:40px;box-sizing:border-box;transition:border-color .15s,box-shadow .15s;outline:none}
html.yeni textarea{height:auto}
html.yeni input:focus,html.yeni select:focus,html.yeni textarea:focus{border-color:var(--brand-2)!important;box-shadow:0 0 0 3px rgba(37,99,235,.15)}
html.yeni input[readonly]{background:var(--surface-2)!important;color:var(--ink-2)}

/* --- Butonlar ------------------------------------------------------- */
html.yeni button:not(.search):not([name="modal_close"]):not(.tema-dugme),html.yeni input[type="submit"],html.yeni input[type="button"]{
  font-size:13.5px!important;font-weight:600;padding:8px 14px!important;border-radius:var(--r-sm)!important;border:1px solid var(--brand-2)!important;
  background:var(--brand-2)!important;color:#fff!important;cursor:pointer;line-height:1.2;filter:none;transition:background .15s,box-shadow .15s;margin:2px}
html.yeni button:not(.search):not([name="modal_close"]):not(.tema-dugme):hover{background:var(--brand)!important;box-shadow:0 2px 6px rgba(30,58,138,.25)}
html.yeni button[onclick*="confirm("]:not(.search):not([name="modal_close"]):not(.tema-dugme){background:#fff!important;color:var(--danger)!important;border-color:#f1c2c8!important}
html.yeni button[onclick*="confirm("]:not(.search):not([name="modal_close"]):not(.tema-dugme):hover{background:var(--danger-soft)!important;box-shadow:none}
html.yeni #Main .cari_wr button.x,html.yeni #Main .cari_wr .td button:not(.tema-dugme){padding:4px 10px!important;font-size:12.5px!important;margin:1px 2px}
html.yeni #Main .cari_wr .td button:not([onclick*="confirm("]):not(.tema-dugme){background:var(--brand-soft)!important;color:var(--brand)!important;border-color:transparent!important}
html.yeni #Main .cari_wr .td button:not([onclick*="confirm("]):not(.tema-dugme):hover{background:#d6e2ff!important;box-shadow:none}
html.yeni #Main .cari_wr .td button[onclick*="confirm("]:not(.tema-dugme){background:#fff!important;color:var(--danger)!important;border-color:#f1c2c8!important}
html.yeni #Main .cari_wr .td button[onclick*="confirm("]:not(.tema-dugme):hover{background:var(--danger-soft)!important;box-shadow:none}

/* --- Ana içerik ----------------------------------------------------- */
html.yeni #Main{padding:20px 20px 32px}

/* Tablolar (div tabanlı .cari_wr) */
html.yeni #Main .cari_wr{margin:0;border:1px solid var(--line);border-bottom:0;background:var(--surface);overflow:hidden}
html.yeni #Main .cari_wr:first-of-type,html.yeni #Main > .cari_wr:first-child{border-radius:var(--r) var(--r) 0 0}
html.yeni #Main .cari_wr:last-of-type{border-radius:0 0 var(--r) var(--r);border-bottom:1px solid var(--line);box-shadow:var(--shadow)}
html.yeni #Main .cari_wr .tr{background:var(--surface)!important;display:flex;align-items:stretch;height:auto!important;min-height:36px;transition:background .1s}
html.yeni #Main .cari_wr .tr:nth-child(2n){background:var(--surface-2)!important}
html.yeni #Main .cari_wr .tr:not(.ust):hover{background:#eef3ff!important}
html.yeni #Main .cari_wr .tr .td{float:none;height:auto!important;min-height:36px;line-height:1.3!important;display:flex;align-items:center;padding:4px 10px!important;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-size:13.5px;color:var(--ink);font-variant-numeric:tabular-nums}
html.yeni #Main .cari_wr .tr .td[style*="text-align:center"]{justify-content:center}
html.yeni #Main .cari_wr .tr .td[style*="text-align:right"],html.yeni #Main .cari_wr .tr .sg{justify-content:flex-end}
html.yeni #Main .cari_wr .tr .td:last-child{border-right:0}
html.yeni #Main .cari_wr .ust,html.yeni #Main .cari_wr .td_hd{background:#eef2f8!important}
html.yeni #Main .cari_wr .tr .hd{font-size:12px!important;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-2);height:auto!important;line-height:1.2!important;min-height:44px;border-bottom:1px solid var(--line-2)}
html.yeni #Main .cari_wr .tr .tcx,html.yeni #Main .cari_wr .tr .tc{height:auto!important;line-height:1.3!important;font-size:14px!important}
html.yeni #Main .cari_wr .alt{background:#f2f6ff!important;font-weight:600}

/* Sayfalama */
html.yeni #Main #sayfala{padding:16px 0 0;display:flex;justify-content:flex-end;gap:4px;flex-wrap:wrap}
html.yeni #Main #sayfala a{border:1px solid var(--line-2);border-radius:var(--r-sm);padding:6px 11px;font-size:13px;color:var(--ink-2);background:#fff;min-width:16px;text-align:center}
html.yeni #Main #sayfala a:hover{border-color:var(--brand-2);color:var(--brand-2);background:#fff}
html.yeni #Main #sayfala .active{background:var(--brand-2);border-color:var(--brand-2);color:#fff}

/* Kullanıcı / tanım formları */
html.yeni #Main .user_frm,html.yeni #Main .fis_detay{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:24px 28px;max-width:720px}
html.yeni #Main .user_frm .input{height:auto;width:auto;display:flex;align-items:center;gap:0;margin:0 0 12px;color:transparent;font-size:0}
html.yeni #Main .user_frm .input > *{font-size:14px}
html.yeni #Main .user_frm .input .input_txt{width:170px;flex:none;color:var(--ink-2);font-size:13.5px;font-weight:600}
html.yeni #Main .user_frm .input input,html.yeni #Main .user_frm .input .selectbox{width:auto!important;flex:1}
html.yeni #Main .fis_detay .input{height:auto;min-height:42px;padding:6px 0;display:flex;align-items:center;border-bottom:1px solid var(--line)}
html.yeni #Main .fis_detay .input:hover{background:transparent}
html.yeni #Main .fis_detay .input .left{color:var(--ink-2);font-size:13.5px;font-weight:600;line-height:1.3}

/* Boş durum / bilgi kutuları */
html.yeni #Main .error_wr{position:static;transform:none;margin:56px auto;max-width:420px;background:var(--surface);border:1px dashed var(--line-2);border-radius:var(--r);padding:36px 24px}
html.yeni #Main .error_wr a{background:var(--brand-soft)!important;color:var(--brand);font-weight:600;font-size:14px;border-radius:var(--r-sm);padding:10px 16px;margin:0}
html.yeni #Main .iletisim_wr{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:28px;position:static;transform:none;height:auto;max-width:520px;margin:40px auto}

/* Modal */
html.yeni #Modal_wr{background:rgba(15,23,42,.45);backdrop-filter:blur(2px)}
html.yeni #Modal_wr #Modal_main .modal{border-radius:14px;overflow:hidden;box-shadow:0 20px 50px rgba(15,23,42,.3)}
html.yeni #Modal_wr #Modal_main .modal .modal_title span{text-shadow:none;font-size:17px}

/* --- Giriş ekranı --------------------------------------------------- */
html.yeni body:not(:has(#container)){background:radial-gradient(1200px 600px at 20% -10%,#dbe6ff 0,transparent 60%),radial-gradient(900px 500px at 110% 110%,#e3ecff 0,transparent 55%),var(--bg)}
html.yeni .giris_form{background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:0 10px 40px rgba(15,23,42,.10);padding:28px 0 22px;width:380px;min-height:0}
html.yeni .giris_form .logo img{width:200px;height:auto;max-height:121px;object-fit:contain}
html.yeni .giris_form .form{padding:18px 32px 6px}
html.yeni .giris_form .form input{height:44px;margin-bottom:12px}
html.yeni .giris_form .form button{width:100%;height:44px;font-size:15px!important;margin:4px 0 14px}
html.yeni .giris_form .form .forgot,html.yeni .giris_form .form .sing_up{color:var(--brand-2);font-size:13px;font-weight:500}
html.yeni .giris_form .form:after{content:"";display:block;clear:both}
html.yeni .giris_form .language{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
html.yeni .giris_form .language a{width:38px;height:38px;border-radius:50%;background-size:cover!important;box-shadow:0 0 0 2px #fff,0 0 0 3px var(--line-2)}
html.yeni .giris_form .language a.active{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--brand-2)}

/* --- Tema düğmesi --------------------------------------------------- */
.tema-dugme{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 13px;border-radius:999px;border:1px solid #cfd6e3;background:#fff;color:#334155;
  font:600 12.5px/1 "Inter",system-ui,Arial,sans-serif;cursor:pointer;white-space:nowrap;box-shadow:0 1px 2px rgba(0,0,0,.06);text-decoration:none;z-index:50}
.tema-dugme:hover{border-color:#2563eb;color:#1d4ed8}
.tema-dugme i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#2563eb}
html:not(.yeni) .tema-dugme i{background:#94a3b8}
header#header .tema-dugme{position:absolute;right:14px;top:13px}
html.yeni header#header .tema-dugme{position:static;margin-left:16px}
.tema-dugme.yuzen{position:fixed;right:16px;top:16px}

/* --- Mobil ---------------------------------------------------------- */
@media only screen and (max-width:640px){
  html.yeni header#header{padding:0 12px 0 0;gap:10px}
  html.yeni header#header .title{width:auto}
  html.yeni header#header .title h1{font-size:17px}
  html.yeni header#header .menu_icon{background:var(--side);width:56px;height:56px;border-radius:0 0 12px 0;flex:none}
  html.yeni header#header .menu_icon .menu-btn span{box-shadow:none;height:3px;width:24px;margin-bottom:6px}
  html.yeni .menu_wr{top:64px;width:62%;min-height:calc(100vh - 64px);box-shadow:8px 0 30px rgba(15,23,42,.35)}
  html.yeni #Main .cari_wr .tr{flex-wrap:wrap}
  html.yeni #Main .cari_wr .tr .td{min-height:34px}
  html.yeni #Main .cari_wr .tr .td:nth-child(4n){border-right:0}
  html.yeni .bottom_header{display:flex;flex-direction:column-reverse;gap:8px;padding:10px 12px}
  html.yeni .bottom_header > div[style*="float:right"]{float:none!important;margin:0;align-self:flex-end}
  html.yeni .bottom_header form{display:flex;flex-wrap:nowrap;gap:6px}
  html.yeni .bottom_header .input{flex-wrap:wrap;gap:6px}
  html.yeni .bottom_header .input input{width:auto!important;flex:1 1 30%;min-width:0;margin:0!important}
  html.yeni #Main .cari_wr .td button:not(.tema-dugme){padding:3px 7px!important;font-size:11.5px!important}
  html.yeni .tema-dugme{height:30px;padding:0 10px}
  html.yeni .giris_form{transform:translate(-50%,-50%);left:50%}
}
@media only screen and (max-width:768px){
  html.yeni .menu_wr{min-height:0}
  html.yeni #Main{padding:12px}
  html.yeni .bottom_header form > div[style^="width:100%"] > .input{width:100%!important}
  html.yeni #Main .cari_wr .tr .td{padding:6px!important;font-size:12.5px}
  html.yeni header#header{padding:0 12px}
  html.yeni .giris_form{width:calc(100% - 32px);max-width:380px}
  html.yeni #Main .user_frm .input{flex-wrap:wrap}
  html.yeni #Main .user_frm .input .input_txt{width:100%}
  .tema-dugme .metin-uzun{display:none}
}

/* =====================================================================
   v2 — tam ekran uygulama yerleşimi, marka vurgusu, ikonlu alanlar
   ===================================================================== */
html.yeni{--accent:#d7262f;--accent-soft:rgba(215,38,47,.14);--sidew:264px}
@media only screen and (min-width:641px){
  /* tam genişlik: sabit menü + akışkan içerik */
  html.yeni .content_mx{width:100%;max-width:none}
  html.yeni #container{overflow:visible}
  html.yeni .menu_wr{position:fixed;top:0!important;left:0;bottom:0;width:var(--sidew);height:100vh;overflow-y:auto;display:flex;flex-direction:column;z-index:20}
  html.yeni header#header,html.yeni .bottom_header,html.yeni #Main{left:var(--sidew);width:calc(100% - var(--sidew))}
  html.yeni header#header{position:sticky;top:0;z-index:15;backdrop-filter:saturate(1.4) blur(6px);background:rgba(255,255,255,.92)}
  html.yeni #Main{padding:24px 28px 40px}
  html.yeni .bottom_header{padding:14px 28px}
  /* logo */
  html.yeni .menu_wr .mlogo{flex:none;height:104px}
  html.yeni .menu_wr .mlogo a{inset:14px 16px;border-radius:14px}
  /* menü öğeleri */
  html.yeni .menu_wr ul{flex:1;display:flex;flex-direction:column;padding:14px 12px 12px}
  html.yeni .menu_wr ul li a{position:relative;padding:0 12px 0 6px;color:#b8c4dc;font-size:14px;line-height:40px}
  html.yeni .menu_wr ul li a .icon{width:34px;color:#7f8fb0;opacity:1;transition:color .15s}
  html.yeni .menu_wr ul li a:hover .icon{color:#fff}
  html.yeni .menu_wr ul li a.active{background:rgba(255,255,255,.08)!important;color:#fff;box-shadow:none;font-weight:600}
  html.yeni .menu_wr ul li a.active:before{content:"";position:absolute;left:0;top:9px;bottom:9px;width:3px;border-radius:0 3px 3px 0;background:var(--accent)}
  html.yeni .menu_wr ul li a.active .icon{color:#fff}
  html.yeni .menu_wr ul li:has(> a[href="logout.php"]){margin-top:auto}
  html.yeni .menu_wr ul li a[href="logout.php"]{margin-top:6px;border-top:0;border-radius:8px;padding-top:0}
  html.yeni .menu_wr ul li a[href="logout.php"]:hover{background:rgba(215,38,47,.16)!important;color:#ffd5d8}
  html.yeni .menu_wr ul li a[href="logout.php"]:hover .icon{color:#ff8a92}
}
/* dil seçici: TR / RU yazılı segment */
html.yeni .menu_wr ul li:last-child{gap:0;padding:6px;margin:10px 0 0;background:rgba(255,255,255,.05);border-radius:10px;border:1px solid rgba(255,255,255,.07)}
html.yeni .menu_wr ul li .lang{height:34px;border:0;background-color:transparent!important;background-position:12px center!important;background-size:18px auto!important;border-radius:7px;opacity:.6!important;display:flex;align-items:center;justify-content:center}
html.yeni .menu_wr ul li .lang span{position:static;transform:none;text-shadow:none;font-size:12.5px;font-weight:700;letter-spacing:.06em;color:#c7d2e8;padding-left:22px}
html.yeni .menu_wr ul li .lang:nth-child(1) span:after{content:"TR"}
html.yeni .menu_wr ul li .lang:nth-child(2) span:after{content:"RU"}
html.yeni .menu_wr ul li .lang.active{background-color:rgba(255,255,255,.12)!important;opacity:1!important}
html.yeni .menu_wr ul li .lang.active span{color:#fff}

/* başlık: sayfa adı + tarih */
html.yeni header#header .title h1{font-size:20px}
html.yeni header#header .title:after{content:attr(data-tarih);display:block;font-size:12.5px;color:var(--ink-3);margin-top:2px;font-weight:500}

/* filtre alanları: ikonlar */
html.yeni .bottom_header input.datepicker{padding-left:36px!important;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M3 10h18M8 3v4M16 3v4'/%3E%3C/svg%3E") 11px center/16px no-repeat!important;cursor:pointer}
html.yeni .bottom_header input[type="number"],html.yeni .bottom_header input[name="unvan"]{padding-left:36px!important;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c1.5-4 4.5-6 8-6s6.5 2 8 6'/%3E%3C/svg%3E") 11px center/16px no-repeat!important}
html.yeni .bottom_header input[type="number"]{-moz-appearance:textfield}
html.yeni .bottom_header input[type="number"]::-webkit-inner-spin-button,html.yeni .bottom_header input[type="number"]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
html.yeni .bottom_header > div[style*="float:right"] button{background:var(--accent)!important;border-color:var(--accent)!important;padding:9px 16px!important;box-shadow:0 2px 8px rgba(215,38,47,.25)}
html.yeni .bottom_header > div[style*="float:right"] button:hover{background:#b81f27!important}
html.yeni .bottom_header > div[style*="float:right"] button:before{content:"+";font-weight:700;margin-right:6px;font-size:15px;line-height:0}

/* boş durum */
html.yeni #Main .error_wr{border:0;background:transparent;margin:70px auto;padding:0}
html.yeni #Main .error_wr:before{content:"";display:block;width:84px;height:84px;margin:0 auto 18px;border-radius:24px;background:#e9eef8 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237f8fb0' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 8l-9-5-9 5v8l9 5 9-5z'/%3E%3Cpath d='M3 8l9 5 9-5M12 13v8'/%3E%3C/svg%3E") center/40px no-repeat}
html.yeni #Main .error_wr a{background:transparent!important;color:var(--ink-2);font-size:15px;font-weight:600;padding:0;pointer-events:none}

/* tablo: kart + yapışkan başlık */
html.yeni #Main .cari_wr:first-of-type{position:sticky;top:64px;z-index:5}
html.yeni #Main .cari_wr .tr .hd{background:#f1f4f9}

/* Tanımlamalar vb. link listeleri: kart ızgarası */
html.yeni #Main ul{list-style:none;padding:0;margin:18px 0 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;max-width:980px}
html.yeni #Main ul li{margin:0}
html.yeni #Main ul li a{display:flex;align-items:center;gap:12px;padding:16px 18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);color:var(--ink);font-weight:600;font-size:14px;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s}
html.yeni #Main ul li a:before{content:"";flex:none;width:34px;height:34px;border-radius:9px;background:var(--brand-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6h16M4 12h16M4 18h10'/%3E%3C/svg%3E") center/17px no-repeat}
html.yeni #Main ul li a:after{content:"›";margin-left:auto;color:var(--ink-3);font-size:20px;font-weight:400}
html.yeni #Main ul li a:hover{border-color:#bcd0ff;box-shadow:0 4px 14px rgba(37,99,235,.12);transform:translateY(-1px)}
html.yeni #Main > p,html.yeni #Main > div > p{color:var(--ink-2);font-size:14.5px}

/* =====================================================================
   v3 — "uçur": gradyan başlık, ikon karoları, canlı yüzeyler, giriş ekranı
   ===================================================================== */
@keyframes antikIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
html.yeni #Main{animation:antikIn .35s ease-out both}
html.yeni #container{background:
  radial-gradient(900px 420px at 100% 0,rgba(37,99,235,.07),transparent 60%),
  radial-gradient(700px 380px at 30% 100%,rgba(215,38,47,.05),transparent 60%),var(--bg)}
@media only screen and (min-width:641px){
  /* sol panel: derin gradyan + ışık */
  html.yeni .menu_wr{background:linear-gradient(180deg,#0b1730 0%,#0f2147 55%,#13295a 100%)!important}
  html.yeni .menu_wr:after{content:"";position:absolute;left:-60px;bottom:-60px;width:260px;height:260px;border-radius:50%;background:radial-gradient(closest-side,rgba(215,38,47,.22),transparent);pointer-events:none}
  html.yeni .menu_wr .mlogo{background:transparent}
  html.yeni .menu_wr .mlogo a{background:linear-gradient(180deg,#fff,#f5f7fb);box-shadow:0 8px 24px rgba(0,0,0,.35),inset 0 0 0 1px rgba(255,255,255,.6)}
  /* menü ikon karoları */
  html.yeni .menu_wr ul li a{display:flex;align-items:center;gap:10px;line-height:1.2;height:44px;padding:0 10px 0 8px}
  html.yeni .menu_wr ul li a .icon{float:none;flex:none;width:30px;height:30px;line-height:30px;border-radius:9px;background:rgba(255,255,255,.06);font-size:13.5px;text-align:center;transition:background .15s,color .15s}
  html.yeni .menu_wr ul li a:hover .icon{background:rgba(255,255,255,.12)}
  html.yeni .menu_wr ul li a.active{background:linear-gradient(90deg,rgba(255,255,255,.13),rgba(255,255,255,.04))!important}
  html.yeni .menu_wr ul li a.active .icon{background:var(--accent);color:#fff;box-shadow:0 4px 12px rgba(215,38,47,.45)}
  html.yeni .menu_wr ul li a.active:before{display:none}
  html.yeni .menu_wr ul li a[href="logout.php"] .icon{background:rgba(215,38,47,.14);color:#ff9aa1}

  /* gradyan başlık bandı */
  html.yeni header#header{min-height:92px;background:linear-gradient(115deg,#0f2147 0%,#1e3a8a 55%,#2b4fb8 80%,#c22a35 135%)!important;border-bottom:0;backdrop-filter:none;overflow:hidden;padding:0 32px}
  html.yeni header#header:before{content:"";position:absolute;right:120px;top:-80px;width:260px;height:260px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,.14),transparent);pointer-events:none}
  html.yeni header#header:after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.09) 1px,transparent 1.2px);background-size:18px 18px;mask-image:linear-gradient(90deg,transparent 30%,#000);-webkit-mask-image:linear-gradient(90deg,transparent 30%,#000);pointer-events:none}
  html.yeni header#header .title{position:relative;z-index:1}
  html.yeni header#header .title h1{color:#fff;font-size:25px;font-weight:800;letter-spacing:-.02em}
  html.yeni header#header .title:after{color:rgba(255,255,255,.72);font-size:13px;margin-top:4px}
  html.yeni header#header .tema-dugme{position:relative;z-index:1;background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.28);color:#fff;backdrop-filter:blur(6px);box-shadow:none}
  html.yeni header#header .tema-dugme:hover{background:rgba(255,255,255,.2);color:#fff}
  html.yeni header#header .tema-dugme i{background:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.25)}
  html.yeni .bottom_header{top:0;margin:-18px 28px 0;width:calc(100% - var(--sidew) - 56px)!important;left:var(--sidew);border:1px solid var(--line);border-radius:14px;box-shadow:0 10px 30px rgba(15,23,42,.10);position:relative;z-index:16}
  html.yeni .bottom_header + #Main{padding-top:22px}
  html.yeni #Main .cari_wr:first-of-type{top:92px}
}

/* tablo kartı */
html.yeni #Main .cari_wr:last-of-type{box-shadow:0 1px 2px rgba(15,23,42,.04),0 12px 32px rgba(15,23,42,.07)}
html.yeni #Main .cari_wr .ust,html.yeni #Main .cari_wr .td_hd,html.yeni #Main .cari_wr .tr .hd{background:linear-gradient(180deg,#f7f9fc,#eef2f8)!important}
html.yeni #Main .cari_wr .tr:not(.ust){position:relative}
html.yeni #Main .cari_wr .tr:not(.ust):hover{background:#f3f7ff!important;box-shadow:inset 3px 0 0 var(--accent)}
html.yeni #Main .cari_wr .tr .td{border-right-color:#eef1f6}

/* butonlar: gradyan + ışıltı */
html.yeni button:not(.search):not([name="modal_close"]):not(.tema-dugme):not([onclick*="confirm("]),html.yeni input[type="submit"]{background:linear-gradient(180deg,#3b74f0,#2257d6)!important;border-color:#2257d6!important;box-shadow:0 1px 0 rgba(255,255,255,.25) inset,0 4px 12px rgba(37,99,235,.28)}
html.yeni #Main .cari_wr .td button:not([onclick*="confirm("]):not(.tema-dugme){background:var(--brand-soft)!important;box-shadow:none}
html.yeni .bottom_header .search{background:linear-gradient(180deg,#3b74f0,#2257d6);box-shadow:0 4px 12px rgba(37,99,235,.3)}
html.yeni .bottom_header > div[style*="float:right"] button{background:linear-gradient(180deg,#e5414a,#c4212b)!important;box-shadow:0 1px 0 rgba(255,255,255,.25) inset,0 6px 16px rgba(215,38,47,.32)!important}

/* kart ızgarası ve formlar biraz daha canlı */
html.yeni #Main ul li a:hover:before{background-color:#dbe6ff}
html.yeni #Main .user_frm{box-shadow:0 1px 2px rgba(15,23,42,.04),0 12px 32px rgba(15,23,42,.07);border-radius:16px}

/* --- Giriş ekranı: iki bölmeli ------------------------------------- */
@media only screen and (min-width:900px){
  html.yeni body:not(:has(#container)){background:#f5f7fb}
  html.yeni body:not(:has(#container)):before{content:"Business Cargo";position:fixed;left:0;top:0;bottom:0;width:50%;
    background:radial-gradient(500px 300px at 85% 15%,rgba(255,255,255,.14),transparent 60%),radial-gradient(420px 420px at 10% 95%,rgba(215,38,47,.55),transparent 60%),linear-gradient(145deg,#0b1730,#1e3a8a 70%,#2b4fb8);
    color:#fff;font:800 54px/1.05 var(--font);letter-spacing:-.03em;display:flex;align-items:flex-end;padding:0 64px 84px;box-sizing:border-box}
  html.yeni body:not(:has(#container)):after{content:"Gönderi · Çuval · Cari takip";position:fixed;left:64px;bottom:52px;color:rgba(255,255,255,.7);font:500 15px var(--font);letter-spacing:.02em}
  html.yeni .giris_form{left:75%;box-shadow:0 20px 60px rgba(15,23,42,.12)}
  html.yeni .tema-dugme.yuzen{background:#fff}
}
@media (prefers-reduced-motion:reduce){html.yeni #Main{animation:none}}

/* v3.1 — kademeli satırlar, kaydırma çubuğu, sayfalama şeridi */
@keyframes antikRow{from{opacity:0;transform:translateX(-6px)}to{opacity:1;transform:none}}
html.yeni #Main .cari_wr .tr:not(.ust){animation:antikRow .3s ease-out both}
html.yeni #Main .cari_wr .tr:nth-child(1){animation-delay:.03s}html.yeni #Main .cari_wr .tr:nth-child(2){animation-delay:.06s}
html.yeni #Main .cari_wr .tr:nth-child(3){animation-delay:.09s}html.yeni #Main .cari_wr .tr:nth-child(4){animation-delay:.12s}
html.yeni #Main .cari_wr .tr:nth-child(5){animation-delay:.15s}html.yeni #Main .cari_wr .tr:nth-child(6){animation-delay:.18s}
html.yeni #Main .cari_wr .tr:nth-child(7){animation-delay:.21s}html.yeni #Main .cari_wr .tr:nth-child(8){animation-delay:.24s}
html.yeni #Main .cari_wr .tr:nth-child(9){animation-delay:.27s}html.yeni #Main .cari_wr .tr:nth-child(n+10){animation-delay:.3s}
html.yeni #Main{animation-duration:.25s}
@media only screen and (min-width:641px){
  html.yeni header#header{align-items:flex-start;padding-top:16px}
  html.yeni header#header .tema-dugme{margin-top:2px}
}
/* kaydırma çubuğu */
html.yeni,html.yeni body{scrollbar-width:thin;scrollbar-color:#c5cede transparent}
html.yeni ::-webkit-scrollbar{width:10px;height:10px}
html.yeni ::-webkit-scrollbar-thumb{background:#c5cede;border-radius:10px;border:3px solid transparent;background-clip:content-box}
html.yeni ::-webkit-scrollbar-thumb:hover{background-color:#9fadc4}
html.yeni .menu_wr::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,.15)}
/* sayfalama şeridi */
html.yeni #Main #sayfala{gap:0}
html.yeni #Main #sayfala a{border-radius:0;margin-left:-1px;padding:7px 13px;font-weight:600}
html.yeni #Main #sayfala a:first-child{border-radius:9px 0 0 9px}
html.yeni #Main #sayfala a:last-child{border-radius:0 9px 9px 0}
html.yeni #Main #sayfala .active{position:relative;z-index:1;background:linear-gradient(180deg,#3b74f0,#2257d6);box-shadow:0 4px 10px rgba(37,99,235,.3)}
/* odak ışıltısı */
html.yeni input:focus,html.yeni select:focus{box-shadow:0 0 0 4px rgba(37,99,235,.14),0 1px 2px rgba(15,23,42,.06)}
@media (prefers-reduced-motion:reduce){html.yeni #Main .cari_wr .tr{animation:none!important}}
html.yeni .bottom_header form > div[style^="width:100%"] > .input{font-size:0;color:transparent}
html.yeni .bottom_header form > div[style^="width:100%"] > .input > *{font-size:14px;color:var(--ink)}
html.yeni .bottom_header form > div[style^="width:100%"] > .input > span[style]{font-size:13px;color:var(--ink-2)}
html.yeni .bottom_header form > div[style^="width:100%"] > .input > input,html.yeni .bottom_header form > div[style^="width:100%"] > .input > select{width:auto!important;flex:1;min-width:0}
html.yeni .bottom_header form > div[style^="width:100%"] > .input > span[style]{display:inline-block!important;vertical-align:middle}
html.yeni .bottom_header form > div[style^="width:100%"] > .input > input,html.yeni .bottom_header form > div[style^="width:100%"] > .input > select{display:inline-block;vertical-align:middle;width:calc(100% - 120px)!important}
html.yeni .bottom_header form > div[style^="width:100%"] > .input:has(> input + input) > input{width:calc((100% - 150px) / 2)!important;margin-right:6px}

/* v3.2 — takvim (jQuery UI) + kısa ekranlarda menü */
html.yeni #ui-datepicker-div{border:1px solid var(--line)!important;border-radius:14px!important;background:#fff!important;padding:12px!important;box-shadow:0 16px 40px rgba(15,23,42,.16)!important;font-family:var(--font)!important;width:286px;z-index:9999!important}
html.yeni #ui-datepicker-div .ui-datepicker-header{background:transparent!important;border:0!important;padding:2px 0 10px!important}
html.yeni #ui-datepicker-div .ui-datepicker-title{font-weight:700;font-size:15px;color:var(--ink)}
html.yeni #ui-datepicker-div .ui-datepicker-prev,html.yeni #ui-datepicker-div .ui-datepicker-next{top:2px!important;width:30px;height:30px;border-radius:8px!important;border:1px solid var(--line)!important;background:#fff!important;cursor:pointer}
html.yeni #ui-datepicker-div .ui-datepicker-prev{left:2px!important}html.yeni #ui-datepicker-div .ui-datepicker-next{right:2px!important}
html.yeni #ui-datepicker-div .ui-datepicker-prev:hover,html.yeni #ui-datepicker-div .ui-datepicker-next:hover{background:var(--brand-soft)!important;border-color:#bcd0ff!important}
html.yeni #ui-datepicker-div .ui-datepicker-prev span,html.yeni #ui-datepicker-div .ui-datepicker-next span{background:none!important;text-indent:0!important;width:auto!important;height:auto!important;margin:0!important;left:0!important;top:0!important;position:absolute;inset:0;font-size:0}
html.yeni #ui-datepicker-div .ui-datepicker-prev span:before{content:"‹";font-size:20px;line-height:28px;color:var(--ink-2);display:block;text-align:center}
html.yeni #ui-datepicker-div .ui-datepicker-next span:before{content:"›";font-size:20px;line-height:28px;color:var(--ink-2);display:block;text-align:center}
html.yeni #ui-datepicker-div table{margin:0;font-size:13px}
html.yeni #ui-datepicker-div th{color:var(--ink-3);font-weight:600;font-size:11.5px;text-transform:uppercase;padding:6px 0}
html.yeni #ui-datepicker-div td{padding:2px}
html.yeni #ui-datepicker-div td a,html.yeni #ui-datepicker-div td span{border:0!important;background:transparent!important;border-radius:8px;text-align:center!important;padding:7px 0!important;color:var(--ink)!important;font-weight:500;transition:background .12s}
html.yeni #ui-datepicker-div td a:hover{background:var(--brand-soft)!important;color:var(--brand)!important}
html.yeni #ui-datepicker-div td.ui-datepicker-today a{box-shadow:inset 0 0 0 1.5px var(--accent);color:var(--accent)!important;font-weight:700}
html.yeni #ui-datepicker-div td a.ui-state-active,html.yeni #ui-datepicker-div td.ui-datepicker-current-day a{background:linear-gradient(180deg,#3b74f0,#2257d6)!important;color:#fff!important;box-shadow:0 4px 10px rgba(37,99,235,.3)}
html.yeni #ui-datepicker-div td.ui-datepicker-other-month span{color:#cbd5e1!important}
@media only screen and (min-width:641px) and (max-height:960px){
  html.yeni .menu_wr .mlogo{height:92px}
  html.yeni .menu_wr .mlogo a{inset:12px 14px}
  html.yeni .menu_wr ul{padding:10px 12px 10px}
  html.yeni .menu_wr ul li{margin:1px 0}
  html.yeni .menu_wr ul li a{height:38px}
  html.yeni .menu_wr ul li a .icon{width:28px;height:28px;line-height:28px}
  html.yeni .menu_wr ul li:last-child{margin-top:6px}
}
html.yeni #ui-datepicker-div td a{text-decoration:none!important;display:block}
html.yeni #Main ul li a{line-height:1.3!important;min-height:66px;box-sizing:border-box}
html.yeni body{overflow-x:hidden}

/* v3.3 — menü kaydırma çubuğu, gönderi listesi, cari filtresi */
html.yeni .menu_wr{scrollbar-width:none;-ms-overflow-style:none;box-sizing:border-box}
html.yeni .menu_wr::-webkit-scrollbar{display:none;width:0}
html.yeni .menu_wr ul{box-sizing:border-box;min-height:0}
@media only screen and (min-width:641px){
  html.yeni .menu_wr{height:100vh;height:100dvh}
  html.yeni .menu_wr ul li:last-child{margin-bottom:0}
}
/* Kabul ve Yüklemeler: gönderi listesi */
html.yeni #Main > div[style*="background:#DDD"]{background:linear-gradient(180deg,#f7f9fc,#eef2f8)!important;border:1px solid var(--line);border-bottom:0;border-radius:var(--r) var(--r) 0 0;padding:14px 18px!important;text-align:left!important;font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-2)}
html.yeni #Main > div[style*="background:#DDD"] + .fis_wr{border-radius:0 0 var(--r) var(--r)}
html.yeni #Main .fis_wr{background:var(--surface)!important;filter:none;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:0 1px 2px rgba(15,23,42,.04),0 12px 32px rgba(15,23,42,.07)}
html.yeni #Main .fis_wr .fisbox{background:transparent;border-bottom:1px solid var(--line);padding:14px 52px 14px 22px;transition:background .12s,box-shadow .12s;animation:antikRow .3s ease-out both}
html.yeni #Main .fis_wr .fisbox:last-child{border-bottom:0}
html.yeni #Main .fis_wr .fisbox:hover{background:#f3f7ff;box-shadow:inset 3px 0 0 var(--accent)}
html.yeni #Main .fis_wr .fisbox:before{content:"";right:20px;width:28px;height:28px;border-radius:8px;background:var(--brand-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 6 6 6-6 6'/%3E%3C/svg%3E") center/15px no-repeat;transition:transform .15s}
html.yeni #Main .fis_wr .fisbox:hover:before{transform:translate(3px,-50%)}
html.yeni #Main .fis_wr .fisbox span{font-size:15px;color:var(--ink)}
html.yeni #Main .fis_wr .fisbox span:nth-child(2){font-size:13px;color:var(--ink-3);margin-top:2px}
html.yeni #Main .fis_detay{border-radius:16px}
html.yeni #Main .fis_detay .input .right{color:var(--ink);font-weight:500}
/* Cari Hesap: filtre satırı */
html.yeni .bottom_header form.cd-form{flex-wrap:nowrap}
html.yeni .bottom_header form.cd-form > div[style*="float:left"]{float:none!important;padding:0!important;flex:none;display:flex;align-items:center}
html.yeni .bottom_header form.cd-form > div[style*="float:left"] label{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 12px;border:1px solid var(--line-2);border-radius:var(--r-sm);font-size:13.5px;font-weight:600;color:var(--ink-2);background:#fff}
html.yeni .bottom_header form.cd-form .input{white-space:normal!important}
html.yeni .bottom_header form.cd-form .input input{width:auto!important;flex:1;text-align:left!important}
html.yeni .bottom_header form.cd-form .td{flex:none}

/* v3.4 — giriş: tek kart, sade ve cilalı (iki bölmeli düzen kaldırıldı) */
@keyframes antikCard{from{opacity:0;transform:translate(-50%,-46%) scale(.985)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
html.yeni body:not(:has(#container)){background:
  radial-gradient(800px 520px at 12% 8%,rgba(37,99,235,.13),transparent 62%),
  radial-gradient(700px 480px at 92% 96%,rgba(215,38,47,.10),transparent 60%),
  radial-gradient(600px 400px at 85% 10%,rgba(30,58,138,.08),transparent 60%),
  #f4f6fb!important;min-height:100vh}
html.yeni body:not(:has(#container)):before{content:"";position:fixed;inset:0;width:auto;padding:0;display:block;
  background-image:radial-gradient(rgba(15,23,42,.06) 1px,transparent 1.2px)!important;background-size:22px 22px!important;
  -webkit-mask-image:radial-gradient(closest-side,#000 40%,transparent);mask-image:radial-gradient(closest-side,#000 40%,transparent);pointer-events:none;font-size:0}
html.yeni body:not(:has(#container)):after{content:"© Antik İness · Business Cargo";left:0;right:0;bottom:22px;text-align:center;color:var(--ink-3);font:500 12.5px var(--font);letter-spacing:.02em;position:fixed}
html.yeni .giris_form{left:50%!important;top:50%;transform:translate(-50%,-50%);width:400px;padding:36px 0 0;border-radius:22px;border:1px solid rgba(255,255,255,.7);
  background:rgba(255,255,255,.86);backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);
  box-shadow:0 1px 0 rgba(255,255,255,.8) inset,0 24px 60px -12px rgba(15,23,42,.18),0 2px 6px rgba(15,23,42,.05);overflow:hidden;animation:antikCard .45s cubic-bezier(.2,.8,.2,1) both}
html.yeni .giris_form:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#1e3a8a,#2563eb 45%,#d7262f)}
html.yeni .giris_form .logo img{width:210px;max-height:118px}
html.yeni .giris_form .logo:after{content:"Hesabınıza giriş yapın";display:block;margin-top:10px;font:600 15px var(--font);color:var(--ink);letter-spacing:-.01em}
html[lang="ru"].yeni .giris_form .logo:after{content:"Вход в аккаунт"}
html.yeni .giris_form .form{padding:22px 36px 4px}
html.yeni .giris_form .form input{height:48px;border-radius:11px!important;padding-left:44px!important;font-size:14.5px!important;background-color:#fff;
  background-repeat:no-repeat!important;background-position:15px center!important;background-size:17px!important}
html.yeni .giris_form .form input[name="eposta"]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3 7 9 6 9-6'/%3E%3C/svg%3E")}
html.yeni .giris_form .form input[name="parola"]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='11' width='16' height='10' rx='2'/%3E%3Cpath d='M8 11V7a4 4 0 0 1 8 0v4'/%3E%3C/svg%3E")}
html.yeni .giris_form .form button{height:48px;border-radius:11px!important;font-size:15px!important;letter-spacing:.01em;margin:6px 0 16px}
html.yeni .giris_form .form .forgot,html.yeni .giris_form .form .sing_up{font-size:13px;font-weight:600}
html.yeni .giris_form .form .sing_up{color:var(--accent)}
html.yeni .giris_form .language{margin-top:22px;padding:14px 0 16px;background:linear-gradient(180deg,rgba(248,250,252,.6),rgba(241,244,249,.9));border-top:1px solid var(--line);display:flex;justify-content:center;gap:10px}
html.yeni .giris_form .language a{width:auto;height:34px;margin:0;padding:0 14px 0 40px;border-radius:999px;display:inline-flex;align-items:center;
  background-size:20px 20px!important;background-position:12px center!important;background-repeat:no-repeat!important;background-color:#fff!important;
  border:1px solid var(--line-2);box-shadow:none;color:var(--ink-2);font:700 12.5px var(--font);letter-spacing:.06em;text-decoration:none;transition:border-color .15s,box-shadow .15s}
html.yeni .giris_form .language a span{display:none}
html.yeni .giris_form .language a:nth-child(1):after{content:"TR"}
html.yeni .giris_form .language a:nth-child(2):after{content:"RU"}
html.yeni .giris_form .language a:hover{border-color:#bcd0ff}
html.yeni .giris_form .language a.active{border-color:var(--brand-2);color:var(--brand-2);box-shadow:0 0 0 3px rgba(37,99,235,.12)}
html.yeni .tema-dugme.yuzen{background:rgba(255,255,255,.8);backdrop-filter:blur(8px)}
@media only screen and (max-width:640px){
  html.yeni .giris_form{width:calc(100% - 28px);top:47%}
  html.yeni .giris_form .form{padding:20px 22px 4px}
}
@media (prefers-reduced-motion:reduce){html.yeni .giris_form{animation:none}}

/* v3.5 — çok alanlı formlar (Çuval Girişi vb.), tablo içi alanlar, düğme rolleri */
/* profil kuralları yalnızca etiket+alan satırlarına */
html.yeni #Main .user_frm .input:not(:has(> .input_txt)){display:block;font-size:14px;color:var(--ink-2);margin:0;height:auto}
html.yeni #Main .user_frm .input:not(:has(> .input_txt)) > *{font-size:inherit}
html.yeni #Main .user_frm:has(.cari_wr){max-width:none;padding:26px 28px}
html.yeni #Main .user_frm:has(.cari_wr) .input > div[style*="float"]{font-size:13px;font-weight:600;color:var(--ink-2);margin-bottom:6px;box-sizing:border-box;padding-right:14px}
html.yeni #Main .user_frm:has(.cari_wr) .input > div[style*="float"] input,html.yeni #Main .user_frm:has(.cari_wr) .input > div[style*="float"] select{font-weight:400;color:var(--ink);margin-top:2px}
html.yeni #Main .user_frm:has(.cari_wr) .input > div[style*="float"] > input:only-of-type{width:100%!important}
html.yeni #Main .user_frm:has(.cari_wr) .input > div[style*="float"] .input_txt{display:block;width:auto;margin:0 0 6px;font-size:13px;font-weight:600;color:var(--ink-2)}
html.yeni #Main .user_frm:has(.cari_wr) .input > div[style*="float"] > select{width:100%!important}
html.yeni #Main .user_frm:has(.cari_wr) .input > div[style*="float"]:has(> input[name="cuval_no"]) input{width:calc(50% - 40px)!important}
html.yeni #Main .user_frm:has(.cari_wr) .input > div[style*="float"] input[name="barkod"]{width:100%!important;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;letter-spacing:.04em}
html.yeni #Main .user_frm:has(.cari_wr) > .input:last-child{display:flex;align-items:center;gap:10px;flex-direction:row-reverse;justify-content:flex-start;padding-top:18px;margin-top:8px;border-top:1px solid var(--line)}
html.yeni #Main .user_frm:has(.cari_wr) > .input:last-child > div[style*="float:right"]{float:none!important;margin:0;padding:0;font-size:0}
html.yeni #Main .user_frm:has(.cari_wr) br{display:none}
html.yeni #Main .user_frm:has(.cari_wr) .cari_wr{margin-top:18px}
/* tablo içindeki giriş alanları: hücreyi dolduran sade alanlar */
html.yeni #Main .cari_wr .td.input{padding:4px 6px!important;background:transparent!important;height:auto!important}
html.yeni #Main .cari_wr .td input,html.yeni #Main .cari_wr .td select{width:100%!important;border:1px solid transparent!important;background:transparent!important;box-shadow:none;height:34px;border-radius:7px!important;padding:6px 8px!important;font-size:13.5px!important}
html.yeni #Main .cari_wr .td input:hover,html.yeni #Main .cari_wr .td select:hover{background:#fff!important;border-color:var(--line-2)!important}
html.yeni #Main .cari_wr .td input:focus,html.yeni #Main .cari_wr .td select:focus{background:#fff!important;border-color:var(--brand-2)!important;box-shadow:0 0 0 3px rgba(37,99,235,.14)}
html.yeni #Main .cari_wr .tr[style*="height:0"]{min-height:0!important;height:0!important;border:0;overflow:hidden;animation:none}
html.yeni #Main .cari_wr .tr[style*="height:0"]:hover{box-shadow:none}
html.yeni #Main .cari_wr .td input[type=number]{-moz-appearance:textfield}
html.yeni #Main .cari_wr .td input::-webkit-inner-spin-button{-webkit-appearance:none}
/* düğme rolleri (cccmos_tema.js işaretler) */
html.yeni button.btn-sil,html.yeni #Main .cari_wr .td button.btn-sil{background:#fff!important;color:var(--danger)!important;border:1px solid #f1c2c8!important;box-shadow:none!important}
html.yeni button.btn-sil:hover{background:var(--danger-soft)!important}
html.yeni button.btn-ikincil{background:#fff!important;color:var(--ink-2)!important;border:1px solid var(--line-2)!important;box-shadow:0 1px 2px rgba(15,23,42,.05)!important}
html.yeni button.btn-ikincil:hover{border-color:#9fadc4!important;color:var(--ink)!important;background:#fff!important}
html.yeni button.btn-ekle{width:34px;height:34px;padding:0!important;border-radius:50%!important;font-size:18px!important;line-height:1}
/* üstte duran işlem düğmeleri (Tanım Ekle / Geri Dön) */
html.yeni #Main > div[style*="float:right"]:first-child{display:flex;gap:8px}
html.yeni #Main[style*="padding:30px"]{padding:24px 28px 40px!important;color:var(--ink-2);font-size:14.5px}
html.yeni #Main[style*="padding:30px"] > .cari_wr:first-of-type{margin-top:6px}
/* v3.5b — rötuşlar */
html.yeni .iki-nokta{display:none}
html.yeni #Main .cari_wr + .cari_wr{margin-top:0!important}
html.yeni #Main .cari_wr .td[style*="7F7F7F"]{border-right-color:var(--line)!important}
html.yeni #Main .cari_wr .td select,html.yeni #Main .cari_wr .td input{flex:1 1 auto}
html.yeni #Main .user_frm:has(.cari_wr) > .input:last-child{flex-direction:row;justify-content:flex-end}
html.yeni #Main .user_frm:has(.cari_wr) > .input:last-child button[type=submit]{padding:10px 22px!important;font-size:14px!important}
html.yeni button.btn-sil.btn-sil.btn-sil.btn-sil.btn-sil{background:#fff!important;color:var(--danger)!important;border:1px solid #f1c2c8!important;box-shadow:none!important}
html.yeni button.btn-sil.btn-sil.btn-sil.btn-sil.btn-sil:hover{background:var(--danger-soft)!important}
html.yeni button.btn-ikincil.btn-ikincil.btn-ikincil.btn-ikincil.btn-ikincil{background:#fff!important;color:var(--ink-2)!important;border:1px solid var(--line-2)!important;box-shadow:0 1px 2px rgba(15,23,42,.05)!important}
html.yeni button.btn-ikincil.btn-ikincil.btn-ikincil.btn-ikincil.btn-ikincil:hover{border-color:#9fadc4!important;color:var(--ink)!important}
html.yeni button.btn-ekle.btn-ekle.btn-ekle.btn-ekle.btn-ekle{width:34px;height:34px;padding:0!important;border-radius:50%!important;font-size:18px!important;line-height:1}
html.yeni #Main .cari_wr .td button.btn-sil.btn-sil.btn-sil{background:#fff!important;color:var(--danger)!important;border:1px solid #f1c2c8!important;box-shadow:none!important}
html.yeni #Main .cari_wr .td button.btn-sil.btn-sil.btn-sil:hover{background:var(--danger-soft)!important}
html.yeni #Main .user_frm .cari_wr .td.input{display:flex!important;align-items:center}
html.yeni #Main .user_frm .cari_wr .td.input select,html.yeni #Main .user_frm .cari_wr .td.input input{width:100%!important;flex:1 1 auto}
/* v3.6 — onay kutuları (checkbox/radio) tablo içi alan kuralından muaf */
html.yeni input[type=checkbox],html.yeni input[type=radio],html.yeni #Main .cari_wr .td input[type=checkbox],html.yeni #Main .cari_wr .td input[type=radio],html.yeni #Main .user_frm .cari_wr .td.input input[type=checkbox]{width:17px!important;height:17px!important;min-width:17px;flex:none!important;padding:0!important;margin:0 auto!important;border:0!important;border-radius:4px!important;background:none!important;box-shadow:none!important;accent-color:#2563eb;cursor:pointer;vertical-align:middle}
/* v3.7 — Excel düğmeleri */
html.yeni button.btn-excel.btn-excel.btn-excel.btn-excel.btn-excel,html.yeni #Main .cari_wr .td button.btn-excel.btn-excel.btn-excel{background:linear-gradient(180deg,#21a366,#107c41)!important;border-color:#107c41!important;color:#fff!important;box-shadow:0 1px 0 rgba(255,255,255,.2) inset,0 4px 12px rgba(16,124,65,.28)!important;padding-left:34px!important;position:relative}
html.yeni button.btn-excel:before{content:"";position:absolute;left:11px;top:50%;width:16px;height:16px;margin-top:-8px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v11M7 10l5 5 5-5M5 20h14'/%3E%3C/svg%3E") center/16px no-repeat}
html.yeni button.btn-excel.btn-excel.btn-excel.btn-excel.btn-excel:hover{background:linear-gradient(180deg,#1e9a5f,#0c6b37)!important}
/* v3.7b — fiş detayı: dış sarmalayıcı şeffaf */
html.yeni #Main .fis_wr:has(.fis_detay){background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible}
html.yeni #Main .fis_detay{box-shadow:0 1px 2px rgba(15,23,42,.04),0 12px 32px rgba(15,23,42,.07)!important}
html.yeni #Main .fis_detay .input:last-child{border-bottom:0}

/* =====================================================================
   v4 — düğme sistemi: rol + ikon (cccmos_tema.js rolleri işaretler)
   ===================================================================== */
html.yeni #container button.btn-rol.btn-rol.btn-rol.btn-rol{display:inline-flex!important;align-items:center;justify-content:center;gap:7px;height:38px;padding:0 15px!important;border-radius:9px!important;font:600 13.5px/1 var(--font)!important;letter-spacing:.005em;white-space:nowrap;vertical-align:middle;cursor:pointer;transition:background .15s,box-shadow .15s,transform .08s,border-color .15s,color .15s;margin:2px!important}
html.yeni #container button.btn-rol.btn-rol.btn-rol.btn-rol:before{content:"";flex:none;width:15px;height:15px;background:currentColor;-webkit-mask:var(--ik) center/contain no-repeat;mask:var(--ik) center/contain no-repeat}
html.yeni #container button.btn-rol.btn-rol.btn-rol.btn-rol:active{transform:translateY(1px)}
html.yeni #container button.btn-rol.btn-rol.btn-rol.btn-rol:focus-visible{outline:0;box-shadow:0 0 0 3px rgba(37,99,235,.25)!important}
html.yeni .btn-sil{--ik:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h16M10 11v6M14 11v6M6 7l1 13h10l1-13M9 7V4h6v3'/%3E%3C/svg%3E")}
html.yeni .btn-duzelt{--ik:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20h4L19 9a2.8 2.8 0 0 0-4-4L4 16z'/%3E%3Cpath d='m13.5 6.5 4 4'/%3E%3C/svg%3E")}
html.yeni .btn-yeni,html.yeni .btn-ekle{--ik:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E")}
html.yeni .btn-geri{--ik:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H5M11 6l-6 6 6 6'/%3E%3C/svg%3E")}
html.yeni .btn-excel{--ik:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v11M7 10l5 5 5-5M5 20h14'/%3E%3C/svg%3E")}
html.yeni .btn-goster{--ik:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h16l-6 7v6l-4 2v-8z'/%3E%3C/svg%3E")}
html.yeni .btn-yuklendi{--ik:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7h11v9H3zM14 10h4l3 3v3h-7'/%3E%3Ccircle cx='7' cy='18' r='1.8'/%3E%3Ccircle cx='17' cy='18' r='1.8'/%3E%3C/svg%3E")}
html.yeni .btn-depoda{--ik:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 8l-9-5-9 5v8l9 5 9-5z'/%3E%3Cpath d='M3 8l9 5 9-5M12 13v8'/%3E%3C/svg%3E")}
html.yeni .btn-kaydet{--ik:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 5 5L20 7'/%3E%3C/svg%3E")}
html.yeni .btn-ikincil:not(.btn-geri){--ik:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 6l12 12M18 6 6 18'/%3E%3C/svg%3E")}

/* birincil (mavi) */
html.yeni #container button.btn-rol.btn-rol.btn-rol.btn-rol.btn-goster,html.yeni #container button.btn-rol.btn-rol.btn-rol.btn-rol.btn-kaydet{background:linear-gradient(180deg,#3b74f0,#2257d6)!important;border:1px solid #1f4fc4!important;color:#fff!important;box-shadow:0 1px 0 rgba(255,255,255,.22) inset,0 4px 12px rgba(37,99,235,.26)!important}
html.yeni #container button.btn-rol.btn-rol.btn-rol.btn-rol.btn-goster:hover,html.yeni #container button.btn-rol.btn-rol.btn-rol.btn-rol.btn-kaydet:hover{background:linear-gradient(180deg,#3369e0,#1c4cc0)!important}
html.yeni #container button.btn-rol.btn-rol.btn-rol.btn-rol.btn-kaydet{height:42px;padding:0 22px!important;font-size:14px!important}
/* yeni kayıt (marka kırmızısı) */
html.yeni #container button.btn-rol.btn-rol.btn-rol.btn-rol.btn-yeni{background:linear-gradient(180deg,#e5414a,#c4212b)!important;border:1px solid #b81f27!important;color:#fff!important;box-shadow:0 1px 0 rgba(255,255,255,.22) inset,0 6px 16px rgba(215,38,47,.28)!important}
html.yeni #container button.btn-rol.btn-rol.btn-rol.btn-rol.btn-yeni:hover{background:linear-gradient(180deg,#d93a43,#b01c25)!important}
html.yeni .bottom_header > div[style*="float:right"] button.btn-yeni:before{content:""}
/* ikincil */
html.yeni #container button.btn-rol.btn-rol.btn-rol.btn-rol.btn-ikincil{background:#fff!important;border:1px solid var(--line-2)!important;color:var(--ink-2)!important;box-shadow:0 1px 2px rgba(15,23,42,.05)!important}
html.yeni #container button.btn-rol.btn-rol.btn-rol.btn-rol.btn-ikincil:hover{border-color:#9fadc4!important;color:var(--ink)!important;background:#f8fafc!important}
/* excel */
html.yeni #container button.btn-rol.btn-rol.btn-rol.btn-rol.btn-excel{background:linear-gradient(180deg,#21a366,#107c41)!important;border:1px solid #0e6e39!important;color:#fff!important;box-shadow:0 1px 0 rgba(255,255,255,.2) inset,0 4px 12px rgba(16,124,65,.26)!important;padding-left:15px!important}
html.yeni #container button.btn-rol.btn-rol.btn-rol.btn-rol.btn-excel:hover{background:linear-gradient(180deg,#1e9a5f,#0c6b37)!important}
html.yeni button.btn-excel.btn-rol:before{position:static;margin:0;left:auto;top:auto}
/* durum işlemleri */
html.yeni #container button.btn-rol.btn-rol.btn-rol.btn-rol.btn-yuklendi{background:#e7f6f1!important;border:1px solid #bfe6d8!important;color:#0f766e!important;box-shadow:none!important}
html.yeni #container button.btn-rol.btn-rol.btn-rol.btn-rol.btn-yuklendi:hover{background:#d3efe5!important}
html.yeni #container button.btn-rol.btn-rol.btn-rol.btn-rol.btn-depoda{background:#fff4e5!important;border:1px solid #f6d9ae!important;color:#b45309!important;box-shadow:none!important}
html.yeni #container button.btn-rol.btn-rol.btn-rol.btn-rol.btn-depoda:hover{background:#feead0!important}
/* artı (satır ekle) */
html.yeni #container button.btn-rol.btn-rol.btn-rol.btn-rol.btn-ekle{width:36px;height:36px;padding:0!important;border-radius:50%!important;gap:0;font-size:0!important;background:#fff!important;border:1.5px dashed #9fb6e8!important;color:var(--brand-2)!important;box-shadow:none!important}
html.yeni #container button.btn-rol.btn-rol.btn-rol.btn-rol.btn-ekle:hover{background:var(--brand-soft)!important;border-style:solid!important}
html.yeni #container button.btn-rol.btn-rol.btn-rol.btn-rol.btn-ekle:before{width:16px;height:16px}

/* tablo içi işlem düğmeleri: kompakt, yumuşak dolgulu */
html.yeni #container #Main .cari_wr .td button.btn-rol.btn-rol.btn-rol.btn-rol{height:30px;padding:0 11px!important;font-size:12.5px!important;gap:6px;border-radius:8px!important;margin:2px 3px!important;box-shadow:none!important}
html.yeni #container #Main .cari_wr .td button.btn-rol.btn-rol.btn-rol.btn-rol:before{width:13px;height:13px}
html.yeni #container #Main .cari_wr .td button.btn-rol.btn-rol.btn-rol.btn-rol.btn-duzelt{background:#eaf1ff!important;border:1px solid #d3e1ff!important;color:#1d4ed8!important}
html.yeni #container #Main .cari_wr .td button.btn-rol.btn-rol.btn-rol.btn-rol.btn-duzelt:hover{background:#dbe7ff!important;border-color:#b9cdfb!important}
html.yeni #container #Main .cari_wr .td button.btn-rol.btn-rol.btn-rol.btn-rol.btn-sil{background:#fff1f2!important;border:1px solid #fbd0d5!important;color:#c2283a!important}
html.yeni #container #Main .cari_wr .td button.btn-rol.btn-rol.btn-rol.btn-rol.btn-sil:hover{background:#ffe2e6!important;border-color:#f6aab4!important}
html.yeni #container #Main .cari_wr .td button.btn-rol.btn-rol.btn-rol.btn-rol.btn-excel{height:34px;padding:0 14px!important;font-size:13px!important}
/* işlem hücresi: düğmeleri ortala ve aralarını eşitle */
html.yeni #Main .cari_wr .tr .td:has(> button.btn-rol){justify-content:center;gap:2px;flex-wrap:nowrap}
/* satır üzerine gelince işlemler belirginleşsin */
html.yeni #container #Main .cari_wr .tr .td button.btn-rol.btn-rol.btn-rol.btn-rol.btn-sil{opacity:.85}
html.yeni #container #Main .cari_wr .tr:hover .td button.btn-rol.btn-rol.btn-rol.btn-rol.btn-sil{opacity:1}
/* üstteki işlem grupları */
html.yeni #Main > div[style*="float:right"]:first-child button.btn-rol{margin:0!important}
html.yeni .bottom_header .input > div[style*="padding-right"]{gap:8px}
@media only screen and (max-width:640px){
  html.yeni #container #Main .cari_wr .td button.btn-rol.btn-rol.btn-rol.btn-rol{padding:0 8px!important;font-size:0!important;gap:0;width:30px}
  html.yeni #container #Main .cari_wr .td button.btn-rol.btn-rol.btn-rol.btn-rol:before{width:14px;height:14px}
}

/* =====================================================================
   v4.1 — İletişim sayfası (Bize Ulaşın)
   ===================================================================== */
html.yeni #Main .iletisim_wr{position:static;transform:none;height:auto;max-width:980px;margin:8px auto 40px;padding:0;display:grid;grid-template-columns:minmax(260px,.9fr) 1.4fr;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--surface);box-shadow:0 1px 2px rgba(15,23,42,.04),0 18px 44px rgba(15,23,42,.09);text-align:left;animation:antikIn .35s ease-out both}
/* sol marka paneli */
html.yeni #Main .iletisim_wr .logo{grid-row:1 / span 4;margin:0;padding:40px 34px;display:flex;flex-direction:column;justify-content:space-between;gap:28px;color:#fff;position:relative;overflow:hidden;
  background:radial-gradient(420px 260px at 110% -10%,rgba(255,255,255,.16),transparent 60%),radial-gradient(360px 300px at -20% 120%,rgba(215,38,47,.55),transparent 62%),linear-gradient(150deg,#0b1730,#1e3a8a 70%,#2b4fb8)}
html.yeni #Main .iletisim_wr .logo:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.10) 1px,transparent 1.2px);background-size:16px 16px;-webkit-mask-image:linear-gradient(200deg,#000,transparent 70%);mask-image:linear-gradient(200deg,#000,transparent 70%)}
html.yeni #Main .iletisim_wr .logo a{position:relative;display:block;background:#fff;border-radius:16px;padding:16px 18px;box-shadow:0 10px 30px rgba(0,0,0,.28);width:max-content;max-width:100%}
html.yeni #Main .iletisim_wr .logo img{display:block;width:190px;height:auto;max-height:110px;object-fit:contain}
html.yeni #Main .iletisim_wr .logo:after{content:"Bize ulaşın";position:relative;font:800 28px/1.15 var(--font);letter-spacing:-.02em;white-space:pre-line}
html[lang="ru"].yeni #Main .iletisim_wr .logo:after{content:"Свяжитесь с нами"}
html.yeni #Main .iletisim_wr .logo-alt{position:relative;display:block;font:500 14px/1.55 var(--font);color:rgba(255,255,255,.78);margin-top:-14px}
/* sağ: iletişim satırları */
html.yeni #Main .iletisim_wr p{margin:0;padding:22px 30px;display:flex;gap:16px;align-items:flex-start;border-bottom:1px solid var(--line);grid-column:2;transition:background .15s}
html.yeni #Main .iletisim_wr p:hover{background:#f8faff}
html.yeni #Main .iletisim_wr p:first-of-type{padding-top:30px}
html.yeni #Main .iletisim_wr p:last-of-type{border-bottom:0;padding-bottom:30px}
html.yeni #Main .iletisim_wr p:before{content:"";flex:none;width:46px;height:46px;border-radius:13px;background:var(--brand-soft);box-shadow:inset 0 0 0 1px #d6e2ff}
html.yeni #Main .iletisim_wr p:after{content:"";position:absolute}
html.yeni #Main .iletisim_wr p{position:relative}
html.yeni #Main .iletisim_wr p span{display:block;color:var(--ink);font-size:16px;line-height:1.55;font-weight:500;flex:1;min-width:0}
html.yeni #Main .iletisim_wr p span b{display:block;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin:2px 0 4px}
html.yeni #Main .iletisim_wr p span a{color:var(--ink);text-decoration:none;font-weight:600;font-size:17px}
html.yeni #Main .iletisim_wr p span a:hover{color:var(--brand-2)}
/* satır ikonları (maske) */
html.yeni #Main .iletisim_wr p:nth-of-type(1):after,html.yeni #Main .iletisim_wr p:nth-of-type(2):after,html.yeni #Main .iletisim_wr p:nth-of-type(3):after{left:43px;top:35px;width:20px;height:20px;background:#2563eb;-webkit-mask:var(--ik) center/contain no-repeat;mask:var(--ik) center/contain no-repeat}
html.yeni #Main .iletisim_wr p:first-of-type:after{top:43px}
html.yeni #Main .iletisim_wr p:nth-of-type(1){--ik:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s7-6.2 7-12a7 7 0 0 0-14 0c0 5.8 7 12 7 12z'/%3E%3Ccircle cx='12' cy='9' r='2.6'/%3E%3C/svg%3E")}
html.yeni #Main .iletisim_wr p:nth-of-type(2){--ik:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 4h4l2 5-2.5 1.5a11 11 0 0 0 5 5L15 13l5 2v4a2 2 0 0 1-2 2A16 16 0 0 1 3 6a2 2 0 0 1 2-2'/%3E%3C/svg%3E")}
html.yeni #Main .iletisim_wr p:nth-of-type(3){--ik:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3 7 9 6 9-6'/%3E%3C/svg%3E")}
/* hızlı işlem düğmeleri (cccmos_tema.js ekler) */
html.yeni .ilt-islem{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
html.yeni .ilt-islem a{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 13px;border-radius:9px;border:1px solid var(--line-2);background:#fff;color:var(--ink-2)!important;font:600 13px var(--font)!important;text-decoration:none;transition:border-color .15s,color .15s,background .15s}
html.yeni .ilt-islem a:hover{border-color:#bcd0ff;color:var(--brand-2)!important;background:#f5f8ff}
html.yeni .ilt-islem a.birincil{background:linear-gradient(180deg,#3b74f0,#2257d6);border-color:#1f4fc4;color:#fff!important;box-shadow:0 4px 12px rgba(37,99,235,.24)}
html.yeni .ilt-islem a.birincil:hover{background:linear-gradient(180deg,#3369e0,#1c4cc0);color:#fff!important}
html.yeni .ilt-islem a:after{content:"";width:13px;height:13px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 4h6v6M20 4l-9 9M18 14v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 4h6v6M20 4l-9 9M18 14v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h5'/%3E%3C/svg%3E") center/contain no-repeat;order:2}
html.yeni .ilt-islem a.birincil:after{display:none}
html:not(.yeni) .ilt-islem,html:not(.yeni) .logo-alt{display:none}
@media only screen and (max-width:800px){
  html.yeni #Main .iletisim_wr{grid-template-columns:1fr}
  html.yeni #Main .iletisim_wr .logo{grid-row:auto;padding:28px 24px}
  html.yeni #Main .iletisim_wr p{grid-column:1;padding:18px 20px}
  html.yeni #Main .iletisim_wr p:nth-of-type(1):after,html.yeni #Main .iletisim_wr p:nth-of-type(2):after,html.yeni #Main .iletisim_wr p:nth-of-type(3):after{left:33px;top:31px}
  html.yeni #Main .iletisim_wr p:first-of-type:after{top:31px}
}
html.yeni #Main .iletisim_wr p span b .iki-nokta{display:none}
html.yeni #Main .iletisim_wr .logo a{order:1;margin-bottom:auto}
html.yeni #Main .iletisim_wr .logo:after{order:2}
html.yeni #Main .iletisim_wr .logo-alt{order:3;margin-top:-16px}