/*
 * @purpose Cobalt schema for this Overwatch node's own page (CLAUDE_DESIGN.md, REDESIGN_PROCEDURE.md section 4):
 *   phone-first, small clear type, bold lede + quiet subline rows, no title band, light by default and dark via the tokens.
 * @owner claude_20261002_cobalt (sub-agent maps), 2026-10-03. Requires cobalt/cobalt-tokens.css and cobalt/cobalt-ui.css.
 * @seam Presentation only. Ergonomics the shell contract expects: touch-action: manipulation; controls min-width: 44px
 *   and min-height: 44px (targets), viewport-fit=cover in the page head.
 */
html { touch-action: manipulation; }
.c-root { min-height: 100vh; min-height: 100dvh; }
.ow-node { padding-top: max(14px, env(safe-area-inset-top)); padding-left: max(16px, env(safe-area-inset-left)); padding-right: max(16px, env(safe-area-inset-right)); }
.ow-node .c-card { margin-top: 12px; overflow: hidden; }
.ow-node .c-card .c-row { cursor: default; }
.ow-node .c-card .c-row:last-child { border-bottom: 0; }
.ow-node .ow-lead { margin: 4px 0 0; color: var(--muted); font-size: 12.5px; }
.ow-node details.c-more { margin-top: 16px; }
.ow-node details.c-more p { margin: 6px 0; }
.ow-node .ow-touch { min-width: 44px; min-height: 44px; }
.ow-info { position: relative; padding: 0 2px; border: 0; background: none; color: var(--muted); font: inherit; cursor: pointer; }
.ow-info::after { content: ""; position: absolute; inset: -14px; }
/* Monitor: the map fills the frame; a skeleton shows at once and says what is loading */
.ow-frame { position: fixed; inset: 0; display: block; width: 100%; height: 100vh; height: 100dvh; border: 0; background: var(--paper); }
.ow-frame[hidden], .ow-node[hidden], .ow-loading[hidden] { display: none; }
.ow-loading { position: fixed; z-index: 2; left: 50%; top: 40%; transform: translate(-50%, -50%); width: min(300px, calc(100% - 32px)); padding: 12px 14px; border-radius: var(--r-sheet); box-shadow: var(--shadow); }
.ow-loading .c-skel { height: 8px; margin-top: 8px; }
.ow-loading .c-skel.ow-short { width: 62%; }
.ow-loading .c-btn { margin-top: 10px; }
/* the kit gives buttons a display value; hidden must still win */
.c-root [hidden] { display: none !important; }
