/* SiteSight V1.99.3 — payment-control clarity */

.v1993-commercial-actions{align-items:center;justify-content:flex-end}
.v1993-money-terms{max-width:650px}
.v1993-money-terms>div:not(.actions){display:grid;grid-template-columns:150px 1fr;gap:16px;padding:13px 0;border-bottom:1px solid #dbe5ea}
.v1993-money-terms>div span{color:#5f7480;line-height:1.45}
.v1993-money-terms>.btn{margin-top:18px}

.v1993-period-bar{gap:14px}
.v1993-current-period{display:flex;align-items:end;gap:10px;flex-wrap:wrap;padding:12px;border-radius:14px;background:#f3f7f9;border:1px solid #d6e1e7}
.v1993-current-period label,.v1993-history-period label{display:grid;gap:5px;color:#506873;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.v1993-current-period .select,.v1993-history-period .select{min-width:145px}
.v1993-current-period small{color:#6d8089;margin:0 0 10px}

.v1993-payment-entry .v190-payment-limit{margin-bottom:12px}
.v1993-payment-review{max-width:720px}
.v1993-review-warning{padding:13px 15px;border-radius:12px;background:#fff4df;border:1px solid #efc16d;color:#5f4613;line-height:1.45}
.v1993-review-warning b{display:block;margin-bottom:3px;color:#3c2b0a}
.v1993-review-context{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}
.v1993-review-context>span,.v1993-review-note{display:grid;gap:4px;padding:12px;border-radius:12px;background:#f4f7f8;border:1px solid #dbe5ea;min-width:0}
.v1993-review-context small,.v1993-review-note small{font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.055em;color:#6a7e88}
.v1993-review-context b,.v1993-review-note b{overflow-wrap:anywhere;color:#17384b}
.v1993-review-amounts{margin:0 0 12px}
.v1993-payment-review .actions{justify-content:flex-end;margin-top:16px}

.v1993-history-period{display:flex;align-items:end;gap:10px;flex-wrap:wrap}
.v1993-filter-toggle{display:none}
.v1993-filter-chips{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:12px 0 0}
.v1993-filter-chips span,.v1993-filter-chips button{min-height:34px;padding:7px 10px;border-radius:999px;border:1px solid #cbd9df;background:#eef4f6;color:#264958;font-size:12px;font-weight:750}
.v1993-filter-chips button{cursor:pointer;background:#fff}
.v1993-filter-chips button:hover{border-color:#e8842d;color:#ad4b00}
.v1993-filter-drawer{margin-top:12px}
.v1993-payment-state{display:inline-flex;padding:5px 8px;border-radius:999px;background:#eaf5ef;color:#21633e;font-size:11px;font-weight:850;white-space:nowrap}

.v1993-payment-card{display:none;border:1px solid #d6e2e7;border-radius:14px;background:#fff;overflow:hidden}
.v1993-payment-card summary{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:13px;cursor:pointer;list-style:none}
.v1993-payment-card summary::-webkit-details-marker{display:none}
.v1993-payment-card summary>span{display:grid;gap:4px;min-width:0}
.v1993-payment-card summary>span:last-child{text-align:right;justify-items:end}
.v1993-payment-card summary small{color:#667c86;white-space:normal}
.v1993-payment-card summary em{font-style:normal;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.045em;color:#2c6a48;background:#e9f5ee;border-radius:999px;padding:4px 7px}
.v1993-payment-card summary strong{font-size:18px;color:#17384b}
.v1993-payment-card-detail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px;border-top:1px solid #dfe8ec;background:#f7f9fa}
.v1993-payment-card-detail span{display:grid;gap:3px;min-width:0}
.v1993-payment-card-detail small{font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.045em;color:#6d818a}
.v1993-payment-card-detail b{font-size:13px;overflow-wrap:anywhere}
.v1993-payment-card>.btn{margin:0 12px 12px;width:calc(100% - 24px)}

.v1993-reconcile-differences{display:grid;gap:8px}
.v1993-reconcile-difference{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:12px;border:1px solid #d8e3e8;border-left:5px solid #d1dde2;border-radius:11px;background:#fff}
.v1993-reconcile-difference.warn{border-left-color:#e9a62b;background:#fffaf0}
.v1993-reconcile-difference.danger{border-left-color:#cf4e42;background:#fff6f5}
.v1993-reconcile-difference span{display:grid;gap:3px;min-width:0}
.v1993-reconcile-difference small{color:#667a84;line-height:1.35}
.v1993-reconcile-difference strong{color:#17384b;white-space:nowrap}
.v1993-run-history{display:grid;gap:8px}
.v1993-run-history>.sectionhead{margin-bottom:2px}
.v1993-run-history>button{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;width:100%;padding:12px;border:1px solid #dbe5ea;border-radius:11px;background:#fff;text-align:left;cursor:pointer}
.v1993-run-history>button:hover{border-color:#e8842d;background:#fffaf6}
.v1993-run-history>button span{display:grid;gap:3px;min-width:0}
.v1993-run-history>button small{color:#667b85;overflow-wrap:anywhere}
.v1993-run-history>button strong{color:#17384b;white-space:nowrap}
.v1993-run-state{font-style:normal;padding:5px 8px;border-radius:999px;background:#eef3f5;color:#48616d;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}
.v1993-run-state.paid{background:#e7f5ec;color:#1d6b3f}
.v1993-run-state.exported,.v1993-run-state.locked{background:#e8f1fb;color:#205f98}
.v1993-run-state.approved{background:#fff3dc;color:#885e0c}

.v1993-owner-summary{max-width:860px}
.v1993-owner-period{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 14px;border-radius:12px;background:#17384b;color:#fff}
.v1993-owner-period span{color:#d8e7ee}
.v1993-owner-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:12px 0}
.v1993-owner-metrics>span{display:grid;gap:5px;padding:12px;border:1px solid #dbe5ea;border-radius:12px;background:#f7f9fa;min-width:0}
.v1993-owner-metrics small{color:#637983;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.045em}
.v1993-owner-metrics b{font-size:17px;color:#17384b;overflow-wrap:anywhere}
.v1993-owner-exceptions{display:grid;gap:5px;padding:12px;border:1px solid #edc46f;border-radius:12px;background:#fff8e9;color:#654910}
.v1993-owner-exceptions span{line-height:1.45}

@media(max-width:900px){
  .v1993-commercial-actions{width:100%;justify-content:stretch}
  .v1993-commercial-actions .btn{flex:1}
  .v1993-period-bar .v174-period-dates{grid-template-columns:1fr auto 1fr}
  .v1993-period-bar .v174-period-dates b{grid-column:1/-1}
  .v1993-filter-toggle{display:inline-flex}
  .v1993-filter-drawer{display:none!important}
  .v1993-filter-drawer.open{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .v1993-payment-filter-panel{padding:12px!important}
  .v1993-payment-filter-panel .v1992-desktop-table{display:none!important}
  .v1992-payment-records>.v1992-desktop-table{display:none!important}
  .v1992-payment-records>.v1992-payment-cards{display:grid!important;gap:9px}
  .v1993-payment-card{display:block}
  .v1993-reconcile-difference,.v1993-run-history>button{grid-template-columns:minmax(0,1fr) auto}
  .v1993-reconcile-difference .btn{grid-column:1/-1;width:100%}
  .v1993-run-history>button strong{grid-column:1/-1}
  .v1993-owner-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:560px){
  .v1993-money-terms>div:not(.actions){grid-template-columns:1fr;gap:4px}
  .v1993-current-period,.v1993-history-period{align-items:stretch}
  .v1993-current-period>.btn,.v1993-history-period>.btn{width:100%;justify-content:center}
  .v1993-current-period label,.v1993-history-period label{width:100%}
  .v1993-current-period .select,.v1993-history-period .select{width:100%}
  .v1993-current-period small{margin:0}
  .v1993-period-bar .v174-period-dates{grid-template-columns:1fr}
  .v1993-period-bar .v174-period-dates>span{display:none}
  .v1993-filter-drawer.open{grid-template-columns:1fr!important}
  .v1993-review-context{grid-template-columns:1fr}
  .v1993-payment-review .actions{display:grid;grid-template-columns:1fr}
  .v1993-payment-card summary{grid-template-columns:1fr}
  .v1993-payment-card summary>span:last-child{text-align:left;justify-items:start}
  .v1993-payment-card-detail{grid-template-columns:1fr 1fr}
  .v1993-reconcile-difference,.v1993-run-history>button{grid-template-columns:1fr}
  .v1993-reconcile-difference strong,.v1993-run-state{justify-self:start}
  .v1993-owner-metrics{grid-template-columns:1fr}
  .v1993-owner-summary .actions{display:grid;grid-template-columns:1fr}
}
