.debt-showcase{position:fixed;inset:0;z-index:1700;background:#102034b8;overflow:auto;padding:12px;direction:rtl}.debt-showcase>section{max-width:1000px;min-height:85vh;margin:auto;background:#f4f8fd;border-radius:18px;overflow:hidden;color:#15314c}.debt-showcase header{background:#122d4b;color:white;display:flex;justify-content:space-between;align-items:start;gap:12px;padding:20px}.debt-showcase h2{margin:5px 0}.debt-showcase header p{margin:0;color:#d4e4f4}.debt-showcase nav{display:flex;gap:8px;overflow:auto;padding:12px;background:white;border-bottom:1px solid #d8e4f0}.debt-showcase nav button{white-space:nowrap;padding:10px 15px;border-radius:9px}.debt-showcase nav button[aria-selected=true]{background:#1262bb;color:white}.debt-showcase main{padding:18px;font-size:1rem}.ds-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}.ds-grid article{display:flex;flex-direction:column;gap:9px;background:white;border:1px solid #dae6f2;padding:16px;border-radius:12px}.ds-grid small{color:#5d748d}.ds-grid strong{font-size:1.18rem}.ds-hint{background:#e8f3f7;border-radius:10px;padding:13px;line-height:1.8}.ds-list{display:grid;gap:8px;margin-top:12px}.ds-list>article,.ds-list>details{background:white;border:1px solid #d9e4ef;border-radius:10px;padding:12px}.ds-list>article,.ds-list summary{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;cursor:pointer}.ds-list em{font-style:normal;color:#57738e}.ds-message{border-top:1px solid #e1ebf4;margin-top:12px;padding-top:12px}.ds-message p{white-space:pre-wrap;line-height:1.9}.ds-message small{display:block}.ds-action{background:white;border:1px solid #d9e4ef;border-radius:12px;padding:18px}.ds-action label{display:grid;gap:8px}.ds-action textarea{width:100%;min-height:120px;box-sizing:border-box;padding:12px;font:inherit}.ds-action button{margin-top:10px;background:#1163b8;color:white;padding:10px 20px}.ds-error{color:#a62131}.debt-review-head h3{font-size:1.1rem}.debt-review-modal button,.debt-showcase button{font:inherit}.debt-review-modal .debt-review-head p{font-size:.96rem}.debt-review-metrics{font-size:.92rem}@media(max-width:600px){.debt-showcase{padding:0}.debt-showcase>section{border-radius:0;min-height:100vh}.debt-showcase header{padding:14px}.debt-showcase main{padding:12px}.ds-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ds-grid article{padding:12px}.ds-list>article{display:grid}}
