/*
 * WIFAQ LAW - UI SYSTEM V3
 * Global visual consolidation layer.
 * Loaded after legacy/page styles to normalize spacing, tables, forms,
 * toolbars, dialogs and responsive behavior without changing business logic.
 */

:root {
  --wf3-navy-950:#071b28;
  --wf3-navy-900:#0b2b3c;
  --wf3-navy-800:#123e54;
  --wf3-navy-700:#18506c;
  --wf3-gold:#c69d53;
  --wf3-gold-soft:#f7f0e3;
  --wf3-bg:#f4f6f8;
  --wf3-surface:#ffffff;
  --wf3-surface-2:#f8fafb;
  --wf3-text:#172b38;
  --wf3-muted:#687b87;
  --wf3-line:#dce5ea;
  --wf3-line-strong:#cbd8df;
  --wf3-success:#117451;
  --wf3-danger:#b33b3b;
  --wf3-warning:#b86618;
  --wf3-info:#276a91;
  --wf3-radius:12px;
  --wf3-radius-sm:9px;
  --wf3-shadow:0 2px 10px rgba(10,42,58,.055);
  --wf3-shadow-pop:0 18px 46px rgba(7,27,40,.18);
  --wf3-control-h:38px;
  --wf3-sidebar:82px;
}

html.wifaq-ui-v3-html,
body.wifaq-ui-v3 {
  min-width:0 !important;
  min-height:100% !important;
  background:var(--wf3-bg) !important;
  color:var(--wf3-text) !important;
}

body.wifaq-ui-v3 {
  --wifaq-global-sidebar-width:var(--wf3-sidebar) !important;
  --wifaq-global-sidebar-collapsed:var(--wf3-sidebar) !important;
  overflow-x:hidden !important;
  font-family:Tahoma,Arial,sans-serif !important;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

body.wifaq-ui-v3.wifaq-global-sidebar-enabled,
body.wifaq-ui-v3.wifaq-global-sidebar-collapsed,
body.wifaq-ui-v3.wifaq-office-v2.wifaq-global-sidebar-enabled,
body.wifaq-ui-v3.wifaq-office-v2.wifaq-global-sidebar-collapsed {
  padding-right:var(--wf3-sidebar) !important;
}

body.wifaq-ui-v3 #wifaqGlobalSidebarHost,
body.wifaq-ui-v3.wifaq-global-sidebar-collapsed #wifaqGlobalSidebarHost,
body.wifaq-ui-v3.wifaq-office-v2 #wifaqGlobalSidebarHost,
body.wifaq-ui-v3.wifaq-office-v2.wifaq-global-sidebar-collapsed #wifaqGlobalSidebarHost {
  width:var(--wf3-sidebar) !important;
}

body.wifaq-ui-v3 #wifaqSidebarItemTooltip {
  border-radius:8px !important;
  padding:7px 10px !important;
  font-size:11px !important;
  box-shadow:0 10px 28px rgba(7,27,40,.22) !important;
}

/* Topbar */
body.wifaq-ui-v3 .wifaq-unified-topbar,
body.wifaq-ui-v3 > .topbar,
body.wifaq-ui-v3 > .top-bar,
body.wifaq-ui-v3 > .app-header,
body.wifaq-ui-v3 .main > .topbar,
body.wifaq-ui-v3 main > .topbar {
  min-height:66px !important;
  padding:8px 16px !important;
  border-bottom:1px solid var(--wf3-line) !important;
  background:#fff !important;
  box-shadow:0 2px 9px rgba(10,42,58,.05) !important;
  backdrop-filter:none !important;
}

body.wifaq-ui-v3 .wifaq-unified-topbar-inner {
  min-height:48px !important;
  gap:10px !important;
}

body.wifaq-ui-v3 .wifaq-unified-topbar-title h1,
body.wifaq-ui-v3 .wifaq-unified-topbar-title h2,
body.wifaq-ui-v3 .topbar-title h1,
body.wifaq-ui-v3 .topbar-title h2 {
  font-size:17px !important;
  line-height:1.35 !important;
  color:var(--wf3-navy-900) !important;
}

