/* ARC ONE UI refine, checkpoint 2 (2026-10-15): device inspector as a right-hand drawer (full screen on phones).
   Header (close, name) and footer (history actions) stay fixed; only the body scrolls. */
:root{--rf-line:#1f3746;--rf-head:#8fb0c2;--rf-mono:ui-monospace,'SFMono-Regular',Menlo,Consolas,monospace}
#device-dialog.rf-drawer[open]{position:fixed;inset:0 0 0 auto;margin:0;padding:0;width:min(560px,100vw);max-width:100vw;height:100dvh;max-height:100dvh;border:0;border-left:1px solid var(--line);border-radius:0;background:var(--panel);display:flex;flex-direction:column;overflow:hidden}
#device-dialog.rf-drawer::backdrop{background:rgba(1,5,8,.45)}
.rf-drawer .rf-head{flex:none;padding:8px 12px 10px 18px;border-bottom:1px solid var(--rf-line);background:var(--panel)}
.rf-drawer .dialog-heading{display:flex;justify-content:space-between;align-items:center;margin:0}
.rf-drawer .dialog-heading .eyebrow{margin:0;font-size:11px;letter-spacing:.14em;color:var(--rf-head)}
.rf-drawer #close-dialog{width:40px;height:40px;min-height:40px;font-size:24px;line-height:1}
.rf-drawer #detail-name{margin:0;font-size:19px;line-height:1.3;overflow-wrap:anywhere}
.rf-drawer #detail-source{margin:2px 0 0;font-size:12px;font-family:var(--rf-mono);color:var(--muted);overflow-wrap:anywhere}
.rf-drawer .rf-newer{margin-top:8px;min-height:32px;font-size:13px}
.rf-drawer .rf-body{flex:1 1 auto;min-height:0;overflow:auto;overflow-anchor:none;overscroll-behavior:contain;padding:14px 18px 18px;display:flex;flex-direction:column;gap:12px}
.rf-drawer .rf-foot{flex:none;display:flex;flex-wrap:wrap;gap:8px;padding:10px 18px;border-top:1px solid var(--rf-line);background:var(--panel)}
.rf-drawer .rf-foot button{margin:0;min-height:38px;font-size:13px;width:auto}
.rf-drawer .rf-foot button[hidden]{display:none}
.rf-drawer .rf-slot{display:flex;flex-direction:column;gap:12px}
.rf-drawer .rf-slot:empty{display:none}

/* Summary: the facts an operator needs first */
.rf-drawer .rf-summary{padding:14px;border:1px solid var(--line);border-radius:6px;background:var(--raised)}
.rf-drawer .rf-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px}
.rf-drawer .rf-fact{min-width:0}
.rf-drawer .rf-fact:first-child{grid-column:1/-1}
.rf-drawer .rf-label{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--rf-head);margin-bottom:2px}
.rf-drawer .rf-fact strong{display:block;font-size:14px;font-weight:600;line-height:1.35;overflow-wrap:anywhere}
.rf-drawer .rf-fact strong.pill{display:inline-block;font-size:12px}
.rf-drawer .rf-fact small{display:block;font-size:12px;color:var(--muted);line-height:1.35;margin-top:2px}
.rf-drawer .rf-unknown{color:var(--muted)!important;font-style:italic;font-weight:400!important}
.rf-drawer #detail-nickname{margin:12px 0 0;min-height:34px;font-size:13px}

/* Existing sections: one column, readable sizes */
.rf-drawer .inspector-sections{display:flex;flex-direction:column;gap:12px;margin:0}
.rf-drawer .inspector-section{padding:14px;border-radius:6px;margin:0}
.rf-drawer .inspector-section .inspector-section{margin-top:10px;padding:12px;background:transparent}
.rf-drawer .inspector-section h3{font-size:12px;letter-spacing:.1em;text-transform:uppercase;margin:0 0 10px}
.rf-drawer .inspector-section .detail-fields,.rf-drawer .inspector-section:last-child .detail-fields{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px 18px;margin:0;padding:0;border:0}
.rf-drawer .detail-field span{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--rf-head);margin-bottom:2px}
.rf-drawer .detail-field strong{font-size:13px;line-height:1.4}
.rf-drawer .inspector-section .fine,.rf-drawer .fine{font-size:12px;line-height:1.5;margin-top:10px;color:var(--muted)}
.rf-drawer .detail-remarks{margin:0;padding:14px;border-radius:6px}
.rf-drawer .detail-remarks .eyebrow{font-size:11px;letter-spacing:.12em}
.rf-drawer .evidence-facts dt{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--rf-head)}
.rf-drawer .evidence-facts dd{font-size:13px}
.rf-drawer details>summary{display:list-item;cursor:pointer;font-size:13px;padding:7px 0;line-height:1.4}
.rf-drawer .card-signal-caption,.rf-drawer .card-signal-unavailable span,.rf-drawer .card-signal-title span{font-size:12px}
.rf-drawer .pill{font-size:11px}
.rf-drawer .rf-alert-list{margin:0;padding-left:18px;font-size:13px;line-height:1.5}
.rf-drawer .rf-alerts>p.rf-unknown{margin:0;font-size:13px}
.rf-drawer .rf-alerts button{margin-top:10px}
.rf-drawer .rf-provenance{margin-top:10px;border-top:1px solid var(--rf-line);padding-top:4px}
.rf-drawer .rf-provenance>.inspector-section{margin-top:6px}
.rf-drawer .rf-more-label{margin:6px 0 -4px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--rf-head)}
.rf-drawer #detail-technical{border-top:1px solid var(--rf-line);padding-top:6px}
.rf-drawer #detail-technical pre{font-family:var(--rf-mono);font-size:12px;max-height:360px;overflow:auto}
.rf-drawer .detail-actions{margin:0}

@media(max-width:680px){
 #device-dialog.rf-drawer[open]{width:100vw;border-left:0}
 .rf-drawer .rf-head{padding:6px 8px 10px 14px}
 .rf-drawer .rf-body{padding:12px 14px 16px}
 .rf-drawer .rf-foot{padding:8px 14px calc(8px + env(safe-area-inset-bottom))}
 .rf-drawer .rf-foot button{flex:1 1 140px;min-height:44px}
 .rf-drawer .rf-facts{gap:10px 14px}
}