/* Flight card alignment: equal side columns and consistent row sizes. */ .app-shell .workspace .flight-home .home-flight-grid{gap:12px!important;align-items:start!important;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr))!important} .app-shell .workspace .flight-home .home-flight.home-flight{padding:12px!important;box-sizing:border-box!important;min-height:180px!important} .app-shell .workspace .flight-home .home-flight.home-flight .flight-card-header-layout{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:70px 34px 24px!important;gap:6px 8px!important;align-items:center!important} .app-shell .workspace .flight-home .home-flight.home-flight .flight-rotation-links{display:contents!important} .app-shell .workspace .flight-home .home-flight.home-flight .rotation-arrival-group,.app-shell .workspace .flight-home .home-flight.home-flight .rotation-departure-group{position:static!important;transform:none!important;grid-row:1/4!important;align-self:stretch!important;display:grid!important;grid-template-rows:52px 32px 24px!important;align-content:center!important;align-items:center!important;gap:6px!important;margin:0!important;padding:0!important;min-width:0!important;width:100%!important} .app-shell .workspace .flight-home .home-flight.home-flight .rotation-arrival-group{grid-column:1!important} .app-shell .workspace .flight-home .home-flight.home-flight .rotation-departure-group{grid-column:3!important} .app-shell .workspace .flight-home .home-flight.home-flight .rotation-flight-link{position:static!important;transform:none!important;grid-column:auto!important;grid-row:1!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;width:100%!important;height:52px!important;min-height:52px!important;box-sizing:border-box!important;padding:6px!important;margin:0!important;gap:4px!important;border-radius:8px!important} .app-shell .workspace .flight-home .home-flight.home-flight .rotation-flight-link b{font-size:14px!important;line-height:18px!important;white-space:nowrap!important;font-variant-numeric:tabular-nums} .app-shell .workspace .flight-home .home-flight.home-flight .rotation-route-link{position:static!important;transform:none!important;grid-row:2!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:32px!important;min-height:32px!important;padding:4px!important;margin:0!important;box-sizing:border-box!important;text-align:center!important;font-size:15px!important;line-height:20px!important} .app-shell .workspace .flight-home .home-flight.home-flight .rotation-center-stack{position:static!important;transform:none!important;grid-column:2!important;grid-row:1!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;align-self:stretch!important;gap:4px!important;min-width:0!important;margin:0!important;padding:0!important} .app-shell .workspace .flight-home .home-flight.home-flight .rotation-center-date{font-size:10px!important;line-height:14px!important;font-variant-numeric:tabular-nums;white-space:nowrap!important} .app-shell .workspace .flight-home .home-flight.home-flight button.rotation-tail-center{position:static!important;transform:none!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:26px!important;height:26px!important;padding:3px!important;margin:0!important;font-size:12px!important} .app-shell .workspace .flight-home .home-flight.home-flight .rotation-center-stack>.rotation-aircraft-model{height:14px!important;line-height:14px!important;margin:0!important;font-size:10px!important;white-space:nowrap!important} .app-shell .workspace .flight-home .home-flight.home-flight .flight-parking{position:static!important;transform:none!important;inset:auto!important;grid-column:2!important;grid-row:2!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;padding:0!important;margin:0!important;gap:0!important} .app-shell .workspace .flight-home .home-flight.home-flight .flight-parking label{width:100%!important} .app-shell .workspace .flight-home .home-flight.home-flight .flight-parking input{width:100%!important;max-width:100%!important;height:32px!important;min-height:32px!important;padding:4px!important;font-size:14px!important;box-sizing:border-box!important} .app-shell .workspace .flight-home .home-flight.home-flight .parking-flight-direction,.app-shell .workspace .flight-home .home-flight.home-flight .parking-flight-date{display:none!important} .app-shell .workspace .flight-home .home-flight.home-flight .rotation-hub{position:static!important;transform:none!important;grid-column:2!important;grid-row:3!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:24px!important;margin:0!important;padding:0!important;font-size:12px!important;line-height:18px!important} .app-shell .workspace .flight-home .home-flight.home-flight .rotation-departure-status{grid-row:3!important;min-height:24px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:0!important} .app-shell .workspace .flight-home .home-flight.home-flight .flight-status-icons{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:center!important;gap:4px!important;margin:0!important} .app-shell .workspace .flight-home .home-flight.home-flight .home-flight-open{min-height:0!important;height:0!important;margin:0!important;padding:0!important} .app-shell .workspace .flight-home .home-flight.home-flight .flight-card-details{position:static!important;margin-top:10px!important} .app-shell .workspace .flight-home .home-flight.home-flight .flight-card-details>summary,.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;width:100%!important;min-height:28px!important;height:28px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;margin:0!important} @media(max-width:380px){.app-shell .workspace .flight-home .home-flight.home-flight{padding:9px!important}.app-shell .workspace .flight-home .home-flight.home-flight .flight-card-header-layout{column-gap:5px!important}.app-shell .workspace .flight-home .home-flight.home-flight .rotation-flight-link b{font-size:12px!important}} /* Compact card, preserving the arrival / hub / departure route. */ .app-shell .workspace .flight-home .home-flight.home-flight{padding:7px 8px!important;min-height:0!important} .app-shell .workspace .flight-home .home-flight-grid{gap:8px!important} .app-shell .workspace .flight-home .home-flight.home-flight .flight-card-header-layout{grid-template-rows:49px 25px 18px!important;gap:3px 6px!important} .app-shell .workspace .flight-home .home-flight.home-flight .rotation-arrival-group,.app-shell .workspace .flight-home .home-flight.home-flight .rotation-departure-group{grid-template-rows:34px 25px 18px!important;gap:3px!important;align-content:end!important} .app-shell .workspace .flight-home .home-flight.home-flight .rotation-flight-link{height:34px!important;min-height:34px!important;padding:3px!important;gap:2px!important;flex-direction:row!important} .app-shell .workspace .flight-home .home-flight.home-flight .rotation-flight-link b{font-size:13px!important;line-height:17px!important} .app-shell .workspace .flight-home .home-flight.home-flight .rotation-flight-link svg{width:15px!important;height:15px!important} .app-shell .workspace .flight-home .home-flight.home-flight .rotation-center-stack{gap:1px!important} .app-shell .workspace .flight-home .home-flight.home-flight .rotation-center-date{font-size:9px!important;line-height:12px!important} .app-shell .workspace .flight-home .home-flight.home-flight button.rotation-tail-center{height:21px!important;min-height:21px!important;padding:1px 3px!important;font-size:11px!important} .app-shell .workspace .flight-home .home-flight.home-flight .rotation-center-stack>.rotation-aircraft-model{height:12px!important;line-height:12px!important;font-size:9px!important} .app-shell .workspace .flight-home .home-flight.home-flight .rotation-route-link{height:25px!important;min-height:25px!important;padding:2px!important;font-size:14px!important;line-height:19px!important} .app-shell .workspace .flight-home .home-flight.home-flight .flight-parking input{height:25px!important;min-height:25px!important;padding:2px!important;font-size:12px!important} .app-shell .workspace .flight-home .home-flight.home-flight .rotation-hub{grid-row:2!important;height:25px!important;min-height:25px!important;font-size:14px!important;line-height:19px!important;z-index:1;pointer-events:none;background:transparent!important} .app-shell .workspace .flight-home .home-flight.home-flight .flight-parking{grid-row:3!important;height:18px!important} .app-shell .workspace .flight-home .home-flight.home-flight .flight-parking input{height:20px!important;min-height:20px!important;font-size:11px!important} .app-shell .workspace .flight-home .home-flight.home-flight .rotation-departure-status{min-height:18px!important} .app-shell .workspace .flight-home .home-flight.home-flight .flight-status-icon{height:17px!important;width:18px!important} .app-shell .workspace .flight-home .home-flight.home-flight .flight-status-icon svg{width:11px!important;height:11px!important} .app-shell .workspace .flight-home .home-flight.home-flight .flight-card-details{margin-top:4px!important} .app-shell .workspace .flight-home .home-flight.home-flight .flight-card-details>summary,.app-shell .workspace .flight-home .home-flight.home-flight:has(.flight-card-details[open]) .flight-card-details>summary{justify-content:flex-start!important;min-height:20px!important;height:20px!important;padding:0!important} .app-shell .workspace .flight-home .home-flight.home-flight .flight-card-details>summary>svg{width:18px!important;height:18px!important;padding:2px!important;margin:0!important} /* Disclosure aligned with the parking row, at the left edge. */ .app-shell .workspace .flight-home .home-flight.home-flight .flight-card-details{position:static!important;margin-top:0!important} .app-shell .workspace .flight-home .home-flight.home-flight .flight-card-details>summary,.app-shell .workspace .flight-home .home-flight.home-flight:has(.flight-card-details[open]) .flight-card-details>summary{position:absolute!important;left:8px!important;top:87px!important;right:auto!important;bottom:auto!important;width:24px!important;height:20px!important;min-height:20px!important;margin:0!important;padding:0!important;justify-content:flex-start!important;border:0!important;z-index:3!important} .app-shell .workspace .flight-home .home-flight.home-flight .flight-details-content{margin-top:7px!important} /* Flight symbol sits above the flight number. */ .app-shell .workspace .flight-home .home-flight.home-flight .rotation-flight-link{flex-direction:column!important;gap:1px!important;padding:1px 3px!important} .app-shell .workspace .flight-home .home-flight.home-flight .rotation-flight-link svg{order:0!important;width:14px!important;height:14px!important;flex-shrink:0!important} .app-shell .workspace .flight-home .home-flight.home-flight .rotation-flight-link b{order:1!important;line-height:16px!important} /* Readable parking position without increasing card height. */ .app-shell .workspace .flight-home .home-flight.home-flight .flight-parking input{height:24px!important;min-height:24px!important;width:100%!important;padding:1px 4px!important;font-size:15px!important;line-height:20px!important;font-weight:750!important;letter-spacing:.3px!important;color:#173f63!important;background:#fff!important;border:1px solid #8eafcb!important;border-radius:5px!important;opacity:1!important;-webkit-text-fill-color:#173f63!important;text-align:center!important;font-variant-numeric:tabular-nums;box-shadow:0 1px 3px #173f6310!important} .app-shell .workspace .flight-home .home-flight.home-flight .flight-parking input::placeholder{color:#607b93!important;-webkit-text-fill-color:#607b93!important;opacity:1!important} .app-shell .workspace .flight-home .home-flight.home-flight .flight-parking input:focus{outline:2px solid #5897ce!important;outline-offset:1px!important;background:#fff!important} /* Keep baggage-search and boarding indicators visible beside parking. */ .app-shell .workspace .flight-home .home-flight.home-flight .rotation-departure-group{grid-template-rows:34px 25px 24px!important} .app-shell .workspace .flight-home .home-flight.home-flight .flight-card-header-layout{grid-template-rows:49px 25px 24px!important} .app-shell .workspace .flight-home .home-flight.home-flight .rotation-departure-status{display:flex!important;visibility:visible!important;opacity:1!important;min-height:24px!important;height:24px!important;overflow:visible!important;align-items:center!important;justify-content:center!important} .app-shell .workspace .flight-home .home-flight.home-flight .rotation-departure-status .flight-status-icons{display:flex!important;visibility:visible!important;opacity:1!important;gap:4px!important;flex-wrap:nowrap!important;overflow:visible!important} .app-shell .workspace .flight-home .home-flight.home-flight .flight-status-icon{display:inline-flex!important;visibility:visible!important;opacity:1!important;width:24px!important;height:24px!important;min-width:24px!important;box-sizing:border-box!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;color:#506f89;background:#eaf1f7;border-color:#afc3d4;border-radius:5px!important} .app-shell .workspace .flight-home .home-flight.home-flight .flight-status-icon svg{display:block!important;width:16px!important;height:16px!important;opacity:1!important;stroke-width:2!important} /* Lift both flight identities equally while keeping hub and status positions. */ .app-shell .workspace .flight-home .home-flight.home-flight .rotation-arrival-group .rotation-flight-link,.app-shell .workspace .flight-home .home-flight.home-flight .rotation-departure-group .rotation-flight-link,.app-shell .workspace .flight-home .home-flight.home-flight .rotation-arrival-group .rotation-route-link,.app-shell .workspace .flight-home .home-flight.home-flight .rotation-departure-group .rotation-route-link{transform:translateY(-4px)!important} /* Raise arrival identity independently. */ .app-shell .workspace .flight-home .home-flight.home-flight .rotation-arrival-group .rotation-flight-link,.app-shell .workspace .flight-home .home-flight.home-flight .rotation-arrival-group .rotation-route-link{transform:translateY(-8px)!important} /* Align all three station labels on one baseline. */ .app-shell .workspace .flight-home .home-flight.home-flight .rotation-arrival-group .rotation-route-link,.app-shell .workspace .flight-home .home-flight.home-flight .rotation-departure-group .rotation-route-link{transform:translateY(-8px)!important} .app-shell .workspace .flight-home .home-flight.home-flight .rotation-hub{transform:translateY(-8px)!important} /* Raise only the arrival station label slightly. */ .app-shell .workspace .flight-home .home-flight.home-flight .rotation-arrival-group .rotation-route-link{transform:translateY(-12px)!important} /* Make room for station labels below the flight-number boxes. */ .app-shell .workspace .flight-home .home-flight.home-flight .rotation-arrival-group .rotation-flight-link{transform:translateY(-14px)!important} .app-shell .workspace .flight-home .home-flight.home-flight .rotation-departure-group .rotation-flight-link{transform:translateY(-10px)!important} /* Lift both flight-number boxes another four pixels. */ .app-shell .workspace .flight-home .home-flight.home-flight .rotation-arrival-group .rotation-flight-link{transform:translateY(-18px)!important} .app-shell .workspace .flight-home .home-flight.home-flight .rotation-departure-group .rotation-flight-link{transform:translateY(-14px)!important} /* Lift both flight-number boxes another four pixels. */ .app-shell .workspace .flight-home .home-flight.home-flight .rotation-arrival-group .rotation-flight-link{transform:translateY(-22px)!important} .app-shell .workspace .flight-home .home-flight.home-flight .rotation-departure-group .rotation-flight-link{transform:translateY(-18px)!important} /* Align stations in their existing flow without moving them down. */ .app-shell .workspace .flight-home .home-flight.home-flight .rotation-arrival-group .rotation-route-link{transform:translateY(-12px)!important} .app-shell .workspace .flight-home .home-flight.home-flight .rotation-departure-group .rotation-route-link{transform:translateY(-12px)!important} .app-shell .workspace .flight-home .home-flight.home-flight .rotation-hub{transform:translateY(-12px)!important} /* Lower only hub and departure station by three pixels. */ .app-shell .workspace .flight-home .home-flight.home-flight .rotation-departure-group .rotation-route-link,.app-shell .workspace .flight-home .home-flight.home-flight .rotation-hub{transform:translateY(-9px)!important} /* Lower hub and departure station another three pixels. */ .app-shell .workspace .flight-home .home-flight.home-flight .rotation-departure-group .rotation-route-link,.app-shell .workspace .flight-home .home-flight.home-flight .rotation-hub{transform:translateY(-6px)!important} /* Lower hub and departure station another three pixels. */ .app-shell .workspace .flight-home .home-flight.home-flight .rotation-departure-group .rotation-route-link,.app-shell .workspace .flight-home .home-flight.home-flight .rotation-hub{transform:translateY(-3px)!important} /* Raise hub and departure station two pixels. */ .app-shell .workspace .flight-home .home-flight.home-flight .rotation-departure-group .rotation-route-link,.app-shell .workspace .flight-home .home-flight.home-flight .rotation-hub{transform:translateY(-5px)!important} /* Raise hub and departure station one more pixel. */ .app-shell .workspace .flight-home .home-flight.home-flight .rotation-departure-group .rotation-route-link,.app-shell .workspace .flight-home .home-flight.home-flight .rotation-hub{transform:translateY(-6px)!important} /* Lower hub and departure station by half a pixel. */ .app-shell .workspace .flight-home .home-flight.home-flight .rotation-departure-group .rotation-route-link,.app-shell .workspace .flight-home .home-flight.home-flight .rotation-hub{transform:translateY(-5.5px)!important} /* Clear, balanced new-flight form. */ .app-shell .modal.card:has(.new-rotation-form){width:min(600px,calc(100vw - 24px))!important;max-width:600px!important;padding:24px!important;border:1px solid #dbe5ef!important;border-radius:20px!important;background:#fbfdff!important;box-sizing:border-box!important;max-height:calc(100dvh - 24px)!important;overflow-y:auto!important} .new-rotation-form{display:flex!important;flex-direction:column!important;gap:18px!important;min-width:0!important} .new-rotation-form>h2{margin:0!important;font-size:23px!important;line-height:1.3!important;color:#274d70!important;letter-spacing:-.4px!important} .new-rotation-form .new-rotation-subtitle{margin:-12px 0 0!important;color:#7890a5!important;font-size:11px!important;font-weight:600!important;letter-spacing:.8px!important} .new-rotation-form .new-rotation-columns{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important} .new-rotation-form .new-rotation-columns>section{display:flex!important;flex-direction:column!important;gap:14px!important;padding:16px!important;min-width:0!important;border:1px solid #dbe7ec!important;border-radius:14px!important;box-sizing:border-box!important} .new-rotation-form .new-flight-arrival{background:#f1f8f6!important;border-top:3px solid #66a590!important} .new-rotation-form .new-flight-departure{background:#f0f5fc!important;border-top:3px solid #6897ce!important} .new-rotation-form .new-rotation-columns h3{display:flex!important;align-items:center!important;gap:7px!important;margin:0!important;font-size:12px!important;font-weight:750!important;letter-spacing:1px!important;color:#376c5d!important} .new-rotation-form .new-flight-departure h3{color:#38618f!important} .new-rotation-form .field{display:flex!important;flex-direction:column!important;gap:6px!important;min-width:0!important;margin:0!important} .new-rotation-form .field>span{font-size:11px!important;line-height:16px!important;color:#526e85!important;font-weight:600!important} .new-rotation-form input,.new-rotation-form select{box-sizing:border-box!important;width:100%!important;min-width:0!important;height:44px!important;min-height:44px!important;margin:0!important;padding:10px 12px!important;border:1px solid #ccdce8!important;border-radius:9px!important;background:#fff!important;color:#284c6c!important;font-size:15px!important;font-weight:550!important;box-shadow:0 1px 2px #24425e05!important} .new-rotation-form input::placeholder{color:#95a8b8!important;font-weight:400!important} .new-rotation-form input:focus,.new-rotation-form select:focus{outline:2px solid #78a9d455!important;outline-offset:1px!important;border-color:#6e9fc6!important} .new-rotation-form .new-rotation-shared{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;margin:0!important;padding:0!important} .new-rotation-form .new-rotation-submit{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;width:100%!important;min-height:46px!important;margin:2px 0 0!important;padding:12px!important;border:0!important;border-radius:10px!important;background:#2e6599!important;color:#fff!important;font-size:14px!important;font-weight:650!important;box-shadow:0 4px 10px #2e65991c!important} @media(max-width:480px){.app-shell .modal.card:has(.new-rotation-form){padding:16px!important;border-radius:16px!important}.new-rotation-form{gap:14px!important}.new-rotation-form .new-rotation-columns{gap:8px!important}.new-rotation-form .new-rotation-columns>section{padding:10px!important;gap:12px!important}.new-rotation-form input,.new-rotation-form select{font-size:16px!important;padding:8px!important}.new-rotation-form .new-rotation-columns h3{font-size:10px!important;letter-spacing:.5px!important}.new-rotation-form .new-rotation-shared{gap:10px!important}} /* Centered, clear new-flight fields and aircraft selection. */ .new-rotation-form>h2,.new-rotation-form>.new-rotation-subtitle{text-align:center!important} .new-rotation-form .new-rotation-columns h3{justify-content:center!important} .new-rotation-form .field>span{text-align:center!important;width:100%!important} .new-rotation-form input,.new-rotation-form select{text-align:center!important;text-align-last:center!important} .new-rotation-form input::placeholder{text-align:center!important} .new-rotation-form>label.field:has(select){padding:14px!important;border:1px solid #ccdeed!important;border-radius:13px!important;background:linear-gradient(135deg,#edf5fd,#f6f9fd)!important;gap:9px!important} .new-rotation-form>label.field:has(select)>span{font-size:12px!important;font-weight:700!important;color:#365e80!important;letter-spacing:.3px!important} .new-rotation-form select{appearance:none!important;-webkit-appearance:none!important;height:48px!important;min-height:48px!important;border:1px solid #aac8e0!important;border-radius:10px!important;padding:10px 34px!important;background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%234c7394' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 13px center!important;color:#2f597d!important;font-weight:650!important;cursor:pointer!important} .new-rotation-form select option{background:#fff;color:#315573;padding:10px;text-align:center;font-size:14px} .new-rotation-form select optgroup{background:#eff5fa;color:#607e96;font-size:12px;font-weight:700;text-align:center} .new-rotation-form input[type=date]{text-align:center!important;position:relative} .new-rotation-form input[type=date]::-webkit-datetime-edit{text-align:center!important;width:100%} .aircraft-model-search input{text-align:center!important} .aircraft-model-options h3{text-align:center!important} .aircraft-model-options button{justify-content:center!important;text-align:center!important;position:relative} .aircraft-model-options button>svg{position:absolute;right:6px} .home-search.flight-search-popover .field>span,.flight-inline-search-modal .field>span{text-align:center!important} .home-search.flight-search-popover input,.flight-inline-search-modal input{text-align:center!important} /* Hide aircraft type beneath the flight number in the detail header. */ .app-shell .workspace .flight-value .aircraft-model-button,.app-shell .workspace .flight-sticky-header .flight-aircraft-type{display:none!important} .app-shell .workspace .arrival-workspace .arrival-workspace-values{grid-template-columns:repeat(8,minmax(0,1fr))!important} @media(max-width:650px){.app-shell .workspace .arrival-workspace .arrival-workspace-values{grid-template-columns:repeat(4,minmax(0,1fr))!important}} .app-shell .workspace .operations-flight-times .operations-time-box.operations-ground-time.ground-time-warning{background:#fff0f1!important;border-color:#e798a0!important;color:#c6283d!important} .app-shell .workspace .operations-ground-time.ground-time-warning>span,.app-shell .workspace .operations-ground-time.ground-time-warning>b{color:#c6283d!important} .app-shell .workspace .operations-flight-times .operations-time-airborne{order:5!important} /* Compact new-flight form with a simple visual hierarchy. */ .app-shell .modal.card:has(.new-rotation-form){width:min(460px,calc(100vw - 24px))!important;max-width:460px!important;padding:18px!important;border-radius:14px!important;background:#fff!important} .new-rotation-form{gap:12px!important} .new-rotation-form>h2{font-size:19px!important;line-height:25px!important;text-align:left!important;letter-spacing:0!important} .new-rotation-form>.new-rotation-subtitle{font-size:10px!important;margin:-8px 0 0!important;text-align:left!important;letter-spacing:.4px!important} .new-rotation-form .new-rotation-columns{gap:10px!important} .new-rotation-form .new-rotation-columns>section{padding:11px!important;gap:10px!important;border-radius:9px!important;border-top-width:2px!important;background:#f8fafc!important} .new-rotation-form .new-rotation-columns h3{font-size:10px!important;letter-spacing:.7px!important} .new-rotation-form .field{gap:4px!important} .new-rotation-form .field>span{font-size:10px!important;line-height:14px!important;font-weight:600!important} .new-rotation-form input,.new-rotation-form select{height:36px!important;min-height:36px!important;padding:7px 9px!important;border-radius:7px!important;font-size:14px!important;font-weight:500!important;box-shadow:none!important} .new-rotation-form>label.field:has(select){padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;gap:4px!important} .new-rotation-form>label.field:has(select)>span{font-size:10px!important;letter-spacing:0!important;color:#526e85!important} .new-rotation-form select{height:36px!important;min-height:36px!important;padding:7px 30px!important;border-color:#ccdce8!important;font-size:14px!important;font-weight:500!important;background-position:right 10px center!important;border-radius:7px!important} .new-rotation-form .new-rotation-shared{gap:10px!important} .new-rotation-form .new-rotation-submit{width:100%!important;min-height:36px!important;height:36px!important;padding:7px 12px!important;margin:2px 0 0!important;border-radius:7px!important;font-size:12px!important;gap:6px!important;box-shadow:none!important} .new-rotation-form .new-rotation-submit svg{width:14px!important;height:14px!important} @media(max-width:480px){.app-shell .modal.card:has(.new-rotation-form){padding:14px!important}.new-rotation-form .new-rotation-columns>section{padding:9px!important}.new-rotation-form input,.new-rotation-form select{font-size:16px!important;height:38px!important;min-height:38px!important}} .new-rotation-form .new-aircraft-airline-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0} .modern-flight-picker{position:relative;min-width:0;width:100%} .new-rotation-form .modern-picker-native{display:none!important} .new-rotation-form .modern-picker-trigger{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:40px!important;padding:9px 10px!important;border:1px solid #cbdde9!important;border-radius:9px!important;background:linear-gradient(#fff,#f4f8fc)!important;color:#355b7b!important;font-size:12px!important;font-weight:600!important;line-height:18px!important;cursor:pointer;box-shadow:0 1px 3px #24476308!important;white-space:normal!important;text-align:center!important} .new-rotation-form .modern-picker-trigger[aria-expanded=true]{border-color:#729dc1!important;box-shadow:0 0 0 3px #6397bf18!important} .modern-picker-popover{position:absolute;top:calc(100% + 6px);left:0;z-index:50;width:310px;max-width:calc(100vw - 48px);box-sizing:border-box;padding:9px;border:1px solid #d4e1ec;border-radius:12px;background:#fff;box-shadow:0 12px 35px #28486524} .new-aircraft-airline-row>.field:last-child .modern-picker-popover{left:auto;right:0} .new-rotation-form .modern-picker-popover>input{height:37px!important;min-height:37px!important;background:#f3f7fb!important;border:1px solid #e0e9f0!important;border-radius:8px!important;font-size:13px!important;padding:8px 10px!important;text-align:center!important} .modern-picker-options{max-height:230px;overflow:auto;overscroll-behavior:contain;margin-top:7px;scrollbar-width:thin;display:flex;flex-direction:column;gap:3px} .modern-picker-group{padding:9px 8px 4px;color:#8296a6;font-size:10px;font-weight:700;letter-spacing:.7px;text-align:left} .new-rotation-form .modern-picker-option{position:relative;display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;width:100%!important;min-height:34px!important;padding:8px 24px 8px 9px!important;border:1px solid transparent!important;border-radius:7px!important;background:#fff!important;color:#4a6880!important;font-size:11px!important;font-weight:500!important;line-height:17px!important;text-align:center!important;cursor:pointer} .new-rotation-form .modern-picker-option:hover,.new-rotation-form .modern-picker-option:focus-visible{background:#f0f5fa!important;color:#2c587c!important} .new-rotation-form .modern-picker-option.is-selected{background:#eaf3fc!important;color:#265d8a!important;border-color:#c5dcef!important;font-weight:700!important} .modern-picker-check{position:absolute;right:9px;color:#3979ab;font-size:13px} .modern-picker-empty{padding:14px 8px;text-align:center;color:#8193a2;font-size:12px} @media(max-width:480px){.new-rotation-form .modern-picker-popover>input{font-size:16px!important}.modern-picker-options{max-height:190px}.new-rotation-form .modern-picker-trigger{font-size:11px!important}} /* Separate options clearly and improve touch targets. */ .modern-picker-options{gap:0!important;-webkit-overflow-scrolling:touch;touch-action:pan-y} .new-rotation-form .modern-picker-option{border-radius:0!important;border:0!important;border-bottom:1px solid #e5edf3!important;min-height:38px!important;padding-top:9px!important;padding-bottom:9px!important} .new-rotation-form .modern-picker-option:last-child{border-bottom:0!important} .new-rotation-form .modern-picker-option.is-selected{border-bottom-color:#d3e2ef!important} @media(max-width:600px){ .modern-picker-popover{position:fixed!important;top:50%!important;left:50%!important;right:auto!important;transform:translate(-50%,-50%)!important;width:calc(100vw - 28px)!important;max-width:420px!important;max-height:calc(100dvh - 32px)!important;display:flex;flex-direction:column;padding:12px!important;border-radius:14px!important;box-shadow:0 0 0 100vmax #17334955,0 16px 45px #17334933!important;z-index:1000!important} .new-aircraft-airline-row>.field:last-child .modern-picker-popover{left:50%!important;right:auto!important} .new-rotation-form .modern-picker-popover>input{flex-shrink:0;width:100%!important;height:44px!important;min-height:44px!important;font-size:16px!important;padding:10px!important} .modern-picker-options{max-height:min(50dvh,360px)!important;min-height:0;overflow-y:auto!important;margin-top:9px!important} .new-rotation-form .modern-picker-option{min-height:46px!important;font-size:13px!important;line-height:20px!important;padding:12px 28px 12px 12px!important;flex-shrink:0} .modern-picker-group{font-size:11px!important;padding:12px 10px 7px!important;background:#f6f9fc} .new-rotation-form .modern-picker-trigger{min-height:44px!important;font-size:12px!important} } .app-shell .workspace .operations-flight-times .operations-time-box.operations-ground-time.ground-time-warning{background:#fff6d8!important;border-color:#e7c45a!important;color:#8b6500!important} .app-shell .workspace .operations-ground-time.ground-time-warning>span,.app-shell .workspace .operations-ground-time.ground-time-warning>b{color:#8b6500!important} .app-shell .workspace .operations-flight-times .operations-time-box.operations-ground-time.ground-time-overdue{background:#fff0f1!important;border-color:#e798a0!important;color:#c6283d!important} .app-shell .workspace .operations-ground-time.ground-time-overdue>span,.app-shell .workspace .operations-ground-time.ground-time-overdue>b{color:#c6283d!important} .app-shell .workspace .operations-flight-times .ground-delay-field{order:2!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:150px;min-width:120px;height:40px;padding:4px 7px;box-sizing:border-box;border:1px solid #dce5ee;border-radius:8px;background:#f8fafc}.ground-delay-field>span{font-size:8px;font-weight:650;color:#617d95;white-space:nowrap}.app-shell .workspace .ground-delay-field input{width:100%;min-width:0;height:20px;min-height:20px;padding:1px 3px;border:0;background:transparent;font-size:12px;text-align:center;color:#365c7b;box-sizing:border-box}@media(max-width:650px){.app-shell .workspace .operations-flight-times .ground-delay-field{width:100%;min-width:0}.app-shell .workspace .ground-delay-field input{font-size:16px}} .ground-delay-field>b{font-size:13px;line-height:20px;font-weight:700;color:#365c7b;font-variant-numeric:tabular-nums} .app-shell .workspace .operations-flight-times .ground-delay-field{width:58px!important;min-width:50px!important;height:36px!important;padding:3px 5px!important;gap:2px!important;border-radius:6px!important;flex:0 0 auto!important}.app-shell .workspace .ground-delay-field>span{font-size:9px!important;line-height:12px!important;letter-spacing:.3px!important}.app-shell .workspace .ground-delay-field>b{font-size:12px!important;line-height:15px!important}@media(max-width:650px){.app-shell .workspace .operations-flight-times .ground-delay-field{width:100%!important;min-width:0!important;height:36px!important}} .app-shell .workspace .operations-flight-times .ground-delay-field{width:44px!important;min-width:40px!important;height:30px!important;min-height:30px!important;padding:2px 3px!important;gap:0!important;border-radius:5px!important}.app-shell .workspace .ground-delay-field>span{font-size:8px!important;line-height:11px!important;letter-spacing:0!important}.app-shell .workspace .ground-delay-field>b{font-size:10px!important;line-height:13px!important}@media(max-width:650px){.app-shell .workspace .operations-flight-times .ground-delay-field{width:44px!important;min-width:40px!important;height:30px!important}} .app-shell .workspace .operations-flight-times .ground-delay-field[hidden]{display:none!important} .app-shell .workspace .operations-flight-times .operations-etd{order:1!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:76px;min-width:65px;height:40px;box-sizing:border-box;padding:5px;border:1px solid #cddfec;border-radius:8px;background:#edf5fb;color:#3c688b}.operations-etd>span{font-size:8px;font-weight:650}.operations-etd>b{font-size:13px;font-variant-numeric:tabular-nums}@media(max-width:650px){.app-shell .workspace .operations-flight-times .operations-etd{width:100%;min-width:0}} .app-shell .workspace .operations-flight-times .operations-time-std{order:3!important}.app-shell .workspace .operations-flight-times .operations-time-door_close{order:4!important}.app-shell .workspace .operations-flight-times .operations-block-fuel{order:5!important}.app-shell .workspace .operations-flight-times .operations-time-actual_departure{order:6!important}.app-shell .workspace .operations-flight-times .operations-time-airborne{order:7!important} .app-shell .workspace .operations-flight-times .operations-block-fuel{order:4!important}.app-shell .workspace .operations-flight-times .operations-time-door_close{order:5!important} .app-shell .workspace .operations-dashboard .operations-flight-times .operations-etd{order:0!important}.app-shell .workspace .operations-dashboard .operations-flight-times .operations-ground-time{order:1!important}.app-shell .workspace .operations-dashboard .operations-flight-times .ground-delay-field{order:2!important}.app-shell .workspace .operations-dashboard .operations-flight-times .operations-time-std{order:3!important}.app-shell .workspace .operations-dashboard .operations-flight-times .operations-block-fuel{order:4!important}.app-shell .workspace .operations-dashboard .operations-flight-times .operations-time-door_close{order:5!important}.app-shell .workspace .operations-dashboard .operations-flight-times .operations-time-actual_departure{order:6!important}.app-shell .workspace .operations-dashboard .operations-flight-times .operations-time-airborne{order:7!important} .app-shell .workspace .operations-dashboard .operations-flight-times .operations-time-std{order:-1!important} /* Mobile operations dashboard: balanced rows, clear spacing, no overlap. */ @media(max-width:650px){ .app-shell .workspace .operations-dashboard{min-width:0!important;max-width:100%!important;box-sizing:border-box!important} .app-shell .workspace .operations-dashboard .operations-panel-heading{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important;min-width:0!important} .app-shell .workspace .operations-dashboard .operations-flight-times{display:flex!important;flex-wrap:wrap!important;align-items:stretch!important;justify-content:flex-start!important;gap:6px!important;width:100%!important;flex:0 1 auto!important;margin:0!important;padding:10px!important;box-sizing:border-box!important;background:#f1f5f9!important;border:1px solid #e0e8f0!important;border-radius:12px!important} .app-shell .workspace .operations-dashboard .operations-flight-times .operations-time-box{flex:0 0 calc((100% - 18px)/4)!important;width:calc((100% - 18px)/4)!important;min-width:0!important;height:48px!important;min-height:48px!important;padding:6px 3px!important;gap:4px!important;border-radius:8px!important;background:#fff!important;box-sizing:border-box!important} .app-shell .workspace .operations-dashboard .operations-flight-times .operations-time-box>span{font-size:8px!important;line-height:11px!important;text-align:center!important;white-space:normal!important;letter-spacing:0!important} .app-shell .workspace .operations-dashboard .operations-flight-times .operations-time-box>b{font-size:14px!important;line-height:18px!important;text-align:center!important;font-variant-numeric:tabular-nums} .app-shell .workspace .operations-dashboard .operations-flight-times .operations-time-std{order:0!important} .app-shell .workspace .operations-dashboard .operations-flight-times .operations-etd{order:1!important} .app-shell .workspace .operations-dashboard .operations-flight-times .operations-ground-time{order:2!important} .app-shell .workspace .operations-dashboard .operations-flight-times .operations-block-fuel{order:3!important} .app-shell .workspace .operations-dashboard .operations-flight-times .operations-time-door_close{order:4!important;flex-basis:calc((100% - 12px)/3)!important;width:calc((100% - 12px)/3)!important} .app-shell .workspace .operations-dashboard .operations-flight-times .operations-time-actual_departure{order:5!important;flex-basis:calc((100% - 12px)/3)!important;width:calc((100% - 12px)/3)!important} .app-shell .workspace .operations-dashboard .operations-flight-times .operations-time-airborne{order:6!important;flex-basis:calc((100% - 12px)/3)!important;width:calc((100% - 12px)/3)!important} .app-shell .workspace .operations-dashboard .operations-flight-times .ground-delay-field{order:7!important;flex:0 0 calc((100% - 18px)/4)!important;width:calc((100% - 18px)/4)!important;min-width:0!important;height:30px!important;min-height:30px!important;margin-top:2px!important;background:#f9fbfd!important;box-sizing:border-box!important} .app-shell .workspace .operations-dashboard .operations-flight-times .ground-delay-field[hidden]{display:none!important} .app-shell .workspace .operations-dashboard .operations-flight-times .ground-delay-field>span{font-size:9px!important} .app-shell .workspace .operations-dashboard .operations-flight-times .ground-delay-field>b{font-size:11px!important} .app-shell .workspace .operations-dashboard .operations-totals.operations-compact-layout{gap:8px!important} .app-shell .workspace .operations-dashboard .operations-compact-layout>.module-0,.app-shell .workspace .operations-dashboard .operations-compact-layout>.module-1,.app-shell .workspace .operations-dashboard .operations-compact-layout>.operations-gate-summary,.app-shell .workspace .operations-dashboard .operations-compact-layout>.operations-own-note-card{padding:10px!important;min-width:0!important;overflow-wrap:anywhere!important;border-radius:10px!important} .app-shell .workspace .operations-dashboard .operations-hold-distribution{min-width:0!important;padding:10px!important;border-radius:10px!important} .app-shell .workspace .operations-dashboard .operations-hold-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important} .app-shell .workspace .operations-dashboard .operations-hold-card{min-width:0!important;margin:0!important;overflow:hidden!important;border-radius:8px!important} .app-shell .workspace .operations-dashboard .operations-hold-card header{padding:7px!important;gap:4px!important;flex-wrap:wrap!important} .app-shell .workspace .operations-dashboard .operations-hold-card h4{font-size:11px!important} .app-shell .workspace .operations-dashboard .hold-cart-scroll{max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch} .app-shell .workspace .operations-dashboard .hold-cart-scroll th,.app-shell .workspace .operations-dashboard .hold-cart-scroll td{font-size:10px!important;padding:6px 4px!important;white-space:normal!important;overflow-wrap:anywhere!important} .app-shell .workspace .operations-dashboard .operations-side-switch{max-width:100%!important;width:100%!important;box-sizing:border-box!important;margin-bottom:8px!important} } @media(max-width:360px){.app-shell .workspace .operations-dashboard .operations-flight-times{padding:7px!important;gap:5px!important}.app-shell .workspace .operations-dashboard .operations-flight-times .operations-time-box{flex-basis:calc((100% - 15px)/4)!important;width:calc((100% - 15px)/4)!important}.app-shell .workspace .operations-dashboard .operations-flight-times .operations-time-box>span{font-size:7px!important}.app-shell .workspace .operations-dashboard .operations-flight-times .operations-time-door_close,.app-shell .workspace .operations-dashboard .operations-flight-times .operations-time-actual_departure,.app-shell .workspace .operations-dashboard .operations-flight-times .operations-time-airborne{flex-basis:calc((100% - 10px)/3)!important;width:calc((100% - 10px)/3)!important}} .app-shell .workspace .passenger-info-panel>.section-title,.app-shell .workspace .baggage-main>.card>.section-head,.app-shell .workspace .baggage-layout>.total>.section-title{min-height:24px!important;height:auto!important;padding:0!important;margin:0 0 6px!important;gap:5px!important;align-items:center!important} .app-shell .workspace .passenger-info-panel .section-title h2,.app-shell .workspace .baggage-layout .section-title h2{font-size:12px!important;line-height:16px!important;font-weight:650!important;letter-spacing:0!important;margin:0!important;padding:0!important} .app-shell .workspace .passenger-info-panel>.section-title>svg,.app-shell .workspace .baggage-layout .section-title>svg{width:15px!important;height:15px!important;min-width:15px!important} .app-shell .workspace .baggage-main .section-head .section-title{margin:0!important;padding:0!important;gap:5px!important;min-height:0!important} .app-shell .workspace .passenger-info-panel,.app-shell .workspace .baggage-main>.card{padding:9px!important} .app-shell .workspace .passenger-info-panel .passenger-info-edit,.app-shell .workspace .baggage-main .special-edit{min-height:28px!important;height:28px!important;padding:4px 6px!important;font-size:10px!important;border-radius:6px!important} .app-shell .workspace .passenger-info-panel .passenger-info-edit svg,.app-shell .workspace .baggage-main .special-edit svg{width:13px!important;height:13px!important} .app-shell .workspace .baggage-main .field>span,.app-shell .workspace .passenger-info-panel .field>span{min-height:0!important;padding:0!important;font-size:10px!important;line-height:14px!important} @media(max-width:700px){.app-shell .workspace .passenger-info-panel,.app-shell .workspace .baggage-main>.card{padding:7px!important}.app-shell .workspace .passenger-info-panel .section-title h2,.app-shell .workspace .baggage-layout .section-title h2{font-size:11px!important;line-height:15px!important}} .app-shell .workspace .passenger-panel-heading{display:flex!important;align-items:center!important;gap:5px!important;width:fit-content!important;min-height:0!important;padding:0!important;margin:0 0 8px!important} .app-shell .workspace .passenger-panel-heading h2{font-size:13px!important;line-height:18px!important;margin:0!important;font-weight:650!important} .app-shell .workspace .passenger-panel-heading>svg{width:15px!important;height:15px!important} .app-shell .workspace .passenger-info-panel>.section-title{width:fit-content!important;max-width:100%!important;gap:8px!important;min-height:24px!important;margin-bottom:5px!important} .app-shell .workspace .passenger-info-panel .passenger-info-edit{margin-left:4px!important} .app-shell .workspace .baggage-main .section-head,.app-shell .workspace .passenger-wea .section-head{min-height:24px!important;padding:0!important;margin:0 0 5px!important;gap:6px!important} .app-shell .workspace .baggage-main .section-head h2,.app-shell .workspace .passenger-wea h2{font-size:11px!important;line-height:15px!important;margin:0!important} .app-shell .workspace .baggage-main .section-head .section-title{flex:0 1 auto!important;width:fit-content!important} .app-shell .workspace .passenger-wea .special-edit{height:24px!important;min-height:24px!important;padding:3px 5px!important} .app-shell .workspace .passenger-info-row{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;flex-wrap:wrap!important;margin:0 0 8px!important} .app-shell .workspace .passenger-info-row>.passenger-info-panel{display:flex!important;align-items:center!important;gap:12px!important;flex:0 1 auto!important;width:auto!important;max-width:100%!important;min-height:0!important;padding:7px 10px!important;margin:0!important;border-radius:8px!important;box-sizing:border-box!important} .app-shell .workspace .passenger-info-panel>.section-title{flex:0 0 auto!important;width:auto!important;margin:0!important;min-height:0!important;gap:5px!important} .app-shell .workspace .passenger-info-panel .passenger-info-fields{display:flex!important;align-items:center!important;gap:8px!important;width:auto!important;flex:0 1 auto!important;margin:0!important;padding:0!important} .app-shell .workspace .passenger-info-panel .passenger-info-fields>.field{display:flex!important;flex-direction:row!important;align-items:center!important;gap:5px!important;margin:0!important;width:auto!important} .app-shell .workspace .passenger-info-panel .passenger-info-fields input{width:62px!important;min-width:0!important;height:32px!important;min-height:32px!important;padding:4px 6px!important;text-align:center!important;font-size:15px!important;border-radius:6px!important;box-sizing:border-box!important} .app-shell .workspace .passenger-info-row>.passenger-note-disclosure{flex:0 0 auto!important;margin:0!important;align-self:center!important} @media(max-width:480px){.app-shell .workspace .passenger-info-row>.passenger-info-panel{gap:8px!important;padding:6px 8px!important;flex-wrap:wrap!important}.app-shell .workspace .passenger-info-panel .passenger-info-fields input{width:54px!important;font-size:16px!important}.app-shell .workspace .passenger-info-panel>.section-title h2{font-size:10px!important}.app-shell .workspace .passenger-info-panel>.section-title>svg{display:none!important}} .app-shell .workspace .baggage-main>.card.standard{width:fit-content!important;max-width:100%!important;min-width:0!important;padding:8px!important;box-sizing:border-box!important;align-self:start!important;justify-self:start!important} .app-shell .workspace .baggage-main>.card.standard .fields-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,105px))!important;gap:8px!important;width:fit-content!important;max-width:100%!important;margin:0!important} .app-shell .workspace .baggage-main>.card.standard .field{width:100%!important;min-width:0!important;margin:0!important;gap:3px!important} .app-shell .workspace .baggage-main>.card.standard .field>span{font-size:10px!important;line-height:14px!important;min-height:0!important;padding:0!important} .app-shell .workspace .baggage-main>.card.standard .input-wrap{width:100%!important;min-width:0!important} .app-shell .workspace .baggage-main>.card.standard .input-wrap input{width:100%!important;min-width:0!important;height:34px!important;min-height:34px!important;padding:5px 29px 5px 6px!important;font-size:15px!important;border-radius:6px!important;box-sizing:border-box!important} .app-shell .workspace .baggage-main>.card.standard .input-wrap>span{right:6px!important;font-size:9px!important} @media(max-width:480px){.app-shell .workspace .baggage-main>.card.standard{width:100%!important;padding:7px!important}.app-shell .workspace .baggage-main>.card.standard .fields-grid{width:100%!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}.app-shell .workspace .baggage-main>.card.standard .input-wrap input{font-size:16px!important;height:36px!important;min-height:36px!important}} .app-shell .workspace .baggage-main .passenger-extra-grid{display:flex!important;flex-wrap:wrap!important;align-items:flex-start!important;justify-content:flex-start!important;gap:8px!important} .app-shell .workspace .baggage-main .passenger-extra-grid>.card.passenger-wea,.app-shell .workspace .baggage-main .passenger-extra-grid>.card.rush{width:fit-content!important;max-width:100%!important;min-width:0!important;flex:0 1 auto!important;padding:8px!important;margin:0!important;box-sizing:border-box!important;border-radius:8px!important} .app-shell .workspace .baggage-main .passenger-extra-grid .fields-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,105px))!important;gap:8px!important;width:fit-content!important;max-width:100%!important;margin:0!important} .app-shell .workspace .baggage-main .passenger-extra-grid .field{min-width:0!important;width:100%!important;margin:0!important;gap:3px!important} .app-shell .workspace .baggage-main .passenger-extra-grid .field>span{font-size:10px!important;line-height:14px!important;min-height:0!important;padding:0!important} .app-shell .workspace .baggage-main .passenger-extra-grid .input-wrap{width:100%!important;min-width:0!important} .app-shell .workspace .baggage-main .passenger-extra-grid .input-wrap input{width:100%!important;min-width:0!important;height:34px!important;min-height:34px!important;padding:5px 29px 5px 6px!important;font-size:15px!important;border-radius:6px!important;box-sizing:border-box!important} .app-shell .workspace .baggage-main .passenger-extra-grid .input-wrap>span{right:6px!important;font-size:9px!important} @media(max-width:480px){.app-shell .workspace .baggage-main .passenger-extra-grid{gap:6px!important}.app-shell .workspace .baggage-main .passenger-extra-grid>.card.passenger-wea,.app-shell .workspace .baggage-main .passenger-extra-grid>.card.rush{flex:1 1 135px!important;padding:7px!important}.app-shell .workspace .baggage-main .passenger-extra-grid .fields-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;gap:5px!important}.app-shell .workspace .baggage-main .passenger-extra-grid .input-wrap input{font-size:16px!important;height:36px!important;min-height:36px!important}} .app-shell .workspace .passenger-info-row+.shared-note-preview{width:fit-content!important;max-width:480px!important;min-width:0!important;min-height:0!important;height:auto!important;flex:0 0 auto!important;margin:4px 0 7px!important;padding:6px 9px!important;border-radius:7px!important;box-sizing:border-box!important;align-self:start!important} .app-shell .workspace .passenger-info-row+.shared-note-preview>span{font-size:8px!important;line-height:11px!important;margin:0 0 2px!important} .app-shell .workspace .passenger-info-row+.shared-note-preview>p{font-size:12px!important;line-height:17px!important;min-height:0!important;height:auto!important;margin:0!important;padding:0!important;max-height:100px;overflow-y:auto} .profile-menu.card.passenger-note-modal{width:min(320px,calc(100vw - 24px))!important;max-width:320px!important;min-height:0!important;height:auto!important;padding:12px!important;border-radius:12px!important;gap:9px!important;box-sizing:border-box!important} .passenger-note-modal .section-head{min-height:24px!important;margin:0 0 7px!important;padding:0!important} .passenger-note-modal h2{font-size:13px!important;margin:0!important} .passenger-note-modal textarea{height:100px!important;min-height:80px!important;max-height:35dvh!important;padding:8px!important;border-radius:7px!important;font-size:14px!important;line-height:20px!important;box-sizing:border-box!important;resize:vertical} .passenger-note-modal>.primary{min-height:34px!important;padding:7px 12px!important;font-size:12px!important;border-radius:7px!important} @media(max-width:480px){.app-shell .workspace .passenger-info-row+.shared-note-preview{max-width:100%!important}.passenger-note-modal textarea{font-size:16px!important}} .app-shell .workspace .baggage-layout{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:9px!important} .app-shell .workspace .baggage-layout>.baggage-main{width:100%!important;min-width:0!important} .app-shell .workspace .baggage-layout>aside.card.total{position:static!important;inset:auto!important;transform:none!important;display:flex!important;flex-direction:row!important;align-items:center!important;flex-wrap:wrap!important;gap:8px 16px!important;width:fit-content!important;max-width:100%!important;min-width:0!important;min-height:0!important;align-self:flex-start!important;padding:10px 14px!important;margin:0!important;border:1px solid #bfd7e9!important;border-radius:10px!important;background:linear-gradient(110deg,#edf5fc,#f1f9f7)!important;box-shadow:none!important;box-sizing:border-box!important} .app-shell .workspace .baggage-layout>aside.total>.section-title{display:flex!important;align-items:center!important;gap:5px!important;margin:0!important;padding:0!important;min-height:0!important;width:auto!important;grid-column:auto!important} .app-shell .workspace .baggage-layout>aside.total .section-title h2{font-size:11px!important;line-height:16px!important;color:#466b86!important;margin:0!important} .app-shell .workspace .baggage-layout>aside.total .total-number,.app-shell .workspace .baggage-layout>aside.total .total-weight{font-size:22px!important;line-height:26px!important;white-space:nowrap!important;margin:0!important;padding:0!important;color:#295a7e!important;text-align:center!important} .app-shell .workspace .baggage-layout>aside.total .total-number>span,.app-shell .workspace .baggage-layout>aside.total .total-weight>span{font-size:10px!important;line-height:14px!important;margin-left:4px!important;font-weight:500!important;color:#6a8599!important} .app-shell .workspace .baggage-layout>aside.total .total-breakdown{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:4px 10px!important;border:0!important;margin:0!important;padding:0!important;font-size:10px!important} .app-shell .workspace .baggage-layout>aside.total .total-breakdown:empty{display:none!important} .app-shell .workspace .baggage-layout>aside.total .total-breakdown>div{display:flex!important;gap:4px!important;padding:0!important;font-size:10px!important} @media(max-width:480px){.app-shell .workspace .baggage-layout>aside.card.total{width:100%!important;padding:9px 10px!important;gap:6px 12px!important}.app-shell .workspace .baggage-layout>aside.total .total-number,.app-shell .workspace .baggage-layout>aside.total .total-weight{font-size:20px!important;line-height:24px!important}.app-shell .workspace .baggage-layout>aside.total .total-breakdown{flex-basis:100%!important}} @media(max-width:600px){ .app-shell .workspace:has(.passenger-info-row){min-width:0!important;max-width:100%!important;box-sizing:border-box!important} .app-shell .workspace .passenger-info-row{width:100%!important;max-width:100%!important;gap:6px!important;align-items:center!important;box-sizing:border-box!important} .app-shell .workspace .passenger-info-row>.passenger-info-panel{flex:1 1 235px!important;width:auto!important;max-width:100%!important;flex-wrap:wrap!important;gap:6px 9px!important} .app-shell .workspace .passenger-info-panel .passenger-info-fields{max-width:100%!important;flex-wrap:wrap!important;gap:7px!important} .app-shell .workspace .passenger-info-row>.passenger-note-disclosure{display:flex!important;flex-direction:row!important;align-items:center!important;gap:5px!important;max-width:100%!important} .app-shell .workspace .baggage-layout,.app-shell .workspace .baggage-layout>.baggage-main{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important} .app-shell .workspace .baggage-main>.card.standard{width:100%!important;max-width:100%!important;box-sizing:border-box!important} .app-shell .workspace .baggage-main>.card.standard .fields-grid{width:100%!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important} .app-shell .workspace .baggage-main .passenger-extra-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;gap:6px!important;min-width:0!important} .app-shell .workspace .baggage-main .passenger-extra-grid>.card.passenger-wea,.app-shell .workspace .baggage-main .passenger-extra-grid>.card.rush{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;padding:7px!important} .app-shell .workspace .baggage-main .passenger-extra-grid .fields-grid{width:100%!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important} .app-shell .workspace .baggage-main .input-wrap input{min-width:0!important;max-width:100%!important;padding-right:26px!important;font-size:16px!important} .app-shell .workspace .baggage-main .section-head{flex-wrap:nowrap!important;gap:4px!important} .app-shell .workspace .baggage-main .section-head h2{font-size:10px!important;white-space:normal!important} .app-shell .workspace .baggage-layout>aside.card.total{width:100%!important;max-width:100%!important;justify-content:space-between!important;gap:6px!important;box-sizing:border-box!important} .app-shell .workspace .passenger-info-row+.shared-note-preview{width:auto!important;max-width:100%!important;overflow-wrap:anywhere!important;box-sizing:border-box!important} .app-shell .workspace .passenger-history-disclosure{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important} } @media(max-width:340px){.app-shell .workspace .baggage-main .passenger-extra-grid{grid-template-columns:minmax(0,1fr)!important}.app-shell .workspace .baggage-main .passenger-extra-grid .fields-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}} /* Cargo workspace: clean table on desktop and readable shipment cards on mobile. */ .app-shell .workspace .cargo-panel.cargo-panel{max-width:920px!important;padding:18px 18px 74px!important;border:1px solid #dbe5ee!important;border-top:3px solid #5f91b6!important;border-radius:16px!important;background:#f8fafc!important;box-shadow:0 4px 18px #24496608!important} .app-shell .workspace .cargo-panel .cargo-heading{padding:0 0 14px!important;margin:0 0 14px!important;border-bottom:1px solid #e0e8ef!important} .app-shell .workspace .cargo-panel .cargo-heading .section-title{gap:8px!important;color:#417397!important} .app-shell .workspace .cargo-panel .cargo-heading h2{margin:0!important;font-size:17px!important;font-weight:700!important;letter-spacing:1px!important;color:#315b7c!important} .app-shell .workspace .cargo-panel .cargo-heading>.secondary{min-height:36px!important;padding:8px 12px!important;border:1px solid #caddeb!important;border-radius:9px!important;background:#edf5fc!important;color:#3a729e!important;font-size:11px!important} .app-shell .workspace .cargo-panel .cargo-columns,.app-shell .workspace .cargo-panel .cargo-entry{grid-template-columns:minmax(0,2fr) minmax(60px,.7fr) minmax(70px,.85fr) minmax(120px,1fr) 32px!important;gap:10px!important} .app-shell .workspace .cargo-panel .cargo-columns{padding:0 12px 8px!important;font-size:10px!important;font-weight:600!important;letter-spacing:.2px!important;color:#8195a5!important} .app-shell .workspace .cargo-panel .cargo-rows{gap:9px!important} .app-shell .workspace .cargo-panel .cargo-entry{padding:12px!important;border:1px solid #d5e3ee!important;border-radius:12px!important;background:#fff!important;box-shadow:0 2px 6px #26486305!important;align-items:center!important} .app-shell .workspace .cargo-panel .cargo-entry:not(.cargo-entry-saved){border-left:3px solid #76a3c7!important} .app-shell .workspace .cargo-panel .cargo-entry-saved{background:#f2f7f5!important;border-color:#d8e6de!important} .app-shell .workspace .cargo-panel .cargo-entry>input{height:40px!important;min-height:40px!important;padding:8px 10px!important;background:#f7fafc!important;border:1px solid #dbe6ee!important;border-radius:8px!important;color:#365a75!important;font-size:15px!important;box-shadow:none!important} .app-shell .workspace .cargo-panel .cargo-entry>input:focus{background:#fff!important;border-color:#7ba6c7!important;outline:2px solid #94bddd33!important;outline-offset:1px!important} .app-shell .workspace .cargo-panel .cargo-entry>input[readonly]{background:#edf3ef!important;border-color:#dbe6df!important;color:#526d5d!important} .app-shell .workspace .cargo-panel .cargo-row-options{gap:6px!important} .app-shell .workspace .cargo-panel .cargo-notoc label,.app-shell .workspace .cargo-panel .cargo-separate{border-radius:6px!important;min-height:29px!important;font-size:10px!important} .app-shell .workspace .cargo-panel .cargo-row-actions{gap:6px!important} .app-shell .workspace .cargo-panel .cargo-row-actions button{width:32px!important;min-width:32px!important;height:30px!important;min-height:30px!important;border-radius:7px!important;padding:5px!important} .app-shell .workspace .cargo-panel .cargo-summary{display:flex!important;align-items:center!important;gap:12px!important;margin-top:14px!important;padding:12px 14px!important;background:linear-gradient(110deg,#eaf3fb,#eef7f5)!important;border:1px solid #cedfeb!important;border-radius:10px!important} .app-shell .workspace .cargo-panel .cargo-summary>span{font-size:11px!important;font-weight:600!important;color:#60819a!important} .app-shell .workspace .cargo-panel .cargo-summary>b{font-size:24px!important;line-height:28px!important;letter-spacing:-.3px!important;color:#2d5e80!important} .app-shell .workspace .cargo-panel .cargo-summary small{font-size:10px!important;font-weight:500!important;letter-spacing:.6px!important} @media(max-width:600px){ .app-shell .workspace .cargo-panel.cargo-panel{padding:12px 10px 72px!important;border-radius:12px!important} .app-shell .workspace .cargo-panel .cargo-heading{padding-bottom:10px!important;margin-bottom:10px!important} .app-shell .workspace .cargo-panel .cargo-heading h2{font-size:14px!important} .app-shell .workspace .cargo-panel .cargo-columns{display:none!important} .app-shell .workspace .cargo-panel .cargo-entry{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 32px!important;gap:8px!important;padding:10px!important} .app-shell .workspace .cargo-panel .cargo-entry>input:first-child{grid-column:1/3!important;grid-row:1!important} .app-shell .workspace .cargo-panel .cargo-entry>input:nth-child(2){grid-column:1!important;grid-row:2!important} .app-shell .workspace .cargo-panel .cargo-entry>input:nth-child(3){grid-column:2!important;grid-row:2!important} .app-shell .workspace .cargo-panel .cargo-entry>input{font-size:16px!important;height:42px!important;min-height:42px!important} .app-shell .workspace .cargo-panel .cargo-entry>.cargo-row-options{grid-column:1/3!important;grid-row:3!important;display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:wrap!important;gap:7px!important;padding:7px 0 0!important;border-top:1px solid #e7edf2!important} .app-shell .workspace .cargo-panel .cargo-entry>.cargo-row-actions{grid-column:3!important;grid-row:1/4!important;align-self:center!important} .app-shell .workspace .cargo-panel .cargo-notoc{display:flex!important;gap:5px!important} .app-shell .workspace .cargo-panel .cargo-notoc:before{content:'NOTOC';font-size:9px!important;align-self:center;color:#7890a2!important} .app-shell .workspace .cargo-panel .cargo-notoc label{min-height:34px!important;min-width:40px!important} .app-shell .workspace .cargo-panel .cargo-separate{margin-left:0!important;min-height:34px!important;padding:6px 8px!important} .app-shell .workspace .cargo-panel .cargo-row-actions button{height:36px!important;min-height:36px!important} .app-shell .workspace .cargo-panel .cargo-summary{padding:10px 12px!important}.app-shell .workspace .cargo-panel .cargo-summary>b{font-size:22px!important} } .app-shell .workspace .cargo-panel.cargo-panel{max-width:780px!important;padding:11px 11px 62px!important;border-radius:12px!important} .app-shell .workspace .cargo-panel .cargo-heading{padding-bottom:9px!important;margin-bottom:9px!important} .app-shell .workspace .cargo-panel .cargo-heading h2{font-size:14px!important} .app-shell .workspace .cargo-panel .cargo-entry{padding:8px!important;gap:7px!important;border-radius:9px!important} .app-shell .workspace .cargo-panel .cargo-rows{gap:7px!important} .app-shell .workspace .cargo-panel .cargo-entry>input{height:35px!important;min-height:35px!important;padding:6px 8px!important} .app-shell .workspace .cargo-panel .cargo-summary{margin-top:9px!important;padding:8px 10px!important} .app-shell .workspace .cargo-panel .cargo-summary>b{font-size:20px!important;line-height:24px!important} @media(max-width:600px){ .app-shell .workspace .cargo-panel.cargo-panel{width:100%!important;max-width:100%!important;min-width:0!important;padding:8px 8px 60px!important;box-sizing:border-box!important} .app-shell .workspace .cargo-panel .cargo-entry{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 28px!important;gap:6px!important;padding:8px!important;min-width:0!important;width:100%!important;box-sizing:border-box!important} .app-shell .workspace .cargo-panel .cargo-entry>input{height:38px!important;min-height:38px!important;width:100%!important;max-width:100%!important;min-width:0!important;padding:6px!important;font-size:16px!important;box-sizing:border-box!important} .app-shell .workspace .cargo-panel .cargo-entry>.cargo-row-options{gap:5px!important;padding-top:6px!important;min-width:0!important;max-width:100%!important;flex-wrap:wrap!important} .app-shell .workspace .cargo-panel .cargo-notoc{gap:3px!important;min-width:0!important} .app-shell .workspace .cargo-panel .cargo-notoc label{min-width:33px!important;min-height:30px!important;padding:4px 6px!important;font-size:9px!important} .app-shell .workspace .cargo-panel .cargo-separate{min-height:30px!important;padding:4px 6px!important;font-size:9px!important;white-space:nowrap!important} .app-shell .workspace .cargo-panel .cargo-row-actions button{width:28px!important;min-width:28px!important;min-height:32px!important;height:32px!important;padding:4px!important} .app-shell .workspace .cargo-panel .cargo-heading>.secondary{min-height:32px!important;padding:6px 9px!important;font-size:10px!important} .app-shell .workspace .cargo-panel .cargo-summary{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important} .app-shell .workspace .cargo-panel .cargo-save>.primary{min-height:36px!important;min-width:78px!important;padding:7px 14px!important;font-size:12px!important} } @media(max-width:360px){.app-shell .workspace .cargo-panel .cargo-entry>.cargo-row-options{justify-content:flex-start!important}.app-shell .workspace .cargo-panel .cargo-separate{flex-basis:100%!important;justify-content:flex-start!important}} .app-shell .workspace .cargo-panel.cargo-panel{max-width:620px!important;padding:7px 7px 48px!important;border-radius:8px!important;border-top-width:2px!important} .app-shell .workspace .cargo-panel .cargo-heading{padding-bottom:5px!important;margin-bottom:5px!important;gap:5px!important} .app-shell .workspace .cargo-panel .cargo-heading h2{font-size:11px!important;letter-spacing:.4px!important} .app-shell .workspace .cargo-panel .cargo-heading .section-title{gap:4px!important}.app-shell .workspace .cargo-panel .cargo-heading .section-title>svg{width:14px!important;height:14px!important} .app-shell .workspace .cargo-panel .cargo-heading>.secondary{height:26px!important;min-height:26px!important;padding:4px 6px!important;font-size:9px!important;border-radius:5px!important} .app-shell .workspace .cargo-panel .cargo-columns{padding:0 5px 3px!important;font-size:9px!important} .app-shell .workspace .cargo-panel .cargo-entry{padding:5px!important;gap:4px!important;border-radius:6px!important;box-shadow:none!important} .app-shell .workspace .cargo-panel .cargo-rows{gap:4px!important} .app-shell .workspace .cargo-panel .cargo-entry>input{height:29px!important;min-height:29px!important;padding:4px 5px!important;font-size:13px!important;border-radius:5px!important} .app-shell .workspace .cargo-panel .cargo-row-options{gap:3px!important} .app-shell .workspace .cargo-panel .cargo-notoc label,.app-shell .workspace .cargo-panel .cargo-separate{min-height:24px!important;padding:3px 4px!important;font-size:9px!important;border-radius:4px!important} .app-shell .workspace .cargo-panel .cargo-row-actions{gap:3px!important} .app-shell .workspace .cargo-panel .cargo-row-actions button{width:24px!important;min-width:24px!important;height:24px!important;min-height:24px!important;padding:3px!important;border-radius:4px!important} .app-shell .workspace .cargo-panel .cargo-row-actions button>svg{width:12px!important;height:12px!important} .app-shell .workspace .cargo-panel .cargo-summary{margin-top:5px!important;padding:5px 7px!important;border-radius:6px!important;gap:6px!important}.app-shell .workspace .cargo-panel .cargo-summary>span{font-size:10px!important}.app-shell .workspace .cargo-panel .cargo-summary>b{font-size:16px!important;line-height:20px!important} @media(max-width:600px){ .app-shell .workspace .cargo-panel.cargo-panel{padding:6px 6px 45px!important} .app-shell .workspace .cargo-panel .cargo-entry{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 24px!important;gap:4px!important;padding:5px!important} .app-shell .workspace .cargo-panel .cargo-entry>input{height:32px!important;min-height:32px!important;padding:4px!important;font-size:16px!important} .app-shell .workspace .cargo-panel .cargo-entry>.cargo-row-options{padding-top:4px!important;gap:4px!important;flex-wrap:wrap!important} .app-shell .workspace .cargo-panel .cargo-notoc label{min-width:28px!important;min-height:26px!important;padding:3px 4px!important;font-size:8px!important} .app-shell .workspace .cargo-panel .cargo-notoc:before{font-size:8px!important;margin-right:1px!important} .app-shell .workspace .cargo-panel .cargo-separate{min-height:26px!important;padding:3px 4px!important;font-size:8px!important} .app-shell .workspace .cargo-panel .cargo-save>.primary{min-height:32px!important;min-width:68px!important;padding:6px 11px!important;font-size:11px!important} } .app-shell .workspace .cargo-panel .cargo-heading>.secondary{width:28px!important;min-width:28px!important;height:26px!important;min-height:26px!important;padding:4px!important;justify-content:center!important} @media(max-width:600px){ .new-rotation-form.modern-picker-mobile-layer{position:fixed!important;inset:auto 0!important;z-index:10000!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;margin:0!important;padding:12px!important;box-sizing:border-box!important;background:#17334966!important;gap:0!important;overflow:hidden!important} .modern-picker-mobile-layer .modern-picker-popover{position:relative!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;transform:none!important;width:100%!important;max-width:400px!important;max-height:100%!important;min-height:0!important;margin:0!important;padding:10px!important;display:flex!important;flex-direction:column!important;box-shadow:0 12px 32px #17334930!important;box-sizing:border-box!important;overflow:hidden!important} .new-rotation-form.modern-picker-mobile-layer .modern-picker-popover>input{flex:0 0 42px!important;height:42px!important;min-height:42px!important;font-size:16px!important;width:100%!important;box-sizing:border-box!important} .modern-picker-mobile-layer .modern-picker-options{flex:1 1 auto!important;max-height:300px!important;min-height:0!important;overflow-y:auto!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch} .new-rotation-form.modern-picker-mobile-layer .modern-picker-option{min-height:42px!important;font-size:12px!important;line-height:18px!important;padding:10px 26px 10px 9px!important} } .app-shell .workspace .passenger-info-row>.passenger-info-panel{flex-direction:column!important;align-items:flex-start!important;gap:6px!important} .app-shell .workspace .passenger-info-panel>.section-title{width:100%!important;box-sizing:border-box!important;margin:0!important} .app-shell .workspace .passenger-info-panel .passenger-info-fields{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:10px!important;width:auto!important;max-width:100%!important} .app-shell .workspace .passenger-info-panel .passenger-info-fields>.field{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:3px!important} .app-shell .workspace .passenger-info-panel .passenger-info-edit{margin-left:auto!important} @media(max-width:600px){.app-shell .workspace .passenger-info-row>.passenger-info-panel{flex:0 1 auto!important;width:fit-content!important;gap:6px!important}} @media(max-width:600px){ .app-shell .workspace .passenger-info-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:start!important;gap:8px!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important} .app-shell .workspace .passenger-info-row>.passenger-info-panel{grid-column:1!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;align-items:stretch!important;margin:0!important} .app-shell .workspace .passenger-info-panel>.section-title{display:flex!important;align-items:center!important;min-width:0!important;gap:5px!important} .app-shell .workspace .passenger-info-panel .passenger-info-fields{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;width:100%!important;min-width:0!important} .app-shell .workspace .passenger-info-panel .passenger-info-fields>.field{min-width:0!important;width:100%!important;align-items:stretch!important} .app-shell .workspace .passenger-info-panel .passenger-info-fields input{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important} .app-shell .workspace .passenger-info-row>.passenger-note-disclosure{grid-column:2!important;position:static!important;inset:auto!important;transform:none!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:7px!important;width:40px!important;max-width:40px!important;min-width:0!important;padding:0!important;margin:0!important;align-self:start!important} .app-shell .workspace .passenger-note-disclosure>button{position:static!important;transform:none!important;width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important;margin:0!important;padding:8px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:8px!important;box-sizing:border-box!important} .app-shell .workspace .passenger-note-disclosure>button svg{width:18px!important;height:18px!important} .app-shell .workspace .passenger-info-row+.shared-note-preview{position:static!important;inset:auto!important;transform:none!important;max-width:100%!important;width:100%!important;margin:0 0 7px!important;box-sizing:border-box!important;overflow-wrap:anywhere!important} } .time-wheel-picker:has(.easy-time-field){display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;padding:12px 0!important}.easy-time-field{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}.easy-time-field>span{font-size:11px;color:#6a859b;font-weight:600}.easy-time-field>input{width:88px!important;max-width:100%!important;height:60px!important;min-height:60px!important;padding:8px!important;box-sizing:border-box!important;border:1px solid #b9d1e4!important;border-radius:10px!important;background:#f2f7fc!important;color:#315d80!important;font-size:30px!important;line-height:40px!important;text-align:center!important;font-variant-numeric:tabular-nums}.easy-time-field>input:focus{outline:2px solid #80acd0;outline-offset:2px;background:#fff!important}.time-wheel-picker:has(.easy-time-field)>b{padding-top:20px;font-size:24px;color:#7593a9} .direct-time-entry{padding:12px 0}.direct-time-entry .field{display:flex;flex-direction:column;align-items:center;gap:7px}.direct-time-entry .field>span{font-size:11px;color:#6b879c}.direct-time-entry input{width:180px!important;max-width:100%!important;height:60px!important;min-height:60px!important;padding:8px!important;box-sizing:border-box!important;text-align:center!important;font-size:30px!important;letter-spacing:3px!important;font-variant-numeric:tabular-nums;color:#315d80!important;background:#f2f7fc!important;border:1px solid #b9d1e4!important;border-radius:10px!important} .profile-overlay:has(.operations-time-modal){position:fixed!important;top:var(--visible-viewport-top,0px)!important;bottom:auto!important;height:var(--visible-viewport-height,100dvh)!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:12px!important;overflow:hidden!important} .profile-overlay .profile-menu.card.operations-time-modal{min-height:0!important;height:auto!important;max-height:100%!important;overflow-y:auto!important;box-sizing:border-box!important;margin:0!important;flex:0 1 auto!important} @media(max-width:650px){.profile-overlay:has(.operations-time-modal){align-items:flex-end!important;padding:10px 12px!important}.profile-overlay .profile-menu.card.operations-time-modal{width:min(340px,100%)!important;max-width:100%!important;padding:14px!important;border-radius:14px!important}.operations-time-modal .direct-time-entry{padding:8px 0!important}.operations-time-modal .direct-time-entry input{height:52px!important;min-height:52px!important}.operations-time-modal .operations-time-actions{margin-top:8px!important}}