body.wifaq-ui-v3 .wifaq-unified-topbar-title p,
body.wifaq-ui-v3 .topbar-title p,
body.wifaq-ui-v3 .wifaq-unified-topbar-title .subtitle {
  margin-top:2px !important;
  font-size:10.5px !important;
  color:var(--wf3-muted) !important;
}

body.wifaq-ui-v3 .wifaq-unified-topbar-actions,
body.wifaq-ui-v3 .topbar-actions,
body.wifaq-ui-v3 .header-actions,
body.wifaq-ui-v3 .hero-actions {
  min-width:0 !important;
  gap:7px !important;
  align-items:center !important;
}

body.wifaq-ui-v3 .wifaq-v2-global-search {
  min-width:190px !important;
  width:min(290px,24vw) !important;
}
body.wifaq-ui-v3 .wifaq-v2-global-search input {
  height:36px !important;
  min-height:36px !important;
  padding:0 12px !important;
  font-size:11px !important;
  border:1px solid var(--wf3-line) !important;
  background:var(--wf3-surface-2) !important;
  box-shadow:none !important;
}
body.wifaq-ui-v3 .wifaq-v2-shortcuts-button {
  min-height:36px !important;
  padding-inline:11px !important;
  border:1px solid var(--wf3-line) !important;
  background:#fff !important;
  color:var(--wf3-navy-900) !important;
  font-size:11px !important;
}

/* Workspace / page title */
body.wifaq-ui-v3 .wifaq-v2-workspace {
  width:auto !important;
  min-height:68px !important;
  margin:12px 14px 9px !important;
  padding:11px 14px !important;
  gap:10px !important;
  border:1px solid var(--wf3-line) !important;
  border-radius:var(--wf3-radius) !important;
  background:#fff !important;
  box-shadow:var(--wf3-shadow) !important;
}
body.wifaq-ui-v3 .wifaq-v2-workspace-copy {
  min-width:180px !important;
  flex:1 1 280px !important;
}
body.wifaq-ui-v3 .wifaq-v2-workspace-title {
  margin:0 !important;
  color:var(--wf3-navy-900) !important;
  font-size:16.5px !important;
  font-weight:900 !important;
  line-height:1.35 !important;
}
body.wifaq-ui-v3 .wifaq-v2-workspace-subtitle {
  margin:3px 0 0 !important;
  color:var(--wf3-muted) !important;
  font-size:10.5px !important;
  line-height:1.55 !important;
}
body.wifaq-ui-v3 .wifaq-v2-page-actions {
  gap:6px !important;
  flex-wrap:nowrap !important;
}
body.wifaq-ui-v3 .wifaq-v2-page-actions > button,
body.wifaq-ui-v3 .wifaq-v2-page-actions > a {
  min-height:36px !important;
  height:36px !important;
  padding:0 12px !important;
  border-radius:9px !important;
  font-size:11px !important;
  white-space:nowrap !important;
}

/* Content frame: one consistent gutter on all screens */
body.wifaq-ui-v3 main,
body.wifaq-ui-v3 .main,
body.wifaq-ui-v3 .page,
body.wifaq-ui-v3 .content,
body.wifaq-ui-v3 .page-content,
body.wifaq-ui-v3 .content-area,
body.wifaq-ui-v3 .content-wrapper,
body.wifaq-ui-v3 .dashboard-content,
body.wifaq-ui-v3 .module-content {
  min-width:0 !important;
  max-width:100% !important;
}

body.wifaq-ui-v3 main.container,
body.wifaq-ui-v3 main.page-content,
body.wifaq-ui-v3 main.page-container,
body.wifaq-ui-v3 main.hr-page,
body.wifaq-ui-v3 main.page,
body.wifaq-ui-v3 main.content {
  width:auto !important;
  max-width:none !important;
  margin-inline:14px !important;
  padding-inline:0 !important;
}

