.reconciliation-source-bar {
  display: grid;
  grid-template-columns: repeat(4, minmax(120px, 1fr)) auto;
  gap: 12px;
  align-items: end;
  margin: 0 0 16px;
  padding: 16px;
  border: 1px solid #dce4ef;
  border-radius: 18px;
  background: #fff;
}

.reconciliation-source-bar > div:not(.row-actions) {
  display: grid;
  gap: 4px;
}

.reconciliation-source-bar span,
.source-status-list dt {
  color: #64748b;
  font-size: 12px;
  font-weight: 700;
}

.reconciliation-source-bar strong {
  color: #0b2748;
  font-size: 15px;
}

.reconciliation-total-grid article { border-top: 4px solid #24447a; }
.reconciliation-total-grid article:nth-child(2) { border-top-color: #e0a21a; }
.reconciliation-total-grid article:nth-child(3) { border-top-color: #db7b28; }
.reconciliation-total-grid article:nth-child(4) { border-top-color: #1f8b67; }

.panel-heading {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 14px;
}

.panel-heading h2 { margin: 0 0 4px; }
.panel-heading p { margin: 0; color: #64748b; }
.reconciliation-source-panel { padding: 0; overflow: hidden; }
.reconciliation-source-panel .panel-heading { padding: 20px 20px 0; }
.reconciliation-daily-table { margin: 0; border: 0; border-radius: 0; }

.reconciliation-status {
  display: inline-flex;
  align-items: center;
  padding: 5px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 800;
  white-space: nowrap;
}

.status-cleared { background: #dcfce7; color: #166534; }
.status-returned { background: #fef3c7; color: #92400e; }
.status-unreturned { background: #fee2e2; color: #991b1b; }
.status-anomaly { background: #7f1d1d; color: #fff; }

.reconciliation-summary-sections {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.settlement-card-list { display: grid; gap: 10px; }
.settlement-summary-card {
  padding: 12px;
  border: 1px solid #e4e9f1;
  border-radius: 14px;
  background: #fff;
}

.settlement-summary-card > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}

.settlement-summary-card dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 12px 0 0;
}

.settlement-summary-card dl div {
  padding: 8px;
  border-radius: 9px;
  background: #f6f8fb;
}

.settlement-summary-card dt { color: #64748b; font-size: 11px; }
.settlement-summary-card dd { margin: 3px 0 0; color: #173253; font-weight: 800; }
.source-status-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 0;
}

.source-status-list div {
  min-width: 0;
  padding: 12px;
  border-radius: 12px;
  background: #f6f8fb;
}

.source-status-list dd {
  margin: 4px 0 0;
  color: #173253;
  overflow-wrap: anywhere;
}

.reconciliation-draft-bar { display: none; }
.receipt-summary small { display: block; color: #64748b; overflow-wrap: anywhere; }
.empty-state { margin: 0; color: #64748b; }
.reconciliation-form { scroll-margin-top: 18px; }

@media (max-width: 1000px) {
  .reconciliation-source-bar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .reconciliation-source-bar .row-actions { grid-column: 1 / -1; }
  .reconciliation-summary-sections { grid-template-columns: 1fr; }
  .source-status-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 680px) {
  .workspace-section[data-view="returns"] { padding-bottom: 92px; }
  .reconciliation-source-bar { grid-template-columns: 1fr 1fr; padding: 12px; }
  .reconciliation-source-bar .row-actions { display: grid; grid-template-columns: 1fr 1fr; }
  .reconciliation-total-grid { grid-template-columns: 1fr 1fr; }
  .reconciliation-total-grid article { min-height: 108px; }
  .reconciliation-daily-table,
  .reconciliation-table { overflow: visible; }
  .reconciliation-daily-table table,
  .reconciliation-daily-table tbody,
  .reconciliation-daily-table tr,
  .reconciliation-daily-table td,
  .reconciliation-table table,
  .reconciliation-table tbody,
  .reconciliation-table tr,
  .reconciliation-table td { display: block; width: 100%; }
  .reconciliation-daily-table thead,
  .reconciliation-table thead {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
  }
  .reconciliation-daily-table tr,
  .reconciliation-table tr {
    margin: 0 12px 12px;
    padding: 9px;
    border: 1px solid #dce4ef;
    border-radius: 16px;
    background: #fff;
  }
  .reconciliation-daily-table td,
  .reconciliation-table td {
    display: grid;
    grid-template-columns: minmax(92px, 35%) minmax(0, 1fr);
    gap: 10px;
    align-items: start;
    padding: 7px 8px;
    border: 0;
    overflow-wrap: anywhere;
  }
  .reconciliation-daily-table td::before,
  .reconciliation-table td::before {
    content: attr(data-label);
    color: #64748b;
    font-size: 12px;
    font-weight: 800;
  }
  .reconciliation-daily-table td[colspan],
  .reconciliation-table td[colspan] { display: block; }
  .reconciliation-daily-table td[colspan]::before,
  .reconciliation-table td[colspan]::before { display: none; }
  .reconciliation-table .row-actions { display: grid; grid-template-columns: 1fr 1fr; }
  .reconciliation-table .row-actions::before { grid-column: 1 / -1; }
  .reconciliation-draft-bar {
    position: fixed;
    right: 12px;
    bottom: calc(10px + env(safe-area-inset-bottom));
    left: 12px;
    z-index: 60;
    grid-template-columns: 1fr auto auto;
    align-items: center;
    gap: 8px;
    padding: 10px;
    border-radius: 16px;
    background: #102a4c;
    color: #fff;
    box-shadow: 0 14px 35px #0f172a55;
  }
  .reconciliation-draft-bar:not([hidden]) { display: grid; }
  .reconciliation-draft-bar button { margin: 0; }
  .source-status-list { grid-template-columns: 1fr; }
  .panel-heading { display: grid; }
  .settlement-summary-card dl { grid-template-columns: 1fr 1fr; }
}