.modal-card.arrangement-planner{box-sizing:border-box;width:min(1000px,100%);padding:26px;--ar-bg:#fffefa;--ar-raised:#f1f0e8;--ar-line:#dedfd5;--ar-ink:#202b28;--ar-muted:#5d6d65;--ar-gold:#856512;background:var(--ar-bg);color:var(--ar-ink)}
html[data-roc-theme="dark"] .modal-card.arrangement-planner{--ar-bg:#111c18;--ar-raised:#192720;--ar-line:#2b3a31;--ar-ink:#f1f3ec;--ar-muted:#abb9ad;--ar-gold:#e3c77e;background:var(--ar-bg)}
.arrangement-planner .modal-heading{margin-bottom:18px}.arrangement-planner .modal-heading h2{font-size:26px}.arrangement-planner .modal-heading p{font-size:12px}
#arrangementPlannerForm .arr-source{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:22px}
#arrangementPlannerForm .arr-source>div{display:grid;gap:6px;padding:13px;border:1px solid var(--ar-line);border-radius:10px;background:var(--ar-raised)}
#arrangementPlannerForm .arr-source small{font-size:10px;color:var(--ar-muted)}#arrangementPlannerForm .arr-source b{font-size:17px;color:var(--ar-ink)}
#arrangementPlannerForm .arr-sections{display:grid;grid-template-columns:1fr 1fr;gap:20px}
#arrangementPlannerForm .arr-sections>section{min-width:0;padding:18px;border:1px solid var(--ar-line);border-radius:12px}
#arrangementPlannerForm h3{margin:0 0 16px;font:700 14px 'DM Sans',sans-serif;color:var(--ar-ink)}
#arrangementPlannerForm .field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}#arrangementPlannerForm .field>span{font-size:11px;color:var(--ar-muted)}
#arrangementPlannerForm .field :is(input,select,textarea){width:100%;min-height:42px;padding:10px;border:1px solid var(--ar-line);border-radius:8px;background:var(--ar-raised);color:var(--ar-ink);font:12px 'DM Sans',sans-serif}
#arrangementPlannerForm .field small,#arrangementPlannerForm .arr-policy-copy{font-size:10px;line-height:1.5;color:var(--ar-muted)}
#arrangementPlannerForm input:disabled{opacity:.5}#arrangementPlannerForm button:disabled{opacity:.45;cursor:not-allowed}
#arrangementPlannerForm .arr-reference{display:block;margin:-4px 0 8px;padding:8px 0;border:0;background:none;color:var(--ar-gold);font-size:11px;text-align:left;cursor:pointer}
#arrangementPlannerForm .arr-policy-copy{display:block;margin-bottom:15px}
#arrangementPlannerForm .arr-check{display:flex;gap:9px;align-items:flex-start;margin:10px 0 15px;color:var(--ar-muted);font-size:11px;line-height:1.5}
#arrangementPlannerForm .arr-check input{flex:0 0 16px;width:16px;height:16px;accent-color:var(--ar-gold)}
#arrangementPlannerForm .arr-charge-ack[hidden]{display:none}
#arrangementPlannerForm .arr-summary{margin:20px 0;padding:20px;border:1px solid var(--ar-line);border-radius:12px;background:var(--ar-raised)}
#arrangementPlannerForm [data-arr-breakdown]>div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;font-size:12px;color:var(--ar-muted)}
#arrangementPlannerForm [data-arr-breakdown] b{color:var(--ar-ink);white-space:nowrap}
#arrangementPlannerForm .arr-total{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:9px;padding:16px 0;border-top:1px solid var(--ar-line);font-size:13px}
#arrangementPlannerForm .arr-total strong{font-size:28px;color:var(--ar-gold);white-space:nowrap}
#arrangementPlannerForm .arr-summary p{margin:0 0 7px;font-size:12px;line-height:1.5;color:var(--ar-gold)}
#arrangementPlannerForm .arr-summary small{font-size:10px;line-height:1.5;color:var(--ar-muted)}
#arrangementPlannerForm .arr-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}#arrangementPlannerForm .arr-actions span{font-size:11px;color:var(--ar-gold)}
#arrangementPlannerForm .arr-error{font-size:12px;line-height:1.5;color:#e67f73}
#arrangementPlannerForm .arr-activate{margin:24px 0;padding:16px;border:1px solid var(--ar-line);border-radius:10px}
#arrangementPlannerForm .arr-activate summary{font-size:12px;font-weight:700;color:var(--ar-ink);cursor:pointer}
#arrangementPlannerForm .arr-activate p{margin:14px 0;color:var(--ar-muted);font-size:11px;line-height:1.5}
#arrangementPlannerForm .arr-activation-preview{padding:12px;border:1px solid var(--ar-line);border-radius:8px;background:var(--ar-raised);color:var(--ar-ink);font-size:12px;font-weight:700;line-height:1.5}
#arrangementPlannerForm .arr-history{padding-top:18px;border-top:1px solid var(--ar-line)}
#arrangementPlannerForm .arr-history article{display:flex;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid var(--ar-line)}
#arrangementPlannerForm .arr-history b,#arrangementPlannerForm .arr-history strong{font-size:12px;color:var(--ar-ink)}
#arrangementPlannerForm .arr-history :is(small,p){display:block;margin:5px 0 0;color:var(--ar-muted);font-size:10px;line-height:1.5}
#arrangementPlannerForm .arr-history .arr-history-item{display:block;padding:16px 0}
#arrangementPlannerForm .arr-history-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
#arrangementPlannerForm .arr-history-head strong{font-size:17px;white-space:nowrap}
#arrangementPlannerForm .arr-review{margin-top:12px;border:1px solid var(--ar-line);border-radius:10px;background:var(--ar-raised)}
#arrangementPlannerForm .arr-review summary{padding:12px 14px;color:var(--ar-gold);font-size:12px;font-weight:700;cursor:pointer}
#arrangementPlannerForm .arr-review summary:focus-visible,#arrangementPlannerForm .arr-review button:focus-visible{outline:2px solid var(--ar-gold);outline-offset:3px}
#arrangementPlannerForm .arr-review-body{padding:0 14px 16px;border-top:1px solid var(--ar-line)}
#arrangementPlannerForm .arr-review-body .arr-review-notice{font-size:11px;line-height:1.5;color:var(--ar-ink);margin:13px 0}
#arrangementPlannerForm .arr-review-body .arr-review-stale{padding:9px 11px;border-radius:7px;background:rgba(227,199,126,.12);color:var(--ar-gold);font-size:11px}
#arrangementPlannerForm .arr-review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px;margin:0 0 10px}
#arrangementPlannerForm .arr-review-grid>div{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid var(--ar-line);font-size:11px}
#arrangementPlannerForm .arr-review-grid dt{color:var(--ar-muted)}#arrangementPlannerForm .arr-review-grid dd{margin:0;color:var(--ar-ink);font-weight:700;text-align:right;overflow-wrap:anywhere}
#arrangementPlannerForm .arr-review-body .arr-review-foot{font-size:10px;line-height:1.5;margin:12px 0;color:var(--ar-muted)}
.arr-dashboard-active .arr-active-pill,.arr-dashboard-active .arr-pending-pill{display:inline-flex;align-items:center;padding:3px 7px;border:1px solid #3b795e;border-radius:999px;color:#7ee0a7;font-size:10px;font-weight:700;white-space:nowrap}
.arr-dashboard-active .arr-pending-pill{border-color:#9a7b2d;color:#e3c77e}
.arr-dashboard-active .loan-state-stack{display:flex;flex-wrap:wrap;gap:5px}
.arr-dashboard-active .repayment-cell>small{color:#e3c77e}
.arr-dashboard-active .arr-mobile-due{color:#e3c77e}
.arr-client-button{margin-top:10px!important}.loan-focus-panel>[data-arrangement-open]{margin-top:9px;display:inline-flex;align-items:center;gap:7px}
.arr-facility-picker article{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 0;border-bottom:1px solid var(--fd-line)}.arr-facility-picker article>div{display:grid;gap:6px}.arr-facility-picker small{font-size:11px}.arr-facility-picker strong{font-size:18px}
@media(max-width:760px){.modal-card.arrangement-planner{padding:21px 16px calc(22px + env(safe-area-inset-bottom))}#arrangementPlannerForm .arr-source{grid-template-columns:1fr 1fr}#arrangementPlannerForm .arr-sections{grid-template-columns:1fr;gap:12px}#arrangementPlannerForm .arr-total{align-items:flex-start;flex-direction:column;gap:8px}#arrangementPlannerForm .arr-summary{padding:16px}#arrangementPlannerForm .arr-review-grid{grid-template-columns:1fr}#arrangementPlannerForm .arr-history-head{flex-wrap:wrap}.arr-facility-picker article{align-items:stretch;flex-direction:column}}