/* SkyTrace Build 72 — Aircraft Details & Photo Drawer */
.featured-detail-action { margin: 4px 0 16px; }
.aircraft-details-button {
  width: 100%; min-height: 46px; padding: 10px 13px;
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  border: 1px solid rgba(240,181,74,.42); border-radius: 11px;
  background: linear-gradient(180deg, rgba(42,35,20,.86), rgba(20,25,27,.92));
  color: #f3d28d; cursor: pointer; box-shadow: inset 0 0 0 1px rgba(255,221,147,.025);
}
.aircraft-details-button:hover { border-color: rgba(240,181,74,.72); background: linear-gradient(180deg, rgba(55,43,20,.92), rgba(22,29,31,.96)); }
.aircraft-details-button:focus-visible { outline: 2px solid rgba(240,181,74,.75); outline-offset: 2px; }
.aircraft-details-button span { font-size: 10px; font-weight: 900; letter-spacing: .1em; }
.aircraft-details-button small { color: #7895a4; font-size: 8px; font-weight: 900; letter-spacing: .12em; }

.aircraft-details-backdrop {
  position: fixed; inset: 0; z-index: 1190;
  background: rgba(0, 5, 9, .66); backdrop-filter: blur(3px);
  opacity: 0; transition: opacity .2s ease;
}
.aircraft-details-backdrop.open { opacity: 1; }
.aircraft-details-drawer {
  position: fixed; z-index: 1200; top: 0; right: 0; bottom: 0;
  width: min(490px, 94vw); display: flex; flex-direction: column;
  border-left: 1px solid #2b4554;
  background: linear-gradient(180deg, #0b1a25 0%, #07131c 100%);
  box-shadow: -24px 0 70px rgba(0,0,0,.48);
  transform: translateX(102%); transition: transform .24s cubic-bezier(.2,.8,.2,1);
  color: #f4f6f8;
}
.aircraft-details-drawer.open { transform: translateX(0); }
body.aircraft-details-open { overflow: hidden; }
.aircraft-details-head {
  flex: 0 0 auto; display: flex; justify-content: space-between; gap: 18px; align-items: flex-start;
  padding: 20px 20px 17px; border-bottom: 1px solid #1b303d;
  background: linear-gradient(180deg, rgba(15,31,43,.98), rgba(10,23,33,.98));
}
.aircraft-details-eyebrow { color: #e6b656; font-size: 9px; font-weight: 900; letter-spacing: .15em; }
.aircraft-details-head h2 { margin: 3px 0 0; font-size: 28px; line-height: 1.05; letter-spacing: -.02em; }
.aircraft-details-head p { margin: 5px 0 0; color: #89a1ae; font-size: 11px; }
.aircraft-details-close {
  width: 38px; height: 38px; flex: 0 0 38px; border-radius: 10px;
  border: 1px solid #345160; background: #0a1b25; color: #dce8ee;
  font-size: 25px; line-height: 1; cursor: pointer;
}
.aircraft-details-close:hover { border-color: #9c762f; color: #f3cf84; }
.aircraft-details-scroll { overflow: auto; overscroll-behavior: contain; padding: 17px 18px 28px; }

.aircraft-photo-card,
.aircraft-detail-section {
  margin-bottom: 14px; padding: 14px;
  border: 1px solid #203946; border-radius: 14px;
  background: rgba(5,17,25,.74);
}
.aircraft-detail-section-head { display: flex; justify-content: space-between; gap: 12px; align-items: flex-start; margin-bottom: 10px; }
.aircraft-detail-section-head span,
.aircraft-detail-section-title { display: block; color: #66889a; font-size: 8px; font-weight: 900; letter-spacing: .14em; }
.aircraft-detail-section-head strong { display: block; margin-top: 3px; color: #dce9ef; font-size: 12px; }
.aircraft-photo-match { flex: 0 0 auto; padding: 5px 7px; border-radius: 999px; border: 1px solid rgba(73,198,130,.55); color: #79e2aa !important; background: rgba(24,91,57,.16); font-size: 8px !important; letter-spacing: .1em !important; }
.aircraft-photo-stage {
  position: relative; min-height: 220px; overflow: hidden; border-radius: 11px;
  border: 1px solid #263e4b; background: radial-gradient(circle at 50% 45%, #133143 0%, #07141d 60%, #050e14 100%);
}
.aircraft-photo-placeholder { min-height: 220px; padding: 28px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; color: #8ca5b2; }
.aircraft-photo-placeholder-icon { width: 58px; height: 58px; display: grid; place-items: center; margin-bottom: 13px; border-radius: 50%; border: 1px solid #416274; color: #efbd5b; background: rgba(10,28,38,.84); font-size: 28px; transform: rotate(-12deg); }
.aircraft-photo-placeholder strong { color: #d8e6ed; font-size: 12px; line-height: 1.35; }
.aircraft-photo-placeholder small { max-width: 330px; margin-top: 7px; color: #66818f; font-size: 10px; line-height: 1.45; }
.aircraft-photo-link { display: block; width: 100%; height: 100%; min-height: 220px; background: #02080c; }
.aircraft-photo-link img { display: block; width: 100%; height: 100%; min-height: 220px; max-height: 330px; object-fit: cover; }
.aircraft-photo-attribution { display: block; margin-top: 8px; color: #7e9baa; font-size: 9px; line-height: 1.35; text-decoration: none; }
.aircraft-photo-attribution:hover { color: #eac36f; text-decoration: underline; }

.aircraft-detail-section-title { margin-bottom: 9px; }
.aircraft-detail-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.aircraft-detail-grid > div {
  min-width: 0; min-height: 60px; padding: 10px 11px;
  border: 1px solid #1c3340; border-radius: 10px; background: rgba(8,24,34,.7);
}
.aircraft-detail-grid > div.wide { grid-column: 1 / -1; }
.aircraft-detail-grid span { display: block; color: #5f8294; font-size: 8px; font-weight: 900; letter-spacing: .1em; }
.aircraft-detail-grid strong { display: inline-block; max-width: 100%; margin-top: 5px; color: #eef5f7; font-size: 14px; line-height: 1.25; overflow-wrap: anywhere; }
.aircraft-detail-grid small { margin-left: 4px; color: #6d8998; font-size: 8px; font-weight: 800; }
.aircraft-detail-grid .wide small { display: block; margin: 4px 0 0; }
.aircraft-detail-grid.telemetry strong { font-size: 19px; }
.aircraft-detail-section.provenance p { margin: 10px 2px 0; color: #708b99; font-size: 9px; line-height: 1.5; }

@media (max-width: 900px) {
  .aircraft-details-drawer {
    top: auto; left: 0; right: 0; bottom: 0; width: 100%; max-height: 88vh;
    border-left: 0; border-top: 1px solid #34505e; border-radius: 20px 20px 0 0;
    transform: translateY(104%); box-shadow: 0 -24px 70px rgba(0,0,0,.52);
  }
  .aircraft-details-drawer.open { transform: translateY(0); }
  .aircraft-details-head { padding-top: 17px; }
  .aircraft-details-head::before {
    content: ""; position: absolute; top: 7px; left: 50%; width: 44px; height: 4px;
    transform: translateX(-50%); border-radius: 999px; background: #3f5b69;
  }
  .aircraft-photo-stage, .aircraft-photo-placeholder, .aircraft-photo-link { min-height: 190px; }
  .aircraft-photo-link img { min-height: 190px; max-height: 280px; }
}

@media (max-width: 520px) {
  .aircraft-details-scroll { padding: 13px 12px 22px; }
  .aircraft-details-head h2 { font-size: 24px; }
  .aircraft-detail-grid { grid-template-columns: 1fr; }
  .aircraft-detail-grid > div.wide { grid-column: auto; }
  .aircraft-details-button { min-height: 42px; }
}

@media (prefers-reduced-motion: reduce) {
  .aircraft-details-drawer, .aircraft-details-backdrop { transition: none; }
}