/* TaxSuite Component Canvas — framework-level UI system. */
:root { color-scheme: light; }
html, body { min-height: 100%; margin: 0; background: var(--mud-palette-background); color: var(--mud-palette-text-primary); font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
*, *::before, *::after { box-sizing: border-box; }
::selection { background: color-mix(in srgb, var(--mud-palette-primary) 26%, transparent); color: var(--mud-palette-text-primary); }
:focus-visible { outline: 3px solid color-mix(in srgb, var(--mud-palette-primary) 55%, transparent); outline-offset: 2px; }

/* Workspace shell */
.taxsuite-shell { --ts-line: color-mix(in srgb, var(--mud-palette-text-primary) 11%, transparent); --ts-soft: color-mix(in srgb, var(--mud-palette-primary) 6%, var(--mud-palette-background)); --ts-tint: color-mix(in srgb, var(--mud-palette-primary) 10%, var(--mud-palette-surface)); --ts-shadow: 0 16px 42px color-mix(in srgb, var(--mud-palette-primary) 12%, transparent); }
.taxsuite-shell--loading { visibility: hidden; }
.taxsuite-appbar { min-height: 64px !important; border-bottom: 1px solid color-mix(in srgb, var(--mud-palette-primary) 18%, transparent); box-shadow: 0 6px 24px color-mix(in srgb, var(--mud-palette-primary) 16%, transparent) !important; }
.taxsuite-appbar .mud-icon-root, .taxsuite-appbar .mud-typography, .appbar-account, .appbar-title { color: var(--taxsuite-header-font, var(--mud-palette-primary-text)) !important; }
.appbar-title { font-weight: 800 !important; letter-spacing: -.025em; }.appbar-welcome-trigger { min-height: 42px !important; padding: 4px 10px !important; color: inherit !important; text-transform: none !important; }.appbar-account-copy { display: grid; gap: 1px; text-align: right; }.appbar-display-name { font-size: .83rem; font-weight: 750; }.appbar-role-name { opacity: .76; font-size: .68rem; }.appbar-account-card { min-width: 175px; padding: 5px !important; border-radius: 12px !important; }
.taxsuite-drawer { --mud-drawer-width-left: 272px; width: 272px !important; border-right: 1px solid var(--ts-line) !important; background: var(--mud-palette-surface) !important; box-shadow: 8px 0 30px color-mix(in srgb, var(--mud-palette-primary) 8%, transparent) !important; }.taxsuite-drawer .mud-drawer-content { overflow-x: hidden; }
.sidebar-navigation { width: 100%; padding: 16px 12px 28px; color: var(--taxsuite-sidebar-font, var(--mud-palette-text-primary)); }.sidebar-navigation > .mud-divider { margin: 14px 6px !important; border-color: var(--ts-line) !important; }.sidebar-section-header { display: block; margin: 24px 12px 8px; color: color-mix(in srgb, var(--taxsuite-sidebar-font, var(--mud-palette-text-primary)) 60%, transparent); font-size: .66rem; font-weight: 800; letter-spacing: .08em; line-height: 1.35; text-transform: uppercase; }
.sidebar-link, details.sidebar-group > summary { display: flex; align-items: center; width: 100%; min-height: 44px; gap: 12px; margin: 2px 0; padding: 0 12px; border: 0; border-radius: 10px; background: transparent; color: var(--taxsuite-sidebar-font, var(--mud-palette-text-primary)); font: inherit; font-size: .87rem; line-height: 1.2; text-align: left; text-decoration: none; transition: background .16s ease, color .16s ease; }.sidebar-link .mud-icon-root, details.sidebar-group > summary .mud-icon-root { flex: 0 0 auto; color: currentColor; font-size: 1.15rem; }.sidebar-link:hover, details.sidebar-group > summary:hover { background: color-mix(in srgb, var(--mud-palette-primary) 8%, transparent); color: var(--mud-palette-primary); }.sidebar-link.active { background: color-mix(in srgb, var(--mud-palette-primary) 14%, transparent); color: var(--mud-palette-primary); font-weight: 750; }
details.sidebar-group { display: block; margin: 3px 0; } details.sidebar-group > summary { position: relative; cursor: pointer; font-weight: 650; list-style: none; } details.sidebar-group > summary::-webkit-details-marker { display: none; } details.sidebar-group > summary::after { width: 7px; height: 7px; margin-left: auto; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; content: ""; opacity: .72; transform: rotate(45deg) translateY(-2px); transition: transform .16s ease; } details.sidebar-group[open] > summary { background: color-mix(in srgb, var(--mud-palette-primary) 8%, transparent); color: var(--mud-palette-primary); } details.sidebar-group[open] > summary::after { transform: rotate(225deg) translate(-2px, -2px); } details.sidebar-group .sidebar-link { width: calc(100% - 14px); min-height: 38px; margin-left: 14px; padding-left: 14px; border-radius: 8px; font-size: .81rem; }.sidebar-link-nested .mud-icon-root { font-size: 1rem; }
.taxsuite-main { display: flex; flex-direction: column; min-height: 100vh; padding: 88px 32px 26px !important; background: var(--taxsuite-app-background, var(--mud-palette-background)); }.app-page-content { flex: 1 0 auto; width: 100%; max-width: 1540px; margin: 0 auto; }.app-footer { flex: 0 0 auto; display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 12px; width: 100%; max-width: 1540px; margin: 34px auto 0; padding: 16px 0 2px; border-top: 1px solid var(--ts-line); color: var(--taxsuite-footer-font, var(--mud-palette-text-secondary)); font-size: .74rem; }.app-footer strong, .app-footer code { color: inherit; }.app-footer code { font: .72rem ui-monospace, SFMono-Regular, Consolas, monospace; }

/* Core MudBlazor building blocks */
.taxsuite-main, .taxsuite-main .mud-typography, .taxsuite-main .mud-input, .taxsuite-main .mud-input-label, .taxsuite-main .mud-button-root, .taxsuite-main .mud-tab { color: var(--mud-palette-text-primary); }.mud-typography { color: inherit; }.mud-typography-h4, h1, h2, h3 { color: var(--mud-palette-text-primary); letter-spacing: -.035em; }.mud-typography-h4 { font-weight: 780 !important; }.taxsuite-main .mud-typography-color-primary, .taxsuite-main .mud-typography-color-secondary, .taxsuite-main .mud-typography-color-success, .taxsuite-main .mud-typography-color-warning, .taxsuite-main .mud-typography-color-error, .taxsuite-main .mud-typography-color-info { color: var(--mud-palette-text-primary) !important; }
.mud-paper { border: 1px solid var(--ts-line); border-radius: 14px !important; background: var(--mud-palette-surface) !important; box-shadow: none !important; }.mud-paper.mud-elevation-1, .mud-paper.mud-elevation-2, .mud-paper.mud-elevation-8, .mud-dialog { box-shadow: var(--ts-shadow) !important; }.mud-dialog { overflow: hidden; border: 1px solid var(--ts-line); border-radius: 16px !important; }
.mud-button-root { min-height: 38px; border-radius: 9px !important; font-size: .82rem !important; font-weight: 750 !important; letter-spacing: 0 !important; text-transform: none !important; }.taxsuite-main .mud-button-filled { background: var(--mud-palette-primary) !important; box-shadow: 0 7px 16px color-mix(in srgb, var(--mud-palette-primary) 20%, transparent) !important; color: var(--mud-palette-text-primary) !important; }.taxsuite-main .mud-button-outlined { border-color: color-mix(in srgb, var(--mud-palette-primary) 35%, transparent) !important; color: var(--mud-palette-text-primary) !important; }.mud-icon-button { border-radius: 9px !important; }.mud-icon-button:hover { background: var(--taxsuite-component-surface) !important; }
.mud-input-control { margin-top: 5px; }.mud-input-label { font-size: .76rem !important; font-weight: 700 !important; }.mud-input { color: var(--mud-palette-text-primary) !important; }.taxsuite-main .mud-input-slot, .taxsuite-main input.mud-input-slot, .taxsuite-main textarea.mud-input-slot { color: var(--mud-palette-text-primary) !important; -webkit-text-fill-color: var(--mud-palette-text-primary) !important; caret-color: var(--mud-palette-text-primary); opacity: 1 !important; }.taxsuite-main .mud-input-slot::placeholder, .taxsuite-main input.mud-input-slot::placeholder, .taxsuite-main textarea.mud-input-slot::placeholder { color: color-mix(in srgb, var(--mud-palette-text-primary) 58%, var(--mud-palette-surface)) !important; -webkit-text-fill-color: color-mix(in srgb, var(--mud-palette-text-primary) 58%, var(--mud-palette-surface)) !important; opacity: 1; }.mud-input-outlined-border { border-color: color-mix(in srgb, var(--mud-palette-text-primary) 22%, transparent) !important; }.mud-input-control:focus-within .mud-input-outlined-border { border-color: var(--mud-palette-primary) !important; }.mud-input-slot { min-height: 42px !important; }.mud-divider { border-color: var(--ts-line) !important; }.mud-chip { border-radius: 999px !important; font-size: .72rem !important; font-weight: 750 !important; }.mud-checkbox { margin: 0 !important; }.mud-snackbar { border-radius: 12px !important; }

/* Directory, table, filter and list patterns */
.directory-table, .workspace-panel { overflow: hidden; border: 0 !important; border-radius: 16px !important; background: var(--mud-palette-surface) !important; box-shadow: var(--ts-shadow) !important; }.directory-table .mud-table-container, .workspace-panel .mud-table-container { margin: 0; border: 0; border-radius: 0; box-shadow: none; }.workspace-panel.directory-table { padding: 0 !important; }.mud-table { overflow: hidden; border-radius: 14px; background: var(--mud-palette-surface) !important; box-shadow: var(--ts-shadow); }.directory-table .mud-table, .workspace-panel .mud-table { border-radius: 0; box-shadow: none; }.mud-table-toolbar { min-height: 70px; padding: 12px 20px; background: var(--taxsuite-component-surface); border-bottom: 1px solid var(--ts-line); }.mud-table-toolbar .mud-input-control { margin: 0; }.directory-search { min-width: min(320px, 45vw); }.mud-table thead { background: var(--taxsuite-component-surface); }.mud-table th { height: 44px; padding: 0 16px !important; border-bottom: 1px solid color-mix(in srgb, var(--mud-palette-primary) 18%, transparent) !important; color: var(--mud-palette-text-primary); font-size: .68rem; font-weight: 800; letter-spacing: .055em; text-transform: uppercase; white-space: nowrap; }.mud-table td { height: 56px; padding: 0 16px !important; border-bottom: 1px solid var(--ts-line) !important; color: var(--mud-palette-text-primary); font-size: .86rem; }.mud-table tbody tr { transition: background .14s ease; }.mud-table tbody tr:nth-child(even) { background: var(--taxsuite-component-surface); }.mud-table tbody tr:hover { background: var(--taxsuite-component-surface); filter: brightness(.985); }.mud-table tbody tr:last-child td { border-bottom: 0 !important; }.mud-table-pager { display: flex; align-items: center; min-height: 48px; padding: 8px 16px; border-top: 1px solid var(--ts-line); }.mud-table-pagination, .mud-table-pagination-toolbar, .mud-table-pagination-actions { align-items: center !important; }.mud-table-pagination-toolbar { min-height: 32px !important; }.mud-table-pagination-actions { display: flex; gap: 4px; }.mud-table-pagination .mud-button-root, .directory-action { width: 30px !important; min-width: 30px !important; height: 30px !important; min-height: 30px !important; padding: 4px !important; box-shadow: none !important; }.mud-table-pagination .mud-button-root .mud-icon-root, .directory-action .mud-icon-root { font-size: 1rem !important; }.mud-table-pagination .mud-input-control { margin: 0 !important; }.mud-table-pagination .mud-input-slot { min-height: 30px !important; }.directory-id, .directory-name { color: var(--mud-palette-text-primary); }.directory-id { font-size: .77rem; font-weight: 700; }.directory-name { font-weight: 750; }.directory-action { color: var(--mud-palette-text-primary) !important; }.directory-action:hover { color: var(--mud-palette-primary) !important; }.directory-empty-state { display: grid; justify-items: center; gap: 7px; padding: 52px 22px; text-align: center; }

/* Shared page components */
.taxsuite-page-actions { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 8px; margin: 0 0 16px; }.workspace-panel { padding: 22px !important; }.workspace-panel-form { max-width: 1120px; }.workspace-panel-form .mud-stack { margin-top: 24px !important; padding-top: 18px; border-top: 1px solid var(--ts-line); }.mud-tabs-toolbar { border-bottom: 1px solid var(--ts-line); background: var(--taxsuite-component-surface); }.mud-tabs-toolbar .mud-tab { min-height: 46px; text-transform: none; font-weight: 700; }.mud-tabs-toolbar .mud-tab.mud-tab-active { color: var(--mud-palette-text-primary); }
.employee-modal-backdrop { position: fixed; z-index: 1400; inset: 0; display: grid; place-items: center; padding: 24px; background: rgba(18, 29, 50, .42); }.employee-modal, .project-modal { width: min(680px, 100%); max-height: calc(100vh - 48px); overflow: auto; border-radius: 16px !important; }.employee-detail-card, .security-department-card, .system-upload-card { padding: 22px !important; border-radius: 16px !important; }.system-upload-card { border-style: dashed !important; }.system-color-control { display: flex; align-items: center; gap: 10px; }.system-color-control input[type="color"] { width: 38px; height: 38px; padding: 2px; border: 1px solid var(--ts-line); border-radius: 9px; background: transparent; }.system-theme-preview { overflow: hidden; border-radius: 14px; }.hierarchy-panels { display: grid; gap: 12px; background: transparent !important; box-shadow: none !important; }.hierarchy-panels .mud-expand-panel { overflow: hidden; border: 0; border-radius: 16px; background: var(--mud-palette-surface); box-shadow: var(--ts-shadow); }.hierarchy-panels .mud-expand-panel-header { min-height: 64px; padding: 0 20px; background: var(--ts-soft); transition: background .16s ease; }.hierarchy-panels .mud-expand-panel-header:hover { background: color-mix(in srgb, var(--mud-palette-primary) 10%, var(--mud-palette-surface)); }.hierarchy-panels .mud-expand-panel-header-content { width: 100%; }.hierarchy-panel-title { display: flex; align-items: center; width: 100%; gap: 12px; }.hierarchy-panel-title .mud-typography { font-weight: 750; }.hierarchy-panel-content { padding: 0 18px 18px; }.hierarchy-panel-content .directory-table { box-shadow: none !important; }
.security-permission-nav { padding: 10px !important; border: 0 !important; border-radius: 16px !important; box-shadow: var(--ts-shadow) !important; }.security-pane-link { display: flex; align-items: center; min-height: 42px; gap: 11px; padding: 0 11px; border-radius: 9px; color: var(--mud-palette-text-primary); text-decoration: none; }.security-pane-link:hover, .security-pane-link.active { background: color-mix(in srgb, var(--mud-palette-primary) 10%, transparent); color: var(--mud-palette-primary); }.security-permission-group { border: 0; }.role-access-options { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 14px 22px; }.role-access-option { display: flex; align-items: center; min-height: 38px; }

/* Login and access states */
.login-shell { min-height: 100vh; background: color-mix(in srgb, var(--mud-palette-primary) 11%, var(--mud-palette-background)); }.login-shell .mud-main-content { display: grid; min-height: 100vh; place-items: center; }.login-card { width: min(430px, calc(100% - 32px)); border-radius: 18px !important; box-shadow: 0 28px 64px color-mix(in srgb, var(--mud-palette-primary) 18%, transparent) !important; }.connection-dot { display: inline-block; width: 9px; height: 9px; border-radius: 50%; }.connection-dot.online { background: var(--mud-palette-success); }.connection-dot.offline { background: var(--mud-palette-error); }.taxsuite-state-panel { max-width: 640px; margin: 76px auto; padding: 34px !important; text-align: center; }.access-denied-card { margin-top: 76px; }.error-state-panel { max-width: 680px; }.one-drive-consent { max-width: 620px; margin: 72px auto; text-align: center; }.employee-profile-hero { margin-bottom: 4px; }.employee-profile-avatar { box-shadow: 0 8px 22px color-mix(in srgb, var(--mud-palette-primary) 22%, transparent); }.employee-profile-card { height: 100%; }.employee-profile-card .mud-list { padding: 0; }.employee-profile-card .mud-list-item { min-height: 42px; border-bottom: 1px solid var(--ts-line); }.employee-profile-card .mud-list-item:last-child { border-bottom: 0; }

/* Dashboard canvas retains the approved visual language while real records remain operational. */
.dashboard-canvas { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(280px, .85fr); gap: 20px; max-width: 1240px; }.dashboard-feature-card { display: grid; grid-template-columns: minmax(180px, .82fr) minmax(230px, 1fr); align-items: center; min-height: 310px; overflow: hidden; border-radius: 20px; background: var(--mud-palette-surface); box-shadow: var(--ts-shadow); color: var(--mud-palette-text-primary); text-decoration: none; transition: transform .18s ease, box-shadow .18s ease; }.dashboard-feature-card:hover, .dashboard-workspace-card:hover { transform: translateY(-2px); box-shadow: 0 22px 46px color-mix(in srgb, var(--mud-palette-primary) 18%, transparent); }.dashboard-feature-card > div:last-child { padding: 32px 32px 32px 8px; }.dashboard-feature-card .mud-typography-h5 { margin-bottom: 8px; font-weight: 780; }.dashboard-feature-illustration { align-self: stretch; min-height: 240px; margin: 18px 0 18px 18px; background: url('/images/component-demo/taxsuite-illustration-sheet-v1.png') 0 0 / 200% 200% no-repeat; }.dashboard-card-action { display: inline-flex; align-items: center; gap: 5px; margin-top: 18px; color: var(--mud-palette-primary); font-size: .84rem; font-weight: 800; }.dashboard-workspace-grid { display: grid; align-content: center; gap: 13px; }.dashboard-workspace-card { display: flex; align-items: center; gap: 13px; min-height: 92px; padding: 16px; border-radius: 15px; background: var(--mud-palette-surface); box-shadow: var(--ts-shadow); color: var(--mud-palette-text-primary); text-decoration: none; transition: transform .16s ease, box-shadow .16s ease; }.dashboard-workspace-card > span:nth-child(2) { flex: 1; min-width: 0; }.dashboard-workspace-card strong, .dashboard-workspace-card small { display: block; }.dashboard-workspace-card strong { margin-bottom: 3px; font-size: .92rem; }.dashboard-workspace-card small { color: var(--mud-palette-text-secondary); font-size: .75rem; }.dashboard-workspace-icon { display: grid; flex: 0 0 auto; width: 38px; height: 38px; place-items: center; border-radius: 11px; background: color-mix(in srgb, var(--mud-palette-primary) 12%, transparent); color: var(--mud-palette-primary); }

/* Component canvas is deliberately isolated from operational routes. */
.component-demo-artboard { max-width: 1500px; margin: 0 auto; }.component-demo-artboard-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; margin-bottom: 18px; }.component-demo-canvas { position: relative; min-height: 820px; overflow: hidden; isolation: isolate; border-radius: 24px; background: color-mix(in srgb, var(--mud-palette-primary) 9%, var(--mud-palette-background)); }.component-demo-canvas::before { position: absolute; z-index: -1; inset: 0; content: ""; background: radial-gradient(circle at 20% 18%, rgba(255,255,255,.8), transparent 28%), radial-gradient(circle at 76% 80%, rgba(255,255,255,.65), transparent 32%); }.component-demo-float { position: absolute; overflow: hidden; border: 0 !important; border-radius: 22px !important; background: var(--mud-palette-surface) !important; box-shadow: 0 28px 52px color-mix(in srgb, var(--mud-palette-primary) 17%, transparent) !important; }.component-demo-search-card { top: 9%; left: 9%; width: min(390px, 35%); padding: 17px 22px !important; transform: rotate(-7deg); }.component-demo-metric-card { top: -5%; right: 11%; width: 240px; min-height: 150px; padding: 22px !important; transform: rotate(11deg); }.component-demo-feature-card { top: 20%; left: 23%; width: 315px; padding: 22px !important; transform: rotate(5deg); }.component-demo-list-card { top: 21%; right: 15%; width: min(520px, 43%); padding: 17px 20px !important; transform: rotate(-4deg); }.component-demo-chart-card { left: 12%; bottom: 8%; width: 270px; padding: 20px !important; transform: rotate(8deg); }.component-demo-feature-card-alt { top: auto; bottom: 7%; right: 7%; transform: rotate(9deg); }.component-demo-illustration { height: 176px; background: url('/images/component-demo/taxsuite-illustration-sheet-v1.png') 0 0 / 200% 200% no-repeat; }.component-demo-illustration-security { background-position: 100% 0; }.component-demo-list-heading, .component-demo-list-row { display: flex; align-items: center; gap: 12px; }.component-demo-list-heading { justify-content: space-between; margin-bottom: 10px; }.component-demo-list-row { min-height: 59px; padding: 9px 0; border-top: 1px solid var(--ts-line); }.component-demo-list-row > span { flex: 1; min-width: 0; }.component-demo-list-row strong, .component-demo-list-row small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.component-demo-list-row small { margin-top: 2px; color: var(--mud-palette-text-secondary); font-size: .72rem; }.component-demo-ring { display: grid; width: 146px; height: 146px; margin: 14px auto 15px; place-items: center; border: 12px solid color-mix(in srgb, var(--mud-palette-primary) 13%, transparent); border-top-color: var(--mud-palette-primary); border-right-color: var(--mud-palette-secondary); border-bottom-color: color-mix(in srgb, var(--mud-palette-secondary) 55%, var(--mud-palette-primary)); border-radius: 50%; }.component-demo-ring span { font-size: 1.6rem; font-weight: 800; text-align: center; }.component-demo-ring small { display: block; color: var(--mud-palette-text-secondary); font-size: .66rem; font-weight: 600; }.component-demo-legend { display: flex; justify-content: space-around; gap: 7px; color: var(--mud-palette-text-secondary); font-size: .7rem; }.component-demo-legend span { display: inline-flex; align-items: center; gap: 5px; }.component-demo-legend i { width: 8px; height: 8px; border-radius: 50%; }.component-demo-dot-primary { background: var(--mud-palette-primary); }.component-demo-dot-secondary { background: var(--mud-palette-secondary); }.component-demo-tag { position: absolute; z-index: 3; padding: 8px 13px !important; box-shadow: 0 15px 30px color-mix(in srgb, var(--mud-palette-primary) 15%, transparent); }.component-demo-tag-primary { right: 34%; bottom: 15%; transform: rotate(-12deg); }.component-demo-tag-secondary { top: 51%; left: 5%; transform: rotate(11deg); }

