/* Extend the existing finance UI, keeping its surfaces, radii and icon language. */
#tillContent .till-workspace-controls,#tillContent .till-journal-card{margin-block:18px}
.till-period-buttons,.till-operation-buttons{display:flex;flex-wrap:wrap;gap:8px}
.till-period-buttons .btn.active{background:var(--warning-bg);color:var(--warning);border-color:var(--warning)}
.till-date-range,.till-journal-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-block:16px}
.till-date-range label{display:grid;gap:8px;color:var(--text2);font-weight:700}
.till-count-overview{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;margin-block-start:16px;border-block-start:1px solid var(--border)}
.till-count-overview>div:first-child{display:grid;gap:7px;min-width:0}
.till-count-overview span,.till-count-overview small{color:var(--text2)}
.till-count-overview b{font-size:18px}
.till-count-overview small b{font-size:inherit}
.till-document-number{display:inline-block;white-space:nowrap;direction:ltr;unicode-bidi:isolate;font-size:12px;font-variant-numeric:tabular-nums;max-width:none;color:var(--text)}
.till-journal-table{width:100%;border-collapse:collapse;text-align:start;font-size:13px}
.till-journal-table th{color:var(--text2);font-weight:700;background:var(--warning-bg)}
.till-journal-table :is(th,td){padding:14px 10px;text-align:start;border-block-end:1px solid var(--border);vertical-align:top}
.till-journal-table td small,.till-workspace-controls small,.till-journal-card~.card small{display:block;max-width:320px;color:var(--text2);margin-block-start:6px;overflow-wrap:anywhere}
.till-journal-table tbody tr{transition:background .18s ease}
.till-journal-table tbody tr:hover{background:var(--warning-bg)}
.till-form-error{color:var(--danger);min-height:1.5em;font-size:14px}
.till-journal-summary{color:var(--text2);font-size:13px;margin-block:12px}
.till-pending-handover-row>div:first-child{min-width:0}
.till-pending-handover-row .till-document-number{display:block;margin-block-start:7px}
.till-operation-modal .field{display:grid;gap:7px;margin-block:14px}
.till-operation-modal .field-system-note{line-height:1.8;color:var(--text2)}
.till-operation-modal :is(input,select,textarea){width:100%;box-sizing:border-box;color:var(--text);background:var(--input-bg,var(--ui-surface-strong));border:1px solid var(--border);border-radius:var(--r-sm);padding:12px;font:inherit}
#tillContent .btn,.till-operation-modal .btn{min-height:44px}
#tillContent :is(input,select,button):focus-visible,.till-operation-modal :is(input,select,textarea,button):focus-visible{outline:2px solid var(--warning);outline-offset:3px}
@media(max-width:768px){
  #tillContent .profile-section-head,.till-count-overview{align-items:stretch;flex-direction:column}
  .till-period-buttons .btn{flex:1 1 40%}
  .till-operation-buttons .btn{flex:1 1 100%}
  .till-date-range,.till-journal-filters{grid-template-columns:1fr}
  #tillContent .table-wrap{overflow-x:auto;max-width:100%}
  .till-journal-table{min-width:680px}
  .till-operation-modal :is(input,select,textarea){font-size:16px}
}
@media(prefers-reduced-motion:reduce){
  #tillContent *,#tillContent *::before,#tillContent *::after,.till-operation-modal{animation:none!important;transition:none!important}
}
@media print{
  body.printing-till #tillContent>:not(#till-journal-workspace),body.printing-till #till-journal-workspace>:not(.till-journal-card){display:none!important}
  body.printing-till :is(.top-bar,.top-bar-shell,.finance-inline-shell){display:none!important}
  body.printing-till :is(.sidebar,.topbar,.finance-tabbar,.till2-hero,.till-custody-grid,.till-workspace-controls,.till2-flow-grid,.till2-capital-panel,.till2-note,.till-journal-filters,.till-journal-card~.card,.modal,.btn){display:none!important}
  body.printing-till #tillContent .till-journal-card{background:white!important;color:black!important;box-shadow:none!important;border:0!important}
  body.printing-till .till-journal-table :is(th,td),body.printing-till .till-document-number{color:black!important}
  body.printing-till #tillContent .table-wrap{overflow:visible}
}
/* Till sections reuse the finance tabs and theme tokens. */
#mainContent #tillContent .till-section-tabs{grid-template-columns:repeat(5,minmax(0,1fr));margin-block:0 20px;padding:10px;gap:8px;isolation:isolate}
#tillContent .till-section-panel[hidden]{display:none!important}
#tillContent .till-section-panel{min-width:0;animation:till-panel-enter .18s ease-out}
#tillContent .till-custody-grid{grid-template-columns:minmax(0,1fr)}
#tillContent .till-owner-card .cash-ledger-list{max-height:none;overflow:visible}
#tillContent .till-owner-card .cash-handover-row{display:flex;align-items:center;gap:12px;padding:16px;min-width:0}
#tillContent .till-owner-card .work-record-body{flex:1 1 280px;min-width:0;width:auto}
#tillContent .till-owner-card .work-record-title,#tillContent .till-owner-card .work-record-time{white-space:normal;overflow-wrap:anywhere;line-height:1.7}
#tillContent .till-owner-card .work-record-amount{flex:0 0 auto;white-space:nowrap}
#tillContent .till-owner-card .leave-status-badge{white-space:normal;max-width:100%;line-height:1.6}
#tillContent .till-section-panel:focus-visible{outline:2px solid var(--warning);outline-offset:4px;border-radius:var(--radius,16px)}
@keyframes till-panel-enter{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){#mainContent #tillContent .till-section-tabs{display:flex;overflow-x:auto;gap:8px;scrollbar-width:thin}#mainContent #tillContent .till-section-tabs .finance-tab-item{flex:0 0 auto;min-width:140px;min-height:56px}}
@media(max-width:600px){#tillContent .till-owner-card .work-record-body{flex-basis:calc(100% - 56px)}#tillContent .till-owner-card .cash-handover-row{padding:12px}#tillContent .till-owner-card .till-custody-head{flex-wrap:wrap;gap:12px}}
@media(prefers-reduced-motion:reduce){#tillContent .till-section-panel{animation:none}}
@media print{body.printing-till #tillContent .till-section-tabs{display:none!important}body.printing-till #till-panel-journal{display:block!important}}

#tillContent{--till-tab-overview:#38618c;--till-tab-capital:#8b4f71;--till-tab-journal:#39786b;--till-tab-owner:#a45d32;--till-tab-locations:#665a96}
[data-theme="dark"] #tillContent,body.dark #tillContent{--till-tab-overview:#8eb6df;--till-tab-capital:#d5a0bf;--till-tab-journal:#8dc7b7;--till-tab-owner:#e4b08d;--till-tab-locations:#b9ace3}
#mainContent #tillContent .till-section-tabs{margin-block:20px}
#mainContent #tillContent .till-section-tabs .finance-tab-item .finance-card-icon{color:var(--finance-tab-tone);background:color-mix(in srgb,var(--finance-tab-tone) 10%,transparent);border-color:color-mix(in srgb,var(--finance-tab-tone) 25%,transparent)}
#mainContent #tillContent .till-section-tabs .finance-tab-item.active{color:var(--finance-tab-tone);background:color-mix(in srgb,var(--finance-tab-tone) 12%,transparent);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--finance-tab-tone) 55%,transparent),0 5px 14px color-mix(in srgb,var(--finance-tab-tone) 12%,transparent)}
#mainContent #tillContent .till-section-tabs .finance-tab-item.active .finance-card-title{color:var(--finance-tab-tone)}
#mainContent #tillContent .till-section-tabs .finance-tab-item.active .finance-card-icon{color:var(--finance-tab-tone);background:color-mix(in srgb,var(--finance-tab-tone) 15%,transparent)}
/* Section identity follows each tab without changing financial status colors. */
#till-panel-overview{--till-section-tone:var(--till-tab-overview)}
#till-panel-capital{--till-section-tone:var(--till-tab-capital)}
#till-panel-journal{--till-section-tone:var(--till-tab-journal)}
#till-panel-owner{--till-section-tone:var(--till-tab-owner)}
#till-panel-locations{--till-section-tone:var(--till-tab-locations)}
#tillContent .till-section-panel,.till-themed-overlay{--accent-solid:var(--till-section-tone);--accent:var(--till-section-tone)}
.till-themed-overlay .modal{border-color:color-mix(in srgb,var(--till-section-tone) 28%,var(--border));background-image:linear-gradient(135deg,color-mix(in srgb,var(--till-section-tone) 8%,transparent),transparent 65%)}
#tillContent .till-section-panel :is(.section-title-icon,.till2-sec-title),.till-themed-overlay .modal h3{color:var(--till-section-tone)}
#tillContent .till-section-panel :is(.till2-capital-main-icon,.till-custody-head .section-title-icon>i,.profile-section-head .section-title-icon>i),.till-themed-overlay .modal h3>i{color:var(--till-section-tone)!important;background:color-mix(in srgb,var(--till-section-tone) 12%,transparent)!important}
#tillContent .till-section-panel :is(.btn-primary,.acct-pill-btn-solid),.till-themed-overlay .btn-primary{background:var(--till-section-tone)!important;color:var(--bg)!important;border-color:var(--till-section-tone)!important;box-shadow:0 4px 12px color-mix(in srgb,var(--till-section-tone) 20%,transparent)}
#tillContent .till-section-panel .till-period-buttons .btn.active{color:var(--till-section-tone);background:color-mix(in srgb,var(--till-section-tone) 12%,transparent);border-color:var(--till-section-tone)}
#tillContent .till-section-panel .till-journal-table th{background:color-mix(in srgb,var(--till-section-tone) 10%,var(--bg));color:var(--till-section-tone)}
#tillContent .till-section-panel .profile-section-head,.till-themed-overlay .modal h3{border-color:color-mix(in srgb,var(--till-section-tone) 24%,transparent)}
.till-themed-overlay :is(input,select,textarea):focus-visible{outline-color:var(--till-section-tone);border-color:var(--till-section-tone)}
#tillContent .till-section-panel:focus-visible{outline-color:var(--till-section-tone)}
/* Clear surfaces with restrained gold and section accents. */
#tillContent,.till-themed-overlay{--till-readable-surface:#f8f9fc;--till-inner-surface:#ffffff;--till-secondary-text:#4b556b}
html[data-theme="dark"] :is(#tillContent,.till-themed-overlay){--till-readable-surface:#1b2331;--till-inner-surface:#232e3e;--till-secondary-text:#c3ccda}
#tillContent>.till2-cash-hero{--till-section-tone:var(--till-tab-overview)}
.till-themed-overlay .modal{
  background:radial-gradient(ellipse at 0% 0%,color-mix(in srgb,var(--warning) 12%,transparent),transparent 28%),radial-gradient(ellipse at 100% 0%,color-mix(in srgb,var(--till-section-tone) 11%,transparent),transparent 30%),var(--till-readable-surface)!important;
  border-color:color-mix(in srgb,var(--till-section-tone) 24%,var(--till-inner-surface));
  border-inline-start:1px solid var(--border);
}
#tillContent .till-section-panel :is(.info-box,.work-record-row){background:var(--till-inner-surface)!important;border-color:color-mix(in srgb,var(--till-section-tone) 18%,var(--till-readable-surface))}
#tillContent .till-section-panel :is(.section-title-icon,.till2-sec-title,.work-record-title),.till-themed-overlay .modal h3{color:var(--text1);font-weight:800;line-height:1.6}
#tillContent .till-section-panel :is(.work-record-time,.till2-sec-hint,.till-custody-hint,.till-journal-summary),.till-themed-overlay .field label{color:var(--till-secondary-text);font-size:14px;line-height:1.8}
#tillContent .till-section-panel :is(.btn,.acct-pill-btn),.till-themed-overlay .btn{min-height:44px;font-size:14px;font-weight:750;line-height:1.5;padding:10px 16px}
#tillContent .till-section-panel :is(.btn-primary,.acct-pill-btn-solid),.till-themed-overlay .btn-primary{background:var(--till-button-fill)!important;color:#fff!important;border-color:var(--till-button-fill)!important;text-shadow:none}
#tillContent .till-section-panel .btn-ghost,.till-themed-overlay .btn-ghost{background:var(--till-inner-surface);color:var(--text1);border-color:color-mix(in srgb,var(--till-section-tone) 35%,var(--till-readable-surface))}
#tillContent .till-section-panel .till-document-number{color:var(--text1);font-size:13px;font-weight:650}
#tillContent .till-section-panel .btn:focus-visible,.till-themed-overlay .btn:focus-visible{outline:2px solid var(--till-section-tone);outline-offset:3px}

/* Resolve the button fill where the section tone is defined, before inheritance. */
#tillContent .till-section-panel,.till-themed-overlay{--till-button-fill:color-mix(in srgb,var(--till-section-tone) 75%,#162031)}
html[data-theme="dark"] #tillContent .till-section-panel,html[data-theme="dark"] .till-themed-overlay{--till-button-fill:color-mix(in srgb,var(--till-section-tone) 40%,#162031)}
#tillContent .till-section-panel :is(.btn-primary,.acct-pill-btn-solid) :is(span,i),.till-themed-overlay .btn-primary :is(span,i){color:inherit!important}
#tillContent .till-journal-records{display:grid;gap:12px}
#tillContent .till-journal-record{display:grid;grid-template-columns:44px minmax(200px,1fr) minmax(290px,auto);gap:14px;align-items:center;padding:16px;border:1px solid var(--border);border-inline-start:1px solid var(--border);border-radius:16px;transition:border-color .18s ease,box-shadow .18s ease}
#tillContent .till-journal-record:hover{border-color:color-mix(in srgb,var(--work-tone) 35%,var(--border));box-shadow:0 5px 16px color-mix(in srgb,var(--till-section-tone) 8%,transparent)}
#tillContent .till-journal-record .work-record-icon{width:44px;height:44px;border-radius:14px;background:color-mix(in srgb,var(--work-tone) 12%,transparent);color:var(--work-tone)}
#tillContent .till-journal-record .work-record-icon i{font-size:21px}
#tillContent .till-journal-record .work-record-body{min-width:0}
.till-journal-direction{display:inline-block;margin-inline-start:8px;padding:2px 8px;border-radius:8px;background:color-mix(in srgb,var(--work-tone) 10%,transparent);color:var(--work-tone);font-size:12px}
.till-journal-date,.till-journal-document{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-block-start:6px;font-size:13px;color:var(--till-secondary-text)}
.till-journal-note{margin:6px 0;line-height:1.7;overflow-wrap:anywhere;font-size:13px;color:var(--till-secondary-text)}
.till-journal-amounts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;text-align:center}
.till-journal-amounts>div{padding:9px;border-radius:10px;background:var(--till-readable-surface)}
.till-journal-amounts dt{font-size:12px;color:var(--till-secondary-text);margin-block-end:6px}
.till-journal-amounts dd{margin:0;font-size:15px;font-weight:800;white-space:nowrap}
.till-journal-amounts dd small{display:block;font-size:11px;color:var(--till-secondary-text);font-weight:600}
.till-journal-detail{grid-column:3;justify-self:end}
@media(max-width:800px){#tillContent .till-journal-record{grid-template-columns:44px minmax(0,1fr)}.till-journal-amounts{grid-column:1/-1}.till-journal-detail{grid-column:1/-1}.till-journal-amounts dd{font-size:14px}}
@media(prefers-reduced-motion:reduce){#tillContent .till-journal-record{animation:none!important;transition:none}}
@media print{#tillContent .till-journal-record{break-inside:avoid;animation:none!important;box-shadow:none}.till-journal-detail,.till-journal-periods{display:none!important}.till-journal-records{gap:6px}}
#tillContent .till-journal-record{grid-template-columns:44px minmax(200px,1fr) minmax(300px,380px)}
.till-journal-amounts{grid-template-columns:1fr 1.35fr;gap:12px}
.till-journal-amounts dt{display:flex;align-items:center;justify-content:center;gap:5px;white-space:normal;line-height:1.7;font-size:13px;min-height:44px}
.till-journal-amounts dd{font-size:18px}
.till-journal-amounts dd small{font-size:12px}
@media(max-width:800px){#tillContent .till-journal-record{grid-template-columns:44px minmax(0,1fr)}.till-journal-amounts{grid-template-columns:1fr 1.25fr}}