/* ── wanted.php ── */


.wrap{max-width:760px;margin:0 auto;padding:28px 20px 60px}

/* ── HEADER ── */
.device-header{border-bottom:1px solid var(--border);background:var(--surface);position:relative;overflow:hidden}
.device-header::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--purple-mid),transparent);opacity:.6}
.header-top{display:flex;justify-content:space-between;align-items:center;padding:8px 14px 6px;border-bottom:1px solid var(--border)}
.header-org{font-family:'Rajdhani',sans-serif;font-size:.72em;font-weight:600;letter-spacing:3px;color:var(--muted);text-transform:uppercase}
.header-status{display:flex;align-items:center;gap:6px;font-size:.6em;color:var(--muted)}
.status-dot{width:5px;height:5px;border-radius:50%;background:#3db88a;box-shadow:0 0 6px #3db88a;animation:blink 2s ease-in-out infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}
.header-main{padding:10px 14px}
.header-title{font-family:'Rajdhani',sans-serif;font-size:1.5em;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:var(--silver-hi);line-height:1;margin-bottom:3px}
.header-sub{font-size:.6em;color:var(--muted);letter-spacing:2px;text-transform:uppercase}
.header-meta-bar{display:flex;justify-content:space-between;align-items:center;padding:5px 14px;background:rgba(74,158,202,.04);border-top:1px solid var(--border);font-size:.58em;color:var(--muted);letter-spacing:1px;flex-wrap:wrap;gap:4px}
.meta-count{display:flex;align-items:center;gap:6px}
.meta-num{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:1.3em;color:var(--text)}
.pulse{display:inline-block;width:5px;height:5px;border-radius:50%;background:#d94040;box-shadow:0 0 6px #d94040;animation:blink 1.5s ease-in-out infinite}

/* ── SECTION ── */
.section{margin:12px 0 0}
.section-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.section-label{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:.72em;letter-spacing:3px;text-transform:uppercase;color:var(--purple-hi)}
.section-line{flex:1;height:1px;background:linear-gradient(90deg,var(--border),transparent)}
.section-count{font-size:.58em;color:var(--muted);letter-spacing:1px}

/* ── WARRANT CARDS ── */
.board{display:flex;flex-direction:column;gap:6px}
.warrant-card{display:flex;align-items:stretch;background:var(--card);border:1px solid var(--border);border-radius:4px;overflow:hidden;transition:border-color .15s}
.warrant-card:hover{border-color:var(--border-hi)}
.card-stripe{width:3px;flex-shrink:0}
.card-priority{width:42px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:1px solid var(--border);padding:8px 0;gap:3px;background:rgba(0,0,0,.15)}
.card-priority-num{font-family:'Rajdhani',sans-serif;font-size:1.3em;font-weight:700;line-height:1}
.card-priority-label{font-size:.48em;letter-spacing:1px;color:var(--muted);text-transform:uppercase}
.card-body{flex:1;min-width:0;padding:8px 10px}
.card-top{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:5px}
.card-name{font-family:'Rajdhani',sans-serif;font-size:1.05em;font-weight:700;letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.card-id{font-size:.56em;letter-spacing:2px;padding:2px 6px;border:1px solid;border-radius:2px;white-space:nowrap;flex-shrink:0}
.bio-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:3px 10px;margin-bottom:5px}
.bio-item{display:flex;flex-direction:column}
.bio-lbl{font-size:.52em;letter-spacing:1.5px;color:var(--muted);text-transform:uppercase}
.bio-val{font-size:.65em;color:var(--text-dim)}
.card-expand-btn{font-size:.56em;letter-spacing:1.5px;color:var(--muted);background:none;border:none;cursor:pointer;padding:3px 0;text-align:left;font-family:'Share Tech Mono',monospace;text-transform:uppercase;transition:color .15s}
.card-expand-btn:hover{color:var(--accent)}
.card-expanded{display:none;margin-top:5px;border-top:1px solid var(--border);padding-top:6px}
.card-expanded.open{display:block}
.card-record{font-size:.65em;color:var(--text-dim);line-height:1.6;margin-top:4px;border-left:2px solid var(--border-hi);padding-left:8px}
.card-record-empty{font-size:.6em;color:var(--muted);font-style:italic;margin-top:4px}
.card-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}
.tag{font-size:.54em;padding:2px 6px;border:1px solid;border-radius:2px;letter-spacing:1px;font-family:'Share Tech Mono',monospace}
.card-aside{width:70px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;border-left:1px solid var(--border);padding:8px 4px;gap:4px;text-align:center;background:rgba(0,0,0,.2)}
.aside-order-icon{font-size:1.4em;line-height:1}
.aside-order-text{font-size:.48em;letter-spacing:1px;line-height:1.3;text-align:center;text-transform:uppercase;color:var(--muted);margin-top:2px}

/* ── EMPTY / ERROR ── */
.state-box{margin:20px 0;padding:20px;background:var(--card);border:1px solid var(--border);border-radius:4px;text-align:center}
.state-icon{font-size:1.8em;color:var(--muted);margin-bottom:8px}
.state-title{font-family:'Rajdhani',sans-serif;font-size:.9em;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--text-dim);margin-bottom:4px}
.state-sub{font-size:.62em;color:var(--muted);letter-spacing:1px}
.db-error{margin:20px 0;padding:14px;background:rgba(217,64,64,.08);border:1px solid rgba(217,64,64,.25);border-radius:4px;color:#d97070;font-size:.72em;text-align:center;letter-spacing:1px}

/* ── PAGINATION ── */
.pagination{display:flex;justify-content:center;align-items:center;gap:4px;margin:12px 0 4px}
.pg-btn{font-family:'Rajdhani',sans-serif;font-size:.72em;font-weight:600;letter-spacing:2px;padding:5px 10px;border:1px solid var(--border);border-radius:3px;color:var(--muted);text-decoration:none;transition:all .15s;background:var(--card)}
.pg-btn:hover:not(.disabled):not(.active){border-color:var(--border-hi);color:var(--text)}
.pg-btn.active{border-color:var(--accent);color:var(--accent);background:rgba(74,158,202,.08)}
.pg-btn.disabled{opacity:.3;pointer-events:none}
.pg-info{font-size:.56em;color:var(--muted);letter-spacing:2px;text-align:center;display:block;margin-bottom:4px}

.wanted-status-bar{display:flex;justify-content:space-between;align-items:center;padding:8px 14px;margin-bottom:12px;background:rgba(74,158,202,.04);border:1px solid var(--border);border-radius:4px;font-size:.58em;color:var(--muted);letter-spacing:1px;flex-wrap:wrap;gap:8px}