/* EasyManageX shared MicroERP theme v1; preset: easymanagex. */
:root[data-erp-brand]{
  --brand-id:"easymanagex";
  --brand-name:"EasyManageX";
  --brand-primary:#2563eb;
  --brand-primary-hover:#1d4ed8;
  --brand-on-primary:#ffffff;
  --brand-primary-ink:#2563eb;
  --brand-focus:#2563eb;
  --brand-chart-1:#2563eb;
  --brand-chart-2:#22d3a6;
  --brand-chart-3:#0f766e;
  --brand-chart-4:#0f2d5b;
  --brand-chart-5:#14b8a6;
  --brand-chart-6:#526174;
  --brand-accent:#22d3a6;
  --brand-accent-ink:#0f766e;
  --brand-ink:#0f2d5b;
  --brand-body:#0f2d5b;
  --brand-muted:#526174;
  --brand-background:#f5f7fa;
  --brand-surface:#ffffff;
  --brand-surface-alt:#fafbfd;
  --brand-border:#dfe5ec;
  --brand-inverse:#092143;
  --brand-on-inverse:#ffffff;
  --brand-success:#0f766e;
  --brand-success-soft:#e6f8f3;
  --brand-warning:#91490c;
  --brand-warning-soft:#fff4d9;
  --brand-danger:#a8241b;
  --brand-danger-soft:#fff0ee;
  --brand-font:-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --brand-font-display:-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --brand-font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --brand-heading-tracking:-0.035em;
  --brand-radius-small:9px;
  --brand-radius-control:10px;
  --brand-radius-card:22px;
  --brand-radius-large:24px;
  --brand-radius-pill:100px;
  --brand-space:4px;
  --brand-control-height:40px;
  --brand-shadow-small:0 2px 8px rgba(15,45,91,0.04);
  --brand-shadow-medium:0 9px 27px rgba(37,99,235,0.12);
  --brand-shadow-large:0 20px 50px rgba(15,45,91,0.14);
  --brand-shadow-action:0 9px 27px rgba(37,99,235,0.2);
  --an-font-sans:var(--brand-font);
  --an-font-display:var(--brand-font-display);
  --an-font-mono:var(--brand-font-mono);
  --an-bg-canvas:var(--brand-background);
  --an-bg-canvas-subtle:var(--brand-background);
  --an-bg-surface:var(--brand-surface);
  --an-bg-surface-subtle:var(--brand-surface-alt);
  --an-bg-surface-muted:var(--brand-surface-alt);
  --an-bg-surface-elevated:var(--brand-surface);
  --an-bg-surface-inverse:var(--brand-inverse);
  --an-bg-brand:var(--brand-primary);
  --an-bg-brand-subtle:color-mix(in srgb,var(--brand-primary) 8%,var(--brand-surface));
  --an-text-primary:var(--brand-ink);
  --an-text-secondary:var(--brand-muted);
  --an-text-tertiary:var(--brand-muted);
  --an-text-muted:var(--brand-muted);
  --an-text-inverse:var(--brand-on-inverse);
  --an-text-brand:var(--brand-primary-ink);
  --an-text-link:var(--brand-primary-ink);
  --an-border-subtle:var(--brand-border);
  --an-border-default:var(--brand-border);
  --an-border-strong:color-mix(in srgb,var(--brand-ink) 36%,var(--brand-surface));
  --an-border-brand:var(--brand-primary);
  --an-interactive-primary:var(--brand-primary);
  --an-interactive-primary-hover:var(--brand-primary-hover);
  --an-interactive-primary-active:var(--brand-primary-hover);
  --an-interactive-on-primary:var(--brand-on-primary);
  --an-interactive-secondary:var(--brand-ink);
  --an-interactive-secondary-hover:var(--brand-inverse);
  --an-interactive-ghost-hover:var(--brand-surface-alt);
  --an-interactive-selected:var(--an-bg-brand-subtle);
  --an-focus-ring:var(--brand-focus);
  --an-focus-offset:var(--brand-surface);
  --an-bg-success:var(--brand-success-soft);
  --an-text-success:var(--brand-success);
  --an-bg-warning:var(--brand-warning-soft);
  --an-text-warning:var(--brand-warning);
  --an-bg-danger:var(--brand-danger-soft);
  --an-text-danger:var(--brand-danger);
  --an-bg-info:var(--an-bg-brand-subtle);
  --an-text-info:var(--brand-primary-ink);
  --an-shadow-xs:var(--brand-shadow-small);
  --an-shadow-sm:var(--brand-shadow-small);
  --an-shadow-md:var(--brand-shadow-medium);
  --an-shadow-lg:var(--brand-shadow-large);
  --an-shadow-overlay:var(--brand-shadow-large);
  --erp-bg:var(--brand-background);
  --erp-surface:var(--brand-surface);
  --erp-surface-2:var(--brand-surface-alt);
  --erp-hover:var(--an-bg-brand-subtle);
  --erp-border:var(--brand-border);
  --erp-border-strong:var(--an-border-strong);
  --erp-text:var(--brand-ink);
  --erp-text-body:var(--brand-body);
  --erp-text-muted:var(--brand-muted);
  --erp-text-faint:var(--brand-muted);
  --erp-accent:var(--brand-primary);
  --erp-brand:var(--brand-primary);
  --erp-brand-strong:var(--brand-primary);
  --erp-brand-hover:var(--brand-primary-hover);
  --erp-brand-ink:var(--brand-primary-ink);
  --erp-brand-contrast:var(--brand-on-primary);
  --erp-brand-soft:var(--an-bg-brand-subtle);
  --erp-brand-wash:color-mix(in srgb,var(--brand-primary) 4%,var(--brand-surface));
  --erp-brand-light:color-mix(in srgb,var(--brand-primary) 40%,var(--brand-surface));
  --erp-ring:var(--brand-focus);
  --erp-nav-bg:var(--brand-inverse);
  --erp-nav-text:var(--brand-on-inverse);
  --erp-nav-text-active:var(--brand-on-inverse);
  --erp-rail-bg:var(--brand-surface);
  --erp-rail-text:var(--brand-body);
  --erp-rail-label:var(--brand-muted);
  --erp-rail-hover:var(--an-bg-brand-subtle);
  --erp-green:var(--brand-success);
  --erp-green-soft:var(--brand-success-soft);
  --erp-amber:var(--brand-warning);
  --erp-amber-soft:var(--brand-warning-soft);
  --erp-red:var(--brand-danger);
  --erp-red-soft:var(--brand-danger-soft);
  --erp-slate:var(--brand-muted);
  --erp-slate-soft:var(--brand-surface-alt);
  --erp-radius-sm:var(--brand-radius-small);
  --erp-radius:var(--brand-radius-control);
  --erp-radius-lg:var(--brand-radius-card);
  --erp-radius-xl:var(--brand-radius-large);
  --erp-radius-pill:var(--brand-radius-pill);
  --erp-shadow-xs:var(--brand-shadow-small);
  --erp-shadow:var(--brand-shadow-small);
  --erp-shadow-md:var(--brand-shadow-medium);
  --erp-shadow-lg:var(--brand-shadow-large);
  --erp-shadow-glow:var(--brand-shadow-action);
  --erp-font:var(--brand-font);
  --erp-font-display:var(--brand-font-display);
  --erp-mono:var(--brand-font-mono);
  --erp-content-pad-x:24px;
  --erp-content-pad-top:20px;
  --erp-content-pad-bottom:40px;
  --an-density-control-height:var(--brand-control-height);
  --an-density-item-gap:calc(var(--brand-space) * 2);
  --an-color-blue-25:color-mix(in srgb,var(--brand-primary) 2%,var(--brand-surface));
  --an-color-blue-50:color-mix(in srgb,var(--brand-primary) 6%,var(--brand-surface));
  --an-color-blue-100:color-mix(in srgb,var(--brand-primary) 12%,var(--brand-surface));
  --an-color-blue-200:color-mix(in srgb,var(--brand-primary) 24%,var(--brand-surface));
  --an-color-blue-300:color-mix(in srgb,var(--brand-primary) 42%,var(--brand-surface));
  --an-color-blue-400:color-mix(in srgb,var(--brand-primary) 62%,var(--brand-surface));
  --an-color-blue-500:var(--brand-primary);
  --an-color-blue-600:var(--brand-primary-ink);
  --an-color-blue-700:var(--brand-primary-ink);
  --an-color-blue-800:var(--brand-inverse);
  --an-color-blue-900:var(--brand-inverse);
  --an-color-blue-950:var(--brand-inverse);
  --an-color-slate-25:var(--brand-surface-alt);
  --an-color-slate-50:var(--brand-surface-alt);
  --an-color-slate-100:var(--brand-border);
  --an-color-slate-200:var(--brand-border);
  --an-color-slate-300:var(--brand-muted);
  --an-color-slate-400:var(--brand-muted);
  --an-color-slate-500:var(--brand-muted);
  --an-color-slate-600:var(--brand-body);
  --an-color-slate-700:var(--brand-ink);
  --an-color-slate-800:var(--brand-ink);
  --an-color-slate-900:var(--brand-ink);
  --an-color-slate-950:var(--brand-inverse);
  --an-color-white:var(--brand-surface);
  --an-color-black:var(--brand-inverse);
  --an-color-violet-50:color-mix(in srgb,var(--brand-chart-3) 8%,var(--brand-surface));
  --an-color-violet-500:var(--brand-chart-3);
  --an-color-violet-700:var(--brand-chart-3);
  --an-color-cyan-50:color-mix(in srgb,var(--brand-chart-5) 8%,var(--brand-surface));
  --an-color-cyan-500:var(--brand-chart-5);
  --an-color-cyan-700:var(--brand-primary-ink);
  --an-color-green-50:var(--brand-success-soft);
  --an-color-green-100:var(--brand-success-soft);
  --an-color-green-400:var(--brand-success);
  --an-color-green-500:var(--brand-success);
  --an-color-green-700:var(--brand-success);
  --an-color-green-950:var(--brand-success);
  --an-color-amber-50:var(--brand-warning-soft);
  --an-color-amber-100:var(--brand-warning-soft);
  --an-color-amber-400:var(--brand-warning);
  --an-color-amber-500:var(--brand-warning);
  --an-color-amber-700:var(--brand-warning);
  --an-color-amber-950:var(--brand-warning);
  --an-color-red-50:var(--brand-danger-soft);
  --an-color-red-100:var(--brand-danger-soft);
  --an-color-red-400:var(--brand-danger);
  --an-color-red-500:var(--brand-danger);
  --an-color-red-700:var(--brand-danger);
  --an-color-red-950:var(--brand-danger);
  --an-radius-none:0;
  --an-radius-xs:9px;
  --an-radius-sm:9px;
  --an-radius-md:10px;
  --an-radius-lg:22px;
  --an-radius-xl:24px;
  --an-radius-full:100px;
  --an-space-1:calc(var(--brand-space) * 1);
  --an-space-2:calc(var(--brand-space) * 2);
  --an-space-3:calc(var(--brand-space) * 3);
  --an-space-4:calc(var(--brand-space) * 4);
  --an-space-5:calc(var(--brand-space) * 5);
  --an-space-6:calc(var(--brand-space) * 6);
  --an-space-8:calc(var(--brand-space) * 8);
  --an-space-10:calc(var(--brand-space) * 10);
  --an-space-12:calc(var(--brand-space) * 12);
  --an-space-16:calc(var(--brand-space) * 16);
  --an-space-20:calc(var(--brand-space) * 20);
  --an-space-24:calc(var(--brand-space) * 24);
  --an-space-32:calc(var(--brand-space) * 32);
  color-scheme:light;
}

