/* Offline pass (#/offline-pass).
   Hashed by scripts/build.mjs after views-admin. The view moves this link to
   the end of head, where the old <style> was appended. */

.op-wrap{max-width:480px;margin:0 auto;padding:24px 16px 48px}
.op-card{background:var(--bg-card,var(--bg-raised));border:1px solid var(--border-subtle);border-radius:var(--r-lg,10px);padding:20px;margin-bottom:16px}
.op-title{margin:0 0 8px;font-size:20px;color:var(--text-1)}
.op-intro{margin:0 0 14px;color:var(--text-2);font-size:13px;line-height:1.5}
.op-field{display:flex;flex-direction:column;gap:4px;margin:0 0 12px;font-size:13px;color:var(--text-2)}
.op-field select{padding:9px 10px;background:var(--bg-input,var(--bg-raised));border:1px solid var(--border);border-radius:var(--r-sm,6px);color:var(--text-1);font:inherit}
.op-code{font:600 min(26px,5vw)/1.3 var(--font-mono,ui-monospace,monospace);letter-spacing:.02em;white-space:nowrap;color:var(--text-1);text-align:center;margin:12px 0}
.op-meta{font-size:12.5px;color:var(--text-2);line-height:1.5;margin:6px 0 0}
.op-err{color:var(--danger);font-size:13px;min-height:18px;margin-top:8px}
.op-list{list-style:none;margin:0;padding:0}
.op-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 0;border-top:1px solid var(--border-subtle);font-size:13px;color:var(--text-1)}
.op-item:first-child{border-top:0}
.op-sub{display:block;font-size:12px;color:var(--text-muted)}
.op-card .btn{width:100%;justify-content:center}
.op-item .btn{width:auto}