body.wifaq-ui-v3 .main > .content,
body.wifaq-ui-v3 main.main > .content {
  width:auto !important;
  margin:12px 14px 18px !important;
  padding:0 !important;
}

body.wifaq-ui-v3 .page-content,
body.wifaq-ui-v3 .content-area,
body.wifaq-ui-v3 .content-wrapper,
body.wifaq-ui-v3 .dashboard-content,
body.wifaq-ui-v3 .module-content {
  padding-left:0 !important;
  padding-right:0 !important;
}

/* Surfaces */
body.wifaq-ui-v3 .card,
body.wifaq-ui-v3 .panel,
body.wifaq-ui-v3 .page-panel,
body.wifaq-ui-v3 .section,
body.wifaq-ui-v3 .section-card,
body.wifaq-ui-v3 .content-card,
body.wifaq-ui-v3 .table-card,
body.wifaq-ui-v3 .list-card,
body.wifaq-ui-v3 .filter-card,
body.wifaq-ui-v3 .filters-card,
body.wifaq-ui-v3 .search-card,
body.wifaq-ui-v3 .settings-card,
body.wifaq-ui-v3 .side-card,
body.wifaq-ui-v3 .stat-card,
body.wifaq-ui-v3 .module-card {
  border:1px solid var(--wf3-line) !important;
  border-radius:var(--wf3-radius) !important;
  background:#fff !important;
  box-shadow:var(--wf3-shadow) !important;
}

body.wifaq-ui-v3 .card-header,
body.wifaq-ui-v3 .section-head,
body.wifaq-ui-v3 .section-heading,
body.wifaq-ui-v3 .card-heading {
  color:var(--wf3-navy-900) !important;
}

/* Dense, aligned KPI cards */
body.wifaq-ui-v3 .stats,
body.wifaq-ui-v3 .stats-grid,
body.wifaq-ui-v3 .kpi-grid,
body.wifaq-ui-v3 .summary-grid,
body.wifaq-ui-v3 .overview-grid {
  gap:9px !important;
}
body.wifaq-ui-v3 .stat,
body.wifaq-ui-v3 .stat-card,
body.wifaq-ui-v3 .kpi-card {
  min-height:82px !important;
  padding:11px 13px !important;
  border-radius:11px !important;
  box-shadow:none !important;
}
body.wifaq-ui-v3 .stat strong,
body.wifaq-ui-v3 .stat-card > strong,
body.wifaq-ui-v3 .hero-value {
  color:var(--wf3-navy-900) !important;
  font-size:20px !important;
  line-height:1.2 !important;
}
body.wifaq-ui-v3 .stat span,
body.wifaq-ui-v3 .stat-card > span,
body.wifaq-ui-v3 .stat .muted {
  color:var(--wf3-muted) !important;
  font-size:10.5px !important;
}

/* Toolbars and filter rows */
body.wifaq-ui-v3 .toolbar,
body.wifaq-ui-v3 .filters,
body.wifaq-ui-v3 .filter-panel,
body.wifaq-ui-v3 .filter-section,
body.wifaq-ui-v3 .search-section,
body.wifaq-ui-v3 .inline-form.wifaq-v3-toolbar,
body.wifaq-ui-v3 .wifaq-v3-filter-row {
  box-sizing:border-box !important;
  width:100% !important;
  min-width:0 !important;
  margin-block:9px !important;
  padding:9px !important;
  display:flex !important;
  align-items:flex-end !important;
  gap:7px !important;
  border:1px solid var(--wf3-line) !important;
  border-radius:11px !important;
  background:#fff !important;
  box-shadow:none !important;
}
body.wifaq-ui-v3 .filters,
body.wifaq-ui-v3 .filter-panel,
body.wifaq-ui-v3 .wifaq-v3-filter-row {
  flex-wrap:nowrap !important;
}
body.wifaq-ui-v3 .filters > .field,
body.wifaq-ui-v3 .filter-panel > .field,
body.wifaq-ui-v3 .wifaq-v3-filter-row > .field,
body.wifaq-ui-v3 .wifaq-v3-filter-row > label {
  min-width:135px !important;
  flex:1 1 150px !important;
}
body.wifaq-ui-v3 .toolbar > :is(button,a,.button,.btn),
body.wifaq-ui-v3 .filters > :is(button,a,.button,.btn),
body.wifaq-ui-v3 .filter-panel > :is(button,a,.button,.btn) {
  flex:0 0 auto !important;
}

