/*
 * Shared floating-chat geometry for SKTMU.
 *
 * This file owns only the positioning constants shared by the landing chat hub
 * and the authenticated AI launcher. Component colors/layout stay in their
 * respective stylesheets so there is one source of truth for viewport spacing
 * without coupling unrelated UI details.
 */
:root {
  --sktmu-chat-edge: max(18px, env(safe-area-inset-bottom));
  --sktmu-chat-edge-right: max(18px, env(safe-area-inset-right));
  --sktmu-chat-launcher-size: 58px;
  --sktmu-chat-panel-gap: 14px;
  --sktmu-chat-top-clearance: max(12px, env(safe-area-inset-top));
  --sktmu-chat-panel-bottom: calc(var(--sktmu-chat-edge) + var(--sktmu-chat-launcher-size) + var(--sktmu-chat-panel-gap));
}

@media (max-width: 600px) {
  :root {
    --sktmu-chat-edge: max(12px, env(safe-area-inset-bottom));
    --sktmu-chat-edge-right: max(12px, env(safe-area-inset-right));
    --sktmu-chat-launcher-size: 56px;
    --sktmu-chat-panel-gap: 12px;
    --sktmu-chat-top-clearance: max(8px, env(safe-area-inset-top));
  }
}