/* TaxSuite Clay UI reset.
   Single active app skin. No alternate runtime skin layer.
   The visual language is based on the approved TaxSuite clay builder prototype. */

:root {
  color-scheme: light;
  --page-top: #f9fbff;
  --page-bottom: #eef2fb;
  --surface: #f6f8fe;
  --surface-2: #edf2fb;
  --surface-3: #ffffff;
  --ink: #4e5d76;
  --ink-strong: #37465f;
  --muted: #8794aa;
  --soft: #a4aec0;
  --line: rgba(196, 205, 229, 0.78);
  --blue: #2f6df6;
  --blue-soft: #dbe8ff;
  --mint: #d9f1e5;
  --yellow: #fff0bf;
  --peach: #fae2d4;
  --lavender: #e8e1ff;
  --red-soft: #ffe0df;
  --green: #17b978;
  --shadow-raised:
    -8px -8px 18px rgba(255, 255, 255, 0.92),
    10px 12px 24px rgba(180, 190, 218, 0.42);
  --shadow-small:
    -5px -5px 12px rgba(255, 255, 255, 0.88),
    7px 8px 16px rgba(180, 190, 218, 0.34);
  --shadow-inset:
    inset 1px 1px 0 rgba(255, 255, 255, 0.94),
    inset -1px -1px 0 rgba(199, 208, 230, 0.46);
  --shadow-field:
    inset 4px 4px 10px rgba(208, 216, 234, 0.52),
    inset -4px -4px 10px rgba(255, 255, 255, 0.92);
  --radius-xl: 28px;
  --radius-lg: 20px;
  --radius-md: 14px;
  --radius-sm: 11px;
  --ts-page-top: #f9fbff;
  --ts-page-bottom: #eef2fb;
  --ts-surface: #f6f8fe;
  --ts-surface-2: #edf2fb;
  --ts-surface-3: #ffffff;
  --ts-field: #eef3fb;
  --ts-ink: #4e5d76;
  --ts-ink-strong: #22304a;
  --ts-muted: #8794aa;
  --ts-soft: #a4aec0;
  --ts-line: rgba(196, 205, 229, .78);
  --ts-blue: #2f6df6;
  --ts-blue-strong: #145bff;
  --ts-blue-soft: #dbe8ff;
  --ts-success: #12805c;
  --ts-success-soft: #d9f1e5;
  --ts-warning: #8a6100;
  --ts-warning-soft: #fff0bf;
  --ts-danger: #b42318;
  --ts-danger-soft: #fae2d4;
  --ts-lavender: #e8e1ff;
  --ts-radius-xl: 28px;
  --ts-radius-lg: 20px;
  --ts-radius-md: 14px;
  --ts-shadow-raised:
    -8px -8px 18px rgba(255, 255, 255, .92),
    10px 12px 24px rgba(180, 190, 218, .42);
  --ts-shadow-small:
    -5px -5px 12px rgba(255, 255, 255, .88),
    7px 8px 16px rgba(180, 190, 218, .34);
  --ts-shadow-inset:
    inset 1px 1px 0 rgba(255, 255, 255, .94),
    inset -1px -1px 0 rgba(199, 208, 230, .46);
  --ts-shadow-field: var(--shadow-field);
  --ts-shell-left: 16px;
  --ts-shell-right: 16px;
  --ts-sidebar-width: 260px;
  --ts-shell-gap: 16px;
  --ts-content-left: calc(var(--ts-shell-left) + var(--ts-sidebar-width) + var(--ts-shell-gap));
  --theme-default: #2f6df6;
  --theme-secondary: #a4aec0;
  --theme-gradient: linear-gradient(135deg, var(--theme-default), var(--theme-secondary));
  --fl-canvas: var(--ts-page-bottom);
  --fl-layer: var(--ts-surface);
  --fl-surface: var(--ts-surface-3);
  --fl-soft: var(--ts-field);
  --fl-stroke: var(--ts-line);
  --fl-stroke-2: rgba(196, 205, 229, .54);
  --fl-text: var(--ts-ink-strong);
  --fl-text-muted: var(--ts-muted);
  --fl-fg: var(--ts-ink-strong);
  --fl-fg-2: var(--ts-ink);
  --fl-fg-3: var(--ts-muted);
  --fl-accent: var(--theme-default);
  --fl-r: var(--ts-radius-lg);
  --fl-r-ctl: var(--ts-radius-md);
  --fl-s1: var(--ts-shadow-small);
  --fl-s2: var(--ts-shadow-raised);
}

* { box-sizing: border-box; }

html,
body {
  min-height: 100%;
  margin: 0;
}

