/* ============================================================
   APPLICATION STATUS (application-status.html), 2026-10-25. One card (form, then the honest result) beside the
   status meanings; uses the form field styles of quote.css / legal.css and .ap-note / .ap-help from application.css.
   Scoped to .as-page.
   ============================================================ */
.as-page .as-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--col-gap,40px);align-items:start}
.as-page .as-card{background:#fff;padding:32px}
.as-page .as-card h2{margin:0 0 12px}
.as-page .as-form{display:grid;gap:20px;margin-top:20px}
.as-page .as-form .btn-p{justify-self:start}
.as-page .ap-help{margin:6px 0 0;font:400 14px/1.5 var(--sans);color:var(--muted)}
.as-page .as-result{display:grid;gap:16px;justify-items:start;margin-top:8px}
.as-page .as-result h3{margin:0}
.as-page .as-result p{margin:0;max-width:60ch;font:400 16px/1.6 var(--sans);color:var(--ink-2)}
.as-page .as-result:focus{outline:none}
.as-page .as-side h2{margin:0 0 16px}
.as-page .as-statuses{margin:0;display:grid}
.as-page .as-statuses div{padding:14px 0;border-top:1px solid var(--line)}
.as-page .as-statuses dt{font:600 15px/1.3 var(--sans);color:var(--ink)}
.as-page .as-statuses dd{margin:4px 0 0;font:400 15px/1.55 var(--sans);color:var(--ink-2)}
.as-page .as-safe{margin:20px 0 0;padding:14px 16px;border-left:3px solid var(--red);background:var(--tint);font:400 14px/1.55 var(--sans);color:var(--ink-2)}
.as-page .as-safe a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.as-page .as-start{background:var(--tint)}
@media (max-width:1024px){ .as-page .as-grid{grid-template-columns:minmax(0,1fr)} }
@media (max-width:767px){ .as-page .as-card{padding:24px 18px} }
/* Section spacing: this page uses the legal shell, which does not load home-decargo.css (.dc-sec padding) */
.as-page .as-check{padding:64px 0 80px}
.as-page .as-start{padding:80px 0 112px}   /* same as .dc-sec (home-decargo.css), which this shell does not load */
@media (max-width:767px){ .as-page .as-check{padding:40px 0 56px} .as-page .as-start{padding:56px 0 64px} }
@media (min-width:768px) and (max-width:1024px){ .as-page .as-start{padding:64px 0 80px} }
/* .btn-t is a link style; as a <button> it needs its native chrome removed */
.as-page button.btn-t{appearance:none;background:none;border:0;border-radius:0;padding:8px 0 10px;cursor:pointer;min-height:44px}

/* Status found (Gateway lookup, application-status.js): reference like a tag number, status as the heading */
.as-found .as-ref-lbl{margin:0;font:500 var(--fs-label)/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--subtle)}
.as-found .as-ref{margin:8px 0 0;font:500 clamp(20px,2.2vw,26px)/1.2 var(--mono);letter-spacing:.02em;color:var(--ink);overflow-wrap:anywhere}
.as-found h3{margin-top:20px}
.as-found .as-dates{color:var(--muted);font-size:14px}
.as-found .as-dates:empty{display:none}