/* ShahrVam v628 — reconciliation visual redesign
   Visual-only redesign aligned with the existing ShahrVam navy/blue theme.
   Business workflow and APIs are intentionally unchanged. */
body[data-page="reconciliation"] .pv-shell{display:grid;gap:14px;font-size:14px;color:#173b58}
body[data-page="reconciliation"] .pv-overview-v628{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:stretch;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
body[data-page="reconciliation"] .pv-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
body[data-page="reconciliation"] .pv-flow-step{min-height:94px!important;border:1px solid #d8e8f4!important;border-radius:16px!important;background:linear-gradient(180deg,#fff 0%,#f7fbfe 100%)!important;padding:16px!important;display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important;text-align:right!important;box-shadow:0 5px 18px rgba(29,75,112,.055)!important;cursor:pointer;transition:.18s ease}
body[data-page="reconciliation"] .pv-flow-step:hover{transform:translateY(-1px);border-color:#b9d5e9!important;box-shadow:0 8px 24px rgba(29,75,112,.08)!important}
body[data-page="reconciliation"] .pv-flow-step span{display:grid;gap:6px;min-width:0}
body[data-page="reconciliation"] .pv-flow-step b{font-size:14px!important;line-height:1.45;color:#173b58!important;font-weight:900!important}
body[data-page="reconciliation"] .pv-flow-step small{font-size:11.5px!important;line-height:1.5;color:#7691a6!important;white-space:normal!important}
body[data-page="reconciliation"] .pv-flow-step strong{font-size:28px!important;line-height:1;color:#185f9f!important;font-weight:950!important}
body[data-page="reconciliation"] .pv-flow-step.is-action{background:linear-gradient(180deg,#f8fcff 0%,#edf7ff 100%)!important;border-color:#c8e2f5!important}
body[data-page="reconciliation"] .pv-flow-step.is-final strong{color:#b67717!important}
body[data-page="reconciliation"] .pv-flow-step.is-returned strong{color:#c14a59!important}
body[data-page="reconciliation"] .pv-flow-step.is-done strong{color:#1f8063!important}
body[data-page="reconciliation"] .pv-overview-actions{display:flex!important;align-items:stretch!important;gap:8px!important}
body[data-page="reconciliation"] .pv-overview-actions .pv-btn{min-height:44px!important;padding:0 16px!important;border-radius:12px!important;font-size:13px!important;font-weight:900!important;display:flex!important;align-items:center!important;gap:8px!important}
body[data-page="reconciliation"] .pv-btn-upload{background:#126fc2!important;color:#fff!important;border:1px solid #126fc2!important;box-shadow:0 5px 14px rgba(18,111,194,.18)!important}
body[data-page="reconciliation"] .pv-btn-refresh{background:#fff!important;color:#285978!important;border:1px solid #d7e5ef!important;box-shadow:none!important}

body[data-page="reconciliation"] .pv-toolbar-v628{position:sticky;top:0;z-index:12;display:grid!important;grid-template-columns:minmax(280px,1fr) auto minmax(420px,auto);align-items:center;gap:9px;background:rgba(247,251,254,.93)!important;backdrop-filter:blur(10px);border:1px solid #dce9f2!important;border-radius:14px!important;padding:9px!important;box-shadow:0 4px 16px rgba(26,68,101,.045)!important}
body[data-page="reconciliation"] .pv-search{height:42px!important;border:1px solid #d3e3ee!important;border-radius:11px!important;background:#fff!important;display:flex!important;align-items:center!important;padding:0 12px!important;gap:8px!important;min-width:0!important}
body[data-page="reconciliation"] .pv-search span{font-size:20px!important;color:#6e8ba1!important}
body[data-page="reconciliation"] .pv-search input{height:100%!important;width:100%!important;border:0!important;outline:0!important;background:transparent!important;font:inherit!important;font-size:13px!important;color:#173b58!important}
body[data-page="reconciliation"] .pv-search input::placeholder{color:#8ca2b3!important}
body[data-page="reconciliation"] .pv-filter-trigger{display:none;height:42px;border:1px solid #d3e3ee;background:#fff;color:#285978;border-radius:11px;padding:0 12px;font:inherit;font-size:13px;font-weight:800}
body[data-page="reconciliation"] .pv-filters{display:flex!important;align-items:center!important;gap:5px!important;padding:0!important;overflow:auto!important;scrollbar-width:none}
body[data-page="reconciliation"] .pv-filters button{min-height:38px!important;padding:0 13px!important;border:1px solid transparent!important;background:#edf4f9!important;color:#57748a!important;border-radius:10px!important;font:inherit!important;font-size:12.5px!important;font-weight:850!important;white-space:nowrap!important}
body[data-page="reconciliation"] .pv-filters button.is-active{background:#176fc0!important;color:#fff!important;box-shadow:0 4px 10px rgba(23,111,192,.18)!important}

body[data-page="reconciliation"] .pv-list-head-v628{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:2px 4px!important;margin:0!important;border:0!important;background:transparent!important}
body[data-page="reconciliation"] .pv-list-head-v628>div{display:flex!important;align-items:center!important;gap:8px!important}
body[data-page="reconciliation"] .pv-list-head-v628 b{font-size:15px!important;color:#173b58!important}
body[data-page="reconciliation"] .pv-list-head-v628 span{font-size:11.5px!important;color:#718da2!important;background:#eaf2f7!important;border-radius:999px!important;padding:3px 8px!important}
body[data-page="reconciliation"] .pv-list{display:grid!important;gap:7px!important}
body[data-page="reconciliation"] .pvx-card{background:#fff!important;border:1px solid #dce8f0!important;border-radius:13px!important;box-shadow:0 2px 8px rgba(26,68,101,.035)!important;overflow:hidden!important;transition:.16s ease}
body[data-page="reconciliation"] .pvx-card:hover{border-color:#bfd7e7!important;box-shadow:0 5px 16px rgba(26,68,101,.065)!important}
body[data-page="reconciliation"] .pvx-card.is-selected{border-color:#69a6d3!important;box-shadow:0 0 0 2px rgba(39,126,189,.09)!important}
body[data-page="reconciliation"] .pvx-card.is-final{border-inline-start:3px solid #7faed0!important}
body[data-page="reconciliation"] .pvx-primary-v628{min-height:76px!important;padding:9px 11px!important;display:grid!important;grid-template-columns:24px minmax(180px,1.25fr) minmax(125px,.85fr) minmax(135px,.9fr) minmax(135px,.9fr) minmax(100px,.65fr) minmax(128px,.85fr) minmax(160px,auto)!important;align-items:center!important;gap:0!important}
body[data-page="reconciliation"] .pvx-primary-v628>*{min-width:0!important}
body[data-page="reconciliation"] .pvx-select-cell{display:grid;place-items:center}
body[data-page="reconciliation"] .pvx-customer{display:grid!important;grid-template-columns:1fr!important;gap:3px!important;padding:0 11px!important}
body[data-page="reconciliation"] .pvx-customer>b{grid-column:auto!important;font-size:14px!important;line-height:1.45!important;color:#153d59!important;font-weight:900!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body[data-page="reconciliation"] .pvx-customer>small{grid-column:auto!important;font-size:11px!important;line-height:1.4!important;color:#7890a2!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body[data-page="reconciliation"] .pvx-service,body[data-page="reconciliation"] .pvx-fact{display:grid!important;gap:4px!important;align-content:center!important;padding:0 13px!important;border-inline-start:1px solid #edf3f7!important;min-height:42px!important}
body[data-page="reconciliation"] .pvx-service small,body[data-page="reconciliation"] .pvx-fact small{font-size:10px!important;font-weight:750!important;color:#8aa0b0!important}
body[data-page="reconciliation"] .pvx-service b,body[data-page="reconciliation"] .pvx-fact b{font-size:12.5px!important;color:#264f6d!important;line-height:1.45!important;font-weight:850!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body[data-page="reconciliation"] .pvx-amount b{font-size:14px!important;color:#143d59!important;font-weight:950!important}
body[data-page="reconciliation"] .pvx-amount em{font-style:normal!important;font-size:10px!important;color:#7e94a5!important;font-weight:700!important}
body[data-page="reconciliation"] .pvx-state{padding:0 12px!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:4px!important;border-inline-start:1px solid #edf3f7!important}
body[data-page="reconciliation"] .pv-status,body[data-page="reconciliation"] .pv-auto-badge{font-size:10.5px!important;line-height:1.4!important;padding:5px 9px!important;border-radius:999px!important;font-weight:900!important;max-width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body[data-page="reconciliation"] .pvx-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:5px!important;padding-inline-start:10px!important;white-space:nowrap!important}
body[data-page="reconciliation"] .pvx-actions .pv-btn,body[data-page="reconciliation"] .pvx-btn{min-height:34px!important;border-radius:9px!important;padding:0 10px!important;font-size:11px!important;line-height:1.2!important;font-weight:900!important;white-space:nowrap!important}
body[data-page="reconciliation"] .pvx-details-toggle{background:#f1f6fa!important;border:1px solid #d9e5ed!important;color:#2e5e7e!important}
body[data-page="reconciliation"] .pvx-more{width:34px;height:34px;border-radius:9px;border:1px solid #d9e5ed;background:#fff;color:#58758a;font:inherit;font-size:19px;line-height:1;cursor:pointer}
body[data-page="reconciliation"] .pvx-details-panel{border-top:1px solid #e6eef3!important;background:#f8fbfd!important;padding:12px 14px 14px!important}
body[data-page="reconciliation"] .pvx-details-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}
body[data-page="reconciliation"] .pvx-details-meta>span{display:grid;gap:2px;background:#fff;border:1px solid #e2ebf1;border-radius:9px;padding:7px 10px;min-width:160px}
body[data-page="reconciliation"] .pvx-details-meta small{font-size:10px;color:#8298a8}
body[data-page="reconciliation"] .pvx-details-meta b{font-size:12px;color:#2d526b}
body[data-page="reconciliation"] .pv-bulk-bar{border-radius:12px!important;border:1px solid #cfe1ed!important;background:#f5faff!important;padding:8px 10px!important;font-size:12px!important}

/* Readable auxiliary sections */
body[data-page="reconciliation"] .pv-bank-ledger-shell,body[data-page="reconciliation"] .pv-suspect-bank,body[data-page="reconciliation"] .pv-legacy{border-radius:14px!important;border:1px solid #dce8f0!important;background:#fff!important;color:#365b74!important}
body[data-page="reconciliation"] .pv-bank-ledger-shell>summary{padding:12px 14px!important}
body[data-page="reconciliation"] .pv-bank-ledger-shell summary b,body[data-page="reconciliation"] .pv-suspect-bank h3{font-size:13.5px!important}
body[data-page="reconciliation"] .pv-bank-ledger-shell summary small,body[data-page="reconciliation"] .pv-suspect-bank small{font-size:11px!important}
body[data-page="reconciliation"] .pv-bank-ledger-tools input,body[data-page="reconciliation"] .pv-bank-ledger-tools select,body[data-page="reconciliation"] .pv-bank-search input,body[data-page="reconciliation"] .pv-bank-search select{min-height:40px!important;font-size:12.5px!important;border-radius:10px!important}
body[data-page="reconciliation"] .pv-bank-ledger-results b{font-size:13px!important}
body[data-page="reconciliation"] .pv-bank-ledger-results small,body[data-page="reconciliation"] .pv-bank-ledger-results p{font-size:11px!important}

/* Modal brought back into the site's blue language. */
body[data-page="reconciliation"] .pv-modal-panel{background:#f7fbfd!important;border-color:#d4e3ed!important;border-radius:16px!important}
body[data-page="reconciliation"] .pv-modal-head{background:linear-gradient(135deg,#0f3a5c,#174e75)!important;border-radius:12px!important;padding:13px 14px!important}
body[data-page="reconciliation"] .pv-modal-head h2{font-size:16px!important}
body[data-page="reconciliation"] .pv-modal-head p{font-size:11.5px!important;line-height:1.6!important}
body[data-page="reconciliation"] .pv-bank-option{border-radius:11px!important;padding:10px 12px!important}
body[data-page="reconciliation"] .pv-bank-option b{font-size:13px!important}
body[data-page="reconciliation"] .pv-bank-option small,body[data-page="reconciliation"] .pv-bank-option p{font-size:11px!important}

@media(max-width:1250px){
  body[data-page="reconciliation"] .pv-overview-v628{grid-template-columns:1fr}
  body[data-page="reconciliation"] .pv-overview-actions{justify-content:flex-start!important}
  body[data-page="reconciliation"] .pv-toolbar-v628{grid-template-columns:minmax(250px,1fr) auto;position:relative;top:auto}
  body[data-page="reconciliation"] .pv-filters{grid-column:1/-1}
  body[data-page="reconciliation"] .pvx-primary-v628{grid-template-columns:24px minmax(180px,1.2fr) minmax(120px,.8fr) minmax(125px,.8fr) minmax(120px,.8fr) minmax(110px,.7fr) minmax(135px,.8fr);grid-template-areas:"sel customer service amount datetime card state" "actions actions actions actions actions actions actions";row-gap:8px}
  body[data-page="reconciliation"] .pvx-select-cell{grid-area:sel}.pvx-customer{grid-area:customer}.pvx-service{grid-area:service}.pvx-amount{grid-area:amount}.pvx-datetime{grid-area:datetime}.pvx-card4{grid-area:card}.pvx-state{grid-area:state}
  body[data-page="reconciliation"] .pvx-actions{grid-area:actions;border-top:1px solid #edf3f7;padding:8px 0 0!important;justify-content:flex-start!important}
}
@media(max-width:900px){
  body[data-page="reconciliation"] .pv-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body[data-page="reconciliation"] .pv-toolbar-v628{grid-template-columns:1fr auto}
  body[data-page="reconciliation"] .pv-filter-trigger{display:block}
  body[data-page="reconciliation"] .pv-filters{display:none!important;grid-column:1/-1;flex-wrap:wrap!important}
  body[data-page="reconciliation"] .pv-filters.is-open{display:flex!important}
  body[data-page="reconciliation"] .pvx-primary-v628{display:grid!important;grid-template-columns:24px minmax(0,1fr) auto!important;grid-template-areas:"sel customer state" "service service service" "amount datetime card" "actions actions actions"!important;padding:10px!important}
  body[data-page="reconciliation"] .pvx-service{border-inline-start:0!important;border-top:1px solid #edf3f7!important;padding:8px 0!important;grid-template-columns:auto 1fr!important;align-items:center!important}
  body[data-page="reconciliation"] .pvx-service small{margin-inline-end:8px}
  body[data-page="reconciliation"] .pvx-fact{padding:8px 7px!important;border-top:1px solid #edf3f7!important;min-height:0!important}
  body[data-page="reconciliation"] .pvx-amount{border-inline-start:0!important}
  body[data-page="reconciliation"] .pvx-actions{justify-content:stretch!important;overflow:auto!important}
}
@media(max-width:520px){
  body[data-page="reconciliation"] .pv-shell{gap:10px!important;padding-bottom:calc(78px + env(safe-area-inset-bottom,0px))!important}
  body[data-page="reconciliation"] .pv-summary-grid{grid-template-columns:1fr 1fr;gap:7px}
  body[data-page="reconciliation"] .pv-flow-step{min-height:82px!important;padding:12px!important;border-radius:13px!important}
  body[data-page="reconciliation"] .pv-flow-step strong{font-size:23px!important}
  body[data-page="reconciliation"] .pv-flow-step small{display:none}
  body[data-page="reconciliation"] .pv-overview-actions{display:grid!important;grid-template-columns:1fr 1fr}
  body[data-page="reconciliation"] .pv-overview-actions .pv-btn{justify-content:center!important;padding:0 10px!important}
  body[data-page="reconciliation"] .pv-toolbar-v628{padding:7px!important;border-radius:12px!important}
  body[data-page="reconciliation"] .pv-search input{font-size:12px!important}
  body[data-page="reconciliation"] .pvx-primary-v628{grid-template-columns:22px minmax(0,1fr) auto!important;grid-template-areas:"sel customer state" "service service service" "amount amount amount" "datetime card card" "actions actions actions"!important}
  body[data-page="reconciliation"] .pvx-customer>b{font-size:13.5px!important}
  body[data-page="reconciliation"] .pvx-state{border-inline-start:0!important;padding:0!important;align-items:flex-end!important}
  body[data-page="reconciliation"] .pvx-fact{border-inline-start:0!important}
  body[data-page="reconciliation"] .pvx-amount b{font-size:15px!important}
  body[data-page="reconciliation"] .pvx-actions .pv-btn,body[data-page="reconciliation"] .pvx-btn{min-height:36px!important;font-size:11px!important}
}