@import url('./bookkeeping-command-cash-theme.css?v=build-4j-3');

/* Banking presentation layer — matches the accepted Command Centre / Cash Position visual system. */

.banking-heading{margin-bottom:18px;align-items:flex-end}
.banking-heading .heading-actions{align-items:flex-end;gap:10px}
.bank-account-select{min-width:225px}
.bank-account-select span{font-size:8px;font-weight:850;letter-spacing:.055em;color:#63798b}
.bank-account-select select{height:40px;border:1px solid #d5e0e8;border-radius:8px;background:#fff;padding:0 12px;font-size:10px;font-weight:700;box-shadow:0 1px 2px rgba(16,43,69,.025)}
.banking-heading .people-primary{height:40px;min-height:40px;padding:0 16px;border-radius:8px}

.banking-summary-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 16px}
.banking-summary-cards>div{position:relative;min-height:118px;padding:17px 54px 15px 17px;border:1px solid #dce6ee!important;border-top:1px solid #dce6ee!important;border-radius:12px;background:#fff;box-shadow:0 1px 2px rgba(16,43,69,.025),0 8px 24px rgba(16,43,69,.03);overflow:hidden}
.banking-summary-cards>div:nth-child(1){border-bottom:2px solid var(--ilaris-blue)!important}
.banking-summary-cards>div:nth-child(2){border-bottom:2px solid var(--ilaris-purple)!important}
.banking-summary-cards>div:nth-child(3){border-bottom:2px solid var(--ilaris-green)!important}
.banking-summary-cards>div:nth-child(4){border-bottom:2px solid var(--ilaris-red)!important}
.banking-summary-cards small{font-size:8px!important;font-weight:850!important;letter-spacing:.055em!important;color:#63798b!important}
.banking-summary-cards strong{font-size:20px!important;line-height:1.08!important;margin:9px 0 5px!important;color:var(--ink)!important}
.banking-summary-cards span{font-size:8.5px!important;line-height:1.4!important;color:var(--muted)!important}
.banking-summary-cards>div::after{right:15px!important;top:15px!important;width:32px!important;height:32px!important;font-size:13px!important;border-radius:50%!important}
.banking-progress{height:4px;margin-top:auto;border-radius:999px;background:#edf1f5;overflow:hidden}
.banking-progress i{height:100%;border-radius:999px;background:var(--ilaris-purple)}

.banking-toolbar{display:grid;grid-template-columns:minmax(300px,1fr) auto;gap:18px;align-items:end;margin:0 0 14px;padding:0;background:transparent}
.banking-toolbar>label{max-width:370px;min-width:0;display:grid;gap:5px}
.banking-toolbar label span,.banking-balance-edit label span{font-size:8px;font-weight:850;letter-spacing:.02em;color:#63798b}
.banking-toolbar input{height:40px;border:1px solid #d5e0e8!important;border-radius:8px!important;background:#fff;padding:0 11px;font-size:10px;box-shadow:0 1px 2px rgba(16,43,69,.018)}
.banking-balance-edit{display:grid;grid-template-columns:135px 145px auto;gap:8px;align-items:end}
.banking-balance-edit label{min-width:0;display:grid;gap:5px}
.banking-balance-edit input{width:100%!important;min-width:0}
.banking-balance-edit .secondary{height:40px;white-space:nowrap;border-radius:8px;padding:0 13px;font-size:9px;font-weight:800}

.banking-panel{position:relative!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
.banking-search{display:flex;align-items:flex-end;gap:10px;padding:0!important;margin:0 0 12px;border:0!important;background:transparent!important}
.banking-search label{max-width:330px;display:grid;gap:5px}
.banking-search label span{font-size:8px!important;font-weight:850!important;color:#63798b!important}
.banking-search input{height:40px!important;border:1px solid #d5e0e8!important;border-radius:8px!important;background:#fff!important;padding:0 11px!important;font-size:10px!important;box-shadow:0 1px 2px rgba(16,43,69,.018)}
.banking-search>button{height:40px;align-self:end;border:1px solid #dce6ee!important;border-radius:8px!important;background:#fff!important;padding:0 12px!important;color:var(--ink)!important;font-size:9px!important;font-weight:800!important}
.banking-filter-note{display:none!important}

.banking-section{padding:0 14px 14px!important;margin:0 0 14px;border:1px solid #dce6ee!important;border-radius:12px!important;background:#fff!important;box-shadow:0 1px 2px rgba(16,43,69,.025),0 8px 24px rgba(16,43,69,.03)!important;overflow:hidden}
.banking-section+.banking-section{border-top:1px solid #dce6ee!important}
.banking-section-head{display:flex;justify-content:space-between;align-items:center;padding:15px 2px 11px!important}
.banking-section-head h2{font-size:14px!important;line-height:1.2;margin:0;color:var(--ink);letter-spacing:-.01em}
.banking-section-head span{font-size:8.5px!important;color:var(--muted)!important}
.banking-table{border:1px solid #e1e8ed!important;border-radius:9px!important;background:#fff;overflow:hidden!important}
.banking-head{min-height:38px!important;background:#f6f9fb!important;color:#607487!important}
.banking-head>button{height:38px!important;padding:0 12px!important;font-size:8px!important;font-weight:850!important;color:#607487!important}
.banking-row{grid-template-columns:110px minmax(260px,2fr) 120px 120px 130px;min-height:47px!important;border-bottom:1px solid #edf1f4!important;background:#fff!important}
.banking-row:not(.banking-head):hover{background:#f8fbfd!important}
.banking-row>span,.banking-row>time,.banking-row>strong{padding:9px 12px!important;font-size:9px!important}
.banking-row>span:nth-child(2) strong{font-size:9px!important;letter-spacing:.01em}
.banking-row>span:nth-child(2) small{font-size:7.5px!important;color:var(--muted)!important;margin-top:1px}
.banking-row>strong{text-align:right;font-weight:800}
.banking-row>em{margin-left:12px!important;border-radius:999px!important;padding:4px 8px!important;background:var(--ilaris-orange-soft)!important;color:#b86518!important;font-size:7.5px!important;font-weight:850!important;line-height:1.2}
.banking-row>em.reconciled{background:var(--ilaris-green-soft)!important;color:#167b58!important}
.banking-empty{font-size:9px!important;padding:20px!important}

.banking-filter-menu{border:1px solid #dce6ee!important;border-radius:10px!important;box-shadow:0 18px 45px rgba(7,28,44,.16)!important}

@media(max-width:1050px){
  .banking-summary-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .banking-toolbar{grid-template-columns:1fr}
  .banking-toolbar>label{max-width:none}
  .banking-balance-edit{grid-template-columns:minmax(120px,1fr) minmax(130px,1fr) auto}
}
@media(max-width:700px){
  .banking-summary-cards{grid-template-columns:1fr}
  .banking-heading{align-items:flex-start}
  .banking-heading .heading-actions{width:100%;display:grid;grid-template-columns:1fr auto}
  .bank-account-select{min-width:0}
  .banking-balance-edit{grid-template-columns:1fr 1fr}
  .banking-balance-edit .secondary{grid-column:1/-1}
  .banking-search{align-items:stretch;flex-direction:column}
  .banking-search label{max-width:none}
  .banking-search>button{align-self:flex-start}
}