/* =========================================================
   VANCE CEYLON — ACCOUNT RECONCILIATION
========================================================= */
.vrcon-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
.vrcon-stat{
  border:1px solid #e3e3e3;
  border-radius:12px;
  padding:14px;
  background:#fff;
}
.vrcon-stat span{
  display:block;
  color:#707070;
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.vrcon-stat strong{
  display:block;
  margin-top:6px;
  font-size:20px;
}
.vrcon-form-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.vrcon-wide{grid-column:1/-1}
.vrcon-variance{
  border:2px solid #111;
}
.vrcon-variance.ok{
  border-color:#1d6f42;
}
.vrcon-variance.diff{
  border-color:#a24620;
}
.vrcon-table-wrap{overflow:auto}
.vrcon-table{width:100%;border-collapse:collapse;min-width:850px}
.vrcon-table th,.vrcon-table td{
  padding:10px 8px;
  border-bottom:1px solid #e6e6e6;
  text-align:left;
  vertical-align:top;
}
.vrcon-badge{
  display:inline-block;
  border:1px solid #bbb;
  border-radius:999px;
  padding:4px 8px;
  font-size:9px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.vrcon-badge.reconciled{border-color:#1d6f42;color:#1d6f42}
.vrcon-badge.difference{border-color:#a24620;color:#a24620}
.vrcon-badge.draft{color:#666}
@media(max-width:900px){
  .vrcon-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vrcon-form-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  .vrcon-grid,.vrcon-form-grid{grid-template-columns:1fr}
  .vrcon-wide{grid-column:auto}
}