/* Shared component borders always use the active primary/secondary gradient. */
.taxsuite-main .mud-paper, .taxsuite-main .mud-dialog, .taxsuite-main .mud-table, .taxsuite-main .mud-expand-panel { border: 1px solid transparent !important; background: linear-gradient(var(--mud-palette-surface), var(--mud-palette-surface)) padding-box, var(--taxsuite-component-border) border-box !important; background-origin: border-box !important; background-clip: padding-box, border-box !important; }.taxsuite-main .mud-input-outlined-border { border-color: transparent !important; background: linear-gradient(var(--mud-palette-surface), var(--mud-palette-surface)) padding-box, var(--taxsuite-component-border) border-box !important; background-origin: border-box !important; background-clip: padding-box, border-box !important; }.taxsuite-main .mud-tabs-toolbar, .taxsuite-main .mud-table-toolbar, .taxsuite-main .mud-table thead { border: 1px solid transparent !important; background: var(--taxsuite-component-surface) padding-box, var(--taxsuite-component-border) border-box !important; background-origin: border-box !important; background-clip: padding-box, border-box !important; }.taxsuite-main .mud-button-root { border: 1px solid transparent !important; background-origin: border-box !important; background-clip: padding-box, border-box !important; }.taxsuite-main .mud-button-filled { background: linear-gradient(var(--taxsuite-button-color), var(--taxsuite-button-color)) padding-box, var(--taxsuite-component-border) border-box !important; }.taxsuite-main .mud-button-outlined, .taxsuite-main .mud-icon-button { background: linear-gradient(var(--mud-palette-surface), var(--mud-palette-surface)) padding-box, var(--taxsuite-component-border) border-box !important; }

