@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Serif:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500;600&display=swap');

/* Global base styles — Genesa uses a 16px base (DESIGN.md: body 16px, 44px touch targets) */
html { font-size: 15px; }
body { background:var(--bg-primary)}

/** Scroll **/
.ps__rail-y { width:4px!important; background:transparent!important; right:2px!important; opacity:0!important; transition:opacity 0.2s ease!important; }
.ps:hover>.ps__rail-y,.ps--focus>.ps__rail-y,.ps--scrolling-y>.ps__rail-y { opacity:1!important; }
.ps__rail-y:hover,.ps__rail-y.ps--clicking { background:var(--color-border-primary)!important; width:6px!important; opacity:1!important; }
.ps__thumb-y { width:4px!important; right:0!important; background:var(--color-border-primary)!important; transition:width 0.2s ease,background 0.2s ease!important; }
.ps__thumb-y:hover,.ps__rail-y:hover>.ps__thumb-y,.ps__rail-y.ps--clicking>.ps__thumb-y { width:6px!important; background:var(--color-primary-base)!important; }

/* Cursor pointer for all interactive elements */
a,
button,
label,
select,
summary,
[role="button"],
[role="tab"],
[role="menuitem"],
[role="option"],
[onclick],
[data-ui="tab-trigger"],
[data-ui="switch-field"],
[data-ui="checkbox-field"],
[data-ui="label-field"],
[data-ui="badge"],
[data-ui="badge-secondary"],
[data-ui="accordion"],
[data-ui="breadcrumb"],
[data-ui="pagination"],
[data-ui="dropdown-menu"],
[data-ui="avatar"],
[data-ui="nav-menu"],
[data-ui="table-row"],
[data-ui="table-head"],
[data-ui="tooltip"],
[data-ui="nav-item"],
[data-ui="chip"],
[data-ui="radio-card"],
[data-ui="stepper-item"],
[data-ui="dropzone"] {
  cursor: pointer;
}