/* shim — canonical app UI layer lives in the bound design system.
   shell-chrome.css carries the portal identity badges (both types: the App
   pill rs-portalbadge--* and the compact surface pill rs-adminpill family)
   plus switcher/launcher chrome. tiers.css carries the partner-program and
   maintenance tier chips. forms-extended adds input groups, affixes and the
   branded date/time popovers. */
@import "../../_ds/riversync-design-system-v2-f1a28934-f0b3-48b1-a3b9-cc90e63ef573/tokens/app-ui.css";
@import "../../_ds/riversync-design-system-v2-f1a28934-f0b3-48b1-a3b9-cc90e63ef573/tokens/shell-chrome.css";
@import "../../_ds/riversync-design-system-v2-f1a28934-f0b3-48b1-a3b9-cc90e63ef573/tokens/forms-extended.css";
@import "../../_ds/riversync-design-system-v2-f1a28934-f0b3-48b1-a3b9-cc90e63ef573/tokens/tiers.css";

/* Surface pill (badge type 2) — the DS ships account/admin (rs-accountpill /
   rs-adminpill), portal (rs-hubpill) and pipeline (rs-opspill). Partners is
   completed here with the canonical partners hue from rs-portalbadge--partners
   so all five apps carry both badge types. */
.rs-partnerspill{color:#317C68;background:#E4F4EF;border-color:#BFE4D9;}
[data-theme="dark"] .rs-partnerspill{color:#6FC3A6;background:#10291F;border-color:#1F4D3C;}

/* Field (badge types 1 + 2) — the sixth app, RiverSync-only on-site service.
   Signal-red hue (the logo's "Sync" half, softened so it reads as chrome and
   stays distinct from semantic danger/critical). App pill rs-portalbadge--field
   + surface pill rs-fieldpill, both themes. Propose upstreaming to DS v2. */
.rs-portalbadge--field{background:#FDEAEA; border-color:#F4C9CA; color:#B5292F;}
[data-theme="dark"] .rs-portalbadge--field{background:#311518; border-color:#5E2429; color:#EC9499;}
.rs-fieldpill{color:#B5292F;background:#FDEAEA;border-color:#F4C9CA;}
[data-theme="dark"] .rs-fieldpill{color:#EC9499;background:#311518;border-color:#5E2429;}

/* rs-selectbox menus on auto-width selects: size the menu to its content */
.rs-selectbox--fit .rs-selectbox__menu{right:auto; min-width:100%; width:max-content; max-width:320px;}

/* DS Badge leading-icon sizing — the React Badge sizes its glyph to 12px
   (badge.card.html); the vanilla rs-badge omitted it. Match it here so an
   rs-badge with a leading [data-ic] renders the canonical icon badge. */
.rs-badge .rs-ic{width:12px; height:12px; flex:none;}