/* Ino Tema Araçları — form ve maaş hesaplama. Tema değişkenleri yoksa kendi renkleriyle çalışır. */
.ino-form,.ino-maas{--a-ana:var(--ino-ana,#221A3F);--a-vurgu:var(--ino-vurgu,#AA182D);--a-ikincil:var(--ino-ikincil,#7360F8);--a-cizgi:#E8E4EE;--a-soluk:#6F6A7C;--a-zemin:var(--ino-zemin,#F8F7FA);--a-yesil:#2C8A70;font-family:inherit;color:#16131D}
.ino-form *,.ino-maas *{box-sizing:border-box}

/* ---------- Form ---------- */
.ino-form{position:relative}
.ino-form-izgara{display:grid;grid-template-columns:1fr 1fr;gap:14px 14px}
.ino-f{display:flex;flex-direction:column;gap:6px;min-width:0}
.ino-f--tam{grid-column:1/-1}
.ino-f label,.ino-f-etiket{font-size:13px;font-weight:700;color:var(--a-ana)}
.ino-f abbr{color:var(--a-vurgu);text-decoration:none}
.ino-f input,.ino-f textarea,.ino-f select{width:100%;min-height:48px;padding:12px 14px;border:1px solid var(--a-cizgi);border-radius:12px;background:#fff;font:inherit;font-size:15px;color:var(--a-ana);transition:border-color .2s,box-shadow .2s,background .2s;-webkit-appearance:none;appearance:none}
.ino-f select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23221A3F' stroke-width='2'%3E%3Cpath d='m2 4 4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px}
.ino-f textarea{min-height:92px;resize:vertical}
.ino-f input:hover,.ino-f textarea:hover,.ino-f select:hover{border-color:#cfc8d8}
.ino-f input:focus,.ino-f textarea:focus,.ino-f select:focus{outline:0;border-color:var(--a-ikincil);box-shadow:0 0 0 4px color-mix(in srgb,var(--a-ikincil) 16%,transparent)}
.ino-f.hatali input,.ino-f.hatali textarea{border-color:var(--a-vurgu);background:#fff7f8;animation:ino-salla .35s}
@keyframes ino-salla{20%,60%{transform:translateX(-4px)}40%,80%{transform:translateX(4px)}}
.ino-secim-cipleri{display:flex;flex-wrap:wrap;gap:8px}
.ino-cip{position:relative;cursor:pointer}
.ino-cip input{position:absolute;opacity:0;pointer-events:none}
.ino-cip span{display:inline-flex;align-items:center;min-height:38px;padding:0 14px;border:1px solid var(--a-cizgi);border-radius:999px;font-size:13px;font-weight:700;color:var(--a-ana);background:#fff;transition:.18s}
.ino-cip:hover span{border-color:#cfc8d8}
.ino-cip input:checked+span{background:var(--a-ana);border-color:var(--a-ana);color:#fff}
.ino-cip input:focus-visible+span{box-shadow:0 0 0 3px color-mix(in srgb,var(--a-ikincil) 35%,transparent)}
.ino-f-bal{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.ino-onay{display:flex;gap:10px;align-items:flex-start;margin:16px 0 14px;cursor:pointer;font-size:13px;line-height:1.5;color:var(--a-soluk)}
.ino-onay input{position:absolute;opacity:0;width:1px;height:1px}
.ino-onay-kutu{flex:0 0 20px;height:20px;border:1.5px solid #cfc8d8;border-radius:6px;background:#fff;position:relative;transition:.18s;margin-top:1px}
.ino-onay-kutu:after{content:"";position:absolute;left:6px;top:2px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg) scale(0);transition:.18s}
.ino-onay input:checked+.ino-onay-kutu{background:var(--a-ana);border-color:var(--a-ana)}
.ino-onay input:checked+.ino-onay-kutu:after{transform:rotate(45deg) scale(1)}
.ino-onay input:focus-visible+.ino-onay-kutu{box-shadow:0 0 0 3px color-mix(in srgb,var(--a-ikincil) 35%,transparent)}
.ino-onay.hatali .ino-onay-kutu{border-color:var(--a-vurgu);animation:ino-salla .35s}
.ino-onay a{color:var(--a-ana);font-weight:700;text-decoration:underline;text-underline-offset:2px}
.ino-onay--kucuk{margin:8px 0}
.ino-form-gonder{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:54px;border:0;border-radius:14px;background:var(--a-vurgu);color:#fff;font:inherit;font-size:16px;font-weight:700;cursor:pointer;overflow:hidden;transition:transform .2s,box-shadow .2s,background .2s;box-shadow:0 12px 26px color-mix(in srgb,var(--a-vurgu) 28%,transparent)}
.ino-form-gonder:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.28) 50%,transparent 70%);transform:translateX(-120%);transition:transform .7s}
.ino-form-gonder:hover{transform:translateY(-2px);box-shadow:0 16px 32px color-mix(in srgb,var(--a-vurgu) 34%,transparent)}
.ino-form-gonder:hover:before{transform:translateX(120%)}
.ino-form-gonder svg{transition:transform .2s}
.ino-form-gonder:hover svg{transform:translateX(4px)}
.ino-form-yukleniyor{display:none;width:18px;height:18px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:ino-don .7s linear infinite}
.gonderiliyor .ino-form-gonder{pointer-events:none;opacity:.85}
.gonderiliyor .ino-form-yukleniyor{display:block}
.gonderiliyor .ino-form-gonder svg{display:none}
@keyframes ino-don{to{transform:rotate(360deg)}}
.ino-form-mesaj{margin-top:12px;font-size:14px;font-weight:700;border-radius:12px}
.ino-form-mesaj.tamam,.ino-form-sonuc--tamam{padding:14px 16px;background:#E9F5F1;color:var(--a-yesil);animation:ino-belir .4s}
.ino-form-mesaj.hata,.ino-form-sonuc--hata{padding:12px 14px;background:#FCEDEF;color:var(--a-vurgu)}
.ino-form-sonuc{margin-bottom:14px;border-radius:12px;font-weight:700}
.ino-form-guven{display:flex;align-items:center;justify-content:center;gap:6px;margin:12px 0 0;font-size:12px;color:var(--a-soluk)}
@keyframes ino-belir{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (max-width:560px){.ino-form-izgara{grid-template-columns:1fr}}

/* ---------- Maaş hesaplama ---------- */
.ino-maas-ust{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:22px;align-items:stretch}
.ino-maas-form{background:#fff;border:1px solid var(--a-cizgi);border-radius:22px;padding:26px;box-shadow:0 18px 50px rgba(34,26,63,.07);display:flex;flex-direction:column;gap:16px}
.ino-maas-yon{position:relative;display:grid;grid-template-columns:1fr 1fr;padding:5px;background:var(--a-zemin);border-radius:14px;border:1px solid var(--a-cizgi)}
.ino-maas-yon label{position:relative;z-index:1;cursor:pointer;text-align:center}
.ino-maas-yon input{position:absolute;opacity:0}
.ino-maas-yon span{display:block;padding:11px 8px;font-weight:700;font-size:14px;color:var(--a-soluk);transition:color .25s}
.ino-maas-yon input:checked+span{color:#fff}
.ino-maas-yon input:focus-visible+span{text-decoration:underline}
.ino-maas-yon-kaydirac{position:absolute;top:5px;bottom:5px;left:5px;width:calc(50% - 5px);border-radius:10px;background:var(--a-ana);box-shadow:0 8px 20px rgba(34,26,63,.25);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.ino-maas-yon[data-yon="net"] .ino-maas-yon-kaydirac{transform:translateX(100%)}
.ino-maas-tutar{position:relative}
.ino-maas-tutar input{font-size:26px!important;font-weight:700;letter-spacing:-.02em;padding-right:44px!important;min-height:62px!important}
.ino-maas-tutar span{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:22px;font-weight:700;color:var(--a-soluk)}
.ino-maas-hizli{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.ino-maas-hizli button{border:1px solid var(--a-cizgi);background:#fff;border-radius:999px;padding:6px 11px;font:inherit;font-size:12px;font-weight:700;color:var(--a-ana);cursor:pointer;transition:.18s}
.ino-maas-hizli button:hover{background:var(--a-ana);color:#fff;border-color:var(--a-ana)}
.ino-maas-ikili{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ino-maas-bilgi{margin:auto 0 0;font-size:12px;color:var(--a-soluk)}
.ino-maas-ozet{position:relative;overflow:hidden;background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--a-ikincil) 38%,transparent),transparent 45%),var(--a-ana);color:#fff;border-radius:22px;padding:26px;display:flex;flex-direction:column;gap:18px}
.ino-maas-ozet-bas{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#C8C2D8;font-weight:700}
.ino-maas-rozet{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);padding:5px 10px;border-radius:999px;color:#fff}
.ino-maas-buyuk small{display:block;color:#C8C2D8;font-size:14px}
.ino-maas-buyuk b{display:block;font-size:clamp(34px,4.4vw,50px);letter-spacing:-.04em;line-height:1.05;font-variant-numeric:tabular-nums}
.ino-maas-grafik{display:flex;align-items:center;gap:22px}
.ino-maas-halka{--a1:70%;--a2:85%;--a3:95%;position:relative;flex:0 0 132px;height:132px;border-radius:50%;display:grid;place-items:center;align-content:center;background:conic-gradient(#fff 0 var(--a1),#FF8D9D var(--a1) var(--a2),#B0A7FF var(--a2) var(--a3),#FFD27A var(--a3) 100%);transition:background .4s}
.ino-maas-halka:before{content:"";position:absolute;inset:14px;border-radius:50%;background:var(--a-ana)}
.ino-maas-halka span,.ino-maas-halka small{position:relative;text-align:center}
.ino-maas-halka span{font-size:22px;font-weight:700}
.ino-maas-halka small{font-size:11px;color:#C8C2D8}
.ino-maas-lejant{list-style:none;margin:0;padding:0;display:grid;gap:8px;flex:1;min-width:0}
.ino-maas-lejant li{display:flex;align-items:center;gap:8px;font-size:13px;color:#DCD7E8}
.ino-maas-lejant i{width:10px;height:10px;border-radius:3px;flex:none}
.ino-maas-lejant i.net{background:#fff}.ino-maas-lejant i.sgk{background:#FF8D9D}.ino-maas-lejant i.gv{background:#B0A7FF}.ino-maas-lejant i.dv{background:#FFD27A}
.ino-maas-lejant b{margin-left:auto;color:#fff;font-variant-numeric:tabular-nums}
.ino-maas-kartlar{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ino-maas-kartlar div{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:12px 14px}
.ino-maas-kartlar small{display:block;color:#C8C2D8;font-size:12px}
.ino-maas-kartlar b{font-size:17px;font-variant-numeric:tabular-nums}
.gecersiz .ino-maas-ozet{opacity:.45;filter:saturate(.6)}
.ino-maas-uyari-kutu{margin-top:16px;padding:14px 16px;border-radius:14px;background:#FFF6E6;color:#8A5300;font-weight:700;font-size:14px}
.ino-maas-tablo-bas{display:flex;justify-content:space-between;align-items:center;margin:30px 0 12px}
.ino-maas-tablo-bas h3{margin:0;color:var(--a-ana);font-size:22px}
.ino-maas-kopyala{border:1px solid var(--a-cizgi);background:#fff;border-radius:10px;padding:8px 12px;font:inherit;font-size:13px;font-weight:700;color:var(--a-ana);cursor:pointer}
.ino-maas-kopyala:hover{border-color:var(--a-ana)}
.ino-maas-tablo-sar{overflow-x:auto;border:1px solid var(--a-cizgi);border-radius:18px;background:#fff;-webkit-overflow-scrolling:touch}
.ino-maas-tablo{width:100%;border-collapse:collapse;font-size:13px;min-width:1080px;font-variant-numeric:tabular-nums}
.ino-maas-tablo th,.ino-maas-tablo td{padding:11px 12px;text-align:right;border-bottom:1px solid #F0EDF3;white-space:nowrap}
.ino-maas-tablo thead th{position:sticky;top:0;background:var(--a-zemin);color:var(--a-ana);font-size:12px;text-align:right}
.ino-maas-tablo th[scope="row"],.ino-maas-tablo thead th:first-child{text-align:left;position:sticky;left:0;background:#fff;z-index:1;color:var(--a-ana)}
.ino-maas-tablo thead th:first-child{background:var(--a-zemin);z-index:2}
.ino-maas-tablo tbody tr{transition:background .15s}
.ino-maas-tablo tbody tr:hover td,.ino-maas-tablo tbody tr:hover th{background:#FBFAFD}
.ino-maas-tablo tr.secili td,.ino-maas-tablo tr.secili th{background:color-mix(in srgb,var(--a-ikincil) 9%,#fff)!important}
.ino-maas-tablo td.vurgu{color:var(--a-yesil);font-weight:700}
.ino-maas-tablo tfoot th,.ino-maas-tablo tfoot td{background:var(--a-ana)!important;color:#fff!important;font-weight:700;border:0}
.ino-maas-uyari{margin:14px 0 0;font-size:12px;color:var(--a-soluk)}
@media (max-width:900px){.ino-maas-ust{grid-template-columns:1fr}}
@media (max-width:480px){.ino-maas-form,.ino-maas-ozet{padding:18px;border-radius:18px}.ino-maas-grafik{flex-direction:column;align-items:stretch}.ino-maas-halka{margin:0 auto}.ino-maas-ikili,.ino-maas-kartlar{grid-template-columns:1fr}}

/* ---------- Kısa kod ızgaraları ---------- */
.ino-ref-izgara{display:grid;grid-template-columns:repeat(var(--sutun,5),minmax(0,1fr));gap:12px}
.ino-ref{display:grid;place-items:center;height:110px;padding:18px;background:#fff;border:1px solid #E8E4EE;border-radius:16px;transition:.2s}
.ino-ref:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(34,26,63,.08)}
.ino-ref img{max-height:56px;max-width:100%;object-fit:contain}
.ino-yorum-izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.ino-yorum{margin:0;padding:22px;background:#fff;border:1px solid #E8E4EE;border-radius:18px}
.ino-yorum blockquote{margin:0 0 16px;line-height:1.6}
.ino-yorum figcaption{display:flex;gap:10px;align-items:center}
.ino-yorum img{width:44px;height:44px;border-radius:12px;object-fit:cover}
.ino-yorum small{display:block;color:#6F6A7C}
@media (max-width:700px){.ino-ref-izgara{grid-template-columns:repeat(2,1fr)}}
@media (prefers-reduced-motion:reduce){.ino-form *,.ino-maas *{animation:none!important;transition:none!important}}

/* ---------- Koyu tema (Ino Tema 1.0.2+) ---------- */
html[data-tema="koyu"] .ino-form,html[data-tema="koyu"] .ino-maas{--a-cizgi:var(--k-cizgi,#2E2748);--a-soluk:var(--k-soluk,#A39DB6);--a-zemin:var(--k-yuzey2,#14102A);color:var(--k-metin,#DCD7E8)}
html[data-tema="koyu"] .ino-f label,html[data-tema="koyu"] .ino-f-etiket,html[data-tema="koyu"] .ino-onay a,html[data-tema="koyu"] .ino-maas-tablo-bas h3{color:#fff}
html[data-tema="koyu"] .ino-f input,html[data-tema="koyu"] .ino-f textarea,html[data-tema="koyu"] .ino-f select{background-color:var(--k-yuzey2,#14102A);color:#fff}
html[data-tema="koyu"] .ino-f.hatali input,html[data-tema="koyu"] .ino-f.hatali textarea{background-color:rgba(170,24,45,.14)}
html[data-tema="koyu"] .ino-cip span,html[data-tema="koyu"] .ino-onay-kutu{background:var(--k-yuzey2,#14102A);color:var(--k-metin,#DCD7E8)}
html[data-tema="koyu"] .ino-cip input:checked+span,html[data-tema="koyu"] .ino-onay input:checked+.ino-onay-kutu,html[data-tema="koyu"] .ino-maas-yon-kaydirac{background:var(--a-ikincil);border-color:var(--a-ikincil);color:#fff}
html[data-tema="koyu"] .ino-maas-form,html[data-tema="koyu"] .ino-maas-tablo-sar,html[data-tema="koyu"] .ino-yorum{background:var(--k-yuzey,#1A1530);border-color:var(--k-cizgi,#2E2748);box-shadow:none}
html[data-tema="koyu"] .ino-maas-hizli button,html[data-tema="koyu"] .ino-maas-kopyala{background:var(--k-yuzey2,#14102A);color:var(--k-metin,#DCD7E8)}
html[data-tema="koyu"] .ino-maas-hizli button:hover,html[data-tema="koyu"] .ino-maas-kopyala:hover{background:var(--a-ikincil);border-color:var(--a-ikincil);color:#fff}
html[data-tema="koyu"] .ino-maas-tablo thead th{color:#fff}
html[data-tema="koyu"] .ino-maas-tablo th[scope="row"]{background:var(--k-yuzey,#1A1530);color:#fff}
html[data-tema="koyu"] .ino-maas-tablo tbody tr:hover td,html[data-tema="koyu"] .ino-maas-tablo tbody tr:hover th{background:var(--k-yuzey2,#14102A)}
html[data-tema="koyu"] .ino-maas-uyari-kutu{background:rgba(255,178,62,.12);color:#FFC877}
html[data-tema="koyu"] .ino-form-mesaj.hata,html[data-tema="koyu"] .ino-form-sonuc--hata{background:rgba(170,24,45,.18);color:#FF9DAB}
html[data-tema="koyu"] .ino-ref{border-color:transparent}