.proof-layout { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(260px, .65fr); gap: 18px; }
.field-hidden { display: none; }
.proof-guide { padding: 28px; border-radius: 17px; color: #fff; background: linear-gradient(145deg, #073b35, #12675a); }
.proof-guide > span { display: grid; width: 46px; height: 46px; place-items: center; border-radius: 14px; color: #073b35; background: #efcf7f; font-size: 19px; }
.proof-guide h2 { margin: 18px 0; font-family: "DM Serif Display", serif; font-size: 25px; font-weight: 400; }
.proof-guide ol { margin: 0; padding-left: 20px; color: #b8d0cb; font-size: 10px; line-height: 2; }
.proof-list { display: grid; gap: 9px; }
.proof-row { display: grid; grid-template-columns: 62px minmax(0, 1fr) auto auto; gap: 13px; align-items: center; padding: 12px; border: 1px solid var(--line); border-radius: 13px; }
.proof-thumb { display: block; width: 62px; height: 55px; overflow: hidden; border-radius: 9px; background: #eef3f0; }
.proof-thumb img { width: 100%; height: 100%; object-fit: cover; }
.proof-main strong, .proof-main small { display: block; }
.proof-main strong { font-size: 10px; }
.proof-main small, .proof-main p { margin: 4px 0 0; color: var(--muted); font-size: 8px; }
.proof-amount { display: grid; justify-items: end; gap: 7px; }
.proof-amount b { color: var(--forest); font-size: 11px; }
.proof-actions { display: flex; gap: 5px; }
.status.approved { background: #e0f5ed; color: #1c765f; }
.proof-total-box{display:grid;grid-template-columns:1fr auto;gap:4px 14px;padding:14px 16px;border-radius:13px;background:linear-gradient(135deg,#073b35,#12675a);color:#fff}.proof-total-box span{font-size:8px;letter-spacing:.8px;color:#9fc6bf;font-weight:800}.proof-total-box strong{grid-row:1/3;grid-column:2;font-size:20px;color:#f0ce7b}.proof-total-box small{font-size:8px;color:#c2d8d3}.proof-split{display:flex;gap:5px;flex-wrap:wrap;margin-top:6px}.proof-split span{padding:4px 6px;border-radius:6px;background:#eef5f2;color:#4d6963;font-size:7px}

.evidence-panel { margin-bottom: 18px; }
.evidence-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.evidence-steps article { display: grid; grid-template-columns: 35px 1fr; gap: 10px; min-height: 86px; padding: 15px; border: 1px dashed #d4ddda; border-radius: 13px; background: #fafcfa; }
.evidence-steps article > span { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 50%; color: #879590; background: #edf1ef; font-size: 11px; font-weight: 800; }
.evidence-steps article.complete { border-style: solid; border-color: #bcded4; background: #f1faf7; }
.evidence-steps article.complete > span { color: #fff; background: var(--leaf); }
.evidence-steps strong, .evidence-steps small { display: block; }
.evidence-steps strong { font-size: 10px; }
.evidence-steps small { margin: 5px 0; color: var(--muted); font-size: 8px; line-height: 1.5; }
.evidence-form { margin-top: 15px; border-top: 1px solid var(--line); padding-top: 14px; }
.evidence-form summary { color: var(--leaf); font-size: 9px; font-weight: 800; cursor: pointer; }
.receipt-confirm-form { display: grid; grid-template-columns: 1fr 1fr auto; gap: 12px; align-items: end; margin-top: 15px; padding: 15px; border-radius: 12px; background: #fff7e5; }
.receipt-confirm-form label { color: #69552a; font-size: 9px; line-height: 1.5; }
.repayment-proof-row { padding: 7px 0; border-bottom: 1px solid var(--line); }
.repayment-proof-row:last-child { border-bottom: 0; }
.repayment-proof-row .transaction { border: 0; padding-bottom: 5px; }
.repayment-split { display: flex; gap: 9px; align-items: center; padding-left: 46px; color: var(--muted); font-size: 8px; }
.repayment-split span { padding: 5px 7px; border-radius: 7px; background: #f1f5f2; }
.repayment-split a { color: var(--leaf); font-weight: 700; }
.repayment-quote { display: flex; gap: 12px; align-items: center; margin-bottom: 14px; padding: 14px 17px; border: 1px solid #d4e8e0; border-radius: 13px; background: #edf8f4; }
.repayment-quote > span { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 10px; color: #fff; background: var(--leaf); }
.repayment-quote small, .repayment-quote strong { display: block; }
.repayment-quote small { color: var(--leaf); font-size: 7px; font-weight: 800; letter-spacing: .8px; }
.repayment-quote strong { margin-top: 4px; color: var(--forest); font-size: 10px; }
.interest-due-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; margin-bottom: 14px; }
.interest-due-list button { display: flex; justify-content: space-between; gap: 15px; padding: 13px 15px; border: 1px solid #dbe5e1; border-radius: 12px; color: var(--ink); background: #fff; text-align: left; cursor: pointer; }
.interest-due-list button:hover { border-color: var(--leaf); background: #f4faf7; }
.interest-due-list b, .interest-due-list small, .interest-due-list strong { display: block; }
.interest-due-list b { font-size: 9px; }
.interest-due-list small { margin-top: 4px; color: var(--muted); font-size: 7px; }
.interest-due-list strong { color: #a87314; font-size: 14px; text-align: right; white-space: nowrap; }
.interest-due-list strong small { color: #a87314; }
.financial-strip.four { grid-template-columns: repeat(4, 1fr); }
.financial-strip .interest-highlight { border-color: #ecd69f; background: #fff7e6; }
.financial-strip .interest-highlight strong { color: #9a6912; }
.interest-formula { display: grid; grid-template-columns: 64px 1fr; gap: 16px; align-items: center; margin: 14px 0; padding: 18px 21px; border: 1px solid #e8d39d; border-radius: 15px; background: linear-gradient(135deg, #fff8e8, #fffdf7); }
.interest-formula > span { display: grid; width: 60px; height: 60px; place-items: center; border-radius: 17px; color: #fff; background: #ad7a19; font-size: 11px; font-weight: 800; text-align: center; }
.interest-formula small, .interest-formula strong, .interest-formula p { display: block; }
.interest-formula small { color: #9a6b18; font-size: 8px; font-weight: 800; letter-spacing: .8px; }
.interest-formula strong { margin: 6px 0; color: var(--forest); font-size: 13px; line-height: 1.5; }
.interest-formula strong b { color: #a66e08; }
.interest-formula p { margin: 0; color: var(--muted); font-size: 8px; }
.loan-payment-cta { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin: 14px 0 18px; padding: 16px 20px; border-radius: 14px; color: #fff; background: var(--forest); }
.loan-payment-cta strong { display: block; margin-top: 5px; color: #f0ce7b; font-size: 12px; }
.loan-payment-cta .primary-button { color: var(--forest); background: #f0ce7b; }
.monthly-interest-callout { margin: 14px 0; padding: 13px; border-radius: 11px; background: #fff5dc; }
.monthly-interest-callout small, .monthly-interest-callout b, .monthly-interest-callout span { display: block; }
.monthly-interest-callout small { color: #936615; font-size: 7px; font-weight: 800; letter-spacing: .6px; }
.monthly-interest-callout b { margin: 5px 0; color: #8b5d09; font-size: 21px; }
.monthly-interest-callout span { color: #9a7b42; font-size: 8px; }
.interest-cell { color: #9b6811; font-size: 12px; font-weight: 800; }
.primary-button.compact { padding: 8px 10px; font-size: 8px; white-space: nowrap; }
.interest-metric { border-color: #ead7a7; background: #fffdf7; }

.transparency-admin-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin: 18px 0; }
.proof-mini-list { display: grid; }
.proof-mini-list > a { display: grid; grid-template-columns: 34px 1fr auto; gap: 10px; align-items: center; padding: 10px 0; color: var(--ink); text-decoration: none; border-bottom: 1px solid var(--line); }
.proof-mini-list > a:last-child { border-bottom: 0; }
.proof-mini-list strong, .proof-mini-list small { display: block; }
.proof-mini-list strong { font-size: 9px; }
.proof-mini-list small { margin-top: 3px; color: var(--muted); font-size: 7px; }
.proof-mini-list b { color: var(--forest); font-size: 9px; }
.proof-mini-list .analytics-icon { width: 32px; height: 32px; }
.policy-quick-edit { display: grid; grid-template-columns: .65fr 1.35fr; gap: 30px; align-items: center; margin: 18px 0; }
.policy-quick-edit h2 { margin: 4px 0; font-family: "DM Serif Display", serif; font-size: 23px; font-weight: 400; }
.policy-quick-edit p { color: var(--muted); font-size: 9px; }
.policy-quick-edit form { display: grid; grid-template-columns: repeat(5, 1fr) auto; gap: 8px; align-items: end; }
.policy-quick-edit label { color: var(--muted); font-size: 8px; font-weight: 700; }
.policy-quick-edit .form-input { margin-top: 5px; }

@media (max-width: 1050px) {
  .transparency-admin-grid { grid-template-columns: 1fr 1fr; }
  .policy-quick-edit { grid-template-columns: 1fr; }
  .policy-quick-edit form { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 760px) {
  .proof-layout, .transparency-admin-grid { grid-template-columns: 1fr; }
  .proof-row { grid-template-columns: 55px 1fr auto; }
  .proof-actions { grid-column: 2/-1; }
  .evidence-steps { grid-template-columns: 1fr; }
  .receipt-confirm-form { grid-template-columns: 1fr; }
  .financial-strip.four { grid-template-columns: 1fr 1fr; }
  .interest-due-list { grid-template-columns: 1fr; }
  .loan-payment-cta { align-items: flex-start; flex-direction: column; }
  .policy-quick-edit form { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 480px) {
  .proof-row { grid-template-columns: 48px 1fr; }
  .proof-thumb { width: 48px; height: 48px; }
  .proof-amount, .proof-actions { grid-column: 2; justify-items: start; }
  .policy-quick-edit form { grid-template-columns: 1fr; }
  .repayment-split { padding-left: 0; flex-wrap: wrap; }
  .financial-strip.four { grid-template-columns: 1fr; }
  .interest-formula { grid-template-columns: 48px 1fr; padding: 14px; }
  .interest-formula > span { width: 46px; height: 46px; border-radius: 13px; font-size: 9px; }
}
/* Combined monthly collection */
.collection-quote{grid-template-columns:auto 1fr auto}.collection-quote>b{color:#073b35;background:#fff4d7;padding:10px 13px;border-radius:10px;font-size:11px;white-space:nowrap}.bulk-collection-page{max-width:1380px}.bulk-common-fields{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.bulk-common-fields .wide{grid-column:1/-1}.bulk-common-fields label{display:block;font-size:10px;font-weight:700;color:#485b57}.bulk-member-panel{margin-top:3px}.bulk-table-wrap{overflow-x:auto}.bulk-collection-table{min-width:950px}.bulk-collection-table td{white-space:normal;vertical-align:middle}.bulk-collection-table .form-input{min-width:130px;margin:0}.bulk-collection-table .bulk-loan{min-width:235px}.bulk-member-check{width:18px;height:18px;accent-color:#1a7468}.bulk-collection-table tr.selected{background:#f1faf6}.bulk-row-total{color:#073b35;white-space:nowrap}.bulk-submit-bar{position:sticky;bottom:12px;z-index:5;background:#073b35;color:#fff;border-radius:16px;padding:15px 18px;margin-top:15px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 15px 40px #073b3540}.bulk-submit-bar>div{display:grid;grid-template-columns:auto auto;gap:2px 15px;align-items:center}.bulk-submit-bar small{font-size:8px;color:#9dc5be}.bulk-submit-bar strong{font-size:20px;grid-row:1/3;grid-column:2}.bulk-submit-bar span{font-size:9px;color:#b9d2cd}.bulk-submit-bar .primary-button{background:#d5a84b;color:#073b35}
@media(max-width:850px){.bulk-common-fields{grid-template-columns:1fr 1fr}.collection-quote{grid-template-columns:auto 1fr}.collection-quote>b{grid-column:1/-1}.bulk-submit-bar{bottom:8px}}@media(max-width:520px){.bulk-common-fields{grid-template-columns:1fr}.bulk-common-fields .wide{grid-column:auto}.bulk-submit-bar{align-items:stretch;flex-direction:column;gap:12px}.bulk-submit-bar .primary-button{width:100%}}

/* Connected loan workflow */
.workflow-alerts{display:grid;gap:9px;margin:14px 0}.workflow-alert{display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:center;padding:14px 16px;border:1px solid #ead6a3;border-radius:14px;background:#fff9eb;color:var(--ink);text-decoration:none}.workflow-alert>span,.member-workflow-message>span,.workflow-blocker>span{display:grid;width:36px;height:36px;place-items:center;border-radius:11px;background:#d5a84b;color:#073b35;font-weight:800}.workflow-alert strong,.workflow-alert small{display:block}.workflow-alert strong{font-size:10px}.workflow-alert small{margin-top:4px;color:var(--muted);font-size:8px}.workflow-alert>b{color:#8c6110;font-size:9px}.workflow-alert.action{border-color:#b7ddd3;background:#eff9f5}.workflow-alert.action>span{background:#1a7468;color:#fff}.workflow-alert.action>b{color:#1a7468}.workflow-blocker{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;margin-bottom:14px;padding:17px;border:1px solid #e9c9a0;border-radius:14px;background:#fff8ed}.workflow-blocker small,.workflow-blocker strong{display:block}.workflow-blocker small{color:#a36b19;font-size:8px;font-weight:800}.workflow-blocker strong{margin:4px 0;font-size:11px}.workflow-blocker p{margin:0;color:var(--muted);font-size:8px;line-height:1.5}.loan-workflow-chip{margin:-4px 0 14px;padding:10px 12px;border-radius:10px;background:#f2f6f4}.loan-workflow-chip b,.loan-workflow-chip span{display:block}.loan-workflow-chip b{font-size:9px;color:#56716b}.loan-workflow-chip span{margin-top:3px;color:var(--muted);font-size:8px}.loan-workflow-chip.waiting{background:#fff6e4}.loan-workflow-chip.waiting b{color:#9b6811}.loan-workflow-chip.action{background:#eaf7f3}.loan-workflow-chip.action b,.loan-workflow-chip.ready b{color:#16705f}.connected-evidence{margin-top:18px;border:1px solid #d5e2dd;border-radius:13px;background:#fbfdfc;overflow:hidden}.connected-evidence[open]{border-color:#e2c67d;background:#fffaf0}.connected-evidence summary{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;color:#073b35;font-size:10px!important;font-weight:800;list-style:none}.connected-evidence summary::-webkit-details-marker{display:none}.connected-evidence summary b{color:#9c6a11;font-size:9px}.connected-evidence form{padding:0 16px 16px}.member-workflow-message{display:grid;grid-template-columns:auto 1fr;gap:13px;align-items:center;margin-top:17px;padding:15px;border-radius:13px;background:#fff8e9;border:1px solid #ead5a1}.member-workflow-message strong{font-size:10px}.member-workflow-message p{margin:4px 0 0;color:var(--muted);font-size:8px}.member-workflow-message.action,.member-workflow-message.ready{background:#eef9f5;border-color:#b9ded4}.member-workflow-message.action>span,.member-workflow-message.ready>span{background:#1a7468;color:#fff}.member-workflow-message.ready{grid-template-columns:auto 1fr auto}.connected-confirm{border:1px solid #b9ded4;background:#f2fbf8}
@media(max-width:760px){.workflow-alert,.workflow-blocker,.member-workflow-message.ready{grid-template-columns:auto 1fr}.workflow-alert>b,.workflow-blocker>a,.member-workflow-message.ready>a{grid-column:2;justify-self:start}}
.loan-payment-cta.locked{background:#5d6764}.loan-payment-cta.locked .secondary-button{background:#fff;color:#344a45}
.connection-check{margin:17px 0;padding:20px;border:1px solid #e4c17a;border-radius:16px;background:#fff9ec}.connection-check-head{display:flex;gap:13px;align-items:center}.connection-check-head>span{display:grid;width:38px;height:38px;place-items:center;border-radius:11px;background:#d5a84b;color:#073b35;font-weight:900}.connection-check-head small{color:#95620d;font-size:8px;font-weight:800;letter-spacing:1px}.connection-check-head h2{margin:3px 0;font-family:'DM Serif Display',serif;font-size:20px;font-weight:400}.connection-check-head p{margin:0;color:var(--muted);font-size:8px}.connection-issue-list{display:grid;gap:8px;margin-top:14px}.connection-issue-list>a{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:13px 15px;border-radius:11px;background:#fff;color:var(--ink);text-decoration:none}.connection-issue-list strong,.connection-issue-list small{display:block}.connection-issue-list strong{font-size:10px}.connection-issue-list small,.connection-issue-list p{margin:4px 0 0;color:var(--muted);font-size:8px}.connection-issue-list b{color:#986510;font-size:9px;white-space:nowrap}
