:root {
  --verb-orange:#ff6a00; --verb-orange-hover:#ff7d1a; --verb-orange-soft:#fff1e7;
  --verb-black:#111214; --verb-muted:#6f737b; --verb-border:#e4e5e8;
  --verb-surface:#fff; --verb-canvas:#fafafa; --verb-radius:16px;
}
html { font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; background:var(--verb-canvas); }
body,button,input,select,textarea,table { font-family:"Helvetica Neue",Helvetica,Arial,sans-serif !important; }
body { color:var(--verb-black); background:var(--verb-canvas); }
* { text-rendering:optimizeLegibility; }
a,button,input,select,textarea { transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease; }
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible { outline:3px solid rgba(255,106,0,.22); outline-offset:2px; }

/* Shared workspace language for every system module. */
.system-shell { background:var(--verb-canvas); }
.system-main { background:var(--verb-canvas); color:var(--verb-black); }
.system-main .system-header { margin-bottom:24px; }
.system-main .system-header h1 { letter-spacing:-.045em; color:var(--verb-black); }
.system-main .system-header p,.system-main .eyebrow,.breadcrumbs { color:var(--verb-muted); }
.system-main .eyebrow { font-weight:700; letter-spacing:.08em; }

/* Cards, panels and modules across CRM, ERP, CMS, QA, tasks and settings. */
.system-main :where(.glossy-card,.work-card,.work-panel,.report-card,.planning-card,.admin-card,.crm-card,.erp-card,.testing-card,.productivity-card,.system-module-placeholder,.object-card,.kanban-column,.ticket-editor-panel) {
  border:1px solid var(--verb-border) !important;
  border-radius:var(--verb-radius) !important;
  background:var(--verb-surface) !important;
  box-shadow:0 8px 28px rgba(17,18,20,.035) !important;
  backdrop-filter:none !important;
}
.system-main :where(.glossy-card,.work-card,.work-panel,.report-card,.planning-card,.admin-card,.crm-card,.erp-card,.testing-card,.productivity-card,.system-module-placeholder,.object-card,.kanban-column):hover {
  border-color:#cfd1d5 !important;
}

/* Primary and secondary actions. */
.system-main :where(.button-dark,.button-primary,.primary-button,button[type="submit"],.work-button-primary,.crm-button-primary,.admin-button-primary) {
  border-color:var(--verb-orange) !important; background:var(--verb-orange) !important; color:#fff !important;
  box-shadow:0 7px 20px rgba(255,106,0,.16) !important;
}
.system-main :where(.button-dark,.button-primary,.primary-button,button[type="submit"],.work-button-primary,.crm-button-primary,.admin-button-primary):hover {
  background:var(--verb-orange-hover) !important; transform:translateY(-1px);
}
.system-main :where(button,.button,.work-button,.crm-button,.admin-button) { border-radius:10px; }

/* Inputs and tables. */
.system-main :where(input,select,textarea) { border:1px solid var(--verb-border); border-radius:10px; background:#fff; color:var(--verb-black); }
.system-main :where(input,select,textarea):focus { border-color:var(--verb-orange); box-shadow:0 0 0 3px rgba(255,106,0,.12); }
.system-main table { border-collapse:separate; border-spacing:0; width:100%; }
.system-main thead th { color:var(--verb-muted); background:#fafafa; border-bottom:1px solid var(--verb-border); }
.system-main tbody tr { content-visibility:auto; contain-intrinsic-size:48px; }
.system-main tbody tr:hover { background:var(--verb-orange-soft); }
.system-main td { border-bottom:1px solid #f0f0f1; }

/* Unified accent, badges, tabs and active navigation. */
.system-main :where(.is-active,.active,[aria-current="page"]) { --active-accent:var(--verb-orange); }
.system-main :where(.tab.is-active,.tabs a.is-active,.filter-chip.is-active,.badge-accent,.status-active) { color:#9a3e00 !important; background:var(--verb-orange-soft) !important; border-color:#ffd2b3 !important; }
.system-main :where(.metric-value,.kpi-value,.report-value) { letter-spacing:-.04em; }
.system-main :where(.positive,.success,.warning,.accent-text) { color:var(--verb-orange) !important; }

/* Performance: skip offscreen modules and expensive painting. */
.system-main > :where(section,article,div) { contain:layout style; }
.system-main :where(.module-section,.dashboard-section,.work-section,.crm-section,.erp-section,.admin-section,.testing-section) {
  content-visibility:auto; contain-intrinsic-size:480px;
}
img[loading="lazy"] { content-visibility:auto; }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; transition-duration:.01ms!important; animation-duration:.01ms!important; animation-iteration-count:1!important; } }
@media (max-width:900px) { .system-main { padding-inline:18px!important; } }