/* Forms */
body.wifaq-ui-v3 label,
body.wifaq-ui-v3 .field > span:first-child,
body.wifaq-ui-v3 .field > label:first-child {
  color:#48606d !important;
  font-size:10.5px !important;
  font-weight:800 !important;
  line-height:1.35 !important;
}
body.wifaq-ui-v3 input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
body.wifaq-ui-v3 select,
body.wifaq-ui-v3 textarea {
  max-width:100% !important;
  border:1px solid var(--wf3-line-strong) !important;
  border-radius:9px !important;
  background:#fff !important;
  color:var(--wf3-text) !important;
  box-shadow:none !important;
  font-size:12px !important;
  outline:none !important;
}
body.wifaq-ui-v3 input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
body.wifaq-ui-v3 select {
  min-height:var(--wf3-control-h) !important;
  height:var(--wf3-control-h) !important;
  padding-block:0 !important;
}
body.wifaq-ui-v3 textarea {
  min-height:84px !important;
  padding:9px 10px !important;
  line-height:1.65 !important;
  resize:vertical;
}
body.wifaq-ui-v3 input:focus,
body.wifaq-ui-v3 select:focus,
body.wifaq-ui-v3 textarea:focus {
  border-color:#7f9dad !important;
  box-shadow:0 0 0 3px rgba(24,80,108,.075) !important;
}
body.wifaq-ui-v3 input:disabled,
body.wifaq-ui-v3 select:disabled,
body.wifaq-ui-v3 textarea:disabled {
  background:#f1f4f6 !important;
  color:#7b8991 !important;
}
body.wifaq-ui-v3 input[type="number"],
body.wifaq-ui-v3 input[type="tel"],
body.wifaq-ui-v3 input[type="email"],
body.wifaq-ui-v3 .ltr {
  direction:ltr !important;
  text-align:left !important;
}

/* Buttons */
body.wifaq-ui-v3 button,
body.wifaq-ui-v3 .button,
body.wifaq-ui-v3 .btn,
body.wifaq-ui-v3 a.button,
body.wifaq-ui-v3 a.btn {
  border-radius:9px !important;
  font-size:11.5px !important;
  font-weight:800 !important;
  line-height:1.2 !important;
}
body.wifaq-ui-v3 button:not(.close):not(.modal-close):not(.icon-button):not([class*="close"]),
body.wifaq-ui-v3 .button,
body.wifaq-ui-v3 .btn {
  min-height:36px;
}
body.wifaq-ui-v3 button.primary,
body.wifaq-ui-v3 a.primary,
body.wifaq-ui-v3 .button.primary,
body.wifaq-ui-v3 .btn.primary,
body.wifaq-ui-v3 .primary-button {
  color:#fff !important;
  background:var(--wf3-navy-800) !important;
  border-color:var(--wf3-navy-800) !important;
  box-shadow:none !important;
}
body.wifaq-ui-v3 button.primary:hover,
body.wifaq-ui-v3 a.primary:hover,
body.wifaq-ui-v3 .button.primary:hover,
body.wifaq-ui-v3 .btn.primary:hover,
body.wifaq-ui-v3 .primary-button:hover {
  background:var(--wf3-navy-700) !important;
}
body.wifaq-ui-v3 button.secondary,
body.wifaq-ui-v3 a.secondary,
body.wifaq-ui-v3 .button.secondary,
body.wifaq-ui-v3 .btn.secondary,
body.wifaq-ui-v3 .secondary-button {
  color:var(--wf3-navy-900) !important;
  background:#fff !important;
  border:1px solid var(--wf3-line-strong) !important;
  box-shadow:none !important;
}
body.wifaq-ui-v3 button.danger,
body.wifaq-ui-v3 a.danger,
body.wifaq-ui-v3 .button.danger,
body.wifaq-ui-v3 .btn.danger {
  color:var(--wf3-danger) !important;
  background:#fff7f7 !important;
  border-color:#efd0d0 !important;
}
body.wifaq-ui-v3 .icon-button {
  width:34px;
  min-width:34px;
  min-height:34px !important;
  height:34px;
  padding:0 !important;
  display:inline-grid !important;
  place-items:center !important;
}
body.wifaq-ui-v3 .row-actions button,
body.wifaq-ui-v3 .actions button {
  width:auto !important;
  min-width:34px !important;
  min-height:32px !important;
  height:auto !important;
  padding:0 8px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  white-space:nowrap !important;
}

