/* Inbound aircraft (plan 2026-11-03-inbound-aircraft task 6): the block at the top of More details (#fpInbound, filled by
   flights/js/flight-inbound.js, drawn by flight-tracker.js inboundSync) and the Inbound column of an airport search's
   scheduled flights table. Its own file: tracker.css is at the FTP host's size ceiling. Colours are the mock's
   (docs/superpowers/mockups/2026-11-03-inbound-aircraft/inbound-mock.html); dark mode keys on body.dark-mode. */
.inb-wrap[hidden] { display: none; }
.inb-wrap { margin: 0 0 8px; padding: 6px 15px 0; font-size: 13px; }
.inb-block { margin: 2px 0 10px; background: #f8fafc; border: 1px solid #e3e7ee; border-radius: 10px; padding: 10px 12px; color: #1c2430; }
.inb-head { font-size: 12px; color: #667085; margin-bottom: 4px; }
.inb-r1 { display: flex; justify-content: space-between; align-items: center; gap: 8px; }
.inb-main { min-width: 0; }
.inb-main a, .inb-kv a, .fh-inb-cell a { color: #1078b3; font-weight: 700; text-decoration: none; }
.inb-main a:hover, .inb-kv a:hover, .fh-inb-cell a:hover { text-decoration: underline; }
.inb-route { color: #333; }
.inb-sub { font-size: 12px; color: #667085; margin-top: 2px; }
.inb-warn { font-size: 12px; color: #b45309; font-weight: 600; margin-top: 6px; }
.inb-pill { font-size: 11px; font-weight: 700; color: #b45309; background: #fff4e5; border-radius: 99px; padding: 2px 8px; }
.inb-tag { font-size: 11px; padding: 2px 8px; border-radius: 99px; font-weight: 600; white-space: nowrap; }
.inb-tag.inb-ok { background: #e6f5ec; color: #1a7f45; }
.inb-tag.inb-pred { background: #fff4e5; color: #b45309; }
.inb-kv { display: flex; justify-content: space-between; gap: 10px; padding: 6px 0; border-bottom: 1px solid #eee; color: #6b6b6b; }
.inb-kv b { color: #333; font-weight: 600; }
.inb-lock { font-size: 12px; color: #667085; background: #f8fafc; border: 1px dashed #d5dbe4; border-radius: 8px; padding: 8px 10px; margin: 0 0 8px; }
.inb-dot { font-size: 14px; line-height: 1; vertical-align: -1px; }
.inb-green { color: #1a7f45; }
.inb-amber { color: #b45309; }
.inb-grey { color: #98a2b3; }
/* The list column stays out of the table until a row has an answer. */
.fh-table:not(.fh-inb-on) .fh-inb-th, .fh-table:not(.fh-inb-on) .fh-inb-cell { display: none; }
.fh-inb-cell { white-space: nowrap; }
.fh-inb-cell .inb-tag { margin-left: 4px; }
body.dark-mode .inb-block { background: #232323; border-color: #3a3a3a; color: #e0e0e0; }
body.dark-mode .inb-head, body.dark-mode .inb-sub { color: #aaa; }
body.dark-mode .inb-route { color: #ddd; }
body.dark-mode .inb-main a, body.dark-mode .inb-kv a, body.dark-mode .fh-inb-cell a { color: #4da6ff; }
body.dark-mode .inb-warn { color: #f5a524; }
body.dark-mode .inb-pill, body.dark-mode .inb-tag.inb-pred { background: #3a2a10; color: #f5a524; }
body.dark-mode .inb-tag.inb-ok { background: #123421; color: #5fd08a; }
body.dark-mode .inb-kv { border-bottom-color: #3a3a3a; color: #999; }
body.dark-mode .inb-kv b { color: #e0e0e0; }
body.dark-mode .inb-lock { background: #232323; border-color: #4a4a4a; color: #aaa; }
body.dark-mode .inb-green { color: #5fd08a; }
body.dark-mode .inb-amber { color: #f5a524; }
body.dark-mode .inb-grey { color: #8a93a0; }
/* Phones: the column wraps inside the table (the row's number, then the time, then Predicted) so the table never scrolls sideways. */
@media (max-width: 767px) {
    .fh-inb-cell { white-space: normal; font-size: 11px; max-width: 96px; overflow-wrap: anywhere; }
    .fh-inb-th { font-size: 10px; }
    .fh-inb-cell .inb-tag { display: inline-block; margin: 2px 0 0; padding: 1px 5px; font-size: 10px; }
}
@media (max-width: 600px) {
    .inb-wrap { padding: 6px 12px 0; }
    .inb-block { padding: 9px 10px; }
    .inb-kv { flex-wrap: wrap; }
}
.fh-table tr.fh-inb-row { display: none; }
@media (max-width: 767px) {
    .fh-table.fh-inb-on tr.fh-inb-row { display: table-row; }
    .fh-table.fh-inb-on .fh-inb-th, .fh-table.fh-inb-on .fh-inb-cell { display: none; }
    .fh-table tr.fh-inb-row td { padding: 0 5px 7px; font-size: 12px; white-space: normal; }
    .fh-table tbody tr:has(+ tr.fh-inb-row) td { border-bottom: 0; }
    .fh-inb-lbl { color: #667085; }
    .fh-inb-row a { color: #1078b3; font-weight: 700; text-decoration: none; }
    .fh-inb-row .inb-tag { margin-left: 4px; }
    .fh-inb-row .inb-dot { font-size: 13px; }
}
body.dark-mode .fh-inb-lbl { color: #aaa; }
body.dark-mode .fh-inb-row a { color: #4da6ff; }