/* Airline page fleet list (airline-detail-page/fleet.blade.php): the design of the route pages' "Type of aircraft(s)
   on this route" list (flight-route.css .bm-frp .acl-*), under its own bm-flt- names. */
.bm-flt{list-style:none;margin:0;padding:6px 24px;background:#fff;border:1px solid #e5e7eb;border-radius:16px;max-width:1040px;box-sizing:border-box}
.bm-flt-row{display:grid;grid-template-columns:minmax(220px,1fr) minmax(0,340px) minmax(110px,1fr);gap:20px;align-items:center;padding:18px 0;border-top:1px solid #e5e7eb;margin:0}
.bm-flt-row:first-child{border-top:0}
.bm-flt-name{display:flex;flex-direction:column;gap:4px;min-width:0;align-self:start}
.bm-flt-name b{font-weight:500;font-size:17px;line-height:1.3;color:#2f3337}
.bm-flt-name small{font-size:12px;line-height:1.3;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}
.bm-flt-used{font-size:13.5px;line-height:1.45;color:#4b5563}
.bm-flt-draw{display:flex;justify-content:center;align-items:center;min-width:0}
.bm-flt-draw>div{max-width:100%}
.bm-flt-seats{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:4px;align-self:start}
.bm-flt-seats b{font-weight:500;font-size:17px;line-height:1.3;color:#2f3337;white-space:nowrap}
.bm-flt-seats small{font-size:13px;line-height:1.3;color:#6b7280}
.bm-flt-note{font-size:13.5px;line-height:1.6;color:#6b7280;max-width:70ch;margin:12px 0 0}
@media (max-width:720px){
  .bm-flt{padding:4px 16px}
  .bm-flt-row{grid-template-columns:minmax(0,1fr) auto;gap:10px 12px;padding:16px 0}
  .bm-flt-draw{grid-column:1 / -1;grid-row:2;justify-content:flex-start;max-width:380px}
  .bm-flt-draw>div{min-width:60%}
  .bm-flt-seats{grid-column:2;grid-row:1;max-width:45vw}
}

/* side-view picture of the type (App\Helpers\AircraftImages), in place of the drawing */
.bm-flt-img{display:block;width:100%;height:auto;max-height:88px;object-fit:contain}

/* Pro polish (owner, 23 Oct 2026): the page's own ul/li resets were overriding the card padding, so text touched the
   border. Stronger selectors, roomier rows, chip for the body type, seat badge, soft stage behind the aircraft. */
html body ul.bm-flt{padding:8px 28px!important;border-radius:16px;box-shadow:0 1px 3px rgba(16,24,40,.05)}
html body ul.bm-flt > li.bm-flt-row{padding:22px 4px!important;gap:28px;grid-template-columns:minmax(220px,1.1fr) minmax(0,360px) minmax(130px,.8fr)}
html body .bm-flt-name{gap:7px}
html body .bm-flt-name b{font-family:'Poppins',system-ui,sans-serif;font-weight:600;font-size:17px;color:#14233c}
html body .bm-flt-name small{align-self:flex-start;padding:3px 9px;border-radius:999px;background:#eef6fc;color:#1e6fa8;font-size:11px;font-weight:600;letter-spacing:.06em}
html body .bm-flt-used{font-size:14px;color:#4b5563}
html body .bm-flt-draw{align-self:stretch;background:none;border-radius:12px;padding:10px 14px}
html body .bm-flt-seats{align-self:center}
html body .bm-flt-seats b{font-family:'Poppins',system-ui,sans-serif;font-weight:600;font-size:18px;color:#14233c}
html body .bm-flt-seats small{font-size:12.5px}
html body .bm-flt-note{margin:14px 4px 0}
@media (max-width:720px){
  html body ul.bm-flt{padding:4px 16px!important}
  html body ul.bm-flt > li.bm-flt-row{padding:18px 0!important;gap:12px;grid-template-columns:minmax(0,1fr) auto}
  html body .bm-flt-draw{padding:8px 10px}
}