/* Tables: compact, readable, with internal scrolling only */
body.wifaq-ui-v3 .table-wrap,
body.wifaq-ui-v3 .table-wrapper,
body.wifaq-ui-v3 .table-container,
body.wifaq-ui-v3 .data-table-wrapper,
body.wifaq-ui-v3 .responsive-table,
body.wifaq-ui-v3 .table-scroll,
body.wifaq-ui-v3 .wifaq-v3-table-shell {
  box-sizing:border-box !important;
  width:100% !important;
  max-width:100% !important;
  margin:9px 0 !important;
  padding:0 !important;
  overflow-x:auto !important;
  overflow-y:visible !important;
  border:1px solid var(--wf3-line) !important;
  border-radius:11px !important;
  background:#fff !important;
  box-shadow:none !important;
  scrollbar-width:thin;
  scrollbar-color:#bdcbd3 transparent;
}
body.wifaq-ui-v3 table,
body.wifaq-ui-v3 .table,
body.wifaq-ui-v3 .data-table {
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
  border-collapse:separate !important;
  border-spacing:0 !important;
  background:#fff !important;
  color:var(--wf3-text) !important;
  font-size:12.5px !important;
  line-height:1.45 !important;
}
body.wifaq-ui-v3 table thead th,
body.wifaq-ui-v3 .table thead th,
body.wifaq-ui-v3 .data-table thead th {
  position:sticky;
  top:0;
  z-index:4;
  padding:9px 10px !important;
  border:0 !important;
  border-bottom:1px solid var(--wf3-line-strong) !important;
  background:#f2f6f8 !important;
  color:#284453 !important;
  font-size:11.5px !important;
  font-weight:900 !important;
  line-height:1.35 !important;
  white-space:nowrap !important;
  text-align:right !important;
}
body.wifaq-ui-v3 table tbody td,
body.wifaq-ui-v3 .table tbody td,
body.wifaq-ui-v3 .data-table tbody td {
  padding:9px 10px !important;
  border:0 !important;
  border-bottom:1px solid #e8eef1 !important;
  background:#fff !important;
  color:#213b49 !important;
  font-size:12.5px !important;
  font-weight:500 !important;
  line-height:1.5 !important;
  vertical-align:middle !important;
}
body.wifaq-ui-v3 table tbody tr:last-child td {
  border-bottom:0 !important;
}
body.wifaq-ui-v3 table tbody tr:hover td {
  background:#f8fbfc !important;
}
body.wifaq-ui-v3 table tbody td strong,
body.wifaq-ui-v3 table tbody td b,
body.wifaq-ui-v3 table tbody td a {
  font-size:12.75px !important;
  font-weight:800 !important;
  color:#17394b !important;
}
body.wifaq-ui-v3 table tbody td small,
body.wifaq-ui-v3 table tbody td .muted,
body.wifaq-ui-v3 table tbody td .sub-text,
body.wifaq-ui-v3 table tbody td .secondary {
  color:#6a7d87 !important;
  font-size:10.75px !important;
  font-weight:500 !important;
  line-height:1.45 !important;
}
body.wifaq-ui-v3 table tbody td button,
body.wifaq-ui-v3 table tbody td .btn,
body.wifaq-ui-v3 table tbody td .button {
  font-size:10.75px !important;
}

