/* ShahrVam v624 — root reconciliation queue redesign
   Scope: payment verification/reconciliation page only.
   Goal: dense two-line desktop rows, clear hierarchy, no empty vertical zones.
*/
body[data-page="reconciliation"] .pv-list{gap:7px!important}

body[data-page="reconciliation"] .pvx-card{
  background:#fff;
  border:1px solid #d9e4eb;
  border-radius:12px;
  box-shadow:0 2px 9px rgba(28,61,84,.04);
  overflow:hidden;
  transition:border-color .16s ease,box-shadow .16s ease;
}
body[data-page="reconciliation"] .pvx-card:hover{border-color:#bdced9;box-shadow:0 4px 14px rgba(28,61,84,.065)}
body[data-page="reconciliation"] .pvx-card.is-final{border-inline-start:3px solid #c68a2d}
body[data-page="reconciliation"] .pvx-card.is-selected{border-color:#77a8c2;box-shadow:0 0 0 2px rgba(30,112,154,.09)}

/* Primary row: all decision-critical information on one horizontal line. */
body[data-page="reconciliation"] .pvx-primary{
  min-height:57px;
  padding:7px 10px;
  display:grid;
  grid-template-columns:24px minmax(190px,1.15fr) minmax(430px,2.55fr) minmax(128px,.78fr);
  align-items:center;
  gap:0;
}
body[data-page="reconciliation"] .pvx-primary>*{min-width:0}
body[data-page="reconciliation"] .pvx-select,
body[data-page="reconciliation"] .pvx-select-spacer{width:24px;height:24px;display:grid;place-items:center}
body[data-page="reconciliation"] .pvx-select{cursor:pointer}
body[data-page="reconciliation"] .pvx-select input{position:absolute;opacity:0;pointer-events:none}
body[data-page="reconciliation"] .pvx-select span{width:15px;height:15px;border:1.5px solid #a9bbc7;border-radius:4px;background:#fff;position:relative}
body[data-page="reconciliation"] .pvx-select input:checked+span{background:#176b94;border-color:#176b94}
body[data-page="reconciliation"] .pvx-select input:checked+span:after{content:'✓';position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:10px;font-weight:900}

body[data-page="reconciliation"] .pvx-customer{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:7px;row-gap:1px;padding-inline:8px 12px}
body[data-page="reconciliation"] .pvx-customer .pvx-channel{grid-column:1;font-size:7.8px;font-weight:900;color:#2c668e;background:#eef5f8;border-radius:999px;padding:2px 6px;white-space:nowrap}
body[data-page="reconciliation"] .pvx-customer>b{grid-column:2;font-size:11.5px;line-height:1.35;color:#153d59;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body[data-page="reconciliation"] .pvx-customer>small{grid-column:2;font-size:8.3px;line-height:1.25;color:#7a8f9e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

body[data-page="reconciliation"] .pvx-facts{display:grid;grid-template-columns:minmax(120px,.8fr) minmax(100px,.62fr) minmax(160px,1fr);align-items:stretch;min-width:0}
body[data-page="reconciliation"] .pvx-fact{padding:2px 12px;border-inline-start:1px solid #edf2f5;display:grid;gap:1px;align-content:center;min-height:36px}
body[data-page="reconciliation"] .pvx-fact small{font-size:7.5px;font-weight:750;color:#7a8e9b;line-height:1.2}
body[data-page="reconciliation"] .pvx-fact b{font-size:10px;color:#244a64;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body[data-page="reconciliation"] .pvx-fact em{font-style:normal;font-size:7.8px;color:#6f8796}
body[data-page="reconciliation"] .pvx-amount b{font-size:11px;color:#17644e;font-weight:950}
body[data-page="reconciliation"] .pvx-datetime b span{color:#9babb5;padding-inline:2px}

body[data-page="reconciliation"] .pvx-state{padding-inline-start:12px;display:flex;align-items:flex-end;justify-content:center;flex-direction:column;gap:3px}
body[data-page="reconciliation"] .pvx-state .pv-status,
body[data-page="reconciliation"] .pvx-state .pv-auto-badge{max-width:100%;padding:3px 7px;font-size:7.7px;line-height:1.45;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Secondary row: people, auto-match signal and all actions share one compact line. */
body[data-page="reconciliation"] .pvx-secondary{
  min-height:42px;
  padding:5px 10px;
  border-top:1px solid #edf2f5;
  background:#fbfcfd;
  display:grid;
  grid-template-columns:minmax(360px,1.6fr) minmax(220px,.9fr) auto;
  align-items:center;
  gap:8px;
}
body[data-page="reconciliation"] .pvx-secondary.no-compare{grid-template-columns:minmax(360px,1fr) auto}
body[data-page="reconciliation"] .pvx-secondary.no-compare .pvx-match{display:none}
body[data-page="reconciliation"] .pvx-people{display:flex;align-items:center;gap:0;min-width:0;overflow:hidden}
body[data-page="reconciliation"] .pvx-people>span{display:flex;align-items:center;gap:4px;padding-inline:9px;border-inline-start:1px solid #e7eef2;min-width:0}
body[data-page="reconciliation"] .pvx-people>span:first-child{padding-inline-start:0;border-inline-start:0}
body[data-page="reconciliation"] .pvx-people small{font-size:7.4px;color:#7b8e9b;white-space:nowrap}
body[data-page="reconciliation"] .pvx-people b{font-size:8.7px;color:#304f63;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:135px}
body[data-page="reconciliation"] .pvx-people .pv-self{font-size:6.9px;padding:1px 4px;margin:0;background:#fff0d5;color:#8a5d1b;border-radius:999px;white-space:nowrap}

body[data-page="reconciliation"] .pvx-match{min-width:0}
body[data-page="reconciliation"] .pvx-match .pv-auto-parts{display:flex;justify-content:flex-start;gap:3px;flex-wrap:nowrap;min-width:0}
body[data-page="reconciliation"] .pvx-match .pv-auto-parts>span{padding:2px 5px;border-radius:999px;font-size:6.9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

body[data-page="reconciliation"] .pvx-actions{display:flex;align-items:center;justify-content:flex-end;gap:4px;white-space:nowrap}
body[data-page="reconciliation"] .pvx-actions .pv-btn,
body[data-page="reconciliation"] .pvx-btn{
  min-height:27px;
  border-radius:7px;
  padding:5px 8px;
  font-size:8.2px;
  font-weight:850;
  line-height:1.2;
  white-space:nowrap;
}
body[data-page="reconciliation"] .pvx-btn{border:1px solid #d2dfe7;background:#fff;color:#315d79;cursor:pointer;font-family:inherit}
body[data-page="reconciliation"] .pvx-btn:hover{background:#f4f8fa}
body[data-page="reconciliation"] .pvx-history{background:#fff}
body[data-page="reconciliation"] .pvx-details-toggle{display:inline-flex;align-items:center;gap:4px;background:#eef4f7;border-color:#d5e2e9;color:#285a79}
body[data-page="reconciliation"] .pvx-details-toggle i{font-style:normal;font-size:11px;transition:transform .15s ease}
body[data-page="reconciliation"] .pvx-details-toggle[aria-expanded="true"] i{transform:rotate(180deg)}

/* Details only consume vertical space when explicitly opened. */
body[data-page="reconciliation"] .pvx-details-panel{border-top:1px solid #dde8ee;background:#f7fafb;padding:8px 10px 10px}
body[data-page="reconciliation"] .pvx-details-panel .pv-final-compare{margin:0;padding:7px;border-radius:9px;gap:5px}
body[data-page="reconciliation"] .pvx-details-panel .pv-compare-head b{font-size:9.5px}
body[data-page="reconciliation"] .pvx-details-panel .pv-compare-head small{font-size:7.8px}
body[data-page="reconciliation"] .pvx-details-panel .pv-final-facts{gap:5px}
body[data-page="reconciliation"] .pvx-details-panel .pv-final-facts section{padding:6px 7px;border-radius:7px}
body[data-page="reconciliation"] .pvx-details-panel .pv-final-facts small{font-size:7.5px}
body[data-page="reconciliation"] .pvx-details-panel .pv-final-facts b{font-size:9.7px}
body[data-page="reconciliation"] .pvx-details-panel .pv-final-facts span,
body[data-page="reconciliation"] .pvx-details-panel .pv-final-facts p{font-size:7.7px}

body[data-page="reconciliation"] .pvx-card>.pv-financial-name-warning,
body[data-page="reconciliation"] .pvx-card>.pv-v618-return{margin:0;border-radius:0;border-inline:0;padding:6px 10px}

/* Prevent old reconciliation-card rules loaded earlier from reintroducing height. */
body[data-page="reconciliation"] .pvx-card .pv-request-actions,
body[data-page="reconciliation"] .pvx-card .pv-request-summary,
body[data-page="reconciliation"] .pvx-card .pv-request-meta-line,
body[data-page="reconciliation"] .pvx-card .pv-request-details{display:none!important}

@media(max-width:1180px){
  body[data-page="reconciliation"] .pvx-primary{grid-template-columns:24px minmax(170px,1.05fr) minmax(390px,2.35fr) minmax(120px,.72fr)}
  body[data-page="reconciliation"] .pvx-secondary{grid-template-columns:minmax(300px,1.3fr) minmax(180px,.75fr) auto}
  body[data-page="reconciliation"] .pvx-secondary.no-compare{grid-template-columns:minmax(300px,1fr) auto}
  body[data-page="reconciliation"] .pvx-people b{max-width:105px}
  body[data-page="reconciliation"] .pvx-actions .pv-btn,body[data-page="reconciliation"] .pvx-btn{padding-inline:6px;font-size:7.7px}
}

@media(max-width:900px){
  body[data-page="reconciliation"] .pvx-primary{padding:7px 8px;grid-template-columns:24px minmax(0,1fr) auto;row-gap:6px}
  body[data-page="reconciliation"] .pvx-select,body[data-page="reconciliation"] .pvx-select-spacer{grid-row:1;grid-column:1}
  body[data-page="reconciliation"] .pvx-customer{grid-row:1;grid-column:2;padding-inline:5px 10px}
  body[data-page="reconciliation"] .pvx-state{grid-row:1;grid-column:3;padding-inline-start:6px}
  body[data-page="reconciliation"] .pvx-facts{grid-row:2;grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #eef3f5}
  body[data-page="reconciliation"] .pvx-fact{min-height:32px;padding:3px 8px;border-inline-start:1px solid #eef3f5}
  body[data-page="reconciliation"] .pvx-fact:first-child{border-inline-start:0}
  body[data-page="reconciliation"] .pvx-secondary,body[data-page="reconciliation"] .pvx-secondary.no-compare{grid-template-columns:1fr;gap:6px;padding:6px 8px}
  body[data-page="reconciliation"] .pvx-people{overflow:visible;flex-wrap:wrap;row-gap:4px}
  body[data-page="reconciliation"] .pvx-match .pv-auto-parts{flex-wrap:wrap}
  body[data-page="reconciliation"] .pvx-actions{justify-content:flex-start;flex-wrap:wrap}
}

@media(max-width:560px){
  body[data-page="reconciliation"] .pvx-card{border-radius:10px}
  body[data-page="reconciliation"] .pvx-primary{grid-template-columns:22px minmax(0,1fr);row-gap:5px}
  body[data-page="reconciliation"] .pvx-customer{grid-column:2;grid-row:1}
  body[data-page="reconciliation"] .pvx-state{grid-column:1/-1;grid-row:2;flex-direction:row;justify-content:flex-start;align-items:center;padding:0 4px;flex-wrap:wrap}
  body[data-page="reconciliation"] .pvx-facts{grid-column:1/-1;grid-row:3;grid-template-columns:1fr 1fr}
  body[data-page="reconciliation"] .pvx-amount{grid-column:1/-1}
  body[data-page="reconciliation"] .pvx-card4{grid-column:auto}
  body[data-page="reconciliation"] .pvx-datetime{grid-column:auto}
  body[data-page="reconciliation"] .pvx-customer>b{font-size:11px}
  body[data-page="reconciliation"] .pvx-fact{padding:4px 6px}
  body[data-page="reconciliation"] .pvx-people{display:grid;grid-template-columns:1fr 1fr;gap:4px}
  body[data-page="reconciliation"] .pvx-people>span{padding:4px 6px!important;border:1px solid #e6edf1!important;border-radius:7px;background:#fff;display:grid;gap:1px}
  body[data-page="reconciliation"] .pvx-people>span:last-child{grid-column:1/-1}
  body[data-page="reconciliation"] .pvx-people b{max-width:none}
  body[data-page="reconciliation"] .pvx-actions{display:grid;grid-template-columns:1fr 1fr}
  body[data-page="reconciliation"] .pvx-actions .pv-btn,body[data-page="reconciliation"] .pvx-btn{width:100%;min-height:32px;font-size:8.3px}
  body[data-page="reconciliation"] .pvx-details-panel{padding:7px}
  body[data-page="reconciliation"] .pvx-details-panel .pv-final-facts{grid-template-columns:1fr}
}