/* JOBIX_MOBILE_PWA_V195R3_NAVIGATION_AND_SECONDARY_ACTIONS
   Additive mobile presentation on V195R2. Business and data semantics are unchanged. */
.jx195r3-dialog,.jx195r3-record-action{display:none}

@media (max-width:760px){
  /* Primary record actions: Call + Navigate. More is intentionally tertiary. */
  .jx195r2-record-actions.jx195r3-record-actions{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) 52px!important;
    align-items:stretch!important;
    gap:9px!important;
    margin:0 0 15px!important;
    padding:0!important;
    overflow:visible!important;
  }
  .jx195r2-record-actions.jx195r3-record-actions[data-primary-count="1"]{grid-template-columns:minmax(0,1fr) 52px!important}
  .jx195r2-record-actions.jx195r3-record-actions[data-primary-count="0"]{grid-template-columns:52px!important;justify-content:end!important}
  .jx195r2-record-actions.jx195r3-record-actions[data-has-more="0"][data-primary-count="2"]{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
  .jx195r2-record-actions.jx195r3-record-actions[data-has-more="0"][data-primary-count="1"]{grid-template-columns:minmax(0,1fr)!important}
  .jx195r2-record-actions.jx195r3-record-actions[data-has-more="0"][data-primary-count="0"]{display:none!important}
  .jx195r3-record-action{
    appearance:none!important;
    min-width:0!important;
    min-height:54px!important;
    padding:10px 12px!important;
    border:1px solid transparent!important;
    border-radius:17px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    text-decoration:none!important;
    white-space:nowrap!important;
    font:inherit!important;
    font-size:13px!important;
    line-height:1.15!important;
    font-weight:950!important;
    box-shadow:0 9px 22px rgba(15,35,55,.09)!important;
    cursor:pointer!important;
  }
  .jx195r3-record-action svg{width:21px!important;height:21px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important;flex:0 0 auto!important}
  .jx195r3-record-action.is-call{background:#1769e0!important;border-color:#1769e0!important;color:#fff!important}
  .jx195r3-record-action.is-navigate{background:#0b7780!important;border-color:#0b7780!important;color:#fff!important}
  .jx195r3-record-action.is-more{
    width:52px!important;
    min-width:52px!important;
    padding:0!important;
    border-color:#cbd8e8!important;
    background:#fff!important;
    color:#17324d!important;
    box-shadow:0 7px 18px rgba(15,35,55,.06)!important;
  }
  .jx195r3-record-action.is-more span{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
  .jx195r3-record-action.is-address-missing,.jx195r3-record-action:disabled{
    border-color:#d8e0e9!important;
    background:#edf1f5!important;
    color:#738196!important;
    box-shadow:none!important;
    cursor:not-allowed!important;
  }
  .jx195r3-record-action:focus-visible{outline:3px solid #38bdf8!important;outline-offset:2px!important}
  .jx195r3-record-action:active:not(:disabled){transform:scale(.985)!important}

  /* The old horizontal action strip remains in the DOM for desktop and behaviour continuity,
     but mobile uses accessible proxies inside the More sheet. */
  body.jx195r3-actions-proxied .jx195r2-original-actions[data-jx195r3-proxied="1"]{display:none!important}

  /* Native dialog bottom sheets for address selection and secondary document actions. */
  .jx195r3-dialog{
    position:fixed!important;
    inset:auto 8px calc(8px + var(--jx195-nav-h) + var(--jx195-safe-bottom)) 8px!important;
    width:auto!important;
    max-width:620px!important;
    max-height:min(76dvh,650px)!important;
    margin:0 auto!important;
    padding:10px 14px calc(16px + env(safe-area-inset-bottom))!important;
    border:1px solid #dbe4ef!important;
    border-radius:24px!important;
    background:#f8fafc!important;
    color:#0e2438!important;
    box-shadow:0 30px 90px rgba(2,10,23,.42)!important;
    overflow:auto!important;
  }
  .jx195r3-dialog[open],.jx195r3-dialog.is-open{display:block!important}
  .jx195r3-more-dialog{max-height:min(78dvh,680px)!important}
  .jx195r3-dialog::backdrop{background:rgba(2,10,23,.58)!important;backdrop-filter:blur(5px)!important}
  .jx195r3-dialog-handle{width:44px!important;height:5px!important;margin:0 auto 9px!important;border-radius:999px!important;background:#cbd5e1!important}
  .jx195r3-dialog-head{position:sticky!important;top:-10px!important;z-index:2!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin:0 -2px 10px!important;padding:10px 2px 9px!important;background:#f8fafc!important}
  .jx195r3-dialog-head small{display:block!important;font-size:10px!important;line-height:1.2!important;letter-spacing:.11em!important;text-transform:uppercase!important;color:#64748b!important}
  .jx195r3-dialog-head h2{margin:2px 0 0!important;font-size:21px!important;line-height:1.2!important;color:#0e2438!important}
  .jx195r3-dialog-close{appearance:none!important;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;border:0!important;border-radius:14px!important;background:#e8eef6!important;color:#0e2438!important;font:inherit!important;font-size:23px!important;font-weight:900!important;box-shadow:none!important;cursor:pointer!important}

  .jx195r3-picker-list,.jx195r3-more-list{display:grid!important;gap:9px!important}
  .jx195r3-picker-list a,.jx195r3-more-item{
    appearance:none!important;
    width:100%!important;
    min-height:62px!important;
    padding:11px 13px!important;
    border:1px solid #dbe4ef!important;
    border-radius:17px!important;
    background:#fff!important;
    color:#0e2438!important;
    display:grid!important;
    grid-template-columns:25px minmax(0,1fr)!important;
    align-items:center!important;
    gap:11px!important;
    text-align:left!important;
    text-decoration:none!important;
    font:inherit!important;
    box-shadow:0 7px 18px rgba(15,35,55,.05)!important;
    cursor:pointer!important;
  }
  .jx195r3-picker-list a svg,.jx195r3-more-item svg{width:23px!important;height:23px!important;fill:none!important;stroke:#1769e0!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important;flex:0 0 auto!important}
  .jx195r3-picker-list strong{display:block!important;font-size:13px!important;line-height:1.25!important;font-weight:950!important}
  .jx195r3-picker-list small{display:block!important;margin-top:3px!important;font-size:12px!important;line-height:1.4!important;color:#64748b!important;overflow-wrap:anywhere!important}
  .jx195r3-more-item{grid-template-columns:25px minmax(0,1fr) 18px!important;font-size:13.5px!important;font-weight:900!important}
  .jx195r3-more-item b{font-size:22px!important;line-height:1!important;color:#1769e0!important;text-align:right!important}
  .jx195r3-more-empty{margin:4px 2px 10px!important;padding:16px!important;border:1px dashed #cbd5e1!important;border-radius:16px!important;background:#fff!important;color:#64748b!important;font-size:13px!important;line-height:1.45!important}
  .jx195r3-picker-list a:focus-visible,.jx195r3-more-item:focus-visible,.jx195r3-dialog-close:focus-visible{outline:3px solid #38bdf8!important;outline-offset:2px!important}

}

@media (max-width:360px){
  .jx195r2-record-actions.jx195r3-record-actions{gap:7px!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 48px!important}
  .jx195r2-record-actions.jx195r3-record-actions[data-primary-count="1"]{grid-template-columns:minmax(0,1fr) 48px!important}
  .jx195r2-record-actions.jx195r3-record-actions[data-has-more="0"][data-primary-count="2"]{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
  .jx195r2-record-actions.jx195r3-record-actions[data-has-more="0"][data-primary-count="1"]{grid-template-columns:minmax(0,1fr)!important}
  .jx195r3-record-action{min-height:52px!important;padding-inline:9px!important;font-size:12px!important;gap:6px!important}
  .jx195r3-record-action.is-more{width:48px!important;min-width:48px!important}
}

@media print{
  .jx195r3-dialog,.jx195r3-record-actions{display:none!important}
}