/* badges */
body.wifaq-ui-v3 .badge,
body.wifaq-ui-v3 .tag,
body.wifaq-ui-v3 .chip,
body.wifaq-ui-v3 .pill,
body.wifaq-ui-v3 .status-badge,
body.wifaq-ui-v3 [class*="status-"] {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:24px;
  padding:3px 8px !important;
  border-radius:999px !important;
  font-size:10.5px !important;
  font-weight:800 !important;
  line-height:1.2 !important;
  white-space:nowrap;
}

/* Pagination */
body.wifaq-ui-v3 .pagination {
  width:100% !important;
  min-height:46px !important;
  margin:8px 0 0 !important;
  padding:6px 8px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex-wrap:nowrap !important;
  gap:5px !important;
  border-top:1px solid var(--wf3-line) !important;
  background:#fff !important;
}
body.wifaq-ui-v3 .pagination button,
body.wifaq-ui-v3 .pagination a {
  min-width:32px !important;
  width:auto !important;
  height:32px !important;
  min-height:32px !important;
  padding:0 8px !important;
  border:1px solid var(--wf3-line) !important;
  border-radius:8px !important;
  background:#fff !important;
  color:var(--wf3-navy-900) !important;
  font-size:10.5px !important;
  box-shadow:none !important;
}
body.wifaq-ui-v3 .pagination button:disabled,
body.wifaq-ui-v3 .pagination a.disabled {
  opacity:.45 !important;
}

/* Dropdown/action menus */
body.wifaq-ui-v3 .dropdown-menu,
body.wifaq-ui-v3 .action-menu,
body.wifaq-ui-v3 .menu,
body.wifaq-ui-v3 [class*="actions-menu"] {
  max-width:min(300px,calc(100vw - 24px)) !important;
  padding:6px !important;
  border:1px solid var(--wf3-line) !important;
  border-radius:10px !important;
  background:#fff !important;
  box-shadow:var(--wf3-shadow-pop) !important;
}
body.wifaq-ui-v3 .dropdown-menu :is(a,button),
body.wifaq-ui-v3 .action-menu :is(a,button),
body.wifaq-ui-v3 [class*="actions-menu"] :is(a,button) {
  width:100% !important;
  min-height:35px !important;
  padding:7px 9px !important;
  border-radius:7px !important;
  text-align:right !important;
  justify-content:flex-start !important;
}

