/* CSAI Workspace · complete web presentation system.
   Keep behavior in the existing page controllers; put presentation here.
   The explicit overrides retire competing legacy page/inline design rules. */
html.workspace-redesign {
  --control-height: 37px; --control-radius: 9px; --card-radius: 14px;
  --page-title-size: 26px; --card-title-size: 13px;
  --canvas: #eceef1; --surface: rgba(255,255,255,.92); --surface-muted: #f7f5fc;
  --ink: #242039; --line: #e9e7f1; --primary: #6340ad;
  --primary-rgb: 99,64,173; --primary-hover: #5637aa;
  --primary-dark: #482d94; --primary-light: #8c72d6;
  --primary-lighter: #f0ecfa; --primary-blue: #6746c3;
  --secondary-indigo: #6746c3; --accent: #6746c3;
  --primary-gradient: linear-gradient(110deg,#7353ca,#6746c3);
  --primary-gradient-hover: linear-gradient(110deg,#6746c3,#5637aa);
  --emerald: #6746c3; --navy: #1d1d1f;
  --bg-secondary: #f5f5f7; --bg-tertiary: #f8f8fa; --bg-card: #fff;
  --text-primary: #242039; --text-secondary: #6c7180;
  --text-tertiary: #76767d; --text-muted: #76767d;
  --border-primary: #e8e8ed; --border-color: #e8e8ed;
  --success: #137c62; --success-light: #eaf6f0;
  --warning: #95600f; --warning-light: #fff5e4;
  --error: #b43f45; --error-light: #fff0f1;
  --sidebar-width: 245px; --sidebar-collapsed-width: 72px;
  --workspace-header-height: 61px;
  --font-body: -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --font-heading: -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --workspace-shadow: 0 2px 5px #1d1d1f03,0 12px 34px #1d1d1f04;
}
.workspace-redesign body { background: var(--canvas) !important; color: var(--ink) !important; font: 14px/1.55 var(--font-body) !important; }
.workspace-redesign *, .workspace-redesign *::before, .workspace-redesign *::after { box-sizing: border-box; }
.workspace-redesign :is(h1,h2,h3,h4,p) { overflow-wrap: anywhere; }
.workspace-redesign :is(h1,h2,h3,h4) { font-family: var(--font-heading) !important; letter-spacing: -.025em; -webkit-text-fill-color: currentColor !important; }
.workspace-redesign a { text-underline-offset: 3px; }
.workspace-redesign :is(button,input,select,textarea) { font: inherit; }
.workspace-redesign :is(button,a,input,select,textarea,[tabindex]):focus-visible { outline: 3px solid #9174d680 !important; outline-offset: 3px; }
.workspace-redesign :is(button,input,select,textarea):disabled { opacity: .5; cursor: not-allowed; transform: none !important; }
.workspace-redesign .workspace-skip { position: fixed; top: -80px; left: 16px; z-index: 99999; padding: 12px 18px; border-radius: 12px; background: #fff; color: var(--ink); box-shadow: var(--workspace-shadow); }
.workspace-redesign .workspace-skip:focus { top: 12px; }
.workspace-redesign .workspace-eyebrow { display: block; color: var(--primary); font-size: 10px; font-weight: 650; letter-spacing: .11em; text-transform: uppercase; }
.workspace-redesign .workspace-mark { display: grid; width: 36px; height: 36px; flex-shrink: 0; place-items: center; border-radius: 11px; background: var(--primary-gradient); color: #fff; font-size: 23px; box-shadow: 0 5px 12px #6746c325; }

/* Shell: quiet sidebar, floating toolbar, identifiable page context. */
.workspace-redesign body:has(.sidebar-menu) { margin-left: var(--sidebar-width) !important; padding-left: 0 !important; }
.workspace-redesign body.sidebar-collapsed:has(.sidebar-menu) { margin-left: var(--sidebar-collapsed-width) !important; }
.workspace-redesign .sidebar-menu { inset: 0 auto 0 0 !important; width: var(--sidebar-width) !important; height: 100dvh !important; background: #fbfbfddd !important; border-right: 1px solid #e5e5eb !important; box-shadow: none !important; backdrop-filter: blur(22px); }
.workspace-redesign .sidebar-menu.collapsed { width: var(--sidebar-collapsed-width) !important; }
.workspace-redesign .sidebar-header { min-height: 98px; padding: 24px 18px !important; background: transparent !important; border: 0 !important; gap: 10px; }
.workspace-redesign .sidebar-logo { width: 36px !important; height: 36px !important; border: 0 !important; border-radius: 11px !important; background: var(--primary-gradient) !important; box-shadow: none !important; }
.workspace-redesign .sidebar-logo i { color: #fff !important; font-size: 22px !important; }
.workspace-redesign .sidebar-brand h3 { color: var(--ink) !important; font-size: 15px !important; font-weight: 650; margin: 0; text-transform: none !important; }
.workspace-redesign .sidebar-brand p { margin-top: 3px; color: var(--text-secondary); font-size: 10px; }
.workspace-redesign .sidebar-close { display: none; }
.workspace-redesign .sidebar-nav { padding: 8px 12px !important; }
.workspace-redesign .nav-section { margin-bottom: 14px; }
.workspace-redesign .nav-section-title { padding: 0 11px; margin: 0 0 8px; font-size: 9px !important; color: #86868b !important; letter-spacing: .1em; }
.workspace-redesign .sidebar-nav :is(.nav-item,.nav-item-parent,.nav-subitem,.nav-subitem-parent,.nav-sub-subitem) { display: flex; align-items: center; width: 100%; min-height: 37px; margin: 2px 0; padding: 8px 9px !important; gap: 10px; border: 0; border-radius: 9px; background: transparent; text-align: left; font-size: 12px !important; font-weight: 500; line-height: 1.35; color: #58585f !important; box-shadow: none; transform: none !important; }
.workspace-redesign .sidebar-nav :is(.nav-item,.nav-item-parent,.nav-subitem,.nav-subitem-parent,.nav-sub-subitem):hover { background: #ebebf0 !important; }
.workspace-redesign .sidebar-nav :is(.nav-item,.nav-item-parent,.nav-subitem,.nav-subitem-parent,.nav-sub-subitem).active { background: #ece6f9 !important; color: var(--primary) !important; font-weight: 650; box-shadow: none !important; }
.workspace-redesign .nav-item.active::before { display: none; }
.workspace-redesign .sidebar-nav :is(.nav-submenu,.nav-sub-submenu) { margin: 4px 0 4px 15px; padding: 0 0 0 9px; border-left: 1px solid var(--line); background: transparent; }
.workspace-redesign .sidebar-nav i { font-size: 17px !important; color: inherit !important; }
.workspace-redesign .sidebar-nav :is(.expand-icon,.expand-icon-sm) { margin-left: auto; font-size: 14px !important; }
.workspace-redesign .sidebar-footer { margin-top: auto; padding: 14px !important; border-top: 1px solid var(--line); background: transparent; }
.workspace-redesign .sidebar-menu.collapsed :is(.sidebar-brand,.nav-section-title,.nav-subitem-parent,.nav-submenu,.nav-sub-submenu,.user-info) { display: none !important; }
.workspace-redesign .sidebar-menu.collapsed .nav-item-parent { display: flex !important; justify-content: center; }
.workspace-redesign .sidebar-menu.collapsed .nav-item-parent :is(span,.expand-icon) { display: none !important; }
.workspace-redesign .sidebar-menu.collapsed .sidebar-header { padding: 24px 18px !important; }
.workspace-redesign .sidebar-menu.collapsed .nav-item { justify-content: center; }
.workspace-redesign .floating-header { top: 0 !important; left: var(--sidebar-width) !important; right: 0 !important; width: auto !important; height: var(--workspace-header-height) !important; padding: 0 !important; background: #f5f5f7e8 !important; border-bottom: 1px solid #e8e8ed !important; box-shadow: none !important; backdrop-filter: blur(20px); animation: none !important; }
.workspace-redesign body:not(:has(.sidebar-menu)) .floating-header { left: 0 !important; }
.workspace-redesign body.sidebar-collapsed .floating-header { left: var(--sidebar-collapsed-width) !important; }
.workspace-redesign .floating-header-content { height: var(--workspace-header-height) !important; min-height: 0 !important; padding: 0 32px !important; gap: 16px; }
.workspace-redesign .floating-header .brand-section { flex: 1; gap: 8px; }
.workspace-redesign .floating-header .logo-container, .workspace-redesign .status-pulse { display: none !important; }
.workspace-redesign .floating-header .brand-title { font-size: 13px !important; color: var(--ink) !important; -webkit-text-fill-color: var(--ink) !important; letter-spacing: 0; }
.workspace-redesign .floating-header .brand-subtitle { color: var(--text-secondary) !important; font-size: 11px !important; line-height: 1.4; }
.workspace-redesign .floating-header :is(.header-menu-btn,.action-button) { min-height: 34px !important; height: 34px; padding: 7px 11px !important; border: 1px solid var(--line) !important; border-radius: 9px !important; background: #fff !important; color: var(--text-secondary) !important; box-shadow: none !important; font-size: 11px !important; }
.workspace-redesign .floating-header .header-menu-btn { display: inline-flex !important; align-items: center; justify-content: center; width: 34px; }
.workspace-redesign .floating-header :is(.action-button,.header-menu-btn):hover { color: var(--primary) !important; background: var(--primary-lighter) !important; }
.workspace-redesign .floating-header .status-indicator-modern { display: none !important; }
.workspace-redesign body:has(.floating-header) .sidebar-toggle { display: none !important; }
.workspace-redesign .workspace-header-context { min-width: 0; }
.workspace-redesign .workspace-header-context span { display: block; font-size: 10px; color: var(--text-secondary); }
.workspace-redesign .workspace-header-context strong { display: block; font-size: 12px; color: var(--ink); font-weight: 600; }
.workspace-redesign .workspace-search-trigger { display: flex; align-items: center; gap: 8px; padding: 7px 11px; border: 1px solid var(--line); border-radius: 9px; background: #fff; color: #86868b; font-size: 11px; cursor: pointer; }
.workspace-redesign .workspace-search-trigger kbd { margin-left: 16px; font: 9px var(--font-body); color: #a0a0a8; }
.workspace-redesign .workspace-search-dialog { width: min(520px,calc(100vw - 32px)); margin: 12vh auto auto; padding: 24px; max-height: 75dvh; overflow: auto; border: 1px solid var(--line); border-radius: 20px; background: #fff; color: var(--ink); box-shadow: 0 24px 90px #1d1d1f30; }
.workspace-redesign .workspace-search-dialog::backdrop { background: #1d1d1f66; backdrop-filter: blur(6px); }
.workspace-redesign .workspace-search-dialog h2 { margin: 0 0 18px; font-size: 18px; }
.workspace-redesign .workspace-search-label { display: block; font-size: 11px; margin-bottom: 6px; color: var(--text-secondary); }
.workspace-redesign .workspace-search-dialog input { width: 100%; }
.workspace-redesign .workspace-search-results { display: grid; max-height: 36dvh; overflow: auto; gap: 3px; margin-top: 14px; }
.workspace-redesign .workspace-search-results a { display: block; padding: 10px 12px; border-radius: 9px; color: var(--ink); font-size: 12px; text-decoration: none; }
.workspace-redesign .workspace-search-results a:hover { background: var(--primary-lighter); }
.workspace-redesign .workspace-search-help { font-size: 10px; color: var(--text-secondary); }
.workspace-redesign .workspace-notices { position: fixed; right: 24px; bottom: 24px; display: grid; gap: 10px; z-index: 99999; width: min(400px,calc(100vw - 32px)); }
.workspace-redesign .workspace-notice { display: flex; align-items: flex-start; gap: 12px; padding: 16px 18px; border: 1px solid var(--line); border-radius: 14px; background: #fff; color: var(--ink); box-shadow: 0 10px 40px #1d1d1f18; font-size: 12px; }
.workspace-redesign .workspace-notice[role=alert] { border-color: #e9bdbd; }
.workspace-redesign .workspace-notice button { margin-left: auto; border: 0; background: transparent; font-size: 20px; color: var(--text-secondary); cursor: pointer; }

/* Page architecture: a heading, intentional action region and content surfaces. */
.workspace-redesign body:has(.floating-header) { padding-top: var(--workspace-header-height) !important; }
.workspace-redesign :is(body > .container,body > .main-container,body > .main-content,body > .app-container) { padding: 26px 34px !important; max-width: 1600px; margin-right: auto; margin-left: auto; }
.workspace-redesign :is(.page-header,.header-card,.page-banner) { display: flex; flex-wrap: wrap; align-items: center; gap: 18px; justify-content: space-between; background: transparent !important; border: 0 !important; border-radius: 0 !important; padding: 0 0 20px !important; margin: 0 0 8px !important; box-shadow: none !important; min-height: 0 !important; }
.workspace-redesign :is(.page-title,.header-title,h1.text-h4) { color: var(--ink) !important; -webkit-text-fill-color: var(--ink) !important; background: none !important; font-size: 26px !important; font-weight: 650 !important; line-height: 1.2; letter-spacing: -.035em; }
.workspace-redesign :is(.page-description,.page-subtitle,.header-subtitle) { color: var(--text-secondary) !important; font-size: 13px !important; font-weight: 400 !important; line-height: 1.6; max-width: 760px; margin-top: 8px; }
.workspace-redesign :is(.page-title,.header-title) > i { display: none; }
.workspace-redesign :is(.card,.content-card,.glass-card,.panel,.form-container,.section-card,.stat-card,.stats-card,.metric-card,.summary-card,.dashboard-card,.dashboard-tile,.feature-tile,.v-card) { color: var(--ink) !important; background: #fff !important; border: 1px solid var(--line) !important; border-radius: 14px !important; box-shadow: var(--workspace-shadow) !important; backdrop-filter: none; transform: none; }
.workspace-redesign :is(.card-header,.panel-header,.section-header) { background: transparent !important; border-bottom: 1px solid var(--line); padding: 14px 18px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; }
.workspace-redesign :is(.card-body,.panel-body) { padding: 18px; }
.workspace-redesign :is(.card-title,.panel-title,.section-title,.tile-title) { font-size: 13px !important; font-weight: 650 !important; color: var(--ink) !important; }
.workspace-redesign :is(.dashboard-grid,.dashboard-tiles,.feature-grid) { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,260px),1fr)); gap: 16px !important; }
.workspace-redesign :is(.dashboard-tile,.feature-tile) { position: relative; display: flex; flex-direction: column; align-items: flex-start; padding: 18px !important; text-align: left; overflow: hidden; transition: border-color .16s,box-shadow .16s !important; }
.workspace-redesign :is(.dashboard-tile,.feature-tile):hover { border-color: #c4b3e5 !important; box-shadow: 0 6px 26px #6746c30d !important; transform: none !important; }
.workspace-redesign :is(.dashboard-tile,.feature-tile)::before, .workspace-redesign :is(.dashboard-tile,.feature-tile)::after { display: none !important; }
.workspace-redesign :is(.tile-icon,.stat-icon,.metric-icon) { display: grid; place-items: center; width: 42px !important; height: 42px !important; margin-bottom: 20px; border-radius: 12px !important; background: var(--primary-lighter) !important; color: var(--primary) !important; box-shadow: none !important; }
.workspace-redesign :is(.tile-icon,.stat-icon,.metric-icon) i { font-size: 22px !important; color: inherit !important; }
.workspace-redesign .tile-description { color: var(--text-secondary) !important; font-size: 12px !important; line-height: 1.65; margin: 8px 0 18px; }
.workspace-redesign .tile-stats { margin-top: auto; padding-top: 14px; border-top: 1px solid var(--line); width: 100%; color: var(--text-secondary); font-size: 11px; }
/* Administrative catalogues become a scan-friendly directory, not tile menus. */
.workspace-redesign.workspace-admin-directory .dashboard-grid { grid-template-columns: minmax(0,1fr) !important; gap: 0 !important; background: #fff; border: 1px solid var(--line); border-radius: 14px; overflow: hidden; }
.workspace-redesign.workspace-admin-directory .dashboard-tile { display: grid; grid-template-columns: 42px minmax(0,1fr) auto; grid-template-rows: auto auto; column-gap: 14px; row-gap: 3px; padding: 14px 18px !important; border-radius: 0 !important; border: 0 !important; border-bottom: 1px solid var(--line) !important; box-shadow: none !important; }
.workspace-redesign.workspace-admin-directory .dashboard-tile .tile-icon { grid-column: 1; grid-row: 1/3; margin: 0; }
.workspace-redesign.workspace-admin-directory .dashboard-tile .tile-title { grid-column: 2; grid-row: 1; margin: 0; }
.workspace-redesign.workspace-admin-directory .dashboard-tile .tile-description { grid-column: 2; grid-row: 2; margin: 0; }
.workspace-redesign.workspace-admin-directory .dashboard-tile .tile-stats { grid-column: 3; grid-row: 1/3; width: auto; margin: 0; border: 0; padding: 0; align-self: center; }
.workspace-redesign :is(.breadcrumb,.breadcrumb-nav,.breadcrumb-container,.breadcrumbs) { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; border-radius: 0 !important; font-size: 11px !important; }
.workspace-redesign :is(.stat-value,.metric-value,.stats-number) { font-size: 23px !important; font-weight: 650 !important; letter-spacing: -.04em; }
.workspace-redesign :is(.tabs,.tabs-container,.tab-bar,.tab-navigation,.section-tabs) { display: flex; flex-wrap: wrap; gap: 4px !important; padding: 5px !important; background: #eaeaf0 !important; border: 0 !important; border-radius: 12px !important; box-shadow: none !important; margin-bottom: 14px; }
.workspace-redesign :is(.tab-btn,.tab-button,.tab-item,.tab-link,.system-btn) { min-height: 34px; padding: 8px 14px !important; border: 0 !important; border-radius: 8px !important; color: var(--text-secondary) !important; background: transparent !important; font-size: 12px !important; font-weight: 550; }
.workspace-redesign :is(.tab-btn,.tab-button,.tab-item,.tab-link,.system-btn).active { color: var(--ink) !important; background: #fff !important; box-shadow: 0 1px 4px #1d1d1f0d !important; }

/* Controls: consistent density, visible labels, quiet secondary actions. */
.workspace-redesign :is(.workspace-button,.btn,.btn-primary,.btn-secondary,.btn-refresh,.btn-back,.add-btn,.back-btn,.action-btn,.save-btn,.cancel-btn,.btn-save) { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 37px; padding: 9px 14px !important; border: 1px solid var(--line); border-radius: var(--control-radius) !important; background: #fff; color: var(--ink); font-size: 12px !important; font-weight: 550 !important; text-transform: none !important; letter-spacing: 0 !important; box-shadow: none !important; cursor: pointer; text-decoration: none; line-height: 1.3; transition: background .14s,border-color .14s !important; }
.workspace-redesign :is(.btn-primary,.btn-refresh,.btn-save,.save-btn,.add-btn,.workspace-button-primary,.v-btn.bg-primary) { background: var(--primary) !important; color: #fff !important; border-color: transparent !important; }
.workspace-redesign :is(.btn-primary,.btn-refresh,.btn-save,.save-btn,.add-btn,.workspace-button-primary):hover { background: var(--primary-hover) !important; transform: none !important; }
.workspace-redesign :is(.btn-secondary,.btn-back,.back-btn,.cancel-btn,.workspace-button-secondary) { background: #fff !important; color: var(--ink) !important; border-color: var(--line) !important; }
.workspace-redesign :is(.btn-danger,.btn-delete,.delete-btn,.workspace-button-danger) { background: var(--error-light) !important; color: var(--error) !important; border-color: #f0d1d3 !important; }
.workspace-redesign :is(.btn-secondary,.workspace-button-secondary,.cancel-btn):hover { background: #f0f0f4 !important; }
.workspace-redesign :is(.workspace-button-icon,.modal-close,.close-btn) { display: inline-grid; place-items: center; width: 32px; min-width: 32px; height: 32px; min-height: 32px; padding: 5px !important; border-radius: 9px !important; }
.workspace-redesign :is(.form-control,.form-input,.form-select,.filter-input,.filter-select,.search-input,:where(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not([type=color]):not([type=hidden])),select,textarea) { max-width: 100%; min-height: 37px; padding: 8px 11px !important; border: 1px solid #dcdce3 !important; border-radius: 10px !important; background-color: #fff !important; color: var(--ink) !important; box-shadow: none !important; font: 12px/1.45 var(--font-body) !important; }
.workspace-redesign :is(input,textarea)::placeholder { color: #93939b; }
.workspace-redesign :is(input,textarea,select):focus { border-color: #967cd0 !important; box-shadow: 0 0 0 3px #6746c312 !important; }
.workspace-redesign select:not([multiple]):not([size]) { padding-right: 34px !important; }
.workspace-redesign :is(.form-label,.filter-label,.form-group>label,.filter-field>label) { display: block; color: #56565e !important; font-size: 11px !important; font-weight: 600 !important; margin-bottom: 7px; letter-spacing: 0; text-transform: none; }
.workspace-redesign :is(.form-grid,.fields-grid) { gap: 20px; }
.workspace-redesign :is(.filter-bar,.filters,.filter-toolbar,.search-filters) { display: flex; flex-wrap: wrap; gap: 12px; align-items: end; padding: 12px 16px !important; background: #fafafc !important; border: 1px solid var(--line); border-radius: 13px; margin-bottom: 18px; }
.workspace-redesign :is(.filter-field,.form-group) { min-width: 0; }
.workspace-redesign :is(input[type=checkbox],input[type=radio]) { accent-color: var(--primary); }
.workspace-redesign .v-field { border-radius: 10px !important; font-size: 13px; }
.workspace-redesign .v-btn { border-radius: 10px !important; text-transform: none !important; letter-spacing: 0 !important; }

/* Data surfaces, sheets, validation and processing. */
.workspace-redesign :is(.workspace-table-scroll,.table-container,.table-wrapper,.table-responsive,.v-table__wrapper) { width: 100%; max-width: 100%; overflow-x: auto; overscroll-behavior-x: contain; border-radius: 12px; }
.workspace-redesign :is(table.data-table,table.modern-table,table.workspace-table) { width: 100%; border-collapse: collapse; font: 12px/1.5 var(--font-body); color: var(--ink); }
.workspace-redesign :is(.data-table,.modern-table,.workspace-table) th { padding: 10px 13px !important; background: #fafafc !important; color: #6e6e73 !important; font-size: 10px !important; font-weight: 600 !important; letter-spacing: .03em; text-transform: none !important; border-bottom: 1px solid var(--line) !important; white-space: nowrap; }
.workspace-redesign :is(.data-table,.modern-table,.workspace-table) td { padding: 10px 13px !important; background: transparent; border-bottom: 1px solid #efeff3 !important; font-size: 12px !important; vertical-align: middle; }
.workspace-redesign :is(.data-table,.modern-table,.workspace-table) tbody tr:hover { background: #f9f8fd !important; }
.workspace-redesign :is(.badge,.status-badge,.status-pill) { display: inline-flex; align-items: center; gap: 5px; padding: 4px 8px !important; border-radius: 6px !important; font-size: 10px !important; font-weight: 600; line-height: 1.3; }
.workspace-redesign :is(.pagination,.pagination-controls) { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; padding: 16px 0; font-size: 11px; }
.workspace-redesign :is(.empty-state,.no-data,.empty-message) { padding: 30px 20px !important; text-align: center; color: var(--text-secondary) !important; font-size: 13px; }
.workspace-redesign :is(.empty-state,.no-data)>i { display: block; margin: 0 auto 16px; font-size: 32px !important; color: #b1a3cf !important; }
.workspace-redesign :is(.modal-content,.dialog-content,.profile-modal-content,.swal2-popup,.v-overlay .v-card) { max-width: calc(100vw - 32px); max-height: calc(100dvh - 32px); overflow-y: auto; border: 1px solid #e8e8ed !important; border-radius: 20px !important; background: #fff !important; color: var(--ink) !important; box-shadow: 0 28px 90px #1d1d1f29 !important; }
.workspace-redesign :is(.modal-header,.profile-modal-header) { padding: 15px 18px !important; border-bottom: 1px solid var(--line); background: #fff !important; color: var(--ink) !important; }
.workspace-redesign :is(.modal-header,.profile-modal-header) h2 { font-size: 18px !important; font-weight: 650; color: var(--ink) !important; }
.workspace-redesign :is(.modal-body,.profile-modal-body) { padding: 18px !important; }
.workspace-redesign :is(.modal-footer,.profile-modal-footer) { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px; padding: 13px 18px !important; background: #fafafc !important; border-top: 1px solid var(--line); }
.workspace-redesign :is(.modal-overlay,.profile-modal,.swal2-container) { backdrop-filter: blur(5px); }
.workspace-redesign :is(.processing-card,.loading-card) { padding: 30px !important; border: 1px solid var(--line); border-radius: 18px; background: #fff !important; box-shadow: var(--workspace-shadow); }
.workspace-redesign .processing-brain { width: 54px !important; height: 54px !important; margin: 0 auto 20px; }
.workspace-redesign :is(.processing-brain-bg,.processing-brain-inner) { background: var(--primary-lighter) !important; box-shadow: none !important; border-radius: 16px; }
.workspace-redesign .processing-brain-inner i { color: var(--primary) !important; font-size: 26px; }
.workspace-redesign .step-indicator { padding: 12px 14px !important; border-radius: 10px; box-shadow: none; font-size: 12px; }
.workspace-redesign .processing-card :is(h3,p) { font-size: 14px !important; }
.workspace-redesign :is(.toast,.notification,.alert) { border-radius: 12px; font-size: 12px; box-shadow: 0 10px 30px #1d1d1f15; }

/* Chat and document-review tools keep their functional panes, with one language. */
.workspace-redesign :is(.chatbot-container,.chat-container,.chat-panel,.chat-sidebar,.document-panel,.pdf-panel,.preview-panel,.results-panel) { background: #fff !important; border: 1px solid var(--line) !important; border-radius: 16px !important; box-shadow: var(--workspace-shadow) !important; }
.workspace-redesign :is(.chatbot-header,.chat-header,.panel-toolbar) { background: #fafafc !important; color: var(--ink) !important; border-bottom: 1px solid var(--line); padding: 16px 20px !important; }
.workspace-redesign :is(.chatbot-header,.chat-header) :is(i,span,h2,h3) { color: var(--ink) !important; }
.workspace-redesign :is(.message-bubble,.assistant-message,.bot-message) { background: #f5f5f7; border-radius: 16px; color: var(--ink); line-height: 1.65; }
.workspace-redesign :is(.user-message,.message.user) { background: var(--primary-lighter) !important; color: var(--ink) !important; border-radius: 16px; }
.workspace-redesign :is(.chat-input-area,.chatbot-input,.composer) { border-top: 1px solid var(--line); background: #fff !important; padding: 16px; }
.workspace-redesign :is(.upload-zone,.drop-zone,.upload-area) { background: #fafafc !important; border: 1px dashed #c8bfdc !important; border-radius: 16px !important; box-shadow: none !important; }
.workspace-redesign :is(.upload-area-pattern,.upload-particles) { display: none !important; }

/* Actual new home layout; no invented counts or performance claims. */
.workspace-redesign .workspace-home { max-width: 1360px; margin: auto; padding: 28px 34px 44px; }
.workspace-redesign .workspace-home-heading { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 20px; margin-bottom: 14px; }
.workspace-redesign .workspace-home-heading h1 { font-size: 26px !important; font-weight: 620 !important; letter-spacing: -.045em; line-height: 1.2; margin: 8px 0 10px; color: var(--ink) !important; -webkit-text-fill-color: var(--ink) !important; }
.workspace-redesign .workspace-home-heading p { margin: 0; color: var(--text-secondary); font-size: 14px; }
.workspace-redesign .workspace-section-heading { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; margin-bottom: 16px; }
.workspace-redesign .workspace-section-heading h2 { font-size: 14px; font-weight: 650; margin: 0; color: var(--ink) !important; }
.workspace-redesign .workspace-section-heading>span { font-size: 11px; color: var(--text-secondary); }
.workspace-redesign .workspace-task-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.workspace-redesign .workspace-task { display: flex; flex-direction: column; align-items: flex-start; padding: 18px; min-height: 184px; background: #fff; border: 1px solid var(--line); border-radius: 14px; color: var(--ink); box-shadow: var(--workspace-shadow); transition: border-color .16s,box-shadow .16s; text-decoration: none; }
.workspace-redesign .workspace-task:hover { border-color: #b9a6e1; box-shadow: 0 12px 36px #6746c310; }
.workspace-redesign .workspace-task-featured { background: linear-gradient(135deg,#eee8f9,#faf8ff 80%); border-color: #e3daf4; }
.workspace-redesign .workspace-task-icon { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 12px; background: #f0ecfa; color: var(--primary); font-size: 22px; margin-bottom: 14px; }
.workspace-redesign .workspace-task h3 { font-size: 15px; font-weight: 650; line-height: 1.25; margin: 8px 0 12px; letter-spacing: -.035em; }
.workspace-redesign .workspace-task-featured h3 { font-size: 15px; }
.workspace-redesign .workspace-task p { font-size: 12px; line-height: 1.7; color: var(--text-secondary); margin: 0 0 18px; }
.workspace-redesign .workspace-task-link { display: flex; align-items: center; gap: 8px; margin-top: auto; color: var(--primary); font-size: 11px; font-weight: 600; }
.workspace-redesign .workspace-shortcuts { margin-top: 24px; }
.workspace-redesign .workspace-shortcut-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.workspace-redesign .workspace-shortcut-grid>a { display: flex; align-items: center; gap: 14px; padding: 14px 16px; background: #fff; border: 1px solid var(--line); border-radius: 14px; font-size: 12px; font-weight: 600; color: var(--ink); text-decoration: none; }
.workspace-redesign .workspace-shortcut-grid>a:hover { border-color: #c4b3e5; }
.workspace-redesign .workspace-shortcut-grid>a>i:first-child { color: var(--primary); font-size: 21px; }
.workspace-redesign .workspace-shortcut-grid>a>i:last-child { margin-left: auto; color: #a0a0a8; }
.workspace-redesign .workspace-shortcut-grid small { display: block; margin-top: 3px; color: var(--text-secondary); font-size: 11px; font-weight: 400; }

/* Authentication: the compact centered card used by Finstack Hub. */
.workspace-redesign body.page-auth { margin: 0 !important; padding: 0 !important; background: var(--canvas) !important; }
.workspace-redesign .auth-shell { min-height: 100dvh; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 32px 18px; background: radial-gradient(ellipse at 15% 15%,#e8e1f5,transparent 50%),radial-gradient(ellipse at 90% 85%,#e1eaf2,transparent 45%),#eceef1; }
.workspace-redesign .auth-form-side { width: 100%; max-width: 400px; padding: 30px 32px 24px; border: 1px solid #ffffffd9; border-radius: 17px; background: #ffffffec; box-shadow: 0 22px 60px #40375c18; }
.workspace-redesign .auth-brand { text-align: center; margin-bottom: 24px; }
.workspace-redesign .auth-brand a { display: inline-flex; align-items: center; justify-content: center; text-decoration: none; color: var(--ink); gap: 9px; }
.workspace-redesign .auth-brand img { width: 165px; max-height: 52px; object-fit: contain; }
.workspace-redesign .auth-brand-name { font-size: 21px; font-weight: 650; }
.workspace-redesign .auth-brand p { color: var(--text-secondary); font-size: 10px; letter-spacing: .09em; text-transform: uppercase; margin: 9px 0 0; }
.workspace-redesign .auth-form-wrap { width: 100%; }
.workspace-redesign .auth-form-wrap h2 { margin: 0 0 6px; font-size: 20px; font-weight: 650; line-height: 1.3; }
.workspace-redesign .auth-form-wrap>p { margin: 0 0 20px; color: var(--text-secondary); font-size: 12px; }
.workspace-redesign .auth-field { margin-bottom: 15px; }
.workspace-redesign .auth-field label { display: block; margin: 0 0 6px; font-size: 11px; font-weight: 600; color: #515260; }
.workspace-redesign .auth-field input { width: 100%; height: 39px; min-height: 39px; padding: 9px 11px !important; background: #fff !important; border-radius: 9px !important; }
.workspace-redesign .auth-field small { display: block; margin-top: 5px; font-size: 10px; color: var(--text-secondary); }
.workspace-redesign .auth-password-wrap { position: relative; }
.workspace-redesign .auth-password-wrap input { padding-right: 62px !important; }
.workspace-redesign .auth-password-wrap button { position: absolute; right: 5px; top: 4px; min-height: 31px; padding: 4px 8px; border: 0; background: transparent; color: var(--text-secondary); font-size: 10px; cursor: pointer; border-radius: 6px; }
.workspace-redesign .auth-submit { width: 100%; min-height: 39px; justify-content: center; font-size: 12px !important; margin: 4px 0 18px; }
.workspace-redesign .auth-form-wrap>.auth-switch { border-top: 1px solid var(--line); padding-top: 17px; margin: 0; text-align: center; font-size: 11px; }
.workspace-redesign .auth-switch a { color: var(--primary); font-weight: 600; }
.workspace-redesign .auth-error { margin: 0 0 16px; padding: 10px 12px; background: var(--error-light); color: var(--error); font-size: 12px; border: 1px solid #edd1d3; border-radius: 9px; }
.workspace-redesign .auth-error[hidden] { display: none; }
.workspace-redesign .auth-form-footer { margin: 20px 0 0; font-size: 10px; color: var(--text-secondary); text-align: center; }
.workspace-redesign .auth-name-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
/* Keep Vue/SSO authentication behavior intact inside the same card composition. */
.workspace-redesign .login-container.workspace-legacy-auth { display: flex !important; flex-direction: column; align-items: center; justify-content: center; padding: 32px 18px !important; min-height: 100dvh; background: radial-gradient(ellipse at 15% 15%,#e8e1f5,transparent 50%),#eceef1 !important; }
.workspace-redesign .workspace-legacy-auth>.v-row { width: 100% !important; max-width: 400px; margin: 0 !important; padding: 0; flex: none; }
.workspace-redesign .workspace-legacy-auth>.v-row>[class*="v-col"] { flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; padding: 0; }
.workspace-redesign .workspace-legacy-auth .login-card { padding: 8px !important; border: 1px solid #ffffffd9 !important; border-radius: 17px !important; background: #ffffffec !important; box-shadow: 0 22px 60px #40375c18 !important; }
.workspace-redesign .workspace-legacy-auth .logo-section { text-align: center; margin-bottom: 20px; }
.workspace-redesign .workspace-legacy-auth .logo-section img { max-width: 165px !important; max-height: 52px; object-fit: contain; margin-bottom: 12px !important; }
.workspace-redesign .workspace-legacy-auth .logo-section h2 { font-size: 20px !important; color: var(--ink) !important; }
.workspace-redesign .workspace-legacy-auth .logo-section p { font-size: 12px !important; color: var(--text-secondary) !important; }
.workspace-redesign .workspace-legacy-auth .v-field input { border: 0 !important; box-shadow: none !important; background: transparent !important; }
.workspace-redesign .toggle-tabs { display: inline-flex; gap: 4px; padding: 3px; border: 1px solid var(--line); border-radius: 9px; background: #f7f5fa; }
.workspace-redesign .toggle-tab { border: 0 !important; background: transparent !important; color: var(--text-secondary) !important; border-radius: 6px !important; box-shadow: none !important; padding: 7px 12px !important; font-size: 11px !important; }
.workspace-redesign .toggle-tab.active { background: #fff !important; color: var(--primary) !important; box-shadow: 0 1px 4px #1d1d1f0c !important; }

/* Intentional compact and narrow layouts. */
@media (max-width:1100px) {
  .workspace-redesign .workspace-home { padding: 32px 28px 48px; }
  .workspace-redesign .workspace-task-grid { grid-template-columns: 1fr 1fr; }
  .workspace-redesign .workspace-task-featured { grid-column: 1/-1; min-height: 184px; }
}
@media (max-width:768px) {
  .workspace-redesign body:has(.sidebar-menu) { margin-left: 0 !important; }
  .workspace-redesign .sidebar-menu { left: calc(-1 * var(--sidebar-width)) !important; z-index: 2100 !important; }
  .workspace-redesign .sidebar-menu.active { left: 0 !important; }
  .workspace-redesign .sidebar-close { display: grid; margin-left: auto; }
  .workspace-redesign .sidebar-overlay { z-index: 2050; }
  .workspace-redesign .floating-header,.workspace-redesign body.sidebar-collapsed .floating-header { left: 0 !important; }
  .workspace-redesign .floating-header-content { padding: 0 16px !important; gap: 10px; }
  .workspace-redesign .header-actions { gap: 6px; }
  .workspace-redesign .workspace-search-trigger :is(span,kbd) { display: none; }
  .workspace-redesign .floating-header .action-button span { display: none; }
  .workspace-redesign :is(body>.container,body>.main-container,body>.main-content,body>.app-container,.workspace-home) { padding: 26px 18px 40px !important; }
  .workspace-redesign :is(.form-grid,.fields-grid) { grid-template-columns: minmax(0,1fr) !important; }
  .workspace-redesign :is(.filter-toolbar,.filters,.filter-bar,.search-filters)>:is(.filter-field,.form-group) { flex: 1 1 100%; }
  .workspace-redesign :is(.card-header,.panel-header,.section-header,.modal-body) { padding: 18px !important; }
  .workspace-redesign .workspace-task-grid,.workspace-redesign .workspace-shortcut-grid { grid-template-columns: minmax(0,1fr); }
  .workspace-redesign .workspace-task-featured { grid-column: auto; }
  .workspace-redesign .workspace-task { padding: 24px; min-height: 170px; }
  .workspace-redesign .workspace-home-heading { margin-bottom: 30px; }
  .workspace-redesign.workspace-admin-directory .dashboard-tile { grid-template-columns: 36px minmax(0,1fr); padding: 18px !important; column-gap: 14px; }
  .workspace-redesign.workspace-admin-directory .dashboard-tile .tile-stats { grid-column: 2; grid-row: 3; margin-top: 8px; }
  .workspace-redesign .workspace-section-heading>span { display: none; }
}
@media (prefers-reduced-motion:reduce) {
  .workspace-redesign *, .workspace-redesign *::before, .workspace-redesign *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}
@media print {
  .workspace-redesign :is(.sidebar-menu,.floating-header,.workspace-skip,.workspace-search-dialog) { display: none !important; }
  .workspace-redesign body { margin: 0 !important; padding: 0 !important; background: #fff !important; }
  .workspace-redesign .workspace-table-scroll { overflow: visible; }
}
/* Older application forms use the same quiet heading and compact tool strip. */
.workspace-redesign .container>.header { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 0 24px !important; }
.workspace-redesign :is(.header,.smart-tools-section,.form-section)::before { display: none !important; }
.workspace-redesign .container>.header h1 { color: var(--text-primary) !important; font-size: 26px !important; letter-spacing: -.035em; }
.workspace-redesign .smart-tools-section { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; }
.workspace-redesign .smart-tools-title { font-size: 11px !important; text-transform: uppercase; letter-spacing: .08em; color: var(--text-secondary) !important; }
.workspace-redesign .smart-tool-card { background: #fff !important; border: 1px solid var(--border-color) !important; padding: 16px !important; border-radius: 14px !important; align-items: center; text-align: left; font-family: inherit; }
.workspace-redesign .smart-tool-icon { width: 36px !important; height: 36px !important; min-width: 36px; background: var(--primary-light) !important; color: var(--primary) !important; border-radius: 10px !important; }
.workspace-redesign .smart-tool-content h3 { font-size: 13px !important; color: var(--text-primary) !important; }
.workspace-redesign .smart-tool-content p { font-size: 11px !important; color: var(--text-secondary) !important; }
.workspace-redesign .form-section { background: transparent !important; border: 0 !important; border-bottom: 1px solid var(--border-color) !important; border-radius: 0 !important; padding: 24px 0 !important; box-shadow: none !important; }
.workspace-redesign .form-section>.section-title { background: transparent !important; color: var(--text-primary) !important; border: 0 !important; font-size: 16px !important; padding: 0 0 20px !important; }
.workspace-redesign :is(.form-container,.section-title)::before { display: none !important; }
/* The assistant owns its own two-pane shell rather than the shared sidebar. */
.workspace-redesign[data-workspace-page^="ai-chat"] body>.app-container { padding: 0 !important; min-height: 100dvh; height: 100dvh; background: #fff !important; }
.workspace-redesign[data-workspace-page^="ai-chat"] .sidebar { background: #f7f7f9 !important; border-right: 1px solid #e8e8ed !important; --csn-sidebar-w: 248px; width: 248px !important; min-width: 248px; }
.workspace-redesign[data-workspace-page^="ai-chat"] .sidebar.collapsed { width: 0 !important; min-width: 0; }
@media (max-width:768px) { .workspace-redesign[data-workspace-page^="ai-chat"] .sidebar.collapsed { width: 248px !important; } }
.workspace-redesign[data-workspace-page^="ai-chat"] .main-content { background: #fff !important; border-radius: 0 !important; border: 0 !important; box-shadow: none !important; }
.workspace-redesign[data-workspace-page^="ai-chat"] .top-bar { height: 61px; background: #fff !important; border-bottom: 1px solid #eeeef2; padding: 16px 28px; }
.workspace-redesign[data-workspace-page^="ai-chat"] .csn-greeting { color: var(--text-primary) !important; font-size: 26px !important; letter-spacing: -.045em; font-weight: 600; }
.workspace-redesign[data-workspace-page^="ai-chat"] .csn-subtitle { max-width: 440px; margin: 16px auto; line-height: 1.7; color: var(--text-secondary); }
.workspace-redesign[data-workspace-page^="ai-chat"] .input-area { background: #fff !important; padding: 20px 24px !important; }
.workspace-redesign[data-workspace-page^="ai-chat"] .input-wrapper { border: 1px solid #dddde5 !important; border-radius: 14px !important; background: #fafafc !important; box-shadow: 0 4px 24px #1d1d1f06 !important; }
.workspace-redesign[data-workspace-page^="ai-chat"] .message-input { background: transparent !important; border: 0 !important; box-shadow: none !important; }
.workspace-redesign[data-workspace-page^="ai-chat"] .messages-container { max-width: 880px; width: 100%; margin: auto; }
.workspace-redesign[data-workspace-page="websiteIndex"] #home { min-height: 85vh; background: #f5f5f7; padding: 110px 24px 80px; }
.workspace-redesign[data-workspace-page="websiteIndex"] #home>.absolute { display: none; }
.workspace-redesign[data-workspace-page="websiteIndex"] .bg-clip-text { -webkit-text-fill-color: #1d1d1f; background: none; color: #1d1d1f; }
.workspace-redesign[data-workspace-page="websiteIndex"] #home h1 { font-weight: 600; letter-spacing: -.055em; }
.workspace-redesign[data-workspace-page="websiteIndex"] section { scroll-margin-top: 80px; }
.workspace-redesign[data-workspace-page="websiteIndex"] :is(.shadow-lg,.shadow-xl) { box-shadow: 0 2px 14px #1d1d1f06 !important; border: 1px solid #eeeef2; border-radius: 20px; }
.workspace-redesign [role="dialog"] [class~="text-white"] { color: var(--text-primary) !important; }
.workspace-redesign .workspace-legacy-modal { z-index: 3000; backdrop-filter: blur(5px); }
.workspace-redesign .workspace-legacy-modal .glass-card { background: #fff !important; border: 1px solid var(--line); border-radius: 20px; color: var(--ink); max-height: calc(100dvh - 32px); overflow-y: auto; }
.workspace-redesign .workspace-legacy-modal :is(label,p,[class*="text-white/"]) { color: var(--text-secondary) !important; }
.workspace-redesign .workspace-legacy-modal [class*="bg-gradient"]>.text-white { color: white !important; }
.workspace-redesign :is(.card,.section-card,.panel,.table-responsive,.workspace-table-scroll) { min-width: 0; max-width: 100%; }
.workspace-redesign[data-workspace-page="system-settings"] .system-btn { display: flex; flex-direction: column; align-items: flex-start; text-align: left; gap: 12px; padding: 20px !important; background: #fff !important; border: 1px solid var(--line) !important; border-radius: 14px !important; }
.workspace-redesign[data-workspace-page="system-settings"] .system-btn.active { background: var(--primary-lighter) !important; border-color: #b9a5df !important; color: var(--primary) !important; }
.workspace-redesign[data-workspace-page="system-settings"] .system-btn small { font-size: 12px; line-height: 1.65; color: var(--text-secondary); }
.workspace-redesign[data-workspace-page="system-settings"] .panel-header { display: block; }
.workspace-redesign[data-workspace-page="system-settings"] .panel-subtitle { margin-top: 8px; font-size: 12px; }
.workspace-redesign .filters-grid { grid-template-columns: repeat(auto-fit,minmax(150px,1fr)) !important; }
.workspace-redesign .filter-actions { grid-column: 1/-1 !important; flex-wrap: wrap; }
@media (max-width:768px) {
  .workspace-redesign .filters-grid { grid-template-columns: minmax(0,1fr) !important; }
  .workspace-redesign .section-card>div[style*="display:flex"] { flex-wrap: wrap; gap: 16px; }
  .workspace-redesign .section-card>div>div[style*="flex:0 0 auto"] { flex: 1 1 100% !important; min-width: 0; }
  .workspace-redesign .section-card input[type="search"] { width: 100% !important; min-width: 0; }
  .workspace-redesign :is(.footer-bar,.pagination-info,.catalog-header) { flex-wrap: wrap; }
}

/* Shared page composition and dense catalogues. */
.workspace-redesign .workspace-heading-copy { min-width: 0; flex: 1 1 340px; }
.workspace-redesign .workspace-heading-copy :is(h1,h2) { margin: 0 !important; }
.workspace-redesign .workspace-heading-copy p { margin: 6px 0 0 !important; font-size: 12px !important; }
.workspace-redesign .workspace-scope-field { display: grid; gap: 6px; min-width: 210px; }
.workspace-redesign .workspace-scope-field label { font-size: 10px !important; font-weight: 600; color: var(--text-secondary); }
.workspace-redesign .workspace-scope-field select { height: 37px; font-weight: 500 !important; }
.workspace-redesign.workspace-admin-directory .dashboard-tile:last-child { border-bottom: 0 !important; }
.workspace-redesign.workspace-admin-directory .dashboard-tile:hover { background: #faf8fd !important; }
.workspace-redesign.workspace-admin-directory .dashboard-tile .tile-icon { width: 34px !important; height: 34px !important; border-radius: 9px !important; }
.workspace-redesign.workspace-admin-directory .dashboard-tile .tile-icon i { font-size: 18px !important; }
.workspace-redesign :is(.stat-card,.stats-card,.metric-card,.summary-card) { padding: 15px 18px !important; }
.workspace-redesign :is(.stat-label,.metric-label,.stats-label) { font-size: 10px !important; color: var(--text-secondary) !important; }
.workspace-redesign select:not([multiple]):not([size]) { appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23737a88' stroke-width='1.8'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E"); background-position: right 11px center; background-repeat: no-repeat; }
.workspace-redesign :is(input,textarea,select)[aria-invalid=true] { border-color: var(--error) !important; }
.workspace-redesign .workspace-legacy-auth .v-card-title { padding: 24px 24px 0 !important; white-space: normal; }
.workspace-redesign .workspace-legacy-auth .v-card-text { padding: 0 24px 24px !important; }
.workspace-redesign .workspace-legacy-auth .v-field { --v-input-control-height: 40px; }
.workspace-redesign .workspace-legacy-auth .v-selection-control { min-height: 36px; }
.workspace-redesign .workspace-legacy-auth .v-label { font-size: 12px; }
@media(max-width:768px) {
 .workspace-redesign .workspace-heading-copy { flex-basis: 100%; }
 .workspace-redesign .workspace-scope-field { width: 100%; }
 .workspace-redesign .auth-form-side { padding: 26px 22px 22px; }
 .workspace-redesign :is(.workspace-button,.v-btn) { min-height: 40px; }
 .workspace-redesign .workspace-search-trigger { min-width: 40px; min-height: 40px; justify-content: center; }
}

.workspace-redesign.workspace-admin-directory .dashboard-tile { text-align: left !important; min-height: 68px !important; }
.workspace-redesign.workspace-admin-directory .tile-icon { margin: 0 !important; }
.workspace-redesign.workspace-admin-directory .tile-title { font-size: 13px !important; line-height: 1.4; text-align: left !important; }
.workspace-redesign.workspace-admin-directory .tile-description { font-size: 11px !important; line-height: 1.5; text-align: left !important; }
.workspace-redesign.workspace-admin-directory .tile-count { grid-column: 3; grid-row: 1; font-size: 18px !important; font-weight: 650; margin: 0 !important; text-align: right; }
.workspace-redesign.workspace-admin-directory .tile-footer { grid-column: 3; grid-row: 2; margin: 0 !important; padding: 0 !important; border: 0 !important; font-size: 10px !important; gap: 6px; }
.workspace-redesign .success-container { max-width: 480px; padding: 28px !important; border-radius: 15px !important; }
.workspace-redesign .success-icon { width: 48px; height: 48px; margin-bottom: 18px; border: 1px solid #b8ddce; }
.workspace-redesign .success-icon i { font-size: 24px; }
.workspace-redesign .success-title { font-size: 23px; }
.workspace-redesign .success-message { font-size: 12px; margin-bottom: 20px; }
@media(max-width:768px) {
 .workspace-redesign.workspace-admin-directory .tile-count { grid-column: 2; grid-row: 3; text-align: left; font-size: 14px !important; }
 .workspace-redesign.workspace-admin-directory .tile-footer { grid-column: 2; grid-row: 4; }
}

/* Form layouts are shared even when a legacy page has no local stylesheet. */
.workspace-redesign .page-content { padding: 26px 34px 40px; }
.workspace-redesign .page-content>.container { max-width: 1360px; margin: auto; }
.workspace-redesign .form-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px 18px; }
.workspace-redesign .form-grid :is(input,select,textarea) { width: 100%; }
.workspace-redesign .form-grid :is(.full-width,.span-2,.col-span-2) { grid-column: 1/-1; }
.workspace-redesign .page-header-text { min-width: 0; flex: 1; }
.workspace-redesign .page-header-icon { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 9px; background: var(--primary-lighter); color: var(--primary); font-size: 20px; }
.workspace-redesign .page-header-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.workspace-redesign .form-section .section-title { font-size: 13px !important; padding-bottom: 14px !important; }
.workspace-redesign .workspace-legacy-auth .logo-section img { width: 165px !important; }
.workspace-redesign .workspace-legacy-auth .auth-field { margin-bottom: 14px; }
.workspace-redesign .workspace-legacy-auth .auth-field input { padding: 0 10px !important; }
.workspace-redesign .workspace-legacy-auth .v-input__details { padding-top: 4px; min-height: 0; }
.workspace-redesign .workspace-legacy-auth .v-btn { min-height: 39px; }
.workspace-redesign .swal2-popup { width: min(420px,calc(100vw - 32px)); padding: 22px !important; }
.workspace-redesign .swal2-title { padding: 12px 0 0 !important; font-size: 19px !important; }
.workspace-redesign .swal2-html-container { font-size: 12px !important; margin: 12px 0 0 !important; }
.workspace-redesign .swal2-icon { width: 44px !important; height: 44px !important; margin: 0 auto !important; font-size: 10px; }
.workspace-redesign .swal2-actions { margin-top: 18px !important; }
@media(max-width:768px) { .workspace-redesign .page-content { padding: 22px 18px 36px; } .workspace-redesign .form-grid { grid-template-columns: minmax(0,1fr); } .workspace-redesign .page-header-actions { width: 100%; } }

.workspace-redesign .content-section { padding: 18px !important; border: 1px solid var(--line) !important; border-radius: 14px !important; box-shadow: var(--workspace-shadow) !important; background: #fff !important; }
.workspace-redesign .content-section>.section-header { padding: 0 0 14px !important; margin-bottom: 16px !important; }
.workspace-redesign .workspace-filter-toolbar { align-items: end !important; padding: 12px 14px !important; margin-bottom: 14px !important; border-radius: 10px !important; }
.workspace-redesign .workspace-filter-label { display: block; font-size: 10px; font-weight: 600; color: var(--text-secondary); margin-bottom: 6px; }
.workspace-redesign .workspace-legacy-auth .auth-field .v-field input { border: 0 !important; border-radius: 0 !important; min-height: 39px !important; height: 39px !important; }
.workspace-redesign .workspace-legacy-auth .v-field__outline { --v-field-border-opacity: .2; }
.workspace-redesign table.workspace-table :is(.workspace-button,.btn) { min-height: 30px; padding: 5px 8px !important; font-size: 11px !important; }
.workspace-redesign table.workspace-table :is(.action-buttons,td>div:has(>button)) { display: inline-flex; gap: 5px; flex-wrap: nowrap; }
.workspace-redesign.workspace-admin-directory table.workspace-table { min-width: 0 !important; }
.workspace-redesign[data-workspace-page="document-management-v2"] table.workspace-table th:last-child { width: 170px !important; }
.workspace-redesign[data-workspace-page="document-management-v2"] table.workspace-table th:first-child { width: 130px !important; }
.workspace-redesign[data-workspace-page="document-management-v2"] table.workspace-table th:nth-child(2) { width: 210px !important; }
.workspace-redesign[data-workspace-page="document-management-v2"] table.workspace-table td :is(strong,span) { font-size: 11px !important; }
@media(max-width:768px) { .workspace-redesign .workspace-filter-toolbar { flex-wrap: wrap; } .workspace-redesign .workspace-filter-toolbar>div { flex-basis: 100% !important; min-width: 0; } .workspace-redesign.workspace-admin-directory table.workspace-table { min-width: 650px !important; } }

/* Legacy nested forms and feedback screens use the same page rhythm. */
.workspace-redesign #app>.container { padding: 26px 34px 40px !important; max-width: 1500px; margin: auto; }
.workspace-redesign .container>.header { margin-bottom: 20px !important; padding: 0 !important; }
.workspace-redesign .form-container { padding: 18px !important; }
.workspace-redesign .form-grid>.form-group { margin: 0 !important; }
.workspace-redesign .form-section { padding: 18px 0 !important; }
.workspace-redesign .smart-tools-section>div { justify-content: flex-start !important; }
.workspace-redesign .btn-smart-tool { max-width: none !important; width: auto !important; flex: 0 1 auto !important; font-size: 11px !important; }
.workspace-redesign :is(.section-card,.overview-card,.analysis-card,.analysis-panel) { padding: 16px 18px !important; }
.workspace-redesign .filters-grid { gap: 12px !important; margin-top: 14px !important; }
.workspace-redesign .filter-group label { display: block; font-size: 10px !important; font-weight: 600; margin-bottom: 6px; color: var(--text-secondary); }
.workspace-redesign :is(.modal-panel,.vetting-modal-content,.preview-modal-content) { border-radius: 15px !important; background: #fff; border: 1px solid var(--line); box-shadow: 0 22px 60px #40375c25; }
.workspace-redesign[data-workspace-page="websiteIndex"] header { height: 61px; }
.workspace-redesign[data-workspace-page="websiteIndex"] header .h-16 { height: 61px; }
.workspace-redesign[data-workspace-page="websiteIndex"] main { padding-top: 96px !important; padding-bottom: 40px !important; }
.workspace-redesign[data-workspace-page="websiteIndex"] h1 { font-size: clamp(28px,3vw,40px) !important; line-height: 1.15; }
.workspace-redesign[data-workspace-page="websiteIndex"] h2 { font-size: 23px !important; }
.workspace-redesign[data-workspace-page="websiteIndex"] h3 { font-size: 15px !important; }
.workspace-redesign[data-workspace-page="websiteIndex"] :is(.text-xl,.text-2xl) { font-size: 14px !important; line-height: 1.6; }
.workspace-redesign[data-workspace-page="websiteIndex"] :is(.py-16,.py-20,.py-24) { padding-top: 36px !important; padding-bottom: 36px !important; }
@media(max-width:768px) { .workspace-redesign #app>.container { padding: 22px 18px 36px !important; } .workspace-redesign .smart-tools-section>div { flex-wrap: wrap; } .workspace-redesign .form-container { padding: 15px !important; } }

.workspace-redesign .workspace-context-empty { max-width: 480px; margin: 12vh auto; padding: 28px; background: #fff; border: 1px solid var(--line); border-radius: var(--card-radius); text-align: left; box-shadow: var(--workspace-shadow); }
.workspace-redesign .workspace-context-empty h1 { font-size: 23px !important; margin: 0 0 9px; }
.workspace-redesign .workspace-context-empty p { color: var(--text-secondary); font-size: 12px; line-height: 1.6; margin-bottom: 18px; }
@media(max-width:768px) { .workspace-redesign .workspace-context-empty { margin: 8vh 18px; padding: 22px; } }

.workspace-redesign .workspace-legacy-auth .v-field { min-height: 39px; }
.workspace-redesign .workspace-legacy-auth .v-field__append-inner { align-items: center; padding-top: 0; }

/* Root Vue authentication shares the V2 form composition. */
.workspace-redesign .workspace-sr-only { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.workspace-redesign .sidebar-header:has(.workspace-sidebar-wordmark) { flex-wrap: wrap; gap: 8px; }
.workspace-redesign .workspace-sidebar-wordmark { display: block; flex: 1 1 100%; max-width: 165px; }
.workspace-redesign .workspace-sidebar-wordmark img { display: block; width: 100%; height: auto; max-height: 52px; object-fit: contain; }
.workspace-redesign .sidebar-header:has(.workspace-sidebar-wordmark) .sidebar-brand { flex: 1 1 100%; }
.workspace-redesign .sidebar-menu.collapsed .workspace-sidebar-wordmark { display: none; }
.workspace-redesign .workspace-public-wordmark img { display: block; width: 145px; height: auto; }
.workspace-redesign .workspace-public-footer-logo { display: block; width: 180px; height: auto; margin: 0 auto 20px; padding: 8px; background: #fff; border-radius: 8px; }
.workspace-redesign .workspace-legacy-auth .workspace-auth-heading { text-align: left; }
.workspace-redesign .workspace-legacy-auth .auth-brand { margin-bottom: 24px; }
.workspace-redesign .workspace-legacy-auth .auth-form-wrap h2 { color: var(--ink) !important; font-size: 20px !important; line-height: 1.3; }
.workspace-redesign .workspace-legacy-auth .auth-form-wrap>p { white-space: normal; font-size: 12px !important; }
.workspace-redesign .workspace-legacy-auth .auth-switch { font-size: 12px; text-align: center; }
.workspace-redesign .workspace-legacy-auth .auth-form-footer { margin-bottom: 0; text-align: center; }

.workspace-redesign .workspace-standalone-brand { display: flex; align-items: center; min-height: 58px; padding: 10px 24px; border-bottom: 1px solid var(--line); background: #fff; }
.workspace-redesign .workspace-standalone-brand img { display: block; width: 120px; height: auto; }
.workspace-redesign .csn-logo-mark { width: 110px !important; height: auto !important; flex: 0 0 110px !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; }
.workspace-redesign .csn-logo-mark img { width: 110px !important; height: auto !important; }
.workspace-redesign .fg-bank-logo-img { width: 100px !important; height: auto !important; max-height: 36px; object-fit: contain; }
.workspace-redesign .workspace-header-wordmark { width: 100px; height: auto; }
.workspace-redesign .workspace-vetting-splash-logo { display: block; width: 180px; height: auto; padding: 10px; margin-bottom: 20px; background: #fff; border-radius: 10px; }
.workspace-redesign .fg-logo-ring:has(.fg-bank-logo-img) { width: 116px !important; min-width: 116px; height: 44px !important; padding: 8px; border-radius: 8px; background: #fff; }
.workspace-redesign body:not(:has(.sidebar-menu)) .floating-header .logo-container { display: block !important; }
.workspace-redesign body:not(:has(.sidebar-menu)) .modern-logo:has(.workspace-header-wordmark) { width: auto; height: auto; background: transparent; border: 0; box-shadow: none; animation: none; transform: none; }