/* ============================================================
   AvioIQ — first-layer screening overlay
   ============================================================ */
.scr-overlay {
  position: fixed; inset: 0; z-index: 1000;
  background: rgba(13,21,38,0.62);
  backdrop-filter: blur(4px);
  display: none;
  align-items: center; justify-content: center;
  padding: 28px;
}
.scr-overlay.on { display: flex; }
.scr-panel {
  background: #fff; width: min(960px, 100%); max-height: calc(100vh - 56px);
  border-radius: 14px; overflow: hidden;
  display: flex; flex-direction: column;
  box-shadow: 0 40px 100px -30px rgba(13,21,38,0.6);
}

/* header bar */
.scr-bar {
  background: var(--ao-blue); color: #fff;
  padding: 18px 26px; display: flex; align-items: center; gap: 20px;
  flex: none;
}
.scr-bar-eyebrow { font-family: var(--ao-font-mono); font-size: 10.5px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--ao-green-500); }
.scr-bar-title { font-family: var(--ao-font-display); font-weight: 600; font-size: 18px; letter-spacing: -0.015em; margin-top: 3px; }
.scr-bar-right { margin-left: auto; display: flex; align-items: center; gap: 16px; }
.scr-timer { font-family: var(--ao-font-mono); font-size: 18px; font-variant-numeric: tabular-nums; letter-spacing: 0.02em; display: flex; align-items: center; gap: 8px; }
.scr-timer.warn { color: #FFB4A2; }
.scr-timer i { width: 16px; height: 16px; }
.scr-integrity {
  display: flex; align-items: center; gap: 8px;
  font-family: var(--ao-font-mono); font-size: 11px; letter-spacing: 0.06em;
  padding: 6px 12px; border-radius: 999px;
  background: rgba(168,208,141,0.18); color: #CDE6BA; border: 1px solid rgba(168,208,141,0.4);
}
.scr-integrity.amber { background: rgba(255,193,80,0.16); color: #FFD89A; border-color: rgba(255,193,80,0.45); }
.scr-integrity.red { background: rgba(255,120,100,0.16); color: #FFB4A2; border-color: rgba(255,120,100,0.5); }
.scr-integrity i { width: 14px; height: 14px; }
.scr-close { background: transparent; border: none; color: rgba(255,255,255,0.6); cursor: pointer; padding: 4px; display: flex; }
.scr-close:hover { color: #fff; }

/* scroll body */
.scr-body { padding: 34px 40px 40px; overflow-y: auto; }
@media (max-width: 600px){ .scr-body { padding: 26px 22px 30px; } }

/* intro / rules */
.scr-intro h2 { font-family: var(--ao-font-display); font-weight: 700; font-size: 26px; color: var(--ao-blue); letter-spacing: -0.025em; margin-bottom: 14px; }
.scr-intro p.lede { font-size: 15.5px; line-height: 1.66; color: var(--ao-ink-3); max-width: 64ch; margin-bottom: 26px; }
.scr-meta-row { display: flex; flex-wrap: wrap; gap: 14px; margin-bottom: 28px; }
.scr-meta { display: flex; align-items: center; gap: 10px; padding: 12px 16px; border: 1px solid var(--ao-line); border-radius: 9px; background: var(--ao-surface-3); }
.scr-meta i { width: 18px; height: 18px; color: var(--ao-green-700); }
.scr-meta b { font-family: var(--ao-font-display); font-size: 15px; color: var(--ao-blue); }
.scr-meta span { font-size: 12.5px; color: var(--ao-ink-3); display: block; margin-top: 1px; }
.scr-rules { border: 1px solid var(--ao-green-500); background: var(--ao-green-200); border-radius: 11px; padding: 24px 26px; margin-bottom: 30px; }
.scr-rules h4 { font-family: var(--ao-font-mono); font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--ao-green-900); margin-bottom: 16px; display: flex; align-items: center; gap: 10px; }
.scr-rules ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 11px; }
.scr-rules li { display: grid; grid-template-columns: 18px 1fr; gap: 11px; font-size: 14px; line-height: 1.5; color: #2c3e23; }
.scr-rules li i { width: 14px; height: 14px; color: var(--ao-green-900); margin-top: 3px; }

/* questions */
.scr-progress { font-family: var(--ao-font-mono); font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ao-ink-4); margin-bottom: 26px; }
.scr-q { padding: 26px 0; border-top: 1px solid var(--ao-line); }
.scr-q:first-of-type { border-top: none; padding-top: 6px; }
.scr-q-tag { font-family: var(--ao-font-mono); font-size: 10.5px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--ao-green-900); margin-bottom: 10px; }
.scr-q-text { font-size: 16.5px; line-height: 1.5; color: var(--ao-blue); font-weight: 500; margin-bottom: 18px; }
.scr-q-text .mono { font-family: var(--ao-font-mono); font-size: 14px; background: var(--ao-surface-3); padding: 1px 6px; border-radius: 4px; }
.scr-opts { display: flex; flex-direction: column; gap: 10px; }
.scr-opt { display: grid; grid-template-columns: 22px 1fr; gap: 13px; align-items: start; padding: 14px 16px; border: 1px solid var(--ao-line); border-radius: 9px; cursor: pointer; transition: border-color .15s var(--ao-ease), background .15s var(--ao-ease); font-size: 14.5px; line-height: 1.5; color: #333; }
.scr-opt:hover { border-color: var(--ao-line-strong); background: var(--ao-surface-3); }
.scr-opt input { margin-top: 3px; accent-color: var(--ao-blue); width: 16px; height: 16px; }
.scr-opt.sel { border-color: var(--ao-blue); background: rgba(26,43,74,0.04); }
.scr-open textarea {
  width: 100%; min-height: 150px; resize: vertical;
  border: 1px solid var(--ao-line); border-radius: 9px; padding: 14px 16px;
  font-family: var(--ao-font-sans); font-size: 14.5px; line-height: 1.6; color: #222;
}
.scr-open textarea:focus { outline: none; border-color: var(--ao-blue); }
.scr-wordcount { font-family: var(--ao-font-mono); font-size: 11px; color: var(--ao-ink-4); margin-top: 8px; }
.scr-wordcount.ok { color: var(--ao-green-900); }

.scr-foot { margin-top: 32px; padding-top: 26px; border-top: 1px solid var(--ao-line); display: flex; align-items: center; justify-content: space-between; gap: 18px; flex-wrap: wrap; }
.scr-foot .note { font-size: 12.5px; color: var(--ao-ink-4); max-width: 46ch; }

/* application form */
.scr-form { display: flex; flex-direction: column; gap: 18px; max-width: 620px; }
.scr-field-row { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
@media (max-width: 600px){ .scr-field-row { grid-template-columns: 1fr; } }
.scr-field > label { display: block; font-family: var(--ao-font-mono); font-size: 10.5px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--ao-green-900); margin-bottom: 8px; }
.scr-field > label em { color: #B42318; font-style: normal; }
.scr-field input[type=text], .scr-field input[type=email], .scr-field input[type=tel], .scr-field input[type=url] {
  width: 100%; border: 1px solid var(--ao-line); border-radius: 9px; padding: 12px 15px;
  font-family: var(--ao-font-sans); font-size: 14.5px; color: #222; background: #fff;
}
.scr-field input:focus { outline: none; border-color: var(--ao-blue); }
.scr-file { display: flex; align-items: center; gap: 12px; padding: 13px 16px; border: 1px dashed var(--ao-line-strong); border-radius: 9px; cursor: pointer; color: var(--ao-ink-3); font-size: 14px; transition: border-color .15s var(--ao-ease), background .15s var(--ao-ease); }
.scr-file:hover { border-color: var(--ao-blue); background: var(--ao-surface-3); }
.scr-file.has-file { border-style: solid; border-color: var(--ao-green-500); background: var(--ao-green-200); color: var(--ao-green-900); }
.scr-file i { width: 16px; height: 16px; flex: none; }
.scr-file input[type=file] { display: none; }
.scr-form-err { font-size: 13.5px; color: #B42318; background: #FDE2DD; border: 1px solid #F5B5AC; border-radius: 8px; padding: 11px 14px; }

/* evidence cards */
.scr-ev-head { font-family: var(--ao-font-mono); font-size: 10.5px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--ao-green-900); margin: 26px 0 14px; display: flex; align-items: center; gap: 12px; }
.scr-ev-head::after { content: ""; flex: 1; height: 1px; background: var(--ao-line); }
.scr-ev-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
@media (max-width: 640px){ .scr-ev-grid { grid-template-columns: 1fr; } }
.scr-ev { border: 1px solid var(--ao-line); border-radius: 11px; padding: 18px 18px 16px; display: flex; flex-direction: column; gap: 12px; transition: border-color .15s var(--ao-ease), background .15s var(--ao-ease); }
.scr-ev.filled { border-color: var(--ao-green-500); background: rgba(222,237,211,0.35); }
.scr-ev-top { display: flex; align-items: center; gap: 12px; }
.scr-ev-top > i { width: 20px; height: 20px; color: var(--ao-blue); flex: none; }
.scr-ev-top b { font-family: var(--ao-font-display); font-weight: 600; font-size: 15px; color: var(--ao-blue); display: block; }
.scr-ev-top span { font-size: 12px; color: var(--ao-ink-4); display: block; margin-top: 1px; }
.scr-ev-top .scr-ev-check { width: 18px; height: 18px; color: var(--ao-green-700); margin-left: auto; flex: none; opacity: 0; transition: opacity .15s var(--ao-ease); }
.scr-ev.filled .scr-ev-top .scr-ev-check { opacity: 1; }
.scr-ev .scr-file { padding: 11px 14px; font-size: 13px; }
.scr-ev-link { width: 100%; border: 1px solid var(--ao-line); border-radius: 8px; padding: 10px 13px; font-family: var(--ao-font-sans); font-size: 13px; color: #222; }
.scr-ev-link:focus { outline: none; border-color: var(--ao-blue); }
.scr-ev textarea { width: 100%; min-height: 96px; resize: vertical; border: 1px solid var(--ao-line); border-radius: 8px; padding: 11px 13px; font-family: var(--ao-font-sans); font-size: 13.5px; line-height: 1.55; color: #222; }
.scr-ev textarea:focus { outline: none; border-color: var(--ao-blue); }

/* applicant strip (intro) */
.scr-applicant { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; font-size: 13px; color: var(--ao-green-900); background: var(--ao-green-200); border: 1px solid var(--ao-green-500); border-radius: 9px; padding: 11px 15px; margin-bottom: 24px; }
.scr-applicant i { width: 15px; height: 15px; flex: none; }

/* blocked / cooling period */
.scr-blocked h2 { font-family: var(--ao-font-display); font-weight: 700; font-size: 24px; color: var(--ao-blue); letter-spacing: -0.02em; margin: 20px 0 12px; }
.scr-blocked p.lede { font-size: 15px; line-height: 1.66; color: var(--ao-ink-3); max-width: 66ch; margin-bottom: 24px; }
.scr-block-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; background: var(--ao-line); border: 1px solid var(--ao-line); border-radius: 11px; overflow: hidden; margin-bottom: 22px; }
@media (max-width: 600px){ .scr-block-grid { grid-template-columns: 1fr; } }
.scr-block-note { font-size: 13.5px; line-height: 1.6; color: var(--ao-ink-3); background: var(--ao-surface-3); border: 1px solid var(--ao-line); border-radius: 9px; padding: 14px 17px; max-width: 72ch; }

/* result */
.scr-result-head { display: flex; align-items: center; gap: 18px; margin-bottom: 28px; }
.scr-badge { width: 64px; height: 64px; border-radius: 14px; display: flex; align-items: center; justify-content: center; flex: none; }
.scr-badge.pass { background: var(--ao-green-200); color: var(--ao-green-900); border: 1px solid var(--ao-green-500); }
.scr-badge.review { background: #FFF1E6; color: #B45309; border: 1px solid #F5C99B; }
.scr-result-head h2 { font-family: var(--ao-font-display); font-weight: 700; font-size: 24px; color: var(--ao-blue); letter-spacing: -0.02em; }
.scr-result-head p { font-size: 14px; color: var(--ao-ink-3); margin-top: 4px; }
.scr-scoregrid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; background: var(--ao-line); border: 1px solid var(--ao-line); border-radius: 11px; overflow: hidden; margin-bottom: 28px; }
@media (max-width: 600px){ .scr-scoregrid { grid-template-columns: 1fr; } }
.scr-score { background: #fff; padding: 22px 24px; }
.scr-score .n { font-family: var(--ao-font-mono); font-size: 30px; font-weight: 600; color: var(--ao-blue); letter-spacing: -0.02em; line-height: 1; font-variant-numeric: tabular-nums; }
.scr-score .l { font-size: 12.5px; color: var(--ao-ink-3); margin-top: 9px; }
.scr-report { border: 1px solid var(--ao-line); border-radius: 11px; overflow: hidden; margin-bottom: 28px; }
.scr-report-head { padding: 16px 22px; background: var(--ao-surface-2); border-bottom: 1px solid var(--ao-line); font-family: var(--ao-font-mono); font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--ao-blue); display: flex; align-items: center; gap: 10px; }
.scr-report ul { list-style: none; margin: 0; padding: 0; }
.scr-report li { display: grid; grid-template-columns: 92px 1fr auto; gap: 16px; align-items: center; padding: 13px 22px; border-bottom: 1px solid var(--ao-line); font-size: 13.5px; }
.scr-report li:last-child { border-bottom: none; }
.scr-report li .t { font-family: var(--ao-font-mono); font-size: 11.5px; color: var(--ao-ink-4); font-variant-numeric: tabular-nums; }
.scr-report li .sev { font-family: var(--ao-font-mono); font-size: 10px; letter-spacing: 0.08em; text-transform: uppercase; padding: 3px 8px; border-radius: 4px; }
.scr-report li .sev.low { background: var(--ao-surface-3); color: var(--ao-ink-3); }
.scr-report li .sev.med { background: #FFF1E6; color: #B45309; }
.scr-report li .sev.high { background: #FDE2DD; color: #B42318; }
.scr-clean { padding: 22px; text-align: center; color: var(--ao-green-900); font-size: 14px; display: flex; align-items: center; justify-content: center; gap: 10px; }
.scr-ref { font-family: var(--ao-font-mono); font-size: 13px; color: var(--ao-blue); background: var(--ao-surface-3); border: 1px dashed var(--ao-line-strong); border-radius: 8px; padding: 12px 16px; margin-bottom: 24px; letter-spacing: 0.04em; }