:root {
  --ink: #14213d;
  --muted: #667085;
  --line: #d7dde8;
  --bg: #f5f7fb;
  --panel: #ffffff;
  --brand: #0f766e;
  --brand-2: #1d4ed8;
  --gold: #b7791f;
  --danger: #b42318;
  --ok: #047857;
  --warn: #c2410c;
  --shadow: 0 10px 30px rgba(20, 33, 61, .09);
}
* { box-sizing: border-box; }
body {
  margin: 0;
  font-family: Inter, Segoe UI, Arial, sans-serif;
  background: var(--bg);
  color: var(--ink);
  letter-spacing: 0;
}
button, input, select, textarea { font: inherit; }
button {
  border: 0;
  border-radius: 7px;
  padding: 10px 13px;
  background: var(--brand);
  color: white;
  cursor: pointer;
  min-height: 38px;
}
button.secondary { background: #eef4ff; color: #1849a9; }
button.ghost { background: transparent; color: var(--ink); border: 1px solid var(--line); }
button.danger { background: #fef3f2; color: #b42318; border: 1px solid #fda29b; }
button.logout-btn { background: #fee4e2; color: #b42318; border: 1px solid #fda29b; }
button.logout-btn:hover { background: #fff1f0; color: #912018; }
button.export-excel { background: #dcfae6; color: #067647; border: 1px solid #75e0a7; }
button.export-pdf { background: #fef3f2; color: #b42318; border: 1px solid #fda29b; }
button.new-blue { background: #eff8ff; color: #175cd3; border: 1px solid #84caff; }
button.user-add-button {
  background: #175cd3;
  color: #fff;
  border: 1px solid #175cd3;
  box-shadow: 0 10px 22px rgba(23, 92, 211, .22);
  font-weight: 800;
}
button.user-add-button:hover { background: #1849a9; }
button.clear-filters { background: #fef0c7; color: #7a4b0b; border: 1px solid #fdb022; }
button.back-btn { background: #f2f4f7; color: #344054; border: 1px solid #d0d5dd; }
button.back-btn:hover { background: #e4e7ec; }
button.notify-btn {
  background: #fff7e6;
  color: #7a4b0b;
  border: 1px solid #fdb022;
  position: relative;
}
button.notify-btn span {
  display: inline-flex;
  min-width: 20px;
  height: 20px;
  border-radius: 999px;
  align-items: center;
  justify-content: center;
  background: #b42318;
  color: #fff;
  font-size: 11px;
  margin-left: 4px;
}
button.compact-top { min-height: 36px; padding: 8px 11px; }
button.backup-create, button.backup-download, button.backup-sync, .backup-restore {
  min-width: 150px;
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 7px;
  padding: 10px 13px;
  cursor: pointer;
  font-weight: 700;
}
button.backup-create { background: #eff8ff; color: #175cd3; border: 1px solid #84caff; }
button.backup-download { background: #dcfae6; color: #067647; border: 1px solid #75e0a7; }
button.backup-sync { background: #2563eb; color: #ffffff; border: 1px solid #1d4ed8; box-shadow: 0 10px 20px rgba(37, 99, 235, .18); }
button.backup-sync:hover { background: #1d4ed8; border-color: #1e40af; }
.backup-restore { background: #fef0c7; color: #7a4b0b; border: 1px solid #fdb022; }
button:disabled { opacity: .55; cursor: not-allowed; }
button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, [contenteditable="true"]:focus-visible {
  outline: 3px solid rgba(29,78,216,.24);
  outline-offset: 2px;
}
input, select, textarea {
  width: 100%;
  border: 1px solid var(--line);
  border-radius: 7px;
  padding: 10px 11px;
  background: white;
  color: var(--ink);
}
textarea { min-height: 86px; resize: vertical; }
label { display: grid; gap: 6px; color: #344054; font-size: 13px; font-weight: 650; }
.backup-reminder-banner {
  margin: 12px 18px 0;
  padding: 12px 14px;
  border: 1px solid #fdb022;
  border-left: 5px solid #f97316;
  border-radius: 8px;
  background: #fffbeb;
  color: #7a4b0b;
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  box-shadow: 0 10px 24px rgba(122, 75, 11, .08);
}
.backup-reminder-banner strong {
  font-weight: 800;
  color: #9a3412;
}
.backup-reminder-banner span {
  color: #92400e;
  font-size: 13px;
  flex: 1 1 260px;
}
.backup-reminder-banner .backup-create {
  min-width: 138px;
  min-height: 36px;
  padding: 8px 12px;
}
.backup-settings {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  padding: 12px 14px;
  background: #f8fafc;
}
.login {
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 24px;
  background:
    linear-gradient(120deg, rgba(15,118,110,.92), rgba(29,78,216,.82)),
    url("https://images.unsplash.com/photo-1450101499163-c8848c66ca85?auto=format&fit=crop&w=1800&q=80") center/cover;
}
.login-card {
  width: min(460px, 100%);
  background: rgba(255,255,255,.96);
  border-radius: 8px;
  box-shadow: var(--shadow);
  padding: 28px;
}
.brand-mark {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 18px;
}
.logo {
  width: 46px;
  height: 46px;
  border-radius: 8px;
  background: linear-gradient(135deg, var(--brand), var(--brand-2));
  display: grid;
  place-items: center;
  color: white;
  font-weight: 900;
}
h1, h2, h3 { margin: 0; }
h1 { font-size: 28px; line-height: 1.08; }
h2 { font-size: 22px; }
h3 { font-size: 16px; }
.badge-sadique {
  display: inline-flex;
  width: fit-content;
  align-items: center;
  gap: 7px;
  border: 1px solid rgba(183,121,31,.35);
  color: #7a4b0b;
  background: #fff7e6;
  border-radius: 999px;
  padding: 5px 10px;
  font-size: 12px;
  font-weight: 800;
}
.badge-sadique::before { content: "CA"; font-size: 10px; background: #f7d489; padding: 3px 5px; border-radius: 999px; }
.stack { display: grid; gap: 14px; }
.row { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.between { display: flex; justify-content: space-between; gap: 12px; align-items: center; }
.client-master-head { align-items: stretch; flex-wrap: wrap; }
.client-master-search {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1 1 360px;
}
.client-master-search input {
  width: min(520px, 100%);
  min-height: 42px;
}
.muted { color: var(--muted); }
.small { font-size: 12px; }
.error { color: var(--danger); font-weight: 700; }
.shell { display: grid; grid-template-columns: 284px 1fr; min-height: 100vh; }
.sidebar {
  background: #111827;
  color: white;
  padding: 18px 12px;
  position: sticky;
  top: 0;
  height: 100vh;
  overflow: auto;
}
.side-brand { padding: 4px 8px 16px; border-bottom: 1px solid rgba(255,255,255,.12); margin-bottom: 10px; }
.app-badge {
  display: grid;
  gap: 4px;
  color: #fff;
  background: linear-gradient(135deg, rgba(15,118,110,.55), rgba(29,78,216,.35));
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 8px;
  padding: 12px;
}
.app-badge strong { font-size: 18px; line-height: 1.1; }
.app-badge span { font-size: 14px; color: #e5e7eb; font-weight: 700; }
.app-badge em { font-size: 12px; color: #cbd5e1; font-style: normal; }
.nav { display: grid; gap: 3px; }
.nav button {
  width: 100%;
  text-align: left;
  background: transparent;
  color: #d1d5db;
  border-radius: 7px;
  padding: 9px 10px;
}
.nav button.active, .nav button:hover { background: rgba(255,255,255,.1); color: white; }
.admin-nav { margin-top: 18px; padding-top: 14px; border-top: 1px solid rgba(255,255,255,.14); }
.nav-label { color: #98a2b3; font-size: 11px; font-weight: 800; text-transform: uppercase; padding: 8px 10px; }
.side-user { margin-top: 18px; padding: 12px 10px; border-top: 1px solid rgba(255,255,255,.14); color: #d1d5db; display: grid; gap: 3px; font-size: 12px; }
.main { min-width: 0; }
.topbar {
  background: rgba(255,255,255,.92);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--line);
  position: sticky;
  top: 0;
  z-index: 4;
  padding: 14px 18px;
}
.content { padding: 18px; display: grid; gap: 18px; }
.panel {
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 8px;
  box-shadow: 0 4px 14px rgba(20,33,61,.04);
  padding: 16px;
}
.grid { display: grid; gap: 14px; }
.grid.two { grid-template-columns: repeat(2, minmax(0,1fr)); }
.grid.three { grid-template-columns: repeat(3, minmax(0,1fr)); }
.grid.four { grid-template-columns: repeat(4, minmax(0,1fr)); }
.grid.five { grid-template-columns: repeat(5, minmax(0,1fr)); }
.kpi {
  border-left: 5px solid var(--brand);
  min-height: 96px;
}
.kpi strong { display: block; font-size: 25px; margin-top: 8px; }
.kpi:nth-child(2n) { border-color: var(--brand-2); }
.kpi:nth-child(3n) { border-color: var(--gold); }
.toolbar { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.toolbar > input, .toolbar > select { max-width: 260px; }
.filter-panel { border: 1px solid var(--line); border-radius: 8px; padding: 12px; background: #fbfcfe; }
.q-filter-grid label { min-width: 140px; }
.q-filter-grid input, .q-filter-grid select { min-width: 135px; }
.q-tabs {
  display: grid;
  grid-template-columns: repeat(7, minmax(128px, 1fr));
  gap: 8px;
  overflow-x: auto;
}
.q-tabs button {
  background: #ffffff;
  color: var(--ink);
  border: 1px solid var(--line);
  min-height: 58px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  white-space: normal;
  text-align: left;
}
.q-tabs button.active {
  background: #e6fffb;
  border-color: var(--brand);
  color: #0f766e;
  box-shadow: inset 0 0 0 1px rgba(15,118,110,.25);
}
.q-tabs button:nth-child(1) { background: #eff8ff; border-color: #84caff; color: #175cd3; }
.q-tabs button:nth-child(2) { background: #f4f3ff; border-color: #bdb4fe; color: #5925dc; }
.q-tabs button:nth-child(3) { background: #f0fdf9; border-color: #5fe9d0; color: #0f766e; }
.q-tabs button:nth-child(4) { background: #eef4ff; border-color: #84adff; color: #3538cd; }
.q-tabs button:nth-child(5) { background: #ecfdf3; border-color: #75e0a7; color: #027a48; }
.q-tabs button:nth-child(6) { background: #f0fdf4; border-color: #86efac; color: #15803d; }
.q-tabs button:nth-child(7) { background: #fef3f2; border-color: #fda29b; color: #b42318; }
.q-tabs button:hover { transform: translateY(-1px); box-shadow: 0 6px 14px rgba(20,33,61,.08); }
.q-tabs button.active { border-width: 2px; box-shadow: 0 8px 18px rgba(20,33,61,.14); }
.q-tabs strong {
  min-width: 30px;
  text-align: center;
  border-radius: 999px;
  background: #eef2ff;
  color: #1849a9;
  padding: 4px 8px;
}
.dashboard-home { gap: 18px; }
.dashboard-cards { margin-bottom: 10px; }
.audit-tabs {
  display: grid;
  grid-template-columns: repeat(7, minmax(128px, 1fr));
  gap: 8px;
  overflow-x: auto;
}
.audit-tabs button {
  min-height: 58px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  text-align: left;
  color: var(--ink);
  border: 1px solid var(--line);
  background: #fff;
}
.audit-tabs button:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 14px rgba(20,33,61,.08);
}
.audit-tabs button.active {
  border-width: 2px;
  box-shadow: 0 8px 18px rgba(20,33,61,.13);
}
.audit-tabs strong {
  min-width: 30px;
  text-align: center;
  border-radius: 999px;
  padding: 4px 8px;
  background: rgba(255,255,255,.72);
}
.audit-tabs button:nth-child(1) { background: #eff8ff; border-color: #84caff; color: #175cd3; }
.audit-tabs button:nth-child(2) { background: #ecfeff; border-color: #67e8f9; color: #0e7490; }
.audit-tabs button:nth-child(3) { background: #ecfdf3; border-color: #75e0a7; color: #027a48; }
.audit-tabs button:nth-child(4) { background: #f2f4f7; border-color: #d0d5dd; color: #344054; }
.audit-tabs button:nth-child(5) { background: #eef4ff; border-color: #84adff; color: #3538cd; }
.audit-tabs button:nth-child(6) { background: #fef7c3; border-color: #fde272; color: #854a0e; }
.audit-tabs button:nth-child(7) { background: #f4f3ff; border-color: #bdb4fe; color: #5925dc; }
.audit-tabs button:nth-child(8) { background: #fff4ed; border-color: #fd853a; color: #c2410c; }
.audit-tabs button:nth-child(9) { background: #fef0c7; border-color: #fdb022; color: #7a4b0b; }
.audit-tabs button:nth-child(10) { background: #fff1f3; border-color: #fda4af; color: #be123c; }
.audit-tabs button:nth-child(11) { background: #f0fdf9; border-color: #5fe9d0; color: #0f766e; }
.audit-tabs button:nth-child(12) { background: #fef3f2; border-color: #fda29b; color: #b42318; }
.audit-tabs button:nth-child(13) { background: #fffbeb; border-color: #fcd34d; color: #92400e; }
.audit-tabs button:nth-child(14) { background: #f8fafc; border-color: #cbd5e1; color: #475467; }
.engagement-search-head {
  align-items: stretch;
  flex-wrap: wrap;
}
.engagement-search {
  flex: 1 1 360px;
}
.engagement-search input {
  flex: 1 1 320px;
}
.audit-search-strip {
  flex: 0 1 720px;
}
.audit-search-strip input#audit-search,
.other-search-strip input#other-search {
  flex: 0 1 280px;
  max-width: 320px;
}
.other-search-strip {
  flex: 0 1 720px;
}
.inline-period {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 42px;
  font-size: 13px;
  font-weight: 600;
  color: #344054;
  white-space: nowrap;
}
.inline-period select {
  min-height: 42px;
  min-width: 150px;
}
.inline-period input[type="date"] {
  min-height: 42px;
  width: 142px;
}
.other-tabs {
  grid-template-columns: repeat(auto-fill, minmax(138px, 138px));
  align-items: stretch;
}
.other-tabs button {
  width: 138px;
  min-height: 58px;
  height: 58px;
  padding: 9px 10px;
}
.other-tabs button span {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.other-tabs button strong {
  flex: 0 0 auto;
}
.task-tabs, .perf-tabs { grid-template-columns: repeat(8, minmax(128px, 1fr)); }
.task-dashboard {
  grid-template-columns: repeat(auto-fit, minmax(138px, 1fr)) !important;
  overflow-x: visible;
  width: 100%;
}
.task-dashboard button {
  min-width: 0;
  min-height: 72px;
  padding: 12px 14px;
}
.task-dashboard button span {
  white-space: normal;
  line-height: 1.2;
}
.task-dashboard button strong {
  font-size: clamp(22px, 3vw, 30px);
}
.audit-filter-panel {
  gap: 8px;
}
.audit-filter-row {
  display: grid;
  gap: 8px;
  align-items: end;
}
.audit-filter-row.main-row {
  grid-template-columns: minmax(130px, 1.2fr) minmax(100px, .8fr) repeat(6, minmax(112px, 1fr));
}
.audit-filter-row.date-row {
  grid-template-columns: repeat(4, minmax(140px, 180px)) minmax(120px, max-content);
  justify-content: start;
}
.audit-filter-row input,
.audit-filter-row select {
  min-width: 0;
}
.audit-filter-row .clear-filters {
  height: 38px;
  align-self: end;
}
@media (max-width: 1180px) {
  .audit-filter-row.main-row,
  .audit-filter-row.date-row {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  }
}
.progress {
  width: 100%;
  height: 8px;
  border-radius: 999px;
  background: #eef2ff;
  overflow: hidden;
  margin-bottom: 4px;
}
.progress span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: #84caff;
}
.table-wrap { overflow: auto; border: 1px solid var(--line); border-radius: 8px; max-height: 68vh; }
table { width: 100%; border-collapse: collapse; min-width: 900px; background: white; table-layout: fixed; }
th, td { padding: 10px 11px; border-bottom: 1px solid #edf0f5; text-align: left; vertical-align: top; font-size: 13px; line-height: 1.35; overflow-wrap: anywhere; }
th { position: sticky; top: 0; background: #f8fafc; z-index: 1; color: #344054; }
th[data-q-sort], th[data-p-sort] { cursor: pointer; }
.pro-table tbody tr:nth-child(even) { background: #fbfcff; }
.pro-table tbody tr:hover { background: #f0f9ff; }
.pro-table th, .pro-table td { min-width: 110px; }
.quotation-table th:first-child, .quotation-table td:first-child { min-width: 58px; width: 58px; text-align: center; }
.quotation-table th:nth-child(2), .quotation-table td:nth-child(2) { min-width: 210px; width: 210px; }
.quotation-table th:last-child, .quotation-table td:last-child { min-width: 150px; width: 150px; }
.pro-table .row { gap: 6px; align-items: flex-start; }
.pro-table button { min-height: 30px; padding: 7px 9px; font-size: 12px; }
.amount { text-align: right; }
.date-cell, .status-cell { text-align: center; }
.actions { display: flex; gap: 6px; align-items: center; justify-content: center; flex-wrap: wrap; }
.actions button[data-mark-billed],
.actions button[data-fee-receipt],
.actions button[data-mark-received],
.actions button[data-mark-not-received] {
  background: #0f766e !important;
  color: #ffffff !important;
  border: 1px solid #0f766e !important;
  font-weight: 800 !important;
  opacity: 1 !important;
  box-shadow: 0 8px 18px rgba(15, 118, 110, .22);
}
.actions button[data-mark-billed]:hover,
.actions button[data-fee-receipt]:hover,
.actions button[data-mark-received]:hover,
.actions button[data-mark-not-received]:hover {
  background: #115e59 !important;
  border-color: #115e59 !important;
}
.pagination { padding: 4px 2px; }
.section-heading { font-size: 15px; color: #344054; margin: 0; }
.action-strip button { min-height: 40px; }
.priority { display: inline-flex; border-radius: 999px; padding: 4px 9px; font-size: 12px; font-weight: 800; }
.priority.low { background: #f2f4f7; color: #475467; }
.priority.normal { background: #eff8ff; color: #175cd3; }
.priority.high { background: #fff4ed; color: #c2410c; }
.priority.urgent { background: #fef3f2; color: #b42318; }
.overdue-row { box-shadow: inset 4px 0 0 #f04438; }
.status {
  display: inline-flex;
  border-radius: 999px;
  padding: 4px 9px;
  font-size: 12px;
  font-weight: 800;
  background: #eef2ff;
  color: #3730a3;
  white-space: nowrap;
}
.status.green { background: #ecfdf3; color: #027a48; }
.status.orange { background: #fff4ed; color: #c2410c; }
.status.red { background: #fef3f2; color: #b42318; }
.status.blue { background: #eff8ff; color: #175cd3; }
.status.grey { background: #f2f4f7; color: #475467; }
.status.dark { background: #344054; color: #ffffff; }
.field-error { color: var(--danger); font-size: 12px; font-weight: 700; min-height: 16px; }
.period-row {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr auto;
  gap: 10px;
  align-items: end;
}
.rich-text {
  min-height: 120px;
  border: 1px solid var(--line);
  border-radius: 7px;
  padding: 10px 11px;
  background: white;
  overflow: auto;
}
.tabs { display: flex; gap: 6px; border-bottom: 1px solid var(--line); overflow: auto; }
.tabs button {
  background: transparent;
  color: var(--muted);
  border-radius: 0;
  border-bottom: 3px solid transparent;
  white-space: nowrap;
}
.tabs button.active { color: var(--brand); border-bottom-color: var(--brand); }
.modal {
  position: fixed;
  inset: 0;
  background: rgba(15,23,42,.45);
  z-index: 20;
  display: grid;
  place-items: start center;
  padding: 32px 16px;
  overflow: auto;
}
.modal-card {
  width: min(1120px, 100%);
  background: white;
  border-radius: 8px;
  padding: 18px;
  box-shadow: var(--shadow);
}
.compact-modal-card {
  width: min(780px, calc(100vw - 32px));
  max-height: calc(100vh - 64px);
  overflow: auto;
}
.modal-back { justify-self: start; }
.compact-form-grid { gap: 10px 12px; }
.permission-box {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: #fbfcfe;
}
.permission-box h3 { margin-bottom: 8px; }
.permission-group {
  display: grid;
  grid-template-columns: 145px 1fr;
  gap: 8px;
  padding: 8px 0;
  border-top: 1px solid #edf0f5;
}
.permission-group:first-of-type { border-top: 0; }
.permission-group > div { display: flex; flex-wrap: wrap; gap: 8px 12px; }
.check-row {
  display: inline-flex;
  grid-auto-flow: column;
  align-items: center;
  gap: 6px;
  min-width: 120px;
  font-size: 12px;
}
.check-row input { width: auto; }
.modal-actions {
  position: sticky;
  bottom: -18px;
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  padding: 12px 0 0;
  background: linear-gradient(180deg, rgba(255,255,255,.85), #fff 45%);
}
.modal-actions button { min-width: 128px; min-height: 40px; }
.my-task-edit-form {
  width: min(900px, calc(100vw - 32px));
  padding-bottom: 0;
}
.task-edit-header {
  position: sticky;
  top: -18px;
  z-index: 6;
  padding: 0 0 10px;
  background: #fff;
  border-bottom: 1px solid var(--line);
}
.task-edit-header h2 {
  font-size: 20px;
  margin: 0;
}
.task-edit-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  margin-top: 12px;
  border: 1.5px solid #cbd5e1;
}
.task-edit-table th,
.task-edit-table td {
  border: 1px solid #d8e0ea;
  padding: 8px 10px;
  vertical-align: middle;
  font-size: 14px;
}
.task-edit-table th {
  width: 140px;
  color: #9f1239;
  background: #fff1f4;
  font-weight: 700;
  text-align: left;
}
.task-edit-table td {
  color: #171a21;
  font-weight: 500;
  background: #fff;
}
.task-edit-inputs select,
.task-edit-inputs input,
.task-edit-inputs textarea {
  width: 100%;
  min-height: 36px;
  margin: 0;
  font-size: 14px;
}
.task-edit-inputs textarea {
  resize: vertical;
  min-height: 58px;
}
.task-edit-lines {
  margin-top: 12px;
  border: 1.5px solid #cbd5e1;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
}
.task-edit-lines .between {
  padding: 8px 10px;
  background: #f8fafc;
  border-bottom: 1px solid #d8e0ea;
}
.task-edit-lines h3 {
  margin: 0;
  font-size: 15px;
  font-weight: 700;
  color: #171a21;
}
.task-line-table {
  padding: 8px 10px 10px;
}
.my-task-edit-form .pending-line-row {
  display: grid;
  grid-template-columns: 44px minmax(220px, 1fr) 92px;
  align-items: center;
  gap: 8px;
  padding: 6px 0;
  border-bottom: 1px solid #eef2f7;
}
.my-task-edit-form .pending-line-row:last-child {
  border-bottom: 0;
}
.my-task-edit-form .pending-line-sn {
  display: inline-grid;
  place-items: center;
  height: 32px;
  border: 1px solid #d8e0ea;
  border-radius: 6px;
  background: #f8fafc;
  font-weight: 700;
  color: #475569;
}
.my-task-edit-form .pending-line-row input {
  margin: 0;
  min-height: 34px;
}
.task-edit-actions {
  bottom: -18px;
  z-index: 7;
  margin-top: 12px;
  padding: 12px 0;
  border-top: 1px solid var(--line);
}
@media (max-width: 720px) {
  .task-edit-table,
  .task-edit-table tbody,
  .task-edit-table tr,
  .task-edit-table th,
  .task-edit-table td {
    display: block;
    width: 100%;
  }
  .task-edit-table tr {
    border-bottom: 1px solid #d8e0ea;
  }
  .task-edit-table th {
    border-bottom: 0;
    padding-bottom: 4px;
  }
  .task-edit-table td {
    padding-top: 4px;
  }
  .my-task-edit-form .pending-line-row {
    grid-template-columns: 38px minmax(0, 1fr);
  }
  .my-task-edit-form .pending-line-row button {
    grid-column: 2;
    width: max-content;
  }
}
.user-form-header {
  position: sticky;
  top: -18px;
  z-index: 5;
  padding: 0 0 10px;
  background: #fff;
  border-bottom: 1px solid var(--line);
}
.user-form-header .row {
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.user-form-header button {
  min-height: 38px;
  white-space: nowrap;
}
.user-modal-actions {
  z-index: 4;
  margin-top: 10px;
  border-top: 1px solid var(--line);
  padding: 14px 0 2px;
  justify-content: flex-end;
  gap: 10px;
}
.user-save-visible,
.user-modal-actions #save-user,
.user-form-header #save-user-top {
  background: var(--fineasy-pink) !important;
  border-color: var(--fineasy-pink) !important;
  color: #fff !important;
  font-weight: 700;
  min-width: 132px;
  opacity: 1 !important;
  visibility: visible !important;
}
.billing-modal-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  padding-top: 12px;
  margin-top: 2px;
  background: #ffffff;
}
.billing-modal-actions button {
  min-width: 120px;
  min-height: 40px;
  font-weight: 800;
}
.billing-modal-actions #save-billing {
  background: #0f766e !important;
  border: 1px solid #0f766e !important;
  color: #ffffff !important;
}
.billing-modal-actions #save-billing:hover {
  background: #115e59 !important;
  border-color: #115e59 !important;
}
.completed-status-form {
  width: min(640px, calc(100vw - 32px));
  padding-bottom: 0;
}
.completed-status-summary {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 12px;
  align-items: center;
  margin: 10px 0 14px;
  padding: 10px 12px;
  border: 1px solid #cbd5e1;
  border-left: 4px solid var(--fineasy-pink);
  border-radius: 8px;
  background: #f8fafc;
  color: #171a21;
  font-size: 13px;
}
.completed-status-summary strong {
  font-size: 15px;
  color: #111827;
}
.completed-status-summary span {
  color: #475569;
  font-weight: 600;
}
.completed-status-actions {
  z-index: 25;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid var(--line);
}
.completed-status-actions #save-completed-status {
  background: #0f766e !important;
  border: 1px solid #0f766e !important;
  color: #ffffff !important;
  font-weight: 800;
  min-width: 140px;
  opacity: 1 !important;
  visibility: visible !important;
}
.completed-status-actions #save-completed-status:hover {
  background: #115e59 !important;
  border-color: #115e59 !important;
}
.pending-lines {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: #fbfcfe;
}
.pending-line-row {
  display: grid;
  grid-template-columns: 42px minmax(220px, 1fr) auto;
  gap: 8px;
  align-items: center;
  margin-top: 8px;
}
.pending-line-sn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  border: 1px solid var(--line);
  border-radius: 7px;
  background: #f8fafc;
  color: #344054;
  font-weight: 700;
}
.pending-line-row input,
.pending-line-row select {
  min-width: 0;
}
.wrap-cell {
  white-space: pre-line;
  min-width: 160px;
}
.task-overdue-row {
  background: #fff1f2 !important;
}
.task-aged-row {
  background: #fffbeb !important;
}
.toast {
  position: fixed;
  right: 18px;
  bottom: 18px;
  background: #111827;
  color: white;
  padding: 12px 14px;
  border-radius: 8px;
  box-shadow: var(--shadow);
  z-index: 30;
}
.notification-panel {
  position: fixed;
  top: 72px;
  right: 18px;
  width: min(420px, calc(100vw - 28px));
  max-height: 72vh;
  overflow: auto;
  z-index: 18;
  box-shadow: var(--shadow);
}
.notification-item {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 10px;
  background: #fff;
}
.notification-item.read { opacity: .65; background: #f8fafc; }
.notification-item p { margin: 6px 0; }
.chat-module {
  display: grid;
  grid-template-columns: 300px minmax(0, 1fr) 260px;
  gap: 14px;
  min-height: calc(100vh - 132px);
}
.chat-sidebar,
.chat-main,
.chat-info {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 10px;
  box-shadow: 0 10px 28px rgba(20, 33, 61, .07);
  min-width: 0;
}
.chat-sidebar {
  padding: 12px;
  display: grid;
  grid-template-rows: auto auto auto minmax(0, 1fr);
  gap: 10px;
}
.chat-sidebar-head {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  align-items: center;
}
.chat-sidebar-head h2 {
  margin: 0;
  font-size: 20px;
}
.chat-sidebar-head span {
  font-size: 12px;
  color: var(--muted);
}
.chat-search {
  min-height: 38px;
}
.chat-status-row {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 8px;
  align-items: end;
}
.chat-conversation-list {
  overflow: auto;
  display: grid;
  gap: 7px;
  align-content: start;
}
.chat-conversation {
  width: 100%;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  gap: 9px;
  align-items: center;
  text-align: left;
  background: #f8fafc;
  color: #172033;
  border: 1px solid transparent;
  border-radius: 10px;
  padding: 8px;
}
.chat-conversation.active,
.chat-conversation:hover {
  background: #eef4ff;
  border-color: #84caff;
}
.chat-conversation strong,
.chat-conversation em {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.chat-conversation em {
  color: var(--muted);
  font-size: 12px;
  font-style: normal;
}
.chat-conversation small {
  display: grid;
  justify-items: end;
  gap: 4px;
  font-size: 11px;
  color: var(--muted);
}
.chat-conversation b,
.nav-badge {
  display: inline-flex;
  min-width: 20px;
  height: 20px;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: #eb1946;
  color: #fff;
  font-size: 11px;
  padding: 0 6px;
}
.nav-badge {
  margin-left: auto;
}
.chat-avatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #1d4ed8, #0f766e);
  color: #fff;
  font-weight: 800;
  font-size: 12px;
}
.chat-thread {
  height: 100%;
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr) auto;
}
.chat-thread-head {
  position: sticky;
  top: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  border-bottom: 1px solid var(--line);
  background: #fff;
}
.chat-thread-head h2,
.chat-thread-head p {
  margin: 0;
}
.chat-thread-head h2 {
  font-size: 18px;
}
.chat-thread-head p {
  font-size: 12px;
  color: var(--muted);
}
.pinned-strip {
  display: flex;
  gap: 8px;
  align-items: center;
  padding: 8px 14px;
  background: #fffbeb;
  border-bottom: 1px solid #fde68a;
  font-size: 12px;
}
.pinned-strip span {
  max-width: 220px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.chat-message-list {
  padding: 14px;
  overflow: auto;
  display: flex;
  flex-direction: column;
  gap: 8px;
  background: linear-gradient(180deg, #f8fafc, #fff);
}
.chat-date-sep {
  align-self: center;
  padding: 4px 10px;
  border-radius: 999px;
  background: #eef2ff;
  color: #344054;
  font-size: 11px;
  font-weight: 700;
}
.chat-bubble {
  width: min(74%, 680px);
  border: 1px solid var(--line);
  border-radius: 14px;
  padding: 10px 12px;
  background: #fff;
  box-shadow: 0 8px 20px rgba(20, 33, 61, .05);
}
.chat-bubble.mine {
  align-self: flex-end;
  background: #eaf5ff;
  border-color: #bfdbfe;
}
.chat-bubble.theirs {
  align-self: flex-start;
}
.chat-bubble.important {
  border-color: #f59e0b;
  background: #fffbeb;
}
.chat-bubble-meta {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  font-size: 11px;
  color: var(--muted);
}
.chat-bubble p {
  margin: 7px 0;
  white-space: pre-wrap;
  line-height: 1.45;
}
.chat-bubble p em {
  color: var(--muted);
  font-size: 11px;
}
.chat-reply-ref {
  margin-top: 7px;
  padding: 6px 8px;
  border-left: 3px solid #84caff;
  background: rgba(255,255,255,.7);
  font-size: 12px;
}
.chat-attachments {
  display: grid;
  gap: 6px;
}
.chat-attachments > div {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
  padding: 7px;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  background: rgba(255,255,255,.75);
}
.chat-attachments span {
  color: var(--muted);
  font-size: 12px;
}
.chat-message-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  align-items: center;
}
.chat-message-actions button {
  min-height: 26px;
  padding: 4px 7px;
  border: 1px solid #d0d5dd;
  background: #fff;
  color: #344054;
  font-size: 11px;
}
.chat-message-actions span {
  margin-left: auto;
  color: var(--muted);
  font-size: 11px;
}
.chat-composer {
  position: sticky;
  bottom: 0;
  display: grid;
  grid-template-columns: auto auto minmax(0, 1fr) auto;
  gap: 8px;
  padding: 12px;
  border-top: 1px solid var(--line);
  background: #fff;
}
.chat-composer textarea {
  min-height: 42px;
  max-height: 130px;
}
.chat-info {
  padding: 14px;
  overflow: auto;
}
.chat-info h3,
.chat-info h4 {
  margin: 0 0 10px;
}
.chat-info h4 {
  margin-top: 18px;
  font-size: 13px;
}
.chat-info-card {
  display: grid;
  gap: 4px;
  padding: 10px;
  border-radius: 10px;
  background: #f8fafc;
  border: 1px solid var(--line);
}
.chat-person {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 7px 0;
}
.chat-person em {
  display: block;
  font-size: 11px;
  color: var(--muted);
  font-style: normal;
}
.chat-picker-list {
  display: grid;
  gap: 6px;
  max-height: 180px;
  overflow: auto;
  margin-bottom: 12px;
}
.chat-empty {
  padding: 18px;
  color: var(--muted);
}
.simple-chat-panel { width:min(1180px,100%); max-width:none; margin:0 auto; padding:22px; border:1px solid #D6E1EF; border-radius:16px; box-shadow:0 12px 30px rgba(15,39,75,.08); }
.simple-chat-title { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; padding-bottom:16px; border-bottom:1px solid #DCE5F0; }.simple-chat-title h2 { margin:3px 0 4px; color:#0B2345; font-size:25px; letter-spacing:-.02em; }.simple-chat-title p { margin:0; font-size:14px; }.chat-kicker { color:#1664D9; font-size:11px; font-weight:800; letter-spacing:.11em; }
.simple-chat-controls {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) 180px auto;
  gap: 12px;
  align-items: end;
}
.simple-chat-panel .chat-thread { min-height:600px; border:1px solid #D6E1EF; border-radius:12px; overflow:hidden; background:#fff; box-shadow:inset 0 1px 0 rgba(255,255,255,.9); }
.simple-chat-composer {
  grid-template-columns: 1fr;
  align-items: stretch;
}
.chat-message-send-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: end;
}
.chat-message-send-row #send-chat-message { min-width:142px; min-height:142px; font-size:14px; font-weight:800; }
.chat-message-entry textarea { min-height:142px; padding:12px; resize:vertical; font-size:14px; line-height:1.5; }
.chat-attach-section {
  display: grid;
  gap: 6px;
  padding: 10px;
  border: 1px dashed #84caff;
  border-radius: 9px;
  background: #eff8ff;
}
.chat-attach-section strong {
  color: #175cd3;
  font-size: 13px;
}
@media (max-width: 1180px) {
  .chat-module {
    grid-template-columns: 280px minmax(0, 1fr);
  }
  .chat-info {
    display: none;
  }
}
@media (max-width: 760px) {
  .chat-module {
    grid-template-columns: 1fr;
    min-height: auto;
  }
  .chat-sidebar,
  .chat-main {
    min-height: 360px;
  }
  .chat-bubble {
    width: 92%;
  }
  .chat-composer {
    grid-template-columns: 1fr auto;
  }
  .simple-chat-controls,
  .simple-chat-composer,
  .chat-message-send-row {
    grid-template-columns: 1fr;
  }
  .chat-message-send-row #send-chat-message {
    min-height: 42px;
  }
  .chat-composer input,
  .chat-composer textarea {
    grid-column: 1 / -1;
  }
}

/* Compact Audit Engagement editor */
.modal:has(.audit-engagement-form) { align-items: center !important; justify-content: center !important; padding: 22px !important; z-index: 220 !important; }
.modal-card:has(.audit-engagement-form) { width: min(1120px,96vw) !important; max-width: 1120px !important; height: auto !important; max-height: calc(100dvh - 44px) !important; margin: auto !important; padding: 0 !important; overflow: hidden !important; border: 1px solid #DCE4EF !important; border-radius: 16px !important; box-shadow: 0 24px 70px rgba(7,20,38,.2) !important; animation: engFormReveal .18s ease; }
@keyframes engFormReveal { from { opacity: 0; transform: translateY(10px) scale(.99); } to { opacity: 1; transform: none; } }
.audit-engagement-form { width: 100%; max-height: calc(100dvh - 46px); display: flex; flex-direction: column; overflow: auto; color: var(--text); background: #fff; }
.eng-form-header { min-height: 74px; display: grid; grid-template-columns: 34px 1fr 34px; gap: 12px; align-items: center; padding: 13px 18px; border-bottom: 1px solid #E3E9F1; background: #fff; }
.eng-form-header h2 { margin: 0; color: #172A44; font-family: Inter, "Segoe UI", sans-serif; font-size: 22px !important; line-height: 1.2; letter-spacing: -.025em; }.eng-form-header p { margin: 5px 0 0; color: #5F7188; font-size: 12px; line-height: 1.4; }.eng-form-header .eyebrow { margin-bottom: 4px; font-size: 11px; }
.eng-back-button, .eng-icon-button { width: 34px !important; height: 34px !important; min-width: 34px !important; display: grid !important; place-items: center; padding: 0 !important; color: #607188 !important; background: #F7F9FC !important; border: 1px solid #DEE5EE !important; border-radius: 9px !important; font-size: 16px; }.eng-icon-button svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; }.eng-back-button:hover, .eng-icon-button:hover { color: var(--primary) !important; background: #EDF4FF !important; border-color: #B9CEE8 !important; }
.eng-form-section { padding: 13px 18px 14px; border-bottom: 1px solid #E8EDF3; }
.eng-section-heading { min-height: 36px; display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 12px; }.eng-section-heading h3 { margin: 0; color: #233852; font-size: 16px; font-weight: 700; letter-spacing: -.01em; }.eng-section-heading p { margin: 4px 0 0; color: #708198; font-size: 12px; line-height: 1.4; }.eng-create-client { min-height: 34px !important; padding: 7px 11px !important; font-size: 12px !important; }
.eng-form-grid { display: grid; grid-template-columns: repeat(12,minmax(0,1fr)); column-gap: 14px; row-gap: 16px; align-items: start; }.eng-field { min-width: 0; display: grid !important; align-content: start; gap: 7px !important; color: #24364D !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.2; letter-spacing: 0; text-transform: none !important; }.eng-field.required::first-line { color: #24364D; }.eng-field.required { position: relative; }.eng-field.required::after { content: "*"; position: absolute; top: 0; right: 2px; color: #D23B55; font-size: 14px; }.eng-field.span-2 { grid-column: span 2; }.eng-field.span-3 { grid-column: span 3; }.eng-field.span-4 { grid-column: span 4; }.eng-field.span-5 { grid-column: span 5; }
.eng-field input, .eng-field select { width: 100%; min-width: 0; height: 44px !important; min-height: 44px !important; padding: 0 12px !important; color: #24384F !important; background: #fff !important; border: 1px solid #CFD8E4 !important; border-radius: 10px !important; box-shadow: 0 1px 2px rgba(15,34,58,.025); font-family: Inter, "Segoe UI", sans-serif; font-size: 14px !important; font-weight: 500; letter-spacing: 0; }.eng-field input:hover, .eng-field select:hover { border-color: #AEBCCF !important; }.eng-field input:focus, .eng-field select:focus { border-color: var(--primary) !important; box-shadow: 0 0 0 3px rgba(37,99,235,.12) !important; outline: none !important; }.eng-field input[readonly], .eng-field input:disabled { color: #607086 !important; background: #F4F6F9 !important; border-color: #DCE3EC !important; cursor: default; }
.eng-control-with-action { min-width: 0; display: grid; grid-template-columns: minmax(0,1fr) 44px; gap: 6px; align-items: stretch; }.eng-add-button { width: 44px !important; height: 44px !important; min-width: 44px !important; min-height: 44px !important; display: grid !important; place-items: center; padding: 0 !important; border-radius: 10px !important; color: var(--primary) !important; font-size: 18px !important; }
.eng-client-search-wrap { position: relative; min-width: 0; }.eng-client-search-wrap > input { padding-right: 78px !important; }.eng-input-action { position: absolute; top: 5px; right: 5px; width: 32px !important; height: 32px !important; min-width: 32px !important; display: grid !important; place-items: center; padding: 0 !important; color: #62758D !important; background: #F1F5FA !important; border: 0 !important; border-radius: 8px !important; }.eng-input-action svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; }.eng-clear-client { right: 41px; color: #A33A4D !important; background: #FFF0F3 !important; }
.eng-client-results { position: absolute; top: calc(100% + 5px); left: 0; right: 0; max-height: 260px; overflow-y: auto; padding: 5px; background: #fff; border: 1px solid #D6DFEA; border-radius: 11px; box-shadow: 0 15px 35px rgba(16,38,66,.16); z-index: 120; }.eng-client-results button { width: 100%; min-height: 52px; display: grid; grid-template-columns: 34px 1fr; gap: 10px; align-items: center; padding: 8px 9px; color: #263A53; background: transparent; border: 0; border-radius: 8px; text-align: left; }.eng-client-results button:hover, .eng-client-results button:focus { background: #EFF5FD; }.eng-client-result-avatar { width: 32px; height: 32px; display: grid; place-items: center; color: #255487; background: #E6F0FC; border-radius: 8px; font-size: 11px; font-weight: 750; }.eng-client-results button > span:last-child { min-width: 0; display: grid; gap: 3px; }.eng-client-results strong { overflow: hidden; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }.eng-client-results small { overflow: hidden; color: #78869A; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }.eng-client-empty { padding: 18px; color: #7B8899; font-size: 12px; text-align: center; }
.eng-date-control, .eng-amount-control { position: relative; min-width: 0; display: flex; align-items: center; }.eng-date-control > svg { position: absolute; left: 11px; width: 16px; height: 16px; fill: none; stroke: #8190A2; stroke-width: 1.7; pointer-events: none; z-index: 2; }.eng-date-control input { padding-left: 35px !important; }.eng-date-control.readonly svg { opacity: .65; }.eng-amount-control > span { height: 44px; display: flex; align-items: center; padding: 0 10px; color: #53677F; background: #F3F6FA; border-right: 1px solid #D5DEE9; border-radius: 9px 0 0 9px; font-size: 12px; font-weight: 700; z-index: 2; }.eng-amount-control input { margin-left: -1px; padding-left: 12px !important; border-radius: 0 10px 10px 0 !important; text-align: right; font-variant-numeric: tabular-nums; }
.eng-staff-meta { min-height: 14px; color: #6F8095; font-size: 12px; font-weight: 500; letter-spacing: 0; }.eng-status-indicator { display: inline-flex; align-items: center; min-height: 28px; padding: 4px 9px; color: #5D6E82; background: #F1F4F8; border: 1px solid #DDE4ED; border-radius: 20px; font-size: 12px; font-weight: 700; }.eng-status-indicator.complete { color: #087553; background: #E6F7F0; border-color: #C4EADA; }.eng-disabled-field { opacity: .58; }.audit-engagement-form .field-error { min-height: 0; margin: -2px 0 0; color: #C9364D; font-size: 12px; line-height: 1.35; }
.eng-form-footer { position: sticky; bottom: 0; z-index: 25; min-height: 68px; display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 11px 18px; background: rgba(255,255,255,.97); border-top: 1px solid #DEE6EF; box-shadow: 0 -8px 20px rgba(19,43,72,.045); backdrop-filter: blur(10px); }.eng-form-footer > div { display: flex; gap: 8px; margin-left: auto; }.eng-form-footer button { min-height: 42px !important; padding: 8px 16px !important; font-size: 14px !important; }.eng-unsaved-note { color: #6F8095; font-size: 12px; }
@media (max-width: 920px) {
  .modal:has(.audit-engagement-form) { padding: 12px !important; }.modal-card:has(.audit-engagement-form) { width: min(760px,calc(100vw - 24px)) !important; max-height: calc(100dvh - 24px) !important; }.audit-engagement-form { max-height: calc(100dvh - 26px); }
  .eng-form-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }.eng-field.span-2, .eng-field.span-3, .eng-field.span-4, .eng-field.span-5 { grid-column: span 1; }.eng-field.span-5:first-child, .eng-field:has(#eng-auditType) { grid-column: 1/-1; }
}
@media (max-width: 580px) {
  .modal:has(.audit-engagement-form) { padding: 0 !important; }.modal-card:has(.audit-engagement-form) { width: 100vw !important; max-width: none !important; height: 100dvh !important; max-height: 100dvh !important; border: 0 !important; border-radius: 0 !important; }.audit-engagement-form { max-height: 100dvh; }
  .eng-form-header { position: sticky; top: 0; z-index: 30; min-height: 66px; padding: 10px 12px; }.eng-form-header h2 { font-size: 17px !important; }.eng-form-header p { display: none; }.eng-form-section { padding: 13px 12px 14px; }.eng-section-heading { align-items: center; }.eng-section-heading p { display: none; }.eng-create-client { white-space: nowrap; }
  .eng-form-grid { grid-template-columns: minmax(0,1fr); gap: 12px; }.eng-field.span-2, .eng-field.span-3, .eng-field.span-4, .eng-field.span-5, .eng-field.span-5:first-child, .eng-field:has(#eng-auditType) { grid-column: 1; }.eng-field input, .eng-field select { font-size: 16px !important; }
  .eng-form-footer { min-height: 68px; padding: 10px 12px; }.eng-unsaved-note { display: none; }.eng-form-footer > div { width: 100%; }.eng-form-footer button { flex: 1; }.eng-client-results { position: fixed; top: 68px; left: 10px; right: 10px; max-height: 45dvh; }
}
.hidden { display: none !important; }
.mobile-menu { display: none; }
.chart {
  height: 210px;
  display: flex;
  gap: 10px;
  align-items: end;
  padding-top: 22px;
}
.bar {
  flex: 1;
  min-width: 42px;
  border-radius: 6px 6px 0 0;
  background: linear-gradient(180deg, var(--brand-2), var(--brand));
  position: relative;
}
.bar span { position: absolute; bottom: 100%; left: 0; right: 0; text-align: center; font-size: 12px; font-weight: 800; }
.bar em { position: absolute; top: 100%; left: 0; right: 0; text-align: center; font-style: normal; font-size: 11px; color: var(--muted); padding-top: 5px; }
@media (max-width: 980px) {
  .shell { grid-template-columns: 1fr; }
  .sidebar { position: fixed; inset: 0 auto 0 0; width: 284px; transform: translateX(-105%); transition: .2s; z-index: 15; }
  .sidebar.open { transform: translateX(0); }
  .mobile-menu { display: inline-flex; }
  .grid.two, .grid.three, .grid.four, .grid.five { grid-template-columns: 1fr; }
  .chat-grid { grid-template-columns: 1fr; }
  .permission-group { grid-template-columns: 1fr; }
  .modal-actions { justify-content: stretch; }
  .modal-actions button { flex: 1; }
  .pending-line-row { grid-template-columns: 1fr; }
  .backup-actions { width: 100%; }
  button.backup-create, button.backup-download, button.backup-sync, .backup-restore { flex: 1 1 150px; }
}
@media print {
  .sidebar, .topbar, .toast, .modal button, .no-print { display: none !important; }
  .shell { display: block; }
  .content { padding: 0; }
  .panel { box-shadow: none; border: 0; }
}

/* Fineasy premium theme */
:root {
  --ink: #171A21;
  --muted: #667085;
  --line: #E4E7EC;
  --bg: #F5F6F8;
  --panel: #FFFFFF;
  --brand: #EB1946;
  --brand-hover: #D9143D;
  --brand-soft: #FFF0F3;
  --sidebar: #111318;
  --sidebar-2: #1B1E25;
  --danger: #DC2626;
  --ok: #16A34A;
  --warn: #F59E0B;
  --blue: #2563EB;
  --purple: #7C3AED;
  --shadow: 0 14px 38px rgba(17, 19, 24, .08);
}
body {
  font-family: Inter, Manrope, Segoe UI, Arial, sans-serif;
  background: var(--bg);
  color: var(--ink);
}
button {
  border-radius: 8px;
  min-height: 40px;
  font-weight: 650;
  background: var(--brand);
  transition: background .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease, transform .18s ease;
}
button:hover { background: var(--brand-hover); }
button.secondary,
button.ghost,
button.back-btn,
button.export-excel,
button.export-pdf,
button.clear-filters,
button.backup-create,
button.backup-download,
button.backup-sync,
.backup-restore {
  background: #fff;
  color: var(--ink);
  border: 1px solid var(--line);
}
button.secondary:hover,
button.ghost:hover,
button.back-btn:hover,
button.export-excel:hover,
button.export-pdf:hover,
button.clear-filters:hover,
button.backup-create:hover,
button.backup-download:hover,
button.backup-sync:hover,
.backup-restore:hover {
  background: #F9FAFB;
  border-color: #D0D5DD;
}
button.backup-sync {
  background: var(--blue) !important;
  color: #fff !important;
  border-color: var(--blue) !important;
  box-shadow: 0 10px 20px rgba(37, 99, 235, .18);
}
button.backup-sync:hover {
  background: #1D4ED8 !important;
  border-color: #1D4ED8 !important;
}
button.new-blue,
.new-blue {
  background: var(--brand);
  color: #fff;
  border: 1px solid var(--brand);
}
button.new-blue:hover,
.new-blue:hover { background: var(--brand-hover); border-color: var(--brand-hover); }
button.danger {
  background: #fff;
  color: var(--danger);
  border: 1px solid #FCA5A5;
}
button.danger:hover { background: #FEF2F2; }
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[contenteditable="true"]:focus-visible {
  outline: 3px solid rgba(235, 25, 70, .18);
  border-color: var(--brand);
}
input, select, textarea, .rich-text {
  border-color: #D0D5DD;
  border-radius: 8px;
  min-height: 40px;
}
input:focus, select:focus, textarea:focus {
  border-color: var(--brand);
  box-shadow: 0 0 0 4px rgba(235, 25, 70, .10);
}
label {
  color: #344054;
  font-size: 12.5px;
  font-weight: 650;
}
.shell {
  grid-template-columns: 292px 1fr;
  background: var(--bg);
}
.shell.sidebar-collapsed { grid-template-columns: 84px 1fr; }
.sidebar {
  background: var(--sidebar);
  padding: 18px 12px;
  border-right: 1px solid rgba(255,255,255,.06);
}
.side-brand {
  display: flex;
  gap: 12px;
  align-items: center;
  padding: 12px;
  margin-bottom: 10px;
  border-bottom: 0;
}
.app-badge {
  background: var(--sidebar-2);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 14px;
}
.fineasy-logo,
.logo {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  background: var(--brand);
  color: #fff;
  font-weight: 850;
  letter-spacing: 0;
}
.app-badge strong { font-size: 15px; line-height: 1.15; }
.app-badge span { font-size: 12px; color: #EAECF0; font-weight: 600; }
.app-badge em,
.brand-badge {
  width: fit-content;
  color: #FCE7EC;
  background: rgba(235,25,70,.14);
  border: 1px solid rgba(235,25,70,.28);
  border-radius: 999px;
  padding: 4px 8px;
  font-size: 11px;
  font-style: normal;
}
.sidebar-collapse {
  width: 100%;
  background: transparent;
  border: 1px solid rgba(255,255,255,.08);
  color: #D0D5DD;
  margin-bottom: 10px;
}
.sidebar-collapse:hover { background: rgba(255,255,255,.06); }
.nav-section { margin-top: 12px; }
.nav-label {
  color: #98A2B3;
  letter-spacing: .04em;
  font-size: 10.5px;
  padding: 8px 10px;
}
.nav { gap: 4px; }
.nav button {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 42px;
  border-radius: 10px;
  color: #D0D5DD;
  position: relative;
}
.nav button:hover {
  background: rgba(255,255,255,.06);
  color: #fff;
}
.nav button.active {
  background: rgba(235,25,70,.14);
  color: #fff;
}
.nav button.active::before {
  content: "";
  position: absolute;
  left: 0;
  top: 9px;
  bottom: 9px;
  width: 3px;
  border-radius: 999px;
  background: var(--brand);
}
.nav button.active .nav-icon { color: var(--brand); }
.nav-icon {
  width: 24px;
  display: inline-grid;
  place-items: center;
  color: #EAECF0;
  font-size: 16px;
}
.shell.sidebar-collapsed .sidebar { overflow: visible; }
.shell.sidebar-collapsed .app-badge {
  justify-content: center;
  padding: 10px;
}
.shell.sidebar-collapsed .app-badge > div,
.shell.sidebar-collapsed .nav-label,
.shell.sidebar-collapsed .nav-text,
.shell.sidebar-collapsed .side-user span,
.shell.sidebar-collapsed .side-user strong {
  display: none;
}
.shell.sidebar-collapsed .nav button { justify-content: center; padding: 10px; }
.shell.sidebar-collapsed .side-user { padding: 10px 4px; }
.topbar {
  display: grid;
  grid-template-columns: auto minmax(220px, 460px) auto;
  gap: 16px;
  align-items: center;
  min-height: 72px;
  background: rgba(255,255,255,.96);
  border-bottom: 1px solid var(--line);
  padding: 12px 20px;
}
.page-context h1 {
  font-size: 25px;
  font-weight: 700;
  line-height: 1.1;
}
.breadcrumb {
  color: var(--muted);
  font-size: 12px;
  margin-top: 3px;
}
.global-search input {
  background: #F9FAFB;
}
.topbar-actions { justify-content: flex-end; flex-wrap: nowrap; }
.quick-add { position: relative; }
.quick-add-menu {
  display: none;
  position: absolute;
  right: 0;
  top: calc(100% + 8px);
  min-width: 220px;
  padding: 8px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 12px;
  box-shadow: var(--shadow);
  z-index: 10;
}
.quick-add-menu.open { display: grid; gap: 6px; }
.quick-add-menu button {
  background: #fff;
  color: var(--ink);
  border: 1px solid transparent;
  text-align: left;
  justify-content: flex-start;
}
.quick-add-menu button:hover {
  background: var(--brand-soft);
  color: var(--brand);
  border-color: #FFD6DF;
}
.user-chip {
  border-left: 1px solid var(--line);
  padding-left: 12px;
  min-width: 110px;
}
.content { padding: 22px; gap: 20px; }
.panel, .filter-panel, .chat-box, .permission-box, .notification-item {
  border-radius: 14px;
  border-color: var(--line);
  background: #fff;
  box-shadow: 0 1px 2px rgba(17,19,24,.04), 0 10px 28px rgba(17,19,24,.04);
}
.panel { padding: 18px; }
h1 { font-size: 28px; font-weight: 700; }
h2 { font-size: 22px; font-weight: 700; }
h3, .section-heading { font-size: 18px; font-weight: 650; color: var(--ink); }
.q-tabs, .audit-tabs {
  grid-template-columns: repeat(7, minmax(148px, 1fr));
  gap: 10px;
}
.q-tabs button,
.audit-tabs button {
  min-height: 82px;
  display: grid;
  align-content: space-between;
  border-radius: 14px;
  background: #fff !important;
  color: var(--ink) !important;
  border: 1px solid var(--line);
  border-left: 4px solid #CBD5E1;
  box-shadow: 0 1px 2px rgba(17,19,24,.04);
}
.q-tabs button strong,
.audit-tabs button strong {
  justify-self: start;
  min-width: 0;
  padding: 0;
  background: transparent;
  color: var(--ink);
  font-size: 30px;
  line-height: 1;
}
.q-tabs button span,
.audit-tabs button span {
  color: var(--muted);
  font-size: 12.5px;
  font-weight: 650;
}
.q-tabs button:hover,
.audit-tabs button:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 26px rgba(17,19,24,.10);
}
.q-tabs button.active,
.audit-tabs button.active {
  border-color: var(--brand) !important;
  border-left-color: var(--brand) !important;
  box-shadow: 0 0 0 3px rgba(235,25,70,.12), 0 10px 24px rgba(17,19,24,.08);
}
.q-tabs button:nth-child(1), .audit-tabs button:nth-child(1) { border-left-color: var(--brand); }
.q-tabs button:nth-child(2), .audit-tabs button:nth-child(2) { border-left-color: #64748B; }
.q-tabs button:nth-child(3), .audit-tabs button:nth-child(3) { border-left-color: #2563EB; }
.q-tabs button:nth-child(4), .audit-tabs button:nth-child(4) { border-left-color: #F59E0B; }
.q-tabs button:nth-child(5), .audit-tabs button:nth-child(5) { border-left-color: #7C3AED; }
.q-tabs button:nth-child(6), .audit-tabs button:nth-child(6) { border-left-color: #DC2626; }
.q-tabs button:nth-child(7), .audit-tabs button:nth-child(7) { border-left-color: #16A34A; }
.filter-panel {
  padding: 14px;
  background: #fff;
}
.audit-filter-row.main-row {
  grid-template-columns: minmax(130px, 1.15fr) minmax(100px, .85fr) repeat(5, minmax(116px, 1fr)) minmax(86px,.7fr);
}
.audit-filter-row.date-row {
  grid-template-columns: repeat(4, minmax(140px, 180px)) minmax(118px, max-content);
}
.table-wrap {
  border-radius: 12px;
  border-color: var(--line);
  background: #fff;
}
th {
  background: #F8FAFC;
  color: #344054;
  font-weight: 700;
}
th, td {
  border-bottom-color: #EEF2F6;
  font-size: 13px;
}
.pro-table tbody tr:nth-child(even) { background: #FCFCFD; }
.pro-table tbody tr:hover { background: #FFF8FA; }
.status, .priority {
  font-weight: 700;
  border-radius: 999px;
}
.status.green { background: #DCFCE7; color: #166534; }
.status.orange { background: #FEF3C7; color: #92400E; }
.status.red { background: #FEE2E2; color: #991B1B; }
.status.blue { background: #DBEAFE; color: #1E40AF; }
.status.grey { background: #F1F5F9; color: #475569; }
.progress span, .bar { background: var(--brand); }
.tabs button.active {
  color: var(--brand);
  border-bottom-color: var(--brand);
}
.modal {
  background: rgba(17,19,24,.54);
  backdrop-filter: blur(4px);
}
.modal-card {
  border-radius: 14px;
  border: 1px solid var(--line);
}
.toast {
  background: #fff;
  color: var(--ink);
  border: 1px solid var(--line);
  border-left: 4px solid var(--brand);
  border-radius: 12px;
}
.login {
  grid-template-columns: minmax(320px, 1fr) minmax(340px, 520px);
  place-items: stretch;
  padding: 0;
  background: #fff;
}
.login-brand-panel {
  position: relative;
  display: grid;
  align-content: center;
  gap: 36px;
  padding: clamp(32px, 6vw, 72px);
  background: var(--sidebar);
  color: #fff;
  overflow: hidden;
}
.login-brand-panel::before {
  content: "";
  position: absolute;
  width: 420px;
  height: 420px;
  right: -120px;
  bottom: -160px;
  border: 1px solid rgba(235,25,70,.28);
  border-radius: 50%;
}
.brand-mark.executive { margin: 0; position: relative; z-index: 1; }
.login-logo-wrap {
  display: flex;
  align-items: center;
  width: min(360px, 100%);
  padding: 0;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 18px 44px rgba(0,0,0,.22);
  overflow: hidden;
}
.login-logo-image {
  display: block;
  width: 100%;
  max-height: 112px;
  object-fit: contain;
}
.brand-mark.executive h1 { font-size: 28px; }
.brand-mark.executive p { margin: 5px 0 0; color: #D0D5DD; }
.login-statement { position: relative; z-index: 1; max-width: 560px; }
.login-statement h2 { font-size: clamp(28px, 3.7vw, 44px); line-height: 1.08; }
.login-statement p { color: #D0D5DD; font-size: 17px; line-height: 1.55; }
.login-card {
  align-self: center;
  justify-self: center;
  box-shadow: none;
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 34px;
}
.remember-row { min-width: 0; justify-content: flex-start; }
.secure-note { border-top: 1px solid var(--line); padding-top: 12px; }
@media (max-width: 1180px) {
  .topbar { grid-template-columns: 1fr; align-items: stretch; }
  .topbar-actions { justify-content: flex-start; flex-wrap: wrap; }
  .global-search { max-width: none; }
}
@media (max-width: 980px) {
  .shell, .shell.sidebar-collapsed { grid-template-columns: 1fr; }
  .sidebar { background: var(--sidebar); }
  .topbar { position: sticky; top: 0; }
  .login { grid-template-columns: 1fr; }
  .login-brand-panel { min-height: 42vh; }
}
@media (max-width: 640px) {
  .content { padding: 14px; }
  .q-tabs, .audit-tabs { grid-template-columns: repeat(2, minmax(140px, 1fr)); }
  .task-dashboard { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px; }
  .task-dashboard button { min-height: 64px; padding: 10px; }
  .task-dashboard button span { font-size: 12px; }
  .task-dashboard button strong { font-size: 22px; }
  .topbar-left, .topbar-actions { gap: 8px; }
  .page-context h1 { font-size: 21px; }
  .login-brand-panel { min-height: 34vh; }
  .login-card { width: calc(100% - 28px); padding: 24px; }
}

/* Fineasy typography refinements */
body,
input,
select,
textarea,
table {
  font-family: Inter, Manrope, Segoe UI, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
}
label,
th,
td {
  font-size: 14px;
  font-weight: 500;
}
button,
.tabs button,
.q-tabs button span,
.audit-tabs button span,
.section-heading,
h3 {
  font-size: 14px;
  font-weight: 600;
}
.page-context h1,
h1 {
  font-size: 27px;
  font-weight: 700;
}
h2 {
  font-size: 22px;
  font-weight: 700;
}
.section-heading,
h3 {
  font-size: 19px;
}
.q-tabs button strong,
.audit-tabs button strong,
.kpi strong {
  font-size: 32px;
  font-weight: 700;
}
.small,
.breadcrumb,
.muted,
.field-error,
.status,
.priority {
  font-size: 12.5px;
}
.topbar {
  grid-template-columns: auto 1fr;
}
.topbar-actions {
  justify-content: flex-end;
}
.topbar-actions button,
.topbar-actions .compact-top,
.notify-btn {
  font-size: 14px;
  font-weight: 600;
  min-height: 38px;
  padding: 8px 12px;
}
.breadcrumb,
.global-search {
  display: none !important;
}
.app-badge {
  gap: 10px;
}
.app-badge strong {
  font-size: 17px;
  font-weight: 700;
}
.app-badge em {
  margin-top: 4px;
  font-size: 12px;
  font-weight: 500;
}
.nav-label {
  font-size: 10px;
  font-weight: 600;
}
.nav button {
  min-height: 36px;
  padding: 8px 10px;
  font-size: 12.5px;
  font-weight: 500;
}
.nav-icon {
  width: 20px;
  font-size: 13px;
}
.side-user {
  font-size: 12px;
}
.app-badge {
  background: transparent;
  border: 0;
  padding: 10px 8px 18px;
}
.app-badge strong {
  color: #171A21;
  font-size: 27px;
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: 0;
}
.app-badge em {
  color: #EB1946;
  background: transparent;
  border: 0;
  padding: 0;
  margin-top: 6px;
  font-size: 14px;
  font-weight: 500;
}
.sidebar .app-badge strong { color: #FFFFFF; }
.sidebar .app-badge strong {
  font-size: 21px;
  white-space: nowrap;
  line-height: 1.05;
}
.user-profile-btn {
  min-width: 42px;
}
.top-chat-btn,
.top-shortcuts-btn,
.top-notify-btn {
  border-radius: 10px;
  font-size: 14px;
  font-weight: 700;
  border: 1px solid transparent;
  min-height: 40px !important;
  padding: 9px 14px !important;
  color: #ffffff !important;
  box-shadow: 0 10px 22px rgba(16, 24, 40, 0.12);
}
.top-chat-btn {
  background: linear-gradient(135deg, #06b6d4, #2563eb);
  border-color: #1d4ed8;
}
.top-chat-btn:hover { background: linear-gradient(135deg, #0891b2, #1d4ed8); }
.top-shortcuts-btn {
  background: linear-gradient(135deg, #8b5cf6, #6d28d9);
  border-color: #6d28d9;
}
.top-shortcuts-btn:hover { background: linear-gradient(135deg, #7c3aed, #5b21b6); }
.top-notify-btn {
  background: linear-gradient(135deg, #f97316, #eb1946);
  border-color: #c2143a;
}
.top-notify-btn:hover { background: linear-gradient(135deg, #ea580c, #d9143d); }
.top-notify-btn span {
  background: #ffffff !important;
  color: #eb1946 !important;
}
.top-new-quote,
.top-new-file {
  min-width: 118px;
  box-shadow: 0 8px 18px rgba(235, 25, 70, 0.16);
}
.top-new-file {
  background: #1d4ed8 !important;
  border-color: #1d4ed8 !important;
}
.compact-quote-form .grid.three {
  gap: 12px;
}
.quote-modal-actions {
  align-items: center;
}
.quote-inline-actions {
  display: flex;
  justify-content: flex-end;
  padding: 2px 0 4px;
}
.quote-inline-actions .quote-modal-actions {
  width: 100%;
  justify-content: flex-end;
  gap: 10px;
}
.quote-inline-actions button {
  min-width: 118px;
  min-height: 38px;
}
.quote-modal-actions #create-q-new {
  background: #eef4ff;
  border-color: #bfdbfe;
  color: #1d4ed8;
}
.quote-edit-section {
  border: 1px solid #e4e7ec;
  border-radius: 10px;
  padding: 10px;
  background: #fbfcfe;
}
.quote-edit-section h3 {
  margin: 0;
  font-size: 14px;
}
.quote-edit-table-wrap {
  margin-top: 8px;
  max-height: none;
}
.quote-edit-table {
  min-width: 0 !important;
  table-layout: auto;
}
.quote-edit-table input {
  min-height: 34px;
  font-size: 12.5px;
}
.quote-vat-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(150px, 1fr));
  gap: 10px;
  margin: 4px 0 10px;
}
.quote-vat-summary > div {
  border: 1px solid #E4E7EC;
  border-radius: 10px;
  background: #FFFFFF;
  padding: 10px 12px;
  display: grid;
  gap: 4px;
}
.quote-vat-summary span {
  color: #667085;
  font-size: 12px;
  font-weight: 500;
}
.quote-vat-summary strong {
  color: #171A21;
  font-size: 18px;
  font-weight: 700;
}
.quote-vat-summary .quote-vat-total {
  border-color: #EB1946;
  background: #FFF5F7;
}
.quote-vat-summary .quote-vat-total span {
  color: #B81538;
}
.quote-vat-summary .quote-vat-total strong {
  color: #EB1946;
  font-size: 21px;
}
@media (max-width: 760px) {
  .quote-vat-summary {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 1180px) {
  .topbar { grid-template-columns: 1fr; }
  .topbar-actions { justify-content: flex-start; }
}
@media (max-width: 760px) {
  .quote-inline-actions .quote-modal-actions {
    justify-content: stretch;
  }
  .quote-inline-actions button {
    flex: 1 1 140px;
  }
}

/* Premium Fineasy data table system */
.table-card-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  padding: 12px 14px;
  margin: 4px 0 0;
  border: 1px solid #E4E7EC;
  border-bottom: 0;
  border-radius: 14px 14px 0 0;
  background: #FFFFFF;
  box-shadow: 0 1px 2px rgba(17,19,24,.04);
}
.table-card-title {
  display: grid;
  gap: 2px;
}
.table-card-title strong {
  color: #171A21;
  font-size: 15px;
  font-weight: 700;
}
.table-card-title span {
  color: #667085;
  font-size: 12px;
}
.table-card-controls {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
}
.table-card-controls input,
.table-card-controls select {
  width: auto;
  min-width: 150px;
  height: 36px;
  font-size: 13px;
}
.table-card-controls button {
  min-height: 36px;
  padding: 7px 10px;
  font-size: 13px;
}
.table-column-panel {
  flex-basis: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 12px;
  padding-top: 8px;
  border-top: 1px solid #EEF2F6;
}
.hidden-col { display: none !important; }
.table-wrap {
  border-radius: 0 0 14px 14px;
  border: 1px solid #E4E7EC;
  background: #FFFFFF;
  box-shadow: 0 14px 32px rgba(17,19,24,.06);
  max-height: 68vh;
}
.table-wrap:not([data-enhanced]) {
  border-radius: 14px;
}
.pro-table {
  border-collapse: separate;
  border-spacing: 0;
  table-layout: auto;
  min-width: 1120px;
}
.pro-table thead th,
table thead th {
  position: sticky;
  top: 0;
  z-index: 3;
  background: #F8F9FB;
  color: #344054;
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: .015em;
  text-transform: none;
  padding: 12px 14px;
  white-space: nowrap;
  border-bottom: 1px solid #E4E7EC;
}
.pro-table th[data-q-sort]::after,
.pro-table th[data-p-sort]::after {
  content: "↕";
  color: #98A2B3;
  font-size: 11px;
  margin-left: 5px;
}
.pro-table tbody td,
table tbody td {
  height: 52px;
  padding: 12px 14px;
  color: #171A21;
  font-size: 14px;
  font-weight: 500;
  vertical-align: middle;
  border-bottom: 1px solid #EEF2F6;
  max-width: 280px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pro-table tbody tr {
  transition: background .16s ease, box-shadow .16s ease;
}
.pro-table tbody tr:nth-child(even) { background: #FCFCFD; }
.pro-table tbody tr:hover {
  background: #FFF5F7;
  box-shadow: inset 3px 0 0 #EB1946;
}
.pro-table td:first-child,
.pro-table th:first-child {
  text-align: center;
  width: 64px;
  min-width: 64px;
}
.pro-table th:nth-child(2),
.pro-table td:nth-child(2) {
  min-width: 190px;
}
.pro-table th:last-child,
.pro-table td:last-child {
  position: sticky;
  right: 0;
  z-index: 2;
  background: inherit;
  min-width: 142px;
  box-shadow: -1px 0 0 #E4E7EC;
}
.sticky-engagement-wrap {
  position: relative;
  height: clamp(360px, 58vh, 720px);
  max-height: calc(100vh - 240px);
  overflow: auto !important;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  isolation: isolate;
}
.sticky-engagement-table {
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
  width: max-content;
  min-width: 100%;
}
.audit-engagement-table { min-width: 1444px; }
.other-engagement-table { min-width: 1444px; }
.audit-freeze-wrap,
.other-freeze-wrap {
  height: clamp(500px, 68vh, 780px) !important;
  max-height: calc(100vh - 180px) !important;
}
.audit-engagement-table thead th,
.other-engagement-table thead th {
  height: 40px;
  padding: 8px 9px;
  font-size: 12.5px;
}
.audit-engagement-table tbody td,
.other-engagement-table tbody td {
  height: 41px;
  padding: 7px 9px;
  line-height: 1.22;
  font-size: 13px;
}
.audit-engagement-table th:last-child,
.audit-engagement-table td:last-child,
.other-engagement-table th:last-child,
.other-engagement-table td:last-child {
  width: 150px !important;
  min-width: 150px !important;
  max-width: 150px !important;
}
.audit-engagement-table .actions,
.other-engagement-table .actions {
  gap: 4px;
  flex-wrap: nowrap;
}
.audit-engagement-table .actions button,
.other-engagement-table .actions button {
  min-height: 30px;
  padding: 6px 7px;
  font-size: 11.5px;
}
.other-engagement-table th,
.other-engagement-table td { box-sizing: border-box; min-width: 0 !important; vertical-align: middle; }
.other-engagement-table th:nth-child(1), .other-engagement-table td:nth-child(1) { width: 64px !important; min-width: 64px !important; max-width: 64px !important; text-align: center; }
.other-engagement-table th:nth-child(2), .other-engagement-table td:nth-child(2) { width: 220px !important; min-width: 220px !important; max-width: 220px !important; text-align: left; }
.other-engagement-table th:nth-child(3), .other-engagement-table td:nth-child(3) { width: 105px !important; min-width: 105px !important; max-width: 105px !important; text-align: center; }
.other-engagement-table th:nth-child(4), .other-engagement-table td:nth-child(4) { width: 150px !important; min-width: 150px !important; max-width: 150px !important; text-align: left; }
.other-engagement-table th:nth-child(5), .other-engagement-table td:nth-child(5) { width: 75px !important; min-width: 75px !important; max-width: 75px !important; text-align: center; }
.other-engagement-table th:nth-child(6), .other-engagement-table td:nth-child(6) { width: 110px !important; min-width: 110px !important; max-width: 110px !important; text-align: center; }
.other-engagement-table th:nth-child(7), .other-engagement-table td:nth-child(7) { width: 115px !important; min-width: 115px !important; max-width: 115px !important; text-align: left; }
.other-engagement-table th:nth-child(8), .other-engagement-table td:nth-child(8) { width: 125px !important; min-width: 125px !important; max-width: 125px !important; text-align: left; }
.other-engagement-table th:nth-child(9), .other-engagement-table td:nth-child(9) { width: 110px !important; min-width: 110px !important; max-width: 110px !important; text-align: center; }
.other-engagement-table th:nth-child(10), .other-engagement-table td:nth-child(10) { width: 95px !important; min-width: 95px !important; max-width: 95px !important; text-align: center; }
.other-engagement-table th:nth-child(11), .other-engagement-table td:nth-child(11) { width: 125px !important; min-width: 125px !important; max-width: 125px !important; text-align: center; }
.other-engagement-table th:nth-child(12), .other-engagement-table td:nth-child(12) { width: 150px !important; min-width: 150px !important; max-width: 150px !important; }
.other-engagement-table td:nth-child(2) strong,
.other-engagement-table td:nth-child(4) { white-space: normal; overflow-wrap: anywhere; }
.other-engagement-table td:nth-child(7),
.other-engagement-table td:nth-child(8) { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.other-engagement-table .actions {
  justify-content: center;
  white-space: nowrap;
}
.completed-engagement-table { min-width: 1458px; }
.fee-pending-table { min-width: 1560px; }
.fee-workflow-table { min-width: 1434px; }
.fee-received-table { min-width: 1510px; }
.pending-table { min-width: 1152px; }
.client-master-table { min-width: 1554px; }
.client-master-freeze-wrap {
  height: clamp(500px, 68vh, 780px) !important;
  max-height: calc(100vh - 180px) !important;
}
.client-master-table thead th {
  height: 38px;
  padding: 7px 8px !important;
  font-size: 12px !important;
  line-height: 1.2;
  vertical-align: middle;
}
.client-master-table tbody td {
  height: 40px;
  padding: 6px 8px !important;
  font-size: 12.5px !important;
  line-height: 1.25;
  vertical-align: middle;
  white-space: normal;
  overflow-wrap: anywhere;
}
.client-master-table .small,
.client-master-table .muted {
  font-size: 11.5px;
}
.client-master-table th:last-child,
.client-master-table td:last-child {
  position: static !important;
  right: auto !important;
  z-index: auto !important;
  width: 140px;
  min-width: 140px;
  max-width: 140px;
  box-shadow: none;
}
.client-master-table th:nth-child(2),
.client-master-table td:nth-child(2) {
  white-space: normal;
}
.client-master-table th:nth-child(1),
.client-master-table td:nth-child(1),
.client-master-table th:nth-child(3),
.client-master-table td:nth-child(3),
.client-master-table th:nth-child(9),
.client-master-table td:nth-child(9),
.client-master-table th:nth-child(11),
.client-master-table td:nth-child(11) {
  text-align: center;
}
.client-master-table td:nth-child(8),
.client-master-table th:nth-child(8) {
  text-align: left;
}
.client-master-table td:last-child {
  white-space: nowrap;
}
.client-master-table td:last-child .actions,
.client-master-table td:last-child.row {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  gap: 5px;
}
.client-master-table td:last-child button {
  min-height: 28px;
  padding: 5px 7px;
  font-size: 11px;
}
.freeze-header-clone {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 60;
  overflow: hidden;
  width: 100%;
  background: #EEF2F6;
  border-bottom: 1px solid #D0D5DD;
  box-shadow: 0 3px 8px rgba(17,24,39,.10);
}
.freeze-header-table {
  margin: 0;
  pointer-events: none;
}
.freeze-header-table thead th {
  position: sticky !important;
  top: 0 !important;
  z-index: 62 !important;
  height: 46px;
  background: #EEF2F6 !important;
  border-bottom: 1px solid #D0D5DD;
}
.freeze-header-table thead th.freeze-left-head {
  position: sticky !important;
  z-index: 70 !important;
  background: #E4E7EC !important;
}
.sticky-engagement-table > thead.native-freeze-head {
  display: none;
}
.sticky-engagement-table thead th {
  position: sticky !important;
  top: 0 !important;
  z-index: 12;
  background: #EEF2F6;
  box-shadow: 0 2px 0 #D0D5DD, 0 4px 10px rgba(17,24,39,.08);
  overflow: hidden;
  text-overflow: ellipsis;
}
.sticky-engagement-table th:first-child,
.sticky-engagement-table td:first-child {
  position: sticky !important;
  left: 0 !important;
  z-index: 8 !important;
  width: 64px;
  min-width: 64px;
  max-width: 64px;
  background: #FFFFFF;
  background-clip: padding-box;
  box-shadow: 1px 0 0 #D0D5DD;
}
.sticky-engagement-table th:nth-child(2),
.sticky-engagement-table td:nth-child(2) {
  position: sticky !important;
  left: 64px !important;
  z-index: 7 !important;
  width: 220px;
  min-width: 220px;
  max-width: 220px;
  background: #FFFFFF;
  background-clip: padding-box;
  box-shadow: 1px 0 0 #D0D5DD, 8px 0 12px -12px rgba(17,24,39,.38);
}
.sticky-engagement-table th:first-child,
.sticky-engagement-table td:first-child,
.sticky-engagement-table th:nth-child(2),
.sticky-engagement-table td:nth-child(2) {
  transform-origin: left center;
  backface-visibility: hidden;
}
.sticky-engagement-table thead th:first-child {
  z-index: 16 !important;
  background: #E4E7EC !important;
}
.sticky-engagement-table thead th:nth-child(2) {
  z-index: 15 !important;
  background: #E4E7EC !important;
}
.sticky-engagement-table tbody tr:nth-child(even) td:first-child,
.sticky-engagement-table tbody tr:nth-child(even) td:nth-child(2) {
  background: #FCFCFD;
}
.sticky-engagement-table tbody tr:hover td:first-child,
.sticky-engagement-table tbody tr:hover td:nth-child(2) {
  background: #FFF5F7;
}
.sticky-engagement-table td,
.sticky-engagement-table th {
  box-sizing: border-box;
}
.sticky-engagement-table th:last-child,
.sticky-engagement-table td:last-child {
  position: sticky !important;
  right: 0 !important;
  z-index: 9 !important;
  min-width: 220px;
  background: #FFFFFF;
  background-clip: padding-box;
  box-shadow: -1px 0 0 #D0D5DD, -8px 0 12px -12px rgba(17,24,39,.38);
}
.completed-engagement-table th:last-child,
.completed-engagement-table td:last-child {
  min-width: 160px;
  width: 160px;
}
.completed-engagement-table .actions {
  gap: 5px;
  flex-wrap: nowrap;
}
.completed-engagement-table .actions button {
  min-height: 30px;
  padding: 6px 8px;
  font-size: 11.5px;
  white-space: nowrap;
}
.completed-engagement-table thead th {
  height: 38px;
  padding: 7px 8px !important;
  font-size: 12px !important;
  line-height: 1.2;
  vertical-align: middle;
}
.completed-engagement-table tbody td {
  height: 42px;
  padding: 6px 8px !important;
  font-size: 12.5px !important;
  line-height: 1.25;
  vertical-align: middle;
  white-space: normal;
  overflow-wrap: anywhere;
}
.completed-engagement-table th:nth-child(1),
.completed-engagement-table td:nth-child(1),
.completed-engagement-table th:nth-child(3),
.completed-engagement-table td:nth-child(3),
.completed-engagement-table th:nth-child(5),
.completed-engagement-table td:nth-child(5),
.completed-engagement-table th:nth-child(6),
.completed-engagement-table td:nth-child(6),
.completed-engagement-table th:nth-child(7),
.completed-engagement-table td:nth-child(7),
.completed-engagement-table th:nth-child(10),
.completed-engagement-table td:nth-child(10) {
  text-align: center;
}
.fee-workflow-table th:last-child,
.fee-workflow-table td:last-child {
  min-width: 170px;
  width: 170px;
}
.fee-workflow-table .actions {
  flex-wrap: nowrap;
}
.fee-workflow-table .actions button {
  min-height: 34px;
  padding: 7px 9px;
  font-size: 12px;
  white-space: nowrap;
}
.fee-received-table th:last-child,
.fee-received-table td:last-child {
  min-width: 170px;
  width: 170px;
}
.fee-pending-table th:last-child,
.fee-pending-table td:last-child {
  min-width: 120px;
  width: 120px;
}
.fee-received-table .actions {
  gap: 5px;
  align-items: center;
  flex-wrap: nowrap;
}
.fee-pending-table .actions {
  gap: 5px;
  align-items: center;
  flex-wrap: nowrap;
}
.fee-received-table thead th,
.fee-pending-table thead th {
  height: 36px;
  padding: 7px 8px !important;
  font-size: 12px !important;
  line-height: 1.2;
  vertical-align: middle;
}
.fee-received-table tbody td,
.fee-pending-table tbody td {
  height: 40px;
  padding: 6px 8px !important;
  font-size: 12.5px !important;
  line-height: 1.25;
  vertical-align: middle;
  white-space: normal;
  overflow-wrap: anywhere;
}
.fee-received-table th:nth-child(1),
.fee-received-table td:nth-child(1),
.fee-received-table th:nth-child(3),
.fee-received-table td:nth-child(3),
.fee-received-table th:nth-child(4),
.fee-received-table td:nth-child(4),
.fee-received-table th:nth-child(7),
.fee-received-table td:nth-child(7),
.fee-received-table th:nth-child(9),
.fee-received-table td:nth-child(9),
.fee-pending-table th:nth-child(1),
.fee-pending-table td:nth-child(1),
.fee-pending-table th:nth-child(3),
.fee-pending-table td:nth-child(3),
.fee-pending-table th:nth-child(4),
.fee-pending-table td:nth-child(4),
.fee-pending-table th:nth-child(7),
.fee-pending-table td:nth-child(7),
.fee-pending-table th:nth-child(9),
.fee-pending-table td:nth-child(9) {
  text-align: center;
}
.fee-received-table th:nth-child(8),
.fee-received-table td:nth-child(8),
.fee-pending-table th:nth-child(8),
.fee-pending-table td:nth-child(8) {
  text-align: right;
  white-space: nowrap;
}
.fee-received-table .actions button,
.fee-pending-table .actions button {
  min-height: 28px;
  padding: 5px 7px;
  font-size: 11px;
  white-space: nowrap;
}
.completed-received-head {
  align-items: center;
  gap: 10px;
}
.completed-received-controls {
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 8px;
  width: 100%;
}
.completed-received-controls input[type="text"],
.completed-received-controls > input {
  width: min(320px, 100%);
  min-height: 40px;
}
.completed-received-controls .date-inline {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 40px;
  font-size: 12px;
  font-weight: 600;
  color: #344054;
}
.completed-received-controls .date-inline input {
  min-height: 40px;
  width: 142px;
}
.sticky-engagement-table thead th:last-child {
  z-index: 18 !important;
  background: #E4E7EC !important;
}
.sticky-engagement-table tbody tr:nth-child(even) td:last-child {
  background: #FCFCFD;
}
.sticky-engagement-table tbody tr:hover td:last-child {
  background: #FFF5F7;
}
.audit-engagement-table th:last-child,
.audit-engagement-table td:last-child,
.other-engagement-table th:last-child,
.other-engagement-table td:last-child {
  width: 150px !important;
  min-width: 150px !important;
  max-width: 150px !important;
}
.client-master-table th:last-child,
.client-master-table td:last-child {
  position: static !important;
  right: auto !important;
  z-index: auto !important;
  width: 140px !important;
  min-width: 140px !important;
  max-width: 140px !important;
  background: inherit !important;
  box-shadow: none !important;
}
.client-master-table thead th:last-child {
  background: #EEF2F6 !important;
  z-index: 20 !important;
}
.pro-table thead th:last-child {
  z-index: 18;
  background: #E4E7EC;
}
.pro-table th:first-child,
.pro-table td:first-child,
.pro-table th:nth-child(2),
.pro-table td:nth-child(2),
.pro-table th:last-child,
.pro-table td:last-child,
.sticky-engagement-table th:first-child,
.sticky-engagement-table td:first-child,
.sticky-engagement-table th:nth-child(2),
.sticky-engagement-table td:nth-child(2),
.sticky-engagement-table th:last-child,
.sticky-engagement-table td:last-child,
.freeze-header-table th:first-child,
.freeze-header-table th:nth-child(2),
.freeze-header-table th:last-child {
  position: static !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
  z-index: auto !important;
  box-shadow: none !important;
}
.pro-table thead th,
.sticky-engagement-table thead th,
.freeze-header-table thead th {
  position: sticky !important;
  top: 0 !important;
}
.pending-table th:last-child,
.pending-table td:last-child {
  width: 92px !important;
  min-width: 92px !important;
  max-width: 92px !important;
}
.pending-table th:nth-child(2),
.pending-table td:nth-child(2) {
  width: 240px !important;
  min-width: 240px !important;
  max-width: 240px !important;
}
.pending-freeze-wrap {
  height: clamp(500px, 68vh, 780px) !important;
  max-height: calc(100vh - 180px) !important;
}
.pending-table thead th {
  height: 36px;
  padding: 7px 8px !important;
  font-size: 12px !important;
  line-height: 1.2;
  text-align: left;
  vertical-align: middle;
  white-space: normal;
}
.pending-table tbody td {
  height: 40px;
  padding: 6px 8px !important;
  font-size: 12.5px !important;
  line-height: 1.25;
  vertical-align: middle;
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
}
.pending-table th:nth-child(1),
.pending-table td:nth-child(1),
.pending-table th:nth-child(3),
.pending-table td:nth-child(3),
.pending-table th:nth-child(4),
.pending-table td:nth-child(4),
.pending-table th:nth-child(6),
.pending-table td:nth-child(6),
.pending-table th:nth-child(9),
.pending-table td:nth-child(9) {
  text-align: center;
}
.pending-table .actions {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  gap: 4px;
}
.pending-table .actions button {
  min-height: 28px;
  padding: 5px 7px;
  font-size: 11px;
  white-space: nowrap;
}
.pro-table strong {
  font-weight: 700;
  color: #171A21;
}
.pro-table .small,
.pro-table .muted {
  color: #667085;
  font-size: 12.5px;
  font-weight: 400;
}
.amount,
.pro-table .amount {
  text-align: right;
  font-variant-numeric: tabular-nums;
}
.date-cell,
.status-cell {
  text-align: center;
}
.actions {
  display: inline-flex;
  gap: 6px;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: nowrap;
}
.actions button,
.pro-table button {
  min-height: 30px;
  padding: 6px 9px;
  font-size: 12px;
  border-radius: 7px;
  white-space: nowrap;
}
.user-management-table {
  min-width: 1728px;
  table-layout: fixed;
}
.user-management-table th:last-child,
.user-management-table td:last-child {
  min-width: 500px !important;
  width: 500px !important;
}
.user-management-table .user-actions {
  justify-content: flex-start;
  gap: 7px;
}
.user-management-table .user-edit-action {
  background: #175cd3 !important;
  color: #ffffff !important;
  border-color: #175cd3 !important;
  font-weight: 800;
}
.density-compact td { height: 42px; padding-top: 8px; padding-bottom: 8px; }
.density-spacious td { height: 62px; padding-top: 16px; padding-bottom: 16px; }
.status {
  border-radius: 999px;
  padding: 5px 10px;
  font-size: 12px;
  font-weight: 700;
}
.status.green { background: #DCFCE7; color: #166534; }
.status.orange { background: #FEF3C7; color: #92400E; }
.status.red { background: #FEE2E2; color: #991B1B; }
.status.blue { background: #DBEAFE; color: #1E40AF; }
.status.grey { background: #F1F5F9; color: #475569; }
.status.dark { background: #E5E7EB; color: #374151; }
.priority.low { background: #F1F5F9; color: #475569; }
.priority.normal { background: #DBEAFE; color: #1E40AF; }
.priority.high { background: #FFEDD5; color: #9A3412; }
.priority.urgent { background: #FEE2E2; color: #991B1B; }
.overdue-row {
  box-shadow: inset 3px 0 0 #DC2626;
}
.pagination {
  padding: 10px 2px 2px;
  color: #667085;
}
.pagination button {
  min-height: 34px;
}
.pro-table td[colspan].muted,
.pro-table .muted[colspan] {
  text-align: center;
  height: 120px;
  color: #667085;
  background: #FFFFFF;
  font-size: 14px;
}
@media (max-width: 760px) {
  .table-card-toolbar {
    align-items: stretch;
  }
  .table-card-controls,
  .table-card-controls input,
  .table-card-controls select,
  .table-card-controls button {
    width: 100%;
  }
  .table-wrap {
    max-height: none;
  }
  .pro-table {
    min-width: 900px;
  }
}

/* Quotation tracker tab shading and action colours */
.quotation-page .section-heading {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  padding: 8px 13px;
  border: 1px solid #ffd6df;
  border-radius: 10px;
  background: #fff0f3;
  color: var(--fineasy-pink);
  font-weight: 700;
}

.quotation-page .q-tabs {
  padding: 12px;
  border: 1px solid #e4e7ec;
  border-radius: 14px;
  background: #f8f9fb;
}

.quotation-page .q-tabs button {
  box-shadow: 0 10px 22px rgba(23, 26, 33, 0.06);
  min-height: 68px;
  padding: 10px 12px;
}

.quotation-page .q-tabs button span {
  font-size: 12.5px;
  line-height: 1.2;
}

.quotation-page .q-tabs button strong {
  font-size: 24px;
  line-height: 1;
}

.quotation-page .q-tabs button:nth-child(1) {
  background: #fff0f3 !important;
  border-color: #ffd6df !important;
}

.quotation-page .q-tabs button:nth-child(2) {
  background: #eef4ff !important;
  border-color: #c7d7fe !important;
}

.quotation-page .q-tabs button:nth-child(3) {
  background: #ecfdf3 !important;
  border-color: #abefc6 !important;
}

.quotation-page .q-tabs button:nth-child(4) {
  background: #fff7ed !important;
  border-color: #fed7aa !important;
}

.quotation-page .q-tabs button.active {
  border-color: var(--fineasy-pink) !important;
  box-shadow: 0 14px 28px rgba(235, 25, 70, 0.14);
}

.quotation-table thead th {
  background: #e5e7eb !important;
  color: #111827 !important;
  border-bottom: 2px solid #9ca3af !important;
  font-weight: 800 !important;
  box-shadow: inset 0 1px 0 #ffffff, inset 0 -2px 0 rgba(17, 24, 39, 0.12);
}

.quotation-table thead th:nth-child(2n) {
  background: #f3f4f6 !important;
}

.quotation-table thead th:first-child {
  border-top-left-radius: 10px;
}

.quotation-table thead th:last-child {
  border-top-right-radius: 10px;
  background: #e5e7eb !important;
}

.quotation-table tbody td:nth-child(2) strong {
  font-size: 13px;
  line-height: 1.25;
}

.quotation-table tbody td:nth-child(2) .small,
.quotation-table tbody td:nth-child(2) .muted {
  font-size: 11.5px;
  line-height: 1.2;
}

.quotation-table tbody td {
  font-size: 12.5px !important;
  line-height: 1.25;
}

.quotation-table tbody td .status {
  font-size: 11.5px;
}

.quotation-table {
  table-layout: fixed;
  min-width: 1480px;
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid #d0d5dd;
  border-radius: 10px;
  overflow: hidden;
}

.quotation-table th,
.quotation-table td {
  vertical-align: middle;
  border-right: 1px solid #d0d5dd !important;
  border-bottom: 1px solid #d0d5dd !important;
}

.quotation-table th {
  white-space: normal;
  line-height: 1.2;
}

.quotation-table tbody td {
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
}

.quotation-table th:last-child,
.quotation-table td:last-child {
  border-right: 0 !important;
}

.quotation-table tbody tr:last-child td {
  border-bottom: 0 !important;
}

.quotation-table tbody tr:nth-child(even) {
  background: #fcfcfd;
}

.quotation-table tbody tr:hover {
  background: #fff5f7;
}

.quotation-table th:nth-child(1),
.quotation-table td:nth-child(1) {
  width: 54px;
  min-width: 54px;
}

.quotation-table th:nth-child(2),
.quotation-table td:nth-child(2) {
  width: 190px;
  min-width: 190px;
}

.quotation-table th:nth-child(3),
.quotation-table td:nth-child(3),
.quotation-table th:nth-child(5),
.quotation-table td:nth-child(5),
.quotation-table th:nth-child(10),
.quotation-table td:nth-child(10),
.quotation-table th:nth-child(12),
.quotation-table td:nth-child(12) {
  width: 92px;
  min-width: 92px;
  text-align: center;
}

.quotation-table th:nth-child(4),
.quotation-table td:nth-child(4) {
  width: 165px;
  min-width: 165px;
}

.quotation-table th:nth-child(6),
.quotation-table td:nth-child(6) {
  width: 125px;
  min-width: 125px;
}

.quotation-table th:nth-child(7),
.quotation-table td:nth-child(7) {
  width: 118px;
  min-width: 118px;
}

.quotation-table th:nth-child(8),
.quotation-table td:nth-child(8) {
  width: 112px;
  min-width: 112px;
  text-align: right;
}

.quotation-table th:nth-child(9),
.quotation-table td:nth-child(9) {
  width: 118px;
  min-width: 118px;
  text-align: center;
}

.quotation-table th:nth-child(11),
.quotation-table td:nth-child(11) {
  width: 118px;
  min-width: 118px;
  text-align: center;
}

.quotation-table th:nth-child(13),
.quotation-table td:nth-child(13) {
  width: 160px;
  min-width: 160px;
}

.quotation-table td:nth-child(3),
.quotation-table td:nth-child(5),
.quotation-table td:nth-child(7),
.quotation-table td:nth-child(8),
.quotation-table td:nth-child(9),
.quotation-table td:nth-child(10),
.quotation-table td:nth-child(11),
.quotation-table td:nth-child(12),
.quotation-table td:nth-child(13) {
  white-space: nowrap;
}

.quotation-action-strip {
  justify-content: flex-end;
  margin-top: 4px;
}

button.sample-action,
button[id^="download-sample"] {
  background: #fff0f3 !important;
  border-color: #ffd6df !important;
  color: var(--fineasy-pink) !important;
}

button.import-action,
button[id^="import-"]:not(#import-history) {
  background: #eef4ff !important;
  border-color: #bfdbfe !important;
  color: #1d4ed8 !important;
}

button.export-excel {
  background: #dcfce7 !important;
  border-color: #86efac !important;
  color: #166534 !important;
}

button.export-pdf {
  background: #fee2e2 !important;
  border-color: #fca5a5 !important;
  color: #991b1b !important;
}

button.new-blue {
  background: var(--fineasy-pink) !important;
  border-color: var(--fineasy-pink) !important;
  color: #ffffff !important;
}

button.back-btn {
  background: #eef4ff !important;
  border-color: #bfdbfe !important;
  color: #1d4ed8 !important;
}

button.back-btn:hover {
  background: #dbeafe !important;
  border-color: #93c5fd !important;
}

.quotation-page .table-card-title {
  display: none;
}

.quotation-page .table-card-toolbar {
  justify-content: flex-end;
}

.quotation-page .table-card-controls {
  justify-content: flex-end;
  flex-wrap: nowrap;
  gap: 6px;
  width: 100%;
  overflow-x: auto;
}

.quotation-page .table-card-controls input.table-search {
  min-width: 150px;
  max-width: 170px;
  height: 34px;
  font-size: 12.5px;
}

.quotation-page .table-card-controls select.table-density {
  min-width: 112px;
  height: 34px;
  font-size: 12.5px;
}

.quotation-page .table-card-controls button {
  min-width: auto;
  min-height: 34px;
  white-space: nowrap;
  padding-inline: 10px;
  font-size: 12.5px;
}

.quotation-page .filter-panel .section-heading {
  font-size: 12.5px;
  padding: 6px 10px;
  border-radius: 8px;
}

.quotation-page .q-filter-grid {
  gap: 8px;
}

.quotation-page .q-filter-grid label {
  font-size: 12px;
  gap: 4px;
}

.quotation-page .q-filter-grid input,
.quotation-page .q-filter-grid select {
  height: 34px;
  font-size: 12.5px;
  padding: 7px 9px;
}

.quotation-page .filter-panel {
  padding: 10px;
}

.page-context h1.page-title-quotations {
  font-size: 20px;
}

/* Shared panel table tuning to match Quotation Tracker */
.panel .table-card-title {
  display: none;
}

.panel .table-card-toolbar {
  justify-content: flex-end;
  padding: 8px 0;
}

.panel .table-card-controls {
  justify-content: flex-end;
  flex-wrap: nowrap;
  gap: 6px;
  width: 100%;
  overflow-x: auto;
}

.panel .table-card-controls input.table-search {
  min-width: 150px;
  max-width: 180px;
  height: 34px;
  font-size: 12.5px;
}

.panel .table-card-controls select.table-density {
  min-width: 112px;
  height: 34px;
  font-size: 12.5px;
}

.panel .table-card-controls button {
  min-width: auto;
  min-height: 34px;
  padding: 7px 10px;
  font-size: 12.5px;
  white-space: nowrap;
}

.panel .table-wrap table.pro-table {
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid #d0d5dd;
  border-radius: 10px;
  overflow: hidden;
}

.panel .pro-table thead th {
  background: #fff0f3 !important;
  color: #9f1239 !important;
  border-right: 1px solid #d0d5dd !important;
  border-bottom: 1px solid #fda4af !important;
  line-height: 1.2;
  white-space: normal;
  box-shadow: inset 0 1px 0 #ffffff, inset 0 -2px 0 rgba(235, 25, 70, 0.16);
}

.panel .pro-table thead th:nth-child(2n) {
  background: #fff7fa !important;
}

.panel .pro-table tbody td {
  border-right: 1px solid #d0d5dd !important;
  border-bottom: 1px solid #d0d5dd !important;
  font-size: 12.5px;
  line-height: 1.25;
  vertical-align: middle;
}

.panel .pro-table th:last-child,
.panel .pro-table td:last-child {
  border-right: 0 !important;
}

.panel .pro-table tbody tr:last-child td {
  border-bottom: 0 !important;
}

.panel .filter-panel .section-heading {
  font-size: 12.5px;
  padding: 6px 10px;
  border-radius: 8px;
}

.panel .filter-panel label {
  font-size: 12px;
  gap: 4px;
}

.panel .filter-panel input,
.panel .filter-panel select {
  height: 34px;
  font-size: 12.5px;
  padding: 7px 9px;
}

/* Navigation refresh and persistent top actions */
.shell {
  grid-template-columns: 260px minmax(0, 1fr);
}

.shell.sidebar-collapsed {
  grid-template-columns: 76px minmax(0, 1fr);
}

.sidebar {
  background: linear-gradient(180deg, #111318 0%, #171a21 100%) !important;
  padding: 14px 10px !important;
  overflow-x: hidden;
}

.side-brand.app-badge {
  display: block;
  padding: 12px 10px 14px !important;
  margin-bottom: 8px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.sidebar .app-badge strong {
  color: #ffffff;
  display: block;
  font-size: 18px;
  line-height: 1.14;
  font-weight: 700;
  white-space: normal;
}

.sidebar .app-badge em {
  display: block;
  margin-top: 5px;
  color: #ffb4c4;
  font-size: 12px;
  font-weight: 500;
}

.sidebar-collapse {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: flex-start;
  min-height: 38px;
  border-radius: 10px;
  padding: 8px 10px;
}

.nav-section,
.admin-nav {
  margin-top: 12px;
}

.nav-label {
  padding: 8px 10px 6px !important;
  color: #98a2b3 !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.nav {
  gap: 5px;
}

.nav button {
  min-height: 38px !important;
  padding: 8px 10px !important;
  border-radius: 10px !important;
  gap: 10px;
  color: #d0d5dd !important;
  border: 1px solid transparent;
  overflow: hidden;
}

.nav button:hover {
  background: rgba(255, 255, 255, .07) !important;
  border-color: rgba(255, 255, 255, .08);
  color: #ffffff !important;
}

.nav button.active {
  background: #fff0f3 !important;
  border-color: #ffd6df !important;
  color: #9f1239 !important;
  box-shadow: 0 8px 20px rgba(235, 25, 70, .16);
}

.nav button.active .nav-icon {
  color: #eb1946 !important;
}

.nav-icon {
  flex: 0 0 22px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  display: inline-grid;
  place-items: center;
  font-size: 15px;
}

.nav-text {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shell.sidebar-collapsed .side-brand.app-badge {
  min-height: 42px;
  padding: 10px 4px !important;
}

.shell.sidebar-collapsed .app-badge > div,
.shell.sidebar-collapsed .nav-label,
.shell.sidebar-collapsed .nav-text,
.shell.sidebar-collapsed .side-user span,
.shell.sidebar-collapsed .side-user strong {
  display: none !important;
}

.shell.sidebar-collapsed .sidebar-collapse,
.shell.sidebar-collapsed .nav button {
  justify-content: center;
  padding: 8px !important;
}

.shell.sidebar-collapsed .nav-icon {
  margin: 0;
}

.topbar {
  grid-template-columns: minmax(180px, 1fr) auto !important;
  align-items: center;
  gap: 14px;
  min-height: 78px;
  padding: 12px 18px !important;
}

.topbar-left {
  min-width: 0;
}

.topbar-actions {
  display: flex;
  justify-content: flex-end !important;
  align-items: center;
  flex-wrap: wrap !important;
  gap: 8px;
  min-width: 0;
}

.module-action-title {
  color: #344054;
  font-size: 14px;
  font-weight: 700;
}

.top-new-quote,
.top-new-client,
.top-new-engagement,
.quick-add > .compact-top {
  min-width: 126px;
  min-height: 40px !important;
  padding: 9px 14px !important;
  border-radius: 10px;
  white-space: nowrap;
  color: #ffffff !important;
  font-weight: 700 !important;
}

.top-new-quote {
  background: linear-gradient(135deg, #ff4f73, #eb1946) !important;
  border-color: #b81235 !important;
  box-shadow: 0 10px 22px rgba(235, 25, 70, .24);
}

.top-new-quote:hover {
  background: linear-gradient(135deg, #f43f5e, #d9143d) !important;
  border-color: #b81235 !important;
}

.top-new-client {
  background: linear-gradient(135deg, #38bdf8, #2563eb) !important;
  border: 1px solid #1d4ed8 !important;
  box-shadow: 0 10px 22px rgba(37, 99, 235, .24);
}

.top-new-client:hover {
  background: linear-gradient(135deg, #0ea5e9, #1d4ed8) !important;
  border-color: #1e40af !important;
}

.top-new-engagement {
  background: linear-gradient(135deg, #8b5cf6, #6d28d9) !important;
  border: 1px solid #5b21b6 !important;
  box-shadow: 0 10px 22px rgba(109, 40, 217, .24);
}

.top-new-engagement:hover {
  background: linear-gradient(135deg, #7c3aed, #581c87) !important;
  border-color: #4c1d95 !important;
}

.quick-add > .compact-top {
  background: linear-gradient(135deg, #22c55e, #15803d) !important;
  border-color: #15803d !important;
  box-shadow: 0 10px 22px rgba(21, 128, 61, .22);
}

.quick-add > .compact-top:hover {
  background: linear-gradient(135deg, #16a34a, #166534) !important;
}

@media (max-width: 1180px) {
  .topbar {
    grid-template-columns: 1fr !important;
    align-items: stretch;
  }
  .topbar-actions {
    justify-content: flex-start !important;
  }
}

@media (max-width: 640px) {
  .top-new-quote,
  .top-new-client {
    flex: 1 1 150px;
  }
}

.topbar {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: space-between !important;
  align-items: center !important;
  overflow: visible !important;
  height: auto !important;
  gap: 10px 14px !important;
}

.topbar-left {
  flex: 1 1 220px;
}

.topbar-actions {
  flex: 1 1 560px;
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
  align-items: center !important;
  overflow: visible !important;
}

.topbar-actions button,
.topbar-actions .compact-top,
.topbar-actions .notify-btn {
  flex: 0 0 auto;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}

@media (max-width: 980px) {
  .topbar-actions {
    flex-basis: 100%;
    justify-content: flex-start !important;
  }
}

@media (max-width: 560px) {
  .topbar-actions button,
  .topbar-actions .compact-top,
  .topbar-actions .notify-btn {
    flex: 1 1 148px;
  }
}

.topbar-actions #top-new-quote,
.topbar-actions #top-new-quote:visited,
.topbar-actions #top-new-quote:focus,
.topbar-actions #top-new-quote:focus-visible {
  background: linear-gradient(135deg, #eb1946, #be123c) !important;
  border: 1px solid #9f1239 !important;
  color: #ffffff !important;
  box-shadow: 0 10px 22px rgba(235, 25, 70, .28) !important;
}

.topbar-actions #top-new-quote:hover,
.topbar-actions #top-new-quote:active {
  background: linear-gradient(135deg, #fb3f68, #9f1239) !important;
  border-color: #881337 !important;
  color: #ffffff !important;
}

.topbar-actions #top-new-engagement,
.topbar-actions #top-new-engagement:visited,
.topbar-actions #top-new-engagement:focus,
.topbar-actions #top-new-engagement:focus-visible {
  background: linear-gradient(135deg, #8b5cf6, #6d28d9) !important;
  border: 1px solid #5b21b6 !important;
  color: #ffffff !important;
  box-shadow: 0 10px 22px rgba(109, 40, 217, .24) !important;
}

.topbar-actions #top-new-engagement:hover,
.topbar-actions #top-new-engagement:active {
  background: linear-gradient(135deg, #7c3aed, #581c87) !important;
  border-color: #4c1d95 !important;
  color: #ffffff !important;
}

.topbar-actions #notification-toggle,
.topbar-actions #notification-toggle:visited,
.topbar-actions #notification-toggle:focus,
.topbar-actions #notification-toggle:focus-visible {
  background: linear-gradient(135deg, #f59e0b, #ea580c) !important;
  border: 1px solid #c2410c !important;
  color: #ffffff !important;
  box-shadow: 0 10px 22px rgba(234, 88, 12, .24) !important;
}

.topbar-actions #notification-toggle:hover,
.topbar-actions #notification-toggle:active {
  background: linear-gradient(135deg, #fb923c, #c2410c) !important;
  border-color: #9a3412 !important;
  color: #ffffff !important;
}

.topbar-actions #notification-toggle span {
  background: #ffffff !important;
  color: #ea580c !important;
}

.discard-confirm {
  position: fixed;
  inset: 0;
  z-index: 3000;
  display: grid;
  place-items: center;
  background: rgba(23, 26, 33, .42);
}

.discard-card {
  width: min(420px, calc(100vw - 32px));
  background: #ffffff;
  border: 1px solid #d0d5dd;
  border-radius: 12px;
  box-shadow: 0 24px 70px rgba(23, 26, 33, .22);
  padding: 18px;
}

.discard-card h3 {
  margin: 0 0 8px;
  font-size: 18px;
  font-weight: 700;
  color: #171a21;
}

.discard-card p {
  margin: 0 0 16px;
  color: #475467;
  font-size: 14px;
}
.discard-card .discard-continue {
  min-height: 36px;
  padding: 8px 13px;
  color: #ffffff;
  background: #16a34a;
  border: 1px solid #15803d;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 700;
}
.discard-card .discard-continue:hover,
.discard-card .discard-continue:focus-visible {
  background: #15803d;
  border-color: #166534;
}

/* Global scroll safety: keep every page, table, and modal reachable. */
html,
body,
#app {
  min-height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior-y: auto;
}

body.modal-open {
  overflow: hidden;
}

/* Compact Other Engagement add/edit editor */
.modal-card:has(.other-engagement-form) {
  width: min(1180px, 94vw) !important;
  max-width: 1180px !important;
  max-height: calc(100dvh - 40px) !important;
}
.other-engagement-form {
  max-height: calc(100dvh - 42px);
}
.other-engagement-form .eng-form-header {
  position: sticky;
  top: 0;
  z-index: 35;
  min-height: 84px;
  padding: 12px 20px;
}
.other-engagement-form .eng-form-header h2 {
  font-size: 22px !important;
  font-weight: 700;
}
.other-engagement-form .eng-form-header p {
  margin-top: 4px;
  font-size: 12px;
  line-height: 1.35;
}
.other-form-heading {
  min-width: 0;
}
.other-header-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 8px;
}
.other-header-actions:empty {
  display: none;
}
.other-header-actions button {
  min-height: 30px !important;
  padding: 5px 10px !important;
  border-radius: 8px !important;
  font-size: 12px !important;
}
.other-engagement-form .eng-form-section {
  padding: 14px 20px 16px;
}
.other-engagement-form .eng-section-heading {
  margin-bottom: 12px;
}
.other-engagement-form .eng-section-heading h3 {
  font-size: 16px;
  font-weight: 700;
}
.other-engagement-form .eng-section-heading p {
  margin-top: 4px;
  font-size: 12px;
  line-height: 1.35;
}
.other-engagement-form .eng-form-grid {
  column-gap: 14px;
  row-gap: 16px;
}
.other-engagement-form .eng-field {
  gap: 7px !important;
  color: #24364d !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.2;
}
.other-engagement-form .eng-field.required::after {
  font-size: 14px;
}
.other-engagement-form .eng-field.span-6 {
  grid-column: span 6;
}
.other-engagement-form .eng-field input,
.other-engagement-form .eng-field select,
.other-engagement-form .eng-field textarea {
  font-size: 14px !important;
}
.other-engagement-form .eng-field textarea {
  width: 100%;
  min-height: 84px;
  max-height: 220px;
  padding: 11px 12px !important;
  resize: vertical;
  overflow-y: auto;
  color: #24384f !important;
  background: #fff !important;
  border: 1px solid #cfd8e4 !important;
  border-radius: 10px !important;
  line-height: 1.45;
}
.other-engagement-form .eng-field textarea:hover {
  border-color: #aebccf !important;
}
.other-engagement-form .eng-field textarea:focus {
  border-color: var(--primary) !important;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, .12) !important;
  outline: none !important;
}
.other-engagement-form .eng-client-search-wrap > input {
  padding-right: 46px !important;
}
.other-engagement-form .eng-amount-control > span {
  height: 42px;
  font-size: 12px;
}
.other-engagement-form .eng-staff-meta,
.other-engagement-form .field-error,
.other-engagement-form .eng-unsaved-note {
  font-size: 12px;
}
.other-engagement-form .eng-staff-meta {
  min-height: 14px;
}
.other-engagement-form .eng-status-indicator {
  min-height: 28px;
  font-size: 12px;
}
.other-engagement-form .eng-form-footer {
  padding: 11px 20px;
}
.other-engagement-form .eng-form-footer .new-blue {
  min-width: 154px;
}

@media (max-width: 920px) {
  .modal-card:has(.other-engagement-form) {
    width: min(760px, calc(100vw - 24px)) !important;
    max-height: calc(100dvh - 24px) !important;
  }
  .other-engagement-form {
    max-height: calc(100dvh - 26px);
  }
  .other-engagement-form .eng-field.span-2,
  .other-engagement-form .eng-field.span-3,
  .other-engagement-form .eng-field.span-4,
  .other-engagement-form .eng-field.span-5,
  .other-engagement-form .eng-field.span-6 {
    grid-column: span 1;
  }
  .other-engagement-form .eng-field:has(#c-clientName),
  .other-engagement-form .eng-field:has(#c-email),
  .other-engagement-form .eng-field:has(#c-natureOfWork),
  .other-engagement-form .eng-field:has(#c-remarks),
  .other-engagement-form .eng-field:has(#c-deliverables) {
    grid-column: 1 / -1;
  }
}

@media (max-width: 580px) {
  .modal-card:has(.other-engagement-form) {
    width: 100vw !important;
    max-width: none !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    border: 0 !important;
    border-radius: 0 !important;
  }
  .other-engagement-form {
    max-height: 100dvh;
  }
  .other-engagement-form .eng-form-header {
    min-height: 72px;
    padding: 10px 12px;
  }
  .other-engagement-form .eng-form-header h2 {
    font-size: 19px !important;
  }
  .other-engagement-form .eng-form-header p,
  .other-engagement-form .eng-form-header .eyebrow {
    display: none;
  }
  .other-header-actions {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 2px;
  }
  .other-header-actions button {
    flex: 0 0 auto;
    white-space: nowrap;
  }
  .other-engagement-form .eng-form-section {
    padding-inline: 12px;
  }
  .other-engagement-form .eng-form-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .other-engagement-form .eng-field.span-2,
  .other-engagement-form .eng-field.span-3,
  .other-engagement-form .eng-field.span-4,
  .other-engagement-form .eng-field.span-5,
  .other-engagement-form .eng-field.span-6,
  .other-engagement-form .eng-field:has(#c-clientName),
  .other-engagement-form .eng-field:has(#c-email),
  .other-engagement-form .eng-field:has(#c-natureOfWork),
  .other-engagement-form .eng-field:has(#c-remarks),
  .other-engagement-form .eng-field:has(#c-deliverables) {
    grid-column: 1;
  }
  .other-engagement-form .eng-field input,
  .other-engagement-form .eng-field select,
  .other-engagement-form .eng-field textarea {
    font-size: 16px !important;
  }
  .other-engagement-form .eng-form-footer {
    padding-inline: 12px;
  }
}

.shell {
  min-height: 100dvh;
  align-items: start;
}

.main {
  min-width: 0;
  min-height: 100dvh;
  overflow: visible;
}

.content {
  min-width: 0;
  overflow: visible;
  padding-bottom: max(32px, env(safe-area-inset-bottom));
}

.sidebar {
  max-height: 100dvh;
  overflow-y: auto !important;
  overflow-x: hidden;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}

.side-user {
  position: sticky;
  bottom: 0;
  background: var(--sidebar);
  z-index: 2;
}

.table-wrap,
.sticky-engagement-wrap,
.audit-freeze-wrap,
.other-freeze-wrap,
.client-master-freeze-wrap,
.workflow-freeze-wrap,
.pending-freeze-wrap {
  overflow: auto !important;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  scrollbar-gutter: stable both-edges;
  max-width: 100%;
  max-height: min(72dvh, calc(100dvh - 180px)) !important;
  min-height: 0;
}

.sticky-engagement-wrap,
.audit-freeze-wrap,
.other-freeze-wrap,
.client-master-freeze-wrap,
.workflow-freeze-wrap,
.pending-freeze-wrap {
  height: min(72dvh, calc(100dvh - 180px)) !important;
}

.pro-table,
.sticky-engagement-table {
  max-width: none;
}

.pro-table thead th,
.sticky-engagement-table thead th {
  position: sticky !important;
  top: 0 !important;
  z-index: 8 !important;
}

.pro-table th:first-child,
.pro-table td:first-child,
.pro-table th:nth-child(2),
.pro-table td:nth-child(2),
.pro-table th:last-child,
.pro-table td:last-child,
.sticky-engagement-table th:first-child,
.sticky-engagement-table td:first-child,
.sticky-engagement-table th:nth-child(2),
.sticky-engagement-table td:nth-child(2),
.sticky-engagement-table th:last-child,
.sticky-engagement-table td:last-child {
  position: static !important;
  left: auto !important;
  right: auto !important;
  z-index: auto !important;
  box-shadow: none !important;
}

.modal {
  align-items: start;
  place-items: start center;
  overflow-y: auto !important;
  overflow-x: hidden;
  padding: clamp(10px, 3vh, 28px) 14px;
  -webkit-overflow-scrolling: touch;
}

.modal-card {
  width: min(1120px, calc(100vw - 28px));
  max-height: calc(100dvh - 28px);
  overflow-y: auto !important;
  overflow-x: hidden;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}

.compact-modal-card {
  max-height: calc(100dvh - 28px) !important;
}

.modal-card .table-wrap {
  max-height: min(58dvh, 520px) !important;
}

.modal-actions,
.billing-modal-actions,
.user-form-header {
  position: sticky;
  z-index: 20;
  background: #fff;
}

.modal-actions,
.billing-modal-actions {
  bottom: 0;
  padding-bottom: max(8px, env(safe-area-inset-bottom));
}

.user-form-header {
  top: 0;
}

select,
input[type="date"] {
  touch-action: manipulation;
}

@media (max-width: 900px) {
  .shell,
  .shell.sidebar-collapsed {
    min-height: 100dvh;
  }

  .sidebar {
    max-height: 100dvh;
  }

  .topbar {
    max-height: none;
  }

  .table-wrap,
  .sticky-engagement-wrap,
  .audit-freeze-wrap,
  .other-freeze-wrap,
  .client-master-freeze-wrap,
  .workflow-freeze-wrap,
  .pending-freeze-wrap {
    height: min(68dvh, calc(100dvh - 160px)) !important;
    max-height: min(68dvh, calc(100dvh - 160px)) !important;
  }

  .modal {
    padding: 8px;
  }

  .modal-card {
    width: calc(100vw - 16px);
    max-height: calc(100dvh - 16px);
  }

  .user-form-header {
    align-items: stretch;
    flex-direction: column;
  }

  .user-form-header-actions,
  .user-modal-actions {
    width: 100%;
  }

  .user-form-header-actions button,
  .user-modal-actions button {
    flex: 1 1 140px;
  }
}

/* User Management modal: keep Save visible while scrolling long permission forms. */
.modal-card:has(.user-form) {
  padding: 0 !important;
  max-height: calc(100dvh - 28px) !important;
  overflow: hidden !important;
}

.user-form {
  display: flex;
  flex-direction: column;
  max-height: calc(100dvh - 28px);
  overflow-y: auto;
  overflow-x: hidden;
  padding: 16px 18px 0;
  scrollbar-gutter: stable;
}

.user-form-body,
.user-form .permission-box {
  flex: 0 0 auto;
}

.user-form .permission-box {
  margin-bottom: 88px;
}

.user-form-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 50 !important;
  margin: -16px -18px 12px;
  padding: 14px 18px 12px !important;
  background: #fff !important;
  box-shadow: 0 1px 0 var(--line), 0 10px 18px rgba(15, 23, 42, .06);
}

.user-modal-actions {
  position: sticky !important;
  bottom: 0 !important;
  z-index: 60 !important;
  margin: 12px -18px 0;
  padding: 12px 18px max(14px, env(safe-area-inset-bottom)) !important;
  background: #fff !important;
  box-shadow: 0 -1px 0 var(--line), 0 -12px 20px rgba(15, 23, 42, .08);
}

.user-save-visible,
.user-modal-actions #save-user,
.user-form-header #save-user-top {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 132px;
  min-height: 40px;
  background: var(--fineasy-pink, #eb1946) !important;
  border: 1px solid var(--fineasy-pink, #eb1946) !important;
  color: #fff !important;
  font-weight: 800;
  opacity: 1 !important;
  visibility: visible !important;
}

.user-modal-actions #save-user.form-invalid,
.user-form-header #save-user-top.form-invalid {
  background: #9aa4b2 !important;
  border-color: #9aa4b2 !important;
  color: #fff !important;
  cursor: pointer;
  opacity: 1 !important;
}

.reset-password-actions {
  display: flex !important;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 10px;
}
.reset-password-actions button {
  flex: 0 1 auto;
  min-width: 118px;
}
.reset-password-actions .reset-save-visible {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 118px !important;
  background: #175cd3 !important;
  border-color: #175cd3 !important;
  color: #ffffff !important;
  font-weight: 800;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Keep the left navigation fixed while pages, tables, and forms scroll. */
@media (min-width: 981px) {
  .shell,
  .shell.sidebar-collapsed {
    display: block !important;
    min-height: 100dvh;
  }

  .sidebar {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    width: 260px !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    z-index: 30 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
  }

  .main {
    margin-left: 260px !important;
    width: calc(100% - 260px) !important;
    min-height: 100dvh;
  }

  .shell.sidebar-collapsed .sidebar {
    width: 76px !important;
  }

  .shell.sidebar-collapsed .main {
    margin-left: 76px !important;
    width: calc(100% - 76px) !important;
  }
}

@media (max-width: 980px) {
  .main {
    margin-left: 0 !important;
    width: 100% !important;
  }
}

/* Engagement tables: keep the header fixed, but do not freeze horizontal columns.
   This keeps headings and values aligned across Audit, Other, Pending, Fee, and Completed views. */
.sticky-engagement-wrap .freeze-header-clone {
  display: none !important;
}
.sticky-engagement-table > thead.native-freeze-head {
  display: table-header-group !important;
}
.sticky-engagement-table th:first-child,
.sticky-engagement-table th:nth-child(2),
.sticky-engagement-table th:last-child,
.pro-table.sticky-engagement-table th:last-child {
  left: auto !important;
  right: auto !important;
}
.sticky-engagement-table td:first-child,
.sticky-engagement-table td:nth-child(2),
.sticky-engagement-table td:last-child,
.pro-table.sticky-engagement-table td:last-child {
  position: static !important;
  left: auto !important;
  right: auto !important;
  z-index: auto !important;
  box-shadow: none !important;
}
.sticky-engagement-table th:last-child,
.pro-table.sticky-engagement-table th:last-child {
  z-index: 20 !important;
}

/* Main dashboard: one consistent card system for Quotation, Audit, and Other Engagement sections. */
.dashboard-home {
  gap: 16px !important;
}
.dashboard-home > h2 {
  margin: 8px 0 0;
  font-size: 19px;
  font-weight: 700;
}
.dashboard-home .dashboard-cards,
.dashboard-home .audit-tabs,
.dashboard-home .other-tabs {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)) !important;
  gap: 10px !important;
  overflow: visible !important;
  width: 100%;
  margin-bottom: 4px;
}
.dashboard-home .q-tabs button,
.dashboard-home .audit-tabs button,
.dashboard-home .other-tabs button {
  width: auto !important;
  min-width: 0 !important;
  height: 84px !important;
  min-height: 84px !important;
  padding: 10px 12px !important;
  display: grid !important;
  align-content: space-between !important;
  gap: 6px !important;
  border-radius: 10px !important;
  border: 1px solid #D0D5DD !important;
  border-left: 4px solid #CBD5E1 !important;
  background: #FFFFFF !important;
  color: #171A21 !important;
  box-shadow: 0 1px 2px rgba(17,19,24,.04) !important;
  text-align: left !important;
}
.dashboard-home .q-tabs button span,
.dashboard-home .audit-tabs button span,
.dashboard-home .other-tabs button span {
  display: block !important;
  min-height: 28px;
  color: #667085 !important;
  font-size: 12px !important;
  line-height: 1.15 !important;
  font-weight: 650 !important;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dashboard-home .q-tabs button strong,
.dashboard-home .audit-tabs button strong,
.dashboard-home .other-tabs button strong {
  justify-self: start !important;
  min-width: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  color: #101828 !important;
  font-size: 28px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
}
.dashboard-home .q-tabs button:hover,
.dashboard-home .audit-tabs button:hover,
.dashboard-home .other-tabs button:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 22px rgba(17,19,24,.08) !important;
}
.dashboard-home .q-tabs button:nth-child(1),
.dashboard-home .audit-tabs button:nth-child(1),
.dashboard-home .other-tabs button:nth-child(1) { border-left-color: #EB1946 !important; }
.dashboard-home .q-tabs button:nth-child(2),
.dashboard-home .audit-tabs button:nth-child(2),
.dashboard-home .other-tabs button:nth-child(2) { border-left-color: #64748B !important; }
.dashboard-home .q-tabs button:nth-child(3),
.dashboard-home .audit-tabs button:nth-child(3),
.dashboard-home .other-tabs button:nth-child(3) { border-left-color: #2563EB !important; }
.dashboard-home .q-tabs button:nth-child(4),
.dashboard-home .audit-tabs button:nth-child(4),
.dashboard-home .other-tabs button:nth-child(4) { border-left-color: #F59E0B !important; }
.dashboard-home .q-tabs button:nth-child(5),
.dashboard-home .audit-tabs button:nth-child(5),
.dashboard-home .other-tabs button:nth-child(5) { border-left-color: #7C3AED !important; }
.dashboard-home .q-tabs button:nth-child(6),
.dashboard-home .audit-tabs button:nth-child(6),
.dashboard-home .other-tabs button:nth-child(6) { border-left-color: #DC2626 !important; }
.dashboard-home .q-tabs button:nth-child(7),
.dashboard-home .audit-tabs button:nth-child(7),
.dashboard-home .other-tabs button:nth-child(7) { border-left-color: #16A34A !important; }
@media (max-width: 760px) {
  .dashboard-home .dashboard-cards,
  .dashboard-home .audit-tabs,
  .dashboard-home .other-tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Uniform dashboard cards across main and module pages. */
.dashboard-cards,
.audit-tabs,
.other-tabs,
.module-dashboard-cards,
.task-dashboard,
.perf-tabs {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)) !important;
  gap: 10px !important;
  align-items: stretch !important;
  overflow: visible !important;
  width: 100% !important;
}

.dashboard-cards button,
.audit-tabs button,
.other-tabs button,
.module-dashboard-cards button,
.task-dashboard button,
.perf-tabs button {
  width: auto !important;
  min-width: 0 !important;
  height: 84px !important;
  min-height: 84px !important;
  padding: 10px 12px !important;
  display: grid !important;
  align-content: space-between !important;
  gap: 6px !important;
  border-radius: 10px !important;
  text-align: left !important;
}

.dashboard-cards button span,
.audit-tabs button span,
.other-tabs button span,
.module-dashboard-cards button span,
.task-dashboard button span,
.perf-tabs button span {
  display: block !important;
  min-height: 28px !important;
  white-space: normal !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  line-height: 1.15 !important;
  font-size: 12px !important;
  font-weight: 650 !important;
}

.dashboard-cards button strong,
.audit-tabs button strong,
.other-tabs button strong,
.module-dashboard-cards button strong,
.task-dashboard button strong,
.perf-tabs button strong {
  justify-self: start !important;
  min-width: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  font-size: 28px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
}

@media (max-width: 760px) {
  .dashboard-cards,
  .audit-tabs,
  .other-tabs,
  .module-dashboard-cards,
  .task-dashboard,
  .perf-tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

.module-dashboard-cards {
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)) !important;
}

.module-dashboard-cards button {
  box-sizing: border-box !important;
  height: 84px !important;
  min-height: 84px !important;
  max-height: 84px !important;
}

/* Fineasy 2026 product design system */
:root {
  --ink: #071426;
  --ink-soft: #06101F;
  --canvas: #F4F7FC;
  --surface: #FFFFFF;
  --surface-warm: #FBFCFE;
  --text: #10223A;
  --muted: #66758A;
  --line: #E3E9F2;
  --primary: #2563EB;
  --primary-dark: #1D4ED8;
  --cyan: #06B6D4;
  --success: #059669;
  --warning: #D97706;
  --danger: #DC4C64;
  --violet: #7C3AED;
  --radius: 15px;
  --shadow-soft: 0 1px 2px rgba(7,20,38,.04), 0 8px 24px rgba(26,45,75,.055);
  --shadow-raised: 0 12px 30px rgba(26,45,75,.11);
}
* { scrollbar-width: thin; scrollbar-color: #CBD5E1 transparent; }
html { background: var(--canvas); }
body { background: var(--canvas) !important; color: var(--text) !important; font-family: Inter, Geist, "Segoe UI", sans-serif !important; }
button, input, select, textarea { font: inherit; }
button { transition: background-color .18s ease, border-color .18s ease, color .18s ease, transform .18s ease, box-shadow .18s ease; }
button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, [tabindex]:focus-visible { outline: 3px solid rgba(37,99,235,.22) !important; outline-offset: 2px; }
.hidden { display: none !important; }
.shell { display: grid !important; grid-template-columns: 280px minmax(0,1fr) !important; min-height: 100vh; background: var(--canvas) !important; transition: grid-template-columns .2s ease; }
.shell.sidebar-collapsed { grid-template-columns: 76px minmax(0,1fr) !important; }
.sidebar { position: fixed !important; inset: 0 auto 0 0; top: 0; width: 280px !important; max-width: none !important; height: 100dvh !important; min-height: 100dvh; display: flex !important; flex-direction: column; overflow: hidden !important; padding: 0 !important; background: var(--ink) !important; border: 0 !important; color: #D9E3F0; z-index: 80; }
.main { grid-column: 2; }
.shell.sidebar-collapsed .sidebar { width: 76px !important; }
.side-brand.app-badge { position: relative; min-height: 76px; display: flex !important; align-items: center; gap: 11px; padding: 16px 15px !important; border-bottom: 1px solid rgba(255,255,255,.075); background: transparent !important; }
.brand-symbol { width: 40px; height: 40px; flex: 0 0 40px; display: grid; place-items: center; border-radius: 11px; color: #fff; font-size: 20px; font-weight: 800; background: var(--primary); box-shadow: 0 7px 16px rgba(37,99,235,.24); }
.side-brand.app-badge > div:nth-child(2) { min-width: 0; display: grid; line-height: 1.05; }
.side-brand.app-badge strong { color: #fff !important; font-size: 20px !important; letter-spacing: -.025em; }
.side-brand.app-badge em { margin-top: 5px; color: #8EA2BC !important; font-size: 11px !important; font-style: normal; letter-spacing: .08em; text-transform: uppercase; }
.sidebar-collapse { margin-left: auto !important; width: 40px !important; height: 40px !important; min-width: 40px !important; display: grid !important; place-items: center; border: 1px solid rgba(255,255,255,.1) !important; border-radius: 10px !important; color: #9DB0C8 !important; background: rgba(255,255,255,.035) !important; padding: 9px !important; }
.sidebar-collapse svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.8; transform: rotate(90deg); }
.workspace-selector { margin: 13px 12px 8px; width: calc(100% - 24px); min-height: 53px; display: flex; align-items: center; gap: 9px; padding: 8px 9px; text-align: left; color: #DCE7F5; background: rgba(255,255,255,.045); border: 1px solid rgba(255,255,255,.08); border-radius: 12px; }
.workspace-selector:hover { background: rgba(255,255,255,.075); }
.workspace-selector-live + .workspace-selector { display: none; }
.workspace-mark { width: 31px; height: 31px; flex: 0 0 31px; display: grid; place-items: center; border-radius: 9px; color: #9DE7F4; background: rgba(6,182,212,.15); font-weight: 700; }
.workspace-selector .nav-text:nth-child(2) { display: grid; flex: 1; min-width: 0; }
.workspace-selector small { color: #A5B6CB; font-size: 11px; font-weight: 600; line-height: 1.25; text-transform: uppercase; letter-spacing: .075em; }
.workspace-selector strong { margin-top: 3px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #F4F8FD; font-size: 14px; font-weight: 700; line-height: 1.3; }
.sidebar-scroll { flex: 1; min-height: 0; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; scroll-behavior: smooth; padding: 7px 10px 20px; scrollbar-color: transparent transparent; }
.sidebar-scroll:hover, .sidebar-scroll:focus-within { scrollbar-color: #42566F transparent; }
.nav-section { margin: 3px 0 9px; }
.nav-label { width: 100%; min-height: 34px; display: flex !important; align-items: center; justify-content: space-between; gap: 8px; padding: 8px 11px !important; border: 0 !important; color: #A8B8CC !important; background: transparent !important; font-size: 12px !important; font-weight: 700 !important; line-height: 1.25; letter-spacing: .075em; text-transform: uppercase; }
.nav-label:hover { color: #E8EFF8 !important; background: rgba(255,255,255,.035) !important; }
.nav-chevron { width: 18px; height: 18px; flex: 0 0 18px; display: grid; place-items: center; color: #8FA4BD; transform: rotate(0); transition: transform .18s ease; }
.nav-chevron svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.nav-section.expanded .nav-chevron { transform: rotate(90deg); }
.nav-collapse { display: grid; grid-template-rows: 0fr; opacity: 0; transition: grid-template-rows .18s ease, opacity .16s ease; }
.nav-section.expanded .nav-collapse { grid-template-rows: 1fr; opacity: 1; }
.nav-section.contains-active:not(.expanded) .nav-collapse { grid-template-rows: 1fr; opacity: 1; }
.nav-section.contains-active:not(.expanded) .nav button:not(.active) { display: none !important; }
.nav-section .nav { min-height: 0; display: grid; gap: 3px; overflow: hidden; }
.nav button { position: relative; width: 100%; min-height: 44px !important; display: flex !important; align-items: center; gap: 15px; padding: 9px 11px !important; border: 1px solid transparent !important; border-radius: 10px !important; color: #C1CDDC !important; background: transparent !important; font-size: 15px !important; font-weight: 500 !important; line-height: 1.3; text-align: left; scroll-margin-block: 12px; }
.nav button:hover { color: #fff !important; background: #172B46 !important; }
.nav button.active { color: #fff !important; background: var(--primary-dark) !important; border-color: rgba(130,174,255,.36) !important; box-shadow: inset 3px 0 0 var(--cyan), 0 5px 12px rgba(29,78,216,.2); font-weight: 600 !important; }
.nav-text { min-width: 0; overflow-wrap: anywhere; }
.nav-icon { width: 20px; height: 20px; flex: 0 0 20px; display: grid; place-items: center; color: currentColor; }
.nav-icon svg, .icon-command svg, .search-result-icon svg, .activity-icon svg, .kpi-icon svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.nav-badge { margin-left: auto; min-width: 24px; height: 22px; display: inline-grid; place-items: center; padding: 0 7px; border-radius: 20px; color: #D9E5F3; background: rgba(255,255,255,.11); font-size: 12px; font-weight: 600; line-height: 1; }
.nav-badge.urgent { color: #FFD6D9; background: rgba(220,76,100,.2); }
.side-user { min-height: 72px; display: flex !important; align-items: center; gap: 10px; padding: 12px 14px !important; border-top: 1px solid rgba(255,255,255,.08) !important; background: #09182B !important; }
.side-footer { flex: 0 0 auto; display: grid; gap: 0; margin: 0 10px 10px; overflow: hidden; background: #0B1B31; border: 1px solid rgba(255,255,255,.09); border-radius: 13px; box-shadow: 0 -8px 22px rgba(2,9,20,.15); }
.side-footer + .side-user { display: none !important; }
.side-footer .side-user { min-height: 64px; padding: 11px 12px !important; border: 0 !important; background: transparent !important; }
.side-footer .logout-btn { width: 100% !important; min-width: 0 !important; height: 40px !important; display: flex; align-items: center; gap: 10px; padding: 0 12px !important; border: 0 !important; border-top: 1px solid rgba(255,255,255,.075) !important; border-radius: 0 !important; color: #CBD5E1 !important; background: transparent !important; font-size: 14px !important; font-weight: 500; text-align: left; }
.side-footer .logout-btn:hover { color: #fff !important; background: #102440 !important; }
.side-footer .logout-btn > span:first-child { width: 18px; display: grid; place-items: center; color: #8EA6C5; font-size: 18px; }
.user-avatar { width: 35px; height: 35px; flex: 0 0 35px; display: inline-grid; place-items: center; border-radius: 11px; color: #E9F1FD; background: linear-gradient(145deg,#24466F,#16304E); font-size: 11px; font-weight: 700; }
.user-meta { min-width: 0; display: grid; flex: 1; }
.side-user .user-meta strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #fff !important; font-size: 14px !important; font-weight: 600; line-height: 1.3; }
.side-user .user-meta small { margin-top: 3px; color: #A2B3C8; font-size: 12px; font-weight: 500; line-height: 1.3; }
.logout-btn { width: 31px !important; height: 31px !important; min-width: 31px !important; padding: 0 !important; border: 1px solid rgba(255,255,255,.08) !important; border-radius: 9px !important; color: #8FA3BC !important; background: transparent !important; }
.sidebar-backdrop { display: none; }
body:has(.mobile-nav-open) { overflow: hidden; }
.sidebar-collapsed .side-brand.app-badge { justify-content: center; padding-inline: 10px !important; }
.sidebar-collapsed .side-brand.app-badge > div:nth-child(2), .sidebar-collapsed .workspace-selector .nav-text, .sidebar-collapsed .nav-label span:first-child, .sidebar-collapsed .nav-chevron, .sidebar-collapsed .nav-text, .sidebar-collapsed .nav-badge, .sidebar-collapsed .user-meta, .sidebar-collapsed .logout-btn { display: none !important; }
.sidebar-collapsed .sidebar-collapse { position: absolute; top: 22px; right: -14px; display: grid !important; background: #132A47 !important; box-shadow: 0 5px 14px rgba(5,15,28,.3); z-index: 2; }
.sidebar-collapsed .workspace-selector { justify-content: center; padding: 8px; }
.sidebar-collapsed .nav-collapse, .sidebar-collapsed .nav-section.contains-active:not(.expanded) .nav-collapse { grid-template-rows: 1fr; opacity: 1; }
.sidebar-collapsed .nav-section.contains-active:not(.expanded) .nav button:not(.active) { display: flex !important; }
.sidebar-collapsed .nav-label { min-height: 7px; padding: 3px !important; }
.sidebar-collapsed .nav button { justify-content: center; padding: 9px !important; }
.sidebar-collapsed .nav button.active { box-shadow: inset 2px 0 0 #60A5FA; }
.sidebar-collapsed .side-user { min-height: 94px; flex-direction: column; justify-content: center; gap: 7px; padding: 9px 5px !important; }
.sidebar-collapsed .logout-btn { display: grid !important; }
.sidebar-collapsed .side-footer { margin: 0 7px 9px; border-radius: 12px; }
.sidebar-collapsed .side-footer .side-user { min-height: 55px; padding: 9px 5px !important; }
.sidebar-collapsed .side-footer .logout-btn { width: 100% !important; min-height: 38px !important; justify-content: center; padding: 0 !important; }
.sidebar-collapsed .side-footer .logout-label { display: none !important; }
.main { min-width: 0; width: auto !important; margin-left: 0 !important; background: var(--canvas) !important; }
.topbar { position: sticky !important; top: 0; z-index: 60; min-height: 76px !important; display: grid !important; grid-template-columns: minmax(190px,1fr) minmax(260px,460px) minmax(390px,1fr); align-items: center; gap: 18px; padding: 10px 24px !important; background: rgba(255,255,255,.96) !important; border-bottom: 1px solid var(--line) !important; box-shadow: 0 4px 16px rgba(7,20,38,.035); backdrop-filter: blur(12px); }
.topbar > * { min-width: 0; }
.topbar-left { min-width: 0; flex: initial !important; flex-wrap: nowrap !important; }
.back-btn { width: 32px !important; height: 32px !important; min-width: 32px !important; display: grid !important; place-items: center; padding: 0 !important; color: #728096 !important; background: #F8FAFD !important; border: 1px solid var(--line) !important; border-radius: 9px !important; }
.mobile-menu { display: none !important; }
.page-context { min-width: 0; }
.breadcrumbs { display: flex; align-items: center; gap: 6px; color: #8794A7; font-size: 9px; }
.breadcrumbs i { color: #C3CBD6; font-style: normal; }
.breadcrumbs strong { color: #536176; font-weight: 600; }
.page-context h1 { margin: 4px 0 0 !important; color: var(--text) !important; font-size: 18px !important; line-height: 1.15; letter-spacing: -.025em; }
.global-search-wrap { position: relative; height: 42px; display: flex; align-items: center; gap: 8px; padding: 0 10px 0 13px; background: #F5F7FB; border: 1px solid #E2E8F1; border-radius: 12px; }
.global-search-wrap:focus-within { background: #fff; border-color: #9AB8F8; box-shadow: 0 0 0 3px rgba(37,99,235,.08); }
.global-search-wrap input { min-width: 0; flex: 1; height: auto !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; font-size: 11px; }
.search-icon { color: #78889D; font-size: 18px; }
kbd { padding: 3px 6px; color: #7C889B; background: #fff; border: 1px solid #DDE4ED; border-radius: 6px; box-shadow: 0 1px 1px rgba(7,20,38,.05); font-size: 8px; }
.global-search-results { position: absolute; top: calc(100% + 8px); left: 0; right: 0; max-height: 410px; overflow: auto; padding: 7px; background: #fff; border: 1px solid var(--line); border-radius: 14px; box-shadow: var(--shadow-raised); z-index: 120; }
.global-search-results button { width: 100%; display: flex; align-items: center; gap: 10px; padding: 10px; color: var(--text); background: transparent; border: 0; border-radius: 9px; text-align: left; }
.global-search-results button:hover { background: #F4F7FC; }
.search-result-icon { width: 32px; height: 32px; display: grid; place-items: center; color: var(--primary); background: #EDF4FF; border-radius: 9px; }
.global-search-results button > span:nth-child(2) { min-width: 0; display: grid; flex: 1; }
.global-search-results strong { font-size: 11px; }
.global-search-results small { margin-top: 3px; color: var(--muted); font-size: 9px; }
.global-search-results i { color: #9AA7B8; font-style: normal; }
.search-empty { padding: 18px; color: var(--muted); text-align: center; font-size: 10px; }
.topbar-actions { width: auto !important; min-width: 0 !important; flex: initial !important; justify-content: flex-end !important; flex-wrap: nowrap !important; gap: 7px !important; }
.icon-command, .top-user { position: relative; width: 38px !important; height: 38px !important; min-width: 38px !important; display: grid !important; place-items: center; padding: 0 !important; color: #526177 !important; background: #fff !important; border: 1px solid var(--line) !important; border-radius: 10px !important; }
.icon-command:hover, .top-user:hover { color: var(--primary) !important; border-color: #B8CBF7 !important; background: #F7FAFF !important; }
.top-user { border: 0 !important; background: transparent !important; }
.top-user .user-avatar { width: 36px; height: 36px; }
.command-badge { position: absolute; top: -5px; right: -5px; min-width: 17px; height: 17px; display: grid; place-items: center; padding: 0 4px; color: #fff; background: var(--danger); border: 2px solid #fff; border-radius: 20px; font-size: 8px; font-weight: 700; }
.primary-command, button.new-blue { min-height: 39px !important; padding: 0 14px !important; color: #fff !important; background: var(--primary) !important; border: 1px solid var(--primary) !important; border-radius: 10px !important; box-shadow: 0 6px 15px rgba(37,99,235,.18); font-size: 10px !important; font-weight: 650 !important; }
.primary-command:hover, button.new-blue:hover { background: var(--primary-dark) !important; border-color: var(--primary-dark) !important; transform: translateY(-1px); box-shadow: 0 9px 20px rgba(37,99,235,.24); }
.quick-add-wrap { position: relative; }
.quick-add-menu { position: absolute; top: 46px; right: 0; width: 180px; display: grid; gap: 3px; padding: 7px; background: #fff; border: 1px solid var(--line); border-radius: 12px; box-shadow: var(--shadow-raised); z-index: 100; }
.quick-add-menu button { padding: 10px; color: var(--text); background: transparent; border: 0; border-radius: 8px; text-align: left; font-size: 10px; }
.quick-add-menu button:hover { background: #F2F6FC; color: var(--primary); }
.content { padding: 22px 24px 32px !important; gap: 18px !important; }
.panel, .filter-panel, .permission-box, .chat-box { background: var(--surface) !important; border: 1px solid var(--line) !important; border-radius: var(--radius) !important; box-shadow: var(--shadow-soft) !important; }
.panel { padding: 18px !important; }
.panel h2, .panel h3, .panel h4 { color: var(--text); letter-spacing: -.025em; }
input, select, textarea { min-height: 40px; padding: 9px 11px !important; color: var(--text) !important; background: #fff !important; border: 1px solid #D8E0EB !important; border-radius: 9px !important; box-shadow: 0 1px 2px rgba(7,20,38,.025); }
input:hover, select:hover, textarea:hover { border-color: #BAC7D8 !important; }
input:focus, select:focus, textarea:focus { border-color: #84A9F8 !important; box-shadow: 0 0 0 3px rgba(37,99,235,.09) !important; }
label { color: #47566B; font-size: 10px; font-weight: 600; }
button.secondary, button.ghost, .export-excel, .export-pdf { min-height: 37px; padding: 8px 11px; color: #405069 !important; background: #fff !important; border: 1px solid #D9E1EC !important; border-radius: 9px !important; box-shadow: none !important; font-size: 9px !important; }
button.secondary:hover, button.ghost:hover { color: var(--primary) !important; background: #F7FAFF !important; border-color: #AFC5F6 !important; }
button.danger { color: #C23B54 !important; background: #FFF7F8 !important; border-color: #F6D5DB !important; }
.table-card-toolbar { margin-bottom: 10px !important; padding: 0 0 12px !important; border-bottom: 1px solid var(--line); }
.table-card-title strong { color: var(--text) !important; font-size: 13px !important; }
.table-card-title span { color: var(--muted) !important; font-size: 9px !important; }
.table-card-controls { gap: 6px !important; }
.table-card-controls .table-search { min-width: 190px; }
.table-wrap { border: 1px solid var(--line) !important; border-radius: 12px !important; box-shadow: none !important; }
table { background: #fff !important; }
table thead th, .panel .pro-table thead th { height: 42px !important; padding: 10px 11px !important; color: #607086 !important; background: #F7F9FC !important; border-bottom: 1px solid #DCE4EF !important; font-size: 8px !important; font-weight: 700 !important; letter-spacing: .055em; text-transform: uppercase; }
table tbody td, .panel .pro-table tbody td { padding: 10px 11px !important; color: #33445B !important; border-bottom: 1px solid #EDF1F6 !important; font-size: 9px !important; line-height: 1.45; }
table tbody tr:hover td { background: #F8FAFE !important; }
table tbody td strong { color: #172A44; font-weight: 650; }
table tbody td small { display: block; margin-top: 3px; color: #8290A3; }
.status, [class*="status-"] { border-radius: 20px !important; }
.row-menu { width: 31px !important; height: 29px !important; min-width: 31px !important; padding: 0 !important; color: #6D7B8F !important; background: #fff !important; border: 1px solid #DCE3ED !important; border-radius: 8px !important; font-size: 11px !important; letter-spacing: 1px; }
td.actions { position: relative; overflow: visible !important; }
.row-action-menu { position: absolute; top: calc(50% + 18px); right: 8px; min-width: 155px; display: grid; gap: 3px; padding: 6px; background: #fff; border: 1px solid var(--line); border-radius: 11px; box-shadow: var(--shadow-raised); z-index: 50; }
.row-action-menu button { width: 100% !important; min-height: 31px !important; justify-content: flex-start; text-align: left; }
.modal { align-items: stretch !important; justify-content: flex-end !important; padding: 0 !important; background: rgba(7,20,38,.55) !important; backdrop-filter: blur(4px); }
.modal-card { width: min(920px, 94vw) !important; max-width: 920px !important; height: 100vh; max-height: 100vh !important; margin: 0 !important; padding: 22px 24px 90px !important; overflow: auto !important; border: 0 !important; border-left: 1px solid var(--line) !important; border-radius: 18px 0 0 18px !important; box-shadow: -18px 0 50px rgba(7,20,38,.18) !important; animation: drawerIn .2s ease; }

/* Quotation View: a full document preview, intentionally separate from edit drawers. */
.modal:has(.quote-document-preview) { align-items:center !important; justify-content:center !important; padding:20px !important; }
.modal-card:has(.quote-document-preview) { width:min(1020px,calc(100vw - 40px)) !important; max-width:1020px !important; height:auto !important; max-height:calc(100dvh - 40px) !important; margin:auto !important; padding:0 !important; overflow:hidden !important; color:#18304e !important; background:#eef3f9 !important; border:1px solid #c6d4e3 !important; border-radius:16px !important; box-shadow:0 24px 64px rgba(11,31,57,.28) !important; animation:none !important; }
.quote-document-preview { display:flex; flex-direction:column; max-height:calc(100dvh - 40px); overflow:auto; color:#18304e; background:#eef3f9; }
.quote-document-preview [data-protected-modal] { display:none; }
.quote-preview-header { position:sticky; top:0; z-index:5; display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:66px; padding:12px 20px; background:rgba(255,255,255,.97); border-bottom:1px solid #d8e2ee; box-shadow:0 3px 12px rgba(12,38,68,.06); backdrop-filter:blur(8px); }
.quote-preview-header>div:first-child { display:grid; gap:3px; }.quote-preview-header span { color:#1967d2; font-size:10px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }.quote-preview-header strong { color:#112a49; font-size:16px; font-weight:800; }.quote-preview-header>div:last-child { display:flex; align-items:center; gap:8px; }.quote-preview-header button { min-width:64px; min-height:38px; padding:7px 14px; font-size:12px; font-weight:750; }
.quote-document-preview .quote-issue-page { width:min(190mm,calc(100% - 40px)) !important; margin:20px auto !important; flex:0 0 auto; }
.quote-preview-header #quote-preview-download { color:#fff!important; background:linear-gradient(135deg,#0b61cd,#1689e8)!important; border:1px solid #0b61cd!important; box-shadow:0 5px 12px rgba(11,97,205,.24)!important; }
.quote-preview-header #quote-preview-download:hover:not(:disabled) { background:linear-gradient(135deg,#084fa9,#0f75ce)!important; border-color:#084fa9!important; }
.quote-preview-header [data-close] { color:#bd3450!important; background:linear-gradient(135deg,#fff7f8,#ffe9ed)!important; border:1px solid #f1a9b7!important; box-shadow:0 3px 9px rgba(190,45,73,.11)!important; }
.quote-preview-header [data-close]:hover { color:#9d1f3a!important; background:#ffe3e9!important; border-color:#df7187!important; }
.quote-document-preview .quote-actions-row { position:sticky; bottom:0; z-index:5; min-height:64px; margin:0 !important; padding:12px 20px !important; background:rgba(255,255,255,.97); border-top:1px solid #d8e2ee; box-shadow:0 -4px 14px rgba(12,38,68,.06); backdrop-filter:blur(8px); }
.quote-document-preview .quote-actions-row button { min-height:38px; padding:7px 13px; font-size:12px; font-weight:750; }
@media(max-width:760px){.modal:has(.quote-document-preview){padding:0 !important}.modal-card:has(.quote-document-preview){width:100vw !important;max-width:none !important;max-height:100dvh !important;border:0 !important;border-radius:0 !important}.quote-document-preview{max-height:100dvh}.quote-preview-header{padding:10px 14px;align-items:flex-start}.quote-preview-header>div:last-child{gap:6px}.quote-document-preview .quote-issue-page{width:calc(100% - 20px) !important;margin:10px auto !important;padding:12px !important}}
@keyframes drawerIn { from { opacity: 0; transform: translateX(28px); } to { opacity: 1; transform: none; } }
.modal-card > h2, .modal-card .between h2 { font-size: 20px !important; }
.modal-card .modal-actions, .modal-card > .row:last-child { position: sticky; bottom: -90px; z-index: 20; margin: 20px -24px -90px !important; padding: 14px 24px !important; background: rgba(255,255,255,.96); border-top: 1px solid var(--line); backdrop-filter: blur(10px); }
.modal-back { position: sticky; top: -22px; z-index: 22; margin: -22px -24px 12px !important; width: calc(100% + 48px) !important; min-height: 45px !important; padding: 0 24px !important; color: #526177 !important; background: rgba(255,255,255,.97) !important; border: 0 !important; border-bottom: 1px solid var(--line) !important; border-radius: 0 !important; text-align: left; }

/* Dashboard */
.executive-dashboard { display: grid; gap: 16px; }
.dashboard-intro { display: flex; align-items: flex-end; justify-content: space-between; gap: 18px; padding: 3px 2px 2px; }
.eyebrow { display: block; margin-bottom: 6px; color: var(--primary); font-size: 8px; font-weight: 750; letter-spacing: .11em; text-transform: uppercase; }
.dashboard-intro h2 { margin: 0; color: var(--text); font-size: clamp(21px,2.2vw,29px); letter-spacing: -.035em; }
.dashboard-intro p { margin: 7px 0 0; color: var(--muted); font-size: 11px; }
.dashboard-range { display: flex; align-items: flex-end; gap: 12px; }
.dashboard-range label { display: grid; gap: 5px; color: #718096; font-size: 8px; text-transform: uppercase; letter-spacing: .06em; }
.dashboard-range select { min-width: 145px; min-height: 36px; }
.dashboard-range > span { padding-bottom: 10px; color: #78879A; font-size: 9px; }
.insight-strip { min-height: 42px; display: flex; align-items: center; gap: 8px; padding: 9px 13px; color: #31516A; background: #EFFAFB; border: 1px solid #CDEFF3; border-radius: 11px; font-size: 9px; }
.insight-strip strong { color: #11697A; }
.insight-icon { width: 24px; height: 24px; display: grid; place-items: center; border-radius: 8px; color: #087A90; background: #D7F4F7; font-size: 13px; }
.insight-progress { width: 110px; height: 5px; margin-left: auto; overflow: hidden; background: #D2ECEF; border-radius: 10px; }
.insight-progress i { display: block; height: 100%; background: var(--cyan); border-radius: inherit; }
.kpi-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; }
.kpi-card { position: relative; min-width: 0; min-height: 116px; display: grid; grid-template-columns: 40px minmax(0,1fr); gap: 12px; align-items: start; padding: 16px; overflow: hidden; text-align: left; background: #fff; border: 1px solid var(--line); border-radius: 14px; box-shadow: var(--shadow-soft); }
.kpi-card:hover { transform: translateY(-2px); border-color: #C8D6EA; box-shadow: var(--shadow-raised); }
.kpi-icon { width: 39px; height: 39px; display: grid; place-items: center; border-radius: 11px; color: var(--primary); background: #EDF4FF; }
.tone-green .kpi-icon { color: var(--success); background: #EAF9F3; }.tone-amber .kpi-icon { color: var(--warning); background: #FFF7E7; }.tone-coral .kpi-icon { color: var(--danger); background: #FFF0F2; }
.kpi-copy { min-width: 0; display: grid; }
.kpi-copy small { color: #68778B; font-size: 9px; font-weight: 600; }
.kpi-copy strong { margin-top: 7px; overflow: hidden; text-overflow: ellipsis; color: var(--text); font-size: clamp(20px,2vw,28px); line-height: 1; letter-spacing: -.04em; white-space: nowrap; }
.kpi-copy em { margin-top: 8px; color: #8794A5; font-size: 8px; font-style: normal; }
.kpi-card > b { position: absolute; top: 14px; right: 14px; color: #A0ADBD; font-size: 12px; }
.mini-trend { position: absolute; right: 12px; bottom: 12px; height: 28px; display: flex; align-items: end; gap: 3px; opacity: .55; }
.mini-trend i { width: 3px; height: 30%; background: var(--primary); border-radius: 3px; }.mini-trend i:nth-child(2){height:55%}.mini-trend i:nth-child(3){height:42%}.mini-trend i:nth-child(4){height:76%}.mini-trend i:nth-child(5){height:94%}
.dashboard-grid-primary { display: grid; grid-template-columns: minmax(0,2.1fr) minmax(290px,.9fr); gap: 14px; align-items: start; }
.panel-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 15px; }
.panel-heading h3 { margin: 0; font-size: 15px; }.panel-heading p { margin: 5px 0 0; color: var(--muted); font-size: 9px; }
.panel-heading .secondary, .text-link { min-height: 30px !important; }
.text-link { padding: 5px 0 !important; color: var(--primary) !important; background: transparent !important; border: 0 !important; font-size: 8px !important; font-weight: 650; }
.workflow-track { position: relative; display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 5px; margin: 8px 0 20px; padding: 0 4px; }
.workflow-track::before { content: ""; position: absolute; top: 15px; left: 8%; right: 8%; height: 2px; background: #E4EAF2; }
.workflow-track button { position: relative; display: grid; justify-items: center; gap: 7px; padding: 0 3px; background: transparent; border: 0; text-align: center; z-index: 1; }
.workflow-node { width: 31px; height: 31px; display: grid; place-items: center; color: #56708E; background: #F3F6FA; border: 3px solid #fff; border-radius: 50%; box-shadow: 0 0 0 1px #DCE4EE; font-size: 8px; font-weight: 700; }
.workflow-track button:hover .workflow-node { color: #fff; background: var(--primary); box-shadow: 0 0 0 1px var(--primary); }
.workflow-track button > span:last-child { width: 100%; display: grid; gap: 3px; }
.workflow-track strong { color: var(--text); font-size: 17px; }.workflow-track small { min-height: 22px; color: #6B7A8E; font-size: 7px; line-height: 1.25; }.workflow-track i { height: 3px; overflow: hidden; background: #EDF1F6; border-radius: 4px; }.workflow-track i b { display: block; height: 100%; background: var(--primary); }
.subheading { display: flex; align-items: center; justify-content: space-between; margin: 3px 0 9px; }.subheading h4 { margin: 0; font-size: 11px; }.subheading span { color: var(--muted); font-size: 8px; }.queue-tools { display: flex; align-items: center; gap: 8px; }
.dashboard-table { max-height: 390px !important; }.dashboard-table table { min-width: 760px !important; table-layout: auto !important; }.dashboard-table td:first-child { min-width: 135px; }.date-overdue { color: var(--danger) !important; font-weight: 650; }
.staff-pill { display: inline-flex; align-items: center; gap: 5px; white-space: nowrap; }.staff-pill i { width: 21px; height: 21px; display: grid; place-items: center; color: #255487; background: #EAF2FC; border-radius: 7px; font-size: 7px; font-style: normal; font-weight: 700; }
.action-centre { position: sticky; top: 92px; }
.live-dot { display: inline-flex; align-items: center; gap: 5px; color: var(--success); font-size: 8px; font-weight: 650; }.live-dot::before { content: ""; width: 6px; height: 6px; background: #10B981; border-radius: 50%; box-shadow: 0 0 0 4px #E7F8F2; }
.action-tabs { display: grid; grid-template-columns: repeat(3,1fr); gap: 3px; margin-bottom: 11px; padding: 3px; background: #F2F5F9; border-radius: 9px; }.action-tabs button { min-height: 29px; padding: 5px; color: #708096; background: transparent; border: 0; border-radius: 7px; font-size: 8px; }.action-tabs button.active { color: var(--primary); background: #fff; box-shadow: 0 1px 4px rgba(7,20,38,.08); font-weight: 650; }
.action-list { display: grid; gap: 6px; }.action-item { width: 100%; display: grid; grid-template-columns: 39px minmax(0,1fr) 14px; gap: 9px; align-items: center; padding: 10px; color: var(--text); background: #FBFCFE; border: 1px solid #E9EEF5; border-radius: 10px; text-align: left; }.action-item:hover { background: #F6F9FD; border-color: #CCD9E9; transform: translateX(2px); }.action-item.urgent { background: #FFF7F8; border-color: #F4DADF; }
.action-date { width: 39px; height: 40px; display: grid; place-content: center; text-align: center; background: #EDF4FF; border-radius: 9px; }.urgent .action-date { color: var(--danger); background: #FFE8EC; }.action-date strong { font-size: 14px; line-height: 1; }.action-date small { margin-top: 3px; color: #78869A; font-size: 7px; text-transform: uppercase; }.action-copy { min-width: 0; display: grid; }.action-copy strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 9px; }.action-copy small { margin-top: 3px; color: #6C7B8F; font-size: 8px; }.action-copy em { margin-top: 5px; color: #8B98A9; font-size: 7px; font-style: normal; }.action-item > i { color: #8B99AA; font-style: normal; }
.dashboard-grid-lower { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
.capacity-list, .activity-list { display: grid; gap: 10px; }.capacity-list > div { display: grid; grid-template-columns: 31px minmax(85px,1fr) minmax(70px,1.3fr) 32px; gap: 8px; align-items: center; }.capacity-list .user-avatar { width: 30px; height: 30px; flex-basis: 30px; border-radius: 9px; }.capacity-list span:nth-child(2) { display: grid; }.capacity-list strong { font-size: 8px; }.capacity-list small { margin-top: 3px; color: var(--muted); font-size: 7px; }.capacity-list i { height: 5px; overflow: hidden; background: #EEF2F6; border-radius: 8px; }.capacity-list i b { display: block; height: 100%; background: var(--primary); border-radius: inherit; }.capacity-list i b.overloaded { background: var(--danger); }.capacity-list em { color: #6D7B8F; font-size: 8px; font-style: normal; text-align: right; }
.pipeline-score { display: flex; align-items: center; gap: 14px; margin-bottom: 13px; }.pipeline-score > div { width: 76px; height: 76px; flex: 0 0 76px; display: grid; place-items: center; border-radius: 50%; background: conic-gradient(var(--primary) var(--score),#E9EEF5 0); }.pipeline-score > div::before { content: ""; grid-area: 1/1; width: 59px; height: 59px; background: #fff; border-radius: 50%; }.pipeline-score > div span { grid-area: 1/1; z-index: 1; display: grid; text-align: center; }.pipeline-score strong { font-size: 15px; }.pipeline-score small { color: var(--muted); font-size: 6px; }.pipeline-score p { display: grid; margin: 0; }.pipeline-score p strong { font-size: 10px; }.pipeline-score p span { margin-top: 4px; color: var(--muted); font-size: 8px; }.pipeline-list { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }.pipeline-list div { display: flex; align-items: center; justify-content: space-between; padding: 8px; background: #F8FAFD; border-radius: 8px; }.pipeline-list span { color: #6C7B8F; font-size: 7px; }.pipeline-list strong { font-size: 10px; }
.activity-list > div { display: grid; grid-template-columns: 31px 1fr; gap: 9px; align-items: start; }.activity-icon { width: 29px; height: 29px; display: grid; place-items: center; color: var(--primary); background: #EEF4FD; border-radius: 9px; }.activity-icon svg { width: 14px; height: 14px; }.activity-list > div > span:last-child { min-width: 0; }.activity-list strong { font-size: 8px; }.activity-list p { margin: 2px 0; overflow: hidden; color: #607086; font-size: 7px; text-overflow: ellipsis; white-space: nowrap; }.activity-list p b { color: #33445B; }.activity-list small { color: #96A2B2; font-size: 7px; }
.premium-empty { min-height: 100px; display: grid; place-content: center; justify-items: center; gap: 4px; color: #8290A3; text-align: center; }.premium-empty > span { width: 30px; height: 30px; display: grid; place-items: center; color: var(--success); background: #EAF9F3; border-radius: 9px; }.premium-empty strong { color: #536176; font-size: 9px; }.premium-empty small { font-size: 7px; }

@media (max-width: 1280px) {
  .topbar { grid-template-columns: minmax(180px,.8fr) minmax(220px,340px) minmax(360px,1fr); padding-inline: 18px !important; }
  .dashboard-grid-primary { grid-template-columns: 1fr; }
  .action-centre { position: static; }
  .action-list { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 1050px) {
  .shell, .shell.sidebar-collapsed { grid-template-columns: 82px minmax(0,1fr) !important; }
  .side-brand.app-badge > div:nth-child(2), .workspace-selector .nav-text, .nav-label span:first-child, .nav-chevron, .nav-text, .nav-badge, .user-meta, .logout-btn, .sidebar-collapse { display: none !important; }
  .workspace-selector { justify-content: center; padding: 8px; }.nav-section .nav { display: grid; }.nav-label { min-height: 7px; padding: 3px !important; }.nav button { justify-content: center; padding: 9px !important; }.side-user { justify-content: center; padding-inline: 5px !important; }
  .topbar { grid-template-columns: minmax(170px,.7fr) minmax(210px,1fr) auto; }
  .topbar-actions .icon-command:nth-of-type(3), .top-user { display: none !important; }
  .kpi-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .dashboard-grid-lower { grid-template-columns: 1fr 1fr; }.dashboard-grid-lower > article:last-child { grid-column: 1/-1; }
}
@media (max-width: 760px) {
  .shell, .shell.sidebar-collapsed { display: block !important; }
  .main { grid-column: auto; }
  .sidebar { position: fixed !important; left: 0; top: 0; width: min(86vw,300px) !important; transform: translateX(-105%); transition: transform .2s ease; box-shadow: 20px 0 50px rgba(7,20,38,.25); }
  .mobile-nav-open .sidebar { transform: translateX(0); }
  .sidebar-backdrop { position: fixed; inset: 0; z-index: 70; background: rgba(7,20,38,.48); border: 0; }
  .mobile-nav-open .sidebar-backdrop { display: block; }
  .side-brand.app-badge > div:nth-child(2), .workspace-selector .nav-text, .nav-label span:first-child, .nav-chevron, .nav-text, .nav-badge, .user-meta, .logout-btn, .sidebar-collapse { display: initial !important; }
  .side-brand.app-badge { justify-content: flex-start; }.side-brand.app-badge > div:nth-child(2), .workspace-selector .nav-text:nth-child(2), .user-meta { display: grid !important; }.workspace-selector { justify-content: flex-start; }.nav-label { min-height: 31px; padding: 7px 10px !important; }.nav-section .nav { display: none; }.nav-section.expanded .nav { display: grid; }.nav button { justify-content: flex-start; padding: 8px 10px !important; }.side-user { justify-content: flex-start; padding-inline: 14px !important; }
  .topbar { min-height: 64px !important; grid-template-columns: 1fr auto; gap: 8px; padding: 8px 12px !important; }
  .mobile-menu { width: 34px !important; height: 34px !important; display: grid !important; place-items: center; padding: 0 !important; }
  .back-btn, .breadcrumbs, .global-search-wrap, .topbar-actions .icon-command, .top-user { display: none !important; }
  .topbar-left { gap: 8px !important; }.page-context h1 { margin: 0 !important; font-size: 15px !important; }.topbar-actions { display: flex !important; }.primary-command { min-width: 0 !important; padding-inline: 10px !important; font-size: 8px !important; }
  .content { padding: 14px 11px 24px !important; }
  .dashboard-intro { align-items: flex-start; flex-direction: column; }.dashboard-intro h2 { font-size: 22px; }.dashboard-range { width: 100%; justify-content: space-between; }.dashboard-range > span { display: none; }.dashboard-range label { width: 100%; }.dashboard-range select { width: 100%; }
  .insight-strip { flex-wrap: wrap; }.insight-progress { width: 100%; margin: 3px 0 0; }
  .kpi-grid { grid-template-columns: 1fr 1fr; gap: 8px; }.kpi-card { min-height: 112px; grid-template-columns: 34px 1fr; gap: 8px; padding: 12px; }.kpi-icon { width: 34px; height: 34px; }.kpi-copy strong { font-size: 19px; }.mini-trend { display: none; }
  .panel { padding: 14px !important; }.panel-heading { align-items: flex-start; }.workflow-track { grid-template-columns: repeat(3,1fr); gap: 13px 5px; }.workflow-track::before { display: none; }
  .action-list, .dashboard-grid-lower { grid-template-columns: 1fr; }.dashboard-grid-lower > article:last-child { grid-column: auto; }
  .dashboard-table { max-width: calc(100vw - 50px); }
  .table-card-toolbar { align-items: flex-start !important; }.table-card-controls { width: 100%; overflow-x: auto; flex-wrap: nowrap !important; padding-bottom: 3px; }.table-card-controls > * { flex: 0 0 auto; }
  .modal-card { width: 100vw !important; max-width: none !important; border-radius: 0 !important; padding: 18px 15px 80px !important; }.modal-back { top: -18px; margin: -18px -15px 10px !important; width: calc(100% + 30px) !important; padding-inline: 15px !important; }.modal-card .modal-actions, .modal-card > .row:last-child { margin-inline: -15px !important; padding-inline: 15px !important; }
}
@media (max-width: 440px) {
  .kpi-grid { grid-template-columns: 1fr; }.kpi-card { min-height: 96px; }.workflow-track { grid-template-columns: 1fr 1fr; }.action-tabs { grid-template-columns: 1fr; }.capacity-list > div { grid-template-columns: 31px 1fr 50px; }.capacity-list > div > i { display: none; }
}

/* Bento Pulse dashboard */
.daily-thought { min-height: 48px; display: grid; grid-template-columns: 27px auto minmax(0,1fr) auto auto; align-items: center; gap: 10px; padding: 0 14px; overflow: hidden; color: #0F172A; background: #F3F8FF; border: 1px solid #D6E5F6; border-left: 4px solid #2563EB; border-radius: 12px; box-shadow: 0 5px 14px rgba(15,23,42,.04); }.daily-thought > span { width: 25px; height: 25px; display: grid; place-items: center; color: #2563EB; background: #E0EDFF; border-radius: 8px; }.daily-thought svg { width: 15px; height: 15px; }.daily-thought > strong { color: #2563EB; font-size: 11px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; white-space: nowrap; }.daily-thought p { min-width: 0; margin: 0; overflow: hidden; color: #0F172A; font-size: 14px; font-weight: 650; text-overflow: ellipsis; white-space: nowrap; }.thought-category { padding: 4px 8px; color: #166534; background: #DCFCE7; border-radius: 999px; font-size: 11px; font-weight: 800; letter-spacing: .03em; text-transform: uppercase; white-space: nowrap; }.daily-thought time { color: #64748B; font-size: 11px; font-weight: 650; white-space: nowrap; }.daily-thought:hover { border-color: #A9CCF4; }
.pulse-dashboard { gap: 18px; color: #0F172A; }
.pulse-intro { display: flex; align-items: end; justify-content: space-between; gap: 20px; padding: 4px 2px; }
.pulse-kicker { display: block; margin-bottom: 7px; color: #2563EB; font-size: 11px; font-weight: 750; letter-spacing: .1em; text-transform: uppercase; }
.pulse-intro h2 { margin: 0; font-size: clamp(26px, 2.5vw, 34px); line-height: 1.15; letter-spacing: -.045em; }
.pulse-intro p { margin: 8px 0 0; color: #64748B; font-size: 14px; font-weight: 500; }
.pulse-controls { display: flex; align-items: end; justify-content: end; flex-wrap: wrap; gap: 9px; color: #64748B; }
.pulse-controls label, .pulse-chart-window { display: grid; gap: 5px; color: #64748B; font-size: 11px; font-weight: 700; letter-spacing: .03em; text-transform: uppercase; }
.pulse-controls select, .pulse-controls input, .pulse-chart-window select { min-height: 40px; min-width: 132px; color: #0F172A; background: #fff; border: 1px solid #D8E1EE; border-radius: 10px; font-size: 13px; font-weight: 600; }
.pulse-controls input { min-width: 126px; padding: 0 10px; }
.pulse-controls > span { padding: 0 0 11px 5px; color: #64748B; font-size: 12px; font-weight: 600; white-space: nowrap; }
.pulse-insight { display: grid; grid-template-columns: 38px minmax(0,1fr) minmax(120px, 220px); align-items: center; gap: 12px; min-height: 64px; padding: 12px 16px; background: linear-gradient(95deg, #EAF4FF, #ECFEFF); border: 1px solid #CDEAF7; border-radius: 16px; }
.pulse-insight > span { width: 36px; height: 36px; display: grid; place-items: center; color: #2563EB; background: #fff; border-radius: 12px; }.pulse-insight svg { width: 19px; height: 19px; }
.pulse-insight p { margin: 0; color: #475569; font-size: 14px; line-height: 1.45; }.pulse-insight strong { color: #0F172A; }
/* Dashboard only: dark executive layout, isolated from other product pages. */
.enterprise-dashboard{gap:14px;padding:2px;color:#E6EDF7;background:#0B1220;border-radius:12px}.enterprise-dashboard>.daily-thought,.enterprise-dashboard>.pulse-quick-actions,.enterprise-dashboard>.pulse-intro,.enterprise-dashboard>.pulse-kpis,.enterprise-dashboard>.pulse-main-grid,.enterprise-dashboard>.pulse-workflow-card,.enterprise-dashboard>.pulse-lower-grid{display:none}.enterprise-welcome{display:flex;justify-content:space-between;gap:20px;min-height:168px;padding:21px 23px;background:linear-gradient(120deg,#121C31,#172944);border:1px solid #30445F;border-radius:12px;box-shadow:0 12px 28px rgba(0,0,0,.2)}.enterprise-welcome-main{min-width:0}.enterprise-eyebrow,.enterprise-card-heading>div>span{color:#60A5FA;font-size:10px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.enterprise-welcome h2{margin:7px 0 4px;color:#F8FAFC;font-size:clamp(24px,2.4vw,34px);letter-spacing:-.045em}.enterprise-welcome-main>p{margin:0;color:#AAB9CC;font-size:13px}.enterprise-dashboard .daily-thought{min-height:38px;display:grid;grid-template-columns:22px auto minmax(0,1fr);align-items:center;gap:8px;margin:18px 0 0;padding:7px 10px;color:#FDE68A;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.78);border-radius:8px}.enterprise-dashboard .daily-thought>span{width:20px;height:20px;display:grid;place-items:center;color:#60A5FA}.enterprise-dashboard .daily-thought svg{width:14px;height:14px}.enterprise-dashboard .daily-thought strong{color:#60A5FA;font-size:10px;letter-spacing:.07em;text-transform:uppercase}.enterprise-dashboard .daily-thought p{overflow:hidden;margin:0;color:#FDE68A;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.enterprise-dashboard .daily-thought b,.enterprise-dashboard .daily-thought time{display:none}.enterprise-controls{display:flex;align-items:start;justify-content:end;flex-wrap:wrap;gap:8px;max-width:520px}.enterprise-controls label{display:grid;gap:5px;color:#9FB2CA;font-size:10px;font-weight:750;letter-spacing:.06em;text-transform:uppercase}.enterprise-controls select{min-width:142px;height:38px;color:#E6EDF7;background:#0F1A2D;border:1px solid #405672;border-radius:8px;font-size:12px;font-weight:700}.enterprise-controls time{min-height:38px;display:inline-flex;align-items:center;padding:0 8px;color:#B9C7DA;font-size:12px;white-space:nowrap}.enterprise-primary,.enterprise-secondary{min-height:38px;padding:0 12px;border-radius:8px;font-size:12px;font-weight:750}.enterprise-primary{color:#fff;background:#2563EB;border:1px solid #3B82F6}.enterprise-secondary{color:#DCE8F8;background:transparent;border:1px solid #506783}.enterprise-primary:hover,.enterprise-secondary:hover{transform:translateY(-1px);box-shadow:0 7px 14px rgba(0,0,0,.2)}
/* Reference-aligned light executive Dashboard. !important is deliberate: it shields this page from legacy global dashboard selectors. */
.enterprise-dashboard{color:#14213D!important;background:#F4F7FC!important;border-radius:0!important}.enterprise-welcome{min-height:132px!important;padding:17px 18px!important;background:#fff!important;border-color:#C9DBF1!important;box-shadow:0 8px 22px rgba(30,64,120,.06)!important}.enterprise-eyebrow,.enterprise-card-heading>div>span{color:#46627F!important}.enterprise-welcome h2{color:#10233F!important;font-size:26px!important}.enterprise-welcome-main>p{color:#5B7291!important}.enterprise-dashboard .daily-thought{background:#F8FBFF!important;border-color:#BED7FB!important;color:#182E55!important}.enterprise-dashboard .daily-thought strong{color:#2563EB!important}.enterprise-dashboard .daily-thought p{color:#1E3A5F!important}.enterprise-controls label{color:#54708F!important}.enterprise-controls select{color:#17345B!important;background:#fff!important;border-color:#C9DBF1!important}.enterprise-controls time{color:#26425F!important}.enterprise-primary{background:#2563EB!important;border-color:#2563EB!important}.enterprise-secondary{color:#2563EB!important;background:#fff!important;border-color:#93B9EB!important}
.enterprise-kpi{min-height:154px!important;gap:6px!important;padding:14px!important;color:#17345B!important;background:#fff!important;border:1px solid #9CC2F3!important;border-radius:12px!important;box-shadow:0 7px 16px rgba(37,99,235,.055)!important;overflow:hidden!important}.enterprise-kpi:hover{background:#F9FCFF!important;border-color:#4F91EA!important}.enterprise-kpi::after{content:"";position:absolute;left:14px;right:14px;bottom:14px;height:2px;background:#2563EB;border-radius:99px}.enterprise-kpi>span{position:static!important;grid-row:1/3;width:38px!important;height:38px!important;color:#fff!important;background:#2563EB!important;border-radius:10px!important}.enterprise-kpi>span svg{width:18px!important;height:18px!important;max-width:18px!important;max-height:18px!important;fill:none!important;stroke:currentColor!important;stroke-width:2!important}.enterprise-kpi small{max-width:none!important;color:#26425F!important;font-size:11px!important;letter-spacing:0!important;text-transform:none!important}.enterprise-kpi strong{margin:4px 0 0!important;color:#10233F!important;font-size:27px!important}.enterprise-kpi em{color:#5B7291!important;font-size:11px!important}.enterprise-kpi.tone-green{border-color:#68E6A2!important}.enterprise-kpi.tone-green>span{background:#10B981!important}.enterprise-kpi.tone-green::after{background:#10B981!important}.enterprise-kpi.tone-amber{border-color:#F8BE43!important}.enterprise-kpi.tone-amber>span{background:#F59E0B!important}.enterprise-kpi.tone-amber::after{background:#F59E0B!important}.enterprise-kpi.tone-violet{border-color:#B9A0FF!important}.enterprise-kpi.tone-violet>span{background:#7C3AED!important}.enterprise-kpi.tone-violet::after{background:#7C3AED!important}.enterprise-kpi.tone-red{border-color:#FDA4AF!important}.enterprise-kpi.tone-red>span{background:#F43F5E!important}.enterprise-kpi.tone-red::after{background:#F43F5E!important}
.enterprise-dashboard-grid{grid-template-columns:1.12fr 1.1fr 1fr!important;gap:14px!important}.enterprise-card{min-height:300px!important;color:#17345B!important;background:#fff!important;border:1px solid #C9DBF1!important;border-left:4px solid #2563EB!important;border-radius:12px!important;box-shadow:0 8px 20px rgba(30,64,120,.045)!important}.enterprise-card-heading h3{color:#10233F!important}.enterprise-link{color:#2563EB!important}.enterprise-status-legend button{color:#26425F!important}.enterprise-status-legend b,.enterprise-doughnut>strong{color:#10233F!important}.enterprise-doughnut>small,.enterprise-status-legend em,.enterprise-status-card footer{color:#64809F!important}.enterprise-status-card{border-left-color:#2563EB!important}.enterprise-deadlines-card{border-left-color:#F59E0B!important}.enterprise-actions-card{border-left-color:#7C3AED!important}.enterprise-workload-card{border-left-color:#10B981!important}.enterprise-activity-card{border-left-color:#06B6D4!important}.enterprise-collection-card{border-left-color:#2563EB!important}.enterprise-deadline{color:#17345B!important;background:#F8FBFF!important;border-color:#D8E6F5!important}.enterprise-deadline:hover{background:#EEF6FF!important}.enterprise-deadline time{color:#17345B!important;background:#EAF3FF!important}.enterprise-deadline>span strong{color:#10233F!important}.enterprise-deadline time small,.enterprise-deadline>span small{color:#64809F!important}.enterprise-actions button{color:#17345B!important;background:#F8FBFF!important;border-color:#CFE0F5!important}.enterprise-actions button:hover{color:#17345B!important;background:#EEF6FF!important;border-color:#8AB7EC!important}.enterprise-actions button span{color:#2563EB!important;background:#E8F1FF!important}.enterprise-workload>div{color:#26425F!important}.enterprise-workload>div>b{color:#10233F!important}.enterprise-workload i{background:#E1EBF6!important}.enterprise-workload i em{background:#2563EB!important}.enterprise-activity>div>span{color:#2563EB!important;background:#EAF3FF!important}.enterprise-activity strong{color:#17345B!important}.enterprise-activity small,.enterprise-activity time{color:#64809F!important}.enterprise-collection>div{background:#F8FBFF!important;border-color:#D8E6F5!important}.enterprise-collection small{color:#64809F!important}.enterprise-collection strong{color:#10233F!important}.enterprise-collection p span{background:#E1EBF6!important}.enterprise-collection p span b{background:#2563EB!important}.enterprise-collection p>strong{color:#147A4B!important}.enterprise-empty{color:#64809F!important}.enterprise-empty strong{color:#17345B!important}
.enterprise-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.enterprise-kpi{min-height:116px;position:relative;display:grid;align-content:start;gap:5px;padding:13px;color:#E6EDF7;text-align:left;background:#121C2E;border:1px solid #30445F;border-radius:10px;box-shadow:0 7px 17px rgba(0,0,0,.16);transition:transform .18s ease,border-color .18s ease,background .18s ease}.enterprise-kpi:hover{background:#17243A;border-color:#4F75A8;transform:translateY(-2px)}.enterprise-kpi>span{position:absolute;top:12px;right:12px;width:28px;height:28px;display:grid;place-items:center;color:#60A5FA;background:#182B49;border-radius:8px}.enterprise-kpi svg{width:16px;height:16px}.enterprise-kpi small{max-width:calc(100% - 34px);color:#AAB9CC;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.enterprise-kpi strong{margin-top:8px;color:#F8FAFC;font-size:24px;letter-spacing:-.045em;line-height:1}.enterprise-kpi em{color:#93A6C0;font-size:11px;font-style:normal}.enterprise-kpi.tone-green>span{color:#4ADE80;background:#153526}.enterprise-kpi.tone-amber>span{color:#FBBF24;background:#3B2C16}.enterprise-kpi.tone-violet>span{color:#C4B5FD;background:#2B214A}.enterprise-kpi.tone-red>span{color:#FCA5A5;background:#40212B}
.enterprise-dashboard-grid{display:grid;grid-template-columns:1.12fr 1fr .92fr;gap:12px;align-items:start}.enterprise-card{min-width:0;min-height:250px;padding:16px;color:#E6EDF7;background:#121C2E;border:1px solid #30445F;border-radius:10px;box-shadow:0 7px 18px rgba(0,0,0,.14)}.enterprise-card-heading{display:flex;align-items:start;justify-content:space-between;gap:10px;margin-bottom:14px}.enterprise-card-heading h3{margin:4px 0 0;color:#F8FAFC;font-size:16px;letter-spacing:-.02em}.enterprise-link{min-height:28px;padding:0;color:#60A5FA;background:transparent;border:0;font-size:11px;font-weight:750;white-space:nowrap}.enterprise-link:hover{color:#93C5FD;text-decoration:underline}
.enterprise-status-body{display:grid;grid-template-columns:142px minmax(0,1fr);align-items:center;gap:14px}.enterprise-doughnut{position:relative;height:142px}.enterprise-doughnut canvas{width:100%!important;height:100%!important}.enterprise-doughnut>strong,.enterprise-doughnut>small{position:absolute;left:0;right:0;text-align:center;pointer-events:none}.enterprise-doughnut>strong{top:53px;color:#fff;font-size:23px}.enterprise-doughnut>small{top:80px;color:#9FB2CA;font-size:10px}.enterprise-status-legend{display:grid;gap:5px}.enterprise-status-legend button{display:grid;grid-template-columns:8px minmax(0,1fr) auto auto;align-items:center;gap:7px;min-height:22px;padding:0;color:#C7D4E5;text-align:left;background:transparent;border:0;font-size:11px}.enterprise-status-legend i{width:7px;height:7px;border-radius:50%}.enterprise-status-legend b{color:#F8FAFC}.enterprise-status-legend em{width:30px;color:#8295B0;font-style:normal;text-align:right}.enterprise-status-card footer{margin-top:12px;color:#71849E;font-size:10px}
.enterprise-deadlines{display:grid;gap:7px}.enterprise-deadline{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:49px;padding:6px;color:#E6EDF7;text-align:left;background:#17243A;border:1px solid #2D425E;border-radius:8px}.enterprise-deadline:hover{background:#1C2B44;border-color:#4C6B92}.enterprise-deadline.is-overdue{border-color:#7F3947;background:#2A1D27}.enterprise-deadline time{display:grid;place-content:center;height:35px;color:#D7E4F5;text-align:center;background:#22334D;border-radius:7px}.enterprise-deadline time b{font-size:14px}.enterprise-deadline time small,.enterprise-deadline>span small{color:#90A4C0;font-size:9px}.enterprise-deadline>span{min-width:0}.enterprise-deadline>span strong{display:block;overflow:hidden;color:#F1F5F9;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.enterprise-deadline>span small{display:block;overflow:hidden;margin-top:3px;text-overflow:ellipsis;white-space:nowrap}.enterprise-deadline>em{padding:4px 6px;border-radius:99px;font-size:9px;font-style:normal;font-weight:750}.priority-high{color:#FECACA;background:#4A2028}.priority-medium,.priority-normal{color:#FDE68A;background:#493817}.priority-low{color:#BFDBFE;background:#1F3B5B}
.enterprise-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.enterprise-actions button{min-height:43px;display:flex;align-items:center;gap:8px;padding:0 8px;color:#DCE8F8;background:#17243A;border:1px solid #314866;border-radius:8px;font-size:11px;font-weight:700;text-align:left}.enterprise-actions button:hover{color:#fff;background:#1D3150;border-color:#4D73A6}.enterprise-actions button span{width:22px;height:22px;display:grid;place-items:center;color:#7DB3FF;background:#20395C;border-radius:6px;font-size:9px;font-weight:850}.enterprise-workload{display:grid;gap:12px}.enterprise-workload>div{display:grid;grid-template-columns:minmax(0,1fr) 34px;gap:6px 10px;align-items:center;color:#C7D4E5;font-size:11px}.enterprise-workload>div>b{color:#F8FAFC;font-size:11px;text-align:right}.enterprise-workload i{grid-column:1/-1;height:6px;overflow:hidden;background:#253954;border-radius:99px}.enterprise-workload i em{display:block;height:100%;background:#3B82F6;border-radius:inherit}
.enterprise-activity{display:grid;gap:10px}.enterprise-activity>div{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:8px;align-items:center}.enterprise-activity>div>span{width:27px;height:27px;display:grid;place-items:center;color:#7DB3FF;background:#20395C;border-radius:7px}.enterprise-activity svg{width:14px;height:14px}.enterprise-activity p{min-width:0;margin:0}.enterprise-activity strong,.enterprise-activity small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.enterprise-activity strong{color:#E8EEF8;font-size:11px}.enterprise-activity small,.enterprise-activity time{margin-top:3px;color:#91A3BC;font-size:9px}.enterprise-activity time{max-width:73px;text-align:right}.enterprise-collection{display:grid;grid-template-columns:1fr 1fr;gap:9px}.enterprise-collection>div{display:grid;gap:5px;padding:11px;background:#17243A;border:1px solid #2E4665;border-radius:8px}.enterprise-collection small{color:#9FB2CA;font-size:10px}.enterprise-collection strong{color:#F8FAFC;font-size:16px}.enterprise-collection>p{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;margin:2px 0 0}.enterprise-collection p span{grid-column:1/-1;height:7px;overflow:hidden;background:#253954;border-radius:99px}.enterprise-collection p span b{display:block;height:100%;background:#22C55E;border-radius:inherit}.enterprise-collection p>strong{color:#86EFAC;font-size:11px}.enterprise-collection p>small{text-align:right}.enterprise-empty{min-height:145px;display:grid;place-content:center;justify-items:center;gap:6px;color:#9FB2CA;text-align:center}.enterprise-empty>b{width:30px;height:30px;display:grid;place-items:center;color:#86EFAC;background:#153526;border-radius:9px}.enterprise-empty strong{color:#E2E8F0;font-size:12px}.enterprise-empty small{font-size:10px}.enterprise-dashboard button:focus-visible{outline:2px solid #60A5FA;outline-offset:2px}
@media(max-width:1280px){.enterprise-kpis{grid-template-columns:repeat(3,1fr)}.enterprise-dashboard-grid{grid-template-columns:1fr 1fr}}@media(max-width:760px){.enterprise-welcome{flex-direction:column}.enterprise-controls{max-width:none;justify-content:start}.enterprise-dashboard-grid{grid-template-columns:1fr}.enterprise-kpis{grid-template-columns:repeat(2,1fr)}.enterprise-status-body{grid-template-columns:125px minmax(0,1fr)}.enterprise-doughnut{height:125px}}@media(max-width:480px){.enterprise-dashboard{padding:0}.enterprise-welcome{padding:16px}.enterprise-kpis{grid-template-columns:1fr}.enterprise-controls{align-items:stretch}.enterprise-controls label,.enterprise-controls select{width:100%}.enterprise-dashboard .daily-thought{grid-template-columns:20px minmax(0,1fr)}.enterprise-dashboard .daily-thought strong{grid-column:2}.enterprise-dashboard .daily-thought p{grid-column:1/-1;white-space:normal}.enterprise-status-body{grid-template-columns:1fr}.enterprise-doughnut{width:142px;margin:auto}.enterprise-actions{grid-template-columns:1fr}.enterprise-card{padding:14px}}
.pulse-insight i { height: 8px; overflow: hidden; background: #D5E9F4; border-radius: 999px; }.pulse-insight i b { display: block; height: 100%; background: linear-gradient(90deg, #2563EB, #06B6D4); border-radius: inherit; }
.pulse-kpis { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.pulse-metric { position: relative; min-height: 160px; display: grid; align-content: start; gap: 8px; padding: 17px; overflow: hidden; color: #0F172A; text-align: left; background: #fff; border: 1px solid #E1E8F1; border-radius: 18px; box-shadow: 0 8px 24px rgba(15, 23, 42, .045); cursor: pointer; transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease; }
.pulse-metric:hover { transform: translateY(-3px); border-color: #BFD5F4; box-shadow: 0 13px 28px rgba(37,99,235,.11); }
.pulse-metric-top { display: flex; align-items: center; justify-content: space-between; gap: 8px; }.pulse-metric-top small { color: #64748B; font-size: 12px; font-weight: 700; }.pulse-metric-top > span { width: 32px; height: 32px; display: grid; place-items: center; color: #2563EB; background: #EFF6FF; border-radius: 10px; }.pulse-metric-top svg { width: 17px; height: 17px; }
.pulse-metric > strong { max-width: 80%; overflow: hidden; color: #0F172A; font-size: clamp(25px, 2.4vw, 34px); font-weight: 780; line-height: 1.08; letter-spacing: -.045em; text-overflow: ellipsis; white-space: nowrap; }.pulse-metric > em { color: #64748B; font-size: 12px; font-style: normal; font-weight: 500; }
.pulse-spark { position: absolute; right: 16px; bottom: 14px; height: 38px; display: flex; align-items: end; gap: 3px; }.pulse-spark i { width: 5px; background: #2563EB; border-radius: 4px 4px 1px 1px; opacity: .45; }.tone-green .pulse-spark i { background: #22C55E; }.tone-amber .pulse-spark i { background: #F59E0B; }.tone-coral .pulse-spark i { background: #F43F5E; }
.pulse-ring { position: absolute; right: 16px; bottom: 14px; width: 48px; height: 48px; display: grid; place-items: center; color: #15803D; background: conic-gradient(#22C55E var(--value), #EAF5ED 0); border-radius: 50%; font-size: 10px; font-weight: 800; }.pulse-ring::before { content: ""; position: absolute; inset: 6px; background: #fff; border-radius: inherit; }.pulse-ring { isolation: isolate; }.pulse-ring::after { content: attr(data-label); }.pulse-ring { text-indent: 0; }.pulse-ring { z-index: 0; }.pulse-ring::first-letter { position: relative; }.pulse-ring { text-shadow: 0 0 #15803D; }
.pulse-main-grid { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(310px, .8fr); gap: 14px; }.pulse-card { min-width: 0; padding: 19px; background: #fff; border: 1px solid #E1E8F1; border-radius: 18px; box-shadow: 0 8px 24px rgba(15,23,42,.04); }.pulse-card-heading { display: flex; align-items: start; justify-content: space-between; gap: 12px; margin-bottom: 14px; }.pulse-card-heading .pulse-kicker { margin-bottom: 5px; font-size: 10px; }.pulse-card-heading h3 { margin: 0; font-size: 17px; line-height: 1.25; letter-spacing: -.02em; }.pulse-card-heading p { margin: 5px 0 0; color: #64748B; font-size: 12px; }.pulse-card .text-link { min-height: 30px !important; color: #2563EB !important; font-size: 12px !important; font-weight: 700 !important; white-space: nowrap; }
.pulse-tabs { display: flex; gap: 5px; margin: 2px 0 14px; padding: 4px; overflow-x: auto; background: #F1F5F9; border-radius: 11px; }.pulse-tabs button { min-height: 31px; padding: 5px 11px; color: #64748B; background: transparent; border: 0; border-radius: 8px; font-size: 12px; font-weight: 700; white-space: nowrap; }.pulse-tabs button.active { color: #1D4ED8; background: #fff; box-shadow: 0 1px 5px rgba(15,23,42,.1); }
.pulse-chart-window select { min-width: 120px; min-height: 34px; font-size: 12px; }.pulse-chart { height: 286px; padding-top: 3px; }.pulse-chart canvas { max-width: 100%; }
.pulse-live { display: inline-flex; align-items: center; gap: 6px; color: #15803D; font-size: 12px; font-weight: 750; }.pulse-live::before { content: ""; width: 7px; height: 7px; background: #22C55E; border-radius: 50%; box-shadow: 0 0 0 4px #DCFCE7; }
.pulse-action-list { display: grid; gap: 8px; }.pulse-action { width: 100%; display: grid; grid-template-columns: 41px minmax(0,1fr) 12px; align-items: center; gap: 10px; min-height: 57px; padding: 8px; color: #0F172A; text-align: left; background: #F8FAFC; border: 1px solid #E7EDF5; border-radius: 12px; transition: background .18s ease, transform .18s ease, border-color .18s ease; }.pulse-action:hover { background: #F0F6FF; border-color: #BFD5F4; transform: translateX(2px); }.pulse-action.urgent { background: #FFF6F7; border-color: #FFD7DF; }.pulse-action > span:first-child { height: 39px; display: grid; place-content: center; text-align: center; background: #EFF6FF; border-radius: 9px; }.pulse-action.urgent > span:first-child { color: #E11D48; background: #FFE4E9; }.pulse-action b { font-size: 15px; line-height: 1; }.pulse-action small { display: block; margin-top: 3px; color: #64748B; font-size: 10px; font-weight: 600; }.pulse-action > span:nth-child(2) { min-width: 0; }.pulse-action > span:nth-child(2) strong { display: block; overflow: hidden; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }.pulse-action > i { color: #94A3B8; font-size: 22px; font-style: normal; }
.pulse-workflow { display: grid; grid-template-columns: repeat(6, minmax(0,1fr)); gap: 8px; }.pulse-workflow button { min-height: 129px; display: grid; justify-items: start; align-content: start; gap: 7px; padding: 12px; color: #0F172A; text-align: left; background: #F8FAFC; border: 1px solid #E6EDF5; border-radius: 13px; transition: background .18s ease, border-color .18s ease, transform .18s ease; }.pulse-workflow button:hover { background: #F0F6FF; border-color: #BFD5F4; transform: translateY(-2px); }.pulse-workflow button > span { width: 24px; height: 24px; display: grid; place-items: center; color: #2563EB; background: #DBEAFE; border-radius: 8px; font-size: 11px; font-weight: 800; }.pulse-workflow strong { font-size: 23px; letter-spacing: -.04em; }.pulse-workflow small { min-height: 29px; color: #64748B; font-size: 11px; font-weight: 650; line-height: 1.25; }.pulse-workflow i { width: 100%; height: 5px; overflow: hidden; background: #E2E8F0; border-radius: 99px; }.pulse-workflow i b { display: block; height: 100%; background: #2563EB; border-radius: inherit; }
.pulse-lower-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 14px; }.pulse-team-list, .pulse-activity-list { display: grid; gap: 12px; }.pulse-team-list > div { display: grid; grid-template-columns: 33px minmax(76px,1fr) minmax(55px,.9fr) 22px; align-items: center; gap: 8px; }.pulse-team-list .user-avatar { width: 33px; height: 33px; flex-basis: 33px; border-radius: 10px; }.pulse-team-list strong { display: block; overflow: hidden; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }.pulse-team-list small { display: block; margin-top: 3px; color: #64748B; font-size: 10px; }.pulse-team-list i { height: 6px; overflow: hidden; background: #E8EEF5; border-radius: 99px; }.pulse-team-list i b { display: block; height: 100%; background: #06B6D4; border-radius: inherit; }.pulse-team-list em { color: #475569; font-size: 12px; font-style: normal; font-weight: 750; text-align: right; }
.pulse-win { display: flex; align-items: center; gap: 15px; margin: 10px 0 15px; }.pulse-win > b { width: 78px; height: 78px; display: grid; place-content: center; color: #6D28D9; text-align: center; background: conic-gradient(#7C3AED var(--value), #EDE9FE 0); border-radius: 50%; font-size: 18px; }.pulse-win > b::before { content: ""; position: absolute; width: 60px; height: 60px; background: #fff; border-radius: 50%; }.pulse-win > b { position: relative; }.pulse-win > b, .pulse-win > b small { z-index: 0; }.pulse-win > b { isolation: isolate; }.pulse-win > b::after { content: ""; position: absolute; inset: 9px; z-index: -1; background: #fff; border-radius: inherit; }.pulse-win > b small { display: block; font-size: 10px; }.pulse-win p { display: grid; margin: 0; }.pulse-win p strong { font-size: 15px; }.pulse-win p span { margin-top: 5px; color: #64748B; font-size: 12px; line-height: 1.4; }.pulse-segments { display: grid; grid-template-columns: repeat(3,1fr); gap: 6px; }.pulse-segments button { display: grid; gap: 4px; padding: 9px 7px; color: #64748B; background: #F8FAFC; border: 1px solid #E6EDF5; border-radius: 10px; font-size: 10px; text-align: left; }.pulse-segments b { color: #0F172A; font-size: 14px; }
.pulse-activity-list > div { display: grid; grid-template-columns: 31px minmax(0,1fr); gap: 9px; }.pulse-activity-list > div > span { width: 31px; height: 31px; display: grid; place-items: center; color: #2563EB; background: #EFF6FF; border-radius: 9px; }.pulse-activity-list svg { width: 15px; height: 15px; }.pulse-activity-list p { display: grid; gap: 3px; min-width: 0; margin: 0; }.pulse-activity-list strong { font-size: 12px; }.pulse-activity-list small { overflow: hidden; color: #64748B; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }.pulse-activity-list em { color: #94A3B8; font-size: 10px; font-style: normal; }.pulse-empty { min-height: 105px; display: grid; place-content: center; justify-items: center; gap: 5px; color: #64748B; text-align: center; }.pulse-empty strong { color: #475569; font-size: 13px; }.pulse-empty small { font-size: 11px; }
@media (max-width: 1180px) { .pulse-main-grid { grid-template-columns: 1fr; }.pulse-lower-grid { grid-template-columns: 1fr 1fr; }.pulse-lower-grid > article:last-child { grid-column: 1/-1; } }
@media (max-width: 850px) { .pulse-intro { align-items: start; flex-direction: column; }.pulse-controls { width: 100%; justify-content: start; }.pulse-kpis { grid-template-columns: repeat(2, minmax(0,1fr)); }.pulse-workflow { grid-template-columns: repeat(3, minmax(0,1fr)); } }
@media (max-width: 560px) { .pulse-intro h2 { font-size: 27px; }.pulse-controls label, .pulse-controls select, .pulse-controls input { width: 100%; }.pulse-controls > span { display: none; }.pulse-insight { grid-template-columns: 36px 1fr; }.pulse-insight i { grid-column: 1/-1; }.pulse-kpis, .pulse-lower-grid { grid-template-columns: 1fr; }.pulse-lower-grid > article:last-child { grid-column: auto; }.pulse-metric { min-height: 136px; }.pulse-workflow { grid-template-columns: repeat(2, minmax(0,1fr)); }.pulse-chart { height: 240px; }.pulse-chart-window { display: none; } }

/* Dashboard polish: accessible micro-interactions and useful zero states. */
.pulse-insight { width: 100%; color: #0F172A; text-align: left; cursor: pointer; transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease; }
.pulse-insight:not(.is-empty):hover { border-color: #93C5FD; box-shadow: 0 10px 22px rgba(37,99,235,.09); transform: translateY(-1px); }
.pulse-insight.is-empty { grid-template-columns: 38px minmax(0,1fr); cursor: default; background: #F0FDF4; border-color: #BBF7D0; }
.pulse-insight p span { display: block; margin-top: 2px; color: #64748B; font-size: 12px; }
.pulse-quick-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: -5px; }
.pulse-quick-actions button { min-height: 40px; display: inline-flex; align-items: center; gap: 7px; padding: 0 12px; color: #1E3A5F; background: #fff; border: 1px solid #DCE8F6; border-radius: 10px; box-shadow: 0 4px 12px rgba(15,23,42,.035); font-size: 12px; font-weight: 750; transition: transform .18s ease, box-shadow .18s ease, background .18s ease; }
.pulse-quick-actions button span { width: 21px; height: 21px; display: grid; place-items: center; color: #2563EB; background: #EFF6FF; border-radius: 7px; font-size: 10px; font-weight: 850; }
.pulse-quick-actions button:hover { background: #F8FBFF; box-shadow: 0 8px 16px rgba(37,99,235,.1); transform: translateY(-2px); }.pulse-quick-actions button:active { transform: translateY(0); }
.pulse-view-details { position: absolute; left: 17px; bottom: 14px; color: #2563EB; font-size: 11px; font-weight: 750; opacity: 0; transform: translateY(3px); transition: opacity .18s ease, transform .18s ease; }
.pulse-metric:hover .pulse-view-details,.pulse-metric:focus-visible .pulse-view-details { opacity: 1; transform: translateY(0); }
.pulse-tabs button { display: inline-flex; align-items: center; gap: 6px; transition: background .18s ease, color .18s ease; }.pulse-tabs button b { min-width: 17px; padding: 1px 5px; color: #475569; background: #E2E8F0; border-radius: 99px; font-size: 10px; }.pulse-tabs button.active b { color: #1D4ED8; background: #DBEAFE; }
.pulse-empty > span { width: 34px; height: 34px; display: grid; place-items: center; color: #15803D; background: #DCFCE7; border-radius: 12px; font-weight: 800; }
button.pulse-metric:focus-visible,.pulse-tabs button:focus-visible,.pulse-action:focus-visible,.pulse-quick-actions button:focus-visible,.pulse-insight:focus-visible { outline: 3px solid rgba(37,99,235,.32); outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) { .pulse-dashboard *, .pulse-dashboard *::before, .pulse-dashboard *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; } }
@media (max-width: 700px) { .daily-thought { grid-template-columns: 25px auto minmax(0,1fr) auto; gap: 7px; padding: 0 10px; }.daily-thought time { display: none; }.daily-thought > strong { font-size: 10px; }.daily-thought p { font-size: 12px; }.thought-category { padding: 3px 6px; font-size: 10px; } }

/* Client Master — Bento Pulse workspace */
.my-tasks-page { display:grid; gap:16px; color:#0F172A; }.tasks-page-header{display:flex;align-items:end;justify-content:space-between;gap:16px}.tasks-page-header h1{margin:5px 0 0;font-size:26px;letter-spacing:-.04em}.tasks-page-header p{margin:6px 0 0;color:#475569;font-size:13px}.tasks-header-actions{display:flex;gap:7px}.task-kpi-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.task-kpi-strip button{position:relative;display:grid;grid-template-columns:28px 1fr;gap:2px 8px;padding:12px;color:#0F172A;text-align:left;background:#fff;border:1px solid #E2E8F0;border-radius:13px;box-shadow:0 5px 15px rgba(15,23,42,.035)}.task-kpi-strip button:hover,.task-kpi-strip button.active{background:#F7FBFF;border-color:#93C5FD}.task-kpi-strip button>span{grid-row:1/3;width:28px;height:28px;display:grid;place-items:center;color:#2563EB;background:#EFF6FF;border-radius:8px}.task-kpi-strip svg{width:15px;height:15px}.task-kpi-strip small{color:#64748B;font-size:11px;font-weight:750}.task-kpi-strip strong{font-size:24px;line-height:1}.task-kpi-strip em{grid-column:1/-1;margin-top:3px;color:#94A3B8;font-size:10px;font-style:normal}.tasks-workspace{padding:16px;background:#fff;border:1px solid #E2E8F0;border-radius:16px;box-shadow:0 8px 22px rgba(15,23,42,.04)}.task-filter-bar{display:grid;grid-template-columns:minmax(260px,1fr) 2fr;gap:10px;align-items:start}.task-filter-search{height:42px;display:flex;align-items:center;gap:8px;padding:0 10px;background:#F8FAFC;border:1px solid #DCE5F0;border-radius:10px}.task-filter-search svg{width:17px;color:#64748B}.task-filter-search input{width:100%;height:100%;border:0;background:transparent;outline:0;font-size:13px}.task-filter-grid{display:flex;gap:7px;flex-wrap:wrap}.task-filter-grid label{display:grid;gap:3px;color:#64748B;font-size:10px;font-weight:750;text-transform:uppercase}.task-filter-grid input,.task-filter-grid select{height:34px;min-width:90px;padding:0 7px;border:1px solid #DCE5F0;border-radius:8px;font-size:12px}.task-quick-tabs{display:flex;gap:5px;overflow:auto;margin:15px 0 12px;padding:4px;background:#F1F5F9;border-radius:11px}.task-quick-tabs button{min-height:30px;padding:5px 10px;color:#64748B;background:transparent;border:0;border-radius:8px;font-size:12px;font-weight:700;white-space:nowrap}.task-quick-tabs button.active{color:#1D4ED8;background:#fff;box-shadow:0 1px 4px rgba(15,23,42,.1)}.task-quick-tabs b{margin-left:4px;font-size:10px}.tasks-table-heading{display:flex;justify-content:space-between;align-items:center;margin:10px 0}.tasks-table-heading h2{margin:0;font-size:16px}.tasks-table-heading p{margin:3px 0 0;color:#64748B;font-size:12px}.tasks-table-heading>span{color:#15803D;font-size:12px;font-weight:700}.tasks-table-wrap{border:1px solid #E2E8F0;border-radius:12px;overflow:auto}.task-table{min-width:1320px}.task-table th{position:sticky;top:0;z-index:2;padding:11px 9px!important;color:#334155;background:#F1F5F9!important;border-bottom:1px solid #CBD5E1!important;font-size:12px!important;font-weight:750}.task-table td{padding:9px!important;border-bottom:1px solid #EDF2F7;font-size:13px!important}.task-table td small{display:block;margin-top:3px;color:#94A3B8;font-size:11px}.task-table tbody tr:hover{background:#F8FBFF}.task-view{min-height:34px;display:inline-flex;align-items:center;gap:5px;padding:0 9px;color:#1D4ED8;background:#EFF6FF;border:1px solid #BFDBFE;border-radius:8px;font-size:12px;font-weight:750}.task-view svg{width:14px;height:14px}.tasks-empty{min-height:190px;display:grid;place-content:center;justify-items:center;gap:7px;color:#64748B}.tasks-empty strong{color:#334155;font-size:15px}.tasks-empty button{color:#2563EB;background:transparent;border:0;font-weight:700}@media(max-width:980px){.task-kpi-strip{grid-template-columns:repeat(3,1fr)}.task-filter-bar{grid-template-columns:1fr}}@media(max-width:560px){.tasks-page-header{align-items:start;flex-direction:column}.tasks-header-actions{width:100%}.tasks-header-actions button{flex:1}.task-kpi-strip{grid-template-columns:repeat(2,1fr)}.tasks-workspace{padding:11px}.task-filter-grid{display:grid;grid-template-columns:1fr 1fr}.task-filter-grid input,.task-filter-grid select{min-width:0;width:100%}}
.client-master-page { display: grid; gap: 16px; color: #0F172A; }.client-page-header { display: flex; align-items: end; justify-content: space-between; gap: 18px; padding: 3px 2px; }.client-breadcrumb { color: #64748B; font-size: 12px; font-weight: 600; }.client-breadcrumb span { padding: 0 6px; color: #94A3B8; }.client-page-header h1 { margin: 5px 0 0; font-size: 24px; line-height: 1.2; letter-spacing: -.035em; }.client-page-header p { margin: 6px 0 0; color: #475569; font-size: 13px; font-weight: 500; }.client-primary { min-height: 40px; padding: 0 15px; color: #fff; background: #2563EB; border: 1px solid #2563EB; border-radius: 10px; font-size: 13px; font-weight: 750; box-shadow: 0 7px 14px rgba(37,99,235,.18); }.client-primary:hover { background: #1D4ED8; }.client-summary-strip { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; }.client-pulse-tile { display: grid; grid-template-columns: 34px minmax(0,1fr); grid-template-rows: auto auto; column-gap: 10px; padding: 13px; color: #0F172A; text-align: left; background: #fff; border: 1px solid #E2E8F0; border-radius: 15px; box-shadow: 0 6px 17px rgba(15,23,42,.035); }.client-pulse-tile:hover,.client-pulse-tile.active { border-color: #93C5FD; background: #F8FBFF; }.client-pulse-tile > span { grid-row: 1/3; width: 34px; height: 34px; display: grid; place-items: center; color: #2563EB; background: #EFF6FF; border-radius: 10px; }.client-pulse-tile svg { width: 17px; height: 17px; }.client-pulse-tile strong { font-size: 20px; line-height: 1.1; }.client-pulse-tile small { margin-top: 3px; color: #64748B; font-size: 12px; font-weight: 650; }.client-records-card { overflow: visible; padding: 16px; background: #fff; border: 1px solid #E2E8F0; border-radius: 16px; box-shadow: 0 9px 24px rgba(15,23,42,.045); }.client-toolbar { display: grid; grid-template-columns: minmax(280px,1fr) auto; gap: 12px; align-items: start; }.client-toolbar-search { height: 42px; display: flex; align-items: center; gap: 8px; padding: 0 10px; background: #F8FAFC; border: 1px solid #DCE5F0; border-radius: 11px; }.client-toolbar-search > span { color: #64748B; }.client-toolbar-search svg { width: 17px; height: 17px; }.client-toolbar-search input { min-width: 0; flex: 1; height: 100%; padding: 0; background: transparent; border: 0; outline: none; font-size: 13px; }.client-clear-search,.client-icon-button { width: 30px; height: 30px; display: grid; place-items: center; padding: 0; color: #64748B; background: transparent; border: 0; border-radius: 8px; font-size: 20px; }.client-clear-search:hover,.client-icon-button:hover { color: #2563EB; background: #EFF6FF; }.client-filter-row { display: flex; grid-column: 1/-1; align-items: end; flex-wrap: wrap; gap: 8px; }.client-select-filter,.client-date-filter { display: grid; gap: 4px; color: #64748B; font-size: 10px; font-weight: 750; letter-spacing: .03em; text-transform: uppercase; }.client-select-filter select,.client-date-filter input { min-width: 104px; height: 34px; padding: 0 8px; color: #334155; background: #fff; border: 1px solid #DCE5F0; border-radius: 8px; font-size: 12px; font-weight: 600; }.client-date-filter { grid-template-columns: 1fr 1fr; }.client-date-filter::first-line { grid-column: 1/-1; }.client-clear-filters { min-height: 34px; padding: 0 9px; color: #E11D48; background: #FFF6F7; border: 1px solid #FFD7DF; border-radius: 8px; font-size: 12px; font-weight: 700; }.client-toolbar-actions { display: flex; gap: 7px; align-items: center; }.client-menu { position: relative; }.client-menu summary { min-height: 38px; display: flex; align-items: center; padding: 0 11px; color: #334155; list-style: none; background: #fff; border: 1px solid #DCE5F0; border-radius: 9px; font-size: 12px; font-weight: 700; cursor: pointer; }.client-menu summary::-webkit-details-marker { display: none; }.client-menu summary::after { content: "⌄"; margin-left: 6px; }.client-menu > div { position: absolute; right: 0; z-index: 80; min-width: 170px; display: grid; gap: 3px; margin-top: 5px; padding: 6px; background: #fff; border: 1px solid #DCE5F0; border-radius: 10px; box-shadow: 0 15px 30px rgba(15,23,42,.15); }.client-menu > div button { padding: 8px; color: #334155; text-align: left; background: transparent; border: 0; border-radius: 7px; font-size: 12px; font-weight: 600; }.client-menu > div button:hover { color: #1D4ED8; background: #EFF6FF; }.client-filter-chips { display: flex; flex-wrap: wrap; gap: 6px; margin: 10px 0 0; }.client-filter-chips button { padding: 5px 8px; color: #1D4ED8; background: #EFF6FF; border: 1px solid #BFDBFE; border-radius: 999px; font-size: 11px; font-weight: 700; }.client-table-heading { display: flex; align-items: center; justify-content: space-between; margin: 18px 0 10px; }.client-table-heading h2 { margin: 0; font-size: 16px; }.client-table-heading p { margin: 3px 0 0; color: #64748B; font-size: 12px; }.client-table-heading > span { color: #15803D; font-size: 12px; font-weight: 700; }.client-table-heading > span::before { content: ""; display: inline-block; width: 7px; height: 7px; margin-right: 6px; background: #22C55E; border-radius: 50%; }.client-master-freeze-wrap { height: auto !important; max-height: none !important; overflow-x: auto !important; overflow-y: visible !important; border: 1px solid #E2E8F0; border-radius: 12px; }.client-master-table { min-width: 1210px; table-layout: fixed; border-collapse: separate; border-spacing: 0; }.client-master-table thead th { position: sticky; top: 0; z-index: 4; height: 44px; padding: 10px !important; color: #334155; background: #F1F5F9 !important; border-bottom: 1px solid #CBD5E1 !important; box-shadow: 0 2px 5px rgba(15,23,42,.04); font-size: 13px !important; font-weight: 750; text-transform: none; }.client-master-table tbody td { height: 58px; padding: 9px 10px !important; color: #334155; border-bottom: 1px solid #EDF2F7; font-size: 13px !important; font-weight: 500; }.client-master-table .client-row { cursor: pointer; transition: background .16s ease; }.client-master-table .client-row:hover { background: #F8FBFF; }.client-master-table td:nth-child(2) { display: table-cell; white-space: nowrap; }.client-avatar { width: 30px; height: 30px; display: inline-grid; place-items: center; margin-right: 8px; color: #1D4ED8; background: #DBEAFE; border-radius: 9px; font-size: 12px; font-weight: 800; vertical-align: middle; }.client-name { display: inline-grid; gap: 3px; vertical-align: middle; }.client-name strong { overflow: hidden; max-width: 220px; color: #0F172A; font-size: 13px; font-weight: 700; text-overflow: ellipsis; }.client-name small,.client-master-table td small { color: #64748B; font-size: 12px; font-weight: 500; }.client-row-actions { display: flex; gap: 6px; align-items: center; }.client-view-button { min-height: 34px; display: inline-flex; align-items: center; gap: 6px; padding: 0 10px; color: #1D4ED8; background: #EFF6FF; border: 1px solid #BFDBFE; border-radius: 8px; font-size: 12px; font-weight: 750; }.client-view-button svg { width: 15px; height: 15px; }.client-view-button:hover { background: #DBEAFE; }.client-more-button { width: 34px; height: 34px; padding: 0; color: #475569; background: #fff; border: 1px solid #DCE5F0; border-radius: 8px; font-weight: 800; letter-spacing: 1px; }.client-more-button:hover { color: #1D4ED8; background: #F8FAFC; }.client-empty { display: grid; place-items: center; gap: 8px; min-height: 180px; color: #64748B; }.client-empty button { color: #2563EB; background: transparent; border: 0; font-weight: 700; }.client-action-popover { min-width: 280px; }.client-action-popover > div:last-child { display: grid; gap: 5px; margin-top: 15px; }.client-action-popover > div:last-child button { min-height: 38px; padding: 0 10px; color: #334155; text-align: left; background: #F8FAFC; border: 1px solid #E2E8F0; border-radius: 8px; font-weight: 650; }.client-view-drawer { width: min(820px,94vw); min-height: 100%; }.client-view-drawer > header { display: flex; align-items: start; justify-content: space-between; gap: 12px; padding-bottom: 16px; border-bottom: 1px solid #E2E8F0; }.client-view-drawer h2 { margin: 0; font-size: 23px; }.client-view-drawer header p { margin: 6px 0 0; color: #64748B; font-size: 13px; }.client-view-drawer header > div:last-child { display: flex; align-items: center; gap: 6px; }.client-drawer-summary { display: grid; grid-template-columns: repeat(4,1fr); gap: 8px; margin: 16px 0; }.client-drawer-summary div { display: grid; gap: 5px; padding: 11px; background: #F8FAFC; border: 1px solid #E2E8F0; border-radius: 10px; }.client-drawer-summary small,.client-detail-grid small { color: #64748B; font-size: 11px; font-weight: 650; }.client-drawer-summary strong { font-size: 16px; }.client-drawer-section { margin-top: 21px; }.client-drawer-section h3 { margin: 0 0 10px; font-size: 15px; }.client-detail-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; }.client-detail-grid > div { display: grid; gap: 4px; padding: 10px; border: 1px solid #E2E8F0; border-radius: 9px; }.client-detail-grid strong { color: #334155; font-size: 13px; }.client-history { display: grid; gap: 7px; }.client-history > button,.client-history > div { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px; text-align: left; background: #F8FAFC; border: 1px solid #E2E8F0; border-radius: 9px; }.client-history button:hover { background: #EFF6FF; }.client-history strong,.client-history small { display: block; }.client-history small { margin-top: 3px; color: #64748B; font-size: 11px; }
@media (max-width: 900px) { .client-summary-strip { grid-template-columns: repeat(2,1fr); }.client-toolbar { grid-template-columns: 1fr; }.client-toolbar-actions { justify-content: flex-start; }.client-detail-grid { grid-template-columns: repeat(2,1fr); } }
@media (max-width: 560px) { .client-page-header { align-items: start; flex-direction: column; }.client-primary { width: 100%; }.client-summary-strip { grid-template-columns: 1fr 1fr; gap: 8px; }.client-pulse-tile { padding: 10px; }.client-records-card { padding: 11px; }.client-toolbar-actions { width: 100%; }.client-menu { flex: 1; }.client-menu summary { justify-content: center; }.client-view-drawer { width: 100vw; }.client-view-drawer > header { flex-direction: column; }.client-view-drawer header > div:last-child { width: 100%; flex-wrap: wrap; }.client-drawer-summary,.client-detail-grid { grid-template-columns: 1fr 1fr; }.client-filter-row { display: grid; grid-template-columns: 1fr 1fr; }.client-select-filter,.client-date-filter { min-width: 0; }.client-select-filter select,.client-date-filter input { min-width: 0; width: 100%; } }

/* Fineasy Executive Dusk — shared application theme */
:root { --background:#15233a;--sidebar:#101c31;--header:#1a2a44;--surface-primary:#223553;--surface-secondary:#2a405f;--surface-elevated:#334d70;--surface-hover:#405b7d;--border-default:#587394;--border-muted:#425e80;--border-active:#8c95ff;--text-primary:#ffffff;--text-secondary:#d3ddec;--text-muted:#a9b8ce;--blue:#79a1ff;--violet:#a78bfa;--cyan:#46e1df;--green:#5be5ab;--coral:#ff7c95;--amber:#ffc76a;--red:#ff7185;--bg:var(--background);--panel:var(--surface-primary);--ink:var(--text-primary);--muted:var(--text-muted);--line:var(--border-muted);--brand:var(--blue);--brand-2:var(--violet);--danger:#ff7185;--ok:#5be5ab;--warn:#ffc76a;--shadow:0 12px 28px rgba(5,12,25,.22) }
body { color:var(--text-primary)!important;background:var(--background)!important; } .main,.content { background:var(--background)!important; }.topbar { background:var(--header)!important;border-bottom:1px solid var(--border-muted)!important;box-shadow:0 6px 20px rgba(0,0,0,.18)!important; }.sidebar { background:var(--sidebar)!important;border-right:1px solid var(--border-muted)!important; }.panel,.pulse-card,.client-records-card,.tasks-workspace,.modal-card { color:var(--text-primary)!important;background:var(--surface-primary)!important;border-color:var(--border-default)!important;box-shadow:var(--shadow)!important; }.panel h1,.panel h2,.panel h3,h1,h2,h3,strong { color:var(--text-primary); }.muted,small,.small,.page-context p,.pulse-intro p { color:var(--text-secondary)!important; }
input,select,textarea,.rich-text { color:var(--text-primary)!important;background:var(--surface-secondary)!important;border-color:var(--border-default)!important; } input::placeholder,textarea::placeholder { color:var(--text-muted)!important; } input:focus,select:focus,textarea:focus { border-color:var(--blue)!important;box-shadow:0 0 0 3px rgba(79,124,255,.18)!important; }
button { background:linear-gradient(135deg,var(--coral),var(--violet))!important;color:#fff!important;border:1px solid transparent!important;transition:transform .18s ease,border-color .18s ease,background .18s ease!important; } button:hover:not(:disabled){transform:translateY(-1px)} button.secondary,button.ghost,.secondary,.ghost { color:var(--text-primary)!important;background:var(--surface-elevated)!important;border-color:var(--border-default)!important; } button.secondary:hover,button.ghost:hover { border-color:var(--blue)!important;background:var(--surface-hover)!important; } button.export-excel { background:#123d38!important;border-color:#278b78!important;color:#b9ffe4!important; } button.export-pdf,button.danger { background:#482437!important;border-color:#a94260!important;color:#ffd1db!important; } button.new-blue,.client-primary,.audit-primary-action { background:linear-gradient(135deg,var(--coral),var(--violet))!important;color:#fff!important;border:0!important; }
.pro-table,.table-wrap { background:var(--surface-primary)!important;border-color:var(--border-default)!important; }.pro-table th,table th { color:var(--text-primary)!important;background:var(--surface-elevated)!important;border-color:var(--border-default)!important; }.pro-table td,table td { color:var(--text-secondary)!important;border-color:var(--border-muted)!important; }.pro-table tbody tr:nth-child(even) td { background:#0f1a2c!important; }.pro-table tbody tr:hover td { background:var(--surface-hover)!important; }.status,.priority-badge { border-color:var(--border-default)!important; }
.filter-panel,.task-filter-bar,.client-toolbar,.dashboard-intro,.audit-records-shell,.audit-overview-shell { color:var(--text-primary)!important;background:var(--surface-secondary)!important;border-color:var(--border-default)!important; }.q-tabs,.task-quick-tabs,.action-tabs,.pulse-tabs { background:#0d1829!important;border:1px solid var(--border-muted)!important; }.q-tabs button,.task-quick-tabs button,.pulse-tabs button { color:var(--text-secondary)!important;background:transparent!important;border-color:transparent!important; }.q-tabs button.active,.task-quick-tabs button.active,.pulse-tabs button.active { color:#fff!important;background:var(--surface-elevated)!important;border-color:var(--blue)!important; }
.daily-thought { color:var(--text-primary)!important;background:linear-gradient(100deg,#18214b,#10293d)!important;border-color:#5863cf!important;border-left-color:var(--cyan)!important; }.daily-thought p,.daily-thought time { color:var(--text-secondary)!important; }.thought-category { color:#d8d1ff!important;background:#31275a!important; }.pulse-metric,.client-pulse-tile,.task-kpi-strip button { color:var(--text-primary)!important;background:var(--surface-primary)!important;border-color:var(--border-default)!important; }.pulse-metric:hover,.client-pulse-tile:hover,.task-kpi-strip button:hover { background:var(--surface-hover)!important;border-color:var(--blue)!important; }.pulse-insight { background:#112941!important;border-color:#285780!important; }.pulse-workflow button,.pulse-action,.client-history>button,.client-history>div { color:var(--text-primary)!important;background:var(--surface-secondary)!important;border-color:var(--border-muted)!important; }
.modal,.sidebar-backdrop { background:rgba(2,7,17,.72)!important; }.modal-card,.audit-view-drawer,.client-view-drawer { color:var(--text-primary)!important;background:var(--surface-primary)!important; }.modal-card header,.audit-drawer-header,.client-view-drawer>header { border-color:var(--border-default)!important; }.toast { color:var(--text-primary)!important;background:var(--surface-elevated)!important;border:1px solid var(--border-active)!important; }
@media print { body,.panel,.pro-table,.pro-table th,.pro-table td,table,table th,table td { color:#111827!important;background:#fff!important;border-color:#94a3b8!important; } }

/* CA File Tracker-inspired premium workspace palette */
:root { --background:#eef3fb;--sidebar:#0f172a;--header:rgba(255,255,255,.94);--surface-primary:rgba(255,255,255,.96);--surface-secondary:#f8fbff;--surface-elevated:#f1f6fd;--surface-hover:#edf5ff;--border-default:#d9e4f2;--border-muted:#e5edf7;--border-active:#1e40af;--text-primary:#101828;--text-secondary:#475467;--text-muted:#667085;--blue:#1e40af;--violet:#7c3aed;--cyan:#0ea5e9;--green:#10b981;--coral:#ef476f;--amber:#f59e0b;--red:#ef4444;--bg:var(--background);--panel:var(--surface-primary);--ink:var(--text-primary);--muted:var(--text-muted);--line:var(--border-default);--brand:var(--blue);--brand-2:var(--cyan);--danger:#ef4444;--ok:#10b981;--warn:#f59e0b;--shadow:0 24px 70px rgba(15,23,42,.10) }
body { background:radial-gradient(circle at 8% -4%,rgba(30,64,175,.16),transparent 30%),radial-gradient(circle at 88% 0%,rgba(14,165,233,.14),transparent 28%),radial-gradient(circle at 80% 92%,rgba(16,185,129,.12),transparent 32%),linear-gradient(135deg,#f6f9ff 0%,#eef3fb 42%,#f9fbff 100%)!important; }.sidebar { background:radial-gradient(circle at 16% 0%,rgba(59,130,246,.30),transparent 28%),radial-gradient(circle at 92% 18%,rgba(16,185,129,.18),transparent 22%),linear-gradient(180deg,#07111f 0%,#0f172a 52%,#111827 100%)!important; }.topbar { background:rgba(255,255,255,.94)!important; }.panel h1,.panel h2,.panel h3,h1,h2,h3,strong { color:var(--text-primary)!important; }.daily-thought { background:linear-gradient(100deg,#eef4ff,#f7fbff)!important;border-color:#bcd1ec!important;border-left-color:#1769e0!important; }.daily-thought p,.daily-thought time { color:#475467!important; }.thought-category { color:#155eef!important;background:#e5efff!important; }
.pro-table tbody tr:nth-child(even) td { background:#f8fbff!important; }.q-tabs,.task-quick-tabs,.action-tabs,.pulse-tabs { background:#f6f9ff!important; }.q-tabs button.active,.task-quick-tabs button.active,.pulse-tabs button.active { color:#fff!important;background:#1e40af!important;border-color:#1e40af!important; } button { background:linear-gradient(135deg,#1e40af,#0ea5e9)!important; } button.secondary,button.ghost,.secondary,.ghost { color:#344054!important;background:#fff!important;border-color:#cbd9ea!important; } button.export-excel { color:#fff!important;background:linear-gradient(135deg,#047857,#10b981)!important;border-color:#047857!important; } button.export-pdf,button.danger { color:#fff!important;background:linear-gradient(135deg,#be123c,#ef476f)!important;border-color:#be123c!important; } button.new-blue,.client-primary,.audit-primary-action { background:linear-gradient(135deg,#1e40af,#0ea5e9)!important; }
@media (max-width: 1050px) {
  .shell, .shell.sidebar-collapsed { display: block !important; }
  .main { grid-column: auto; }
  .sidebar, .shell.sidebar-collapsed .sidebar { position: fixed !important; inset: 0 auto 0 0; width: min(88vw,276px) !important; height: 100dvh !important; transform: translateX(-105%); transition: transform .2s ease; box-shadow: 20px 0 50px rgba(7,20,38,.25); }
  .mobile-nav-open .sidebar, .mobile-nav-open.sidebar-collapsed .sidebar { transform: translateX(0); }
  .sidebar-backdrop { position: fixed; inset: 0; z-index: 70; background: rgba(7,20,38,.5); border: 0; }
  .mobile-nav-open .sidebar-backdrop { display: block; }
  .side-brand.app-badge, .shell.sidebar-collapsed .side-brand.app-badge { justify-content: flex-start; padding-inline: 15px !important; }
  .side-brand.app-badge > div:nth-child(2), .sidebar-collapsed .side-brand.app-badge > div:nth-child(2) { display: grid !important; }
  .workspace-selector, .sidebar-collapsed .workspace-selector { justify-content: flex-start; padding: 8px 9px; }
  .workspace-selector .nav-text, .sidebar-collapsed .workspace-selector .nav-text { display: initial !important; }
  .workspace-selector .nav-text:nth-child(2), .sidebar-collapsed .workspace-selector .nav-text:nth-child(2), .user-meta, .sidebar-collapsed .user-meta { display: grid !important; }
  .nav-label, .sidebar-collapsed .nav-label { min-height: 34px; padding: 8px 11px !important; }
  .nav-label span:first-child, .sidebar-collapsed .nav-label span:first-child { display: inline !important; }
  .nav-chevron, .sidebar-collapsed .nav-chevron { display: grid !important; }
  .nav-text, .sidebar-collapsed .nav-text { display: inline !important; }
  .nav-badge, .sidebar-collapsed .nav-badge { display: inline-grid !important; }
  .nav button, .sidebar-collapsed .nav button { justify-content: flex-start; padding: 9px 11px !important; }
  .nav-collapse, .sidebar-collapsed .nav-collapse { grid-template-rows: 0fr; opacity: 0; }
  .nav-section.expanded .nav-collapse, .sidebar-collapsed .nav-section.expanded .nav-collapse, .nav-section.contains-active:not(.expanded) .nav-collapse { grid-template-rows: 1fr; opacity: 1; }
  .nav-section.contains-active:not(.expanded) .nav button:not(.active), .sidebar-collapsed .nav-section.contains-active:not(.expanded) .nav button:not(.active) { display: none !important; }
  .side-user, .sidebar-collapsed .side-user { min-height: 72px; flex-direction: row; justify-content: flex-start; gap: 10px; padding-inline: 14px !important; }
  .logout-btn, .sidebar-collapsed .logout-btn { display: grid !important; }
  .sidebar-collapse, .sidebar-collapsed .sidebar-collapse { display: none !important; }
  .mobile-menu { width: 36px !important; height: 36px !important; display: grid !important; place-items: center; padding: 0 !important; }
}
@media (min-width: 761px) and (max-width: 1050px) {
  .topbar { grid-template-columns: minmax(220px,1fr) minmax(220px,340px) auto; }
}
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; } }

/* Client Master Excel import */
.client-import-action { gap: 7px !important; }
.client-import-action svg, .client-import-drop svg, .client-import-file > svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.client-import-shell { display: grid; gap: 18px; }
.client-import-shell h2 { margin: 2px 0 0; }
.client-import-steps { position: relative; display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; }
.client-import-steps::before { content: ""; position: absolute; top: 17px; left: 11%; right: 11%; height: 2px; background: #E3EAF3; }
.client-import-steps span { position: relative; display: grid; grid-template-columns: 34px 1fr; gap: 8px; align-items: center; color: #8794A6; font-size: 10px; z-index: 1; }
.client-import-steps span::first-letter { color: inherit; }
.client-import-steps span { min-width: 0; }
.client-import-steps span b { font-size: 9px; font-weight: 650; }
.client-import-steps span { counter-increment: none; }
.client-import-steps span { background: linear-gradient(to right,transparent 0,transparent 8px,#fff 8px,#fff 44px,transparent 44px); }
.client-import-steps span:not(b) { }
.client-import-steps span { line-height: 34px; }
.client-import-steps span.active, .client-import-steps span.complete { color: var(--primary); font-weight: 700; }
.client-import-steps span.active::before, .client-import-steps span.complete::before { content: ""; position: absolute; left: 0; width: 34px; height: 34px; border: 1px solid var(--primary); border-radius: 50%; background: #EDF4FF; z-index: -1; }
.client-import-steps span.complete::before { background: #E9F8F2; border-color: var(--success); }
.client-import-body { min-width: 0; }
.client-import-help { display: grid; gap: 5px; padding: 13px 15px; color: #3C5875; background: #F2F7FD; border: 1px solid #D9E7F6; border-radius: 11px; }
.client-import-help strong { color: #173F69; font-size: 11px; }.client-import-help span { font-size: 9px; line-height: 1.5; }
.client-import-drop { min-height: 225px; display: grid; place-content: center; justify-items: center; gap: 9px; padding: 28px; color: #64758A; background: #FBFCFE; border: 2px dashed #C9D5E3; border-radius: 14px; text-align: center; cursor: pointer; transition: .18s ease; }
.client-import-drop:hover, .client-import-drop:focus, .client-import-drop.dragging { color: var(--primary); background: #F3F8FF; border-color: var(--primary); outline: none; }
.client-import-drop > svg { width: 38px; height: 38px; padding: 8px; color: var(--primary); background: #E8F1FD; border-radius: 11px; }
.client-import-drop strong { color: var(--text); font-size: 12px; }.client-import-drop span, .client-import-drop small { font-size: 8px; }
.client-import-file { display: grid; grid-template-columns: 36px minmax(0,1fr) auto auto; gap: 9px; align-items: center; padding: 10px 12px; background: #F8FAFD; border: 1px solid #E0E7F0; border-radius: 11px; }
.client-import-file > svg { width: 34px; height: 34px; padding: 8px; color: #16895F; background: #E8F8F1; border-radius: 9px; }
.client-import-file span { min-width: 0; display: grid; gap: 3px; }.client-import-file strong { overflow: hidden; color: var(--text); font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }.client-import-file small { color: var(--muted); font-size: 8px; }
.client-import-check { display: flex !important; grid-template-columns: auto 1fr; gap: 8px !important; align-items: flex-start; padding: 11px 12px; color: #506178; background: #FFFDF6; border: 1px solid #F1E6BF; border-radius: 10px; font-size: 9px !important; line-height: 1.45; text-transform: none !important; letter-spacing: normal !important; }
.client-import-check input { width: 15px; min-height: 15px !important; margin-top: 1px; }
.client-import-progress { display: grid; gap: 7px; padding: 11px; color: #49637E; background: #F4F8FD; border-radius: 10px; font-size: 9px; }
.client-import-progress::before { content: ""; height: 5px; overflow: hidden; background: #DFE8F3; border-radius: 8px; }
.client-import-progress i { position: absolute; width: 28%; height: 5px; margin-top: 0; background: var(--primary); border-radius: 8px; animation: importProgress 1.1s ease-in-out infinite alternate; }
@keyframes importProgress { from { margin-left: 0; } to { margin-left: 65%; } }
.client-import-counts { display: grid; grid-template-columns: repeat(5,1fr); gap: 7px; }
.client-import-counts button { min-height: 65px; display: grid; place-content: center; gap: 4px; color: #65758A; background: #F8FAFD; border: 1px solid #E2E8F0; border-radius: 10px; text-align: center; }
.client-import-counts button strong { color: var(--text); font-size: 17px; }.client-import-counts button span { font-size: 7px; text-transform: uppercase; letter-spacing: .05em; }
.client-import-counts button.active { color: var(--primary); background: #EDF4FF; border-color: #AFC8E9; }
.client-import-preview { max-height: 430px; }.client-import-preview table { min-width: 1280px !important; }.client-import-preview th:first-child, .client-import-preview td:first-child { position: sticky; left: 0; z-index: 2; background: inherit !important; }
.client-import-details { min-width: 250px; white-space: normal !important; }
.import-status { display: inline-flex; padding: 4px 8px; border-radius: 20px; font-size: 8px; font-weight: 700; }
.import-status.valid { color: #0A7652; background: #E4F7EF; }.import-status.warning { color: #95630A; background: #FFF4D9; }.import-status.invalid { color: #B52B42; background: #FFE9ED; }.import-status.duplicate { color: #6D4BB0; background: #F0EAFE; }
.client-import-duplicate { display: grid; gap: 8px; margin: 0; padding: 13px; border: 1px solid #DDE5EF; border-radius: 12px; }
.client-import-duplicate legend { padding: 0 5px; color: #607086; font-size: 8px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.client-import-duplicate label { display: grid; grid-template-columns: 17px 1fr; gap: 9px; align-items: start; padding: 11px; background: #FAFBFD; border: 1px solid #E7ECF2; border-radius: 10px; cursor: pointer; }
.client-import-duplicate label:has(input:checked) { background: #F0F6FE; border-color: #A9C4E6; }.client-import-duplicate input { width: 15px; min-height: 15px !important; margin-top: 2px; }
.client-import-duplicate label span { display: grid; gap: 4px; }.client-import-duplicate strong { color: var(--text); font-size: 10px; }.client-import-duplicate small { color: var(--muted); font-size: 8px; }.client-import-duplicate em { margin-left: 4px; padding: 2px 5px; color: #087553; background: #DFF5EC; border-radius: 8px; font-size: 6px; font-style: normal; text-transform: uppercase; }
.client-import-summary { display: grid; grid-template-columns: repeat(5,1fr); gap: 8px; }
.client-import-summary div { display: grid; gap: 4px; padding: 13px 9px; background: #F7F9FC; border: 1px solid #E3E9F1; border-radius: 10px; text-align: center; }.client-import-summary strong { color: var(--text); font-size: 19px; }.client-import-summary span { color: var(--muted); font-size: 7px; text-transform: uppercase; }
.client-import-note { margin: 0; padding: 10px 12px; color: #617287; background: #FAFBFD; border-radius: 9px; font-size: 8px; }
.client-import-result { min-height: 72vh; display: grid; place-content: center; justify-items: center; gap: 8px; text-align: center; }.client-import-result-icon { width: 56px; height: 56px; display: grid; place-items: center; margin-bottom: 8px; color: #087553; background: #DFF5EC; border-radius: 50%; font-size: 25px; font-weight: 700; }.client-import-result.partial .client-import-result-icon { color: #9A6708; background: #FFF1CC; }.client-import-result h2 { margin: 0; }.client-import-result p { max-width: 460px; margin: 0 0 15px; color: var(--muted); font-size: 9px; }.client-import-result .client-import-summary { width: min(650px,100%); }.client-import-result .modal-actions { width: 100%; }
@media (max-width: 760px) {
  .client-master-head > .row { width: 100%; overflow-x: auto; flex-wrap: nowrap !important; padding-bottom: 4px; }.client-master-head > .row button { flex: 0 0 auto; }
  .client-import-steps span { grid-template-columns: 30px 1fr; font-size: 9px; }.client-import-steps span b { display: none; }.client-import-steps span.active::before, .client-import-steps span.complete::before { width: 30px; height: 30px; }
  .client-import-counts { grid-template-columns: repeat(3,1fr); }.client-import-file { grid-template-columns: 34px minmax(0,1fr); }.client-import-file button { grid-row: 2; }.client-import-file button:nth-of-type(1) { grid-column: 1; }.client-import-file button:nth-of-type(2) { grid-column: 2; }
  .client-import-summary { grid-template-columns: repeat(2,1fr); }.client-import-result .client-import-summary { grid-template-columns: repeat(2,1fr); }
}
.export-excel.is-exporting,.export-pdf.is-exporting{position:relative;padding-left:34px;cursor:wait;opacity:.82}
.export-excel.is-exporting::before,.export-pdf.is-exporting::before{content:"";position:absolute;left:13px;top:50%;width:12px;height:12px;margin-top:-7px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:report-export-spin .75s linear infinite}
@keyframes report-export-spin{to{transform:rotate(360deg)}}

/* Premium Audit Engagements register and record drawer */
.audit-records-shell>.table-card-toolbar{display:none!important}
.audit-menu-select{display:grid!important;gap:5px!important;padding:8px 10px;color:#6B7B90!important;font-size:11px!important;font-weight:600!important}.audit-menu-select select{min-height:36px!important;padding:6px 9px!important;color:#2D445E;background:#fff;border:1px solid #D5DFEB!important;border-radius:7px!important;font-size:12px!important}
.audit-page-modern,.audit-view-drawer,.audit-floating-menu,.audit-status-dialog{font-family:Inter,Geist,"Segoe UI",sans-serif;color:#10243E}.audit-page-modern{width:100%;max-width:100%;min-width:0;display:grid;gap:18px;padding-bottom:28px}.audit-page-modern>*{min-width:0}
.audit-page-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:4px 2px 17px;border-bottom:1px solid #DDE6F0}.audit-breadcrumb{margin-bottom:7px;color:#718198;font-size:12px;font-weight:500}.audit-breadcrumb span{padding:0 5px;color:#A9B5C4}.audit-page-header h1{margin:0;color:#10243E;font-size:24px;font-weight:700;letter-spacing:-.025em}.audit-page-header p{margin:6px 0 0;color:#63748A;font-size:13px;line-height:1.45}
.audit-ui-icon{width:17px;height:17px;flex:0 0 17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.audit-primary-action,.audit-secondary-action{min-height:38px!important;display:inline-flex!important;align-items:center;justify-content:center;gap:8px;padding:8px 14px!important;border-radius:9px!important;font-size:13px!important;font-weight:600!important;white-space:nowrap}.audit-primary-action{color:#fff!important;background:#2563EB!important;border:1px solid #2563EB!important;box-shadow:0 6px 16px rgba(37,99,235,.18)}.audit-primary-action:hover{background:#1D4ED8!important;border-color:#1D4ED8!important;transform:translateY(-1px)}.audit-primary-action:disabled{opacity:.65;transform:none}.audit-secondary-action{color:#26415F!important;background:#fff!important;border:1px solid #CBD7E6!important}.audit-secondary-action:hover{color:#1D4ED8!important;background:#F5F8FC!important;border-color:#9FB5D1!important}
.audit-overview-shell,.audit-toolbar-shell,.audit-records-shell{background:#fff;border:1px solid #DFE7F0;border-radius:16px;box-shadow:0 5px 20px rgba(15,35,62,.045)}.audit-overview-shell{padding:20px}.audit-section-heading,.audit-records-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}.audit-section-heading{margin-bottom:16px}.audit-section-heading h2,.audit-records-heading h2{margin:2px 0 0;color:#10243E;font-size:18px;font-weight:700;letter-spacing:-.015em}.audit-eyebrow{color:#2563EB;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.audit-overview-period{display:flex;align-items:flex-end;gap:10px}.audit-overview-period>span{align-self:center;color:#6D7E93;font-size:12px;font-weight:600}.audit-overview-period .inline-period{display:grid;gap:4px;color:#6D7E93;font-size:11px;font-weight:600}.audit-overview-period input{width:138px;min-height:36px!important;padding:6px 9px!important;border:1px solid #D5DFEB!important;border-radius:8px!important;font-size:12px!important}
.audit-kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px}.audit-metric{min-width:0;display:flex!important;align-items:center;gap:11px;text-align:left}.audit-metric.primary-metric{min-height:92px;padding:14px!important;color:#4E6077!important;background:#fff!important;border:1px solid #DFE7F0!important;border-radius:12px!important;box-shadow:0 2px 7px rgba(15,35,62,.035)}.audit-metric.primary-metric:hover{border-color:#B7C9DF!important;box-shadow:0 7px 18px rgba(15,35,62,.075);transform:translateY(-1px)}.audit-metric.primary-metric.active{background:#F6F9FF!important;border-color:#7EA8ED!important;box-shadow:inset 0 0 0 1px #AFC8F4,0 6px 15px rgba(37,99,235,.09)}
.audit-metric-icon{width:37px;height:37px;flex:0 0 37px;display:grid;place-items:center;color:#2563EB;background:#EAF1FF;border-radius:10px;font-size:17px;font-weight:700}.audit-metric:nth-child(3) .audit-metric-icon{color:#0D8A61;background:#E7F8F1}.audit-metric:nth-child(4) .audit-metric-icon{color:#64748B;background:#EEF2F7}.audit-metric:nth-child(5) .audit-metric-icon{color:#6D4BD0;background:#F0EBFF}.audit-metric-copy{min-width:0;display:grid;gap:3px}.audit-metric-copy strong{color:#10243E;font-size:29px;font-weight:700;line-height:1;letter-spacing:-.035em}.audit-metric-copy small{color:#53657C;font-size:13px;font-weight:600;line-height:1.25}
.audit-status-strip{display:flex;gap:8px;margin-top:12px;overflow-x:auto;padding:1px 1px 4px;scrollbar-width:thin}.audit-metric.secondary-metric{flex:1 0 126px;min-height:54px;padding:9px 11px!important;background:#F8FAFC!important;border:1px solid #E1E8F0!important;border-radius:10px!important}.audit-metric.secondary-metric .audit-metric-icon{width:28px;height:28px;flex-basis:28px;border-radius:8px;font-size:12px}.audit-metric.secondary-metric .audit-metric-copy{display:flex;flex-direction:column}.audit-metric.secondary-metric strong{font-size:17px}.audit-metric.secondary-metric small{font-size:11px}.audit-metric.secondary-metric:hover,.audit-metric.secondary-metric.active{color:#1D4ED8!important;background:#EFF5FF!important;border-color:#9BB9E7!important}
.audit-toolbar-shell{position:relative;z-index:12;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px}.audit-toolbar-primary,.audit-toolbar-actions{display:flex;align-items:center;gap:8px}.audit-toolbar-primary{min-width:0;flex:1}.audit-toolbar-actions{flex:0 0 auto}.audit-search-control{width:min(320px,32vw);min-width:210px;min-height:40px;display:flex!important;align-items:center;gap:8px!important;padding:0 11px;color:#718198!important;background:#F9FBFD;border:1px solid #D4DEEA;border-radius:9px}.audit-search-control input{min-width:0;min-height:36px!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;font-size:13px!important}.audit-search-control:focus-within{border-color:#75A1E9;box-shadow:0 0 0 3px rgba(37,99,235,.1)}
.audit-toolbar-field,.audit-view-options{min-width:128px;display:flex!important;align-items:center;gap:6px!important;padding:0 8px 0 10px;color:#6B7B90!important;background:#fff;border:1px solid #D4DEEA;border-radius:9px;font-size:11px!important;font-weight:600!important}.audit-toolbar-field select,.audit-view-options select{min-width:88px;min-height:38px!important;padding:0 22px 0 0!important;color:#263C57;background-color:transparent!important;border:0!important;box-shadow:none!important;font-size:12px!important;font-weight:600}
.audit-menu{position:relative}.audit-menu>summary{min-height:40px;display:inline-flex;align-items:center;gap:7px;padding:0 11px;color:#304760;background:#fff;border:1px solid #D4DEEA;border-radius:9px;font-size:13px;font-weight:600;list-style:none;cursor:pointer}.audit-menu>summary::-webkit-details-marker{display:none}.audit-menu[open]>summary,.audit-menu>summary:hover{color:#1D4ED8;background:#F5F8FD;border-color:#AFC0D5}.audit-menu>summary .audit-ui-icon:last-child{width:13px}.audit-filter-dot{width:7px;height:7px;background:#2563EB;border-radius:50%}
.audit-action-popover,.audit-filter-popover{position:absolute;top:calc(100% + 8px);right:0;z-index:90;padding:7px;background:#fff;border:1px solid #DCE5EF;border-radius:11px;box-shadow:0 16px 38px rgba(15,35,62,.17)}.audit-action-popover{width:220px}.audit-action-popover button{width:100%;min-height:37px;display:flex;align-items:center;padding:8px 10px!important;color:#334A64!important;background:transparent!important;border:0!important;border-radius:7px!important;font-size:12px!important;font-weight:600!important;text-align:left}.audit-action-popover button:hover{color:#1D4ED8!important;background:#F1F6FD!important}.audit-action-popover hr,.audit-floating-menu-card hr{height:1px;margin:5px 4px;background:#E5EBF2;border:0}.audit-action-popover button.destructive,.audit-floating-menu-card button.destructive{color:#B4233A!important}.audit-action-popover button.destructive:hover,.audit-floating-menu-card button.destructive:hover{background:#FFF1F3!important}
.audit-filter-popover{left:0;right:auto;width:min(580px,75vw);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px}.audit-filter-popover label{display:grid!important;gap:6px!important;color:#64758B!important;font-size:11px!important;font-weight:600!important}.audit-filter-popover input,.audit-filter-popover select{min-height:38px!important;padding:7px 9px!important;color:#243B56;background:#fff;border:1px solid #D5DFEB!important;border-radius:8px!important;font-size:12px!important}.audit-clear-action{min-height:38px!important;padding:7px 8px!important;color:#52667E!important;background:transparent!important;border:0!important;font-size:12px!important;font-weight:600!important}.audit-clear-action:hover:not(:disabled){color:#1D4ED8!important;background:#F1F5FA!important}.audit-clear-action:disabled{opacity:.4}
.audit-records-shell{min-width:0;overflow:hidden}.audit-records-heading{padding:16px 17px 13px}.audit-records-heading p{margin:4px 0 0;color:#738399;font-size:12px}.audit-live-indicator{display:inline-flex;align-items:center;gap:6px;color:#4A6078;font-size:11px;font-weight:600}.audit-live-indicator i{width:7px;height:7px;background:#14A673;border-radius:50%;box-shadow:0 0 0 4px #E3F7F0}
.audit-table-wrap{max-height:min(58vh,620px);margin:0 14px!important;overflow:auto!important;border:1px solid #DCE5EF!important;border-radius:12px!important;box-shadow:0 2px 8px rgba(15,35,62,.035)}.audit-engagement-table{width:100%;min-width:1408px;table-layout:fixed;border-collapse:separate;border-spacing:0}.audit-engagement-table thead{position:sticky;top:0;z-index:4;box-shadow:0 2px 5px rgba(15,35,62,.08)}.audit-engagement-table th{height:44px;padding:0 10px;color:#263B55;background:#F1F5F9;border:0;border-bottom:1px solid #CFD9E5;border-right:1px solid #E1E7EF;font-size:13px;font-weight:700;text-align:left;white-space:nowrap}.audit-engagement-table th:first-child,.audit-engagement-table td:first-child{text-align:center}.audit-engagement-table th:last-child{border-right:0}.audit-engagement-table td{height:54px;padding:9px 10px;overflow:hidden;color:#334A64;background:#fff;border:0;border-bottom:1px solid #E8EDF3;font-size:13px;font-weight:500;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}.audit-engagement-table tbody tr:hover td{background:#F8FBFF}.audit-engagement-table tbody tr.selected td{background:#EDF5FF;box-shadow:inset 0 1px #D5E6FA,inset 0 -1px #D5E6FA}.audit-engagement-table tbody tr{cursor:pointer}.audit-table-wrap.compact td{height:44px;padding-block:6px}
.audit-sort-button{width:100%;min-height:40px!important;display:flex!important;align-items:center;justify-content:space-between;gap:5px;padding:0!important;color:inherit!important;background:transparent!important;border:0!important;border-radius:0!important;font-size:13px!important;font-weight:700!important;text-align:left}.audit-sort-button span{color:#98A7B9;font-size:11px}.audit-sort-button.active span{color:#2563EB}.audit-client-cell{white-space:normal!important}.audit-client-cell strong{display:-webkit-box;overflow:hidden;color:#142B47;font-weight:600;line-height:1.3;-webkit-box-orient:vertical;-webkit-line-clamp:2}.audit-client-cell small{display:none;color:#7A899B;font-size:10px}
.audit-page-modern .status,.audit-page-modern .priority,.audit-view-drawer .status,.audit-view-drawer .priority{min-height:23px;display:inline-flex;align-items:center;justify-content:center;padding:3px 8px;border:0!important;border-radius:7px;font-size:12px!important;font-weight:600!important;white-space:nowrap}.audit-page-modern .priority.normal,.audit-view-drawer .priority.normal{color:#1E5AB7;background:#E8F1FF}.audit-page-modern .priority.low,.audit-view-drawer .priority.low{color:#28705A;background:#E5F5EE}.audit-page-modern .priority.high,.audit-view-drawer .priority.high{color:#95620C;background:#FFF1CE}.audit-page-modern .priority.urgent,.audit-view-drawer .priority.urgent{color:#B4233A;background:#FFE7EB}
.audit-page-modern .status-not-started,.audit-view-drawer .status-not-started{color:#52667E;background:#EDF1F5}.audit-page-modern .status-in-progress,.audit-view-drawer .status-in-progress{color:#1D57B7;background:#E7F0FF}.audit-page-modern .status-draft-awaiting,.audit-view-drawer .status-draft-awaiting{color:#6845B8;background:#F0EAFF}.audit-page-modern .status-draft-issued,.audit-view-drawer .status-draft-issued{color:#07728B;background:#DFF5F9}.audit-page-modern .status-confirmation-pending,.audit-view-drawer .status-confirmation-pending,.audit-page-modern .status-pending-from-client,.audit-view-drawer .status-pending-from-client{color:#93610A;background:#FFF2CF}.audit-page-modern .status-documents-pending,.audit-view-drawer .status-documents-pending{color:#A24B0E;background:#FFEDDE}.audit-page-modern .status-under-review,.audit-view-drawer .status-under-review{color:#6C3EB5;background:#F1E9FB}.audit-page-modern .status-completed,.audit-view-drawer .status-completed{color:#087553;background:#DFF5EC}.audit-page-modern .status-on-hold,.audit-view-drawer .status-on-hold{color:#59687A;background:#EAEEF2}.audit-page-modern .status-cancelled,.audit-view-drawer .status-cancelled{color:#B4233A;background:#FFE6EA}
.other-page-modern .audit-metric.active{border-color:#7EA8ED;background:#F6F9FF;box-shadow:inset 0 0 0 1px #AFC8F4,0 6px 15px rgba(37,99,235,.09)}.other-page-modern .audit-metric.active .audit-metric-icon{color:#2563EB;background:#EAF1FF}.other-page-modern .audit-primary-action{background:#2563EB!important;border-color:#2563EB!important;box-shadow:0 6px 16px rgba(37,99,235,.18)!important}.other-page-modern .audit-primary-action:hover{background:#1D4ED8!important;border-color:#1D4ED8!important}.other-records-shell.compact .audit-register-table th{height:35px!important;padding-block:7px!important}.other-records-shell.compact .audit-register-table td{padding-block:6px!important}.other-records-shell.compact .audit-client-cell small{display:none}.other-delete-action{color:#B4233A!important}.other-toolbar-shell .audit-action-popover button.is-exporting{min-width:145px}
.audit-actions-cell{display:flex;align-items:center;gap:6px;overflow:visible!important}.audit-view-button{min-height:35px!important;display:inline-flex!important;align-items:center;justify-content:center;gap:6px;padding:6px 10px!important;color:#174F9D!important;background:#EDF5FF!important;border:1px solid #B7D0F2!important;border-radius:8px!important;font-size:12px!important;font-weight:600!important}.audit-view-button:hover{color:#123F80!important;background:#DDEBFD!important;border-color:#8DB4E6!important}.audit-more-button,.audit-close-button{width:35px!important;height:35px!important;min-width:35px!important;min-height:35px!important;display:inline-grid!important;place-items:center;padding:0!important;color:#52667E!important;background:#fff!important;border:1px solid #D4DEEA!important;border-radius:8px!important}.audit-more-button:hover,.audit-close-button:hover{color:#1D4ED8!important;background:#F1F6FD!important;border-color:#AFC3DC!important}
.audit-records-shell>.pagination{min-height:60px;margin:0;padding:12px 16px;border-top:1px solid #E6ECF3}.audit-records-shell>.pagination span,.audit-records-shell>.pagination label{color:#607187!important;font-size:12px!important;font-weight:500}.audit-records-shell>.pagination select{min-height:34px!important;padding:5px 25px 5px 7px!important;border:1px solid #D4DEEA!important;border-radius:7px!important;font-size:12px!important}.audit-records-shell>.pagination button{min-height:34px!important;padding:6px 10px!important;border-radius:7px!important;font-size:12px!important}.audit-empty-state{min-height:190px;display:grid;place-content:center;justify-items:center;gap:7px;color:#718198;text-align:center}.audit-empty-state>span{width:42px;height:42px;display:grid;place-items:center;color:#2563EB;background:#EAF1FF;border-radius:11px}.audit-empty-state strong{color:#243B56;font-size:14px}.audit-empty-state p{margin:0;font-size:12px}.audit-empty-state button{margin-top:6px;color:#1D4ED8!important;background:transparent!important;border:0!important;font-size:12px!important;font-weight:600!important}.audit-mobile-list{display:none}
.audit-floating-menu{position:fixed;inset:0;z-index:500;pointer-events:none}.audit-floating-menu-card{position:fixed;width:238px;padding:7px;background:#fff;border:1px solid #DCE5EF;border-radius:11px;box-shadow:0 18px 42px rgba(15,35,62,.2);pointer-events:auto;animation:auditMenuIn .14s ease}.audit-menu-label{display:block;padding:7px 9px 5px;color:#8492A4;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.audit-floating-menu-card button{width:100%;min-height:39px;display:flex!important;align-items:center;gap:9px;padding:8px 9px!important;color:#304760!important;background:transparent!important;border:0!important;border-radius:7px!important;font-size:12px!important;font-weight:600!important;text-align:left}.audit-floating-menu-card button:hover,.audit-floating-menu-card button:focus{color:#1D4ED8!important;background:#F1F6FD!important;outline:none!important}@keyframes auditMenuIn{from{opacity:0;transform:translateY(-4px) scale(.98)}}
.modal:has(.audit-view-drawer){z-index:220!important}.modal-card:has(.audit-view-drawer){width:min(800px,94vw)!important;max-width:800px!important;height:100dvh!important;padding:0!important;overflow:hidden!important;border-radius:16px 0 0 16px!important}.modal-card:has(.audit-view-drawer)>[data-protected-modal]{display:none}.audit-view-drawer{height:100%;min-height:0;display:flex;flex-direction:column;background:#F7F9FC}.audit-drawer-header{flex:0 0 auto;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:21px 22px 18px;background:linear-gradient(180deg,#F7FAFF,#F2F6FB);border-bottom:1px solid #DCE5EF}.audit-drawer-title{min-width:0}.audit-drawer-title h2{max-width:470px;margin:4px 0 6px;overflow:hidden;color:#10243E;font-size:22px!important;font-weight:700;letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap}.audit-drawer-title p{display:flex;align-items:center;gap:7px;margin:0 0 10px;color:#62748A;font-size:12px;font-weight:500}.audit-drawer-title p i{width:3px;height:3px;background:#9DAABD;border-radius:50%}.audit-drawer-title>div{display:flex;gap:6px}.audit-drawer-actions{flex:0 0 auto;display:flex;align-items:center;gap:7px}
.audit-drawer-scroll{min-height:0;flex:1;overflow-y:auto;overscroll-behavior:contain}.audit-quick-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:18px 18px 0;overflow:hidden;background:#E0E7F0;border:1px solid #E0E7F0;border-radius:12px}.audit-quick-summary>div{min-height:76px;display:grid;align-content:center;gap:7px;padding:12px;background:#fff}.audit-quick-summary span{color:#718198;font-size:11px;font-weight:600}.audit-quick-summary strong{overflow:hidden;color:#233A55;font-size:13px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.audit-quick-summary .overdue strong{color:#B4233A}.audit-drawer-tabs{position:sticky;top:0;z-index:4;display:flex;gap:4px;margin-top:17px;padding:0 18px;background:rgba(247,249,252,.96);border-bottom:1px solid #DDE5EF;backdrop-filter:blur(8px)}.audit-drawer-tabs button{min-height:43px;padding:8px 12px!important;color:#66778C!important;background:transparent!important;border:0!important;border-bottom:2px solid transparent!important;border-radius:0!important;font-size:13px!important;font-weight:600!important}.audit-drawer-tabs button.active{color:#1D4ED8!important;border-bottom-color:#2563EB!important}.audit-drawer-tabs span{margin-left:4px;padding:2px 6px;background:#E9EEF5;border-radius:9px;font-size:10px}
.audit-drawer-panel{display:grid;gap:13px;padding:15px 18px 22px}.audit-detail-section{padding:16px;background:#fff;border:1px solid #DFE7F0;border-radius:12px;box-shadow:0 2px 8px rgba(15,35,62,.03)}.audit-detail-heading{display:flex;align-items:center;gap:10px;margin-bottom:14px}.audit-detail-heading>span{width:28px;height:28px;flex:0 0 28px;display:grid;place-items:center;color:#2563EB;background:#EAF1FF;border-radius:8px;font-size:11px;font-weight:700}.audit-detail-heading h3{margin:0;color:#203650;font-size:16px;font-weight:700}.audit-detail-heading p{margin:2px 0 0;color:#8090A3;font-size:11px}.audit-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 18px}.audit-detail-field{min-width:0;display:grid;align-content:start;gap:5px}.audit-detail-field.wide{grid-column:span 3}.audit-detail-field>span{color:#718198;font-size:12px;font-weight:600}.audit-detail-field>strong{min-height:20px;overflow-wrap:anywhere;color:#253B55;font-size:14px;font-weight:500;line-height:1.45}.notes-grid .audit-detail-field>strong{padding:10px 11px;color:#3C5067;background:#F8FAFC;border-radius:8px;white-space:pre-wrap}
.audit-activity-timeline{display:grid}.audit-activity-timeline article{position:relative;display:grid;grid-template-columns:14px minmax(0,1fr);gap:11px;padding-bottom:18px}.audit-activity-timeline article:before{content:"";position:absolute;top:13px;bottom:-1px;left:5px;width:2px;background:#E2E9F1}.audit-activity-timeline article:last-child:before{display:none}.audit-activity-timeline article>i{position:relative;z-index:1;width:12px;height:12px;margin-top:3px;background:#fff;border:3px solid #5D8FE3;border-radius:50%}.audit-activity-timeline header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.audit-activity-timeline strong{color:#263D58;font-size:13px;font-weight:600}.audit-activity-timeline time{color:#8997A8;font-size:10px;white-space:nowrap}.audit-activity-timeline p{margin:4px 0;color:#62748A;font-size:12px}.audit-activity-timeline article span{color:#7C8C9F;font-size:11px}.audit-drawer-footer{flex:0 0 auto;display:flex;justify-content:flex-end;gap:8px;padding:13px 18px;background:rgba(255,255,255,.97);border-top:1px solid #DCE5EF;box-shadow:0 -6px 20px rgba(15,35,62,.045);backdrop-filter:blur(10px)}
.modal-card:has(.audit-status-dialog){width:min(520px,calc(100vw - 28px))!important;max-width:520px!important;height:auto!important;max-height:calc(100dvh - 32px)!important;margin:auto!important;padding:0!important;overflow:hidden!important;border:1px solid #DCE5EF!important;border-radius:14px!important}.modal:has(.audit-status-dialog){align-items:center!important;justify-content:center!important;padding:16px!important}.modal-card:has(.audit-status-dialog)>[data-protected-modal]{display:none}.audit-status-dialog header{display:flex;justify-content:space-between;gap:15px;padding:18px 19px 15px;background:#F7FAFF;border-bottom:1px solid #E0E7F0}.audit-status-dialog h2{margin:3px 0;color:#142B47;font-size:20px!important}.audit-status-dialog header p{margin:0;color:#6E7F93;font-size:12px}.audit-status-body{display:grid;gap:14px;padding:18px 19px}.audit-status-body label{display:grid!important;gap:7px!important;color:#5B6D83!important;font-size:12px!important;font-weight:600!important}.audit-status-body select,.audit-status-body input,.audit-status-body textarea{min-height:42px!important;padding:9px 10px!important;color:#233A55;background:#fff;border:1px solid #CBD7E6!important;border-radius:9px!important;font-size:13px!important}.audit-status-body textarea{resize:vertical}.audit-status-body small{color:#8492A4;font-size:10px}.audit-status-warning{min-height:18px;color:#8A6212;font-size:11px}.audit-status-dialog footer{display:flex;justify-content:flex-end;gap:8px;padding:13px 19px;background:#F9FBFD;border-top:1px solid #E1E7EF}
@media(max-width:1400px){.audit-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.audit-toolbar-shell{align-items:stretch;flex-direction:column}.audit-toolbar-actions{justify-content:flex-end}.audit-search-control{width:100%}.audit-toolbar-primary{flex-wrap:wrap}}
@media(max-width:1180px){.audit-drawer-actions .audit-secondary-action{display:none!important}}
@media(max-width:820px){.audit-page-header{align-items:flex-start}.audit-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.audit-overview-period{align-items:stretch;flex-direction:column}.audit-overview-period>span{display:none}.audit-toolbar-primary,.audit-toolbar-actions{width:100%}.audit-toolbar-actions{justify-content:flex-start;overflow-x:auto}.audit-toolbar-field{flex:1}.audit-search-control{flex:1 0 100%;max-width:none}.modal-card:has(.audit-view-drawer){width:min(92vw,760px)!important}.audit-drawer-header{padding:18px}.audit-drawer-actions .audit-primary-action span,.audit-drawer-actions .audit-secondary-action span{display:none}.audit-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.audit-detail-field.wide{grid-column:span 2}.audit-quick-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.audit-page-modern{gap:13px}.audit-page-header{flex-direction:column;padding-bottom:13px}.audit-page-header h1{font-size:22px}.audit-page-header .audit-primary-action{width:100%}.audit-overview-shell{padding:14px}.audit-section-heading{align-items:flex-start;flex-direction:column}.audit-overview-period{width:100%;display:grid;grid-template-columns:1fr 1fr}.audit-overview-period input{width:100%}.audit-kpi-grid{grid-template-columns:1fr 1fr;gap:8px}.audit-metric.primary-metric{min-height:82px;padding:11px!important}.audit-metric-copy strong{font-size:25px}.audit-metric-copy small{font-size:11px}.audit-metric-icon{width:32px;height:32px;flex-basis:32px}.audit-toolbar-shell{padding:10px}.audit-toolbar-field{min-width:calc(50% - 4px)}.audit-more-filters{flex:1 0 100%}.audit-more-filters>summary{width:100%;justify-content:center}.audit-filter-popover{position:fixed;inset:auto 10px 10px;width:auto;max-height:72vh;grid-template-columns:1fr;overflow-y:auto}.audit-clear-action{flex:1 0 100%}.audit-view-options{display:none!important}.audit-records-heading{padding:14px}.audit-table-wrap{display:none!important}.audit-mobile-list{display:grid;gap:10px;padding:0 12px 12px}.audit-mobile-card{padding:14px;background:#fff;border:1px solid #DDE6F0;border-radius:12px;box-shadow:0 3px 12px rgba(15,35,62,.045)}.audit-mobile-card.selected{background:#F2F7FF;border-color:#A9C6ED}.audit-mobile-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.audit-mobile-card header>div{min-width:0;display:grid;gap:4px}.audit-mobile-card header strong{color:#142B47;font-size:14px;line-height:1.35}.audit-mobile-card header span:not(.status){color:#748499;font-size:11px}.audit-mobile-card-meta{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0;padding:12px;background:#F8FAFC;border-radius:9px}.audit-mobile-card-meta>span{display:grid;gap:4px;color:#324963;font-size:12px;font-weight:600}.audit-mobile-card-meta small{color:#7A899C;font-size:10px;font-weight:600}.audit-mobile-card footer{display:flex;justify-content:flex-end;gap:7px}.audit-mobile-card .audit-view-button{flex:1}.audit-records-shell>.pagination{align-items:flex-start;flex-direction:column;gap:9px}.audit-records-shell>.pagination>.row{width:100%;justify-content:space-between}.modal-card:has(.audit-view-drawer){width:100vw!important;max-width:none!important;border-radius:0!important}.audit-drawer-header{gap:9px;padding:14px}.audit-drawer-title h2{max-width:calc(100vw - 115px);font-size:19px!important}.audit-drawer-title p{flex-wrap:wrap}.audit-drawer-actions .audit-primary-action,.audit-drawer-actions .audit-secondary-action{display:none!important}.audit-quick-summary{grid-template-columns:1fr 1fr;margin:12px 12px 0}.audit-quick-summary>div{min-height:68px;padding:10px}.audit-drawer-tabs{padding-inline:12px}.audit-drawer-panel{padding:12px}.audit-detail-section{padding:14px}.audit-detail-grid{grid-template-columns:1fr}.audit-detail-field.wide{grid-column:span 1}.audit-drawer-footer{justify-content:stretch;padding:10px 12px}.audit-drawer-footer button{flex:1}.audit-drawer-footer .audit-secondary-action:nth-child(2){display:none!important}}
@media(max-width:400px){.audit-kpi-grid{grid-template-columns:1fr}.audit-quick-summary{grid-template-columns:1fr}.audit-drawer-footer .audit-secondary-action:first-child{flex:0 0 auto}.audit-status-dialog footer{flex-direction:column-reverse}.audit-status-dialog footer button{width:100%}}

/* CA File Tracker visual layer — placed last to override legacy page-specific colours. */
body { color:#172033!important; background:radial-gradient(circle at 4% -8%,rgba(29,78,216,.15),transparent 30%),radial-gradient(circle at 94% 4%,rgba(15,118,110,.12),transparent 27%),#eef3f8!important; }
.shell { background:transparent!important; }
.topbar { background:rgba(255,255,255,.96)!important; border-bottom-color:#d9e4f2!important; box-shadow:0 3px 16px rgba(15,23,42,.035)!important; }
.content { padding:24px!important; }
.panel,.filter-panel,.chat-box,.permission-box,.notification-item { background:#fff!important; border-color:#d9e4f2!important; border-radius:18px!important; box-shadow:0 12px 30px rgba(15,23,42,.06)!important; }
.sidebar { background:radial-gradient(circle at 12% 0%,rgba(37,99,235,.32),transparent 29%),radial-gradient(circle at 100% 23%,rgba(20,184,166,.20),transparent 25%),linear-gradient(180deg,#081425 0%,#10233f 55%,#0b1628 100%)!important; border-right-color:rgba(255,255,255,.08)!important; }
.app-badge { background:rgba(255,255,255,.075)!important; border-color:rgba(191,219,254,.16)!important; border-radius:16px!important; }
.nav-section { margin-top:14px!important; }.nav-label { color:#9fb2cc!important; font-size:11px!important; letter-spacing:.075em!important; }
.nav button { min-height:44px!important; gap:14px!important; color:#dbe7f6!important; border-radius:11px!important; }.nav button:hover { background:rgba(147,197,253,.12)!important; color:#fff!important; }.nav button.active { background:linear-gradient(90deg,rgba(30,64,175,.92),rgba(14,165,233,.68))!important; color:#fff!important; box-shadow:0 8px 18px rgba(2,18,45,.25)!important; }.nav button.active::before { background:#67e8f9!important; }.nav button.active .nav-icon { color:#fff!important; }.nav-icon { color:#c7d7ed!important; }
input,select,textarea,.rich-text { background:#f8fbff!important; border-color:#cddced!important; color:#172033!important; } input:focus,select:focus,textarea:focus { border-color:#2563eb!important; box-shadow:0 0 0 4px rgba(37,99,235,.12)!important; }
button { background:linear-gradient(135deg,#1d4ed8,#0ea5e9)!important; border-radius:11px!important; } button.secondary,button.ghost,.secondary,.ghost { background:#fff!important; color:#344054!important; border-color:#cbd9ea!important; }.q-tabs,.task-quick-tabs,.action-tabs,.pulse-tabs { background:#f6f9ff!important; border-color:#d9e4f2!important; }.q-tabs button.active,.task-quick-tabs button.active,.pulse-tabs button.active { background:#1d4ed8!important; border-color:#1d4ed8!important; }
.pro-table,.table-wrap { border-color:#c9d6e8!important; border-radius:14px!important; box-shadow:0 10px 26px rgba(15,39,75,.07)!important; }.pro-table th,table th { background:#e8eef7!important; color:#17345f!important; border-color:#c9d6e8!important; }.pro-table tbody tr:nth-child(even) td { background:#f8fafc!important; }.pro-table tbody tr:hover td { background:#eef6ff!important; }
.login-brand-panel { background:radial-gradient(circle at 14% 4%,rgba(56,189,248,.28),transparent 28%),radial-gradient(circle at 92% 76%,rgba(20,184,166,.2),transparent 32%),linear-gradient(145deg,#0b1830,#12365d)!important; }.login-brand-panel::before { border-color:rgba(56,189,248,.35)!important; }.login-card { border-color:#d9e4f2!important; border-radius:20px!important; box-shadow:0 20px 50px rgba(15,23,42,.08)!important; }
@media(max-width:640px){.content{padding:14px!important}.panel,.filter-panel{border-radius:15px!important}}

/* My Tasks: colourful but professional KPI cards. */
.task-kpi-strip { gap:13px!important; }
.task-kpi-strip button { position:relative!important; min-height:112px!important; overflow:hidden!important; grid-template-columns:38px 1fr!important; gap:3px 10px!important; padding:15px!important; border:1px solid var(--task-border)!important; border-left:4px solid var(--task-accent)!important; border-radius:16px!important; background:linear-gradient(135deg,var(--task-tint),#fff 68%)!important; box-shadow:0 9px 22px rgba(15,23,42,.065)!important; transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important; }
.task-kpi-strip button::after { content:""; position:absolute; width:88px; height:88px; right:-35px; bottom:-42px; border-radius:50%; background:var(--task-glow); pointer-events:none; }
.task-kpi-strip button:hover { transform:translateY(-3px)!important; border-color:var(--task-accent)!important; box-shadow:0 16px 32px rgba(15,23,42,.12)!important; }
.task-kpi-strip button.active { border-color:var(--task-accent)!important; box-shadow:0 0 0 3px var(--task-ring),0 16px 32px rgba(15,23,42,.11)!important; }
.task-kpi-strip button>span { width:38px!important; height:38px!important; color:var(--task-accent)!important; background:var(--task-icon-bg)!important; border-radius:12px!important; }.task-kpi-strip small { color:#475467!important; font-size:11px!important; font-weight:800!important; letter-spacing:.01em!important; }.task-kpi-strip strong { color:#172033!important; font-size:29px!important; font-weight:800!important; letter-spacing:-.04em!important; }.task-kpi-strip em { color:#667085!important; font-size:10.5px!important; font-weight:600!important; }
.task-kpi-strip button:nth-child(1) { --task-accent:#2563eb;--task-border:#bfdbfe;--task-tint:#eff6ff;--task-icon-bg:#dbeafe;--task-glow:rgba(37,99,235,.13);--task-ring:rgba(37,99,235,.14); }
.task-kpi-strip button:nth-child(2) { --task-accent:#6366f1;--task-border:#c7d2fe;--task-tint:#f4f3ff;--task-icon-bg:#e0e7ff;--task-glow:rgba(99,102,241,.14);--task-ring:rgba(99,102,241,.14); }
.task-kpi-strip button:nth-child(3) { --task-accent:#0f9f8f;--task-border:#99f6e4;--task-tint:#ecfdf5;--task-icon-bg:#ccfbf1;--task-glow:rgba(15,159,143,.14);--task-ring:rgba(15,159,143,.14); }
.task-kpi-strip button:nth-child(4) { --task-accent:#d97706;--task-border:#fde68a;--task-tint:#fffbeb;--task-icon-bg:#fef3c7;--task-glow:rgba(217,119,6,.14);--task-ring:rgba(217,119,6,.15); }
.task-kpi-strip button:nth-child(5) { --task-accent:#e11d48;--task-border:#fecdd3;--task-tint:#fff1f2;--task-icon-bg:#ffe4e6;--task-glow:rgba(225,29,72,.13);--task-ring:rgba(225,29,72,.14); }
.task-kpi-strip button:nth-child(6) { --task-accent:#059669;--task-border:#a7f3d0;--task-tint:#ecfdf5;--task-icon-bg:#d1fae5;--task-glow:rgba(5,150,105,.13);--task-ring:rgba(5,150,105,.14); }
@media(max-width:560px){.task-kpi-strip{gap:9px!important}.task-kpi-strip button{min-height:100px!important;padding:12px!important}.task-kpi-strip strong{font-size:26px!important}}

/* My Tasks register: compact professional workspace and controlled table scrolling. */
.my-tasks-page { gap:18px!important; color:#172033!important; }.tasks-page-header { align-items:center!important; padding-bottom:2px; }.tasks-page-header h1 { color:#102a56!important; font-size:27px!important; }.tasks-page-header p { color:#52657d!important; }
.tasks-header-actions { gap:9px!important; flex-wrap:nowrap!important; }.task-action { min-height:38px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:7px!important; padding:0 12px!important; border-radius:9px!important; font-size:12px!important; font-weight:750!important; white-space:nowrap!important; box-shadow:none!important; }.task-action svg { width:15px!important; height:15px!important; }.task-export-excel { color:#087443!important; background:#ecfdf3!important; border:1px solid #9fe6c1!important; }.task-export-pdf { color:#c03648!important; background:#fff1f3!important; border:1px solid #fec4cc!important; }.task-action:hover:not(:disabled) { filter:brightness(.98); transform:translateY(-1px)!important; }.task-action:focus-visible,.task-action[aria-busy="true"] { outline:3px solid rgba(37,99,235,.2)!important; outline-offset:2px; }.task-action:disabled { opacity:.68; cursor:wait; }
.tasks-workspace { padding:16px!important; color:#172033!important; background:#fff!important; border:1px solid #d8e2f0!important; border-radius:15px!important; box-shadow:0 9px 24px rgba(15,39,75,.055)!important; }.task-filter-bar { display:grid!important; grid-template-columns:minmax(300px,1.45fr) minmax(0,4.55fr)!important; gap:10px!important; align-items:end!important; padding:12px!important; background:#f7faff!important; border:1px solid #d8e2f0!important; border-radius:12px!important; }.task-filter-search { min-height:40px!important; height:40px!important; gap:8px!important; padding:0 10px!important; background:#fff!important; border-color:#c9d9ed!important; border-radius:9px!important; }.task-filter-search .task-filter-icon { display:grid; place-items:center; color:#1d4ed8; }.task-filter-search svg { width:16px; height:16px; }.task-filter-search input { min-width:0!important; color:#172033!important; font-size:12px!important; }.task-filter-grid { display:grid!important; grid-template-columns:minmax(92px,1.25fr) repeat(7,minmax(84px,1fr)) auto!important; gap:7px!important; align-items:end!important; }.task-filter-grid label { min-width:0!important; gap:4px!important; color:#58708c!important; font-size:9px!important; font-weight:800!important; letter-spacing:.025em!important; text-transform:uppercase!important; }.task-filter-grid input,.task-filter-grid select { width:100%!important; min-width:0!important; height:40px!important; min-height:40px!important; padding:0 8px!important; color:#263b56!important; background:#fff!important; border:1px solid #c9d9ed!important; border-radius:8px!important; font-size:12px!important; }.task-filter-grid .clear-filters { min-height:40px!important; align-self:end!important; padding:0 10px!important; color:#52667e!important; background:#fff!important; border:1px solid #c9d9ed!important; border-radius:8px!important; font-size:12px!important; font-weight:700!important; white-space:nowrap!important; }.task-filter-grid .clear-filters:hover { color:#1d4ed8!important; border-color:#8fb7eb!important; background:#eff6ff!important; }
.task-quick-tabs { gap:7px!important; margin:13px 0!important; padding:5px!important; background:#eef4fc!important; border:1px solid #d4e1f1!important; border-radius:10px!important; }.task-quick-tabs button { min-height:32px!important; padding:6px 10px!important; color:#48617e!important; background:#fff!important; border:1px solid #d4e1f1!important; border-radius:7px!important; font-size:11px!important; font-weight:750!important; }.task-quick-tabs button:hover { color:#1d4ed8!important; background:#f6faff!important; border-color:#a9c8ef!important; }.task-quick-tabs button.active { color:#fff!important; background:linear-gradient(135deg,#1d4ed8,#2563eb)!important; border-color:#1d4ed8!important; box-shadow:0 4px 10px rgba(29,78,216,.16)!important; }.task-quick-tabs button b { color:inherit!important; background:rgba(255,255,255,.18)!important; }
.tasks-table-heading { margin:14px 0 10px!important; }.tasks-table-heading h2 { color:#172b4d!important; }.tasks-table-heading>span { color:#09864e!important; }.tasks-table-heading>span::before { content:""; display:inline-block; width:7px; height:7px; margin-right:6px; background:#10b981; border-radius:50%; }
.tasks-workspace>.table-card-toolbar { display:flex!important; align-items:center!important; justify-content:space-between!important; gap:12px!important; min-height:48px!important; margin:0!important; padding:8px 0 10px!important; background:#fff!important; border:0!important; box-shadow:none!important; }.tasks-workspace>.table-card-toolbar .table-card-title { min-width:84px!important; color:#172b4d!important; }.tasks-workspace>.table-card-toolbar .table-card-title strong { color:#172b4d!important; font-size:13px!important; }.tasks-workspace>.table-card-toolbar .table-card-title span { color:#74869b!important; font-size:11px!important; }.tasks-workspace>.table-card-toolbar .table-card-controls { display:flex!important; align-items:center!important; justify-content:flex-end!important; gap:6px!important; flex-wrap:nowrap!important; }.tasks-workspace>.table-card-toolbar .table-search { width:190px!important; min-height:36px!important; color:#334a64!important; background:#f8fbff!important; border:1px solid #c9d9ed!important; border-radius:8px!important; font-size:12px!important; }.tasks-workspace>.table-card-toolbar button,.tasks-workspace>.table-card-toolbar .table-density-label { min-height:36px!important; display:inline-flex!important; align-items:center!important; gap:5px!important; padding:0 9px!important; color:#3f5875!important; background:#fff!important; border:1px solid #c9d9ed!important; border-radius:8px!important; font-size:11px!important; font-weight:700!important; white-space:nowrap!important; }.tasks-workspace>.table-card-toolbar .table-density-label { padding-right:7px!important; }.tasks-workspace>.table-card-toolbar .table-density { width:100px!important; min-height:28px!important; padding:0 18px 0 4px!important; color:#263b56!important; background:#fff!important; border:0!important; font-size:11px!important; }.tasks-workspace>.table-card-toolbar .table-column-panel { z-index:20!important; }
.tasks-table-wrap { position:relative!important; max-height:min(62vh,680px)!important; overflow:auto!important; overscroll-behavior:contain!important; border:1px solid #d8e2f0!important; border-radius:11px!important; background:#fff!important; scrollbar-color:#9fb8d6 #f4f8fd; scrollbar-width:thin; }.task-table { min-width:1330px!important; table-layout:fixed!important; border-collapse:separate!important; border-spacing:0!important; }.task-table th { position:sticky!important; top:0!important; z-index:5!important; height:42px!important; padding:0 10px!important; color:#fff!important; background:linear-gradient(105deg,#102a56,#1d4ed8)!important; border:0!important; border-right:1px solid rgba(255,255,255,.2)!important; border-bottom:1px solid #102a56!important; font-size:11px!important; font-weight:750!important; letter-spacing:.01em!important; text-align:left!important; white-space:nowrap!important; }.task-table th:last-child { border-right:0!important; }.task-table td { height:54px!important; padding:8px 10px!important; color:#40556f!important; background:#fff!important; border-right:1px solid #d8e2f0!important; border-bottom:1px solid #d8e2f0!important; font-size:12px!important; vertical-align:middle!important; }.task-table td:last-child { border-right:0!important; }.task-table tbody tr:nth-child(even) td { background:#f8fbff!important; }.task-table tbody tr:hover td { background:#edf6ff!important; }.task-table tbody tr.task-overdue-row td,.task-table tbody tr.task-aged-row td { background:inherit!important; }.task-table tbody tr.task-overdue-row td:first-child { box-shadow:inset 3px 0 #e11d48; }.task-table tbody tr.task-aged-row td:first-child { box-shadow:inset 3px 0 #f59e0b; }.task-table td strong { color:#172b4d!important; font-size:12px!important; font-weight:750!important; }.task-table td small { color:#718198!important; font-size:10.5px!important; }.task-table th:first-child,.task-table td:first-child { position:sticky!important; left:0!important; z-index:3!important; width:58px!important; min-width:58px!important; text-align:center!important; }.task-table th:first-child { z-index:8!important; background:#102a56!important; }.task-table td:first-child { background:#fff!important; }.task-table tbody tr:nth-child(even) td:first-child { background:#f8fbff!important; }.task-table tbody tr:hover td:first-child { background:#edf6ff!important; }.task-table th:nth-child(2),.task-table td:nth-child(2) { position:sticky!important; left:58px!important; }.task-table th:nth-child(2) { z-index:8!important; min-width:270px!important; background:#163a73!important; }.task-table td:nth-child(2) { z-index:2!important; min-width:270px!important; box-shadow:4px 0 8px rgba(15,39,75,.045); }.task-table tbody tr:nth-child(even) td:nth-child(2) { background:#f8fbff!important; }.task-table tbody tr:hover td:nth-child(2) { background:#edf6ff!important; }.task-table .actions { background:inherit!important; }.task-view { min-height:32px!important; color:#fff!important; background:linear-gradient(135deg,#1d4ed8,#0ea5e9)!important; border:0!important; border-radius:7px!important; }.task-view:hover { filter:brightness(.96); }.task-table .client-more-button { width:32px!important; height:32px!important; color:#1d4ed8!important; background:#eff6ff!important; border-color:#bfdbfe!important; border-radius:7px!important; }
@media(max-width:1320px){.task-filter-bar{grid-template-columns:1fr!important}.task-filter-grid{grid-template-columns:repeat(5,minmax(120px,1fr))!important}.tasks-workspace>.table-card-toolbar .table-card-controls{flex-wrap:wrap!important}}@media(max-width:820px){.tasks-page-header{align-items:flex-start!important;flex-direction:column!important}.tasks-header-actions{width:100%!important;flex-wrap:wrap!important}.task-action{flex:1 1 130px!important}.task-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.tasks-workspace>.table-card-toolbar{align-items:flex-start!important;flex-direction:column!important}.tasks-workspace>.table-card-toolbar .table-card-controls{width:100%!important;justify-content:flex-start!important;flex-wrap:wrap!important}.tasks-table-wrap{max-height:58vh!important}}@media(max-width:560px){.task-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.task-filter-grid .clear-filters{grid-column:1/-1!important}.task-action span{font-size:11px}.tasks-workspace>.table-card-toolbar .table-search{width:100%!important;flex:1 0 100%!important}}

/* Sidebar refinement: a clear, larger Fineasy brand mark with an in-panel collapse control. */
.side-brand.app-badge { min-height:90px!important; padding:12px 14px!important; background:rgba(255,255,255,.045)!important; }
.sidebar-logo-surface { position:relative; width:100%; height:66px; display:flex; align-items:center; justify-content:center; padding:5px 42px 5px 9px; background:#fff; border:1px solid rgba(203,213,225,.9); border-radius:10px; box-shadow:0 5px 14px rgba(3,13,29,.14); overflow:hidden; }
.fineasy-sidebar-logo { width:calc(100% - 42px); height:56px; display:block; object-fit:cover; object-position:center; background:transparent; border-radius:5px; transform:scale(1.08); transform-origin:center; }
.sidebar-logo-surface .sidebar-collapse { position:absolute; top:50%; right:7px; width:28px!important; min-width:28px!important; height:28px!important; margin:0!important; padding:5px!important; color:#1d3f68!important; background:#f3f7fc!important; border:1px solid #d1deed!important; border-radius:7px!important; transform:translateY(-50%); box-shadow:none!important; }
.sidebar-logo-surface .sidebar-collapse:hover { color:#0f2f57!important; background:#e4effc!important; border-color:#9bbde7!important; }
.sidebar-logo-surface .sidebar-collapse svg { width:14px!important; height:14px!important; }
.sidebar-scroll { padding:14px 10px 20px!important; }
.nav-section { margin:4px 0 12px!important; }
.nav-label { margin-bottom:6px; border:1px solid rgba(157,190,230,.13)!important; border-radius:9px!important; background:rgba(255,255,255,.028)!important; }
.nav-label:hover { border-color:rgba(147,197,253,.28)!important; background:rgba(147,197,253,.075)!important; }
.nav-section .nav { gap:6px!important; }
.nav button { border-color:rgba(157,190,230,.14)!important; background:linear-gradient(90deg,rgba(255,255,255,.055),rgba(255,255,255,.018))!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 3px 9px rgba(3,13,29,.09); }
.nav button:hover { border-color:rgba(147,197,253,.35)!important; background:linear-gradient(90deg,rgba(59,130,246,.20),rgba(14,165,233,.11))!important; }
.sidebar-collapsed .sidebar-logo-surface { width:48px; height:48px; padding:4px; }
.sidebar-collapsed .fineasy-sidebar-logo { width:40px; height:40px; object-fit:cover; object-position:left 35%; }
.sidebar-collapsed .sidebar-logo-surface .sidebar-collapse { position:absolute; top:9px; right:-18px; width:30px!important; min-width:30px!important; height:30px!important; color:#9DB0C8!important; background:#132A47!important; border-color:rgba(255,255,255,.12)!important; transform:none; box-shadow:0 5px 14px rgba(5,15,28,.3)!important; }

/* My Task only: compact enterprise workspace, isolated from all other pages. */
.my-task-shell .topbar { display:none!important; }
.my-task-shell .content { padding-top:20px!important; }
.my-task-shell .my-tasks-page { gap:14px!important; }
.my-task-shell .tasks-page-header { min-height:64px; align-items:center!important; padding:0 2px 2px!important; }
.my-task-shell .tasks-page-header h1 { margin:3px 0 0!important; color:#172b4d!important; font-size:26px!important; }
.my-task-shell .tasks-page-header p { margin-top:4px!important; }
.my-task-shell .task-kpi-strip { gap:12px!important; }
.my-task-shell .task-kpi-strip button { min-height:88px!important; overflow:visible!important; background:#fff!important; border:1px solid #d7e1ed!important; border-left:4px solid var(--task-accent)!important; border-radius:11px!important; box-shadow:0 3px 10px rgba(15,39,75,.045)!important; }
.my-task-shell .task-kpi-strip button::after { content:none!important; }
.my-task-shell .task-kpi-strip button:hover { background:#fbfdff!important; box-shadow:0 7px 16px rgba(15,39,75,.08)!important; }
.my-task-shell .task-kpi-strip button.active { background:#f6faff!important; box-shadow:0 0 0 2px var(--task-ring),0 7px 16px rgba(15,39,75,.08)!important; }
.my-task-shell .task-kpi-strip button:nth-child(1) { --task-accent:#2563eb;--task-border:#c7daf4;--task-icon-bg:#eaf2ff;--task-ring:rgba(37,99,235,.14); }
.my-task-shell .task-kpi-strip button:nth-child(2) { --task-accent:#4f46e5;--task-border:#d4d6fa;--task-icon-bg:#eef0ff;--task-ring:rgba(79,70,229,.14); }
.my-task-shell .task-kpi-strip button:nth-child(3) { --task-accent:#0f8f86;--task-border:#bde6e1;--task-icon-bg:#e8f8f6;--task-ring:rgba(15,143,134,.14); }
.my-task-shell .task-kpi-strip button:nth-child(4) { --task-accent:#b7791f;--task-border:#eadbbd;--task-icon-bg:#fff8e8;--task-ring:rgba(183,121,31,.14); }
.my-task-shell .task-kpi-strip button:nth-child(5) { --task-accent:#dc3545;--task-border:#f1c7cd;--task-icon-bg:#fff1f3;--task-ring:rgba(220,53,69,.14); }
.my-task-shell .task-kpi-strip button:nth-child(6) { --task-accent:#168a57;--task-border:#c2e6d3;--task-icon-bg:#ecfaf2;--task-ring:rgba(22,138,87,.14); }
.my-task-shell .task-kpi-strip button>span { background:var(--task-icon-bg)!important; }
.my-task-shell .tasks-workspace { padding:14px!important; border-radius:12px!important; box-shadow:0 4px 14px rgba(15,39,75,.045)!important; }
.my-task-shell .task-filter-bar { gap:8px!important; padding:11px!important; background:#f8fafd!important; border-color:#d8e2ee!important; }
.my-task-shell .task-filter-grid { gap:6px!important; }
.my-task-shell .task-filter-grid label { color:#405873!important; font-size:12px!important; font-weight:800!important; letter-spacing:.02em!important; }
.my-task-shell .task-filter-grid input,.my-task-shell .task-filter-grid select,.my-task-shell .task-filter-search,.my-task-shell .task-filter-grid .clear-filters { height:40px!important; min-height:40px!important; font-size:14px!important; }
.my-task-shell .task-filter-search input { font-size:14px!important; }
.my-task-shell .task-quick-tabs { margin:11px 0!important; padding:4px!important; background:#f4f7fb!important; border-color:#d8e2ee!important; }
.my-task-shell .task-quick-tabs button { min-height:32px!important; color:#475b75!important; background:#fff!important; border-color:#d8e2ee!important; }
.my-task-shell .task-quick-tabs button.active { color:#26384D!important; background:#DCE3EA!important; border-color:#C2CDD9!important; box-shadow:none!important; }
.my-task-shell .tasks-table-heading { margin:11px 0 8px!important; }
.my-task-shell .tasks-table-wrap { max-height:none!important; overflow-x:auto!important; overflow-y:visible!important; border:1px solid #ccd8e5!important; border-radius:10px!important; box-shadow:none!important; }
.my-task-shell .task-table { min-width:1720px!important; border-collapse:separate!important; border-spacing:0!important; }
.my-task-shell .task-table th { height:44px!important; color:#172F4D!important; background:#E8EEF5!important; border-top:0!important; border-right:1px solid #B9C8D8!important; border-bottom:1px solid #AFC0D2!important; font-size:14px!important; font-weight:800!important; letter-spacing:.01em!important; }
.my-task-shell .task-table th:last-child { border-right:0!important; }
.my-task-shell .task-table td { height:52px!important; color:#40556f!important; background:#fff!important; border-right:1px solid #d7e0ea!important; border-bottom:1px solid #d7e0ea!important; }
.my-task-shell .task-table td:last-child { border-right:0!important; }
.my-task-shell .task-table tbody tr:nth-child(even) td { background:#f8fafc!important; }
.my-task-shell .task-table tbody tr:hover td,.my-task-shell .task-table tbody tr:hover td:first-child,.my-task-shell .task-table tbody tr:hover td:nth-child(2) { background:#edf5fb!important; }
.my-task-shell .task-table tbody tr.task-overdue-row td,.my-task-shell .task-table tbody tr.task-aged-row td { background:inherit!important; }
.my-task-shell .task-table tbody tr.task-overdue-row td:first-child { box-shadow:inset 3px 0 #dc3545!important; }
.my-task-shell .task-table tbody tr.task-aged-row td:first-child { box-shadow:inset 3px 0 #7b8da3!important; }
.my-task-shell .task-table th:first-child,.my-task-shell .task-table th:nth-child(2) { background:#eef2f6!important; }
.my-task-shell .task-table th:nth-child(1),.my-task-shell .task-table td:nth-child(1) { width:58px!important; min-width:58px!important; }
.my-task-shell .task-table th:nth-child(2),.my-task-shell .task-table td:nth-child(2) { width:290px!important; min-width:290px!important; }
.my-task-shell .task-table th:nth-child(3),.my-task-shell .task-table td:nth-child(3) { width:105px!important; min-width:105px!important; }
.my-task-shell .task-table th:nth-child(4),.my-task-shell .task-table td:nth-child(4) { width:145px!important; min-width:145px!important; }
.my-task-shell .task-table th:nth-child(5),.my-task-shell .task-table td:nth-child(5) { width:100px!important; min-width:100px!important; }
.my-task-shell .task-table th:nth-child(6),.my-task-shell .task-table td:nth-child(6) { width:92px!important; min-width:92px!important; }
.my-task-shell .task-table th:nth-child(7),.my-task-shell .task-table td:nth-child(7) { width:96px!important; min-width:96px!important; }
.my-task-shell .task-table th:nth-child(8),.my-task-shell .task-table td:nth-child(8) { width:100px!important; min-width:100px!important; text-align:center!important; }
.my-task-shell .task-table th:nth-child(9),.my-task-shell .task-table td:nth-child(9) { width:120px!important; min-width:120px!important; }
.my-task-shell .task-table th:nth-child(10),.my-task-shell .task-table td:nth-child(10) { width:140px!important; min-width:140px!important; }
.my-task-shell .task-table th:nth-child(11),.my-task-shell .task-table td:nth-child(11) { width:155px!important; min-width:155px!important; }
.my-task-shell .task-table th:nth-child(12),.my-task-shell .task-table td:nth-child(12) { width:118px!important; min-width:118px!important; }
.my-task-shell .task-table th:nth-child(12) { position:sticky!important; right:0!important; z-index:8!important; background:#eef2f6!important; }
.my-task-shell .task-table td:nth-child(12) { position:sticky!important; right:0!important; z-index:4!important; background:#fff!important; box-shadow:-4px 0 8px rgba(15,39,75,.05); }
.my-task-shell .task-table tbody tr:nth-child(even) td:nth-child(12) { background:#f8fafc!important; }
.my-task-shell .task-table tbody tr:hover td:nth-child(12) { background:#edf5fb!important; }
.my-task-shell .task-table td:nth-child(2) strong,.my-task-shell .task-table td:nth-child(2) small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.my-task-shell .task-view { min-height:32px!important; padding-inline:9px!important; }
.my-task-shell .task-table .client-more-button { min-width:32px!important; }
@media (max-width:1180px) { .my-task-shell .task-filter-bar { grid-template-columns:1fr!important; } .my-task-shell .task-filter-grid { grid-template-columns:repeat(5,minmax(110px,1fr))!important; } }
@media (max-width:820px) { .my-task-shell .content { padding:14px!important; } .my-task-shell .tasks-page-header { align-items:flex-start!important; } .my-task-shell .task-filter-grid { grid-template-columns:repeat(3,minmax(0,1fr))!important; } .my-task-shell .tasks-workspace>.table-card-toolbar .table-card-controls { flex-wrap:wrap!important; } }
@media (max-width:560px) { .my-task-shell .tasks-page-header { gap:10px!important; } .my-task-shell .tasks-header-actions { width:100%; display:grid!important; grid-template-columns:1fr 1fr 1fr; } .my-task-shell .task-action { min-width:0!important; padding-inline:7px!important; } .my-task-shell .task-action span { font-size:10px!important; } .my-task-shell .task-kpi-strip { grid-template-columns:1fr!important; } .my-task-shell .task-filter-grid { grid-template-columns:1fr 1fr!important; } .my-task-shell .task-filter-grid .clear-filters { grid-column:1/-1; } .my-task-shell .task-quick-tabs { overflow-x:auto!important; } .my-task-shell .task-quick-tabs button { flex:0 0 auto; } }

/* Keep File List rows neutral; colour belongs to the task summaries, not the data grid. */
.my-task-shell .task-table tbody tr.task-overdue-row,.my-task-shell .task-table tbody tr.task-aged-row { background:#fff!important; }
.my-task-shell .task-table tbody tr.task-overdue-row td,.my-task-shell .task-table tbody tr.task-aged-row td { background:#fff!important; }
.my-task-shell .task-table tbody tr.task-overdue-row:hover td,.my-task-shell .task-table tbody tr.task-aged-row:hover td { background:#edf5fb!important; }
.my-task-shell .task-kpi-strip button:nth-child(1) { background:#edf5ff!important; }
.my-task-shell .task-kpi-strip button:nth-child(2) { background:#f2f1ff!important; }
.my-task-shell .task-kpi-strip button:nth-child(3) { background:#ebfaf7!important; }
.my-task-shell .task-kpi-strip button:nth-child(4) { background:#fff4ea!important; }
.my-task-shell .task-kpi-strip button:nth-child(5) { background:#fff0f2!important; }
.my-task-shell .task-kpi-strip button:nth-child(6) { background:#edfaf2!important; }

/* Login page only: focused, accessible enterprise sign-in experience. */
.login { min-height:100dvh; display:grid!important; grid-template-columns:minmax(0,58%) minmax(390px,42%); place-items:stretch!important; padding:0!important; overflow:hidden; background:#f6f8fc!important; }
.login-brand-panel { position:relative; display:grid!important; align-items:center; min-height:100dvh; padding:clamp(40px,7vw,104px)!important; overflow:hidden; color:#f8fbff; background:radial-gradient(circle at 10% 6%,rgba(64,156,255,.18),transparent 25%),radial-gradient(circle at 96% 92%,rgba(26,103,198,.16),transparent 27%),linear-gradient(135deg,#07182f 0%,#102e56 58%,#1c426c 100%)!important; }
.login-brand-panel::before { content:""; position:absolute; inset:0; width:auto; height:auto; right:auto; bottom:auto; border:0; border-radius:0; opacity:.5; background-image:linear-gradient(rgba(154,196,238,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(154,196,238,.075) 1px,transparent 1px); background-size:42px 42px; mask-image:linear-gradient(135deg,#000 0%,rgba(0,0,0,.25) 74%,transparent 100%); }
.login-brand-panel::after { content:""; position:absolute; width:410px; height:410px; right:-230px; top:-175px; border:1px solid rgba(118,193,255,.25); border-radius:50%; box-shadow:0 0 0 45px rgba(74,149,224,.035),0 0 0 91px rgba(74,149,224,.025); }
.login-brand-content { position:relative; z-index:1; width:min(530px,100%); }
.login-logo-wrap { width:min(294px,100%); margin:0 0 44px!important; padding:0!important; overflow:visible!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; }
.login-logo-image { display:block; width:100%; max-height:86px!important; object-fit:contain!important; object-position:left center; }
.login-eyebrow { margin:0 0 14px; color:#92c8f8; font-size:11px; font-weight:800; letter-spacing:.16em; }
.login-statement h2 { max-width:510px; color:#fff!important; font-size:clamp(33px,4vw,52px)!important; font-weight:800; letter-spacing:-.04em; line-height:1.04!important; }
.login-statement .login-tagline { margin:15px 0 0; color:#dbeafe!important; font-size:clamp(18px,1.65vw,22px)!important; font-weight:600; letter-spacing:-.01em; }
.login-supporting { max-width:470px; margin:18px 0 0; color:#b9cae0!important; font-size:15px!important; line-height:1.65!important; }
.creator-signature { display:inline-flex; align-items:baseline; gap:7px; width:fit-content; max-width:100%; margin:36px 0 0; padding:9px 16px 10px; color:#d6ecff; border:1px solid rgba(141,205,255,.46); border-radius:999px; background:rgba(5,19,41,.38); box-shadow:0 7px 18px rgba(0,0,0,.14); font-family:"Segoe Script","Brush Script MT",ui-cursive,cursive; font-size:20px; line-height:1.1; white-space:nowrap; }
.creator-signature span { font-size:16px; opacity:.9; }
.creator-signature strong { color:#fff; font-size:23px; font-weight:700; }
.login-panel { display:grid; place-items:center; min-height:100dvh; padding:clamp(24px,5vw,72px); background:#f7f9fd; }
.login-card { width:min(440px,100%)!important; margin:0!important; padding:34px!important; display:grid!important; gap:24px!important; border:1px solid #dbe3ef!important; border-radius:16px!important; background:#fff!important; box-shadow:0 16px 36px rgba(17,40,72,.1)!important; }
.login-card-heading { display:flex; align-items:flex-start; gap:13px; }
.login-shield { display:grid; place-items:center; width:36px; height:36px; flex:0 0 36px; border-radius:10px; background:#ebf3ff; color:#1d5fd1; font-size:16px; }
.login-card-heading h1 { margin:0; color:#14243c; font-size:25px!important; font-weight:780; letter-spacing:-.025em; }
.login-card-heading p { margin:5px 0 0; color:#687890; font-size:13px; line-height:1.5; }
.login-fields { display:grid; gap:7px; }
.login-fields label { margin-top:7px; color:#34465f; font-size:12px; font-weight:750; }
.login-fields input { height:46px; min-height:46px; padding:0 13px; color:#172b45; border:1px solid #cad6e5; border-radius:9px; background:#fff; box-shadow:inset 0 1px 1px rgba(18,49,81,.02); }
.login-fields input:focus { border-color:#2563eb; outline:0; box-shadow:0 0 0 3px rgba(37,99,235,.13); }
.login-fields input[aria-invalid="true"] { border-color:#d14352; box-shadow:0 0 0 3px rgba(209,67,82,.1); }
.login-password-field { position:relative; }
.login-password-field input { padding-right:48px; }
.login-password-toggle { position:absolute; top:50%; right:6px; width:36px; height:34px; min-height:34px; display:grid; place-items:center; padding:0; transform:translateY(-50%); color:#55708e; border:0; border-radius:7px; background:transparent!important; box-shadow:none!important; }
.login-password-toggle:hover { color:#1d4ed8; background:#edf4ff!important; }
.login-password-toggle svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.8; }
.login-field-error { min-height:0; margin:0; color:#b42332; font-size:12px; font-weight:650; line-height:1.3; }
.login-field-error:not(:empty) { margin-bottom:2px; }
.login-options { display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap; }
.login-remember { display:inline-flex; align-items:center; gap:8px; width:auto; color:#40526b; font-size:13px; font-weight:600; cursor:pointer; }
.login-remember input { width:16px; height:16px; margin:0; accent-color:#2563eb; }
.login-forgot { min-height:auto; padding:3px 0; color:#1d4ed8; border:0; border-radius:4px; background:transparent!important; font-size:13px; font-weight:700; box-shadow:none!important; }
.login-forgot:hover { color:#1643ae; text-decoration:underline; }
.login-error { min-height:0; margin:-7px 0 0; color:#b42332; font-size:13px; font-weight:650; line-height:1.45; }
.login-error:not(:empty) { padding:9px 10px; border:1px solid #f3c2c7; border-radius:8px; background:#fff4f4; }
.login-submit { position:relative; width:100%; height:48px; min-height:48px; display:flex; align-items:center; justify-content:center; gap:9px; padding:0 16px; color:#fff; border:1px solid #1d4ed8; border-radius:9px; background:#2563eb!important; box-shadow:0 8px 16px rgba(37,99,235,.2)!important; font-weight:750; }
.login-submit:hover:not(:disabled) { background:#1d4ed8!important; box-shadow:0 10px 20px rgba(37,99,235,.25)!important; }
.login-submit:active:not(:disabled) { transform:translateY(1px); }
.login-submit.is-loading .login-spinner { display:block; }
.login-spinner { display:none; width:15px; height:15px; border:2px solid rgba(255,255,255,.46); border-top-color:#fff; border-radius:50%; animation:login-spin .7s linear infinite; }
.secure-note { margin:0; padding-top:17px!important; color:#748399!important; border-top:1px solid #e6ebf2!important; font-size:11.5px!important; line-height:1.45; text-align:center; }
@keyframes login-spin { to { transform:rotate(360deg); } }
@media (max-width:980px) { .login { grid-template-columns:minmax(0,1fr) minmax(350px,44%); } .login-brand-panel { padding:40px; } .login-logo-wrap { width:250px; margin-bottom:34px!important; } .login-statement h2 { font-size:37px!important; } .login-supporting { font-size:14px!important; } }
@media (max-width:760px) { .login { grid-template-columns:1fr; overflow:visible; } .login-brand-panel { min-height:0!important; padding:30px 24px 29px!important; } .login-brand-panel::before { opacity:.25; } .login-brand-panel::after { width:270px; height:270px; right:-175px; top:-160px; } .login-brand-content { width:100%; } .login-logo-wrap { width:210px; margin-bottom:22px!important; } .login-statement h2 { font-size:30px!important; } .login-statement .login-tagline { margin-top:8px; font-size:17px!important; } .login-supporting { display:none; } .creator-signature { margin-top:20px; padding:7px 12px 8px; font-size:17px; } .creator-signature span { font-size:14px; } .creator-signature strong { font-size:19px; } .login-panel { min-height:0; padding:24px 16px 32px; } .login-card { max-width:460px; padding:27px 22px!important; } }
@media (max-width:380px) { .login-brand-panel { padding-inline:18px!important; } .login-card { padding:24px 18px!important; } .login-options { align-items:flex-start; flex-direction:column; gap:10px; } }
@media (prefers-reduced-motion:reduce) { .login-submit,.login-password-toggle { transition:none!important; } .login-spinner { animation:none; } }

/* My Task readability: larger table-toolbar controls and file-list text. */
.my-task-shell .tasks-workspace>.table-card-toolbar button,
.my-task-shell .tasks-workspace>.table-card-toolbar .table-density-label { min-height:38px!important; gap:6px!important; padding:0 11px!important; font-size:13px!important; }
.my-task-shell .tasks-workspace>.table-card-toolbar .table-density-label { padding-right:8px!important; }
.my-task-shell .tasks-workspace>.table-card-toolbar .table-density { width:112px!important; min-height:30px!important; padding:0 20px 0 5px!important; font-size:13px!important; font-weight:650!important; }
.my-task-shell .task-table th { font-size:12px!important; }
.my-task-shell .task-table td { font-size:13px!important; }
.my-task-shell .task-table td strong { font-size:13px!important; }
.my-task-shell .task-table td small { font-size:11.5px!important; }
.my-task-shell .task-table .priority-pill,
.my-task-shell .task-table .status-pill { font-size:12px!important; }
@media (max-width:560px) { .my-task-shell .tasks-workspace>.table-card-toolbar button,.my-task-shell .tasks-workspace>.table-card-toolbar .table-density-label { font-size:12px!important; } }

/* My Task reconstruction: reference-aligned workspace header, controls and data grid. */
.my-task-shell .content { padding:0!important; gap:0!important; background:#f5f7fa!important; }
.my-task-shell .my-tasks-page { display:grid!important; gap:18px!important; padding:0 18px 22px!important; background:#f5f7fa!important; }
.my-task-shell .my-task-hero { margin:0 -18px; padding:22px 18px 18px; color:#fff; background:linear-gradient(112deg,#0757c9,#063e92)!important; }
.my-task-shell .tasks-page-header { min-height:0!important; padding:0 0 18px!important; color:#fff!important; }
.my-task-shell .tasks-page-header .client-breadcrumb { color:rgba(255,255,255,.78)!important; font-size:12px!important; }
.my-task-shell .tasks-page-header .client-breadcrumb span { color:rgba(255,255,255,.58)!important; }
.my-task-shell .tasks-page-header h1 { margin:5px 0 0!important; color:#fff!important; font-size:30px!important; line-height:1.08!important; }
.my-task-shell .tasks-page-header p { margin:6px 0 0!important; color:rgba(255,255,255,.84)!important; font-size:14px!important; }
.my-task-shell .tasks-header-actions { align-self:start; gap:8px!important; }
.my-task-shell .task-action { min-height:36px!important; padding:0 12px!important; border:1px solid rgba(255,255,255,.55)!important; border-radius:8px!important; background:#fff!important; box-shadow:0 2px 5px rgba(0,20,65,.12)!important; font-size:12px!important; font-weight:750!important; }
.my-task-shell .task-action svg { width:14px!important; height:14px!important; }
.my-task-shell .task-export-excel { color:#087443!important; border-color:#c7dfd2!important; }
.my-task-shell .task-export-pdf { color:#c3374a!important; border-color:#efc9d0!important; }
.my-task-shell .task-action:hover { background:#f6f9ff!important; transform:translateY(-1px); }
.my-task-shell .task-kpi-strip { display:grid!important; grid-template-columns:repeat(6,minmax(0,1fr))!important; gap:10px!important; }
.my-task-shell .task-kpi-strip button,
.my-task-shell .task-kpi-strip button:nth-child(n) { min-height:92px!important; display:grid!important; grid-template-columns:34px 1fr!important; grid-template-rows:auto 1fr!important; column-gap:10px!important; align-items:center!important; padding:13px!important; color:#0b2345!important; background:#fff!important; border:1px solid #d7e0ec!important; border-left:4px solid var(--task-accent)!important; border-radius:10px!important; box-shadow:0 3px 9px rgba(15,39,75,.09)!important; text-align:left!important; }
.my-task-shell .task-kpi-strip button>span { grid-row:1 / span 2!important; width:31px!important; height:31px!important; display:grid!important; place-items:center!important; border:1.5px solid var(--task-accent)!important; border-radius:50%!important; color:var(--task-accent)!important; background:#fff!important; }
.my-task-shell .task-kpi-strip button>span svg { width:15px!important; height:15px!important; }
.my-task-shell .task-kpi-strip button small { color:#38526f!important; font-size:12px!important; font-weight:750!important; }
.my-task-shell .task-kpi-strip button strong { align-self:start!important; color:#0b2345!important; font-size:29px!important; line-height:1!important; }
.my-task-shell .task-kpi-strip button.active { background:#fff!important; box-shadow:0 0 0 2px rgba(255,255,255,.22),0 5px 13px rgba(7,32,76,.16)!important; }
.my-task-shell .task-kpi-strip button:nth-child(1) { --task-accent:#2563eb; }.my-task-shell .task-kpi-strip button:nth-child(2) { --task-accent:#6941c6; }.my-task-shell .task-kpi-strip button:nth-child(3) { --task-accent:#099b96; }.my-task-shell .task-kpi-strip button:nth-child(4) { --task-accent:#d97706; }.my-task-shell .task-kpi-strip button:nth-child(5) { --task-accent:#dc3545; }.my-task-shell .task-kpi-strip button:nth-child(6) { --task-accent:#168a4a; }
.my-task-shell .tasks-workspace { display:grid!important; gap:12px!important; padding:14px!important; background:transparent!important; border:0!important; border-radius:0!important; box-shadow:none!important; }
.my-task-shell .task-filter-bar { display:grid!important; grid-template-columns:minmax(230px,1.65fr) minmax(0,5.35fr)!important; gap:10px!important; padding:13px!important; background:#fff!important; border:1px solid #d6dee9!important; border-radius:11px!important; box-shadow:0 2px 8px rgba(15,39,75,.045)!important; }
.my-task-shell .task-filter-title { grid-column:1/-1; display:flex; align-items:center; gap:7px; color:#315272; font-size:12px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.my-task-shell .task-filter-title svg { width:15px; height:15px; color:#0866d9; }
.my-task-shell .task-filter-search { height:40px!important; min-height:40px!important; background:#fff!important; }
.my-task-shell .task-filter-grid { grid-template-columns:repeat(8,minmax(92px,1fr)) auto!important; align-items:end!important; }
.my-task-shell .task-filter-grid label { font-size:11px!important; }
.my-task-shell .task-filter-grid .clear-filters { color:#334155!important; background:#EEF1F4!important; border-color:#B8C3CF!important; box-shadow:none!important; }
.my-task-shell .task-filter-grid .clear-filters:hover { background:#E2E8F0!important; border-color:#94A3B8!important; }
.my-task-shell .task-quick-tabs { margin:0!important; padding:0!important; display:flex!important; gap:7px!important; overflow-x:auto!important; background:transparent!important; border:0!important; border-radius:0!important; }
.my-task-shell .task-quick-tabs button { min-height:34px!important; flex:0 0 auto!important; padding:6px 11px!important; color:#22496f!important; border:1px solid #cbd8e7!important; border-radius:8px!important; background:#fff!important; font-size:12px!important; }
.my-task-shell .task-quick-tabs button.active { color:#fff!important; border-color:#0866d9!important; background:#0866d9!important; box-shadow:none!important; }
.my-task-shell .task-quick-tabs button b { margin-left:4px; color:inherit!important; background:transparent!important; }
.my-task-shell .tasks-workspace>.table-card-toolbar { order:3; min-height:52px!important; margin:0!important; padding:10px 12px!important; background:#fff!important; border:1px solid #d6dee9!important; border-bottom:0!important; border-radius:11px 11px 0 0!important; }
.my-task-shell .tasks-workspace>.table-card-toolbar .table-card-title { display:grid!important; gap:2px!important; min-width:130px!important; }
.my-task-shell .tasks-workspace>.table-card-toolbar .table-card-title strong { color:#0b2345!important; font-size:14px!important; }.my-task-shell .tasks-workspace>.table-card-toolbar .table-card-title span { color:#64748b!important; font-size:11px!important; }
.my-task-shell .tasks-table-wrap { order:4; margin-top:-12px!important; border:1px solid #d6dee9!important; border-top:0!important; border-radius:0 0 11px 11px!important; box-shadow:0 3px 10px rgba(15,39,75,.045)!important; }
.my-task-shell .task-table { min-width:1600px!important; }
.my-task-shell .task-table th,.my-task-shell .task-table th:first-child,.my-task-shell .task-table th:nth-child(2) { height:43px!important; color:#0b2345!important; background:#e8edf4!important; border-right:1px solid #c9d4e2!important; border-bottom:2px solid #bdcada!important; font-size:12px!important; font-weight:800!important; }
.my-task-shell .task-table td { border-right:1px solid #d6dee9!important; border-bottom:1px solid #d6dee9!important; }
.my-task-shell .task-table tbody tr:nth-child(even) td,.my-task-shell .task-table tbody tr:nth-child(even) td:first-child { background:#f9fbfd!important; }
.my-task-shell .task-table tbody tr.task-overdue-row td,.my-task-shell .task-table tbody tr.task-aged-row td { background:inherit!important; }
.my-task-shell .task-table tbody tr.task-overdue-row td:first-child { box-shadow:inset 3px 0 #dc3545!important; }
.my-task-shell .task-table th:nth-child(2),.my-task-shell .task-table td:nth-child(2) { min-width:300px!important; width:300px!important; }
.my-task-shell .task-table th:nth-child(6),.my-task-shell .task-table td:nth-child(6) { min-width:110px!important; width:110px!important; }
.my-task-shell .task-table th:nth-child(9),.my-task-shell .task-table td:nth-child(9) { min-width:135px!important; width:135px!important; }
.my-task-shell .task-table td:nth-child(2) small { color:#667b96!important; }
.my-task-shell .task-table .task-view { min-height:31px!important; background:#0866d9!important; border-radius:7px!important; }.my-task-shell .task-table .client-more-button { color:#0866d9!important; background:#fff!important; border-color:#a9c5e6!important; }
.my-task-shell .pagination { order:5; margin-top:0!important; padding:0 4px!important; }
@media (max-width:1320px) { .my-task-shell .task-kpi-strip { grid-template-columns:repeat(3,minmax(0,1fr))!important; } .my-task-shell .task-filter-bar { grid-template-columns:1fr!important; } .my-task-shell .task-filter-grid { grid-template-columns:repeat(5,minmax(120px,1fr))!important; } }
@media (max-width:820px) { .my-task-shell .my-tasks-page { padding-inline:12px!important; }.my-task-shell .my-task-hero { margin-inline:-12px; padding-inline:12px; }.my-task-shell .tasks-page-header { align-items:flex-start!important; flex-direction:column!important; }.my-task-shell .tasks-header-actions { width:100%; }.my-task-shell .task-filter-grid { grid-template-columns:repeat(3,minmax(0,1fr))!important; }.my-task-shell .tasks-workspace>.table-card-toolbar { align-items:flex-start!important; flex-direction:column!important; }.my-task-shell .tasks-workspace>.table-card-toolbar .table-card-controls { width:100%; justify-content:flex-start!important; flex-wrap:wrap!important; } }
@media (max-width:560px) { .my-task-shell .task-kpi-strip { grid-template-columns:repeat(2,minmax(0,1fr))!important; }.my-task-shell .task-kpi-strip button { min-height:82px!important; grid-template-columns:28px 1fr!important; padding:10px!important; }.my-task-shell .task-kpi-strip button>span { width:27px!important; height:27px!important; }.my-task-shell .task-kpi-strip button strong { font-size:24px!important; }.my-task-shell .task-kpi-strip button small { font-size:11px!important; }.my-task-shell .task-filter-grid { grid-template-columns:1fr 1fr!important; }.my-task-shell .task-filter-grid .clear-filters { grid-column:1/-1!important; }.my-task-shell .tasks-header-actions { display:grid!important; grid-template-columns:1fr 1fr 38px; }.my-task-shell .task-action { justify-content:center!important; }.my-task-shell .task-filter-search { grid-column:auto!important; } }

/* Unified navy application shell: sidebar and My Task header share one colour family. */
:root { --shell-navy-950:#0e294a; --shell-navy-900:#102746; --shell-navy-800:#12305a; --shell-navy-700:#163a67; --action-blue:#0866d9; --shell-border:rgba(148,163,184,.18); }
.sidebar { background:var(--shell-navy-900)!important; border-right:1px solid var(--shell-border)!important; }
.side-brand.app-badge { background:#142e50!important; border-bottom-color:var(--shell-border)!important; }
.sidebar-scroll { background:var(--shell-navy-900)!important; }
.nav-label { color:#aebfd3!important; }.nav-label:hover { color:#fff!important; background:#142e50!important; }
.nav button { color:#c7d4e3!important; border-color:rgba(148,163,184,.09)!important; background:rgba(20,46,80,.32)!important; }
.nav button:hover { color:#fff!important; background:#173a63!important; border-color:rgba(148,163,184,.2)!important; }
.nav button.active { color:#fff!important; background:linear-gradient(90deg,#075cbf,#0b78c9)!important; border-color:rgba(96,165,250,.65)!important; box-shadow:inset 3px 0 0 #b9dcff,0 4px 10px rgba(4,37,83,.22)!important; }
.workspace-selector { background:#142e50!important; border-color:var(--shell-border)!important; }.workspace-selector:hover { background:#173a63!important; }
.side-footer { background:#0e294a!important; border-color:var(--shell-border)!important; }.side-footer .logout-btn:hover { background:#142e50!important; }
.my-task-shell .my-task-hero { background:linear-gradient(100deg,#163a67 0%,#14345e 50%,#12305a 100%)!important; border-bottom:1px solid var(--shell-border)!important; }
.my-task-shell .task-action { box-shadow:0 2px 5px rgba(7,27,59,.16)!important; }

/* Login page refresh: a pale audit-brand panel paired with a blue secure sign-in space. */
.login { grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important; background:#FFFFFF!important; }
.login-brand-panel { color:#132E50!important; background:radial-gradient(circle at 92% 13%,rgba(196,224,251,.62),transparent 28%),radial-gradient(circle at 81% 88%,rgba(225,241,255,.78),transparent 28%),linear-gradient(135deg,#FFFFFF 0%,#FFFFFF 57%,#F3F9FF 100%)!important; box-shadow:inset -18px 0 34px rgba(48,118,196,.04); }
.login-brand-panel::before { opacity:1!important; background:radial-gradient(ellipse 82% 48% at -7% 103%,transparent 53%,rgba(70,142,221,.2) 53.4%,rgba(70,142,221,.2) 54.1%,transparent 54.6%),radial-gradient(ellipse 75% 44% at -3% 104%,transparent 59%,rgba(108,173,239,.17) 59.4%,rgba(108,173,239,.17) 60%,transparent 60.5%),linear-gradient(115deg,transparent 0 61%,rgba(129,185,241,.16) 61.1% 61.3%,transparent 61.5%); background-size:100% 100%; mask-image:none!important; }
.login-brand-panel::after { width:410px!important; height:410px!important; right:-235px!important; top:-170px!important; border-color:rgba(59,130,246,.24)!important; box-shadow:0 0 0 44px rgba(96,165,250,.065),0 0 0 90px rgba(147,197,253,.045)!important; }
.login-brand-content { width:min(540px,100%)!important; }
.login-logo-wrap { width:min(340px,100%)!important; margin:0 0 34px!important; padding:0!important; overflow:visible!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; }
.login-logo-image { display:block!important; width:100%!important; height:auto!important; max-height:none!important; border-radius:0!important; object-fit:contain!important; }
.login-eyebrow { color:#2867B1!important; font-size:11px!important; font-weight:800!important; letter-spacing:.16em!important; }
.login-statement h2 { color:#102B50!important; font-size:clamp(34px,4vw,52px)!important; text-shadow:none!important; }
.login-statement .login-tagline { color:#1D64AE!important; font-weight:700!important; }
.login-supporting { color:#466A92!important; font-weight:500!important; }
.creator-signature { color:#2563B7!important; border-color:#A8CCF5!important; background:rgba(255,255,255,.78)!important; box-shadow:0 8px 18px rgba(39,101,173,.12)!important; font-family:"Segoe Script","Brush Script MT",ui-cursive,cursive!important; }
.creator-signature span { color:#3976B7!important; opacity:1!important; }
.creator-signature strong { color:#1556A4!important; font-weight:800!important; }
.login-panel { position:relative; overflow:hidden; background:radial-gradient(circle at 98% 3%,#061D47 0%,transparent 32%),radial-gradient(circle at 13% 96%,rgba(88,154,225,.62),transparent 40%),linear-gradient(138deg,#0B3474 0%,#124F9E 49%,#3E82CB 100%)!important; }
.login-panel::before { content:""; position:absolute; inset:0; pointer-events:none; opacity:.65; background:radial-gradient(ellipse 90% 43% at 104% 13%,transparent 57%,rgba(255,255,255,.16) 57.5%,rgba(255,255,255,.16) 58.2%,transparent 58.7%),radial-gradient(ellipse 80% 38% at 106% 11%,transparent 67%,rgba(255,255,255,.13) 67.4%,rgba(255,255,255,.13) 68%,transparent 68.5%); }
.login-panel::after { content:""; position:absolute; width:240px; height:240px; left:-126px; bottom:-134px; border:1px solid rgba(255,255,255,.22); border-radius:50%; box-shadow:0 0 0 40px rgba(255,255,255,.045); pointer-events:none; }
.login-card { position:relative; z-index:1; width:min(450px,100%)!important; border:1px solid #BFD8F3!important; border-radius:16px!important; background:#FFFFFF!important; box-shadow:0 22px 48px rgba(12,48,100,.25)!important; }
.login-card-heading h1 { color:#102A4C!important; }
.login-card-heading p { color:#58718E!important; }
.login-shield { color:#155FC2!important; background:#EAF4FF!important; }
.login-fields label { color:#294666!important; font-size:13px!important; }
.login-fields input { color:#102A4C!important; background:#FFFFFF!important; border-color:#BBD7F4!important; }
.login-fields input:hover { background:#F7FBFF!important; border-color:#8ABBEF!important; }
.login-fields input:focus { border-color:#2563EB!important; box-shadow:0 0 0 3px rgba(37,99,235,.14)!important; }
.login-submit { background:#2563EB!important; border-color:#1D4ED8!important; }
.login-submit:hover:not(:disabled) { background:#1D4ED8!important; }
@media (max-width:980px) { .login { grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important; } .login-brand-panel { padding:clamp(32px,5vw,56px)!important; } .login-logo-wrap { width:280px!important; margin-bottom:24px!important; } .login-statement h2 { font-size:clamp(31px,4.4vw,42px)!important; } .login-panel { padding:28px 24px!important; } }
@media (max-width:760px) { .login { grid-template-columns:1fr!important; } .login-brand-panel { min-height:0!important; padding:28px 24px 26px!important; } .login-brand-panel::before { opacity:.75!important; } .login-logo-wrap { width:250px!important; margin-bottom:14px!important; } .login-statement h2 { font-size:30px!important; } .login-supporting { display:block!important; max-width:500px; margin-top:12px!important; font-size:13px!important; line-height:1.5!important; } .creator-signature { margin-top:18px!important; } .login-panel { min-height:calc(100dvh - 370px); padding:24px 16px 32px!important; } .login-card { width:min(460px,100%)!important; } }

/* Login reference treatment: pale branded workspace, curved divider, and secure cobalt sign-in panel. */
.login { grid-template-columns:minmax(0,48%) minmax(0,52%)!important; overflow:hidden!important; background:#f8fbff!important; }
.login-brand-panel { z-index:2; overflow:visible!important; padding:clamp(38px,6vw,84px)!important; background:linear-gradient(135deg,#fff 0%,#f8fbff 55%,#eef6ff 100%)!important; box-shadow:none!important; }
.login-brand-panel::before { inset:0!important; opacity:1!important; background-image:linear-gradient(rgba(8,102,217,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(8,102,217,.055) 1px,transparent 1px),radial-gradient(circle at 18% 78%,rgba(8,102,217,.12) 0 1px,transparent 1.5px)!important; background-size:46px 46px,46px 46px,18px 18px!important; mask-image:linear-gradient(135deg,#000 0%,rgba(0,0,0,.45) 76%,transparent 100%)!important; }
.login-brand-panel::after { content:""!important; position:absolute!important; z-index:0!important; top:-5%!important; right:-63px!important; width:118px!important; height:110%!important; border:0!important; border-radius:0 52% 52% 0 / 0 50% 50% 0!important; background:linear-gradient(90deg,#eef6ff 0%,#dcecff 58%,rgba(220,236,255,.86) 74%,transparent 100%)!important; box-shadow:7px 0 0 rgba(131,188,244,.25)!important; }
.login-brand-content { z-index:2!important; width:min(510px,100%)!important; }
.login-logo-wrap { width:min(420px,100%)!important; margin-bottom:32px!important; }
.login-statement h2 { color:#0b2345!important; font-size:clamp(38px,4.2vw,52px)!important; }.login-statement .login-tagline { color:#0866d9!important; font-size:21px!important; }.login-supporting { max-width:465px!important; color:#526a89!important; font-size:15px!important; line-height:1.62!important; }
.login-trust-row { display:flex; align-items:center; gap:9px; flex-wrap:wrap; max-width:500px; margin-top:26px; color:#405f84; font-size:12px; font-weight:700; }
.login-trust-row span { display:inline-flex; align-items:center; gap:5px; white-space:nowrap; }.login-trust-row svg { width:15px; height:15px; color:#0866d9; fill:none; stroke:currentColor; stroke-width:1.8; }.login-trust-row i { width:4px; height:4px; border-radius:50%; background:#75a9df; }
.creator-signature { margin-top:24px!important; color:#0866d9!important; border-color:#9ec9f6!important; background:rgba(255,255,255,.9)!important; box-shadow:0 7px 16px rgba(26,86,153,.11)!important; }.creator-signature span,.creator-signature strong { color:#0866d9!important; }
.login-panel { z-index:1; padding:clamp(24px,5vw,68px)!important; background:radial-gradient(circle at 20% 55%,rgba(21,112,220,.85) 0%,rgba(7,59,136,.65) 38%,transparent 68%),linear-gradient(135deg,#0866d9 0%,#073b88 48%,#061f4a 100%)!important; }
.login-panel::before { opacity:.35!important; background-image:linear-gradient(90deg,rgba(191,226,255,.18) 1px,transparent 1px),linear-gradient(rgba(191,226,255,.18) 1px,transparent 1px)!important; background-size:34px 34px!important; }.login-panel::after { opacity:.6; border-color:rgba(183,222,255,.32)!important; }
.login-card { width:min(460px,calc(100% - 40px))!important; padding:38px!important; border-color:rgba(203,213,225,.9)!important; box-shadow:0 24px 55px rgba(2,20,55,.28),0 4px 14px rgba(2,20,55,.12)!important; }
.login-shield { width:40px!important; height:40px!important; flex-basis:40px!important; color:#fff!important; background:linear-gradient(135deg,#0866d9,#175ddc)!important; }.login-card-heading h1 { font-size:26px!important; }
.login-fields { gap:8px!important; }.login-fields input { height:54px!important; min-height:54px!important; padding-left:44px!important; border-color:#b7cae0!important; border-radius:9px!important; }.login-input-shell { position:relative; }.login-input-icon { position:absolute; z-index:1; top:50%; left:14px; display:grid; place-items:center; width:18px; height:18px; color:#52749b; transform:translateY(-50%); pointer-events:none; }.login-input-icon svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.8; }.login-password-field input { padding-right:48px!important; }.login-password-toggle { top:27px!important; }
.login-submit { height:54px!important; min-height:54px!important; border-radius:8px!important; background:linear-gradient(90deg,#0866d9,#175ddc)!important; box-shadow:0 9px 18px rgba(6,86,197,.27)!important; }
@media (max-width:760px) { .login { grid-template-columns:1fr!important; overflow:visible!important; }.login-brand-panel { overflow:hidden!important; padding:28px 24px!important; }.login-brand-panel::after { display:none!important; }.login-logo-wrap { width:min(300px,100%)!important; }.login-trust-row { margin-top:18px; }.login-panel { min-height:0!important; padding:28px 16px 34px!important; }.login-card { width:min(460px,100%)!important; padding:28px 22px!important; } }

/* Keep the My Task column headings visible while its task list scrolls. */
.my-task-shell .tasks-table-wrap { max-height:min(62dvh,680px)!important; overflow:auto!important; overscroll-behavior:contain!important; }
.my-task-shell .task-table thead { position:sticky!important; top:0!important; z-index:12!important; box-shadow:0 2px 6px rgba(15,39,75,.10)!important; }
.my-task-shell .task-table th { top:0!important; z-index:13!important; }
.my-task-shell .task-table th:first-child,.my-task-shell .task-table th:nth-child(2) { z-index:15!important; }

/* My Task file-list frame: keep the table controls and header clearly separated. */
.my-task-shell .tasks-workspace>.table-card-toolbar { margin:0!important; border:1px solid #b9c8d8!important; border-bottom:1px solid #b9c8d8!important; border-radius:11px 11px 0 0!important; box-shadow:0 2px 7px rgba(15,39,75,.05)!important; }
.my-task-shell .tasks-table-wrap { margin-top:0!important; border:1px solid #b9c8d8!important; border-top:0!important; border-radius:0 0 11px 11px!important; }
.my-task-shell .task-table thead { box-shadow:inset 0 1px 0 #d7e2ee,0 2px 5px rgba(15,39,75,.07)!important; }
.my-task-shell .task-table th { border-top:0!important; border-bottom:2px solid #9fb2c7!important; }

/* Clearly framed My Task column header row. */
.my-task-shell .tasks-table-wrap { border:2px solid #7890aa!important; border-top:0!important; }
.my-task-shell .tasks-workspace>.table-card-toolbar { border:2px solid #7890aa!important; border-bottom:2px solid #7890aa!important; }
.my-task-shell .task-table thead th { height:48px!important; padding:10px 9px!important; color:#08264a!important; text-align:center!important; vertical-align:middle!important; background:#dfe8f2!important; border-top:1px solid #7890aa!important; border-right:1px solid #7890aa!important; border-bottom:3px solid #54718f!important; font-size:12px!important; font-weight:850!important; }
.my-task-shell .task-table thead th:first-child { border-left:1px solid #7890aa!important; }
.my-task-shell .task-table thead th:last-child { border-right:0!important; }

/* Client Master and Quotation Tracker use the same filter and list-frame language as My Task. */
.client-master-page .client-master-workspace,.quotation-page .quotation-filter-panel { padding:14px!important; background:#fff!important; border:1px solid #c8d5e3!important; border-radius:11px!important; box-shadow:0 4px 14px rgba(15,39,75,.045)!important; }
.client-master-page .workspace-filter-kicker,.quotation-page .quotation-filter-panel .section-heading { margin:0 0 10px!important; color:#315272!important; font-size:12px!important; font-weight:800!important; letter-spacing:.08em!important; text-transform:uppercase!important; }
.client-master-page .client-toolbar { margin:0!important; padding:0!important; background:transparent!important; border:0!important; box-shadow:none!important; }
.client-master-page .client-filter-row,.quotation-page .q-filter-grid { gap:8px!important; }
.client-master-page .client-table-heading { margin:14px 0 0!important; padding:10px 12px!important; background:#fff!important; border:2px solid #7890aa!important; border-bottom:0!important; border-radius:11px 11px 0 0!important; }
.client-master-page .client-master-freeze-wrap,.quotation-page .quotation-table-wrap { margin-top:0!important; border:2px solid #7890aa!important; border-top:0!important; border-radius:0 0 11px 11px!important; box-shadow:0 3px 10px rgba(15,39,75,.045)!important; }
.client-master-page .table-card-toolbar,.quotation-page .table-card-toolbar { margin:14px 0 0!important; padding:10px 12px!important; background:#fff!important; border:2px solid #7890aa!important; border-bottom:1px solid #7890aa!important; border-radius:11px 11px 0 0!important; box-shadow:0 2px 7px rgba(15,39,75,.05)!important; }
.client-master-page .table-card-toolbar + .client-master-freeze-wrap,.quotation-page .table-card-toolbar + .quotation-table-wrap { margin-top:0!important; }
.client-master-page .client-master-table thead th,.quotation-page .quotation-table thead th { height:46px!important; color:#08264a!important; text-align:center!important; vertical-align:middle!important; background:#dfe8f2!important; border-right:1px solid #7890aa!important; border-bottom:3px solid #54718f!important; font-size:12px!important; font-weight:850!important; }
.client-master-page .client-master-table thead th:last-child,.quotation-page .quotation-table thead th:last-child { border-right:0!important; }

/* File Tracker login: dark workflow brand panel with a focused white authentication card. */
.login { min-height:100dvh!important; width:100%!important; display:grid!important; grid-template-columns:56% 44%!important; overflow:hidden!important; background:#f7f9fc!important; font-family:Inter,Manrope,system-ui,sans-serif!important; }
.login-brand-panel { position:relative!important; min-height:100dvh!important; display:grid!important; align-items:center!important; padding:clamp(40px,5vw,96px)!important; overflow:hidden!important; color:#fff!important; background:radial-gradient(circle at 55% 45%,rgba(25,100,255,.22),transparent 34%),linear-gradient(145deg,#06152b 0%,#071f42 52%,#06162e 100%)!important; box-shadow:none!important; }
.login-brand-panel::before { content:""!important; position:absolute!important; inset:0!important; display:block!important; opacity:.45!important; background-image:linear-gradient(rgba(131,179,244,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(131,179,244,.08) 1px,transparent 1px)!important; background-size:42px 42px!important; mask-image:linear-gradient(115deg,#000 0%,rgba(0,0,0,.55) 64%,transparent 100%)!important; }
.login-brand-panel::after { content:""!important; position:absolute!important; right:-125px!important; bottom:-145px!important; width:430px!important; height:430px!important; display:block!important; background:radial-gradient(circle,transparent 57%,rgba(39,215,242,.15) 57.3%,transparent 58%),radial-gradient(circle,transparent 70%,rgba(132,104,255,.14) 70.3%,transparent 71%)!important; border:0!important; border-radius:50%!important; box-shadow:none!important; }
.login-brand-content { position:relative!important; z-index:1!important; width:min(690px,100%)!important; }
.login-logo-wrap,.login-logo-image,.login-eyebrow,.login-supporting,.login-trust-row { display:none!important; }
.login-statement h2.login-brand-title { max-width:none!important; margin:0!important; color:#fff!important; font-size:clamp(38px,2.9vw,50px)!important; font-weight:800!important; line-height:1.08!important; letter-spacing:-1.05px!important; text-shadow:none!important; }
.login-statement .login-tagline { display:grid!important; gap:4px!important; margin:54px 0 0!important; color:#fff!important; font-size:clamp(50px,4.8vw,78px)!important; font-weight:800!important; line-height:1.06!important; letter-spacing:-2.25px!important; }
.login-statement .login-tagline span { color:#fff!important; }
.login-statement .login-tagline strong { font:inherit!important; background:linear-gradient(90deg,#2497ff 0%,#5b82ff 55%,#8a6bff 100%)!important; -webkit-background-clip:text!important; background-clip:text!important; -webkit-text-fill-color:transparent!important; }
.login-workflow { position:relative; width:min(650px,100%); height:232px; margin-top:38px; }
.workflow-sources,.workflow-statuses { position:absolute; z-index:2; top:16px; bottom:16px; display:grid; grid-template-rows:repeat(3,1fr); align-items:center; }
.workflow-sources { left:0; }.workflow-statuses { right:0; }
.workflow-sources span,.workflow-statuses span { width:52px; height:52px; display:grid; place-items:center; color:#aee9ff; background:rgba(17,57,106,.62); border:1px solid rgba(77,172,255,.43); border-radius:12px; box-shadow:0 8px 22px rgba(0,0,0,.14); }
.workflow-sources svg { width:23px; height:23px; fill:none; stroke:currentColor; stroke-width:1.7; }.workflow-statuses span { width:102px; height:42px; padding:0 12px; color:#dfeeff; font-size:13px; font-weight:750; }
.workflow-statuses span:nth-child(2) { color:#bde9ff; border-color:rgba(39,215,242,.62); }.workflow-statuses span:nth-child(3) { color:#e3dcff; border-color:rgba(132,104,255,.64); }
.workflow-lines { position:absolute; inset:0; z-index:0; width:100%; height:100%; overflow:visible; }.workflow-lines path { fill:none; stroke:rgba(100,185,255,.55); stroke-width:1.5; stroke-dasharray:4 6; }
.workflow-file { position:absolute; z-index:2; top:50%; left:50%; width:146px; height:126px; display:grid; place-content:center; justify-items:center; gap:9px; color:#fff; background:linear-gradient(145deg,rgba(25,113,255,.98),rgba(64,78,222,.95)); border:1px solid rgba(161,217,255,.85); border-radius:18px; box-shadow:0 0 0 9px rgba(45,136,255,.08),0 18px 38px rgba(1,22,69,.43); transform:translate(-50%,-50%); }
.workflow-file::before { content:""; position:absolute; top:-12px; left:16px; width:56px; height:20px; background:#3288ff; border-radius:9px 9px 0 0; }.workflow-file svg { width:39px; height:39px; fill:none; stroke:currentColor; stroke-width:1.6; }.workflow-file span { position:relative; font-size:14px; font-weight:800; }
.login-feature-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:34px; }.login-feature-cards>span { min-height:76px; display:flex; align-items:center; gap:10px; padding:14px; color:#fff; background:rgba(9,35,76,.55); border:1px solid rgba(72,160,245,.35); border-radius:12px; transition:background .18s ease,border-color .18s ease; }.login-feature-cards>span:hover { background:rgba(22,69,132,.66); border-color:rgba(95,189,255,.72); }.login-feature-cards svg { flex:0 0 auto; width:20px; height:20px; fill:none; stroke:#55c8ff; stroke-width:1.8; }.login-feature-cards b { font-size:14px; font-weight:750; }
.login-panel { position:relative!important; min-height:100dvh!important; display:grid!important; place-items:center!important; padding:40px 32px!important; overflow:auto!important; background:linear-gradient(145deg,#fff 0%,#f7f9fc 100%)!important; }
.login-panel::before,.login-panel::after { display:none!important; }
.login-auth-wrap { width:min(520px,calc(100% - 32px)); display:grid; justify-items:center; }
.login-card { width:100%!important; display:grid!important; gap:20px!important; margin:0!important; padding:42px 52px 32px!important; color:#0b1733!important; background:rgba(255,255,255,.98)!important; border:1px solid #dce3ec!important; border-left:5px solid #1464f4!important; border-radius:16px!important; box-shadow:0 24px 55px rgba(15,35,65,.12),0 5px 15px rgba(15,35,65,.06)!important; }
.login-official-logo { display:block!important; width:clamp(170px,13vw,225px)!important; height:auto!important; max-height:none!important; margin:0 0 7px!important; object-fit:contain!important; object-position:left center!important; }
.login-card-heading { display:block!important; }.login-card-heading h1 { margin:0!important; color:#0b1733!important; font-size:clamp(30px,2.2vw,38px)!important; font-weight:800!important; line-height:1.15!important; letter-spacing:-.8px!important; }.login-card-heading p { margin:8px 0 0!important; color:#64748b!important; font-size:16px!important; line-height:1.5!important; }
.login-shield { display:none!important; }.login-fields { gap:7px!important; }.login-fields label { margin-top:8px!important; color:#1f344d!important; font-size:14px!important; font-weight:700!important; }.login-input-shell { position:relative!important; }.login-input-icon { position:absolute!important; z-index:1!important; top:50%!important; left:15px!important; display:grid!important; width:20px!important; height:20px!important; color:#557493!important; transform:translateY(-50%)!important; pointer-events:none!important; }.login-input-icon svg { width:20px!important; height:20px!important; fill:none!important; stroke:currentColor!important; stroke-width:1.8!important; }.login-fields input { width:100%!important; height:54px!important; min-height:54px!important; padding:0 46px!important; color:#0f172a!important; background:#fff!important; border:1px solid #cbd5e1!important; border-radius:8px!important; box-sizing:border-box!important; font-size:15px!important; }.login-fields input:hover { background:#fbfdff!important; border-color:#9cc3f2!important; }.login-fields input:focus { border-color:#1464f4!important; outline:none!important; box-shadow:0 0 0 3px rgba(20,100,244,.13)!important; }.login-password-field input { padding-right:50px!important; }.login-password-toggle { top:50%!important; right:7px!important; width:38px!important; height:38px!important; color:#58718e!important; background:transparent!important; transform:translateY(-50%)!important; }.login-password-toggle:focus-visible,.login-forgot:focus-visible,.login-remember input:focus-visible { outline:3px solid rgba(20,100,244,.32)!important; outline-offset:2px!important; }
.login-options { margin-top:2px!important; display:flex!important; align-items:center!important; justify-content:space-between!important; gap:12px!important; }.login-remember { color:#334155!important; font-size:14px!important; font-weight:600!important; }.login-remember input { width:16px!important; height:16px!important; min-height:16px!important; accent-color:#1464f4; }.login-forgot { min-height:32px!important; padding:0!important; color:#1464f4!important; background:transparent!important; border:0!important; font-size:14px!important; font-weight:700!important; }.login-submit { width:100%!important; min-height:54px!important; height:54px!important; color:#fff!important; background:linear-gradient(90deg,#105ce7 0%,#126cf5 100%)!important; border:0!important; border-radius:7px!important; box-shadow:0 10px 22px rgba(18,101,243,.22)!important; font-size:17px!important; font-weight:700!important; }.login-submit:hover:not(:disabled) { background:linear-gradient(90deg,#0f56d9,#126cf5)!important; box-shadow:0 13px 26px rgba(18,101,243,.28)!important; transform:translateY(-1px)!important; }.login-field-error,.login-error { color:#dc2626!important; }.secure-note { display:flex!important; align-items:center!important; justify-content:center!important; gap:7px!important; margin:3px 0 0!important; padding-top:18px!important; color:#718096!important; border-top:1px solid #e2e8f0!important; font-size:13px!important; }.secure-note svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.8; }.secure-note i { font-style:normal; padding:0 3px; }.creator-signature { display:inline-flex!important; align-items:baseline!important; gap:6px!important; margin:20px 0 0!important; padding:10px 28px 13px!important; color:#14213d!important; background:rgba(255,255,255,.94)!important; border:1px solid #dce3ec!important; border-radius:12px!important; box-shadow:0 9px 22px rgba(15,35,65,.1)!important; font-family:"Allura","Dancing Script","Segoe Script",cursive!important; font-size:24px!important; font-weight:600!important; line-height:1!important; white-space:nowrap!important; }.creator-signature::after { content:""; position:absolute; width:44px; height:2px; margin-top:29px; background:#ef1f24; border-radius:99px; }.creator-signature span,.creator-signature strong { color:#14213d!important; font:inherit!important; }.creator-signature strong { font-weight:700!important; }
@media(max-width:1280px) { .login-brand-panel { padding:clamp(40px,4vw,68px)!important; }.login-workflow { height:200px; }.workflow-file { width:126px; height:110px; }.workflow-sources span { width:46px; height:46px; }.workflow-statuses span { width:94px; height:38px; }.login-card { padding:36px 40px 30px!important; } }
@media(max-width:900px) { .login { grid-template-columns:1fr!important; overflow:visible!important; }.login-brand-panel { min-height:0!important; padding:38px 28px!important; }.login-brand-panel::after { right:-170px!important; bottom:-220px!important; }.login-brand-content { width:min(680px,100%)!important; }.login-statement .login-tagline { margin-top:38px!important; font-size:clamp(40px,8vw,60px)!important; }.login-workflow { display:none!important; }.login-feature-cards { max-width:640px; margin-top:28px!important; }.login-panel { min-height:0!important; padding:40px 20px 48px!important; overflow:visible!important; }.login-auth-wrap { width:min(520px,100%)!important; } }
@media(max-width:480px) { .login-brand-panel { padding:32px 20px!important; }.login-statement h2.login-brand-title { font-size:34px!important; }.login-statement .login-tagline { font-size:39px!important; letter-spacing:-1.35px!important; }.login-feature-cards { gap:8px; }.login-feature-cards>span { min-height:64px; justify-content:center; padding:10px 7px; }.login-feature-cards b { font-size:12px; }.login-feature-cards svg { width:18px; height:18px; }.login-panel { padding:28px 16px 36px!important; }.login-auth-wrap { width:100%!important; }.login-card { padding:28px 24px 26px!important; }.login-official-logo { width:190px!important; }.login-card-heading h1 { font-size:30px!important; }.login-card-heading p { font-size:14px!important; }.login-options { align-items:flex-start!important; flex-direction:column!important; gap:8px!important; }.creator-signature { max-width:100%; padding-inline:20px!important; font-size:21px!important; } }
@media(prefers-reduced-motion:reduce) { .login-feature-cards>span,.login-submit { transition:none!important; } }
@media(max-width:820px) { .client-master-page .client-toolbar,.quotation-page .q-filter-grid { grid-template-columns:1fr!important; }.client-master-page .table-card-toolbar,.quotation-page .table-card-toolbar { align-items:flex-start!important; flex-direction:column!important; }.client-master-page .table-card-controls,.quotation-page .table-card-controls { width:100%; justify-content:flex-start!important; flex-wrap:wrap!important; } }

/* Client Master uses the My Task hero, summary-card, and single-row filter proportions. */
.client-master-page .enterprise-page-header { margin:0 -20px!important; padding:22px 20px 18px!important; background:linear-gradient(100deg,#163a67 0%,#14345e 50%,#12305a 100%)!important; }
.client-master-page .client-summary-strip { grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:10px!important; }
.client-master-page .client-pulse-tile,.client-master-page .client-pulse-tile:nth-child(n) { min-height:92px!important; display:grid!important; grid-template-columns:34px 1fr!important; grid-template-rows:auto 1fr!important; column-gap:10px!important; align-items:center!important; padding:13px!important; color:#0b2345!important; background:#fff!important; border:1px solid #d7e0ec!important; border-left:4px solid var(--client-accent)!important; border-radius:10px!important; box-shadow:0 3px 9px rgba(15,39,75,.09)!important; text-align:left!important; }
.client-master-page .client-pulse-tile>span { grid-row:1 / span 2!important; width:31px!important; height:31px!important; display:grid!important; place-items:center!important; color:var(--client-accent)!important; background:#fff!important; border:1.5px solid var(--client-accent)!important; border-radius:50%!important; }
.client-master-page .client-pulse-tile strong { align-self:start!important; color:#0b2345!important; font-size:29px!important; line-height:1!important; }.client-master-page .client-pulse-tile small { color:#38526f!important; font-size:12px!important; font-weight:750!important; }
.client-master-page .client-pulse-tile:nth-child(1) { --client-accent:#2563eb; }.client-master-page .client-pulse-tile:nth-child(2) { --client-accent:#6941c6; }.client-master-page .client-pulse-tile:nth-child(3) { --client-accent:#099b96; }.client-master-page .client-pulse-tile:nth-child(4) { --client-accent:#d97706; }
.client-master-page .client-toolbar { grid-template-columns:minmax(230px,1.5fr) minmax(0,5.5fr) auto!important; align-items:end!important; gap:10px!important; }
.client-master-page .client-filter-row { grid-column:auto!important; min-width:0!important; flex-wrap:nowrap!important; overflow-x:auto!important; padding-bottom:2px!important; }
.client-master-page .client-filter-row>* { flex:0 0 auto!important; }.client-master-page .client-toolbar-actions { white-space:nowrap; }
.quotation-page .q-filter-grid { display:flex!important; flex-wrap:nowrap!important; align-items:end!important; overflow-x:auto!important; padding-bottom:2px!important; }.quotation-page .q-filter-grid>* { flex:0 0 auto!important; }.quotation-page .q-filter-grid>#qf-search { min-width:270px!important; flex:1 0 270px!important; }
@media(max-width:820px) { .client-master-page .enterprise-page-header { margin:0 -12px!important; padding:16px 12px!important; }.client-master-page .client-toolbar { grid-template-columns:1fr!important; }.client-master-page .client-filter-row,.quotation-page .q-filter-grid { flex-wrap:wrap!important; overflow:visible!important; }.client-master-page .client-toolbar-actions { justify-content:flex-start!important; } }

/* Quotation Tracker reconstruction: use the My Task workspace language. */
.quotation-page.quotation-workspace { display:grid!important; gap:12px!important; padding:0 18px 22px!important; background:#f5f7fa!important; border:0!important; border-radius:0!important; box-shadow:none!important; }
.quotation-page .enterprise-page-header { margin:0 -18px!important; padding:22px 18px 18px!important; background:linear-gradient(100deg,#163a67 0%,#14345e 50%,#12305a 100%)!important; }
.quotation-page .enterprise-page-header h1 { font-size:30px!important; line-height:1.08!important; }.quotation-page .enterprise-page-header p { font-size:14px!important; }.quotation-page .enterprise-page-actions { gap:8px!important; }.quotation-page .enterprise-page-actions button { min-height:36px!important; padding:0 12px!important; border-radius:8px!important; box-shadow:0 2px 5px rgba(7,27,59,.16)!important; font-size:12px!important; font-weight:750!important; }.quotation-page .enterprise-page-actions .new-blue { color:#fff!important; background:#0866d9!important; border-color:#3b82f6!important; }
.quotation-page .quotation-kpi-strip { display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:14px!important; padding:0!important; overflow:visible!important; background:transparent!important; border:0!important; border-radius:0!important; }
.quotation-page .quotation-kpi-strip button,.quotation-page .quotation-kpi-strip button:nth-child(n) { min-height:118px!important; display:grid!important; grid-template-columns:40px 1fr!important; grid-template-rows:auto 1fr!important; column-gap:12px!important; align-items:center!important; padding:17px!important; color:#0b2345!important; background:#fff!important; border:1px solid #d7e0ec!important; border-left:5px solid var(--quote-accent)!important; border-radius:11px!important; box-shadow:0 4px 12px rgba(15,39,75,.10)!important; text-align:left!important; }
.quotation-page .quotation-kpi-strip button:hover { transform:translateY(-1px)!important; box-shadow:0 6px 14px rgba(15,39,75,.13)!important; }.quotation-page .quotation-kpi-strip button.active { background:#fff!important; box-shadow:0 0 0 2px rgba(255,255,255,.25),0 5px 13px rgba(7,32,76,.16)!important; }
.quotation-page .quotation-kpi-icon { grid-row:1 / span 2!important; width:38px!important; height:38px!important; display:grid!important; place-items:center!important; color:var(--quote-accent)!important; background:#fff!important; border:1.5px solid var(--quote-accent)!important; border-radius:50%!important; font-size:16px!important; font-weight:800!important; }
.quotation-page .quotation-kpi-copy { display:contents!important; }.quotation-page .quotation-kpi-copy small { grid-column:2!important; align-self:end!important; color:#38526f!important; font-size:14px!important; font-weight:800!important; line-height:1.25!important; }.quotation-page .quotation-kpi-copy strong { grid-column:2!important; align-self:start!important; color:#0b2345!important; font-size:34px!important; font-weight:800!important; line-height:1!important; }
.quotation-page .quotation-kpi-strip button:nth-child(1) { --quote-accent:#2563eb; }.quotation-page .quotation-kpi-strip button:nth-child(2) { --quote-accent:#6941c6; }.quotation-page .quotation-kpi-strip button:nth-child(3) { --quote-accent:#099b96; }.quotation-page .quotation-kpi-strip button:nth-child(4) { --quote-accent:#d97706; }.quotation-page .quotation-kpi-strip button:nth-child(5) { --quote-accent:#7c3aed; }.quotation-page .quotation-kpi-strip button:nth-child(6) { --quote-accent:#168a4a; }.quotation-page .quotation-kpi-strip button:nth-child(7) { --quote-accent:#dc3545; }.quotation-page .quotation-kpi-strip button:nth-child(8) { --quote-accent:#0e7490; }
.quotation-page .quotation-filter-panel { padding:13px!important; background:#fff!important; border:1px solid #d6dee9!important; border-radius:11px!important; box-shadow:0 2px 8px rgba(15,39,75,.045)!important; }.quotation-page .quotation-filter-panel .section-heading { width:auto!important; margin:0 0 10px!important; padding:0!important; color:#315272!important; background:transparent!important; border:0!important; border-radius:0!important; font-size:12px!important; font-weight:800!important; letter-spacing:.08em!important; text-transform:uppercase!important; }
.quotation-page .q-filter-grid { min-height:40px!important; gap:8px!important; align-items:end!important; }.quotation-page .q-filter-grid input,.quotation-page .q-filter-grid select { min-height:40px!important; color:#0b2345!important; background:#fff!important; border-color:#c8d5e3!important; border-radius:8px!important; font-size:13px!important; }.quotation-page .q-filter-grid label { color:#315272!important; font-size:11px!important; font-weight:750!important; letter-spacing:.025em!important; text-transform:uppercase!important; }.quotation-page .q-filter-grid .clear-filters { min-height:40px!important; color:#0866d9!important; border-color:#9db9dc!important; border-radius:8px!important; }
.quotation-page .quotation-filter-panel .section-heading,.quotation-page .q-filter-grid label,.quotation-page .q-filter-grid input,.quotation-page .q-filter-grid select,.quotation-page .q-filter-grid .clear-filters { color:#000!important; }
.quotation-page .table-card-toolbar { margin:0!important; border:2px solid #7890aa!important; border-bottom:2px solid #7890aa!important; }.quotation-page .quotation-table-wrap { margin-top:0!important; border:2px solid #7890aa!important; border-top:0!important; }.quotation-page .quotation-table thead th { height:48px!important; color:#08264a!important; text-align:center!important; vertical-align:middle!important; background:#dfe8f2!important; border-right:1px solid #7890aa!important; border-bottom:3px solid #54718f!important; font-size:12px!important; font-weight:850!important; }.quotation-page .quotation-table tbody td { border-right:1px solid #d6dee9!important; border-bottom:1px solid #d6dee9!important; }.quotation-page .quotation-table tbody tr:nth-child(even) td { background:#f9fbfd!important; }
@media(max-width:1320px) { .quotation-page .quotation-kpi-strip { grid-template-columns:repeat(3,minmax(0,1fr))!important; } }
@media(max-width:820px) { .quotation-page.quotation-workspace { padding:0 12px 20px!important; }.quotation-page .enterprise-page-header { margin-inline:-12px!important; padding-inline:12px!important; }.quotation-page .quotation-kpi-strip { grid-template-columns:repeat(2,minmax(0,1fr))!important; }.quotation-page .enterprise-page-actions { width:100%; justify-content:flex-start!important; }.quotation-page .q-filter-grid { flex-wrap:wrap!important; overflow:visible!important; }.quotation-page .table-card-toolbar { align-items:flex-start!important; flex-direction:column!important; }.quotation-page .table-card-controls { width:100%; justify-content:flex-start!important; flex-wrap:wrap!important; } }

/* Quotation table: match the grey header treatment used by the other registers. */
.quotation-page .quotation-table thead th { height:50px!important; background:#E8EEF5!important; font-size:13px!important; }
@media(max-width:520px) { .quotation-page .quotation-kpi-strip { grid-template-columns:1fr!important; } }

/* Quotation Tracker: keep import and report actions clearly visible in the page header. */
.quotation-page .enterprise-page-actions { display:flex!important; align-items:center!important; justify-content:flex-end!important; gap:9px!important; flex-wrap:wrap!important; }
.quotation-page .enterprise-page-actions .quotation-sample-action,.quotation-page .enterprise-page-actions .quotation-import-action,.quotation-page .enterprise-page-actions .quotation-export-action { min-height:40px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; padding:0 14px!important; border-radius:8px!important; font-size:12px!important; font-weight:800!important; line-height:1!important; white-space:nowrap!important; box-shadow:0 4px 10px rgba(15,39,75,.10)!important; }
.quotation-page .enterprise-page-actions .quotation-sample-action { color:#175CD3!important; background:#EFF6FF!important; border:1px solid #A9CBF5!important; }
.quotation-page .enterprise-page-actions .quotation-import-action { color:#fff!important; background:linear-gradient(135deg,#075CC7,#1683E6)!important; border:1px solid #075CC7!important; }
.quotation-page .enterprise-page-actions .quotation-export-action.export-excel { color:#fff!important; background:linear-gradient(135deg,#047857,#10B981)!important; border-color:#047857!important; }
.quotation-page .enterprise-page-actions .quotation-export-action.export-pdf { color:#fff!important; background:linear-gradient(135deg,#BE123C,#EF476F)!important; border-color:#BE123C!important; }
.quotation-page .enterprise-page-actions .quotation-import-action:disabled { opacity:.58!important; cursor:not-allowed!important; box-shadow:none!important; }
@media(max-width:820px) { .quotation-page .enterprise-page-actions { width:100%!important; justify-content:flex-start!important; }.quotation-page .enterprise-page-actions .quotation-sample-action,.quotation-page .enterprise-page-actions .quotation-import-action,.quotation-page .enterprise-page-actions .quotation-export-action { flex:1 1 auto!important; } }
.quotation-page .quotation-action-toolbar { min-height:62px!important; display:flex!important; align-items:center!important; justify-content:space-between!important; gap:16px!important; padding:11px 14px!important; background:#fff!important; border:1px solid #D6E1EE!important; border-radius:11px!important; box-shadow:0 3px 10px rgba(15,39,75,.05)!important; }
.quotation-page .quotation-action-copy { display:grid!important; gap:3px!important; }.quotation-page .quotation-action-copy span { color:#315272!important; font-size:10px!important; font-weight:850!important; letter-spacing:.09em!important; }.quotation-page .quotation-action-copy strong { color:#0B2345!important; font-size:15px!important; font-weight:800!important; }
.quotation-page .quotation-action-buttons { display:flex!important; align-items:center!important; justify-content:flex-end!important; gap:8px!important; flex-wrap:wrap!important; }.quotation-page .quotation-action-buttons button { min-height:40px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; padding:0 14px!important; border-radius:8px!important; font-size:12px!important; font-weight:800!important; line-height:1!important; white-space:nowrap!important; box-shadow:0 3px 8px rgba(15,39,75,.08)!important; }
.quotation-page .quotation-action-buttons .quotation-sample-action { color:#175CD3!important; background:#EFF6FF!important; border:1px solid #A9CBF5!important; }.quotation-page .quotation-action-buttons .quotation-import-action { color:#fff!important; background:linear-gradient(135deg,#075CC7,#1683E6)!important; border:1px solid #075CC7!important; }.quotation-page .quotation-action-buttons .quotation-export-action.export-excel { color:#fff!important; background:linear-gradient(135deg,#047857,#10B981)!important; border-color:#047857!important; }.quotation-page .quotation-action-buttons .quotation-export-action.export-pdf { color:#fff!important; background:linear-gradient(135deg,#BE123C,#EF476F)!important; border-color:#BE123C!important; }.quotation-page .quotation-action-buttons .quotation-import-action:disabled { opacity:.58!important; cursor:not-allowed!important; box-shadow:none!important; }
@media(max-width:900px) { .quotation-page .quotation-action-toolbar { align-items:flex-start!important; flex-direction:column!important; }.quotation-page .quotation-action-buttons { width:100%!important; justify-content:flex-start!important; } }
@media(max-width:560px) { .quotation-page .quotation-action-toolbar { padding:12px!important; }.quotation-page .quotation-action-buttons { display:grid!important; grid-template-columns:1fr 1fr!important; }.quotation-page .quotation-action-buttons button { width:100%!important; padding-inline:9px!important; }.quotation-page .quotation-action-buttons .new-blue { grid-column:1/-1!important; } }

/* Quotation register: the same clear title, table controls and framed list system used by Client Master and My Task. */
.quotation-page .quotation-register-card { overflow:visible!important; background:#fff!important; border:1px solid #D6E1EE!important; border-radius:12px!important; box-shadow:0 4px 14px rgba(15,39,75,.055)!important; }
.quotation-page .quotation-register-heading { min-height:62px!important; display:flex!important; align-items:center!important; justify-content:space-between!important; gap:14px!important; padding:13px 15px 10px!important; color:#0B2345!important; background:#fff!important; border-bottom:1px solid #E0E8F1!important; }.quotation-page .quotation-register-heading>div { display:grid!important; gap:2px!important; }.quotation-page .quotation-register-heading span { color:#0866D9!important; font-size:10px!important; font-weight:850!important; letter-spacing:.09em!important; }.quotation-page .quotation-register-heading h2 { margin:0!important; color:#0B2345!important; font-size:17px!important; font-weight:800!important; }.quotation-page .quotation-register-heading p { margin:0!important; color:#74869B!important; font-size:12px!important; }.quotation-page .quotation-register-heading>b { display:inline-flex!important; align-items:center!important; gap:6px!important; color:#09864E!important; font-size:12px!important; font-weight:800!important; white-space:nowrap!important; }.quotation-page .quotation-register-heading>b::before { content:""!important; width:7px!important; height:7px!important; background:#10B981!important; border-radius:50%!important; }
.quotation-page .quotation-display-toolbar { min-height:58px!important; display:flex!important; align-items:center!important; justify-content:flex-end!important; gap:7px!important; padding:10px 14px!important; background:#fff!important; border-bottom:1px solid #D6E1EE!important; }.quotation-page .quotation-display-toolbar input { width:206px!important; min-height:38px!important; color:#334A64!important; background:#F8FBFF!important; border:1px solid #C9D9ED!important; border-radius:8px!important; font-size:13px!important; }.quotation-page .quotation-display-toolbar button,.quotation-page .quotation-display-toolbar summary,.quotation-page .quotation-density-control { min-height:38px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:6px!important; padding:0 11px!important; color:#3F5875!important; background:#fff!important; border:1px solid #C9D9ED!important; border-radius:8px!important; font-size:12px!important; font-weight:750!important; white-space:nowrap!important; cursor:pointer!important; }.quotation-page .quotation-column-options { position:relative!important; }.quotation-page .quotation-column-options>summary { list-style:none!important; }.quotation-page .quotation-column-options>summary::-webkit-details-marker { display:none!important; }.quotation-page .quotation-column-options[open]>summary { color:#075CC7!important; background:#EFF6FF!important; border-color:#A9CBF5!important; }.quotation-page .quotation-column-options>div { position:absolute!important; top:44px!important; right:0!important; z-index:40!important; width:230px!important; display:grid!important; gap:4px!important; padding:10px!important; background:#fff!important; border:1px solid #B9CFE7!important; border-radius:9px!important; box-shadow:0 12px 25px rgba(15,39,75,.16)!important; }.quotation-page .quotation-column-options label { display:flex!important; align-items:center!important; gap:7px!important; padding:4px!important; color:#405A77!important; font-size:12px!important; font-weight:650!important; }.quotation-page .quotation-density-control { padding-right:5px!important; }.quotation-page .quotation-density-control select { min-height:28px!important; padding:0 19px 0 5px!important; color:#263B56!important; background:#fff!important; border:0!important; font-size:12px!important; font-weight:750!important; }
.quotation-page .quotation-register-card .quotation-table-wrap { max-height:min(62dvh,680px)!important; margin:0!important; overflow:auto!important; border:0!important; border-radius:0 0 12px 12px!important; box-shadow:none!important; }.quotation-page .quotation-register-card .quotation-table { min-width:1960px!important; border-collapse:separate!important; border-spacing:0!important; }.quotation-page .quotation-register-card .quotation-table thead th { position:sticky!important; top:0!important; z-index:10!important; height:45px!important; padding:8px 10px!important; color:#0B2345!important; background:#E8EEF5!important; border-right:1px solid #C3D0DF!important; border-bottom:2px solid #AABBCD!important; font-size:12px!important; font-weight:850!important; text-align:center!important; vertical-align:middle!important; }.quotation-page .quotation-register-card .quotation-table tbody td { min-height:52px!important; padding:9px 10px!important; color:#294966!important; background:#fff!important; border-right:1px solid #D6E0EB!important; border-bottom:1px solid #D6E0EB!important; font-size:13px!important; vertical-align:middle!important; }.quotation-page .quotation-register-card .quotation-table tbody tr:nth-child(even) td { background:#F8FAFC!important; }.quotation-page .quotation-register-card .quotation-table tbody tr:hover td { background:#EDF5FB!important; }.quotation-page .quotation-register-card .quotation-table td strong { color:#173A61!important; font-size:13px!important; font-weight:800!important; }.quotation-page .quotation-register-card .quotation-table td .muted { color:#71849A!important; font-size:11px!important; }.quotation-page .quotation-register-card .quotation-table th:nth-child(1),.quotation-page .quotation-register-card .quotation-table td:nth-child(1),.quotation-page .quotation-register-card .quotation-table th:nth-child(n+3):nth-child(-n+15),.quotation-page .quotation-register-card .quotation-table td:nth-child(n+3):nth-child(-n+15) { text-align:center!important; }.quotation-page .quotation-register-card .quotation-table td.actions { min-width:164px!important; }.quotation-page .quotation-register-card .quotation-table td.actions>button { min-height:32px!important; padding:6px 10px!important; font-size:12px!important; }
.quotation-page.quotation-workspace,.quotation-page.quotation-workspace>* { min-width:0!important; max-width:100%!important; }.quotation-page .quotation-action-toolbar,.quotation-page .quotation-register-card,.quotation-page .quotation-display-toolbar { width:100%!important; max-width:100%!important; min-width:0!important; box-sizing:border-box!important; }.quotation-page .quotation-action-buttons,.quotation-page .quotation-display-toolbar { justify-content:flex-start!important; }.quotation-page .quotation-action-buttons { margin-left:auto!important; min-width:0!important; }.quotation-page .quotation-display-toolbar { flex-wrap:wrap!important; }.quotation-page .quotation-register-card .quotation-table-wrap { width:100%!important; max-width:100%!important; min-width:0!important; box-sizing:border-box!important; }
.quotation-page .quotation-register-card .quotation-table-wrap.density-compact tbody td { min-height:39px!important; padding:5px 8px!important; }.quotation-page .quotation-register-card .quotation-table-wrap.density-spacious tbody td { min-height:68px!important; padding:15px 11px!important; }
@media(max-width:820px) { .quotation-page .quotation-register-heading { align-items:flex-start!important; }.quotation-page .quotation-register-heading>b { display:none!important; }.quotation-page .quotation-display-toolbar { justify-content:flex-start!important; flex-wrap:wrap!important; }.quotation-page .quotation-display-toolbar input { flex:1 1 190px!important; }.quotation-page .quotation-register-card .quotation-table-wrap { max-height:min(58dvh,620px)!important; } }
@media(max-width:520px) { .quotation-page .quotation-register-heading { padding:12px!important; }.quotation-page .quotation-display-toolbar { padding:9px 11px!important; }.quotation-page .quotation-display-toolbar input { width:100%!important; flex-basis:100%!important; }.quotation-page .quotation-display-toolbar button,.quotation-page .quotation-column-options,.quotation-page .quotation-density-control { flex:1 1 calc(50% - 4px)!important; }.quotation-page .quotation-column-options>summary,.quotation-page .quotation-density-control { width:100%!important; box-sizing:border-box!important; }.quotation-page .quotation-register-card .quotation-table { min-width:1960px!important; } }

/* Billing & Invoices: keep every filter and export action on one usable toolbar row. */
.enterprise-page.billing-invoices-page { padding:0 20px 28px!important; }
.billing-invoices-page .enterprise-page-header { margin:0 -20px!important; padding-top:22px!important; }
.billing-invoices-page .billing-controls-panel { margin:0!important; padding:13px 14px!important; overflow:hidden!important; background:#fff!important; border:1px solid #d6dee9!important; border-radius:11px!important; box-shadow:0 2px 8px rgba(15,39,75,.045)!important; }
.billing-invoices-page .billing-controls-row { width:100%!important; justify-content:flex-start!important; flex-wrap:nowrap!important; gap:8px!important; overflow-x:auto!important; overscroll-behavior-x:contain!important; padding-bottom:2px!important; }
.billing-invoices-page .billing-controls-row > * { flex:0 0 auto!important; }.billing-invoices-page .billing-controls-row > input { width:310px!important; }.billing-invoices-page .billing-controls-row select { width:156px!important; }.billing-invoices-page .billing-controls-row .date-inline { display:flex!important; align-items:center!important; gap:6px!important; white-space:nowrap!important; }.billing-invoices-page .billing-controls-row .date-inline input { width:140px!important; }.billing-invoices-page .billing-controls-row button { min-height:40px!important; white-space:nowrap!important; }
@media(max-width:820px) { .enterprise-page.billing-invoices-page { padding:0 12px 20px!important; }.billing-invoices-page .billing-controls-panel { padding:11px!important; }.billing-invoices-page .billing-controls-row { overflow-x:auto!important; flex-wrap:nowrap!important; }.billing-invoices-page .billing-controls-row > * { flex:0 0 auto!important; } }

/* Billing register columns and Change Status dialog. */
.billing-invoices-page .completed-engagement-table th:nth-child(4),.billing-invoices-page .completed-engagement-table td:nth-child(4) { text-align:right!important; white-space:nowrap!important; }.billing-invoices-page .completed-engagement-table th:nth-child(5),.billing-invoices-page .completed-engagement-table td:nth-child(5) { text-align:center!important; }
.billing-invoices-page .workflow-freeze-wrap { overflow:auto!important; }
.enterprise-page.fee-pending-page { padding:0 0 28px 20px!important; }
.fee-pending-page .enterprise-page-header { margin:0 0 0 -20px!important; padding-left:20px!important; padding-right:20px!important; }
.fee-pending-page .workflow-freeze-wrap { width:100%!important; max-width:none!important; margin-right:0!important; border-radius:11px 0 0 11px!important; }
.fee-pending-page .completed-received-head { margin-right:0!important; }
.fee-workflow-table .fee-remarks-cell { min-width:220px!important; max-width:220px!important; color:#405A77!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; }
.fee-pending-table th:nth-child(8),.fee-pending-table td:nth-child(8),.fee-pending-table th:nth-child(9),.fee-pending-table td:nth-child(9),.fee-pending-table th:nth-child(10),.fee-pending-table td:nth-child(10),.fee-received-table th:nth-child(8),.fee-received-table td:nth-child(8),.fee-received-table th:nth-child(9),.fee-received-table td:nth-child(9),.fee-received-table th:nth-child(11),.fee-received-table td:nth-child(11) { text-align:right!important; white-space:nowrap!important; }
.row-action-menu { position:fixed!important; min-width:170px!important; max-width:calc(100vw - 16px)!important; z-index:700!important; }
.modal:has(.completed-status-form) { align-items:center!important; justify-content:center!important; padding:16px!important; }
.modal-card:has(.completed-status-form) { width:min(640px,calc(100vw - 32px))!important; max-width:640px!important; height:auto!important; max-height:min(52dvh,480px)!important; margin:auto!important; padding:0!important; overflow:hidden!important; background:#fff!important; border:1px solid #D6DEE9!important; border-radius:14px!important; box-shadow:0 24px 55px rgba(2,20,55,.24)!important; }
.completed-status-form { width:100%!important; max-height:min(52dvh,480px)!important; display:flex!important; flex-direction:column!important; gap:14px!important; overflow:auto!important; padding:18px!important; background:#fff!important; color:#0B2345!important; }
.completed-status-form .completed-status-header { flex:0 0 auto!important; align-items:center!important; padding-bottom:12px!important; border-bottom:1px solid #D6DEE9!important; }.completed-status-form .completed-status-title { display:flex!important; align-items:center!important; gap:11px!important; }.completed-status-form .completed-status-header h2 { margin:0!important; color:#0B2345!important; font-size:22px!important; font-weight:800!important; }.completed-status-form .completed-status-back { min-height:38px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; padding:7px 11px!important; color:#075CC7!important; background:#EDF5FF!important; border:1px solid #B9D5F8!important; border-radius:8px!important; font-size:13px!important; font-weight:800!important; white-space:nowrap!important; }.completed-status-form .completed-status-back:hover { color:#fff!important; background:#0866D9!important; border-color:#0866D9!important; }
.completed-status-form .completed-status-close,.completed-status-form .completed-status-cancel { min-height:40px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; padding:8px 14px!important; color:#B4233A!important; background:#FFF1F3!important; border:1px solid #F3ABB7!important; border-radius:8px!important; font-size:13px!important; font-weight:800!important; white-space:nowrap!important; }.completed-status-form .completed-status-close:hover,.completed-status-form .completed-status-cancel:hover { color:#fff!important; background:#C3293F!important; border-color:#C3293F!important; }
.completed-status-form .completed-status-summary { margin:0!important; padding:12px!important; background:#F8FAFC!important; border:1px solid #C8D5E3!important; border-left:4px solid #0866D9!important; border-radius:10px!important; font-size:13px!important; }.completed-status-form .completed-status-summary strong { color:#0B2345!important; font-size:16px!important; font-weight:800!important; }.completed-status-form label { gap:7px!important; color:#315272!important; font-size:13px!important; font-weight:750!important; }.completed-status-form input,.completed-status-form select,.completed-status-form textarea { min-height:40px!important; color:#0B2345!important; background:#fff!important; border:1px solid #C8D5E3!important; border-radius:8px!important; font-size:14px!important; }.completed-status-form textarea { min-height:68px!important; resize:vertical!important; }.completed-status-form .completed-status-actions { position:sticky!important; bottom:-18px!important; display:flex!important; justify-content:flex-end!important; gap:10px!important; margin:2px -18px -18px!important; padding:12px 18px!important; background:rgba(255,255,255,.98)!important; border-top:1px solid #D6DEE9!important; box-shadow:0 -6px 16px rgba(15,39,75,.08)!important; }.completed-status-form .completed-status-actions #save-completed-status { min-height:40px!important; padding:8px 16px!important; color:#fff!important; background:#0866D9!important; border-color:#0866D9!important; font-size:13px!important; }
@media(max-width:820px) { .billing-invoices-page .enterprise-page-header { margin:0 -12px!important; }.modal:has(.completed-status-form) { padding:0!important; }.modal-card:has(.completed-status-form) { width:100vw!important; max-width:none!important; max-height:70dvh!important; border-radius:14px 14px 0 0!important; }.completed-status-form { max-height:70dvh!important; padding:16px 14px!important; }.completed-status-form .completed-status-actions { bottom:-16px!important; margin:2px -14px -16px!important; padding:12px 14px!important; }.completed-status-form .completed-status-actions button { flex:1!important; } }

/* Client Master editor: clear white workspace with readable fields and persistent actions. */
.modal:has(.client-editor-form) { align-items:center!important; justify-content:center!important; padding:18px!important; }
.modal-card:has(.client-editor-form) { width:min(1120px,calc(100vw - 36px))!important; max-width:1120px!important; height:auto!important; max-height:calc(100dvh - 36px)!important; margin:auto!important; padding:0!important; overflow:hidden!important; color:#18304e!important; background:#fff!important; border:1px solid #c6d4e3!important; border-radius:16px!important; box-shadow:0 24px 64px rgba(11,31,57,.24)!important; }
.client-editor-form { display:flex!important; flex-direction:column!important; max-height:calc(100dvh - 36px)!important; overflow:auto!important; color:#18304e!important; background:#fff!important; }
.client-editor-form [data-protected-modal] { display:none!important; }
.client-editor-header { position:sticky; top:0; z-index:8; display:flex!important; align-items:flex-start!important; justify-content:space-between!important; gap:18px!important; padding:22px 24px 18px!important; color:#15304f!important; background:#fff!important; border-bottom:2px solid #d8e2ed!important; }
.client-editor-eyebrow { display:block!important; margin-bottom:4px!important; color:#1769d5!important; font-size:12px!important; font-weight:800!important; letter-spacing:.09em!important; text-transform:uppercase!important; }
.client-editor-header h2 { margin:0!important; color:#102b4b!important; font-size:25px!important; font-weight:800!important; letter-spacing:-.02em!important; }
.client-editor-header p { margin:6px 0 0!important; color:#61758c!important; font-size:14px!important; font-weight:500!important; }
.client-editor-close { flex:0 0 auto!important; min-width:78px!important; min-height:42px!important; padding:9px 15px!important; color:#b4233a!important; background:#fff3f5!important; border:1px solid #f1a7b4!important; border-radius:9px!important; font-size:14px!important; font-weight:800!important; }
.client-editor-close:hover { color:#fff!important; background:#c62942!important; border-color:#c62942!important; }
.client-editor-form #client-form { display:grid!important; gap:16px!important; padding:20px 24px 4px!important; background:#fff!important; }
.client-editor-section { padding:18px!important; background:#fff!important; border:1px solid #ccd9e6!important; border-radius:12px!important; box-shadow:0 2px 8px rgba(23,51,82,.035)!important; }
.client-editor-section-heading { display:flex!important; align-items:flex-start!important; justify-content:space-between!important; gap:14px!important; margin:0 0 16px!important; padding-bottom:12px!important; border-bottom:1px solid #e1e8f0!important; }
.client-editor-section-heading h3 { margin:0!important; color:#153150!important; font-size:18px!important; font-weight:800!important; }
.client-editor-section-heading p { margin:4px 0 0!important; color:#6b7f95!important; font-size:13px!important; font-weight:500!important; }
.client-editor-grid { gap:17px 14px!important; }
.client-editor-form label { display:grid!important; gap:7px!important; min-width:0!important; color:#304f70!important; font-size:14px!important; font-weight:800!important; line-height:1.25!important; }
.client-editor-form input,.client-editor-form select,.client-editor-form textarea { width:100%!important; min-height:44px!important; box-sizing:border-box!important; color:#172f4c!important; background:#fff!important; border:1.5px solid #afc3d9!important; border-radius:9px!important; font-size:14px!important; font-weight:500!important; }
.client-editor-form textarea { min-height:132px!important; padding:12px!important; resize:vertical!important; line-height:1.5!important; }
.client-editor-form input:focus,.client-editor-form select:focus,.client-editor-form textarea:focus { border-color:#1769d5!important; box-shadow:0 0 0 3px rgba(23,105,213,.13)!important; outline:0!important; }
.client-editor-form .row { gap:8px!important; }
.client-editor-form .row .secondary { min-width:38px!important; min-height:44px!important; padding:8px 11px!important; color:#185fc0!important; background:#f4f8fd!important; border:1px solid #afc7e3!important; font-size:16px!important; font-weight:800!important; }
.client-editor-notes-grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:20px!important; }
.client-editor-actions { position:sticky!important; bottom:0!important; z-index:9!important; display:flex!important; justify-content:flex-end!important; gap:10px!important; margin:18px 0 0!important; padding:15px 24px!important; background:rgba(255,255,255,.98)!important; border-top:2px solid #d8e2ed!important; box-shadow:0 -8px 20px rgba(21,48,79,.08)!important; }
.client-editor-save,.client-editor-cancel { min-height:46px!important; padding:10px 20px!important; border-radius:9px!important; font-size:15px!important; font-weight:800!important; }
.client-editor-save { color:#fff!important; background:#1769d5!important; border:1px solid #1769d5!important; }
.client-editor-cancel { color:#b4233a!important; background:#fff2f4!important; border:1px solid #eda3b0!important; }
.client-editor-cancel:hover { color:#fff!important; background:#c62942!important; border-color:#c62942!important; }
@media(max-width:820px) { .modal:has(.client-editor-form) { padding:10px!important; }.modal-card:has(.client-editor-form),.client-editor-form { max-height:calc(100dvh - 20px)!important; }.client-editor-header,.client-editor-form #client-form { padding-left:16px!important; padding-right:16px!important; }.client-editor-grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; }.client-editor-notes-grid { grid-template-columns:1fr!important; }.client-editor-actions { padding:13px 16px!important; } }
@media(max-width:560px) { .modal:has(.client-editor-form) { padding:0!important; }.modal-card:has(.client-editor-form) { width:100vw!important; max-width:none!important; max-height:100dvh!important; border:0!important; border-radius:0!important; }.client-editor-form { max-height:100dvh!important; }.client-editor-header { padding:16px!important; }.client-editor-header h2 { font-size:21px!important; }.client-editor-header p { display:none!important; }.client-editor-close { min-width:66px!important; min-height:38px!important; padding:7px 10px!important; font-size:13px!important; }.client-editor-form #client-form { padding:14px!important; }.client-editor-section { padding:14px!important; }.client-editor-grid { grid-template-columns:1fr!important; }.client-editor-actions { justify-content:stretch!important; }.client-editor-save,.client-editor-cancel { flex:1!important; padding-inline:10px!important; } }

/* Documents & Pending: flush workspace plus an accessible, readable edit-details panel. */
.enterprise-page.pending-page { padding:0 0 28px 20px!important; }
.pending-page .enterprise-page-header { margin:0 0 0 -20px!important; padding:28px 20px!important; }
/* Give the Documents & Pending hero an extra 0.5 cm of vertical breathing room. */
.pending-page .module-hero.enterprise-module-hero,.pending-page .enterprise-page-header { height:calc(var(--page-header-height) + 19px)!important; min-height:calc(var(--page-header-height) + 19px)!important; }
.enterprise-page-shell .content:has(.pending-page) { padding-top:0!important; }
.pending-page .pending-freeze-wrap { width:100%!important; margin-right:0!important; border-radius:11px 0 0 11px!important; }
.pending-page .filter-panel,.pending-page .pagination { margin-right:0!important; }
.pending-page .pending-remarks-cell { min-width:220px!important; max-width:220px!important; overflow:hidden!important; color:#405A77!important; text-overflow:ellipsis!important; white-space:nowrap!important; }
.pending-page .pending-table th:nth-child(2),.pending-page .pending-table td:nth-child(2) { width:310px!important; min-width:310px!important; max-width:310px!important; }.pending-page .pending-table th:nth-child(3),.pending-page .pending-table td:nth-child(3) { width:125px!important; min-width:125px!important; text-align:center!important; white-space:nowrap!important; }
.modal:has(.pending-status-form) { align-items:center!important; justify-content:center!important; padding:16px!important; }
.modal-card:has(.pending-status-form) { width:min(940px,calc(100vw - 32px))!important; max-width:940px!important; height:auto!important; max-height:calc(100dvh - 32px)!important; margin:auto!important; padding:0!important; overflow:hidden!important; border:1px solid #D6DEE9!important; border-radius:14px!important; box-shadow:0 24px 55px rgba(2,20,55,.24)!important; }
.pending-status-form { max-height:calc(100dvh - 34px)!important; display:flex!important; flex-direction:column!important; gap:16px!important; overflow:auto!important; padding:20px!important; color:#0B2345!important; background:#fff!important; }
.pending-status-form .pending-modal-header { flex:0 0 auto!important; align-items:center!important; padding-bottom:14px!important; border-bottom:1px solid #D6DEE9!important; }.pending-status-form .pending-modal-header h2 { color:#0B2345!important; font-size:23px!important; font-weight:800!important; }
.pending-status-form .compact-form-grid { gap:14px!important; }.pending-status-form label { gap:7px!important; color:#315272!important; font-size:12px!important; font-weight:750!important; }.pending-status-form input,.pending-status-form select,.pending-status-form textarea { min-height:42px!important; padding:9px 10px!important; color:#0B2345!important; background:#fff!important; border:1px solid #C8D5E3!important; border-radius:8px!important; font-size:14px!important; }.pending-status-form textarea { min-height:72px!important; resize:vertical!important; }
.pending-status-form .pending-lines { padding:15px!important; background:#F8FAFC!important; border:1px solid #C8D5E3!important; border-radius:10px!important; }.pending-status-form .pending-lines-header { align-items:center!important; gap:12px!important; }.pending-status-form .pending-lines h3 { color:#0B2345!important; font-size:17px!important; font-weight:800!important; line-height:1.25!important; }
.pending-status-form .pending-add-line { min-height:40px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; padding:8px 14px!important; color:#0759B8!important; background:#EDF5FF!important; border:1px solid #8DB8EB!important; border-radius:8px!important; font-size:13px!important; font-weight:800!important; white-space:nowrap!important; }.pending-status-form .pending-add-line:hover { color:#fff!important; background:#0866D9!important; border-color:#0866D9!important; }
.pending-status-form .pending-line-row { grid-template-columns:42px minmax(0,1fr) auto!important; gap:9px!important; }.pending-status-form .pending-line-row button { min-height:38px!important; padding:7px 11px!important; font-size:12px!important; }
.pending-status-form .pending-modal-actions { position:sticky!important; bottom:0!important; z-index:5!important; display:flex!important; justify-content:flex-end!important; gap:10px!important; margin:4px -20px 0!important; padding:14px 20px!important; background:rgba(255,255,255,.98)!important; border-top:1px solid #D6DEE9!important; box-shadow:0 -7px 18px rgba(15,39,75,.08)!important; }.pending-status-form .pending-modal-actions button,.pending-status-form .pending-cancel-action { min-height:44px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; padding:9px 17px!important; border-radius:8px!important; font-size:14px!important; font-weight:800!important; white-space:nowrap!important; }.pending-status-form .pending-export-action { color:#C3293F!important; background:#FFF5F6!important; border:1px solid #F2A6B2!important; }.pending-status-form .pending-save-action { color:#fff!important; background:#0866D9!important; border-color:#0866D9!important; }.pending-status-form .pending-cancel-action { color:#B4233A!important; background:#FFF1F3!important; border:1px solid #F3ABB7!important; }.pending-status-form .pending-cancel-action:hover { color:#fff!important; background:#C3293F!important; border-color:#C3293F!important; }
@media(max-width:980px) { .pending-page .module-hero.enterprise-module-hero,.pending-page .enterprise-page-header { height:auto!important; min-height:calc(var(--page-header-height) + 19px)!important; } }
@media(max-width:820px) { .enterprise-page.pending-page { padding:0 0 20px 12px!important; }.pending-page .enterprise-page-header { margin-left:-12px!important; padding:24px 12px!important; }.modal:has(.pending-status-form) { padding:0!important; }.modal-card:has(.pending-status-form) { width:100vw!important; max-width:none!important; height:100dvh!important; max-height:100dvh!important; border:0!important; border-radius:0!important; }.pending-status-form { max-height:100dvh!important; padding:16px 14px!important; }.pending-status-form .pending-modal-actions { bottom:0!important; margin:4px -14px 0!important; padding:12px 14px!important; }.pending-status-form .pending-modal-actions button { flex:1 1 0!important; padding-inline:10px!important; }.pending-status-form .pending-line-row { grid-template-columns:1fr!important; }.pending-status-form .pending-line-sn { display:none!important; }.pending-status-form .pending-lines-header { align-items:flex-start!important; flex-direction:column!important; }.pending-status-form .pending-add-line { width:100%!important; } }

/* Audit Overview: one consistent card system in two desktop rows. */
.audit-page-modern .audit-kpi-grid.audit-kpi-grid-all { grid-template-columns:repeat(7,minmax(0,1fr))!important; gap:11px!important; }
.audit-page-modern .audit-kpi-grid.audit-kpi-grid-all .audit-metric { min-height:92px!important; padding:14px!important; background:#fff!important; border:1px solid #d7e0ec!important; border-radius:10px!important; box-shadow:0 3px 9px rgba(15,39,75,.07)!important; }
.audit-page-modern .audit-kpi-grid.audit-kpi-grid-all .audit-metric .audit-metric-icon { width:34px!important; height:34px!important; flex-basis:34px!important; border-radius:9px!important; font-size:15px!important; }
.audit-page-modern .audit-kpi-grid.audit-kpi-grid-all .audit-metric-copy strong { font-size:26px!important; }.audit-page-modern .audit-kpi-grid.audit-kpi-grid-all .audit-metric-copy small { font-size:11px!important; }
.audit-toolbar-actions .audit-menu:first-child>summary { color:#075f40!important; background:#ecfdf3!important; border-color:#76d3a0!important; }.audit-toolbar-actions .audit-menu:first-child>summary:hover,.audit-toolbar-actions .audit-menu:first-child[open]>summary { color:#fff!important; background:#07845a!important; border-color:#07845a!important; }
.audit-toolbar-actions .audit-menu:nth-child(2)>summary { color:#0759b8!important; background:#edf5ff!important; border-color:#8db8eb!important; }.audit-toolbar-actions .audit-menu:nth-child(2)>summary:hover,.audit-toolbar-actions .audit-menu:nth-child(2)[open]>summary { color:#fff!important; background:#0866d9!important; border-color:#0866d9!important; }
@media(max-width:1180px) { .audit-page-modern .audit-kpi-grid.audit-kpi-grid-all { grid-template-columns:repeat(4,minmax(0,1fr))!important; } }
@media(max-width:820px) { .audit-page-modern .audit-kpi-grid.audit-kpi-grid-all { grid-template-columns:repeat(2,minmax(0,1fr))!important; } }

/* Fineasy authenticated workspace design system — shared by every signed-in route. */
:root { --page-bg:#F5F7FA; --panel-bg:#FFFFFF; --subtle-bg:#F8FAFC; --table-header-bg:#E8EDF4; --text-primary:#0B2345; --text-secondary:#64748B; --text-muted:#8190A5; --border-default:#D6DEE9; --border-strong:#B9C7D8; --radius-control:8px; --radius-card:10px; --radius-panel:12px; --radius-modal:14px; --shadow-card:0 2px 8px rgba(15,35,65,.08); --shadow-panel:0 4px 14px rgba(15,35,65,.08); --transition-fast:160ms ease; }
/* Shared coloured portfolio cards: each summary remains easy to distinguish at a glance. */
.quotation-page .quotation-kpi-strip button:nth-child(1) { background:#EDF5FF!important; border-color:#9FC6F3!important; }.quotation-page .quotation-kpi-strip button:nth-child(2) { background:#F5F0FF!important; border-color:#D1BDF8!important; }.quotation-page .quotation-kpi-strip button:nth-child(3) { background:#ECFEFF!important; border-color:#8DE1DD!important; }.quotation-page .quotation-kpi-strip button:nth-child(4) { background:#FFF7E8!important; border-color:#F4CF83!important; }.quotation-page .quotation-kpi-strip button:nth-child(5) { background:#F5F3FF!important; border-color:#CFC0FB!important; }.quotation-page .quotation-kpi-strip button:nth-child(6) { background:#ECFDF3!important; border-color:#93DFB2!important; }.quotation-page .quotation-kpi-strip button:nth-child(7) { background:#FFF1F3!important; border-color:#F5B8C2!important; }.quotation-page .quotation-kpi-strip button:nth-child(8) { background:#EFFBFF!important; border-color:#9ED7E9!important; }
.client-master-page .client-pulse-tile:nth-child(1) { background:#EDF5FF!important; border-color:#9FC6F3!important; }.client-master-page .client-pulse-tile:nth-child(2) { background:#F5F0FF!important; border-color:#D1BDF8!important; }.client-master-page .client-pulse-tile:nth-child(3) { background:#ECFEFF!important; border-color:#8DE1DD!important; }.client-master-page .client-pulse-tile:nth-child(4) { background:#FFF7E8!important; border-color:#F4CF83!important; }
.audit-page-modern .audit-kpi-grid.audit-kpi-grid-all .audit-metric:nth-child(7n + 1) { background:#EDF5FF!important; border-color:#9FC6F3!important; }.audit-page-modern .audit-kpi-grid.audit-kpi-grid-all .audit-metric:nth-child(7n + 2) { background:#F5F0FF!important; border-color:#D1BDF8!important; }.audit-page-modern .audit-kpi-grid.audit-kpi-grid-all .audit-metric:nth-child(7n + 3) { background:#ECFEFF!important; border-color:#8DE1DD!important; }.audit-page-modern .audit-kpi-grid.audit-kpi-grid-all .audit-metric:nth-child(7n + 4) { background:#FFF7E8!important; border-color:#F4CF83!important; }.audit-page-modern .audit-kpi-grid.audit-kpi-grid-all .audit-metric:nth-child(7n + 5) { background:#F5F3FF!important; border-color:#CFC0FB!important; }.audit-page-modern .audit-kpi-grid.audit-kpi-grid-all .audit-metric:nth-child(7n + 6) { background:#ECFDF3!important; border-color:#93DFB2!important; }.audit-page-modern .audit-kpi-grid.audit-kpi-grid-all .audit-metric:nth-child(7n) { background:#FFF1F3!important; border-color:#F5B8C2!important; }
.audit-page-modern .audit-kpi-grid.audit-kpi-grid-all .audit-metric:nth-child(7n + 1) .audit-metric-icon { color:#1D4ED8!important; background:#DBEAFE!important; }.audit-page-modern .audit-kpi-grid.audit-kpi-grid-all .audit-metric:nth-child(7n + 2) .audit-metric-icon { color:#6D28D9!important; background:#EDE9FE!important; }.audit-page-modern .audit-kpi-grid.audit-kpi-grid-all .audit-metric:nth-child(7n + 3) .audit-metric-icon { color:#0E7490!important; background:#CFFAFE!important; }.audit-page-modern .audit-kpi-grid.audit-kpi-grid-all .audit-metric:nth-child(7n + 4) .audit-metric-icon { color:#B45309!important; background:#FEF3C7!important; }.audit-page-modern .audit-kpi-grid.audit-kpi-grid-all .audit-metric:nth-child(7n + 5) .audit-metric-icon { color:#6D28D9!important; background:#EDE9FE!important; }.audit-page-modern .audit-kpi-grid.audit-kpi-grid-all .audit-metric:nth-child(7n + 6) .audit-metric-icon { color:#15803D!important; background:#D1FAE5!important; }.audit-page-modern .audit-kpi-grid.audit-kpi-grid-all .audit-metric:nth-child(7n) .audit-metric-icon { color:#BE123C!important; background:#FFE4E6!important; }

.shell { color:var(--text-primary)!important; background:var(--page-bg)!important; font-family:Inter,Manrope,"Segoe UI",Arial,sans-serif!important; }.shell .main,.shell .content { background:var(--page-bg)!important; }.shell .content { gap:16px!important; padding:20px!important; }
.shell:not(.enterprise-page-shell):not(.my-task-shell) .topbar { color:#fff!important; background:linear-gradient(100deg,#163A67 0%,#14345E 50%,#12305A 100%)!important; border-bottom:1px solid rgba(148,163,184,.22)!important; box-shadow:0 3px 12px rgba(15,39,75,.14)!important; }.shell:not(.enterprise-page-shell):not(.my-task-shell) .topbar .page-context,.shell:not(.enterprise-page-shell):not(.my-task-shell) .topbar .page-context h1,.shell:not(.enterprise-page-shell):not(.my-task-shell) .topbar .page-context p,.shell:not(.enterprise-page-shell):not(.my-task-shell) .topbar .breadcrumb { color:#fff!important; }.shell:not(.enterprise-page-shell):not(.my-task-shell) .topbar .breadcrumb { color:#C6D7EB!important; }.shell:not(.enterprise-page-shell):not(.my-task-shell) .topbar .breadcrumb span { color:#85A8D0!important; }
.shell .panel,.shell .filter-panel,.shell .table-wrap,.shell .audit-records-shell,.shell .client-records-card { background:var(--panel-bg)!important; border:1px solid var(--border-default)!important; border-radius:var(--radius-panel)!important; box-shadow:var(--shadow-panel)!important; }.shell .panel { padding:16px!important; }
.shell input,.shell select,.shell textarea,.shell .rich-text { min-height:40px!important; color:var(--text-primary)!important; background:#fff!important; border:1px solid #C8D5E3!important; border-radius:var(--radius-control)!important; font:400 13px Inter,Manrope,"Segoe UI",Arial,sans-serif!important; }.shell input:focus,.shell select:focus,.shell textarea:focus { outline:0!important; border-color:#0866D9!important; box-shadow:0 0 0 3px rgba(8,102,217,.13)!important; }
.shell button,.shell .button { min-height:38px!important; border-radius:var(--radius-control)!important; font:600 12px Inter,Manrope,"Segoe UI",Arial,sans-serif!important; transition:background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)!important; }.shell button:focus-visible { outline:3px solid rgba(8,102,217,.28)!important; outline-offset:2px!important; }.shell button.new-blue,.shell .client-primary,.shell .audit-primary-action { color:#fff!important; background:#0866D9!important; border-color:#0866D9!important; }.shell button.new-blue:hover,.shell .client-primary:hover,.shell .audit-primary-action:hover { background:#075BBF!important; border-color:#075BBF!important; }.shell button.export-excel { color:#087443!important; background:#fff!important; border-color:#71D5A2!important; }.shell button.export-pdf { color:#C3293F!important; background:#fff!important; border-color:#F2A6B2!important; }.shell .audit-menu>summary,.shell .client-menu>summary { min-height:38px!important; font:600 12px Inter,Manrope,"Segoe UI",Arial,sans-serif!important; }
.shell .table-card-toolbar { min-height:52px!important; margin:0!important; padding:10px 12px!important; background:#fff!important; border:1px solid var(--border-default)!important; border-bottom:0!important; border-radius:var(--radius-panel) var(--radius-panel) 0 0!important; box-shadow:var(--shadow-card)!important; }.shell .table-card-title strong { color:var(--text-primary)!important; font-size:14px!important; font-weight:700!important; }.shell .table-card-title span { color:var(--text-secondary)!important; font-size:11px!important; }.shell .table-card-controls { gap:7px!important; }.shell .table-search { min-height:38px!important; }
.shell .table-wrap { overflow-x:auto!important; border-radius:0 0 var(--radius-panel) var(--radius-panel)!important; }.shell .table-wrap.no-table-toolbar { border-radius:var(--radius-panel)!important; }.shell .pro-table,.shell table { border-collapse:separate!important; border-spacing:0!important; background:#fff!important; }.shell .pro-table thead th,.shell table thead th { position:sticky!important; top:0!important; z-index:10!important; height:44px!important; padding:9px 10px!important; color:#0B2345!important; background:var(--table-header-bg)!important; border-right:1px solid var(--border-default)!important; border-bottom:2px solid var(--border-strong)!important; font-size:12px!important; font-weight:700!important; vertical-align:middle!important; }.shell .pro-table thead th:first-child,.shell table thead th:first-child { border-left:1px solid var(--border-default)!important; }.shell .pro-table tbody td,.shell table tbody td { padding:9px 10px!important; color:#29415D!important; background:#fff!important; border-right:1px solid var(--border-default)!important; border-bottom:1px solid var(--border-default)!important; font-size:12.5px!important; vertical-align:middle!important; }.shell .pro-table tbody tr:nth-child(even) td,.shell table tbody tr:nth-child(even) td { background:#F8FAFC!important; }.shell .pro-table tbody tr:hover td,.shell table tbody tr:hover td { background:#EEF6FF!important; }.shell .pro-table td strong,.shell table td strong { color:#0B2345!important; font-size:13px!important; font-weight:600!important; }.shell .pro-table td small,.shell table td small { color:var(--text-secondary)!important; font-size:11px!important; font-weight:400!important; }
.shell .q-tabs,.shell .audit-status-strip,.shell .task-quick-tabs { gap:7px!important; background:transparent!important; border:0!important; }.shell .q-tabs button,.shell .audit-status-strip .audit-metric,.shell .task-quick-tabs button { min-height:34px!important; color:#294866!important; background:#fff!important; border:1px solid var(--border-default)!important; border-radius:8px!important; box-shadow:none!important; }.shell .q-tabs button.active,.shell .audit-status-strip .audit-metric.active,.shell .task-quick-tabs button.active { color:#fff!important; background:#0866D9!important; border-color:#0866D9!important; }
.shell .status,.shell .priority { min-height:24px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; padding:3px 8px!important; border:0!important; border-radius:7px!important; font-size:11px!important; font-weight:600!important; }.shell .priority.normal { color:#1959B7!important; background:#E1ECFF!important; }.shell .priority.low { color:#52667E!important; background:#E9EEF5!important; }.shell .priority.medium { color:#9A5C00!important; background:#FFF0D5!important; }.shell .priority.high,.shell .priority.urgent { color:#B4233A!important; background:#FDE3E6!important; }
.shell .modal-card,.shell .audit-view-drawer,.shell .client-view-drawer { color:var(--text-primary)!important; background:#fff!important; border:1px solid var(--border-default)!important; border-radius:var(--radius-modal)!important; box-shadow:0 24px 55px rgba(2,20,55,.24)!important; }.shell .modal-card header,.shell .audit-drawer-header,.shell .client-view-drawer>header { border-color:var(--border-default)!important; }.shell .pagination { padding:12px 14px!important; border-top:1px solid var(--border-default)!important; }
@media(max-width:1180px) { .shell .content { padding:18px!important; }.shell .table-card-toolbar { align-items:flex-start!important; flex-direction:column!important; }.shell .table-card-controls { width:100%; justify-content:flex-start!important; flex-wrap:wrap!important; } }
@media(max-width:820px) { .shell .content { padding:14px!important; }.shell:not(.enterprise-page-shell):not(.my-task-shell) .topbar { padding:14px!important; }.shell .panel { padding:13px!important; }.shell .table-card-controls { overflow-x:auto!important; flex-wrap:nowrap!important; }.shell .table-card-controls>* { flex:0 0 auto!important; } }

/* Shared enterprise workspace treatment for live registers. */
:root { --shell-navy-950:#0E294A; --shell-navy-900:#102746; --shell-navy-800:#12305A; --shell-navy-700:#163A67; --action-blue:#0866D9; --page-background:#F5F7FA; --panel-background:#FFFFFF; --table-header:#E8EDF4; --border-colour:#D6DEE9; --primary-text:#0B2345; --secondary-text:#64748B; --success:#168A4A; --warning:#D97706; --danger:#DC3545; --info:#0866D9; }
.enterprise-page-shell .topbar { display:none!important; }
.enterprise-page-shell .content { padding:0!important; background:var(--page-background)!important; }
.enterprise-page,.enterprise-page-shell .audit-page-modern { gap:16px!important; padding:0 20px 28px!important; color:var(--primary-text)!important; background:var(--page-background)!important; }
.enterprise-page-header,.enterprise-page-shell .audit-page-header { display:flex!important; align-items:center!important; justify-content:space-between!important; gap:18px!important; margin:0 -20px!important; padding:18px 20px!important; color:#fff!important; background:linear-gradient(100deg,#163A67 0%,#14345E 50%,#12305A 100%)!important; border:0!important; box-shadow:0 3px 12px rgba(15,39,75,.14)!important; }
.enterprise-breadcrumb,.enterprise-page-header .enterprise-breadcrumb,.enterprise-page-shell .audit-breadcrumb { margin:0 0 5px!important; color:#C6D7EB!important; font-size:12px!important; font-weight:600!important; }.enterprise-breadcrumb span,.enterprise-page-shell .audit-breadcrumb span { color:#85A8D0!important; }
.enterprise-page-header h1,.enterprise-page-shell .audit-page-header h1 { margin:0!important; color:#fff!important; font-size:25px!important; font-weight:750!important; letter-spacing:-.025em!important; }.enterprise-page-header p,.enterprise-page-shell .audit-page-header p { margin:5px 0 0!important; color:#D4E1F0!important; font-size:13px!important; line-height:1.45!important; }
.enterprise-page-actions { display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:8px; }.enterprise-page-header button,.enterprise-page-shell .audit-page-header button { min-height:38px!important; padding:0 12px!important; border-radius:8px!important; font-size:12px!important; font-weight:700!important; }.enterprise-page-header .new-blue,.enterprise-page-shell .audit-primary-action { color:#fff!important; background:var(--action-blue)!important; border-color:#4491F0!important; box-shadow:none!important; }
.enterprise-page .filter-panel,.enterprise-page-shell .audit-toolbar-shell { padding:13px 14px!important; color:var(--primary-text)!important; background:#fff!important; border:1px solid var(--border-colour)!important; border-radius:11px!important; box-shadow:0 4px 14px rgba(15,39,75,.045)!important; }.enterprise-page .filter-panel .section-heading { color:var(--primary-text)!important; font-size:13px!important; font-weight:750!important; }
.enterprise-page .filter-panel label,.enterprise-page .client-select-filter,.enterprise-page .client-date-filter,.enterprise-page .date-inline { color:#506782!important; font-size:11px!important; font-weight:700!important; letter-spacing:.025em!important; text-transform:uppercase!important; }.enterprise-page .filter-panel input,.enterprise-page .filter-panel select,.enterprise-page .completed-received-controls input,.enterprise-page .completed-received-controls select,.enterprise-page .completed-received-controls .date-inline input,.enterprise-page .client-toolbar input,.enterprise-page .client-toolbar select,.enterprise-page-shell .audit-toolbar-shell input,.enterprise-page-shell .audit-toolbar-shell select { min-height:40px!important; color:var(--primary-text)!important; background:#fff!important; border:1px solid #C8D5E3!important; border-radius:8px!important; box-shadow:none!important; font-size:13px!important; }.enterprise-page input:focus,.enterprise-page select:focus,.enterprise-page-shell .audit-toolbar-shell input:focus,.enterprise-page-shell .audit-toolbar-shell select:focus { outline:0!important; border-color:var(--action-blue)!important; box-shadow:0 0 0 3px rgba(8,102,217,.13)!important; }
.enterprise-page .q-tabs,.enterprise-page-shell .audit-status-strip { display:flex!important; gap:7px!important; overflow-x:auto!important; padding:5px!important; background:transparent!important; border:0!important; }.enterprise-page .q-tabs button,.enterprise-page-shell .audit-status-strip .audit-metric { min-height:34px!important; padding:0 11px!important; color:#294866!important; background:#fff!important; border:1px solid var(--border-colour)!important; border-radius:8px!important; box-shadow:none!important; font-size:12px!important; font-weight:700!important; white-space:nowrap!important; }.enterprise-page .q-tabs button.active,.enterprise-page-shell .audit-status-strip .audit-metric.active { color:#fff!important; background:var(--action-blue)!important; border-color:var(--action-blue)!important; }
.enterprise-page .table-wrap,.enterprise-page-shell .audit-records-shell,.enterprise-page .client-records-card { overflow:visible!important; background:#fff!important; border:1px solid var(--border-colour)!important; border-radius:11px!important; box-shadow:0 4px 14px rgba(15,39,75,.045)!important; }.enterprise-page .table-wrap { overflow-x:auto!important; }
.enterprise-page .pro-table,.enterprise-page-shell .audit-register-table,.enterprise-page-shell .sticky-engagement-table,.enterprise-page .client-master-table { border-collapse:separate!important; border-spacing:0!important; background:#fff!important; }.enterprise-page .pro-table thead th,.enterprise-page-shell .audit-register-table thead th,.enterprise-page-shell .sticky-engagement-table thead th,.enterprise-page .client-master-table thead th { position:sticky!important; top:0!important; z-index:10!important; height:42px!important; padding:9px 10px!important; color:var(--primary-text)!important; background:var(--table-header)!important; border-right:1px solid var(--border-colour)!important; border-bottom:1px solid var(--border-colour)!important; font-size:12px!important; font-weight:750!important; letter-spacing:0!important; text-transform:none!important; white-space:nowrap!important; }.enterprise-page .pro-table tbody td,.enterprise-page-shell .audit-register-table tbody td,.enterprise-page-shell .sticky-engagement-table tbody td,.enterprise-page .client-master-table tbody td { padding:9px 10px!important; color:#29415D!important; background:#fff!important; border-right:1px solid var(--border-colour)!important; border-bottom:1px solid var(--border-colour)!important; font-size:12px!important; }.enterprise-page .pro-table tbody tr:nth-child(even) td,.enterprise-page-shell .audit-register-table tbody tr:nth-child(even) td,.enterprise-page-shell .sticky-engagement-table tbody tr:nth-child(even) td,.enterprise-page .client-master-table tbody tr:nth-child(even) td { background:#F8FAFC!important; }.enterprise-page .pro-table tbody tr:hover td,.enterprise-page-shell .audit-register-table tbody tr:hover td,.enterprise-page-shell .sticky-engagement-table tbody tr:hover td,.enterprise-page .client-master-table tbody tr:hover td { background:#EEF6FF!important; }
.enterprise-page .amount,.enterprise-page-shell .amount { text-align:right!important; font-variant-numeric:tabular-nums; }.enterprise-page .status,.enterprise-page-shell .status { min-height:24px!important; padding:3px 8px!important; border-radius:7px!important; font-size:11px!important; font-weight:700!important; }
.enterprise-page button.export-excel { color:#087443!important; background:#fff!important; border:1px solid #71D5A2!important; }.enterprise-page button.export-pdf { color:#C3293F!important; background:#fff!important; border:1px solid #F2A6B2!important; }.enterprise-page .completed-received-head { margin:0!important; padding:13px 14px!important; background:#fff!important; border:1px solid var(--border-colour)!important; border-radius:11px!important; box-shadow:0 4px 14px rgba(15,39,75,.045)!important; }.enterprise-page .completed-received-controls { justify-content:flex-end!important; flex-wrap:wrap!important; }
.enterprise-page-shell .audit-overview-shell,.enterprise-page-shell .audit-records-shell { border-color:var(--border-colour)!important; border-radius:11px!important; }.enterprise-page-shell .audit-overview-shell { box-shadow:0 4px 14px rgba(15,39,75,.045)!important; }.enterprise-page-shell .audit-metric { border-radius:10px!important; }.enterprise-page-shell .audit-metric.primary-metric { background:#fff!important; border-color:var(--border-colour)!important; box-shadow:0 3px 10px rgba(15,39,75,.04)!important; }.enterprise-page-shell .audit-metric.primary-metric.active { background:#F0F7FF!important; border-color:#75ADEE!important; }
@media(max-width:820px) { .enterprise-page,.enterprise-page-shell .audit-page-modern { padding:0 12px 20px!important; }.enterprise-page-header,.enterprise-page-shell .audit-page-header { align-items:flex-start!important; flex-direction:column!important; margin:0 -12px!important; padding:16px 12px!important; }.enterprise-page-actions { width:100%; justify-content:flex-start; }.enterprise-page .completed-received-controls { justify-content:flex-start!important; }.enterprise-page .completed-received-controls>* { flex:1 1 140px; }.enterprise-page .filter-panel .toolbar { grid-template-columns:repeat(2,minmax(0,1fr))!important; }.enterprise-page .filter-panel input,.enterprise-page .filter-panel select { min-width:0!important; width:100%!important; } }
@media(max-width:560px) { .enterprise-page-header h1,.enterprise-page-shell .audit-page-header h1 { font-size:22px!important; }.enterprise-page-header p,.enterprise-page-shell .audit-page-header p { font-size:12px!important; }.enterprise-page-actions button { flex:1 1 auto; }.enterprise-page .filter-panel .toolbar { grid-template-columns:1fr!important; }.enterprise-page .client-summary-strip,.enterprise-page-shell .audit-kpi-grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; } }

/* Client Master follows the My Task workspace shell without changing client logic. */
.client-master-page { display:grid!important; gap:30px!important; padding:18px 0 22px!important; background:#f5f7fa!important; }
.client-master-page .client-master-hero:not(.module-hero) { padding:22px 18px 18px!important; color:#fff!important; background:linear-gradient(100deg,#163a67 0%,#14345e 50%,#12305a 100%)!important; border:1px solid rgba(148,163,184,.2)!important; border-radius:12px!important; box-shadow:0 3px 12px rgba(15,39,75,.14)!important; }
.client-master-page .client-master-header { display:flex!important; align-items:flex-start!important; justify-content:space-between!important; gap:16px!important; padding:0 0 18px!important; }
.client-master-page .client-breadcrumb { color:rgba(255,255,255,.78)!important; font-size:12px!important; font-weight:600!important; }.client-master-page .client-breadcrumb span { color:rgba(255,255,255,.58)!important; }
.client-master-page .client-master-header h1 { margin:5px 0 0!important; color:#fff!important; font-size:30px!important; line-height:1.08!important; letter-spacing:-.03em!important; }.client-master-page .client-master-header p { margin:6px 0 0!important; color:rgba(255,255,255,.84)!important; font-size:14px!important; }
.client-master-page .client-master-header-actions { display:flex!important; align-items:center!important; justify-content:flex-end!important; flex-wrap:wrap!important; gap:8px!important; }.client-master-page .task-action { min-height:36px!important; padding:0 12px!important; display:inline-flex!important; align-items:center!important; gap:6px!important; color:#1a4a8c!important; background:#fff!important; border:1px solid rgba(255,255,255,.55)!important; border-radius:8px!important; box-shadow:0 2px 5px rgba(7,27,59,.16)!important; font-size:12px!important; font-weight:750!important; }.client-master-page .task-action svg { width:14px!important; height:14px!important; }.client-master-page .task-export-excel { color:#087443!important; border-color:#c7dfd2!important; }.client-master-page .task-export-pdf { color:#c3374a!important; border-color:#efc9d0!important; }.client-master-page .task-action.client-primary { color:#fff!important; background:#0866d9!important; border-color:#4491f0!important; }
.client-master-page .client-summary-strip { display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:10px!important; }.client-master-page .client-pulse-tile,.client-master-page .client-pulse-tile:nth-child(n) { min-height:92px!important; display:grid!important; grid-template-columns:34px 1fr!important; grid-template-rows:auto 1fr!important; column-gap:10px!important; align-items:center!important; padding:13px!important; color:#0b2345!important; background:#fff!important; border:1px solid #d7e0ec!important; border-left:4px solid var(--client-accent)!important; border-radius:10px!important; box-shadow:0 3px 9px rgba(15,39,75,.09)!important; text-align:left!important; }.client-master-page .client-pulse-tile>span { grid-row:1 / span 2!important; width:31px!important; height:31px!important; display:grid!important; place-items:center!important; color:var(--client-accent)!important; background:#fff!important; border:1.5px solid var(--client-accent)!important; border-radius:50%!important; }.client-master-page .client-pulse-tile strong { align-self:start!important; color:#0b2345!important; font-size:29px!important; line-height:1!important; }.client-master-page .client-pulse-tile small { color:#38526f!important; font-size:12px!important; font-weight:750!important; }.client-master-page .client-pulse-tile:nth-child(1){--client-accent:#2563eb}.client-master-page .client-pulse-tile:nth-child(2){--client-accent:#6941c6}.client-master-page .client-pulse-tile:nth-child(3){--client-accent:#099b96}.client-master-page .client-pulse-tile:nth-child(4){--client-accent:#d97706}
.client-master-page .client-master-filters { padding:13px 14px!important; color:#0b2345!important; background:#fff!important; border:1px solid #d6dee9!important; border-radius:11px!important; box-shadow:0 2px 8px rgba(15,39,75,.045)!important; }.client-master-page .workspace-filter-kicker { margin:0 0 10px!important; color:#315272!important; font-size:12px!important; font-weight:800!important; letter-spacing:.08em!important; text-transform:uppercase!important; }.client-master-page .client-toolbar { display:grid!important; grid-template-columns:minmax(260px,1.35fr) minmax(0,5.2fr) auto!important; gap:10px!important; align-items:end!important; }.client-master-page .client-toolbar-search { min-height:40px!important; height:40px!important; border-radius:8px!important; }.client-master-page .client-filter-row { display:flex!important; grid-column:auto!important; align-items:end!important; gap:8px!important; flex-wrap:nowrap!important; overflow-x:auto!important; padding-bottom:2px!important; }.client-master-page .client-filter-row>* { flex:0 0 auto!important; }.client-master-page .client-select-filter,.client-master-page .client-date-control { display:grid!important; gap:4px!important; color:#506782!important; font-size:11px!important; font-weight:700!important; letter-spacing:.025em!important; text-transform:uppercase!important; }.client-master-page .client-select-filter select,.client-master-page .client-date-control input { width:120px!important; min-height:40px!important; height:40px!important; }.client-master-page .client-toolbar-actions { display:flex!important; gap:7px!important; align-items:center!important; white-space:nowrap!important; }.client-master-page .client-clear-filters { min-height:40px!important; color:#0866d9!important; background:#fff!important; border:1px solid #9db9dc!important; }
.client-master-page .client-list-card { position:relative!important; padding:0!important; overflow:visible!important; background:#fff!important; border:1px solid #d6dee9!important; border-radius:11px!important; box-shadow:0 3px 10px rgba(15,39,75,.045)!important; }.client-master-page .client-table-heading { display:flex!important; align-items:center!important; justify-content:space-between!important; gap:12px!important; margin:0!important; padding:12px 14px 0!important; background:#fff!important; border:0!important; }.client-master-page .client-table-heading h2 { margin:0!important; color:#0b2345!important; font-size:14px!important; }.client-master-page .client-table-heading p { margin:2px 0 0!important; color:#64748b!important; font-size:11px!important; }.client-master-page .client-table-heading>span { color:#09864e!important; font-size:12px!important; font-weight:700!important; }.client-master-page .client-table-heading>span::before { content:""; display:inline-block; width:7px; height:7px; margin-right:6px; background:#10b981; border-radius:50%; }
.client-master-page .client-list-card>.table-card-toolbar { display:flex!important; align-items:center!important; justify-content:space-between!important; gap:12px!important; min-height:52px!important; margin:0!important; padding:10px 14px!important; background:#fff!important; border:0!important; box-shadow:none!important; }.client-master-page .client-list-card>.table-card-toolbar .table-card-title { display:none!important; }.client-master-page .client-list-card>.table-card-toolbar .table-card-controls { margin-left:auto!important; display:flex!important; align-items:center!important; justify-content:flex-end!important; gap:6px!important; flex-wrap:wrap!important; }.client-master-page .client-list-card>.table-card-toolbar .table-search { width:190px!important; min-height:38px!important; color:#334a64!important; background:#f8fbff!important; border:1px solid #c9d9ed!important; border-radius:8px!important; font-size:13px!important; }.client-master-page .client-list-card>.table-card-toolbar button,.client-master-page .client-list-card>.table-card-toolbar .table-density-label { min-height:38px!important; display:inline-flex!important; align-items:center!important; gap:6px!important; padding:0 11px!important; color:#3f5875!important; background:#fff!important; border:1px solid #c9d9ed!important; border-radius:8px!important; font-size:13px!important; font-weight:700!important; white-space:nowrap!important; }
.client-master-page .client-master-freeze-wrap { height:auto!important; max-height:min(62vh,680px)!important; margin:0!important; overflow:auto!important; border:0!important; border-top:1px solid #d6dee9!important; border-radius:0 0 11px 11px!important; box-shadow:none!important; scrollbar-color:#9fb8d6 #f4f8fd; scrollbar-width:thin; }.client-master-page .client-master-table { width:100%!important; min-width:1330px!important; table-layout:fixed!important; border-collapse:separate!important; border-spacing:0!important; }.client-master-page .client-master-table thead th { position:sticky!important; top:0!important; z-index:10!important; height:43px!important; padding:0 10px!important; color:#0b2345!important; background:#e8edf4!important; border-right:1px solid #c9d4e2!important; border-bottom:2px solid #bdcada!important; font-size:12px!important; font-weight:800!important; text-align:left!important; }.client-master-page .client-master-table tbody td { height:52px!important; padding:8px 10px!important; color:#40556f!important; background:#fff!important; border-right:1px solid #d7e0ea!important; border-bottom:1px solid #d7e0ea!important; font-size:13px!important; vertical-align:middle!important; }.client-master-page .client-master-table tbody tr:nth-child(even) td { background:#f8fafc!important; }.client-master-page .client-master-table tbody tr:hover td { background:#edf5fb!important; }.client-master-page .client-master-table th:last-child,.client-master-page .client-master-table td:last-child { border-right:0!important; }.client-master-page .client-master-table td strong { color:#172f4d!important; font-size:13px!important; font-weight:750!important; }.client-master-page .client-master-table td small { color:#718198!important; font-size:11px!important; }.client-master-page .client-master-table th:nth-child(1),.client-master-page .client-master-table td:nth-child(1),.client-master-page .client-master-table th:nth-child(3),.client-master-page .client-master-table td:nth-child(3),.client-master-page .client-master-table th:nth-child(8),.client-master-page .client-master-table td:nth-child(8),.client-master-page .client-master-table th:nth-child(9),.client-master-page .client-master-table td:nth-child(9) { text-align:center!important; }.client-master-page .client-master-table td:nth-child(2) strong,.client-master-page .client-master-table td:nth-child(2) small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.client-master-page .client-view-button { min-height:32px!important; color:#fff!important; background:#0866d9!important; border-color:#0866d9!important; border-radius:7px!important; }.client-master-page .client-more-button { width:32px!important; height:32px!important; color:#0866d9!important; background:#eff6ff!important; border-color:#bfdbfe!important; border-radius:7px!important; }
@media(max-width:1320px){.client-master-page .client-summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important}.client-master-page .client-toolbar{grid-template-columns:1fr!important}.client-master-page .client-filter-row{grid-column:1!important;flex-wrap:wrap!important;overflow:visible!important}.client-master-page .client-toolbar-actions{grid-column:1!important;justify-content:flex-start!important}}
@media(max-width:820px){.client-master-page{padding:14px 0 20px!important;gap:20px!important}.client-master-page .client-master-hero{padding:16px 14px!important}.client-master-page .client-master-header{align-items:flex-start!important;flex-direction:column!important}.client-master-page .client-master-header-actions{width:100%;justify-content:flex-start!important}.client-master-page .client-list-card>.table-card-toolbar{align-items:flex-start!important;flex-direction:column!important}.client-master-page .client-list-card>.table-card-toolbar .table-card-controls{width:100%;justify-content:flex-start!important}.client-master-page .client-master-table{min-width:1330px!important}}
@media(max-width:560px){.client-master-page .client-summary-strip{grid-template-columns:1fr!important}.client-master-page .client-master-header-actions{display:grid!important;grid-template-columns:1fr 1fr!important}.client-master-page .client-master-header-actions .client-primary{grid-column:1/-1!important;justify-content:center!important}.client-master-page .client-filter-row{display:grid!important;grid-template-columns:1fr!important}.client-master-page .client-select-filter,.client-master-page .client-date-control{width:100%!important}.client-master-page .client-select-filter select,.client-master-page .client-date-control input{width:100%!important}.client-master-page .client-list-card>.table-card-toolbar .table-search{width:100%!important}}

/* Keep register headers flush with the workspace edge; the generic panel rule must not reintroduce top padding. */
.enterprise-page-shell .content > .quotation-page.quotation-workspace,
.enterprise-page-shell .content > .billing-invoices-page { padding:0 20px 28px!important; }
.enterprise-page-shell .content > .quotation-page.quotation-workspace > .enterprise-page-header,
.enterprise-page-shell .content > .billing-invoices-page > .enterprise-page-header { margin-top:0!important; }
@media(max-width:820px) { .enterprise-page-shell .content > .quotation-page.quotation-workspace,.enterprise-page-shell .content > .billing-invoices-page { padding:0 12px 20px!important; } }

/* Backup & Restore workspace. */
.backup-page { display:grid!important; gap:16px!important; padding:4px!important; color:#0B2345!important; }
.backup-page .backup-hero { display:flex!important; align-items:center!important; justify-content:space-between!important; gap:24px!important; padding:22px 24px!important; color:#fff!important; background:linear-gradient(112deg,#12305A 0%,#163A67 58%,#0C4C82 100%)!important; border:1px solid #1D548C!important; border-radius:14px!important; box-shadow:0 8px 22px rgba(15,39,75,.16)!important; }
.backup-hero-copy { min-width:0!important; }.backup-hero-copy>span,.backup-history-card header>div>span { display:block!important; margin-bottom:5px!important; color:#98C7F8!important; font-size:11px!important; font-weight:800!important; letter-spacing:.11em!important; }.backup-hero-copy h2 { margin:0!important; color:#fff!important; font-size:25px!important; font-weight:800!important; letter-spacing:-.025em!important; }.backup-hero-copy p { max-width:620px!important; margin:6px 0 0!important; color:#D4E5F8!important; font-size:13px!important; line-height:1.5!important; }
.backup-page .backup-actions { display:flex!important; flex:0 0 auto!important; align-items:center!important; justify-content:flex-end!important; flex-wrap:wrap!important; gap:8px!important; }.backup-page button.backup-create,.backup-page button.backup-download,.backup-page button.backup-sync,.backup-page .backup-restore { min-width:0!important; min-height:40px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; padding:0 13px!important; border-radius:8px!important; font-size:12px!important; font-weight:800!important; white-space:nowrap!important; cursor:pointer!important; }.backup-page button.backup-create { color:#075CC7!important; background:#EDF5FF!important; border:1px solid #A6CBF4!important; }.backup-page button.backup-download { color:#087443!important; background:#EDFFF4!important; border:1px solid #87DAB0!important; }.backup-page button.backup-sync { color:#fff!important; background:#2563EB!important; border-color:#5D9BEE!important; box-shadow:0 6px 14px rgba(1,55,141,.25)!important; }.backup-page .backup-restore { color:#B4233A!important; background:#FFF1F3!important; border:1px solid #F3ABB7!important; }
.backup-protection-card { display:grid!important; grid-template-columns:46px minmax(0,1fr) auto!important; align-items:center!important; gap:13px!important; padding:16px 18px!important; background:#fff!important; border:1px solid #B9D7F4!important; border-radius:12px!important; box-shadow:0 3px 10px rgba(15,39,75,.045)!important; }.backup-protection-icon { width:46px!important; height:46px!important; display:grid!important; place-items:center!important; color:#0866D9!important; background:#EAF3FF!important; border-radius:12px!important; font-size:25px!important; font-weight:800!important; }.backup-protection-copy { display:grid!important; gap:3px!important; }.backup-protection-copy>span { color:#0866D9!important; font-size:11px!important; font-weight:800!important; letter-spacing:.07em!important; text-transform:uppercase!important; }.backup-protection-copy strong { color:#0B2345!important; font-size:16px!important; font-weight:800!important; }.backup-protection-copy p { margin:0!important; color:#64748B!important; font-size:12px!important; }.backup-toggle { display:flex!important; align-items:center!important; gap:8px!important; color:#168A4A!important; font-size:12px!important; font-weight:800!important; cursor:pointer!important; }.backup-toggle input { position:absolute!important; opacity:0!important; }.backup-toggle span { position:relative!important; width:40px!important; height:22px!important; background:#D7E2EF!important; border-radius:999px!important; transition:background .16s ease!important; }.backup-toggle span:after { content:""!important; position:absolute!important; top:3px!important; left:3px!important; width:16px!important; height:16px!important; background:#fff!important; border-radius:50%!important; box-shadow:0 1px 3px rgba(15,39,75,.25)!important; transition:transform .16s ease!important; }.backup-toggle input:checked + span { background:#168A4A!important; }.backup-toggle input:checked + span:after { transform:translateX(18px)!important; }
.backup-stat-grid { display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:12px!important; }.backup-stat-grid article { display:grid!important; gap:5px!important; min-height:104px!important; padding:15px 16px!important; background:#fff!important; border:1px solid #D6DEE9!important; border-radius:12px!important; box-shadow:0 3px 10px rgba(15,39,75,.04)!important; }.backup-stat-grid article:nth-child(1) { border-top:3px solid #2563EB!important; }.backup-stat-grid article:nth-child(2) { border-top:3px solid #16A36A!important; }.backup-stat-grid article:nth-child(3) { border-top:3px solid #7C3AED!important; }.backup-stat-grid span { color:#64748B!important; font-size:12px!important; font-weight:700!important; }.backup-stat-grid strong { color:#0B2345!important; font-size:21px!important; font-weight:800!important; }.backup-stat-grid small { color:#8190A5!important; font-size:11px!important; }
.backup-history-card { overflow:hidden!important; background:#fff!important; border:1px solid #D6DEE9!important; border-radius:12px!important; box-shadow:0 4px 14px rgba(15,39,75,.055)!important; }.backup-history-card>header { display:flex!important; align-items:center!important; justify-content:space-between!important; gap:14px!important; padding:16px 18px!important; border-bottom:1px solid #D6DEE9!important; background:#FBFCFE!important; }.backup-history-card header>div>span { color:#0866D9!important; }.backup-history-card h3 { margin:0!important; color:#0B2345!important; font-size:17px!important; font-weight:800!important; }.backup-history-card p { margin:3px 0 0!important; color:#64748B!important; font-size:12px!important; }.backup-live-indicator { display:inline-flex!important; align-items:center!important; gap:6px!important; color:#168A4A!important; font-size:12px!important; font-weight:750!important; }.backup-live-indicator:before { content:""!important; width:7px!important; height:7px!important; background:#22C55E!important; border-radius:50%!important; box-shadow:0 0 0 4px #E7F8EE!important; }.backup-history-table-wrap { overflow-x:auto!important; }.backup-history-table { width:100%!important; min-width:700px!important; border-collapse:separate!important; border-spacing:0!important; }.backup-history-table th { height:43px!important; padding:9px 13px!important; color:#315272!important; background:#E8EDF4!important; border-right:1px solid #D6DEE9!important; border-bottom:1px solid #B9C7D8!important; font-size:12px!important; font-weight:800!important; text-align:left!important; }.backup-history-table td { min-height:48px!important; padding:11px 13px!important; color:#29415D!important; background:#fff!important; border-right:1px solid #D6DEE9!important; border-bottom:1px solid #D6DEE9!important; font-size:12px!important; }.backup-history-table tbody tr:nth-child(even) td { background:#F8FAFC!important; }.backup-type { display:inline-flex!important; min-height:24px!important; align-items:center!important; padding:3px 8px!important; border-radius:7px!important; font-size:11px!important; font-weight:750!important; }.backup-type.manual { color:#1959B7!important; background:#E1ECFF!important; }.backup-type.automatic { color:#087443!important; background:#DDF8E8!important; }.backup-empty { min-height:145px!important; display:grid!important; place-items:center!important; align-content:center!important; gap:6px!important; padding:18px!important; text-align:center!important; }.backup-empty b { width:36px!important; height:36px!important; display:grid!important; place-items:center!important; color:#2563EB!important; background:#EAF3FF!important; border-radius:10px!important; font-size:22px!important; }.backup-empty strong { color:#29415D!important; font-size:14px!important; }.backup-empty span { color:#8190A5!important; font-size:12px!important; }
@media(max-width:900px) { .backup-page .backup-hero { align-items:flex-start!important; flex-direction:column!important; }.backup-page .backup-actions { justify-content:flex-start!important; }.backup-stat-grid { grid-template-columns:1fr!important; }.backup-protection-card { grid-template-columns:46px minmax(0,1fr)!important; }.backup-toggle { grid-column:1/-1!important; justify-self:start!important; } }
@media(max-width:560px) { .backup-page { gap:12px!important; padding:0!important; }.backup-page .backup-hero { padding:18px 15px!important; border-radius:0!important; }.backup-page .backup-actions { width:100%!important; }.backup-page .backup-actions>* { flex:1 1 calc(50% - 4px)!important; }.backup-protection-card { padding:14px!important; }.backup-history-card { border-radius:10px!important; }.backup-history-card>header { padding:14px!important; }.backup-live-indicator { display:none!important; } }

/* Dashboard command placement: keep only useful named controls beside the welcome. */
.dashboard-shell .page-context,.dashboard-shell #app-back,.dashboard-shell .dashboard-global-actions,.dashboard-shell .topbar { display:none!important; }.dashboard-shell .content { padding-top:0!important; }.enterprise-dashboard .enterprise-welcome { align-items:flex-start!important; min-height:150px!important; }.enterprise-dashboard .enterprise-controls { display:flex!important; flex:0 1 690px!important; max-width:690px!important; align-items:flex-end!important; flex-direction:column!important; gap:12px!important; }.dashboard-command-bar { display:flex!important; align-items:center!important; justify-content:flex-end!important; flex-wrap:wrap!important; gap:7px!important; }.dashboard-command-bar .quick-add-wrap { position:relative!important; }.dashboard-command { position:relative!important; min-height:38px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:6px!important; padding:0 11px!important; border:1px solid transparent!important; border-radius:8px!important; box-shadow:0 4px 10px rgba(15,39,75,.10)!important; font-size:12px!important; font-weight:800!important; white-space:nowrap!important; }.dashboard-command:hover { transform:translateY(-1px)!important; filter:brightness(.96)!important; }.dashboard-command b { min-width:17px!important; height:17px!important; display:inline-grid!important; place-items:center!important; padding:0 4px!important; color:#fff!important; background:#E44747!important; border-radius:99px!important; font-size:10px!important; line-height:1!important; }.dashboard-command-quick { color:#075CC7!important; background:#EAF3FF!important; border-color:#9FC6F3!important; }.dashboard-command-chat { color:#6D28D9!important; background:#F3E8FF!important; border-color:#D8B4FE!important; }.dashboard-command-shortcuts { color:#A16207!important; background:#FEF3C7!important; border-color:#F6D365!important; }.dashboard-notification-command { color:#B42318!important; background:#FFF1F0!important; border-color:#F5B7B1!important; }.dashboard-command-primary { color:#fff!important; background:#0866D9!important; border-color:#0866D9!important; box-shadow:0 6px 14px rgba(8,102,217,.2)!important; }.dashboard-command-primary:hover { color:#fff!important; background:#0755B7!important; border-color:#0755B7!important; }.dashboard-command-bar .quick-add-menu { top:44px!important; right:0!important; }.dashboard-period-row { display:flex!important; align-items:flex-end!important; justify-content:flex-end!important; gap:10px!important; }.dashboard-period-row label { display:grid!important; gap:5px!important; }.dashboard-period-row time { min-height:38px!important; display:inline-flex!important; align-items:center!important; }

/* Administration workspaces start directly with their own page header. */
.admin-workspace-shell .topbar { display:none!important; }.admin-workspace-shell .content { padding-top:0!important; }

/* Chat is a focused workspace, without the duplicate global toolbar. */
.chat-workspace-shell .topbar { display:none!important; }.chat-workspace-shell .content { padding:0!important; }.chat-workspace-shell .page { padding:24px!important; }

/* Staff Performance: preserve the global workspace header and use a structured, responsive insight page. */
.performance-page { gap:16px!important; padding:22px!important; background:#F4F7FB!important; border:0!important; border-radius:0!important; box-shadow:none!important; }
.performance-page-header { display:flex!important; align-items:flex-start!important; justify-content:space-between!important; gap:20px!important; padding:22px 24px!important; color:#fff!important; background:linear-gradient(105deg,#143A68,#0E5B96)!important; border:1px solid #1E6099!important; border-radius:14px!important; box-shadow:0 10px 24px rgba(10,52,95,.18)!important; }.performance-page-header h1 { margin:4px 0 6px!important; color:#fff!important; font-size:29px!important; line-height:1.1!important; }.performance-page-header p { margin:0!important; color:#DCEBFA!important; font-size:14px!important; }.performance-kicker,.performance-section-heading>div>span { display:block!important; color:#2F71D3!important; font-size:11px!important; font-weight:850!important; letter-spacing:.1em!important; text-transform:uppercase!important; }.performance-page-header .performance-kicker { color:#9DC8FF!important; }.performance-export-actions { gap:9px!important; flex-wrap:wrap!important; justify-content:flex-end!important; }.performance-export-actions button { min-height:40px!important; padding:0 14px!important; border-radius:8px!important; font-size:13px!important; font-weight:800!important; white-space:nowrap!important; }
.performance-summary-grid { display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:13px!important; }.performance-summary-card { min-height:126px!important; display:flex!important; flex-direction:column!important; justify-content:space-between!important; gap:7px!important; padding:17px!important; background:#fff!important; border:1px solid var(--performance-border)!important; border-left:5px solid var(--performance-accent)!important; border-radius:12px!important; box-shadow:0 4px 13px rgba(15,39,75,.08)!important; }.performance-summary-card span { color:#405A77!important; font-size:13px!important; font-weight:800!important; }.performance-summary-card strong { color:#0B2345!important; font-size:32px!important; line-height:1!important; }.performance-summary-card small { color:#647A94!important; font-size:12px!important; line-height:1.3!important; }.performance-summary-card.tone-blue,.performance-tab-card.tone-blue { --performance-accent:#2563EB; --performance-border:#A9C9FF; background:#F2F7FF!important; }.performance-summary-card.tone-green,.performance-tab-card.tone-green { --performance-accent:#119B64; --performance-border:#9BE1C1; background:#F0FCF6!important; }.performance-summary-card.tone-amber,.performance-tab-card.tone-amber { --performance-accent:#D88400; --performance-border:#F4D18C; background:#FFF9EC!important; }.performance-summary-card.tone-red,.performance-tab-card.tone-red { --performance-accent:#DC3D54; --performance-border:#F3B7C0; background:#FFF3F5!important; }.performance-summary-card.tone-violet,.performance-tab-card.tone-violet { --performance-accent:#7046D9; --performance-border:#CEBFFF; background:#F7F3FF!important; }.performance-summary-card.tone-cyan,.performance-tab-card.tone-cyan { --performance-accent:#008FA1; --performance-border:#9DDDE5; background:#EFFCFE!important; }
.performance-tabs-section,.performance-register,.performance-filters-panel { padding:17px!important; background:#fff!important; border:1px solid #D6E1EE!important; border-radius:12px!important; box-shadow:0 3px 10px rgba(15,39,75,.05)!important; }.performance-section-heading { display:flex!important; align-items:flex-start!important; justify-content:space-between!important; gap:12px!important; margin-bottom:13px!important; }.performance-section-heading h2 { margin:3px 0 0!important; color:#0B2345!important; font-size:19px!important; line-height:1.2!important; }.performance-section-heading small { padding-top:5px!important; color:#647A94!important; font-size:12px!important; }.performance-page .perf-tabs { grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:12px!important; }.performance-page .perf-tabs .performance-tab-card { height:112px!important; min-height:112px!important; padding:15px!important; border:1px solid var(--performance-border)!important; border-left:5px solid var(--performance-accent)!important; background:var(--performance-card-bg,#F5F9FF)!important; box-shadow:0 3px 9px rgba(15,39,75,.06)!important; }.performance-page .perf-tabs .performance-tab-card.active { transform:translateY(-1px)!important; box-shadow:0 0 0 2px var(--performance-border),0 8px 17px rgba(15,39,75,.12)!important; }.performance-page .perf-tabs .performance-tab-card span { color:#34516F!important; font-size:13px!important; font-weight:800!important; }.performance-page .perf-tabs .performance-tab-card strong { color:var(--performance-accent)!important; font-size:34px!important; }
.performance-filters-panel { margin:0!important; }.performance-filters-panel .clear-filters { min-height:38px!important; padding:0 13px!important; color:#075CC7!important; background:#EDF5FF!important; border:1px solid #A8C8F2!important; border-radius:8px!important; font-weight:800!important; }.performance-filter-grid { display:grid!important; grid-template-columns:repeat(6,minmax(0,1fr))!important; gap:11px!important; align-items:end!important; }.performance-filter-grid label { display:grid!important; min-width:0!important; gap:6px!important; color:#315272!important; font-size:12px!important; font-weight:800!important; }.performance-filter-grid input,.performance-filter-grid select { width:100%!important; min-height:42px!important; padding:9px 10px!important; color:#0B2345!important; background:#fff!important; border:1px solid #C8D5E3!important; border-radius:8px!important; font-size:13px!important; }.performance-filter-grid label:first-child { grid-column:span 2!important; }.performance-filter-grid input:focus,.performance-filter-grid select:focus { outline:0!important; border-color:#1769E0!important; box-shadow:0 0 0 3px rgba(23,105,224,.12)!important; }
.performance-page .filter-panel.small { margin:0!important; padding:12px 15px!important; color:#405A77!important; background:#EEF6FF!important; border:1px solid #B9D7F5!important; border-radius:10px!important; font-size:13px!important; }.performance-table-wrap { max-height:min(68dvh,720px)!important; border:1px solid #B9C9DB!important; border-radius:10px!important; }.performance-table { min-width:1720px!important; }.performance-table thead th { height:44px!important; padding:8px 9px!important; color:#08264A!important; background:#E8EEF5!important; border-right:1px solid #AFC0D3!important; border-bottom:2px solid #7890AA!important; text-align:center!important; vertical-align:middle!important; font-size:12px!important; font-weight:850!important; }.performance-table tbody td { padding:9px!important; color:#173A61!important; border-right:1px solid #D6E0EB!important; border-bottom:1px solid #D6E0EB!important; font-size:13px!important; vertical-align:middle!important; }.performance-table tbody tr:nth-child(even) td { background:#F9FBFD!important; }.performance-table th:nth-child(n+5):nth-child(-n+14),.performance-table td:nth-child(n+5):nth-child(-n+14) { text-align:center!important; }.performance-table .actions { min-width:310px!important; display:flex!important; gap:6px!important; flex-wrap:nowrap!important; }.performance-table .actions button { min-height:34px!important; padding:6px 9px!important; font-size:12px!important; white-space:nowrap!important; }
@media(max-width:1180px) { .performance-summary-grid,.performance-page .perf-tabs { grid-template-columns:repeat(2,minmax(0,1fr))!important; }.performance-filter-grid { grid-template-columns:repeat(3,minmax(0,1fr))!important; }.performance-filter-grid label:first-child { grid-column:span 1!important; } }
@media(max-width:720px) { .performance-page { padding:12px!important; }.performance-page-header { align-items:stretch!important; flex-direction:column!important; padding:18px!important; }.performance-page-header h1 { font-size:25px!important; }.performance-export-actions { justify-content:flex-start!important; }.performance-summary-grid,.performance-page .perf-tabs,.performance-filter-grid { grid-template-columns:1fr!important; }.performance-section-heading { align-items:flex-start!important; flex-direction:column!important; }.performance-tabs-section,.performance-register,.performance-filters-panel { padding:13px!important; }.performance-table .actions { flex-wrap:wrap!important; } }
@media(max-width:1000px) { .enterprise-dashboard .enterprise-welcome { flex-direction:column!important; }.enterprise-dashboard .enterprise-controls { width:100%!important; max-width:none!important; align-items:flex-start!important; }.dashboard-command-bar,.dashboard-period-row { justify-content:flex-start!important; } } @media(max-width:560px) { .dashboard-shell .topbar { grid-template-columns:1fr!important; }.dashboard-shell .global-search-wrap { width:100%!important; }.dashboard-command-bar { width:100%!important; }.dashboard-command,.dashboard-user-command { flex:1 1 calc(50% - 4px)!important; }.dashboard-period-row { width:100%!important; }.dashboard-period-row label { flex:1!important; }.dashboard-period-row select { width:100%!important; } }

/* Dashboard thought of the day. */
.enterprise-dashboard .enterprise-welcome-main { flex:1 1 50%!important; max-width:55%!important; }.enterprise-dashboard .daily-thought { width:100%!important; max-width:760px!important; min-height:64px!important; display:flex!important; align-items:center!important; justify-content:space-between!important; gap:18px!important; margin:17px 0 0!important; padding:12px 14px 12px 17px!important; color:#1E3A5F!important; background:linear-gradient(100deg,#F3F8FF,#F9FCFF)!important; border:1px solid #B8D4F5!important; border-left:4px solid #2563EB!important; border-radius:10px!important; box-shadow:0 4px 12px rgba(15,39,75,.045)!important; }.enterprise-dashboard .daily-thought-copy { min-width:0!important; display:flex!important; align-items:baseline!important; flex-wrap:wrap!important; gap:7px!important; }.enterprise-dashboard .daily-thought-copy>strong { color:#155EEF!important; font-size:14px!important; font-weight:850!important; letter-spacing:0!important; text-transform:none!important; white-space:nowrap!important; }.enterprise-dashboard .daily-thought-copy p { min-width:0!important; margin:0!important; overflow:visible!important; color:#1E3A5F!important; font-size:16px!important; font-weight:700!important; line-height:1.45!important; text-overflow:clip!important; white-space:normal!important; }.enterprise-dashboard .daily-thought-copy em { color:#64748B!important; font-size:14px!important; font-style:normal!important; font-weight:700!important; white-space:nowrap!important; }.enterprise-dashboard .daily-thought-bulb { width:40px!important; height:40px!important; flex:0 0 40px!important; display:grid!important; place-items:center!important; color:#A76400!important; background:#FFF4CC!important; border:1px solid #F4CF69!important; border-radius:11px!important; font-size:23px!important; line-height:1!important; }.enterprise-dashboard .daily-thought>strong,.enterprise-dashboard .daily-thought>p,.enterprise-dashboard .daily-thought>span:not(.daily-thought-bulb),.enterprise-dashboard .daily-thought .thought-category,.enterprise-dashboard .daily-thought time { display:none!important; }
@media(max-width:1000px) { .enterprise-dashboard .enterprise-welcome-main { width:100%!important; max-width:none!important; }.enterprise-dashboard .daily-thought { max-width:none!important; } } @media(max-width:560px) { .enterprise-dashboard .daily-thought { align-items:flex-start!important; gap:10px!important; padding:12px!important; }.enterprise-dashboard .daily-thought-copy { display:block!important; }.enterprise-dashboard .daily-thought-copy>strong { display:block!important; margin-bottom:4px!important; }.enterprise-dashboard .daily-thought-copy p { font-size:14px!important; }.enterprise-dashboard .daily-thought-bulb { width:35px!important; height:35px!important; flex-basis:35px!important; font-size:20px!important; } }

/* Dashboard KPI distinction and panel spacing. */
.enterprise-dashboard .enterprise-kpis { gap:13px!important; }.enterprise-dashboard .enterprise-kpi { min-height:128px!important; color:#102A4C!important; border:2px solid #8AB7EC!important; box-shadow:0 8px 18px rgba(15,39,75,.10)!important; }.enterprise-dashboard .enterprise-kpi:hover { transform:translateY(-2px)!important; }.enterprise-dashboard .enterprise-kpi small { color:#315272!important; font-size:13px!important; font-weight:850!important; letter-spacing:.035em!important; }.enterprise-dashboard .enterprise-kpi strong { margin-top:11px!important; color:#0B2345!important; font-size:31px!important; }.enterprise-dashboard .enterprise-kpi em { color:#496784!important; font-size:12px!important; font-weight:650!important; }.enterprise-dashboard .enterprise-kpi:nth-child(1) { background:#EDF5FF!important; border-color:#3B82F6!important; }.enterprise-dashboard .enterprise-kpi:nth-child(2) { background:#ECFEFF!important; border-color:#06B6D4!important; }.enterprise-dashboard .enterprise-kpi:nth-child(3) { background:#ECFDF3!important; border-color:#22C55E!important; }.enterprise-dashboard .enterprise-kpi:nth-child(4) { background:#FFF7ED!important; border-color:#F59E0B!important; }.enterprise-dashboard .enterprise-kpi:nth-child(5) { background:#F5F3FF!important; border-color:#8B5CF6!important; }.enterprise-dashboard .enterprise-kpi:nth-child(6) { background:#FFF1F2!important; border-color:#F43F5E!important; }.enterprise-dashboard .enterprise-kpi:nth-child(1)>span { color:#1D4ED8!important; background:#DBEAFE!important; }.enterprise-dashboard .enterprise-kpi:nth-child(2)>span { color:#0E7490!important; background:#CFFAFE!important; }.enterprise-dashboard .enterprise-kpi:nth-child(3)>span { color:#15803D!important; background:#D1FAE5!important; }.enterprise-dashboard .enterprise-kpi:nth-child(4)>span { color:#B45309!important; background:#FEF3C7!important; }.enterprise-dashboard .enterprise-kpi:nth-child(5)>span { color:#6D28D9!important; background:#EDE9FE!important; }.enterprise-dashboard .enterprise-kpi:nth-child(6)>span { color:#BE123C!important; background:#FFE4E6!important; }.enterprise-dashboard .enterprise-dashboard-grid { margin-top:7px!important; gap:16px!important; }.enterprise-dashboard .enterprise-card-heading>div>span { font-size:12px!important; }.enterprise-dashboard .enterprise-card-heading h3 { font-size:19px!important; }.enterprise-dashboard .enterprise-link,.enterprise-dashboard .enterprise-status-legend button,.enterprise-dashboard .enterprise-actions button,.enterprise-dashboard .enterprise-deadline strong { font-size:13px!important; }.enterprise-dashboard .enterprise-deadline small,.enterprise-dashboard .enterprise-empty small { font-size:12px!important; }.enterprise-dashboard .enterprise-empty strong { font-size:15px!important; }

/* Portfolio Status: linked, readable engagement distribution. */
.enterprise-dashboard .enterprise-status-card { padding:17px!important; color:#102A4C!important; background:#fff!important; border:1px solid #D6DEE9!important; border-left:1px solid #D6DEE9!important; border-radius:12px!important; box-shadow:0 4px 14px rgba(15,35,65,.08)!important; }.enterprise-status-heading { align-items:flex-start!important; margin-bottom:14px!important; }.enterprise-status-heading>div>span { color:#0866D9!important; font-size:11px!important; font-weight:800!important; letter-spacing:.1em!important; }.enterprise-status-heading h3 { margin:3px 0 2px!important; color:#102A4C!important; font-size:19px!important; font-weight:800!important; }.enterprise-status-heading p { margin:0!important; color:#64748B!important; font-size:12px!important; line-height:1.4!important; }.enterprise-status-card .enterprise-link { min-height:34px!important; flex:0 0 auto!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; padding:0 10px!important; color:#fff!important; background:#0866D9!important; border:1px solid #0866D9!important; border-radius:8px!important; font-size:12px!important; font-weight:800!important; white-space:nowrap!important; }.enterprise-status-card .enterprise-link:hover { color:#fff!important; background:#0756B7!important; }.enterprise-status-card .enterprise-link:focus-visible { outline:3px solid rgba(8,102,217,.28)!important; outline-offset:2px!important; }.enterprise-status-card .enterprise-status-body { grid-template-columns:34% minmax(0,66%)!important; gap:16px!important; align-items:center!important; }.enterprise-status-card .enterprise-doughnut { width:136px!important; height:136px!important; margin:auto!important; }.enterprise-status-card .enterprise-doughnut>strong { top:47px!important; color:#102A4C!important; font-size:27px!important; font-weight:800!important; font-variant-numeric:tabular-nums!important; }.enterprise-status-card .enterprise-doughnut>small { top:78px!important; color:#64748B!important; font-size:11px!important; font-weight:650!important; }.enterprise-status-card .enterprise-status-legend { gap:0!important; }.enterprise-status-card .enterprise-status-legend button { grid-template-columns:10px minmax(0,1fr) 60px 62px!important; gap:8px!important; min-height:39px!important; padding:0 8px!important; color:#102A4C!important; background:#fff!important; border:0!important; border-bottom:1px solid #E5ECF3!important; border-radius:0!important; font-size:13px!important; font-weight:650!important; cursor:pointer!important; }.enterprise-status-card .enterprise-status-legend button:last-child { border-bottom:0!important; }.enterprise-status-card .enterprise-status-legend button:disabled { color:#7B8A9B!important; cursor:default!important; }.enterprise-status-card .enterprise-status-legend button:hover:not(:disabled) { background:#F5F9FD!important; }.enterprise-status-card .enterprise-status-legend button:focus-visible { outline:2px solid #0866D9!important; outline-offset:-2px!important; }.enterprise-status-card .enterprise-status-legend i { width:8px!important; height:8px!important; }.enterprise-status-card .enterprise-status-legend span { overflow:hidden!important; color:inherit!important; text-overflow:ellipsis!important; white-space:nowrap!important; }.enterprise-status-card .enterprise-status-legend b { color:#102A4C!important; font-size:13px!important; font-variant-numeric:tabular-nums!important; text-align:right!important; }.enterprise-status-card .enterprise-status-legend em { width:auto!important; color:#64748B!important; font-size:12px!important; font-style:normal!important; font-variant-numeric:tabular-nums!important; text-align:right!important; }.enterprise-status-card footer { margin-top:12px!important; color:#718096!important; font-size:11px!important; }
@media(max-width:760px) { .enterprise-status-card .enterprise-status-body { grid-template-columns:1fr!important; }.enterprise-status-card .enterprise-doughnut { width:142px!important; height:142px!important; }.enterprise-status-card .enterprise-status-legend button { grid-template-columns:10px minmax(0,1fr) 58px 62px!important; } } @media(max-width:440px) { .enterprise-status-heading { flex-direction:column!important; gap:9px!important; }.enterprise-status-card .enterprise-link { width:100%!important; }.enterprise-status-card .enterprise-status-legend button { font-size:12px!important; } }

/* Floating Chat: compact workspace messaging without replacing the active page. */
.floating-chat-panel { position:fixed!important; top:72px!important; right:16px!important; z-index:1200!important; width:clamp(280px,16.666vw,340px)!important; height:min(68vh,620px)!important; min-height:420px!important; display:grid!important; grid-template-rows:auto auto auto minmax(0,1fr) auto!important; overflow:hidden!important; color:#112E51!important; background:#fff!important; border:1px solid #D6DEE9!important; border-radius:14px!important; box-shadow:0 18px 45px rgba(14,41,74,.20),0 4px 14px rgba(14,41,74,.10)!important; }.floating-chat-header { position:relative!important; min-height:59px!important; display:flex!important; align-items:center!important; justify-content:space-between!important; gap:8px!important; padding:10px 12px!important; color:#fff!important; background:linear-gradient(100deg,#163A67,#12305A)!important; }.floating-chat-title,.floating-chat-head-actions,.floating-chat-conversation,.floating-chat-compose-actions { display:flex!important; align-items:center!important; }.floating-chat-title { min-width:0!important; gap:8px!important; }.floating-chat-title .chat-avatar { width:32px!important; height:32px!important; flex:0 0 32px!important; background:#2B75C9!important; font-size:11px!important; }.floating-chat-title h2,.floating-chat-title p { margin:0!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; }.floating-chat-title h2 { color:#fff!important; font-size:16px!important; }.floating-chat-title p { max-width:145px!important; color:#CFE4FA!important; font-size:11px!important; }.floating-chat-head-actions { gap:5px!important; }.floating-chat-unread { min-width:19px!important; height:19px!important; display:grid!important; place-items:center!important; padding:0 4px!important; color:#154E89!important; background:#DCEEFF!important; border-radius:999px!important; font-size:10px!important; font-weight:800!important; }.floating-chat-icon { width:27px!important; height:27px!important; display:grid!important; place-items:center!important; padding:0!important; color:#EAF4FF!important; background:rgba(255,255,255,.10)!important; border:1px solid rgba(255,255,255,.18)!important; border-radius:7px!important; font-size:14px!important; font-weight:800!important; }.floating-chat-icon:hover,.floating-chat-icon:focus-visible { color:#fff!important; background:rgba(255,255,255,.23)!important; outline:2px solid #9FD0FF!important; outline-offset:1px!important; }.floating-chat-settings { position:absolute!important; top:53px!important; right:39px!important; width:190px!important; z-index:3!important; display:grid!important; gap:8px!important; padding:10px!important; color:#173A61!important; background:#fff!important; border:1px solid #BFD6ED!important; border-radius:9px!important; box-shadow:0 10px 24px rgba(14,41,74,.18)!important; }.floating-chat-settings label { display:grid!important; gap:4px!important; color:#47637F!important; font-size:11px!important; font-weight:750!important; }.floating-chat-settings select,.floating-chat-settings button { min-height:31px!important; width:100%!important; padding:0 8px!important; color:#174B7E!important; background:#F8FBFF!important; border:1px solid #C9DCEF!important; border-radius:6px!important; font-size:11px!important; font-weight:750!important; }.floating-chat-recipient { display:grid!important; grid-template-columns:25px minmax(0,1fr)!important; align-items:center!important; gap:6px!important; padding:8px 11px!important; background:#F5F9FD!important; border-bottom:1px solid #DCE6F0!important; color:#526C87!important; font-size:11px!important; font-weight:800!important; }.floating-chat-recipient input { min-width:0!important; height:31px!important; padding:0 8px!important; color:#12345A!important; background:#fff!important; border:1px solid #C8D8E8!important; border-radius:7px!important; font-size:12px!important; }.floating-chat-conversation { gap:8px!important; padding:9px 12px!important; border-bottom:1px solid #E2EAF2!important; }.floating-chat-conversation .chat-avatar { width:29px!important; height:29px!important; flex:0 0 29px!important; font-size:10px!important; }.floating-chat-conversation>div { min-width:0!important; display:grid!important; gap:2px!important; }.floating-chat-conversation strong,.floating-chat-conversation small { overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; }.floating-chat-conversation strong { color:#142E50!important; font-size:12px!important; }.floating-chat-conversation small { color:#6C8198!important; font-size:10px!important; }.chat-presence { margin-left:auto!important; color:#18734D!important; font-size:10px!important; font-weight:750!important; }.floating-chat-messages { min-height:0!important; padding:10px!important; gap:7px!important; background:#F8FAFC!important; }.floating-chat-panel .chat-bubble { width:min(82%,250px)!important; padding:8px 9px!important; border-radius:11px!important; box-shadow:none!important; font-size:12px!important; }.floating-chat-panel .chat-bubble.mine { color:#fff!important; background:#1769D7!important; border-color:#1769D7!important; }.floating-chat-panel .chat-bubble.mine .chat-bubble-meta,.floating-chat-panel .chat-bubble.mine .chat-bubble-meta span,.floating-chat-panel .chat-bubble.mine p { color:#fff!important; }.floating-chat-panel .chat-bubble.theirs { background:#EAF2F9!important; border-color:#D5E0EB!important; }.floating-chat-panel .chat-bubble-meta { font-size:9px!important; }.floating-chat-panel .chat-bubble p { margin:5px 0!important; font-size:12px!important; line-height:1.35!important; }.floating-chat-panel .chat-message-actions { display:none!important; }.floating-chat-panel .chat-attachments>div { padding:5px!important; font-size:10px!important; }.floating-chat-empty { min-height:115px!important; display:flex!important; align-items:center!important; justify-content:center!important; flex-direction:column!important; gap:5px!important; color:#6A8199!important; text-align:center!important; }.floating-chat-empty span { width:30px!important; height:30px!important; display:grid!important; place-items:center!important; color:#1962AB!important; background:#E2F0FF!important; border-radius:9px!important; font-size:10px!important; font-weight:800!important; }.floating-chat-empty strong { color:#24466A!important; font-size:13px!important; }.floating-chat-empty small { font-size:11px!important; }.floating-chat-composer { display:grid!important; gap:7px!important; padding:10px!important; background:#fff!important; border-top:1px solid #DDE6EE!important; }.floating-chat-composer textarea { width:100%!important; min-height:72px!important; max-height:130px!important; box-sizing:border-box!important; resize:vertical!important; padding:9px!important; color:#102E51!important; background:#fff!important; border:1px solid #BFCFE0!important; border-radius:10px!important; font:600 12px/1.4 Inter,Arial,sans-serif!important; }.floating-chat-composer textarea:focus { outline:0!important; border-color:#1769D7!important; box-shadow:0 0 0 3px rgba(23,105,215,.12)!important; }.floating-chat-compose-actions { justify-content:space-between!important; gap:8px!important; }.chat-attach-button,.floating-chat-send { min-height:34px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; padding:0 11px!important; border-radius:8px!important; font-size:12px!important; font-weight:800!important; cursor:pointer!important; }.chat-attach-button { color:#245A90!important; background:#EFF6FF!important; border:1px solid #BBD4ED!important; }.floating-chat-send { min-width:78px!important; color:#fff!important; background:#1769D7!important; border:1px solid #1769D7!important; }.floating-chat-files { display:grid!important; gap:5px!important; }.floating-chat-files span { display:flex!important; align-items:center!important; gap:5px!important; min-width:0!important; padding:5px 7px!important; color:#35526F!important; background:#F1F7FF!important; border:1px solid #C8DFF4!important; border-radius:6px!important; font-size:10px!important; overflow:hidden!important; }.floating-chat-files small { color:#71849A!important; }.floating-chat-files button { margin-left:auto!important; padding:0!important; color:#A43C2A!important; background:transparent!important; border:0!important; font-weight:800!important; }
@media(max-width:720px) { .floating-chat-panel { top:58px!important; right:12px!important; width:calc(100vw - 24px)!important; height:min(74dvh,620px)!important; min-height:410px!important; } }

/* Floating Chat: public/private conversations, compact controls, and non-blocking popovers. */
.floating-chat-panel { width:clamp(360px,27vw,470px)!important; height:min(78dvh,760px)!important; grid-template-rows:auto auto auto auto minmax(0,1fr) auto!important; }
.floating-chat-header { z-index:8!important; }.floating-chat-settings { z-index:30!important; top:calc(100% - 5px)!important; right:46px!important; }.chat-type-selector { display:grid!important; grid-template-columns:1fr 1fr!important; gap:5px!important; padding:9px 11px!important; background:#F8FBFF!important; border-bottom:1px solid #DCE6F0!important; }.chat-type-selector button { min-height:34px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:6px!important; color:#244B72!important; background:#EAF2FB!important; border:1px solid #C8D9EA!important; border-radius:8px!important; font-size:12px!important; font-weight:800!important; }.chat-type-selector button.active { color:#fff!important; background:#1769D7!important; border-color:#1769D7!important; }.chat-type-selector b { min-width:17px!important; height:17px!important; display:grid!important; place-items:center!important; color:#1769D7!important; background:#fff!important; border-radius:999px!important; font-size:10px!important; }.chat-type-badge { display:inline-flex!important; align-items:center!important; padding:2px 6px!important; border-radius:999px!important; color:#0755B7!important; background:#DDEEFF!important; font-size:9px!important; font-weight:850!important; text-transform:uppercase!important; }.chat-type-badge.private { color:#6D28D9!important; background:#F0E8FF!important; }.floating-chat-recipient { grid-template-columns:62px minmax(0,1fr)!important; }.floating-chat-recipient select { min-width:0!important; min-height:32px!important; padding:0 8px!important; color:#12345A!important; background:#fff!important; border:1px solid #C8D8E8!important; border-radius:7px!important; font-size:12px!important; }.private-chat-selector { display:grid!important; gap:8px!important; padding:10px 11px!important; background:#F8FBFF!important; border-bottom:1px solid #DCE6F0!important; }.private-chat-selector-head,.private-chat-picker { display:flex!important; align-items:center!important; justify-content:space-between!important; gap:8px!important; }.private-chat-selector strong { color:#1A3D62!important; font-size:12px!important; }.chat-text-button { padding:0!important; color:#1769D7!important; background:transparent!important; border:0!important; font-size:11px!important; font-weight:800!important; }.chat-add-person { min-height:31px!important; padding:0 10px!important; color:#fff!important; background:#1769D7!important; border:1px solid #1769D7!important; border-radius:7px!important; font-size:11px!important; font-weight:800!important; }.chat-participant-chips { display:flex!important; flex-wrap:wrap!important; gap:5px!important; }.chat-participant-chips span,.chat-participant-chips button { display:inline-flex!important; align-items:center!important; gap:4px!important; min-height:25px!important; padding:3px 7px!important; color:#4C2B80!important; background:#F0E8FF!important; border:1px solid #D6C0FC!important; border-radius:999px!important; font-size:10px!important; font-weight:750!important; }.chat-person-picker { position:absolute!important; z-index:25!important; top:calc(100% + 5px)!important; right:0!important; left:0!important; display:grid!important; gap:7px!important; max-height:265px!important; padding:9px!important; overflow:auto!important; background:#fff!important; border:1px solid #ABC9E8!important; border-radius:10px!important; box-shadow:0 14px 28px rgba(14,41,74,.18)!important; }.private-chat-picker { position:relative!important; }.chat-person-picker input { min-height:34px!important; padding:0 9px!important; border:1px solid #C8D8E8!important; border-radius:7px!important; }.chat-person-picker>div { display:grid!important; gap:4px!important; }.chat-person-picker>div button { min-height:33px!important; display:flex!important; align-items:center!important; gap:7px!important; padding:0 8px!important; color:#254969!important; background:#F8FBFF!important; border:1px solid #D8E5F2!important; border-radius:7px!important; text-align:left!important; font-size:11px!important; font-weight:750!important; }.chat-person-picker>div button.selected { color:#fff!important; background:#1769D7!important; border-color:#1769D7!important; }.chat-person-picker>div button:disabled { opacity:.45!important; cursor:not-allowed!important; }.floating-chat-panel .floating-chat-conversation { min-height:50px!important; }.floating-chat-panel .floating-chat-messages { overflow-y:auto!important; }.floating-chat-composer { position:relative!important; z-index:2!important; }.floating-chat-composer textarea { min-height:58px!important; }
@media(max-width:720px) { .floating-chat-panel { top:52px!important; right:10px!important; width:calc(100vw - 20px)!important; height:calc(100dvh - 64px)!important; min-height:0!important; }.floating-chat-settings { right:42px!important; }.chat-person-picker { position:fixed!important; top:auto!important; right:16px!important; bottom:144px!important; left:16px!important; max-height:min(42dvh,330px)!important; } }

/* Chat workspace: compact, secure conversation panel with an always-visible composer. */
.floating-chat-panel.chat-redesign { top:16px!important; right:16px!important; width:clamp(430px,31vw,480px)!important; height:min(740px,calc(100vh - 32px))!important; min-height:550px!important; grid-template-rows:auto auto auto minmax(0,1fr) auto!important; border:1px solid #c9d7e7!important; border-radius:20px!important; box-shadow:0 28px 64px rgba(5,34,77,.28),0 8px 20px rgba(5,34,77,.12)!important; }
.chat-redesign .floating-chat-header { min-height:112px!important; padding:19px 20px!important; background:radial-gradient(circle at 75% 0,rgba(67,139,255,.48),transparent 36%),linear-gradient(125deg,#061f48,#0c3d7b 70%,#0d61bd)!important; }
.chat-redesign .floating-chat-title { gap:13px!important; }.chat-redesign .floating-chat-title .chat-avatar { width:57px!important; height:57px!important; flex:0 0 57px!important; border:2px solid rgba(255,255,255,.7)!important; border-radius:50%!important; font-size:20px!important; box-shadow:0 6px 15px rgba(0,0,0,.18)!important; }
.chat-avatar-online { position:relative!important; }.chat-avatar-online::after { content:""; position:absolute; right:-1px; bottom:1px; width:12px; height:12px; background:#24be71; border:2px solid #fff; border-radius:50%; }
.chat-redesign .floating-chat-title h2 { font-size:25px!important; letter-spacing:-.02em!important; }.chat-redesign .floating-chat-title p { max-width:220px!important; margin-top:3px!important; color:#c6dcf8!important; font-size:14px!important; font-weight:600!important; }.chat-redesign .chat-type-badge { margin-left:5px; color:#dbeafe!important; background:rgba(255,255,255,.15)!important; border:1px solid rgba(255,255,255,.24); }
.chat-redesign .floating-chat-head-actions { gap:8px!important; }.chat-redesign .floating-chat-unread { min-width:38px!important; height:38px!important; color:#0c4586!important; background:#f6faff!important; font-size:18px!important; }.chat-redesign .floating-chat-icon { width:45px!important; height:45px!important; border-radius:13px!important; color:#fff!important; font-size:18px!important; }.chat-redesign .chat-close { font-size:34px!important; line-height:1!important; }
.chat-redesign .chat-type-selector { gap:0!important; padding:12px 18px!important; background:#fff!important; border-bottom:0!important; }.chat-redesign .chat-type-selector button { min-height:50px!important; color:#163e6c!important; background:#f1f6fc!important; border:1px solid #bdd5ef!important; border-radius:0!important; font-size:15px!important; }.chat-redesign .chat-type-selector button:first-child { border-radius:14px 0 0 14px!important; }.chat-redesign .chat-type-selector button:last-child { border-radius:0 14px 14px 0!important; }.chat-redesign .chat-type-selector button.active { color:#fff!important; background:linear-gradient(135deg,#075dce,#1685f3)!important; border-color:#075dce!important; box-shadow:0 7px 16px rgba(16,104,216,.22)!important; }
.chat-redesign .floating-chat-recipient { grid-template-columns:70px minmax(0,1fr)!important; padding:7px 18px 11px!important; background:#fff!important; }.chat-redesign .private-chat-selector { padding:12px 18px!important; background:#fff!important; }.chat-redesign .private-chat-selector-head strong { font-size:15px!important; }.chat-redesign .chat-text-button { font-size:13px!important; }.chat-redesign .chat-participant-chips { gap:7px!important; }.chat-redesign .chat-participant-chips span,.chat-redesign .chat-participant-chips button { min-height:35px!important; padding:4px 9px!important; color:#16487e!important; background:#f4f8fd!important; border-color:#c4d9f0!important; font-size:12px!important; }.chat-redesign .chat-participant-chips b { width:22px; height:22px; display:grid; place-items:center; color:#fff; background:#1769d7; border-radius:50%; font-size:10px; }.chat-redesign .chat-add-person { min-height:37px!important; margin-top:8px!important; background:#fff!important; color:#1465cd!important; border:1px dashed #3385ef!important; font-size:13px!important; }
.chat-redesign .floating-chat-messages { padding:18px!important; gap:10px!important; background:linear-gradient(180deg,#f8fbff,#fff)!important; }.chat-redesign .chat-date-sep { margin:3px 0 8px!important; color:#6d86a3!important; font-size:12px!important; font-weight:800!important; text-align:center!important; }.chat-redesign .chat-bubble { width:min(83%,330px)!important; padding:11px 13px!important; border-radius:16px!important; font-size:13px!important; }.chat-redesign .chat-bubble.mine { border-bottom-right-radius:4px!important; background:linear-gradient(135deg,#075ed0,#1685f4)!important; }.chat-redesign .chat-bubble.theirs { border-bottom-left-radius:4px!important; background:#eff5fb!important; border-color:#d4e2f1!important; }.chat-redesign .chat-bubble-meta { font-size:10px!important; }.chat-redesign .chat-bubble p { margin:6px 0!important; font-size:14px!important; line-height:1.45!important; }.chat-redesign .chat-message-actions { display:flex!important; opacity:0; height:0; overflow:hidden; transition:.15s; }.chat-redesign .chat-bubble:hover .chat-message-actions,.chat-redesign .chat-bubble:focus-within .chat-message-actions { height:auto; margin-top:6px; opacity:1; }
.chat-redesign .chat-attachment-card { display:grid!important; grid-template-columns:30px minmax(0,1fr) auto auto!important; align-items:center!important; gap:7px!important; margin-top:6px!important; padding:7px!important; color:#143c69!important; background:#fff!important; border:1px solid #c6d9ec!important; border-radius:9px!important; }.chat-redesign .chat-attachment-card>b { display:grid; place-items:center; width:30px; height:30px; color:#075ecf; background:#e5f0ff; border-radius:7px; font-size:8px; }.chat-redesign .chat-attachment-card span { min-width:0; display:grid!important; }.chat-redesign .chat-attachment-card strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:10px; }.chat-redesign .chat-attachment-card em { color:#66809a; font-size:9px; font-style:normal; }.chat-redesign .chat-attachment-card button { padding:3px 5px!important; color:#0b61c5!important; background:#eff6ff!important; border:1px solid #b7d0ed!important; border-radius:5px!important; font-size:9px!important; font-weight:800!important; }
.chat-redesign .floating-chat-composer { gap:7px!important; padding:11px 14px 12px!important; background:#fff!important; }.chat-redesign .chat-composer-row { display:grid; grid-template-columns:auto minmax(0,1fr) auto auto; align-items:center; gap:8px; }.chat-redesign .chat-attach-button { min-height:46px!important; width:42px; padding:0!important; color:#0b68d9!important; background:#eef6ff!important; border:1px solid #bdd6f0!important; border-radius:13px!important; font-size:28px!important; }.chat-redesign .chat-attach-button span { transform:rotate(-24deg); }.chat-redesign .floating-chat-composer textarea { min-height:48px!important; max-height:96px!important; padding:13px!important; border-radius:13px!important; font-size:13px!important; }.chat-redesign .chat-emoji-button { width:35px; height:35px; padding:0; color:#6d82a0; background:transparent; border:0; font-size:24px; }.chat-redesign .floating-chat-send { min-width:46px!important; width:46px; height:46px; min-height:46px!important; padding:0!important; border-radius:50%!important; font-size:21px!important; }.chat-redesign .chat-composer-hint { color:#6f83a0; font-size:10px; }.chat-redesign .floating-chat-files { max-height:112px; overflow:auto; }.chat-redesign .chat-file-chip { min-height:35px!important; padding:5px 7px!important; }.chat-redesign .chat-file-chip>b { display:grid; place-items:center; width:25px; height:25px; color:#075ecf; background:#e2efff; border-radius:6px; font-size:8px; }.chat-redesign .chat-file-chip>i { min-width:0; display:grid; overflow:hidden; font-style:normal; text-overflow:ellipsis; white-space:nowrap; }.chat-redesign .chat-file-chip small { display:block; font-size:9px; }.chat-redesign .chat-file-chip.failed { border-color:#f0a0a0!important; background:#fff5f5!important; }
@media(max-width:720px) { .floating-chat-panel.chat-redesign { top:0!important; right:0!important; width:100vw!important; height:100dvh!important; min-height:0!important; border-radius:0!important; }.chat-redesign .floating-chat-header { min-height:86px!important; padding:13px 14px!important; }.chat-redesign .floating-chat-title .chat-avatar { width:45px!important; height:45px!important; flex-basis:45px!important; }.chat-redesign .floating-chat-title h2 { font-size:20px!important; }.chat-redesign .floating-chat-title p { font-size:12px!important; }.chat-redesign .floating-chat-icon { width:38px!important; height:38px!important; }.chat-redesign .floating-chat-unread { min-width:31px!important; height:31px!important; }.chat-redesign .chat-type-selector { padding:9px 12px!important; }.chat-redesign .chat-type-selector button { min-height:43px!important; font-size:13px!important; }.chat-redesign .private-chat-selector,.chat-redesign .floating-chat-recipient { padding-inline:12px!important; }.chat-redesign .floating-chat-messages { padding:12px!important; }.chat-redesign .chat-bubble { width:min(88%,350px)!important; } }

/* Notification centre: a compact, readable workspace inbox. */
.notification-panel { position:fixed!important; top:76px!important; right:20px!important; width:min(472px,calc(100vw - 32px))!important; max-height:calc(100dvh - 100px)!important; display:flex!important; flex-direction:column!important; overflow:hidden!important; color:#102A4C!important; background:#fff!important; border:1px solid #C9DCEF!important; border-radius:16px!important; box-shadow:0 20px 52px rgba(10,35,70,.22)!important; z-index:80!important; }
.notification-panel-header { display:flex!important; align-items:flex-start!important; justify-content:space-between!important; gap:16px!important; padding:19px 20px 16px!important; color:#fff!important; background:linear-gradient(118deg,#102E56,#1460A6)!important; }.notification-eyebrow { margin:0 0 5px!important; color:#A8D5FF!important; font-size:10px!important; font-weight:850!important; letter-spacing:.13em!important; }.notification-panel-header h3 { display:flex!important; align-items:center!important; gap:8px!important; margin:0!important; color:#fff!important; font-size:21px!important; font-weight:800!important; line-height:1.1!important; }.notification-panel-header h3 span { min-width:22px!important; height:22px!important; display:inline-grid!important; place-items:center!important; padding:0 6px!important; color:#0E4C89!important; background:#DDF0FF!important; border-radius:999px!important; font-size:12px!important; }.notification-panel-header p:not(.notification-eyebrow) { margin:5px 0 0!important; color:#D8EBFF!important; font-size:13px!important; font-weight:600!important; }.notification-close { width:34px!important; height:34px!important; flex:0 0 34px!important; display:grid!important; place-items:center!important; padding:0!important; color:#D8EBFF!important; background:rgba(255,255,255,.12)!important; border:1px solid rgba(255,255,255,.2)!important; border-radius:9px!important; font-size:23px!important; line-height:1!important; }.notification-close:hover { color:#fff!important; background:rgba(255,255,255,.22)!important; }
.notification-toolbar { display:flex!important; align-items:center!important; justify-content:space-between!important; gap:10px!important; padding:11px 14px!important; background:#F6FAFF!important; border-bottom:1px solid #DCE9F7!important; }.notification-mark-all,.desktop-alert-status button { min-height:31px!important; padding:0 9px!important; color:#135DA8!important; background:#fff!important; border:1px solid #BBD6F1!important; border-radius:7px!important; font-size:12px!important; font-weight:750!important; }.notification-mark-all:disabled { color:#9AAABD!important; background:#F2F5F8!important; border-color:#E0E7EF!important; }.desktop-alert-status { display:flex!important; align-items:center!important; gap:6px!important; min-width:0!important; color:#5B7089!important; font-size:11px!important; font-weight:700!important; white-space:nowrap!important; }.desktop-alert-status i { width:7px!important; height:7px!important; flex:0 0 7px!important; background:#94A3B8!important; border-radius:50%!important; }.desktop-alert-status.is-on { color:#0C7A4C!important; }.desktop-alert-status.is-on i { background:#18A66A!important; box-shadow:0 0 0 3px #D8F7E6!important; }.desktop-alert-status.is-blocked { color:#B45309!important; }.desktop-alert-status.is-blocked i { background:#F59E0B!important; }.desktop-alert-status.is-on button { color:#A33B17!important; border-color:#F1C3B3!important; }.desktop-alert-status button:disabled { color:#8C9AAD!important; background:#F4F6F8!important; border-color:#DFE6ED!important; }
.notification-list { min-height:0!important; display:grid!important; gap:10px!important; padding:13px!important; overflow:auto!important; background:#FBFDFF!important; }.notification-item { position:relative!important; min-height:108px!important; display:grid!important; grid-template-columns:34px minmax(0,1fr)!important; gap:11px!important; padding:13px!important; color:#112E51!important; background:#fff!important; border:1px solid #D7E5F3!important; border-radius:12px!important; box-shadow:0 3px 9px rgba(15,50,90,.045)!important; opacity:1!important; }.notification-item.unread { border-color:#A8CDF1!important; box-shadow:0 5px 15px rgba(28,93,160,.10)!important; }.notification-item.read { background:#F8FAFC!important; opacity:.74!important; }.notification-icon { width:32px!important; height:32px!important; display:grid!important; place-items:center!important; color:#1661AA!important; background:#E7F2FF!important; border-radius:10px!important; font-size:16px!important; font-weight:850!important; }.notification-urgent .notification-icon { color:#B42318!important; background:#FFF0F0!important; }.notification-success .notification-icon { color:#087A4E!important; background:#E7FAF0!important; }.notification-assignment .notification-icon { color:#6D42C0!important; background:#F1EBFF!important; }.notification-copy { min-width:0!important; }.notification-item-top { display:flex!important; align-items:flex-start!important; justify-content:space-between!important; gap:9px!important; }.notification-type { display:block!important; margin-bottom:3px!important; color:#5B7694!important; font-size:10px!important; font-weight:800!important; letter-spacing:.06em!important; text-transform:uppercase!important; }.notification-item h4 { margin:0!important; color:#102A4C!important; font-size:14px!important; font-weight:800!important; line-height:1.3!important; }.notification-read { flex:0 0 auto!important; min-height:27px!important; padding:0 7px!important; color:#2563A9!important; background:#fff!important; border:1px solid #C4DBF1!important; border-radius:6px!important; font-size:11px!important; font-weight:750!important; }.notification-item p { margin:7px 0!important; color:#314F70!important; font-size:13px!important; font-weight:550!important; line-height:1.42!important; }.notification-item footer { display:flex!important; flex-wrap:wrap!important; gap:3px 8px!important; color:#6A819A!important; font-size:11px!important; font-weight:600!important; line-height:1.35!important; }.notification-item footer span+span::before,.notification-item footer time::before { content:"·"!important; margin-right:8px!important; color:#9BAEC1!important; }.notification-open { display:inline-flex!important; align-items:center!important; gap:6px!important; margin-top:10px!important; padding:0!important; color:#0E62B5!important; background:transparent!important; border:0!important; font-size:12px!important; font-weight:800!important; }.notification-open b { font-size:16px!important; line-height:1!important; }.notification-empty { min-height:225px!important; display:flex!important; align-items:center!important; justify-content:center!important; flex-direction:column!important; gap:7px!important; padding:26px!important; color:#5D748C!important; text-align:center!important; }.notification-empty>span { width:43px!important; height:43px!important; display:grid!important; place-items:center!important; color:#12855A!important; background:#E7FAF0!important; border-radius:14px!important; font-size:22px!important; font-weight:850!important; }.notification-empty strong { color:#163A63!important; font-size:15px!important; }.notification-empty p { max-width:260px!important; margin:0!important; font-size:12px!important; line-height:1.5!important; }
/* Per-notification read state and client context. */
.notification-item.unread { background:linear-gradient(135deg,#F2F8FF 0%,#FFFFFF 70%)!important; border-left:4px solid #1769D7!important; }.notification-item.unread .notification-type { color:#1761A9!important; }.notification-item.unread h4 { color:#082E58!important; }.notification-item.read { background:#F8FAFC!important; border-left:4px solid #CBD5E1!important; box-shadow:none!important; opacity:1!important; }.notification-item.read .notification-type,.notification-item.read h4,.notification-item.read p { color:#718198!important; }.notification-read,.notification-state { flex:0 0 auto!important; min-height:28px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; padding:0 9px!important; border-radius:7px!important; font-size:11px!important; font-weight:800!important; white-space:nowrap!important; }.notification-read { color:#FFFFFF!important; background:#1769D7!important; border:1px solid #1769D7!important; box-shadow:0 3px 8px rgba(23,105,215,.18)!important; }.notification-read:hover { color:#FFFFFF!important; background:#0E58BD!important; border-color:#0E58BD!important; }.notification-state.is-read { color:#52708E!important; background:#EEF2F6!important; border:1px solid #D5DFE9!important; }.notification-client-name { display:block!important; margin:2px 0 0!important; overflow:hidden!important; color:#0D5FAB!important; font-size:13px!important; font-weight:850!important; line-height:1.35!important; text-overflow:ellipsis!important; white-space:nowrap!important; }.notification-item.unread .notification-client-name { color:#063E7B!important; }.notification-item.read .notification-client-name { color:#58718B!important; }
@media(max-width:620px) { .notification-panel { top:10px!important; right:10px!important; width:calc(100vw - 20px)!important; max-height:calc(100dvh - 20px)!important; }.notification-panel-header { padding:17px!important; }.notification-toolbar { align-items:flex-start!important; flex-direction:column!important; }.desktop-alert-status { width:100%!important; justify-content:space-between!important; }.notification-item { grid-template-columns:30px minmax(0,1fr)!important; padding:12px!important; } }

/* Settings workspace. */
.settings-page { display:grid!important; gap:16px!important; padding:4px!important; color:#0B2345!important; }.settings-hero { display:flex!important; align-items:center!important; justify-content:space-between!important; gap:20px!important; padding:21px 24px!important; color:#fff!important; background:linear-gradient(112deg,#12305A 0%,#163A67 58%,#0C4C82 100%)!important; border:1px solid #1D548C!important; border-radius:14px!important; box-shadow:0 8px 22px rgba(15,39,75,.16)!important; }.settings-hero>div>span,.settings-section header>div>span { display:block!important; margin-bottom:5px!important; color:#98C7F8!important; font-size:11px!important; font-weight:800!important; letter-spacing:.1em!important; }.settings-hero h2 { margin:0!important; color:#fff!important; font-size:25px!important; font-weight:800!important; letter-spacing:-.025em!important; }.settings-hero p { max-width:680px!important; margin:6px 0 0!important; color:#D4E5F8!important; font-size:13px!important; line-height:1.5!important; }.settings-save-top,.settings-save { min-height:42px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; padding:0 16px!important; color:#fff!important; background:#0866D9!important; border:1px solid #74A9ED!important; border-radius:8px!important; box-shadow:0 6px 14px rgba(1,55,141,.25)!important; font-size:13px!important; font-weight:800!important; white-space:nowrap!important; }
.settings-hero .settings-save-top.settings-export-style { color:#087443!important; background:#ecfdf3!important; border-color:#9fe6c1!important; box-shadow:0 5px 12px rgba(4,120,87,.18)!important; }.settings-hero .settings-save-top.settings-export-style:hover { color:#fff!important; background:linear-gradient(135deg,#047857,#10b981)!important; border-color:#047857!important; }
.client-editor-embedded-actions { position:sticky!important; bottom:0!important; z-index:12!important; display:flex!important; justify-content:flex-end!important; gap:9px!important; margin:18px -18px -18px!important; padding:13px 18px!important; background:rgba(255,255,255,.97)!important; border-top:1px solid #D6DEE9!important; box-shadow:0 -6px 16px rgba(15,39,75,.08)!important; }
.settings-section { padding:18px!important; background:#fff!important; border:1px solid #D6DEE9!important; border-radius:12px!important; box-shadow:0 4px 14px rgba(15,39,75,.055)!important; }.settings-section>header { display:flex!important; align-items:flex-start!important; justify-content:space-between!important; gap:16px!important; margin-bottom:15px!important; padding-bottom:14px!important; border-bottom:1px solid #E2E8F0!important; }.settings-section header>div>span { color:#0866D9!important; }.settings-section h3 { margin:0!important; color:#0B2345!important; font-size:18px!important; font-weight:800!important; letter-spacing:-.015em!important; }.settings-section header p { margin:4px 0 0!important; color:#64748B!important; font-size:12px!important; line-height:1.45!important; }.settings-hint { flex:0 0 auto!important; padding:5px 8px!important; color:#315272!important; background:#EEF5FC!important; border:1px solid #C9DFF5!important; border-radius:7px!important; font-size:11px!important; font-weight:750!important; }
.settings-field-grid,.settings-nature-grid,.settings-master-grid,.settings-performance-grid { display:grid!important; gap:13px!important; }.settings-field-grid { grid-template-columns:repeat(3,minmax(0,1fr))!important; }.settings-nature-grid { grid-template-columns:repeat(3,minmax(0,1fr))!important; }.settings-master-grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; }.settings-performance-grid { grid-template-columns:repeat(5,minmax(0,1fr))!important; }.settings-page label { display:grid!important; min-width:0!important; gap:7px!important; color:#315272!important; font-size:13px!important; font-weight:800!important; line-height:1.25!important; }.settings-page input,.settings-page select,.settings-page textarea { width:100%!important; min-height:42px!important; box-sizing:border-box!important; padding:9px 11px!important; color:#0B2345!important; background:#fff!important; border:1px solid #BFCFE1!important; border-radius:8px!important; box-shadow:none!important; font-size:15px!important; font-weight:600!important; line-height:1.45!important; }.settings-page textarea { min-height:184px!important; max-height:260px!important; overflow:auto!important; resize:vertical!important; white-space:pre-wrap!important; }.settings-page input:focus,.settings-page select:focus,.settings-page textarea:focus { outline:0!important; border-color:#0866D9!important; box-shadow:0 0 0 3px rgba(8,102,217,.13)!important; }.settings-master-grid label { padding:14px!important; background:#F9FBFD!important; border:1px solid #D6E1EC!important; border-radius:10px!important; }.settings-master-grid small { color:#72839A!important; font-size:12px!important; font-weight:500!important; line-height:1.4!important; }.settings-performance-grid label { padding:13px!important; background:#F8FAFC!important; border:1px solid #D6E1EC!important; border-radius:10px!important; }.settings-performance-grid input { text-align:center!important; font-size:20px!important; font-weight:800!important; }.settings-footer { position:sticky!important; bottom:0!important; z-index:10!important; display:flex!important; align-items:center!important; justify-content:space-between!important; gap:16px!important; padding:14px 18px!important; background:rgba(255,255,255,.97)!important; border:1px solid #D6DEE9!important; border-radius:12px!important; box-shadow:0 -5px 16px rgba(15,39,75,.08)!important; backdrop-filter:blur(8px)!important; }.settings-footer p { margin:0!important; color:#64748B!important; font-size:12px!important; line-height:1.45!important; }.settings-footer .settings-save { min-width:142px!important; }
@media(max-width:1100px) { .settings-performance-grid { grid-template-columns:repeat(3,minmax(0,1fr))!important; } }.settings-masters-section { overflow:hidden!important; } @media(max-width:800px) { .settings-page { gap:12px!important; padding:0!important; }.settings-hero { align-items:flex-start!important; flex-direction:column!important; padding:18px 15px!important; border-radius:0!important; }.settings-field-grid,.settings-nature-grid,.settings-master-grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; }.settings-footer { align-items:stretch!important; flex-direction:column!important; }.settings-footer .settings-save { width:100%!important; }.settings-performance-grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; } } @media(max-width:520px) { .settings-field-grid,.settings-nature-grid,.settings-master-grid,.settings-performance-grid { grid-template-columns:1fr!important; }.settings-section { padding:14px!important; }.settings-section>header { align-items:flex-start!important; flex-direction:column!important; }.settings-hint { display:none!important; }.settings-page textarea { min-height:170px!important; } }

/* Quotation Tracker: neutral selected card and always-legible clear action. */
.quotation-page .quotation-kpi-strip button.active { color:#334155!important; background:#EEF1F4!important; border-color:#B8C3CF!important; box-shadow:0 5px 14px rgba(51,65,85,.12)!important; }
.quotation-page .quotation-kpi-strip button.active .quotation-kpi-icon { color:#475569!important; background:#fff!important; border-color:#94A3B8!important; }
.quotation-page #qf-clear { min-width:126px!important; color:#334155!important; background:#EEF1F4!important; border:1px solid #B8C3CF!important; box-shadow:none!important; white-space:nowrap!important; }
.quotation-page #qf-clear:hover { color:#1E293B!important; background:#E2E8F0!important; border-color:#94A3B8!important; }

/* Navy Arc Dashboard: isolated visual system for the live operational dashboard. */
:root { --dashboard-page:#F7F9FC; --dashboard-surface:#182238; --dashboard-panel:#182238; --dashboard-panel-line:#293650; --dashboard-card:#1E2A44; --dashboard-card-line:#31405E; --dashboard-feature-start:#2A4E92; --dashboard-feature-middle:#234480; --dashboard-feature-end:#1E3A6E; --dashboard-primary:#4E8CFF; --dashboard-primary-dark:#2E6FE0; --dashboard-primary-soft:#233A63; --dashboard-text:#F3F5F9; --dashboard-muted:#93A0BC; --dashboard-faint:#5F6B87; --dashboard-white:#FFFFFF; --dashboard-white-border:#D8E2EF; --dashboard-dark-text:#16345B; --dashboard-gap:16px; }
.navy-arc-dashboard { --dash-navy:#063B63; --dash-navy-deep:#0A3155; --dash-sky:#EAF2FA; --dash-border:#C7D9EB; gap:18px!important; padding:0!important; color:#102A4C!important; background:linear-gradient(180deg,#EAF2FA 0%,#F3F7FB 52%,#EAF2FA 100%)!important; border-radius:0!important; }
.navy-arc-dashboard .enterprise-welcome { position:relative!important; isolation:isolate; min-height:176px!important; padding:25px 28px!important; overflow:hidden!important; color:#fff!important; background:linear-gradient(120deg,var(--dash-navy) 0%,#0A4771 58%,var(--dash-navy-deep) 100%)!important; border:0!important; border-radius:0 0 22px 22px!important; box-shadow:0 12px 28px rgba(5,44,79,.22)!important; }
.navy-arc-dashboard .enterprise-welcome-main,.navy-arc-dashboard .enterprise-controls { position:relative!important; z-index:2!important; }.navy-arc-dashboard .enterprise-welcome-main { flex:1 1 0!important; max-width:none!important; }.navy-arc-dashboard .enterprise-eyebrow { color:#A9D8FB!important; }.navy-arc-dashboard .enterprise-welcome h2 { color:#fff!important; font-size:clamp(28px,2.5vw,38px)!important; }.navy-arc-dashboard .enterprise-welcome-main>p { color:#D8EAF8!important; font-size:14px!important; }
.navy-arc-dashboard .navy-arc { position:absolute; z-index:0; display:block; pointer-events:none; border:1px solid rgba(175,221,250,.22); border-radius:50%; }.navy-arc-dashboard .navy-arc-one { width:440px; height:440px; top:-310px; right:-78px; }.navy-arc-dashboard .navy-arc-two { width:680px; height:680px; right:-250px; bottom:-575px; border-width:34px; border-color:rgba(104,182,229,.08); }.navy-arc-dashboard .navy-arc-three { width:220px; height:220px; top:36px; right:330px; border-color:rgba(189,229,254,.13); }
.navy-arc-dashboard .enterprise-controls { flex:0 1 600px!important; max-width:600px!important; }.navy-arc-dashboard .dashboard-command { box-shadow:0 5px 12px rgba(0,25,48,.22)!important; }.navy-arc-dashboard .dashboard-period-row label { color:#CAE5F7!important; }.navy-arc-dashboard .dashboard-period-row select,.navy-arc-dashboard .dashboard-period-row input { color:#173B5B!important; background:#fff!important; border-color:#B7D6EA!important; }.navy-arc-dashboard .dashboard-period-row time { color:#DCEEFE!important; font-weight:750!important; }
.navy-arc-dashboard .daily-thought { width:100%!important; max-width:none!important; min-height:58px!important; flex-wrap:nowrap!important; background:rgba(255,255,255,.96)!important; border-color:rgba(201,226,245,.95)!important; border-left-color:#53B5E8!important; box-shadow:0 5px 14px rgba(0,22,45,.16)!important; }.navy-arc-dashboard .daily-thought-copy { flex-wrap:nowrap!important; }.navy-arc-dashboard .daily-thought-copy p { overflow:hidden!important; color:#173B5B!important; text-overflow:ellipsis!important; white-space:nowrap!important; }.navy-arc-dashboard .daily-thought-copy em { color:#59738D!important; }
.navy-arc-dashboard .enterprise-kpis { gap:14px!important; padding:22px 22px 0!important; margin-top:0!important; position:relative; z-index:3; }.navy-arc-dashboard .enterprise-kpi { min-height:142px!important; border-width:1px!important; border-top:4px solid var(--dash-accent,#2563EB)!important; border-radius:15px!important; box-shadow:0 9px 22px rgba(23,58,97,.10)!important; }.navy-arc-dashboard .enterprise-kpi::before { content:""; position:absolute; width:94px; height:94px; right:-32px; bottom:-55px; border:16px solid rgba(37,99,235,.12); border-radius:50%; }.navy-arc-dashboard .enterprise-kpi small { position:relative; z-index:1; font-size:13px!important; }.navy-arc-dashboard .enterprise-kpi strong { position:relative; z-index:1; font-size:32px!important; }.navy-arc-dashboard .enterprise-kpi em { position:relative; z-index:1; font-size:12px!important; }.navy-arc-dashboard .enterprise-kpi:nth-child(1) { --dash-accent:#2563EB; }.navy-arc-dashboard .enterprise-kpi:nth-child(2) { --dash-accent:#0891B2; }.navy-arc-dashboard .enterprise-kpi:nth-child(3) { --dash-accent:#16A36A; }.navy-arc-dashboard .enterprise-kpi:nth-child(4) { --dash-accent:#D97706; }.navy-arc-dashboard .enterprise-kpi:nth-child(5) { --dash-accent:#7C3AED; }.navy-arc-dashboard .enterprise-kpi:nth-child(6) { --dash-accent:#E11D48; }
.navy-arc-dashboard .enterprise-kpi::before { display:none!important; }.navy-arc-dashboard .enterprise-kpi { display:flex!important; align-items:flex-start!important; flex-direction:column!important; justify-content:center!important; min-height:128px!important; padding:18px!important; background:#fff!important; overflow:visible!important; }.navy-arc-dashboard .enterprise-kpi::after { left:18px!important; right:18px!important; bottom:13px!important; }.navy-arc-dashboard .enterprise-kpi small { font-size:14px!important; font-weight:800!important; }.navy-arc-dashboard .enterprise-kpi strong { margin:3px 0 5px!important; font-size:34px!important; }.navy-arc-dashboard .enterprise-kpi em { font-size:12px!important; font-weight:650!important; }.dashboard-command-client { color:#087443!important; background:#ECFDF3!important; border-color:#8EE5B4!important; }.dashboard-command-quote { color:#0A4F9C!important; background:#ECF5FF!important; border-color:#9FC6F3!important; }
.navy-arc-dashboard .enterprise-dashboard-grid { gap:18px!important; padding:0 22px 28px!important; }.navy-arc-dashboard .enterprise-card { min-height:306px!important; border-top:1px solid #D6E2EE!important; border-right:1px solid #D6E2EE!important; border-bottom:1px solid #D6E2EE!important; border-left:5px solid var(--card-accent,#2563EB)!important; border-radius:15px!important; box-shadow:0 8px 20px rgba(23,58,97,.065)!important; }.navy-arc-dashboard .enterprise-status-card { --card-accent:#2563EB; }.navy-arc-dashboard .enterprise-deadlines-card { --card-accent:#D97706; }.navy-arc-dashboard .enterprise-actions-card { --card-accent:#7C3AED; }.navy-arc-dashboard .enterprise-workload-card { --card-accent:#16A36A; }.navy-arc-dashboard .enterprise-activity-card { --card-accent:#0891B2; }.navy-arc-dashboard .enterprise-collection-card { --card-accent:#E11D48; }.navy-arc-dashboard .enterprise-card-heading h3 { font-size:20px!important; }.navy-arc-dashboard .enterprise-card-heading>div>span { color:var(--card-accent,#2563EB)!important; }
.navy-arc-dashboard .enterprise-card:focus-within { box-shadow:0 0 0 3px rgba(37,99,235,.13),0 10px 24px rgba(23,58,97,.09)!important; }.navy-arc-dashboard .enterprise-card button:focus-visible,.navy-arc-dashboard .dashboard-command:focus-visible,.navy-arc-dashboard .dashboard-period-row :is(select,input):focus-visible { outline:3px solid #8ED0F3!important; outline-offset:3px!important; }
.navy-arc-dashboard .enterprise-quotation-overview-card{--card-accent:#2563EB;position:relative;overflow:hidden;min-height:384px!important;padding:17px!important;background:linear-gradient(145deg,#F5FAFF 0%,#FFFFFF 72%)!important;border-color:#9BB7D4!important}.navy-arc-dashboard .enterprise-quotation-overview-card::after{content:"";position:absolute;width:170px;height:170px;right:-92px;bottom:-104px;border:22px solid rgba(37,99,235,.08);border-radius:50%;pointer-events:none}.navy-arc-dashboard .quotation-overview-heading{position:relative;z-index:1;margin-bottom:13px;padding:11px 12px;background:rgba(224,239,255,.88)!important;border:1px solid #9FBEDB!important;border-radius:10px}.navy-arc-dashboard .quotation-overview-heading h3{margin-top:2px!important;font-size:20px!important}.navy-arc-dashboard .quotation-overview-heading p{margin:3px 0 0;color:#385C7F!important;font-size:12px!important;font-weight:700!important}.navy-arc-dashboard .quotation-overview-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px}.navy-arc-dashboard .quotation-overview-actions .enterprise-link,.navy-arc-dashboard .quotation-overview-new{min-height:32px!important;padding:0 9px!important;border:1px solid #8FB4D8!important;border-radius:7px!important;background:#fff!important;color:#0D4D83!important;font-size:11px!important;font-weight:850!important;white-space:nowrap}.navy-arc-dashboard .quotation-overview-new{color:#fff!important;background:#1769AA!important;border-color:#1769AA!important}.navy-arc-dashboard .quotation-overview-metrics{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.navy-arc-dashboard .quotation-overview-metric{display:grid;grid-template-columns:31px minmax(0,1fr);grid-template-rows:auto auto;min-height:73px;padding:10px!important;text-align:left;color:#102A4C!important;border:1px solid #AFC7DC!important;border-radius:9px;background:#EFF7FF!important}.navy-arc-dashboard button.quotation-overview-metric{cursor:pointer}.navy-arc-dashboard .quotation-overview-metric:hover{border-color:#4B8BC3!important;box-shadow:0 4px 10px rgba(24,75,119,.08)}.navy-arc-dashboard .quotation-overview-metric>span{grid-row:1/3;width:27px;height:27px;display:grid;place-items:center;color:#1769AA!important;background:#D9ECFF!important;border-radius:7px}.navy-arc-dashboard .quotation-overview-metric svg{width:15px;height:15px}.navy-arc-dashboard .quotation-overview-metric small{align-self:end;color:#315E86!important;font-size:11px!important;font-weight:850!important;line-height:1.05}.navy-arc-dashboard .quotation-overview-metric strong{align-self:start;color:#061E3B!important;font-size:29px!important;font-weight:850!important;line-height:1.05}.navy-arc-dashboard .quotation-overview-metric.is-pending{background:#FFF9EA!important;border-color:#E3B968!important}.navy-arc-dashboard .quotation-overview-metric.is-pending>span{color:#8A4F00!important;background:#FFEDC5!important}.navy-arc-dashboard .quotation-overview-metric.is-approved{background:#EDFDF4!important;border-color:#72C99A!important}.navy-arc-dashboard .quotation-overview-metric.is-approved>span{color:#08723F!important;background:#D5F7E3!important}.navy-arc-dashboard .quotation-overview-metric.is-expiring{background:#FFF4EA!important;border-color:#E8A952!important}.navy-arc-dashboard .quotation-overview-metric.is-expiring>span{color:#A94900!important;background:#FFE2BC!important}.navy-arc-dashboard .quotation-overview-summary{position:relative;z-index:1;display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:7px;margin-top:12px}.navy-arc-dashboard .quotation-overview-summary>div,.navy-arc-dashboard .quotation-overview-summary>button{min-width:0;padding:9px!important;color:#264763!important;text-align:left;background:rgba(255,255,255,.96)!important;border:1px solid #BFD1E1!important;border-radius:7px}.navy-arc-dashboard .quotation-overview-summary>button{cursor:pointer}.navy-arc-dashboard .quotation-overview-summary small{display:block;overflow:hidden;color:#496B8B!important;font-size:10px!important;font-weight:850!important;text-overflow:ellipsis;white-space:nowrap}.navy-arc-dashboard .quotation-overview-summary strong{display:block;overflow:hidden;margin-top:4px;color:#061E3B!important;font-size:16px!important;font-weight:850!important;text-overflow:ellipsis;white-space:nowrap}.navy-arc-dashboard .quotation-overview-empty{position:relative;z-index:1;display:grid;place-items:center;gap:5px;min-height:220px;padding:20px;text-align:center;color:#57728D}.navy-arc-dashboard .quotation-overview-empty strong{color:#173A5B;font-size:15px}.navy-arc-dashboard .quotation-overview-empty small{font-size:11px}.navy-arc-dashboard .quotation-overview-empty button{min-height:31px;padding:0 11px;color:#fff;background:#1769AA;border:1px solid #1769AA;border-radius:7px;font-weight:800}.navy-arc-dashboard .quotation-overview-skeleton{display:grid;grid-template-columns:1fr 1fr;gap:8px}.navy-arc-dashboard .quotation-overview-skeleton i{height:73px;border-radius:9px;background:linear-gradient(90deg,#E7F0F8,#F6FAFD,#E7F0F8);background-size:200% 100%;animation:quotation-overview-loading 1.1s linear infinite}@keyframes quotation-overview-loading{to{background-position:-200% 0}}
.navy-arc-dashboard .enterprise-deadlines-card{--card-accent:#D97706;min-height:384px!important;padding:17px!important}.navy-arc-dashboard .enterprise-deadlines-card .enterprise-card-heading{margin-bottom:14px!important}.navy-arc-dashboard .enterprise-deadlines-card .enterprise-card-heading p{margin:3px 0 0!important;color:#64748B!important;font-size:12px!important;font-weight:650!important}.navy-arc-dashboard .enterprise-deadlines-card .enterprise-deadlines{gap:8px!important}.navy-arc-dashboard .enterprise-deadlines-card .enterprise-deadline{min-height:52px!important}.navy-arc-dashboard .enterprise-card .enterprise-link{min-height:34px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0 10px!important;color:#fff!important;background:#0866D9!important;border:1px solid #0866D9!important;border-radius:8px!important;font-size:12px!important;font-weight:800!important;white-space:nowrap!important}.navy-arc-dashboard .enterprise-card .enterprise-link:hover{color:#fff!important;background:#0756B7!important;border-color:#0756B7!important;text-decoration:none!important}

/* Dashboard overview trio: one shared panel height and the same blue overview language. */
.navy-arc-dashboard .enterprise-status-card,.navy-arc-dashboard .enterprise-deadlines-card,.navy-arc-dashboard .enterprise-quotation-overview-card { min-height:384px!important; height:384px!important; padding:17px!important; overflow:hidden!important; background:linear-gradient(145deg,#F5FAFF 0%,#FFFFFF 72%)!important; border-color:#9BB7D4!important; }
.navy-arc-dashboard .enterprise-status-card { --card-accent:#2563EB; }.navy-arc-dashboard .enterprise-deadlines-card { --card-accent:#2563EB; }.navy-arc-dashboard .enterprise-quotation-overview-card { --card-accent:#2563EB; }
.navy-arc-dashboard .enterprise-status-card .enterprise-card-heading,.navy-arc-dashboard .enterprise-deadlines-card .enterprise-card-heading,.navy-arc-dashboard .enterprise-quotation-overview-card .enterprise-card-heading { position:relative!important; z-index:1!important; margin-bottom:13px!important; padding:11px 12px!important; background:rgba(224,239,255,.88)!important; border:1px solid #9FBEDB!important; border-radius:10px!important; }
.navy-arc-dashboard .enterprise-status-card .enterprise-card-heading h3,.navy-arc-dashboard .enterprise-deadlines-card .enterprise-card-heading h3,.navy-arc-dashboard .enterprise-quotation-overview-card .enterprise-card-heading h3 { margin-top:2px!important; color:#102A4C!important; font-size:20px!important; }.navy-arc-dashboard .enterprise-status-card .enterprise-card-heading p,.navy-arc-dashboard .enterprise-deadlines-card .enterprise-card-heading p,.navy-arc-dashboard .enterprise-quotation-overview-card .enterprise-card-heading p { margin:3px 0 0!important; color:#385C7F!important; font-size:12px!important; font-weight:700!important; }
@media(max-width:760px) { .navy-arc-dashboard .enterprise-status-card,.navy-arc-dashboard .enterprise-deadlines-card,.navy-arc-dashboard .enterprise-quotation-overview-card { height:auto!important; min-height:384px!important; } }

/* Dashboard overview trio: dark alignment with Engagement Overview. */
.navy-arc-dashboard .enterprise-status-card,
.navy-arc-dashboard .enterprise-deadlines-card,
.navy-arc-dashboard .enterprise-quotation-overview-card {
  height:384px!important;
  min-height:384px!important;
  padding:17px!important;
  overflow:hidden!important;
  color:var(--light-text)!important;
  background:var(--dark-surface)!important;
  border-color:var(--dark-border)!important;
  box-shadow:none!important;
}
.navy-arc-dashboard .enterprise-status-card .enterprise-card-heading,
.navy-arc-dashboard .enterprise-deadlines-card .enterprise-card-heading,
.navy-arc-dashboard .enterprise-quotation-overview-card .enterprise-card-heading {
  margin-bottom:13px!important;
  padding:0 0 13px!important;
  background:transparent!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.14)!important;
  border-radius:0!important;
}
.navy-arc-dashboard .enterprise-status-card .enterprise-card-heading h3,
.navy-arc-dashboard .enterprise-deadlines-card .enterprise-card-heading h3,
.navy-arc-dashboard .enterprise-quotation-overview-card .enterprise-card-heading h3,
.navy-arc-dashboard .enterprise-status-card .enterprise-card-heading span,
.navy-arc-dashboard .enterprise-deadlines-card .enterprise-card-heading span,
.navy-arc-dashboard .enterprise-quotation-overview-card .enterprise-card-heading span {
  color:var(--light-text)!important;
}
.navy-arc-dashboard .enterprise-status-card .enterprise-card-heading p,
.navy-arc-dashboard .enterprise-deadlines-card .enterprise-card-heading p,
.navy-arc-dashboard .enterprise-quotation-overview-card .enterprise-card-heading p,
.navy-arc-dashboard .enterprise-status-card footer {
  color:var(--muted-light)!important;
}
.navy-arc-dashboard .enterprise-status-card .enterprise-status-legend button {
  color:#DCE8F8!important;
  background:transparent!important;
  border-color:rgba(255,255,255,.13)!important;
}
.navy-arc-dashboard .enterprise-status-card .enterprise-status-legend b,
.navy-arc-dashboard .enterprise-status-card .enterprise-doughnut strong {
  color:#FFFFFF!important;
}
.navy-arc-dashboard .enterprise-status-card .enterprise-status-legend em,
.navy-arc-dashboard .enterprise-status-card .enterprise-doughnut small {
  color:#AFC0D8!important;
}
.navy-arc-dashboard .enterprise-deadlines-card .enterprise-deadline {
  background:var(--metric-surface)!important;
  border-color:var(--metric-border)!important;
}
.navy-arc-dashboard .enterprise-deadlines-card .enterprise-deadline time {
  color:#FFFFFF!important;
  background:var(--primary-blue-soft)!important;
}
.navy-arc-dashboard .enterprise-deadlines-card .enterprise-deadline strong {
  color:#FFFFFF!important;
}
.navy-arc-dashboard .enterprise-deadlines-card .enterprise-deadline small {
  color:#AFC0D8!important;
}
.navy-arc-dashboard .enterprise-quotation-overview-card .quotation-overview-metric,
.navy-arc-dashboard .enterprise-quotation-overview-card .quotation-overview-metric.is-pending,
.navy-arc-dashboard .enterprise-quotation-overview-card .quotation-overview-metric.is-approved,
.navy-arc-dashboard .enterprise-quotation-overview-card .quotation-overview-metric.is-expiring,
.navy-arc-dashboard .enterprise-quotation-overview-card .quotation-overview-summary > div {
  background:var(--metric-surface)!important;
  border-color:var(--metric-border)!important;
}
.navy-arc-dashboard .enterprise-quotation-overview-card .quotation-overview-metric small,
.navy-arc-dashboard .enterprise-quotation-overview-card .quotation-overview-summary small {
  color:var(--muted-light)!important;
}
.navy-arc-dashboard .enterprise-quotation-overview-card .quotation-overview-metric strong,
.navy-arc-dashboard .enterprise-quotation-overview-card .quotation-overview-summary strong {
  color:#FFFFFF!important;
}
.navy-arc-dashboard .enterprise-quotation-overview-card .quotation-overview-metric > span {
  color:#C6D9FF!important;
  background:var(--primary-blue-soft)!important;
}
.navy-arc-dashboard .enterprise-quotation-overview-card::after {
  border-color:rgba(78,140,255,.14)!important;
}
@media(max-width:760px) {
  .navy-arc-dashboard .enterprise-status-card,
  .navy-arc-dashboard .enterprise-deadlines-card,
  .navy-arc-dashboard .enterprise-quotation-overview-card {
    height:auto!important;
    min-height:384px!important;
  }
}
@media(max-width:1280px) { .navy-arc-dashboard .enterprise-kpis { grid-template-columns:repeat(3,minmax(0,1fr))!important; } }
@media(max-width:1000px) { .navy-arc-dashboard .enterprise-welcome-main { max-width:none!important; }.navy-arc-dashboard .enterprise-kpis { padding:16px 16px 0!important; }.navy-arc-dashboard .enterprise-dashboard-grid { padding-inline:16px!important; }.navy-arc-dashboard .navy-arc-three { display:none!important; } }
@media(max-width:760px) { .navy-arc-dashboard .enterprise-welcome { min-height:0!important; padding:22px 16px!important; border-radius:0 0 16px 16px!important; }.navy-arc-dashboard .enterprise-kpis { grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:10px!important; }.navy-arc-dashboard .enterprise-kpi { min-height:128px!important; }.navy-arc-dashboard .enterprise-dashboard-grid { grid-template-columns:1fr!important; gap:14px!important; padding-bottom:20px!important; }.navy-arc-dashboard .enterprise-card { min-height:270px!important; }.navy-arc-dashboard .daily-thought,.navy-arc-dashboard .daily-thought-copy { flex-wrap:wrap!important; }.navy-arc-dashboard .daily-thought-copy p { white-space:normal!important; } }
@media(max-width:560px) { .navy-arc-dashboard .quotation-overview-heading{align-items:flex-start;flex-direction:column}.navy-arc-dashboard .quotation-overview-actions{justify-content:flex-start}.navy-arc-dashboard .quotation-overview-summary{grid-template-columns:1fr 1fr}.navy-arc-dashboard .quotation-overview-summary>div:first-child{grid-column:1/-1} }
@media(max-width:480px) { .navy-arc-dashboard .enterprise-kpis { grid-template-columns:1fr!important; }.navy-arc-dashboard .enterprise-kpi { min-height:112px!important; }.navy-arc-dashboard .enterprise-welcome h2 { font-size:28px!important; }.navy-arc-dashboard .daily-thought { min-height:0!important; }.navy-arc-dashboard .navy-arc-one { right:-200px; } }

/* Dashboard KPI strip: richer visual hierarchy without changing the live data or drill-down actions. */
.navy-arc-dashboard .enterprise-kpis { gap:16px!important; padding-top:24px!important; }
.navy-arc-dashboard .enterprise-quotation-kpis { padding-top:14px!important; }
.navy-arc-dashboard .dashboard-command-bar { gap:8px!important; }
.navy-arc-dashboard .dashboard-command { min-height:40px!important; padding:0 14px!important; border-radius:8px!important; box-shadow:0 3px 8px rgba(15,39,75,.12)!important; font-size:12px!important; font-weight:800!important; }
.navy-arc-dashboard .dashboard-command-client { color:#fff!important; background:linear-gradient(135deg,#047857,#10B981)!important; border-color:#047857!important; }
.navy-arc-dashboard .dashboard-command-primary,.navy-arc-dashboard .dashboard-command-quote { color:#fff!important; background:linear-gradient(135deg,#075CC7,#1683E6)!important; border-color:#075CC7!important; }
.navy-arc-dashboard .dashboard-command:hover { color:#fff!important; filter:brightness(.96)!important; }
.navy-arc-dashboard .enterprise-controls { flex:0 1 760px!important; max-width:760px!important; }.navy-arc-dashboard .dashboard-command-bar { width:max-content!important; max-width:100%!important; min-height:58px!important; flex-wrap:nowrap!important; gap:8px!important; padding:10px 12px!important; overflow-x:auto!important; overscroll-behavior-x:contain!important; background:#fff!important; border:1px solid #D6E1EE!important; border-radius:11px!important; box-shadow:0 3px 10px rgba(15,39,75,.10)!important; }.navy-arc-dashboard .dashboard-command { flex:0 0 auto!important; min-height:36px!important; padding:0 12px!important; box-shadow:none!important; }.navy-arc-dashboard .dashboard-command-chat { color:#6D28D9!important; background:#F3E8FF!important; border-color:#D8B4FE!important; }.navy-arc-dashboard .dashboard-notification-command { color:#B42318!important; background:#FFF1F0!important; border-color:#F5B7B1!important; }.navy-arc-dashboard .dashboard-command-client { color:#fff!important; background:linear-gradient(135deg,#047857,#10B981)!important; border-color:#047857!important; }.navy-arc-dashboard .dashboard-command-primary,.navy-arc-dashboard .dashboard-command-quote { color:#fff!important; background:linear-gradient(135deg,#075CC7,#1683E6)!important; border-color:#075CC7!important; }
@media(max-width:1000px) { .navy-arc-dashboard .dashboard-command-bar { width:100%!important; justify-content:flex-start!important; } } @media(max-width:560px) { .navy-arc-dashboard .dashboard-command-bar { min-height:0!important; padding:8px!important; }.navy-arc-dashboard .dashboard-command { flex:0 0 auto!important; } }

/* Unified register actions: every record uses the clear outlined View + more-menu pattern. */
table td.actions, .audit-actions-cell, .client-row-actions { display:flex!important; align-items:center!important; gap:5px!important; min-width:max-content!important; white-space:nowrap!important; }
table td.actions > button, .audit-actions-cell > button, .client-row-actions > button { min-height:36px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:6px!important; padding:0 10px!important; color:#1759AD!important; background:#EDF5FF!important; border:1px solid #A9CCFA!important; border-radius:8px!important; box-shadow:none!important; font-size:12px!important; font-weight:800!important; line-height:1!important; white-space:nowrap!important; }
table td.actions > button:hover, .audit-actions-cell > button:hover, .client-row-actions > button:hover { color:#0F4690!important; background:#DDEBFD!important; border-color:#78ACE8!important; }
table td.actions > :is(.row-menu,.client-more-button,.audit-more-button), .audit-actions-cell > .audit-more-button, .client-row-actions > .client-more-button { width:36px!important; min-width:36px!important; padding:0!important; font-size:16px!important; letter-spacing:1px!important; }
table td.actions > button:focus-visible, .audit-actions-cell > button:focus-visible, .client-row-actions > button:focus-visible { outline:3px solid rgba(23,105,215,.22)!important; outline-offset:2px!important; }
.navy-arc-dashboard .enterprise-kpi { min-height:150px!important; display:grid!important; grid-template-columns:46px minmax(0,1fr)!important; grid-template-rows:auto auto 1fr!important; column-gap:12px!important; row-gap:3px!important; align-items:start!important; padding:17px!important; overflow:hidden!important; isolation:isolate!important; border:1px solid var(--kpi-border)!important; border-top:4px solid var(--dash-accent,#2563EB)!important; border-radius:16px!important; box-shadow:0 10px 22px rgba(18,57,94,.10),0 2px 5px rgba(18,57,94,.05)!important; transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important; }
.navy-arc-dashboard .enterprise-kpi::before { z-index:-1!important; width:126px!important; height:126px!important; right:-45px!important; bottom:-76px!important; border:20px solid var(--kpi-ring)!important; opacity:.72!important; }.navy-arc-dashboard .enterprise-kpi::after { z-index:1!important; left:17px!important; right:17px!important; bottom:14px!important; height:3px!important; background:linear-gradient(90deg,var(--dash-accent),rgba(255,255,255,.92))!important; box-shadow:0 1px 0 rgba(255,255,255,.75)!important; }
.navy-arc-dashboard .enterprise-kpi>span { grid-row:1 / span 2!important; position:relative!important; top:auto!important; right:auto!important; width:44px!important; height:44px!important; color:var(--kpi-icon)!important; background:var(--kpi-icon-bg)!important; border:1px solid rgba(255,255,255,.86)!important; border-radius:13px!important; box-shadow:0 5px 12px rgba(20,54,88,.10)!important; }.navy-arc-dashboard .enterprise-kpi>span svg { width:19px!important; height:19px!important; stroke-width:2.15!important; }
.navy-arc-dashboard .enterprise-kpi small { align-self:end!important; max-width:none!important; color:#274967!important; font-size:12px!important; font-weight:850!important; letter-spacing:.015em!important; line-height:1.2!important; text-transform:none!important; }.navy-arc-dashboard .enterprise-kpi strong { grid-column:2!important; margin:0!important; overflow:hidden!important; color:#092746!important; font-size:31px!important; font-weight:850!important; letter-spacing:-.045em!important; line-height:1.06!important; text-overflow:ellipsis!important; white-space:nowrap!important; }.navy-arc-dashboard .enterprise-kpi em { grid-column:1 / -1!important; align-self:end!important; width:max-content!important; max-width:calc(100% - 6px)!important; margin-top:6px!important; padding:5px 8px!important; overflow:hidden!important; color:var(--kpi-note)!important; background:rgba(255,255,255,.62)!important; border:1px solid rgba(255,255,255,.78)!important; border-radius:999px!important; font-size:10.5px!important; font-style:normal!important; font-weight:750!important; line-height:1.2!important; text-overflow:ellipsis!important; white-space:nowrap!important; }
.navy-arc-dashboard .enterprise-kpi:hover { transform:translateY(-4px)!important; border-color:var(--dash-accent)!important; box-shadow:0 15px 28px rgba(18,57,94,.16),0 3px 8px rgba(18,57,94,.07)!important; }.navy-arc-dashboard .enterprise-kpi:focus-visible { outline:3px solid rgba(8,102,217,.28)!important; outline-offset:3px!important; }
.navy-arc-dashboard .enterprise-kpi:nth-child(1) { --kpi-border:#A8C9FB; --kpi-ring:rgba(37,99,235,.17); --kpi-icon:#155EEF; --kpi-icon-bg:#DCEBFF; --kpi-note:#1956A4; background:linear-gradient(135deg,#E8F2FF 0%,#F8FBFF 70%)!important; }.navy-arc-dashboard .enterprise-kpi:nth-child(2) { --kpi-border:#94DCE8; --kpi-ring:rgba(8,145,178,.16); --kpi-icon:#087B94; --kpi-icon-bg:#D9F8FC; --kpi-note:#087388; background:linear-gradient(135deg,#E5FBFE 0%,#F8FEFF 70%)!important; }.navy-arc-dashboard .enterprise-kpi:nth-child(3) { --kpi-border:#95DCB2; --kpi-ring:rgba(22,163,106,.16); --kpi-icon:#118252; --kpi-icon-bg:#D9F9E6; --kpi-note:#0A7A49; background:linear-gradient(135deg,#E8FCF1 0%,#FAFFFC 70%)!important; }.navy-arc-dashboard .enterprise-kpi:nth-child(4) { --kpi-border:#F5C776; --kpi-ring:rgba(217,119,6,.16); --kpi-icon:#B65F00; --kpi-icon-bg:#FFF0C9; --kpi-note:#A65700; background:linear-gradient(135deg,#FFF6E7 0%,#FFFDF8 70%)!important; }.navy-arc-dashboard .enterprise-kpi:nth-child(5) { --kpi-border:#C9B7FA; --kpi-ring:rgba(124,58,237,.15); --kpi-icon:#6D30D7; --kpi-icon-bg:#EEE7FF; --kpi-note:#6930C6; background:linear-gradient(135deg,#F4F0FF 0%,#FCFBFF 70%)!important; }.navy-arc-dashboard .enterprise-kpi:nth-child(6) { --kpi-border:#F7B0BC; --kpi-ring:rgba(225,29,72,.14); --kpi-icon:#C51F48; --kpi-icon-bg:#FFE7EC; --kpi-note:#B51C40; background:linear-gradient(135deg,#FFF0F3 0%,#FFFBFC 70%)!important; }
@media(max-width:760px){.navy-arc-dashboard .enterprise-kpis{gap:11px!important;padding-top:17px!important}.navy-arc-dashboard .enterprise-kpi{min-height:138px!important;padding:14px!important}.navy-arc-dashboard .enterprise-kpi::after{left:14px!important;right:14px!important}.navy-arc-dashboard .enterprise-kpi strong{font-size:28px!important}}@media(max-width:480px){.navy-arc-dashboard .enterprise-kpi{min-height:124px!important;grid-template-columns:42px minmax(0,1fr)!important}.navy-arc-dashboard .enterprise-kpi>span{width:40px!important;height:40px!important}.navy-arc-dashboard .enterprise-kpi strong{font-size:29px!important}}

/* Audit, Other and Completed Engagements share the Client Master / My Task workspace shell. */
.engagement-workspace { gap:30px!important; padding:18px 0 22px!important; background:#f5f7fa!important; }
.engagement-workspace .engagement-workspace-hero:not(.module-hero),.completed-engagements-hero:not(.module-hero) { padding:22px 18px 18px!important; color:#fff!important; background:linear-gradient(100deg,#163a67 0%,#14345e 50%,#12305a 100%)!important; border:1px solid rgba(148,163,184,.2)!important; border-radius:12px!important; box-shadow:0 3px 12px rgba(15,39,75,.14)!important; }
.engagement-workspace .audit-page-header { padding:0 0 18px!important; color:#fff!important; border:0!important; }.engagement-workspace .audit-breadcrumb { color:rgba(255,255,255,.78)!important; font-size:12px!important; font-weight:600!important; }.engagement-workspace .audit-breadcrumb span { color:rgba(255,255,255,.58)!important; }.engagement-workspace .audit-page-header h1,.completed-engagements-header h1 { margin:5px 0 0!important; color:#fff!important; font-size:30px!important; line-height:1.08!important; letter-spacing:-.03em!important; }.engagement-workspace .audit-page-header p,.completed-engagements-header p { margin:6px 0 0!important; color:rgba(255,255,255,.84)!important; font-size:14px!important; }.engagement-workspace .audit-primary-action { min-height:36px!important; color:#fff!important; background:#0866d9!important; border-color:#4491f0!important; border-radius:8px!important; box-shadow:0 2px 5px rgba(7,27,59,.16)!important; font-size:12px!important; font-weight:750!important; }
.engagement-workspace .audit-overview-shell { padding:0!important; background:transparent!important; border:0!important; border-radius:0!important; box-shadow:none!important; }.engagement-workspace .audit-section-heading { margin:0 0 12px!important; }.engagement-workspace .audit-section-heading h2 { color:#fff!important; font-size:14px!important; }.engagement-workspace .audit-eyebrow { color:#a9d1ff!important; }.engagement-workspace .audit-overview-period>span,.engagement-workspace .audit-overview-period .inline-period { color:rgba(255,255,255,.8)!important; }.engagement-workspace .audit-overview-period input { color:#173a64!important; background:#fff!important; border-color:rgba(255,255,255,.65)!important; }
.engagement-workspace .audit-kpi-grid.audit-kpi-grid-all,.completed-engagement-summary-strip { display:grid!important; grid-template-columns:repeat(5,minmax(0,1fr))!important; gap:10px!important; }.engagement-workspace .audit-kpi-grid.audit-kpi-grid-all .audit-metric,.completed-engagement-metric { min-height:92px!important; padding:13px!important; background:#fff!important; border:1px solid #d7e0ec!important; border-left:4px solid var(--engagement-accent)!important; border-radius:10px!important; box-shadow:0 3px 9px rgba(15,39,75,.09)!important; }.engagement-workspace .audit-kpi-grid.audit-kpi-grid-all .audit-metric.active { background:#edf5fb!important; box-shadow:inset 0 0 0 1px #b9d4f3,0 3px 9px rgba(15,39,75,.09)!important; }.engagement-workspace .audit-kpi-grid.audit-kpi-grid-all .audit-metric .audit-metric-icon { width:31px!important; height:31px!important; flex-basis:31px!important; color:var(--engagement-accent)!important; background:#fff!important; border:1.5px solid var(--engagement-accent)!important; border-radius:50%!important; font-size:14px!important; }.engagement-workspace .audit-kpi-grid.audit-kpi-grid-all .audit-metric-copy strong,.completed-engagement-metric strong { color:#0b2345!important; font-size:29px!important; }.engagement-workspace .audit-kpi-grid.audit-kpi-grid-all .audit-metric-copy small,.completed-engagement-metric span { color:#38526f!important; font-size:12px!important; font-weight:750!important; }.completed-engagement-metric { display:grid!important; align-content:center!important; gap:6px!important; }.completed-engagement-metric strong { line-height:1!important; }
.engagement-workspace .audit-kpi-grid.audit-kpi-grid-all .audit-metric:nth-child(4n + 1){--engagement-accent:#2563eb;background:#edf5ff!important;border-color:#9fc6f3!important}.engagement-workspace .audit-kpi-grid.audit-kpi-grid-all .audit-metric:nth-child(4n + 2){--engagement-accent:#6941c6;background:#f5f0ff!important;border-color:#d1bdf8!important}.engagement-workspace .audit-kpi-grid.audit-kpi-grid-all .audit-metric:nth-child(4n + 3){--engagement-accent:#099b96;background:#ecfeff!important;border-color:#8de1dd!important}.engagement-workspace .audit-kpi-grid.audit-kpi-grid-all .audit-metric:nth-child(4n){--engagement-accent:#d97706;background:#fff7e8!important;border-color:#f4cf83!important}.completed-engagement-metric.blue{--engagement-accent:#2563eb;background:#edf5ff!important;border-color:#9fc6f3!important}.completed-engagement-metric.purple{--engagement-accent:#6941c6;background:#f5f0ff!important;border-color:#d1bdf8!important}.completed-engagement-metric.amber{--engagement-accent:#d97706;background:#fff7e8!important;border-color:#f4cf83!important}.completed-engagement-metric.teal{--engagement-accent:#099b96;background:#ecfeff!important;border-color:#8de1dd!important}
.engagement-workspace .audit-toolbar-shell,.engagement-workspace .audit-records-shell,.completed-engagements-page .completed-engagements-filters,.completed-engagements-page .completed-engagements-list-card { background:#fff!important; border:1px solid #d6dee9!important; border-radius:11px!important; box-shadow:0 3px 10px rgba(15,39,75,.045)!important; }.engagement-workspace .audit-toolbar-shell,.completed-engagements-page .completed-engagements-filters { padding:13px 14px!important; }.engagement-workspace .audit-records-heading { padding:12px 14px 0!important; }.engagement-workspace .audit-records-heading h2,.completed-engagements-table-heading h2 { margin:0!important; color:#0b2345!important; font-size:14px!important; }.engagement-workspace .audit-records-heading p,.completed-engagements-table-heading p { margin:2px 0 0!important; color:#64748b!important; font-size:11px!important; }.engagement-workspace .audit-live-indicator,.completed-engagements-table-heading>span { color:#09864e!important; font-size:12px!important; font-weight:700!important; }.engagement-workspace .audit-live-indicator i,.completed-engagements-table-heading>span:before { width:7px!important; height:7px!important; box-shadow:none!important; }.completed-engagements-table-heading>span:before { content:""; display:inline-block; margin-right:6px; background:#10b981; border-radius:50%; }
.engagement-workspace .audit-table-wrap,.completed-engagements-page .workflow-freeze-wrap { max-height:min(62vh,680px)!important; margin:10px 0 0!important; border:0!important; border-top:1px solid #d6dee9!important; border-radius:0!important; box-shadow:none!important; }.engagement-workspace .audit-engagement-table thead th,.engagement-workspace .other-engagement-table thead th,.completed-engagements-page .completed-engagement-table thead th { height:43px!important; color:#0b2345!important; background:#e8edf4!important; border-right:1px solid #c9d4e2!important; border-bottom:2px solid #bdcada!important; font-size:12px!important; font-weight:800!important; }.engagement-workspace .audit-engagement-table tbody td,.engagement-workspace .other-engagement-table tbody td,.completed-engagements-page .completed-engagement-table tbody td { height:52px!important; color:#40556f!important; border-right:1px solid #d7e0ea!important; border-bottom:1px solid #d7e0ea!important; font-size:13px!important; }.engagement-workspace .audit-engagement-table tbody tr:nth-child(even) td,.engagement-workspace .other-engagement-table tbody tr:nth-child(even) td,.completed-engagements-page .completed-engagement-table tbody tr:nth-child(even) td { background:#f8fafc!important; }.engagement-workspace .audit-engagement-table tbody tr:hover td,.engagement-workspace .other-engagement-table tbody tr:hover td,.completed-engagements-page .completed-engagement-table tbody tr:hover td { background:#edf5fb!important; }.engagement-workspace .audit-client-cell strong { color:#172f4d!important; font-size:13px!important; font-weight:750!important; }
.completed-engagements-page { display:grid!important; gap:30px!important; padding:18px 0 22px!important; background:#f5f7fa!important; }.completed-engagements-header { display:flex!important; align-items:flex-start!important; justify-content:space-between!important; gap:16px!important; padding:0 0 18px!important; }.completed-engagements-header .enterprise-breadcrumb { color:rgba(255,255,255,.78)!important; font-size:12px!important; font-weight:600!important; }.completed-engagements-header .enterprise-breadcrumb span { color:rgba(255,255,255,.58)!important; }.completed-engagements-actions { display:flex!important; gap:8px!important; flex-wrap:wrap!important; justify-content:flex-end!important; }.completed-engagements-actions button { min-height:36px!important; padding:0 12px!important; background:#fff!important; border-radius:8px!important; box-shadow:0 2px 5px rgba(7,27,59,.16)!important; font-size:12px!important; font-weight:750!important; }.completed-engagements-page .completed-engagements-list-card { padding:0!important; overflow:hidden!important; }.completed-engagements-table-heading { display:flex!important; align-items:center!important; justify-content:space-between!important; gap:12px!important; padding:12px 14px 0!important; }
@media(max-width:1180px){.engagement-workspace .audit-kpi-grid.audit-kpi-grid-all,.completed-engagement-summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:720px){.engagement-workspace,.completed-engagements-page{gap:18px!important;padding:12px 0 18px!important}.engagement-workspace .engagement-workspace-hero,.completed-engagements-hero{padding:17px 12px 14px!important}.engagement-workspace .audit-page-header,.completed-engagements-header{align-items:flex-start!important;flex-direction:column!important}.engagement-workspace .audit-primary-action{width:100%!important}.completed-engagements-actions{width:100%!important;justify-content:flex-start!important}.completed-engagements-actions button{flex:1!important}.engagement-workspace .audit-section-heading{align-items:flex-start!important;flex-direction:column!important}.engagement-workspace .audit-overview-period{width:100%!important}.engagement-workspace .audit-overview-period .inline-period{flex:1!important}.engagement-workspace .audit-overview-period input{width:100%!important}.completed-engagements-page .billing-controls-row{justify-content:flex-start!important}.completed-engagements-page .billing-controls-row>*{flex:1 1 145px!important}.completed-engagements-table-heading{align-items:flex-start!important;flex-direction:column!important;gap:6px!important}}@media(max-width:440px){.engagement-workspace .audit-kpi-grid.audit-kpi-grid-all,.completed-engagement-summary-strip{grid-template-columns:1fr!important}.completed-engagements-header h1,.engagement-workspace .audit-page-header h1{font-size:25px!important}}

/* Dashboard quotation overview: all three summary controls share one neutral metric style. */
.navy-arc-dashboard .quotation-overview-summary { grid-template-columns:repeat(3,minmax(0,1fr))!important; }
.navy-arc-dashboard .quotation-overview-summary>div,.navy-arc-dashboard .quotation-overview-summary>button { min-height:58px!important; display:block!important; padding:9px!important; color:#264763!important; text-align:left!important; background:#fff!important; border:1px solid #BFD1E1!important; border-radius:7px!important; box-shadow:none!important; }
.navy-arc-dashboard .quotation-overview-summary>button { cursor:pointer!important; }
.navy-arc-dashboard .quotation-overview-summary>button:hover { color:#153d63!important; background:#F3F8FD!important; border-color:#8FB4D8!important; transform:none!important; }
.navy-arc-dashboard .quotation-overview-summary>button small,.navy-arc-dashboard .quotation-overview-summary>button strong { color:inherit!important; }
@media(max-width:560px) { .navy-arc-dashboard .quotation-overview-summary { grid-template-columns:1fr 1fr!important; }.navy-arc-dashboard .quotation-overview-summary>div:first-child { grid-column:1/-1!important; } }

/* Dashboard surface system: applies to the live dashboard only; the existing Fineasy logo is intentionally untouched. */
.shell:has(.navy-arc-dashboard) { grid-template-columns:280px minmax(0,1fr)!important; gap:var(--dashboard-gap)!important; padding:var(--dashboard-gap)!important; background:var(--dashboard-page)!important; }
.shell:has(.navy-arc-dashboard).sidebar-collapsed { grid-template-columns:76px minmax(0,1fr)!important; }
.shell:has(.navy-arc-dashboard) .sidebar { background:var(--dashboard-surface)!important; border:1px solid var(--dashboard-panel-line)!important; border-radius:0 14px 14px 0!important; }
.shell:has(.navy-arc-dashboard) .main,.shell:has(.navy-arc-dashboard) .content { min-width:0!important; overflow-x:hidden!important; }
.shell:has(.navy-arc-dashboard) .content { padding:0!important; }
.shell:has(.navy-arc-dashboard) .nav button { color:#C3CCE0!important; }.shell:has(.navy-arc-dashboard) .nav button:hover { background:var(--dashboard-card)!important; }.shell:has(.navy-arc-dashboard) .nav button.active { color:#fff!important; background:var(--dashboard-primary-soft)!important; border-left:3px solid var(--dashboard-primary)!important; }.shell:has(.navy-arc-dashboard) .nav-icon { color:#93A0BC!important; }.shell:has(.navy-arc-dashboard) .nav button.active .nav-icon { color:#fff!important; }
.navy-arc-dashboard { gap:var(--dashboard-gap)!important; padding:0!important; background:var(--dashboard-page)!important; }
.navy-arc-dashboard .dashboard-header { min-height:0!important; padding:28px!important; color:var(--dashboard-text)!important; background:radial-gradient(700px 350px at 85% 10%,rgba(78,140,255,.12),transparent 65%),var(--dashboard-surface)!important; border:1px solid var(--dashboard-panel-line)!important; border-radius:18px!important; box-shadow:none!important; }
.navy-arc-dashboard .dashboard-header-top,.navy-arc-dashboard .dashboard-header-bottom { position:relative!important; z-index:2!important; display:grid!important; grid-template-columns:minmax(0,1fr) auto!important; gap:20px!important; align-items:start!important; }.navy-arc-dashboard .dashboard-header-bottom { align-items:center!important; gap:16px!important; margin-top:22px!important; }
.navy-arc-dashboard .enterprise-controls { max-width:none!important; align-items:flex-end!important; }.navy-arc-dashboard .dashboard-command-bar { flex-wrap:wrap!important; gap:8px!important; }
.navy-arc-dashboard .dashboard-command { min-height:40px!important; height:40px!important; padding:0 14px!important; color:var(--dashboard-dark-text)!important; background:#fff!important; border:1px solid var(--dashboard-white-border)!important; border-radius:10px!important; box-shadow:0 3px 10px rgba(9,30,66,.10)!important; }.navy-arc-dashboard .dashboard-command-chat,.navy-arc-dashboard .dashboard-notification-command { color:var(--dashboard-dark-text)!important; background:#fff!important; border-color:var(--dashboard-white-border)!important; }.navy-arc-dashboard .dashboard-command-client { color:#fff!important; background:linear-gradient(135deg,#0F9B8E,#087F8C)!important; border-color:#087F8C!important; }.navy-arc-dashboard .dashboard-command-primary { color:#fff!important; background:linear-gradient(135deg,#2563EB,#164DB8)!important; border-color:#164DB8!important; }.navy-arc-dashboard .dashboard-command-quote { color:#fff!important; background:linear-gradient(135deg,#3B82F6,#2563EB)!important; border-color:#2563EB!important; }.navy-arc-dashboard .dashboard-command b { color:#fff!important; background:#E44747!important; }
.navy-arc-dashboard .daily-thought { width:100%!important; min-height:62px!important; margin:0!important; padding:12px 16px!important; background:#fff!important; border:1px solid var(--dashboard-white-border)!important; border-left:1px solid var(--dashboard-white-border)!important; border-radius:12px!important; box-shadow:0 3px 10px rgba(9,30,66,.08)!important; }.navy-arc-dashboard .daily-thought-copy p { white-space:normal!important; }.navy-arc-dashboard .dashboard-period-row { min-width:220px!important; min-height:62px!important; align-items:center!important; padding:0 16px!important; background:#fff!important; border:1px solid var(--dashboard-white-border)!important; border-radius:12px!important; }.navy-arc-dashboard .dashboard-period-row select { width:100%!important; min-height:40px!important; border:0!important; box-shadow:none!important; }.navy-arc-dashboard .dashboard-period-row time { display:none!important; }
.navy-arc-dashboard .dashboard-blue-overviews { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:var(--dashboard-gap)!important; margin:0!important; }.navy-arc-dashboard .dashboard-blue-panel { height:100%!important; padding:24px!important; color:var(--dashboard-text)!important; background:var(--dashboard-panel)!important; border:1px solid var(--dashboard-panel-line)!important; border-radius:18px!important; box-shadow:none!important; }.navy-arc-dashboard .dashboard-blue-panel h2 { margin:0 0 18px!important; color:#fff!important; font-size:18px!important; font-weight:700!important; }.navy-arc-dashboard .dashboard-blue-hero { min-height:156px!important; grid-template-columns:auto minmax(0,1fr) 1px auto!important; gap:22px!important; padding:20px 24px!important; color:#fff!important; background:linear-gradient(120deg,var(--dashboard-feature-start),var(--dashboard-feature-middle) 45%,var(--dashboard-feature-end))!important; border:1px solid #3E64AE!important; border-left:4px solid var(--dashboard-primary)!important; border-radius:14px!important; }.navy-arc-dashboard .dashboard-blue-hero-copy span,.navy-arc-dashboard .dashboard-blue-hero-copy small { color:#DDE9FF!important; }.navy-arc-dashboard .dashboard-blue-hero-copy strong { color:#fff!important; }.navy-arc-dashboard .dashboard-blue-hero-divider { background:rgba(255,255,255,.26)!important; }.navy-arc-dashboard .dashboard-blue-ring-track { stroke:rgba(255,255,255,.22)!important; }.navy-arc-dashboard .dashboard-blue-ring-value { stroke:#83B4FF!important; }
.navy-arc-dashboard .dashboard-blue-metric-grid-three { gap:12px!important; margin-top:16px!important; }.navy-arc-dashboard .dashboard-blue-metric-grid-two { gap:12px!important; margin-top:12px!important; }.navy-arc-dashboard .dashboard-blue-card { min-height:126px!important; color:var(--dashboard-text)!important; background:var(--dashboard-card)!important; border:1px solid var(--dashboard-card-line)!important; border-top:3px solid var(--dashboard-primary)!important; border-radius:12px!important; }.navy-arc-dashboard .dashboard-blue-card-copy,.navy-arc-dashboard .dashboard-blue-card-label,.navy-arc-dashboard .dashboard-blue-card-copy strong,.navy-arc-dashboard .dashboard-blue-card-copy small { color:inherit!important; }.navy-arc-dashboard .dashboard-blue-card:hover,.navy-arc-dashboard .dashboard-blue-hero:hover { transform:translateY(-2px)!important; border-color:var(--dashboard-primary)!important; box-shadow:0 8px 18px rgba(0,0,0,.18)!important; }.navy-arc-dashboard :is(.dashboard-blue-card,.dashboard-blue-hero):focus-visible { outline:3px solid #8EB8FF!important; outline-offset:3px!important; }
@media(max-width:980px) { .shell:has(.navy-arc-dashboard),.shell:has(.navy-arc-dashboard).sidebar-collapsed { display:block!important; padding:12px!important; }.navy-arc-dashboard .dashboard-header-top,.navy-arc-dashboard .dashboard-header-bottom,.navy-arc-dashboard .dashboard-blue-overviews { grid-template-columns:1fr!important; }.navy-arc-dashboard .enterprise-controls { align-items:flex-start!important; }.navy-arc-dashboard .dashboard-period-row { width:100%!important; }.navy-arc-dashboard .daily-thought { max-width:none!important; } }
@media(max-width:560px) { .navy-arc-dashboard .dashboard-header { padding:18px!important; }.navy-arc-dashboard .dashboard-command { flex:1 1 calc(50% - 4px)!important; }.navy-arc-dashboard .dashboard-blue-panel { padding:16px!important; }.navy-arc-dashboard .dashboard-blue-hero { grid-template-columns:auto minmax(0,1fr)!important; padding:18px!important; }.navy-arc-dashboard .dashboard-blue-hero-divider,.navy-arc-dashboard .dashboard-blue-ring { display:none!important; }.navy-arc-dashboard .dashboard-blue-metric-grid-three,.navy-arc-dashboard .dashboard-blue-metric-grid-two { grid-template-columns:1fr!important; } }

/* Dashboard action bar: keep the three creation actions tappable at every width. */
@media(max-width:900px) {
  .navy-arc-dashboard .enterprise-controls { width:100%!important; }
  .navy-arc-dashboard .dashboard-command-bar { width:100%!important; justify-content:flex-start!important; }
  .navy-arc-dashboard .dashboard-command-client,
  .navy-arc-dashboard .dashboard-command-primary,
  .navy-arc-dashboard .dashboard-command-quote { flex:1 1 calc(33.333% - 6px)!important; min-width:150px!important; }
}
@media(max-width:620px) {
  .navy-arc-dashboard .dashboard-command-client,
  .navy-arc-dashboard .dashboard-command-primary,
  .navy-arc-dashboard .dashboard-command-quote { flex-basis:calc(50% - 4px)!important; min-width:0!important; }
}
@media(max-width:380px) {
  .navy-arc-dashboard .dashboard-command-client,
  .navy-arc-dashboard .dashboard-command-primary,
  .navy-arc-dashboard .dashboard-command-quote { flex-basis:100%!important; }
}
@media(prefers-reduced-motion:reduce) { .navy-arc-dashboard .dashboard-blue-card,.navy-arc-dashboard .dashboard-blue-hero { transition:none!important; } }

/* Audit and Other engagement editors use the same clear white form language as Client and Quote editors. */
.modal-card:has(.audit-engagement-form) { color:#17304e!important; background:#fff!important; border:1px solid #c7d5e4!important; box-shadow:0 24px 64px rgba(10,30,56,.24)!important; }
.audit-engagement-form { color:#17304e!important; background:#fff!important; }
.audit-engagement-form .eng-form-header { min-height:86px!important; padding:20px 24px!important; background:#fff!important; border-bottom:2px solid #d8e2ed!important; }
.audit-engagement-form .eng-form-header h2 { color:#102b4b!important; font-size:25px!important; font-weight:850!important; letter-spacing:-.02em!important; }.audit-engagement-form .eng-form-header p { color:#63788f!important; font-size:14px!important; font-weight:500!important; }.audit-engagement-form .eng-form-header .eyebrow { color:#1769d5!important; font-size:12px!important; font-weight:850!important; letter-spacing:.09em!important; text-transform:uppercase!important; }
.audit-engagement-form .eng-back-button { width:42px!important; height:42px!important; min-width:42px!important; color:#1769d5!important; background:#f2f7fd!important; border:1px solid #b9cfe6!important; font-size:19px!important; }.audit-engagement-form .eng-close-button { width:auto!important; min-width:78px!important; height:42px!important; padding:9px 15px!important; color:#b4233a!important; background:#fff3f5!important; border:1px solid #f1a7b4!important; border-radius:9px!important; font-size:14px!important; font-weight:800!important; }.audit-engagement-form .eng-close-button:hover { color:#fff!important; background:#c62942!important; border-color:#c62942!important; }
.audit-engagement-form .eng-form-section { padding:18px 24px!important; background:#fff!important; border-bottom:1px solid #dce5ee!important; }.audit-engagement-form .eng-section-heading { min-height:44px!important; margin-bottom:16px!important; padding-bottom:11px!important; border-bottom:1px solid #e1e8f0!important; }.audit-engagement-form .eng-section-heading h3 { color:#153150!important; font-size:18px!important; font-weight:800!important; }.audit-engagement-form .eng-section-heading p { color:#6b7f95!important; font-size:13px!important; font-weight:500!important; }
.audit-engagement-form .eng-form-grid { column-gap:16px!important; row-gap:18px!important; }.audit-engagement-form .eng-field { gap:7px!important; color:#304f70!important; font-size:14px!important; font-weight:800!important; }.audit-engagement-form .eng-field input,.audit-engagement-form .eng-field select,.audit-engagement-form .eng-field textarea { min-height:44px!important; color:#172f4c!important; background:#fff!important; border:1.5px solid #afc3d9!important; border-radius:9px!important; font-size:14px!important; font-weight:550!important; }.audit-engagement-form .eng-field textarea { min-height:132px!important; padding:12px!important; }.audit-engagement-form .eng-field input:focus,.audit-engagement-form .eng-field select:focus,.audit-engagement-form .eng-field textarea:focus { outline:0!important; border-color:#1769d5!important; box-shadow:0 0 0 3px rgba(23,105,213,.13)!important; }.audit-engagement-form .eng-add-button,.audit-engagement-form .eng-input-action { min-width:42px!important; min-height:44px!important; color:#185fc0!important; background:#f4f8fd!important; border:1px solid #afc7e3!important; font-size:16px!important; font-weight:800!important; }
.audit-engagement-form .eng-form-footer { min-height:74px!important; padding:14px 24px!important; background:rgba(255,255,255,.98)!important; border-top:2px solid #d8e2ed!important; box-shadow:0 -8px 20px rgba(21,48,79,.08)!important; }.audit-engagement-form .eng-unsaved-note { color:#657b92!important; font-size:13px!important; font-weight:600!important; }.audit-engagement-form .eng-form-footer button { min-height:46px!important; padding:10px 20px!important; border-radius:9px!important; font-size:15px!important; font-weight:800!important; }.audit-engagement-form .eng-form-footer .secondary { color:#b4233a!important; background:#fff2f4!important; border:1px solid #eda3b0!important; }.audit-engagement-form .eng-form-footer .new-blue { color:#fff!important; background:#1769d5!important; border:1px solid #1769d5!important; }
@media(max-width:820px) { .audit-engagement-form .eng-form-header,.audit-engagement-form .eng-form-section,.audit-engagement-form .eng-form-footer { padding-left:16px!important; padding-right:16px!important; } }
@media(max-width:560px) { .audit-engagement-form .eng-form-header { min-height:72px!important; padding:14px!important; }.audit-engagement-form .eng-form-header h2 { font-size:21px!important; }.audit-engagement-form .eng-form-header p { display:none!important; }.audit-engagement-form .eng-close-button { min-width:66px!important; height:38px!important; min-height:38px!important; padding:7px 10px!important; font-size:13px!important; }.audit-engagement-form .eng-back-button { width:38px!important; height:38px!important; min-width:38px!important; }.audit-engagement-form .eng-form-section { padding:14px!important; }.audit-engagement-form .eng-form-footer { padding:12px 14px!important; }.audit-engagement-form .eng-unsaved-note { display:none!important; } }

/* Audit engagement form: keep the close control clear of the viewport edge and promote client creation. */
#audit-engagement-form .eng-form-header { grid-template-columns:42px minmax(0,1fr) auto!important; padding-right:42px!important; }
#audit-engagement-form .eng-close-button { margin-right:14px!important; }
#audit-engagement-form .eng-create-client { min-height:42px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:7px!important; padding:9px 15px!important; color:#fff!important; background:linear-gradient(135deg,#1769D5,#0C8FEA)!important; border:1px solid #1769D5!important; border-radius:9px!important; box-shadow:0 5px 12px rgba(23,105,213,.2)!important; font-size:13px!important; font-weight:800!important; letter-spacing:.005em!important; white-space:nowrap!important; }
#audit-engagement-form .eng-create-client:hover,#audit-engagement-form .eng-create-client:focus-visible { color:#fff!important; background:linear-gradient(135deg,#0F56B4,#087ACC)!important; border-color:#0F56B4!important; box-shadow:0 7px 16px rgba(15,86,180,.28)!important; outline:0!important; }
@media(max-width:560px) { #audit-engagement-form .eng-form-header { padding-right:14px!important; } #audit-engagement-form .eng-close-button { margin-right:0!important; } #audit-engagement-form .eng-create-client { min-height:38px!important; padding:8px 11px!important; font-size:12px!important; } }

/* Other engagement form: separate client-source actions from the title to prevent overlap. */
#other-engagement-form .other-form-header { grid-template-columns:42px minmax(0,1fr) auto!important; padding-right:42px!important; }
#other-engagement-form .eng-close-button { margin-right:14px!important; }
.other-engagement-source-bar { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:12px 24px; color:#285176; background:#F7FAFE; border-bottom:1px solid #D7E3F0; }
.other-engagement-source-bar > span { color:#31506F; font-size:12px; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }
.other-engagement-source-bar .other-header-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:9px; margin:0; }
.other-engagement-source-bar .other-header-actions button { min-height:40px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; padding:8px 13px!important; color:#1A5EAF!important; background:#fff!important; border:1px solid #9FC2E8!important; border-radius:9px!important; box-shadow:0 2px 6px rgba(18,65,113,.07)!important; font-size:13px!important; font-weight:800!important; white-space:nowrap!important; }
.other-engagement-source-bar .other-header-actions button:first-child { color:#fff!important; background:linear-gradient(135deg,#1769D5,#0C8FEA)!important; border-color:#1769D5!important; box-shadow:0 5px 12px rgba(23,105,213,.2)!important; }
.other-engagement-source-bar .other-header-actions button:hover,.other-engagement-source-bar .other-header-actions button:focus-visible { color:#fff!important; background:#0F56B4!important; border-color:#0F56B4!important; outline:0!important; }
@media(max-width:700px) { #other-engagement-form .other-form-header { padding-right:16px!important; } #other-engagement-form .eng-close-button { margin-right:0!important; } .other-engagement-source-bar { align-items:flex-start; flex-direction:column; padding:12px 16px; } .other-engagement-source-bar .other-header-actions { width:100%; justify-content:flex-start; } }
@media(max-width:480px) { .other-engagement-source-bar .other-header-actions { display:grid; grid-template-columns:1fr; } .other-engagement-source-bar .other-header-actions button { width:100%; } }

/* Staff Performance: a focused workspace header, consistent with Backup & Restore. */
.performance-page { gap:12px!important; padding:16px 18px 22px!important; }
.performance-page .performance-page-header { width:min(100%,1240px)!important; min-height:112px!important; display:flex!important; align-items:center!important; justify-content:space-between!important; gap:22px!important; padding:20px 23px!important; color:#fff!important; background:linear-gradient(112deg,#12305A 0%,#163A67 58%,#0C4C82 100%)!important; border:1px solid #1D548C!important; border-radius:14px!important; box-shadow:0 8px 22px rgba(15,39,75,.16)!important; }
.performance-page .performance-header-copy { min-width:0!important; }.performance-page .performance-page-header .performance-kicker { margin-bottom:5px!important; color:#98C7F8!important; font-size:11px!important; font-weight:800!important; letter-spacing:.11em!important; }.performance-page .performance-page-header h1 { margin:0!important; color:#fff!important; font-size:25px!important; font-weight:800!important; letter-spacing:-.025em!important; }.performance-page .performance-page-header p { max-width:620px!important; margin:6px 0 0!important; color:#D4E5F8!important; font-size:13px!important; line-height:1.5!important; }
.performance-page .performance-export-actions { gap:8px!important; flex:0 0 auto!important; }.performance-page .performance-export-actions button { min-height:40px!important; padding:0 13px!important; border-radius:8px!important; font-size:12px!important; font-weight:800!important; }
.performance-summary-grid { gap:10px!important; }
.performance-summary-card { min-height:92px!important; padding:12px 14px!important; border-left-width:4px!important; border-radius:10px!important; box-shadow:0 3px 9px rgba(15,39,75,.06)!important; }
.performance-summary-card span { font-size:12px!important; }.performance-summary-card strong { font-size:27px!important; }.performance-summary-card small { font-size:11px!important; }
.performance-visual-grid { display:grid; grid-template-columns:minmax(0,1.12fr) minmax(330px,.88fr); gap:12px; }
.performance-chart-card,.performance-workload-card { min-width:0; padding:15px; background:#fff; border:1px solid #D7E2EE; border-radius:12px; box-shadow:0 3px 10px rgba(15,39,75,.05); }
.performance-chart-card header,.performance-workload-card header { display:flex; align-items:flex-start; justify-content:space-between; gap:10px; }
.performance-chart-card header span,.performance-workload-card header span { display:block; color:#1769D5; font-size:10px; font-weight:850; letter-spacing:.1em; text-transform:uppercase; }
.performance-chart-card h2,.performance-workload-card h2 { margin:4px 0 0; color:#0E2A49; font-size:17px; line-height:1.2; }.performance-chart-card header>small { padding-top:4px; color:#6D8096; font-size:11px; font-weight:700; }
.performance-chart { height:186px; margin-top:10px; }.performance-chart canvas { width:100%!important; height:100%!important; }
.performance-work-donut { position:relative; width:76px; height:76px; display:grid; place-items:center; }.performance-work-donut canvas { position:absolute; inset:0; width:76px!important; height:76px!important; }.performance-work-donut b { z-index:1; color:#17304E; font-size:17px; line-height:1; }.performance-work-donut small { z-index:1; margin-top:27px; color:#71839A; font-size:9px; font-weight:700; }
.performance-staff-list { display:grid; gap:10px; margin-top:13px; }.performance-staff-list>div { display:grid; grid-template-columns:32px minmax(0,1fr) minmax(55px,.75fr) 32px; gap:9px; align-items:center; }.performance-avatar { width:32px; height:32px; display:grid; place-items:center; color:#fff; background:linear-gradient(135deg,#1769D5,#10A6D7); border-radius:9px; font-size:12px; font-weight:850; }.performance-staff-list p { min-width:0; margin:0; display:grid; gap:2px; }.performance-staff-list strong { overflow:hidden; color:#193653; font-size:12px; font-weight:800; text-overflow:ellipsis; white-space:nowrap; }.performance-staff-list small { overflow:hidden; color:#74869B; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }.performance-staff-list i { height:6px; overflow:hidden; background:#E6EDF5; border-radius:99px; }.performance-staff-list i b { display:block; height:100%; background:linear-gradient(90deg,#1769D5,#15A6D8); border-radius:inherit; }.performance-staff-list em { color:#1769D5; font-size:12px; font-style:normal; font-weight:850; text-align:right; }.performance-no-data { padding:20px 0; color:#71839A; font-size:12px; text-align:center; }
.performance-tabs-section { padding:13px 15px!important; }.performance-section-heading { margin-bottom:10px!important; }.performance-section-heading h2 { font-size:17px!important; }.performance-page .perf-tabs { grid-template-columns:repeat(5,minmax(0,1fr))!important; gap:9px!important; }.performance-page .perf-tabs .performance-tab-card { height:78px!important; min-height:78px!important; padding:11px!important; border-left-width:4px!important; border-radius:9px!important; }.performance-page .perf-tabs .performance-tab-card span { font-size:11px!important; }.performance-page .perf-tabs .performance-tab-card strong { font-size:25px!important; }
.performance-page .perf-tabs .performance-tab-card.active { color:#17304E!important; background:#EEF1F5!important; border-color:#B9C4D1!important; border-left-color:#8492A5!important; box-shadow:inset 0 0 0 1px #CBD5E1,0 3px 9px rgba(15,39,75,.06)!important; transform:none!important; }.performance-page .perf-tabs .performance-tab-card.active span { color:#40566E!important; }.performance-page .perf-tabs .performance-tab-card.active strong { color:#17304E!important; }
.performance-page .performance-table thead th,.performance-page .performance-table thead th:nth-child(n) { color:#17304E!important; background:#E8EDF4!important; border-color:#B9C7D8!important; }
@media(max-width:1180px) { .performance-visual-grid { grid-template-columns:1fr; }.performance-page .perf-tabs { grid-template-columns:repeat(3,minmax(0,1fr))!important; } }
@media(max-width:720px) { .performance-page { padding:12px!important; }.performance-page .performance-page-header { width:100%!important; align-items:flex-start!important; flex-direction:column!important; padding:18px!important; }.performance-page .performance-export-actions { width:100%!important; justify-content:flex-start!important; }.performance-visual-grid { grid-template-columns:1fr; }.performance-page .perf-tabs { grid-template-columns:repeat(2,minmax(0,1fr))!important; }.performance-chart { height:170px; } }
@media(max-width:440px) { .performance-summary-grid,.performance-page .perf-tabs { grid-template-columns:1fr!important; }.performance-staff-list>div { grid-template-columns:32px minmax(0,1fr) 56px; }.performance-staff-list i { display:none; } }

/* Team & Access: compact, clear administration workspace. */
.team-access-page { gap:14px!important; padding:18px!important; background:#F4F7FB!important; border:0!important; border-radius:0!important; box-shadow:none!important; }
.team-access-hero { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:18px 20px; color:#17304E; background:#fff; border:1px solid #D7E2EE; border-radius:13px; box-shadow:0 4px 12px rgba(15,39,75,.06); }.team-access-hero span,.team-access-register header>div>span,.team-access-filter-title>span { display:block; color:#1769D5; font-size:11px; font-weight:850; letter-spacing:.1em; text-transform:uppercase; }.team-access-hero h2 { margin:4px 0 5px; color:#102D4E; font-size:25px; line-height:1.12; }.team-access-hero p { margin:0; color:#637991; font-size:13px; font-weight:500; }.team-access-hero .user-add-button { min-height:42px!important; padding:0 16px!important; border-radius:9px!important; box-shadow:0 7px 15px rgba(23,105,213,.2)!important; font-size:13px!important; white-space:nowrap; }
.team-access-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:11px; }.team-access-metric { min-height:92px; display:flex; flex-direction:column; justify-content:space-between; gap:4px; padding:13px 15px; background:#fff; border:1px solid var(--team-access-border); border-left:4px solid var(--team-access-accent); border-radius:10px; box-shadow:0 3px 9px rgba(15,39,75,.05); }.team-access-metric span { color:#4C657F; font-size:12px; font-weight:800; }.team-access-metric strong { color:#112E4F; font-size:28px; line-height:1; }.team-access-metric small { color:#71839A; font-size:11px; }.team-access-metric.tone-blue { --team-access-accent:#1769D5; --team-access-border:#AAC9F3; background:#F3F8FF; }.team-access-metric.tone-green { --team-access-accent:#119B64; --team-access-border:#A7E2C5; background:#F2FCF7; }.team-access-metric.tone-amber { --team-access-accent:#D88400; --team-access-border:#F2D18E; background:#FFFAEF; }.team-access-metric.tone-red { --team-access-accent:#D84358; --team-access-border:#F0B3BE; background:#FFF4F6; }
.team-access-toolbar,.team-access-register { padding:15px; background:#fff; border:1px solid #D7E2EE; border-radius:12px; box-shadow:0 3px 10px rgba(15,39,75,.045); }.team-access-filter-title { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:12px; }.team-access-filter-title>span { color:#1769D5; }.team-access-filter-title p { margin:0; color:#637991; font-size:12px; font-weight:500; }.team-access-toolbar .user-management-filters { display:grid!important; grid-template-columns:minmax(300px,1fr) minmax(210px,.32fr) auto; gap:10px!important; align-items:end!important; margin:0!important; }.team-access-toolbar .user-management-filters label { display:grid; gap:6px; color:#315272; font-size:12px; font-weight:800; }.team-access-toolbar .user-management-filters input,.team-access-toolbar .user-management-filters select { width:100%; min-height:42px; padding:9px 11px; color:#15304F; background:#fff; border:1px solid #C8D5E3; border-radius:8px; font-size:13px; }.team-access-toolbar .user-management-filters input:focus,.team-access-toolbar .user-management-filters select:focus { outline:0; border-color:#1769D5; box-shadow:0 0 0 3px rgba(23,105,213,.12); }.team-access-toolbar #user-mgmt-clear { min-height:42px; padding:0 13px; color:#385571; background:#F5F8FC; border:1px solid #C8D5E3; font-size:12px; font-weight:800; }
.team-access-register { padding:0!important; overflow:hidden; }.team-access-register>header { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:15px 16px 12px; border-bottom:1px solid #E0E8F0; }.team-access-register header>div>span { color:#1769D5; }.team-access-register h2 { margin:3px 0 0; color:#102D4E; font-size:18px; }.team-access-register p { margin:4px 0 0; color:#70839A; font-size:12px; }.team-access-live { display:inline-flex; align-items:center; gap:6px; color:#23825D; font-size:11px; font-weight:800; }.team-access-live i { width:7px; height:7px; background:#21B874; border-radius:50%; box-shadow:0 0 0 4px #E4F8EE; }.team-access-register .user-management-wrap { margin:0!important; border:0!important; border-radius:0!important; box-shadow:none!important; max-height:min(65dvh,720px)!important; }.team-access-register .user-management-table { min-width:1510px!important; }.team-access-register .user-management-table th { height:43px; color:#183653; background:#EAF0F6; border-right:1px solid #C9D7E5; border-bottom:2px solid #A5B8CC; font-size:12px; font-weight:850; text-align:left; }.team-access-register .user-management-table th:first-child,.team-access-register .user-management-table td:first-child { text-align:center; }.team-access-register .user-management-table td { height:52px; padding:9px 10px; color:#244362; border-right:1px solid #D8E2EC; border-bottom:1px solid #D8E2EC; font-size:13px; }.team-access-register .user-management-table tbody tr:nth-child(even) td { background:#FAFCFE; }.team-access-register .user-management-table tbody tr:hover td { background:#EEF6FF; }.team-access-register .user-management-table td strong { color:#122E4D; font-size:13px; }.team-access-register .user-management-table .status { display:inline-flex; min-height:25px; align-items:center; padding:4px 8px; border-radius:7px; font-size:11px; }.team-access-register .user-actions button { min-height:34px!important; font-size:12px!important; }.team-access-register .user-edit-action { border-radius:8px!important; }
@media(max-width:1050px) { .team-access-summary { grid-template-columns:repeat(2,minmax(0,1fr)); }.team-access-toolbar .user-management-filters { grid-template-columns:1fr 1fr; }.team-access-toolbar #user-mgmt-clear { width:max-content; } }
@media(max-width:650px) { .team-access-page { padding:12px!important; }.team-access-hero { align-items:flex-start; flex-direction:column; padding:16px; }.team-access-hero .user-add-button { width:100%; }.team-access-summary,.team-access-toolbar .user-management-filters { grid-template-columns:1fr; }.team-access-toolbar #user-mgmt-clear { width:100%; }.team-access-filter-title,.team-access-register>header { align-items:flex-start; flex-direction:column; }.team-access-register>header { padding:14px; } }

/* Quotation editor: white, readable and intentionally free of register-table controls. */
.modal:has(.quote-editor-form) { align-items:center!important; justify-content:center!important; padding:18px!important; }
.modal-card:has(.quote-editor-form) { width:min(1120px,calc(100vw - 36px))!important; max-width:1120px!important; height:auto!important; max-height:calc(100dvh - 36px)!important; margin:auto!important; padding:0!important; overflow:hidden!important; color:#17304e!important; background:#fff!important; border:1px solid #c7d5e4!important; border-radius:16px!important; box-shadow:0 24px 64px rgba(10,30,56,.24)!important; }
.quote-editor-form { display:flex!important; flex-direction:column!important; max-height:calc(100dvh - 36px)!important; overflow:auto!important; color:#17304e!important; background:#fff!important; }.quote-editor-form [data-protected-modal] { display:none!important; }
.quote-editor-header { position:sticky!important; top:0!important; z-index:9!important; display:flex!important; align-items:flex-start!important; justify-content:space-between!important; gap:18px!important; padding:22px 24px 18px!important; background:#fff!important; border-bottom:2px solid #d8e2ed!important; }.quote-editor-eyebrow { display:block!important; margin-bottom:4px!important; color:#1769d5!important; font-size:12px!important; font-weight:850!important; letter-spacing:.09em!important; text-transform:uppercase!important; }.quote-editor-header h2 { margin:0!important; color:#102b4b!important; font-size:25px!important; font-weight:850!important; letter-spacing:-.02em!important; }.quote-editor-header h2 span { margin-left:5px!important; color:#607790!important; font-size:15px!important; font-weight:750!important; letter-spacing:0!important; }.quote-editor-header p { margin:6px 0 0!important; color:#63788f!important; font-size:14px!important; font-weight:500!important; }.quote-editor-close { flex:0 0 auto!important; min-width:78px!important; min-height:42px!important; padding:9px 15px!important; color:#b4233a!important; background:#fff3f5!important; border:1px solid #f1a7b4!important; border-radius:9px!important; font-size:14px!important; font-weight:800!important; }.quote-editor-close:hover { color:#fff!important; background:#c62942!important; border-color:#c62942!important; }
.quote-editor-form #quotation-form { display:grid!important; gap:17px!important; padding:20px 24px 4px!important; background:#fff!important; }.quote-editor-form label { display:grid!important; gap:7px!important; min-width:0!important; color:#304f70!important; font-size:14px!important; font-weight:800!important; }.quote-editor-form input,.quote-editor-form select,.quote-editor-form textarea { width:100%!important; min-height:44px!important; box-sizing:border-box!important; color:#172f4c!important; background:#fff!important; border:1.5px solid #afc3d9!important; border-radius:9px!important; font-size:14px!important; font-weight:550!important; }.quote-editor-form textarea { min-height:108px!important; padding:11px!important; }.quote-editor-form input:focus,.quote-editor-form select:focus,.quote-editor-form textarea:focus { outline:0!important; border-color:#1769d5!important; box-shadow:0 0 0 3px rgba(23,105,213,.13)!important; }.quote-editor-form .grid.three { gap:17px 14px!important; }.quote-editor-form .quote-vat-summary { padding:0!important; background:transparent!important; border:0!important; }.quote-editor-form .quote-vat-summary>div { min-height:64px!important; color:#18304e!important; background:#fff!important; border:1.5px solid #bfd0e2!important; border-radius:10px!important; }.quote-editor-form .quote-vat-summary .quote-vat-total { border-color:#ed778c!important; background:#fff7f8!important; }.quote-editor-form .quote-edit-section { padding:16px!important; color:#17304e!important; background:#fff!important; border:1px solid #cbd8e6!important; border-radius:12px!important; }.quote-editor-form .quote-edit-section h3 { color:#17304e!important; font-size:18px!important; font-weight:800!important; }.quote-editor-form .quote-edit-section .between { padding-bottom:12px!important; border-bottom:1px solid #e1e8f0!important; }.quote-editor-form .quote-edit-table-wrap { margin-top:12px!important; border:1px solid #cfdae7!important; border-radius:9px!important; }.quote-editor-form .quote-edit-table th { color:#17304e!important; background:#eaf0f7!important; border-color:#c2d0df!important; font-size:13px!important; font-weight:800!important; }.quote-editor-form .quote-edit-table td { color:#314e6d!important; background:#fff!important; border-color:#d6e0eb!important; }.quote-editor-form .quote-edit-table input { min-height:40px!important; font-size:14px!important; }.quote-editor-form .quote-edit-table-wrap+.table-card-toolbar,.quote-editor-form .table-card-toolbar { display:none!important; }
.quote-inline-actions { position:sticky!important; bottom:0!important; z-index:10!important; margin:0 -24px!important; padding:15px 24px!important; background:rgba(255,255,255,.98)!important; border-top:2px solid #d8e2ed!important; box-shadow:0 -8px 20px rgba(21,48,79,.08)!important; }.quote-inline-actions .quote-editor-actions { display:flex!important; justify-content:flex-end!important; gap:8px!important; }.quote-editor-actions button { min-width:116px!important; min-height:43px!important; padding:9px 15px!important; color:#315272!important; background:#fff!important; border:1px solid #bacbe0!important; border-radius:9px!important; font-size:14px!important; font-weight:800!important; box-shadow:none!important; }.quote-editor-actions #create-q { color:#fff!important; background:#1769d5!important; border-color:#1769d5!important; }.quote-editor-actions #create-q-new { color:#086f50!important; background:#ecfbf4!important; border-color:#82d7b3!important; }.quote-editor-actions [data-close] { color:#b4233a!important; background:#fff2f4!important; border-color:#eda3b0!important; }.quote-editor-actions #clear-q { color:#7b5814!important; background:#fff9e8!important; border-color:#ebca78!important; }.quote-editor-actions button:hover { filter:brightness(.97)!important; transform:translateY(-1px)!important; }

/* Keep edit-quotation footer actions above the scroll edge and fully readable. */
.quote-inline-actions .quote-modal-actions { display:flex!important; visibility:visible!important; opacity:1!important; min-height:54px!important; align-items:center!important; justify-content:flex-end!important; gap:8px!important; }
.quote-inline-actions .quote-modal-actions #save-q { color:#fff!important; background:#1769D5!important; border-color:#1769D5!important; }
.quote-inline-actions .quote-modal-actions #issue-q { color:#086F50!important; background:#ECFBF4!important; border-color:#82D7B3!important; }
.quote-inline-actions .quote-modal-actions [data-close] { color:#B4233A!important; background:#FFF2F4!important; border-color:#EDA3B0!important; }
.quote-inline-actions .quote-modal-actions #issue-q,
.quote-inline-actions .quote-modal-actions [data-close] { display:inline-flex!important; align-items:center!important; justify-content:center!important; min-width:116px!important; min-height:43px!important; visibility:visible!important; opacity:1!important; }
.quote-inline-actions .quote-modal-actions #save-q,
.quote-inline-actions .quote-modal-actions #issue-q,
.quote-inline-actions .quote-modal-actions [data-close] { padding:9px 15px!important; border-radius:9px!important; font-size:15px!important; font-weight:900!important; letter-spacing:0!important; }
@media(max-width:820px) { .modal:has(.quote-editor-form) { padding:10px!important; }.modal-card:has(.quote-editor-form),.quote-editor-form { max-height:calc(100dvh - 20px)!important; }.quote-editor-header,.quote-editor-form #quotation-form { padding-left:16px!important; padding-right:16px!important; }.quote-editor-form .grid.three { grid-template-columns:repeat(2,minmax(0,1fr))!important; }.quote-inline-actions { margin-inline:-16px!important; padding-inline:16px!important; }.quote-editor-actions button { min-width:0!important; flex:1 1 40%!important; } }
@media(max-width:560px) { .modal:has(.quote-editor-form) { padding:0!important; }.modal-card:has(.quote-editor-form) { width:100vw!important; max-width:none!important; max-height:100dvh!important; border:0!important; border-radius:0!important; }.quote-editor-form { max-height:100dvh!important; }.quote-editor-header { padding:16px!important; }.quote-editor-header h2 { font-size:21px!important; }.quote-editor-header p { display:none!important; }.quote-editor-close { min-width:66px!important; min-height:38px!important; padding:7px 10px!important; font-size:13px!important; }.quote-editor-form #quotation-form { padding:14px!important; }.quote-editor-form .grid.three,.quote-editor-form .grid.two { grid-template-columns:1fr!important; }.quote-inline-actions { margin-inline:-14px!important; padding:12px 14px!important; }.quote-editor-actions button { flex:1 1 calc(50% - 5px)!important; min-width:0!important; padding-inline:7px!important; font-size:13px!important; } }

/* Integrated navy register system: common hierarchy for all operational registers. */
.enterprise-page,.audit-page-modern,.my-tasks-page { font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important; }
.enterprise-page-header,.client-master-header,.tasks-page-header,.engagement-workspace .audit-page-header,.completed-engagements-header { min-width:0; }
.enterprise-page-header,.client-master-header,.tasks-page-header,.engagement-workspace .audit-page-header,.completed-engagements-header { align-items:flex-start!important; }
.enterprise-page-header h1,.client-master-header h1,.tasks-page-header h1,.engagement-workspace .audit-page-header h1,.completed-engagements-header h1 { font-weight:800!important; letter-spacing:-.03em!important; }
.enterprise-page-header p,.client-master-header p,.tasks-page-header p,.engagement-workspace .audit-page-header p,.completed-engagements-header p { font-weight:500!important; }

/* Place the existing engagement actions and reporting dates in the navy hero without changing IDs or handlers. */
.engagement-workspace .audit-page-header { gap:22px!important; margin:0!important; padding-inline:2px!important; }
.audit-hero-controls { display:grid; justify-items:end; gap:10px; min-width:0; }
.audit-header-actions,.audit-header-dates { display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:8px; }
.engagement-workspace .audit-header-actions .audit-menu>summary { min-height:38px; display:inline-flex; align-items:center; gap:7px; padding:0 11px; color:#173a64; background:#fff; border:1px solid #c8dcf2; border-radius:8px; font-size:12px; font-weight:800; list-style:none; cursor:pointer; }
.engagement-workspace .audit-header-actions .audit-menu>summary::-webkit-details-marker { display:none; }
.engagement-workspace .audit-header-actions .audit-menu>summary .audit-ui-icon { width:16px; height:16px; }
.engagement-workspace .audit-header-actions .audit-menu:first-child>summary { color:#12365f; }
.engagement-workspace .audit-header-actions .audit-menu:nth-child(2)>summary { color:#0c795a; border-color:#42c99b; }
.engagement-workspace .audit-header-actions .audit-primary-action { min-height:38px!important; white-space:nowrap; }
.audit-header-dates { color:rgba(255,255,255,.84); font-size:11px; font-weight:700; }
.audit-header-dates>span { color:#b6d8fb; font-size:11px; font-weight:800; letter-spacing:.04em; text-transform:uppercase; }
.audit-header-dates .inline-period { display:flex; align-items:center; gap:5px; color:#dceafa; font-size:11px; font-weight:750; }
.audit-header-dates input { width:145px; min-height:36px; padding:0 8px; color:#173a64; background:#fff; border:1px solid #cfe0f2; border-radius:8px; font:inherit; }
.engagement-workspace .audit-toolbar-shell { min-height:66px; }
.engagement-workspace .audit-toolbar-actions { margin-left:auto; }

/* Direct, consistently visible filters for both engagement registers. */
.engagement-workspace .engagement-standard-filters { min-height:0; overflow-x:auto; }
.engagement-standard-filters .engagement-filter-heading { margin:0 0 9px; color:#294866; font-size:12px; font-weight:800; letter-spacing:.04em; text-transform:uppercase; }
.engagement-workspace .engagement-standard-filter-row { width:max-content; min-width:100%; display:flex; align-items:flex-end; gap:10px; flex-wrap:nowrap; }
.engagement-workspace .engagement-standard-filter-row .audit-search-control { width:250px; min-width:250px; }
.engagement-workspace .engagement-standard-filter-row .audit-toolbar-field { min-width:148px; flex-direction:column!important; align-items:stretch; gap:4px!important; padding:0; background:transparent; border:0; }
.engagement-workspace .engagement-standard-filter-row .audit-toolbar-field > span { padding-left:1px; }
.engagement-workspace .engagement-standard-filter-row .audit-toolbar-field select { width:100%; min-width:0; min-height:40px!important; padding:0 28px 0 10px!important; background:#fff!important; border:1px solid #C8D5E3!important; border-radius:8px!important; }
.engagement-workspace .engagement-standard-filter-clear { align-self:flex-end; min-width:112px; min-height:40px!important; margin-left:0; padding:0 13px!important; color:#40556E!important; background:#EEF2F6!important; border:1px solid #C5D0DD!important; border-radius:8px!important; font-size:12px!important; font-weight:750!important; white-space:nowrap; }
.engagement-workspace .engagement-standard-filter-clear:hover:not(:disabled) { color:#173A64!important; background:#E1E8F0!important; border-color:#AABACB!important; }
.completed-engagements-page .engagement-standard-filter-clear { align-self:flex-end; min-width:112px; min-height:40px!important; margin-left:0; padding:0 13px!important; color:#40556E!important; background:#EEF2F6!important; border:1px solid #C5D0DD!important; border-radius:8px!important; font-size:12px!important; font-weight:750!important; white-space:nowrap; }
.completed-engagements-page .engagement-standard-filter-clear:hover:not(:disabled) { color:#173A64!important; background:#E1E8F0!important; border-color:#AABACB!important; }
.completed-engagements-page .engagement-standard-filter-row { display:flex!important; align-items:flex-end!important; gap:10px!important; flex-wrap:wrap!important; }
.completed-engagements-page .audit-search-control { width:290px!important; min-width:240px!important; }
.completed-engagements-page .audit-toolbar-field { min-width:142px!important; display:flex!important; flex-direction:column!important; align-items:stretch!important; gap:4px!important; }
.completed-engagements-page .audit-toolbar-field > span { color:#294866!important; font-size:12px!important; font-weight:800!important; letter-spacing:.04em!important; text-transform:uppercase!important; }
.completed-engagements-page .audit-toolbar-field input,.completed-engagements-page .audit-toolbar-field select { width:100%!important; min-height:40px!important; padding:0 10px!important; background:#fff!important; border:1px solid #C8D5E3!important; border-radius:8px!important; }
@media(max-width:820px) { .engagement-workspace .engagement-standard-filter-row { width:100%; min-width:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); } .engagement-workspace .engagement-standard-filter-row .audit-search-control { width:100%; min-width:0; grid-column:1/-1; } .engagement-workspace .engagement-standard-filter-row .audit-toolbar-field { min-width:0; } .engagement-workspace .engagement-standard-filter-clear { width:100%; margin-left:0; grid-column:1/-1; } }

/* Finance registers span their full card width while keeping overflow inside the table frame. */
.fee-pending-page .fee-pending-table,
.completed-received-page .fee-received-table { width:100%!important; table-layout:fixed!important; }
.fee-pending-page .fee-pending-table { min-width:1633px!important; }
.completed-received-page .fee-received-table { min-width:1511px!important; }

/* Header-level quotation actions retain every existing export/import function. */
.engagement-reports-page { gap:14px!important; }
.enterprise-page-shell .content > .engagement-reports-page { padding-top:0!important; }
.enterprise-page-shell .content > .engagement-reports-page > .enterprise-page-header { margin-top:0!important; }
.eng-report-filters { display:flex; align-items:flex-end; gap:10px; flex-wrap:wrap; padding:14px 16px; background:#fff; border:1px solid #C8D5E3; border-radius:10px; box-shadow:0 4px 14px #1e3a5f0b; }
.eng-report-filters label { display:grid; gap:5px; min-width:150px; color:#17365D; font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.04em; }
.eng-report-filters select,.eng-report-filters input { min-height:39px; border:1px solid #C8D5E3; border-radius:7px; padding:0 10px; background:#fff; color:#172B4D; }
.eng-report-filters .hidden { display:none; }.er-validation{color:#B91C1C;font-weight:700}
.eng-report-preview { background:#fff; border:1px solid #C8D5E3; border-radius:10px; padding:20px; box-shadow:0 6px 18px #1e3a5f0b; }
.eng-report-print-header { display:flex; align-items:center; gap:16px; border-bottom:2px solid #17365D; padding-bottom:14px; }.eng-report-print-header img{width:132px;max-height:45px;object-fit:contain}.eng-report-print-header span{color:#17365D;font-size:18px;font-weight:900;letter-spacing:.08em}.eng-report-print-header h2{margin:3px 0;font-size:17px}.eng-report-print-header p,.eng-report-print-header small{margin:0;color:#52647B}.eng-report-print-header small{margin-left:auto;text-align:right;line-height:1.7}
.eng-report-summary{display:grid;grid-template-columns:repeat(7,minmax(120px,1fr));gap:10px;margin:16px 0}.eng-report-summary article{padding:12px;border:1px solid #C8D5E3;border-radius:8px;background:#F8FAFC}.eng-report-summary small{display:block;color:#40556E;font-weight:700}.eng-report-summary strong{font-size:25px;color:#172B4D}.eng-report-summary .green{border-color:#86E0AD}.eng-report-summary .red{border-color:#FDA4AF}.eng-report-summary .teal{border-color:#5EEAD4}.eng-report-summary .amber{border-color:#FCD34D}.eng-report-summary .violet{border-color:#C4B5FD}
.eng-report-section-title{margin:24px 0 2px;font-size:16px}.eng-report-section-title.blue{color:#1D4ED8}.eng-report-section-title.teal{color:#0F766E}.eng-report-table-card{border:1px solid #C8D5E3;border-radius:8px;margin:12px 0;overflow:hidden}.eng-report-table-card header{display:flex;justify-content:space-between;align-items:center;padding:10px 13px;background:#F1F5F9;border-bottom:1px solid #C8D5E3}.eng-report-table-card h3{margin:0;color:#172B4D;font-size:14px}.eng-report-table-card header span{color:#2563EB;font-weight:800}.engagement-reports-page .eng-report-table-card .pro-table thead th,.engagement-reports-page .eng-report-table-card .pro-table thead th:nth-child(odd),.engagement-reports-page .eng-report-table-card .pro-table thead th:nth-child(even){position:sticky;top:0;background:#E8EEF5!important;color:#172B4D!important;border-color:#B7C6D8!important}.eng-report-empty{background:#fff;border:1px dashed #94A3B8;border-radius:10px;padding:38px;text-align:center;color:#52647B}
@media(max-width:900px){.eng-report-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.eng-report-print-header{align-items:flex-start;flex-wrap:wrap}.eng-report-print-header small{margin-left:0;text-align:left}}
.quotation-page .enterprise-page-header { align-items:center!important; }
.quotation-page .quotation-header-actions { display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:8px; }
.quotation-page .quotation-header-actions button { min-height:38px!important; padding:0 11px!important; color:#163a67!important; background:#fff!important; border:1px solid #c8dcf2!important; border-radius:8px!important; box-shadow:none!important; font-size:12px!important; font-weight:800!important; white-space:nowrap; }
.quotation-page .quotation-header-actions .quotation-import-action { color:#1769d5!important; border-color:#70a9ee!important; }
.quotation-page .quotation-header-actions .export-excel { color:#087a54!important; border-color:#48c795!important; }
.quotation-page .quotation-header-actions .export-pdf { color:#c9374a!important; border-color:#ef9eaa!important; }
.quotation-page .quotation-header-actions .new-blue { color:#fff!important; background:#1769d5!important; border-color:#63a2f3!important; }

/* Standard register panels, filters and tables. */
.enterprise-page .filter-panel,.enterprise-page .client-master-filters,.enterprise-page .completed-engagements-filters,.engagement-workspace .audit-toolbar-shell,.my-task-shell .tasks-workspace { border-color:#d4dfeb!important; box-shadow:0 5px 16px rgba(15,39,75,.055)!important; }
.enterprise-page .filter-panel .section-heading,.enterprise-page .workspace-filter-kicker,.my-task-shell .task-filter-grid label,.engagement-workspace .audit-toolbar-field>span { color:#294866!important; font-size:12px!important; font-weight:800!important; letter-spacing:.04em!important; text-transform:uppercase!important; }
.enterprise-page .filter-panel input,.enterprise-page .filter-panel select,.client-master-page .client-toolbar input,.client-master-page .client-toolbar select,.engagement-workspace .audit-toolbar-shell input,.engagement-workspace .audit-toolbar-shell select,.my-task-shell .task-filter-grid input,.my-task-shell .task-filter-grid select { min-height:40px!important; font-size:13px!important; }
.enterprise-page .pro-table thead th,.engagement-workspace .pro-table thead th,.my-task-shell .task-table thead th { letter-spacing:.01em!important; }
.enterprise-page .pro-table tbody tr:hover td,.engagement-workspace .pro-table tbody tr:hover td { background:#eef6ff!important; }
.enterprise-page .table-wrap,.engagement-workspace .audit-table-wrap,.my-task-shell .tasks-table-wrap { scrollbar-color:#9cb7d4 transparent; scrollbar-width:thin; }

@media(max-width:1180px) { .audit-hero-controls { width:100%; justify-items:start; }.audit-header-actions,.audit-header-dates { justify-content:flex-start; }.engagement-workspace .audit-page-header { flex-direction:column!important; } }
@media(max-width:720px) { .audit-header-actions,.audit-header-dates { width:100%; }.audit-header-actions>* { flex:1 1 auto; }.engagement-workspace .audit-header-actions .audit-menu>summary,.engagement-workspace .audit-header-actions .audit-primary-action { justify-content:center; width:100%; }.audit-header-dates { display:grid; grid-template-columns:1fr 1fr; }.audit-header-dates>span { grid-column:1/-1; }.audit-header-dates .inline-period { display:grid; gap:4px; }.audit-header-dates input { width:100%; }.quotation-page .enterprise-page-header { align-items:flex-start!important; }.quotation-page .quotation-header-actions { justify-content:flex-start; }.quotation-page .quotation-header-actions button { flex:1 1 130px; } }
@media(max-width:440px) { .audit-header-actions,.quotation-page .quotation-header-actions { display:grid; grid-template-columns:1fr 1fr; }.audit-header-actions .audit-primary-action,.quotation-page .quotation-header-actions .new-blue { grid-column:1/-1; }.audit-header-dates { grid-template-columns:1fr; } }

/* Operational register standard: shared Integrated Navy Header refinement. */
:root { --register-page-bg:#F3F7FC; --register-navy:#082F5B; --register-text:#0B2345; --register-muted:#64748B; --register-border:#CBD8E8; --register-table-head:#E8EDF4; --register-primary:#0969DA; --register-success:#079455; --register-warning:#D97706; --register-danger:#DC2626; }
.enterprise-page,.audit-page-modern,.my-tasks-page { gap:16px!important; color:var(--register-text)!important; background:var(--register-page-bg)!important; }
.enterprise-page-header,.client-master-header,.tasks-page-header,.engagement-workspace .audit-page-header,.completed-engagements-header { min-height:118px!important; padding:20px!important; color:#fff!important; background:var(--register-navy)!important; border:1px solid #0A3C72!important; border-radius:12px!important; box-shadow:0 4px 14px rgba(8,47,91,.16)!important; }
.enterprise-page-header h1,.client-master-header h1,.tasks-page-header h1,.engagement-workspace .audit-page-header h1,.completed-engagements-header h1 { color:#fff!important; font-size:27px!important; line-height:1.15!important; }.enterprise-page-header p,.client-master-header p,.tasks-page-header p,.engagement-workspace .audit-page-header p,.completed-engagements-header p { color:#D6E6F7!important; font-size:13px!important; }.enterprise-page-header .enterprise-breadcrumb,.client-master-header .client-breadcrumb,.tasks-page-header .tasks-breadcrumb,.engagement-workspace .audit-breadcrumb,.completed-engagements-header .enterprise-breadcrumb { color:#C7DCF1!important; font-size:11px!important; font-weight:700!important; }
.enterprise-page-actions,.client-master-header-actions,.quotation-page .quotation-header-actions,.audit-header-actions,.completed-engagements-actions { gap:8px!important; }.enterprise-page-actions button,.client-master-header-actions .task-action,.quotation-page .quotation-header-actions button,.audit-header-actions button,.audit-header-actions summary,.completed-engagements-actions button { min-height:38px!important; border-radius:8px!important; font-size:12px!important; font-weight:800!important; transition:transform 160ms ease,filter 160ms ease!important; }.enterprise-page-actions button:hover,.client-master-header-actions .task-action:hover,.quotation-page .quotation-header-actions button:hover,.audit-header-actions button:hover,.audit-header-actions summary:hover,.completed-engagements-actions button:hover { transform:translateY(-1px)!important; filter:brightness(.97)!important; }
.enterprise-page .filter-panel,.client-master-page .client-master-filters,.engagement-workspace .audit-toolbar-shell,.enterprise-page .completed-received-head,.completed-engagements-page .completed-engagements-filters { padding:14px 16px!important; background:#fff!important; border:1px solid var(--register-border)!important; border-radius:10px!important; box-shadow:0 3px 10px rgba(15,39,75,.05)!important; }
.enterprise-page .filter-panel input,.enterprise-page .filter-panel select,.client-master-page .client-toolbar input,.client-master-page .client-toolbar select,.engagement-workspace .audit-toolbar-shell input,.engagement-workspace .audit-toolbar-shell select,.enterprise-page .completed-received-controls input,.enterprise-page .completed-received-controls select { min-height:38px!important; border-radius:8px!important; }
.quotation-page .quotation-kpi-strip button.active,.client-master-page .client-pulse-tile.active,.engagement-workspace .audit-kpi-grid .audit-metric.active { color:var(--register-text)!important; background:#EEF1F5!important; border-color:#B8C5D3!important; box-shadow:inset 0 0 0 1px #D2DCE7!important; }.quotation-page .quotation-kpi-strip button.active small,.quotation-page .quotation-kpi-strip button.active strong { color:var(--register-text)!important; }
.enterprise-page .quotation-register-card,.client-master-page .client-list-card,.engagement-workspace .audit-records-shell,.enterprise-page .completed-engagements-list-card,.enterprise-page .workflow-freeze-wrap,.enterprise-page .pending-freeze-wrap { overflow:visible!important; background:#fff!important; border:1px solid var(--register-border)!important; border-radius:12px!important; box-shadow:0 4px 14px rgba(15,39,75,.055)!important; }
.enterprise-page .pro-table thead th,.client-master-page .client-master-table thead th,.engagement-workspace .audit-engagement-table thead th,.engagement-workspace .other-engagement-table thead th,.my-task-shell .task-table thead th { color:#17304E!important; background:var(--register-table-head)!important; border-color:#B9C7D8!important; font-size:12px!important; font-weight:800!important; text-align:left!important; vertical-align:middle!important; }.enterprise-page .pro-table tbody td,.client-master-page .client-master-table tbody td,.engagement-workspace .audit-engagement-table tbody td,.engagement-workspace .other-engagement-table tbody td,.my-task-shell .task-table tbody td { border-color:#D6E0EB!important; font-size:12px!important; }.enterprise-page .pro-table tbody tr:hover td,.client-master-page .client-master-table tbody tr:hover td,.engagement-workspace .pro-table tbody tr:hover td,.my-task-shell .task-table tbody tr:hover td { background:#F2F7FC!important; }
@media(max-width:820px) { .enterprise-page-header,.client-master-header,.tasks-page-header,.engagement-workspace .audit-page-header,.completed-engagements-header { min-height:0!important; padding:17px 14px!important; }.enterprise-page-header,.client-master-header,.tasks-page-header,.engagement-workspace .audit-page-header,.completed-engagements-header { align-items:flex-start!important; flex-direction:column!important; }.enterprise-page-actions,.client-master-header-actions,.quotation-page .quotation-header-actions,.audit-header-actions,.completed-engagements-actions { width:100%!important; justify-content:flex-start!important; } }

/* Engagement and client KPI strips remain inside their one navy hero rather than a nested card. */
.client-master-page .client-master-header,.engagement-workspace .audit-page-header,.completed-engagements-hero .completed-engagements-header { min-height:0!important; padding:0 0 18px!important; background:transparent!important; border:0!important; border-radius:0!important; box-shadow:none!important; }

/* Shared module header and KPI card primitives for operational workspaces. */
:root { --page-header-bg:#0D3764; --page-header-text:#FFFFFF; --page-header-muted:#DCEBFA; --page-header-radius:12px; --page-header-height:96px; --page-header-padding-x:16px; --page-header-padding-y:14px; }
.module-hero { width:100%; box-sizing:border-box; padding:18px 20px; color:#fff; background:#082F5B; border:1px solid #0A3C72; border-radius:12px; box-shadow:0 4px 14px rgba(8,47,91,.16); }
.module-hero-header { min-width:0; display:flex; align-items:flex-start; justify-content:space-between; gap:16px; }.module-hero-copy { min-width:0; }.module-breadcrumb { color:#C7DCF1; font-size:11px; font-weight:700; line-height:1.35; }.module-breadcrumb span { padding:0 6px; color:#8FAFCE; }.module-hero h1 { margin:5px 0 0; color:#fff; font-family:Inter,ui-sans-serif,system-ui,sans-serif; font-size:27px; font-weight:800; letter-spacing:-.03em; line-height:1.15; }.module-hero p { margin:6px 0 0; color:#D6E6F7; font-size:13px; line-height:1.45; }.module-hero-controls { min-width:0; display:grid; justify-items:end; gap:8px; }.module-hero-actions,.module-hero-dates { display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:8px; }.module-hero .task-action,.module-hero-actions button { min-height:38px!important; box-sizing:border-box; border-radius:8px!important; font-size:12px!important; font-weight:800!important; }.quotation-page .module-hero,.quotation-page .module-hero h1,.quotation-page .module-hero p,.quotation-page .module-hero .module-breadcrumb { color:#fff!important; }.quotation-page .module-hero p { color:#D6E6F7!important; }.quotation-page .module-hero .module-breadcrumb { color:#C7DCF1!important; }
.module-kpi-area { margin-top:18px; }.module-overview-label { display:block; margin:0 0 9px; color:#A9D1FF; font-size:11px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }.module-kpi-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); gap:10px; }.module-kpi-card { min-height:92px; display:grid; grid-template-columns:32px minmax(0,1fr); grid-template-rows:auto 1fr; column-gap:10px; align-items:center; padding:13px; color:#0B2345; text-align:left; background:#fff; border:1px solid #D7E0EC; border-left:4px solid var(--module-kpi-accent,#2563EB); border-radius:10px; box-shadow:0 3px 9px rgba(15,39,75,.09); }.module-kpi-card>span { grid-row:1 / span 2; width:31px; height:31px; display:grid; place-items:center; color:var(--module-kpi-accent,#2563EB); background:#fff; border:1.5px solid var(--module-kpi-accent,#2563EB); border-radius:50%; }.module-kpi-card>span svg { width:15px; height:15px; }.module-kpi-card small { color:#38526F; font-size:12px; font-weight:750; }.module-kpi-card strong { align-self:start; color:#0B2345; font-size:28px; font-weight:800; line-height:1; }.module-kpi-card.active { background:#EEF1F5; border-color:#B8C5D3; box-shadow:inset 0 0 0 1px #D2DCE7,0 3px 9px rgba(15,39,75,.08); }.module-kpi-card:nth-child(1) { --module-kpi-accent:#2563EB; }.module-kpi-card:nth-child(2) { --module-kpi-accent:#6941C6; }.module-kpi-card:nth-child(3) { --module-kpi-accent:#099B96; }.module-kpi-card:nth-child(4) { --module-kpi-accent:#D97706; }.module-kpi-card:nth-child(5) { --module-kpi-accent:#DC3545; }.module-kpi-card:nth-child(6) { --module-kpi-accent:#168A4A; }
.my-task-shell .my-tasks-page { gap:16px!important; padding:16px!important; }.my-task-shell .my-task-module-hero { margin:0!important; }.my-task-shell .tasks-page-header,.my-task-shell .my-task-hero,.my-task-shell .task-kpi-strip { display:contents!important; }.my-task-shell .tasks-workspace { padding:0!important; background:transparent!important; border:0!important; box-shadow:none!important; }
@media(min-width:1200px) { .my-task-shell .module-kpi-grid { grid-template-columns:repeat(6,minmax(0,1fr)); } }
@media(max-width:820px) { .module-hero { padding:16px 14px; }.module-hero-header { flex-direction:column; }.module-hero-controls,.module-hero-actions { width:100%; justify-items:start; justify-content:flex-start; }.module-kpi-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:500px) { .module-hero-actions .task-action { flex:1 1 calc(50% - 4px); justify-content:center; }.module-kpi-grid { grid-template-columns:1fr; } }

/* Module-header migration overrides the retired page hero skin only at the shared boundary. */
.client-master-page .client-master-hero.module-hero,
.engagement-workspace .engagement-workspace-hero.module-hero,
.completed-engagements-page .completed-engagements-hero.module-hero { width:100%; box-sizing:border-box; padding:18px 20px; color:#fff; background:#082F5B; border:1px solid #0A3C72; border-radius:12px; box-shadow:0 4px 14px rgba(8,47,91,.16); }
.client-master-page .client-master-hero.module-hero .client-master-header,
.engagement-workspace .engagement-workspace-hero.module-hero .audit-page-header,
.completed-engagements-page .completed-engagements-hero.module-hero .completed-engagements-header { min-height:0; padding:0 0 18px; background:transparent; border:0; border-radius:0; box-shadow:none; }
.completed-engagements-page .completed-engagement-summary-strip.module-kpi-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.completed-engagements-page .completed-engagement-metric.module-kpi-card { min-width:0; min-height:92px; grid-template-columns:32px minmax(0,1fr); grid-template-rows:auto 1fr; padding:13px; }
.completed-engagements-page .completed-engagement-metric.module-kpi-card > .module-kpi-icon { grid-row:1 / span 2; grid-column:1; width:32px; height:32px; margin:0; display:grid; place-items:center; border-radius:9px; font-size:16px; font-weight:800; line-height:1; }
.completed-engagements-page .completed-engagement-metric.module-kpi-card > small { grid-column:2; display:block; margin:0; color:#536987; font-size:12px; font-weight:700; line-height:1.25; }
.completed-engagements-page .completed-engagement-metric.module-kpi-card > strong { grid-column:2; align-self:end; margin:0; color:#0B2345; font-size:28px; font-weight:800; line-height:1; }
.completed-engagements-page .completed-engagement-metric.module-kpi-card.blue { --module-kpi-accent:#2563EB; }.completed-engagements-page .completed-engagement-metric.module-kpi-card.purple { --module-kpi-accent:#7C3AED; }.completed-engagements-page .completed-engagement-metric.module-kpi-card.amber { --module-kpi-accent:#D97706; }.completed-engagements-page .completed-engagement-metric.module-kpi-card.teal { --module-kpi-accent:#0891B2; }
@media(max-width:820px) { .client-master-page .client-master-hero.module-hero,.engagement-workspace .engagement-workspace-hero.module-hero,.completed-engagements-page .completed-engagements-hero.module-hero { padding:16px 14px; }.completed-engagements-page .completed-engagement-summary-strip.module-kpi-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:500px) { .completed-engagements-page .completed-engagement-summary-strip.module-kpi-grid { grid-template-columns:1fr; } }

/* Eight quotation KPIs fill the complete workspace width on desktop. */
.quotation-page.quotation-workspace > .quotation-kpi-strip { width:100%!important; max-width:none!important; min-width:0!important; align-self:stretch!important; justify-self:stretch!important; grid-column:1 / -1!important; }
@media(min-width:900px) { .quotation-page.quotation-workspace > .quotation-kpi-strip { width:calc(100% + 36px)!important; max-width:none!important; margin-inline:-18px!important; grid-template-columns:repeat(8,minmax(0,1fr))!important; gap:10px!important; }.quotation-page .quotation-kpi-strip button,.quotation-page .quotation-kpi-strip button:nth-child(n) { min-width:0!important; min-height:124px!important; padding:14px!important; column-gap:9px!important; }.quotation-page .quotation-kpi-copy small { font-size:12px!important; }.quotation-page .quotation-kpi-copy strong { font-size:30px!important; } }

/* Client Master consumes the Quotation Tracker workspace primitives. */
.client-master-page.quotation-workspace { gap:12px!important; padding:0 18px 22px!important; }
.client-master-page .client-master-hero { display:contents!important; }
.client-master-page .client-master-header { display:none!important; }
.client-master-page .client-summary-strip { width:100%!important; display:grid!important; grid-template-columns:repeat(4,minmax(156px,1fr))!important; gap:10px!important; padding:0!important; background:transparent!important; border:0!important; box-shadow:none!important; }
.client-master-page .client-summary-strip button { min-height:118px!important; display:grid!important; grid-template-columns:40px 1fr!important; grid-template-rows:auto 1fr!important; column-gap:12px!important; align-items:center!important; padding:17px!important; color:#0b2345!important; background:#fff!important; border:1px solid #d7e0ec!important; border-left:5px solid var(--client-accent)!important; border-radius:11px!important; box-shadow:0 4px 12px rgba(15,39,75,.10)!important; text-align:left!important; }
.client-master-page .client-summary-strip button:nth-child(1){--client-accent:#2563eb}.client-master-page .client-summary-strip button:nth-child(2){--client-accent:#6941c6}.client-master-page .client-summary-strip button:nth-child(3){--client-accent:#099b96}.client-master-page .client-summary-strip button:nth-child(4){--client-accent:#d97706}.client-master-page .client-summary-strip button:nth-child(5){--client-accent:#7c3aed}.client-master-page .client-summary-strip button:nth-child(6){--client-accent:#168a4a}
.client-master-page .client-summary-strip .quotation-kpi-icon { grid-row:1 / span 2!important; width:38px!important; height:38px!important; display:grid!important; place-items:center!important; color:var(--client-accent)!important; background:#fff!important; border:1.5px solid var(--client-accent)!important; border-radius:50%!important; }.client-master-page .client-summary-strip .quotation-kpi-copy { display:contents!important; }.client-master-page .client-summary-strip small { grid-column:2!important; align-self:end!important; color:#38526f!important; font-size:14px!important; font-weight:800!important; line-height:1.25!important; }.client-master-page .client-summary-strip strong { grid-column:2!important; align-self:start!important; color:#0b2345!important; font-size:34px!important; font-weight:800!important; line-height:1!important; }
.client-master-page .client-master-filters { margin:0!important; padding:13px!important; color:#0b2345!important; background:#fff!important; border:1px solid #d6dee9!important; border-radius:11px!important; box-shadow:0 2px 8px rgba(15,39,75,.045)!important; }.client-master-page .client-toolbar { display:flex!important; align-items:end!important; gap:8px!important; grid-template-columns:none!important; }.client-master-page .client-toolbar-search { flex:1 0 270px!important; min-width:270px!important; }.client-master-page .client-filter-row { display:flex!important; align-items:end!important; gap:8px!important; min-width:0!important; overflow-x:auto!important; }.client-master-page .client-filter-row>* { flex:0 0 auto!important; }.client-master-page .client-toolbar-actions { display:none!important; }

.client-master-page .client-list-card { margin:0!important; padding:0!important; overflow:visible!important; background:#fff!important; border:1px solid #d6e1ee!important; border-radius:12px!important; box-shadow:0 4px 14px rgba(15,39,75,.055)!important; }.client-master-page .client-table-heading { min-height:62px!important; display:flex!important; align-items:center!important; justify-content:space-between!important; gap:14px!important; margin:0!important; padding:13px 15px 10px!important; color:#0b2345!important; background:#fff!important; border:0!important; border-bottom:1px solid #e0e8f1!important; }.client-master-page .client-table-heading h2 { margin:0!important; color:#0b2345!important; font-size:17px!important; font-weight:800!important; }.client-master-page .client-table-heading h2::before { content:"CLIENT REGISTER"; display:block; margin-bottom:2px; color:#0866d9; font-size:10px; font-weight:850; letter-spacing:.09em; }.client-master-page .client-table-heading p { margin:0!important; color:#74869b!important; font-size:12px!important; }.client-master-page .client-master-freeze-wrap { margin:0!important; max-height:min(62dvh,680px)!important; overflow:auto!important; border:0!important; border-radius:0 0 12px 12px!important; }.client-master-page .client-master-table { min-width:1330px!important; }.client-master-page .client-master-table thead th { height:45px!important; background:#e8eef5!important; border-right:1px solid #c3d0df!important; border-bottom:2px solid #aabbcd!important; font-size:12px!important; text-align:center!important; }.client-master-page .client-master-table tbody td { min-height:52px!important; padding:9px 10px!important; border-right:1px solid #d6e0eb!important; border-bottom:1px solid #d6e0eb!important; font-size:13px!important; }.client-master-page .client-master-table tbody tr:nth-child(even) td { background:#f8fafc!important; }
@media(min-width:900px) { .client-master-page .client-summary-strip { grid-template-columns:repeat(6,minmax(0,1fr))!important; }.client-master-page .client-summary-strip button { min-width:0!important; min-height:124px!important; padding:14px!important; column-gap:9px!important; }.client-master-page .client-summary-strip small { font-size:12px!important; }.client-master-page .client-summary-strip strong { font-size:30px!important; } }
@media(max-width:820px) { .client-master-page.quotation-workspace { padding:0 12px 20px!important; }.client-master-page .client-summary-strip { grid-template-columns:repeat(2,minmax(0,1fr))!important; }.client-master-page .client-toolbar,.client-master-page .client-filter-row { flex-wrap:wrap!important; overflow:visible!important; }.client-master-page .client-toolbar-search { flex:1 1 100%!important; min-width:0!important; } }
@media(max-width:520px) { .client-master-page .client-summary-strip { grid-template-columns:1fr!important; } }

/* Keep Client Master filtering as compact as the Quotation Tracker toolbar. */
.client-master-page .client-toolbar-search { flex:0 0 285px!important; min-width:285px!important; }
.client-master-page .client-filter-row { flex:1 1 auto!important; }
.client-master-page .client-clear-filters { min-width:126px!important; color:#334155!important; background:#EEF1F4!important; border:1px solid #B8C3CF!important; box-shadow:none!important; white-space:nowrap!important; }
.client-master-page .client-clear-filters:hover { color:#1E293B!important; background:#E2E8F0!important; border-color:#94A3B8!important; }
@media(max-width:820px) { .client-master-page .client-toolbar-search { flex:1 1 100%!important; min-width:0!important; } }

/* Client List uses the same calm grey register header and neutral row actions. */
.client-master-page .client-master-table thead th { color:#17304E!important; background:#E8EEF5!important; border-color:#B9C7D8!important; }
.client-master-page .client-view-button,.client-master-page .client-more-button { color:#294866!important; background:#fff!important; border:1px solid #A9C5E6!important; box-shadow:none!important; }
.client-master-page .client-view-button:hover,.client-master-page .client-more-button:hover { color:#173A61!important; background:#F1F5F9!important; border-color:#7890AA!important; }

/* Match every Client Master KPI with the coloured quotation dashboard cards. */
.client-master-page .client-summary-strip button:nth-child(1) { background:#EDF5FF!important; border-color:#9FC6F3!important; }.client-master-page .client-summary-strip button:nth-child(2) { background:#F5F0FF!important; border-color:#D1BDF8!important; }.client-master-page .client-summary-strip button:nth-child(3) { background:#ECFEFF!important; border-color:#8DE1DD!important; }.client-master-page .client-summary-strip button:nth-child(4) { background:#FFF7E8!important; border-color:#F4CF83!important; }.client-master-page .client-summary-strip button:nth-child(5) { background:#F5F3FF!important; border-color:#CFC0FB!important; }.client-master-page .client-summary-strip button:nth-child(6) { background:#ECFDF3!important; border-color:#93DFB2!important; }

/* Client Master table headings share the exact quotation register treatment. */
.client-master-page .client-master-table thead tr > th:nth-child(n) { color:#17304E!important; background:#E8EEF5!important; background-image:none!important; border-right-color:#C3D0DF!important; border-bottom-color:#AABBCD!important; }

/* Seven Client Master KPIs remain in one balanced desktop row. */
@media(min-width:900px) { .client-master-page .client-summary-strip { grid-template-columns:repeat(7,minmax(0,1fr))!important; }.client-master-page .client-summary-strip button { min-height:118px!important; padding:12px!important; column-gap:8px!important; }.client-master-page .client-summary-strip button:nth-child(7) { --client-accent:#e11d48; background:#FFF1F3!important; border-color:#FDA4AF!important; }.client-master-page .client-summary-strip small { font-size:11px!important; }.client-master-page .client-summary-strip strong { font-size:28px!important; } }

/* Keep the operational Quotation List compact without reducing client detail readability. */
.quotation-page .quotation-register-card .quotation-table { min-width:1560px!important; }
.quotation-page .quotation-table th:nth-child(5),.quotation-page .quotation-table td:nth-child(5) { width:72px!important; min-width:72px!important; }
.quotation-page .quotation-table th:nth-child(6),.quotation-page .quotation-table td:nth-child(6) { width:96px!important; min-width:96px!important; }
.quotation-page .quotation-table th:nth-child(7),.quotation-page .quotation-table td:nth-child(7) { width:78px!important; min-width:78px!important; }
.quotation-page .quotation-table th:nth-child(11),.quotation-page .quotation-table td:nth-child(11) { width:96px!important; min-width:96px!important; }
.quotation-page .quotation-table th:nth-child(13),.quotation-page .quotation-table td:nth-child(13) { width:112px!important; min-width:112px!important; }
.quotation-page .quotation-table td.actions { text-align:left!important; white-space:nowrap!important; }.quotation-page .quotation-table td.actions>button { margin-left:0!important; margin-right:4px!important; }

/* Keep the quotation summary aligned with the full desktop workspace. */
@media (min-width:900px) {
  .quotation-page.quotation-workspace > .q-tabs.quotation-kpi-strip {
    display:grid!important;
    box-sizing:border-box!important;
    width:calc(100% + 36px)!important;
    min-width:calc(100% + 36px)!important;
    max-width:calc(100% + 36px)!important;
    margin-inline:-18px!important;
    grid-template-columns:repeat(8,minmax(0,1fr))!important;
    grid-auto-columns:minmax(0,1fr)!important;
    justify-content:stretch!important;
    justify-items:stretch!important;
    align-self:stretch!important;
  }
  .quotation-page.quotation-workspace > .q-tabs.quotation-kpi-strip > button {
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    justify-self:stretch!important;
  }
}

/* Table cells inherit centered text in the shared register styles. Float the
   quotation actions explicitly so the controls always begin at the left edge. */
.quotation-page .quotation-table td.actions {
  display:table-cell!important;
  padding-left:10px!important;
  text-align:left!important;
}
.quotation-page .quotation-table td.actions > button {
  float:left!important;
  margin:0 4px 0 0!important;
}

/* Audit Engagements uses the same open workspace rhythm as Client Master and
   Quotation Tracker: a concise navy header, direct actions and a light KPI row. */
.engagement-workspace.audit-page-modern { gap:12px!important; padding:10px 18px 22px!important; }
.engagement-workspace.audit-page-modern .engagement-workspace-hero.module-hero { min-height:134px!important; padding:18px 20px!important; }
.engagement-workspace.audit-page-modern .audit-page-header { padding:0!important; }
.engagement-workspace.audit-page-modern .audit-overview-shell.audit-kpi-section { margin:0!important; padding:0!important; background:transparent!important; border:0!important; border-radius:0!important; box-shadow:none!important; }
.engagement-workspace.audit-page-modern .audit-kpi-grid.audit-kpi-grid-all { display:grid!important; grid-template-columns:repeat(5,minmax(0,1fr))!important; gap:10px!important; }
.engagement-workspace.audit-page-modern .audit-kpi-grid.audit-kpi-grid-all .audit-metric { min-height:118px!important; padding:14px!important; }
.engagement-workspace.audit-page-modern .audit-kpi-grid.audit-kpi-grid-all .audit-metric-copy small { font-size:12px!important; }
.engagement-workspace.audit-page-modern .audit-kpi-grid.audit-kpi-grid-all .audit-metric-copy strong { font-size:30px!important; }
.engagement-workspace .audit-direct-actions { gap:8px!important; }
.engagement-workspace .audit-direct-actions button { min-height:38px!important; display:inline-flex!important; align-items:center!important; gap:7px!important; padding:0 11px!important; color:#173A64!important; background:#fff!important; border:1px solid #C8DCF2!important; border-radius:8px!important; box-shadow:0 2px 5px rgba(7,27,59,.16)!important; white-space:nowrap!important; }
.engagement-workspace .audit-direct-actions button .audit-ui-icon { width:15px!important; height:15px!important; }
.engagement-workspace .audit-direct-actions .audit-import-action { color:#1D4ED8!important; background:#EFF6FF!important; border-color:#A9C9F7!important; }
.engagement-workspace .audit-direct-actions .audit-export-excel { color:#047857!important; background:#F0FDF4!important; border-color:#6EE7B7!important; }
.engagement-workspace .audit-direct-actions .audit-export-pdf { color:#BE123C!important; background:#FFF1F2!important; border-color:#FDA4AF!important; }
.engagement-workspace .audit-direct-actions .audit-export-csv { color:#294866!important; background:#F8FAFC!important; border-color:#B9C7D8!important; }
.engagement-workspace .audit-direct-actions .audit-primary-action { color:#fff!important; background:#0969DA!important; border-color:#5EA6F3!important; }
@media(max-width:1180px) { .engagement-workspace.audit-page-modern .audit-kpi-grid.audit-kpi-grid-all { grid-template-columns:repeat(2,minmax(0,1fr))!important; }.engagement-workspace .audit-direct-actions { justify-content:flex-start!important; } }
@media(max-width:720px) { .engagement-workspace.audit-page-modern { padding:0 12px 18px!important; }.engagement-workspace.audit-page-modern .engagement-workspace-hero.module-hero { min-height:0!important; }.engagement-workspace .audit-direct-actions button { flex:1 1 145px!important; justify-content:center!important; } }

/* Keep Completed Engagements filters anchored to the left, matching the register controls. */
.completed-engagements-page .completed-received-controls { justify-content:flex-start!important; }

/* Documents & Pending: keep the register display neutral white and the reset action subtle. */
.pending-page .pending-table,.pending-page .pending-table thead th,.pending-page .pending-table tbody td { background:#fff!important; }
.pending-page .clear-filters { color:#334155!important; background:#F1F5F9!important; border:1px solid #B8C5D4!important; }
.pending-page .clear-filters:hover { color:#0F172A!important; background:#E2E8F0!important; border-color:#94A3B8!important; }
.pending-page .enterprise-page-header h1,.pending-page .enterprise-page-header .enterprise-breadcrumb { color:#fff!important; }
.pending-page .enterprise-page-header p { color:rgba(255,255,255,.88)!important; }
.pending-page .enterprise-page-header .enterprise-breadcrumb span { color:rgba(255,255,255,.72)!important; }
.pending-page .pending-filter-grid { display:flex!important; flex-wrap:nowrap!important; align-items:end!important; gap:9px!important; overflow-x:auto!important; padding-bottom:2px!important; }
.pending-page .pending-filter-grid > * { flex:0 0 130px!important; min-width:0!important; }
.pending-page .pending-filter-grid #pf-client { flex:1 1 210px!important; min-width:210px!important; }
.pending-page .pending-filter-grid #pf-cr { flex:0 0 120px!important; min-width:120px!important; max-width:120px!important; }
.pending-page .pending-filter-grid #pf-clear { flex:0 0 auto!important; min-width:max-content!important; margin-left:0!important; white-space:nowrap!important; }
@media(max-width:900px) { .pending-page .pending-filter-grid { flex-wrap:wrap!important; overflow:visible!important; }.pending-page .pending-filter-grid #pf-clear { margin-left:0!important; } }

/* Shared Search & Filters standard — used by every modern workspace list. */
.search-filters-panel{width:100%;overflow:visible;color:#12345B!important;background:#fff!important;border:1px solid #CBD8E8!important;border-radius:12px!important;box-shadow:0 4px 14px rgba(15,39,75,.05)!important}
.search-filters-panel-header{display:flex;align-items:center;gap:8px;width:100%;padding:13px 16px 11px;border-bottom:1px solid #E1E9F2}
.search-filters-panel-header svg{width:18px;height:18px;flex:0 0 18px;fill:none;stroke:#12345B;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.search-filters-panel-header h2{margin:0;color:#12345B!important;font-size:14px!important;font-weight:700!important;letter-spacing:0!important;text-transform:none!important}
.search-filters-panel-body{padding:13px 16px 12px}
.search-filters-grid{display:grid;grid-template-columns:minmax(260px,1.65fr) repeat(5,minmax(126px,1fr)) max-content;gap:12px;align-items:end}
.search-filters-field{display:grid!important;min-width:0;gap:6px;color:#12345B!important;font-size:11.5px!important;font-weight:700!important;line-height:1.1;letter-spacing:0!important;text-transform:none!important}
.search-filters-field>span{color:#12345B!important;font-size:11.5px!important;font-weight:700!important;text-transform:none!important}
.search-filters-field input,.search-filters-field select{width:100%!important;min-width:0!important;height:40px!important;min-height:40px!important;padding:0 11px!important;color:#12345B!important;background:#fff!important;border:1px solid #B8C8DB!important;border-radius:8px!important;box-shadow:none!important;font-size:13px!important}
.search-filters-field input::placeholder{color:#8394A8!important;opacity:1}
.search-filters-field input:focus,.search-filters-field select:focus{outline:0!important;border-color:#2563EB!important;box-shadow:0 0 0 3px rgba(37,99,235,.12)!important}
.search-filters-search>div{position:relative;display:flex;align-items:center}
.search-filters-search>div>svg{position:absolute;left:12px;width:17px;height:17px;fill:none;stroke:#70839A;stroke-width:1.9;pointer-events:none}
.search-filters-search input{padding-left:38px!important;padding-right:37px!important}
.search-filter-clear-input{position:absolute;right:6px;display:grid;place-items:center;width:28px;height:28px;padding:0!important;color:#52667E!important;background:transparent!important;border:0!important;border-radius:7px!important;font-size:20px!important;line-height:1;cursor:pointer}
.search-filter-clear-input:hover{color:#12345B!important;background:#EEF3F8!important}
.search-filters-clear{align-self:end;min-height:40px!important;padding:0 14px!important;color:#40556E!important;background:#EEF2F6!important;border:1px solid #C5D0DD!important;border-radius:8px!important;font-size:12px!important;font-weight:700!important;white-space:nowrap;cursor:pointer}
.search-filters-clear>span{margin-right:4px;font-size:15px;vertical-align:-1px}.search-filters-clear:hover:not(:disabled){color:#173A64!important;background:#E1E8F0!important;border-color:#AABACB!important}.search-filters-clear:disabled{opacity:.55;cursor:not-allowed}
.search-filters-count{margin:10px 0 0;color:#64748B;font-size:11.5px;font-weight:600}
.search-filters-panel .audit-toolbar-field,.search-filters-panel .audit-search-control{width:auto!important;min-width:0!important;min-height:0!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important}
.search-filters-panel .audit-toolbar-field>span{display:none!important}
.search-filters-panel .q-filter-grid,.search-filters-panel .pending-filter-grid,.search-filters-panel .task-filter-grid{display:contents!important}
.engagement-workspace .search-filters-panel{min-height:0!important;overflow:visible!important}.engagement-workspace .search-filters-panel .search-filters-grid{width:auto;min-width:0;display:grid!important;flex-wrap:initial!important}.engagement-workspace .search-filters-panel .search-filters-clear{margin-left:0!important}
.quotation-page .search-filters-panel .search-filters-field,.pending-page .search-filters-panel .search-filters-field,.my-task-shell .search-filters-panel .search-filters-field{color:#12345B!important;text-transform:none!important}
@media(max-width:1320px){.search-filters-grid{grid-template-columns:repeat(4,minmax(150px,1fr))}.search-filters-search{grid-column:span 2}.search-filters-clear{justify-self:start}}
@media(max-width:900px){.search-filters-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.search-filters-search{grid-column:1/-1}.search-filters-clear{grid-column:1/-1;width:100%;justify-self:stretch}.search-filters-count{margin-top:9px}}
@media(max-width:560px){.search-filters-panel-header{padding:12px}.search-filters-panel-body{padding:12px}.search-filters-grid{grid-template-columns:1fr}.search-filters-search{grid-column:auto}.search-filters-clear{grid-column:auto}.search-filters-field{font-size:12px!important}}

/* Completed Engagements follows the Quotation Tracker workspace rhythm. */
.enterprise-page.completed-engagements-page { display:grid!important; gap:12px!important; padding:0 18px 22px!important; background:#F5F7FA!important; border:0!important; border-radius:0!important; box-shadow:none!important; }
.completed-engagements-page .completed-engagements-hero { padding:0!important; background:transparent!important; border:0!important; box-shadow:none!important; }
.completed-engagements-page .completed-engagements-header { margin:0 18px 0 0!important; padding:22px 18px 18px!important; background:linear-gradient(100deg,#163A67 0%,#14345E 50%,#12305A 100%)!important; }
.completed-engagements-page .completed-engagement-kpi-strip { width:calc(100% - 18px)!important; display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:14px!important; padding:0!important; background:transparent!important; border:0!important; border-radius:0!important; box-shadow:none!important; }
.completed-engagements-page .completed-engagement-kpi-strip .completed-engagement-metric { min-height:104px!important; padding:14px!important; background:#fff!important; border:1px solid #D7E0EC!important; border-left:5px solid var(--engagement-accent)!important; border-radius:11px!important; box-shadow:0 4px 12px rgba(15,39,75,.10)!important; }
.completed-engagements-page .completed-engagement-kpi-strip .completed-engagement-metric:nth-child(1) { --engagement-accent:#2563EB; background:#EDF5FF!important; border-color:#9FC6F3!important; }
.completed-engagements-page .completed-engagement-kpi-strip .completed-engagement-metric:nth-child(2) { --engagement-accent:#6941C6; background:#F5F0FF!important; border-color:#D1BDF8!important; }
.completed-engagements-page .completed-engagement-kpi-strip .completed-engagement-metric:nth-child(3) { --engagement-accent:#D97706; background:#FFF7E8!important; border-color:#F4CF83!important; }
.completed-engagements-page .completed-engagement-kpi-strip .completed-engagement-metric:nth-child(4) { --engagement-accent:#099B96; background:#ECFEFF!important; border-color:#8DE1DD!important; }
.completed-engagements-page .completed-engagement-kpi-strip .completed-engagement-metric strong { font-size:30px!important; }.completed-engagements-page .completed-engagement-kpi-strip .completed-engagement-metric span { font-size:13px!important; }
@media(max-width:820px) { .enterprise-page.completed-engagements-page { padding:0 12px 20px!important; }.completed-engagements-page .completed-engagements-header { margin-inline:-12px!important; padding-inline:12px!important; }.completed-engagements-page .completed-engagement-kpi-strip { width:100%!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; } }
@media(max-width:520px) { .completed-engagements-page .completed-engagement-kpi-strip { grid-template-columns:1fr!important; } }
.completed-engagements-page .completed-engagements-actions { margin-right:0!important; }
@media(max-width:720px) { .completed-engagements-page .completed-engagements-actions { margin-right:0!important; } }
.completed-engagements-page .completed-engagement-table thead th:not(:nth-child(2)) { text-align:center!important; }
.completed-engagements-page .completed-engagement-table thead th:nth-child(2) { text-align:left!important; }

/* My Task follows the same open header-and-KPI pattern as Quotation Tracker. */
.my-task-shell .my-tasks-page > .my-task-module-hero { margin:0 -18px!important; padding:22px 18px 18px!important; border:0!important; border-radius:0 0 12px 12px!important; background:linear-gradient(100deg,#163A67 0%,#14345E 50%,#12305A 100%)!important; }
.my-task-shell .my-tasks-page > .my-task-module-hero h1 { color:#fff!important; }
.my-task-shell .content { padding:0!important; }
.my-task-shell .my-tasks-page { gap:12px!important; padding:0 18px 22px!important; }
.my-task-shell .my-tasks-page > .my-task-module-hero { margin:0 -18px 0 0!important; border-radius:0 0 12px 12px!important; }

/* StandardPageHeader - shared by every routed module except the dedicated main dashboard. */
.enterprise-page .module-hero,.my-task-shell .my-tasks-page > .my-task-module-hero { width:100%!important; height:var(--page-header-height)!important; min-height:var(--page-header-height)!important; box-sizing:border-box!important; display:grid!important; align-items:center!important; padding:var(--page-header-padding-y) var(--page-header-padding-x)!important; color:var(--page-header-text)!important; background:var(--page-header-bg)!important; border:1px solid #164A80!important; border-radius:var(--page-header-radius)!important; box-shadow:0 4px 12px rgba(15,45,80,.12)!important; overflow:hidden!important; }
.enterprise-page .module-hero-header,.my-task-shell .my-task-module-hero .module-hero-header { width:100%!important; display:grid!important; grid-template-columns:minmax(0,1fr) auto!important; align-items:center!important; gap:20px!important; }.enterprise-page .module-breadcrumb,.my-task-shell .my-task-module-hero .module-breadcrumb { margin:0 0 5px!important; color:var(--page-header-muted)!important; font-size:11px!important; font-weight:600!important; line-height:1.2!important; white-space:nowrap!important; }.enterprise-page .module-hero h1,.my-task-shell .my-task-module-hero h1 { margin:0!important; color:var(--page-header-text)!important; font-size:24px!important; font-weight:700!important; line-height:1.1!important; white-space:nowrap!important; }.enterprise-page .module-hero p,.my-task-shell .my-task-module-hero p { margin:4px 0 0!important; color:#E2EEF9!important; font-size:12.5px!important; font-weight:400!important; line-height:1.3!important; }
.enterprise-page .module-hero-controls,.my-task-shell .my-task-module-hero .module-hero-controls { display:flex!important; align-items:center!important; justify-content:flex-end!important; }
.page-header__actions { display:flex; align-items:center; justify-content:flex-end; flex-wrap:nowrap; gap:8px; width:max-content; min-height:0; padding:8px; background:#fff; border:1px solid #D8E3F0; border-radius:10px; box-sizing:border-box; box-shadow:0 2px 8px rgba(15,45,80,.08); }
.page-header__action-button { display:inline-flex; align-items:center; justify-content:center; gap:7px; height:38px; min-height:38px; padding:0 11px; margin:0; border-radius:8px; box-sizing:border-box; font-size:12px; font-weight:600; line-height:1; white-space:nowrap; }
.enterprise-page .module-hero-actions .export-excel,.my-task-shell .my-task-module-hero .task-export-excel { color:#00864B!important; background:#fff!important; border:1px solid #42B883!important; }.enterprise-page .module-hero-actions .export-pdf,.my-task-shell .my-task-module-hero .task-export-pdf { color:#D62848!important; background:#fff!important; border:1px solid #F08B98!important; }.enterprise-page .module-hero-actions .new-blue { color:#fff!important; background:#176EDB!important; border:1px solid #4E8CFF!important; }.enterprise-page .module-hero-actions .secondary { color:#12345B!important; background:#fff!important; border:1px solid #BFD0E2!important; }
.my-task-shell .my-tasks-page { padding:16px!important; }.my-task-shell .my-tasks-page > .my-task-module-hero { margin:0!important; }
.enterprise-page .module-hero-actions > .quotation-header-actions,.enterprise-page .module-hero-actions > .quotation-action-toolbar { display:flex!important; align-items:center!important; justify-content:flex-end!important; flex-wrap:nowrap!important; gap:8px!important; margin:0!important; padding:0!important; background:transparent!important; border:0!important; box-shadow:none!important; }
.enterprise-page .module-hero-actions > .audit-hero-controls,.enterprise-page .module-hero-actions .audit-header-actions { display:flex!important; align-items:center!important; justify-content:flex-end!important; flex-wrap:nowrap!important; gap:8px!important; margin:0!important; padding:0!important; background:transparent!important; border:0!important; box-shadow:none!important; }

/* Quotation Tracker hero actions follow the shared compact icon-button system. */
.quotation-page .module-hero-actions.page-header__actions { padding:8px!important; gap:8px!important; }
.quotation-page .module-hero-actions .quotation-action-toolbar { min-height:0!important; padding:0!important; gap:8px!important; }
.quotation-page .module-hero-actions .page-header__action-button { min-height:40px!important; height:40px!important; padding:0 13px!important; gap:7px!important; font-size:12px!important; font-weight:750!important; }
.quotation-page .module-hero-actions .page-header__action-button .audit-ui-icon { width:16px!important; height:16px!important; flex:0 0 16px!important; }
@media(max-width:720px) { .quotation-page .module-hero-actions .quotation-action-toolbar { padding:0!important; background:transparent!important; border:0!important; box-shadow:none!important; }.quotation-page .module-hero-actions .page-header__action-button { flex:1 1 142px!important; justify-content:center!important; } }
@media(max-width:1100px) { .enterprise-page .module-hero,.my-task-shell .my-tasks-page > .my-task-module-hero { height:auto!important; min-height:var(--page-header-height)!important; }.enterprise-page .module-hero-header,.my-task-shell .my-task-module-hero .module-hero-header { grid-template-columns:1fr!important; gap:12px!important; }.enterprise-page .page-header__actions,.my-task-shell .my-task-module-hero .page-header__actions { width:100%!important; justify-content:flex-start!important; flex-wrap:wrap!important; } }


/* Give the primary register pages the same measured breathing room as the
   other modern modules, while keeping their hero controls vertically centred. */
.client-master-page > .module-hero,
.quotation-page > .module-hero,
.completed-engagements-page > .module-hero {
  margin-top:10px!important;
  min-height:calc(var(--page-header-height) + 38px)!important;
}
@media(max-width:980px) {
  .client-master-page > .module-hero,
  .quotation-page > .module-hero,
  .completed-engagements-page > .module-hero { min-height:var(--page-header-height)!important; }
}
.my-task-shell .my-tasks-page > .task-kpi-strip { display:grid!important; grid-template-columns:repeat(6,minmax(0,1fr))!important; gap:10px!important; margin:0!important; padding:0!important; background:transparent!important; border:0!important; }
.my-task-shell .my-tasks-page > .task-kpi-strip button,.my-task-shell .my-tasks-page > .task-kpi-strip button:nth-child(n) { min-height:118px!important; display:grid!important; grid-template-columns:40px minmax(0,1fr)!important; grid-template-rows:auto 1fr!important; column-gap:12px!important; align-items:center!important; padding:17px!important; color:#0B2345!important; background:#fff!important; border:1px solid #D7E0EC!important; border-left:5px solid var(--task-accent)!important; border-radius:11px!important; box-shadow:0 4px 12px rgba(15,39,75,.10)!important; text-align:left!important; }
.my-task-shell .my-tasks-page > .task-kpi-strip button>span { grid-row:1 / span 2!important; width:38px!important; height:38px!important; color:var(--task-accent)!important; background:#fff!important; border:1.5px solid var(--task-accent)!important; border-radius:50%!important; }
.my-task-shell .my-tasks-page > .task-kpi-strip button small { grid-column:2!important; align-self:end!important; color:#38526F!important; font-size:14px!important; font-weight:800!important; }.my-task-shell .my-tasks-page > .task-kpi-strip button strong { grid-column:2!important; align-self:start!important; color:#0B2345!important; font-size:34px!important; font-weight:800!important; line-height:1!important; }
.my-task-shell .my-tasks-page > .task-kpi-strip button.active { background:#EEF1F5!important; border-color:#B8C5D3!important; box-shadow:inset 0 0 0 1px #D2DCE7,0 4px 12px rgba(15,39,75,.10)!important; }
.my-task-shell .my-tasks-page > .task-kpi-strip button:nth-child(1){--task-accent:#2563EB}.my-task-shell .my-tasks-page > .task-kpi-strip button:nth-child(2){--task-accent:#6941C6}.my-task-shell .my-tasks-page > .task-kpi-strip button:nth-child(3){--task-accent:#099B96}.my-task-shell .my-tasks-page > .task-kpi-strip button:nth-child(4){--task-accent:#D97706}.my-task-shell .my-tasks-page > .task-kpi-strip button:nth-child(5){--task-accent:#DC3545}.my-task-shell .my-tasks-page > .task-kpi-strip button:nth-child(6){--task-accent:#168A4A}
.my-task-shell .my-tasks-page > .task-kpi-strip button:nth-child(1) { background:#EDF5FF!important; border-color:#9FC6F3!important; }.my-task-shell .my-tasks-page > .task-kpi-strip button:nth-child(2) { background:#F5F0FF!important; border-color:#D1BDF8!important; }.my-task-shell .my-tasks-page > .task-kpi-strip button:nth-child(3) { background:#ECFEFF!important; border-color:#8DE1DD!important; }.my-task-shell .my-tasks-page > .task-kpi-strip button:nth-child(4) { background:#FFF7E8!important; border-color:#F4CF83!important; }.my-task-shell .my-tasks-page > .task-kpi-strip button:nth-child(5) { background:#FFF0F2!important; border-color:#F3B3BF!important; }.my-task-shell .my-tasks-page > .task-kpi-strip button:nth-child(6) { background:#EDFAF2!important; border-color:#9DDEC0!important; }
@media(max-width:1100px) { .my-task-shell .my-tasks-page > .task-kpi-strip { grid-template-columns:repeat(3,minmax(0,1fr))!important; } }
@media(max-width:560px) { .my-task-shell .my-tasks-page > .task-kpi-strip { grid-template-columns:repeat(2,minmax(0,1fr))!important; }.my-task-shell .my-tasks-page > .task-kpi-strip button { min-height:92px!important; padding:12px!important; }.my-task-shell .my-tasks-page > .task-kpi-strip button strong { font-size:27px!important; } }

/* My Task selections and row actions use the neutral register controls. */
.my-task-shell .task-quick-tabs button.active { color:#26384D!important; background:#DCE3EA!important; border-color:#C2CDD9!important; box-shadow:none!important; }
.my-task-shell .task-table .task-view { color:#334155!important; background:#EEF1F4!important; border:1px solid #B8C3CF!important; box-shadow:none!important; }
.my-task-shell .task-table .client-more-button { color:#334155!important; background:#EEF1F4!important; border-color:#B8C3CF!important; box-shadow:none!important; }

/* Keep register headings readable and consistently aligned. */
.engagement-workspace .other-engagement-table thead th:not(:nth-child(2)) { text-align:center!important; }
.engagement-workspace .other-engagement-table thead th:nth-child(2) { text-align:left!important; }

/* Fee Pending uses the same clean header, KPI, filter and register language as Quotation Tracker. */
.enterprise-page.fee-pending-page.fee-pending-workspace { display:grid!important; gap:12px!important; padding:0 18px 22px!important; background:#F5F7FA!important; border:0!important; border-radius:0!important; box-shadow:none!important; }
.fee-pending-page .enterprise-page-header { margin:0 -18px!important; padding:22px 18px 18px!important; background:linear-gradient(100deg,#163A67 0%,#14345E 50%,#12305A 100%)!important; }
.fee-pending-page .enterprise-page-header h1 { color:#fff!important; font-size:30px!important; line-height:1.08!important; }.fee-pending-page .enterprise-page-header p { color:rgba(255,255,255,.9)!important; font-size:14px!important; }
.fee-pending-page .enterprise-page-actions { display:flex!important; align-items:center!important; justify-content:flex-end!important; gap:9px!important; flex-wrap:wrap!important; }.fee-pending-page .fee-pending-export-action { min-height:40px!important; padding:0 14px!important; border-radius:8px!important; color:#fff!important; font-size:12px!important; font-weight:800!important; box-shadow:0 4px 10px rgba(15,39,75,.10)!important; }.fee-pending-page .fee-pending-export-action.export-excel { background:linear-gradient(135deg,#047857,#10B981)!important; border-color:#047857!important; }.fee-pending-page .fee-pending-export-action.export-pdf { background:linear-gradient(135deg,#BE123C,#EF476F)!important; border-color:#BE123C!important; }
.fee-pending-page .fee-pending-kpi-strip { display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:14px!important; }.fee-pending-page .fee-pending-kpi { min-height:118px!important; display:grid!important; grid-template-columns:40px minmax(0,1fr)!important; align-items:center!important; gap:12px!important; padding:17px!important; color:#0B2345!important; background:#fff!important; border:1px solid #D7E0EC!important; border-left:5px solid var(--fee-accent)!important; border-radius:11px!important; box-shadow:0 4px 12px rgba(15,39,75,.10)!important; }.fee-pending-page .fee-pending-kpi>span { width:38px!important; height:38px!important; display:grid!important; place-items:center!important; color:var(--fee-accent)!important; background:#fff!important; border:1.5px solid var(--fee-accent)!important; border-radius:50%!important; font-size:16px!important; font-weight:800!important; }.fee-pending-page .fee-pending-kpi div { display:grid!important; gap:7px!important; }.fee-pending-page .fee-pending-kpi small { color:#38526F!important; font-size:14px!important; font-weight:800!important; }.fee-pending-page .fee-pending-kpi strong { color:#0B2345!important; font-size:30px!important; font-weight:800!important; line-height:1!important; }.fee-pending-page .fee-pending-kpi.blue { --fee-accent:#2563EB; background:#EDF5FF!important; border-color:#9FC6F3!important; }.fee-pending-page .fee-pending-kpi.amber { --fee-accent:#D97706; background:#FFF7E8!important; border-color:#F4CF83!important; }.fee-pending-page .fee-pending-kpi.teal { --fee-accent:#099B96; background:#ECFEFF!important; border-color:#8DE1DD!important; }.fee-pending-page .fee-pending-kpi.coral { --fee-accent:#DC3545; background:#FFF0F2!important; border-color:#F3B3BF!important; }
.fee-pending-page .fee-pending-filter-panel { padding:13px!important; background:#fff!important; border:1px solid #D6DEE9!important; border-radius:11px!important; box-shadow:0 2px 8px rgba(15,39,75,.045)!important; }.fee-pending-page .fee-pending-filter-title { display:block!important; margin:0 0 10px!important; color:#000!important; font-size:12px!important; font-weight:800!important; letter-spacing:.08em!important; text-transform:uppercase!important; }.fee-pending-page .fee-pending-controls { width:100%!important; display:flex!important; align-items:end!important; justify-content:flex-start!important; gap:8px!important; flex-wrap:nowrap!important; overflow-x:auto!important; padding-bottom:2px!important; }.fee-pending-page .fee-pending-controls>* { flex:0 0 auto!important; }.fee-pending-page .fee-pending-controls>input { width:310px!important; min-height:40px!important; }.fee-pending-page .fee-pending-controls .date-inline { display:flex!important; align-items:center!important; gap:6px!important; color:#000!important; font-size:11px!important; font-weight:750!important; text-transform:uppercase!important; white-space:nowrap!important; }.fee-pending-page .fee-pending-controls .date-inline input { width:140px!important; min-height:40px!important; }.fee-pending-page #fee-pending-clear { min-height:40px!important; color:#3F5875!important; background:#EEF1F5!important; border-color:#B8C5D3!important; border-radius:8px!important; font-weight:800!important; }
.fee-pending-page .fee-pending-register-card { overflow:hidden!important; background:#fff!important; border:1px solid #D6E1EE!important; border-radius:12px!important; box-shadow:0 4px 14px rgba(15,39,75,.055)!important; }.fee-pending-page .fee-pending-register-heading { min-height:62px!important; display:flex!important; align-items:center!important; justify-content:space-between!important; gap:14px!important; padding:13px 15px 10px!important; border-bottom:1px solid #E0E8F1!important; }.fee-pending-page .fee-pending-register-heading>div { display:grid!important; gap:2px!important; }.fee-pending-page .fee-pending-register-heading span { color:#0866D9!important; font-size:10px!important; font-weight:850!important; letter-spacing:.09em!important; text-transform:uppercase!important; }.fee-pending-page .fee-pending-register-heading h2 { margin:0!important; color:#0B2345!important; font-size:17px!important; font-weight:800!important; }.fee-pending-page .fee-pending-register-heading p { margin:0!important; color:#74869B!important; font-size:12px!important; }.fee-pending-page .fee-pending-register-heading>b { color:#09864E!important; font-size:12px!important; font-weight:800!important; }.fee-pending-page .workflow-freeze-wrap { width:100%!important; max-width:100%!important; max-height:min(62dvh,680px)!important; margin:0!important; overflow:auto!important; border:0!important; border-radius:0 0 12px 12px!important; box-shadow:none!important; }.fee-pending-page .fee-pending-table { min-width:1560px!important; }.fee-pending-page .fee-pending-table thead th { position:sticky!important; top:0!important; z-index:10!important; height:45px!important; color:#0B2345!important; background:#E8EEF5!important; border-right:1px solid #C3D0DF!important; border-bottom:2px solid #AABBCD!important; font-size:12px!important; font-weight:850!important; text-align:center!important; vertical-align:middle!important; }.fee-pending-page .fee-pending-table thead th:nth-child(2) { text-align:left!important; }.fee-pending-page .fee-pending-table tbody td { min-height:52px!important; padding:9px 10px!important; color:#294966!important; border-right:1px solid #D6E0EB!important; border-bottom:1px solid #D6E0EB!important; font-size:13px!important; vertical-align:middle!important; }.fee-pending-page .fee-pending-table tbody tr:nth-child(even) td { background:#F8FAFC!important; }.fee-pending-page .fee-pending-table tbody tr:hover td { background:#EDF5FB!important; }.fee-pending-page .fee-pending-table td strong { color:#173A61!important; font-size:13px!important; font-weight:800!important; }
@media(max-width:1020px) { .fee-pending-page .fee-pending-kpi-strip { grid-template-columns:repeat(2,minmax(0,1fr))!important; } } @media(max-width:820px) { .enterprise-page.fee-pending-page.fee-pending-workspace { padding:0 12px 20px!important; }.fee-pending-page .enterprise-page-header { margin-inline:-12px!important; padding-inline:12px!important; }.fee-pending-page .enterprise-page-actions { width:100%!important; justify-content:flex-start!important; }.fee-pending-page .fee-pending-controls { flex-wrap:wrap!important; overflow:visible!important; }.fee-pending-page .fee-pending-register-heading { align-items:flex-start!important; }.fee-pending-page .fee-pending-register-heading>b { display:none!important; } } @media(max-width:520px) { .fee-pending-page .fee-pending-kpi-strip { grid-template-columns:1fr!important; }.fee-pending-page .fee-pending-controls>input { width:100%!important; flex-basis:100%!important; } }

/* Completed & Fee Received mirrors the Quotation Tracker workspace and keeps corrective actions neutral. */
.enterprise-page.completed-received-page.completed-received-workspace { display:grid!important; gap:12px!important; padding:0 18px 22px!important; background:#F5F7FA!important; border:0!important; border-radius:0!important; box-shadow:none!important; }.completed-received-page .enterprise-page-header { margin:0 -18px!important; padding:22px 18px 18px!important; background:linear-gradient(100deg,#163A67 0%,#14345E 50%,#12305A 100%)!important; }.completed-received-page .enterprise-page-header h1 { color:#fff!important; font-size:30px!important; line-height:1.08!important; }.completed-received-page .enterprise-page-header p { color:rgba(255,255,255,.9)!important; font-size:14px!important; }.completed-received-page .enterprise-page-actions { display:flex!important; align-items:center!important; justify-content:flex-end!important; gap:9px!important; flex-wrap:wrap!important; }.completed-received-page .completed-received-export-action { min-height:40px!important; padding:0 14px!important; border-radius:8px!important; color:#fff!important; font-size:12px!important; font-weight:800!important; box-shadow:0 4px 10px rgba(15,39,75,.10)!important; }.completed-received-page .completed-received-export-action.export-excel { background:linear-gradient(135deg,#047857,#10B981)!important; border-color:#047857!important; }.completed-received-page .completed-received-export-action.export-pdf { background:linear-gradient(135deg,#BE123C,#EF476F)!important; border-color:#BE123C!important; }
.completed-received-page .completed-received-kpi-strip { display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:14px!important; }.completed-received-page .completed-received-kpi { min-height:118px!important; display:grid!important; grid-template-columns:40px minmax(0,1fr)!important; align-items:center!important; gap:12px!important; padding:17px!important; color:#0B2345!important; background:#fff!important; border:1px solid #D7E0EC!important; border-left:5px solid var(--received-accent)!important; border-radius:11px!important; box-shadow:0 4px 12px rgba(15,39,75,.10)!important; }.completed-received-page .completed-received-kpi>span { width:38px!important; height:38px!important; display:grid!important; place-items:center!important; color:var(--received-accent)!important; background:#fff!important; border:1.5px solid var(--received-accent)!important; border-radius:50%!important; font-size:16px!important; font-weight:800!important; }.completed-received-page .completed-received-kpi div { display:grid!important; gap:7px!important; }.completed-received-page .completed-received-kpi small { color:#38526F!important; font-size:14px!important; font-weight:800!important; }.completed-received-page .completed-received-kpi strong { color:#0B2345!important; font-size:30px!important; font-weight:800!important; line-height:1!important; }.completed-received-page .completed-received-kpi.blue { --received-accent:#2563EB; background:#EDF5FF!important; border-color:#9FC6F3!important; }.completed-received-page .completed-received-kpi.violet { --received-accent:#6941C6; background:#F5F0FF!important; border-color:#D1BDF8!important; }.completed-received-page .completed-received-kpi.green { --received-accent:#168A4A; background:#EDFAF2!important; border-color:#9DDEC0!important; }.completed-received-page .completed-received-kpi.amber { --received-accent:#D97706; background:#FFF7E8!important; border-color:#F4CF83!important; }
.completed-received-page .completed-received-filter-panel { padding:13px!important; background:#fff!important; border:1px solid #D6DEE9!important; border-radius:11px!important; box-shadow:0 2px 8px rgba(15,39,75,.045)!important; }.completed-received-page .completed-received-filter-title { display:block!important; margin:0 0 10px!important; color:#000!important; font-size:12px!important; font-weight:800!important; letter-spacing:.08em!important; text-transform:uppercase!important; }.completed-received-page .completed-received-filter-controls { width:100%!important; display:flex!important; align-items:end!important; justify-content:flex-start!important; gap:8px!important; flex-wrap:nowrap!important; overflow-x:auto!important; padding-bottom:2px!important; }.completed-received-page .completed-received-filter-controls>* { flex:0 0 auto!important; }.completed-received-page .completed-received-filter-controls>input { width:310px!important; min-height:40px!important; }.completed-received-page .completed-received-filter-controls .date-inline { display:flex!important; align-items:center!important; gap:6px!important; color:#000!important; font-size:11px!important; font-weight:750!important; text-transform:uppercase!important; white-space:nowrap!important; }.completed-received-page .completed-received-filter-controls .date-inline input { width:140px!important; min-height:40px!important; }.completed-received-page #completed-received-clear { min-height:40px!important; color:#3F5875!important; background:#EEF1F5!important; border-color:#B8C5D3!important; border-radius:8px!important; font-weight:800!important; }
.completed-received-page .completed-received-register-card { overflow:hidden!important; background:#fff!important; border:1px solid #D6E1EE!important; border-radius:12px!important; box-shadow:0 4px 14px rgba(15,39,75,.055)!important; }.completed-received-page .completed-received-register-heading { min-height:62px!important; display:flex!important; align-items:center!important; justify-content:space-between!important; gap:14px!important; padding:13px 15px 10px!important; border-bottom:1px solid #E0E8F1!important; }.completed-received-page .completed-received-register-heading>div { display:grid!important; gap:2px!important; }.completed-received-page .completed-received-register-heading span { color:#0866D9!important; font-size:10px!important; font-weight:850!important; letter-spacing:.09em!important; text-transform:uppercase!important; }.completed-received-page .completed-received-register-heading h2 { margin:0!important; color:#0B2345!important; font-size:17px!important; font-weight:800!important; }.completed-received-page .completed-received-register-heading p { margin:0!important; color:#74869B!important; font-size:12px!important; }.completed-received-page .completed-received-register-heading>b { color:#09864E!important; font-size:12px!important; font-weight:800!important; }.completed-received-page .workflow-freeze-wrap { width:100%!important; max-width:100%!important; max-height:min(62dvh,680px)!important; margin:0!important; overflow:auto!important; border:0!important; border-radius:0 0 12px 12px!important; box-shadow:none!important; }.completed-received-page .fee-received-table { min-width:1510px!important; }.completed-received-page .fee-received-table thead th { position:sticky!important; top:0!important; z-index:10!important; height:45px!important; color:#0B2345!important; background:#E8EEF5!important; border-right:1px solid #C3D0DF!important; border-bottom:2px solid #AABBCD!important; font-size:12px!important; font-weight:850!important; text-align:center!important; vertical-align:middle!important; }.completed-received-page .fee-received-table thead th:nth-child(2) { text-align:left!important; }.completed-received-page .fee-received-table tbody td { min-height:52px!important; padding:9px 10px!important; color:#294966!important; border-right:1px solid #D6E0EB!important; border-bottom:1px solid #D6E0EB!important; font-size:13px!important; vertical-align:middle!important; }.completed-received-page .fee-received-table tbody tr:nth-child(even) td { background:#F8FAFC!important; }.completed-received-page .fee-received-table tbody tr:hover td { background:#EDF5FB!important; }.completed-received-page .fee-received-table td strong { color:#173A61!important; font-size:13px!important; font-weight:800!important; }.completed-received-page .fee-received-table .fee-received-action { min-height:32px!important; padding:6px 10px!important; color:#334155!important; background:#EEF1F4!important; border:1px solid #B8C3CF!important; border-radius:7px!important; box-shadow:none!important; font-size:12px!important; font-weight:750!important; }.completed-received-page .fee-received-table .fee-received-action:hover { color:#0F3B66!important; background:#E1E8F0!important; border-color:#93A8BD!important; }

/* The received-fee action cell must remain a table cell.  The shared action
   utility uses flex for ordinary action groups; applying that to a <td>
   removes it from the table grid and creates phantom columns after Action. */
.completed-received-page .fee-received-table td.actions {
  display:table-cell!important;
  width:190px!important;
  min-width:190px!important;
  padding:9px 10px!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-align:left!important;
  vertical-align:middle!important;
}
.completed-received-page .fee-received-table td.actions > .fee-received-action {
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0 4px 0 0!important;
  white-space:nowrap!important;
}
.completed-received-page .fee-received-table td.fee-received-action-cell {
  width:190px!important;
  min-width:190px!important;
  padding:9px 10px!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-align:left!important;
  vertical-align:middle!important;
}
.completed-received-page .fee-received-table .fee-received-action-list {
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:4px!important;
  flex-wrap:nowrap!important;
}
.completed-received-page .fee-received-table .fee-received-action-list > .fee-received-action { margin:0!important; }
@media(max-width:1020px) { .completed-received-page .completed-received-kpi-strip { grid-template-columns:repeat(2,minmax(0,1fr))!important; } } @media(max-width:820px) { .enterprise-page.completed-received-page.completed-received-workspace { padding:0 12px 20px!important; }.completed-received-page .enterprise-page-header { margin-inline:-12px!important; padding-inline:12px!important; }.completed-received-page .enterprise-page-actions { width:100%!important; justify-content:flex-start!important; }.completed-received-page .completed-received-filter-controls { flex-wrap:wrap!important; overflow:visible!important; }.completed-received-page .completed-received-register-heading { align-items:flex-start!important; }.completed-received-page .completed-received-register-heading>b { display:none!important; } } @media(max-width:520px) { .completed-received-page .completed-received-kpi-strip { grid-template-columns:1fr!important; }.completed-received-page .completed-received-filter-controls>input { width:100%!important; flex-basis:100%!important; } }

/* Every file-register action uses the same blue treatment as Audit Engagements. */
table td.actions > button,
.audit-mobile-card footer > button,
.row-action-menu button,
.audit-floating-menu-card button {
  color:#174F9D!important;
  background:#EDF5FF!important;
  border:1px solid #B7D0F2!important;
  border-radius:8px!important;
  box-shadow:none!important;
  font-weight:750!important;
}
table td.actions > button:hover,
.audit-mobile-card footer > button:hover,
.row-action-menu button:hover,
.audit-floating-menu-card button:hover {
  color:#123F80!important;
  background:#DDEBFD!important;
  border-color:#8DB4E6!important;
}

/* Staff Performance uses the same edge-to-edge workspace header and compact card rhythm as the file registers. */
.performance-page { gap:12px!important; padding:0 18px 22px!important; }
.performance-page .performance-page-header { width:auto!important; min-height:96px!important; margin:0 -18px!important; padding:20px 18px 18px!important; border-radius:0 0 12px 12px!important; }
.performance-page .performance-summary-grid { width:100%!important; grid-template-columns:repeat(10,minmax(0,1fr))!important; gap:10px!important; }
.performance-page .performance-summary-card { min-height:48px!important; padding:7px 10px!important; border-left-width:4px!important; }.performance-page .performance-summary-card span { font-size:10px!important; }.performance-page .performance-summary-card strong { font-size:21px!important; }.performance-page .performance-summary-card small { font-size:9px!important; }
.performance-page .performance-tabs-section { padding:12px 14px!important; }.performance-page .perf-tabs { width:100%!important; grid-template-columns:repeat(10,minmax(0,1fr))!important; gap:8px!important; }.performance-page .perf-tabs .performance-tab-card { height:124px!important; min-height:124px!important; padding:12px 10px!important; border-left-width:4px!important; border-radius:9px!important; }.performance-page .perf-tabs .performance-tab-card span { font-size:11px!important; }.performance-page .perf-tabs .performance-tab-card strong { font-size:25px!important; }
@media(max-width:1180px) { .performance-page .performance-summary-grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; }.performance-page .perf-tabs { grid-template-columns:repeat(3,minmax(0,1fr))!important; } }
@media(max-width:720px) { .performance-page { padding:0 12px 20px!important; }.performance-page .performance-page-header { margin-inline:-12px!important; padding-inline:12px!important; }.performance-page .perf-tabs { grid-template-columns:repeat(2,minmax(0,1fr))!important; } }
@media(max-width:440px) { .performance-page .performance-summary-grid,.performance-page .perf-tabs { grid-template-columns:1fr!important; } }

/* Staff Performance: make the selectable team-focus cards the primary dashboard. */
.performance-page .performance-tabs-section { padding:18px!important; }
.performance-page .performance-section-heading { margin-bottom:14px!important; }
.performance-page .performance-section-heading h2 { font-size:20px!important; }
.performance-page .perf-tabs { grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:14px!important; }
.performance-page .perf-tabs .performance-tab-card { height:138px!important; min-height:138px!important; display:flex!important; flex-direction:column!important; align-items:flex-start!important; justify-content:space-between!important; gap:12px!important; padding:18px!important; border-left-width:5px!important; border-radius:12px!important; }
.performance-page .perf-tabs .performance-tab-card span { font-size:13px!important; line-height:1.25!important; }
.performance-page .perf-tabs .performance-tab-card strong { font-size:38px!important; line-height:1!important; }
@media(max-width:1180px) { .performance-page .perf-tabs { grid-template-columns:repeat(3,minmax(0,1fr))!important; } }
@media(max-width:760px) { .performance-page .perf-tabs { grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:10px!important; }.performance-page .perf-tabs .performance-tab-card { height:124px!important; min-height:124px!important; padding:15px!important; }.performance-page .perf-tabs .performance-tab-card strong { font-size:32px!important; } }

/* Keep the selected desktop workspaces consistent: a measured top gap and a 134px hero. */
@media(min-width:821px) {
  .enterprise-page.team-access-page { padding-top:10px!important; }
  .enterprise-page.audit-trail-page { padding-top:10px!important; }
  .team-access-page .team-access-hero,
  .audit-trail-page .enterprise-page-header,
  .settings-hero,
  .my-task-shell .my-tasks-page > .my-task-module-hero {
    min-height:134px!important;
  }
  .settings-page { padding-top:10px!important; }
  .my-task-shell .my-tasks-page { padding-top:10px!important; }
  .audit-trail-page .enterprise-page-header { display:flex!important; align-items:center!important; }
}
@media(max-width:820px) {
  .enterprise-page.team-access-page,
  .enterprise-page.audit-trail-page,
  .settings-page,
  .my-task-shell .my-tasks-page { padding-top:0!important; }
  .team-access-page .team-access-hero,
  .audit-trail-page .enterprise-page-header,
  .settings-hero,
  .my-task-shell .my-tasks-page > .my-task-module-hero { min-height:0!important; }
}

/* Audit Trail follows the Quotation Tracker workspace pattern, without KPI cards. */
.enterprise-page.audit-trail-page { display:grid!important; gap:12px!important; padding:0 6px 22px!important; background:#F5F7FA!important; border:0!important; border-radius:0!important; box-shadow:none!important; }
.audit-trail-page .enterprise-page-header { margin:0 -6px!important; padding:22px 6px 18px!important; background:linear-gradient(100deg,#163A67 0%,#14345E 50%,#12305A 100%)!important; border:0!important; border-radius:0 0 12px 12px!important; box-shadow:0 4px 14px rgba(15,39,75,.16)!important; }
.audit-trail-page .enterprise-page-header h1 { color:#fff!important; font-size:30px!important; line-height:1.08!important; }.audit-trail-page .enterprise-page-header p { color:rgba(255,255,255,.9)!important; font-size:14px!important; }
.audit-trail-page .audit-trail-filter-panel { padding:13px!important; background:#fff!important; border:1px solid #D6DEE9!important; border-radius:11px!important; box-shadow:0 2px 8px rgba(15,39,75,.045)!important; }.audit-trail-page .audit-trail-filter-panel .section-heading { margin:0 0 10px!important; color:#000!important; font-size:12px!important; font-weight:800!important; letter-spacing:.08em!important; text-transform:uppercase!important; }
.audit-trail-page .audit-trail-filter-grid { width:100%!important; display:flex!important; flex-wrap:nowrap!important; align-items:end!important; gap:8px!important; overflow-x:auto!important; padding-bottom:2px!important; }.audit-trail-page .audit-trail-filter-grid>* { flex:0 0 auto!important; }.audit-trail-page .audit-trail-filter-grid>#at-search { min-width:300px!important; flex:1 0 300px!important; }.audit-trail-page .audit-trail-filter-grid input,.audit-trail-page .audit-trail-filter-grid select { min-height:40px!important; color:#0B2345!important; background:#fff!important; border-color:#C8D5E3!important; border-radius:8px!important; font-size:13px!important; }.audit-trail-page .audit-trail-filter-grid label { min-width:145px!important; color:#000!important; font-size:11px!important; font-weight:750!important; letter-spacing:.025em!important; text-transform:uppercase!important; }.audit-trail-page #at-clear { min-height:40px!important; color:#3F5875!important; background:#EEF1F5!important; border-color:#B8C5D3!important; border-radius:8px!important; font-weight:800!important; white-space:nowrap!important; }
.audit-trail-page .audit-trail-register { overflow:hidden!important; background:#fff!important; border:1px solid #D6E1EE!important; border-radius:12px!important; box-shadow:0 4px 14px rgba(15,39,75,.055)!important; }.audit-trail-page .audit-trail-table-wrap { width:100%!important; max-width:100%!important; max-height:min(62dvh,680px)!important; margin:0!important; overflow:auto!important; border:0!important; border-radius:0 0 12px 12px!important; box-shadow:none!important; }.audit-trail-page .audit-trail-table { min-width:1520px!important; }.audit-trail-page .audit-trail-table thead th { position:sticky!important; top:0!important; z-index:10!important; height:45px!important; color:#0B2345!important; background:#E8EEF5!important; border-right:1px solid #C3D0DF!important; border-bottom:2px solid #AABBCD!important; font-size:12px!important; font-weight:850!important; text-align:center!important; vertical-align:middle!important; }.audit-trail-page .audit-trail-table tbody td { min-height:52px!important; padding:9px 10px!important; color:#294966!important; border-right:1px solid #D6E0EB!important; border-bottom:1px solid #D6E0EB!important; font-size:13px!important; vertical-align:middle!important; }.audit-trail-page .audit-trail-table tbody tr:nth-child(even) td { background:#F8FAFC!important; }.audit-trail-page .audit-trail-table tbody tr:hover td { background:#EDF5FB!important; }.audit-trail-page .audit-trail-table td:nth-child(3),.audit-trail-page .audit-trail-table td:nth-child(5),.audit-trail-page .audit-trail-table td:nth-child(6) { font-weight:700!important; color:#173A61!important; }
@media(max-width:820px) { .enterprise-page.audit-trail-page { padding:0 12px 20px!important; }.audit-trail-page .enterprise-page-header { margin-inline:-12px!important; padding-inline:12px!important; }.audit-trail-page .audit-trail-filter-grid { flex-wrap:wrap!important; overflow:visible!important; }.audit-trail-page .audit-trail-filter-grid>* { flex:1 1 145px!important; }.audit-trail-page .audit-trail-filter-grid>#at-search { flex-basis:100%!important; } }

/* Team & Access uses the Quotation Tracker workspace, with one neutral register header treatment. */
.enterprise-page.team-access-page { display:grid!important; gap:12px!important; padding:8px 8px 22px!important; background:#F5F7FA!important; border:0!important; border-radius:0!important; box-shadow:none!important; }.team-access-page .team-access-hero { min-height:0!important; margin:0!important; padding:18px!important; color:#fff!important; background:linear-gradient(100deg,#163A67 0%,#14345E 50%,#12305A 100%)!important; border:0!important; border-radius:12px!important; box-shadow:0 4px 14px rgba(15,39,75,.16)!important; }.team-access-page .team-access-hero .module-hero-copy span,.team-access-page .team-access-hero .module-breadcrumb { color:#C7DCF1!important; }.team-access-page .team-access-hero h1 { color:#fff!important; font-size:30px!important; line-height:1.08!important; }.team-access-page .team-access-hero p { color:rgba(255,255,255,.9)!important; font-size:14px!important; }.team-access-page .team-access-hero .user-add-button { min-height:40px!important; padding:0 14px!important; color:#fff!important; background:#1769D5!important; border-color:#63A2F3!important; border-radius:8px!important; box-shadow:0 4px 10px rgba(15,39,75,.14)!important; font-size:12px!important; font-weight:800!important; }
.team-access-page .team-access-summary { width:100%!important; display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:10px!important; }.team-access-page .team-access-metric { min-height:118px!important; display:grid!important; align-content:center!important; gap:7px!important; padding:16px!important; color:#0B2345!important; background:#fff!important; border:1px solid var(--team-access-border)!important; border-left:5px solid var(--team-access-accent)!important; border-radius:11px!important; box-shadow:0 4px 12px rgba(15,39,75,.10)!important; }.team-access-page .team-access-metric span { color:#38526F!important; font-size:13px!important; font-weight:800!important; }.team-access-page .team-access-metric strong { color:#0B2345!important; font-size:30px!important; font-weight:800!important; line-height:1!important; }.team-access-page .team-access-metric small { color:#637991!important; font-size:11px!important; }.team-access-page .team-access-metric.tone-blue { --team-access-accent:#2563EB; --team-access-border:#9FC6F3; background:#EDF5FF!important; }.team-access-page .team-access-metric.tone-green { --team-access-accent:#168A4A; --team-access-border:#9DDEC0; background:#EDFAF2!important; }.team-access-page .team-access-metric.tone-amber { --team-access-accent:#D97706; --team-access-border:#F4CF83; background:#FFF7E8!important; }.team-access-page .team-access-metric.tone-red { --team-access-accent:#DC3545; --team-access-border:#F3B3BF; background:#FFF0F2!important; }
.team-access-page .team-access-toolbar { padding:13px!important; background:#fff!important; border:1px solid #D6DEE9!important; border-radius:11px!important; box-shadow:0 2px 8px rgba(15,39,75,.045)!important; }.team-access-page .team-access-toolbar .section-heading { margin:0 0 10px!important; color:#000!important; font-size:12px!important; font-weight:800!important; letter-spacing:.08em!important; text-transform:uppercase!important; }.team-access-page .team-access-filter-grid { width:100%!important; display:flex!important; flex-wrap:nowrap!important; align-items:end!important; gap:8px!important; overflow-x:auto!important; padding-bottom:2px!important; }.team-access-page .team-access-filter-grid>* { flex:0 0 auto!important; }.team-access-page .team-access-filter-grid>#user-mgmt-search { min-width:360px!important; flex:1 0 360px!important; }.team-access-page .team-access-filter-grid input,.team-access-page .team-access-filter-grid select { min-height:40px!important; color:#0B2345!important; background:#fff!important; border-color:#C8D5E3!important; border-radius:8px!important; font-size:13px!important; }.team-access-page .team-access-filter-grid label { min-width:210px!important; color:#000!important; font-size:11px!important; font-weight:750!important; letter-spacing:.025em!important; text-transform:uppercase!important; }.team-access-page #user-mgmt-clear { min-height:40px!important; color:#3F5875!important; background:#EEF1F5!important; border-color:#B8C5D3!important; border-radius:8px!important; font-weight:800!important; white-space:nowrap!important; }
.team-access-page .team-access-register { padding:0!important; overflow:hidden!important; background:#fff!important; border:1px solid #D6E1EE!important; border-radius:12px!important; box-shadow:0 4px 14px rgba(15,39,75,.055)!important; }.team-access-page .team-access-register .user-management-wrap { width:100%!important; max-width:100%!important; max-height:min(62dvh,680px)!important; margin:0!important; overflow:auto!important; border:0!important; border-radius:0 0 12px 12px!important; box-shadow:none!important; }.team-access-page .team-access-register .user-management-table { min-width:1510px!important; }.team-access-page .team-access-register .user-management-table thead th,.team-access-page .team-access-register .user-management-table thead th:nth-child(n) { position:sticky!important; top:0!important; z-index:10!important; height:45px!important; color:#0B2345!important; background:#E8EEF5!important; border-right:1px solid #C3D0DF!important; border-bottom:2px solid #AABBCD!important; font-size:12px!important; font-weight:850!important; text-align:left!important; vertical-align:middle!important; }.team-access-page .team-access-register .user-management-table thead th:first-child { text-align:center!important; }.team-access-page .team-access-register .user-management-table tbody td { min-height:52px!important; padding:9px 10px!important; color:#294966!important; border-right:1px solid #D6E0EB!important; border-bottom:1px solid #D6E0EB!important; font-size:13px!important; vertical-align:middle!important; }.team-access-page .team-access-register .user-management-table tbody tr:nth-child(even) td { background:#F8FAFC!important; }.team-access-page .team-access-register .user-management-table tbody tr:hover td { background:#EDF5FB!important; }
@media(max-width:1020px) { .team-access-page .team-access-summary { grid-template-columns:repeat(2,minmax(0,1fr))!important; } } @media(max-width:820px) { .enterprise-page.team-access-page { padding:0 12px 20px!important; }.team-access-page .team-access-hero { margin-inline:-12px!important; padding-inline:12px!important; }.team-access-page .team-access-filter-grid { flex-wrap:wrap!important; overflow:visible!important; }.team-access-page .team-access-filter-grid>* { flex:1 1 150px!important; }.team-access-page .team-access-filter-grid>#user-mgmt-search { flex-basis:100%!important; } } @media(max-width:520px) { .team-access-page .team-access-summary { grid-template-columns:1fr!important; } }

/* Keyboard shortcuts opens as a focused, readable white dialog instead of a generic table drawer. */
.modal:has(.keyboard-shortcuts-dialog) { align-items:center!important; justify-content:center!important; padding:18px!important; }.modal-card:has(.keyboard-shortcuts-dialog) { width:min(760px,calc(100vw - 36px))!important; max-width:760px!important; height:auto!important; max-height:calc(100dvh - 36px)!important; margin:auto!important; padding:0!important; overflow:hidden!important; color:#17304E!important; background:#fff!important; border:1px solid #C7D5E4!important; border-radius:16px!important; box-shadow:0 24px 64px rgba(10,30,56,.24)!important; }.keyboard-shortcuts-dialog { max-height:calc(100dvh - 36px); display:flex; flex-direction:column; background:#fff!important; }.keyboard-shortcuts-header { display:flex!important; align-items:flex-start!important; justify-content:space-between!important; gap:18px!important; padding:22px 24px 18px!important; color:#17304E!important; background:#fff!important; border-bottom:1px solid #D8E2ED!important; }.keyboard-shortcuts-header span { display:block!important; margin:0 0 5px!important; color:#0866D9!important; font-size:11px!important; font-weight:850!important; letter-spacing:.09em!important; text-transform:uppercase!important; }.keyboard-shortcuts-header h2 { margin:0!important; color:#102D4E!important; font-size:26px!important; font-weight:800!important; line-height:1.15!important; }.keyboard-shortcuts-header p { margin:6px 0 0!important; color:#637991!important; font-size:13px!important; }.keyboard-shortcuts-close { min-width:76px!important; min-height:40px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; padding:0 13px!important; color:#B4233A!important; background:#FFF1F3!important; border:1px solid #F3ABB7!important; border-radius:8px!important; font-size:13px!important; font-weight:800!important; box-shadow:none!important; }.keyboard-shortcuts-close:hover { color:#fff!important; background:#C3293F!important; border-color:#C3293F!important; }.keyboard-shortcuts-content { min-height:0!important; display:grid!important; gap:12px!important; padding:18px 24px 24px!important; overflow:auto!important; background:#fff!important; }.keyboard-shortcuts-intro { display:flex!important; align-items:center!important; justify-content:space-between!important; gap:12px!important; }.keyboard-shortcuts-intro strong { color:#102D4E!important; font-size:15px!important; }.keyboard-shortcuts-intro span { color:#74869B!important; font-size:12px!important; }.keyboard-shortcuts-table-wrap { width:100%!important; max-height:min(55dvh,500px)!important; overflow:auto!important; border:1px solid #D6E1EE!important; border-radius:10px!important; box-shadow:none!important; }.keyboard-shortcuts-table { min-width:100%!important; }.keyboard-shortcuts-table thead th { position:sticky!important; top:0!important; z-index:2!important; height:44px!important; color:#0B2345!important; background:#E8EEF5!important; border-right:1px solid #C3D0DF!important; border-bottom:2px solid #AABBCD!important; font-size:12px!important; font-weight:850!important; text-align:left!important; vertical-align:middle!important; }.keyboard-shortcuts-table tbody td { min-height:54px!important; padding:10px 14px!important; color:#294966!important; border-right:1px solid #D6E0EB!important; border-bottom:1px solid #D6E0EB!important; font-size:14px!important; vertical-align:middle!important; }.keyboard-shortcuts-table tbody tr:nth-child(even) td { background:#F8FAFC!important; }.keyboard-shortcuts-table kbd { display:inline-flex!important; align-items:center!important; min-height:29px!important; padding:4px 9px!important; color:#174F9D!important; background:#EDF5FF!important; border:1px solid #B7D0F2!important; border-radius:6px!important; font-family:Inter,ui-sans-serif,system-ui,sans-serif!important; font-size:12px!important; font-weight:800!important; white-space:nowrap!important; }
@media(max-width:560px) { .modal:has(.keyboard-shortcuts-dialog) { padding:0!important; }.modal-card:has(.keyboard-shortcuts-dialog) { width:100vw!important; max-width:none!important; max-height:100dvh!important; border:0!important; border-radius:0!important; }.keyboard-shortcuts-dialog { max-height:100dvh!important; }.keyboard-shortcuts-header,.keyboard-shortcuts-content { padding-left:16px!important; padding-right:16px!important; }.keyboard-shortcuts-header h2 { font-size:22px!important; }.keyboard-shortcuts-close { min-width:66px!important; }.keyboard-shortcuts-table tbody td { font-size:13px!important; } }

/* Dashboard deadline priority badges use the shared blue action treatment. */
.enterprise-dashboard .enterprise-deadline > em.priority-high,
.enterprise-dashboard .enterprise-deadline > em.priority-normal,
.enterprise-dashboard .enterprise-deadline > em.priority-medium,
.enterprise-dashboard .enterprise-deadline > em.priority-low {
  color:#fff!important;
  background:#0866D9!important;
  border:1px solid #0866D9!important;
  box-shadow:0 1px 2px rgba(8,102,217,.18)!important;
}

/* Dashboard KPI cards: increase text hierarchy without changing the six-card desktop layout. */
.navy-arc-dashboard .enterprise-kpi { min-height:162px!important; }
.navy-arc-dashboard .enterprise-kpi small { font-size:14px!important; line-height:1.25!important; }
.navy-arc-dashboard .enterprise-kpi strong { font-size:36px!important; }
.navy-arc-dashboard .enterprise-kpi em { font-size:12px!important; }
@media(max-width:760px) { .navy-arc-dashboard .enterprise-kpi { min-height:148px!important; }.navy-arc-dashboard .enterprise-kpi small { font-size:13px!important; }.navy-arc-dashboard .enterprise-kpi strong { font-size:32px!important; } }

/* Finance workspace headers retain white titles and Completed Engagements export controls. */
.fee-pending-page .enterprise-page-header h1,
.completed-received-page .enterprise-page-header h1 { color:#fff!important; }
.fee-pending-page .enterprise-page-header .enterprise-breadcrumb,
.completed-received-page .enterprise-page-header .enterprise-breadcrumb { color:#C7DCF1!important; }
.fee-pending-page .fee-pending-export-action,
.completed-received-page .completed-received-export-action {
  min-height:36px!important;
  padding:0 12px!important;
  background:#fff!important;
  border-radius:8px!important;
  box-shadow:0 2px 5px rgba(7,27,59,.16)!important;
  font-size:12px!important;
  font-weight:750!important;
}
.fee-pending-page .fee-pending-export-action.export-excel,
.completed-received-page .completed-received-export-action.export-excel { color:#087443!important; background:#fff!important; border-color:#C7DFD2!important; }
.fee-pending-page .fee-pending-export-action.export-pdf,
.completed-received-page .completed-received-export-action.export-pdf { color:#C3374A!important; background:#fff!important; border-color:#EFC9D0!important; }

/* Fee Pending uses the same roomy, pale-blue table action treatment as Quotation Tracker. */
.fee-pending-page .fee-pending-table { min-width:1628px!important; }
.fee-pending-page .fee-pending-table th:last-child,
.fee-pending-page .fee-pending-table td:last-child { width:210px!important; min-width:210px!important; text-align:left!important; }
.fee-pending-page .fee-pending-table td.actions > .fee-pending-action { min-width:132px!important; color:#174F9D!important; background:#EDF5FF!important; border:1px solid #B7D0F2!important; border-radius:8px!important; box-shadow:none!important; }
.fee-pending-page .fee-pending-table td.actions > .fee-pending-action:hover { color:#123F80!important; background:#DDEBFD!important; border-color:#8DB4E6!important; }

/* Match the taller engagement heroes while retaining Fee Pending's compact mobile header. */
@media(min-width:821px) {
  .enterprise-page.fee-pending-page.fee-pending-workspace {
    padding-top:10px!important;
  }
  .fee-pending-page .enterprise-page-header {
    min-height:134px!important;
    display:flex!important;
    align-items:center!important;
  }
}
@media(max-width:820px) {
  .enterprise-page.fee-pending-page.fee-pending-workspace {
    padding-top:0!important;
  }
  .fee-pending-page .enterprise-page-header {
    min-height:0!important;
  }
}

/* Keep the Team and completed-work workspaces aligned with the common right edge. */
.enterprise-page.team-access-page,
.enterprise-page.completed-engagements-page {
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
.team-access-page.quotation-workspace,
.team-access-page > *,
.completed-engagements-page > * {
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
.completed-engagements-page .completed-engagements-hero,
.completed-engagements-page .completed-engagements-header,
.completed-engagements-page .completed-engagement-kpi-strip,
.completed-engagements-page .completed-engagements-filters,
.completed-engagements-page .completed-engagements-list-card {
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
.completed-engagements-page .completed-engagements-header {
  margin:0!important;
}
.completed-engagements-page .completed-engagements-header > div:first-child,
.completed-engagements-page .completed-engagements-actions {
  min-width:0!important;
}
.completed-engagements-page .completed-engagements-actions { margin-right:0!important; }

/* Keep the register filter fields on one readable desktop row.  Each module
   gets its own compact column plan rather than inheriting the generic grid. */
@media(min-width:1100px) {
  .completed-engagements-page .completed-engagements-filters .search-filters-grid {
    grid-template-columns:minmax(210px,1.45fr) 120px 120px 96px 86px 108px 102px max-content!important;
    gap:8px!important;
  }
  .completed-engagements-page .completed-engagements-filters .search-filters-search { min-width:0!important; }
  .completed-engagements-page .completed-engagements-filters .search-filters-clear { min-width:118px!important; }

  .pending-page .pending-filter-panel .search-filters-grid {
    grid-template-columns:minmax(170px,1.25fr) 88px 100px 112px 116px 116px 108px 124px 124px max-content!important;
    gap:8px!important;
  }
  .pending-page .pending-filter-panel .search-filters-search { min-width:0!important; }
  .pending-page .pending-filter-panel .search-filters-clear { min-width:118px!important; }

  .quotation-page .quotation-filter-panel .search-filters-grid {
    grid-template-columns:minmax(190px,1.25fr) 108px 108px 138px 118px 92px 94px 108px 108px max-content!important;
    gap:8px!important;
  }
  .quotation-page .quotation-filter-panel .search-filters-search { min-width:0!important; }
  .quotation-page .quotation-filter-panel .search-filters-clear { min-width:118px!important; }

  .client-master-page .client-master-filters .search-filters-grid {
    grid-template-columns:minmax(190px,1.35fr) 74px 128px 112px 88px 94px 120px 120px max-content!important;
    gap:8px!important;
  }
  .client-master-page .client-master-filters .search-filters-search { min-width:0!important; }
  .client-master-page .client-master-filters .search-filters-clear { min-width:118px!important; }
}

/* Finance module heroes use white text throughout the navy header. */
.fee-pending-page .module-hero h1,
.completed-received-page .module-hero h1 { color:#fff!important; }
.fee-pending-page .module-hero .module-breadcrumb,
.completed-received-page .module-hero .module-breadcrumb { color:#C7DCF1!important; }
.fee-pending-page .module-hero p,
.completed-received-page .module-hero p { color:rgba(255,255,255,.9)!important; }

/* Documents & Pending uses the same high-contrast navy hero treatment. */
.pending-page :is(.module-hero,.enterprise-page-header) h1 { color:#fff!important; }
.pending-page :is(.module-hero,.enterprise-page-header) :is(.module-breadcrumb,.enterprise-breadcrumb) { color:#C7DCF1!important; }
.pending-page :is(.module-hero,.enterprise-page-header) p { color:rgba(255,255,255,.9)!important; }

/* Documents & Pending keeps its title readable on the shared navy hero. */
.pending-page .enterprise-page-header h1 { color:#fff!important; }
.pending-page .enterprise-page-header .enterprise-breadcrumb { color:#C7DCF1!important; }
.pending-page .enterprise-page-header p { color:rgba(255,255,255,.9)!important; }

/* The completed register fills its card; extra columns scroll inside the register, never outside it. */
.completed-engagements-page .workflow-freeze-wrap {
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow:auto!important;
}
.completed-engagements-page .completed-engagement-table {
  width:100%!important;
  min-width:1450px!important;
  table-layout:fixed!important;
}
.completed-engagements-page .completed-engagement-table th:nth-child(14),
.completed-engagements-page .completed-engagement-table td:nth-child(14) {
  width:128px!important;
  min-width:128px!important;
  text-align:left!important;
}
.completed-engagements-page .completed-engagement-table td.actions {
  gap:4px!important;
  justify-content:flex-start!important;
}
.completed-engagements-page .completed-engagement-table td.actions button {
  padding:6px 7px!important;
  font-size:11px!important;
}
.completed-engagements-page .completed-remarks-cell {
  color:#405A77!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

/* New Quote: make client retrieval and list-building actions clear and consistently primary. */
.quote-editor-form .quote-client-master-fetch { display:flex!important; align-items:center!important; justify-content:space-between!important; gap:16px!important; padding:13px 14px!important; color:#244665!important; background:linear-gradient(90deg,#f3f8ff,#fbfdff)!important; border:1px solid #b9d2ef!important; border-left:4px solid #1769d5!important; border-radius:10px!important; }
.quote-client-master-fetch>div { display:grid!important; gap:3px!important; }.quote-client-master-fetch strong { color:#12365c!important; font-size:14px!important; font-weight:850!important; }.quote-client-master-fetch span { color:#5b7490!important; font-size:12px!important; font-weight:550!important; line-height:1.35!important; }
.quote-editor-form #q-fetch-client-master,.quote-editor-form #add-quote-term,.quote-editor-form #add-bank-detail { flex:0 0 auto!important; min-height:43px!important; padding:9px 15px!important; color:#fff!important; background:#1769d5!important; border:1px solid #1769d5!important; border-radius:9px!important; box-shadow:0 7px 15px rgba(23,105,213,.18)!important; font-size:14px!important; font-weight:800!important; white-space:nowrap!important; }
.quote-editor-form #q-fetch-client-master:hover,.quote-editor-form #add-quote-term:hover,.quote-editor-form #add-bank-detail:hover { background:#0f5bc1!important; border-color:#0f5bc1!important; filter:none!important; transform:translateY(-1px)!important; }
.quote-client-autocomplete { position:relative!important; }
.quote-client-results { position:absolute!important; z-index:60!important; top:calc(100% + 5px)!important; right:0!important; left:0!important; max-height:250px!important; overflow-y:auto!important; padding:5px!important; background:#fff!important; border:1px solid #9fc4f3!important; border-radius:9px!important; box-shadow:0 12px 28px rgba(16,55,100,.18)!important; }
.quote-client-result { display:grid!important; width:100%!important; gap:2px!important; padding:10px 11px!important; color:#14375f!important; text-align:left!important; background:#fff!important; border:0!important; border-radius:6px!important; box-shadow:none!important; }
.quote-client-result:hover,.quote-client-result:focus,.quote-client-result.active { background:#edf5ff!important; outline:0!important; transform:none!important; }
.quote-client-result strong { font-size:13px!important; font-weight:800!important; }.quote-client-result span { color:#5a718d!important; font-size:12px!important; font-weight:600!important; }
.quote-client-result-hint { display:block!important; padding:8px 10px!important; color:#395778!important; font-size:12px!important; font-weight:700!important; line-height:1.4!important; }
@media(max-width:560px) { .quote-editor-form .quote-client-master-fetch { align-items:stretch!important; flex-direction:column!important; }.quote-editor-form #q-fetch-client-master { width:100%!important; } }

/* Final desktop refinements for the Team & Access and Staff Performance registers. */
.team-access-page .team-access-hero .module-hero-header { width:100%!important; align-items:center!important; }
.team-access-page .team-access-hero .module-hero-controls { width:max-content!important; margin-left:auto!important; justify-self:end!important; }
.team-access-page .team-access-hero .module-hero-actions { width:max-content!important; margin-left:auto!important; justify-content:flex-end!important; }
.team-access-page .team-access-hero .user-add-button { min-height:36px!important; padding:0 12px!important; color:#1769D5!important; background:#fff!important; border-color:#B9D4F3!important; border-radius:8px!important; box-shadow:0 2px 5px rgba(7,27,59,.16)!important; font-size:12px!important; font-weight:750!important; }
.chat-redesign .chat-bubble.mine { color:#123B68!important; background:#DCEEFF!important; border-color:#B7D7F5!important; }
.chat-redesign .chat-bubble.mine .chat-bubble-meta,.chat-redesign .chat-bubble.mine .chat-bubble-meta span,.chat-redesign .chat-bubble.mine p { color:#123B68!important; }

/* Use the full desktop workspace width without changing compact mobile gutters. */
@media(min-width:821px) {
  .admin-workspace-shell .content { padding-left:10px!important; padding-right:10px!important; }
  .enterprise-page.team-access-page { padding-left:4px!important; padding-right:4px!important; }
}
.chat-redesign .chat-bubble.mine .chat-message-actions { color:#123B68!important; }
.performance-page .performance-table th:last-child,.performance-page .performance-table td:last-child { width:155px!important; min-width:155px!important; text-align:left!important; }
.performance-page .performance-table .actions { min-width:155px!important; justify-content:flex-start!important; gap:5px!important; flex-wrap:wrap!important; }

/* Client and quotation fetchers use one compact, readable white selection panel. */
.modal:has(.client-master-fetch-dialog) { align-items:center!important; justify-content:center!important; padding:18px!important; }
.modal-card:has(.client-master-fetch-dialog) { width:min(1180px,calc(100vw - 36px))!important; max-width:1180px!important; height:auto!important; max-height:calc(100dvh - 36px)!important; margin:auto!important; padding:0!important; overflow:auto!important; color:#183653!important; background:#fff!important; border:1px solid #D6E1EE!important; border-radius:14px!important; box-shadow:0 22px 60px rgba(7,27,59,.22)!important; }
.modal-card:has(.client-master-fetch-dialog) .modal-back { position:sticky!important; top:0!important; z-index:10!important; width:100%!important; min-height:48px!important; margin:0!important; padding:0 22px!important; color:#123B70!important; background:#F8FBFF!important; border:0!important; border-bottom:1px solid #D6E1EE!important; border-radius:14px 14px 0 0!important; font-size:14px!important; font-weight:850!important; text-align:left!important; }
.client-master-fetch-dialog { display:grid!important; gap:14px!important; padding:20px 22px 22px!important; color:#183653!important; background:#fff!important; }
.client-master-fetch-header { display:flex!important; align-items:flex-start!important; justify-content:space-between!important; gap:18px!important; padding-bottom:14px!important; border-bottom:1px solid #DDE6F0!important; }
.client-master-fetch-header>div { min-width:0!important; }.client-master-fetch-header span { display:block!important; margin-bottom:4px!important; color:#1769D5!important; font-size:11px!important; font-weight:850!important; letter-spacing:.08em!important; text-transform:uppercase!important; }.client-master-fetch-header h2 { margin:0!important; color:#102D4E!important; font-size:24px!important; font-weight:850!important; line-height:1.15!important; }.client-master-fetch-header p { margin:5px 0 0!important; color:#637991!important; font-size:13px!important; line-height:1.4!important; }.client-master-fetch-close { flex:0 0 auto!important; min-height:36px!important; padding:0 12px!important; color:#3F5875!important; background:#fff!important; border:1px solid #B8C5D3!important; border-radius:8px!important; box-shadow:none!important; font-size:12px!important; font-weight:800!important; }
.client-master-fetch-toolbar { display:flex!important; align-items:end!important; gap:10px!important; }.client-master-fetch-toolbar label { display:grid!important; flex:1 1 0!important; min-width:0!important; gap:6px!important; color:#12365C!important; font-size:12px!important; font-weight:850!important; }.client-master-fetch-toolbar input,.client-master-fetch-toolbar select { width:100%!important; min-height:42px!important; padding:9px 11px!important; color:#173A61!important; background:#fff!important; border:1px solid #BFD0E3!important; border-radius:8px!important; font-size:13px!important; }.quotation-fetch-toolbar label:last-child { flex:0 0 210px!important; }
.client-master-fetch-table-wrap { width:100%!important; max-width:100%!important; max-height:min(52dvh,480px)!important; overflow:auto!important; background:#fff!important; border:1px solid #C9D8E7!important; border-radius:10px!important; }.client-master-fetch-table { width:100%!important; min-width:0!important; table-layout:fixed!important; }.client-master-fetch-table col.client-fetch-name { width:24%; }.client-master-fetch-table col.client-fetch-cr { width:11%; }.client-master-fetch-table col.client-fetch-fy { width:8%; }.client-master-fetch-table col.client-fetch-service { width:20%; }.client-master-fetch-table col.client-fetch-bde { width:13%; }.client-master-fetch-table col.client-fetch-contact { width:14%; }.client-master-fetch-table col.client-fetch-action { width:10%; }
.client-master-fetch-table thead th { height:43px!important; padding:8px 9px!important; color:#102D4E!important; background:#E8EEF5!important; border-right:1px solid #C2D1E0!important; border-bottom:2px solid #9EB4CB!important; font-size:12px!important; font-weight:850!important; text-align:left!important; vertical-align:middle!important; }.client-master-fetch-table tbody td { padding:10px 9px!important; overflow:hidden!important; color:#294966!important; background:#fff!important; border-right:1px solid #D9E3ED!important; border-bottom:1px solid #D9E3ED!important; font-size:13px!important; text-overflow:ellipsis!important; vertical-align:middle!important; white-space:nowrap!important; }.client-master-fetch-table tbody tr:nth-child(even) td { background:#F8FAFC!important; }.client-master-fetch-table tbody td strong { color:#102D4E!important; font-size:13px!important; font-weight:800!important; }.client-master-fetch-table th:last-child,.client-master-fetch-table td:last-child { text-align:left!important; }.client-master-fetch-table td .secondary { min-height:32px!important; padding:5px 10px!important; color:#1769D5!important; background:#F4F8FF!important; border:1px solid #AFCBF1!important; border-radius:7px!important; font-size:12px!important; font-weight:800!important; }
.quotation-fetch-table { min-width:1540px!important; table-layout:auto!important; }.quotation-fetch-table-wrap { max-height:min(50dvh,460px)!important; }.quotation-fetch-table th,.quotation-fetch-table td { white-space:nowrap!important; }
@media(max-width:720px) { .modal:has(.client-master-fetch-dialog) { padding:0!important; }.modal-card:has(.client-master-fetch-dialog) { width:100vw!important; max-width:none!important; max-height:100dvh!important; border:0!important; border-radius:0!important; }.modal-card:has(.client-master-fetch-dialog) .modal-back { border-radius:0!important; }.client-master-fetch-dialog { padding:16px 14px 18px!important; }.client-master-fetch-header { gap:10px!important; }.client-master-fetch-header h2 { font-size:20px!important; }.client-master-fetch-toolbar { align-items:stretch!important; flex-direction:column!important; }.quotation-fetch-toolbar label:last-child { flex:1 1 auto!important; }.client-master-fetch-table-wrap { max-height:50dvh!important; } }

/* Main dashboard overview: scoped implementation of the supplied blue theme. */
.navy-arc-dashboard .dashboard-blue-overviews { --db-page:#111A2E; --db-panel:#182238; --db-panel-line:#293650; --db-card:#1E2A44; --db-card-line:#31405E; --db-ink:#F3F5F9; --db-muted:#93A0BC; --db-faint:#5F6B87; --db-primary:#4E8CFF; --db-primary-soft:#233A63; display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; align-items:stretch!important; width:min(calc(100% - 44px),1360px)!important; margin:0 auto!important; gap:22px!important; padding:26px!important; color:var(--db-ink)!important; background:radial-gradient(900px 500px at 15% -10%,#1C2740 0%,transparent 60%),radial-gradient(900px 500px at 85% 0%,#1C2740 0%,transparent 60%),var(--db-page)!important; border-radius:18px!important; }
.navy-arc-dashboard .dashboard-blue-panel { display:flex!important; flex-direction:column!important; min-width:0!important; padding:26px!important; color:var(--db-ink)!important; background:var(--db-panel)!important; border:1px solid var(--db-panel-line)!important; border-radius:18px!important; box-shadow:none!important; }
.navy-arc-dashboard .dashboard-blue-panel h2 { margin:0 0 18px!important; color:var(--db-ink)!important; font-family:Sora,Inter,Arial,sans-serif!important; font-size:18px!important; font-weight:600!important; letter-spacing:-.01em!important; line-height:1.25!important; }
.navy-arc-dashboard .dashboard-blue-hero { position:relative!important; display:flex!important; align-items:center!important; width:100%!important; min-height:112px!important; gap:18px!important; margin:0 0 18px!important; padding:20px 24px!important; overflow:hidden!important; color:#fff!important; text-align:left!important; background:linear-gradient(120deg,#2A4E92 0%,#234480 45%,#1E3A6E 100%)!important; border:1px solid #3E64AE!important; border-radius:14px!important; box-shadow:none!important; }
.navy-arc-dashboard .dashboard-blue-hero::before { position:absolute!important; top:0!important; bottom:0!important; left:0!important; width:4px!important; content:""!important; background:var(--db-primary)!important; }
.navy-arc-dashboard .dashboard-blue-hero:hover { color:#fff!important; background:linear-gradient(120deg,#3159a1 0%,#274b8d 45%,#203f78 100%)!important; border-color:#7398dd!important; transform:translateY(-2px)!important; }
.navy-arc-dashboard .dashboard-blue-hero-icon { display:grid!important; flex:0 0 56px!important; width:56px!important; height:56px!important; place-items:center!important; color:#BBD3FF!important; background:rgba(255,255,255,.08)!important; border:1px solid rgba(255,255,255,.16)!important; border-radius:14px!important; }
.navy-arc-dashboard .dashboard-blue-hero-icon svg { width:26px!important; height:26px!important; }
.navy-arc-dashboard .dashboard-blue-hero-copy { display:grid!important; flex:1 1 auto!important; min-width:0!important; gap:3px!important; }
.navy-arc-dashboard .dashboard-blue-hero-copy>span { color:#DCE6FA!important; font-size:14.5px!important; font-weight:600!important; }
.navy-arc-dashboard .dashboard-blue-hero-copy strong { color:#fff!important; font-family:Sora,Inter,Arial,sans-serif!important; font-size:38px!important; font-weight:700!important; letter-spacing:-.02em!important; line-height:1.1!important; }
.navy-arc-dashboard .dashboard-blue-hero-copy small { color:#AFC2E6!important; font-size:12.5px!important; font-weight:500!important; line-height:1.3!important; }
.navy-arc-dashboard .dashboard-blue-hero-divider { flex:0 0 1px!important; align-self:stretch!important; background:rgba(255,255,255,.14)!important; }
.navy-arc-dashboard .dashboard-blue-ring { flex:0 0 64px!important; width:64px!important; height:64px!important; }
.navy-arc-dashboard .dashboard-blue-ring circle { fill:none!important; stroke-width:5!important; }.navy-arc-dashboard .dashboard-blue-ring-track { stroke:rgba(255,255,255,.12)!important; }.navy-arc-dashboard .dashboard-blue-ring-value { stroke:#8FC2FF!important; stroke-linecap:round!important; transform:rotate(-90deg)!important; transform-origin:50% 50%!important; transition:stroke-dashoffset 1.1s cubic-bezier(.16,1,.3,1)!important; }
.navy-arc-dashboard .dashboard-blue-metric-grid { display:grid!important; gap:14px!important; }.navy-arc-dashboard .dashboard-blue-metric-grid-three { grid-template-columns:repeat(3,minmax(0,1fr))!important; margin-bottom:14px!important; }.navy-arc-dashboard .dashboard-blue-metric-grid-two { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
.navy-arc-dashboard .dashboard-blue-card { position:relative!important; display:flex!important; align-items:center!important; min-width:0!important; min-height:92px!important; gap:12px!important; padding:16px 16px 14px!important; overflow:hidden!important; color:var(--db-ink)!important; text-align:left!important; background:var(--db-card)!important; border:1px solid var(--db-card-line)!important; border-radius:12px!important; box-shadow:none!important; transition:transform .2s ease,border-color .2s ease,background .2s ease!important; }
.navy-arc-dashboard .dashboard-blue-card::before { position:absolute!important; top:0!important; right:0!important; left:0!important; height:2.5px!important; content:""!important; background:var(--db-primary)!important; border-radius:12px 12px 0 0!important; opacity:.85!important; }
.navy-arc-dashboard .dashboard-blue-card.is-wide { min-height:100px!important; padding:18px 18px 16px!important; }.navy-arc-dashboard .dashboard-blue-card:hover { color:var(--db-ink)!important; background:#242F49!important; border-color:var(--db-primary)!important; transform:translateY(-2px)!important; }
.navy-arc-dashboard .dashboard-blue-card-icon { display:grid!important; flex:0 0 38px!important; width:38px!important; height:38px!important; place-items:center!important; color:var(--db-primary)!important; background:var(--db-primary-soft)!important; border:1px solid rgba(78,140,255,.22)!important; border-radius:10px!important; }.navy-arc-dashboard .dashboard-blue-card-icon svg { width:18px!important; height:18px!important; }
.navy-arc-dashboard .dashboard-blue-card-copy { display:grid!important; min-width:0!important; gap:2px!important; }.navy-arc-dashboard .dashboard-blue-card-label { overflow:hidden!important; color:var(--db-ink)!important; font-size:12.5px!important; font-weight:600!important; line-height:1.25!important; text-overflow:ellipsis!important; white-space:nowrap!important; }.navy-arc-dashboard .dashboard-blue-card-copy strong { color:#fff!important; font-family:Sora,Inter,Arial,sans-serif!important; font-size:24px!important; font-weight:700!important; letter-spacing:-.01em!important; line-height:1.05!important; }.navy-arc-dashboard .dashboard-blue-card.is-zero .dashboard-blue-card-copy strong { color:var(--db-faint)!important; }.navy-arc-dashboard .dashboard-blue-card-copy small { overflow:hidden!important; color:var(--db-muted)!important; font-size:11.5px!important; font-weight:500!important; line-height:1.3!important; text-overflow:ellipsis!important; white-space:nowrap!important; }
.navy-arc-dashboard .dashboard-blue-card:focus-visible,.navy-arc-dashboard .dashboard-blue-hero:focus-visible { outline:3px solid #9FC5FF!important; outline-offset:3px!important; }
@media(max-width:980px) { .navy-arc-dashboard .dashboard-blue-overviews { grid-template-columns:1fr!important; } }
@media(max-width:700px) { .navy-arc-dashboard .dashboard-blue-overviews { width:calc(100% - 28px)!important; padding:14px!important; gap:14px!important; }.navy-arc-dashboard .dashboard-blue-panel { padding:18px!important; }.navy-arc-dashboard .dashboard-blue-metric-grid-three { grid-template-columns:1fr!important; }.navy-arc-dashboard .dashboard-blue-hero-copy strong { font-size:32px!important; } }
@media(max-width:480px) { .navy-arc-dashboard .dashboard-blue-metric-grid-two { grid-template-columns:1fr!important; }.navy-arc-dashboard .dashboard-blue-hero { flex-wrap:wrap!important; padding:18px!important; }.navy-arc-dashboard .dashboard-blue-hero-divider { display:none!important; }.navy-arc-dashboard .dashboard-blue-ring { margin-left:auto!important; } }

/* Dashboard layout correction: remove the legacy centred overview wrapper and align every live section to the dashboard grid. */
:root { --page-bg:#F7F9FC; --dark-surface:#182238; --dark-border:#293650; --metric-surface:#1E2A44; --metric-border:#31405E; --feature-start:#2A4E92; --feature-middle:#234480; --feature-end:#1E3A6E; --primary-blue:#4E8CFF; --primary-blue-dark:#2E6FE0; --primary-blue-soft:#233A63; --light-surface:#FFFFFF; --light-border:#D8E2EF; --dark-text:#16345B; --light-text:#F3F5F9; --muted-light:#93A0BC; --muted-dark:#64748B; --dashboard-gap:16px; --dashboard-card-gap:12px; }
.dashboard-shell .content { width:100%!important; max-width:none!important; margin:0!important; padding:0!important; }
.dashboard-shell .navy-arc-dashboard { width:100%!important; max-width:none!important; margin:0!important; display:flex!important; flex-direction:column!important; gap:var(--dashboard-gap)!important; }
.navy-arc-dashboard .dashboard-header { width:100%!important; max-width:none!important; min-height:0!important; padding:24px!important; background:radial-gradient(700px 320px at 88% 10%,rgba(78,140,255,.12),transparent 65%),var(--dark-surface)!important; border-color:var(--dark-border)!important; }
.navy-arc-dashboard .dashboard-header-top { grid-template-columns:minmax(360px,1fr) auto!important; gap:24px!important; }.navy-arc-dashboard .dashboard-header-bottom { grid-template-columns:minmax(0,1fr) 200px!important; gap:var(--dashboard-gap)!important; margin-top:20px!important; align-items:stretch!important; }.navy-arc-dashboard .enterprise-welcome-main { max-width:none!important; }.navy-arc-dashboard .enterprise-welcome h2 { white-space:nowrap!important; }
.navy-arc-dashboard .enterprise-controls { align-items:flex-start!important; }.navy-arc-dashboard .dashboard-command-bar { justify-content:flex-end!important; flex-wrap:wrap!important; gap:8px!important; }.navy-arc-dashboard .dashboard-command { min-height:40px!important; height:40px!important; padding:0 16px!important; font-weight:600!important; }.navy-arc-dashboard .daily-thought { min-height:56px!important; max-width:none!important; padding:10px 14px!important; }.navy-arc-dashboard .daily-thought-copy p { overflow:hidden!important; white-space:nowrap!important; text-overflow:ellipsis!important; }.navy-arc-dashboard .dashboard-period-row { width:200px!important; min-width:200px!important; min-height:56px!important; }
.navy-arc-dashboard .dashboard-blue-overviews { width:100%!important; max-width:none!important; margin:0!important; padding:0!important; gap:var(--dashboard-gap)!important; background:transparent!important; border-radius:0!important; }.navy-arc-dashboard .dashboard-blue-panel { min-width:0!important; height:100%!important; padding:20px!important; background:var(--dark-surface)!important; border-color:var(--dark-border)!important; }.navy-arc-dashboard .dashboard-blue-hero { min-height:112px!important; gap:18px!important; padding:18px 20px!important; background:linear-gradient(120deg,var(--feature-start),var(--feature-middle) 45%,var(--feature-end))!important; }.navy-arc-dashboard .dashboard-blue-metric-grid-three { gap:var(--dashboard-card-gap)!important; margin-top:14px!important; }.navy-arc-dashboard .dashboard-blue-metric-grid-two { gap:var(--dashboard-card-gap)!important; margin-top:12px!important; }.navy-arc-dashboard .dashboard-blue-card { min-height:82px!important; padding:13px 14px!important; background:var(--metric-surface)!important; border-color:var(--metric-border)!important; }.navy-arc-dashboard .dashboard-blue-card-label { overflow:visible!important; text-overflow:clip!important; white-space:normal!important; font-size:12px!important; line-height:1.25!important; }
.navy-arc-dashboard .enterprise-dashboard-grid { width:100%!important; max-width:none!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:var(--dashboard-gap)!important; padding:0!important; }.navy-arc-dashboard .enterprise-card { min-width:0!important; min-height:300px!important; padding:16px!important; color:var(--dark-text)!important; background:var(--light-surface)!important; border:1px solid var(--light-border)!important; border-left:4px solid var(--card-accent,#2563EB)!important; border-radius:14px!important; box-shadow:0 3px 12px rgba(15,45,80,.06)!important; }.navy-arc-dashboard .enterprise-card-heading h3 { font-size:18px!important; }.navy-arc-dashboard .enterprise-quotation-overview-card .quotation-overview-heading h3::before { content:"Quotation Pipeline"; font-size:inherit; }.navy-arc-dashboard .enterprise-quotation-overview-card .quotation-overview-heading h3 { font-size:0!important; }.navy-arc-dashboard .enterprise-quotation-overview-card .quotation-overview-heading h3::before { font-size:18px!important; }
@media(max-width:1200px) { .navy-arc-dashboard .enterprise-dashboard-grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; }.navy-arc-dashboard .dashboard-header-top { grid-template-columns:minmax(0,1fr)!important; }.navy-arc-dashboard .dashboard-command-bar { justify-content:flex-start!important; } }
@media(max-width:980px) { .dashboard-shell .content { padding:0!important; }.navy-arc-dashboard .dashboard-header-top,.navy-arc-dashboard .dashboard-header-bottom,.navy-arc-dashboard .dashboard-blue-overviews { grid-template-columns:1fr!important; }.navy-arc-dashboard .enterprise-welcome h2 { white-space:normal!important; }.navy-arc-dashboard .dashboard-period-row { width:100%!important; }.navy-arc-dashboard .daily-thought-copy p { white-space:normal!important; }.navy-arc-dashboard .enterprise-dashboard-grid { grid-template-columns:1fr!important; } }
@media(prefers-reduced-motion:reduce) { .navy-arc-dashboard .dashboard-blue-card,.navy-arc-dashboard .dashboard-blue-ring-value { transition:none!important; } }

/* Audit trail: reserve readable room for long activity, record and device details. */
.audit-trail-page .audit-trail-table { width:100%!important; min-width:1740px!important; table-layout:fixed!important; }
.audit-trail-page .audit-trail-table :is(th,td):nth-child(1) { width:82px!important; }
.audit-trail-page .audit-trail-table :is(th,td):nth-child(2) { width:120px!important; }
.audit-trail-page .audit-trail-table :is(th,td):nth-child(3) { width:140px!important; }
.audit-trail-page .audit-trail-table :is(th,td):nth-child(4) { width:175px!important; }
.audit-trail-page .audit-trail-table :is(th,td):nth-child(5) { width:175px!important; }
.audit-trail-page .audit-trail-table :is(th,td):nth-child(6) { width:175px!important; }
.audit-trail-page .audit-trail-table :is(th,td):nth-child(7) { width:135px!important; }
.audit-trail-page .audit-trail-table :is(th,td):nth-child(8) { width:235px!important; }
.audit-trail-page .audit-trail-table :is(th,td):nth-child(9) { width:135px!important; }
.audit-trail-page .audit-trail-table :is(th,td):nth-child(10) { width:290px!important; }
.audit-trail-page .audit-trail-table td { overflow-wrap:anywhere!important; word-break:normal!important; white-space:normal!important; }
.audit-trail-page .audit-trail-table td:nth-child(1),.audit-trail-page .audit-trail-table td:nth-child(2),.audit-trail-page .audit-trail-table td:nth-child(9) { text-align:center!important; white-space:nowrap!important; }

/* Dashboard header: actions stay top-right; the compact thought sits under the greeting. */
@media(min-width:981px) {
  .navy-arc-dashboard .dashboard-header { padding:20px 24px!important; }
  .navy-arc-dashboard .dashboard-header-top { grid-template-columns:minmax(0,1fr) auto!important; align-items:start!important; gap:20px!important; }
  .navy-arc-dashboard .enterprise-controls { align-items:flex-start!important; justify-content:flex-end!important; }
  .navy-arc-dashboard .dashboard-command-bar { min-height:0!important; justify-content:flex-end!important; }
  .navy-arc-dashboard .dashboard-header-bottom { grid-template-columns:minmax(0,760px) auto!important; align-items:center!important; gap:18px!important; margin-top:10px!important; }
  .navy-arc-dashboard .daily-thought { min-height:46px!important; max-width:760px!important; padding:7px 12px!important; }
  .navy-arc-dashboard .daily-thought-copy p { font-size:14px!important; line-height:1.25!important; }
  .navy-arc-dashboard .daily-thought-copy>strong { font-size:13px!important; }
  .navy-arc-dashboard .daily-thought-bulb { width:32px!important; height:32px!important; flex-basis:32px!important; border-radius:9px!important; font-size:18px!important; }
  .navy-arc-dashboard .dashboard-period-row { min-height:46px!important; }
}

/* Sidebar: align navigation with the dark Engagement Overview visual language. */
.sidebar {
  background:radial-gradient(460px 300px at 100% -8%,rgba(78,140,255,.16),transparent 62%),#182238!important;
  border-right:1px solid #293650!important;
}
.side-brand.app-badge { background:transparent!important; border-bottom-color:#293650!important; }
.sidebar-logo-surface { background:#FFFFFF!important; border-color:#D8E2EF!important; box-shadow:none!important; }
.sidebar-scroll { scrollbar-color:#42506C transparent!important; }
.nav-label { color:#AFC0D8!important; background:rgba(255,255,255,.025)!important; border-color:rgba(175,192,216,.12)!important; }
.nav-label:hover { color:#F3F5F9!important; background:rgba(78,140,255,.10)!important; border-color:rgba(78,140,255,.35)!important; }
.nav button { color:#DCE6F5!important; background:rgba(255,255,255,.022)!important; border-color:rgba(175,192,216,.11)!important; box-shadow:none!important; }
.nav button:hover { color:#FFFFFF!important; background:#233A63!important; border-color:rgba(78,140,255,.42)!important; }
.nav button.active { color:#FFFFFF!important; background:linear-gradient(110deg,#2A4E92,#234480)!important; border-color:#4E8CFF!important; box-shadow:inset 3px 0 0 #8FC2FF!important; }
.nav-badge { color:#DCE8F8!important; background:#31405E!important; }
.side-footer { background:#182238!important; border-color:#293650!important; box-shadow:none!important; }
.side-footer .side-user { background:transparent!important; }
.side-footer-actions { display:grid!important; grid-template-columns:1fr 1fr!important; border-top:1px solid rgba(255,255,255,.10)!important; }
.side-footer .logout-btn,
.side-footer .sidebar-collapse {
  width:100%!important;
  min-width:0!important;
  height:42px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  margin:0!important;
  padding:0 8px!important;
  color:#DCE8F8!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  font-size:12px!important;
  font-weight:700!important;
}
.side-footer .logout-btn { border-right:1px solid rgba(255,255,255,.10)!important; }
.side-footer .sidebar-collapse svg { width:16px!important; height:16px!important; transform:none!important; }
.side-footer .logout-btn:hover,.side-footer .sidebar-collapse:hover { color:#FFFFFF!important; background:#233A63!important; }
.sidebar-collapsed .side-footer .side-footer-actions { grid-template-columns:1fr!important; }
.sidebar-collapsed .side-footer .logout-btn { border-right:0!important; border-bottom:1px solid rgba(255,255,255,.10)!important; }
.sidebar-collapsed .side-footer .logout-label,.sidebar-collapsed .side-footer .sidebar-collapse-label { display:none!important; }
.side-footer {
  margin:0 10px 10px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.side-footer .side-user {
  min-height:64px!important;
  padding:11px 12px!important;
  background:linear-gradient(90deg,rgba(255,255,255,.055),rgba(255,255,255,.018))!important;
  border:1px solid rgba(157,190,230,.14)!important;
  border-radius:10px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 3px 9px rgba(3,13,29,.09)!important;
}
.side-footer-actions {
  grid-template-columns:minmax(0,1fr) 42px!important;
  margin-top:8px!important;
  background:linear-gradient(90deg,rgba(255,255,255,.055),rgba(255,255,255,.018))!important;
  border:1px solid rgba(157,190,230,.14)!important;
  border-radius:10px!important;
  overflow:hidden!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 3px 9px rgba(3,13,29,.09)!important;
}
.side-footer .logout-btn,
.side-footer .sidebar-collapse {
  height:42px!important;
  color:#DCE8F8!important;
  background:transparent!important;
}
.side-footer .logout-btn { justify-content:flex-start!important; border-right:1px solid rgba(157,190,230,.14)!important; }
.side-footer .sidebar-collapse { width:42px!important; padding:0!important; justify-content:center!important; }
.side-footer .sidebar-collapse svg { width:17px!important; height:17px!important; transform:none!important; }
.side-footer .logout-btn:hover,
.side-footer .sidebar-collapse:hover { color:#FFFFFF!important; background:#233A63!important; }
.sidebar-collapsed .side-footer .side-footer-actions { grid-template-columns:1fr!important; }
.sidebar-collapsed .side-footer .logout-btn { border-right:0!important; border-bottom:1px solid rgba(157,190,230,.14)!important; }
.sidebar-collapsed .side-footer .sidebar-collapse { position:static!important; display:inline-flex!important; width:100%!important; height:42px!important; color:#DCE8F8!important; background:transparent!important; border:0!important; box-shadow:none!important; transform:none!important; }
.sidebar-collapsed .side-footer .sidebar-collapse-icon svg { transform:scaleX(-1)!important; }
@media(max-width:980px) {
  .side-footer .sidebar-collapse { display:none!important; }
  .side-footer-actions { grid-template-columns:1fr!important; }
}

/* Quotation pipeline: six equal metrics with compact, clear line icons. */
.dashboard-shell .navy-arc-dashboard .enterprise-quotation-overview-card .quotation-overview-metrics-six {
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-template-rows:repeat(3,minmax(0,1fr))!important;
  flex:1 1 auto!important;
  gap:10px!important;
}
.dashboard-shell .navy-arc-dashboard .enterprise-quotation-overview-card .quotation-overview-metric {
  min-height:0!important;
  height:100%!important;
  align-content:center!important;
  justify-content:center!important;
  grid-template-columns:38px minmax(0,max-content)!important;
  grid-template-rows:auto auto!important;
  gap:0 9px!important;
  padding:10px!important;
  text-align:left!important;
}
.dashboard-shell .navy-arc-dashboard .enterprise-quotation-overview-card .quotation-overview-metric > span {
  grid-row:1 / 3!important;
  width:32px!important;
  height:32px!important;
  color:#AFCBFF!important;
  background:#233A63!important;
  border:1px solid rgba(143,194,255,.25)!important;
  border-radius:9px!important;
}
.dashboard-shell .navy-arc-dashboard .enterprise-quotation-overview-card .quotation-overview-metric > span svg {
  width:17px!important;
  height:17px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.9!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.dashboard-shell .navy-arc-dashboard .enterprise-quotation-overview-card .quotation-overview-metric small {
  align-self:end!important;
  font-size:10.5px!important;
  line-height:1.1!important;
}
.dashboard-shell .navy-arc-dashboard .enterprise-quotation-overview-card .quotation-overview-metric strong {
  align-self:start!important;
  margin-top:1px!important;
  font-size:27px!important;
  line-height:1!important;
}
@media(max-width:480px) {
  .dashboard-shell .navy-arc-dashboard .enterprise-quotation-overview-card .quotation-overview-metrics-six { grid-template-columns:1fr!important; }
}

/* Staff Performance: keep the key dashboard cards compact and fully visible on desktop. */
@media(min-width:1181px) {
  .performance-page .performance-tabs-section,
  .performance-page .performance-visual-grid {
    width:80%!important;
    margin-inline:auto!important;
  }
  .performance-page .performance-visual-grid {
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
  }
  .performance-page .performance-chart-card,
  .performance-page .performance-workload-card { padding:14px!important; }
  .performance-page .performance-chart { height:168px!important; }
  .performance-page .performance-staff-list { gap:8px!important; margin-top:10px!important; }
}

/* Final dashboard overview trio: use the same navy surface as Engagement and Quotation Overview. */
.dashboard-shell .navy-arc-dashboard .enterprise-dashboard-grid > .enterprise-status-card,
.dashboard-shell .navy-arc-dashboard .enterprise-dashboard-grid > .enterprise-deadlines-card,
.dashboard-shell .navy-arc-dashboard .enterprise-dashboard-grid > .enterprise-quotation-overview-card {
  box-sizing:border-box!important;
  height:384px!important;
  min-height:384px!important;
  padding:18px!important;
  color:#F3F5F9!important;
  background:#182238!important;
  border:1px solid #293650!important;
  border-left:4px solid #4E8CFF!important;
  border-radius:14px!important;
  box-shadow:none!important;
}
.dashboard-shell .navy-arc-dashboard .enterprise-status-card .enterprise-card-heading,
.dashboard-shell .navy-arc-dashboard .enterprise-deadlines-card .enterprise-card-heading,
.dashboard-shell .navy-arc-dashboard .enterprise-quotation-overview-card .enterprise-card-heading {
  margin-bottom:14px!important;
  padding:0 0 13px!important;
  background:transparent!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.14)!important;
  border-radius:0!important;
}
.dashboard-shell .navy-arc-dashboard .enterprise-status-card :is(h3,strong,b),
.dashboard-shell .navy-arc-dashboard .enterprise-deadlines-card :is(h3,strong,b),
.dashboard-shell .navy-arc-dashboard .enterprise-quotation-overview-card :is(h3,strong,b) { color:#FFFFFF!important; }
.dashboard-shell .navy-arc-dashboard .enterprise-status-card :is(p,small,em,footer),
.dashboard-shell .navy-arc-dashboard .enterprise-deadlines-card :is(p,small),
.dashboard-shell .navy-arc-dashboard .enterprise-quotation-overview-card :is(p,small) { color:#AFC0D8!important; }
.dashboard-shell .navy-arc-dashboard .enterprise-status-card .enterprise-status-legend button {
  color:#DCE8F8!important;
  background:transparent!important;
  border-bottom:1px solid rgba(255,255,255,.13)!important;
}
.dashboard-shell .navy-arc-dashboard .enterprise-deadlines-card .enterprise-deadline,
.dashboard-shell .navy-arc-dashboard .enterprise-quotation-overview-card .quotation-overview-metric,
.dashboard-shell .navy-arc-dashboard .enterprise-quotation-overview-card .quotation-overview-metric.is-pending,
.dashboard-shell .navy-arc-dashboard .enterprise-quotation-overview-card .quotation-overview-metric.is-approved,
.dashboard-shell .navy-arc-dashboard .enterprise-quotation-overview-card .quotation-overview-metric.is-expiring,
.dashboard-shell .navy-arc-dashboard .enterprise-quotation-overview-card .quotation-overview-summary > :is(div,button) {
  color:#F3F5F9!important;
  background:#1E2A44!important;
  border-color:#31405E!important;
  box-shadow:none!important;
}
.dashboard-shell .navy-arc-dashboard .enterprise-deadlines-card .enterprise-deadline time,
.dashboard-shell .navy-arc-dashboard .enterprise-quotation-overview-card .quotation-overview-metric > span {
  color:#C6D9FF!important;
  background:#233A63!important;
}
.dashboard-shell .navy-arc-dashboard .enterprise-quotation-overview-card::after { border-color:rgba(78,140,255,.14)!important; }
@media(max-width:760px) {
  .dashboard-shell .navy-arc-dashboard .enterprise-dashboard-grid > .enterprise-status-card,
  .dashboard-shell .navy-arc-dashboard .enterprise-dashboard-grid > .enterprise-deadlines-card,
  .dashboard-shell .navy-arc-dashboard .enterprise-dashboard-grid > .enterprise-quotation-overview-card { height:auto!important; min-height:384px!important; }
}

/* Dashboard interactions share the approved visual language while exposing a clear, accessible affordance. */
.navy-arc-dashboard .dashboard-blue-panel-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:12px; }
.navy-arc-dashboard .dashboard-blue-panel-heading h2 { margin:0!important; }
.navy-arc-dashboard .dashboard-overview-report { min-height:34px!important; padding:0 10px!important; color:#E8F1FF!important; background:transparent!important; border:1px solid rgba(147,190,255,.58)!important; border-radius:8px!important; font-size:11px!important; font-weight:800!important; white-space:nowrap!important; }
.navy-arc-dashboard .dashboard-overview-report:hover { color:#fff!important; background:#244A86!important; border-color:#79ADFF!important; }
.navy-arc-dashboard :is(.dashboard-blue-hero,.dashboard-blue-card,.quotation-overview-metric,.enterprise-status-legend button,.enterprise-deadline) { cursor:pointer; transition:transform 180ms ease,border-color 180ms ease,background-color 180ms ease,box-shadow 180ms ease!important; }
.navy-arc-dashboard :is(.dashboard-blue-hero,.dashboard-blue-card,.quotation-overview-metric,.enterprise-status-legend button,.enterprise-deadline):hover { transform:translateY(-2px); border-color:#4E8CFF!important; box-shadow:0 8px 20px rgba(0,0,0,.16)!important; }
.navy-arc-dashboard :is(.dashboard-blue-hero,.dashboard-blue-card,.quotation-overview-metric,.enterprise-status-legend button,.enterprise-deadline,.dashboard-overview-report,[data-status-chart]):focus-visible { outline:3px solid rgba(143,194,255,.9)!important; outline-offset:3px!important; }
.navy-arc-dashboard .dashboard-blue-hero-divider,.navy-arc-dashboard .dashboard-blue-ring { pointer-events:none!important; }
.navy-arc-dashboard .enterprise-deadline>i { margin-left:auto; color:#9FC6FF; font-size:21px; font-style:normal; line-height:1; }
@media(max-width:600px) { .navy-arc-dashboard .dashboard-blue-panel-heading { align-items:flex-start; flex-direction:column; }.navy-arc-dashboard .dashboard-overview-report { width:100%; min-height:42px!important; }.navy-arc-dashboard .dashboard-blue-panel-heading h2 { font-size:19px!important; } }

/* Main dashboard: fluid card grids that retain readable cards at every screen size. */
.navy-arc-dashboard .enterprise-kpis {
  width:100%!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:14px!important;
}
.navy-arc-dashboard :is(.enterprise-kpi,.enterprise-card,.dashboard-blue-card) {
  min-width:0!important;
  overflow:hidden!important;
}
.navy-arc-dashboard .enterprise-dashboard-grid {
  width:100%!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-items:stretch!important;
}
.navy-arc-dashboard .enterprise-dashboard-grid > .enterprise-card { height:100%!important; }
.navy-arc-dashboard .dashboard-blue-metric-grid-three { grid-template-columns:repeat(3,minmax(0,1fr))!important; }
.navy-arc-dashboard .dashboard-blue-metric-grid-two { grid-template-columns:repeat(2,minmax(0,1fr))!important; }

@media(max-width:1300px) {
  .navy-arc-dashboard .enterprise-kpis { grid-template-columns:repeat(3,minmax(0,1fr))!important; }
  .navy-arc-dashboard .enterprise-dashboard-grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
}
@media(max-width:820px) {
  .navy-arc-dashboard .enterprise-kpis { grid-template-columns:repeat(2,minmax(0,1fr))!important; padding-inline:16px!important; }
  .navy-arc-dashboard .enterprise-dashboard-grid { grid-template-columns:1fr!important; padding-inline:16px!important; }
  .navy-arc-dashboard .dashboard-blue-metric-grid-three,
  .navy-arc-dashboard .dashboard-blue-metric-grid-two { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
}
@media(max-width:520px) {
  .navy-arc-dashboard .enterprise-kpis { grid-template-columns:1fr!important; padding-inline:12px!important; }
  .navy-arc-dashboard .enterprise-dashboard-grid { padding-inline:12px!important; }
  .navy-arc-dashboard .dashboard-blue-metric-grid-three,
  .navy-arc-dashboard .dashboard-blue-metric-grid-two { grid-template-columns:1fr!important; }
  .navy-arc-dashboard .enterprise-kpi { min-height:124px!important; }
}

/* Dashboard header: grid layout keeps the greeting, thought and action tray independent. */
.navy-arc-dashboard .dashboard-header {
  position:relative!important;
  width:100%!important;
  min-height:204px!important;
  padding:20px 24px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
.navy-arc-dashboard .dashboard-header-top {
  position:relative!important;
  z-index:2!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) max-content!important;
  grid-template-areas:"content actions"!important;
  align-items:start!important;
  column-gap:28px!important;
  width:100%!important;
  height:100%!important;
}
.navy-arc-dashboard .enterprise-welcome-main {
  grid-area:content!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  min-width:0!important;
  width:100%!important;
  max-width:none!important;
  padding:0!important;
}
.navy-arc-dashboard .enterprise-welcome h2 {
  width:100%!important;
  max-width:none!important;
  margin:6px 0 4px!important;
  overflow:visible!important;
  font-size:clamp(30px,2.4vw,40px)!important;
  line-height:1.08!important;
  white-space:nowrap!important;
}
.navy-arc-dashboard .enterprise-welcome-main > p {
  width:auto!important;
  max-width:none!important;
  margin:0!important;
  overflow:visible!important;
  font-size:14px!important;
  line-height:1.4!important;
  white-space:nowrap!important;
}
.navy-arc-dashboard .enterprise-controls {
  grid-area:actions!important;
  position:static!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  width:max-content!important;
  max-width:100%!important;
  padding:0!important;
}
.navy-arc-dashboard .dashboard-command-bar {
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex-wrap:nowrap!important;
  width:max-content!important;
  max-width:100%!important;
  min-height:52px!important;
  gap:8px!important;
  padding:8px!important;
  overflow:visible!important;
  background:#FFFFFF!important;
  border:1px solid #D8E3F0!important;
  border-radius:10px!important;
  box-shadow:0 2px 7px rgba(15,43,76,.12)!important;
}
.navy-arc-dashboard .dashboard-command {
  min-height:36px!important;
  height:36px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  padding:0 13px!important;
  white-space:nowrap!important;
  box-sizing:border-box!important;
}
.navy-arc-dashboard .enterprise-welcome-main .daily-thought {
  display:flex!important;
  align-items:center!important;
  width:fit-content!important;
  max-width:min(760px,100%)!important;
  min-height:42px!important;
  margin-top:12px!important;
  padding:8px 12px!important;
  overflow:visible!important;
  background:#FFFFFF!important;
  border:1px solid #D8E3F0!important;
  border-radius:9px!important;
  box-shadow:0 2px 6px rgba(15,43,76,.08)!important;
  box-sizing:border-box!important;
}
.navy-arc-dashboard .daily-thought-copy { min-width:0!important; flex-wrap:wrap!important; }
.navy-arc-dashboard .daily-thought-copy p { overflow:visible!important; text-overflow:clip!important; white-space:normal!important; }
@media(max-width:1180px) {
  .navy-arc-dashboard .dashboard-header { min-height:auto!important; }
  .navy-arc-dashboard .dashboard-header-top { grid-template-columns:1fr!important; grid-template-areas:"content" "actions"!important; row-gap:14px!important; }
  .navy-arc-dashboard .enterprise-controls { width:100%!important; justify-content:flex-start!important; padding:0!important; }
  .navy-arc-dashboard .dashboard-command-bar { width:100%!important; justify-content:flex-start!important; flex-wrap:wrap!important; }
  .navy-arc-dashboard .enterprise-welcome h2,.navy-arc-dashboard .enterprise-welcome-main > p { white-space:normal!important; }
  .navy-arc-dashboard .enterprise-welcome-main .daily-thought { width:100%!important; max-width:100%!important; }
}

/* Dashboard frame: halve the desktop gutter between the navigation rail and live cards. */
@media(min-width:981px) {
  .shell:has(.navy-arc-dashboard) {
    gap:8px!important;
    padding:8px!important;
  }
}

/* Documents & Pending: make every heading except Client Name centrally aligned and reserve action room. */
.pending-table thead th { text-align:center!important; }
.pending-table thead th:nth-child(2) { text-align:left!important; }
.pending-table th:nth-child(11),
.pending-table td:nth-child(11) { width:150px!important; min-width:150px!important; max-width:150px!important; }
.pending-table th:nth-child(12),
.pending-table td:nth-child(12) { width:130px!important; min-width:130px!important; max-width:130px!important; }

/* Dashboard create actions use the same white outlined treatment as My Task exports. */
.navy-arc-dashboard .dashboard-command-client {
  color:#087443!important;
  background:#fff!important;
  border-color:#C7DFD2!important;
}
.navy-arc-dashboard .dashboard-command-primary {
  color:#175CD3!important;
  background:#fff!important;
  border-color:#A9CBF5!important;
}
.navy-arc-dashboard .dashboard-command-quote {
  color:#C3374A!important;
  background:#fff!important;
  border-color:#EFC9D0!important;
}
.navy-arc-dashboard :is(.dashboard-command-client,.dashboard-command-primary,.dashboard-command-quote):hover {
  background:#F6F9FF!important;
  filter:none!important;
}

/* Dashboard header actions must retain readable labels on hover. */
.navy-arc-dashboard .dashboard-command:hover { filter:none!important; }
.navy-arc-dashboard .dashboard-command-chat:hover { color:#5B21B6!important; background:#EDE9FE!important; border-color:#C4B5FD!important; }
.navy-arc-dashboard .dashboard-notification-command:hover { color:#9F1D15!important; background:#FFE8E5!important; border-color:#F2AFA8!important; }
.navy-arc-dashboard .dashboard-command-client:hover { color:#087443!important; background:#F0FDF4!important; border-color:#A7E5C0!important; }
.navy-arc-dashboard .dashboard-command-primary:hover { color:#175CD3!important; background:#EFF6FF!important; border-color:#9FC6F3!important; }
.navy-arc-dashboard .dashboard-command-quote:hover { color:#C3374A!important; background:#FFF5F6!important; border-color:#EFC9D0!important; }

/* Dashboard hero actions match the shared Client Master action tray. */
.navy-arc-dashboard .dashboard-command-bar {
  min-height:54px!important;
  gap:8px!important;
  padding:8px!important;
  background:#FFFFFF!important;
  border:1px solid #D8E3F0!important;
  border-radius:10px!important;
  box-shadow:0 2px 8px rgba(15,45,80,.10)!important;
}
.navy-arc-dashboard .dashboard-command {
  min-height:36px!important;
  height:36px!important;
  padding:0 11px!important;
  color:#12345B!important;
  background:#FFFFFF!important;
  border:1px solid #BFD0E2!important;
  border-radius:7px!important;
  box-shadow:none!important;
  font-size:12px!important;
  font-weight:600!important;
}
.navy-arc-dashboard .dashboard-command-chat { color:#12345B!important; background:#FFFFFF!important; border-color:#BFD0E2!important; }
.navy-arc-dashboard .dashboard-notification-command { color:#12345B!important; background:#FFFFFF!important; border-color:#BFD0E2!important; }
.navy-arc-dashboard .dashboard-command-client { color:#00864B!important; background:#FFFFFF!important; border-color:#42B883!important; }
.navy-arc-dashboard .dashboard-command-primary { color:#175CD3!important; background:#FFFFFF!important; border-color:#A9CBF5!important; }
.navy-arc-dashboard .dashboard-command-quote { color:#FFFFFF!important; background:#176EDB!important; border-color:#4E8CFF!important; }
.navy-arc-dashboard .dashboard-command:hover { transform:none!important; filter:none!important; }
.navy-arc-dashboard .dashboard-command-chat:hover { color:#0B4FAA!important; background:#F6F9FF!important; border-color:#AFC9EC!important; }
.navy-arc-dashboard .dashboard-notification-command:hover { color:#B42318!important; background:#FFF5F6!important; border-color:#F08B98!important; }
.navy-arc-dashboard .dashboard-command-client:hover { color:#00864B!important; background:#F0FDF4!important; border-color:#42B883!important; }
.navy-arc-dashboard .dashboard-command-primary:hover { color:#175CD3!important; background:#EFF6FF!important; border-color:#A9CBF5!important; }
.navy-arc-dashboard .dashboard-command-quote:hover { color:#FFFFFF!important; background:#0F60C7!important; border-color:#377BE3!important; }

/* Match the tall, top-spaced module heroes across the remaining operational workspaces. */
@media(min-width:821px) {
  .enterprise-page.pending-page,
  .enterprise-page.fee-pending-page,
  .enterprise-page.completed-received-page,
  .performance-page,
  .enterprise-page.engagement-reports-page {
    padding-top:10px!important;
  }
  .pending-page :is(.module-hero.enterprise-module-hero,.enterprise-page-header),
  .fee-pending-page .enterprise-page-header,
  .completed-received-page .enterprise-page-header,
  .performance-page .performance-page-header,
  .engagement-reports-page .enterprise-page-header {
    min-height:134px!important;
    display:flex!important;
    align-items:center!important;
  }
}
@media(max-width:820px) {
  /* Finance registers use an additional centimetre of desktop hero space. */
  .fee-pending-page .enterprise-page-header,
  .completed-received-page .enterprise-page-header { min-height:172px!important; }

  .enterprise-page.pending-page,
  .enterprise-page.fee-pending-page,
  .enterprise-page.completed-received-page,
  .performance-page,
  .enterprise-page.engagement-reports-page { padding-top:0!important; }
  .pending-page :is(.module-hero.enterprise-module-hero,.enterprise-page-header),
  .fee-pending-page .enterprise-page-header,
  .completed-received-page .enterprise-page-header,
  .performance-page .performance-page-header,
  .engagement-reports-page .enterprise-page-header { min-height:0!important; }
}