/* Quiet viewport chrome shared by all four close views. */
.detail-platform { position:fixed; top:max(22px,env(safe-area-inset-top)); right:max(30px,env(safe-area-inset-right)); z-index:40; display:flex; gap:6px; }
.detail-platform-item { position:relative; display:block; }
.detail-platform-entry { display:flex; align-items:center; justify-content:center; width:44px; height:44px; padding:9px; border:1px solid #a68c6320; border-radius:24px; background:#fff3dd99; color:#4f4437; font:13px/1.4 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; text-decoration:none; backdrop-filter:blur(6px); -webkit-tap-highlight-color:transparent; }
.detail-platform-entry img,.detail-platform-entry svg { display:block; width:24px; height:24px; flex-shrink:0; object-fit:contain; pointer-events:none; }
.detail-platform-entry img { border-radius:6px; }
.detail-platform-entry[data-muted="true"] img,.detail-platform-entry[data-muted="true"] svg { filter:grayscale(1); opacity:.48; }
.detail-platform-entry[data-state="pending"] { cursor:default; }
.detail-platform-entry[data-state="available"] { cursor:pointer; }
.detail-platform-entry:focus-visible { outline:2px solid #68734e; outline-offset:4px; }
.detail-platform-tip { position:absolute; top:calc(100% + 8px); right:0; max-width:220px; width:max-content; padding:7px 10px; border-radius:8px; color:#534535; background:#fff5e8f2; border:1px solid #c6b19060; box-shadow:0 3px 10px #6d4a2514; font:12px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; opacity:0; visibility:hidden; pointer-events:none; }
.detail-platform-item:focus-within .detail-platform-tip { opacity:1; visibility:visible; }
@media(hover:hover) and (pointer:fine) { .focus-detail:not(.is-direct-input) .detail-platform-item:hover .detail-platform-tip { opacity:1; visibility:visible; } .focus-detail:not(.is-direct-input) a.detail-platform-entry:hover { background:#fff7e8d9; border-color:#a68c6360; } }
.object-lifted .detail-platform,.is-inspecting .detail-platform { opacity:0; visibility:hidden; pointer-events:none; }
@media(max-width:850px) { .detail-platform { top:max(12px,env(safe-area-inset-top)); right:max(14px,env(safe-area-inset-right)); } }


.focus-detail.is-open .detail-platform { animation:desk-ui-arrive 1200ms ease both; }
.focus-detail.is-reduced-motion .detail-platform { animation:none; }
@media(prefers-reduced-motion:reduce) { .focus-detail .detail-platform { animation:none; } }