/* Extracted from index.html inline section and interaction overrides */
.results-section-intro{margin:0 0 14px;padding:14px 16px;border:1px solid rgba(59,130,246,.14);border-radius:14px;background:linear-gradient(135deg,rgba(59,130,246,.08),rgba(37,99,235,.03))}
.results-section-kicker{display:inline-flex;align-items:center;gap:6px;font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--a,#3B82F6)}
.results-section-title{margin:6px 0 4px;font-size:1.02rem;font-weight:800;color:var(--t,#0F172A)}
.results-section-copy{margin:0;font-size:.82rem;line-height:1.55;color:var(--t3,#546378)}
.results-table-head{padding:8px 16px 10px;border-bottom:1px solid rgba(226,232,240,.7)}
.results-table-title{font-size:.82rem;font-weight:800;color:var(--t,#0F172A)}
.results-table-copy{margin-top:3px;font-size:.72rem;color:var(--t3,#546378)}
@media(max-width:768px){
.results-section-intro{margin:0 0 12px;padding:12px 14px}
.results-section-title{font-size:.94rem}
.results-section-copy{font-size:.76rem}
.results-table-head{padding:8px 12px 10px}
}
/* Swap butonu & animasyonlu label */
/* il-row kaldırıldı – artık ib-left kullanılıyor */
.swap-btn{width:22px;height:22px;border-radius:50%;border:1px solid var(--br);background:var(--bg2);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .4s cubic-bezier(.4,0,.2,1),background .2s,box-shadow .3s;color:var(--t3);padding:0;flex-shrink:0;position:relative;animation:swapPulse 2s ease-in-out infinite}
.swap-btn:hover{background:var(--bg3);animation:none;box-shadow:0 0 0 3px rgba(59,130,246,.25)}
.swap-btn svg{width:12px;height:12px}
.swap-btn.spin{transform:rotate(180deg)}
@keyframes swapPulse{0%,100%{box-shadow:0 0 0 0 rgba(59,130,246,.3)}50%{box-shadow:0 0 0 5px rgba(59,130,246,0)}}
/* Swap wrapper & tooltip */
.swap-wrap{position:relative;flex-shrink:0;display:flex;align-items:center}
/* swap-tip kaldırıldı */
.il-animated{overflow:hidden;height:1.2em;position:relative;display:flex;align-items:center}
.il-text{display:block;font-size:.72rem;font-weight:600;color:var(--t3);text-transform:uppercase;letter-spacing:.5px;transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .3s ease,filter .3s ease;line-height:1.2em;white-space:nowrap}
.il-text.slide-out{transform:translateY(-110%) scale(.85);opacity:0;filter:blur(4px)}
.il-text.slide-in{transform:translateY(110%) scale(.85);opacity:0;filter:blur(4px)}
.il-text.extra-mode{color:#D97706}
[data-theme="dark"] .il-text.extra-mode{color:#FBBF24}
/* Ek ödeme info tooltip */
.ek-info-tip{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;border:1px solid rgba(59,130,246,.3);background:rgba(59,130,246,.06);color:var(--a);font-size:8px;font-weight:700;font-style:normal;cursor:pointer;position:relative;vertical-align:middle;margin-left:3px;line-height:1}
.ek-info-tooltip{display:none;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);background:#1e293b;color:#f1f5f9;font-size:.68rem;font-weight:500;padding:6px 10px;border-radius:8px;white-space:nowrap;z-index:100;line-height:1.4;text-transform:none;box-shadow:0 4px 12px rgba(0,0,0,.3)}
.ek-info-tip:hover .ek-info-tooltip,.ek-info-tip.open .ek-info-tooltip{display:block}
/* Ay seçici + Çalışan filtresi (dropdown butonlar) */
.ib{position:relative}
#calcCard{position:relative;z-index:20}
#monthSelectorBox,#employeeFilterBox{position:relative;display:flex;flex-direction:column}
.calc-field-dropdown{display:flex;align-items:center;justify-content:center;gap:5px;padding:6px 10px;border-radius:10px;border:1px solid var(--br);background:rgba(255,255,255,0.5);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--t);font-weight:700;font-size:.75rem;cursor:pointer;transition:border-color .3s,box-shadow .3s,background .3s;white-space:nowrap;font-family:inherit;height:100%;width:100%}
.calc-field-dropdown:hover{border-color:var(--a)}
.calc-field-dropdown .cfd-icon{opacity:.5;font-size:.85rem;flex-shrink:0}
.calc-field-dropdown .cfd-chevron{opacity:.5;font-size:.6em;flex-shrink:0;margin-left:auto}
.calc-field-dropdown .cfd-label{flex:1;overflow:hidden;text-overflow:ellipsis}
.cfd-panel{min-width:280px;padding:16px 18px!important;border-radius:12px!important;border:1px solid var(--br)!important;box-shadow:0 12px 32px rgba(0,0,0,.12)!important;background:var(--card,#fff)!important}
.cfd-panel .il{font-size:.7rem;font-weight:700;color:var(--a);letter-spacing:.8px;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid var(--br)}
[data-theme="dark"] .calc-field-dropdown{background:var(--card)!important;color:var(--t)!important;border-color:var(--br)!important}
[data-theme="dark"] .cfd-panel{background:var(--card,#1e293b)!important;border-color:var(--br)!important}
/* Extra mode amber dropdown */
.extra-active .calc-field-dropdown{border-color:rgba(245,158,11,.4)!important;color:#D97706!important}
[data-theme="dark"] .extra-active .calc-field-dropdown{color:#FBBF24!important}
/* Ay tag'leri (düz pill) */
.month-tags{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:2px}
.month-tag{padding:5px 0;border-radius:8px;font-size:.7rem;font-weight:600;cursor:pointer;background:transparent;border:1px solid var(--br);color:var(--t3);transition:all .15s;user-select:none;text-align:center}
.month-tag.tag-all{grid-column:1/-1;font-weight:700}
.month-tag:hover{background:var(--bg3)}
.month-tag.active{background:var(--a);color:#fff;border-color:var(--a)}
.month-tag.current{border-color:var(--a);font-weight:700}
.month-tag.active.current{color:#fff}
.extra-active .month-tag.active{background:#F59E0B;border-color:#F59E0B}
.extra-active .month-tag.current{border-color:#F59E0B;color:#D97706}
[data-theme="dark"] .extra-active .month-tag.current{color:#FBBF24}
.extra-active .month-tag.active.current{color:#fff}
/* Ayırıcı */
.filter-divider{height:1px;background:var(--br);margin:8px 0;opacity:.4}
/* Çalışan filtresi */
.filter-section{margin-top:2px}
.filter-group{margin-top:10px}
.filter-group:first-child{margin-top:0}
.filter-label{font-size:.62rem;font-weight:700;color:var(--t3);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;opacity:.55}
.filter-radios{display:flex;flex-wrap:wrap;gap:6px}
.filter-radios-nowrap{flex-wrap:nowrap}
.filter-chip{display:inline-flex;align-items:center;padding:5px 12px;border-radius:8px;font-size:.7rem;font-weight:600;cursor:pointer;border:1px solid var(--br);color:var(--t3);transition:all .15s;user-select:none;white-space:nowrap}
.filter-chip:hover{background:var(--bg3)}
.filter-chip.active{background:var(--a);color:#fff;border-color:var(--a)}
.filter-chip input{display:none}
.mini-month-btn{display:flex;align-items:center;justify-content:center;gap:4px;width:100%;padding:6px 10px;border-radius:6px;background:var(--bg2,#f3f4f6);border:1px solid var(--br,#d1d5db);font-size:.75rem;font-weight:600;color:var(--t2,#374151);cursor:pointer;font-family:inherit;transition:all .15s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mini-month-btn:hover{background:var(--bg3,#e5e7eb)}
.mini-month-picker{display:none;margin-top:6px;position:absolute;left:0;right:0;top:100%;z-index:9999;background:var(--bg);border:1px solid var(--br);border-radius:10px;padding:6px;box-shadow:0 8px 24px rgba(0,0,0,.15)}
.mini-month-picker.open{display:block;animation:mmFadeIn .2s ease both}
@keyframes mmFadeIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
.mini-mp-all{width:100%;padding:5px;border-radius:6px;border:1px solid var(--br);background:var(--bg2);font-size:.72rem;font-weight:600;color:var(--t3);cursor:pointer;font-family:inherit;margin-bottom:4px;transition:all .15s}
.mini-mp-all.active{background:var(--a);color:#fff;border-color:var(--a)}
.mini-mp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}
.mini-mp-btn{padding:6px 4px;border-radius:6px;border:1px solid var(--br);background:var(--bg);font-size:.75rem;font-weight:600;color:var(--t3);cursor:pointer;font-family:inherit;text-align:center;transition:all .12s}
.mini-mp-btn:hover{background:var(--bg2)}
.mini-mp-btn.selected{background:var(--a);color:#fff;border-color:var(--a)}
.mini-mp-btn.current{border-color:var(--a);color:var(--a);font-weight:800}
.mini-mp-btn.selected.current{color:#fff}
/* Extra mode amber overrides */
.extra-active .mini-mp-btn.selected{background:#F59E0B;border-color:#F59E0B}
.extra-active .mini-mp-btn.current{border-color:#F59E0B;color:#D97706}
.extra-active .mini-mp-btn.selected.current{color:#fff}
.extra-active .mini-mp-all.active{background:#F59E0B;border-color:#F59E0B}
.extra-active .il{color:#D97706!important}
[data-theme="dark"] .extra-active .il{color:#FBBF24!important}
.extra-active .mini-month-btn{border-color:rgba(245,158,11,.4)!important;color:#D97706!important;background:rgba(245,158,11,.06)!important}
.extra-active .mini-month-btn:hover{background:rgba(245,158,11,.12)!important}
[data-theme="dark"] .extra-active .mini-month-btn{color:#FBBF24!important;border-color:rgba(251,191,36,.3)!important;background:rgba(251,191,36,.06)!important}