@layer native {
  [data-platform~=native] {
    -webkit-tap-highlight-color: transparent;

    .hide-on-native {
      display: none;
    }

    .site-header {
      display: none;
    }

    /* Safe area insets for nav bar and home indicator */
    main {
      padding-block-start: var(--custom-safe-inset-top);
      padding-block-end: var(--custom-safe-inset-bottom);
    }

    /* Chat: composer handles its own safe area; main shouldn't double it */
    &:has(.chat) main {
      padding-block-start: 0;
      padding-block-end: 0;
    }

    .chat__composer {
      padding-block-end: calc(6px + var(--custom-safe-inset-bottom));
    }
  }
}

/* Bridge component controls — hide web UI when native handles it */

[data-bridge-components~=form] {
  [data-controller~=bridge--form] {
    [data-bridge--form-target~=submit] {
      display: none;
    }
  }
}

[data-bridge-components~=overflow-menu] {
  [data-controller~=bridge--overflow-menu] {
    [data-bridge--overflow-menu-target~=item] {
      display: none;
    }
  }
}

[data-bridge-components~=buttons] {
  [data-bridge--buttons-target~=button] {
    display: none;
  }
}