/* Phase 2 pages (flight requests, permits, activity map). Loaded by those pages only, on top of registry-web.css, in
   the same colours: deep teal #003A45, teal #0F6F7C, gold #C9A227, danger #B42318. Phone first. */

.fld input[type=datetime-local], .fld textarea, .rec textarea {
  display: block; width: 100%; min-height: 48px; padding: 8px 12px; border: 1px solid #9AA7AC; border-radius: 6px;
  background: #fff; color: var(--text); font-size: 16px; font-family: inherit; }
.fld input[type=datetime-local]:focus, .fld textarea:focus, .rec textarea:focus { border-color: var(--teal); outline: 3px solid var(--gold-pale); }

/* maps */
.fly-map, .flights-map { width: 100%; height: 56vh; min-height: 300px; border: 1px solid var(--line); border-radius: 6px; background: #E8EDEF; }
.flights-map { margin: 0 0 12px; }
.legend { display: flex; flex-wrap: wrap; gap: 6px 16px; list-style: none; padding: 0; margin: 0 0 16px; font-size: 14px; }
.legend li { display: flex; align-items: center; gap: 6px; }
.swatch { display: inline-block; width: 14px; height: 14px; border-radius: 50%; border: 2px solid; flex: none; }
.swatch-flight { border-color: #0F6F7C; background: rgba(15, 111, 124, .3); }
.swatch-no-flight { border-color: #B42318; background: rgba(180, 35, 24, .25); }
.swatch-coordinator { border-color: #C9A227; background: rgba(201, 162, 39, .3); }
.swatch-notify { border-color: #0F6F7C; background: rgba(15, 111, 124, .1); }
.swatch-pending { border-color: #566166; border-style: dashed; }
.swatch-known { border-color: #0B5D2A; background: #0B5D2A; }
.swatch-registered { border-color: #C9A227; background: #C9A227; }
.swatch-unknown { border-color: #B42318; background: #B42318; }

/* the checks, one by one */
.checks { list-style: none; padding: 0; margin: 12px 0; }
.chk { padding: 10px 12px; margin: 6px 0; border-left: 6px solid var(--line); background: var(--page); }
.chk b { display: inline-block; min-width: 9em; }
.chk small { display: block; color: var(--muted); font-size: 14px; margin-top: 2px; }
.chk-pass { border-left-color: #0B5D2A; }
.chk-pass b { color: #0B5D2A; }
.chk-fail { border-left-color: var(--danger); background: #FFF4F2; }
.chk-fail b { color: var(--danger); }
.chk-coord { border-left-color: var(--gold); background: #FBF0C8; }
.chk-coord b { color: #6B5200; }

/* badges for the request statuses (the registration ones are in registry-web.css) */
.badge-checks-passed, .badge-coordinator-review, .badge-returned-to-pilot { background: #FBF0C8; color: #6B5200; }
.badge-denied, .badge-withdrawn { background: #FBE0DC; color: #8A1A10; }
.badge-flown, .badge-valid { background: #DDF3E4; color: #0B5D2A; }

/* the permit */
.permit { text-align: center; }
.permit .qr { width: 180px; height: 180px; max-width: 60%; image-rendering: pixelated; margin: 8px auto; display: block; }
.permit .facts { text-align: left; }