/* NFC_MOBILE_V3_CSS_START */
/* Scoped to the QR list and inventory. Does not style the footer or bottom navigation. */
@media(max-width:760px){
  body.nfc-next .workspace .wrap{min-width:0;max-width:100%;padding-left:12px;padding-right:12px}
  body.nfc-next .workspace .card{min-width:0;max-width:100%;box-sizing:border-box}
  body.nfc-next .workspace .grid{grid-template-columns:minmax(0,1fr)}
  body.nfc-next .workspace input:not([type=checkbox]):not([type=radio]),
  body.nfc-next .workspace select,body.nfc-next .workspace textarea{min-width:0;max-width:100%;font-size:16px;box-sizing:border-box}
  body.nfc-next .workspace .nfc-v3-wrap{overflow:visible!important;width:100%;max-width:100%;min-width:0;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
  body.nfc-next .workspace .nfc-v3-wrap::after{display:none!important;content:none!important}
  body.nfc-next .workspace table.nfc-v3-table{display:block!important;table-layout:auto!important;min-width:0!important;width:100%!important;max-width:100%!important;border:0!important;border-collapse:separate!important;background:transparent!important}
  body.nfc-next .workspace .nfc-v3-table tbody{display:block!important;width:100%!important;min-width:0!important}
  body.nfc-next .workspace .nfc-v3-table tr:has(th){display:none!important}
  body.nfc-next .workspace .nfc-v3-table tr.nfc-v3-record{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;padding:15px!important;margin:0 0 14px!important;background:#fff!important;border:1px solid #e1e8f3!important;border-radius:18px!important;box-shadow:0 7px 22px rgba(29,49,85,.075)!important}
  body.nfc-next .workspace .nfc-v3-table td{display:flex!important;flex-wrap:wrap!important;align-items:flex-start!important;justify-content:space-between!important;gap:5px 12px!important;min-width:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;padding:10px 0!important;margin:0!important;border:0!important;border-bottom:1px solid #edf1f6!important;background:transparent!important;white-space:normal!important;word-break:normal!important;overflow-wrap:anywhere!important;text-align:left!important;font-size:14px!important;line-height:1.5!important}
  body.nfc-next .workspace .nfc-v3-table td::before{content:attr(data-v3-label)!important;display:block!important;flex:0 0 86px!important;max-width:86px!important;font-size:11px!important;font-weight:800!important;letter-spacing:.02em!important;text-transform:uppercase!important;color:#75849b!important;line-height:1.7!important}
  body.nfc-next .workspace .nfc-v3-table td>*{min-width:0;max-width:100%;overflow-wrap:anywhere}
  body.nfc-next .workspace .nfc-v3-table td.nfc-v3-identity{display:block!important;padding:0 0 12px!important;margin-bottom:2px!important;font-size:19px!important;font-weight:800!important;color:#192d50!important}
  body.nfc-next .workspace .nfc-v3-table td.nfc-v3-identity::before{content:'QR CODE'!important;max-width:none!important;margin-bottom:5px!important}
  body.nfc-next .workspace .nfc-v3-table td.nfc-v3-identity small{display:block!important;margin-top:2px!important;font-size:13px!important;font-weight:600!important;color:#71829d!important}
  body.nfc-next .workspace .nfc-v3-table td.nfc-v3-actions{display:block!important;border-bottom:0!important;padding:14px 0 0!important}
  body.nfc-next .workspace .nfc-v3-table td.nfc-v3-actions::before{content:'ACTIONS'!important;max-width:none!important;margin-bottom:10px!important}
  body.nfc-next .workspace .nfc-v3-table .actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;width:100%!important;min-width:0!important}
  body.nfc-next .workspace .nfc-v3-table .actions>form,body.nfc-next .workspace .nfc-v3-table .actions>a,body.nfc-next .workspace .nfc-v3-table .actions>button{display:block!important;width:100%!important;min-width:0!important;margin:0!important;box-sizing:border-box!important}
  body.nfc-next .workspace .nfc-v3-table .actions :is(button,.btn){display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:46px!important;padding:10px 9px!important;border-radius:12px!important;box-sizing:border-box!important;white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important;font-size:13px!important;font-weight:750!important;line-height:1.3!important;text-align:center!important;text-decoration:none!important}
  body.nfc-next .workspace .nfc-v3-table .inventory-badge{display:inline-flex!important;max-width:100%!important;white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important;padding:6px 12px!important;line-height:1.4!important}
  body.nfc-next .workspace #qr-main,body.nfc-next .workspace .qrpreview{max-width:100%;min-width:0}
  body.nfc-next .workspace #qr-main :is(svg,canvas),body.nfc-next .workspace .qrpreview :is(svg,canvas){max-width:100%;height:auto}
  body.nfc-next .workspace #dl-svg,body.nfc-next .workspace #dl-png{min-height:46px;margin-bottom:8px}
}
@media(max-width:355px){body.nfc-next .workspace .nfc-v3-table .actions{grid-template-columns:minmax(0,1fr)!important}}
/* NFC_MOBILE_V3_CSS_END */

/* NFC Mobile V3: high-contrast dashboard bottom navigation */
@media (max-width:760px) {
  body.nfc-next .dashboard-mobile-nav {
    background: #15213b !important;
    border-top: 1px solid #34435f !important;
    box-shadow: 0 -8px 26px rgba(12, 20, 40, .22) !important;
  }
  body.nfc-next .dashboard-mobile-nav a,
  body.nfc-next .dashboard-mobile-nav button,
  body.nfc-next .dashboard-mobile-nav button.mobile-more {
    color: #edf2ff !important;
    -webkit-text-fill-color: #edf2ff !important;
    opacity: 1 !important;
  }
  body.nfc-next .dashboard-mobile-nav .active,
  body.nfc-next .dashboard-mobile-nav button.mobile-more.active {
    background: #493ab0 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
  }
}

/* NFC V3: final high-contrast mobile dashboard navigation */
@media screen and (max-width: 760px) {
  html body .dashboard-mobile-nav,
  html body.nfc-next .dashboard-mobile-nav {
    background: #14213d !important;
    background-color: #14213d !important;
    border-top: 1px solid #35466a !important;
    box-shadow: 0 -8px 25px rgba(10,20,40,.25) !important;
  }

  html body .dashboard-mobile-nav a,
  html body .dashboard-mobile-nav button,
  html body .dashboard-mobile-nav button.mobile-more {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    opacity: 1 !important;
  }

  html body .dashboard-mobile-nav a span,
  html body .dashboard-mobile-nav button span,
  html body .dashboard-mobile-nav small {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    opacity: 1 !important;
  }

  html body .dashboard-mobile-nav .active,
  html body .dashboard-mobile-nav button.mobile-more.active {
    background: #6048cf !important;
    background-color: #6048cf !important;
    color: #ffffff !important;
  }
}