/*
 * LGFT v5.58.3 — BAT Fuel Complete Mobile Navigation, Responsive Workflow
 * & Driver Device Finality Lock.
 * SCREEN UI ONLY. No BAT Fuel or global print rules are changed here.
 */

:root{
  --bf5583-bg:#06111f;
  --bf5583-panel:#0b1d33;
  --bf5583-panel-2:#071626;
  --bf5583-border:#294c6c;
  --bf5583-gold:#e6b44b;
  --bf5583-text:#f5f9fd;
  --bf5583-muted:#b6c7d5;
  --bf5583-focus:#8ac7ff;
  --bf5583-danger:#ffaaaa;
  --bf5583-success:#9be4bc;
}

html{box-sizing:border-box;-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}
*,*::before,*::after{box-sizing:inherit}
html,body{max-width:100%;min-height:100%;overflow-x:hidden}
body.bf5583-mobile-ready{min-height:100dvh;background:var(--bf5583-bg)}
body.bf5583-mobile-ready img,body.bf5583-mobile-ready video,body.bf5583-mobile-ready canvas{max-width:100%}
body.bf5583-mobile-ready main{min-width:0}
body.bf5583-mobile-ready :where(h1,h2,h3,h4,p,span,strong,small,a,td,th,label){overflow-wrap:anywhere}
body.bf5583-mobile-ready :where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--bf5583-focus);outline-offset:2px}