@media (max-width: 1050px) { .taxsuite-main { padding: 80px 22px 22px !important; }.dashboard-canvas { grid-template-columns: 1fr; }.dashboard-workspace-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }.component-demo-canvas { min-height: 920px; }.component-demo-list-card { right: 6%; width: 48%; }.component-demo-feature-card { left: 14%; }.component-demo-feature-card-alt { right: 3%; }.component-demo-search-card, .component-demo-chart-card { left: 5%; } }
@media (max-width: 720px) { .taxsuite-main { padding: 72px 14px 18px !important; }.appbar-account { display: none; }.taxsuite-page-actions { justify-content: flex-start; }.component-demo-artboard-header { align-items: flex-start; flex-direction: column; gap: 12px; }.app-footer { justify-content: flex-start; gap: 8px; }.directory-table, .workspace-panel { border-radius: 12px !important; }.workspace-panel { padding: 16px !important; }.mud-table-toolbar { min-height: auto; flex-wrap: wrap; gap: 8px; padding: 12px 16px; }.directory-search { min-width: 100%; }.mud-table th, .mud-table td { padding: 0 12px !important; }.dashboard-feature-card { grid-template-columns: 1fr; }.dashboard-feature-illustration { min-height: 210px; margin: 16px 16px 0; }.dashboard-feature-card > div:last-child { padding: 22px; }.dashboard-workspace-grid { grid-template-columns: 1fr; }.component-demo-canvas { display: grid; grid-template-columns: 1fr; gap: 16px; min-height: 0; padding: 16px; overflow: visible; border-radius: 16px; }.component-demo-float { position: relative; top: auto; right: auto; bottom: auto; left: auto; width: 100%; transform: none; }.component-demo-feature-card-alt, .component-demo-tag { display: none; }.component-demo-illustration { height: 190px; }.component-demo-ring { margin-left: 0; } }