body {
  font-family: var(--taxsuite-font-family, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
  color: var(--ts-ink);
  background:
    radial-gradient(circle at 0 0, rgba(255, 255, 255, .95), transparent 30%),
    radial-gradient(circle at 72% 8%, rgba(232, 225, 255, .38), transparent 32%),
    linear-gradient(180deg, var(--ts-page-top), var(--ts-page-bottom));
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

a {
  color: inherit;
  text-decoration: none;
}

a:hover { color: var(--theme-default); }

button,
input,
select,
textarea {
  font: inherit;
}

.page-wrapper {
  min-height: 100vh;
  padding: 16px 16px calc(var(--taxsuite-footer-height, 46px) + var(--taxsuite-footer-gap, 10px) + 2px);
  background: transparent;
}

.page-wrapper .page-header {
  position: fixed;
  top: 16px;
  left: var(--ts-content-left);
  right: var(--ts-shell-right);
  z-index: 1031;
  height: 72px;
  overflow: visible;
  background: transparent;
}

.page-wrapper .page-header .header-wrapper {
  min-height: 72px;
  width: 100%;
  margin: 0;
  padding: 12px 14px;
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: nowrap;
  border: 1px solid var(--ts-line);
  border-radius: 30px;
  background: linear-gradient(180deg, rgba(255, 255, 255, .92), rgba(237, 242, 251, .92));
  box-shadow: var(--ts-shadow-raised), var(--ts-shadow-inset);
}

.page-wrapper .page-body-wrapper {
  min-height: calc(100vh - 32px);
  height: calc(100vh - var(--taxsuite-footer-height, 46px) - var(--taxsuite-footer-gap, 10px) - 32px);
  margin-top: 0 !important;
  padding-bottom: var(--taxsuite-footer-gap, 10px);
  overflow: auto;
  overscroll-behavior: contain;
  background: transparent;
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper {
  position: fixed;
  top: var(--ts-shell-left);
  left: var(--ts-shell-left);
  bottom: calc(var(--taxsuite-footer-height, 46px) + var(--taxsuite-footer-gap, 10px));
  width: var(--ts-sidebar-width);
  max-width: var(--ts-sidebar-width);
  padding: 16px;
  overflow: hidden auto;
  z-index: 1028;
  border: 1px solid var(--ts-line);
  border-radius: 30px;
  background: linear-gradient(160deg, rgba(255, 255, 255, .84), rgba(237, 242, 251, .92));
  box-shadow: var(--ts-shadow-raised), var(--ts-shadow-inset);
}

.page-wrapper.compact-wrapper .page-body-wrapper .page-body {
  min-height: calc(100vh - 104px);
  margin-left: var(--ts-content-left);
  padding: 88px var(--ts-shell-right) 18px 0;
  background: transparent;
  min-width: 0;
}

#taxsuite-ajax-content {
  display: block;
  min-width: 0;
  max-width: 100%;
  color: var(--ts-ink);
}

#taxsuite-ajax-content > *,
.page-body main,
.page-body .container,
.page-body .container-fluid,
.taxsuite-module-content,
.site-builder-dashboard,
.global-settings-page,
.settings-page,
.dms-page,
.security-page,
.websites-page,
.clients-page,
.employees-page,
.forms-page,
.logs-page,
.cron-page {
  min-width: 0;
  max-width: 100%;
}

#taxsuite-ajax-content > * + *,
.taxsuite-module-content > * + *,
.site-builder-dashboard > * + *,
.global-settings-page > * + *,
.settings-page > * + * {
  margin-top: 16px;
}

.sidebar-main,
#sidebar-menu,
.sidebar-links {
  background: transparent;
}

.raised,
.soft-raised,
.card,
.panel,
.row-card,
.table-shell,
.modal-demo,
.drawer-demo,
.chart-card,
.task-card,
.swatch-card,
.site-card {
  border: 1px solid var(--ts-line);
  background: linear-gradient(180deg, var(--ts-surface-3), var(--ts-surface-2));
}

.raised,
.card,
.panel,
.table-shell,
.drawer-demo,
.modal-demo {
  box-shadow: var(--ts-shadow-raised), var(--ts-shadow-inset);
}

.soft-raised,
.row-card,
.task-card,
.chart-card,
.swatch-card,
.site-card {
  box-shadow: var(--ts-shadow-small), var(--ts-shadow-inset);
}

.inset,
.field,
.well {
  border: 1px solid rgba(184, 196, 222, .9);
  background: linear-gradient(180deg, #f9fbff, #edf2fb);
  box-shadow: var(--ts-shadow-field);
}

.sidebar-main {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}

#sidebar-menu {
  flex: 1 1 auto;
  min-height: 0;
}

.sidebar-links {
  display: grid;
  gap: 7px;
  align-content: start;
  margin: 0;
  padding: 0 0 24px;
  list-style: none;
}

.left-arrow,
.right-arrow,
.taxsuite-sidebar-sentinel,
.mobile-back,
.back-btn {
  display: none !important;
}

.taxsuite-sidebar-brand,
.taxsuite-builder-sidebar-brand {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  min-height: 62px;
  padding: 10px;
  margin: 0 0 18px;
  border: 1px solid rgba(201, 210, 232, .8);
  border-radius: 22px;
  background: linear-gradient(180deg, #fbfdff, #eef3fc);
  box-shadow: var(--ts-shadow-small), var(--ts-shadow-inset);
  color: var(--ts-ink-strong);
}

.taxsuite-sidebar-brand-media,
.taxsuite-brand-tile,
.taxsuite-builder-brand-icon {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  min-width: 42px;
  border-radius: 16px;
  color: #fff;
  font-weight: 850;
  background: linear-gradient(180deg, #6693ff, #1358f4);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .42), 0 8px 18px rgba(47, 109, 246, .22);
  overflow: hidden;
}

.taxsuite-sidebar-brand-media.has-favicon,
.taxsuite-sidebar-brand-media.has-image-logo,
.taxsuite-builder-brand-icon.has-image {
  background: transparent;
  box-shadow: none;
  border-color: transparent;
  color: inherit;
}

.taxsuite-sidebar-brand:has(.taxsuite-sidebar-brand-media.has-image-logo) {
  grid-template-columns: minmax(0, 1fr);
}

.taxsuite-sidebar-brand-media.has-image-logo {
  width: 100%;
  min-width: 0;
  height: 44px;
  justify-items: start;
}

.taxsuite-sidebar-brand-media img,
.taxsuite-brand-tile img,
.taxsuite-builder-brand-icon img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.taxsuite-brand-name,
.taxsuite-builder-brand-title {
  display: block;
  min-width: 0;
  overflow: hidden;
  color: #58687f;
  font-size: .92rem;
  font-weight: 850;
  line-height: 1.1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.taxsuite-builder-brand-copy,
.taxsuite-sidebar-brand-copy {
  min-width: 0;
}

.taxsuite-builder-brand-meta,
.taxsuite-builder-domain-label,
.taxsuite-builder-domain-text,
.taxsuite-brand-name-text + span {
  display: block;
  margin-top: 3px;
  color: var(--ts-muted);
  font-size: .76rem;
  font-weight: 750;
  line-height: 1.25;
}

.taxsuite-builder-sidebar-group-label {
  margin: 12px 8px 4px;
  color: #9ca8ba;
  font-size: .72rem;
  font-weight: 850;
  letter-spacing: .1em;
  line-height: 1;
  text-transform: uppercase;
}

.sidebar-list {
  margin: 0;
  list-style: none;
}

.sidebar-link,
.taxsuite-submenu-link {
  min-height: 42px;
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  padding: 7px 9px;
  border: 1px solid transparent;
  border-radius: 16px;
  color: #66758c;
  font-size: .86rem;
  font-weight: 760;
  line-height: 1.2;
  text-decoration: none;
  transition: background .16s ease, border-color .16s ease, color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.sidebar-link:hover,
.taxsuite-submenu-link:hover,
.sidebar-link.active,
.sidebar-list.active > .sidebar-link,
.taxsuite-submenu-link.active {
  color: #315fce;
  background: linear-gradient(180deg, #f8fbff, #e8f0ff);
  border-color: rgba(177, 194, 235, .85);
  box-shadow: var(--ts-shadow-small), var(--ts-shadow-inset);
}

.taxsuite-sidebar-icon,
.sidebar-link > svg,
.sidebar-link .feather,
.taxsuite-sidebar-submenu-icon {
  width: 30px;
  height: 30px;
  min-width: 30px;
  padding: 6px;
  border: 1px solid rgba(201, 210, 232, .72);
  border-radius: 11px;
  background: linear-gradient(180deg, #ffffff, #eaf0fa);
  box-shadow: var(--ts-shadow-inset);
  color: #8795aa;
  stroke: currentColor;
}

.sidebar-link:hover svg,
.sidebar-link.active svg,
.sidebar-list.active > .sidebar-link svg,
.taxsuite-submenu-link:hover svg,
.taxsuite-submenu-link.active svg {
  color: #315fce;
  stroke: #315fce;
}

.sidebar-submenu {
  display: none;
  margin: 6px 0 8px 20px;
  padding: 0 0 0 12px;
  list-style: none;
  border-left: 1px solid rgba(196, 205, 229, .78);
}

.sidebar-submenu .taxsuite-submenu-link {
  grid-template-columns: 22px minmax(0, 1fr);
  min-height: 34px;
  padding: 5px 7px;
  font-size: .8rem;
}

.sidebar-submenu .taxsuite-sidebar-submenu-icon {
  width: 22px;
  height: 22px;
  min-width: 22px;
  padding: 4px;
  border-radius: 8px;
}

.taxsuite-header-lead {
  display: flex;
  align-items: center;
  min-width: 0;
  flex: 1 1 auto;
}

.page-header .taxsuite-global-back-bar {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.page-header .nav-right,
.page-header .nav-menus {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.taxsuite-global-search-item {
  position: relative;
  width: min(360px, 28vw);
  min-width: 250px;
}

.taxsuite-global-search,
.taxsuite-profile-shell,
.taxsuite-date-pill,
.taxsuite-builder-status-toggle-form,
.taxsuite-builder-sharepoint-link,
.taxsuite-global-back,
.return-btn,
.pill,
.chip,
.nav-chip,
.action-pill,
.btn {
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 1px solid var(--ts-line);
  border-radius: 999px;
  background: linear-gradient(180deg, var(--ts-surface-3), var(--ts-surface-2));
  box-shadow: var(--ts-shadow-small), var(--ts-shadow-inset);
  color: #65748b;
  font-size: .84rem;
  font-weight: 800;
  white-space: nowrap;
}

.taxsuite-global-search {
  width: 100%;
  justify-content: flex-start;
  padding: 0 12px;
}

.taxsuite-global-search input {
  width: 100%;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--ts-ink-strong);
  font-size: 13px;
  min-width: 0;
}

.taxsuite-global-search input::placeholder {
  color: #66758c;
  opacity: 1;
}

.taxsuite-global-search-results,
.taxsuite-profile-dropdown,
.profile-dropdown,
.dropdown-menu,
.popover,
[popover] {
  z-index: 1100;
  border: 1px solid var(--ts-line);
  border-radius: 20px;
  background: linear-gradient(180deg, rgba(255, 255, 255, .97), rgba(237, 242, 251, .96));
  box-shadow: var(--ts-shadow-raised), var(--ts-shadow-inset);
  color: var(--ts-ink);
}

.taxsuite-global-search-results {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  width: min(430px, 82vw);
  max-height: min(520px, calc(100vh - 110px));
  overflow: hidden auto;
  padding: 10px;
}

.taxsuite-global-search-results[hidden] { display: none; }

.taxsuite-global-search-result {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px;
  border-radius: 14px;
  color: var(--ts-ink-strong);
}

.taxsuite-global-search-result:hover,
.taxsuite-global-search-result.is-active {
  background: linear-gradient(180deg, #f8fbff, #e8f0ff);
  color: #315fce;
}

.taxsuite-profile-avatar {
  display: inline-grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: linear-gradient(180deg, #6693ff, #1358f4);
  color: #fff;
  font-weight: 850;
}

.btn,
button.btn,
.button,
.btn-like,
.action-button,
.toolbar-button,
.icon-btn,
.icon-button,
.row-action,
.table-action,
.taxsuite-pagination a,
.taxsuite-pagination button,
.page-link {
  min-height: 38px;
  border: 1px solid rgba(184, 196, 222, .9) !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #ffffff, #edf2fb) !important;
  box-shadow: var(--ts-shadow-small), var(--ts-shadow-inset) !important;
  color: #65748b !important;
  font-weight: 800 !important;
}

.btn:hover,
button.btn:hover,
.button:hover,
.btn-like:hover,
.action-button:hover,
.toolbar-button:hover,
.icon-btn:hover,
.icon-button:hover,
.row-action:hover,
.table-action:hover,
.taxsuite-pagination a:hover,
.taxsuite-pagination button:hover,
.page-link:hover {
  border-color: rgba(47, 109, 246, .32) !important;
  color: var(--ts-blue) !important;
  transform: translateY(-1px);
}

.btn-primary,
.btn.btn-primary,
.button.primary,
.btn.primary,
.action-button.primary,
.btn-primary:hover,
.btn.btn-primary:hover,
.button.primary:hover,
.btn.primary:hover,
.action-button.primary:hover,
.taxsuite-global-back,
.taxsuite-global-back:hover {
  border-color: rgba(47, 109, 246, .42) !important;
  background: linear-gradient(180deg, #6e95ff, var(--ts-blue-strong)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .34), 0 10px 22px rgba(47, 109, 246, .24) !important;
  color: #ffffff !important;
}

.btn-outline-primary,
.btn.btn-outline-primary,
.button.secondary,
.btn.secondary,
.action-button.secondary {
  background: linear-gradient(180deg, #ffffff, #edf2fb) !important;
  color: #315fce !important;
}

.btn-outline-primary:hover,
.btn.btn-outline-primary:hover,
.btn-outline-secondary:hover,
.btn.btn-outline-secondary:hover,
.button.secondary:hover,
.btn.secondary:hover,
.action-button.secondary:hover {
  border-color: rgba(47, 109, 246, .34) !important;
  background: linear-gradient(180deg, #f8fbff, #e5edff) !important;
  box-shadow: var(--ts-shadow-small), var(--ts-shadow-inset) !important;
  color: #234fb5 !important;
}

.btn-danger,
.btn.btn-danger,
.button.danger,
.btn.danger,
.action-button.danger {
  border-color: rgba(180, 35, 24, .32) !important;
  background: linear-gradient(180deg, #fff8f8, #ffe9e9) !important;
  color: var(--ts-danger) !important;
}

.card,
.panel,
.raised,
.soft-raised,
.row-card,
.table-shell,
.modal-demo,
.drawer-demo,
.chart-card,
.task-card,
.site-card,
.swatch-card,
.metric,
.taxsuite-dashboard-card,
.taxsuite-datatable-card,
.taxsuite-card,
.taxsuite-panel,
.taxsuite-shell-card,
.taxsuite-filter-card,
.taxsuite-toolbar-card,
.taxsuite-settings-card,
.taxsuite-form-card,
.taxsuite-summary-card,
.taxsuite-kpi-card,
.taxsuite-stat-card,
.taxsuite-page-section,
.taxsuite-list-card,
.taxsuite-detail-card,
.dashboard-card,
.dashboard-widget,
.settings-card,
.settings-panel,
.filter-card,
.filter-panel,
.data-card,
.data-panel,
.datatable-card,
.datatable-panel,
.list-card,
.detail-card,
.form-card,
.form-panel,
.upload-card,
.upload-panel,
.empty-card,
.empty-panel,
.timeline-card,
.timeline-panel,
.activity-card,
.activity-panel,
.task-board,
.kanban-board,
.invoice-card,
.billing-card,
.report-card,
.site-builder-dashboard .site-builder-card,
.site-builder-dashboard .site-settings-asset-card,
.site-builder-dashboard .site-resources-table-card,
.site-builder-dashboard .site-menu-card,
.site-builder-dashboard .site-template-builder-card,
.site-builder-dashboard .site-pages-table-card,
.page-body section[class$="-card"],
.page-body article[class$="-card"],
.page-body div[class$="-card"],
.page-body section[class*="-card "],
.page-body article[class*="-card "],
.page-body div[class*="-card "],
.page-body [class$="-panel"],
.page-body [class*="-panel "],
.page-body [class$="-pane"],
.page-body [class*="-pane "] {
  border: 1px solid var(--ts-line) !important;
  border-radius: var(--ts-radius-xl) !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, .92), rgba(237, 242, 251, .86)) !important;
  box-shadow: var(--ts-shadow-raised), var(--ts-shadow-inset) !important;
  color: var(--ts-ink) !important;
}

.page-body [class*="-card"] [class*="-card"],
.page-body [class*="-panel"] [class*="-card"],
.page-body [class*="-pane"] [class*="-card"],
.page-body .soft-raised {
  border-radius: var(--ts-radius-lg) !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, .74), rgba(237, 242, 251, .58)) !important;
  box-shadow: var(--ts-shadow-inset) !important;
}

.card-header,
.card-body,
.card-footer {
  background: transparent !important;
  border-color: rgba(196, 205, 229, .58) !important;
}

h1,
h2,
h3,
h4,
h5,
.page-title,
.site-builder-dashboard h3 {
  color: #4f6079 !important;
  letter-spacing: -.03em;
  font-weight: 850 !important;
}

.page-body .page-title {
  margin: 0 0 18px !important;
  padding: 0 !important;
  color: var(--ts-ink-strong) !important;
}

.page-body .page-title h1,
.page-body .page-title h2,
.page-body .page-title h3,
.page-body .page-title h4 {
  margin: 0 !important;
}

.page-body .page-title .row {
  align-items: end;
  row-gap: 12px;
}

.page-head,
.page-header-card,
.module-header,
.section-title,
.toolbar,
.taxsuite-toolbar,
.table-toolbar,
.datatable-toolbar,
.filter-toolbar,
.builder-toolbar,
.editor-toolbar,
.action-bar,
.save-bar {
  border: 1px solid var(--ts-line) !important;
  border-radius: var(--ts-radius-xl) !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, .88), rgba(237, 242, 251, .78)) !important;
  box-shadow: var(--ts-shadow-small), var(--ts-shadow-inset) !important;
  color: var(--ts-ink) !important;
}

.page-head,
.module-header,
.section-title {
  padding: 18px 20px !important;
}

.toolbar,
.taxsuite-toolbar,
.table-toolbar,
.datatable-toolbar,
.filter-toolbar,
.builder-toolbar,
.editor-toolbar,
.action-bar,
.save-bar {
  padding: 10px !important;
  gap: 10px !important;
}

p,
.text-muted,
.form-text,
small {
  color: var(--ts-muted) !important;
}

.form-control,
.form-select,
.input-group-text,
.field,
.search-field,
.filter-field,
.select-field,
.date-field,
.combobox,
.combobox-input,
input[type="text"],
input[type="search"],
input[type="url"],
input[type="number"],
input[type="email"],
input[type="password"],
textarea,
select {
  min-height: 38px;
  border: 1px solid rgba(184, 196, 222, .9) !important;
  border-radius: var(--ts-radius-md) !important;
  background: linear-gradient(180deg, #f9fbff, #edf2fb) !important;
  box-shadow: var(--ts-shadow-inset) !important;
  color: var(--ts-ink-strong) !important;
}

.input-group,
.search-shell,
.search-box,
.filter-search,
.toolbar-search,
.taxsuite-search-shell,
.taxsuite-filter-shell {
  border: 1px solid rgba(184, 196, 222, .9) !important;
  border-radius: var(--ts-radius-md) !important;
  background: linear-gradient(180deg, #f9fbff, #edf2fb) !important;
  box-shadow: var(--ts-shadow-field) !important;
  color: var(--ts-ink-strong) !important;
}

.form-label,
label,
.taxsuite-datatable-toolbar label,
[class*="-filter"] label {
  color: #52627b !important;
  font-weight: 800;
}

.form-check-input {
  border: 1px solid rgba(184, 196, 222, .95) !important;
  background-color: #edf2fb !important;
  box-shadow: var(--ts-shadow-inset) !important;
}

.form-check,
.radio-card,
.checkbox-card,
.toggle-card,
.option-card {
  color: var(--ts-ink) !important;
}

.form-check-input:checked {
  border-color: rgba(47, 109, 246, .56) !important;
  background-color: var(--ts-blue) !important;
}

.form-control:focus,
.form-select:focus,
input:focus,
textarea:focus,
select:focus {
  border-color: rgba(47, 109, 246, .58) !important;
  box-shadow: 0 0 0 4px rgba(47, 109, 246, .12), var(--ts-shadow-inset) !important;
  outline: none !important;
}

.table-responsive,
.taxsuite-datatable .table-responsive,
.table-shell,
.data-table-shell,
.datatable-shell,
.taxsuite-table-shell,
.list-table-shell {
  border: 1px solid var(--ts-line) !important;
  border-radius: 22px !important;
  overflow: auto;
  background: rgba(255, 255, 255, .46) !important;
  box-shadow: var(--ts-shadow-inset) !important;
}

.table,
.taxsuite-datatable,
.data-table,
.datatable,
.taxsuite-table,
.table-shell table,
.data-table-shell table,
.datatable-shell table,
table {
  color: var(--ts-ink-strong) !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  margin-bottom: 0;
}

.table thead th,
.taxsuite-datatable thead th,
.data-table thead th,
.datatable thead th,
.taxsuite-table thead th,
table thead th {
  background: linear-gradient(180deg, #f5f8ff, #e8eef9) !important;
  color: #7a879d !important;
  border: 0 !important;
  font-size: .72rem !important;
  font-weight: 850 !important;
  letter-spacing: .02em !important;
  padding: 14px 12px !important;
}

.table tbody td,
.taxsuite-datatable tbody td,
.data-table tbody td,
.datatable tbody td,
.taxsuite-table tbody td,
table tbody td {
  border-color: rgba(206, 216, 236, .72) !important;
  background: rgba(255, 255, 255, .56) !important;
  padding: 14px 12px !important;
  vertical-align: middle;
}

.table tbody tr:hover td,
.taxsuite-datatable tbody tr:hover td,
.data-table tbody tr:hover td,
.datatable tbody tr:hover td,
.taxsuite-table tbody tr:hover td,
table tbody tr:hover td {
  background: rgba(219, 232, 255, .42) !important;
}

.badge,
.status-pill,
.site-status-badge,
.chip,
.pill,
.status-chip,
.status-badge,
.tag,
.label-pill {
  border: 1px solid rgba(196, 205, 229, .74) !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #ffffff, #edf2fb) !important;
  box-shadow: var(--ts-shadow-inset) !important;
  color: #52627b !important;
  font-weight: 850 !important;
}

.badge.bg-success,
.status-pill.success,
.status-chip.success,
.badge-success {
  border-color: rgba(23, 185, 120, .28) !important;
  background: linear-gradient(180deg, #f5fff9, var(--ts-success-soft)) !important;
  color: #0b6d4c !important;
}

.badge.bg-warning,
.status-pill.warning,
.status-chip.warning,
.badge-warning {
  border-color: rgba(138, 97, 0, .22) !important;
  background: linear-gradient(180deg, #fffaf0, var(--ts-warning-soft)) !important;
  color: #755000 !important;
}

.badge.bg-danger,
.status-pill.danger,
.status-chip.danger,
.badge-danger {
  border-color: rgba(180, 35, 24, .24) !important;
  background: linear-gradient(180deg, #fff8f8, var(--ts-danger-soft)) !important;
  color: var(--ts-danger) !important;
}

.modal-content,
.offcanvas,
.site-template-settings-drawer,
.site-live-builder-drawer {
  border: 1px solid var(--ts-line) !important;
  border-radius: 28px !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, .97), rgba(237, 242, 251, .96)) !important;
  box-shadow: -12px -12px 28px rgba(255, 255, 255, .72), 20px 24px 54px rgba(140, 152, 190, .36) !important;
  color: var(--ts-ink) !important;
}

.modal-title,
.offcanvas-title {
  color: var(--ts-ink-strong) !important;
  font-weight: 850 !important;
}

.modal-header,
.modal-footer,
.offcanvas-header {
  border-color: rgba(196, 205, 229, .58) !important;
}

.alert,
.taxsuite-themed-empty-alert,
.taxsuite-datatable-empty,
[class*="-empty"] {
  border: 1px dashed rgba(184, 196, 222, .86) !important;
  border-radius: var(--ts-radius-lg) !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, .62), rgba(237, 242, 251, .62)) !important;
  color: #607089 !important;
}

.taxsuite-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 18px;
}

.taxsuite-datatable-pagination,
.dms-pagination,
.site-resources-pagination,
.website-pagination,
.client-directory-pagination,
.document-register-pagination,
.email-log-pagination,
.site-library-pagination,
.site-page-revisions-pagination,
.site-menu-library-pagination,
[class*="-pagination"] {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.taxsuite-page-status,
.taxsuite-datatable-page-status,
.taxsuite-datatable-total,
.site-pagination-status,
[class*="-page-status"],
[class*="-total"] {
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  border: 1px solid var(--ts-line);
  border-radius: 999px;
  background: linear-gradient(180deg, #ffffff, #edf2fb);
  box-shadow: var(--ts-shadow-inset);
  color: #52627b !important;
  padding: 6px 12px;
  font-size: 12px;
  font-weight: 850;
}

.taxsuite-module-content,
.client-directory-shell,
.forms-page-shell,
.cron-shell,
.dms-manager-layout,
.site-resources-layout,
.site-pages-layout,
.site-menu-manager-layout,
.global-settings-layout,
.settings-layout,
.security-layout,
.project-settings-layout,
.extension-settings-layout {
  min-width: 0;
  max-width: 100%;
}

.taxsuite-dashboard-footer {
  position: fixed;
  left: 16px;
  right: 16px;
  bottom: 8px;
  height: var(--taxsuite-footer-height, 46px);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #506077;
  font-size: 12px;
  font-weight: 750;
  background: transparent;
  pointer-events: none;
}

.taxsuite-version-badge,
.taxsuite-db-host-badge {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: auto;
  border: 1px solid var(--ts-line);
  border-radius: 999px;
  background: linear-gradient(180deg, #ffffff, #edf2fb);
  box-shadow: var(--ts-shadow-inset);
  color: #52627b;
  padding: 4px 9px;
  font-size: 11px;
  font-weight: 850;
}

.taxsuite-version-badge { left: 0; }
.taxsuite-db-host-badge { right: 0; }

.site-builder-dashboard {
  display: grid;
  gap: 16px;
  min-width: 0;
  max-width: 100%;
  overflow: visible;
}

.site-builder-dashboard > *,
.site-builder-dashboard > section {
  min-width: 0;
  max-width: 100%;
}

.site-builder-page-title {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: end !important;
  gap: 16px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.site-builder-page-title h3 {
  margin: 0 !important;
  font-size: 2rem !important;
}

.nav-tabs,
.site-builder-tabs,
.site-page-editor-tabs,
.site-redirect-tabs,
.site-template-media-mode,
.site-menu-library-tabs,
.tabs,
.segmented,
.segmented-control,
.tab-list,
.taxsuite-tabs,
.taxsuite-segmented {
  width: fit-content;
  padding: 8px;
  border: 1px solid var(--ts-line);
  border-radius: 24px;
  background: linear-gradient(180deg, #ffffff, #edf2fb);
  box-shadow: var(--ts-shadow-small), var(--ts-shadow-inset);
}

.nav-tabs .nav-link,
.site-builder-tab,
.site-page-editor-tab,
.site-redirect-tab,
.site-redirect-tab-button,
.site-template-media-mode button,
.site-menu-library-tab,
.tab,
.segment,
.segmented button,
.segmented-control button,
.tab-list a,
.taxsuite-tabs a,
.taxsuite-tabs button,
.taxsuite-segmented a,
.taxsuite-segmented button {
  min-height: 42px;
  border: 1px solid transparent !important;
  border-radius: 18px !important;
  background: transparent !important;
  color: #65748b !important;
  font-weight: 850 !important;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-link.is-active,
.site-builder-tab.active,
.site-builder-tab.is-active,
.site-page-editor-tab.active,
.site-page-editor-tab.is-active,
.site-redirect-tab.active,
.site-redirect-tab.is-active,
.site-redirect-tab-button.active,
.site-redirect-tab-button.is-active,
.site-template-media-mode button.active,
.site-template-media-mode button.is-active,
.site-menu-library-tab.active,
.site-menu-library-tab.is-active,
.tab.active,
.tab.is-active,
.segment.active,
.segment.is-active,
.segmented button.active,
.segmented button.is-active,
.segmented-control button.active,
.segmented-control button.is-active,
.tab-list a.active,
.tab-list a.is-active,
.taxsuite-tabs a.active,
.taxsuite-tabs a.is-active,
.taxsuite-tabs button.active,
.taxsuite-tabs button.is-active,
.taxsuite-segmented a.active,
.taxsuite-segmented a.is-active,
.taxsuite-segmented button.active,
.taxsuite-segmented button.is-active {
  border-color: rgba(47, 109, 246, .32) !important;
  background: linear-gradient(180deg, #6e95ff, var(--ts-blue-strong)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .34), 0 10px 22px rgba(47, 109, 246, .24) !important;
  color: #fff !important;
}

.site-template-canvas-item,
.site-menu-item-row,
.site-template-row,
.site-template-widget-card,
.site-live-builder-canvas-card {
  border: 1px solid rgba(196, 205, 229, .78) !important;
  border-radius: 22px !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, .86), rgba(237, 242, 251, .76)) !important;
  box-shadow: var(--ts-shadow-small), var(--ts-shadow-inset) !important;
}

.site-template-column,
.site-live-builder-slot {
  border: 1px dashed rgba(164, 174, 192, .72) !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, .46) !important;
}

/* Clay audit override layer for legacy module-local CSS. */
.taxsuite-dashboard-kpi,
.taxsuite-dashboard-workspace-card,
.client-directory-filter-card,
.client-directory-table-card,
.client-directory-filter-note,
.client-directory-table-wrap,
.client-directory-chip,
.client-directory-id,
.component-card,
.component-empty,
.component-nav,
.api-card,
.api-panel,
.cron-card,
.cron-panel,
.dms-manager-panel,
.dms-manager-card,
.document-register-card,
.form-builder-card,
.form-render-card,
.form-submission-card,
.firm-settings-card,
.global-settings-card,
.global-settings-pane,
.security-card,
.security-panel,
.log-card,
.log-panel,
.email-template-card,
.email-log-card,
.database-admin-card,
.project-card,
.extension-card,
.personalization-card,
.widget-catalog-card,
.website-list-card {
  border: 1px solid var(--ts-line) !important;
  border-radius: var(--ts-radius-xl) !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, .92), rgba(237, 242, 251, .86)) !important;
  box-shadow: var(--ts-shadow-raised), var(--ts-shadow-inset) !important;
  color: var(--ts-ink) !important;
  backdrop-filter: none !important;
}

.taxsuite-dashboard-kpi::before,
.client-directory-filter-card::before,
.client-directory-table-card::before {
  height: 0 !important;
  display: none !important;
}

.taxsuite-dashboard-kpi .card-body,
.taxsuite-dashboard-workspace-card .card-body,
.client-directory-filter-header,
.client-directory-filter-body,
.client-directory-table-header,
.client-directory-table-body,
.component-card,
.component-empty {
  background: transparent !important;
}

.taxsuite-kpi-icon,
.component-pill,
.client-directory-chip,
.client-directory-id,
.client-directory-status,
.client-directory-folder-chip,
.client-directory-employee-link {
  border: 1px solid rgba(196, 205, 229, .74) !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #ffffff, #edf2fb) !important;
  box-shadow: var(--ts-shadow-inset) !important;
  color: #52627b !important;
}

.taxsuite-kpi-icon {
  width: 48px;
  height: 48px;
  border-radius: 16px !important;
  color: var(--ts-blue) !important;
}

.taxsuite-kpi-value,
.client-directory-value,
.component-card h5,
.component-card h6 {
  color: var(--ts-ink-strong) !important;
}

.taxsuite-kpi-context,
.taxsuite-dashboard-workspace-badge,
.client-directory-chip::before,
.client-directory-filter-label::before {
  background: linear-gradient(180deg, #6e95ff, var(--ts-blue-strong)) !important;
  color: #fff !important;
}

.taxsuite-kpi-meta,
.client-directory-filter-header,
.client-directory-table-header {
  border-color: rgba(196, 205, 229, .58) !important;
}

.client-directory-table,
.client-directory-table tbody,
.client-directory-table tbody tr,
.client-directory-table tbody td,
.client-directory-table thead th {
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}

.client-directory-table tbody td {
  background: rgba(255, 255, 255, .56) !important;
  border-color: rgba(206, 216, 236, .72) !important;
}

.site-library-modal .modal-header,
.site-seo-modal .modal-header,
.site-page-ai-modal .modal-header,
.site-menu-set-modal .modal-header,
.site-redirect-modal .modal-header,
.site-template-settings-drawer .modal-header,
.site-live-builder-drawer .modal-header {
  border-color: rgba(196, 205, 229, .58) !important;
  background: transparent !important;
  color: var(--ts-ink-strong) !important;
}

.site-library-modal .modal-header h5.modal-title,
.site-library-modal .modal-title,
.site-seo-modal .modal-header h5.modal-title,
.site-seo-modal .modal-title,
.site-page-ai-modal .modal-title,
.site-menu-set-modal .modal-title,
.site-redirect-modal .modal-title {
  color: var(--ts-ink-strong) !important;
}

.site-library-modal .modal-body,
.site-library-modal .modal-footer,
.site-seo-modal .modal-body,
.site-seo-modal .modal-footer,
.site-page-ai-modal .modal-body,
.site-page-ai-modal .modal-footer {
  background: transparent !important;
}

.site-builder-dashboard [style*="background: #fff"],
.site-builder-dashboard [style*="background:#fff"],
.site-builder-dashboard [style*="background: #f8fafc"],
.site-builder-dashboard [style*="background:#f8fafc"] {
  background: linear-gradient(180deg, rgba(255, 255, 255, .74), rgba(237, 242, 251, .58)) !important;
}

body.taxsuite-is-live-builder {
  overflow: hidden !important;
}

body.taxsuite-is-live-builder .page-header,
body.taxsuite-is-live-builder .sidebar-wrapper,
body.taxsuite-is-live-builder .taxsuite-dashboard-footer {
  display: none !important;
}

body.taxsuite-is-live-builder #pageWrapper,
body.taxsuite-is-live-builder .page-wrapper,
body.taxsuite-is-live-builder .page-body-wrapper,
body.taxsuite-is-live-builder .page-body,
body.taxsuite-is-live-builder #taxsuite-ajax-content,
body.taxsuite-is-live-builder .site-builder-dashboard,
body.taxsuite-is-live-builder .site-live-builder-shell {
  left: 0 !important;
  right: auto !important;
  top: 0 !important;
  width: 100vw !important;
  max-width: 100vw !important;
  min-height: 100vh !important;
  height: 100vh !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
}

/* TaxSuite Clay UI Kit enforcement layer.
   This maps the approved UI kit component language onto existing routed pages
   and wins over older module-local Bootstrap/Cuba styling without changing
   controller behavior. */
body.light,
body[data-skin="clay"] {
  --taxsuite-clay-panel: linear-gradient(180deg, rgba(255,255,255,.94), rgba(237,242,251,.88));
  --taxsuite-clay-panel-soft: linear-gradient(180deg, rgba(255,255,255,.76), rgba(237,242,251,.62));
  --taxsuite-clay-field: linear-gradient(180deg, #f9fbff, #edf2fb);
  --taxsuite-clay-blue: #2f6df6;
  --taxsuite-clay-blue-strong: #145bff;
  --taxsuite-clay-text: #4e5d76;
  --taxsuite-clay-heading: #37465f;
  --taxsuite-clay-muted: #8794aa;
  --taxsuite-clay-line: rgba(196,205,229,.78);
}

body.light .page-body,
body.light #taxsuite-ajax-content,
body.light .taxsuite-module-content,
body.light .site-builder-dashboard {
  color: var(--taxsuite-clay-text) !important;
}

body.light .page-body > .container-fluid,
body.light .page-body > .container,
body.light #taxsuite-ajax-content > .container-fluid,
body.light #taxsuite-ajax-content > .container {
  padding-left: 0 !important;
  padding-right: 0 !important;
  max-width: none !important;
}

body.light .page-body .row {
  --bs-gutter-x: 16px;
  --bs-gutter-y: 16px;
}

body.light .card:not(.taxsuite-no-clay),
body.light .card .card:not(.taxsuite-no-clay),
body.light .taxsuite-datatable-card,
body.light .taxsuite-settings-panel > .card,
body.light .taxsuite-settings-nav > .card,
body.light .taxsuite-dashboard-workspace-card,
body.light .taxsuite-dashboard-kpi,
body.light .client-directory-filter-card,
body.light .client-directory-table-card,
body.light .site-builder-dashboard .modal-content,
body.light .taxsuite-ui-kit-hero,
body.light .taxsuite-ui-kit-pane,
body.light .taxsuite-ui-kit-preview,
body.light .taxsuite-ui-kit-code {
  border: 1px solid var(--taxsuite-clay-line) !important;
  border-radius: 28px !important;
  background: var(--taxsuite-clay-panel) !important;
  box-shadow: var(--shadow-raised), var(--shadow-inset) !important;
  color: var(--taxsuite-clay-text) !important;
}

body.light .card .card,
body.light .taxsuite-settings-nav .list-group-item,
body.light .taxsuite-settings-panel .list-group-item,
body.light .taxsuite-datatable-toolbar,
body.light .taxsuite-filter-card,
body.light .site-builder-dashboard .site-builder-card,
body.light .site-builder-dashboard .site-template-canvas-item,
body.light .site-builder-dashboard .site-template-widget-card,
body.light .site-builder-dashboard .site-menu-item-row,
body.light .site-builder-dashboard .site-live-builder-canvas-card,
body.light .site-builder-dashboard .site-page-editor-card,
body.light .site-builder-dashboard .site-seo-card,
body.light .site-builder-dashboard .site-social-card,
body.light .taxsuite-ui-kit-component-link {
  border: 1px solid var(--taxsuite-clay-line) !important;
  border-radius: 20px !important;
  background: var(--taxsuite-clay-panel-soft) !important;
  box-shadow: var(--shadow-small), var(--shadow-inset) !important;
  color: var(--taxsuite-clay-text) !important;
}

body.light .card-header,
body.light .card-footer,
body.light .modal-header,
body.light .modal-footer,
body.light .taxsuite-datatable-toolbar,
body.light .taxsuite-ui-kit-preview-head {
  border-color: rgba(196,205,229,.58) !important;
  background: transparent !important;
}

body.light .card-header h1,
body.light .card-header h2,
body.light .card-header h3,
body.light .card-header h4,
body.light .card-header h5,
body.light .card-header h6,
body.light .modal-title,
body.light .page-title h1,
body.light .page-title h2,
body.light .page-title h3,
body.light .site-builder-page-title h3,
body.light .taxsuite-datatable-toolbar-title h5 {
  color: var(--taxsuite-clay-heading) !important;
  font-weight: 850 !important;
  letter-spacing: -.03em !important;
}

body.light .card-header span,
body.light .card-header p,
body.light .taxsuite-datatable-toolbar-title span,
body.light .taxsuite-settings-nav .text-muted,
body.light .taxsuite-settings-panel .text-muted {
  color: var(--taxsuite-clay-muted) !important;
}

body.light .btn,
body.light button.btn,
body.light .taxsuite-card-action-btn,
body.light .taxsuite-datatable-toolbar-action,
body.light .taxsuite-inline-icon-btn,
body.light .taxsuite-table-action,
body.light .site-builder-dashboard button,
body.light .site-builder-dashboard .btn,
body.light .taxsuite-ui-kit-pill,
body.light .taxsuite-ui-kit-filter a {
  min-height: 38px;
  border: 1px solid rgba(184,196,222,.9) !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #ffffff, #edf2fb) !important;
  box-shadow: var(--shadow-small), var(--shadow-inset) !important;
  color: #65748b !important;
  font-weight: 850 !important;
}

body.light .btn:hover,
body.light button.btn:hover,
body.light .taxsuite-card-action-btn:hover,
body.light .taxsuite-datatable-toolbar-action:hover,
body.light .taxsuite-inline-icon-btn:hover,
body.light .taxsuite-table-action:hover,
body.light .site-builder-dashboard button:hover,
body.light .site-builder-dashboard .btn:hover,
body.light .taxsuite-ui-kit-filter a:hover {
  border-color: rgba(47,109,246,.34) !important;
  background: linear-gradient(180deg, #f8fbff, #e5edff) !important;
  color: #234fb5 !important;
}

body.light .btn-primary,
body.light .btn.btn-primary,
body.light .taxsuite-datatable-toolbar-action.btn-primary,
body.light .site-builder-dashboard .btn-primary,
body.light .taxsuite-ui-kit-filter a.is-active,
body.light .taxsuite-ui-kit-component-link.is-active {
  border-color: rgba(47,109,246,.42) !important;
  background: linear-gradient(180deg, #6e95ff, var(--taxsuite-clay-blue-strong)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.34), 0 10px 22px rgba(47,109,246,.24) !important;
  color: #ffffff !important;
}

body.light .btn-danger,
body.light .btn.btn-danger,
body.light .btn-outline-danger {
  border-color: rgba(180,35,24,.28) !important;
  background: linear-gradient(180deg, #fff8f8, #ffe9e9) !important;
  color: #b42318 !important;
}

body.light .form-control,
body.light .form-select,
body.light textarea.form-control,
body.light .input-group-text,
body.light .select2-container .select2-selection,
body.light .taxsuite-search-control,
body.light .taxsuite-datatable-toolbar .form-control,
body.light .taxsuite-datatable-toolbar .form-select {
  min-height: 40px;
  border: 1px solid rgba(184,196,222,.9) !important;
  border-radius: 14px !important;
  background: var(--taxsuite-clay-field) !important;
  box-shadow: var(--shadow-field) !important;
  color: var(--taxsuite-clay-heading) !important;
}

body.light .form-control:focus,
body.light .form-select:focus,
body.light textarea.form-control:focus,
body.light .select2-container--focus .select2-selection {
  border-color: rgba(47,109,246,.56) !important;
  box-shadow: 0 0 0 4px rgba(47,109,246,.12), var(--shadow-field) !important;
  outline: none !important;
}

body.light .form-control::placeholder,
body.light textarea.form-control::placeholder {
  color: #8b98ad !important;
  opacity: 1;
}

body.light .page-header .taxsuite-global-search-item,
body[data-skin="clay"] .page-header .taxsuite-global-search-item {
  flex: 0 1 330px !important;
  width: clamp(250px, 24vw, 330px) !important;
  min-width: 250px !important;
  max-width: 330px !important;
  align-items: center !important;
}

body.light .page-header .taxsuite-global-search,
body[data-skin="clay"] .page-header .taxsuite-global-search {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  width: 100% !important;
  height: 42px !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 0 12px !important;
  border: 1px solid rgba(184,196,222,.92) !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #f9fbff, #edf2fb) !important;
  box-shadow: var(--shadow-field) !important;
  color: var(--taxsuite-clay-heading) !important;
}

body.light .page-header .taxsuite-global-search:focus-within,
body[data-skin="clay"] .page-header .taxsuite-global-search:focus-within {
  border-color: rgba(47,109,246,.46) !important;
  box-shadow: 0 0 0 4px rgba(47,109,246,.10), var(--shadow-field) !important;
}

body.light .page-header .taxsuite-global-search svg,
body[data-skin="clay"] .page-header .taxsuite-global-search svg {
  width: 16px !important;
  height: 16px !important;
  flex: 0 0 16px !important;
  color: #70819c !important;
  stroke-width: 2 !important;
}

body.light .page-header .taxsuite-global-search input,
body[data-skin="clay"] .page-header .taxsuite-global-search input {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--taxsuite-clay-heading) !important;
  font-size: 13px !important;
  font-weight: 750 !important;
  line-height: 1.2 !important;
}

body.light .page-header .taxsuite-global-search input::placeholder,
body[data-skin="clay"] .page-header .taxsuite-global-search input::placeholder {
  color: #7b8aa3 !important;
  opacity: 1 !important;
}

body.light .page-header .taxsuite-global-search-clear,
body[data-skin="clay"] .page-header .taxsuite-global-search-clear {
  flex: 0 0 24px !important;
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  min-height: 24px !important;
  padding: 0 !important;
  border: 1px solid rgba(184,196,222,.78) !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #f8fbff, #e8eef9) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.78) !important;
  color: #53647d !important;
  font-size: 17px !important;
  font-weight: 700 !important;
}

body.light .page-header .taxsuite-global-search-clear:hover,
body[data-skin="clay"] .page-header .taxsuite-global-search-clear:hover {
  border-color: rgba(47,109,246,.36) !important;
  background: linear-gradient(180deg, #eef4ff, #dce7fb) !important;
  color: #315fce !important;
}

body.light .page-header .taxsuite-global-search-results,
body[data-skin="clay"] .page-header .taxsuite-global-search-results {
  z-index: 1400 !important;
  top: calc(100% + 12px) !important;
  right: 0 !important;
  width: min(430px, calc(100vw - 32px)) !important;
  border-radius: 20px !important;
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(239,244,252,.98)) !important;
  box-shadow: var(--shadow-raised) !important;
}

body.light .site-template-widget-picker .site-template-picker-card,
body[data-skin="clay"] .site-template-widget-picker .site-template-picker-card {
  display: grid !important;
  align-content: start !important;
  gap: 10px !important;
  width: 100% !important;
  min-height: 150px !important;
  padding: 16px !important;
  border: 1px solid rgba(196,205,229,.86) !important;
  border-radius: 22px !important;
  background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(238,243,252,.86)) !important;
  box-shadow: var(--shadow-small), var(--shadow-inset) !important;
  color: var(--taxsuite-clay-heading) !important;
  text-align: left !important;
}

body.light .site-template-widget-picker .site-template-picker-card:hover,
body.light .site-template-widget-picker .site-template-picker-card:focus,
body[data-skin="clay"] .site-template-widget-picker .site-template-picker-card:hover,
body[data-skin="clay"] .site-template-widget-picker .site-template-picker-card:focus {
  border-color: rgba(47,109,246,.42) !important;
  box-shadow: 0 18px 34px rgba(47,109,246,.14), 0 0 0 3px rgba(47,109,246,.10), var(--shadow-inset) !important;
  outline: none !important;
}

body.light .site-template-widget-picker .site-template-picker-card.is-layout,
body[data-skin="clay"] .site-template-widget-picker .site-template-picker-card.is-layout {
  min-height: 100px !important;
}

body.light .site-template-widget-picker .site-template-picker-card strong,
body[data-skin="clay"] .site-template-widget-picker .site-template-picker-card strong {
  color: var(--taxsuite-clay-heading) !important;
}

body.light .site-template-widget-picker .site-template-picker-card > span:not(.site-template-widget-button-top),
body.light .site-template-widget-picker .site-template-picker-card small,
body[data-skin="clay"] .site-template-widget-picker .site-template-picker-card > span:not(.site-template-widget-button-top),
body[data-skin="clay"] .site-template-widget-picker .site-template-picker-card small {
  color: var(--taxsuite-clay-muted) !important;
}

body.light .form-label,
body.light label,
body.light .taxsuite-filter-label,
body.light .taxsuite-datatable-toolbar label {
  color: #52627b !important;
  font-weight: 850 !important;
}

body.light .table-responsive,
body.light .taxsuite-datatable .table-responsive,
body.light .taxsuite-table-wrap,
body.light .client-directory-table-wrap,
body.light .module-manager-table-wrap {
  border: 1px solid var(--taxsuite-clay-line) !important;
  border-radius: 22px !important;
  background: rgba(255,255,255,.46) !important;
  box-shadow: var(--shadow-field) !important;
  overflow: auto !important;
}

body.light table.table,
body.light .taxsuite-datatable table,
body.light .module-manager-table,
body.light .client-directory-table {
  border-collapse: separate !important;
  border-spacing: 0 !important;
  color: var(--taxsuite-clay-heading) !important;
}

body.light table.table thead th,
body.light .taxsuite-datatable table thead th,
body.light .module-manager-table thead th,
body.light .client-directory-table thead th {
  background: linear-gradient(180deg, #f5f8ff, #e8eef9) !important;
  color: #7a879d !important;
  border-color: rgba(196,205,229,.44) !important;
  font-size: .72rem !important;
  font-weight: 900 !important;
  letter-spacing: .02em !important;
}

body.light table.table tbody td,
body.light .taxsuite-datatable table tbody td,
body.light .module-manager-table tbody td,
body.light .client-directory-table tbody td {
  background: rgba(255,255,255,.56) !important;
  border-color: rgba(206,216,236,.72) !important;
  color: var(--taxsuite-clay-heading) !important;
}

body.light table.table tbody tr:hover td,
body.light .taxsuite-datatable table tbody tr:hover td,
body.light .module-manager-table tbody tr:hover td,
body.light .client-directory-table tbody tr:hover td {
  background: rgba(219,232,255,.42) !important;
}

body.light .taxsuite-datatable-pagination,
body.light .taxsuite-pagination,
body.light .pagination,
body.light .dms-pagination,
body.light .site-resources-pagination,
body.light .website-pagination,
body.light .client-directory-pagination,
body.light .document-register-pagination,
body.light .email-log-pagination,
body.light .site-library-pagination,
body.light .site-page-revisions-pagination,
body.light .site-menu-library-pagination {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 8px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.light .taxsuite-datatable-page-status,
body.light .taxsuite-datatable-total,
body.light .taxsuite-datatable-jump,
body.light .taxsuite-datatable-page-size,
body.light .taxsuite-page-status,
body.light .taxsuite-page-jump,
body.light .site-pagination-status,
body.light .pagination .page-item .page-link {
  border: 1px solid rgba(184,196,222,.9) !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #ffffff, #edf2fb) !important;
  box-shadow: var(--shadow-small), var(--shadow-inset) !important;
  color: #65748b !important;
  font-weight: 850 !important;
}

body.light .badge,
body.light .employee-id-pill,
body.light .status-pill,
body.light .site-status-badge,
body.light .chip,
body.light .label-pill,
body.light code {
  border: 1px solid rgba(196,205,229,.74) !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #ffffff, #edf2fb) !important;
  box-shadow: var(--shadow-inset) !important;
  color: #52627b !important;
  font-weight: 850 !important;
}

body.light .modal-dialog {
  filter: none !important;
}

body.light .modal-backdrop {
  background: rgba(68,80,105,.42) !important;
  backdrop-filter: blur(2px);
}

body.light .modal-content,
body.light .offcanvas,
body.light .site-template-settings-drawer,
body.light .site-live-builder-drawer {
  border: 1px solid var(--taxsuite-clay-line) !important;
  border-radius: 28px !important;
  background: linear-gradient(180deg, rgba(255,255,255,.97), rgba(237,242,251,.96)) !important;
  box-shadow: -12px -12px 28px rgba(255,255,255,.72), 20px 24px 54px rgba(140,152,190,.36) !important;
  color: var(--taxsuite-clay-text) !important;
}

body.light .alert,
body.light .taxsuite-themed-empty-alert,
body.light .taxsuite-datatable-empty,
body.light .empty-state,
body.light [class*="-empty"] {
  border: 1px dashed rgba(184,196,222,.86) !important;
  border-radius: 20px !important;
  background: linear-gradient(180deg, rgba(255,255,255,.62), rgba(237,242,251,.62)) !important;
  color: #607089 !important;
}

body.light .nav-tabs,
body.light .taxsuite-tabs,
body.light .site-page-editor-tabs,
body.light .site-redirect-tabs,
body.light .site-builder-tabs,
body.light .site-template-media-mode,
body.light .site-menu-library-tabs,
body.light .segmented,
body.light .segmented-control {
  width: fit-content;
  padding: 8px !important;
  border: 1px solid var(--taxsuite-clay-line) !important;
  border-radius: 24px !important;
  background: linear-gradient(180deg, #ffffff, #edf2fb) !important;
  box-shadow: var(--shadow-small), var(--shadow-inset) !important;
}

body.light .nav-tabs .nav-link,
body.light .taxsuite-tabs a,
body.light .taxsuite-tabs button,
body.light .site-page-editor-tab,
body.light .site-redirect-tab,
body.light .site-redirect-tab-button,
body.light .site-builder-tab,
body.light .site-template-media-mode button,
body.light .site-menu-library-tab,
body.light .tab,
body.light .segment,
body.light .segmented button,
body.light .segmented-control button {
  min-height: 42px;
  border-radius: 18px !important;
  border: 1px solid transparent !important;
  background: transparent !important;
  color: #65748b !important;
  font-weight: 850 !important;
}

body.light .nav-tabs .nav-link.active,
body.light .nav-tabs .nav-link.is-active,
body.light .taxsuite-tabs a.active,
body.light .taxsuite-tabs a.is-active,
body.light .taxsuite-tabs button.active,
body.light .taxsuite-tabs button.is-active,
body.light .site-page-editor-tab.active,
body.light .site-page-editor-tab.is-active,
body.light .site-redirect-tab.active,
body.light .site-redirect-tab.is-active,
body.light .site-redirect-tab-button.active,
body.light .site-redirect-tab-button.is-active,
body.light .site-builder-tab.active,
body.light .site-builder-tab.is-active,
body.light .site-template-media-mode button.active,
body.light .site-template-media-mode button.is-active,
body.light .site-menu-library-tab.active,
body.light .site-menu-library-tab.is-active,
body.light .tab.active,
body.light .tab.is-active,
body.light .segment.active,
body.light .segment.is-active,
body.light .segmented button.active,
body.light .segmented button.is-active,
body.light .segmented-control button.active,
body.light .segmented-control button.is-active {
  border-color: rgba(47,109,246,.32) !important;
  background: linear-gradient(180deg, #6e95ff, var(--taxsuite-clay-blue-strong)) !important;
  color: #fff !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.34), 0 10px 22px rgba(47,109,246,.24) !important;
}

body.light .site-builder-dashboard .site-builder-page-title,
body.light .site-builder-dashboard .site-builder-page-header,
body.light .site-builder-dashboard .site-live-builder-topbar,
body.light .site-builder-dashboard .site-live-builder-toolbar,
body.light .site-builder-dashboard .site-template-builder-card-header,
body.light .site-builder-dashboard .site-template-builder-header-actions {
  gap: 12px !important;
}

body.light .site-live-builder-canvas,
body.light .site-live-builder-stage,
body.light .site-live-builder-frame {
  background:
    radial-gradient(circle at 0 0, rgba(255,255,255,.95), transparent 30%),
    linear-gradient(180deg, var(--page-top), var(--page-bottom)) !important;
}

body.light .site-live-builder-widget-actions,
body.light .site-live-builder-row-actions,
body.light .site-template-widget-actions,
body.light .site-template-row-actions {
  z-index: 50 !important;
}

/* Runtime shell correction.
   The legacy dashboard layout offsets the scroll container for the header,
   while the Clay shell offsets the content inside it. Keep only the Clay
   content offset so pages do not open with a dead band under the topbar. */
body.light .page-wrapper .page-body-wrapper,
body[data-skin="clay"] .page-wrapper .page-body-wrapper {
  margin-top: 0 !important;
  height: calc(var(--taxsuite-system-zoom-min-height, 100vh) - var(--taxsuite-footer-height, 46px) - var(--taxsuite-footer-gap, 10px) - 32px) !important;
  min-height: calc(var(--taxsuite-system-zoom-min-height, 100vh) - var(--taxsuite-footer-height, 46px) - var(--taxsuite-footer-gap, 10px) - 32px) !important;
}

body.light .page-wrapper.compact-wrapper .page-body-wrapper .page-body,
body[data-skin="clay"] .page-wrapper.compact-wrapper .page-body-wrapper .page-body {
  padding-top: 94px !important;
  min-height: calc(var(--taxsuite-system-zoom-min-height, 100vh) - var(--taxsuite-footer-height, 46px) - var(--taxsuite-footer-gap, 10px) - 32px) !important;
}

body.light .taxsuite-module-content,
body[data-skin="clay"] .taxsuite-module-content,
body.light #taxsuite-ajax-content,
body[data-skin="clay"] #taxsuite-ajax-content {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.light .page-body > .taxsuite-module-content,
body[data-skin="clay"] .page-body > .taxsuite-module-content {
  padding-top: 0 !important;
}

body.light .employee-lookup-input-wrap,
body[data-skin="clay"] .employee-lookup-input-wrap {
  align-items: center !important;
  gap: 8px !important;
  min-height: 44px !important;
  padding: 7px 10px !important;
  border: 1px solid rgba(184, 196, 222, .9) !important;
  border-radius: 14px !important;
  background: var(--taxsuite-clay-field) !important;
  box-shadow: var(--shadow-field) !important;
}

body.light .employee-lookup-input-wrap input[type="search"],
body[data-skin="clay"] .employee-lookup-input-wrap input[type="search"] {
  flex: 1 1 120px !important;
  min-width: 0 !important;
  min-height: 28px !important;
  height: 28px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

@media (max-width: 1199.98px) {
  .page-wrapper .page-header {
    left: 16px;
    right: 16px;
  }

  .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper {
    transform: translateX(calc(-100% - 22px));
    transition: transform .18s ease;
  }

  body.taxsuite-sidebar-open .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper {
    transform: translateX(0);
  }

  .page-wrapper.compact-wrapper .page-body-wrapper .page-body {
    margin-left: 0;
  }

  .taxsuite-header-lead {
    display: none;
  }
}

@media (max-width: 767.98px) {
  .page-wrapper {
    padding: 10px 10px calc(var(--taxsuite-footer-height, 46px) + 12px);
  }

  .page-wrapper .page-header {
    top: 10px;
    left: 10px;
    right: 10px;
  }

  .page-wrapper .page-header .header-wrapper {
    min-height: 62px;
    border-radius: 22px;
    padding: 8px;
  }

  .taxsuite-global-search-item {
    display: none;
  }

  .page-wrapper.compact-wrapper .page-body-wrapper .page-body {
    padding-top: 78px;
  }

  .site-builder-page-title,
  .card-header,
  .page-header .nav-menus {
    grid-template-columns: 1fr !important;
    align-items: stretch !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
}