/* Report arrival (PPR): mini-bar + modal. Samodzielne style (ładowane na
   index/app tylko gdy moduł arrivals włączony). */

#arrivals-bar .arr-dot {
    width: 9px; height: 9px; border-radius: 50%;
    background: #34d399; flex: 0 0 9px;
    animation: arr-pulse 1.2s ease-in-out infinite;
}
@keyframes arr-pulse { 0%,100% { opacity: 1; } 50% { opacity: .25; } }

#arrivals-bar .arr-entry { white-space: nowrap; }
#arrivals-bar .arr-entry .arr-reg { font-family: ui-monospace, monospace; font-weight: 600; }
#arrivals-bar .arr-entry.arr-arrived { opacity: .55; }
#arrivals-bar .arr-entry.arr-new .arr-reg { color: #fbbf24; }

.arr-report-btn {
    padding: 6px 14px; font-size: 12.5px; border-radius: 9999px;
    background: rgba(37, 99, 235, .25); color: #93c5fd;
    border: 1px solid rgba(37, 99, 235, .45); cursor: pointer;
    white-space: nowrap; transition: background .15s;
}
.arr-report-btn:hover { background: rgba(37, 99, 235, .45); }

/* ── modal ── */
#arr-modal { position: fixed; inset: 0; z-index: 200; display: flex;
    align-items: center; justify-content: center; padding: 16px;
    background: rgba(3, 7, 18, .78); backdrop-filter: blur(4px); }
#arr-modal[hidden] { display: none; }
.arr-card { width: 100%; max-width: 430px; max-height: 92vh; overflow-y: auto;
    background: #101725; border: 1px solid rgba(255,255,255,.12);
    border-radius: 16px; padding: 22px; color: #e5e7eb; }
.arr-card h2 { font-size: 1.05rem; font-weight: 700; margin-bottom: 4px; }
.arr-card .arr-sub { font-size: .8rem; color: #9ca3af; margin-bottom: 14px; }
/* podpowiedź pod labelem (np. telefon) — drobna, wyszarzona, nad inputem */
.arr-hint { font-size: .7rem; color: #8b93a1; margin: -2px 0 6px; line-height: 1.3; }
/* hint „przylot po zachodzie — światła” (krok sun); bursztynowy, subtelny puls */
.arr-lights-hint { font-size: .74rem; color: #fbbf24; margin: 6px 0 2px; line-height: 1.35;
    display: flex; align-items: center; gap: 6px; }
.arr-lights-hint[hidden] { display: none; }
.arr-lights-hint::before { content: "🌙"; }
.arr-card label { display: block; font-size: .72rem; color: #9ca3af;
    text-transform: uppercase; letter-spacing: .04em; margin: 10px 0 3px; }
.arr-card input[type=text], .arr-card input[type=tel], .arr-card input[type=email],
.arr-card input[type=number], .arr-card input[type=date], .arr-card input[type=time],
.arr-card textarea {
    width: 100%; padding: 9px 11px; border-radius: 8px; font-size: .9rem;
    background: rgba(255,255,255,.06); color: #e5e7eb;
    border: 1px solid rgba(255,255,255,.14); outline: none; }
.arr-card input:focus, .arr-card textarea:focus { border-color: rgba(59,130,246,.6); }
.arr-row { display: flex; gap: 10px; }
.arr-row > div { flex: 1; }
.arr-consent { display: flex; gap: 8px; align-items: flex-start; margin-top: 12px;
    font-size: .74rem; color: #9ca3af; }
.arr-consent input { width: 16px; height: 16px; margin-top: 1px; flex: 0 0 16px; }
/* checkbox „request runway lights" — w linii z etykietą, jak zgoda ale zwięźlej */
.arr-check { display: flex; gap: 8px; align-items: center; margin-top: 10px;
    font-size: .8rem; color: #d1d5db; cursor: pointer; }
.arr-check input { width: 16px; height: 16px; flex: 0 0 16px; cursor: pointer; }
.arr-cta { width: 100%; margin-top: 16px; padding: 11px; border-radius: 9999px;
    background: #2563eb; color: #fff; font-weight: 600; border: 0; cursor: pointer; }
.arr-cta:disabled { opacity: .5; cursor: default; }
.arr-msg { font-size: .8rem; margin-top: 10px; min-height: 1.1em; color: #f87171; }
.arr-msg.ok { color: #34d399; }
.arr-close { position: absolute; margin-left: 370px; background: none; border: 0;
    color: #6b7280; font-size: 20px; cursor: pointer; }
.arr-code-row { display: flex; gap: 8px; justify-content: center; margin-top: 10px; }
.arr-code-row input { max-width: 130px; text-align: center; font-family: ui-monospace, monospace;
    font-size: 1.1rem; letter-spacing: .12em; text-transform: uppercase; }
.arr-fee { margin-top: 14px; padding: 10px 12px; border-radius: 10px;
    background: rgba(16,185,129,.12); border: 1px solid rgba(16,185,129,.3);
    font-size: .85rem; }
.arr-done { text-align: center; padding: 12px 0; }
.arr-done .arr-done-icon { font-size: 2.2rem; }
/* honeypot: poza ekranem, nie display:none (boty to wykrywają) */
.arr-hp { position: absolute; left: -6000px; width: 1px; height: 1px; opacity: 0; }

/* pole kodu 1:1 jak login (index.php .login-code-input) */
.arr-code-row { align-items: center; }
.arr-code-row input {
    width: 96px; max-width: 96px; padding: 10px 8px; font-size: 20px;
    letter-spacing: .2em; text-transform: uppercase; text-align: center;
    font-family: ui-monospace, monospace;
}
.arr-code-sep { color: #6b7280; font-size: 20px; }