/* Dialogs/modals */
body.wifaq-ui-v3 .modal,
body.wifaq-ui-v3 .modal-overlay,
body.wifaq-ui-v3 [role="dialog"][aria-modal="true"] {
  z-index:10000 !important;
}
body.wifaq-ui-v3 .modal,
body.wifaq-ui-v3 .modal-overlay {
  padding:18px !important;
  background:rgba(7,27,40,.44) !important;
}
body.wifaq-ui-v3 .modal-card,
body.wifaq-ui-v3 .modal-content,
body.wifaq-ui-v3 dialog,
body.wifaq-ui-v3 [role="dialog"][aria-modal="true"] > :first-child {
  max-width:min(960px,calc(100vw - 36px)) !important;
  max-height:calc(100dvh - 36px) !important;
  border:1px solid var(--wf3-line) !important;
  border-radius:14px !important;
  background:#fff !important;
  box-shadow:0 24px 70px rgba(7,27,40,.24) !important;
  overflow:hidden !important;
}
body.wifaq-ui-v3 .modal-header,
body.wifaq-ui-v3 .dialog-head {
  min-height:54px !important;
  padding:10px 14px !important;
  border-bottom:1px solid var(--wf3-line) !important;
  background:#fff !important;
}
body.wifaq-ui-v3 .modal-body {
  max-height:calc(100dvh - 170px) !important;
  padding:13px 14px !important;
  overflow:auto !important;
}
body.wifaq-ui-v3 .modal-actions,
body.wifaq-ui-v3 .modal-footer {
  min-height:54px !important;
  padding:9px 14px !important;
  border-top:1px solid var(--wf3-line) !important;
  background:#fbfcfd !important;
}
body.wifaq-ui-v3 .close,
body.wifaq-ui-v3 .modal-close,
body.wifaq-ui-v3 .close-button {
  width:34px !important;
  height:34px !important;
  min-height:34px !important;
  padding:0 !important;
  border:1px solid var(--wf3-line) !important;
  border-radius:8px !important;
  background:#fff !important;
  color:#435d6b !important;
}

/* Messages / empty states */
body.wifaq-ui-v3 .message,
body.wifaq-ui-v3 .empty,
body.wifaq-ui-v3 .empty-state,
body.wifaq-ui-v3 .warning,
body.wifaq-ui-v3 .success {
  border-radius:10px !important;
  font-size:11.5px !important;
}
body.wifaq-ui-v3 .empty,
body.wifaq-ui-v3 .empty-state {
  padding:26px 16px !important;
  color:var(--wf3-muted) !important;
}

/* Tabs */
body.wifaq-ui-v3 .tabs {
  gap:5px !important;
  padding:5px !important;
  border:1px solid var(--wf3-line) !important;
  border-radius:10px !important;
  background:#f6f8f9 !important;
}
body.wifaq-ui-v3 .tab {
  min-height:34px !important;
  padding:0 10px !important;
  border-radius:7px !important;
  font-size:10.75px !important;
  font-weight:800 !important;
}
body.wifaq-ui-v3 .tab.active {
  background:#fff !important;
  color:var(--wf3-navy-900) !important;
  box-shadow:0 1px 4px rgba(10,42,58,.08) !important;
}

/* Dashboard launcher */
body.wifaq-ui-v3 .wifaq-v2-office-launcher {
  margin:0 14px 10px !important;
  gap:7px !important;
}
body.wifaq-ui-v3 .wifaq-v2-office-launcher a {
  min-height:42px !important;
  padding:8px 10px !important;
  border-radius:10px !important;
  box-shadow:none !important;
  font-size:10.75px !important;
}

/* Keep page edges clean */
body.wifaq-ui-v3 img,
body.wifaq-ui-v3 svg,
body.wifaq-ui-v3 canvas {
  max-width:100%;
}
body.wifaq-ui-v3 .row-actions,
body.wifaq-ui-v3 .actions {
  gap:5px !important;
  flex-wrap:nowrap !important;
}

/* Laptops */
@media (max-width:1280px) {
  body.wifaq-ui-v3 .wifaq-v2-global-search { width:200px !important; min-width:160px !important; }
  body.wifaq-ui-v3 .filters,
  body.wifaq-ui-v3 .filter-panel,
  body.wifaq-ui-v3 .wifaq-v3-filter-row { flex-wrap:wrap !important; }
  body.wifaq-ui-v3 .filters > .field,
  body.wifaq-ui-v3 .filter-panel > .field,
  body.wifaq-ui-v3 .wifaq-v3-filter-row > .field { flex:1 1 180px !important; }
}

