/* Mako compatibility layer for the older tool pages (2026-10-05).
   The shared system lives in mako-site.css. These rules retire the HUD-era chrome that the
   older tools (Server, Map, News, Weather, Activity, Today's talk block...) still carry, so
   they read as part of the same charcoal workspace. Chat never loads this file. Delete a
   rule here when its page is rebuilt on the shared system. */
/* Retire the old HUD costume: monospace, all-caps instrument labels become plain
   sentence-case UI type. Code, logs and token fields keep their monospace. */
.mako-ui :is(.readout-label, .data-label, .ops-kicker, .restart-kicker, .restart-state,
  .server-kicker, .server-panel-label, .server-stat span, .server-health-row b, .server-count,
  .activity-attention, .talk-status, .talk-core-text, .global-search-kind, .project-cards-title,
  .project-card-badge, .spotify-playlist-label, .readout-uptime, .readout-key, .readout-line,
  .budget-table-card th, .research-result dt, .scene-actions small, .mic-level-meter,
  .news-meta, .news-live-status, .news-headline-label, .news-brief-index,
  .weather-radar-label, .weather-empty-core, .weather-radar-loading,
  .map-caption, .map-readout-label, .map-readout-value, .map-interaction-hint, .map-empty-core,
  .map-video-bar h2, .map-ambient-button, .map-video-assistant-label, .map-video-assistant-status,
  .memory-count, .memory-type-label, .memory-uses, .memory-tier-summary,
  .core-readouts, .hud-talk-status, .fuel-distance, .work-log-day > summary,
  .news-ticker-item, .news-video-overlay, .map-reference-status span, .mic-level-label) {
  font-family: var(--font-ui); text-transform: none; letter-spacing: 0;
}
.mako-ui :is(.server-kicker, .server-panel-label, .readout-label, .data-label, .map-readout-label,
  .weather-radar-label) { font-size: .8125rem; font-weight: 600; color: var(--muted); }


/* Map: the map is the page. Controls stay on one line; decorative chrome is gone. */
.mako-ui .map-video-layout { grid-template-columns: minmax(0, 1fr); }
.mako-ui .map-reference-bar { grid-template-columns: auto 1fr auto; }
.mako-ui :is(.map-reset, .map-go-to summary) { white-space: nowrap; min-height: 36px; padding: 7px 12px; background: #262626; color: #ededed; border: 1px solid #3a3a3a; box-shadow: none; }
.mako-ui .map-video-shell { border-color: #2a2a2a; box-shadow: none; }
.mako-ui :is(.map-video-grid, .map-video-vignette) { display: none; }
.mako-ui .map-ambient-button { background: #262626; color: #ededed; border: 1px solid #3a3a3a; }
.mako-ui .map-ambient-button[aria-pressed="true"] { border-color: var(--mako-accent); color: #d8f8fc; }

/* News keeps its briefing voice controls without the oversized logo ring. */
.mako-ui .news-assistant-dock { background: #1a1a1a; border-color: #2a2a2a; box-shadow: none; }

.mako-ui .news-headline-label { color: #111; background: var(--mako-accent); font-weight: 600; }
.mako-ui :is(.mic-level-label, .talk-status) { color: var(--muted); }
.mako-ui .news-assistant-dock .mic-level-meter { grid-template-columns: auto minmax(0, 1fr) auto; padding-inline: 8px; }
.mako-ui .jarvis-gl-map .maplibregl-ctrl-attrib, .mako-ui .jarvis-gl-map .maplibregl-ctrl-attrib.maplibregl-compact { background: rgba(16, 16, 16, .85); color: #d6d6d6; }
.mako-ui .jarvis-gl-map .maplibregl-ctrl-attrib a { color: #a5ecf5; }
/* Leftover HUD link-buttons join the shared quiet button family. */
.mako-ui :is(.action-link, .core-chat-link) {
  display: inline-flex; align-items: center; justify-content: center; min-height: 42px; padding: 9px 16px;
  border: 1px solid #383838; border-radius: 9px; background: #222; color: var(--text);
  font: 600 .9375rem/1.2 var(--font-ui); text-transform: none; letter-spacing: 0; box-shadow: none; text-decoration: none;
}
.mako-ui :is(.action-link, .core-chat-link):hover { background: #2c2c2c; border-color: #4a4a4a; color: #fff; text-decoration: none; }
.mako-ui .activity-archive-body > .action-link { min-height: 36px; font-size: .8125rem; }
@media (max-width: 600px) {
  .mako-ui .map-interaction-hint { top: auto; bottom: 56px; }
  .mako-ui .map-theme-picker select { min-width: 0; max-width: 44vw; padding-right: 28px; }
  .mako-ui .map-reference-bar { grid-template-columns: minmax(0, 1fr) auto; }
}