/* Elçin Güvenlik - Front (Aydınlık, modern, kibar) */
.elcin-loginbar{position:fixed;top:0;left:0;right:0;z-index:99999;background:rgba(255,255,255,var(--elcin-bg-alpha,.92));border-bottom:1px solid rgba(0,0,0,.08);backdrop-filter:blur(10px);min-height:var(--elcin-h,56px);}
.elcin-loginbar-inner{max-width:1200px;margin:0 auto;padding:8px 14px;display:flex;align-items:center;gap:12px;min-height:var(--elcin-h,56px)}
.elcin-loginbar-left{flex:0 0 auto}
.elcin-brand{font-weight:800;text-decoration:none;color:inherit;letter-spacing:.2px}
.elcin-loginbar-right{flex:1 1 auto;display:flex;justify-content:flex-end}

/* Üst Giriş Çubuğu - Tek satır, modern ikonlu */
.elcin-loginbar-right{overflow:hidden}
.elcin-loginbar-form{width:100%;display:flex;justify-content:flex-end;align-items:center;gap:8px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;padding-bottom:2px}
.elcin-loginbar-form::-webkit-scrollbar{height:6px}
.elcin-loginbar-form::-webkit-scrollbar-thumb{background:rgba(0,0,0,.18);border-radius:999px}

.elcin-ico{display:inline-flex;align-items:center;justify-content:center;line-height:1}
.elcin-ico svg{width:18px;height:18px;fill:currentColor}

.elcin-field{display:flex;align-items:center;gap:8px;height:36px;padding:0 12px;border:1px solid rgba(0,0,0,.14);border-radius:12px;background:rgba(255,255,255,.96);min-width:0;flex:0 1 200px}
.elcin-field:focus-within{border-color:rgba(0,0,0,.22);box-shadow:0 0 0 3px rgba(17,24,39,.08)}
.elcin-field .elcin-ico{color:rgba(0,0,0,.55)}
.elcin-field input{border:0;outline:0;background:transparent;padding:0;margin:0;min-width:0;width:100%;height:100%}
.elcin-field input::placeholder{color:rgba(0,0,0,.45)}