@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; } }
:root { --taxsuite-pagination-centering: 1; }
.mud-table-pager { justify-content: center; }
.mud-table-pagination, .mud-table-pagination-toolbar { justify-content: center !important; }
.mud-table-pagination-toolbar { flex: 0 1 auto !important; }
.mud-table-pagination-spacer { display: none !important; }
.directory-table .mud-table tbody tr:last-child td { border-bottom: 0 !important; }
.directory-table .mud-table-pagination { width: 100%; min-height: 0; padding: 0 !important; background: transparent; }
.directory-table .mud-table-pagination-toolbar { height: 60px !important; min-height: 60px !important; padding: 0 20px !important; border-top-color: var(--ts-line) !important; display: flex !important; align-items: center !important; justify-content: center !important; }
.directory-table .mud-table-pagination-toolbar > *, .directory-table .mud-table-pagination-caption, .directory-table .mud-table-pagination-information { align-self: center !important; }
.directory-table .mud-table-pagination-caption, .directory-table .mud-table-pagination-information { display: flex !important; align-items: center !important; min-height: 30px; }
.directory-table .mud-table-pagination-select, .directory-table .mud-table-pagination-select .mud-input, .directory-table .mud-table-pagination-select .mud-input-root { align-self: center !important; margin-top: 0 !important; }
.directory-table .mud-table-pagination-select .mud-input .mud-input-root { margin-top: 0 !important; line-height: 1.2 !important; }
.directory-table .mud-table-pagination-select, .directory-table .mud-table-pagination-select .mud-input, .directory-table .mud-table-pagination-select .mud-select-input { display: flex !important; height: 30px !important; align-items: center !important; }
.directory-table .mud-table-pagination-select .mud-input-root { height: 30px !important; min-height: 30px !important; margin: 0 !important; padding: 0 7px !important; line-height: 30px !important; }
.directory-table .mud-table-pagination-select .mud-input-adornment-end { display: flex !important; height: 30px; align-items: center !important; }
.security-panels { display: grid; gap: 8px; background: transparent !important; box-shadow: none !important; }
.security-panels .mud-expand-panel { overflow: hidden; border-radius: 12px !important; }
.security-panels .mud-expand-panel-header { min-height: 64px !important; padding: 0 24px !important; }
.security-panels .mud-expand-panel-header-content { display: flex; align-items: center; }
.security-permission-group { display: block; margin: 4px 0; }
.security-permission-group > summary { display: flex; align-items: center; min-height: 42px; gap: 11px; padding: 0 11px; border-radius: 9px; color: var(--mud-palette-text-primary); cursor: pointer; font-size: .875rem; font-weight: 600; list-style: none; }
.security-permission-group > summary::-webkit-details-marker { display: none; }
.security-permission-group > summary::after { width: 7px; height: 7px; margin-left: auto; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; content: ""; opacity: .7; transform: rotate(45deg) translateY(-2px); transition: transform .16s ease; }
.security-permission-group[open] > summary { background: color-mix(in srgb, var(--mud-palette-primary) 8%, transparent); color: var(--mud-palette-primary); }
.security-permission-group[open] > summary::after { transform: rotate(225deg) translate(-2px, -2px); }
.security-permission-group > .security-pane-link { width: calc(100% - 14px); min-height: 38px; margin-left: 14px; padding-left: 12px; border-radius: 8px; font-size: .83rem; }
.system-pane-button { width: 100%; justify-content: flex-start; border: 0; background: transparent; cursor: pointer; font: inherit; text-align: left; }
.hierarchy-panel-content { padding-top: 14px; }
.taxsuite-main .mud-icon-button { border: 0 !important; background: transparent !important; box-shadow: none !important; }
.taxsuite-main .mud-icon-button:hover { background: color-mix(in srgb, var(--mud-palette-primary) 9%, transparent) !important; }