#ledgerRoot{
  display:block !important;
  width:100%;
  min-width:0;
  grid-template-columns:none !important;
}
#ledgerRoot>.ledger-tabs{display:none !important}
#ledgerPanel{display:block;width:100%;min-width:0;max-width:none}
#ledgerPanel>.card,#ledgerPanel>.ledger-section{max-width:none;width:100%;box-sizing:border-box}
.ledger-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
.sidebar{overflow:hidden}
.nav{flex:1 1 auto;overflow-y:auto;min-height:0;padding-bottom:12px}
#actionForm,#collectionForm{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;max-width:1040px}
#actionForm>.full,#collectionForm>.full{grid-column:1/-1}
#actionSummary,#posNet{padding:16px;background:#edf2e8;border-left:4px solid #b39b60;border-radius:6px;font-size:15px;color:#163e32;line-height:1.6}
#actionError,#collectionError{color:#a32626;font-size:15px}
#actionError:empty,#collectionError:empty{display:none}
#actionForm button,#collectionForm button{width:auto;justify-self:start;min-width:110px}
.flow-actions{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px;align-items:center}
.flow-actions button{width:auto}
#ledgerPanel>details{margin:18px 0;padding:20px}
#ledgerPanel>details>summary{font-size:18px;font-weight:600;cursor:pointer;color:#204939;padding:4px 0}
#ledgerPanel .ledger-section .table-wrap{max-height:620px}
#ledgerPanel .ledger-section th{position:sticky;top:0;z-index:1}
#ledgerPanel [aria-pressed=true]{outline:2px solid #b8a46c;outline-offset:1px}
#flowAccount,#flowStatement{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:900px}
.nav-group{display:flex;flex-direction:column;gap:2px}
.nav-sub{display:none;flex-direction:column;gap:2px;margin:2px 0 8px 10px;padding-left:8px;border-left:1px solid #ffffff28}
.nav-group.open .nav-sub{display:flex}
.nav-sub .nav-item{padding:8px 12px;font-size:12px}
.nav-group-title{font-weight:600}
.finance-pills{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.finance-pills[hidden]{display:none}
.finance-pills button{border:1px solid #c9d0b8;background:#f4f6ee;color:#1d3d30;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600}
.finance-pills button[aria-pressed=true]{background:#1d3d30;color:#f4f6ee;border-color:#1d3d30}
.cari-ekstre-card{padding-top:22px}
table.cari-ekstre th{background:#eef3f8}
tr.cari-row.credit{background:#eef6dc}
tr.cari-row.debit{background:#f3d5d0}
tr.cari-row.info{background:#f4f4ee}

@media(max-width:700px){#actionForm,#collectionForm,#flowAccount,#flowStatement{grid-template-columns:minmax(0,1fr)}#ledgerPanel>details{padding:14px}#ledgerRoot,#ledgerPanel{display:block;width:100%}#ledgerPanel .ledger-section table{min-width:0;width:100%}}

@media(max-width:700px){#ledgerPanel .flow-table{min-width:0;width:100%;display:block}#ledgerPanel .flow-table thead{display:none}#ledgerPanel .flow-table tbody{display:block}#ledgerPanel .flow-table tr{display:block;border:1px solid #dce1ca;border-radius:8px;margin:12px 0;padding:10px}#ledgerPanel .flow-table td{display:block;padding:8px 4px;white-space:normal;overflow-wrap:anywhere}#ledgerPanel .flow-table td:before{content:attr(data-label);display:block;font-size:11px;font-weight:600;color:#6c776b;margin-bottom:4px}#ledgerPanel .flow-table td:last-child{border-bottom:0}#ledgerPanel .ledger-section .table-wrap{max-height:none}}

.sidebar{
  position:fixed;inset:0 auto 0 0;height:100vh;height:100dvh;
  display:flex;flex-direction:column;
  background:#092b24 url("../images/giris/04_web_arka_plan.png") center/cover;
  color:#f4eddd;border-right:1px solid #b5946048;overflow:hidden
}
.sidebar:before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:url("../images/giris/09_dekoratif_elementler.png") center/100% 100%;opacity:.2
}
.sidebar>.brand,.sidebar>.nav,.sidebar>.sidebar-footer{position:relative;z-index:1}
.brand{padding:8px 6px 28px;flex:none}
.brand-mark,.brand-mark.large{
  width:48px;height:48px;background:transparent;color:#c4a474;
  font:400 22px/1 Georgia,"Times New Roman",serif;
  border:1px solid #c4a47488;border-radius:8px
}
.brand strong{font:400 20px/1.2 Georgia,"Times New Roman",serif;color:#f4eddd}
.brand span{color:#a5b6a8;font-size:10px;letter-spacing:.08em}
.nav{counter-reset:side;gap:3px}
.nav>.nav-item,.nav>.nav-group>.nav-group-title{counter-increment:side}
.nav>.nav-item .nav-icon,.nav-group-title .nav-icon{
  font-size:0;width:28px;color:#c4a474
}
.nav>.nav-item .nav-icon:before,.nav-group-title .nav-icon:before{
  content:counter(side,decimal-leading-zero);
  font:11px/1 Georgia,serif;letter-spacing:.06em;color:#c4a474
}
.nav-item{
  color:#c9d4ca;font-size:13px;font-weight:500;border-radius:8px;
  padding:11px 12px;border-left:3px solid transparent;background:transparent
}
.nav-item:hover{background:#ffffff10;color:#f4eddd}
.nav-item.active{background:#ffffff14;border-left-color:#c4a474;color:#f4eddd}
.nav-sub{border-left-color:#c4a47433}
.nav-sub .nav-item{color:#a5b6a8}
.nav-sub .nav-icon{color:#c4a47499;font-size:11px}
.sidebar-footer{padding-top:16px;margin-top:auto;flex:none}
.sidebar-footer small{color:#91a392;letter-spacing:.04em}
.sidebar-footer .secondary-btn{
  background:linear-gradient(110deg,#b39465,#d1b88c);color:#173b2e;
  border:1px solid #d7bd91;border-radius:7px;font-weight:700
}
.sidebar-footer .secondary-btn:hover{filter:brightness(1.08);background:linear-gradient(110deg,#b39465,#d1b88c);color:#173b2e}