.reconciliation-context {
  display: grid;
  grid-template-columns: 190px 210px 1fr;
  gap: 12px;
  align-items: end;
  margin-bottom: 17px;
  padding: 16px 18px;
  border-radius: 11px;
  background: var(--deep);
  color: white;
}

.reconciliation-context > div > span {
  display: block;
  margin-bottom: 6px;
  color: #9bb7af;
  font-size: 10px;
  font-weight: 700;
}

.reconciliation-context input,
.reconciliation-context select {
  margin: 0;
  border-color: #31534e;
  background: #123330;
  color: white;
  color-scheme: dark;
}

.context-note { padding: 0 5px 5px; }
.context-note b { display: block; margin-bottom: 4px; color: var(--lime); font-size: 11px; }
.context-note span { margin: 0 !important; font-weight: 400 !important; }
.statement-meta { display: flex; align-items: end; gap: 14px; margin: -5px 0 16px; }
.statement-meta label { width: 190px; }
.statement-meta span { padding-bottom: 10px; color: #7f908b; font-size: 10px; }
.statement-meta b { color: var(--ink); }
.reconciliation-date-only { grid-template-columns: 260px 1fr; }
.reconciliation-date-only label > span { display: block; margin-bottom: 6px; color: #9bb7af; font-size: 10px; font-weight: 700; }
.date-search-control { display: grid; grid-template-columns: 1fr 42px; gap: 7px; }
.date-search-control button { border: 1px solid #476a63; border-radius: 7px; background: var(--lime); color: var(--deep); font-size: 19px; font-weight: 700; }
.recon-formula { margin-top: 12px; padding: 10px 12px; border-radius: 7px; background: #f1f7ed; color: #557052; font-size: 10px; line-height: 1.5; }
.agent-share-list { display: grid; gap: 7px; margin-top: 13px; }
.agent-share-list > div:not(.empty-list) { display: flex; justify-content: space-between; gap: 10px; padding: 9px 10px; border-radius: 7px; background: var(--soft); }
.agent-share-list b { font-size: 11px; }
.agent-share-list span { color: #84958f; font-size: 9px; }
.statement-save { margin: 0 0 16px; border-color: #aacb8a; color: #4f8e40; }

@media (max-width: 700px) {
  .reconciliation-context { grid-template-columns: 1fr; }
  .statement-meta { display: block; }
  .statement-meta label { width: 100%; }
  .statement-meta span { display: block; padding: 10px 0 0; }
}