:root{--bg:#eef2f1;--panel:#fff;--text:#19243a;--muted:#718096;--primary:#0e7e6b;--dark:#0b5f53;--border:#e4e9f2;--success:#44951c;--danger:#b42318;--topbar-h:89px}
*{box-sizing:border-box}body{margin:0;font-family:Manrope,Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text)}
.app{display:flex;min-height:100vh}.sidebar{width:250px;background:linear-gradient(180deg,#13998a,#0b5f53);color:white;padding:22px 14px;position:fixed;inset:0 auto 0 0}
.brand{display:flex;gap:12px;align-items:center;padding:0 10px 24px}.brand small{display:block;color:#afbdd6;margin-top:3px}.logo{width:44px;height:44px;border-radius:50%;background:#fff;object-fit:contain;padding:5px;box-shadow:0 2px 10px rgba(0,0,0,.28)}
nav a{display:block;color:#cdeae2;text-decoration:none;padding:11px 14px;border-radius:9px;margin:3px 0;border-left:3px solid transparent;font-size:14px;transition:background .15s ease,color .15s ease,border-color .15s ease}
nav a:hover{background:rgba(255,255,255,.07);color:#fff}
nav a.active{background:rgba(255,255,255,.14);color:#fff;border-left-color:var(--accent);font-weight:600}
.nav-title{font-size:10.5px;text-transform:uppercase;letter-spacing:.13em;color:#7c8fac;padding:18px 14px 7px;font-weight:600}
nav{display:flex;flex-direction:column}
.nav-divider{border:0;border-top:1px solid rgba(255,255,255,.09);margin:16px 8px 4px}
.nav-group-toggle{display:flex;justify-content:space-between;align-items:center;width:100%;background:transparent;border:0;cursor:pointer;font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#9fb0cc;padding:14px 14px 8px;font-family:inherit;font-weight:600}
.nav-group-toggle:hover{color:#fff}
.nav-group-toggle .chevron{transition:transform .15s ease;font-size:10px;display:inline-block}
.nav-group-items{border-left:2px solid rgba(255,255,255,.10);margin:0 0 4px 18px;padding-left:4px;overflow:hidden}
.nav-group-items a{font-size:13.5px}
.main{margin-left:250px;width:calc(100% - 250px)}.topbar{background:#fff;border-bottom:1px solid var(--border);padding:22px 30px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:30}.topbar h1{margin:0;font-size:24px}.topbar p{margin:5px 0 0;color:var(--muted);font-size:14px}.userbox{display:flex;gap:15px;align-items:center}.userbox a{color:var(--primary);text-decoration:none}
.content{padding:28px 30px}.grid{display:grid;gap:18px}.grid.cards{grid-template-columns:repeat(4,minmax(0,1fr))}.card,.panel{background:var(--panel);border:1px solid var(--border);border-radius:16px;box-shadow:0 6px 20px rgba(29,53,87,.05)}.card{padding:20px}.card .label{color:var(--muted);font-size:13px}.card .value{font-size:26px;font-weight:800;margin-top:8px}.panel{padding:20px;margin-top:20px}.panel h2{margin:0 0 16px;font-size:18px}
form.grid-form{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;align-items:end}.field label{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}.field input,.field select{width:100%;padding:10px 11px;border:1px solid var(--border);border-radius:9px;background:white}
button,.btn{border:0;background:var(--primary);color:#fff;padding:10px 16px;border-radius:9px;cursor:pointer;text-decoration:none;display:inline-block}.btn.danger{background:var(--danger)}.btn.muted{background:#64748b}
table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--border);font-size:14px}th{color:var(--muted);font-weight:600}.actions{display:flex;gap:7px}.actions .btn{padding:7px 10px;font-size:12px}
table thead th{position:sticky;top:var(--topbar-h);background:#fff;z-index:5;box-shadow:0 1px 0 var(--border)}
.table-scroll-tall{max-height:65vh;overflow-y:auto;overflow-x:auto;border-radius:10px}
.table-scroll-tall thead th{top:0}
.alert{padding:13px 15px;border-radius:10px;margin-bottom:18px}.alert.success{background:#e9f8f1;color:#0e7e6b}.alert.error{background:#fff0ef;color:#a52a20}
.status{display:inline-block;padding:5px 9px;border-radius:20px;font-size:12px;background:#eef2ff}.status.done{background:#e7f7ef;color:#44951c}.status.wait{background:#fff7df;color:#8a6216}.status.active{background:#e7f7ef;color:#44951c}.status.inactive{background:#f1f2f4;color:#64748b}
.tag{display:inline-block;padding:3px 8px;border-radius:6px;font-size:12px;font-weight:700;background:#eef2ff;color:#274690;font-family:monospace}.tag.muted{background:transparent;color:#b7c0cf}
.btn.edit{background:#eef2ff;color:#274690}.btn.toggle-on{background:#fff0d6;color:#8a6216}.btn.toggle-off{background:#e7f7ef;color:#44951c}
.panel.editing{border-color:var(--primary);box-shadow:0 6px 20px rgba(24,90,219,.15)}
.section-note{color:var(--muted);font-size:13px;margin:-8px 0 16px}
table tr.inactive-row{opacity:.55}
.grid.totals{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1000px){.grid.totals{grid-template-columns:1fr}}
.tabs{display:flex;gap:8px;margin-bottom:18px}.tab-btn{background:#eef2ff;color:#274690}.tab-btn.active{background:var(--primary);color:#fff}
.filter-tabs{display:flex;gap:8px;margin-bottom:16px}
.btn.active{background:var(--primary);color:#fff}
.runway{padding:16px 18px;border-radius:12px;background:#eef2ff;color:#183a7a;font-size:15px;margin-bottom:18px}
.runway.warn{background:#fff0ef;color:#a52a20}
.runway.ok{background:#e9f8f1;color:#0e7e6b}
table td.neg{color:var(--danger)}table td.pos{color:var(--success)}
.tag.prio-high{background:#fff0ef;color:#a52a20}.tag.prio-mid{background:#fff7df;color:#8a6216}.tag.prio-low{background:#eef2ff;color:#274690}
.status.paid{background:#e7f7ef;color:#44951c}.status.partial{background:#fff7df;color:#8a6216}.status.waiting{background:#fff0ef;color:#a52a20}
tr.row-income{background:#eafaf1}tr.row-income:hover{background:#dcf5e8}
tr.row-expense{background:#fff3ea}tr.row-expense:hover{background:#ffe7d6}
tr.row-income td,tr.row-expense td{border-bottom-color:rgba(0,0,0,.05)}
tr.advice-warn{background:#fff8f7}tr.advice-warn td{color:#a52a20;font-weight:600}
.pulse-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:18px}
@media(max-width:1000px){.pulse-grid{grid-template-columns:1fr}}
.table-scroll{overflow-x:auto}
.badge-ok{display:inline-block;padding:5px 10px;border-radius:20px;font-size:12px;background:#e7f7ef;color:#44951c;font-weight:700}
.badge-risk{display:inline-block;padding:5px 10px;border-radius:20px;font-size:12px;background:#fff0ef;color:#a52a20;font-weight:700}
.filters-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;align-items:end;margin-bottom:18px}
@media(max-width:1000px){.filters-bar{grid-template-columns:repeat(2,1fr)}}
.mini-table{font-size:13px}
h3.sub{font-size:14px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:22px 0 10px}
footer{padding:18px 30px;color:var(--muted);font-size:12px}
.login-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#0b5f53,#13998a)}.login-card{width:min(430px,92vw);background:#fff;border-radius:20px;padding:32px;box-shadow:0 25px 70px rgba(0,0,0,.25)}.login-card h1{margin:0 0 6px}.login-card p{color:var(--muted)}.login-card .field{margin:14px 0}.login-card button{width:100%;margin-top:8px}
.login-logo{max-width:260px;height:auto;display:block;margin:0 auto 6px}
@media(max-width:1000px){.grid.cards{grid-template-columns:repeat(2,1fr)}form.grid-form{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){:root{--topbar-h:64px}.sidebar{position:static;width:100%;min-height:auto}.app{display:block}.main{margin:0;width:100%}.topbar{padding:18px;align-items:flex-start}.content{padding:18px}.grid.cards,form.grid-form{grid-template-columns:1fr}.topbar p{display:none}}
/* V0.6 — daha zarif arayüz ve sağlam dondurma davranışı */
:root{--bg:#eef2f1;--panel:#ffffff;--text:#172033;--muted:#6f8496;--primary:#0e7e6b;--primary-strong:#0a5245;--accent:#16a086;--dark:#0b5f53;--border:#e6ebe9;--success:#44951c;--danger:#b53a33;--topbar-h:82px;--radius:16px;--shadow:0 8px 24px rgba(22,160,134,.07)}
body{letter-spacing:.005em}
.sidebar{width:236px;padding:18px 12px;background:linear-gradient(180deg,#13998a 0%,#0b5f53 100%);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.main{margin-left:236px;width:calc(100% - 236px)}
.brand{padding:2px 10px 22px;gap:12px}.brand strong{font-size:16px;letter-spacing:.01em}.brand small{font-size:11px;color:#9fd7c8}.logo{width:54px;height:54px;border-radius:50%}
.nav-title{font-size:10.5px;letter-spacing:.13em;color:#d6f0e8;padding:15px 13px 7px;font-weight:800}
nav a{padding:9px 12px;border-radius:9px;margin:2px 0;font-size:13.5px;transition:.18s ease;border:1px solid transparent;border-left:3px solid transparent}
nav a:hover{background:rgba(255,255,255,.08);transform:translateX(2px)}nav a.active{background:rgba(255,255,255,.14);border-color:rgba(22,160,134,.28);border-left-color:var(--accent);box-shadow:none;font-weight:600}
.nav-divider{margin:14px 8px 5px}.nav-group-toggle{padding:13px 12px 7px;font-size:11px;letter-spacing:.13em;color:#d6f0e8;font-weight:800}.nav-group-toggle:hover{background:transparent;color:#ffffff}.nav-group-items{margin-left:12px;padding-left:7px;border-left:1px solid rgba(255,255,255,.10)}.nav-group-items a{font-size:13px;padding:8px 11px}
.topbar{min-height:var(--topbar-h);padding:17px 28px;box-shadow:0 1px 0 rgba(25,40,70,.03)}.topbar h1{font-size:22px;font-weight:800;letter-spacing:-.02em;color:#0b4a42}.topbar p{font-size:12.5px;margin-top:4px}.userbox{font-size:13px}.userbox a{padding:7px 10px;border-radius:8px;background:#e2f3ec;color:#0e7e6b}
.content{padding:24px 28px 32px;min-height:calc(100vh - var(--topbar-h) - 50px)}
.card,.panel{border-radius:var(--radius);box-shadow:var(--shadow);border-color:var(--border)}.panel{padding:20px 22px;margin-top:16px}.panel h2{font-size:17px;font-weight:800;letter-spacing:-.01em;color:#0b4a42}.card{padding:20px}.card .label{font-size:12px}.card .value{font-size:23px}
.field label{font-size:11px;font-weight:650;color:#78849a;letter-spacing:.01em}.field input,.field select,.field textarea{padding:9px 10px;border-radius:8px;border-color:#dfe5ef;outline:none;transition:.15s ease;font-size:13px}.field input:focus,.field select:focus,.field textarea:focus{border-color:#5f8fae;box-shadow:0 0 0 3px rgba(29,74,109,.10)}
button,.btn{padding:8px 13px;border-radius:8px;font-size:12.5px;font-weight:650;line-height:1.2;background:var(--primary);box-shadow:0 3px 9px rgba(14,37,54,.16);transition:.15s ease}button:hover,.btn:hover{transform:translateY(-1px);background:var(--primary-strong)}.btn.muted{background:#eef1f6;color:#526077;box-shadow:none}.btn.danger{background:#fff0ef;color:#a5322c;box-shadow:none}.btn.edit{background:#e2f3ec;color:#0e7e6b;box-shadow:none}.btn.soft{background:#eef3f6;color:#2c4258;box-shadow:none}
/* İkonlar: butonun sınıfına göre otomatik eklenir, hiçbir sayfa dosyasına dokunmadan uygulanır.
.noik = düğmenin kendi ikonu (emoji/ok/artı) var, ayrıca ✓ eklenmesin (footer'da otomatik işaretlenir). */
.noik::before{content:none!important}
button:not(.muted):not(.danger):not(.edit):not(.tab-btn):not(.export-table-btn):not(.toggle-on):not(.toggle-off):not(.print-btn):not(.noik)::before,
.btn.edit::before,
.btn.danger::before{
content:'';display:inline-block;width:12px;height:12px;margin-right:6px;vertical-align:-1.5px;
background-color:currentColor;flex-shrink:0;
-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;
}
button:not(.muted):not(.danger):not(.edit):not(.tab-btn):not(.export-table-btn):not(.toggle-on):not(.toggle-off):not(.print-btn):not(.noik)::before{
-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M3 10.5l4.5 4.5L17 5' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M3 10.5l4.5 4.5L17 5' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.btn.edit::before{
-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M3 17l0.8-3.6L12.4 4.8l2.8 2.8L6.6 16.2 3 17z' fill='%23000'/%3E%3C/svg%3E");
mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M3 17l0.8-3.6L12.4 4.8l2.8 2.8L6.6 16.2 3 17z' fill='%23000'/%3E%3C/svg%3E");
}
.btn.danger::before{
-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 6.5v9a1 1 0 001 1h7a1 1 0 001-1v-9M3.5 6.5h13M8 6.5V4a1 1 0 011-1h2a1 1 0 011 1v2.5' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 6.5v9a1 1 0 001 1h7a1 1 0 001-1v-9M3.5 6.5h13M8 6.5V4a1 1 0 011-1h2a1 1 0 011 1v2.5' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.btn.toggle-on::before,.btn.toggle-off::before{
content:'';display:inline-block;width:12px;height:12px;margin-right:6px;vertical-align:-1.5px;
background-color:currentColor;flex-shrink:0;
-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}
.btn.toggle-on::before{-webkit-mask-image:var(--ic-hide);mask-image:var(--ic-hide)}
.btn.toggle-off::before{-webkit-mask-image:var(--ic-view);mask-image:var(--ic-view)}
.export-table-btn::before{
content:'';display:inline-block;width:13px;height:13px;margin-right:6px;vertical-align:-2.5px;flex-shrink:0;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect x='1' y='1' width='18' height='18' rx='3' fill='%231c7d4d'/%3E%3Crect x='4' y='4' width='12' height='12' rx='1' fill='white'/%3E%3Cpath d='M4 8h12M4 12h12M9.33 4v12M13.67 4v12' stroke='%231c7d4d' stroke-width='1.1'/%3E%3C/svg%3E");
background-size:contain;background-repeat:no-repeat;
}
.actions{gap:5px;flex-wrap:wrap}.actions .btn,.actions button{padding:6px 9px;font-size:11.5px}
.tabs,.filter-tabs{gap:6px;margin-bottom:14px}.tab-btn,.filter-tabs .btn{box-shadow:none}
table{min-width:760px}th,td{padding:10px 9px;font-size:12.5px}th{font-size:11px;text-transform:uppercase;letter-spacing:.045em;color:#3f5b53;font-weight:800;background:#f3f8f6}tbody tr:hover{background:#f5faf8}
.table-scroll{position:relative;overflow:visible}.table-scroll-tall{position:relative;max-height:62vh;overflow:auto;border:1px solid var(--border);border-radius:10px;background:#fff;overscroll-behavior:contain;scrollbar-width:thin}
.table-scroll table,.table-scroll-tall table{border-collapse:separate;border-spacing:0}.table-scroll thead th{position:sticky;top:var(--topbar-h);z-index:12;background:#f8fafe;box-shadow:0 1px 0 var(--border)}.table-scroll-tall thead th{position:sticky;top:0;z-index:12;background:#f8fafe;box-shadow:0 1px 0 var(--border)}
.table-scroll tbody th:first-child,.table-scroll td:first-child,.table-scroll-tall tbody th:first-child,.table-scroll-tall td:first-child{position:sticky;left:0;z-index:8;background:inherit}
/* thead ilk hücresi bilerek dışarıda: background:inherit onu saydamlaştırıp koyu başlıklı
tablolarda 'görünmez Tarih başlığı' sorununa yol açıyordu. Yapışkanlığı aşağıda veriliyor. */
.table-scroll thead th:first-child,.table-scroll-tall thead th:first-child{position:sticky;left:0}.table-scroll thead th:first-child,.table-scroll-tall thead th:first-child{z-index:14}
/* NOT: burada eskiden background:#f8fafe vardı. Yapışkan ilk sütun başlığı, tablonun kendi
KOYU başlık rengini eziyordu → açık yazı + açık zemin = "beyaz üstüne beyaz" (görünmez
"Tarih" başlığı). Arka planı .table-scroll thead th kuralı zaten veriyor; sayfa kendi
koyu başlığını tanımladıysa onu ezmiyoruz. */.table-scroll tbody tr:hover td:first-child,.table-scroll-tall tbody tr:hover td:first-child{background:#fafbfe}
.alert{border-radius:9px;font-size:13px;padding:11px 13px}.status,.tag{font-size:11px;padding:4px 8px}.section-note{font-size:12px}
.page-intro{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin:2px 0 14px}.page-intro h2{font-size:21px;font-weight:800;margin:4px 0 5px;letter-spacing:-.025em;color:#0b4a42}.page-intro p{margin:0;color:var(--muted);font-size:13px}.eyebrow{font-size:10px;letter-spacing:.14em;color:var(--primary);font-weight:800}.compact-panel{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.toolbar-form{min-width:280px}.action-strip{display:flex;gap:8px;flex-wrap:wrap}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.upload-box{border:1px dashed #cbd4e4;background:#fafbfe;padding:20px;border-radius:12px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.upload-box input[type=file]{flex:1;min-width:230px;padding:9px;background:white;border:1px solid var(--border);border-radius:8px}.import-note{margin-top:13px;padding:11px 13px;border-radius:9px;background:#fff9e9;color:#755a18;font-size:12px}
footer{padding:14px 28px;font-size:11px}
@media(max-width:720px){.sidebar{width:100%;overflow:visible}.main{margin:0;width:100%}.content{padding:16px}.compact-panel{align-items:stretch;flex-direction:column}.toolbar-form{min-width:0}.page-intro{align-items:flex-start}.topbar{position:sticky;top:0}}
/* V0.10 — güvenli toplu silme alanı */
.delete-all-form{margin:0}.panel-heading .section-note{margin:4px 0 0}.delete-all-form .btn.danger{white-space:nowrap}
@media(max-width:720px){.panel-heading{flex-direction:column}.delete-all-form{width:100%}.delete-all-form .btn{width:100%}}
/* V0.11 — seçerek silme, tablo filtreleme/sıralama ve form metni düzeltmeleri */
.selected-delete-form{margin:0}.selected-delete-form button:disabled{opacity:.45;cursor:not-allowed;transform:none}.select-col{width:42px;min-width:42px;text-align:center!important}.select-col input{width:15px;height:15px;accent-color:var(--primary);cursor:pointer}
.table-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:13px 0 9px}.table-search,.table-column-filter{height:35px;border:1px solid var(--border);border-radius:8px;background:#fff;padding:0 10px;font:inherit;font-size:12.5px;color:var(--text);outline:none}.table-search{min-width:230px;flex:1}.table-column-filter{min-width:150px}.table-search:focus,.table-column-filter:focus{border-color:#5f8fae;box-shadow:0 0 0 3px rgba(29,74,109,.10)}.table-result-count{margin-left:auto;color:var(--muted);font-size:11.5px;white-space:nowrap}
th.sortable{cursor:pointer;user-select:none;padding-right:22px;position:relative}th.sortable:after{content:'↕';position:absolute;right:7px;opacity:.35;font-size:11px}th.sortable[data-sort="asc"]:after{content:'↑';opacity:1;color:var(--primary)}th.sortable[data-sort="desc"]:after{content:'↓';opacity:1;color:var(--primary)}
.field{min-width:0}.field label{line-height:1.25}.field input,.field select,.field textarea{display:block;min-height:37px}.field small,.field .help-text{display:block;position:static;margin-top:5px;line-height:1.35;color:var(--muted);font-size:10.5px;white-space:normal}.grid-form>div:not(.field){align-self:end}.grid-form button{min-height:37px}
td small{display:block;margin-top:3px;line-height:1.35;color:var(--muted)}td{vertical-align:middle}.actions form{margin:0}.actions{min-width:205px}
@media(max-width:720px){.table-tools{align-items:stretch}.table-search,.table-column-filter{width:100%;min-width:0}.table-result-count{margin-left:0}.selected-delete-form{width:100%}.selected-delete-form button{width:100%}}
/* V0.13 gelişmiş tablo filtreleri */
.column-filter-row th{background:#f8fafc!important;padding:6px 8px!important;z-index:11;position:sticky}
.column-filter{width:100%;min-width:72px;height:30px;padding:5px 8px;border:1px solid #dbe3f0;border-radius:7px;background:#fff;font-size:12px;font-weight:400;color:#26334d}
.column-filter:focus{outline:none;border-color:#5f8fae;box-shadow:0 0 0 2px rgba(29,74,109,.12)}
.table-tools.refined{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin:0 0 8px}
.clear-table-filters{padding:7px 11px!important;font-size:12px!important}
.auto-date{background:#f3f6fb!important;color:#536179;cursor:not-allowed}
/* V0.14 — sayı/metin hizalama ve rapor filtre presetleri */
th.num,td.num{text-align:right;font-variant-numeric:tabular-nums}
th.center,td.center{text-align:center}
.select-col,.actions{text-align:center}
.preset-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.preset-row .btn{font-size:12px;padding:7px 12px}
.inline-payment-form{display:inline-flex;gap:5px;align-items:center;margin:2px 0}
.inline-payment-form input{width:100px}
/* V0.15 — sayfa özet kartları + toplam satırı vurgusu (tüm sayfalarda kullanılabilir) */
.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:2px 0 20px}
@media(max-width:1050px){.stat-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.stat-grid{grid-template-columns:1fr}}
.stat-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:18px 20px;display:flex;align-items:center;gap:15px;box-shadow:var(--shadow)}
.stat-ico{width:50px;height:50px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex:0 0 50px}
.stat-ico svg{width:25px;height:25px}
.stat-lab{font-size:12.5px;color:var(--muted);margin-bottom:4px}
.stat-val{font-size:22px;font-weight:800;letter-spacing:-.02em;color:#0b4a42;line-height:1.15}
.st-teal .stat-ico{background:#e2f3ec;color:#0e7e6b}
.st-blue .stat-ico{background:#e7f0fa;color:#2563a8}
.st-amber .stat-ico{background:#fbf0d8;color:#a9760f}
.st-dark .stat-ico{background:#0e7e6b;color:#ffffff}
tr.total-row{background:#f1f7f4}
tr.total-row td{font-size:14px;font-weight:800;color:#0b4a42;border-top:2px solid #cfe0d9;border-bottom:3px double #9db8ae;padding-top:12px;padding-bottom:12px}
tr.total-row td strong{font-weight:800}
/* V0.16 — Excel ikon butonu + PDF/Yazdır çıktısı + yazdırma stili */
.export-table-btn.xls-icon{padding:7px 9px}
.export-table-btn.xls-icon::before{margin-right:0}
.print-btn::before{content:'';display:inline-block;width:13px;height:13px;margin-right:6px;vertical-align:-2px;background-color:currentColor;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 9V3h12v6M6 18H4a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-2M6 14h12v7H6z' fill='none' stroke='%23000' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 9V3h12v6M6 18H4a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-2M6 14h12v7H6z' fill='none' stroke='%23000' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E")}
.userbox .print-btn{background:#e2f3ec;color:#0e7e6b;box-shadow:none}
.print-only{display:none}
.donut-panel{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.donut-legend{display:flex;flex-direction:column;gap:10px;min-width:200px}
.donut-legend .li{display:flex;align-items:center;gap:10px;font-size:13.5px}
.donut-legend .dot{width:12px;height:12px;border-radius:3px;flex:none}
.donut-legend .nm{color:var(--text);font-weight:600}
.donut-legend .pc{margin-left:auto;font-weight:800;color:#0b4a42}
.donut-legend .am{color:var(--muted);font-size:12px}
@media print{
@page{margin:13mm}
body{background:#fff}
.sidebar,.topbar,.table-tools,.actions,.filter-tabs,.tabs,.preset-row,.action-strip,.upload-box,.column-filter-row,.select-col,footer,button,.btn{display:none!important}
.main{margin:0!important;width:100%!important}.content{padding:0!important;min-height:0!important}
.print-only{display:block!important}
.print-header{display:flex!important;align-items:center;gap:14px;border-bottom:2px solid #0e7e6b;padding-bottom:12px;margin-bottom:18px}
.print-header img{height:50px;width:auto}
.print-header .pt{font-size:18px;font-weight:800;color:#0b4a42}
.print-header .pd{font-size:12px;color:#555;margin-top:2px}
.panel{box-shadow:none;border:1px solid #ccc;break-inside:avoid;page-break-inside:avoid;margin-top:12px}
.table-scroll,.table-scroll-tall{max-height:none!important;overflow:visible!important;border:0!important}
table{min-width:0!important}
.stat-card{box-shadow:none;border:1px solid #ccc}
.stat-ico,tr.total-row td,tr.total-row{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}
/* V0.17 — Mevcutlar iki sütun düzeni + yan gösterge paneli + notlar */
.assets-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px;align-items:start}
@media(max-width:1150px){.assets-layout{grid-template-columns:1fr}}
.assets-side{display:flex;flex-direction:column;gap:16px}
.assets-side .panel{margin-top:0}
.assets-main>.panel:first-child{margin-top:0}
.side-donut{display:flex;justify-content:center;margin-bottom:10px}
.side-total{display:flex;justify-content:space-between;align-items:baseline;border-top:2px solid #cfe0d9;margin-top:12px;padding-top:12px}
.side-total .lab{font-size:12.5px;color:var(--muted)}
.side-total .val{font-size:19px;font-weight:800;color:#0e7e6b;letter-spacing:-.01em}
.soon-box{background:#f3f8f6;border:1px dashed #b9d3c9;border-radius:10px;padding:18px 14px;color:#5f7a6f;font-size:12.5px;text-align:center;line-height:1.5}
.notes-pad{width:100%;border:1px solid var(--border);border-radius:10px;padding:6px 12px;font-family:inherit;font-size:13px;line-height:26px;color:#0b4a42;text-transform:uppercase;resize:vertical;min-height:190px;background-image:repeating-linear-gradient(#ffffff,#ffffff 25px,#e6ebe9 25px,#e6ebe9 26px);outline:none;box-sizing:border-box}
.notes-pad:focus{border-color:#5f8fae;box-shadow:0 0 0 3px rgba(22,160,134,.10)}
.notes-hint{font-size:11px;color:var(--muted);margin-top:6px}
@media print{.assets-layout{grid-template-columns:1fr!important}.no-print{display:none!important}}
/* V0.18 — döviz kur tablosu + PDF çıktı iyileştirmeleri */
.fx-table{min-width:0;width:100%;border-collapse:collapse}
.fx-table th,.fx-table td{padding:6px 8px;font-size:12px;border-bottom:1px solid #eef2f1;background:#fff}
.fx-table th{font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:#3f5b53;background:#f3f8f6}
.fx-table td strong{color:#0b4a42}
.fx-table tr:last-child td{border-bottom:0}
.fx-date{font-size:11px;color:var(--muted);margin:0 0 8px}
@media print{
body{font-size:11px}
th,td{padding:5px 6px!important;font-size:10px!important}
.panel h2{font-size:14px!important}
.section-note{display:none!important}
.side-total .val,.stat-val{font-size:14px!important}
.panel{padding:12px 14px!important}
}
/* V0.19 — otomatik/canlı TCMB kuru gösterimi (kırmızı) */
input.rate-auto{color:#c0392b;font-weight:700}
.rate-live{color:#c0392b}
.rate-flex{display:flex;gap:6px;align-items:stretch}
.rate-flex input{flex:1}
.rate-flex .btn{white-space:nowrap}
/* V0.20 — aksiyon bandı: üç-nokta detay butonu */
.btn.dots{padding:6px 10px;font-weight:800;letter-spacing:1px;line-height:1}
.actions form{display:inline}
/* V0.21 — aksiyon bandı: gecikmiş satır + kategori + tik butonu */
tr.overdue-row td{background:#fbeaea}
tr.overdue-row td:first-child{color:#b23b36;font-weight:700}
.muted-cat{color:var(--muted);font-size:11.5px}
.btn.ok-icon{background:#e7f7ef;color:#44951c;padding:7px 13px}
.btn.ok-icon::before{margin-right:0}
/* V0.22 — ödeme kanalı transfer önerisi kutusu (iki çizgi arası, belirgin) */
.transfer-box{margin-top:14px;border-top:2px solid #0e7e6b;border-bottom:2px solid #0e7e6b;padding:14px 4px;background:#f4faf7}
.transfer-box h4{margin:0 0 10px;font-size:14px;color:#0e7e6b;font-weight:800;letter-spacing:.02em}
.transfer-row{display:flex;align-items:center;gap:10px;padding:8px 10px;font-size:14px;flex-wrap:wrap}
.transfer-row+.transfer-row{border-top:1px dashed #d6e4de}
.transfer-row .arrow{color:#0e7e6b;font-weight:800;font-size:16px}
.transfer-row .transfer-from,.transfer-row .transfer-to{font-weight:700;color:#0b4a42}
.transfer-row .amt{margin-left:auto;font-weight:800;color:#0e7e6b}
/* V0.23 — aktarım sonrası öncesi/sonrası karşılaştırma */
.after-box{margin-top:14px}
.after-box h4{margin:0 0 10px;font-size:14px;color:#0b4a42;font-weight:800;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
td.arrow{color:#0e7e6b;font-weight:800;font-size:16px}
/* V0.24 — plan özeti (şunu yaparsan şöyle olur) */
.plan-summary{font-size:14px;color:#0b4a42;line-height:1.65;margin:0 0 14px;padding:12px 14px;background:#eef7f2;border-radius:10px;border-left:3px solid #44951c}
/* V0.25 — düzenlenebilir aktarım kutuları */
.transfer-input{width:135px;padding:6px 9px;border:1px solid #cbd4e4;border-radius:7px;text-align:right;font-family:inherit;font-size:13px;font-weight:800;color:#0e7e6b;background:#fff}
.transfer-input:focus{outline:none;border-color:#5f8fae;box-shadow:0 0 0 3px rgba(22,160,134,.12)}
.transfer-row .amt{display:inline-flex;align-items:center;gap:5px}
/* V0.26 — günaydın özet şeridi */
.daily-brief{background:#fff;color:#33413d;padding:14px 20px;border-radius:14px;margin-bottom:16px;font-size:15px;box-shadow:0 2px 10px rgba(16,64,54,.06);border:1px solid #e3ede9;border-left:4px solid #13998a;line-height:1.5}
.daily-brief strong{font-weight:800;color:#0b5f53}
.daily-brief .db-warn{color:#d1493f;font-weight:700}
/* V0.27 — aktarım satırı cümle düzeni */
.transfer-row .tr-desc{font-size:14px;color:#0b4a42}
.transfer-input{width:150px}
/* V0.28 — düzenlenebilir ikon */
.edit-hint{color:#9aa7b4;font-size:14px;margin-right:3px;cursor:default}
/* V0.29 — formda hızlı ekleme (popup) */
.qa-row{display:flex;gap:6px;align-items:stretch}
.qa-row select{flex:1;min-width:0}
.qa-add{padding:8px 12px!important;font-size:16px;font-weight:800;line-height:1;flex:none}
.qa-overlay{position:fixed;inset:0;background:rgba(18,40,35,.45);display:none;align-items:center;justify-content:center;z-index:3000} /* düzenleme pencereleri (120), POS penceresi (1200) ve sihirbaz (1200) üstünde kalsın */
.qa-overlay.show{display:flex}
.qa-modal{background:#fff;border-radius:16px;padding:22px;width:min(380px,92vw);box-shadow:0 25px 70px rgba(0,0,0,.3)}
.qa-modal h3{margin:0 0 14px;font-size:16px;color:#0b4a42;font-weight:800}
.qa-modal input[type=text]{width:100%;padding:10px 12px;border:1px solid #dfe5ef;border-radius:9px;font-size:14px;box-sizing:border-box}
.qa-modal input[type=text]:focus{outline:none;border-color:#5f8fae;box-shadow:0 0 0 3px rgba(22,160,134,.1)}
.qa-type{display:flex;gap:16px;margin-top:10px;font-size:13px;color:#3f5b53}
.qa-type label{display:flex;align-items:center;gap:6px;cursor:pointer}
.qa-err{color:#c0392b;font-size:12.5px;min-height:16px;margin-top:8px}
.qa-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}
/* V0.30 — liste-içi "yeni ekle" satırı (koyu yeşil) */
.qa-addopt{color:#0a5a45;font-weight:800;background:#eaf6f0}
/* V0.32 — Toplam Varlıklarım grafiği */
.wealth-layout{display:flex;gap:28px;align-items:center;flex-wrap:wrap}
.wealth-donut{flex:none}
.wealth-legend{flex:1;min-width:240px;display:flex;flex-direction:column;gap:6px}
.wl-row{display:flex;align-items:center;gap:10px;font-size:13.5px;padding:5px 0;border-bottom:1px solid #f0f4f2}
.wl-row .dot{width:11px;height:11px;border-radius:3px;flex:none}
.wl-name{flex:1;color:#0b4a42;font-weight:600}
.wl-pc{color:#6f8496;font-size:12px;min-width:40px;text-align:right}
.wl-amt{font-weight:700;color:#0b4a42;min-width:120px;text-align:right;font-variant-numeric:tabular-nums}
.wl-total{border-bottom:0;border-top:2px solid #0e7e6b;margin-top:4px;padding-top:8px}
@media(max-width:600px){.wealth-layout{gap:16px}.wealth-legend{min-width:0;width:100%}.wl-amt{min-width:90px}}
/* V0.33 — kredi kartı üç-mod giriş alanı */
.cc-modes{display:flex;gap:8px;margin:4px 0 16px;flex-wrap:wrap}
.cc-modes .mode-btn{padding:8px 16px;border:1px solid #e6ebe9;border-radius:9px;background:#f6faf8;color:#526077;font-size:13px;font-weight:700;cursor:pointer}
.cc-modes .mode-btn.active{background:#0e7e6b;color:#fff;border-color:#0e7e6b}
.taksit-hint{background:#f4faf7;border:1px dashed #b9e0cf;border-radius:8px;padding:10px 12px;font-size:13px;color:#0e7e6b;font-weight:600}
/* V0.34 — kredi kartı dönem tablosu (drill-down) */
.cc-periods .cc-cardhead td{background:#eef3f0;font-weight:800;color:#0b4a42;padding:10px}
.cc-periods .cc-exp{background:none;border:0;color:#0e7e6b;font-weight:800;cursor:pointer;font-size:13px;padding:2px 6px}
.cc-periods .cc-detail>td{background:#f9fbfa;padding:0}
.cc-detail-inner{padding:6px 18px 12px}
.cc-detail-table{width:100%;background:#fff;border:1px solid #e6ebe9;border-radius:8px;overflow:hidden}
.cc-detail-table th{background:#fafbfe;font-size:10px;text-transform:uppercase;letter-spacing:.03em;color:#3f5b53}
.cc-detail-table td,.cc-detail-table th{padding:8px 10px;font-size:12px;border-bottom:1px solid #eef2f0}
.tag.tk{background:#f3e8ff;color:#6b21a8}
/* V0.35 — toplu hesap atama ekrani */
.fix-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:14px;padding:12px;background:#f6faf8;border:1px solid #e6ebe9;border-radius:10px}
.fix-filter{flex:1;min-width:200px;padding:9px 11px;border:1px solid #dfe5ef;border-radius:8px;font-size:13px}
.fix-apply{padding:9px 11px;border:1px solid #dfe5ef;border-radius:8px;font-size:13px}
.fix-sep{color:#6f8496;font-size:12.5px;font-weight:600}
.fix-count{color:#6f8496;font-size:12px;margin-left:auto}
.fix-acc{width:100%;padding:7px 9px;border:1px solid #dfe5ef;border-radius:7px;font-size:13px}
/* V0.36 — Toplu Bilgi Güncelleme */
.bu-tabs{display:flex;gap:6px;margin-bottom:0}
.bu-tab{padding:10px 20px;border:1px solid #e6ebe9;border-bottom:0;border-radius:12px 12px 0 0;background:#e4ece9;color:#526077;font-weight:800;font-size:14px}
.bu-tab.active{background:#fff;color:#0b4a42}
.bu-tab.soon{opacity:.55}
.bu-badge{font-size:10px;background:#d9e2ee;color:#5a6b82;border-radius:10px;padding:1px 7px;margin-left:6px}
.bu-panel{border-radius:0 16px 16px 16px}
.bu-step{display:flex;align-items:center;gap:8px;margin:18px 0 10px}
.bu-step:first-child{margin-top:0}
.bu-no{width:24px;height:24px;border-radius:50%;background:#0e7e6b;color:#fff;font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.bu-t{font-size:13px;font-weight:800;color:#0b4a42;text-transform:uppercase;letter-spacing:.03em}
.bu-box{border:1px solid #e6ebe9;border-radius:12px;padding:14px 16px;background:#fbfdfc}
.bu-row{display:flex;gap:12px;align-items:end;flex-wrap:wrap}
.bu-arrow{font-size:20px;color:#0e7e6b;font-weight:800;padding:0 2px 6px}
.bu-hint{font-size:12px;color:#6f8496;margin-top:8px}
.bu-risk{font-size:12.5px;color:#a5322c;background:#fff8f0;border:1px solid #f0c894;border-radius:8px;padding:8px 12px;margin-top:10px}
.bu-selbar-top{display:flex;align-items:center;gap:10px;margin:6px 0 8px}
.bu-count{color:#6f8496;font-size:12px;margin-left:auto}
.bu-table .bu-newcol{background:#eef7f2}
.bu-empty{color:#c0392b;font-style:italic;font-size:12px}
.bu-selbar{display:flex;align-items:center;gap:12px;margin-top:14px;padding-top:14px;border-top:2px solid #e6ebe9}
.bu-apply{padding:11px 22px;font-size:14px}
/* V0.37 — toplu güncelleme sekme linkleri */
a.bu-tab{text-decoration:none;cursor:pointer}
a.bu-tab:hover{background:#d7e6e0}
a.bu-tab.active{background:#fff;color:#0b4a42}
/* V0.38 — drill-down iç detay tablosunun başlığı sticky OLMASIN (dönem içi harcamalar) */
.cc-detail-table thead th{position:static!important;top:auto!important;box-shadow:none}
/* V0.39 — kredi kartı birleşik ödeme kutusu */
.cc-payform{display:inline-flex;gap:6px;align-items:center;flex-wrap:wrap}
.cc-payform input[type=date]{border:1px solid #dfe5ef;border-radius:8px;padding:0 8px;font:inherit;font-size:12.5px;color:var(--text)}
/* V0.40 — Görev Takip */
.task-tabs{display:flex;gap:6px;margin-bottom:14px;flex-wrap:wrap}
.task-tab{padding:9px 16px;border:1px solid var(--border);background:#e4ece9;color:#4a5b6b;font-weight:800;font-size:13px;border-radius:10px;text-decoration:none}
.task-tab.active{background:#fff;color:#0b4a42}
.task-detail-grid{display:grid;grid-template-columns:1fr 300px;gap:16px;align-items:start}
.task-side .panel{margin-bottom:14px}
.task-side-h{font-size:11px;text-transform:uppercase;letter-spacing:.03em;color:#3f5b53;margin:0 0 9px}
.task-card{margin-bottom:12px}.task-card:last-child{margin-bottom:0}
.task-mini{display:flex;gap:8px;align-items:flex-start;padding:7px 0;border-bottom:1px dashed var(--border);font-size:12.5px;text-decoration:none;color:inherit}
.task-mini:last-child{border-bottom:0}.task-mini:hover{background:#f7fbf9}
.task-mini .d{font-weight:800;color:#0e7e6b;white-space:nowrap;font-size:10.5px}
.task-mini.late .d{color:#c0392b}
.task-list td,.task-notes td{vertical-align:middle}
.taskrow{cursor:pointer}.taskrow:hover{background:#f7fbf9}
.chip.person{background:#eaf0fb;color:#2c4a86;font-weight:800}
.task-meta{display:flex;gap:22px;flex-wrap:wrap;margin-bottom:14px}
.task-meta .m label{display:block;color:var(--muted);font-weight:700;margin-bottom:2px;font-size:11px}
.task-meta .m .v{font-weight:700;font-size:13px}
.task-actions{display:flex;gap:8px;flex-wrap:wrap;padding-bottom:6px}
.task-edit{margin-top:14px;border:1px solid var(--border);border-radius:12px;padding:14px;background:#fbfdfc}
.task-addbar{display:flex;gap:8px;align-items:center;margin-top:12px;border:1px solid var(--border);border-radius:10px;padding:9px 10px;background:#fbfdfc}
.task-addbar input[type=text]{flex:1;border:1px solid #dfe5ef;border-radius:8px;padding:9px 11px;font-size:13px;font-family:inherit}
.task-person{display:flex;align-items:center;gap:9px;padding:7px 0;border-bottom:1px dashed var(--border)}
.task-person:last-of-type{border-bottom:0}
.tp-ava{width:30px;height:30px;border-radius:50%;background:#0e7e6b;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:12px;flex-shrink:0}
.tp-name{font-size:13px;font-weight:600}
.task-addperson{display:flex;gap:7px;margin-top:10px}
.task-addperson select{flex:1;border:1px solid #dfe5ef;border-radius:8px;padding:7px 9px;font-size:12.5px}
.task-info{display:flex;gap:9px;padding:6px 0;border-bottom:1px dashed var(--border);font-size:12.5px}
.task-info:last-child{border-bottom:0}.task-info .d{font-weight:800;color:#3f5b53;white-space:nowrap;min-width:60px}
.people-toggle{display:flex;flex-wrap:wrap;gap:7px}
.ptog{display:inline-flex;align-items:center;gap:6px;border:1px solid #dfe5ef;border-radius:20px;padding:6px 13px;font-size:12.5px;cursor:pointer;background:#fff;font-weight:600;user-select:none}
.ptog input{display:none}
.ptog:has(input:checked){background:#0e7e6b;color:#fff;border-color:#0e7e6b}
.btn.icon{padding:5px 8px;font-size:12px;background:#f2f5f8;color:#51617a;border:0;border-radius:7px;cursor:pointer}
.btn.icon:hover{background:#e6ebf1}.btn.icon.del:hover{background:#fdecea;color:#c0392b}
.btn.ghost{background:transparent;border:1px solid var(--border);color:#526077}
.tag.done{background:#eef1f6;color:#6b7a90}
.finput{width:100%;padding:9px 11px;border:1px solid #dfe5ef;border-radius:8px;font-size:13px;font-family:inherit}
label.fld{display:block;font-size:11px;color:var(--muted);font-weight:700;margin:0 0 5px}
@media(max-width:900px){.task-detail-grid{grid-template-columns:1fr}}
/* V0.41 — yeni menü: çıpalar + görev rozeti */
.nav-heroes{margin-bottom:4px}
.nav-badge{margin-left:auto;background:#e8543f;color:#fff;font-size:10.5px;font-weight:800;border-radius:11px;padding:1px 7px;line-height:1.6}
/* V0.41b — belirgin menü ikonları (yuvarlak zeminli, çıpalar öne çıkar) */
.sidebar nav a{display:flex;align-items:center;gap:11px;color:#eaf6f1}
.sidebar nav a > .nav-ico{flex-shrink:0;box-sizing:content-box;width:17px;height:17px;padding:6px;background:rgba(255,255,255,.26);border-radius:9px;stroke-width:2.4;color:#fff}
.sidebar nav a:hover{color:#fff}
.sidebar nav a:hover > .nav-ico{background:rgba(255,255,255,.4)}
.sidebar nav a.active{background:#fff !important;color:#0e7e6b !important;font-weight:800;border-left-color:transparent}
.sidebar nav a.active > .nav-ico{background:#0e7e6b;color:#fff;stroke-width:2.4}
.nav-heroes a{font-weight:700;font-size:14px}
.nav-heroes a > .nav-ico{background:rgba(255,255,255,.34);width:18px;height:18px}
.nav-heroes a.active > .nav-ico{background:#0e7e6b;color:#fff}
/* V0.42 — Kontrol Paneli katlanabilir paneller */
.dash-collapsible h2,.dash-collapsible .panel-heading{cursor:pointer}
.dash-chev{display:inline-block;font-size:12px;opacity:.55;transition:transform .15s;margin-left:8px;vertical-align:middle}
h2.dash-head{display:flex;align-items:center}
h2.dash-head .dash-chev{margin-left:auto}
.dash-body{margin-top:2px}
/* V0.42b — ikon butonlarında otomatik ✓ olmasın */
.btn.icon::before{content:none!important}
/* V0.43 — Kontrol Paneli yatay varlık hero şeridi */
/* V0.46 — Zarif koyu varlık hero (Kontrol Paneli) */
/* V0.50 — Kompakt, sütunlara bölünmüş özet şeridi */
.dash-hero-b{background:linear-gradient(135deg,#0f5c4f,#0a3f37);border-radius:16px;padding:15px 18px;color:#eafaf5;box-shadow:0 8px 24px rgba(8,50,42,.20);margin-bottom:16px}
.dash-hero-b .dh-greet{display:flex;align-items:center;gap:12px;font-size:13px;color:rgba(224,248,240,.78);margin-bottom:12px;line-height:1.4}
.dash-hero-b .dh-greet .dh-greet-t{flex:1;min-width:0}
.dash-hero-b .dh-greet strong{color:#fff;font-weight:750}
.dash-hero-b .dh-greet .w{color:#ffc9c2;font-weight:700}
.dash-hero-b .dh-greet .dh-wealth{color:#8ee6c8;font-weight:700;text-decoration:none}
.dash-hero-b .dh-greet .dh-wealth:hover{text-decoration:underline}
.dash-hero-b .dh-risk-pill{flex:0 0 auto;font-size:11.5px;font-weight:800;padding:5px 13px;border-radius:20px;white-space:nowrap}
.dash-hero-b .dh-risk-pill.bad{background:rgba(255,140,130,.16);color:#ffb0a8;border:1px solid rgba(255,140,130,.30)}
.dash-hero-b .dh-risk-pill.ok{background:rgba(120,230,170,.16);color:#8ef0bd;border:1px solid rgba(120,230,170,.28)}
@media(max-width:560px){.dash-hero-b .dh-greet{flex-wrap:wrap}}
.dash-hero-b .dh-cells{display:table;table-layout:fixed;width:100%;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.11);border-radius:12px;overflow:hidden}
.dash-hero-b .dh-cell{display:table-cell;vertical-align:middle;padding:11px 14px;border-right:1px solid rgba(255,255,255,.11);overflow:hidden}
.dash-hero-b .dh-cell:last-child{border-right:0}
.dash-hero-b .dh-cell.main{background:rgba(255,255,255,.07)}
.dash-hero-b .dh-cell .lbl{font-size:9.5px;letter-spacing:.04em;text-transform:uppercase;color:rgba(224,248,240,.6);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dash-hero-b .dh-cell .val{font-size:16px;font-weight:850;color:#fff;margin-top:6px;letter-spacing:-.4px;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dash-hero-b .dh-cell.main .val{font-size:20px}
.dash-hero-b .dh-cell .val.pos{color:#7fe6a6}
.dash-hero-b .dh-cell .val.neg{color:#ff9d92}
.dash-hero-b .dh-cell.risk.bad .val{color:#ffb0a8}
.dash-hero-b .dh-cell.risk.ok .val{color:#8ef0bd}
@media(max-width:600px){.dash-hero-b .dh-cells{display:block}.dash-hero-b .dh-cell{display:block;border-right:0;border-bottom:1px solid rgba(255,255,255,.11)}.dash-hero-b .dh-cell:last-child{border-bottom:0}}
@media(max-width:720px){.dash-hero-total{border-right:0}}
/* V0.44 — Finansal Nabız alt şeridi (buz mavisi) */
.pulse-strip{background:#eef3fb;border:1px solid #dde6f3;border-radius:14px;box-shadow:0 6px 18px rgba(22,160,134,.06);overflow:hidden;margin-top:16px}
.pulse-strip .ps-head{display:flex;align-items:center;gap:8px;padding:12px 18px 0;font-size:11px;text-transform:uppercase;letter-spacing:.05em;font-weight:800;color:#37567f}
.pulse-strip-grid{display:flex;flex-wrap:wrap;padding:12px 6px 14px}
.pulse-strip .ps-item{flex:1;min-width:150px;padding:6px 16px;position:relative}
.pulse-strip .ps-item + .ps-item::before{content:"";position:absolute;left:0;top:14%;height:72%;width:1px;background:rgba(31,51,80,.12)}
.pulse-strip .ps-item .k{font-size:11px;font-weight:700;margin-bottom:4px;white-space:nowrap;color:#5a6b82}
.pulse-strip .ps-item .v{font-size:20px;font-weight:900;letter-spacing:-.3px;color:#1f3350;line-height:1.15}
.pulse-strip .ps-item .v.sm{font-size:14px}
.pulse-strip .ps-item .v.pos{color:#44951c}
.pulse-strip .ps-item .v.neg{color:#c0392b}
@media(max-width:760px){.pulse-strip .ps-item + .ps-item::before{display:none}}
/* V0.46 — kart drill-down kart etiketi (ana/ek kırılım) */
.cc-cardtag{display:inline-block;background:#eef3fb;color:#37567f;border-radius:6px;padding:1px 8px;font-size:11.5px;font-weight:700;white-space:nowrap}
.cc-cardtag.ek{background:#fff4e0;color:#8a6216}
.cc-cardtag small{font-weight:800;opacity:.75;font-size:9.5px;text-transform:uppercase}
/* V0.46b — kart harcama raporu: karta göre gruplu */
.cc-group-head td{background:#eef3fb;border-top:2px solid #dde6f3}
.cc-group-head td strong{color:#0b4a42}
.cc-grand td{background:#0b4a42;color:#fff}
.cc-grand td strong{color:#fff}
/* V0.48 — kart başlığı FIFO ödeme satırı */
.cc-head-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.cc-head-name{font-weight:800}
.cc-head-pay{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-left:auto}
.cc-open{font-size:13px;color:#0b4a42}
.cc-adv{font-size:12px;font-weight:800;background:#eef7f2;color:#44951c;border-radius:6px;padding:2px 9px}
.cc-fisdebt{font-size:12px;font-weight:800;background:#f3effc;color:#5a3fb0;border:1px solid #e0d6f5;border-radius:6px;padding:2px 9px;cursor:help}
.cc-head-pay .cc-payform{display:flex;gap:6px;align-items:center}
.cc-head-pay input,.cc-head-pay button{font-size:13px}
/* V0.49 — Çek/Senet Takip modülü */
.chk-summary{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.chk-sum{flex:1;min-width:180px;border-radius:12px;padding:13px 16px;color:#fff}
.chk-sum.in{background:linear-gradient(120deg,#44951c,#0b5f53)}
.chk-sum.out{background:linear-gradient(120deg,#b5432f,#8a2f20)}
.chk-sum.neutral{background:linear-gradient(120deg,#5b6b7f,#3f4b5b)}
.chk-sum .lbl{font-size:11px;opacity:.85;text-transform:uppercase;letter-spacing:.04em}
.chk-sum .val{font-size:22px;font-weight:900;margin-top:3px}
.chk-sum small{opacity:.82;font-size:11px}
.chk-form .chk-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}
.chk-form .chk-grid .chk-full{grid-column:1/4}
.chk-form label{display:block;font-size:10.5px;color:#6f8496;font-weight:700;margin:0 0 4px}
.chk-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}
.chk-tabs a{border:1px solid #e6ebe9;background:#e4ece9;color:#4a5b6b;font-weight:800;font-size:12.5px;padding:8px 14px;border-radius:9px;text-decoration:none}
.chk-tabs a.active{background:#0e7e6b;color:#fff}
.chk-tag{display:inline-block;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:800}
.chk-tag.t-in{background:#eef7f2;color:#44951c}
.chk-tag.t-out{background:#fdecea;color:#b5432f}
.chk-tag.t-nit{background:#eef3fb;color:#37567f}
.chk-tag.t-nit.g{background:#f0e8fb;color:#5b4d86}
.amt-in{color:#44951c;font-weight:800}.amt-out{color:#b5432f;font-weight:800}
.status-badge{display:inline-block;border-radius:6px;padding:2px 9px;font-size:11px;font-weight:800}
.status-badge.s-portfolio{background:#fff4e0;color:#8a6216}
.status-badge.s-collected{background:#eef7f2;color:#44951c}
.status-badge.s-paid{background:#eef1f6;color:#526077}
.status-badge.s-bounced{background:#fde2e0;color:#a5322c}
tr.row-late td{background:#fff7f5}
@media(max-width:820px){.chk-form .chk-grid{grid-template-columns:1fr}.chk-form .chk-grid .chk-full{grid-column:1}}
/* V0.50 — Kontrol Paneli yaklaşan çek/senet paneli */
.chk-dash-group{margin-top:10px}
.chk-dash-head{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;padding:4px 0;color:#4a5b6b}
.chk-dash-head.in{color:#44951c}
.chk-dash-head.out{color:#b5432f}
.chk-dash-row{display:flex;align-items:center;gap:12px;padding:8px 10px;border-bottom:1px solid #eef2f0}
.chk-dash-row.late{background:#fff7f5}
.chk-dash-row .cd-date{width:130px;font-weight:700;font-size:12.5px}
.chk-dash-row .cd-late{background:#fde2e0;color:#a5322c;border-radius:5px;padding:1px 6px;font-size:10px;font-weight:800}
.chk-dash-row .cd-who{flex:1;font-size:13px}
.chk-dash-row .cd-who small{color:#6f8496;font-weight:600}
.chk-dash-row .cd-amt{width:130px;text-align:right;font-weight:800}
.chk-dash-row .cd-act{margin:0}
/* V0.51 — Girecek/Çıkacak kırılımlı akordeon */
.flow-winsel-top{display:flex;align-items:center;gap:6px;margin:0 0 14px;font-size:12.5px}
.flow-winsel-top span{color:#6f8496;font-weight:700;margin-right:2px}
.flow-winsel-top a{border:1px solid #e6ebe9;background:#e4ece9;color:#4a5b6b;font-weight:800;padding:6px 13px;border-radius:8px;text-decoration:none}
.flow-winsel-top a.active{background:#0e7e6b;color:#fff;border-color:#0e7e6b;box-shadow:0 2px 6px rgba(22,160,134,.3)}
.fgrp{border:1px solid #eef2f0;border-radius:11px;overflow:hidden;margin-top:10px}
.fgrp-head{display:flex;align-items:center;gap:9px;padding:10px 13px;background:#f4f8f6;cursor:pointer;user-select:none;font-weight:800;font-size:12.5px}
.fgrp-head .gi{width:9px;height:9px;border-radius:50%;flex:none}
.fgrp-title{color:#0b4a42}
.fgrp-cnt{color:#8a99a8;font-weight:700;font-size:11.5px}
.fgrp-sub{margin-left:auto;font-weight:900}
.fgchev{color:#9aa8b5;font-size:12px;transition:transform .18s;margin-left:8px}
.fgrp.open .fgchev{transform:rotate(180deg)}
.fgrp-body{display:none}
.fgrp.open .fgrp-body{display:block}
.frow{display:flex;align-items:center;gap:12px;padding:9px 13px;border-top:1px solid #f0f3f1}
.frow .fd{width:120px;font-weight:700;font-size:12.5px}
.frow .fd .lt{background:#fde2e0;color:#a5322c;border-radius:5px;padding:1px 6px;font-size:10px;font-weight:800;margin-left:4px}
.frow .fw{flex:1;font-size:13px}
.frow .fw small{color:#6f8496;font-weight:600}
.frow .fa{width:120px;text-align:right;font-weight:800}
.frow .fact{width:auto;display:inline-flex;align-items:center;gap:5px}.frow .fact form{margin:0}
/* Nakit akışı satır menüsü (⋯) — kaydın kaynağına, fişine, cari/hesap ekstresine kısayol */
.fdd{position:relative;display:inline-block}
.fdd>summary{list-style:none;cursor:pointer;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;
border:1px solid #dde5e2;background:#fff;border-radius:8px;color:#5a7183;font-size:15px;font-weight:800;line-height:1;user-select:none}
.fdd>summary::-webkit-details-marker{display:none}
.fdd>summary::before{content:none!important}
.frow .fh-btn::before{content:none!important}
.fdd>summary:hover{background:#eef4f1;border-color:#bcd2c9;color:#0e7e6b}
.fdd[open]>summary{background:#0e7e6b;border-color:#0e7e6b;color:#fff}
.fdd-pop{position:absolute;right:0;top:30px;z-index:60;min-width:212px;background:#fff;border:1px solid #dbe4e0;
border-radius:11px;box-shadow:0 10px 28px rgba(16,42,67,.16);padding:5px;text-align:left}
.fdd-pop a{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:8px;font-size:12.5px;font-weight:700;
color:#22323f;text-decoration:none;white-space:nowrap}
.fdd-pop a:hover{background:#eef4f1;color:#0b5f53}
.fdd-pop .fdd-ic{width:17px;text-align:center;flex:none;font-size:13px}
.fdd-pop .fdd-h{font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#8ba0ae;padding:6px 10px 5px}
.fdd-pop .fdd-out{margin-left:auto;padding-left:12px;font-size:11px;color:#9fb2bf;font-weight:800}
.fdd-pop a:hover .fdd-out{color:#0e7e6b}
@media(max-width:900px){.fdd-pop{right:auto;left:0}}
.frow.late{background:#fff7f5}
.fgrand{display:flex;align-items:center;padding:11px 13px;margin-top:10px;border-top:2px solid #e6ebe9;font-weight:900;background:#fafcfb;border-radius:8px}
.fgrand span:last-child{margin-left:auto}
.gi.gelir{background:#44951c}.gi.cek{background:#2f7ac0}.gi.senet{background:#7a5bd0}
.gi.gider{background:#b5432f}.gi.kart{background:#c98a1e}.gi.kredi{background:#8a6216}
/* V0.52 — kart harcama: kart seçici filtresi */
.cc-cardfilter{margin:4px 0 14px;padding:10px 14px;background:#f4f8f6;border:1px solid #e6ebe9;border-radius:10px}
/* V0.53 — dönem detayında ödeme satırları */
.cc-paylist{margin-top:10px;border-top:1px dashed #cdd8d3;padding-top:8px}
.cc-paylist-head{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#44951c;margin-bottom:6px}
.cc-payrow{display:flex;align-items:center;gap:12px;padding:7px 10px;background:#f2faf6;border-radius:8px;margin-bottom:5px}
.cc-payrow .pd{width:110px;font-weight:700;font-size:12.5px}
.cc-payrow .pw{flex:1;font-size:12.5px;color:#3f5b53}
.cc-payrow .pa{width:130px;text-align:right;font-weight:800;color:#44951c}
.cc-paykalan{text-align:right;font-size:13px;padding:6px 10px}
/* V0.54 — Görev Takip sıkı/kibar tasarım */
.task-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px;flex-wrap:wrap}
.task-titlewrap{display:flex;flex-direction:column}
.task-titlewrap h2{font-size:18px;margin:0;font-weight:800}
.task-sub{color:#7a8894;font-size:12px;margin-top:2px}
.task-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.task-stats{display:flex;gap:7px;margin-left:auto;flex-wrap:wrap}
.tst{display:flex;align-items:baseline;gap:5px;background:#fff;border:1px solid #e8edeb;border-radius:8px;padding:6px 11px}
.tst .n{font-size:15px;font-weight:900;line-height:1}
.tst .l{font-size:11px;color:#7a8894;font-weight:600}
.tst.a .n{color:#44951c}.tst.b .n{color:#a5322c}.tst.c .n{color:#8a6216}.tst.d .n{color:#37567f}
.task-mgroup{background:#f6faf8;font-weight:800;font-size:11px;color:#37567f;text-transform:uppercase;letter-spacing:.03em;cursor:pointer}
.task-mgroup td{padding:8px 12px !important}
.task-mgroup:hover td{background:#eef4f1}
tr.task-hidden{display:none}
/* V0.55 — Kontrol Paneli Kredi Kartı Borç Özeti */
.kb-table th,.kb-table td{font-size:12.5px}
.kb-fam.kb-clickable{cursor:pointer}
.kb-fam.kb-clickable:hover td{background:#f4f8f6}
.kb-caret{display:inline-block;color:#9aa8b5;font-size:11px;width:12px}
.kb-table .col-ekstre{color:#a5322c;font-weight:700}
.kb-table .col-guncel{color:#8a6216;font-weight:700}
.kb-table .col-taksit{color:#37567f;font-weight:700}
.kb-table .col-toplam{font-weight:900}
.kb-sub td{background:#fafcfb;color:#4a5b6b;border-top:1px dashed #eef2f0}
.kb-ek{background:#fff4e0;color:#8a6216;border-radius:5px;padding:1px 7px;font-size:10px;font-weight:800}
tr.kb-hidden{display:none}
.kb-grand td{background:#0b4a42;color:#fff;font-weight:900;font-size:13px}
/* V0.56 — Kredi taksit yardım ikonu */
.loan-help-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;border:0;background:#f0a020;color:#fff;font-weight:900;font-size:15px;cursor:pointer;margin-left:8px;vertical-align:middle;box-shadow:0 2px 5px rgba(240,160,32,.4);transition:transform .12s}
.loan-help-btn:hover{background:#e0900f;transform:scale(1.12)}
.loan-help{display:none;margin:12px 0;padding:14px 16px;background:#eef6fc;border:1px solid #b9d4ea;border-radius:10px;font-size:13px;color:#2c5a86}
.loan-help.open{display:block}
/* V0.57 — Krediler akordeon panelleri + belirgin başlıklar */
.lp-panel{background:#fff;border:1px solid #e8edeb;border-radius:13px;box-shadow:0 3px 10px rgba(22,160,134,.04);margin-bottom:16px;overflow:hidden}
.lp-head{display:flex;align-items:center;gap:12px;padding:14px 18px;cursor:pointer;user-select:none;border-left:4px solid transparent}
.lp-head:hover{background:#f7faf9}
.lp-ic{width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex:none;font-size:16px;font-weight:800}
.lp-titles h2{font-size:15px;margin:0;font-weight:800}
.lp-sub{font-size:11.5px;color:#6f8496;font-weight:500;margin-top:1px}
.lp-chev{margin-left:auto;color:#9aa8b5;font-size:14px;transition:transform .2s}
.lp-panel.open .lp-chev{transform:rotate(180deg)}
.lp-body{display:none;padding:2px 18px 18px}
.lp-panel.open .lp-body{display:block}
.lp-head.act{border-left-color:#0e7e6b}.lp-head.act .lp-ic{background:#eaf5f0;color:#0e7e6b}.lp-head.act h2{color:#0e7e6b}
.lp-head.list{border-left-color:#37567f}.lp-head.list .lp-ic{background:#eef2f9;color:#37567f}.lp-head.list h2{color:#37567f}
.lp-head.plan{border-left-color:#c98a1e}.lp-head.plan .lp-ic{background:#fdf4e3;color:#c98a1e}.lp-head.plan h2{color:#c98a1e}
.lp-head .loan-help-btn{margin-left:6px}
/* V0.58 — Kart borç+limit birleşik sütun renkleri */
.kb-table .col-limit{color:#4a5b6b}
.kb-table .col-kul{color:#44951c;font-weight:700}
/* V0.59 — Excel aktarımı: kabul edilen değerler bilgi kutusu */
.xl-guide{background:#eef6fc;border:1px solid #b9d4ea;border-radius:12px;padding:0;overflow:hidden;margin-bottom:16px}
.xl-guide-head{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;cursor:pointer;user-select:none}
.xl-guide-head:hover{background:#e5eff9}
.xl-guide-ic{font-size:18px;line-height:1;padding-top:2px}
.xl-guide-head h3{margin:0 0 3px;font-size:13px;color:#2c5a86;font-weight:800}
.xl-guide-head p{margin:0;color:#4a5b6b;font-size:12px;line-height:1.5}
.xl-chev{margin-left:auto;color:#7aa0c0;font-size:14px;padding-top:2px}
.xl-guide-body{display:none;padding:0 16px 16px}
.xl-guide-body.open{display:block}
.xl-guide-table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;border:1px solid #cddceb}
.xl-guide-table th,.xl-guide-table td{padding:8px 11px;text-align:left;font-size:12px;border-bottom:1px solid #eef2f0;vertical-align:top}
.xl-guide-table th{background:#f7faf9;font-size:10.5px;text-transform:uppercase;letter-spacing:.03em;color:#516b62;font-weight:800}
.xl-guide-table code{background:#f4f8f6;border:1px solid #e6ebe9;border-radius:4px;padding:1px 5px;font-family:"SF Mono",Consolas,monospace;font-size:11.5px;color:#0e7e6b}
.xl-yok{color:#b0392b;font-weight:800}
.xl-req{background:#ffe9d9;color:#8a4a1e;border-radius:5px;padding:1px 7px;font-size:10px;font-weight:800;margin-left:4px}
.xl-opt{background:#e6efe8;color:#456d4e;border-radius:5px;padding:1px 7px;font-size:10px;font-weight:800;margin-left:4px}
/* V0.60 — Bankalar iç para birimi akordeonu */
.cur-panel{border:1px solid #e8edeb;border-radius:10px;margin-bottom:10px;overflow:hidden;background:#fff}
.cur-head{display:flex;align-items:center;gap:10px;padding:11px 14px;cursor:pointer;user-select:none;background:#f9fbfa;border-left:3px solid transparent}
.cur-head:hover{background:#f2f6f4}
.cur-ic{width:26px;height:26px;border-radius:7px;display:flex;align-items:center;justify-content:center;flex:none;font-size:12px;font-weight:900}
.cur-titles h3{font-size:13px;margin:0;font-weight:800}
.cur-sub{font-size:11px;color:#6f8496;margin-top:1px}
.cur-chev{margin-left:auto;color:#9aa8b5;font-size:12px;transition:transform .2s}
.cur-panel.open .cur-chev{transform:rotate(180deg)}
.cur-body{display:none;padding:6px 14px 12px}
.cur-panel.open .cur-body{display:block}
.cur-head.try{border-left-color:#0e7e6b}.cur-head.try .cur-ic{background:#eaf5f0;color:#0e7e6b}.cur-head.try h3{color:#0e7e6b}
.cur-head.usd{border-left-color:#2b6e3f}.cur-head.usd .cur-ic{background:#e6f2ea;color:#2b6e3f}.cur-head.usd h3{color:#2b6e3f}
.cur-head.eur{border-left-color:#37567f}.cur-head.eur .cur-ic{background:#eef2f9;color:#37567f}.cur-head.eur h3{color:#37567f}
.cur-head.gbp{border-left-color:#7a4482}.cur-head.gbp .cur-ic{background:#f3ecf5;color:#7a4482}.cur-head.gbp h3{color:#7a4482}
.cur-total{margin-left:auto;margin-right:12px;font-weight:900;font-size:13px}
.cur-total.try{color:#0e7e6b}.cur-total.usd{color:#2b6e3f}.cur-total.eur{color:#37567f}.cur-total.gbp{color:#7a4482}
.bank-grand{margin-top:14px;padding:13px 16px;background:#0b4a42;color:#fff;border-radius:10px;font-weight:900;display:flex;justify-content:space-between;align-items:center;font-size:14px}
/* V0.61 — Döviz cinsi özet kartları (A stili) */
.fx-summary{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}
.fx-card{flex:1;min-width:190px;border-radius:10px;padding:11px 14px;background:#fff;border:1px solid #e8edeb;border-left:4px solid transparent}
.fx-top{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.fx-ic{width:24px;height:24px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;font-weight:900;font-size:12px;flex:none}
.fx-k{font-size:10.5px;color:#6f8496;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.fx-cnt{margin-left:auto;font-size:10px;color:#6f8496;background:#f2f6f4;border-radius:5px;padding:1px 6px;font-weight:700}
.fx-cur{font-size:15px;font-weight:900;line-height:1.15}
.fx-tl{font-size:11.5px;color:#6f8496;margin-top:2px}
.fx-card.try{border-left-color:#0e7e6b}.fx-card.try .fx-ic{background:#eaf5f0;color:#0e7e6b}.fx-card.try .fx-cur{color:#0e7e6b}
.fx-card.usd{border-left-color:#2b6e3f}.fx-card.usd .fx-ic{background:#e6f2ea;color:#2b6e3f}.fx-card.usd .fx-cur{color:#2b6e3f}
.fx-card.eur{border-left-color:#37567f}.fx-card.eur .fx-ic{background:#eef2f9;color:#37567f}.fx-card.eur .fx-cur{color:#37567f}
.fx-card.gbp{border-left-color:#7a4482}.fx-card.gbp .fx-ic{background:#f3ecf5;color:#7a4482}.fx-card.gbp .fx-cur{color:#7a4482}
.fx-card.grand{border-left-color:#0b4a42;background:#0b4a42;color:#fff;border-color:#0b4a42}
.fx-card.grand .fx-k,.fx-card.grand .fx-tl{color:rgba(255,255,255,.75)}
.fx-card.grand .fx-cur{color:#fff}
.fx-card.grand .fx-cnt{background:rgba(255,255,255,.15);color:#fff}
.fx-card.grand .fx-ic{background:rgba(255,255,255,.15);color:#fff}
/* V0.62 — Akordeon başlığı hizalama (v1) + özet kartları hizalama */
.cur-head.aligned{display:grid;grid-template-columns:36px 1fr 180px 180px 20px;gap:12px;align-items:center}
.cur-head.aligned .cur-ic{margin:0}
.cur-head.aligned .cur-titles{min-width:0}
.cur-head.aligned .col-cur{text-align:right;font-weight:900;font-size:13px;font-variant-numeric:tabular-nums}
.cur-head.aligned .col-tl{text-align:right;font-weight:900;font-size:13px;color:#6f8496;font-variant-numeric:tabular-nums}
.cur-head.try.aligned .col-cur,.cur-head.try.aligned .col-tl{color:#0e7e6b}
.cur-head.usd.aligned .col-cur{color:#2b6e3f}.cur-head.usd.aligned .col-tl{color:#2b6e3f}
.cur-head.eur.aligned .col-cur{color:#37567f}.cur-head.eur.aligned .col-tl{color:#37567f}
.cur-head.gbp.aligned .col-cur{color:#7a4482}.cur-head.gbp.aligned .col-tl{color:#7a4482}
/* dar ekran — kolonlar daralıp altına düşsün */
@media (max-width: 900px){
.cur-head.aligned{grid-template-columns:36px 1fr 140px 20px}
.cur-head.aligned .col-tl{display:none}
}
/* fx-summary hizalama */
.fx-card{display:flex;flex-direction:column}
.fx-card .fx-cur{text-align:right;font-variant-numeric:tabular-nums;margin-top:auto;font-size:16px;font-weight:900;line-height:1.15}
.fx-card .fx-tl{text-align:right;font-variant-numeric:tabular-nums;margin-top:4px;border-top:1px dashed #e8edeb;padding-top:4px;font-size:11.5px;color:#6f8496}
.fx-card.grand .fx-tl{border-top-color:rgba(255,255,255,.2)}
/* V0.63 — Çek/Senet döviz ayrımı: bölüm başlığı + grand kart renkleri + side note */
.block-title{font-size:14px;font-weight:800;margin:14px 0 10px;display:flex;align-items:center;gap:10px}
.block-title.recv{color:#0e7e6b}
.block-title.given{color:#a5432f}
.block-title .arrow{font-size:16px}
.block-title .ext{font-size:11px;color:#6f8496;font-weight:600;margin-left:auto}
.chk-empty{color:#6f8496;font-style:italic;font-size:12.5px;padding:12px 14px;background:#fafcfb;border:1px dashed #dfe5ef;border-radius:9px;margin-bottom:14px}
.fx-card.grand-recv{border-left-color:#0e7e6b;background:#0e7e6b;color:#fff;border-color:#0e7e6b}
.fx-card.grand-given{border-left-color:#a5432f;background:#a5432f;color:#fff;border-color:#a5432f}
.fx-card.grand-recv .fx-k,.fx-card.grand-recv .fx-tl,.fx-card.grand-given .fx-k,.fx-card.grand-given .fx-tl{color:rgba(255,255,255,.75)}
.fx-card.grand-recv .fx-cur,.fx-card.grand-given .fx-cur{color:#fff}
.fx-card.grand-recv .fx-cnt,.fx-card.grand-given .fx-cnt{background:rgba(255,255,255,.15);color:#fff}
.fx-card.grand-recv .fx-ic,.fx-card.grand-given .fx-ic{background:rgba(255,255,255,.15);color:#fff}
.chk-side-note{display:inline-flex;align-items:center;gap:8px;background:#f9f5ec;border:1px solid #ecd9a6;color:#8a6216;border-radius:8px;padding:8px 13px;font-size:12px;font-weight:700;margin:6px 0 14px}
/* Dashboard çek panellerinde mini döviz kartları */
.dash-fx{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 10px}
.dash-fx-mini{border:1px solid #e8edeb;border-left:3px solid;border-radius:8px;padding:6px 10px;background:#fafcfb;flex:1;min-width:110px}
.dash-fx-mini.try{border-left-color:#0e7e6b}
.dash-fx-mini.usd{border-left-color:#2b6e3f}
.dash-fx-mini.eur{border-left-color:#37567f}
.dash-fx-mini.gbp{border-left-color:#7a4482}
.dash-fx-mini .lbl{font-size:10px;color:#6f8496;font-weight:700;text-transform:uppercase}
.dash-fx-mini .val{font-size:13px;font-weight:800;font-variant-numeric:tabular-nums}
.dash-fx-mini.try .val{color:#0e7e6b}
.dash-fx-mini.usd .val{color:#2b6e3f}
.dash-fx-mini.eur .val{color:#37567f}
.dash-fx-mini.gbp .val{color:#7a4482}
.dash-fx-mini .tlmini{color:#6f8496;font-size:11px;font-weight:600;margin-left:4px}
/* V0.65 — Nakit Akışı Haftalık Projeksiyon (görünür başlıklar + zengin popover) */
.ctrl-row{display:flex;gap:14px;flex-wrap:wrap;align-items:center;background:#f7faf9;border:1px solid #e8edeb;border-radius:10px;padding:12px 14px;margin-bottom:14px}
.ctrl-row label{font-size:12px;font-weight:700;color:#516b62}
.ctrl-row input[type=date]{padding:7px 10px;border:1px solid #cfe0d9;border-radius:7px;font-size:13px;background:#fff}
.ctrl-row .today-btn{background:#fff;border:1px solid #cfe0d9;color:#0e7e6b;padding:7px 12px;border-radius:7px;font-size:12px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block}
.ctrl-row .today-btn:hover{background:#eaf5f0}
.ctrl-row .info{color:#6f8496;font-size:12px;margin-left:auto;flex:1;min-width:200px}
.ctrl-row .start-bal{background:#0e7e6b;color:#fff;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:700}
/* Birleşik tablo */
.wk-wrap{background:#fff;border:1px solid #e8edeb;border-radius:12px;overflow:hidden;margin-bottom:16px}
.wk-scroll{overflow-x:auto}
table.wk{width:100%;border-collapse:collapse;font-size:12.5px;min-width:1000px;background:#fff}
table.wk th,table.wk td{padding:10px 10px;border-bottom:1px solid #eef2f0;text-align:right;font-variant-numeric:tabular-nums}
/* HAFTA BAŞLIKLARI — koyu arka plan, beyaz yazı, kesin görünür */
table.wk thead th{background:#37567f;color:#fff;font-size:11px;text-transform:uppercase;letter-spacing:.04em;font-weight:800;vertical-align:top;padding:12px 10px;border-bottom:2px solid #26374f}
table.wk thead th.this{background:#0e7e6b;color:#fff}
table.wk thead th .dt{display:block;font-weight:600;text-transform:none;color:rgba(255,255,255,.85);font-size:11px;letter-spacing:0;margin-top:3px}
table.wk thead th.this .dt{color:rgba(255,255,255,.9)}
table.wk th.rowh{text-align:left;background:#1a2433;color:#fff}
/* Satır başlıkları (kaynak adları) */
table.wk td.rowh{text-align:left;font-weight:700;color:#1a2433;background:#fff;padding-left:14px}
/* Bu Hafta hücreleri */
table.wk td.this{background:#f6fbf8}
table.wk td.zero{color:#c8d3d7}
/* Bölüm başlık satırı (GİRECEK / ÇIKACAK) */
.wk-sechead td{background:#0e7e6b;color:#fff;font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.05em;padding:10px 14px;text-align:left;border-bottom:0}
.wk-sechead.out td{background:#a5432f}
.wk-sechead .cnt{opacity:.85;font-weight:600;margin-left:8px;font-size:11px}
/* Grup satırı — hücreler tıklanabilir */
.wk-grp .cell{cursor:pointer;transition:background .15s;position:relative}
.wk-grp .cell:hover{background:#e6f2ec !important}
.wk-grp.out .cell:hover{background:#f9e8e2 !important}
.wk-grp .cell.zero{cursor:default}
.wk-grp .cell.zero:hover{background:transparent !important}
.wk-grp .cell.has-data:after{content:"";position:absolute;bottom:5px;right:7px;width:6px;height:6px;border-radius:50%;background:#0e7e6b;opacity:.5}
.wk-grp.out .cell.has-data:after{background:#a5432f}
.wk-grp.in-row td:not(.rowh){color:#0e7e6b;font-weight:600}
.wk-grp.out-row td:not(.rowh){color:#a5432f;font-weight:600}
/* Ara toplam satırları */
.wk-sub td{background:#e8f2ec;font-weight:900;font-size:13px;color:#0a533f;border-top:2px solid #cbe3d3}
.wk-sub.out td{background:#f7dbd0;color:#7a2c1c;border-top:2px solid #ecc6b8}
.wk-sub td.rowh{background:#e8f2ec}
.wk-sub.out td.rowh{background:#f7dbd0}
/* Net bant */
.wk-net-hdr td{background:#1a2433;color:#fff;font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.05em;padding:12px 14px;text-align:left;border-bottom:0}
.wk-net-row td{font-weight:700;background:#fbfcfd;color:#1a2433}
.wk-net-row td.rowh{background:#fbfcfd}
.wk-net-row.balance td{background:#eef4f0;font-weight:900;font-size:14px;border-top:2px solid #cfd6df}
.wk-net-row.balance td.rowh{background:#eef4f0}
.wk-net-row .net-pos{color:#0e7e6b}
.wk-net-row .net-neg{color:#a5432f}
.wk-net-row.balance td.pos{background:#c6e8d3;color:#0a533f}
.wk-net-row.balance td.neg{background:#f4c9bd;color:#7a2c1c}
/* Popover (Nakit Akış Projeksiyonu) — stilin TAMAMI pages/projection.php içindedir.
Burada eskiden ikinci bir kopya vardı; ".wk-pop .pop-head" gibi daha güçlü seçicileri
yüzünden sayfanın kendi tasarımını eziyordu (başlık soluk zeminde beyaz yazı → okunmuyor,
satırlar üç satıra yayılıyordu). Çift tanım kaldırıldı. */
/* V0.66 — Görev Detay Yeni Tasarım (t2- prefix, koyu yeşil başlık + belirgin bilgi kartları) */
.t2-hdr{background:linear-gradient(135deg,#0e7e6b,#0a5344);border-radius:12px;padding:16px 22px;margin-bottom:14px;display:flex;justify-content:space-between;align-items:center;gap:20px;box-shadow:0 4px 12px rgba(22,160,134,.15)}
.t2-hdr .t2-eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:rgba(255,255,255,.75);margin-bottom:4px}
.t2-hdr h2{margin:0;font-size:18px;font-weight:800;color:#fff;display:flex;align-items:center;gap:10px}
.t2-hdr .t2-back{background:rgba(255,255,255,.15);color:#fff;text-decoration:none;padding:7px 12px;border-radius:7px;font-weight:700;font-size:12.5px;white-space:nowrap;border:1px solid rgba(255,255,255,.25);transition:all .15s}
.t2-hdr .t2-back:hover{background:rgba(255,255,255,.25)}
.t2-hdr .t2-status{background:rgba(255,255,255,.2);color:#fff;padding:3px 9px;border-radius:5px;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.t2-grid{display:grid;grid-template-columns:1fr 320px;gap:20px;align-items:flex-start}
@media (max-width:900px){.t2-grid{grid-template-columns:1fr}}
.t2-card{background:#fff;border:1px solid #e8edeb;border-radius:12px;box-shadow:0 3px 10px rgba(22,160,134,.04);margin-bottom:16px;overflow:hidden}
.t2-card-head{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-bottom:1px solid #e8edeb;background:#f7faf9}
.t2-card-head h3{margin:0;font-size:13.5px;font-weight:800;color:#1a2433}
.t2-card-body{padding:16px 18px}
.t2-ico-btn{background:#fff;border:1px solid #e8edeb;color:#6f8496;width:32px;height:32px;border-radius:8px;cursor:pointer;font-size:14px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;transition:all .15s}
.t2-ico-btn:hover{background:#eaf5f0;color:#0e7e6b;border-color:#cfe0d9}
/* Bilgi kartları — buton hissi veren küçük kutular */
.t2-info-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.t2-ic{background:#fbfdfc;border:1px solid #e8edeb;border-radius:10px;padding:12px 14px;transition:all .15s;position:relative;overflow:hidden}
.t2-ic:hover{border-color:#cfe0d9;background:#fff;box-shadow:0 3px 10px rgba(22,160,134,.06);transform:translateY(-1px)}
.t2-ic .t2-icon{position:absolute;top:12px;right:12px;font-size:18px;opacity:.4}
.t2-ic .t2-icl{font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:#6f8496;font-weight:700;margin-bottom:5px}
.t2-ic .t2-icv{font-size:14.5px;font-weight:800;color:#1a2433;line-height:1.3}
.t2-ic .t2-icv .t2-sub{display:block;font-size:11.5px;color:#6f8496;font-weight:600;margin-top:3px}
.t2-ic.t2-full{grid-column:1/-1}
.t2-ic.t2-type{border-left:4px solid #0e7e6b}
.t2-ic.t2-company{border-left:4px solid #8a99a3}
.t2-ic.t2-subject{border-left:4px solid #0e7e6b}
.t2-ic.t2-due{border-left:4px solid #c99a2e;background:#fefaef}
.t2-ic.t2-remind{border-left:4px solid #37567f;background:#f4f7fc}
.t2-ic.t2-remind-note{border-left:4px solid #8a99a3}
.t2-ic.t2-overdue{background:#fdecea;border-left-color:#a5432f}
.t2-ic.t2-overdue .t2-icv{color:#a5432f}
/* Edit modu (aynı kart form olur) */
.t2-info-mode.off{display:none}
.t2-edit-mode{display:none}
.t2-edit-mode.on{display:block}
.t2-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}
.t2-form-grid .t2-full{grid-column:1/-1}
.t2-form-grid label{display:block;font-size:10.5px;font-weight:700;color:#6f8496;margin-bottom:5px;text-transform:uppercase;letter-spacing:.05em}
.t2-form-grid input,.t2-form-grid select{width:100%;padding:9px 11px;border:1px solid #cfe0d9;border-radius:7px;font-size:13px;background:#fff;font-family:inherit}
.t2-form-grid input:focus,.t2-form-grid select:focus{outline:none;border-color:#0e7e6b;box-shadow:0 0 0 3px rgba(22,160,134,.1)}
.t2-form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px;padding-top:12px;border-top:1px dashed #e8edeb}
.t2-btn-save{background:#0e7e6b;color:#fff;border:0;padding:9px 18px;border-radius:8px;font-weight:800;cursor:pointer;font-size:13px}
.t2-btn-save:hover{background:#0a5245}
.t2-btn-cancel{background:#eef1f6;color:#526077;border:0;padding:9px 16px;border-radius:8px;font-weight:700;cursor:pointer;font-size:13px}
/* "Bilgileri Düzenle" butonu — kartın altında, belirgin ama Kaydet'ten ayrık ton */
.t2-edit-trigger{display:flex;justify-content:flex-end;margin-top:16px;padding-top:14px;border-top:1px dashed #e8edeb}
.t2-btn-edit{background:linear-gradient(135deg,#37567f,#26374f);color:#fff;border:0;padding:10px 20px;border-radius:8px;font-weight:800;cursor:pointer;font-size:13px;box-shadow:0 3px 10px rgba(55,86,127,.2);display:inline-flex;align-items:center;gap:8px;transition:all .15s}
.t2-btn-edit:hover{transform:translateY(-1px);box-shadow:0 5px 14px rgba(55,86,127,.3);background:linear-gradient(135deg,#26374f,#1a2433)}
/* Notlar */
.t2-note-row{display:grid;grid-template-columns:110px 130px 1fr 60px;gap:14px;padding:12px 18px;border-bottom:1px solid #e8edeb;align-items:flex-start;transition:background .15s}
.t2-note-row:hover{background:#fafcfb}
.t2-note-row.t2-sys{background:#fbfcfd}
.t2-note-row.t2-sys .t2-nb{color:#6f8496;font-style:italic}
.t2-note-row:last-of-type{border-bottom:0}
.t2-nd{color:#6f8496;font-size:11.5px;font-weight:600}
.t2-nd .t2-time{display:block;color:#8a99a3;font-size:11px}
.t2-nu{font-weight:700;color:#37456a;font-size:12.5px}
.t2-nu.t2-sys-u{color:#6f8496;font-weight:600}
.t2-nb{font-size:13px;line-height:1.5}
.t2-na{display:flex;gap:4px;justify-content:flex-end}
.t2-na button{background:none;border:0;color:#6f8496;cursor:pointer;padding:4px 6px;border-radius:5px;font-size:13px}
.t2-na button:hover{background:#eef2f0;color:#1a2433}
.t2-na button.t2-del:hover{background:#fdecea;color:#a5432f}
.t2-addbar{padding:14px 18px;background:#f7faf9;border-top:1px solid #e8edeb;display:flex;gap:10px}
.t2-addbar input{flex:1;padding:9px 12px;border:1px solid #cfe0d9;border-radius:7px;font-size:13px;background:#fff}
.t2-addbar button{background:#0e7e6b;color:#fff;border:0;padding:9px 16px;border-radius:7px;font-weight:800;cursor:pointer;font-size:13px}
/* Alt aksiyon bandı */
.t2-bottom{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid #e8edeb;border-radius:12px;padding:14px 20px;margin-top:20px;box-shadow:0 3px 10px rgba(22,160,134,.04);gap:16px;flex-wrap:wrap}
.t2-bottom .t2-hint{color:#6f8496;font-size:12px;flex:1;min-width:200px}
.t2-btn-complete{background:#c72c1f;color:#fff;border:0;padding:11px 22px;border-radius:9px;font-weight:800;cursor:pointer;font-size:13.5px;box-shadow:0 3px 10px rgba(199,44,31,.2);display:inline-flex;align-items:center;gap:8px;transition:all .15s;text-decoration:none}
.t2-btn-complete:hover{background:#a5241a;transform:translateY(-1px);box-shadow:0 5px 14px rgba(199,44,31,.3)}
.t2-btn-reopen{background:linear-gradient(135deg,#37567f,#26374f);color:#fff;border:0;padding:11px 22px;border-radius:9px;font-weight:800;cursor:pointer;font-size:13.5px;box-shadow:0 3px 10px rgba(55,86,127,.2);display:inline-flex;align-items:center;gap:8px}
/* Sağ panel kartları */
.t2-side{display:flex;flex-direction:column;gap:14px}
.t2-side-card{background:#fff;border:1px solid #e8edeb;border-radius:12px;box-shadow:0 3px 10px rgba(22,160,134,.04);overflow:hidden}
.t2-side-head{padding:11px 14px;background:#f7faf9;border-bottom:1px solid #e8edeb;font-weight:800;font-size:11.5px;color:#1a2433;text-transform:uppercase;letter-spacing:.04em;display:flex;justify-content:space-between;align-items:center}
.t2-side-head .t2-cnt{color:#6f8496;font-weight:600;font-size:11px;text-transform:none;letter-spacing:0}
.t2-side-body{padding:12px 14px}
/* Atananlar */
.t2-p-row{display:flex;align-items:center;gap:9px;padding:6px 0;border-bottom:1px dashed #e8edeb}
.t2-p-row:last-child{border-bottom:0}
.t2-p-ava{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#0e7e6b,#0a5344);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:11.5px;flex:none}
.t2-p-name{flex:1;font-weight:600;font-size:12.5px}
.t2-p-name .t2-role{color:#6f8496;font-weight:500;font-size:10.5px;display:block}
.t2-p-rem{background:none;border:0;color:#6f8496;cursor:pointer;padding:4px 6px;border-radius:5px;font-size:12px}
.t2-p-rem:hover{background:#fdecea;color:#a5432f}
.t2-p-add{display:flex;gap:6px;margin-top:10px;padding-top:10px;border-top:1px solid #e8edeb}
.t2-p-add select{flex:1;padding:6px 8px;border:1px solid #cfe0d9;border-radius:6px;font-size:12px}
.t2-p-add button{background:#f7faf9;border:1px solid #cfe0d9;color:#0e7e6b;padding:6px 10px;border-radius:6px;font-weight:700;font-size:12px;cursor:pointer}
/* Görev bilgileri */
.t2-i-row{padding:6px 0;font-size:12px;display:flex;justify-content:space-between;border-bottom:1px dashed #e8edeb}
.t2-i-row:last-child{border-bottom:0}
.t2-i-row .t2-k{color:#6f8496;font-weight:600}
.t2-i-row .t2-v{font-weight:700}
/* Evraklar */
.t2-a-row{display:flex;align-items:center;gap:9px;padding:8px 0;border-bottom:1px dashed #e8edeb;font-size:12.5px}
.t2-a-row:last-child{border-bottom:0}
.t2-a-ic{width:32px;height:32px;background:#eef2f9;color:#37567f;border-radius:8px;display:flex;align-items:center;justify-content:center;flex:none;font-size:14px}
.t2-a-ic.img{background:#e8f2ec;color:#0e7e6b}
.t2-a-ic.doc{background:#f7ede8;color:#a5432f}
.t2-a-nm{flex:1;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.t2-a-nm .t2-am{color:#6f8496;font-size:11px;font-weight:500;display:block}
.t2-a-dl{background:none;border:0;color:#6f8496;cursor:pointer;padding:5px 6px;border-radius:5px;font-size:14px;text-decoration:none}
.t2-a-dl:hover{background:#f7faf9;color:#0e7e6b}
.t2-a-del{background:none;border:0;color:#6f8496;cursor:pointer;padding:5px 6px;border-radius:5px;font-size:12px}
.t2-a-del:hover{background:#fdecea;color:#a5432f}
.t2-a-upload{margin-top:10px}
.t2-a-upload label{display:block;padding:10px;border:2px dashed #cfe0d9;border-radius:8px;text-align:center;color:#6f8496;cursor:pointer;transition:all .15s;font-size:12px;font-weight:700}
.t2-a-upload label:hover{border-color:#0e7e6b;color:#0e7e6b;background:#f7faf9}
.t2-a-upload input[type=file]{display:none}
/* V0.67 — Görev Liste Yeni Tasarım (t2l- prefix, koyu yeşil başlık + kart görünümü) */
.t2l-hdr{background:linear-gradient(135deg,#0e7e6b,#0a5344);border-radius:12px;padding:18px 22px;margin-bottom:18px;display:flex;justify-content:space-between;align-items:center;gap:20px;box-shadow:0 4px 12px rgba(22,160,134,.15)}
.t2l-hdr .t2l-eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:rgba(255,255,255,.75);margin-bottom:4px}
.t2l-hdr h2{margin:0 0 3px;font-size:20px;font-weight:800;color:#fff}
.t2l-hdr .t2l-sub{color:rgba(255,255,255,.85);font-size:12.5px}
.t2l-hdr .t2l-new{background:#fff;color:#0e7e6b;text-decoration:none;padding:10px 18px;border-radius:9px;font-weight:800;font-size:13px;white-space:nowrap;box-shadow:0 3px 10px rgba(0,0,0,.15);transition:.15s}
.t2l-hdr .t2l-new:hover{transform:translateY(-1px);box-shadow:0 5px 14px rgba(0,0,0,.2)}
/* İstatistik kartları */
.t2l-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}
@media (max-width:800px){.t2l-stats{grid-template-columns:repeat(2,1fr)}}
.t2l-stat{background:#fff;border:1px solid #e8edeb;border-radius:12px;padding:16px 18px;box-shadow:0 3px 10px rgba(22,160,134,.04);position:relative;overflow:hidden;transition:.15s;cursor:pointer;text-decoration:none;color:inherit;display:block}
.t2l-stat:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(22,160,134,.08)}
.t2l-stat .t2l-stat-ico{position:absolute;top:12px;right:12px;font-size:24px;opacity:.25}
.t2l-stat .t2l-stat-n{font-size:28px;font-weight:900;line-height:1;margin-bottom:4px}
.t2l-stat .t2l-stat-l{font-size:11px;color:#6f8496;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.t2l-stat.t2l-open{border-left:4px solid #0e7e6b}.t2l-stat.t2l-open .t2l-stat-n{color:#0e7e6b}
.t2l-stat.t2l-overdue-c{border-left:4px solid #c72c1f;background:linear-gradient(135deg,#fff,#fdf4f2)}.t2l-stat.t2l-overdue-c .t2l-stat-n{color:#c72c1f}
.t2l-stat.t2l-week{border-left:4px solid #c99a2e;background:linear-gradient(135deg,#fff,#fefaef)}.t2l-stat.t2l-week .t2l-stat-n{color:#c99a2e}
.t2l-stat.t2l-mine{border-left:4px solid #37567f}.t2l-stat.t2l-mine .t2l-stat-n{color:#37567f}
/* Sekmeler (pill tarzı) */
.t2l-tabs{display:flex;gap:8px;background:#fff;border:1px solid #e8edeb;border-radius:12px;padding:6px;margin-bottom:16px;box-shadow:0 3px 10px rgba(22,160,134,.04);flex-wrap:wrap}
.t2l-tab{flex:1;min-width:130px;padding:10px 14px;border-radius:8px;text-align:center;font-weight:700;font-size:13px;color:#6f8496;text-decoration:none;cursor:pointer;transition:.15s;display:flex;align-items:center;justify-content:center;gap:8px}
.t2l-tab:hover{background:#f7faf9;color:#1a2433}
.t2l-tab.active{background:linear-gradient(135deg,#0e7e6b,#0a5344);color:#fff;box-shadow:0 3px 10px rgba(22,160,134,.2)}
.t2l-tab .t2l-cnt{background:rgba(255,255,255,.25);color:inherit;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:800}
.t2l-tab:not(.active) .t2l-cnt{background:#eef2f0;color:#6f8496}
/* Görev listesi */
.t2l-list{display:flex;flex-direction:column;gap:10px}
.t2l-item{background:#fff;border:1px solid #e8edeb;border-radius:12px;padding:14px 16px;box-shadow:0 3px 10px rgba(22,160,134,.04);cursor:pointer;transition:.15s;display:grid;grid-template-columns:auto 1fr auto auto auto auto;gap:14px;align-items:center}
.t2l-item:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(22,160,134,.08);border-color:#cfe0d9}
.t2l-item.t2l-overdue{border-left:4px solid #c72c1f;background:linear-gradient(90deg,#fdf4f2 0%,#fff 20%)}
.t2l-item.t2l-today{border-left:4px solid #c99a2e;background:linear-gradient(90deg,#fefaef 0%,#fff 20%)}
.t2l-item.t2l-normal{border-left:4px solid #37567f}
.t2l-item.t2l-hidden{display:none}
.t2l-item .t2l-badge{background:#e8f2ec;color:#0a533f;padding:5px 10px;border-radius:7px;font-weight:800;font-size:11.5px;white-space:nowrap;text-transform:uppercase;letter-spacing:.03em}
.t2l-item.t2l-overdue .t2l-badge{background:#fdecea;color:#a5432f}
.t2l-item.t2l-today .t2l-badge{background:#fefaef;color:#6b5828}
.t2l-item .t2l-title{min-width:0}
.t2l-item .t2l-title h4{margin:0 0 2px;font-size:14px;font-weight:800;color:#1a2433;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.t2l-item .t2l-company{font-size:11.5px;color:#6f8496;font-weight:600}
.t2l-persons{display:flex;gap:0;margin-right:4px}
.t2l-persons .t2l-ava{width:26px;height:26px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:10.5px;border:2px solid #fff;margin-left:-6px}
.t2l-persons .t2l-ava:first-child{margin-left:0}
.t2l-date{text-align:center;padding:0 8px}
.t2l-date .t2l-lbl{font-size:9.5px;color:#6f8496;text-transform:uppercase;font-weight:800;letter-spacing:.05em;margin-bottom:2px}
.t2l-date .t2l-val{font-size:12.5px;font-weight:800;color:#1a2433}
.t2l-date .t2l-val.overdue{color:#c72c1f}
.t2l-date .t2l-val.today{color:#c99a2e}
.t2l-date .t2l-sub{font-size:10.5px;color:#6f8496;font-weight:600;display:block;margin-top:1px}
.t2l-arrow{color:#cfd6df;font-size:18px;font-weight:900}
/* Ay ayırıcı */
.t2l-month-sep{display:flex;align-items:center;gap:12px;margin:14px 0 6px;padding:0 6px;cursor:pointer}
.t2l-month-sep .t2l-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,#cfd6df,transparent)}
.t2l-month-sep .t2l-lbl{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#6f8496;font-weight:800;padding:4px 12px;background:#fff;border-radius:20px;border:1px solid #e8edeb;transition:.15s}
.t2l-month-sep:hover .t2l-lbl{background:#f7faf9;color:#1a2433}
.t2l-month-sep .t2l-lbl .t2l-cnt{color:#6f8496;font-weight:600;margin-left:6px}
/* Boş liste */
.t2l-empty{background:#fff;border:1px dashed #cfd6df;border-radius:12px;padding:40px;text-align:center;color:#6f8496;font-size:14px}
.t2l-empty a{color:#0e7e6b;font-weight:800;text-decoration:none}
.t2l-empty a:hover{text-decoration:underline}
/* Evrensel Excel düğmesi (footer.php → tablo_excel) */
.xl-bar{display:flex;justify-content:flex-end;margin:0 0 4px}
.xl-bar .xl-mini{padding:3px 9px;font-size:11.5px;line-height:1.4;border-radius:7px;opacity:.75}
.xl-bar .xl-mini:hover{opacity:1}
@media print{.xl-bar,.table-tools{display:none!important}}
/* Konsolide = salt okunur: yazma formları pasif, giriş menüleri soluk */
body.kons-ro form[data-kons-off] .btn,body.kons-ro form[data-kons-off] button,body.kons-ro .kons-pasif{opacity:.45!important;cursor:not-allowed!important;filter:grayscale(.6)}
body.kons-ro form[data-kons-off] input:disabled,body.kons-ro form[data-kons-off] select:disabled,body.kons-ro form[data-kons-off] textarea:disabled{background:#f3f5f7;color:#8a97a6}
body.kons-ro .sidebar a.kons-dim{opacity:.5}
body.kons-ro .sidebar a.kons-dim:hover{opacity:.8}
/* Konsolide: veri girişi için firma seçici penceresi */
.kons-pick-ov{position:fixed;inset:0;background:rgba(12,32,52,.55);display:none;align-items:center;justify-content:center;z-index:9000;padding:18px}
.kons-pick-ov.show{display:flex}
.kons-pick{background:#fff;border-radius:14px;padding:20px 22px;max-width:460px;width:100%;box-shadow:0 20px 50px rgba(0,0,0,.28)}
.kons-pick h3{margin:0 0 6px;font-size:17px;color:#12314a}
.kons-pick p{margin:0 0 14px;font-size:13px;color:#5f7186;line-height:1.5}
.kp-list{display:flex;flex-direction:column;gap:8px}
.kp-item{display:flex;align-items:center;gap:10px;padding:11px 13px;border:1px solid #dfe6ee;border-radius:10px;text-decoration:none;color:#12314a;font-weight:700;font-size:14px}
.kp-item:hover{border-color:#2f6db0;background:#eef4fb}
.kp-dot{width:11px;height:11px;border-radius:3px;flex:0 0 11px}
.kp-ad{flex:1}
.kp-go{font-size:11.5px;font-weight:800;color:#2f6db0}
.kp-actions{display:flex;justify-content:flex-end;margin-top:14px}
/* ============================================================================
* ORTAK İKON DİLİ — v2026-09-09
* ----------------------------------------------------------------------------
* Tüm uygulamada aynı eylem = aynı ikon:
* ✓ onay/tahsil/öde ✎ düzelt 🗑 sil ↩ geri al ⋯ diğer 👁 görüntüle
* İkonlar SVG maskesi olarak basılır → yazı rengini alır, her boyutta net görünür.
* Kullanım: ya da Düzenle
* Tablo işlem sütunlarında (.actions, .ex-isl, .aic-only) düğmeler otomatik olarak
* YALNIZ İKON'a döner; metin, fareyle üzerine gelince ipucu (title) olarak görünür.
* ========================================================================== */
.aic{display:inline-block;width:14px;height:14px;flex-shrink:0;background-color:currentColor;
-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
-webkit-mask-position:center;mask-position:center;vertical-align:-2px}
.aic-ok{-webkit-mask-image:var(--ic-ok);mask-image:var(--ic-ok)}
.aic-edit{-webkit-mask-image:var(--ic-edit);mask-image:var(--ic-edit)}
.aic-del{-webkit-mask-image:var(--ic-del);mask-image:var(--ic-del)}
.aic-undo{-webkit-mask-image:var(--ic-undo);mask-image:var(--ic-undo)}
.aic-more{-webkit-mask-image:var(--ic-more);mask-image:var(--ic-more)}
.aic-view{-webkit-mask-image:var(--ic-view);mask-image:var(--ic-view)}
.aic-print{-webkit-mask-image:var(--ic-print);mask-image:var(--ic-print)}
.aic-hide{-webkit-mask-image:var(--ic-hide);mask-image:var(--ic-hide)}
:root{
--ic-ok:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M3 10.5l4.5 4.5L17 5' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
--ic-edit:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M3 17l0.8-3.6L12.4 4.8l2.8 2.8L6.6 16.2 3 17z' fill='%23000'/%3E%3C/svg%3E");
--ic-del:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 6.5v9a1 1 0 001 1h7a1 1 0 001-1v-9M3.5 6.5h13M8 6.5V4a1 1 0 011-1h2a1 1 0 011 1v2.5' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
--ic-undo:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M4 10h8a4 4 0 010 8H8M4 10l3.5-3.5M4 10l3.5 3.5' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
--ic-more:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='4' cy='10' r='1.7' fill='%23000'/%3E%3Ccircle cx='10' cy='10' r='1.7' fill='%23000'/%3E%3Ccircle cx='16' cy='10' r='1.7' fill='%23000'/%3E%3C/svg%3E");
--ic-view:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M1.5 10S4.5 4.5 10 4.5 18.5 10 18.5 10 15.5 15.5 10 15.5 1.5 10 1.5 10z' fill='none' stroke='%23000' stroke-width='1.6'/%3E%3Ccircle cx='10' cy='10' r='2.6' fill='none' stroke='%23000' stroke-width='1.6'/%3E%3C/svg%3E");
--ic-hide:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M1.5 10S4.5 4.5 10 4.5c1.4 0 2.6.3 3.7.8M18.5 10s-1.2 2.2-3.4 3.7c-1.4 1-3.1 1.8-5.1 1.8-1.4 0-2.6-.3-3.7-.8' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round'/%3E%3Ccircle cx='10' cy='10' r='2.6' fill='none' stroke='%23000' stroke-width='1.6'/%3E%3Cpath d='M3.5 3.5l13 13' stroke='%23000' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
--ic-print:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 9V3h12v6M6 18H4a2 2 0 01-2-2v-4a2 2 0 012-2h16a2 2 0 012 2v4a2 2 0 01-2 2h-2M6 14h12v7H6z' fill='none' stroke='%23000' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E");
}
/* ---- Tablo işlem sütunu ----
Anlamı ikonla tam karşılanan eylemler ikona indirgenir:
.btn.edit → ✎ düzelt .btn.danger → 🗑 sil
.btn.toggle-on → 👁̶ pasife al (gizle) .btn.toggle-off → 👁 aktif et
Diğer düğmeler (Ekstre, Detay…) yazılı kalır; ikonu olmayan bir düğme metinsiz
bırakılırsa boş kutu gibi görünür — bilerek kapsam dışında tutuldu.
Gizlenen yazı, footer'daki küçük betikle title (ipucu) olarak korunur. */
.actions .btn.edit,.actions .btn.danger,.actions .btn.toggle-on,.actions .btn.toggle-off,
.aic-only .btn.edit,.aic-only .btn.danger,.aic-only .btn.toggle-on,.aic-only .btn.toggle-off{
font-size:0!important;line-height:0;padding:0!important;width:29px;height:29px;
display:inline-flex;align-items:center;justify-content:center;border-radius:8px}
.actions .btn.edit::before,.actions .btn.danger::before,.aic-only .btn.edit::before,.aic-only .btn.danger::before,
.actions .btn.toggle-on::before,.actions .btn.toggle-off::before,
.aic-only .btn.toggle-on::before,.aic-only .btn.toggle-off::before{
margin:0!important;width:15px!important;height:15px!important;vertical-align:0!important}
.actions .btn.toggle-on.wide,.actions .btn.toggle-off.wide{font-size:11.5px!important;padding:6px 10px!important;width:auto;height:auto}
/* İkona indirgemek istemediğin tek bir düğme varsa ona .wide ver */
.actions .btn.edit.wide,.actions .btn.danger.wide{font-size:11.5px!important;padding:6px 10px!important;width:auto;height:auto}
.actions .btn.edit.wide::before,.actions .btn.danger.wide::before{margin-right:5px!important}
.actions{gap:4px}