html[data-erp-brand] body{font-family:var(--brand-font);background:var(--brand-background);color:var(--brand-body)}
html[data-erp-brand] :is(h1,h2,h3,h4,h5,h6){font-family:var(--brand-font-display);letter-spacing:var(--brand-heading-tracking)}
html[data-erp-brand] ::selection{background:var(--brand-accent);color:var(--brand-ink)}
html[data-erp-brand] :is(button,input,select,textarea){font-family:inherit}
html[data-erp-brand] :is(button,a,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--brand-focus);outline-offset:3px}
html[data-erp-brand] :is(input[type=checkbox],input[type=radio]){accent-color:var(--brand-primary)}
html[data-erp-brand] .erp-topbar{background:var(--brand-surface);color:var(--brand-ink);border-color:var(--brand-border)}
html[data-erp-brand] .erp-global-rail{background:var(--brand-inverse);color:var(--brand-on-inverse)}
html[data-erp-brand] :is(.erp-context-heading,.erp-context-tabs,.erp-right-panel,.erp-shell-search){background:var(--brand-surface);border-color:var(--brand-border)}
html[data-erp-brand] :is(.erp-card,.erp-stat,.erp-panel,.panel,.metric-card,.webinar-panel,.erp-workos__hero,.erp-workos__context,.erp-workos__panel,.erp-workflow-card,.erp-state-panel,.erp-state-card){background-color:var(--brand-surface);border-color:var(--brand-border);border-radius:var(--brand-radius-card);box-shadow:var(--brand-shadow-small)}
html[data-erp-brand] :is(.erp-btn,.btn,.button){border-radius:var(--brand-radius-pill);font-weight:700}
html[data-erp-brand] :is(.erp-btn--primary,.btn-primary,.button-primary),html[data-erp-brand] .erp-signin .erp-btn--primary{background:var(--brand-primary);border-color:var(--brand-primary);color:var(--brand-on-primary);box-shadow:var(--brand-shadow-action)}
html[data-erp-brand] :is(.erp-btn--primary,.btn-primary,.button-primary):hover:not(:disabled),html[data-erp-brand] .erp-signin .erp-btn--primary:hover:not(:disabled){background:var(--brand-primary-hover);border-color:var(--brand-primary-hover);color:var(--brand-on-primary)}
html[data-erp-brand] :is(.erp-input,.erp-select,.erp-textarea,.input,.select,.textarea,.erp-shell-search){background:var(--brand-surface);color:var(--brand-body);border-color:var(--brand-border);border-radius:var(--brand-radius-control)}
html[data-erp-brand] :is(.erp-input,.erp-select,.input,.select){min-height:var(--brand-control-height)}
html[data-erp-brand] :is(.erp-table,.data-table) th{background:var(--brand-surface-alt);color:var(--brand-muted);border-color:var(--brand-border)}
html[data-erp-brand] :is(.erp-table,.data-table) td{border-color:var(--brand-border)}
html[data-erp-brand] :is(.erp-badge,.badge,.erp-tab,.tab,.erp-context-tabs__menu,.modal-content,.erp-modal,.toast,.quick-action){border-radius:var(--brand-radius-small)}
html[data-erp-brand] :is(.erp-card__body,.erp-card__header,.webinar-panel-body,.webinar-panel-header,.panel-body,.panel-header){padding:calc(var(--brand-space) * 4)}
html[data-erp-brand] :is(.erp-card__body--flush,.webinar-panel-body:has(>.webinar-table-wrap)){padding:0}
/* The eight solution apps share these native controls and surface classes. */
html[data-erp-brand] .erp-button{display:inline-flex;align-items:center;justify-content:center;gap:calc(var(--brand-space) * 2);min-height:var(--brand-control-height);padding:calc(var(--brand-space) * 2) calc(var(--brand-space) * 4);border:1px solid var(--brand-border);border-radius:var(--brand-radius-pill);background:var(--brand-surface);color:var(--brand-body);font:inherit;font-weight:700;text-decoration:none;cursor:pointer}
html[data-erp-brand] .erp-button--primary{background:var(--brand-primary);border-color:var(--brand-primary);color:var(--brand-on-primary);box-shadow:var(--brand-shadow-action)}
html[data-erp-brand] .erp-button--primary:hover:not(:disabled){background:var(--brand-primary-hover);border-color:var(--brand-primary-hover)}
html[data-erp-brand] .erp-button:disabled{opacity:.55;cursor:not-allowed}
html[data-erp-brand] :is(.solution-hero,.solution-panel,.solution-table-wrap,.solution-metrics>a,.solution-metrics>article,.solution-calendar>a){border-color:var(--brand-border);border-radius:var(--brand-radius-card);background-color:var(--brand-surface);color:var(--brand-body);box-shadow:var(--brand-shadow-small)}
html[data-erp-brand] .solution-hero{background:var(--an-bg-brand-subtle)}
html[data-erp-brand] :is(.solution-fields input,.solution-fields select,.solution-fields textarea,.solution-filters input,.solution-filters select,.solution-panel input[type=file]){border-color:var(--brand-border);background:var(--brand-surface);color:var(--brand-body);border-radius:var(--brand-radius-control);font-family:var(--brand-font);min-height:var(--brand-control-height)}
html[data-erp-brand] :is(.solution-fields small,.solution-filters span,.solution-table-wrap small,.solution-empty,.solution-details dt,.solution-note,.solution-calendar span){color:var(--brand-muted)}
html[data-erp-brand] :is(.solution-heading span,.solution-hero span,.solution-table-wrap td a,.solution-empty a,.solution-quicklinks a){color:var(--brand-primary-ink)}
html[data-erp-brand] :is(.solution-table-wrap th,.solution-details pre,.solution-status){background:var(--brand-surface-alt);color:var(--brand-muted);border-color:var(--brand-border)}
html[data-erp-brand] :is(.solution-table-wrap td,.solution-metrics dl>div){border-color:var(--brand-border)}
html[data-erp-brand] :is(.solution-status,.solution-details pre){border-radius:var(--brand-radius-small)}
html[data-erp-brand] :is(.solution-details pre,.solution-calendar time,.solution-fields textarea){font-family:var(--brand-font-mono)}
html[data-erp-brand] .solution-error{background:var(--brand-danger-soft);color:var(--brand-danger);border-color:var(--brand-danger);border-radius:var(--brand-radius-small)}
html[data-erp-brand] .solution-success{background:var(--brand-success-soft);color:var(--brand-success);border-color:var(--brand-success);border-radius:var(--brand-radius-small)}
/* Courier's Recharts adapter supplies this one radius inline. */
html[data-erp-brand] .recharts-default-tooltip{border-radius:var(--brand-radius-small)!important;}
/* Remove the native Webinar wordmark backdrop before painting the selected logo. */
html[data-erp-brand] :is(.erp-topbar__brand,.erp-signin__brand){width:auto;min-width:0;height:auto;overflow:visible;background:none;font-size:0;gap:0;flex-shrink:0;color:var(--brand-ink)}
html[data-erp-brand] :is(.erp-topbar__brand,.erp-signin__brand)>*{display:none}
html[data-erp-brand] :is(.erp-topbar__brand,.erp-signin__brand)::before{display:block;content:"";width:150px;height:37px;background:url("/__brand/assets/easymanagex-logo.png") left center/contain no-repeat;}
html[data-erp-brand] .erp-signin__brand::before{width:220px;height:54px;}
html[data-erp-brand] .erp-signin__story{background:linear-gradient(145deg,var(--brand-surface),var(--brand-background));border-color:var(--brand-border)}
html[data-erp-brand] .erp-signin__entry{background:var(--brand-surface)}
html[data-erp-brand] .erp-signin__symbol{background:var(--an-bg-brand-subtle);color:var(--brand-primary);border-radius:var(--brand-radius-small)}
html[data-erp-brand] .erp-signin__story-footer{font-size:0}
html[data-erp-brand] .erp-signin__story-footer::after{content:var(--brand-name) " workspace";font-size:11px;color:var(--brand-muted)}
@media(max-width:640px){html[data-erp-brand] .erp-topbar__brand::before{width:118px;height:32px;}}
@media(prefers-reduced-motion:reduce){html[data-erp-brand]{scroll-behavior:auto;--erp-fast:0ms;--erp-normal:0ms;--an-motion-duration-fast:0ms;--an-motion-duration-normal:0ms}html[data-erp-brand] :is(.erp-btn,.erp-card,.erp-stat,.webinar-spin,.spin,.skeleton){transition:none;animation:none}}
