.msl-loans-app{direction:rtl;text-align:right;font-family:Arial,"Noto Sans Hebrew",sans-serif;font-size:13px;line-height:1.35;color:#202124;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:10px;box-sizing:border-box;max-width:100%;overflow:hidden}
.msl-loans-app *{box-sizing:border-box}
.msl-topbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px}
.msl-topbar h2{font-size:18px;line-height:1.1;margin:0 0 3px;font-weight:700}
.msl-subtitle,.msl-small{font-size:12px;color:#6b7280}
.msl-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:8px 0}
.msl-summary-card{border:1px solid #e5e7eb;border-radius:10px;padding:7px;background:#fafafa;min-width:0}
.msl-summary-label{font-size:11px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.msl-summary-value{font-size:16px;font-weight:700;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.msl-tools{display:grid;grid-template-columns:1fr 150px auto;gap:7px;align-items:center;margin:8px 0}
.msl-loans-app input,.msl-loans-app select,.msl-loans-app textarea,.msl-loans-app button{font-family:inherit;font-size:13px}
.msl-loans-app input,.msl-loans-app select,.msl-loans-app textarea{width:100%;min-width:0;border:1px solid #d1d5db;border-radius:8px;padding:6px 7px;background:#fff;color:#111827}
.msl-loans-app textarea{resize:vertical}
.msl-btn{border:1px solid #d1d5db;background:#fff;border-radius:8px;padding:6px 10px;cursor:pointer;white-space:nowrap;line-height:1.2}
.msl-btn:hover{background:#f3f4f6}
.msl-btn-primary{background:#0f766e;color:#fff;border-color:#0f766e}
.msl-btn-primary:hover{background:#115e59}
.msl-btn-danger{background:#fff;color:#b91c1c;border-color:#fecaca}
.msl-btn-small{font-size:12px;padding:4px 6px;border-radius:7px}
.msl-message{padding:7px 9px;border-radius:8px;margin:7px 0;background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}
.msl-message.msl-error{background:#fef2f2;color:#991b1b;border-color:#fecaca}
.msl-table-wrap{width:100%;overflow-x:auto;border:1px solid #e5e7eb;border-radius:10px}
.msl-loans-table{width:100%;border-collapse:collapse;table-layout:fixed;min-width:840px;background:#fff}
.msl-loans-table th,.msl-loans-table td{border-bottom:1px solid #edf0f2;padding:5px 6px;font-size:12px;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.msl-loans-table th{background:#f9fafb;font-weight:700;color:#374151}
.msl-loans-table tr:hover td{background:#fcfcfd}
.msl-empty{text-align:center;color:#6b7280;padding:18px!important}
.msl-actions{display:flex;gap:4px;align-items:center;flex-wrap:wrap}
.msl-status{display:inline-flex;align-items:center;border-radius:999px;padding:2px 7px;font-size:11px;border:1px solid #e5e7eb;background:#f9fafb}
.msl-status-open{color:#065f46;background:#ecfdf5;border-color:#a7f3d0}
.msl-status-closed{color:#374151;background:#f3f4f6}
.msl-modal[hidden]{display:none!important}
.msl-modal{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:15px}
.msl-modal-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.42)}
.msl-dialog{position:relative;width:min(700px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:14px;box-shadow:0 20px 60px rgba(0,0,0,.22);padding:12px;direction:rtl;text-align:right}
.msl-dialog-wide{width:min(820px,100%)}
.msl-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}
.msl-dialog-head h3{margin:0;font-size:17px;line-height:1.2}
.msl-icon-btn{width:30px;height:30px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;font-size:22px;line-height:1;cursor:pointer}
.msl-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.msl-form-grid label{font-size:12px;color:#374151;font-weight:600}
.msl-form-grid label input,.msl-form-grid label select,.msl-form-grid label textarea{margin-top:3px;font-weight:400}
.msl-full{grid-column:1/-1}
.msl-dialog-actions{display:flex;gap:7px;justify-content:flex-start;margin-top:10px}
.msl-payment-form{display:grid;grid-template-columns:145px 130px 1fr auto;gap:7px;margin-bottom:10px}
.msl-payments-wrap .msl-loans-table{min-width:520px}
@media(max-width:900px){.msl-loans-app{font-size:12px;padding:8px}.msl-topbar{align-items:flex-start}.msl-topbar h2{font-size:16px}.msl-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.msl-tools{grid-template-columns:1fr 120px}.msl-tools .msl-btn{grid-column:1/-1}.msl-loans-table th,.msl-loans-table td{font-size:11.5px;padding:4px}.msl-loans-app input,.msl-loans-app select,.msl-loans-app textarea,.msl-loans-app button{font-size:12px}.msl-form-grid{grid-template-columns:1fr}.msl-payment-form{grid-template-columns:1fr 1fr}.msl-payment-form input[name="notes"],.msl-payment-form button{grid-column:1/-1}}
@media(max-width:520px){.msl-summary-value{font-size:14px}.msl-btn{padding:5px 8px}.msl-dialog{padding:10px}.msl-modal{padding:8px}}
