/* FLIGHTFLOW UI 9: presentation only; the operational styles remain the base. */
html[data-ui=modern]{--ui-ink:#172d49;--ui-muted:#53657c;--ui-blue:#185bb5;--ui-blue-soft:#edf4ff;--ui-line:#dce5f0;--ui-surface:#fff;--ui-bg:#f3f6fb;--ui-good:#17613d;--ui-good-bg:#edf8f1;--ui-warn:#81500a;--ui-warn-bg:#fff7e7;--ui-bad:#a42836;--ui-bad-bg:#fff0f2;--ui-shadow:0 4px 18px #20395708;--blue:var(--ui-blue);color:var(--ui-ink);font-family:Inter,"Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;line-height:1.5;background:var(--ui-bg);text-size-adjust:100%;-webkit-text-size-adjust:100%}
html[data-ui=modern] *,html[data-ui=modern] *:before,html[data-ui=modern] *:after{box-sizing:border-box}
html[data-ui=modern] body{margin:0!important;padding:0!important;background:var(--ui-bg)!important;color:var(--ui-ink);min-width:0}
html[data-ui=modern] .app-shell.app-shell{width:100%!important;max-width:1600px!important;margin:0 auto!important;min-width:0!important;min-height:100dvh;background:transparent!important;box-shadow:none!important;border:0!important}
html[data-ui=modern] .app-shell.app-shell>header{position:relative;display:flex!important;justify-content:space-between!important;align-items:center!important;min-height:64px!important;height:auto!important;padding:12px clamp(14px,2.5vw,32px)!important;gap:12px!important;background:#112b4c!important;color:white!important;border:0!important;border-radius:0!important;box-shadow:0 2px 8px #102c4b12!important}
html[data-ui=modern] .app-shell.app-shell>header .brand{min-width:0;display:flex!important;align-items:center;gap:10px!important}
html[data-ui=modern] .app-shell.app-shell>header .brand-icon{width:34px!important;height:34px!important;flex-basis:34px!important;background:#ffffff15!important;color:#fff!important;border:1px solid #ffffff26!important;border-radius:10px!important}
html[data-ui=modern] .app-shell.app-shell>header .brand strong{font-size:18px!important;letter-spacing:.1em!important;color:#fff!important;line-height:1.2}
html[data-ui=modern] .app-shell.app-shell>header .brand strong span{color:#8ec6ff!important}
html[data-ui=modern] .app-shell.app-shell>header .brand small{display:block!important;font-size:10px!important;letter-spacing:.04em;color:#c6d5e9!important}
html[data-ui=modern] .app-shell.app-shell>header .person{display:flex!important;align-items:center;gap:8px!important;min-width:0;width:auto!important}
html[data-ui=modern] .app-shell.app-shell>header .person .icon-button{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;padding:9px!important;color:#fff!important;background:#ffffff0b!important;border:1px solid #ffffff30!important;border-radius:10px!important}
.ui-role-chip{font-size:11px;font-weight:600;line-height:1.35;border:1px solid #ffffff30;border-radius:7px;padding:6px 9px;color:#e2ebf8;max-width:155px;overflow-wrap:anywhere}
html[data-ui=modern] .app-shell.app-shell .workspace{width:100%!important;max-width:1520px!important;margin:0 auto!important;padding:24px clamp(12px,2.5vw,32px) 150px!important;min-width:0!important;background:transparent!important}
html[data-ui=modern] .app-shell.app-shell h1,html[data-ui=modern] .app-shell.app-shell h2,html[data-ui=modern] .app-shell.app-shell h3{color:var(--ui-ink);line-height:1.3;letter-spacing:-.015em}
html[data-ui=modern] .app-shell.app-shell h2{font-size:20px}html[data-ui=modern] .app-shell.app-shell h3{font-size:15px}
html[data-ui=modern] .app-shell.app-shell .card,html[data-ui=modern] .app-shell.app-shell .operations-total,html[data-ui=modern] .app-shell.app-shell .home-flight,html[data-ui=modern] .app-shell.app-shell .arrival-offload-hold-card,html[data-ui=modern] .app-shell.app-shell .ua-user{background:var(--ui-surface)!important;border:1px solid var(--ui-line)!important;border-radius:14px!important;box-shadow:var(--ui-shadow)!important}
html[data-ui=modern] .app-shell.app-shell :is(.section-head,.operations-total-title,.ua-list-heading,.home-heading){gap:12px;align-items:center}
html[data-ui=modern] :is(button,input,select,textarea){font:inherit}
html[data-ui=modern] :is(input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea){color:var(--ui-ink);border-color:#c4d1e1;border-radius:9px;background:#fff;max-width:100%;min-width:0}
html[data-ui=modern] .app-shell.app-shell :is(.field,.ua-fields>label){min-width:0;gap:6px}
html[data-ui=modern] .app-shell.app-shell .field>span{font-size:12px!important;font-weight:600!important;line-height:1.4!important;color:var(--ui-muted)!important;white-space:normal!important}
html[data-ui=modern] .app-shell.app-shell :is(.field input,.field select,.field textarea,.lo-panel input:not([type=checkbox]),.lo-panel textarea,.ua-search input){min-height:42px;border:1px solid #c4d1e1!important;box-shadow:none!important;background:#fff!important;color:var(--ui-ink)!important;line-height:1.4}
html[data-ui=modern] :is(input,select,textarea)::placeholder{color:#738297;opacity:1}
html[data-ui=modern] :is(input,select,textarea)[readonly]{background:#f5f8fc!important;color:#344b65!important}
html[data-ui=modern] :is(input,select,textarea)[disabled]{opacity:1!important;color:#63758b!important;background:#f3f6fa!important;cursor:not-allowed}
html[data-ui=modern] input[type=checkbox],html[data-ui=modern] input[type=radio]{accent-color:var(--ui-blue);width:18px;height:18px;flex-shrink:0}
html[data-ui=modern] button{cursor:pointer;touch-action:manipulation;line-height:1.35}
html[data-ui=modern] .app-shell.app-shell :is(.primary,.secondary,.save-button,.new-rotation-submit,.lmc-save){min-height:42px!important;border-radius:9px!important;font-size:13px!important;font-weight:650!important;padding:10px 15px!important;box-shadow:none!important;white-space:normal!important}
html[data-ui=modern] :is(.primary,.save-button,.new-rotation-submit,.lmc-save){background:#185bb5!important;color:#fff!important;border:1px solid #185bb5!important;background-image:none!important}
html[data-ui=modern] :is(.secondary,.back-to-flights){background:#fff!important;color:#294d78!important;border:1px solid #c5d4e7!important;box-shadow:none!important;border-radius:9px}
html[data-ui=modern] :is(button,input,select,textarea,a,summary):focus-visible{outline:3px solid #2872d7!important;outline-offset:3px!important;box-shadow:0 0 0 5px #2872d71a!important}
html[data-ui=modern] button:disabled{opacity:.58!important;cursor:not-allowed!important;filter:none!important}
@media(hover:hover){html[data-ui=modern] button:not(:disabled):hover{filter:brightness(.97)}html[data-ui=modern] .home-flight:hover{border-color:#93b6e5!important}}
html[data-ui=modern] .app-shell.app-shell :is(.notice,.validation,.ua-message,.lmc-message,.team-form-validation){font-size:12px!important;line-height:1.5!important;border-radius:9px;padding:10px 12px;overflow-wrap:anywhere}
html[data-ui=modern] :is(.validation,.notice.error,.ua-message.error){color:var(--ui-bad)!important;background:var(--ui-bad-bg)!important;border:1px solid #efc4cc!important}
html[data-ui=modern] :is(.notice.success,.ua-message.success){color:var(--ui-good)!important;background:var(--ui-good-bg)!important;border-color:#badcc8!important}
html[data-ui=modern] .notice:not(.error):not(.success){color:#285080;background:#edf4ff;border-color:#c7d8f0}
/* Login keeps the original form and authentication handlers. */
html[data-ui=modern] .app-shell.app-shell .login-refresh{max-width:880px!important;width:100%!important;margin:clamp(24px,7vh,88px) auto!important;padding:36px!important;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:20px 44px;align-items:start;border-radius:20px!important;background:linear-gradient(110deg,#edf4ff 0%,#f8fbff 47%,#fff 47%)!important;box-shadow:0 16px 60px #193d6810!important;overflow:visible!important}
html[data-ui=modern] .login-refresh:before,html[data-ui=modern] .login-refresh:after{display:none!important}
html[data-ui=modern] .login-refresh .login-brand-mark{grid-column:1;grid-row:1;width:52px;height:52px;border-radius:14px;background:#185bb5;color:white;margin:0!important}
html[data-ui=modern] .login-refresh .login-welcome{grid-column:1;grid-row:2;text-align:left!important;margin:0!important}
.login-product-name{font-size:12px;font-weight:750;letter-spacing:.18em;color:#185bb5;margin:0 0 10px}.login-caption{font-size:14px;color:#53657c;max-width:28ch;line-height:1.65;margin:12px 0 0}
html[data-ui=modern] .login-refresh .login-welcome h2{font-size:30px!important;line-height:1.2;letter-spacing:-.035em;margin:0!important}
html[data-ui=modern] .login-refresh form{grid-column:2;grid-row:1/4;display:flex;flex-direction:column;gap:18px;min-width:0}
html[data-ui=modern] .login-refresh .login-secure{grid-column:1;grid-row:3;justify-content:flex-start;margin:0!important;font-size:11px!important;color:#53657c!important}
html[data-ui=modern] .login-refresh .field input{min-height:48px!important;font-size:16px!important;padding:12px!important;border-radius:10px!important}
html[data-ui=modern] .login-password{position:relative;min-width:0}html[data-ui=modern] .login-password input{padding-right:48px!important}
html[data-ui=modern] .login-eye{width:42px!important;min-height:42px!important;right:3px!important;color:#455e7c!important}
html[data-ui=modern] .login-submit{width:100%;min-height:48px!important;justify-content:center;gap:10px}
/* Navigation and operational information. */
html[data-ui=modern] .app-shell.app-shell :is(.flight-panel-tabs,.operations-side-switch,.lmc-type-options){display:flex!important;gap:6px!important;padding:5px!important;border:1px solid var(--ui-line)!important;border-radius:11px!important;background:#eaf0f7!important;min-width:0;max-width:100%;box-shadow:none!important}
html[data-ui=modern] .app-shell.app-shell .flight-panel-tabs{overflow-x:auto!important;flex-wrap:nowrap!important;margin:16px 0!important;scrollbar-width:thin;scroll-snap-type:x proximity}
html[data-ui=modern] .app-shell.app-shell .flight-panel-tabs>button{flex:0 0 auto!important;min-height:42px!important;padding:9px 13px!important;border:1px solid transparent!important;border-radius:8px!important;background:transparent!important;color:#405775!important;font-size:12px!important;white-space:nowrap!important;scroll-snap-align:start}
html[data-ui=modern] .app-shell.app-shell .flight-panel-tabs>button[aria-pressed=true],html[data-ui=modern] .app-shell.app-shell .operations-side-switch>button[aria-pressed=true]{background:#fff!important;color:#174f99!important;border-color:#c9d8ec!important;box-shadow:0 1px 3px #1d37540b!important;font-weight:700!important}
html[data-ui=modern] .app-shell.app-shell .operations-side-switch>button{flex:1;min-width:0;min-height:40px!important;font-size:12px!important;padding:9px 12px!important;border-radius:7px!important;white-space:normal;background:transparent;color:#405775;border:1px solid transparent}
html[data-ui=modern] .app-shell.app-shell .flight-sticky-header{top:0!important;padding:0 0 10px!important;background:var(--ui-bg)!important;z-index:30}
html[data-ui=modern] .app-shell.app-shell .flight-sticky-header .flight-card{padding:14px!important}
html[data-ui=modern] .app-shell.app-shell .flight-grid{gap:10px!important;grid-template-columns:repeat(5,minmax(0,1fr))!important}
html[data-ui=modern] .app-shell.app-shell .flight-value{padding:8px!important;min-width:0!important;border:0!important;background:#f6f9fd!important;border-radius:8px!important}
html[data-ui=modern] .app-shell.app-shell .flight-value>span{font-size:10px!important;text-transform:uppercase;letter-spacing:.04em;color:#5b6c82!important}
html[data-ui=modern] .app-shell.app-shell .flight-value b{font-size:17px!important;line-height:1.4!important;color:#1c385a!important;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
html[data-ui=modern] .app-shell.app-shell .back-to-flights{min-height:36px!important;margin-top:9px!important;padding:7px 12px!important;font-size:12px!important}
html[data-ui=modern] .app-shell.app-shell .home-flight-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;align-items:start}
html[data-ui=modern] .app-shell.app-shell .home-flight{min-width:0!important;padding:16px!important;overflow:visible}
html[data-ui=modern] .app-shell.app-shell .home-flight-open{width:100%;min-width:0;min-height:44px;white-space:normal}
html[data-ui=modern] .app-shell.app-shell .home-flight-top b{font-size:21px!important;color:#173b67!important}
html[data-ui=modern] .app-shell.app-shell .flight-card-meta{font-size:11px!important;line-height:1.5!important;gap:7px!important;color:#53657c!important;flex-wrap:wrap!important}
html[data-ui=modern] .app-shell.app-shell .home-route strong{font-size:21px!important}.home-route{font-variant-numeric:tabular-nums}
html[data-ui=modern] .app-shell.app-shell .home-heading{margin-bottom:18px!important;flex-wrap:wrap!important}
html[data-ui=modern] .app-shell.app-shell .home-heading-actions{gap:8px!important;flex-wrap:wrap!important}
html[data-ui=modern] .app-shell.app-shell .home-heading-actions>button{min-height:40px!important;padding:8px 12px!important;font-size:12px!important;border-radius:9px!important}
html[data-ui=modern] .app-shell.app-shell :is(.flight-card-details>summary,.gate-history>summary,.chute-history>summary,.team-extra-types>summary){min-height:42px!important;padding:11px!important;font-size:12px!important;color:#365779!important;cursor:pointer}
html[data-ui=modern] .app-shell.app-shell :is(.operations-dashboard,.gate-panel,.arrival-workspace,.team-leader-panel,.chute-panel,.lo-panel){padding:18px!important;min-width:0!important}
html[data-ui=modern] .app-shell.app-shell :is(.operations-total,.arrival-offload-hold-card){padding:14px!important;min-width:0!important}
html[data-ui=modern] .app-shell.app-shell :is(.operations-total-title h3,.arrival-offload-title,.gate-checkin-summary h3){font-size:13px!important;line-height:1.4!important;letter-spacing:.01em}
html[data-ui=modern] .app-shell.app-shell :is(.operations-flight-times,.arrival-flight-times){gap:8px!important;min-width:0}
html[data-ui=modern] .app-shell.app-shell :is(.operations-time-box,.arrival-flight-times>button){border:1px solid #d5e1ef!important;border-radius:10px!important;background:#f6f9fe!important;color:#193e6d!important;box-shadow:none!important;min-width:0;min-height:72px!important;padding:10px!important;font-variant-numeric:tabular-nums}
html[data-ui=modern] .app-shell.app-shell :is(.operations-time-box b,.operations-time-box strong){font-size:22px!important;letter-spacing:-.03em}
html[data-ui=modern] .app-shell.app-shell :is(.operations-gate-stage,.gate-stage-boxes>button){padding:12px!important;border-radius:10px!important;border:1px solid #d3deec!important;background:#f5f8fc!important;color:#415b79!important;min-height:52px!important;box-shadow:none!important}
html[data-ui=modern] .app-shell.app-shell :is(.operations-gate-stage.is-pending,.gate-stage-boxes>button.is-pending){color:var(--ui-warn)!important;background:var(--ui-warn-bg)!important;border-color:#e9ce9d!important}
html[data-ui=modern] .app-shell.app-shell :is(.operations-gate-stage.is-confirmed,.gate-stage-boxes>button.is-ready,.operations-boarding-ok){color:var(--ui-good)!important;background:var(--ui-good-bg)!important;border-color:#badcc8!important}
html[data-ui=modern] .stage-workflow-meta strong{font-size:12px!important}.stage-workflow-meta small{line-height:1.5!important}
html[data-ui=modern] .app-shell.app-shell :is(.gate-boarded-pax input,.arrival-total-input input,.arrival-hold-weight input){font-size:20px!important;line-height:1.4!important;min-height:44px!important;border-radius:8px!important;font-variant-numeric:tabular-nums}
html[data-ui=modern] .app-shell.app-shell :is(.gate-fixed-actions,.team-fixed-footer,.chute-fixed-footer,.save-actions){gap:10px!important}
html[data-ui=modern] .app-shell.app-shell :is(.gate-fixed-actions>button,.team-fixed-footer button,.chute-fixed-footer button){min-height:44px!important;border-radius:10px!important}
html[data-ui=modern] .app-shell.app-shell :is(.lo-panel section,.lo-history article){border-color:var(--ui-line)!important}
html[data-ui=modern] .app-shell.app-shell .lo-panel h3{font-size:14px!important}.lo-photo img{border-radius:9px;background:#f5f8fc}.lo-photo small{color:#53657c}
html[data-ui=modern] .app-shell.app-shell .ua-layout{display:grid!important;grid-template-columns:minmax(0,.95fr) minmax(0,1.15fr)!important;gap:20px!important;align-items:start}
html[data-ui=modern] .app-shell.app-shell :is(.ua-editor,.ua-users){padding:20px!important;min-width:0!important}
html[data-ui=modern] .app-shell.app-shell .ua-user{padding:14px!important;margin-bottom:10px!important}
html[data-ui=modern] .app-shell.app-shell .ua-user-top b{font-size:14px!important}.ua-user-meta{overflow-wrap:anywhere}
html[data-ui=modern] .app-shell.app-shell .ua-permission-group{padding:14px!important;border:1px solid var(--ui-line)!important;border-radius:10px!important;background:#f8fafd!important}
html[data-ui=modern] .app-shell.app-shell .permission-options label{min-height:40px!important;font-size:12px!important;gap:9px!important}
html[data-ui=modern] .app-shell.app-shell .ua-filters{gap:8px!important;min-width:0;flex-wrap:wrap!important}
html[data-ui=modern] .app-shell.app-shell .ua-filters>*{min-width:0!important}
/* Every overlay is bounded by the actual visible viewport, including the keyboard. */
html[data-ui=modern] :is(.profile-overlay,.modal-backdrop,.ff-push-overlay){padding:16px!important;background:#102c4b66!important;backdrop-filter:none!important;align-items:center;overscroll-behavior:contain}
html[data-ui=modern] :is(.profile-overlay,.modal-backdrop){max-width:100vw;overflow:auto!important}
html[data-ui=modern] :is(.profile-menu.card,.modal.card,.ff-push-card){max-width:min(760px,100%)!important;min-width:0!important;max-height:calc(var(--flight-dialog-height,100dvh) - 32px)!important;overflow:auto!important;overscroll-behavior:contain;border-radius:16px!important;background:#fff!important;border:1px solid #d2deed!important;box-shadow:0 24px 80px #102c4b2b!important;padding:22px!important}
html[data-ui=modern] :is(.profile-menu.card,.modal.card,.ff-push-card) :is(h2,.section-head h2){font-size:19px!important;color:var(--ui-ink)!important}
html[data-ui=modern] :is(.modal-close,.section-head>.icon-button,.ff-push-heading>button){min-width:40px!important;width:40px!important;min-height:40px!important;height:40px!important;border:1px solid #dce5f0!important;background:#f4f7fb!important;border-radius:9px!important;color:#334f70!important;flex-shrink:0}
html[data-ui=modern] .lmc-entry-modal.lmc-entry-modal.lmc-baggage-weight-modal .lmc-controls{background:#f5f8fd!important;border-color:var(--ui-line)!important;border-radius:12px!important}
html[data-ui=modern] .lmc-entry-modal.lmc-entry-modal.lmc-baggage-weight-modal .lmc-field input{background:#fff!important;border-color:#c5d4e6!important;font-size:20px!important}
html[data-ui=modern] .app-shell.app-shell .new-rotation-form{gap:18px!important;min-width:0}
html[data-ui=modern] .app-shell.app-shell .new-rotation-form>h2{font-size:22px!important;letter-spacing:-.025em}
html[data-ui=modern] .app-shell.app-shell .new-rotation-form .new-rotation-columns>section{border:1px solid var(--ui-line)!important;border-radius:12px!important;background:#f7faff!important;padding:15px!important}
html[data-ui=modern] .app-shell.app-shell .new-rotation-form .new-rotation-columns h3{font-size:13px!important;color:#35557c!important}
html[data-ui=modern] .ff-push-card{max-width:500px!important}.ff-push-status{background:#f2f6fc!important;border:1px solid #dce5f0!important;color:#35557c!important;font-size:13px!important;border-radius:9px!important;padding:12px!important}
html[data-ui=modern] #flightflow-sync-status{font-size:11px!important;border-radius:8px!important;box-shadow:none!important}
html[data-ui=modern] .app-shell.app-shell table{border-collapse:separate;border-spacing:0;width:100%;font-variant-numeric:tabular-nums}
html[data-ui=modern] .app-shell.app-shell :is(th,td){padding:9px 10px;border-color:#e2e9f2;overflow-wrap:anywhere}
html[data-ui=modern] .app-shell.app-shell :is(.hold-cart-scroll,.saved-cart-scroll,.operations-baggage-details){max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain}
html[data-ui=modern] .app-shell.app-shell :is(.cart-row,.cart-rows,.saved-cart-list,.hold-cart-scroll,.baggage-main,.save-card){min-width:0;max-width:100%}
@media(min-width:1440px){html[data-ui=modern] .app-shell.app-shell .home-flight-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.ui-role-chip{font-size:12px}}
@media(max-width:1023px){html[data-ui=modern] .app-shell.app-shell .ua-layout{grid-template-columns:minmax(0,1fr)!important}html[data-ui=modern] .app-shell.app-shell .flight-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:767px){
 html[data-ui=modern] .app-shell.app-shell>header{padding:10px 12px!important;min-height:60px!important;gap:8px!important}html[data-ui=modern] .app-shell.app-shell>header .brand strong{font-size:15px!important}html[data-ui=modern] .app-shell.app-shell>header .brand small{display:none!important}.ui-role-chip{max-width:92px;font-size:10px;padding:5px 7px}
 html[data-ui=modern] .app-shell.app-shell .workspace{padding:14px 12px 155px!important}html[data-ui=modern] .app-shell.app-shell .home-flight-grid{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
 html[data-ui=modern] .app-shell.app-shell .flight-value b{font-size:15px!important}html[data-ui=modern] .app-shell.app-shell .flight-value{padding:6px!important}html[data-ui=modern] .app-shell.app-shell .flight-grid{gap:6px!important}
 html[data-ui=modern] .app-shell.app-shell .flight-panel-tabs>button{font-size:12px!important;min-height:44px!important;padding:9px 11px!important}html[data-ui=modern] .app-shell.app-shell .flight-panel-tabs>button svg:last-child{display:none}
 html[data-ui=modern] .app-shell.app-shell :is(.operations-dashboard,.gate-panel,.arrival-workspace,.team-leader-panel,.chute-panel,.lo-panel){padding:13px!important}
 html[data-ui=modern] .app-shell.app-shell :is(.operations-total,.arrival-offload-hold-card){padding:12px!important}
 html[data-ui=modern] :is(.profile-overlay,.modal-backdrop,.ff-push-overlay){padding:10px!important}html[data-ui=modern] :is(.profile-menu.card,.modal.card,.ff-push-card){max-height:calc(var(--flight-dialog-height,100dvh) - 20px)!important;padding:17px!important;border-radius:13px!important}
 html[data-ui=modern] .app-shell.app-shell :is(.field input,.field select,.field textarea,.lo-panel input:not([type=checkbox]),.lo-panel textarea,.ua-search input){font-size:16px!important;min-height:44px!important}
 html[data-ui=modern] .app-shell.app-shell .login-refresh{display:flex;flex-direction:column;max-width:460px!important;gap:18px;padding:24px!important;margin:20px auto!important;background:#fff!important}html[data-ui=modern] .login-refresh form{width:100%}html[data-ui=modern] .login-refresh .login-welcome h2{font-size:27px!important}html[data-ui=modern] .login-caption{margin-top:8px;max-width:none}html[data-ui=modern] .login-secure{order:5}
 html[data-ui=modern] .app-shell.app-shell .operations-passenger-cards{grid-template-columns:minmax(0,1fr)!important}
 html[data-ui=modern] .app-shell.app-shell .arrival-offload-hold-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
 html[data-ui=modern] .app-shell.app-shell .ua-editor,html[data-ui=modern] .app-shell.app-shell .ua-users{padding:15px!important}
 html[data-ui=modern] .ui-responsive-table,html[data-ui=modern] .ui-responsive-table tbody{display:block;width:100%;max-width:100%}html[data-ui=modern] .ui-responsive-table tr[data-ui-header]{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}html[data-ui=modern] .ui-responsive-table tr:not([data-ui-header]){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;background:#f7faff;border:1px solid #dce5f0;border-radius:9px;padding:10px;margin:8px 0}html[data-ui=modern] .ui-responsive-table td{display:block;min-width:0;border:0;padding:0!important}html[data-ui=modern] .ui-responsive-table td[data-ui-label]:before{content:attr(data-ui-label);display:block;font-size:10px;font-weight:600;color:#53657c;margin-bottom:4px}
}
@media(max-width:390px){html[data-ui=modern] .app-shell.app-shell>header .brand strong{font-size:13px!important;letter-spacing:.06em!important}html[data-ui=modern] .app-shell.app-shell>header .brand-icon{width:28px!important;height:28px!important;flex-basis:28px!important}.ui-role-chip{display:none}html[data-ui=modern] .app-shell.app-shell .workspace{padding-inline:9px!important}html[data-ui=modern] .app-shell.app-shell .arrival-offload-hold-grid{grid-template-columns:minmax(0,1fr)!important}html[data-ui=modern] .app-shell.app-shell .new-rotation-form .new-rotation-columns{grid-template-columns:minmax(0,1fr)!important}}
@media(prefers-reduced-motion:reduce){html[data-ui=modern] *,html[data-ui=modern] *:before,html[data-ui=modern] *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
/* Override the old compact rotation-card layout at its original specificity. */
html[data-ui=modern] .app-shell.app-shell .workspace .flight-home .home-flight-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}
html[data-ui=modern] .app-shell.app-shell .workspace .flight-home .home-flight{width:100%!important;padding:16px!important}
html[data-ui=modern] .app-shell.app-shell .workspace .flight-home .home-heading>div:first-child,html[data-ui=modern] .app-shell.app-shell .workspace .flight-home .home-heading h2{display:block!important}
html[data-ui=modern] .app-shell.app-shell .workspace .flight-home .home-heading h2{font-size:22px!important;letter-spacing:-.025em!important;color:#1b3555!important;margin:0!important}
html[data-ui=modern] .app-shell.app-shell .workspace .flight-home .home-flight .rotation-flight-link b{font-size:18px!important;line-height:1.35!important;color:#173b67!important}
html[data-ui=modern] .app-shell.app-shell .workspace .flight-home .home-flight .rotation-tail-center b{font-size:15px!important;color:#344f6c!important}
html[data-ui=modern] .app-shell.app-shell .workspace .flight-home .home-flight :is(.rotation-center-date,.rotation-aircraft-model){font-size:11px!important;line-height:1.5!important;color:#53657c!important}
html[data-ui=modern] .app-shell.app-shell .workspace .flight-home .home-flight :is(.rotation-route-link,.rotation-hub){font-size:17px!important;color:#405b76!important}
html[data-ui=modern] .ff-search-dialog{max-width:min(480px,calc(100vw - 24px))!important;max-height:calc(var(--flight-dialog-height,100dvh) - 24px)!important;border:1px solid #cbd9eb!important;border-radius:14px!important;background:#fff!important;box-shadow:0 24px 80px #102c4b29!important}
html[data-ui=modern] .ff-search-option{min-height:40px!important;padding:10px 12px!important;font-size:12px!important;line-height:1.4!important;color:#263f5c!important}
html[data-ui=modern] .ff-search-input{min-height:44px!important;font-size:16px!important;border:1px solid #c4d1e1!important;border-radius:9px!important}
@media(min-width:768px){html[data-ui=modern] .app-shell.app-shell .workspace .flight-home .home-heading-actions{position:static!important;inset:auto!important;transform:none!important;display:flex!important;flex-wrap:wrap!important;width:auto!important;max-width:100%!important;margin-left:auto!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}html[data-ui=modern] .app-shell.app-shell .workspace .flight-home .home-heading-actions>button{display:flex!important;flex-direction:row!important;align-items:center!important;gap:7px!important;min-width:0!important;height:42px!important;min-height:42px!important;white-space:nowrap!important}}
@media(min-width:1440px){html[data-ui=modern] .app-shell.app-shell .workspace .flight-home .home-flight-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:767px){html[data-ui=modern] .app-shell.app-shell .workspace .flight-home .home-flight-grid{grid-template-columns:minmax(0,1fr)!important}html[data-ui=modern] .app-shell.app-shell .workspace .flight-home .home-heading h2{font-size:19px!important}.home-heading-actions{padding-bottom:max(8px,env(safe-area-inset-bottom))!important}}
html[data-ui=modern] .app-shell.app-shell>footer{color:#53657c!important;font-size:11px!important;padding:16px 24px!important;line-height:1.5}
html[data-ui=modern] .app-shell.app-shell :is(.gate-stage-boxes>button,.operations-gate-stage,.operations-time-box):disabled{opacity:1!important}
html[data-ui=modern] .ff-search-dialog.ff-search-dialog .ff-search-option{min-height:40px!important;font-size:12px!important;line-height:1.4!important}
html[data-ui=modern] .modern-flight-picker .modern-picker-trigger{min-height:44px!important;font-size:14px!important;line-height:1.4!important}
html[data-ui=modern] :is(.modal-backdrop,.profile-overlay){position:fixed!important;inset:0!important;top:var(--flight-dialog-top,0px)!important;height:min(100dvh,var(--flight-dialog-height,100dvh))!important;z-index:20000!important;display:flex!important;align-items:center!important;justify-content:center!important}
html[data-ui=modern] .profile-overlay.profile-overlay .profile-menu.card,html[data-ui=modern] .modal-backdrop.modal-backdrop .modal.card{max-height:min(calc(100dvh - 24px),calc(var(--flight-dialog-height,100dvh) - 24px))!important}
html[data-ui=modern] .ff-picker-layer{z-index:30000!important}html[data-ui=modern] .ff-push-overlay{z-index:25000!important}
@media(min-width:768px){html[data-ui=modern] .app-shell.app-shell .home-heading-actions{z-index:auto!important}}

/* Center login branding and headings. */
html[data-ui=modern] .login-refresh .login-welcome{text-align:center!important;width:100%}
html[data-ui=modern] .login-refresh .login-brand-mark{justify-self:center;align-self:center}
html[data-ui=modern] .login-refresh .login-secure{justify-content:center}

/* Persistent active navigation state. */
html[data-ui=modern] .app-shell.app-shell .workspace .flight-home .home-heading-actions>button[aria-pressed=true]{background:#112b4c!important;color:#fff!important;border:2px solid #112b4c!important;box-shadow:inset 0 -4px 0 #75c6ff!important;font-weight:800!important}
html[data-ui=modern] .app-shell.app-shell .workspace .flight-home .home-heading-actions>button[aria-pressed=true] svg{color:#fff!important;stroke-width:2.5}

/* Larger flight operation status indicators. */
html[data-ui=modern] .app-shell.app-shell .workspace .flight-home .home-flight.home-flight .flight-status-icons{gap:3px!important;flex-wrap:nowrap!important}
html[data-ui=modern] .app-shell.app-shell .workspace .flight-home .home-flight.home-flight .flight-status-icon{width:36px!important;height:36px!important;min-width:36px!important;padding:5px!important;border-radius:9px!important;border-width:1.5px!important}
html[data-ui=modern] .app-shell.app-shell .workspace .flight-home .home-flight.home-flight .flight-status-icon svg{width:24px!important;height:24px!important;min-width:24px!important;stroke-width:2.3!important}

/* Compact parking position field on home cards. */
html[data-ui=modern] .app-shell.app-shell .workspace .flight-home .home-flight.home-flight .flight-parking label{width:76px!important;max-width:100%!important;flex:0 1 76px!important}
html[data-ui=modern] .app-shell.app-shell .workspace .flight-home .home-flight.home-flight .flight-parking input{width:100%!important;max-width:76px!important;text-align:center!important}

/* Raise the flight date by two text lines. */
html[data-ui=modern] .app-shell.app-shell .workspace .flight-home .home-flight.home-flight .rotation-center-date{position:relative!important;top:-12px!important}

/* More space above the flight details arrow. */
html[data-ui=modern] .app-shell.app-shell .workspace .flight-home .home-flight.home-flight .flight-card-details{margin-top:12px!important}

/* Place the expand control in its own bottom row. */
html[data-ui=modern] .app-shell.app-shell .workspace .flight-home .home-flight.home-flight .flight-card-details{position:static!important;margin-top:10px!important;padding-top:6px!important;border-top:1px solid #e5edf5!important}
html[data-ui=modern] .app-shell.app-shell .workspace .flight-home .home-flight.home-flight .flight-card-details>summary,html[data-ui=modern] .app-shell.app-shell .workspace .flight-home .home-flight.home-flight:has(.flight-card-details[open]) .flight-card-details>summary{position:static!important;inset:auto!important;transform:none!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;width:100%!important;height:32px!important;min-height:32px!important;padding:0 2px!important;margin:0!important;box-sizing:border-box!important}
html[data-ui=modern] .app-shell.app-shell .workspace .flight-home .home-flight.home-flight .flight-card-details>summary>svg{width:26px!important;height:26px!important;padding:4px!important;border-radius:7px!important;background:#eaf2fb!important;color:#315f89!important;box-sizing:border-box!important}

/* Compact bottom expand row. */
html[data-ui=modern] .app-shell.app-shell .workspace .flight-home .home-flight.home-flight .flight-card-details{margin-top:2px!important;padding-top:0!important;border-top:0!important}
html[data-ui=modern] .app-shell.app-shell .workspace .flight-home .home-flight.home-flight .flight-card-details>summary,html[data-ui=modern] .app-shell.app-shell .workspace .flight-home .home-flight.home-flight:has(.flight-card-details[open]) .flight-card-details>summary{height:20px!important;min-height:20px!important;padding:0!important}
html[data-ui=modern] .app-shell.app-shell .workspace .flight-home .home-flight.home-flight .flight-card-details>summary>svg{width:20px!important;height:20px!important;padding:2px!important;border-radius:5px!important}

/* Keep the expand arrow free of a full-width rule. */
html[data-ui=modern] .app-shell.app-shell .workspace .flight-home .home-flight.home-flight .flight-card-details{border:0!important;box-shadow:none!important;background:transparent!important}
html[data-ui=modern] .app-shell.app-shell .workspace .flight-home .home-flight.home-flight .flight-card-details>summary,html[data-ui=modern] .app-shell.app-shell .workspace .flight-home .home-flight.home-flight:has(.flight-card-details[open]) .flight-card-details>summary{width:24px!important;max-width:24px!important;border:0!important;box-shadow:none!important;background:transparent!important}
html[data-ui=modern] .app-shell.app-shell .workspace .flight-home .home-flight.home-flight .flight-card-details>summary::before,html[data-ui=modern] .app-shell.app-shell .workspace .flight-home .home-flight.home-flight .flight-card-details>summary::after{display:none!important}

/* Compact, labelled icon actions below flight cards. */
html[data-ui=modern] .app-shell.app-shell .flight-details-content{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:8px!important}
html[data-ui=modern] .app-shell.app-shell .flight-details-content :is(.flight-merge-button,.assignment-icon-action){display:inline-flex!important;align-items:center!important;justify-content:center!important;width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;padding:8px!important;border-radius:9px!important;flex:0 0 40px!important}
html[data-ui=modern] .app-shell.app-shell .flight-details-content .flight-assignment{flex:0 1 auto!important;width:auto!important;margin:0!important}
html[data-ui=modern] .app-shell.app-shell .flight-details-content :is(.assignment-current,.assignment-picker){display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important}

/* Keep card actions on one horizontal row. */
html[data-ui=modern] .app-shell.app-shell .workspace .flight-home .home-flight.home-flight .flight-details-content{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;flex-wrap:nowrap!important;gap:6px!important;overflow-x:auto!important;min-width:0!important}
html[data-ui=modern] .app-shell.app-shell .workspace .flight-home .home-flight.home-flight .flight-details-content>button{flex:0 0 40px!important;width:40px!important;margin:0!important}
html[data-ui=modern] .app-shell.app-shell .workspace .flight-home .home-flight.home-flight .flight-details-content .flight-assignment{display:inline-flex!important;flex:0 0 auto!important;width:auto!important;min-width:0!important;margin:0!important}
html[data-ui=modern] .app-shell.app-shell .workspace .flight-home .home-flight.home-flight .flight-details-content :is(.assignment-current,.assignment-picker){display:inline-flex!important;flex-direction:row!important;flex-wrap:nowrap!important;width:auto!important;margin:0!important}

/* Raise tail registration and aircraft model slightly. */
html[data-ui=modern] .app-shell.app-shell .workspace .flight-home .home-flight.home-flight .rotation-center-stack :is(.rotation-tail-center,.rotation-aircraft-model){position:relative!important;top:-6px!important}

/* Keep the personal notebook control visible beside its heading. */
html[data-ui=modern] .app-shell.app-shell .operations-own-note-card .operations-total-title{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important}
html[data-ui=modern] .app-shell.app-shell .operations-own-notebook{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 36px!important;width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important;padding:7px!important;color:#185bb5!important;background:#eaf2ff!important;border:1px solid #b8cdea!important;opacity:1!important;visibility:visible!important}
html[data-ui=modern] .app-shell.app-shell .operations-own-notebook svg{display:block!important;visibility:visible!important;opacity:1!important;width:21px!important;height:21px!important;min-width:21px!important;flex-shrink:0!important;stroke:currentColor!important;stroke-width:2!important}
html[data-ui=modern] .app-shell.app-shell .operations-own-notebook.has-note{color:#a42836!important;background:#fff0f2!important;border-color:#e2a8b0!important}

html[data-ui=modern] .app-shell.app-shell .stage-label-clock{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;flex-wrap:wrap!important}
html[data-ui=modern] .app-shell.app-shell .stage-start-clock{font-size:12px!important;font-weight:700!important;white-space:nowrap!important;font-variant-numeric:tabular-nums}

/* Remove the outer white surface behind the top flight information cards. */
html[data-ui=modern] .app-shell.app-shell .workspace .card.flight-card{background:transparent!important;border:0!important;box-shadow:none!important}

/* Restore distinct surfaces for the individual flight information cards. */
html[data-ui=modern] .app-shell.app-shell .workspace .card.flight-card .flight-value{display:flex!important;flex-direction:column!important;visibility:visible!important;opacity:1!important;background:#fff!important;border:1px solid #cfdae8!important;box-shadow:0 2px 5px #193d680d!important;border-radius:9px!important}

/* Clean Trip Info capture preview dialog. */
html[data-ui=modern] .app-shell .lo-trip-capture,html[data-ui=modern] .lo-trip-capture{padding:20px!important;border:0!important;box-shadow:none!important;background:#fff!important;border-radius:16px!important}
html[data-ui=modern] .lo-trip-capture>.section-head{margin-bottom:16px!important;padding-bottom:12px!important;border-bottom:1px solid #e5edf5!important;display:flex!important;justify-content:space-between!important;align-items:center!important}
html[data-ui=modern] .lo-trip-capture>.section-head h2{font-size:20px!important;color:#173b67!important;margin:0!important}
html[data-ui=modern] .lo-trip-capture .lo-upload{padding:0!important;border:0!important}
html[data-ui=modern] .lo-trip-capture .lo-upload>h3,html[data-ui=modern] .lo-trip-capture .lo-actions:empty{display:none!important}
html[data-ui=modern] .lo-trip-capture .lo-preview{width:100%!important;max-height:55dvh!important;margin:0 0 16px!important;padding:8px!important;box-sizing:border-box!important;background:#f3f6fb!important;border:1px solid #dde6f1!important;border-radius:12px!important;object-fit:contain!important}
html[data-ui=modern] .lo-trip-capture .lo-actions{display:flex!important;gap:10px!important;margin-top:12px!important}
html[data-ui=modern] .lo-trip-capture .lo-actions>button{flex:1!important;min-height:44px!important;border-radius:10px!important}

html[data-ui=modern] .lo-sharing-details{margin-top:16px;border-top:1px solid #dde6f1;padding-top:8px}
html[data-ui=modern] .lo-sharing-details>summary{cursor:pointer;padding:12px 4px;font-weight:700;color:#173b67}

html[data-ui=modern] .hold-piece-plan{display:flex;flex-direction:column;gap:7px;margin-top:10px;padding-top:10px;border-top:1px solid #dde6f1;font-size:12px;color:#365779}
html[data-ui=modern] .hold-plan-controls{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
html[data-ui=modern] .hold-plan-controls input{width:76px!important;min-width:0!important;min-height:38px!important;padding:7px!important}
html[data-ui=modern] .hold-plan-controls button{min-height:38px!important;padding:7px 10px!important}

html[data-ui=modern] .lo-hold-summary .operations-hold-card>header{display:flex!important;flex-direction:column!important;align-items:center!important;gap:8px!important}
html[data-ui=modern] .lo-hold-summary .hold-estimated-weight{text-align:center!important;margin-top:5px!important}

/* Plan entry beside the HOLD heading; actual load below. */
html[data-ui=modern] .lo-hold-summary .operations-hold-card>header{flex-direction:row!important;align-items:flex-start!important;justify-content:space-between!important;gap:8px!important}
html[data-ui=modern] .lo-hold-summary .hold-piece-plan{border:0!important;padding:0!important;margin:0!important;min-width:0!important;max-width:180px!important}
html[data-ui=modern] .lo-hold-summary .hold-plan-controls{justify-content:flex-end!important;gap:5px!important}
html[data-ui=modern] .lo-hold-summary .hold-plan-controls input{width:58px!important}
html[data-ui=modern] .lo-loaded-pieces{text-align:center!important;margin-top:14px!important;padding-top:10px!important;border-top:1px solid #e2eaf3!important;font-weight:700!important;color:#365779!important}

html[data-ui=modern] .hold-plan-input-wrap{position:relative;display:inline-flex;width:86px;max-width:100%;align-items:center}
html[data-ui=modern] .lo-hold-summary .hold-plan-input-wrap input{width:86px!important;height:32px!important;min-height:32px!important;padding:5px 29px 5px 6px!important;font-size:13px!important;border-radius:7px!important;box-sizing:border-box!important}
html[data-ui=modern] .hold-plan-input-wrap>span{position:absolute;right:6px;font-size:10px;font-weight:700;color:#53657c;pointer-events:none}

html[data-ui=modern] .load-office-departure{padding-bottom:86px!important}
html[data-ui=modern] .lo-plan-savebar{position:fixed;left:50%;transform:translateX(-50%);z-index:9000;padding:7px;background:#ffffffed;border:1px solid #d2dfef;border-radius:13px;box-shadow:0 4px 20px #173b6726;max-width:calc(100vw - 24px);box-sizing:border-box}
html[data-ui=modern] .lo-plan-savebar>button{min-width:170px;min-height:44px;border-radius:9px}

html[data-ui=modern] .lo-notebook-modal{width:min(520px,calc(100vw - 24px))!important;padding:20px!important}
html[data-ui=modern] .lo-notebook-modal textarea{width:100%;min-height:180px;box-sizing:border-box;padding:12px;border:1px solid #c9d5e7;border-radius:10px;font:inherit;margin:14px 0;resize:vertical}

html[data-ui=modern] .lo-notebook-modal .operations-time-actions{display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:8px!important}
html[data-ui=modern] .lo-notebook-modal .operations-time-actions>button{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;width:auto!important;min-width:0!important;flex:0 0 auto!important;min-height:36px!important;height:36px!important;padding:7px 13px!important;font-size:12px!important;border-radius:8px!important}

html[data-ui=modern] .lo-trip-viewer{margin-top:16px!important;padding:16px!important}
html[data-ui=modern] .lo-trip-viewer h3{margin:0 0 12px!important;font-size:16px!important;color:#173b67!important}
html[data-ui=modern] .lo-trip-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}
html[data-ui=modern] .lo-trip-viewer .lo-photo button{border:1px solid #d3dfed;border-radius:10px;background:#f5f8fc;padding:6px}

/* Refined Operations Trip Info gallery. */
html[data-ui=modern] .profile-menu.lo-modal:has(.lo-trip-capture){width:min(620px,calc(100vw - 24px))!important;max-width:620px!important;padding:0!important;border:1px solid #d7e2ef!important;border-radius:20px!important;overflow:auto!important;background:#fff!important;box-shadow:0 24px 70px #112b4c33!important}
html[data-ui=modern] .lo-trip-capture{padding:22px!important}
html[data-ui=modern] .lo-trip-capture>.section-head{margin:0 0 18px!important;padding:0 0 14px!important}
html[data-ui=modern] .lo-trip-capture>.section-head h2{font-size:22px!important;letter-spacing:-.025em!important}
html[data-ui=modern] .lo-trip-capture>.section-head>button{width:auto!important;min-width:0!important;min-height:32px!important;padding:5px 10px!important;font-size:12px!important;border-radius:8px!important;background:#f0f4f9!important;color:#53657c!important;border:1px solid #dbe4ee!important}
html[data-ui=modern] .lo-trip-capture .lo-upload>.lo-actions:first-of-type{margin:0 0 16px!important}
html[data-ui=modern] .lo-trip-capture .lo-upload>.lo-actions:first-of-type>button{flex:0 1 auto!important;padding:10px 18px!important;background:#185bb5!important;color:#fff!important;border:1px solid #185bb5!important;font-weight:700!important}
html[data-ui=modern] .lo-gallery-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:20px 0 12px;padding-top:16px;border-top:1px solid #e5edf5}
html[data-ui=modern] .lo-gallery-heading h3{font-size:13px!important;color:#405775!important;margin:0!important}
html[data-ui=modern] .lo-gallery-heading>span{font-size:11px;font-weight:700;padding:3px 8px;border-radius:20px;background:#eaf2ff;color:#185bb5}
html[data-ui=modern] .lo-gallery-empty{padding:26px 12px;text-align:center;color:#63758c;font-size:13px;background:#f5f8fc;border:1px dashed #cedbea;border-radius:12px}
html[data-ui=modern] .lo-trip-capture .lo-photos{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
html[data-ui=modern] .lo-trip-capture .lo-photo{min-width:0;padding:8px;border:1px solid #dde6f1;border-radius:12px;background:#f8fafd}
html[data-ui=modern] .lo-trip-capture .lo-photo>button:first-child{display:block;width:100%;padding:0!important;border:0!important;background:#edf2f8!important;border-radius:8px!important;overflow:hidden}
html[data-ui=modern] .lo-trip-capture .lo-photo img{display:block;width:100%;height:180px;object-fit:contain!important;border-radius:8px!important}
html[data-ui=modern] .lo-trip-capture .lo-photo>small{display:block;margin:8px 0;font-size:10px;line-height:1.5;color:#63758c}
html[data-ui=modern] .lo-trip-capture .lo-photo>.time-clear-button{display:inline-flex;align-items:center;justify-content:center;width:auto!important;min-height:30px!important;padding:4px 11px!important;border:1px solid #edc5cb!important;background:#fff1f3!important;color:#a42836!important;font-size:11px!important;border-radius:7px!important}
@media(max-width:390px){html[data-ui=modern] .lo-trip-capture{padding:16px!important}html[data-ui=modern] .lo-trip-capture .lo-photos{gap:8px!important}html[data-ui=modern] .lo-trip-capture .lo-photo img{height:140px!important}}

html[data-ui=modern] .hold-loaded-inline{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;font-variant-numeric:tabular-nums}
html[data-ui=modern] .hold-loaded-inline>strong{font-size:14px!important;color:#173b67!important}

html[data-ui=modern] .lo-hold-special-loads{display:flex;flex-direction:column;gap:6px;margin-top:10px}
html[data-ui=modern] .lo-hold-special-loads:empty{display:none}
html[data-ui=modern] .lo-hold-special-loads>div{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px;background:#eef4fb;border-radius:7px;font-size:11px;color:#365779}

html[data-ui=modern] .operations-hold-card>header>.hold-plan-readonly{margin:0!important;padding:0!important;border:0!important;align-items:flex-end!important;margin-left:auto!important}
html[data-ui=modern] .hold-plan-readonly>strong{padding:5px 8px;border:1px solid #c8d9ee;border-radius:7px;background:#edf4ff;color:#185bb5;font-size:12px;white-space:nowrap;font-variant-numeric:tabular-nums}

/* Compact Arrival flight clocks. */
html[data-ui=modern] .app-shell.app-shell .arrival-flight-times{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important}
html[data-ui=modern] .app-shell.app-shell .arrival-flight-times>.operations-time-box{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;min-height:54px!important;height:auto!important;padding:7px 8px!important;border-radius:8px!important}
html[data-ui=modern] .app-shell.app-shell .arrival-flight-times>.operations-time-box>span{font-size:10px!important;line-height:1.25!important;font-weight:600!important;letter-spacing:.025em!important}
html[data-ui=modern] .app-shell.app-shell .arrival-flight-times>.operations-time-box>b{font-size:18px!important;line-height:1.2!important;font-weight:650!important;letter-spacing:0!important}
@media(max-width:480px){html[data-ui=modern] .app-shell.app-shell .arrival-flight-times{grid-template-columns:repeat(2,minmax(0,1fr))!important}html[data-ui=modern] .app-shell.app-shell .arrival-flight-times>.operations-time-box{min-height:50px!important;padding:6px 8px!important}html[data-ui=modern] .app-shell.app-shell .arrival-flight-times>.operations-time-box>b{font-size:17px!important}}

/* Keep Arrival clocks wide across the row; reduce only their height. */
html[data-ui=modern] .app-shell.app-shell .arrival-flight-times{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important;width:100%!important}
html[data-ui=modern] .app-shell.app-shell .arrival-flight-times>.operations-time-box{min-height:42px!important;height:42px!important;padding:4px 6px!important;gap:2px!important}
html[data-ui=modern] .app-shell.app-shell .arrival-flight-times>.operations-time-box>span{font-size:9px!important;line-height:1.15!important}
html[data-ui=modern] .app-shell.app-shell .arrival-flight-times>.operations-time-box>b{font-size:16px!important;line-height:1.15!important}

/* Place clocks in the same parent grid as Remaining Fuel and PAX. */
html[data-ui=modern] .app-shell.app-shell .arrival-workspace .arrival-flight-times{display:contents!important}
html[data-ui=modern] .app-shell.app-shell .arrival-workspace-values :is(.operations-time-box,.operations-arrival-box){display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;width:100%!important;min-width:0!important;height:42px!important;min-height:42px!important;padding:4px 3px!important;gap:3px!important;box-sizing:border-box!important;border-radius:8px!important}
html[data-ui=modern] .app-shell.app-shell .arrival-workspace-values :is(.operations-time-box,.operations-arrival-box)>span{font-size:8px!important;line-height:1.2!important;letter-spacing:0!important}
html[data-ui=modern] .app-shell.app-shell .arrival-workspace-values :is(.operations-time-box,.operations-arrival-box)>b{font-size:12px!important;line-height:1.15!important}

/* Home-only fixed top navigation, without duplicate large title. */
html[data-ui=modern] .app-shell.app-shell .workspace .flight-home .home-heading h2{display:none!important}
html[data-ui=modern] .app-shell.app-shell .workspace .flight-home .home-heading{margin:0!important;min-height:0!important;gap:0!important}
html[data-ui=modern] .app-shell.app-shell:has(.workspace .flight-home)>header{margin-top:66px!important}
html[data-ui=modern] .app-shell.app-shell .workspace .flight-home .home-heading-actions{position:fixed!important;top:0!important;bottom:auto!important;left:0!important;right:0!important;inset-inline:0!important;transform:none!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;align-items:stretch!important;gap:6px!important;width:100%!important;max-width:none!important;height:66px!important;margin:0!important;padding:7px max(10px,calc((100vw - 1520px)/2))!important;background:#fff!important;border:0!important;border-bottom:1px solid #d8e3ef!important;border-radius:0!important;box-shadow:0 2px 8px #173b670d!important;z-index:1000!important}
html[data-ui=modern] .app-shell.app-shell .workspace .flight-home .home-heading-actions>button{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:7px!important;width:100%!important;min-width:0!important;height:50px!important;min-height:50px!important;margin:0!important;padding:7px 8px!important;order:0!important;white-space:nowrap!important}
@media(max-width:480px){html[data-ui=modern] .app-shell.app-shell .workspace .flight-home .home-heading-actions>button{flex-direction:column!important;gap:3px!important;font-size:10px!important;padding:4px!important}html[data-ui=modern] .app-shell.app-shell .workspace .flight-home .home-heading-actions>button svg{width:18px!important;height:18px!important}}

/* Keep home navigation directly below the FLIGHTFLOW header. */
html[data-ui=modern] .app-shell.app-shell:has(.workspace .flight-home)>header{margin-top:0!important;position:sticky!important;top:0!important;height:64px!important;min-height:64px!important;z-index:1001!important}
html[data-ui=modern] .app-shell.app-shell .workspace .flight-home .home-heading-actions{top:64px!important}
html[data-ui=modern] .app-shell.app-shell .workspace:has(.flight-home){padding-top:82px!important}

/* Compact home navigation below the brand bar. */
html[data-ui=modern] .app-shell.app-shell .workspace .flight-home .home-heading-actions{height:46px!important;padding-top:5px!important;padding-bottom:5px!important;gap:5px!important}
html[data-ui=modern] .app-shell.app-shell .workspace .flight-home .home-heading-actions>button{flex-direction:row!important;gap:5px!important;height:36px!important;min-height:36px!important;padding:5px 8px!important;font-size:11px!important;border-radius:7px!important}
html[data-ui=modern] .app-shell.app-shell .workspace .flight-home .home-heading-actions>button svg{width:15px!important;height:15px!important;flex-shrink:0!important}
html[data-ui=modern] .app-shell.app-shell .workspace:has(.flight-home){padding-top:60px!important}
@media(max-width:390px){html[data-ui=modern] .app-shell.app-shell .workspace .flight-home .home-heading-actions>button{font-size:9px!important;padding:5px 3px!important;gap:3px!important}html[data-ui=modern] .app-shell.app-shell .workspace .flight-home .home-heading-actions>button svg{width:13px!important;height:13px!important}}

/* Responsive compact home menu for phones and tablets. */
@media(max-width:767px){
 html[data-ui=modern] .app-shell.app-shell .workspace .flight-home .home-heading-actions{grid-template-columns:repeat(4,minmax(0,1fr))!important;height:48px!important;padding:6px 8px!important;gap:4px!important}
 html[data-ui=modern] .app-shell.app-shell .workspace .flight-home .home-heading-actions>button{height:36px!important;min-height:36px!important;flex-direction:row!important;justify-content:center!important;gap:4px!important;font-size:10px!important;padding:4px!important;line-height:1.2!important;white-space:normal!important}
 html[data-ui=modern] .app-shell.app-shell .workspace .flight-home .home-heading-actions>button svg{width:14px!important;height:14px!important;flex:0 0 14px!important}
 html[data-ui=modern] .app-shell.app-shell .workspace:has(.flight-home){padding-top:60px!important;padding-bottom:24px!important}
}
@media(max-width:359px){
 html[data-ui=modern] .app-shell.app-shell .workspace .flight-home .home-heading-actions{padding-inline:5px!important;gap:3px!important}
 html[data-ui=modern] .app-shell.app-shell .workspace .flight-home .home-heading-actions>button{font-size:9px!important;gap:2px!important;padding:3px 2px!important}
 html[data-ui=modern] .app-shell.app-shell .workspace .flight-home .home-heading-actions>button svg{width:12px!important;height:12px!important;flex-basis:12px!important}
}
@media(min-width:768px) and (max-width:1023px){
 html[data-ui=modern] .app-shell.app-shell .workspace .flight-home .home-heading-actions{display:flex!important;justify-content:center!important;height:48px!important;padding:6px 14px!important;gap:8px!important}
 html[data-ui=modern] .app-shell.app-shell .workspace .flight-home .home-heading-actions>button{flex:0 1 155px!important;width:155px!important;max-width:calc((100% - 24px)/4)!important;height:36px!important;min-height:36px!important;font-size:11px!important;padding:5px 10px!important}
 html[data-ui=modern] .app-shell.app-shell .workspace:has(.flight-home){padding-top:62px!important;padding-bottom:24px!important}
}

/* Balanced Gate baggage LMC form. */
html[data-ui=modern] .lmc-entry-modal.lmc-entry-modal.lmc-baggage-weight-modal{width:min(420px,calc(100vw - 24px))!important;max-width:420px!important;padding:20px!important;border-radius:16px!important;box-sizing:border-box!important}
html[data-ui=modern] .lmc-entry-modal.lmc-entry-modal.lmc-baggage-weight-modal>.section-head{margin-bottom:16px!important;align-items:center!important}
html[data-ui=modern] .lmc-entry-modal.lmc-entry-modal.lmc-baggage-weight-modal>.section-head h2{font-size:18px!important;margin:0!important}
html[data-ui=modern] .lmc-entry-modal.lmc-entry-modal.lmc-baggage-weight-modal .lmc-controls{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:auto auto auto!important;gap:14px 12px!important;padding:0!important;border:0!important;background:transparent!important}
html[data-ui=modern] .lmc-entry-modal.lmc-entry-modal.lmc-baggage-weight-modal .lmc-controls>.lmc-switch{grid-column:1/-1!important;grid-row:1!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:auto!important;gap:6px!important;align-content:normal!important;padding:4px!important;border-radius:10px!important;background:#edf2f8!important}
html[data-ui=modern] .lmc-entry-modal.lmc-entry-modal.lmc-baggage-weight-modal .lmc-switch>button{height:40px!important;min-height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;border-radius:7px!important;font-size:13px!important;padding:7px!important}
html[data-ui=modern] .lmc-entry-modal.lmc-entry-modal.lmc-baggage-weight-modal .lmc-switch>button[aria-pressed=true].add{background:#e0f3e8!important;color:#17613d!important;border:1px solid #8fc8a5!important}
html[data-ui=modern] .lmc-entry-modal.lmc-entry-modal.lmc-baggage-weight-modal .lmc-switch>button[aria-pressed=true].remove{background:#fff0f2!important;color:#a42836!important;border:1px solid #e2a8b0!important}
html[data-ui=modern] .lmc-entry-modal.lmc-entry-modal.lmc-baggage-weight-modal .lmc-controls>.lmc-field[data-lmc-field=count]{grid-column:1!important;grid-row:2!important}
html[data-ui=modern] .lmc-entry-modal.lmc-entry-modal.lmc-baggage-weight-modal .lmc-controls>.lmc-field[data-lmc-field=weight]{grid-column:2!important;grid-row:2!important}
html[data-ui=modern] .lmc-entry-modal.lmc-entry-modal.lmc-baggage-weight-modal .lmc-field{display:flex!important;flex-direction:column!important;gap:6px!important;margin:0!important;min-width:0!important}
html[data-ui=modern] .lmc-entry-modal.lmc-entry-modal.lmc-baggage-weight-modal .lmc-field-caption{margin:0!important;min-height:16px!important;font-size:11px!important;line-height:16px!important;color:#405775!important;white-space:nowrap!important}
html[data-ui=modern] .lmc-entry-modal.lmc-entry-modal.lmc-baggage-weight-modal .lmc-field>div{position:relative!important;width:100%!important;min-width:0!important}
html[data-ui=modern] .lmc-entry-modal.lmc-entry-modal.lmc-baggage-weight-modal .lmc-field input{width:100%!important;height:46px!important;min-height:46px!important;padding:10px 38px 10px 10px!important;text-align:left!important;font-size:16px!important;line-height:22px!important;border:1px solid #c9d7e8!important;border-radius:9px!important;box-sizing:border-box!important;background:#fff!important}
html[data-ui=modern] .lmc-entry-modal.lmc-entry-modal.lmc-baggage-weight-modal .lmc-field small{position:absolute!important;right:10px!important;top:50%!important;transform:translateY(-50%)!important;font-size:10px!important;color:#63758c!important;pointer-events:none!important}
html[data-ui=modern] .lmc-entry-modal.lmc-entry-modal.lmc-baggage-weight-modal .lmc-controls>.lmc-save{grid-column:1/-1!important;grid-row:3!important;width:100%!important;min-height:42px!important;height:42px!important;margin:2px 0 0!important;padding:9px 14px!important;border-radius:9px!important;font-size:13px!important}
@media(max-width:359px){html[data-ui=modern] .lmc-entry-modal.lmc-entry-modal.lmc-baggage-weight-modal{padding:15px!important}html[data-ui=modern] .lmc-entry-modal.lmc-entry-modal.lmc-baggage-weight-modal .lmc-controls{gap:12px 8px!important}html[data-ui=modern] .lmc-entry-modal.lmc-entry-modal.lmc-baggage-weight-modal .lmc-field-caption{font-size:10px!important}}

/* Check-in save remains centred above the software keyboard. */
html[data-ui=modern] .app-shell.app-shell .workspace .save-card .save-actions{position:fixed!important;left:50%!important;right:auto!important;top:auto!important;bottom:calc(var(--ui-keyboard-inset,0px) + max(12px,env(safe-area-inset-bottom)))!important;transform:translateX(-50%)!important;display:flex!important;align-items:center!important;justify-content:center!important;width:auto!important;max-width:calc(100vw - 24px)!important;margin:0!important;padding:7px!important;background:#ffffffed!important;border:1px solid #d2dfef!important;border-radius:13px!important;box-shadow:0 4px 20px #173b6726!important;z-index:9000!important}
html[data-ui=modern] .app-shell.app-shell .workspace .save-card .save-actions>.save-button{width:170px!important;min-width:0!important;max-width:100%!important;min-height:44px!important;height:44px!important;padding:9px 16px!important;margin:0!important;border-radius:9px!important}
html[data-ui=modern] .app-shell.app-shell .workspace:has(.save-card){padding-bottom:100px!important}

/* Bag search stays within the visible phone viewport during save. */
html[data-ui=modern] .operations-bag-search-modal{display:flex!important;flex-direction:column!important;gap:12px!important;max-height:calc(var(--flight-dialog-height,100dvh) - 24px)!important;overflow-y:auto!important;overflow-x:hidden!important;min-width:0!important}
html[data-ui=modern] .operations-bag-search-modal .bag-search-rows{min-width:0!important;max-width:100%!important}
html[data-ui=modern] .operations-bag-search-modal .bag-search-save{display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:center!important;gap:8px!important;position:sticky!important;bottom:0!important;background:#fff!important;padding:8px 0!important;margin:0!important;min-width:0!important}
html[data-ui=modern] .operations-bag-search-modal .bag-search-save>span{flex:1 1 100%!important;overflow-wrap:anywhere!important;white-space:normal!important;text-align:center!important}
html[data-ui=modern] .operations-bag-search-modal .bag-search-save>span:empty{display:none!important}
html[data-ui=modern] .operations-bag-search-modal .bag-search-save>.primary{width:140px!important;min-height:40px!important;flex:0 0 auto!important}
html[data-ui=modern] .operations-bag-search-modal .bag-search-save>.secondary{width:100%!important;white-space:normal!important;flex:1 1 100%!important}

/* Equal stacked Preparation and Boarding cards on phones. */
@media(max-width:767px){
 html[data-ui=modern] .app-shell.app-shell .operations-gate-heading-actions{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important;width:100%!important;min-width:0!important}
 html[data-ui=modern] .app-shell.app-shell .operations-gate-heading-actions>.operations-gate-stage{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;width:100%!important;min-width:0!important;min-height:64px!important;padding:10px 12px!important;margin:0!important;gap:5px!important;border-radius:10px!important;box-sizing:border-box!important}
 html[data-ui=modern] .app-shell.app-shell .operations-gate-summary>.operations-total-title{flex-wrap:wrap!important}
 html[data-ui=modern] .app-shell.app-shell .gate-stage-boxes{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-auto-rows:1fr!important;gap:8px!important;width:100%!important}
 html[data-ui=modern] .app-shell.app-shell .gate-stage-boxes>button{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;width:100%!important;min-width:0!important;min-height:72px!important;padding:10px 12px!important;margin:0!important;gap:5px!important;border-radius:10px!important;box-sizing:border-box!important}
 html[data-ui=modern] .app-shell.app-shell :is(.operations-gate-stage,.gate-stage-boxes>button) .stage-label-clock{width:100%!important;font-size:13px!important;justify-content:center!important}
 html[data-ui=modern] .app-shell.app-shell :is(.operations-gate-stage,.gate-stage-boxes>button) .stage-workflow-meta{max-width:100%!important;text-align:center!important;overflow-wrap:anywhere!important}
}

html[data-ui=modern] .stage-confirmed-check{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:24px!important;height:24px!important;border-radius:50%!important;background:#d9f0e2!important;color:#17613d!important;font-size:19px!important;line-height:1!important;font-weight:800!important}

html[data-ui=modern] .app-shell.app-shell .gate-baggage-total-values{display:flex!important;align-items:center!important;justify-content:center!important;gap:14px!important;flex-wrap:wrap!important;font-variant-numeric:tabular-nums}
html[data-ui=modern] .gate-baggage-total-values>span{white-space:nowrap}
html[data-ui=modern] .gate-baggage-total-values small{font-size:10px!important;font-weight:600!important;color:#53657c!important}

html[data-ui=modern] .app-shell.app-shell .operations-gate-values{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important}
html[data-ui=modern] .app-shell.app-shell .operations-gate-values>div{min-width:0!important;padding:10px 7px!important;text-align:center!important}
@media(max-width:600px){html[data-ui=modern] .app-shell.app-shell .operations-gate-values{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

html[data-ui=modern] .operations-gate-title-note{display:inline-flex!important;align-items:center!important;gap:8px!important;flex:0 0 auto!important}
html[data-ui=modern] .operations-gate-title-note>h3{margin:0!important}
html[data-ui=modern] .operations-gate-title-note .gate-notebook-button{margin:0!important;flex-shrink:0!important}

html[data-ui=modern] .app-shell.app-shell .operations-gate-title-note .gate-notebook-button{width:26px!important;min-width:26px!important;height:26px!important;min-height:26px!important;padding:5px!important;border-radius:6px!important;gap:0!important}
html[data-ui=modern] .app-shell.app-shell .operations-gate-title-note .gate-notebook-button svg{width:14px!important;height:14px!important;min-width:14px!important}

html[data-ui=modern] .app-shell.app-shell .operations-gate-values .gate-total-weight-label{font-size:10px!important;line-height:1.2!important}

/* Readable after-operation totals without clipping. */
html[data-ui=modern] .app-shell.app-shell :is(.operations-gate-values,.gate-after-grid)>div{min-width:0!important;min-height:76px!important;height:auto!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important;padding:10px 6px!important;box-sizing:border-box!important;overflow:visible!important}
html[data-ui=modern] .app-shell.app-shell :is(.operations-gate-values,.gate-after-grid)>div>span{max-width:100%!important;text-align:center!important;line-height:1.25!important;white-space:normal!important}
html[data-ui=modern] .app-shell.app-shell :is(.operations-gate-values,.gate-after-grid)>div>b{display:block!important;max-width:100%!important;min-width:0!important;font-size:clamp(14px,2.8vw,19px)!important;line-height:1.3!important;font-weight:700!important;letter-spacing:-.025em!important;font-variant-numeric:tabular-nums!important;white-space:normal!important;overflow-wrap:anywhere!important;text-align:center!important}
html[data-ui=modern] .app-shell.app-shell :is(.operations-gate-values,.gate-after-grid)>div>small{font-size:10px!important;line-height:1.2!important}
html[data-ui=modern] .app-shell.app-shell .gate-after-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
html[data-ui=modern] .app-shell.app-shell .gate-after-grid>div:last-child{grid-column:auto!important}
html[data-ui=modern] .app-shell.app-shell .gate-after-grid .gate-baggage-total-values{display:flex!important;flex-direction:column!important;align-items:center!important;gap:4px!important}
html[data-ui=modern] .app-shell.app-shell .gate-after-grid .gate-baggage-total-values>span{white-space:normal!important;overflow-wrap:anywhere!important;max-width:100%!important}
@media(max-width:390px){html[data-ui=modern] .app-shell.app-shell .gate-after-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}html[data-ui=modern] .app-shell.app-shell .gate-after-grid>div:last-child{grid-column:1/-1!important}html[data-ui=modern] .app-shell.app-shell .gate-after-grid .gate-baggage-total-values{flex-direction:row!important;gap:12px!important}}

html[data-ui=modern] .app-shell.app-shell .operations-gate-values{grid-template-columns:1fr 1fr 2fr!important}
html[data-ui=modern] .gate-merged-baggage{display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;flex-wrap:wrap!important;min-width:0!important;width:100%!important}
html[data-ui=modern] .gate-merged-baggage>b{white-space:nowrap!important;overflow-wrap:normal!important;word-break:normal!important;font-size:16px!important;line-height:1.3!important;font-variant-numeric:tabular-nums!important}
html[data-ui=modern] .gate-merged-baggage small{font-size:10px!important;font-weight:600!important;color:#53657c!important}
@media(max-width:600px){html[data-ui=modern] .app-shell.app-shell .operations-gate-values{grid-template-columns:repeat(2,minmax(0,1fr))!important}html[data-ui=modern] .app-shell.app-shell .operations-gate-values>div:last-child{grid-column:1/-1!important}}

html[data-ui=modern] .stage-confirmed-actor{display:block!important;margin-top:3px!important;font-size:11px!important;line-height:1.35!important;white-space:normal!important;overflow-wrap:anywhere!important;text-align:center!important}

html[data-ui=modern] .stage-waiting-hourglass{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 20px!important;width:20px!important;height:20px!important;color:#81500a!important}
html[data-ui=modern] .stage-waiting-hourglass svg{display:block!important;width:16px!important;height:16px!important}

html[data-ui=modern] .app-shell.app-shell .operations-team-metric.metric-total:has(.checkin-total-weight){align-items:center!important;text-align:center!important}
html[data-ui=modern] .app-shell.app-shell .checkin-total-weight{display:flex!important;align-items:baseline!important;justify-content:center!important;gap:5px!important;width:100%!important;text-align:center!important;margin:5px auto 0!important}
html[data-ui=modern] .app-shell.app-shell .checkin-total-weight>b{margin:0!important;line-height:1.3!important;font-variant-numeric:tabular-nums!important}
html[data-ui=modern] .app-shell.app-shell .checkin-total-weight>small{margin:0!important;line-height:1.3!important}

/* Highlight Load Office planned quantities. */
html[data-ui=modern] .app-shell.app-shell .lo-hold-summary .hold-plan-input-wrap input{color:#b42332!important;-webkit-text-fill-color:#b42332!important;font-weight:750!important}
html[data-ui=modern] .app-shell.app-shell .hold-plan-readonly>strong{color:#b42332!important;background:#fff1f3!important;border-color:#edc3ca!important}

html[data-ui=modern] .app-shell.app-shell .workspace .flight-home .home-flight.home-flight .flight-status-icon.baggage-alert{color:#b42332!important;background:#ffe5e9!important;border:1.5px solid #e7a1ad!important}
html[data-ui=modern] .app-shell.app-shell .workspace .flight-home .home-flight.home-flight .flight-status-icon.baggage-complete{color:#17613d!important;background:#e1f2e7!important;border:1.5px solid #96c7a9!important}
html[data-ui=modern] .app-shell.app-shell .workspace .flight-home .home-flight.home-flight .flight-status-icon:is(.baggage-alert,.baggage-complete) svg{color:inherit!important;stroke:currentColor!important}

/* No baggage search means neutral controls and icon. */
html[data-ui=modern] .app-shell.app-shell .operations-bag-search:not(.has-sent-bags):not(.search-complete),html[data-ui=modern] .app-shell.app-shell .team-heading-bag-search:not(.has-active-search){background:transparent!important;color:#63758c!important;border-color:#d4dce6!important;box-shadow:none!important}
html[data-ui=modern] .app-shell.app-shell .workspace .flight-home .home-flight.home-flight .flight-status-icon:not(.baggage-alert):not(.baggage-complete):has(.lucide-luggage){background:transparent!important;color:#768392!important;border-color:#d4dce6!important}

html[data-ui=modern] .app-shell.app-shell .workspace .flight-home .home-flight.home-flight .flight-status-icon.baggage-status:not(.baggage-alert):not(.baggage-complete){background:transparent!important;color:#768392!important;border-color:#d4dce6!important}

/* Flight-card boarding status: transparent, preparation, boarding, OK. */
html[data-ui=modern] .app-shell.app-shell .workspace .flight-home .home-flight.home-flight .flight-status-icon.boarding-status{background:transparent!important;color:#768392!important;border-color:#d4dce6!important}
html[data-ui=modern] .app-shell.app-shell .workspace .flight-home .home-flight.home-flight .flight-status-icon.boarding-status.boarding-preparation{background:#fff3bf!important;color:#806000!important;border-color:#dfc65c!important}
html[data-ui=modern] .app-shell.app-shell .workspace .flight-home .home-flight.home-flight .flight-status-icon.boarding-status.boarding-started{background:#fff0dc!important;color:#9b5a0b!important;border-color:#e6be85!important}
html[data-ui=modern] .app-shell.app-shell .workspace .flight-home .home-flight.home-flight .flight-status-icon.boarding-status.boarding-confirmed{background:#e1f2e7!important;color:#17613d!important;border-color:#96c7a9!important}
html[data-ui=modern] .app-shell.app-shell .workspace .flight-home .home-flight.home-flight .flight-status-icon.boarding-status svg{color:inherit!important;stroke:currentColor!important}

.smartgo-status-panel{width:min(680px,calc(100vw - 24px))!important;max-width:680px!important;padding:20px!important}.smartgo-status-panel article{padding:12px 0;border-top:1px solid #dce5f0}.smartgo-status-panel article p{font-size:12px;line-height:1.6;overflow-wrap:anywhere}

/* A third cargo icon must not wrap or increase the fixed status row. */
html[data-ui=modern] .app-shell.app-shell .workspace .flight-home .home-flight.home-flight .rotation-departure-status{height:24px!important;min-height:24px!important;min-width:0!important;align-items:center!important;justify-content:center!important}
html[data-ui=modern] .app-shell.app-shell .workspace .flight-home .home-flight.home-flight .flight-status-icons{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:center!important;gap:3px!important;height:24px!important;margin:0!important;padding:0!important;line-height:1!important;transform:none!important}
html[data-ui=modern] .app-shell.app-shell .workspace .flight-home .home-flight.home-flight .flight-status-icon{--status-icon-size:clamp(20px,5.7vw,24px);display:inline-flex!important;flex:0 0 var(--status-icon-size)!important;width:var(--status-icon-size)!important;min-width:var(--status-icon-size)!important;height:var(--status-icon-size)!important;min-height:var(--status-icon-size)!important;padding:3px!important;margin:0!important;box-sizing:border-box!important;align-items:center!important;justify-content:center!important;align-self:center!important;border-radius:6px!important;vertical-align:middle!important;transform:none!important}
html[data-ui=modern] .app-shell.app-shell .workspace .flight-home .home-flight.home-flight .flight-status-icon svg{display:block!important;width:16px!important;height:16px!important;min-width:0!important;flex-shrink:0!important;margin:0!important}