/* Extracted from index.html inline critical CSS */
*{margin:0;padding:0;box-sizing:border-box}
:root{--a:#3B82F6;--a2:rgba(59,130,246,0.1);--a-grad-start:#3B82F6;--a-grad-end:#2563EB;--t:#0F172A;--t2:#475569;--t3:#546378;--bg1:#FFFFFF;--bg2:rgba(255,255,255,0.80);--bg3:#F1F5FF;--card:#FFFFFF;--br:#E2E8F0;--cb:#E2E8F0;--success:#10B981;--warning:#F59E0B;--danger:#EF4444;--rd2:16px;--shadow-soft:0 4px 12px rgba(0,0,0,0.03);--shadow-card:0 4px 6px -1px rgba(0,0,0,0.05),0 10px 15px -3px rgba(0,0,0,0.05),0 20px 25px -5px rgba(0,0,0,0.02);--section-gap:24px;--card-padding:20px;--radius-s:8px;--radius-m:12px;--radius-l:16px;--z-header:1000;--z-dropdown:1050;--bs-dropdown-link-color:#64748B;--bs-dropdown-link-hover-bg:#F1F5FF}
[data-theme="dark"]{--a:#60A5FA;--a2:rgba(96,165,250,0.15);--a-grad-start:#3B82F6;--a-grad-end:#60A5FA;--t:#F8FAFC;--t2:#E2E8F0;--t3:#94A3B8;--bg1:#0B0F19;--bg2:rgba(11,15,25,0.95);--bg3:#111827;--card:#141E30;--br:#1E293B;--cb:#1E293B;--shadow-soft:0 4px 12px rgba(0,0,0,0.5);--shadow-card:0 4px 6px -1px rgba(0,0,0,0.5),0 10px 15px -3px rgba(0,0,0,0.3);--bs-dropdown-link-color:#CBD5E1;--bs-dropdown-link-hover-bg:#1E293B}
html,body{width:100%;max-width:100vw;overflow-x:clip;margin:0;padding:0}
body{font-family:'Inter',sans-serif;background:linear-gradient(135deg,#f8fafc 0%,#ffffff 50%,#eff6ff 100%);background-attachment:fixed;color:var(--t);min-height:100vh}
.no-transition,.no-transition *,.no-transition *::before,.no-transition *::after{transition:none!important;animation:none!important}
.no-transition .nav-right{visibility:hidden}
#mainContent.loading{opacity:0}#mainContent.ready{opacity:1;transition:opacity .15s ease-in}
.w{max-width:1280px;margin:0 auto;padding:0 24px}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
fieldset.filter-group{border:0;margin:0;padding:0;min-width:0}
fieldset.filter-group>.filter-label{float:none;width:auto;margin:0 0 6px;padding:0}
.skip-link{position:absolute;top:-100px;left:16px;background:var(--a);color:#fff;padding:8px 16px;border-radius:0 0 8px 8px;font-size:.85rem;font-weight:600;z-index:10000;text-decoration:none;transition:top .2s}
.skip-link:focus{top:0;color:#fff}
.site-header{background:var(--bg2);height:64px;border-bottom:1px solid var(--cb);box-shadow:var(--shadow-soft);position:sticky;top:0;z-index:var(--z-header);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.site-header>.w{height:100%}
.nav{display:flex;align-items:center;justify-content:space-between;height:100%}
.logo-container{display:flex;align-items:center;gap:14px;text-decoration:none}
.logo-b{background:linear-gradient(135deg,#3B82F6,#2563EB);color:#fff;width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:800;box-shadow:0 4px 10px rgba(37,99,235,0.35)}
.logo-text{font-family:'Inter',sans-serif;font-weight:600;color:var(--t);font-size:22px;letter-spacing:.4px}
.logo-dot{color:#64748B}
.theme-switch{display:flex;background:#F1F5F9;padding:3px;border-radius:20px;position:relative;border:1px solid var(--cb);width:60px;height:30px;align-items:center;cursor:pointer}
.theme-switch input{display:none}
.theme-switch label{flex:1;display:flex;align-items:center;justify-content:center;z-index:2;cursor:pointer;font-size:.85rem;color:var(--t3);margin:0;transition:color .3s}
.theme-switch .theme-indicator{position:absolute;top:2px;left:2px;width:26px;height:24px;background:#FFF;border-radius:12px;box-shadow:0 2px 6px rgba(0,0,0,0.15);transition:transform .3s cubic-bezier(.34,1.56,.64,1);z-index:1}
[data-theme="dark"] .theme-switch{background:var(--bg3)!important;border-color:#334155!important}
.nav-hamburger{color:var(--t)!important;text-decoration:none!important;padding:8px!important}
.hamburger-icon{width:22px;height:16px;position:relative;display:flex;flex-direction:column;justify-content:space-between}
.hamburger-icon span{display:block;width:100%;height:2px;background:var(--t);border-radius:2px;transition:all .3s;transform-origin:center}
.aurora-bg{position:absolute;top:0;left:0;width:100%;height:600px;z-index:-1;overflow:hidden;pointer-events:none;opacity:.8}
.offline-banner{display:none;align-items:center;justify-content:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,#FEF3C7,#FDE68A);color:#92400E;font-size:.75rem;font-weight:600;text-align:center;border-bottom:1px solid #F59E0B;z-index:1000}
#mainContent{padding-top:28px;padding-bottom:20px}
.top-grid{display:grid;grid-template-columns:1.04fr 1fr!important;gap:16px!important;align-items:stretch;margin-bottom:24px}.top-grid>.cd{min-width:0}.top-grid>.cd:first-child{overflow:visible}.top-grid>.cd:last-child{overflow:hidden}
.cd{background:var(--card);border-radius:var(--rd2);border:1px solid rgba(226,232,240,0.6);box-shadow:var(--shadow-card);transition:transform .3s,box-shadow .3s}
.calc-card{padding:12px 14px;display:flex;flex-direction:column;gap:8px;position:relative;z-index:10;overflow:visible}
.calc-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:4px 0 8px;gap:10px;white-space:nowrap}
.hero-content{display:flex;align-items:center;gap:8px;min-width:0}
.logo-b--hero{width:26px;height:26px;font-size:.8rem;border-radius:6px;background:linear-gradient(135deg,#3B82F6,#2563EB);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;flex-shrink:0}
.hero-title{font-size:11px;font-weight:600;color:var(--t);margin:0;letter-spacing:-.2px;line-height:1.2;overflow:hidden;text-overflow:ellipsis}
.slim-mode-switch{background:transparent;padding:3px;border-radius:22px;display:flex;position:relative;width:100%;height:34px;border:1px solid rgba(148,163,184,0.3)}
.slim-mode-switch input{display:none}
.slim-mode-switch label{flex:1;z-index:2;cursor:pointer;font-size:.65rem;font-weight:600;color:#64748B;padding:0 12px;display:flex;align-items:center;justify-content:center;transition:all 150ms;white-space:nowrap;min-width:90px;border-radius:18px}
.slim-mode-switch .switch-indicator{position:absolute;top:3px;left:3px;bottom:3px;width:calc(50% - 3px);background:linear-gradient(135deg,#3B82F6,#2563EB);border-radius:18px;box-shadow:0 4px 12px rgba(37,99,235,0.25);transition:transform 400ms cubic-bezier(.34,1.56,.64,1);z-index:1}
.slim-mode-switch input:checked+label{color:#FFF!important}
.calc-card{gap:8px!important}
.calc-hero{padding:6px 0 10px 0!important}
.calc-grid{display:flex!important;flex-direction:column!important;gap:10px!important;align-items:stretch}
.input-row{display:flex;gap:6px;align-items:stretch}
.input-combo{display:flex;align-items:center;flex:1;min-width:0;border:1px solid #D0D7E3;border-radius:14px;background:rgba(255,255,255,.5);padding:0 4px;transition:border-color .2s,box-shadow .2s,transform .2s;box-shadow:0 2px 8px rgba(30,60,120,.04)}
.input-combo:focus-within{border-color:var(--a);box-shadow:0 0 0 3px rgba(59,130,246,.12),0 2px 8px rgba(30,60,120,.04)}
.input-combo:focus-within~.icon-btn-wrap .icon-btn{border-color:var(--a);color:var(--a)}
.calc-grid.extra-mode .input-combo{border-color:rgba(245,158,11,.4)}
.calc-grid.extra-mode .input-combo:focus-within{border-color:#F59E0B;box-shadow:0 0 0 3px rgba(245,158,11,.12)}
.calc-grid.extra-mode .input-combo:focus-within~.icon-btn-wrap .icon-btn{border-color:#F59E0B;color:#D97706}
.swap-btn{width:32px;height:32px;margin-left:4px;border-radius:50%;border:1.5px solid #D0D7E3;background:transparent;color:var(--t3);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s}
.swap-btn:hover{border-color:var(--a);color:var(--a);background:rgba(59,130,246,.06)}
.swap-btn.pulse{animation:swapPulse 2.5s ease-in-out infinite}
@keyframes swapPulse{0%,100%{box-shadow:0 0 0 0 rgba(59,130,246,.3)}50%{box-shadow:0 0 0 6px rgba(59,130,246,0)}}
.calc-grid.extra-mode .swap-btn{border-color:rgba(245,158,11,.4);color:#D97706}
.calc-grid.extra-mode .swap-btn:hover{border-color:#F59E0B;color:#F59E0B}
.calc-grid.extra-mode .swap-btn.pulse{animation:swapPulseAmber 2.5s ease-in-out infinite}
@keyframes swapPulseAmber{0%,100%{box-shadow:0 0 0 0 rgba(245,158,11,.3)}50%{box-shadow:0 0 0 6px rgba(245,158,11,0)}}
.input-mode-text{font-size:.7rem;font-weight:500;text-transform:uppercase;color:var(--t);white-space:nowrap;cursor:pointer;margin:0 8px 0 6px;letter-spacing:0;transition:opacity .2s,transform .2s;user-select:none;display:inline-block;width:120px;text-align:center}
.input-mode-text.switching{opacity:0;transform:translateY(-8px)}
@keyframes comboSwitch{0%{transform:scale(1)}30%{transform:scale(1.02)}100%{transform:scale(1)}}
.input-combo.switching-flash{animation:comboSwitch .35s ease-out}
.calc-grid.extra-mode .input-mode-text{color:var(--t)}
.input-divider{width:2px;height:26px;background:var(--a);flex-shrink:0;opacity:.55;margin:0 6px 0 0;border-radius:1px}
.input-field{flex:1;min-width:0;border:none;background:transparent;padding:12px 10px;font-size:1.2rem;font-weight:800;color:var(--t);outline:none;font-family:inherit;box-sizing:border-box}
.input-field::placeholder{color:var(--t3);opacity:.4;font-weight:400;font-size:1rem;font-style:italic}
.input-field.ghost{color:var(--t)!important;opacity:1}
@keyframes typeIn{0%{width:0;opacity:0}100%{width:100%;opacity:1}}
.input-field.typing-anim{animation:none}
.icon-btn-wrap{position:relative}
.icon-btn{width:48px;height:100%;border:1px solid rgba(200,215,240,.5);border-radius:14px;background:rgba(255,255,255,.45);color:var(--t3);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s cubic-bezier(.4,0,.2,1);flex-shrink:0;padding:0;box-sizing:border-box;box-shadow:0 2px 12px rgba(30,60,120,.06),inset 0 1px 0 rgba(255,255,255,.6);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.icon-btn:hover{border-color:rgba(180,200,230,.6);color:var(--a);background:rgba(255,255,255,.65);transform:translateY(-2px);box-shadow:0 6px 20px rgba(30,60,120,.1),inset 0 1px 0 rgba(255,255,255,.7)}
.icon-btn.active{border-color:var(--a);color:var(--a);background:rgba(59,130,246,.06)}
.calc-grid.extra-mode .icon-btn{border-color:rgba(245,158,11,.4);color:#D97706}
.calc-grid.extra-mode .icon-btn:hover{border-color:#F59E0B;color:#F59E0B;background:rgba(245,158,11,.06)}
.calc-grid.extra-mode .icon-btn.active{border-color:#F59E0B;color:#D97706;background:rgba(245,158,11,.06)}
.mini-field-picker{display:none;position:absolute;top:calc(100% + 6px);right:0;min-width:220px;z-index:100;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(226,232,240,.7);border-radius:14px;padding:10px;box-shadow:0 8px 32px rgba(30,60,120,.12),0 2px 8px rgba(0,0,0,.06);transform-origin:top right}
.mini-field-picker.open{display:block;animation:fpReveal .25s cubic-bezier(.34,1.56,.64,1) both}
@keyframes fpReveal{from{opacity:0;transform:scale(.9) translateY(-6px)}to{opacity:1;transform:scale(1) translateY(0)}}
#employeeFilterPanel{min-width:240px}
.toggle-slider{background:var(--br,#E2E8F0)}
.toggle-switch input:checked+.toggle-slider{background:var(--accent,#3B82F6)}
.toggle-slider::before{content:'';position:absolute;left:2px;top:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform .2s}
.toggle-switch input:checked+.toggle-slider::before{transform:translateX(16px)}
.th-agi{background:var(--accent-bg,#EFF6FF)!important;color:var(--accent2,#2563EB);font-size:11px;font-weight:700}
.td-agi{color:var(--accent,#3B82F6);font-weight:600;cursor:pointer;white-space:nowrap}
@keyframes agiPulse{0%,100%{opacity:.3}50%{opacity:.85}}
.td-agi::after{content:' \270E';font-size:10px;animation:agiPulse 2.5s ease-in-out infinite}
tfoot .td-agi{cursor:default;font-weight:700}
tfoot .td-agi::after{content:none}
tr:has(.summary-label) .td-agi{cursor:default;font-weight:700}
tr:has(.summary-label) .td-agi::after{content:none}
/* ELE GEÇEN — NET ÜCRET ile aynı font */
[data-field$="eleGecen"]{font-weight:800!important;font-size:clamp(0.85rem,1.1vw,1rem)!important;white-space:nowrap}
.th-employer{background:rgba(249,115,22,.06)!important;color:#EA580C;font-size:11px;font-weight:700}
.td-employer{color:var(--t3);font-size:12px}
.td-total-cost{font-weight:700;color:#EA580C}
[data-theme="dark"] .custom-table .th-agi{background:rgba(96,165,250,.12)!important;color:#60A5FA!important}
[data-theme="dark"] .custom-table .td-agi{color:#60A5FA!important}
[data-theme="dark"] .custom-table .th-employer{background:rgba(249,115,22,.1)!important;color:#FB923C!important}
[data-theme="dark"] .custom-table .td-total-cost{color:#FB923C!important}
[data-theme="dark"] .agi-popup{background:#141E30;border-color:#1E293B;box-shadow:0 12px 40px rgba(0,0,0,.5)}
[data-theme="dark"] .agi-popup-title{color:#F8FAFC}
[data-theme="dark"] .agi-popup-backdrop{background:rgba(0,0,0,.5)}
/* === 12 AYLIK TABLO ALANI === */
/* Auto layout: kolonlar içeriğe göre genişler, büyük rakamlar sığar */
.custom-table{table-layout:auto!important}
/* Temel tablo: kaydırma çubuğu KESİNLİKLE yok (#id ile site.css'i ez) */
#tableWrapper .table-responsive{overflow-x:hidden!important;scrollbar-width:none!important;-ms-overflow-style:none!important}
#tableWrapper .table-responsive::-webkit-scrollbar{display:none!important}
/* AGI/İşveren: yatay scroll aktif, native scrollbar gizli (floating scrollbar kullanılır) */
#tableWrapper .table-responsive:has(.th-agi),#tableWrapper .table-responsive:has(.th-employer){overflow-x:auto!important;scrollbar-width:none!important;-ms-overflow-style:none!important}
#tableWrapper .table-responsive:has(.th-agi)::-webkit-scrollbar,#tableWrapper .table-responsive:has(.th-employer)::-webkit-scrollbar{display:none!important}
.custom-table:has(.th-agi){min-width:1050px}
.custom-table:has(.th-employer){min-width:1150px}
.custom-table:has(.th-agi):has(.th-employer){min-width:1350px}
/* Tüm tablolarda başlık sarmasın (scroll varsa zaten kaydırma çubuğu halleder) */
.custom-table thead th{white-space:nowrap!important}
/* Temel tablo: input kolonu küçük, sonuç kolonu belirgin */
.custom-table:not(:has(.th-agi)):not(:has(.th-employer)) .month-input,.custom-table:not(:has(.th-agi)):not(:has(.th-employer)) .month-total{font-size:clamp(0.6rem,0.74vw,0.7rem)!important}
.custom-table:not(:has(.th-agi)):not(:has(.th-employer)) .output-cell .net-amount{font-weight:700;display:inline-block;transform:scale(1.08);transform-origin:right center}
/* Kolon ayarları — AGI/İşveren açıkken */
.custom-table:has(.th-agi) col:nth-child(1),.custom-table:has(.th-employer) col:nth-child(1){width:42px!important}
.custom-table:has(.th-agi) col:nth-child(2),.custom-table:has(.th-employer) col:nth-child(2){width:70px!important}
.sdt-net{margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;border-radius:8px}
.float-hscroll{position:relative;height:18px;z-index:50;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;transition:opacity .35s,top .3s ease-out;margin-top:-2px}
.float-hscroll.visible{opacity:1}
.float-hscroll-track{width:42%;height:8px;background:rgba(148,163,184,.22);border-radius:10px;pointer-events:auto;position:relative;backdrop-filter:blur(6px);box-shadow:0 1px 6px rgba(0,0,0,.08);cursor:pointer}
.float-hscroll-thumb{position:absolute;top:-3px;height:14px;border-radius:7px;background:linear-gradient(90deg,#3B82F6,#60A5FA,#3B82F6);background-size:200% 100%;cursor:grab;min-width:36px;max-width:70%;box-shadow:0 0 8px rgba(59,130,246,.45),0 0 3px rgba(59,130,246,.25);animation:hscrollShimmer 3s linear infinite;transition:transform .15s,box-shadow .15s}
.float-hscroll-thumb:hover{transform:scaleY(1.3);box-shadow:0 0 14px rgba(59,130,246,.7),0 0 4px rgba(59,130,246,.4)}
.float-hscroll-thumb:active{cursor:grabbing;animation:none;opacity:1;transform:scaleY(1.3);background:linear-gradient(90deg,#1D4ED8,#2563EB,#1D4ED8)}
@keyframes hscrollShimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}
[data-theme="dark"] .float-hscroll-track{background:rgba(51,65,85,.4);box-shadow:0 1px 6px rgba(0,0,0,.25)}
[data-theme="dark"] .float-hscroll-thumb{background:linear-gradient(90deg,#60A5FA,#93C5FD,#60A5FA);background-size:200% 100%;box-shadow:0 0 10px rgba(96,165,250,.5),0 0 3px rgba(96,165,250,.3)}
[data-theme="dark"] .float-hscroll-thumb:hover{box-shadow:0 0 16px rgba(96,165,250,.7),0 0 5px rgba(96,165,250,.4)}
.agi-popup{position:fixed;z-index:1060;background:var(--c,#fff);border:1px solid var(--br,#E2E8F0);border-radius:14px;box-shadow:0 12px 40px rgba(0,0,0,.18);padding:16px 20px;min-width:280px;max-width:400px;opacity:0;pointer-events:none;transition:opacity .15s}
.agi-popup.open{opacity:1;pointer-events:auto}
body.agi-recalcing .table-responsive,body.agi-recalcing .table-responsive *{transition:none!important;animation:none!important}
[data-theme="dark"] .agi-popup-subtitle{color:#94A3B8}
.agi-popup-title{font-size:13px;font-weight:700;color:var(--t);margin-bottom:10px}
.agi-popup-subtitle{font-size:11px;font-weight:700;color:var(--t3);text-transform:uppercase;letter-spacing:.5px;margin:10px 0 6px;opacity:.6}
.agi-popup-backdrop{position:fixed;inset:0;z-index:1059;background:rgba(0,0,0,.25);opacity:0;pointer-events:none;transition:opacity .2s}
.agi-popup-backdrop.open{opacity:1;pointer-events:auto}
.mini-fp-all{width:100%;padding:6px;border-radius:8px;border:none;background:linear-gradient(135deg,#3B82F6,#2563EB);font-size:.68rem;font-weight:600;color:#fff;cursor:pointer;font-family:inherit;margin-bottom:6px;transition:all .2s;box-shadow:0 2px 8px rgba(37,99,235,.2);letter-spacing:.3px}
.mini-fp-all:not(.active){background:var(--bg2,#f1f5f9);color:var(--t3);box-shadow:none;border:1px solid var(--br)}
.mini-fp-all:hover:not(.active){background:var(--bg3,#e2e8f0)}
.calc-grid.extra-mode .mini-fp-all.active{background:linear-gradient(135deg,#F59E0B,#D97706);box-shadow:0 2px 8px rgba(245,158,11,.25)}
.mini-fp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}
.mini-fp-btn{padding:6px 4px;border-radius:8px;border:1.5px solid transparent;background:var(--bg2,#f1f5f9);font-size:.66rem;font-weight:600;color:var(--t3);cursor:pointer;text-align:center;transition:all .15s;font-family:inherit}
.mini-fp-btn:hover{background:var(--bg3,#e2e8f0);transform:scale(1.04)}
.mini-fp-btn.selected{background:linear-gradient(135deg,#3B82F6,#2563EB);color:#fff;border-color:transparent;box-shadow:0 2px 6px rgba(37,99,235,.2)}
.mini-fp-btn.current:not(.selected){border-color:var(--a);color:var(--a);font-weight:800;background:rgba(59,130,246,.08)}
.mini-fp-btn.selected.current{color:#fff;box-shadow:0 0 0 2px rgba(255,255,255,.5),0 2px 6px rgba(37,99,235,.25)}
.calc-grid.extra-mode .mini-fp-btn.selected{background:linear-gradient(135deg,#F59E0B,#D97706);box-shadow:0 2px 6px rgba(245,158,11,.2)}
.calc-grid.extra-mode .mini-fp-btn.current:not(.selected){border-color:#F59E0B;color:#F59E0B;background:rgba(245,158,11,.08)}
.calc-grid.extra-mode .mini-fp-btn.selected.current{color:#fff}
.filter-group{margin-top:8px}.filter-group:first-child{margin-top:0}
.filter-label{font-size:.58rem;font-weight:700;color:var(--t3);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;opacity:.55}
.filter-radios{display:flex;flex-wrap:wrap;gap:4px}.filter-radios-nowrap{flex-wrap:nowrap}
.filter-chip{display:inline-flex;align-items:center;padding:4px 10px;border-radius:7px;font-size:.65rem;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}
.input-clear{width:22px;height:22px;border:none;background:transparent;color:var(--t3);opacity:0;border-radius:50%;font-size:.7rem;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-right:4px;transition:all .15s;line-height:1;padding:0;pointer-events:none}
.input-combo:focus-within .input-clear,.input-clear.visible{opacity:.3;pointer-events:auto}
.input-clear:hover{background:var(--br);color:var(--t);opacity:.7}
.calc-grid.extra-mode .input-clear:hover{background:rgba(245,158,11,.1);color:#D97706}
/* Swap tooltip balonu */
.swap-tooltip{position:absolute;bottom:50%;left:50%;transform:translateX(-4px) scale(.3);transform-origin:bottom left;background:linear-gradient(135deg,#2F6FEA,#4A86F7);color:#fff;font-size:.6rem;font-weight:400;padding:5px 12px;border-radius:8px;white-space:nowrap;opacity:0;pointer-events:none;transition:all .4s cubic-bezier(.34,1.56,.64,1);z-index:10;box-shadow:0 4px 12px rgba(47,111,234,.3);letter-spacing:.3px}
.swap-tooltip::after{content:'';position:absolute;top:100%;left:16px;border:5px solid transparent;border-top-color:#4A86F7}
.swap-tooltip.show{opacity:1;bottom:calc(100% + 8px);transform:translateX(0) scale(1)}
/* HESAPLA success flash */
@keyframes calcSuccess{0%{box-shadow:0 2px 10px rgba(37,99,235,.25)}40%{box-shadow:0 0 0 6px rgba(59,130,246,.15),0 2px 10px rgba(59,130,246,.25);background:linear-gradient(135deg,#60A5FA 0%,#3B82F6 100%)}100%{box-shadow:0 2px 10px rgba(37,99,235,.25);background:linear-gradient(135deg,#3B82F6 0%,#2563EB 100%)}}
.btn-calc-full{background:linear-gradient(135deg,#3B82F6 0%,#2563EB 100%);color:#fff;border:none;border-radius:14px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s;padding:0 20px;height:42px;width:100%;text-transform:uppercase;letter-spacing:1.5px;font-family:inherit;box-shadow:0 2px 10px rgba(37,99,235,.25);position:relative;overflow:hidden}
.btn-calc-full:hover{background:linear-gradient(135deg,#2563EB 0%,#1D4ED8 100%);box-shadow:0 4px 16px rgba(37,99,235,.35);transform:translateY(-1px)}
.btn-calc-full:active{transform:scale(.98) translateY(1px);box-shadow:0 1px 6px rgba(37,99,235,.2);transition:all .08s}
.btn-calc-full.success{animation:calcSuccess .7s ease-out forwards}
.calc-row-3{display:flex;gap:10px;align-items:stretch}
.calc-row-3 .btn-minwage{flex:1;padding:0 18px;display:flex;align-items:center;justify-content:center;gap:10px;height:48px}
.calc-row-3>div{flex:1}
.calc-row-3 .btn-history{height:48px;display:flex;align-items:center;justify-content:center;gap:10px;width:100%}
.calc-row-3 .btn-clear{flex:0 0 56px;width:56px;height:48px}
.btn-minwage{background:rgba(255,255,255,.45)!important;color:#2D3A4E!important;border:1px solid rgba(200,215,240,.5)!important;border-radius:14px!important;font-weight:600!important;font-size:.8rem!important;height:48px!important;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);font-family:inherit;white-space:nowrap;box-shadow:0 2px 12px rgba(30,60,120,.06),inset 0 1px 0 rgba(255,255,255,.6)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.btn-minwage:hover{background:rgba(255,255,255,.65)!important;border-color:rgba(180,200,230,.6)!important;transform:translateY(-2px)!important;box-shadow:0 6px 20px rgba(30,60,120,.1),inset 0 1px 0 rgba(255,255,255,.7)!important}
.btn-minwage i,.btn-minwage .bi{color:#5B7BAF!important;font-size:1rem!important;transition:color .2s}
.btn-minwage:hover i,.btn-minwage:hover .bi{color:#3B6BAF!important}
.btn-history{background:rgba(255,255,255,.45)!important;color:#2D3A4E!important;border:1px solid rgba(200,215,240,.5)!important;border-radius:14px!important;font-weight:600!important;font-size:.8rem!important;box-shadow:0 2px 12px rgba(30,60,120,.06),inset 0 1px 0 rgba(255,255,255,.6)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all .25s cubic-bezier(.4,0,.2,1)}
.btn-history:hover{background:rgba(255,255,255,.65)!important;border-color:rgba(180,200,230,.6)!important;transform:translateY(-2px)!important;box-shadow:0 6px 20px rgba(30,60,120,.1),inset 0 1px 0 rgba(255,255,255,.7)!important}
.btn-history i,.btn-history .bi{color:#5B7BAF!important;font-size:1rem!important;transition:color .2s}
.btn-history:hover i,.btn-history:hover .bi{color:#3B6BAF!important}
.btn-clear{width:56px!important;height:48px!important;border:1px solid rgba(248,160,160,.45)!important;border-radius:14px!important;background:rgba(255,235,235,.45)!important;color:#E54848!important;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 12px rgba(229,72,72,.06),inset 0 1px 0 rgba(255,255,255,.6)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.btn-clear:hover{background:rgba(255,220,220,.6)!important;border-color:rgba(240,140,140,.55)!important;transform:translateY(-2px)!important;box-shadow:0 6px 20px rgba(229,72,72,.12),inset 0 1px 0 rgba(255,255,255,.7)!important}
.btn-clear i,.btn-clear .bi{font-size:1rem!important;transition:color .2s}
.btn-clear:hover i,.btn-clear:hover .bi{color:#D32F2F!important}
/* Toplam Ücret (Brüt) hücresinde alt çizgi olmasın */
.custom-table tbody input.month-total,.custom-table tfoot input.month-total{border-bottom-color:transparent!important;border-bottom-style:solid!important}
/* ---- Dark mode ---- */
[data-theme="dark"] .swap-tooltip{background:linear-gradient(135deg,#3B82F6,#60A5FA);color:#fff;box-shadow:0 4px 12px rgba(59,130,246,.35)}
[data-theme="dark"] .swap-tooltip::after{border-top-color:#60A5FA}
[data-theme="dark"] .input-clear{background:transparent;color:var(--t3);opacity:.3}
[data-theme="dark"] .input-clear:hover{background:var(--bg3);color:var(--t2);opacity:.7}
[data-theme="dark"] .input-combo{background:rgba(20,30,48,.6);border-color:var(--br)}
[data-theme="dark"] .input-combo:focus-within{border-color:var(--a);box-shadow:0 0 0 3px rgba(96,165,250,.15)}
[data-theme="dark"] .input-field{color:var(--t)}
[data-theme="dark"] .input-field::placeholder{color:var(--t3);opacity:.4}
[data-theme="dark"] .input-field.ghost{color:var(--t)!important;opacity:1}
[data-theme="dark"] .input-mode-text{color:var(--t2)}
[data-theme="dark"] .input-divider{background:var(--a);opacity:.6}
[data-theme="dark"] .swap-btn{border-color:var(--br);color:var(--t3)}
[data-theme="dark"] .swap-btn:hover{border-color:var(--a);color:var(--a);background:rgba(96,165,250,.08)}
[data-theme="dark"] .icon-btn{background:rgba(30,41,59,.5);border-color:rgba(71,85,105,.45);color:var(--t3);box-shadow:0 2px 12px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.04);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
[data-theme="dark"] .icon-btn:hover{background:rgba(40,52,72,.6);border-color:rgba(100,116,139,.5);color:var(--a);box-shadow:0 6px 20px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.06)}
[data-theme="dark"] .icon-btn.active{border-color:var(--a);color:var(--a);background:rgba(96,165,250,.1)}
[data-theme="dark"] .mini-field-picker{background:rgba(30,41,59,.92);border-color:rgba(71,85,105,.5);box-shadow:0 8px 32px rgba(0,0,0,.5)}
[data-theme="dark"] .mini-fp-all:not(.active){background:var(--bg3);border:1px solid var(--br);color:var(--t3)}
[data-theme="dark"] .mini-fp-all.active{background:linear-gradient(135deg,#3B82F6,#2563EB);border:none;color:#fff}
[data-theme="dark"] .mini-fp-btn{border-color:transparent;background:var(--bg3);color:var(--t3)}
[data-theme="dark"] .mini-fp-btn:hover{background:var(--bg2)}
[data-theme="dark"] .mini-fp-btn.selected{background:linear-gradient(135deg,#3B82F6,#2563EB);border-color:transparent;color:#fff}
[data-theme="dark"] .mini-fp-btn.current:not(.selected){border-color:var(--a);color:var(--a);background:rgba(59,130,246,.12)}
[data-theme="dark"] .mini-fp-btn.selected.current{color:#fff}
[data-theme="dark"] .filter-chip{border-color:var(--br);color:var(--t3)}
[data-theme="dark"] .filter-chip:hover{background:var(--bg3)}
[data-theme="dark"] .filter-chip.active{background:var(--a);border-color:var(--a);color:#fff}
[data-theme="dark"] .filter-label{color:var(--t3)}
[data-theme="dark"] .btn-calc-full{box-shadow:0 4px 16px rgba(59,130,246,.25)}
[data-theme="dark"] .btn-calc-full:hover{box-shadow:0 6px 22px rgba(59,130,246,.35)}
[data-theme="dark"] .btn-minwage{background:rgba(30,41,59,.5)!important;color:var(--t2)!important;border-color:rgba(71,85,105,.45)!important;box-shadow:0 2px 12px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.04)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
[data-theme="dark"] .btn-minwage:hover{background:rgba(40,52,72,.6)!important;border-color:rgba(100,116,139,.5)!important;box-shadow:0 6px 20px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.06)!important}
[data-theme="dark"] .btn-minwage i,[data-theme="dark"] .btn-minwage .bi{color:rgba(148,163,184,.85)!important}
[data-theme="dark"] .btn-minwage:hover i,[data-theme="dark"] .btn-minwage:hover .bi{color:rgba(186,200,220,.95)!important}
[data-theme="dark"] .btn-history{background:rgba(30,41,59,.5)!important;color:var(--t2)!important;border-color:rgba(71,85,105,.45)!important;box-shadow:0 2px 12px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.04)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
[data-theme="dark"] .btn-history:hover{background:rgba(40,52,72,.6)!important;border-color:rgba(100,116,139,.5)!important;box-shadow:0 6px 20px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.06)!important}
[data-theme="dark"] .btn-history i,[data-theme="dark"] .btn-history .bi{color:rgba(148,163,184,.85)!important}
[data-theme="dark"] .btn-history:hover i,[data-theme="dark"] .btn-history:hover .bi{color:rgba(186,200,220,.95)!important}
[data-theme="dark"] .btn-clear{background:rgba(229,72,72,.15)!important;border-color:rgba(229,72,72,.3)!important;color:#F87171!important;box-shadow:0 2px 12px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.04)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
[data-theme="dark"] .btn-clear:hover{background:rgba(229,72,72,.25)!important;border-color:rgba(229,72,72,.4)!important;box-shadow:0 6px 20px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.06)!important}
[data-theme="dark"] .btn-clear:hover{background:rgba(229,72,72,.2)!important;border-color:rgba(229,72,72,.35)!important}
/* Dark extra mode */
[data-theme="dark"] .calc-grid.extra-mode .input-combo{border-color:rgba(251,191,36,.3)}
[data-theme="dark"] .calc-grid.extra-mode .input-combo:focus-within{border-color:#FBBF24;box-shadow:0 0 0 3px rgba(251,191,36,.15)}
[data-theme="dark"] .calc-grid.extra-mode .icon-btn{border-color:rgba(251,191,36,.3);color:#FBBF24}
[data-theme="dark"] .calc-grid.extra-mode .icon-btn:hover{border-color:#FBBF24;color:#FBBF24;background:rgba(251,191,36,.1)}
[data-theme="dark"] .calc-grid.extra-mode .icon-btn.active{border-color:#FBBF24;color:#FBBF24;background:rgba(251,191,36,.1)}
[data-theme="dark"] .calc-grid.extra-mode .swap-btn{border-color:rgba(251,191,36,.3);color:#FBBF24}
[data-theme="dark"] .calc-grid.extra-mode .mini-fp-all.active{background:#F59E0B;border-color:#F59E0B}
[data-theme="dark"] .calc-grid.extra-mode .mini-fp-btn.selected{background:#F59E0B;border-color:#F59E0B;color:#fff}
[data-theme="dark"] .calc-grid.extra-mode .mini-fp-btn.current{border-color:#FBBF24;color:#FBBF24}
[data-theme="dark"] .calc-grid.extra-mode .mini-fp-btn.selected.current{color:#fff}
[data-theme="dark"] .calc-grid.extra-mode .input-combo:focus-within~.icon-btn-wrap .icon-btn{border-color:#FBBF24;color:#FBBF24}
@media(max-width:768px){.top-grid{grid-template-columns:1fr}}
@media(max-width:480px){.calc-row-2{flex-wrap:wrap}}