/* 4.51.0 — load after the compiled theme and all earlier release styles. */
@media screen and (max-width:767px), screen and (max-width:1023px) and (pointer:coarse) {
  /* Tailwind's individual translate and the legacy transform must not combine.
     Use explicit screen insets so the keyboard cannot recenter a tall form. */
  html body:not(#ngc-legacy-theme) :is([data-slot="dialog-content"], [data-slot="alert-dialog-content"]) {
    position:fixed!important;
    --tw-translate-x:0px!important;
    --tw-translate-y:0px!important;
    translate:none!important;
    transform:none!important;
    animation:none!important;
    transition:none!important;
    left:max(10px,env(safe-area-inset-left))!important;
    right:max(10px,env(safe-area-inset-right))!important;
    top:max(12px,env(safe-area-inset-top))!important;
    bottom:auto!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    box-sizing:border-box!important;
    max-height:calc(100vh - max(12px,env(safe-area-inset-top)) - max(12px,env(safe-area-inset-bottom)))!important;
    max-height:calc(100dvh - max(12px,env(safe-area-inset-top)) - max(12px,env(safe-area-inset-bottom)))!important;
    margin:0!important;
    padding:18px!important;
    overflow:auto!important;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    scroll-padding-block:20px;
  }
  html body:not(#ngc-legacy-theme) :is([data-slot="dialog-content"], [data-slot="alert-dialog-content"]) > * {
    min-width:0;
    max-width:100%;
  }
  html body:not(#ngc-legacy-theme) [data-slot="dialog-header"],
  html body:not(#ngc-legacy-theme) [data-slot="dialog-content"] > [data-slot="dialog-title"] {
    padding-right:36px;
    text-align:left;
    overflow-wrap:anywhere;
  }
  html body:not(#ngc-legacy-theme) [data-slot="dialog-content"] > [data-slot="dialog-close"] {
    top:6px!important;
    right:6px!important;
    width:44px!important;
    height:44px!important;
    display:grid;
    place-items:center;
  }
  html body:not(#ngc-legacy-theme) :is(.form-grid,.crew-row,.mail-form-grid,.invoice-grid,.invoice-line) {
    grid-template-columns:minmax(0,1fr)!important;
    min-width:0;
  }
  html body:not(#ngc-legacy-theme) :is(.form-grid,.crew-row,.invoice-line) > *,
  html body:not(#ngc-legacy-theme) :is(.field,.staff-card,.staff-open,.recipient-picker label,.recipient-picker span,.job-summary,.text-reader,.mail-reader) {
    min-width:0!important;
    max-width:100%;
    overflow-wrap:anywhere;
  }
  html body:not(#ngc-legacy-theme) :is(.staff-open,.recipient-picker label) {
    white-space:normal!important;
  }
  html body:not(#ngc-legacy-theme) .staff-open {
    grid-template-columns:auto minmax(0,1fr)!important;
    width:100%;
  }
  html body:not(#ngc-legacy-theme) :is([role="dialog"],[role="alertdialog"]) :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea) {
    box-sizing:border-box;
    width:100%;
    min-width:0;
    max-width:100%;
    font-size:16px!important;
    scroll-margin-block:24px;
  }
  html body:not(#ngc-legacy-theme) :is([role="dialog"],[role="alertdialog"]) fieldset {
    min-inline-size:0;
  }
  html body:not(#ngc-legacy-theme) :is(.dialog-actions,.dialog-footer,.form-actions,[data-slot="dialog-footer"],[data-slot="alert-dialog-footer"]) {
    position:static!important;
    display:flex;
    flex-wrap:wrap;
    gap:10px;
  }
  html body:not(#ngc-legacy-theme) :is(.dialog-actions,.dialog-footer,.form-actions,[data-slot="dialog-footer"],[data-slot="alert-dialog-footer"]) > button {
    flex:1 1 160px;
    white-space:normal;
    min-height:44px;
  }
  html body:not(#ngc-legacy-theme) :is([role="dialog"],[role="alertdialog"],.phone-layout) button {
    min-height:44px;
  }
  html body:not(#ngc-legacy-theme) :is(.toolbar,.text-toolbar,.inbox-toolbar,.section-head,.page-actions-stack,.shift-card-head,.recipient-heading) {
    min-width:0;
    flex-wrap:wrap;
  }
  html body:not(#ngc-legacy-theme) :is(.toolbar,.text-toolbar,.inbox-toolbar,.section-head,.page-actions-stack) > * {
    min-width:0;
    max-width:100%;
  }
  html body:not(#ngc-legacy-theme) :is(.actions,.page-actions-stack,.toolbar) button {
    white-space:normal;
    overflow-wrap:anywhere;
  }
  html body:not(#ngc-legacy-theme) :is(.legal-table-wrap,.invoice-lines,.report-panel) {
    max-width:100%;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }
  html body:not(#ngc-legacy-theme) .phone-month-grid {
    min-width:0;
    grid-template-columns:repeat(7,minmax(0,1fr));
  }
  html body:not(#ngc-legacy-theme) .phone-month-grid > * {
    min-width:0;
  }
  html body:not(#ngc-legacy-theme) :is(.phone-bottom-nav,.phone-bottom-nav button) {
    box-sizing:border-box;
    min-width:0;
  }
}

.mobile-contact451 { display:none; }
.staff-email451 { display:inline-flex;align-items:center;min-height:44px;margin-top:4px;color:#8bdbc0;text-underline-offset:4px;overflow-wrap:anywhere; }
@media screen and (max-width:767px), screen and (max-width:1023px) and (pointer:coarse) {
  html body:not(#ngc-legacy-theme) .ngc-phone-sheet451 {
    left:calc(var(--ngc-vv-left, 0px) + max(8px,env(safe-area-inset-left)))!important;
    top:calc(var(--ngc-vv-top, 0px) + max(8px,env(safe-area-inset-top)))!important;
    right:auto!important;
    width:calc(var(--ngc-vv-width, 100vw) - max(8px,env(safe-area-inset-left)) - max(8px,env(safe-area-inset-right)))!important;
    max-height:calc(var(--ngc-vv-height, 100dvh) - max(8px,env(safe-area-inset-top)) - max(8px,env(safe-area-inset-bottom)))!important;
    padding:18px 16px 24px!important;
    gap:12px!important;
    align-content:start;
  }
  html body:not(#ngc-legacy-theme) .ngc-phone-sheet451 > [data-slot="dialog-title"] {
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
    font-size:21px!important;
    line-height:1.3!important;
    margin:0!important;
    padding:0 42px 0 0!important;
  }
  html body:not(#ngc-legacy-theme) .ngc-phone-sheet451 > [data-slot="dialog-close"] {
    position:sticky!important;
    grid-row:1;
    grid-column:1;
    justify-self:end;
    margin-top:-6px;
    margin-bottom:-38px;
    z-index:5;
    background:var(--surface,#101f22)!important;
  }
  html body:not(#ngc-legacy-theme) .ngc-phone-sheet451 > [data-slot="dialog-title"] { grid-row:1; grid-column:1; }
  html body:not(#ngc-legacy-theme) .ngc-phone-sheet451 form > :is(button,.form-actions) {
    width:100%;
    margin-top:12px;
    white-space:normal;
  }
  html body:not(#ngc-legacy-theme) .ngc-phone-sheet451 .field { margin:14px 0!important; }
  html body:not(#ngc-legacy-theme) .ngc-phone-sheet451 .check { min-height:44px; }
  html body:not(#ngc-legacy-theme) .ngc-phone-sheet451 [role="checkbox"] { min-height:22px!important; height:22px!important; width:22px!important; flex-shrink:0; }
  html body:not(#ngc-legacy-theme) .mobile-contact451 {
    display:grid;
    gap:12px;
    padding:14px;
    border:1px solid #36554d;
    border-left:3px solid #8bdbc0;
    border-radius:12px;
    background:#152c27;
  }
  html body:not(#ngc-legacy-theme) .mobile-contact451[hidden] { display:none!important; }
  html body:not(#ngc-legacy-theme) .mobile-contact451 .mobile-contact-number451 {
    margin:0;
    font-size:21px!important;
    color:#eaf6f2!important;
    font-variant-numeric:tabular-nums;
    overflow-wrap:anywhere;
    user-select:text;
    -webkit-user-select:text;
  }
  html body:not(#ngc-legacy-theme) .mobile-contact451 > div { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
  html body:not(#ngc-legacy-theme) .mobile-contact451 :is(a,button) {
    min-height:44px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:8px!important;
    border-radius:9px;
    font-size:15px!important;
    text-decoration:none;
    white-space:normal;
  }
  html body:not(#ngc-legacy-theme) .mobile-contact451 a { background:#8bdbc0!important; color:#08271e!important; }
  .mobile-contact451 small:empty { display:none; }
}