/* DEC467: the object pill's extras. Its layout, glass and colours live in orb-shell.css; this file adds what
 * that sheet lacks: 44 pt tap targets on phones, the opacity read-out, disabled/danger states in the … menu, and
 * room for the terrain notice and toast above the pill on portrait phones (body.orb-pill-shown, set by the pill).
 * Menu rules carry #worldViewport because canvas-workspace.css's `#owApp button{min-height:0}` outranks the
 * shell's class-only .orb-pill-pop rule. */
body.orb-shell #orbPill .orb-pill-name:empty{display:none}
body.orb-shell .orb-pill-pop output{min-width:3.5em;text-align:right;font-variant-numeric:tabular-nums;color:var(--orb-glass-ink-2);font-size:13px}
body.orb-shell #worldViewport .orb-pill-pop button{min-height:40px}
body.orb-shell #worldViewport .orb-pill-pop button:disabled{opacity:.45;cursor:default}
body.orb-shell #worldViewport .orb-pill-pop button.orb-danger:not(:disabled):hover{background:rgba(255,69,58,.18)}
body.orb-shell .orb-pill-pop[role=menu]{padding:6px;gap:2px}
body.orb-shell #worldViewport .orb-pill-pop[role=menu] button{border:0;background:transparent;border-radius:var(--orb-r-m)}
body.orb-shell #worldViewport .orb-pill-pop[role=menu] button:hover{background:rgba(255,255,255,.1)}
@media(max-width:800px),(max-height:500px) and (max-width:1000px){
 body.orb-shell #orbPill button{min-height:var(--orb-tap);padding:6px 14px}
 body.orb-shell #orbPill .orb-pill-name{max-width:110px}
 body.orb-shell #worldViewport .orb-pill-pop button,body.orb-shell #worldViewport .orb-pill-pop label{min-height:var(--orb-tap)}
 /* Seven 44 pt rows do not fit above a half sheet on short phones: the pop scrolls instead of clipping. */
 body.orb-shell #worldViewport #orbPill{flex-wrap:wrap;justify-content:center;border-radius:var(--orb-r-l);overflow:visible;width:max-content;max-width:calc(100% - 24px)}
 body.orb-shell #worldViewport #orbPill .orb-pill-name{flex-basis:100%;text-align:center;padding:2px 8px 0;max-width:none}
}
@media(max-width:800px) and (orientation:portrait){
 body.orb-shell .orb-pill-pop{max-height:calc(100% - var(--orb-sheet-height,50%) - 76px);overflow-y:auto;overscroll-behavior:contain}
}
@media(max-width:800px) and (orientation:portrait){
 body.orb-shell.orb-pill-shown #worldTerrainStatus,body.orb-shell.orb-pill-shown #orbToast{bottom:calc(var(--orb-sheet-height,50%) + 80px)}
}