/* Mobile/tablet */
@media (max-width:900px) {
  body.wifaq-ui-v3.wifaq-global-sidebar-enabled,
  body.wifaq-ui-v3.wifaq-global-sidebar-collapsed,
  body.wifaq-ui-v3.wifaq-office-v2.wifaq-global-sidebar-enabled,
  body.wifaq-ui-v3.wifaq-office-v2.wifaq-global-sidebar-collapsed { padding-right:0 !important; }
  body.wifaq-ui-v3 #wifaqGlobalSidebarHost,
  body.wifaq-ui-v3.wifaq-global-sidebar-collapsed #wifaqGlobalSidebarHost { width:min(86vw,272px) !important; }
  body.wifaq-ui-v3 .wifaq-v2-workspace { margin:9px 9px 7px !important; padding:10px 11px !important; }
  body.wifaq-ui-v3 main.container,
  body.wifaq-ui-v3 main.page-content,
  body.wifaq-ui-v3 main.page-container,
  body.wifaq-ui-v3 main.hr-page,
  body.wifaq-ui-v3 main.page,
  body.wifaq-ui-v3 main.content { margin-inline:9px !important; }
  body.wifaq-ui-v3 .main > .content,
  body.wifaq-ui-v3 main.main > .content { margin:9px !important; }
  body.wifaq-ui-v3 .wifaq-unified-topbar,
  body.wifaq-ui-v3 > .topbar,
  body.wifaq-ui-v3 .main > .topbar { min-height:60px !important; padding:7px 52px 7px 9px !important; }
  body.wifaq-ui-v3 .wifaq-v2-global-search { display:none !important; }
  body.wifaq-ui-v3 .wifaq-v2-page-actions { width:100%; overflow-x:auto; padding-bottom:2px; }
  body.wifaq-ui-v3 .filters,
  body.wifaq-ui-v3 .filter-panel,
  body.wifaq-ui-v3 .wifaq-v3-filter-row { flex-wrap:wrap !important; }
  body.wifaq-ui-v3 .filters > .field,
  body.wifaq-ui-v3 .filter-panel > .field,
  body.wifaq-ui-v3 .wifaq-v3-filter-row > .field { min-width:calc(50% - 5px) !important; flex:1 1 calc(50% - 5px) !important; }
  body.wifaq-ui-v3 table { min-width:720px; }
}

@media (max-width:600px) {
  body.wifaq-ui-v3 .wifaq-v2-workspace-title { font-size:15px !important; }
  body.wifaq-ui-v3 .wifaq-v2-workspace-subtitle { display:none !important; }
  body.wifaq-ui-v3 .filters > .field,
  body.wifaq-ui-v3 .filter-panel > .field,
  body.wifaq-ui-v3 .wifaq-v3-filter-row > .field { min-width:100% !important; flex-basis:100% !important; }
  body.wifaq-ui-v3 .form-grid { grid-template-columns:1fr !important; }
  body.wifaq-ui-v3 .span-two,
  body.wifaq-ui-v3 .full { grid-column:1 / -1 !important; }
  body.wifaq-ui-v3 .modal,
  body.wifaq-ui-v3 .modal-overlay { padding:8px !important; }
  body.wifaq-ui-v3 .modal-card,
  body.wifaq-ui-v3 .modal-content,
  body.wifaq-ui-v3 dialog { max-width:calc(100vw - 16px) !important; max-height:calc(100dvh - 16px) !important; border-radius:12px !important; }
}

@media print {
  body.wifaq-ui-v3 { padding:0 !important; background:#fff !important; }
  body.wifaq-ui-v3 #wifaqGlobalSidebarHost,
  body.wifaq-ui-v3 #wifaqGlobalSidebarToggle,
  body.wifaq-ui-v3 .wifaq-unified-topbar,
  body.wifaq-ui-v3 .wifaq-v2-workspace,
  body.wifaq-ui-v3 .wifaq-v2-office-launcher { display:none !important; }
  body.wifaq-ui-v3 .card,
  body.wifaq-ui-v3 .panel,
  body.wifaq-ui-v3 .table-wrapper,
  body.wifaq-ui-v3 .table-wrap { box-shadow:none !important; border-color:#cfd7dc !important; }
}