/* Keep mobile navigation vertical; report columns become labelled rows. */
#modal-root .modal .office-loan-alert {
  grid-column:1/-1; background:#f4f8ff!important; color:#18365b!important;
  border:1px solid #b8cdef!important; border-left:4px solid #245bff!important;
  border-radius:16px; padding:20px!important; font-size:14px!important;
  line-height:1.6; box-shadow:none;
}
#modal-root .modal .office-loan-alert>strong { display:block; font-size:16px; line-height:1.4; color:#12345b; }
#modal-root .modal .office-loan-alert section { padding:16px 0; border-bottom:1px solid #c9d9e9; }
#modal-root .modal .office-loan-alert h3 { margin:0 0 10px; font-size:15px; line-height:1.5; color:#18365b!important; overflow-wrap:anywhere; }
#modal-root .modal .office-loan-alert p { margin:0 0 16px; color:#354f70; font-size:14px; }
#modal-root .modal .office-loan-alert .office-loan-match { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px 0; }
#modal-root .modal .office-loan-alert .office-loan-match h3 { margin:0; font-size:14px; }
#modal-root .modal .office-loan-alert .office-loan-state { flex:0 0 auto; margin:0; padding:5px 9px; border-radius:999px; background:#e8f0ff; color:#174a9c; font-size:12px; font-weight:700; white-space:nowrap; }
#modal-root .modal .office-loan-alert .office-loan-state--clavo { background:#fff0d7; color:#915f00; }
#modal-root .modal .office-loan-alert .office-loan-state--cancelled { background:#eef1f5; color:#58667a; }
#modal-root .modal .office-loan-alert .btn { min-height:44px; padding:11px 16px; background:#2054d5; border:1px solid #2054d5; color:#fff; font-size:14px; font-weight:600; border-radius:10px; box-shadow:none; white-space:normal; }
#modal-root .modal .office-loan-alert .btn:hover { background:#173fa4; }
#modal-root .modal .office-loan-alert .office-loan-accept { display:block; width:100%; margin-top:14px; }
@media (max-width: 760px) {
  html, body {
    width:100%; max-width:100%; min-width:0;
    overflow-x:hidden; overflow-x:clip;
    overscroll-behavior-x:none;
  }
  body { position:relative; }
  #app, #modal-root, .shell, .workspace, .content, main,
  .owner-shell, .owner-page, .owner-content, .office-shell,
  .modal-backdrop, .modal, .modal-body {
    width:100%; min-width:0; max-width:100%;
  }
  #app, #modal-root, .owner-page, .workspace { overflow-x:hidden; overflow-x:clip; }
  img, video, canvas { max-width:100%; }
  .panel, .grid, .toolbar, .table-wrap, form, fieldset { min-width:0; max-width:100%; }
  .page-heading, .panel-head, .section-title, .card-bottom { flex-wrap:wrap; }
  .actions, .cell-actions { flex-wrap:wrap; min-width:0; }
  .field, .toolbar .field, .toolbar .field.search { min-width:0; }
  .modal input, .modal select, .modal textarea { max-width:100%; }
  #modal-root .modal .office-loan-alert .office-loan-match { align-items:flex-start; flex-direction:column; gap:8px; }
  .mobile-records { width:100%; min-width:0!important; white-space:normal; }
  .mobile-records thead { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
  .mobile-records, .mobile-records tbody, .mobile-records tfoot { display:block; }
  .mobile-records tr { display:block; padding:12px; border-bottom:1px solid var(--border,#d7e5f0); }
  .mobile-records td { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.4fr); gap:12px; padding:8px 0; white-space:normal!important; overflow-wrap:anywhere; min-width:0; text-align:left; border:0; }
  .mobile-records td::before { content:attr(data-mobile-label); font-weight:600; color:var(--muted,#586d88); }
  .mobile-records td[colspan] { display:block; }
  .mobile-records td[colspan]::before { content:none; }
  .mobile-records td>* { min-width:0; max-width:100%; }
  .table-wrap:has(.mobile-records) { overflow:visible!important; }
}