@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap");
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; font-family: var(--vesta-font); color: var(--vesta-text); background: var(--vesta-app-bg); }
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; }
img { max-width: 100%; height: auto; }
body.vesta-auth-body, body.vesta-app-body { background: var(--vesta-app-bg); }

.vesta-icon{width:18px;height:18px;display:block;stroke-width:1.85}.vesta-icon--feature{width:20px;height:20px}.vesta-icon--action{width:20px;height:20px}.vesta-icon--empty{width:24px;height:24px}.vesta-icon--sidebar{width:18px;height:18px}.vesta-icon--control{width:18px;height:18px}


/* Transform with Danny: enforce Inter globally for all plugin-rendered UI. */
:root{--vesta-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--tfm-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;}
body.tfm-saas-body, body.vesta-app-body, body.vesta-auth-body,
.tfm-app, .tfm-app *, .tfm-saas, .tfm-saas *, .tfm-admin-wrap, .tfm-admin-wrap *,
.vesta-shell, .vesta-shell *, .vesta-app, .vesta-app *, .vesta-page, .vesta-page *,
.tfm-dashboard, .tfm-dashboard *, .tfm-panel, .tfm-panel *, .tfm-card, .tfm-card *{font-family:var(--tfm-font)!important;}
.tfm-app button,.tfm-app input,.tfm-app textarea,.tfm-app select,
.tfm-saas button,.tfm-saas input,.tfm-saas textarea,.tfm-saas select,
.tfm-admin-wrap button,.tfm-admin-wrap input,.tfm-admin-wrap textarea,.tfm-admin-wrap select,
.vesta-shell button,.vesta-shell input,.vesta-shell textarea,.vesta-shell select{font-family:var(--tfm-font)!important;}