.bf5583-skip-link{position:fixed;z-index:10000;top:8px;left:8px;transform:translateY(-180%);padding:10px 14px;border-radius:8px;background:#fff;color:#06111f;font-weight:900;text-decoration:none;transition:transform .18s ease}
.bf5583-skip-link:focus{transform:translateY(0)}
.bf5583-network-banner{position:fixed;z-index:9999;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));padding:12px 14px;border:1px solid #916b28;border-radius:10px;background:#2d210b;color:#fff4d8;box-shadow:0 10px 30px rgba(0,0,0,.35);font-weight:800;text-align:center}
.bf5583-network-banner.is-online{border-color:#2b7755;background:#0b2a1e;color:#dff8ea}

/* Official BAT Fuel slogan, added to the existing brand identity. */
.bf5583-slogan{display:block;margin-top:4px;color:var(--bf5583-gold);font-size:.72rem;font-weight:900;line-height:1.25;letter-spacing:.08em;text-transform:uppercase}
.df-home-card .bf5583-slogan{margin:5px 0 7px}

/* Progressive mobile navigation. Existing navigation remains untouched when JS is unavailable. */
.bf5583-nav-toggle{display:none;width:100%;min-height:48px;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;border:0;border-bottom:1px solid var(--bf5583-border);background:#0a2037;color:#fff;font:inherit;font-weight:900;text-align:left;cursor:pointer}
.bf5583-nav-toggle::after{content:'+';display:grid;place-items:center;flex:0 0 28px;height:28px;border-radius:50%;background:#173b5e;color:var(--bf5583-gold);font-size:1.25rem;line-height:1}
.bf5583-nav-toggle[aria-expanded="true"]::after{content:'−'}
.bf5583-nav-label{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bf5583-nav-context{display:block;margin-top:2px;color:#a9bdce;font-size:.72rem;font-weight:700}

/* Global screen-only containment. */
body.bf5583-mobile-ready :where(.df-page,.df-shell,.df-shell-wide,.df-card,.df-admin,.df-wide,.df-two-col,.df-grid,.df-detail-grid,.df-form,.df-form-grid,.df-inline-form,.df-table-wrap,.bf2-screen,.bf2-print-page,.bf552-wrap,.bf556-wizard,.bf556-admin-card,.bf57-section-card,.bf573-layout,.bf558-card){min-width:0;max-width:100%}
body.bf5583-mobile-ready :where(input,select,textarea,button){max-width:100%;font-family:inherit}
body.bf5583-mobile-ready :where(input[type="file"]){overflow:hidden}

/* Card tables are added by JS only to application tables, never official print documents. */
.bf5583-card-table td::before{content:none}
.bf5583-card-table .bf5583-empty-cell::before{content:none}

/* Photo/camera guidance. */
.bf5583-photo-status{display:block;margin-top:7px;padding:8px 10px;border:1px solid #315574;border-radius:7px;background:#061629;color:#c8d8e5;font-size:.78rem;line-height:1.35}
.bf5583-photo-status.is-ok{border-color:#2b7755;color:#a8e6c3}
.bf5583-photo-status.is-error{border-color:#91424a;background:#2f141a;color:#ffb8bd}
.bf5583-photo-status.is-working{border-color:#8b6b2a;color:#f4d98c}
.bf5583-camera-hint{display:flex;align-items:flex-start;gap:8px;margin-top:7px;color:#b6c7d5;font-size:.78rem;line-height:1.35}
.bf5583-camera-hint::before{content:'▣';color:var(--bf5583-gold);font-weight:900}

/* Prevent repeated submissions without changing submitter name/value semantics. */
form.bf5583-submitting{cursor:progress}
form.bf5583-submitting :where(button[type="submit"],input[type="submit"],button:not([type])){pointer-events:none;opacity:.72}
form.bf5583-submitting .bf5583-submit-active{opacity:1;box-shadow:0 0 0 3px rgba(230,180,75,.18)}

/* Driver device controls. */
body.bf5583-route-driver .v554-signature{display:block;width:100%;height:260px;min-height:240px;border:2px solid #476c8d;border-radius:10px;background:#fff;touch-action:none;overscroll-behavior:contain}
body.bf5583-route-driver .bf2-photo-preview img{width:100%;height:auto;max-height:360px;object-fit:contain;border-radius:9px;background:#020b13}
body.bf5583-route-driver form.bf5583-driver-form{scroll-margin-top:72px}
body.bf5583-route-driver .bf5583-sticky-actions{z-index:40}

@media(max-width:1024px){
  body.bf5583-mobile-ready .df-shell-wide{width:100%;max-width:none;padding:14px}
  body.bf5583-mobile-ready .df-card.df-wide{width:100%;max-width:none}
  body.bf5583-mobile-ready :where(.bf57-queue-grid,.bf57-mini-grid,.bf558-stats,.bf556-summary){grid-template-columns:repeat(2,minmax(0,1fr))}
  body.bf5583-mobile-ready :where(.bf552-main-grid,.bf573-layout){grid-template-columns:1fr}
}

@media(max-width:820px){
  html,body{width:100%;overflow-x:hidden}
  body.bf5583-mobile-ready{padding-bottom:env(safe-area-inset-bottom)}

  /* Brand/header: compact, proportional and readable on phones. */
  body.bf5583-mobile-ready :where(.df-brand,.bf-brand,.bf2-app-brand){display:grid!important;grid-template-columns:1fr!important;gap:10px!important;align-items:center!important;min-height:0!important;padding:12px 14px!important;text-align:center!important;overflow:hidden}
  body.bf5583-mobile-ready :where(.df-brand>a,.bf-brand>a,.bf2-app-logo){display:flex!important;align-items:center!important;justify-content:center!important;width:min(100%,320px)!important;min-height:0!important;margin:0 auto!important;padding:8px 12px!important;border-radius:10px!important;background:linear-gradient(180deg,#fff,#eef2f6)!important;box-shadow:0 6px 18px rgba(0,0,0,.23)!important}
  body.bf5583-mobile-ready :where(.df-brand img,.bf-brand img,.bf2-app-logo img){display:block!important;width:100%!important;max-width:265px!important;height:88px!important;max-height:88px!important;object-fit:contain!important}
  body.bf5583-mobile-ready :where(.df-brand>span,.bf-brand>div,.bf2-app-identity){display:flex!important;flex-direction:column!important;align-items:center!important;gap:3px!important;width:100%!important;min-width:0!important}
  body.bf5583-mobile-ready :where(.df-brand strong,.bf-brand strong,.bf2-app-identity strong){font-size:1.35rem!important;line-height:1.08!important}
  body.bf5583-mobile-ready :where(.df-brand small,.bf-brand small,.bf2-app-identity small){font-size:.75rem!important;line-height:1.35!important;max-width:100%!important}
  body.bf5583-mobile-ready :where(.df-brand>span:last-child,.bf2-app-portal){justify-self:center!important;width:auto!important;max-width:100%!important;padding:8px 11px!important;font-size:.7rem!important}

  /* Collapsible navigation for customer, driver, admin and finance tabs. */
  .bf5583-nav-toggle{display:flex;position:sticky;top:0;z-index:80}
  body.bf5583-mobile-ready :where(.df-customer-nav.bf5583-mobile-nav,.bf558-tabs.bf5583-mobile-nav){display:none!important;position:relative!important;z-index:79!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;width:100%!important;max-height:68dvh!important;margin:0!important;padding:10px!important;overflow-y:auto!important;overscroll-behavior:contain;background:#081a2d!important;border-bottom:1px solid var(--bf5583-border)!important}
  body.bf5583-mobile-ready :where(.df-customer-nav.bf5583-mobile-nav,.bf558-tabs.bf5583-mobile-nav).bf5583-nav-open{display:grid!important}
  body.bf5583-mobile-ready :where(.df-customer-nav.bf5583-mobile-nav a,.bf558-tabs.bf5583-mobile-nav a){display:flex!important;align-items:center!important;justify-content:center!important;min-width:0!important;min-height:48px!important;margin:0!important;padding:9px 10px!important;border:1px solid #294c6c!important;border-radius:8px!important;background:#071626!important;color:#e7f0f7!important;text-align:center!important;white-space:normal!important;line-height:1.2!important}
  body.bf5583-mobile-ready :where(.df-customer-nav.bf5583-mobile-nav a.active,.bf558-tabs.bf5583-mobile-nav a.active){border-color:var(--bf5583-gold)!important;background:#173b5e!important;color:#fff!important}

  /* Main containers. */
  body.bf5583-mobile-ready :where(.df-shell,.df-shell-wide){display:block;width:100%;margin:0;padding:10px}
  body.bf5583-mobile-ready :where(.df-card,.df-admin,.df-card.df-wide,.bf556-start-card,.bf556-wizard,.bf556-admin-card,.bf57-section-card,.bf573-card,.bf558-card){width:100%;padding:14px;border-radius:11px}
  body.bf5583-mobile-ready :where(.df-card h1,.df-admin h1){font-size:clamp(1.45rem,7vw,1.85rem);line-height:1.12}
  body.bf5583-mobile-ready :where(.df-card h2,.df-admin h2){font-size:1.15rem;line-height:1.2}
  body.bf5583-mobile-ready .df-home-selector{padding:0 10px;margin:14px auto}
  body.bf5583-mobile-ready .df-home-card{display:grid;grid-template-columns:1fr;gap:16px;padding:16px}
  body.bf5583-mobile-ready .df-home-card>div:first-child{display:grid!important;grid-template-columns:1fr!important;text-align:center}
  body.bf5583-mobile-ready .df-home-card>div:first-child>span{width:min(100%,300px)!important;margin:0 auto!important}
  body.bf5583-mobile-ready .df-home-actions{display:grid;width:100%;min-width:0}

  /* Every operational grid becomes a logical single-column flow. */
  body.bf5583-mobile-ready :where(.df-two-col,.df-form-grid,.df-detail-grid,.df-grid,.bf55-stock-grid,.bf552-main-grid,.bf552-secondary-grid,.bf552-summary-grid,.bf556-fields,.bf556-admin-grid,.bf556-summary,.bf556-flow,.bf556-progress,.bf57-flow,.bf57-mini-grid,.bf57-queue-grid,.bf573-grid,.bf573-grid.two,.bf558-stats,.bf558-form,.bf558-form.compact,.bf558-checklist){grid-template-columns:1fr!important}
  body.bf5583-mobile-ready :where(.df-span-2,.bf552-span-2,.bf556-span,.bf558-form .span-2,.bf558-form.compact .span-2){grid-column:auto!important}

  /* Forms, inputs and action rows. */
  body.bf5583-mobile-ready :where(.df-form,.df-inline-form,.bf552-form,.bf552-inline-form,.bf556-simple-form,.bf556-step-form,.bf573-form,.bf558-form){width:100%;gap:12px}
  body.bf5583-mobile-ready :where(.df-form label,.df-inline-form label,.bf552-form label,.bf556-simple-form label,.bf556-step-form label,.bf573-form label,.bf558-form label){min-width:0}
  body.bf5583-mobile-ready :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea){width:100%!important;min-width:0!important;min-height:48px!important;padding:11px 12px!important;font-size:16px!important;line-height:1.3!important}
  body.bf5583-mobile-ready textarea{min-height:112px!important}
  body.bf5583-mobile-ready input[type="file"]{padding:8px!important}
  body.bf5583-mobile-ready input[type="checkbox"],body.bf5583-mobile-ready input[type="radio"]{width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important}
  body.bf5583-mobile-ready :where(.df-check,.bf556-check){align-items:flex-start!important;gap:10px!important}
  body.bf5583-mobile-ready :where(.df-actions,.df-form-actions,.bf552-form-actions,.bf556-actions,.bf556-commit,.bf573-actions,.bf558-actions,.bf2-doc-actions,.bf2-print-toolbar){display:grid!important;grid-template-columns:1fr!important;width:100%!important;gap:8px!important;align-items:stretch!important;justify-content:stretch!important}
  body.bf5583-mobile-ready :where(.df-actions .df-btn,.df-form-actions .df-btn,.bf552-form-actions .df-btn,.bf556-actions .df-btn,.bf556-commit .df-btn,.bf573-actions .df-btn,.bf558-actions .df-btn,.bf2-doc-actions .df-btn,.bf2-print-toolbar button,.bf2-print-toolbar a){display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-width:0!important;min-height:48px!important;padding:11px 13px!important;text-align:center!important}
  body.bf5583-mobile-ready .df-inline-form{display:grid!important;grid-template-columns:1fr!important;align-items:stretch!important}
  body.bf5583-mobile-ready .df-inline-form>*{width:100%!important;min-width:0!important}
  body.bf5583-mobile-ready .bf-email-inline{display:grid!important;grid-template-columns:1fr!important;width:100%!important}

  /* Action-first cards and list rows. */
  body.bf5583-mobile-ready :where(.bf57-intro,.bf57-action-card,.bf57-section-head,.bf556-card-head,.bf573-page-head,.bf573-preview-toolbar,.bf558-card-head,.bf558-confidential){display:flex;flex-direction:column;align-items:stretch;gap:10px}
  body.bf5583-mobile-ready .bf57-primary-action{width:100%;min-width:0}
  body.bf5583-mobile-ready :where(.df-admin-row,.bf57-update-list article,.bf57-notification-list article,.bf57-work-list article,.bf573-history article,.bf558-records article,.bf556-review-list article,.bf556-ticket-list article,.bf556-ticket){display:grid!important;grid-template-columns:1fr!important;align-items:start!important;gap:10px!important}
  body.bf5583-mobile-ready :where(.bf558-records form,.bf558-action-list a){grid-template-columns:1fr!important}

  /* Application tables become stacked cards. Official document/print tables are excluded by JS. */
  body.bf5583-mobile-ready .df-table-wrap:has(.bf5583-card-table),body.bf5583-mobile-ready .bf558-table-wrap:has(.bf5583-card-table){overflow:visible;border:0;background:transparent}
  body.bf5583-mobile-ready table.bf5583-card-table{display:block;width:100%!important;min-width:0!important;border-collapse:separate}
  body.bf5583-mobile-ready table.bf5583-card-table thead{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}
  body.bf5583-mobile-ready table.bf5583-card-table tbody{display:grid;gap:10px;width:100%}
  body.bf5583-mobile-ready table.bf5583-card-table tr{display:block;width:100%;padding:6px;border:1px solid #294c6c;border-radius:10px;background:#07182a;box-shadow:0 5px 14px rgba(0,0,0,.12)}
  body.bf5583-mobile-ready table.bf5583-card-table td{display:grid;grid-template-columns:minmax(112px,38%) minmax(0,1fr);gap:10px;width:100%;min-height:42px;padding:9px 8px!important;border:0!important;border-bottom:1px solid rgba(110,160,220,.15)!important;text-align:left!important;vertical-align:top!important}
  body.bf5583-mobile-ready table.bf5583-card-table td:last-child{border-bottom:0!important}
  body.bf5583-mobile-ready table.bf5583-card-table td::before{content:attr(data-label);color:#e6b44b;font-size:.72rem;font-weight:900;line-height:1.35;letter-spacing:.035em;text-transform:uppercase}
  body.bf5583-mobile-ready table.bf5583-card-table td.bf5583-empty-cell{display:block;text-align:center!important;color:#b6c7d5}
  body.bf5583-mobile-ready table.bf5583-card-table td.bf5583-empty-cell::before{content:none}
  body.bf5583-mobile-ready table.bf5583-card-table td :where(form,input,select,button,a.df-btn){width:100%!important;min-width:0!important}

  /* Document screen preview remains readable without modifying print output. */
  body.bf5583-mobile-ready :where(.df-document,.bf-document-header,.bf2-doc-header){display:flex;flex-direction:column;align-items:flex-start;gap:12px}
  body.bf5583-mobile-ready :where(.df-doc-meta,.bf-doc-ref,.bf2-doc-title){width:100%;text-align:left}
  body.bf5583-mobile-ready :where(.bf-meta-grid,.bf2-meta-grid){grid-template-columns:1fr!important}
  body.bf5583-mobile-ready :where(.bf2-evidence-grid,.bf2-signature){grid-template-columns:1fr!important}
  body.bf5583-mobile-ready .bf2-screen{padding:10px}

  /* Driver-device workflow. */
  body.bf5583-route-driver :where(.df-shell,.df-shell-wide){padding:8px}
  body.bf5583-route-driver :where(.df-card,.df-card.df-wide){padding:12px}
  body.bf5583-route-driver .v554-signature{height:280px;min-height:260px}
  body.bf5583-route-driver .bf5583-sticky-actions{position:sticky;bottom:0;margin:14px -12px -12px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(6,17,31,.35),#06111f 28%);border-top:1px solid #294c6c;box-shadow:0 -10px 24px rgba(0,0,0,.22)}
  body.bf5583-route-driver button.bf5583-sticky-button{position:sticky;z-index:40;bottom:calc(8px + env(safe-area-inset-bottom));width:100%;min-height:52px;margin-top:14px;box-shadow:0 8px 24px rgba(0,0,0,.35)}
  body.bf5583-route-driver .bf-driver-signoff{scroll-margin-top:58px}

  /* Email template editor and finance workspace. */
  body.bf5583-mobile-ready .bf573-template-list{position:static!important;display:grid!important;grid-template-columns:1fr!important}
  body.bf5583-mobile-ready .bf573-preview-frame{width:100%!important;height:560px!important;max-width:100%!important}
  body.bf5583-mobile-ready .bf573-test-recipient{width:100%!important}
  body.bf5583-mobile-ready .bf558-tabs.bf5583-mobile-nav{grid-template-columns:1fr!important}
  body.bf5583-mobile-ready .df-shell.df-shell-wide:has(.bf558-tabs){padding:8px!important}
  body.bf5583-mobile-ready .df-shell.df-shell-wide:has(.bf558-tabs)>.df-card.df-wide{padding:12px!important}
}

@media(max-width:560px){
  body.bf5583-mobile-ready :where(.df-brand img,.bf-brand img,.bf2-app-logo img){height:78px!important;max-height:78px!important;max-width:235px!important}
  body.bf5583-mobile-ready :where(.df-customer-nav.bf5583-mobile-nav,.bf558-tabs.bf5583-mobile-nav){grid-template-columns:1fr!important}
  body.bf5583-mobile-ready :where(.bf57-queue-grid,.bf57-mini-grid,.bf558-stats,.bf556-summary){grid-template-columns:1fr!important}
  body.bf5583-mobile-ready table.bf5583-card-table td{grid-template-columns:1fr;gap:4px}
  body.bf5583-mobile-ready table.bf5583-card-table td::before{margin-bottom:1px}
  body.bf5583-route-driver .v554-signature{height:250px;min-height:230px}
  body.bf5583-mobile-ready .bf573-preview-frame{height:500px!important}
}

@media(orientation:landscape) and (max-height:520px) and (max-width:1000px){
  body.bf5583-route-driver :where(.df-brand,.bf-brand,.bf2-app-brand){grid-template-columns:130px 1fr auto!important;text-align:left!important;padding:7px 10px!important}
  body.bf5583-route-driver :where(.df-brand>a,.bf-brand>a,.bf2-app-logo){width:130px!important;padding:4px 7px!important}
  body.bf5583-route-driver :where(.df-brand img,.bf-brand img,.bf2-app-logo img){height:54px!important;max-height:54px!important}
  body.bf5583-route-driver :where(.df-brand>span,.bf-brand>div,.bf2-app-identity){align-items:flex-start!important}
  body.bf5583-route-driver .v554-signature{height:210px;min-height:190px}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

@media print{
  /* v5.58.3 is intentionally invisible to print. */
  .bf5583-skip-link,.bf5583-network-banner,.bf5583-nav-toggle,.bf5583-photo-status,.bf5583-camera-hint{display:none!important}
}


/* LGFT v5.59.6 — persistent-login, complete mobile workflow and variable-capacity controls. */
.lgft-v5596-remember{
  display:flex;align-items:flex-start;gap:10px;width:100%;margin:8px 0 12px;
  padding:11px 12px;border:1px solid #315574;border-radius:9px;background:#071626;
  color:var(--bf5583-text);font-size:.9rem;line-height:1.35
}
.lgft-v5596-remember input{flex:0 0 auto;margin-top:1px}
.bf5596-transfer-limit{display:block;margin-top:7px;padding:8px 10px;border:1px solid #315574;border-radius:7px;background:#061629;color:#c8d8e5;line-height:1.35}
.bf5596-transfer-limit.is-blocked{border-color:#916b28;color:#f4d98c}
.bf5596-mobile-contained{min-width:0;max-width:100%}
body.bf5596-manual-workflow :where(.df-form,.df-form-grid,.df-detail-grid,.df-admin-row,.df-actions,.df-form-actions){min-width:0;max-width:100%}
body.bf5583-mobile-ready :where(dialog,[role="dialog"],.modal,.bf5596-mobile-overlay){
  max-width:min(94vw,760px);max-height:88dvh;overflow:auto;overscroll-behavior:contain
}
body.bf5583-mobile-ready :where(.dropdown-menu,.popover,.bf5596-mobile-overlay){max-width:calc(100vw - 20px)}
body.bf5583-mobile-ready input:-webkit-autofill,
body.bf5583-mobile-ready input:-webkit-autofill:hover,
body.bf5583-mobile-ready input:-webkit-autofill:focus{
  -webkit-text-fill-color:#06111f;box-shadow:0 0 0 1000px #fff inset;transition:background-color 9999s ease-out 0s
}

@media(max-width:820px){
  body.bf5583-mobile-ready :where(.df-brand,.bf-brand,.bf2-app-brand){
    grid-template-columns:minmax(104px,142px) minmax(0,1fr)!important;
    gap:10px!important;text-align:left!important
  }
  body.bf5583-mobile-ready :where(.df-brand>a,.bf-brand>a,.bf2-app-logo){
    width:100%!important;max-width:142px!important;margin:0!important;padding:6px 8px!important
  }
  body.bf5583-mobile-ready :where(.df-brand img,.bf-brand img,.bf2-app-logo img){
    width:100%!important;max-width:130px!important;height:62px!important;max-height:62px!important
  }
  body.bf5583-mobile-ready :where(.df-brand>span,.bf-brand>div,.bf2-app-identity){
    align-items:flex-start!important;text-align:left!important
  }
  body.bf5583-mobile-ready :where(.df-brand strong,.bf-brand strong,.bf2-app-identity strong){
    font-size:1.12rem!important
  }
  body.bf5583-mobile-ready :where(.df-brand>span:last-child,.bf2-app-portal){
    grid-column:1/-1!important;justify-self:stretch!important;width:100%!important;text-align:center!important
  }

  body.bf5583-mobile-ready :where(.df-admin,.df-admin-list,.df-admin-row,.df-tile,.df-control-note,.df-form-card,.bf57-admin-mini){
    min-width:0!important;max-width:100%!important
  }
  body.bf5583-mobile-ready :where(.df-admin-row>div,.df-admin-row>form,.df-tile>*,.df-detail-grid>div){
    min-width:0!important;max-width:100%!important
  }
  body.bf5583-mobile-ready :where(.df-admin-row form,.df-admin-row .df-actions,.df-admin-row .df-form-actions){
    width:100%!important
  }
  body.bf5583-mobile-ready :where(.df-admin-row button,.df-admin-row .df-btn,.df-admin-row select,.df-admin-row input){
    width:100%!important;min-width:0!important
  }
  body.bf5583-mobile-ready input[type="date"],
  body.bf5583-mobile-ready input[type="time"],
  body.bf5583-mobile-ready input[type="datetime-local"]{
    display:block;width:100%!important;min-width:0!important;max-width:100%!important
  }
  body.bf5583-mobile-ready :where(dialog,[role="dialog"],.modal,.bf5596-mobile-overlay){
    width:calc(100vw - 20px)!important;max-width:calc(100vw - 20px)!important;
    max-height:calc(100dvh - 24px)!important;margin:12px auto!important;border-radius:11px!important
  }
  body.bf5583-mobile-ready :where(.dropdown-menu,.popover){
    position:fixed!important;left:10px!important;right:10px!important;top:auto!important;
    bottom:calc(10px + env(safe-area-inset-bottom))!important;width:auto!important;max-height:70dvh!important;overflow:auto!important
  }
  body.bf5596-manual-workflow :where(.df-form-grid,.df-detail-grid,.df-two-col,.df-grid){
    grid-template-columns:1fr!important
  }
  body.bf5596-manual-workflow :where(.df-actions,.df-form-actions){
    position:static!important;padding-bottom:calc(6px + env(safe-area-inset-bottom))!important
  }
  .lgft-v5596-remember{min-height:48px}
}

@media(max-width:480px){
  body.bf5583-mobile-ready :where(.df-brand,.bf-brand,.bf2-app-brand){
    grid-template-columns:96px minmax(0,1fr)!important;padding:10px!important
  }
  body.bf5583-mobile-ready :where(.df-brand>a,.bf-brand>a,.bf2-app-logo){max-width:96px!important}
  body.bf5583-mobile-ready :where(.df-brand img,.bf-brand img,.bf2-app-logo img){max-width:88px!important;height:50px!important;max-height:50px!important}
  body.bf5583-mobile-ready :where(.df-brand small,.bf-brand small,.bf2-app-identity small){font-size:.68rem!important}
}