/* Import once beside features/shell/tokens.css. Filled actions keep the brand green. */
.ui-foundation {
  --ui-green-text:#067A50; --ui-warning-text:#8C5200; --ui-warning-bg:#FFF4DF;
  --ui-action:#0BA86B; --ui-action-ink:#10201A; --ui-focus:#067A50;
  --ui-radio:#7A8C82; --ui-error:#B42318;
  font-size:17px; line-height:1.6; min-inline-size:0; overflow-wrap:anywhere;
}
:root[data-appearance="dark"] .ui-foundation {
  --ui-green-text:#1DC97F; --ui-warning-text:#FFD18A; --ui-warning-bg:#302413;
  --ui-action:#1DC97F; --ui-focus:#1DC97F; --ui-radio:#6A8274; --ui-error:#FFB4AB;
}
@media(prefers-color-scheme:dark) {
  :root[data-appearance="system"] .ui-foundation {
    --ui-green-text:#1DC97F; --ui-warning-text:#FFD18A; --ui-warning-bg:#302413;
    --ui-action:#1DC97F; --ui-focus:#1DC97F; --ui-radio:#6A8274; --ui-error:#FFB4AB;
  }
}
:root .ui-foundation[data-payer="true"] {
  --background:#F6F9F7; --card:#FFFFFF; --ink:#10201A; color-scheme:light; color:var(--ink); background:var(--background);
  --ui-green-text:#067A50; --ui-warning-text:#8C5200; --ui-warning-bg:#FFF4DF;
  --ui-action:#0BA86B; --ui-focus:#067A50; --ui-radio:#7A8C82; --ui-error:#B42318;
}
.ui-foundation :is(button, input, select, textarea, a) { font:inherit; min-block-size:48px; min-inline-size:48px; max-inline-size:100%; }
.ui-foundation :is(button, input, select, textarea) { border:1px solid var(--ui-radio); border-radius:12px; padding-block:10px; padding-inline:16px; }
.ui-foundation a { color:var(--ui-green-text); }
.ui-foundation :focus-visible { outline:3px solid var(--ui-focus); outline-offset:3px; }
.ui-foundation .ui-button { background:var(--ui-action); color:var(--ui-action-ink); white-space:normal; cursor:pointer; }
.ui-button:disabled { cursor:default; }
.ui-field { display:flex; flex-direction:column; align-items:stretch; gap:8px; min-inline-size:0; }
.ui-field input { inline-size:100%; background:var(--card,#fff); color:var(--ink,#10201A); }
.ui-error { display:flex; align-items:start; gap:8px; color:var(--ui-error); }
.ui-warning { display:flex; flex-wrap:wrap; align-items:center; gap:12px; padding:16px; color:var(--ui-warning-text); background:var(--ui-warning-bg); border-radius:12px; }
.ui-warning p { flex:1 1 12rem; margin:0; }
.ui-icon { inline-size:24px; block-size:24px; flex-shrink:0; }
.ui-number { direction:ltr; unicode-bidi:isolate; font-variant-numeric:tabular-nums; }
.ui-logo { display:inline-block; direction:ltr; unicode-bidi:isolate; transform:none; font-family:'Poppins',sans-serif; }