/* Packed ledger layout, using the same cards and brand palette as the overview pages. */
#router-view .expense-ledger-page.el-refined{height:calc(100dvh - 118px);min-height:0;gap:12px;padding:0 0 12px!important;font-family:Outfit,system-ui,sans-serif;color:#1c1917}
#router-view .el-refined :is(button,input,select,th,td,h1,p,span,strong,label){font-family:Outfit,system-ui,sans-serif;letter-spacing:0}
#router-view .el-refined .el-header{padding:18px 20px;background:#fff;border:1px solid #e5dfd5;border-radius:22px;box-shadow:0 3px 12px #1c191704;gap:16px!important;flex-shrink:0}
#router-view .el-refined .el-header-heading{display:flex;align-items:center;gap:12px;min-width:0}
#router-view .el-refined .el-title-icon{width:42px;height:42px;flex:none;display:grid;place-items:center;background:#fbefeb;border:1px solid #ecd7cd;border-radius:13px;color:#8b1515}
#router-view .el-refined .el-title-icon svg{width:24px;height:24px}
#router-view .el-refined .el-header h1{font-size:26px!important;line-height:1.2;font-weight:600!important;margin:0;letter-spacing:0!important}
#router-view .el-refined .el-header p{font-size:13px;font-weight:400;line-height:1.4;color:#8b8176;margin:5px 0 0}
#router-view .el-refined .el-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-left:auto}
#router-view .el-refined .el-actions button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:38px!important;height:38px;padding:0 14px;border-radius:999px!important;border:1px solid #e5dfd5;background:#faf8f5;color:#44403c;font-size:14px!important;font-weight:500!important;line-height:1.2;box-shadow:none}
#router-view .el-refined .el-actions svg{width:17px;height:17px;flex:none;color:#8b1515}
#router-view .el-refined .el-actions .el-primary{background:#8b1515;border-color:#8b1515;color:white}
#router-view .el-refined .el-actions .el-primary svg{color:white}
#router-view .el-refined .el-groups{grid-template-columns:minmax(170px,1.15fr) repeat(6,minmax(0,1fr));gap:10px;overflow:visible;flex-shrink:0}
#router-view .el-refined .el-groups button{position:relative;padding:12px 14px;min-height:86px;gap:10px;border:1px solid #e5dfd5;border-radius:16px;background:#fff;text-align:left;box-shadow:none;transition:border-color .15s,background .15s}
#router-view .el-refined .el-group-title{display:flex;align-items:center;gap:8px;min-height:20px;max-width:100%;font-size:14px!important;font-weight:500;line-height:1.3;color:#44403c}
#router-view .el-refined .el-group-title>svg{width:18px;height:18px;flex:none}
#router-view .el-refined .el-group-title .expense-group-badge{font-size:14px;font-weight:500;gap:7px;white-space:normal;line-height:1.3}
#router-view .el-refined .el-groups strong{font-size:22px;font-weight:600;line-height:1.15;letter-spacing:0;font-variant-numeric:tabular-nums}
#router-view .el-refined .el-groups button.active{border-color:var(--expense-group-color);background:#faf8f5;box-shadow:inset 0 -3px var(--expense-group-color)}
#router-view .el-refined .el-groups button.el-total-group{background:linear-gradient(120deg,#191817,#29211d);border-color:#292524;color:#fff}
#router-view .el-refined .el-total-group .el-group-title{color:#f4efea}
#router-view .el-refined .el-total-group svg{color:#ef8b7b}
#router-view .el-refined .el-total-group.active{box-shadow:inset 0 -3px #a92d28}
#router-view .el-refined .el-panel{border-radius:22px;border-color:#e5dfd5;box-shadow:0 3px 12px #1c191704}
#router-view .el-refined .el-filters{padding:16px 18px;grid-template-columns:minmax(200px,1.7fr) 130px 130px minmax(145px,1fr) 108px 156px auto auto;gap:8px;align-items:end;background:#fff;border-bottom:1px solid #eee8e2;flex-shrink:0}
#router-view .el-refined .el-filters label{font-size:12px;font-weight:500;color:#8b8176;gap:6px}
#router-view .el-refined .el-filters :is(input,select){height:38px;min-height:38px!important;padding:0 12px;border:1px solid #dfd7ce;border-radius:999px!important;background:#faf8f5;color:#44403c;font-size:13px!important;font-weight:400!important;max-width:100%;min-width:0;color-scheme:light}
#router-view .el-refined .el-filters input::placeholder{color:#a29990}
#router-view .el-refined .el-filters button{height:38px;min-height:38px!important;border-radius:999px!important;padding:0 14px;font-size:13px!important;font-weight:500!important;border-color:#e5dfd5;white-space:nowrap}
#router-view .el-refined .el-filters button[type=submit]{background:#8b1515;color:#fff;border-color:#8b1515}
#router-view .el-refined .el-filters [data-reset]{color:#78716c;background:#faf8f5}
#router-view .el-refined .el-table{font-size:15px;table-layout:fixed;min-width:0}
#router-view .el-refined .el-table th{background:#f7f3ee;color:#8b8176;font-size:12px;font-weight:500;padding:12px 16px;border-bottom:1px solid #e8e1d9}
#router-view .el-refined .el-table td{font-size:15px;font-weight:400;line-height:1.35;padding:12px 16px;border-bottom:1px solid #eee8e2}
#router-view .el-refined .el-table td>strong{font-size:15.5px;font-weight:500;line-height:1.3;color:#292524}
#router-view .el-refined .el-table td small{font-size:12px;line-height:1.4;margin-top:4px;color:#9b9187;font-weight:400}
#router-view .el-refined .el-table td:last-child{font-size:16px;font-weight:500;font-variant-numeric:tabular-nums;color:#292524}
#router-view .el-refined .el-table th:nth-child(1){width:150px}#router-view .el-refined .el-table th:nth-child(3){width:170px}#router-view .el-refined .el-table th:nth-child(4){width:150px}#router-view .el-refined .el-table th:nth-child(5){width:90px}#router-view .el-refined .el-table th:nth-child(6){width:150px}
#router-view .el-refined .el-table .expense-group-badge{font-size:14px;line-height:1.3;font-weight:400}
#router-view .el-refined .el-kind{display:inline-flex;align-items:center;min-height:26px;padding:4px 9px;border-radius:999px;font-size:12px;font-weight:500;background:#f7eeee;color:#8b1515;border:1px solid #eededb}
#router-view .el-refined .el-source-label{display:inline-block;font-size:13px;line-height:1.35;font-weight:400;color:#78716c}
#router-view .el-refined .el-table tr[data-row]:hover{background:#fcf7f3}
#router-view .el-refined .el-footer{padding:12px 18px;gap:12px;font-size:13px;background:#fff;border-top:1px solid #e8e1d9}
#router-view .el-refined .el-footer strong{font-size:14px;font-weight:500;color:#8b1515}
#router-view .el-refined .el-footer button{height:36px;min-height:36px;border-radius:999px;padding:0 14px;font-size:13px;font-weight:400;background:#faf8f5}
#router-view .el-refined :is(button,input,select):focus-visible{outline:2px solid #8b1515;outline-offset:2px}
@media(max-width:1340px){#router-view .el-refined .el-filters{grid-template-columns:minmax(180px,1.4fr) repeat(3,minmax(0,1fr));gap:8px}#router-view .el-refined .el-groups{grid-template-columns:repeat(7,minmax(145px,1fr));overflow-x:auto;overflow-y:hidden;padding-bottom:3px}#router-view .el-refined .el-groups strong{font-size:21px}#router-view .el-refined .el-table{min-width:940px}#router-view .el-refined .el-header{align-items:center!important}}
@media(max-width:900px){#router-view .el-refined .el-header{flex-direction:column;align-items:stretch!important}#router-view .el-refined .el-actions{gap:6px}#router-view .el-refined .el-actions button{padding:0 11px;font-size:13px!important}#router-view .el-refined .el-header-heading{width:100%}#router-view .el-refined .el-actions{margin-left:0;justify-content:flex-start;width:100%}}
@media(max-width:700px){#router-view .expense-ledger-page.el-refined{height:auto;min-height:0;padding-bottom:16px!important;gap:12px}#router-view .el-refined .el-header{padding:16px;border-radius:20px;gap:14px!important}#router-view .el-refined .el-header h1{font-size:24px!important}#router-view .el-refined .el-header p{font-size:12px}#router-view .el-refined .el-title-icon{width:38px;height:38px;border-radius:12px}#router-view .el-refined .el-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}#router-view .el-refined .el-actions button{height:44px!important;min-height:44px!important;gap:6px;padding:0 10px;font-size:13px!important;white-space:normal}#router-view .el-refined .el-actions button[data-action=add]{grid-column:auto}#router-view .el-refined .el-actions svg{width:16px;height:16px}#router-view .el-refined .el-groups{grid-template-columns:repeat(7,145px);gap:8px}#router-view .el-refined .el-groups button{min-height:82px;padding:12px}#router-view .el-refined .el-panel{border-radius:20px}#router-view .el-refined .el-filters{grid-template-columns:1fr 1fr;padding:14px;gap:10px}#router-view .el-refined .el-search{grid-column:1/-1}#router-view .el-refined .el-filters :is(input,select,button){height:44px;min-height:44px!important;font-size:14px!important}#router-view .el-refined .el-table-scroll{min-height:240px;max-height:55dvh}#router-view .el-refined .el-footer{flex-wrap:wrap;padding:12px 14px;gap:10px}#router-view .el-refined .el-footer [data-count]{width:100%}#router-view .el-refined .el-footer strong{margin:0;font-size:13px}#router-view .el-refined .el-footer>div{margin-left:auto}}
@media(max-width:380px){#router-view .el-refined .el-title-icon{width:34px;height:34px}#router-view .el-refined .el-header h1{font-size:23px!important}#router-view .el-refined .el-actions button{font-size:12px!important;padding:0 8px}#router-view .el-refined .el-footer strong{width:100%}}
@media(prefers-reduced-motion:reduce){#router-view .el-refined .el-groups button{transition:none}}

#router-view .el-refined .el-groups button:not(.el-total-group){background:linear-gradient(125deg,color-mix(in srgb,var(--expense-group-color) 5%,white),white);overflow:hidden}
#router-view .el-refined .el-groups button:not(.el-total-group)::before{content:"";position:absolute;inset:14px auto 14px 0;width:3px;border-radius:0 3px 3px 0;background:var(--expense-group-color)}
#router-view .el-refined .el-groups button:not(.el-total-group).active{background:color-mix(in srgb,var(--expense-group-color) 8%,white)}

/* Same left action column and right list arrangement as Masa & QR. */
#router-view .expense-ledger-page.el-refined.el-sided{display:grid;grid-template-columns:280px minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr);gap:14px;min-height:0;padding-bottom:12px!important}
#router-view .el-sided>.el-sidebar{grid-column:1;grid-row:1/-1;min-height:0;overflow:auto;scrollbar-gutter:stable;padding:20px 18px;border:1px solid #e5dfd5;border-radius:24px;background:#fff}
#router-view .el-sided>.el-header{grid-column:2;grid-row:1;min-width:0;padding:18px 20px}
#router-view .el-sided>.el-groups{grid-column:2;grid-row:2;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
#router-view .el-sided>.el-groups button{min-height:70px;padding:10px 12px}
#router-view .el-sided>.el-groups button:first-child{grid-row:span 2;justify-content:center}
#router-view .el-sided>.el-panel{grid-column:2;grid-row:3;min-height:0;display:flex;flex-direction:column;overflow:hidden}
#router-view .el-sided .el-sidebar h2{display:flex;align-items:center;gap:10px;font:600 24px/1.2 Outfit,system-ui,sans-serif;letter-spacing:0;margin:0 0 18px}
#router-view .el-sided .el-sidebar h2 svg{width:24px;height:24px;color:#8b1515;flex:none}
#router-view .el-sided .el-sidebar h3{font:500 16px Outfit,system-ui,sans-serif;margin:22px 0 12px}
#router-view .el-sided .el-sidebar .el-actions{display:grid;grid-template-columns:1fr;margin:0;gap:10px;width:100%}
#router-view .el-sided .el-sidebar .el-actions button{width:100%;min-height:48px!important;height:auto;padding:12px 14px!important;justify-content:flex-start;font-size:16px!important;gap:10px;border-radius:16px!important;background:#fff;white-space:normal;text-align:left}
#router-view .el-sided .el-sidebar .el-actions .el-primary{background:#8b1515;color:#fff}
#router-view .el-sided .el-sidebar .el-actions svg{width:21px;height:21px}
#router-view .el-sided .el-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0;border:0;background:transparent;align-items:end}
#router-view .el-sided .el-filters>label{font-size:13px;line-height:1.3;gap:6px;min-width:0}
#router-view .el-sided .el-filters>label:first-child,#router-view .el-sided .el-filters>label:nth-child(4){grid-column:1/-1}
#router-view .el-sided .el-filters :is(input,select){width:100%;height:40px;min-height:40px;padding:8px 10px;font-size:13px!important;border-radius:12px!important;min-width:0}
#router-view .el-sided .el-filters>button{height:40px;border-radius:999px;font-size:14px}
#router-view .el-sided .el-table-scroll{flex:1;min-height:0;max-height:none;scrollbar-gutter:stable}
#router-view .el-sided .el-table{min-width:700px}
#router-view .el-sided .el-footer{padding:12px 16px;flex-shrink:0;font-size:13px;gap:10px}
#router-view .el-sided .el-groups strong{font-size:22px!important}
@media(max-width:1100px) and (min-width:701px){#router-view .expense-ledger-page.el-refined.el-sided{grid-template-columns:250px minmax(0,1fr)}#router-view .el-sided>.el-groups{grid-template-columns:repeat(3,minmax(0,1fr))}#router-view .el-sided>.el-groups button:first-child{grid-column:1/-1;grid-row:auto;min-height:60px}#router-view .el-sided .el-groups strong{font-size:19px!important}}
@media(max-width:700px){#router-view .expense-ledger-page.el-refined.el-sided{display:flex;height:auto;min-height:0}#router-view .el-sided>.el-sidebar{padding:16px;overflow:visible}#router-view .el-sided .el-sidebar .el-actions{grid-template-columns:repeat(2,minmax(0,1fr))}#router-view .el-sided .el-sidebar .el-actions button{font-size:14px!important}#router-view .el-sided .el-sidebar .el-filters{grid-template-columns:repeat(2,minmax(0,1fr))}#router-view .el-sided>.el-header{order:-1}#router-view .el-sided>.el-groups{grid-template-columns:repeat(2,minmax(0,1fr))}#router-view .el-sided>.el-groups button:first-child{grid-row:auto;grid-column:1/-1}#router-view .el-sided>.el-panel{min-height:360px}#router-view .el-sided .el-table-scroll{max-height:55dvh;min-height:220px}}

/* The period total belongs to the table's upper right, not a separate KPI card. */
body.admin-brand #router-view .el-sided>.el-groups{grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:repeat(2,minmax(0,1fr))!important}
body.admin-brand #router-view .el-sided>.el-groups button:first-child{grid-column:auto!important;grid-row:auto!important;min-height:0!important}
body.admin-brand #router-view .el-sided .el-table-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid #eee8e2;flex:none;font:500 15px/1.3 Outfit,sans-serif}
body.admin-brand #router-view .el-sided .el-table-total{display:flex;align-items:center;gap:10px;border:0;background:transparent;padding:0;color:#1c1917;cursor:pointer;font:inherit}
body.admin-brand #router-view .el-sided .el-table-total>span{font-size:12px;color:#78716c}
body.admin-brand #router-view .el-sided .el-table-total strong{font:600 20px/1.2 Outfit,sans-serif;font-variant-numeric:tabular-nums;white-space:nowrap}
body.admin-brand #router-view .el-sided .el-table-total:focus-visible{outline:2px solid #8b1515;outline-offset:4px;border-radius:6px}
@media(max-width:700px){body.admin-brand #router-view .el-sided>.el-groups{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:auto!important}body.admin-brand #router-view .el-sided .el-table-heading{flex-wrap:wrap}body.admin-brand #router-view .el-sided .el-table-total{margin-left:auto}}

/* Filtered variation of the catalogue's Tüm İşlemler sidebar. */
body.admin-brand #router-view .el-refined.el-sided>.el-sidebar{padding:14px 24px 16px!important;border-radius:24px!important;scrollbar-gutter:auto;box-sizing:border-box}
body.admin-brand #router-view .el-refined.el-sided .el-sidebar h3{margin:20px 0 12px;font:500 16px/1.3 Outfit,sans-serif}
body.admin-brand #router-view .el-refined.el-sided .el-sidebar .el-filters{padding:0!important;gap:10px;min-width:0}
@media(min-width:1100px){body.admin-brand #router-view .expense-ledger-page.el-refined.el-sided{grid-template-columns:minmax(340px,27%) minmax(0,1fr)!important;gap:16px!important}}

/* Exactly two panels: operations/filters at left, the ledger at right. */
body.admin-brand #router-view .expense-ledger-page.el-refined.el-sided{grid-template-rows:minmax(0,1fr)!important}
body.admin-brand #router-view .el-refined.el-sided>.el-panel{grid-column:2!important;grid-row:1!important;height:100%;border-radius:24px}
body.admin-brand #router-view .el-refined.el-sided>.el-sidebar{grid-column:1;grid-row:1!important}
body.admin-brand #router-view .el-refined.el-sided .el-table-heading{padding:16px 20px!important;min-height:78px;align-items:center}
body.admin-brand #router-view .el-refined.el-sided .el-table-heading h1{font:600 25px/1.2 Outfit,sans-serif;margin:0}
body.admin-brand #router-view .el-refined.el-sided .el-table-heading .el-title-icon{width:26px;height:26px;background:transparent;border:0;padding:0;color:#8b1515}
body.admin-brand #router-view .el-refined.el-sided .el-table-heading .el-title-icon svg{width:26px;height:26px}
body.admin-brand #router-view .el-refined.el-sided .el-table-heading [data-period-range]{font:400 12px/1.3 Outfit,sans-serif;margin:4px 0 0;color:#78716c}
@media(max-width:700px){body.admin-brand #router-view .el-refined.el-sided>.el-panel{height:auto;min-height:360px}}

/* Filters belong to the ledger, matching the QR menu category rail. */
body.admin-brand #router-view .el-refined.el-sided>.el-sidebar{overflow:hidden;display:flex;flex-direction:column;height:max-content;align-self:start}
body.admin-brand #router-view .el-refined.el-sided .el-sidebar .el-actions{grid-template-rows:repeat(4,60px);flex:none;align-content:start}
body.admin-brand #router-view .el-refined.el-sided .el-table-heading .el-search{display:block;flex:1;max-width:260px;min-width:170px;margin-left:auto}
body.admin-brand #router-view .el-refined.el-sided .el-table-heading .el-search input{width:100%;height:40px;box-sizing:border-box;border:1px solid #e5dfd5;background:#fff;border-radius:999px;padding:0 15px;font:400 13px Outfit,sans-serif}
body.admin-brand #router-view .el-refined.el-sided .el-group-rail{display:flex;align-items:center;gap:4px;overflow:auto;flex:none;padding:4px;margin:0 20px 10px;border:1px solid #e5dfd5;background:#f0ece6;border-radius:999px;min-height:40px;box-sizing:border-box}
body.admin-brand #router-view .el-refined.el-sided .el-group-rail button{border:0;background:transparent;border-radius:999px;padding:9px 14px;white-space:nowrap;font:400 14px Outfit,sans-serif;color:#57534e;cursor:pointer;flex:none}
body.admin-brand #router-view .el-refined.el-sided .el-group-rail button.active{background:#8b1515;color:#fff;font-weight:600}
body.admin-brand #router-view .el-refined.el-sided .el-panel .el-filters{display:grid;grid-template-columns:112px 112px minmax(120px,1fr) 90px minmax(130px,1fr) auto auto;gap:8px;padding:0 20px 12px!important;border-bottom:1px solid #eee8e2;background:#fff;flex:none}
body.admin-brand #router-view .el-refined.el-sided .el-filters label[hidden]{display:none!important}
body.admin-brand #router-view .el-refined.el-sided .el-panel .el-filters :is(input,select){width:100%;box-sizing:border-box;min-width:0;border-radius:999px;height:36px}
body.admin-brand #router-view .el-refined.el-sided .el-panel .el-filters button{border-radius:999px;min-height:36px;padding:7px 12px}
@media(max-width:1350px){body.admin-brand #router-view .el-refined.el-sided .el-panel .el-filters{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:900px){body.admin-brand #router-view .el-refined.el-sided .el-table-heading{flex-wrap:wrap}body.admin-brand #router-view .el-refined.el-sided .el-table-heading .el-search{max-width:none;order:3;flex-basis:100%}body.admin-brand #router-view .el-refined.el-sided .el-table-total{margin-left:auto}}
@media(max-width:700px){body.admin-brand #router-view .el-refined.el-sided .el-sidebar .el-actions{grid-template-rows:auto;flex:none}body.admin-brand #router-view .el-refined.el-sided .el-panel .el-filters{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 14px 12px!important}body.admin-brand #router-view .el-refined.el-sided .el-group-rail{margin:0 14px 10px}}

/* Compact ledger filter row, without a source selector. */
body.admin-brand #router-view .el-refined.el-sided .el-panel .el-filters{grid-template-columns:minmax(126px,1fr) minmax(126px,1fr) minmax(100px,.85fr) minmax(155px,1.2fr) auto auto!important;align-items:end;gap:8px!important}
body.admin-brand #router-view .el-refined.el-sided .el-panel .el-filters label{display:flex;flex-direction:column;gap:5px;min-width:0;width:auto!important;grid-column:auto!important;font:400 12px/1.2 Outfit,sans-serif}
body.admin-brand #router-view .el-refined.el-sided .el-panel .el-filters :is(input,select,button){height:36px!important;min-height:36px!important;margin:0;font:400 13px/1.2 Outfit,sans-serif;padding:0 10px!important}
@media(max-width:1050px){body.admin-brand #router-view .el-refined.el-sided .el-panel .el-filters{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:600px){body.admin-brand #router-view .el-refined.el-sided .el-panel .el-filters{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* Final QR-reference header: title/count, search, black total, then one rail. */
body.admin-brand #router-view .el-refined.el-sided .el-table-heading{border-bottom:0!important;padding:16px 20px 12px!important;min-height:72px!important;gap:12px;flex-wrap:nowrap}
body.admin-brand #router-view .el-refined.el-sided .el-header-heading{gap:10px;width:auto!important;flex:none}
body.admin-brand #router-view .el-refined.el-sided .el-header-heading>div{display:flex;align-items:center}
body.admin-brand #router-view .el-refined.el-sided .el-header-heading h1{font:600 25px/1.2 Outfit,sans-serif!important;white-space:nowrap;letter-spacing:0}
body.admin-brand #router-view .el-refined.el-sided [data-period-range]{display:none!important}
body.admin-brand #router-view .el-refined.el-sided .el-record-count{font:400 12px/1.2 Outfit,sans-serif;color:#78716c;background:#f8f6f2;border:1px solid #eee8e2;border-radius:9px;padding:6px 8px;white-space:nowrap}
body.admin-brand #router-view .el-refined.el-sided .el-table-heading .el-search{position:relative;flex:1;min-width:140px;max-width:270px;order:initial;margin-left:auto;flex-basis:auto}
body.admin-brand #router-view .el-refined.el-sided .el-table-heading .el-search svg{position:absolute;left:13px;top:11px;width:18px;height:18px;color:#b91c1c;pointer-events:none}
body.admin-brand #router-view .el-refined.el-sided .el-table-heading .el-search input{height:40px!important;padding:0 14px 0 39px!important;font:400 13px Outfit,sans-serif!important}
body.admin-brand #router-view .el-refined.el-sided .el-table-total{display:flex;align-items:center;gap:8px;background:#1c1917!important;color:white!important;border:0!important;border-radius:999px!important;min-height:40px;padding:8px 15px!important;white-space:nowrap;flex:none}
body.admin-brand #router-view .el-refined.el-sided .el-table-total>span{font:400 12px/1.2 Outfit,sans-serif;color:#e7e5e4!important}
body.admin-brand #router-view .el-refined.el-sided .el-table-total strong{font:600 16px/1.2 Outfit,sans-serif!important;color:white!important}
body.admin-brand #router-view .el-refined.el-sided .el-group-rail{margin:0 20px 12px!important;min-height:40px;padding:4px!important;gap:2px!important}
body.admin-brand #router-view .el-refined.el-sided .el-group-rail button{height:30px;padding:0 12px!important;font:400 13px/1.2 Outfit,sans-serif!important}
body.admin-brand #router-view .el-refined.el-sided .el-group-rail button.active{font-weight:600!important}
body.admin-brand #router-view .el-refined.el-sided .el-panel .el-filters{background:#fff!important;padding:0 20px 12px!important}
@media(max-width:1100px){body.admin-brand #router-view .el-refined.el-sided .el-table-heading{flex-wrap:wrap}body.admin-brand #router-view .el-refined.el-sided .el-table-heading .el-search{min-width:140px;max-width:none}body.admin-brand #router-view .el-refined.el-sided .el-header-heading{flex:1 0 max-content}}
@media(max-width:600px){body.admin-brand #router-view .el-refined.el-sided .el-table-heading{padding:14px!important}body.admin-brand #router-view .el-refined.el-sided .el-header-heading{flex-basis:100%}body.admin-brand #router-view .el-refined.el-sided .el-group-rail{margin:0 14px 12px!important}body.admin-brand #router-view .el-refined.el-sided .el-panel .el-filters{padding:0 14px 12px!important}}

body.admin-brand #router-view .el-refined.el-sided .el-sidebar .el-actions{grid-template-rows:none!important;grid-auto-rows:60px!important}
body.admin-brand #router-view .el-refined.el-sided .el-sidebar .el-actions button[data-action=ai-expense]{background:#111!important;color:#fff!important;border-color:#111!important}
body.admin-brand #router-view .el-refined.el-sided .el-sidebar .el-actions button[data-action=ai-expense]>svg{color:#fff!important}

/* Labels and controls share one capsule instead of a separate label row. */
body.admin-brand #router-view .el-refined.el-sided .el-panel .el-filters{grid-template-columns:minmax(190px,1fr) minmax(190px,1fr) minmax(135px,.7fr) minmax(200px,1.2fr) auto auto!important;align-items:center!important}
body.admin-brand #router-view .el-refined.el-sided .el-panel .el-filters .el-inline-filter{display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px!important;min-width:0;padding:0 11px;border:1px solid #e5dfd5;border-radius:999px;background:#faf8f5;height:40px;box-sizing:border-box}
body.admin-brand #router-view .el-refined.el-sided .el-inline-filter>span{flex:none;font:400 11px/1.2 Outfit,sans-serif;color:#78716c}
body.admin-brand #router-view .el-refined.el-sided .el-panel .el-filters .el-inline-filter :is(input,select){border:0!important;box-shadow:none!important;outline-offset:0;flex:1;min-width:0!important;width:0!important;background:transparent!important;padding:0!important;height:36px!important;font-size:13px!important}
body.admin-brand #router-view .el-refined.el-sided .el-inline-filter:focus-within{border-color:#8b1515}
@media(max-width:1350px){body.admin-brand #router-view .el-refined.el-sided .el-panel .el-filters{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:600px){body.admin-brand #router-view .el-refined.el-sided .el-panel .el-filters .el-inline-filter{gap:5px;padding:0 9px;height:44px}body.admin-brand #router-view .el-refined.el-sided .el-inline-filter>span{font-size:10px}body.admin-brand #router-view .el-refined.el-sided .el-panel .el-filters .el-inline-filter :is(input,select){font-size:12px!important}}
@media(max-width:600px){body.admin-brand #router-view .el-refined.el-sided .el-panel .el-filters .el-inline-filter:has(input[type=date]){grid-column:1/-1!important}}
/* Match the shared action-card heading rhythm and keep expense kinds intact. */
body.admin-brand #router-view#router-view .el-refined.el-sided>.el-sidebar{gap:12px!important}
body.admin-brand #router-view#router-view .el-refined.el-sided>.el-sidebar>h2{margin:0!important}
body.admin-brand #router-view#router-view .el-refined .el-table th:nth-child(5){width:124px!important;min-width:124px!important}
body.admin-brand #router-view#router-view .el-refined .el-table td:nth-child(5){white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important}
body.admin-brand #router-view#router-view .el-refined .el-kind{white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important;flex-shrink:0;max-width:none!important}
body.admin-brand #router-view#router-view#router-view#router-view .el-refined.el-sided>.el-sidebar{gap:12px!important}
body.admin-brand #router-view#router-view#router-view#router-view .el-refined.el-sided>.el-sidebar>h2{margin:0!important}
body.admin-brand #router-view#router-view#router-view#router-view .el-refined .el-kind{white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important}

/* Warm ledger controls: one surface per field, no nested white capsule. */
body.admin-brand #router-view#router-view#router-view .el-refined.el-sided:not(.ciro-tracking) .el-panel .el-filters{background:#f5f1eb!important;padding-top:12px!important;border-top:1px solid #e5dfd5;border-bottom:1px solid #e5dfd5}
body.admin-brand #router-view#router-view#router-view .el-refined.el-sided:not(.ciro-tracking) .el-panel .el-filters .el-inline-filter{background:#ece6dd;border-color:#d9d0c4}
body.admin-brand #router-view#router-view#router-view .el-refined.el-sided:not(.ciro-tracking) .el-panel .el-filters .el-inline-filter .rs-select-trigger{flex:1;width:0;min-width:0;border:0!important;border-radius:0;background:transparent!important;box-shadow:none!important;padding:0!important}
body.admin-brand #router-view#router-view#router-view .el-refined.el-sided:not(.ciro-tracking) .el-table-heading .el-search input{background:#f2ede6;border-color:#d9d0c4}
body.admin-brand #router-view#router-view#router-view .el-refined.el-sided:not(.ciro-tracking) .el-panel .el-filters [data-reset]{background:#ece6dd!important;border-color:#d9d0c4!important;color:#57534e!important}

/* Center ledger keeps branch ownership separate from the source of the expense. */
body.admin-brand #router-view#router-view .el-refined .el-table.el-table--branches{min-width:940px}
body.admin-brand #router-view#router-view .el-refined .el-table.el-table--branches th:nth-child(1){width:13%!important}
body.admin-brand #router-view#router-view .el-refined .el-table.el-table--branches th:nth-child(2){width:20%!important}
body.admin-brand #router-view#router-view .el-refined .el-table.el-table--branches th:nth-child(3){width:13%!important}
body.admin-brand #router-view#router-view .el-refined .el-table.el-table--branches th:nth-child(4){width:14%!important}
body.admin-brand #router-view#router-view .el-refined .el-table.el-table--branches th:nth-child(5){width:14%!important;min-width:0!important}
body.admin-brand #router-view#router-view .el-refined .el-table.el-table--branches th:nth-child(6){width:10%!important}
body.admin-brand #router-view#router-view .el-refined .el-table.el-table--branches th:nth-child(7){width:16%!important}
body.admin-brand #router-view .el-table--branches .el-branch-cell{overflow-wrap:anywhere}
@media(min-width:701px){html:has(body.center-expenses-mode),body.center-expenses-mode{overflow-y:hidden}body.center-expenses-mode .center-workspace{padding-bottom:16px}body.center-expenses-mode .center-expense-router{min-height:0}body.center-expenses-mode .el-table-scroll{overflow:auto}}

@media(min-width:701px){body.center-expenses-mode #router-view#router-view .expense-ledger-page.el-refined.el-sided{display:grid!important;grid-template-columns:minmax(230px,27%) minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr)!important;min-height:0!important;overflow:hidden}body.center-expenses-mode #router-view .el-sided>.el-sidebar,body.center-expenses-mode #router-view .el-sided>.el-panel{height:100%!important;min-height:0!important;max-height:100%;overflow:hidden}body.center-expenses-mode #router-view .el-sided>.el-sidebar{overflow-y:auto}}

body.center-expenses-mode .el-footer[hidden],.el-header-pagination[hidden]{display:none!important}.el-header-pagination{display:flex;align-items:center;gap:6px}.el-header-pagination button{border:1px solid #e5dfd5;border-radius:999px;background:#faf8f5;padding:8px 12px;font:400 13px Outfit,sans-serif}

/* No duplicate ledger footer in branch pages; long lists keep header navigation. */
#router-view .el-refined .el-footer[hidden]{display:none!important}
@media(max-width:680px){#router-view .el-refined .el-header-pagination button{min-height:44px}}

/* A period reads as one label; names keep a single primary line. */
#router-view .el-refined .el-period-label{white-space:nowrap}
#router-view .el-refined .el-period-month{font-weight:600}
#router-view .el-refined .el-period-year{font-weight:400}

/* Center expense table pilot: shared title type, center-only filter rhythm. */
/* Center header uses the shared inset token with the approved10px value.
   The64px heading tightens the title-to-category gap; sidebar contents stay put. */
body.admin-brand.center-expenses-mode #router-view .el-refined.el-sided{--rs-heading-inset-top:10px;--rs-box-title-icon:24px}
body.admin-brand.center-expenses-mode #router-view .el-refined.el-sided>.el-sidebar>.rs-action-title{--rs-action-gap:16px}
body.admin-brand.center-expenses-mode #router-view#router-view#router-view .el-refined.el-sided>.el-panel .el-table-heading{min-height:64px!important;padding-top:var(--rs-heading-inset-top,13px)!important;padding-bottom:10px!important}
body.admin-brand.center-expenses-mode #router-view#router-view#router-view .el-refined.el-sided>.el-panel .el-header-heading{min-height:40px;align-items:center;gap:var(--rs-heading-icon-gap,8px)}
body.admin-brand.center-expenses-mode #router-view#router-view#router-view .el-refined.el-sided>.el-panel .el-header-heading h1{font:var(--rs-page-heading-weight,600) var(--rs-page-heading-size,25px)/1.2 Outfit,system-ui,sans-serif!important;letter-spacing:0;margin:0}
body.admin-brand.center-expenses-mode #router-view#router-view#router-view .el-refined.el-sided>.el-panel .el-title-icon svg{width:var(--rs-box-title-icon,26px);height:var(--rs-box-title-icon,26px);stroke-width:2}
/* Header tools share the same warm field surface and a single capsule geometry. */
body.admin-brand.center-expenses-mode #router-view .el-panel .el-record-count{border-radius:999px;color:#68615a;background:#faf8f5;border-color:#e5dfd5}
body.admin-brand.center-expenses-mode #router-view#router-view#router-view .el-panel .el-table-heading .el-search input{background:#faf8f5!important;border-color:#e5dfd5!important}
body.admin-brand.center-expenses-mode #router-view .el-table .el-source-label{color:#68615a}
body.admin-brand.center-expenses-mode #router-view .el-table tbody tr{height:48px}
body.admin-brand.center-expenses-mode #router-view#router-view#router-view .el-refined.el-sided>.el-panel .el-group-rail{margin:0 20px 7px!important;padding:3px!important;gap:2px!important;min-height:36px;border:1px solid #e5dfd5;background:#f5f2ed;border-radius:999px;scrollbar-width:none}
body.admin-brand.center-expenses-mode #router-view#router-view#router-view .el-refined.el-sided>.el-panel .el-group-rail button{height:28px;min-height:28px;padding:0 12px!important;font:400 13px/1.25 Outfit,system-ui,sans-serif!important;color:#44403a}
body.admin-brand.center-expenses-mode #router-view#router-view#router-view .el-refined.el-sided>.el-panel .el-group-rail button.active{background:#8b1515;color:#fff;font-weight:500!important}
body.admin-brand.center-expenses-mode #router-view#router-view#router-view .el-refined.el-sided>.el-panel .el-filters{display:grid;grid-template-columns:minmax(150px,1fr) minmax(150px,1fr) minmax(120px,.8fr) minmax(180px,1.2fr) auto auto!important;gap:8px!important;padding:4px 20px 11px!important;background:#fff!important;border-top:0!important;border-bottom:0;align-items:center!important}
body.admin-brand.center-expenses-mode #router-view#router-view#router-view .el-refined.el-sided>.el-panel .el-filters .el-inline-filter{height:36px;min-height:36px;gap:8px!important;padding:0 10px;border:1px solid #e5dfd5;border-radius:999px;background:#faf8f5}
body.admin-brand.center-expenses-mode #router-view#router-view#router-view .el-refined.el-sided>.el-panel .el-filters .el-inline-filter>span{font:400 12px/1.25 Outfit,system-ui,sans-serif;color:#68615a}
body.admin-brand.center-expenses-mode #router-view#router-view#router-view .el-refined.el-sided>.el-panel .el-filters .el-inline-filter :is(input,select,.rs-select-trigger){font:400 13px/1.25 Outfit,system-ui,sans-serif!important;color:#292725;height:34px!important;min-height:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
body.admin-brand.center-expenses-mode #router-view#router-view#router-view .el-refined.el-sided>.el-panel .el-filters :is(button[type=submit],[data-reset]){height:36px!important;min-height:36px!important;padding:0 12px!important;font:400 13px/1.25 Outfit,system-ui,sans-serif!important;border:1px solid #e5dfd5}
/* Match the calendar indicator and branded chevrons to the control center. */
body.admin-brand.center-expenses-mode #router-view .el-filters .el-inline-filter{--rs-select-content-gap:8px}
body.admin-brand.center-expenses-mode #router-view .el-filters input[type=date]::-webkit-calendar-picker-indicator{width:16px;height:16px;margin:0;padding:0;opacity:1;background:center/16px 16px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238b1515' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M16 3v4M8 3v4M3 11h18'/%3E%3C/svg%3E")}
body.admin-brand.center-expenses-mode #router-view#router-view#router-view .el-refined.el-sided>.el-panel .el-filters button[type=submit]{background:#8b1515!important;color:#fff;border-color:#8b1515}
body.admin-brand.center-expenses-mode #router-view#router-view#router-view .el-refined.el-sided>.el-panel .el-filters [data-reset]{background:#faf8f5!important;color:#44403a!important;border-color:#e5dfd5!important}
body.admin-brand.center-expenses-mode #router-view#router-view#router-view .el-refined.el-sided>.el-panel .el-table-scroll{background:linear-gradient(to bottom,#f5f2ed 0 34px,#fcfbf8 34px);scrollbar-gutter:stable;min-height:0}
body.admin-brand.center-expenses-mode #router-view#router-view#router-view .el-refined.el-sided>.el-panel .el-table{width:100%;border-collapse:collapse;table-layout:fixed;background:#fcfbf8}
body.admin-brand.center-expenses-mode #router-view .el-refined.el-sided>.el-panel .el-table thead tr{height:34px!important}
body.admin-brand.center-expenses-mode #router-view#router-view#router-view .el-refined.el-sided>.el-panel .el-table th{height:34px!important;padding:7px 12px!important;background:#f5f2ed!important;color:#68615a!important;font:500 12px/1.25 Outfit,system-ui,sans-serif!important;border-bottom:1px solid #e5dfd5;text-align:center!important;vertical-align:middle}
body.admin-brand.center-expenses-mode #router-view#router-view#router-view .el-refined.el-sided>.el-panel .el-table td{padding:5px 12px!important;background:#fcfbf8;color:#292725!important;border-bottom:1px solid #eee8e2;font:400 14px/1.4 Outfit,system-ui,sans-serif!important;text-align:center!important;vertical-align:middle;font-variant-numeric:tabular-nums}
body.admin-brand.center-expenses-mode #router-view#router-view#router-view .el-refined.el-sided>.el-panel .el-table :is(th,td):nth-child(2){text-align:left!important}
body.admin-brand.center-expenses-mode #router-view#router-view#router-view .el-refined.el-sided>.el-panel .el-table td>strong{font:500 15px/1.35 Outfit,system-ui,sans-serif!important;color:#1c1917}
body.admin-brand.center-expenses-mode #router-view#router-view#router-view .el-refined.el-sided>.el-panel .el-table td small{display:block;margin-top:2px;font:400 12px/1.25 Outfit,system-ui,sans-serif!important;color:#68615a!important}
body.admin-brand.center-expenses-mode #router-view#router-view#router-view .el-refined.el-sided>.el-panel .el-table td:last-child{font-weight:600!important;white-space:nowrap}
body.admin-brand.center-expenses-mode #router-view#router-view#router-view .el-refined.el-sided>.el-panel .el-table .el-kind{font:400 12px/1.25 Outfit,system-ui,sans-serif!important;padding:4px 8px;border-radius:999px;background:#faf3f2;color:#8b1515;border:1px solid #efdfdc}
body.admin-brand.center-expenses-mode #router-view#router-view#router-view .el-refined.el-sided>.el-panel .el-table tbody tr:hover td{background:#faf8f5}
body.admin-brand.center-expenses-mode #router-view#router-view#router-view .el-refined.el-sided>.el-panel .el-table tbody tr:focus-visible{outline:2px solid #8b1515;outline-offset:-2px}
body.admin-brand.center-expenses-mode #router-view#router-view#router-view .el-refined.el-sided>.el-panel .el-empty-state{padding:24px 12px;background:#fcfbf8;color:#68615a;font:400 14px/1.4 Outfit,system-ui,sans-serif;text-align:center}
@media(max-width:1250px){body.admin-brand.center-expenses-mode #router-view#router-view#router-view .el-refined.el-sided>.el-panel .el-filters{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:700px){body.admin-brand.center-expenses-mode #router-view#router-view#router-view .el-refined.el-sided>.el-panel .el-group-rail{margin-inline:14px!important}body.admin-brand.center-expenses-mode #router-view#router-view#router-view .el-refined.el-sided>.el-panel .el-filters{padding:12px 14px 13px!important}body.admin-brand.center-expenses-mode #router-view#router-view#router-view .el-refined.el-sided>.el-panel .el-filters .el-inline-filter{grid-column:1/-1!important;height:48px;min-height:48px}body.admin-brand.center-expenses-mode #router-view#router-view#router-view .el-refined.el-sided>.el-panel .el-filters :is(button[type=submit],[data-reset]){height:44px!important;min-height:44px!important}}