.elcin-loginbar-btn{height:36px;padding:0 14px;border-radius:12px;border:0;cursor:pointer;font-weight:900;display:inline-flex;align-items:center;gap:8px;color:#fff;background:var(--elcin-accent,#111827);box-shadow:0 10px 22px rgba(0,0,0,.08);transition:transform .15s ease,filter .15s ease}
.elcin-loginbar-btn:hover{transform:translateY(-1px);filter:brightness(1.02)}
.elcin-loginbar-btn:active{transform:translateY(0)}
.elcin-chip{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 12px;border-radius:999px;border:1px solid rgba(0,0,0,.10);background:rgba(255,255,255,.8);text-decoration:none;color:inherit;white-space:nowrap;transition:transform .15s ease,opacity .15s ease}
.elcin-chip:hover{transform:translateY(-1px);opacity:.98}
.elcin-chip-strong{font-weight:900}

.elcin-loginbar-actions{display:flex;gap:8px;justify-content:flex-end;align-items:center}
.elcin-loginbar-action{gap:8px}

/* Brand */
.elcin-brand{display:inline-flex;align-items:center;gap:10px}
.elcin-brand-ico{color:var(--elcin-accent,#111827)}
.elcin-brand-text{font-weight:900}

/* Hareketli/Canlı: nazik parıltı */
.elcin-anim .elcin-loginbar-btn{position:relative;overflow:hidden}
.elcin-anim .elcin-loginbar-btn::after{content:'';position:absolute;top:-40%;left:-60%;width:60%;height:180%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);transform:skewX(-18deg);animation:elcinShine 3.8s ease-in-out infinite}
@keyframes elcinShine{0%{left:-60%}35%{left:120%}100%{left:120%}}


@media (max-width: 760px){
  .elcin-table-wrap{overflow:visible}
  table.elcin-table{display:block;width:100%}
  table.elcin-table thead{display:none}
  table.elcin-table tbody{display:block}
  table.elcin-table tr{
    display:block;
    border:1px solid rgba(0,0,0,.10);
    border-radius:14px;
    padding:10px 10px;
    margin:10px 0;
    background:rgba(255,255,255,.78);
    box-shadow:0 10px 24px rgba(0,0,0,.06);
  }
  table.elcin-table td{
    display:block;
    border:0 !important;
    padding:8px 0 !important;
    width:100% !important;
  }
  table.elcin-table td:before{
    content: attr(data-label);
    display:block;
    font-weight:900;
    opacity:.82;
    margin:0 0 6px 0;
  }

  /* İçerikler tam genişlik */
  table.elcin-table td > *{max-width:100%}
  table.elcin-table td input,
  table.elcin-table td select,
  table.elcin-table td textarea{
    width:100% !important;
    max-width:100% !important;
  }

  /* Inline formlar mobilde alt alta */
  table.elcin-table td form.elcin-inline,
  table.elcin-table td .elcin-inline{
    display:flex;
    flex-direction:column;
    gap:8px;
    align-items:stretch;
  }

  /* Aksiyon butonları */
  table.elcin-table td.elcin-td-actions:before,
  table.elcin-table td.elcin-action-row:before{
    content: "İşlemler";
  }
  table.elcin-table td.elcin-td-actions,
  table.elcin-table td.elcin-action-row{
    display:flex;
    flex-direction:column;
    gap:8px;
    align-items:stretch;
  }
  table.elcin-table td.elcin-td-actions .elcin-btn,
  table.elcin-table td.elcin-action-row .elcin-btn{
    width:100%;
    justify-content:center;
  }

  .elcin-muted{font-size:12px}
}
  .elcin-field{flex:1 1 0}
}
@media (max-width: 560px){
  .elcin-compact .elcin-brand-text{display:none}
  .elcin-compact .elcin-chip-text{display:none}
  .elcin-compact .elcin-loginbar-action .elcin-btn-text{display:none}
  .elcin-compact .elcin-loginbar-btn .elcin-btn-text{display:none}
  .elcin-loginbar-form{gap:6px}
  .elcin-field{height:34px}
  .elcin-loginbar-btn,.elcin-chip{height:34px}
}


.elcin-loginbar-actions{display:flex;gap:8px;justify-content:flex-end;align-items:center}

.elcin-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:12px;text-decoration:none;border:1px solid rgba(0,0,0,.10);font-weight:800;transition:transform .15s ease,opacity .15s ease}
.elcin-btn:hover{transform:translateY(-1px);opacity:.98}
.elcin-btn-ghost{background:rgba(255,255,255,.6)}
.elcin-btn-mini{padding:6px 10px;border-radius:10px;font-weight:800;font-size:13px}
.elcin-btn-danger{border-color:rgba(200,0,0,.25);color:#a10000}

.elcin-wrap{max-width:1200px;margin:0 auto;padding:18px 14px}
.elcin-card{background:rgba(255,255,255,.92);border:1px solid rgba(0,0,0,.08);border-radius:16px;padding:16px;box-shadow:0 8px 20px rgba(0,0,0,.04)}
.elcin-card h2,.elcin-card h3{margin-top:0}

.elcin-form label{display:block;font-weight:800;margin-bottom:10px}
.elcin-form input[type="text"],.elcin-form input[type="email"],.elcin-form input[type="password"],.elcin-form input[type="file"],.elcin-form select,.elcin-form textarea{width:100%;margin-top:6px;padding:10px 12px;border:1px solid rgba(0,0,0,.14);border-radius:12px;background:rgba(255,255,255,.95)}
.elcin-form textarea{resize:vertical}

.elcin-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.elcin-note{opacity:.8;margin-top:10px}

.elcin-alert{padding:10px 12px;border-radius:12px;margin-bottom:12px;border:1px solid rgba(0,0,0,.12)}
.elcin-alert-error{background:rgba(255,0,0,.06);border-color:rgba(255,0,0,.18)}
.elcin-alert-ok{background:rgba(0,160,80,.08);border-color:rgba(0,160,80,.18)}
.elcin-alert-info{background:rgba(0,120,255,.08);border-color:rgba(0,120,255,.18)}

.elcin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.elcin-grid-2{display:grid;grid-template-columns:1.1fr 1.4fr;gap:12px}
@media (max-width:980px){
  .elcin-grid,.elcin-grid-2{grid-template-columns:1fr}
  .elcin-loginbar-inner{flex-wrap:wrap}
  .elcin-loginbar-form{justify-content:flex-start}
  .elcin-loginbar-right{justify-content:flex-start}
}

.elcin-panel-header{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:10px}
.elcin-panel-title h2{margin:0}
.elcin-sub{opacity:.85;margin-top:6px}
.elcin-panel-meta{display:flex;gap:8px;flex-wrap:wrap}
.elcin-pill{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;border:1px solid rgba(0,0,0,.10);font-weight:800;font-size:13px;background:rgba(255,255,255,.75)}
.elcin-pill-ghost{background:rgba(255,255,255,.35)}
.elcin-pill-active{opacity:1}

.elcin-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
.elcin-tab{text-decoration:none;padding:8px 12px;border-radius:12px;border:1px solid rgba(0,0,0,.10);font-weight:900;opacity:.85}
.elcin-tab:hover{opacity:1}
.elcin-tab.is-active{opacity:1;transform:translateY(-1px)}

.elcin-table-wrap{overflow:auto}
.elcin-table{width:100%;border-collapse:collapse;font-size:14px}
.elcin-table th,.elcin-table td{text-align:left;padding:10px 10px;border-bottom:1px solid rgba(0,0,0,.08);vertical-align:top}
.elcin-row-unread td{font-weight:900}
.elcin-td-actions{white-space:nowrap}

.elcin-filter{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.elcin-filter input,.elcin-filter select{width:auto;min-width:220px}
.elcin-inline{display:flex;gap:6px;align-items:center}
.elcin-inline input{width:140px;padding:6px 8px;border-radius:10px}

.elcin-avatar-wrap{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.elcin-avatar{width:86px;height:86px;border-radius:18px;border:1px solid rgba(0,0,0,.12);object-fit:cover}
.elcin-avatar-placeholder{display:flex;align-items:center;justify-content:center;font-weight:900;opacity:.6}

.elcin-hr{border:0;border-top:1px solid rgba(0,0,0,.10);margin:14px 0}

.elcin-msg-head{display:flex;justify-content:space-between;align-items:center;gap:10px}
.elcin-msg-tabs{display:flex;gap:8px;flex-wrap:wrap}
.elcin-msg-view .elcin-msg-meta{display:grid;gap:6px;margin-bottom:12px;opacity:.9}
.elcin-msg-body{padding:12px;border-radius:14px;border:1px solid rgba(0,0,0,.10);background:rgba(255,255,255,.65)}


/* v1.0.2 UI iyileştirmeleri */

:root{
  --elcin-blue: var(--elcin-accent,#2563eb);
}
.elcin-btn{background:transparent}
.elcin-btn-primary,.elcin-btn{border-radius:12px}
.elcin-btn-primary{background:var(--elcin-blue);color:#fff;border:0}
.elcin-btn-primary:hover{filter:brightness(1.03)}
.elcin-btn-ghost{background:rgba(37,99,235,.10);border:1px solid rgba(37,99,235,.18);color:#0f172a}
.elcin-btn-ghost:hover{background:rgba(37,99,235,.14)}
.elcin-loginbar-action{background:var(--elcin-blue);color:#fff;border:0}
.elcin-loginbar-action.elcin-btn-ghost{background:rgba(37,99,235,.12);color:#0f172a;border:1px solid rgba(37,99,235,.20)}
.elcin-loginbar-action .elcin-ico{color:currentColor}

a.elcin-link, .elcin-card a, .elcin-table a{
  color:#0f172a;
  text-decoration:none;
  font-weight:800;
  border-bottom:1px dashed rgba(37,99,235,.35);
}
a.elcin-link:hover, .elcin-card a:hover, .elcin-table a:hover{
  color:#1d4ed8;
  border-bottom-style:solid;
}

/* Sekmeler (tab) daha modern */
.elcin-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
.elcin-tab{
  display:inline-flex;align-items:center;gap:8px;
  padding:10px 12px;border-radius:999px;
  border:1px solid rgba(0,0,0,.08);
  background:rgba(255,255,255,.75);
  text-decoration:none;color:#0f172a;font-weight:900;
  transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.elcin-tab:hover{transform:translateY(-1px);border-color:rgba(37,99,235,.25);box-shadow:0 0 0 3px rgba(37,99,235,.10)}
.elcin-tab.is-active{
  background:var(--elcin-blue);
  color:#fff;
  border-color:transparent;
  box-shadow:0 14px 28px rgba(37,99,235,.18);
}

/* İki sütun -> tek sütun */
.elcin-grid-2, .elcin-cols-2, .elcin-two-col, .elcin-form-grid{
  display:block !important;
}
.elcin-grid-2 > *, .elcin-cols-2 > *, .elcin-two-col > *, .elcin-form-grid > *{
  width:100% !important;
  max-width:100% !important;
}
.elcin-form-row{display:block}
.elcin-form-row .elcin-field-wrap{width:100%}

/* Mobil okunaklılık */
@media (max-width:760px){
  .elcin-card{border-radius:16px}
}

/* WP tarzı nav-tab kullanılıyorsa modernleştir */
.elcin-panel .nav-tab-wrapper{border-bottom:0;display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
.elcin-panel .nav-tab{
  float:none;border:1px solid rgba(0,0,0,.08);
  background:rgba(255,255,255,.75);
  border-radius:999px;
  padding:10px 12px;
  font-weight:900;
  color:#0f172a;
  transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.elcin-panel .nav-tab:hover{transform:translateY(-1px);border-color:rgba(37,99,235,.25);box-shadow:0 0 0 3px rgba(37,99,235,.10)}
.elcin-panel .nav-tab.nav-tab-active{
  background:var(--elcin-blue);
  color:#fff;
  border-color:transparent;
  box-shadow:0 14px 28px rgba(37,99,235,.18);
}



/* v1.0.3 Kurumsal butonlar + mesaj seçim + görev rozetleri */
:root{ --elcin-blue: var(--elcin-accent,#1d4ed8); }

.elcin-btn{
  background: var(--elcin-blue) !important;
  color:#fff !important;
  border:0 !important;
  box-shadow: 0 12px 26px rgba(29,78,216,.18);
}
.elcin-btn:hover{filter:brightness(1.03)}
.elcin-btn-ghost{
  background:#1e40af !important;
  color:#fff !important;
  border:0 !important;
}
.elcin-btn-danger{
  background:#dc2626 !important;
  color:#fff !important;
  border:0 !important;
  box-shadow: 0 12px 26px rgba(220,38,38,.18);
}
.elcin-btn-mini{box-shadow: 0 10px 18px rgba(15,23,42,.10)}
.elcin-loginbar-btn{background:var(--elcin-blue) !important;color:#fff !important}
.elcin-chip{border:0;background:#1e40af;color:#fff}
.elcin-pill-active{background:var(--elcin-blue);color:#fff}

.elcin-badge{display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:6px 10px;border-radius:999px;font-weight:900;font-size:12px;white-space:nowrap}
.elcin-badge-open{background:rgba(29,78,216,.12);color:#0f172a;border:1px solid rgba(29,78,216,.18)}
.elcin-badge-done{background:rgba(16,185,129,.14);color:#064e3b;border:1px solid rgba(16,185,129,.20)}

.elcin-compose-modes{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.elcin-radio{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:999px;
  border:1px solid rgba(0,0,0,.08);background:rgba(255,255,255,.75);font-weight:900}
.elcin-radio input{margin:0}
.elcin-checklist{border:1px solid rgba(0,0,0,.08);border-radius:14px;background:rgba(255,255,255,.75);
  max-height:260px;overflow:auto;padding:8px}
.elcin-check{display:flex;gap:10px;align-items:flex-start;padding:10px;border-radius:12px}
.elcin-check:hover{background:rgba(29,78,216,.06)}
.elcin-check input{margin-top:2px}
.elcin-check-name{font-weight:900;color:#0f172a}
.elcin-check-meta{opacity:.75;font-size:12px;margin-left:auto;white-space:nowrap}
.elcin-compose-tools{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}
.elcin-user-search{height:40px}
.elcin-link-small{font-size:12px;opacity:.85}

.elcin-inline textarea{width:100%;min-height:70px}

@media (max-width: 760px){
  .elcin-check-meta{display:none}
}


/* v1.0.4 - Sekmeler daha kibar (yuvarlak değil), renk admin panelden */

/* Özel panel sekmeleri */
.elcin-panel .nav-tab-wrapper{border:0 !important;display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 !important}
.elcin-panel .nav-tab{
  float:none !important;
  border:1px solid rgba(0,0,0,.08) !important;
  background: var(--elcin-tabs-bg,#2563eb) !important;
  color:#fff !important;
  border-radius:4px !important; /* yuvarlak değil */
  padding:10px 12px !important;
  font-weight:800 !important;
  text-decoration:none !important;
  letter-spacing:.1px;
  transition:transform .12s ease, filter .12s ease, box-shadow .12s ease;
}
.elcin-panel .nav-tab:hover{
  transform:translateY(-1px);
  filter:brightness(1.03);
  box-shadow:0 10px 22px rgba(37,99,235,.18);
}
.elcin-panel .nav-tab.nav-tab-active{
  background: var(--elcin-tabs-active-bg,#1d4ed8) !important;
  color:#fff !important;
  border-color: rgba(0,0,0,.06) !important;
  box-shadow:0 14px 28px rgba(29,78,216,.22);
}
.elcin-panel .nav-tab:focus{
  outline:none;
  box-shadow:0 0 0 3px rgba(37,99,235,.18);
}

/* Buton kontrast düzeltme (zeminle aynı olmasın) */
.elcin-btn, .elcin-loginbar-action, .elcin-btn-primary{
  background: var(--elcin-blue, #2563eb) !important;
  color:#fff !important;
  border:0 !important;
}
.elcin-btn:hover, .elcin-loginbar-action:hover, .elcin-btn-primary:hover{filter:brightness(1.03)}
.elcin-btn-ghost{
  background: rgba(37,99,235,.14) !important;
  color:#0f172a !important;
  border:1px solid rgba(37,99,235,.22) !important;
}
.elcin-btn-ghost .elcin-ico{color:currentColor !important}


/* v1.0.5 - Sekmeler: koyu bar + düzenli tab menü (oval değil) */

/* Tab bar (arkası koyu) */
.nav-tab-wrapper, .elcin-panel .nav-tab-wrapper, .elcin-tabs{
  background: var(--elcin-tabs-bar-bg,#0b1220) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 8px !important;
  padding: 6px !important;
  display:flex !important;
  gap:6px !important;
  flex-wrap:nowrap !important;
  overflow-x:auto !important;
  -webkit-overflow-scrolling: touch;
}
.nav-tab-wrapper::-webkit-scrollbar, .elcin-panel .nav-tab-wrapper::-webkit-scrollbar, .elcin-tabs::-webkit-scrollbar{height:6px}
.nav-tab-wrapper::-webkit-scrollbar-thumb, .elcin-panel .nav-tab-wrapper::-webkit-scrollbar-thumb, .elcin-tabs::-webkit-scrollbar-thumb{background:rgba(255,255,255,.18);border-radius:999px}

/* Tab butonları (oval değil) */
.nav-tab, .elcin-panel .nav-tab, .elcin-tab{
  float:none !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  background: rgba(255,255,255,.06) !important;
  color:#fff !important;
  border-radius: 6px !important; /* pill değil */
  padding: 10px 12px !important;
  font-weight:800 !important;
  text-decoration:none !important;
  line-height:1 !important;
  white-space:nowrap !important;
  min-height:40px;
  display:inline-flex !important;
  align-items:center !important;
  gap:8px;
  transition: transform .12s ease, background .12s ease, border-color .12s ease, filter .12s ease;
}
.nav-tab:hover, .elcin-panel .nav-tab:hover, .elcin-tab:hover{
  transform: translateY(-1px);
  background: rgba(255,255,255,.10) !important;
  border-color: rgba(255,255,255,.18) !important;
  filter: brightness(1.03);
}

/* Aktif tab */
.nav-tab.nav-tab-active, .elcin-panel .nav-tab.nav-tab-active, .elcin-tab.is-active{
  background: var(--elcin-tabs-bg,#2563eb) !important;
  border-color: rgba(0,0,0,.0) !important;
  color:#fff !important;
  box-shadow: 0 10px 22px rgba(37,99,235,.20);
}
.nav-tab.nav-tab-active:hover, .elcin-panel .nav-tab.nav-tab-active:hover, .elcin-tab.is-active:hover{
  background: var(--elcin-tabs-active-bg,#1d4ed8) !important;
}

/* Mobilde daha kibar: padding azalt */
@media (max-width: 560px){
  .nav-tab, .elcin-panel .nav-tab, .elcin-tab{padding:9px 10px !important; min-height:38px}
}


/* v1.0.6 - Mesajlar hatası + daha kibar tab menü + panel başlık/boşluk ayarı */

/* Panel daha üste gelsin */
.elcin-wrap{padding-top:10px !important}

/* Üst girişte marka ikonunu mobilde gizle (satır kayması olmasın) */
@media (max-width: 560px){
  .elcin-brand-ico{display:none !important}
}

/* Ana tab menü: daha kibar, oval değil */
.elcin-tabs{
  background: var(--elcin-tabs-bar-bg,#0b1220) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 6px !important;
  padding: 6px !important;
  display:flex !important;
  gap:6px !important;
  flex-wrap:nowrap !important;
  overflow-x:auto !important;
  -webkit-overflow-scrolling: touch;
}
.elcin-tab{
  border: 1px solid rgba(255,255,255,.10) !important;
  background: rgba(255,255,255,.06) !important;
  color:#fff !important;
  border-radius: 4px !important; /* oval değil */
  padding: 8px 10px !important;
  font-weight:700 !important;
  text-decoration:none !important;
  line-height:1 !important;
  white-space:nowrap !important;
  min-height:34px !important;
  display:inline-flex !important;
  align-items:center !important;
  transition: filter .12s ease, background .12s ease, border-color .12s ease;
}
.elcin-tab:hover{
  filter:brightness(1.04);
  background: rgba(255,255,255,.10) !important;
  border-color: rgba(255,255,255,.18) !important;
}
.elcin-tab.is-active{
  background: var(--elcin-tabs-bg,#2563eb) !important;
  color:#fff !important;
  border-color: transparent !important;
  box-shadow: 0 8px 18px rgba(37,99,235,.20);
}
.elcin-tab.is-active:hover{
  background: var(--elcin-tabs-active-bg,#1d4ed8) !important;
}

/* Mesajlar içindeki Gelen/Giden de tab gibi görünsün */
.elcin-msg-tabs{
  background: var(--elcin-tabs-bar-bg,#0b1220);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 6px;
  padding: 4px;
  display:flex;
  gap:6px;
}
.elcin-msg-tabs .elcin-pill{
  border-radius: 4px !important;
  padding: 8px 10px !important;
  min-height:34px !important;
  font-weight:700 !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  background: rgba(255,255,255,.06) !important;
  color:#fff !important;
}
.elcin-msg-tabs .elcin-pill:hover{background: rgba(255,255,255,.10) !important}
.elcin-msg-tabs .elcin-pill-active{
  background: var(--elcin-tabs-bg,#2563eb) !important;
  border-color: transparent !important;
  box-shadow: 0 8px 18px rgba(37,99,235,.20);
  color:#fff !important;
}


/* v1.0.8 - Mobil giriş çubuğu düzeltmeleri */

.elcin-loginbar-inner{flex-wrap:nowrap !important}
.elcin-loginbar-right{min-width:0}
@media (max-width: 560px){
  .elcin-compact .elcin-loginbar-left{display:none !important}
  .elcin-loginbar-inner{padding:6px 10px !important}
}


/* v1.0.8 - Belge grupları ve ön izleme */

.elcin-doc-group{margin-top:14px}
.elcin-doc-h{margin:0 0 10px;font-size:15px;font-weight:900}
.elcin-doc-count{opacity:.7;font-weight:800}
.elcin-doc-thumb{width:72px;height:72px;object-fit:cover;border-radius:10px;border:1px solid rgba(0,0,0,.08)}
.elcin-audio{width:100%;max-width:240px}
@media (max-width:560px){
  .elcin-doc-thumb{width:64px;height:64px}
  .elcin-audio{max-width:180px}
}


/* v1.0.8 - Başvuru belgeleri listesi */

.elcin-subcard{margin-top:12px;border:1px solid rgba(0,0,0,.08);border-radius:14px;padding:12px;background:rgba(255,255,255,.72)}
.elcin-subcard h4{margin:0 0 8px;font-size:14px;font-weight:900}
.elcin-req-list{margin:0;padding-left:18px}
.elcin-req-list li{margin:6px 0}


/* v1.1.0 - Responsive aksiyonlar + toast */

.elcin-action-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-end}
.elcin-action-row .elcin-inline{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.elcin-action-row input[type="text"]{max-width:220px;min-width:140px;flex:1 1 160px}
@media (max-width: 560px){
  .elcin-action-row{justify-content:flex-start}
  .elcin-action-row input[type="text"]{min-width:180px;max-width:100%;width:100%}
  .elcin-action-row .elcin-btn{width:auto}
}

/* Loading state */
.elcin-btn.is-loading, a.is-loading{opacity:.7;pointer-events:none}

/* Toast */
.elcin-toast{
  position:fixed; left:50%; bottom:18px; transform:translateX(-50%) translateY(20px);
  padding:10px 14px; border-radius:12px; font-weight:900; z-index:999999;
  background: rgba(15,23,42,.95); color:#fff; opacity:0; transition:all .18s ease;
  box-shadow:0 18px 40px rgba(0,0,0,.22);
  max-width:min(92vw,520px); text-align:center;
}
.elcin-toast.is-ok{background: rgba(3,105,161,.95)}
.elcin-toast.is-err{background: rgba(185,28,28,.95)}
.elcin-toast.show{opacity:1; transform:translateX(-50%) translateY(0)}


/* v1.1.3 - Mobilde tabloları kart listeye çevir */
@media (max-width: 760px){
  .elcin-table-wrap{overflow:visible}
  table.elcin-table{display:block;width:100%}
  table.elcin-table thead{display:none}
  table.elcin-table tbody{display:block}
  table.elcin-table tr{
    display:block;
    border:1px solid rgba(0,0,0,.10);
    border-radius:14px;
    padding:10px 10px;
    margin:10px 0;
    background:rgba(255,255,255,.78);
    box-shadow:0 10px 24px rgba(0,0,0,.06);
  }
  table.elcin-table td{
    display:flex;
    gap:10px;
    align-items:flex-start;
    justify-content:space-between;
    border:0 !important;
    padding:7px 0 !important;
    width:100% !important;
  }
  table.elcin-table td:before{
    content: attr(data-label);
    font-weight:900;
    opacity:.82;
    flex:0 0 44%;
    max-width:44%;
    padding-right:10px;
  }
  table.elcin-table td > *{max-width:100%}
  table.elcin-table td.elcin-td-actions:before,
  table.elcin-table td.elcin-action-row:before{
    content: "İşlemler";
  }
  /* Aksiyonları alt alta ve tam genişlik */
  table.elcin-table td.elcin-td-actions,
  table.elcin-table td.elcin-action-row{
    flex-direction:column;
    align-items:stretch;
    justify-content:flex-start;
    gap:8px;
  }
  table.elcin-table td.elcin-td-actions > *,
  table.elcin-table td.elcin-action-row > *{max-width:100%}
  table.elcin-table td.elcin-td-actions .elcin-btn,
  table.elcin-table td.elcin-action-row .elcin-btn{
    width:100%;
    justify-content:center;
  }

  /* Hücre içi küçük metinler */
  .elcin-muted{font-size:12px}
}


/* v1.1.4 - Mobil select okunabilirliği */

@media (max-width: 760px){
  table.elcin-table td select{white-space:normal; word-break:normal; min-height:44px}
  table.elcin-table td option{white-space:normal}
}

/* v1.1.5 - Mobilde kullanıcı dostu kart liste (tablo yerine) */
.elcin-only-mobile{display:none}
.elcin-only-desktop{display:block}
@media (max-width: 760px){
  .elcin-only-mobile{display:block}
  .elcin-only-desktop{display:none}
}

/* Yapılacaklar kart listesi */
.elcin-task-list{display:flex;flex-direction:column;gap:12px}
.elcin-task-card{
  border:1px solid rgba(0,0,0,.10);
  border-radius:16px;
  padding:12px 12px;
  background:rgba(255,255,255,.88);
  box-shadow:0 10px 24px rgba(0,0,0,.06);
}
.elcin-task-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.elcin-task-date{font-weight:800;opacity:.75;font-size:12px;white-space:nowrap}
.elcin-task-card label{font-weight:900}
.elcin-task-card label textarea{margin-top:8px}
.elcin-task-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
@media (max-width: 420px){
  .elcin-task-actions{grid-template-columns:1fr}
}


/* v1.1.6 - Mobilde metin kırılması, tablo satır düzeni ve taşma düzeltmeleri */
@media (max-width: 760px){
  .elcin-wrap{padding:12px 10px !important; overflow-x:hidden !important}
  .elcin-card,.elcin-subcard{padding:12px !important; margin-left:0 !important; margin-right:0 !important}
  .elcin-table-wrap{overflow:visible !important}
  table.elcin-table{width:100% !important}
  table.elcin-table td{
    display:block !important;
    width:100% !important;
    border:0 !important;
    padding:8px 0 !important;
  }
  table.elcin-table td:before{
    display:block !important;
    content: attr(data-label) !important;
    font-weight:900;
    opacity:.82;
    margin:0 0 6px 0 !important;
    max-width:none !important;
  }
  table.elcin-table td > *{
    max-width:100% !important;
    width:100% !important;
  }
  table.elcin-table td a{white-space:normal !important; overflow-wrap:anywhere !important; word-break:break-word !important}
  /* Aksiyonlar mobilde alt alta */
  .elcin-action-row{flex-direction:column !important; align-items:stretch !important; gap:10px !important}
  .elcin-action-row .elcin-btn, .elcin-action-row button, .elcin-action-row a{width:100% !important; max-width:100% !important}
  .elcin-btn{max-width:100% !important}
}



/* ===== v1.1.7 Mobil okunabilirlik düzeltmeleri ===== */
@media (max-width: 760px){
  /* Genel boşlukları azalt */
  .elcin-wrap{padding:12px 10px !important; overflow-x:hidden !important;}
  .elcin-card,.elcin-subcard{border-radius:14px !important;}

  /* Üst giriş barı: kullanıcı + şifre yan yana, diğerleri ikon */
  .elcin-loginbar-left .elcin-brand-text{display:none !important;}
  .elcin-loginbar-form{width:100% !important; flex-wrap:wrap !important; gap:8px !important;}
  .elcin-loginbar-form .elcin-field{
    flex:1 1 calc(50% - 6px) !important;
    min-width:0 !important;
    height:40px !important;
  }
  .elcin-loginbar-btn,
  .elcin-chip{
    flex:0 0 42px !important;
    width:42px !important;
    min-width:42px !important;
    height:40px !important;
    padding:0 !important;
    justify-content:center !important;
    gap:0 !important;
  }
  .elcin-loginbar-btn .elcin-btn-text,
  .elcin-chip .elcin-chip-text{display:none !important;}

  /* Mobil tablolar: Etiket üstte, değer altta (kırpma yok) */
  table.elcin-table td{
    display:block !important;
    border:0 !important;
    padding:10px 0 !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
    word-break:break-word !important;
  }
  table.elcin-table td:before{
    display:block !important;
    content: attr(data-label) !important;
    font-weight:900 !important;
    opacity:.85 !important;
    margin:0 0 6px 0 !important;
    max-width:none !important;
    padding-right:0 !important;
  }
  table.elcin-table td > *{
    max-width:100% !important;
  }

  /* Grup seçimi ve benzeri inline formlar: alt alta, tam genişlik */
  table.elcin-table td form.elcin-inline,
  table.elcin-table td .elcin-inline{
    display:flex !important;
    flex-direction:column !important;
    gap:10px !important;
    align-items:stretch !important;
    width:100% !important;
  }
  table.elcin-table td select,
  table.elcin-table td input,
  table.elcin-table td textarea{
    width:100% !important;
    max-width:100% !important;
  }

  /* İşlem butonları: mobilde alt alta, taşma yok */
  table.elcin-table td.elcin-td-actions,
  table.elcin-table td.elcin-action-row{
    display:block !important;
  }
  table.elcin-table td.elcin-td-actions a.elcin-btn,
  table.elcin-table td.elcin-action-row a.elcin-btn,
  table.elcin-table td.elcin-action-row button.elcin-btn,
  table.elcin-table td.elcin-td-actions button.elcin-btn{
    width:100% !important;
    justify-content:center !important;
    margin:6px 0 0 0 !important;
  }
  /* Aksiyon hücresinde nowrap kapat */
  .elcin-td-actions{white-space:normal !important;}
}

@media (max-width: 420px){
  /* Çok küçük ekranlarda ikonlar tek satıra sığsın */
  .elcin-loginbar-btn,.elcin-chip{width:40px !important; min-width:40px !important;}
}
/* ===== /v1.1.7 ===== */


/* v1.1.8 - Mobilde buton taşması / üst üste binme ve kırpma düzeltmeleri */
@media (max-width: 760px){
  /* Kartların dışına taşmayı engelle */
  .elcin-card,.elcin-subcard{overflow:hidden}
  .elcin-card *,.elcin-subcard *{max-width:100%}

  /* Aksiyon alanlarını alt alta diz */
  .elcin-action-row,
  td.elcin-td-actions,
  td.elcin-action-row,
  .elcin-doc-actions,
  .elcin-btn-row,
  .elcin-actions{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    gap:10px !important;
    width:100% !important;
    max-width:100% !important;
  }

  .elcin-action-row > *,
  td.elcin-td-actions > *,
  td.elcin-action-row > *,
  .elcin-doc-actions > *,
  .elcin-btn-row > *,
  .elcin-actions > *{
    width:100% !important;
    max-width:100% !important;
  }

  /* Link/butonlar tam genişlik */
  .elcin-action-row .elcin-btn,
  td.elcin-td-actions .elcin-btn,
  td.elcin-action-row .elcin-btn,
  .elcin-doc-actions .elcin-btn,
  .elcin-btn-row .elcin-btn,
  .elcin-actions .elcin-btn{
    width:100% !important;
    max-width:100% !important;
    justify-content:center !important;
    box-sizing:border-box !important;
  }

  /* Belge adı / mail gibi uzun metinler kırılabilsin */
  .elcin-break,
  .elcin-doc-name,
  .elcin-doc-name a,
  .elcin-card a{
    overflow-wrap:anywhere;
    word-break:break-word;
  }

  /* Panel içi sağ-sol boşlukları azalt */
  .elcin-wrap{padding:14px 10px !important}
  .elcin-card,.elcin-subcard{padding:14px 12px !important}
}

@media (max-width: 420px){
  .elcin-wrap{padding:12px 8px !important}
  .elcin-card,.elcin-subcard{padding:12px 10px !important}
}