/* /carriers: which ships carry other ships. Builds on org.css + shipdb.css. */
/* In Development banner, same look as the old Blueprints one */
.cr-dev { margin: 12px 0 4px; padding: 10px 18px; max-width: 64rem; color: var(--text);
  border: 2px solid #ffb43a; background: repeating-linear-gradient(-45deg, rgba(255,180,58,.14) 0 14px, rgba(255,180,58,.04) 14px 28px), rgba(16,12,22,.9); }
.cr-dev .big { margin: 0 0 4px; font: 700 clamp(1.3rem, 3.5vw, 1.8rem)/1 var(--hud); letter-spacing: .18em; text-transform: uppercase; color: #ffb43a; }
.cr-dev p { margin: 0; line-height: 1.45; font-size: .9rem; }
.cr-dev a { color: #ffb43a; }
.cr-layout { display: grid; grid-template-columns: 290px 1fr; gap: 22px; margin-top: 18px; align-items: start; }
.cr-rail { display: grid; gap: 6px; position: sticky; top: 12px; }
.cr-list { display: grid; gap: 6px; max-height: calc(100vh - 90px); overflow-y: auto; padding-right: 4px; scrollbar-width: thin; }
.cr-rail select { display: none; }
.cr-rail input, .cr-rail select { padding: 8px 10px; background: rgba(16,12,22,.9); color: var(--text); border: 1px solid var(--hud-line); font: inherit; font-size: .85rem; width: 100%; box-sizing: border-box; }
.cr-pick { display: grid; grid-template-columns: 1fr auto; gap: 2px 8px; text-align: left; padding: 10px 12px; background: rgba(16,12,22,.78); color: var(--text); border: 1px solid var(--hud-line); cursor: pointer; font: inherit; }
.cr-pick:hover { border-color: var(--cyan); }
.cr-pick[aria-current="true"] { border-color: var(--cyan); background: rgba(84,232,255,.10); box-shadow: inset 3px 0 0 var(--cyan); }
.cr-pick b { font-size: .95rem; }
.cr-pick .mk, .cr-sub { font: 500 .58rem/1.2 var(--hud); letter-spacing: .14em; text-transform: uppercase; color: var(--muted); }
.cr-pick .cnt { grid-row: span 2; align-self: center; font: 600 .75rem/1 var(--hud); color: var(--cyan); }
.cr-group { font: 500 .6rem/1 var(--hud); letter-spacing: .16em; text-transform: uppercase; color: var(--muted); margin: 10px 0 2px; }
.cr-main { min-width: 0; }
.cr-tablewrap table.db { width: 100%; }
.cr-head { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 14px; }
.cr-head h2 { margin: 0; font-size: 1.6rem; }
.cr-bays { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 8px; margin: 10px 0 4px; }
.cr-bay { padding: 10px 14px; border: 1px solid var(--hud-line); background: rgba(16,12,22,.78); }
.cr-bay .big { font: 600 1.25rem/1.2 var(--hud); color: var(--cyan); margin: 6px 0 4px; font-variant-numeric: tabular-nums; }
.cr-bay .big small { font-size: .65rem; color: var(--muted); letter-spacing: .1em; }
.cr-bay p { margin: 2px 0; font-size: .8rem; color: var(--muted); }
.cr-tools { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-top: 10px; }
.cr-tools .filters { margin-top: 0; }
.cr-tools label { font-size: .85rem; display: flex; gap: 6px; align-items: center; }
.cr-tools input[type=search] { margin-left: auto; padding: 7px 10px; background: rgba(16,12,22,.9); color: var(--text); border: 1px solid var(--hud-line); font: inherit; font-size: .85rem; width: min(100%, 14rem); }
.cr-tablewrap td.cw { white-space: normal; }
.thumb { width: 56px; height: 32px; object-fit: cover; background: linear-gradient(135deg, #2a1f3a, #120d19); border: 1px solid var(--hud-line); display: inline-block; vertical-align: middle; margin-right: 10px; flex: none; }
.nmc { display: flex; align-items: center; min-width: 0; }
.cr-sub.cc { margin-left: 6px; }
.cr-empty { padding: 18px; border: 1px dashed var(--hud-line); color: var(--muted); }
.cr-bay .cnt2 { color: var(--text); }
.res { display: inline-block; white-space: nowrap; padding: 3px 8px; font: 600 .62rem/1 var(--hud); letter-spacing: .12em; text-transform: uppercase; border: 1px solid; }
.res.fit { color: #6ff0a0; border-color: rgba(111,240,160,.5); }
.res.tight { color: #ffd166; border-color: rgba(255,209,102,.5); }
.res.big { color: #ff7b7b; border-color: rgba(255,123,123,.45); }
.pin { display: block; font-size: .72rem; color: var(--muted); margin-top: 4px; white-space: normal; max-width: 16rem; }
.cr-tablewrap td:first-child { white-space: normal; }
.cr-tablewrap table.db td { padding-block: 4px; }
.cr-tablewrap td.num { white-space: nowrap; }
.spare { font-variant-numeric: tabular-nums; }
.spare i { font-style: normal; color: #ff7b7b; }
.own { font: 500 .55rem/1 var(--hud); letter-spacing: .12em; color: var(--cyan); border: 1px solid var(--cyan); padding: 2px 5px; margin-left: 6px; vertical-align: middle; }
.cr-cards { display: none; }
.cr-note { margin-top: 26px; max-width: 70rem; }
@media (max-width: 760px) {
  .cr-layout { grid-template-columns: 1fr; }
  .cr-rail { position: static; }
  .cr-rail .cr-list, .cr-rail input[type=search] { display: none; }
  .cr-rail select { display: block; }
  .cr-tablewrap { display: none; }
  .cr-cards { display: grid; gap: 8px; margin-top: 12px; }
  .cr-card { display: grid; grid-template-columns: auto 1fr auto; gap: 4px 10px; align-items: center; padding: 10px 12px; border: 1px solid var(--hud-line); background: rgba(16,12,22,.78); }
  .cr-card .thumb { grid-row: span 2; margin: 0; }
  .cr-card .sz { font-size: .78rem; color: var(--muted); grid-column: 2 / 4; }
  .cr-tools input[type=search] { margin-left: 0; width: 100%; }
}