/*!*************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./app/globals.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************/
:root {
  color-scheme: dark;
}

* {
  box-sizing: border-box;
}

html, body {
  margin: 0;
  padding: 0;
  font-family: Inter, Arial, sans-serif;
  background: #0b1020;
  color: #f3f4f6;
}

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

body {
  min-height: 100vh;
}

.page {
  max-width: 1320px;
  margin: 0 auto;
  padding: 32px 20px 56px;
}

.hero {
  display: grid;
  grid-gap: 16px;
  gap: 16px;
  margin-bottom: 28px;
}

.hero h1 {
  font-size: 42px;
  margin: 0;
}

.hero p {
  margin: 0;
  color: #cbd5e1;
  max-width: 880px;
  line-height: 1.6;
}

.grid {
  display: grid;
  grid-gap: 16px;
  gap: 16px;
}

.grid.cards {
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.card {
  background: #11182d;
  border: 1px solid #1f2a44;
  border-radius: 18px;
  padding: 18px;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.16);
}

.muted {
  color: #94a3b8;
}

.metrics {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  grid-gap: 12px;
  gap: 12px;
}

.metric {
  background: #16213a;
  border-radius: 14px;
  padding: 14px;
}

.metric .label {
  font-size: 12px;
  color: #94a3b8;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.metric .value {
  font-size: 24px;
  font-weight: 700;
  margin-top: 8px;
}

.row {
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
}

button, .button {
  border: 0;
  border-radius: 12px;
  padding: 10px 14px;
  background: #3b82f6;
  color: white;
  cursor: pointer;
  font-weight: 600;
}

button.secondary, .button.secondary {
  background: #243250;
}

button.danger {
  background: #b91c1c;
}

input, textarea, select {
  width: 100%;
  border-radius: 12px;
  border: 1px solid #2a3a5f;
  background: #0f172a;
  color: white;
  padding: 10px 12px;
}

textarea {
  min-height: 96px;
  resize: vertical;
}

.formGrid {
  display: grid;
  grid-gap: 10px;
  gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.tableWrap {
  overflow-x: auto;
}

table {
  width: 100%;
  border-collapse: collapse;
}

th, td {
  text-align: left;
  padding: 12px 10px;
  border-bottom: 1px solid #1f2a44;
  vertical-align: top;
}

th {
  font-size: 12px;
  color: #94a3b8;
  text-transform: uppercase;
}

.badge {
  display: inline-flex;
  padding: 4px 10px;
  border-radius: 999px;
  background: #1d4ed8;
  font-size: 12px;
}

.small {
  font-size: 12px;
}

.workspace {
  display: grid;
  grid-gap: 18px;
  gap: 18px;
}

.twoCols {
  display: grid;
  grid-gap: 18px;
  gap: 18px;
  grid-template-columns: 1.4fr 1fr;
}

.list {
  display: grid;
  grid-gap: 12px;
  gap: 12px;
}

.listItem {
  border: 1px solid #1f2a44;
  border-radius: 14px;
  padding: 14px;
  background: #0f172a;
}

.errorBox {
  border: 1px solid #7f1d1d;
  background: rgba(127, 29, 29, 0.25);
  color: #fecaca;
  padding: 12px 14px;
  border-radius: 12px;
}

.successBox {
  border: 1px solid #14532d;
  background: rgba(20, 83, 45, 0.25);
  color: #bbf7d0;
  padding: 12px 14px;
  border-radius: 12px;
}

@media (max-width: 900px) {
  .twoCols {
    grid-template-columns: 1fr;
  }

  .hero h1 {
    font-size: 32px;
  }
}

/* BrokerCRM product pass */
.crmShell {
  --bg0: #070b16;
  --bg1: #0c1424;
  --bg2: #121d33;
  --line: #24314f;
  --text: #eef4ff;
  --muted2: #8da0bd;
  --blue: #4b8dff;
  --blue2: #1d4ed8;
  --green: #4ade80;
  --coral: #fb7185;
  --cyan: #67e8f9;
  font-size: 14px;
}

.topLine {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}

.topLine h1 {
  margin: 4px 0 0;
  font-size: 26px;
  letter-spacing: -0.02em;
}

.eyebrow {
  font-size: 11px;
  color: var(--cyan);
  text-transform: uppercase;
  letter-spacing: .12em;
}

.topActions {
  display: flex;
  gap: 10px;
}

.mainNav {
  display: flex;
  gap: 8px;
  background: rgba(12, 20, 36, .72);
  border: 1px solid var(--line);
  border-radius: 18px;
  padding: 6px;
  position: -webkit-sticky;
  position: sticky;
  top: 10px;
  z-index: 5;
  -webkit-backdrop-filter: blur(12px);
          backdrop-filter: blur(12px);
}

.mainNav button {
  background: transparent;
  color: var(--muted2);
  border: 1px solid transparent;
  padding: 9px 14px;
}

.mainNav button.active {
  color: white;
  border-color: rgba(75, 141, 255, .45);
  background: linear-gradient(135deg, rgba(75,141,255,.28), rgba(103,232,249,.08));
}

.homeGrid {
  display: grid;
  grid-template-columns: 1.35fr .65fr;
  grid-gap: 16px;
  gap: 16px;
}

.heroPanel {
  background: radial-gradient(circle at 20% 10%, rgba(75,141,255,.32), transparent 34%), linear-gradient(135deg, #0d1b34, #090d18);
  border: 1px solid rgba(75,141,255,.28);
  border-radius: 24px;
  padding: 24px;
}

.heroPanel h2 {
  max-width: 720px;
  font-size: 30px;
  line-height: 1.08;
  margin: 8px 0 22px;
}

.signalGrid, .financeStrip, .miniMetrics {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
  grid-gap: 10px;
  gap: 10px;
}

.signalGrid div, .financeStrip div, .miniMetrics div {
  background: rgba(255,255,255,.045);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 16px;
  padding: 12px;
}

.signalGrid span, .financeStrip span, .miniMetrics span {
  display: block;
  color: var(--muted2);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.signalGrid strong, .financeStrip strong, .miniMetrics strong {
  display: block;
  margin-top: 6px;
  font-size: 20px;
}

.good { color: var(--green); }
.bad, .dangerText { color: var(--coral); }

.accentCard {
  background: linear-gradient(180deg, rgba(75,141,255,.18), rgba(18,29,51,.9));
}

.accentCard h3 { margin-top: 0; }
.bigMoney {
  font-size: 28px;
  font-weight: 800;
  margin: 10px 0 6px;
}

.miniLine {
  display: flex;
  justify-content: space-between;
  margin-top: 18px;
  padding-top: 14px;
  border-top: 1px solid var(--line);
}

.sectionTitle {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  margin-bottom: 14px;
}

.sectionTitle h2, .sectionTitle h3, .card h3 {
  margin-top: 0;
  margin-bottom: 0;
  letter-spacing: -0.01em;
}

.objectsLayout {
  display: grid;
  grid-template-columns: 390px minmax(0, 1fr);
  grid-gap: 16px;
  gap: 16px;
  align-items: start;
}

.catalogPanel {
  position: -webkit-sticky;
  position: sticky;
  top: 76px;
  max-height: calc(100vh - 96px);
  overflow: auto;
}

.filtersLine {
  display: grid;
  grid-gap: 8px;
  gap: 8px;
  margin-bottom: 12px;
}

.objectList, .compactList {
  display: grid;
  grid-gap: 8px;
  gap: 8px;
}

.objectRow, .clientRow, .matchItem, .workItem, .taskCard {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  text-align: left;
  background: rgba(15, 23, 42, .9);
  border: 1px solid var(--line);
  color: var(--text);
  border-radius: 14px;
  padding: 12px;
}

.objectRow:hover, .clientRow:hover, .matchItem:hover, .workItem:hover, .taskCard:hover {
  border-color: rgba(75, 141, 255, .65);
  background: rgba(21, 35, 63, .95);
}

.objectRow.selected, .clientRow.selected {
  border-color: var(--blue);
  box-shadow: inset 3px 0 0 var(--blue);
}

.objectRow small, .clientRow small, .matchItem small, .workItem small, .taskCard small {
  display: block;
  color: var(--muted2);
  margin-top: 4px;
  font-size: 12px;
}

.objectWorkspace {
  display: grid;
  grid-gap: 16px;
  gap: 16px;
}

.objectHead {
  background: radial-gradient(circle at 100% 0%, rgba(75,141,255,.18), transparent 30%), #101a2e;
}

.pipeline {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 8px;
  gap: 8px;
  margin-bottom: 18px;
}

.step {
  position: relative;
  background: #0b1220;
  border: 1px solid var(--line);
  color: var(--muted2);
  padding: 9px 10px;
}

.step.active {
  background: linear-gradient(135deg, rgba(75,141,255,.42), rgba(103,232,249,.08));
  color: white;
  border-color: rgba(75,141,255,.72);
}

.objectTitleLine {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 18px;
}

.objectTitleLine h2 {
  font-size: 28px;
  line-height: 1.08;
  margin: 0;
}

.objectTitleLine p {
  color: var(--muted2);
  margin: 8px 0 0;
}

.objectBodyGrid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 16px;
  gap: 16px;
}

.readText {
  color: #d8e4f8;
  line-height: 1.55;
}

.factList {
  display: grid;
  grid-gap: 8px;
  gap: 8px;
  margin-top: 16px;
}

.factList div, .clientRequest {
  border: 1px solid var(--line);
  background: rgba(7, 11, 22, .45);
  border-radius: 14px;
  padding: 12px;
}

.factList span, .clientRequest span {
  display: block;
  color: var(--muted2);
  font-size: 12px;
}

.factList b, .clientRequest strong {
  display: block;
  margin-top: 4px;
}

.commentForm {
  display: grid;
  grid-gap: 8px;
  gap: 8px;
  margin-bottom: 12px;
}

.note {
  border-left: 3px solid rgba(75,141,255,.75);
  background: rgba(15,23,42,.8);
  border-radius: 12px;
  padding: 10px 12px;
}

.note small {
  display: block;
  color: var(--muted2);
  margin-top: 6px;
}

.emptyState {
  color: var(--muted2);
  border: 1px dashed var(--line);
  border-radius: 14px;
  padding: 14px;
  background: rgba(7, 11, 22, .35);
}

.splitLayout {
  display: grid;
  grid-template-columns: 420px 1fr;
  grid-gap: 16px;
  gap: 16px;
}

.clientRequest {
  display: grid;
  grid-gap: 4px;
  gap: 4px;
  margin-bottom: 18px;
}

.clientRequest small {
  color: var(--muted2);
}

.taskBoard {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 14px;
  gap: 14px;
}

.taskColumn {
  display: grid;
  grid-gap: 10px;
  gap: 10px;
  align-content: start;
  min-height: 320px;
  border: 1px solid var(--line);
  border-radius: 18px;
  padding: 12px;
  background: rgba(7,11,22,.35);
}

.taskColumn h3 {
  margin: 0 0 4px;
  color: var(--muted2);
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.taskCard {
  display: grid;
  justify-content: stretch;
}

.taskCard.overdue, .workItem.overdue {
  border-color: rgba(251,113,133,.7);
  box-shadow: inset 3px 0 0 var(--coral);
}

.drawerOverlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.55);
  z-index: 40;
  display: flex;
  justify-content: flex-end;
}

.drawer {
  width: min(620px, 100vw);
  height: 100vh;
  overflow: auto;
  background: #0b1220;
  border-left: 1px solid var(--line);
  padding: 22px;
  box-shadow: -20px 0 60px rgba(0,0,0,.35);
}

.formStack {
  display: grid;
  grid-gap: 12px;
  gap: 12px;
}

@media (max-width: 1100px) {
  .homeGrid, .objectsLayout, .objectBodyGrid, .splitLayout, .taskBoard {
    grid-template-columns: 1fr;
  }

  .catalogPanel {
    position: static;
    max-height: none;
  }
}

.objectDetailPage {
  max-width: 1500px;
}

.objectHeroFull {
  border: 1px solid rgba(75, 141, 255, .28);
  border-radius: 26px;
  padding: 22px;
  background:
    radial-gradient(circle at 15% 10%, rgba(75, 141, 255, .25), transparent 28%),
    radial-gradient(circle at 90% 0%, rgba(103, 232, 249, .12), transparent 28%),
    linear-gradient(135deg, #0d1b34, #080c17);
  box-shadow: 0 24px 70px rgba(0,0,0,.24);
}

.objectHeroFull h1 {
  font-size: 38px;
  line-height: 1.02;
  margin: 6px 0 0;
  letter-spacing: -.03em;
}

.objectDetailGrid {
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  grid-gap: 16px;
  gap: 16px;
}

.mainStory p {
  color: #d8e4f8;
  line-height: 1.7;
  font-size: 15px;
}

.quickForm {
  display: grid;
  grid-gap: 8px;
  gap: 8px;
  margin-bottom: 14px;
}

.inlineLink {
  display: inline-flex;
  margin-top: 6px;
  color: #93c5fd;
  font-size: 12px;
  font-weight: 700;
}

@media (max-width: 1000px) {
  .objectDetailGrid {
    grid-template-columns: 1fr;
  }

  .objectHeroFull h1 {
    font-size: 30px;
  }
}

/* BZ Broker visual concept pass: deal cockpit, not generic SaaS */
.crmShell,
.objectDetailPage {
  --ink: #f4f7fb;
  --fog: #9fb0c8;
  --deep: #050816;
  --navy: #071329;
  --panel: rgba(10, 21, 42, .82);
  --panel2: rgba(14, 28, 55, .72);
  --stroke: rgba(128, 166, 230, .18);
  --stroke2: rgba(128, 166, 230, .34);
  --electric: #72a8ff;
  --ice: #b7e4ff;
  --mint: #72f0b0;
  --ember: #ff7d7d;
  --amber: #ffd166;
  background:
    radial-gradient(circle at 8% 0%, rgba(47, 112, 255, .16), transparent 28%),
    radial-gradient(circle at 92% 12%, rgba(114, 240, 176, .07), transparent 22%),
    linear-gradient(135deg, #050816 0%, #081426 48%, #050816 100%);
}

.card,
.heroPanel,
.objectHeroFull,
.catalogPanel,
.drawer,
.taskColumn {
  border-color: var(--stroke) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018)),
    linear-gradient(135deg, rgba(9,18,37,.95), rgba(8,14,28,.92)) !important;
  box-shadow: 0 18px 60px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.05) !important;
}

.card::selection,
.objectHeroFull::selection { background: rgba(114,168,255,.35); }

.topLine {
  padding: 8px 0 2px;
  border-bottom: 1px solid rgba(128,166,230,.08);
}

.topLine h1 {
  font-size: 22px;
  font-weight: 760;
}

.eyebrow {
  color: var(--ice) !important;
  opacity: .86;
}

.mainNav {
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 999px;
  margin: 6px 0 2px;
  background: rgba(4, 10, 22, .68) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
}

.mainNav button {
  border-radius: 999px;
  font-size: 13px;
}

.mainNav button.active {
  background: linear-gradient(135deg, rgba(114,168,255,.34), rgba(183,228,255,.08)) !important;
  box-shadow: 0 10px 26px rgba(60,120,255,.16);
}

.heroPanel,
.objectHeroFull {
  position: relative;
  overflow: hidden;
  border-radius: 30px;
}

.heroPanel::before,
.objectHeroFull::before {
  content: "";
  position: absolute;
  inset: -1px;
  pointer-events: none;
  background:
    linear-gradient(115deg, transparent 0 40%, rgba(114,168,255,.10) 40% 42%, transparent 42% 100%),
    radial-gradient(circle at 18% 0%, rgba(183,228,255,.14), transparent 26%);
}

.heroPanel > *,
.objectHeroFull > * { position: relative; z-index: 1; }

.heroPanel h2 {
  font-size: clamp(24px, 3vw, 38px);
  max-width: 840px;
  letter-spacing: -.04em;
}

.signalGrid div,
.financeStrip div,
.miniMetrics div {
  background: rgba(2, 8, 20, .42) !important;
  border-color: rgba(128,166,230,.14) !important;
}

.signalGrid strong,
.financeStrip strong,
.miniMetrics strong,
.bigMoney {
  color: var(--ink);
  font-feature-settings: "tnum";
  font-variant-numeric: tabular-nums;
}

.financeStrip div:first-child strong,
.bigMoney {
  color: #d9ebff;
  text-shadow: 0 0 22px rgba(114,168,255,.22);
}

.objectsLayout {
  grid-template-columns: minmax(330px, 380px) minmax(0, 1fr);
}

.catalogPanel {
  border-radius: 26px;
}

.objectRow,
.clientRow,
.matchItem,
.workItem,
.taskCard {
  background: rgba(4, 12, 26, .56) !important;
  border-color: rgba(128,166,230,.15) !important;
  border-radius: 18px;
  transition: transform .16s ease, border-color .16s ease, background .16s ease;
}

.objectRow:hover,
.clientRow:hover,
.matchItem:hover,
.workItem:hover,
.taskCard:hover {
  transform: translateY(-1px);
  border-color: rgba(114,168,255,.62) !important;
  background: rgba(10, 25, 52, .76) !important;
}

.objectRow.selected,
.clientRow.selected {
  background: linear-gradient(90deg, rgba(114,168,255,.16), rgba(4,12,26,.58)) !important;
  border-color: rgba(114,168,255,.72) !important;
  box-shadow: inset 4px 0 0 var(--electric), 0 16px 34px rgba(20,80,180,.12) !important;
}

.pipeline {
  gap: 0;
  padding: 5px;
  border: 1px solid rgba(128,166,230,.15);
  border-radius: 999px;
  background: rgba(2,8,20,.38);
}

.step {
  border-radius: 999px !important;
  border: 0 !important;
  background: transparent !important;
  position: relative;
}

.step.active {
  background: linear-gradient(135deg, rgba(114,168,255,.48), rgba(183,228,255,.10)) !important;
  box-shadow: 0 12px 30px rgba(65, 125, 255, .20);
}

.objectTitleLine h1,
.objectTitleLine h2 {
  letter-spacing: -.045em;
}

.objectDetailGrid,
.objectBodyGrid {
  align-items: start;
}

.mainStory {
  border-left: 3px solid rgba(114,168,255,.64) !important;
}

.factList div,
.clientRequest {
  background: rgba(2,8,20,.32) !important;
  border-color: rgba(128,166,230,.12) !important;
}

.workItem.overdue,
.taskCard.overdue {
  border-color: rgba(255,125,125,.48) !important;
  box-shadow: inset 4px 0 0 var(--ember) !important;
}

.good { color: var(--mint) !important; }
.bad, .dangerText { color: var(--ember) !important; }

.emptyState {
  background: rgba(2,8,20,.28) !important;
  border-color: rgba(128,166,230,.16) !important;
  color: var(--fog) !important;
}

.inlineLink {
  color: var(--ice) !important;
  width: -moz-fit-content;
  width: fit-content;
  border-bottom: 1px solid rgba(183,228,255,.35);
}

.drawer {
  background:
    radial-gradient(circle at 20% 0%, rgba(114,168,255,.16), transparent 24%),
    #071123 !important;
}

input,
select,
textarea {
  background: rgba(2,8,20,.55) !important;
  border-color: rgba(128,166,230,.20) !important;
}

button,
.button {
  border-radius: 14px;
}

button:not(.secondary):not(.danger):not(.step),
.button:not(.secondary) {
  background: linear-gradient(135deg, #477df0, #7bb7ff) !important;
  box-shadow: 0 12px 28px rgba(70, 125, 240, .18);
}

.secondary {
  background: rgba(2,8,20,.44) !important;
  border-color: rgba(128,166,230,.18) !important;
}

.dealRadar {
  min-height: 270px;
  display: grid;
  align-content: end;
}

.dealRadar .signalGrid small {
  display: block;
  margin-top: 6px;
  color: rgba(213, 229, 255, .62);
  font-size: 11px;
}

.dealMap {
  background:
    linear-gradient(118deg, transparent 0 54%, rgba(114,168,255,.10) 54% 55%, transparent 55% 100%),
    radial-gradient(circle at 12% 12%, rgba(114,168,255,.30), transparent 28%),
    radial-gradient(circle at 90% 14%, rgba(114,240,176,.09), transparent 24%),
    linear-gradient(135deg, #071124, #050816 70%) !important;
}

.dealMap .pipeline {
  max-width: 760px;
}

.dealMap .objectTitleLine {
  border-top: 1px solid rgba(128,166,230,.10);
  padding-top: 18px;
}

.dealMap .financeStrip {
  border-top: 1px solid rgba(128,166,230,.10);
  padding-top: 14px;
}

.dealMap .financeStrip div {
  min-height: 84px;
}

.objectDetailGrid > .card:nth-child(2),
.objectBodyGrid > .card:nth-child(2) {
  border-top: 2px solid rgba(114,240,176,.35) !important;
}

.objectDetailGrid > .card:nth-child(3),
.objectBodyGrid > .card:nth-child(3) {
  border-top: 2px solid rgba(114,168,255,.35) !important;
}

.objectDetailGrid > .card:nth-child(4),
.objectBodyGrid > .card:nth-child(4) {
  border-top: 2px solid rgba(255,209,102,.30) !important;
}

.sectionTitle h2,
.card h2,
.card h3 {
  font-size: 17px;
}

.matchItem strong,
.workItem strong,
.taskCard strong {
  font-size: 14px;
}

/* reduce generic SaaS sameness */
.homeGrid > .card:nth-child(3),
.homeGrid > .card:nth-child(4) {
  transform: translateY(8px);
}

.homeGrid > .card:nth-child(2) {
  border-left: 3px solid rgba(183,228,255,.42) !important;
}

/* Color discipline pass: calmer broker palette, no neon blue blocks */
.crmShell,
.objectDetailPage {
  --ink: #f2f0e8;
  --fog: #a6adba;
  --deep: #07090d;
  --navy: #0b1018;
  --panel: rgba(16, 20, 27, .92);
  --panel2: rgba(22, 27, 36, .88);
  --stroke: rgba(214, 205, 183, .12);
  --stroke2: rgba(214, 205, 183, .22);
  --electric: #b8a06a;
  --ice: #d8cfb9;
  --mint: #7aa874;
  --ember: #c96b5a;
  --amber: #c9a75d;
  background:
    radial-gradient(circle at 12% 0%, rgba(184, 160, 106, .08), transparent 28%),
    radial-gradient(circle at 92% 10%, rgba(122, 168, 116, .05), transparent 24%),
    linear-gradient(135deg, #07090d 0%, #0b1018 55%, #06070a 100%) !important;
}

.card,
.heroPanel,
.objectHeroFull,
.catalogPanel,
.drawer,
.taskColumn {
  background:
    linear-gradient(180deg, rgba(255,255,255,.030), rgba(255,255,255,.012)),
    linear-gradient(135deg, rgba(18,22,29,.96), rgba(10,13,18,.94)) !important;
  border-color: rgba(214,205,183,.12) !important;
  box-shadow: 0 18px 52px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.035) !important;
}

.topLine h1,
.objectTitleLine h1,
.objectTitleLine h2,
.card h2,
.card h3,
.sectionTitle h2,
.sectionTitle h3 {
  color: #f2f0e8 !important;
}

.eyebrow {
  color: #b8a06a !important;
}

.mainNav {
  background: rgba(8, 10, 14, .78) !important;
  border-color: rgba(214,205,183,.12) !important;
}

.mainNav button {
  color: #9da3ad !important;
  background: transparent !important;
}

.mainNav button.active {
  color: #f2f0e8 !important;
  background: linear-gradient(135deg, rgba(184,160,106,.22), rgba(242,240,232,.035)) !important;
  border-color: rgba(184,160,106,.35) !important;
  box-shadow: inset 0 0 0 1px rgba(184,160,106,.16) !important;
}

.heroPanel::before,
.objectHeroFull::before {
  background:
    linear-gradient(115deg, transparent 0 48%, rgba(184,160,106,.045) 48% 49%, transparent 49% 100%),
    radial-gradient(circle at 16% 0%, rgba(184,160,106,.10), transparent 28%) !important;
}

.dealMap,
.objectHeroFull {
  background:
    linear-gradient(118deg, transparent 0 54%, rgba(184,160,106,.055) 54% 55%, transparent 55% 100%),
    radial-gradient(circle at 12% 12%, rgba(184,160,106,.12), transparent 28%),
    radial-gradient(circle at 90% 14%, rgba(122,168,116,.045), transparent 24%),
    linear-gradient(135deg, #111722, #07090d 72%) !important;
}

.signalGrid div,
.financeStrip div,
.miniMetrics div,
.factList div,
.clientRequest {
  background: rgba(6, 8, 12, .48) !important;
  border-color: rgba(214,205,183,.10) !important;
}

.signalGrid span,
.financeStrip span,
.miniMetrics span,
.factList span,
.clientRequest span,
.muted,
.small,
small {
  color: #a6adba !important;
}

.signalGrid strong,
.financeStrip strong,
.miniMetrics strong,
.bigMoney,
.factList b,
.clientRequest strong {
  color: #f2f0e8 !important;
  text-shadow: none !important;
}

.financeStrip div:first-child strong,
.bigMoney {
  color: #e3d3a2 !important;
}

.objectRow,
.clientRow,
.matchItem,
.workItem,
.taskCard {
  color: #f2f0e8 !important;
  background: rgba(12, 15, 20, .82) !important;
  border-color: rgba(214,205,183,.10) !important;
  box-shadow: none !important;
}

.objectRow:hover,
.clientRow:hover,
.matchItem:hover,
.workItem:hover,
.taskCard:hover {
  background: rgba(18, 23, 31, .94) !important;
  border-color: rgba(184,160,106,.34) !important;
  transform: translateY(-1px);
}

.objectRow.selected,
.clientRow.selected {
  background: linear-gradient(90deg, rgba(184,160,106,.13), rgba(12,15,20,.86)) !important;
  border-color: rgba(184,160,106,.36) !important;
  box-shadow: inset 3px 0 0 #b8a06a !important;
}

.pipeline {
  background: rgba(6,8,12,.52) !important;
  border-color: rgba(214,205,183,.11) !important;
}

.step {
  color: #9da3ad !important;
  background: transparent !important;
}

.step.active {
  color: #f2f0e8 !important;
  background: linear-gradient(135deg, rgba(184,160,106,.24), rgba(242,240,232,.035)) !important;
  box-shadow: none !important;
}

button:not(.secondary):not(.danger):not(.step),
.button:not(.secondary) {
  color: #15130f !important;
  background: linear-gradient(135deg, #d2b66f, #b89b55) !important;
  box-shadow: 0 12px 26px rgba(184,160,106,.13) !important;
}

.secondary {
  color: #e4dfd2 !important;
  background: rgba(11,14,19,.72) !important;
  border-color: rgba(214,205,183,.13) !important;
  box-shadow: none !important;
}

.inlineLink {
  color: #d8cfb9 !important;
  border-bottom-color: rgba(216,207,185,.32) !important;
}

.good { color: #8fbf86 !important; }
.bad, .dangerText { color: #d27a67 !important; }

.workItem.overdue,
.taskCard.overdue {
  border-color: rgba(201,107,90,.42) !important;
  box-shadow: inset 3px 0 0 #c96b5a !important;
}

.objectDetailGrid > .card:nth-child(2),
.objectBodyGrid > .card:nth-child(2) {
  border-top-color: rgba(122,168,116,.32) !important;
}

.objectDetailGrid > .card:nth-child(3),
.objectBodyGrid > .card:nth-child(3) {
  border-top-color: rgba(184,160,106,.32) !important;
}

.objectDetailGrid > .card:nth-child(4),
.objectBodyGrid > .card:nth-child(4) {
  border-top-color: rgba(216,207,185,.20) !important;
}

input,
select,
textarea {
  color: #f2f0e8 !important;
  background: rgba(6,8,12,.68) !important;
  border-color: rgba(214,205,183,.13) !important;
}

input::placeholder,
textarea::placeholder {
  color: #777f8c !important;
}

.emptyState {
  background: rgba(6,8,12,.42) !important;
  border-color: rgba(214,205,183,.12) !important;
  color: #a6adba !important;
}

/* Readability pass: contrast first, decoration second */
.crmShell,
.objectDetailPage {
  --ink: #f7f4ec;
  --fog: #c3c6cc;
  --soft: #e0d8c3;
  --panel-solid: #11161f;
  --panel-deep: #0b0f16;
}

.page {
  max-width: 1440px;
}

.card,
.heroPanel,
.objectHeroFull,
.catalogPanel,
.drawer,
.taskColumn {
  background: #11161f !important;
  border-color: rgba(232, 222, 198, .18) !important;
}

.heroPanel,
.objectHeroFull {
  background:
    linear-gradient(135deg, rgba(20,25,34,.98), rgba(10,13,18,.98)) !important;
}

.heroPanel h2 {
  font-size: clamp(24px, 2.45vw, 34px) !important;
  line-height: 1.12 !important;
  max-width: 760px !important;
}

.topLine h1 {
  font-size: 24px !important;
}

.signalGrid div,
.financeStrip div,
.miniMetrics div,
.factList div,
.clientRequest {
  background: #0b0f16 !important;
  border-color: rgba(232,222,198,.14) !important;
}

.signalGrid span,
.financeStrip span,
.miniMetrics span,
.factList span,
.clientRequest span,
.muted,
.small,
small {
  color: #c3c6cc !important;
}

.signalGrid strong,
.financeStrip strong,
.miniMetrics strong,
.card h2,
.card h3,
.sectionTitle h2,
.sectionTitle h3,
.objectTitleLine h1,
.objectTitleLine h2,
.topLine h1,
.bigMoney,
.factList b,
.clientRequest strong {
  color: #f7f4ec !important;
}

/* list rows must be readable, not filled gold */
.workItem,
.taskCard,
.objectRow,
.clientRow,
.matchItem {
  background: #0d121a !important;
  color: #f7f4ec !important;
  border-color: rgba(232,222,198,.16) !important;
}

.workItem span,
.taskCard span,
.objectRow span,
.clientRow span,
.matchItem span,
.workItem strong,
.taskCard strong,
.objectRow strong,
.clientRow strong,
.matchItem strong,
.workItem b,
.taskCard b,
.objectRow b,
.clientRow b,
.matchItem b {
  color: #f7f4ec !important;
}

.workItem small,
.taskCard small,
.objectRow small,
.clientRow small,
.matchItem small {
  color: #c3c6cc !important;
}

.workItem:hover,
.taskCard:hover,
.objectRow:hover,
.clientRow:hover,
.matchItem:hover {
  background: #151b25 !important;
  border-color: rgba(210,182,111,.45) !important;
}

/* keep gold only as edge/accent, never as row fill */
.workItem::before,
.taskCard::before {
  content: "";
  width: 3px;
  align-self: stretch;
  background: rgba(210,182,111,.7);
  border-radius: 999px;
  margin-right: 2px;
}

.workItem,
.taskCard {
  display: grid !important;
  grid-template-columns: 4px 1fr auto;
  align-items: center;
}

.taskCard {
  grid-template-columns: 4px 1fr;
}

.note {
  background: #0d121c !important;
  border-left-color: #6f8fd0 !important;
  color: #f7f4ec !important;
}

.note span {
  color: #f7f4ec !important;
}

.note small {
  color: #c3c6cc !important;
}

.mainNav button.active,
button:not(.secondary):not(.danger):not(.step),
.button:not(.secondary) {
  color: #12100b !important;
  font-weight: 760 !important;
}

.secondary {
  color: #f7f4ec !important;
}

.eyebrow {
  color: #d2b66f !important;
  font-weight: 800;
}

.accentCard {
  background: #121820 !important;
  border-left: 3px solid rgba(210,182,111,.58) !important;
}

.financeStrip div:first-child strong,
.bigMoney {
  color: #ead28d !important;
}

/* Palette v2: Graphite / Steel / Cyan. Money is amber only in numbers. */
.crmShell,
.objectDetailPage {
  --ink: #f4f7fa;
  --fog: #b4bfca;
  --mutedText: #8793a3;
  --deep: #06080c;
  --base: #0b1017;
  --panel-solid: #111822;
  --panel-deep: #0a0f16;
  --stroke: rgba(185, 200, 220, .14);
  --stroke2: rgba(185, 200, 220, .24);
  --primary: #55c7d8;
  --primarySoft: rgba(85,199,216,.16);
  --money: #e0b86a;
  --success: #79b88a;
  --danger: #d56f62;
  background:
    radial-gradient(circle at 12% 0%, rgba(85,199,216,.075), transparent 28%),
    radial-gradient(circle at 90% 10%, rgba(88,118,170,.08), transparent 24%),
    linear-gradient(135deg, #06080c 0%, #0a111a 58%, #06080c 100%) !important;
}

.card,
.heroPanel,
.objectHeroFull,
.catalogPanel,
.drawer,
.taskColumn {
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.012)),
    #111822 !important;
  border-color: rgba(185,200,220,.14) !important;
  box-shadow: 0 18px 46px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.035) !important;
}

.heroPanel,
.objectHeroFull,
.dealMap {
  background:
    linear-gradient(125deg, transparent 0 52%, rgba(85,199,216,.045) 52% 53%, transparent 53% 100%),
    radial-gradient(circle at 16% 10%, rgba(85,199,216,.12), transparent 30%),
    linear-gradient(135deg, #111822, #080c12 74%) !important;
}

.eyebrow {
  color: var(--primary) !important;
}

.topLine h1,
.objectTitleLine h1,
.objectTitleLine h2,
.card h2,
.card h3,
.sectionTitle h2,
.sectionTitle h3,
.signalGrid strong,
.financeStrip strong,
.miniMetrics strong,
.factList b,
.clientRequest strong {
  color: var(--ink) !important;
}

.signalGrid span,
.financeStrip span,
.miniMetrics span,
.factList span,
.clientRequest span,
.muted,
.small,
small {
  color: var(--fog) !important;
}

.mainNav {
  background: rgba(6, 9, 14, .78) !important;
  border-color: rgba(185,200,220,.14) !important;
}

.mainNav button {
  color: var(--fog) !important;
  background: transparent !important;
}

.mainNav button.active {
  color: #061014 !important;
  background: linear-gradient(135deg, #7fd9e6, #55c7d8) !important;
  border-color: rgba(127,217,230,.45) !important;
  box-shadow: 0 10px 26px rgba(85,199,216,.14) !important;
}

button:not(.secondary):not(.danger):not(.step),
.button:not(.secondary) {
  color: #061014 !important;
  background: linear-gradient(135deg, #7fd9e6, #55c7d8) !important;
  box-shadow: 0 12px 26px rgba(85,199,216,.12) !important;
}

.secondary {
  color: var(--ink) !important;
  background: rgba(7,11,17,.74) !important;
  border-color: rgba(185,200,220,.16) !important;
}

.objectRow,
.clientRow,
.matchItem,
.workItem,
.taskCard {
  background: #0c121a !important;
  color: var(--ink) !important;
  border-color: rgba(185,200,220,.14) !important;
}

.objectRow:hover,
.clientRow:hover,
.matchItem:hover,
.workItem:hover,
.taskCard:hover {
  background: #141c27 !important;
  border-color: rgba(85,199,216,.42) !important;
}

.objectRow.selected,
.clientRow.selected {
  background: linear-gradient(90deg, rgba(85,199,216,.13), #0c121a) !important;
  border-color: rgba(85,199,216,.42) !important;
  box-shadow: inset 3px 0 0 var(--primary) !important;
}

/* No gold row fills. Rows are graphite; signals live on thin accents. */
.workItem::before,
.taskCard::before {
  background: var(--primary) !important;
}

.financeStrip div:first-child strong,
.bigMoney,
.accentCard .bigMoney {
  color: var(--money) !important;
}

.accentCard {
  background: #111822 !important;
  border-left: 3px solid rgba(85,199,216,.52) !important;
}

.pipeline {
  background: rgba(7,11,17,.72) !important;
  border-color: rgba(185,200,220,.14) !important;
}

.step {
  color: var(--fog) !important;
  background: transparent !important;
}

.step.active {
  color: #061014 !important;
  background: linear-gradient(135deg, #7fd9e6, #55c7d8) !important;
  box-shadow: none !important;
}

.note {
  background: #0c121a !important;
  border-left-color: var(--primary) !important;
  color: var(--ink) !important;
}

.inlineLink {
  color: #9be7f0 !important;
  border-bottom-color: rgba(155,231,240,.35) !important;
}

.good { color: var(--success) !important; }
.bad, .dangerText { color: var(--danger) !important; }

.workItem.overdue,
.taskCard.overdue {
  border-color: rgba(213,111,98,.42) !important;
  box-shadow: inset 3px 0 0 var(--danger) !important;
}

.objectDetailGrid > .card:nth-child(2),
.objectBodyGrid > .card:nth-child(2) {
  border-top-color: rgba(85,199,216,.30) !important;
}

.objectDetailGrid > .card:nth-child(3),
.objectBodyGrid > .card:nth-child(3) {
  border-top-color: rgba(121,184,138,.30) !important;
}

.objectDetailGrid > .card:nth-child(4),
.objectBodyGrid > .card:nth-child(4) {
  border-top-color: rgba(185,200,220,.20) !important;
}

input,
select,
textarea {
  color: var(--ink) !important;
  background: #080d13 !important;
  border-color: rgba(185,200,220,.16) !important;
}

.emptyState {
  background: #0a0f16 !important;
  border-color: rgba(185,200,220,.14) !important;
  color: var(--fog) !important;
}

/* FINAL BrokerCRM design lock: color is signal, not fill */
.crmShell,
.objectDetailPage {
  --bc-bg: #070914;
  --bc-bg2: #0b1020;
  --bc-surface: #111827;
  --bc-surface2: #151e2d;
  --bc-row: #0c1220;
  --bc-row-hover: #121b2b;
  --bc-text: #f4f3ee;
  --bc-muted: #a9b3c2;
  --bc-line: rgba(224, 232, 245, .13);
  --bc-line-strong: rgba(224, 232, 245, .22);
  --bc-signal: #24c7d9;
  --bc-money: #e9c46a;
  --bc-risk: #ff6b6b;
  --bc-ok: #5fbf8f;
  background:
    radial-gradient(circle at 12% 4%, rgba(36,199,217,.08), transparent 24%),
    radial-gradient(circle at 78% 10%, rgba(95,191,143,.06), transparent 22%),
    linear-gradient(135deg, var(--bc-bg), var(--bc-bg2) 52%, #060711) !important;
}

.crmShell .card,
.crmShell .heroPanel,
.crmShell .catalogPanel,
.crmShell .taskColumn,
.objectDetailPage .card,
.objectDetailPage .objectHeroFull {
  background: linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.012)), var(--bc-surface) !important;
  border: 1px solid var(--bc-line) !important;
  box-shadow: 0 18px 46px rgba(0,0,0,.30) !important;
}

.crmShell .objectRow,
.crmShell .clientRow,
.crmShell .matchItem,
.crmShell .workItem,
.crmShell .taskCard,
.objectDetailPage .matchItem,
.objectDetailPage .workItem,
.objectDetailPage .taskCard {
  background: var(--bc-row) !important;
  background-image: none !important;
  color: var(--bc-text) !important;
  border: 1px solid var(--bc-line) !important;
  box-shadow: inset 3px 0 0 rgba(36,199,217,.55) !important;
}

.crmShell .objectRow:hover,
.crmShell .clientRow:hover,
.crmShell .matchItem:hover,
.crmShell .workItem:hover,
.crmShell .taskCard:hover,
.objectDetailPage .matchItem:hover,
.objectDetailPage .workItem:hover,
.objectDetailPage .taskCard:hover {
  background: var(--bc-row-hover) !important;
  background-image: none !important;
  border-color: rgba(36,199,217,.42) !important;
  transform: translateY(-1px);
}

.crmShell .objectRow.selected,
.crmShell .clientRow.selected {
  background: #111a2a !important;
  background-image: none !important;
  border-color: rgba(36,199,217,.52) !important;
  box-shadow: inset 4px 0 0 var(--bc-signal) !important;
}

.crmShell .workItem,
.crmShell .taskCard,
.objectDetailPage .workItem,
.objectDetailPage .taskCard {
  display: flex !important;
  grid-template-columns: none !important;
}

.crmShell .workItem::before,
.crmShell .taskCard::before,
.objectDetailPage .workItem::before,
.objectDetailPage .taskCard::before {
  display: none !important;
  content: none !important;
}

.crmShell .objectRow *,
.crmShell .clientRow *,
.crmShell .matchItem *,
.crmShell .workItem *,
.crmShell .taskCard *,
.objectDetailPage .matchItem *,
.objectDetailPage .workItem *,
.objectDetailPage .taskCard * {
  color: inherit !important;
}

.crmShell .objectRow small,
.crmShell .clientRow small,
.crmShell .matchItem small,
.crmShell .workItem small,
.crmShell .taskCard small,
.objectDetailPage .matchItem small,
.objectDetailPage .workItem small,
.objectDetailPage .taskCard small {
  color: var(--bc-muted) !important;
}

.crmShell .objectRow b,
.objectDetailPage .financeStrip div:first-child strong,
.crmShell .bigMoney,
.objectDetailPage .bigMoney {
  color: var(--bc-money) !important;
}

.crmShell .mainNav button {
  background: transparent !important;
  color: var(--bc-muted) !important;
  box-shadow: none !important;
}

.crmShell .mainNav button.active {
  background: rgba(36,199,217,.12) !important;
  color: var(--bc-text) !important;
  border-color: rgba(36,199,217,.35) !important;
  box-shadow: inset 0 -2px 0 var(--bc-signal) !important;
}

.crmShell button:not(.secondary):not(.danger):not(.step),
.objectDetailPage button:not(.secondary):not(.danger):not(.step),
.crmShell .button:not(.secondary),
.objectDetailPage .button:not(.secondary) {
  background: var(--bc-surface2) !important;
  background-image: none !important;
  color: var(--bc-text) !important;
  border: 1px solid var(--bc-line-strong) !important;
  box-shadow: inset 0 -2px 0 rgba(36,199,217,.42) !important;
}

.crmShell .sectionTitle button,
.crmShell .topActions button,
.objectDetailPage .objectTitleLine button,
.objectDetailPage .quickForm button {
  background: #152235 !important;
  color: var(--bc-text) !important;
  border-color: rgba(36,199,217,.30) !important;
}

.crmShell .pipeline,
.objectDetailPage .pipeline {
  background: #080d16 !important;
  border-color: var(--bc-line) !important;
}

.crmShell .step,
.objectDetailPage .step {
  background: transparent !important;
  color: var(--bc-muted) !important;
}

.crmShell .step.active,
.objectDetailPage .step.active {
  background: rgba(36,199,217,.13) !important;
  color: var(--bc-text) !important;
  box-shadow: inset 0 -2px 0 var(--bc-signal) !important;
}

.crmShell .note,
.objectDetailPage .note {
  background: var(--bc-row) !important;
  color: var(--bc-text) !important;
  border-left-color: var(--bc-signal) !important;
}

.crmShell .workItem.overdue,
.crmShell .taskCard.overdue,
.objectDetailPage .workItem.overdue,
.objectDetailPage .taskCard.overdue {
  border-color: rgba(255,107,107,.38) !important;
  box-shadow: inset 4px 0 0 var(--bc-risk) !important;
}

/* Typography pass: Cyrillic-first, less bold */
@import url('https://fonts.googleapis.com/css2?family=Golos+Text:wght@400;500;600;700&display=swap');

html,
body,
button,
input,
select,
textarea {
  font-family: 'Golos Text', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  font-weight: 400;
  letter-spacing: -0.01em;
}

.crmShell,
.objectDetailPage {
  font-family: 'Golos Text', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

.crmShell h1,
.objectDetailPage h1 {
  font-weight: 600 !important;
  letter-spacing: -0.035em !important;
}

.crmShell h2,
.objectDetailPage h2,
.crmShell h3,
.objectDetailPage h3,
.sectionTitle h2,
.sectionTitle h3,
.card h2,
.card h3 {
  font-weight: 600 !important;
  letter-spacing: -0.025em !important;
}

.topLine h1 {
  font-weight: 600 !important;
  font-size: 23px !important;
}

.heroPanel h2 {
  font-weight: 600 !important;
  font-size: clamp(24px, 2.25vw, 31px) !important;
  line-height: 1.15 !important;
  max-width: 740px !important;
}

.objectTitleLine h1,
.objectTitleLine h2 {
  font-weight: 600 !important;
}

button,
.button {
  font-weight: 500 !important;
}

.mainNav button {
  font-weight: 500 !important;
}

.objectRow strong,
.clientRow strong,
.matchItem strong,
.workItem strong,
.taskCard strong,
.objectRow b,
.clientRow b,
.matchItem b,
.workItem b,
.taskCard b {
  font-weight: 600 !important;
}

.signalGrid strong,
.financeStrip strong,
.miniMetrics strong,
.bigMoney,
.factList b,
.clientRequest strong {
  font-weight: 600 !important;
}

small,
.muted,
.eyebrow,
.signalGrid span,
.financeStrip span,
.miniMetrics span,
.factList span,
.clientRequest span {
  font-weight: 400 !important;
  letter-spacing: 0 !important;
}

.eyebrow {
  font-weight: 600 !important;
  letter-spacing: .08em !important;
}

.taskColumn h3 {
  font-weight: 600 !important;
  letter-spacing: .03em !important;
}

/* Product form pass: owner lookup, client work blocks */
.ownerLookup {
  display: grid;
  grid-gap: 10px;
  gap: 10px;
  border: 1px solid var(--bc-line);
  background: #0c1220;
  border-radius: 16px;
  padding: 12px;
}

.ownerLookup label {
  color: var(--bc-muted);
  font-size: 13px;
  font-weight: 500;
}

.ownerLookup input {
  min-height: 44px;
  font-size: 15px;
}

.lookupHints {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.lookupChip {
  display: inline-flex;
  flex-direction: column;
  gap: 2px;
  align-items: flex-start;
  min-width: 150px;
  max-width: 240px;
  background: #111827 !important;
  color: var(--bc-text) !important;
  border: 1px solid var(--bc-line) !important;
  border-radius: 14px;
  padding: 9px 11px;
  box-shadow: none !important;
}

.lookupChip small {
  color: var(--bc-muted) !important;
  font-size: 11px;
}

.lookupChip.active {
  border-color: rgba(36,199,217,.5) !important;
  box-shadow: inset 3px 0 0 var(--bc-signal) !important;
}

.lookupChip.create {
  border-color: rgba(95,191,143,.42) !important;
  box-shadow: inset 3px 0 0 var(--bc-ok) !important;
}

.clientWorkGrid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 18px;
  gap: 18px;
  margin-top: 18px;
}

.clientWorkGrid h3 {
  margin: 0 0 10px;
}

.commGrid {
  display: grid;
  grid-gap: 8px;
  gap: 8px;
}

.commGrid div {
  background: #0c1220;
  border: 1px solid var(--bc-line);
  border-radius: 14px;
  padding: 11px 12px;
}

.commGrid span {
  display: block;
  color: var(--bc-muted);
  font-size: 12px;
  margin-bottom: 4px;
}

.commGrid b {
  color: var(--bc-text);
  font-size: 14px;
  font-weight: 500;
}

.drawer input,
.drawer select,
.drawer textarea {
  min-height: 42px;
  font-size: 14px;
}

.drawer textarea {
  min-height: 110px;
}

@media (max-width: 1050px) {
  .clientWorkGrid {
    grid-template-columns: 1fr;
  }
}

/* Object/task UX pass */
.pipeline {
  grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)) !important;
  border-radius: 18px !important;
  padding: 7px !important;
  gap: 6px !important;
}

.step {
  min-height: 38px;
  border-radius: 12px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  padding: 8px 10px !important;
}

.objectBodyGrid > .card,
.objectDetailGrid > .card {
  padding: 20px !important;
}

.objectBodyGrid .card h3,
.objectDetailGrid .card h2,
.objectDetailGrid .card h3 {
  margin-bottom: 14px !important;
}

.objectBodyGrid .sectionTitle,
.objectDetailGrid .sectionTitle {
  margin-bottom: 14px !important;
}

.commentForm,
.quickForm {
  margin-top: 12px !important;
  margin-bottom: 14px !important;
}

.blockList,
.compactList {
  gap: 10px !important;
}

.workItem {
  cursor: pointer;
  min-height: 48px;
  align-items: center !important;
}

.workItem .secondary,
.taskCard .secondary,
.taskActions .secondary {
  min-height: 30px;
  padding: 6px 10px;
  font-size: 12px;
}

.taskCard {
  cursor: -webkit-grab;
  cursor: grab;
}

.taskCard:active {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.taskActions {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 8px;
}

.taskColumn {
  transition: border-color .15s ease, background .15s ease;
}

.taskColumn:hover {
  border-color: rgba(36,199,217,.28) !important;
}

.successBox {
  transition: opacity .2s ease;
}

/* Universal task composer */
.taskLinkBox {
  display: grid;
  grid-gap: 10px;
  gap: 10px;
  border: 1px solid var(--bc-line);
  background: #0c1220;
  border-radius: 16px;
  padding: 12px;
}

.taskLinkBox label {
  color: var(--bc-muted);
  font-size: 13px;
  font-weight: 500;
}

.taskLinkTypes {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 8px;
  gap: 8px;
}

.taskLinkTypes button {
  min-height: 38px;
  background: #111827 !important;
  border: 1px solid var(--bc-line) !important;
  color: var(--bc-muted) !important;
  box-shadow: none !important;
}

.taskLinkTypes button.active {
  color: var(--bc-text) !important;
  border-color: rgba(36,199,217,.45) !important;
  box-shadow: inset 0 -2px 0 var(--bc-signal) !important;
}

.linkedEntity {
  border: 1px solid rgba(36,199,217,.24);
  background: rgba(36,199,217,.08);
  color: var(--bc-text);
  border-radius: 14px;
  padding: 10px 12px;
}

.linkedEntity b {
  color: var(--bc-text);
  font-weight: 600;
}

/* Task motion UI: modern switches, priority badges, readable cards */
.taskTitleInput {
  min-height: 50px !important;
  font-size: 16px !important;
}

.taskSwitchBlock {
  display: grid;
  grid-gap: 8px;
  gap: 8px;
  border: 1px solid var(--bc-line);
  background: #0c1220;
  border-radius: 16px;
  padding: 12px;
}

.taskSwitchBlock > label {
  color: var(--bc-muted);
  font-size: 13px;
  font-weight: 500;
}

.motionSwitches {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 8px;
  gap: 8px;
}

.motionSwitch {
  display: grid;
  grid-gap: 3px;
  gap: 3px;
  min-height: 56px;
  text-align: left;
  background: #111827 !important;
  color: var(--bc-muted) !important;
  border: 1px solid var(--bc-line) !important;
  border-radius: 15px !important;
  padding: 10px 12px !important;
  box-shadow: none !important;
  transform: translateY(0);
  transition: transform .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease;
}

.motionSwitch:hover {
  transform: translateY(-1px);
  border-color: rgba(36,199,217,.36) !important;
  background: #141f30 !important;
}

.motionSwitch b {
  color: var(--bc-text);
  font-size: 13px;
  font-weight: 600;
}

.motionSwitch small {
  color: var(--bc-muted) !important;
  font-size: 11px;
}

.motionSwitch.active {
  background: rgba(36,199,217,.10) !important;
  border-color: rgba(36,199,217,.48) !important;
  box-shadow: inset 0 -3px 0 var(--bc-signal), 0 12px 26px rgba(36,199,217,.08) !important;
}

.motionSwitch.priority-high.active {
  background: rgba(233,196,106,.10) !important;
  border-color: rgba(233,196,106,.46) !important;
  box-shadow: inset 0 -3px 0 var(--bc-money), 0 12px 26px rgba(233,196,106,.07) !important;
}

.motionSwitch.priority-low.active {
  background: rgba(95,191,143,.08) !important;
  border-color: rgba(95,191,143,.36) !important;
  box-shadow: inset 0 -3px 0 var(--bc-ok) !important;
}

.taskMeta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;
  color: var(--bc-muted);
  font-size: 12px;
}

.statusBadge,
.priorityBadge {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  border-radius: 999px;
  padding: 3px 8px;
  font-size: 11px;
  font-weight: 600;
  border: 1px solid var(--bc-line);
  background: rgba(255,255,255,.025);
  color: var(--bc-muted);
}

.status-open { border-color: rgba(185,200,220,.20); color: var(--bc-muted); }
.status-in_progress { border-color: rgba(36,199,217,.42); color: #9cecf4; background: rgba(36,199,217,.07); }
.status-done { border-color: rgba(95,191,143,.38); color: #9bd7b3; background: rgba(95,191,143,.07); }

.priority-low { border-color: rgba(95,191,143,.24); color: #9bd7b3; }
.priority-normal { border-color: rgba(185,200,220,.20); color: var(--bc-muted); }
.priority-high { border-color: rgba(233,196,106,.46); color: #f1d58b; background: rgba(233,196,106,.07); }

.taskCard {
  gap: 8px !important;
  padding: 14px !important;
  border-radius: 18px !important;
}

.taskCard strong {
  font-size: 15px !important;
  line-height: 1.2;
}

.taskCard span {
  color: var(--bc-muted) !important;
  line-height: 1.35;
}

.taskCard.overdue .statusBadge,
.workItem.overdue .statusBadge {
  border-color: rgba(255,107,107,.44);
  color: #ff9b9b;
  background: rgba(255,107,107,.08);
}

@media (max-width: 760px) {
  .motionSwitches {
    grid-template-columns: 1fr;
  }
}

/* Task v2: calm card, clear title, slider priority */
.taskCardTop {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 2px;
}

.taskTypeLabel {
  color: var(--bc-muted) !important;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-weight: 600;
}

.taskCard {
  display: grid !important;
  grid-template-columns: 1fr !important;
  grid-gap: 10px !important;
  gap: 10px !important;
  min-height: 132px;
}

.taskCard strong {
  max-width: 100%;
  font-size: 16px !important;
  line-height: 1.18 !important;
}

.taskCard.priority-high,
.taskCard:has(.priority-high) {
  border-color: rgba(233,196,106,.32) !important;
  box-shadow: inset 4px 0 0 var(--bc-money) !important;
}

.taskCard.overdue {
  border-color: rgba(255,107,107,.45) !important;
  box-shadow: inset 4px 0 0 var(--bc-risk) !important;
}

.taskActions {
  margin-top: 2px !important;
}

.priorityBox {
  position: relative;
  overflow: hidden;
}

.priorityBox::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: var(--bc-signal);
}

.priorityBox.priority-low::before { background: var(--bc-ok); }
.priorityBox.priority-normal::before { background: var(--bc-signal); }
.priorityBox.priority-high::before { background: var(--bc-money); }

.rangeHeader {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.rangeHeader label {
  color: var(--bc-muted);
  font-size: 13px;
}

.rangeHeader b {
  color: var(--bc-text);
  font-weight: 600;
}

.priorityRange {
  width: 100%;
  height: 28px;
  accent-color: var(--bc-signal);
  cursor: pointer;
}

.priorityBox.priority-low .priorityRange { accent-color: var(--bc-ok); }
.priorityBox.priority-high .priorityRange { accent-color: var(--bc-money); }

.rangeLegend {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  color: var(--bc-muted);
  font-size: 11px;
}

.rangeLegend span:nth-child(2) { text-align: center; }
.rangeLegend span:nth-child(3) { text-align: right; }

.moneyInput {
  font-feature-settings: "tnum";
  font-variant-numeric: tabular-nums;
  font-size: 16px !important;
  letter-spacing: .01em !important;
}

.drawer input[type="datetime-local"] {
  min-height: 50px !important;
  font-size: 16px !important;
  color: var(--bc-text) !important;
}

.objectRow {
  gap: 14px !important;
}

.objectRow strong {
  font-size: 14px !important;
}

.objectRow small {
  font-size: 12px !important;
  line-height: 1.35 !important;
}

.objectRow b {
  font-size: 14px !important;
}

.objectRow .inlineLink {
  font-size: 12px !important;
}

/* Object detail compact page + compact task editor */
.compactObjectHero {
  min-height: auto !important;
  padding: 24px !important;
}

.compactObjectHero .pipeline {
  margin-bottom: 18px !important;
}

.compactObjectHero .objectTitleLine {
  align-items: flex-start !important;
  margin-bottom: 18px !important;
}

.compactObjectHero .objectTitleLine h1 {
  font-size: clamp(30px, 3vw, 42px) !important;
  line-height: 1.05 !important;
  margin-bottom: 8px !important;
}

.compactObjectHero .miniMetrics {
  grid-template-columns: 1fr !important;
  min-width: 150px;
  max-width: 160px;
  gap: 8px !important;
}

.compactObjectHero .miniMetrics div {
  padding: 11px 12px !important;
}

.objectActionHint {
  margin-top: 12px;
  color: var(--bc-muted);
  font-size: 13px;
}

.compactObjectHero .financeStrip {
  margin-top: 14px !important;
}

.matchWithActions {
  grid-template-columns: 1.1fr .8fr auto !important;
  align-items: center !important;
}

.matchActions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}

.matchActions .secondary {
  min-height: 30px;
  padding: 6px 10px;
  font-size: 12px;
}

.taskDescriptionInput {
  min-height: 86px !important;
  font-size: 14px !important;
}

.taskControlsCompact {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 12px;
  gap: 12px;
}

.taskSwitchBlock.compact {
  padding: 10px !important;
  gap: 8px !important;
}

.motionSwitches.compact {
  gap: 6px !important;
}

.motionSwitches.compact .motionSwitch {
  min-height: 40px !important;
  padding: 8px 9px !important;
  text-align: center;
}

.motionSwitches.compact .motionSwitch b {
  font-size: 12px !important;
}

.taskSwitchBlock.compact .priorityRange {
  height: 20px !important;
}

.taskSwitchBlock.compact .rangeLegend {
  font-size: 10px !important;
}

@media (max-width: 900px) {
  .taskControlsCompact {
    grid-template-columns: 1fr;
  }
  .matchWithActions {
    grid-template-columns: 1fr !important;
  }
  .matchActions {
    justify-content: flex-start;
  }
}

/* Tasks dashboard compact redesign */
.taskBoard {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-gap: 14px !important;
  gap: 14px !important;
  align-items: stretch;
}

.taskColumn {
  min-width: 0 !important;
  padding: 14px !important;
}

.taskColumn h3 {
  font-size: 16px !important;
  letter-spacing: .02em !important;
  margin-bottom: 14px !important;
}

.taskCard {
  display: grid !important;
  grid-template-columns: 1fr !important;
  grid-gap: 10px !important;
  gap: 10px !important;
  min-height: 118px !important;
  padding: 14px !important;
  border-radius: 18px !important;
  background: #0d1422 !important;
  border: 1px solid rgba(113, 134, 165, .24) !important;
  box-shadow: inset 3px 0 0 rgba(36,199,217,.76) !important;
}

.taskCard:has(.priority-high) {
  box-shadow: inset 3px 0 0 var(--bc-money) !important;
  border-color: rgba(233,196,106,.28) !important;
}

.taskCard.overdue {
  box-shadow: inset 3px 0 0 var(--bc-risk) !important;
  border-color: rgba(255,107,107,.34) !important;
}

.taskCompactHead {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.taskCompactHead strong {
  font-size: 15px !important;
  line-height: 1.22 !important;
  font-weight: 600 !important;
  color: var(--bc-text);
}

.taskDoneButton {
  flex: 0 0 auto;
  width: 28px;
  height: 28px;
  min-height: 28px !important;
  padding: 0 !important;
  border-radius: 999px !important;
  background: #07101b !important;
  border: 1px solid rgba(95,191,143,.32) !important;
  color: #9bd7b3 !important;
  box-shadow: none !important;
}

.taskCard p {
  margin: 0;
  color: var(--bc-muted);
  font-size: 13px;
  line-height: 1.35;
}

.taskCompactMeta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;
  color: var(--bc-muted);
  font-size: 12px;
}

.priorityDot,
.statusDot {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 3px 8px;
  font-size: 11px;
  font-weight: 600;
  border: 1px solid rgba(113,134,165,.28);
  color: var(--bc-muted);
  background: rgba(255,255,255,.025);
}

.priorityDot.priority-high {
  color: #f1d58b;
  border-color: rgba(233,196,106,.42);
  background: rgba(233,196,106,.06);
}

.priorityDot.priority-low {
  color: #9bd7b3;
  border-color: rgba(95,191,143,.28);
}

.statusDot.status-in_progress {
  color: #9cecf4;
  border-color: rgba(36,199,217,.36);
}

.statusDot.status-done {
  color: #9bd7b3;
  border-color: rgba(95,191,143,.34);
}

@media (max-width: 1100px) {
  .taskBoard {
    grid-template-columns: 1fr;
  }
}

/* Task archive + due-date dashboard */
.tasksDashboard .sectionTitle {
  align-items: flex-start;
}

.timeBoard {
  grid-template-columns: repeat(5, minmax(190px, 1fr)) !important;
  overflow-x: auto;
  padding-bottom: 6px;
}

.timeColumn {
  min-width: 190px !important;
}

.taskColumnHead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 4px;
}

.taskColumnHead h3 {
  margin: 0 !important;
}

.taskColumnHead span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 28px;
  height: 28px;
  border-radius: 999px;
  background: #07101b;
  border: 1px solid rgba(113,134,165,.28);
  color: var(--bc-text);
  font-size: 12px;
  font-weight: 700;
}

.columnHint {
  display: block;
  margin-bottom: 12px;
  color: var(--bc-muted);
  font-size: 12px;
}

.timeColumn.overdue .taskColumnHead span {
  border-color: rgba(255,107,107,.34);
  color: #ffaaaa;
}

.timeColumn.today .taskColumnHead span {
  border-color: rgba(36,199,217,.40);
  color: #9cecf4;
}

.timeColumn.tomorrow .taskColumnHead span {
  border-color: rgba(233,196,106,.34);
  color: #f1d58b;
}

.compactEmpty {
  min-height: 74px !important;
  display: grid;
  place-items: center;
}

.taskArchiveTable {
  display: grid;
  grid-gap: 8px;
  gap: 8px;
  margin-top: 16px;
}

.archiveHead,
.archiveRow {
  display: grid;
  grid-template-columns: 1.4fr .55fr .45fr auto;
  grid-gap: 12px;
  gap: 12px;
  align-items: center;
}

.archiveHead {
  color: var(--bc-muted);
  font-size: 12px;
  padding: 0 12px;
}

.archiveRow {
  border: 1px solid var(--bc-line);
  background: #0d1422;
  border-radius: 16px;
  padding: 12px;
}

.archiveRow b,
.archiveRow small {
  display: block;
}

.archiveRow small {
  margin-top: 4px;
  color: var(--bc-muted);
  font-size: 12px;
}

@media (max-width: 1200px) {
  .timeBoard {
    grid-template-columns: repeat(5, 230px) !important;
  }
}

@media (max-width: 760px) {
  .archiveHead {
    display: none;
  }
  .archiveRow {
    grid-template-columns: 1fr;
  }
}

/* BZBroker-inspired compact task board */
.bzStyleTasks {
  padding: 18px !important;
}

.tasksToolbar {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 12px;
}

.tasksToolbar h2 {
  margin: 0 0 4px;
}

.taskQuickFilters {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 10px 0 10px;
}

.taskQuickFilters button {
  min-height: 30px !important;
  padding: 6px 12px !important;
  border-radius: 999px !important;
  background: #090f19 !important;
  border: 1px solid rgba(113,134,165,.22) !important;
  color: var(--bc-muted) !important;
  box-shadow: none !important;
}

.taskQuickFilters button.active {
  color: var(--bc-text) !important;
  border-color: rgba(36,199,217,.45) !important;
  background: rgba(36,199,217,.10) !important;
}

.taskSearch {
  width: 100%;
  height: 38px !important;
  margin-bottom: 14px;
  border-radius: 10px !important;
  background: #11182a !important;
}

.brokerTaskBoard {
  display: grid !important;
  grid-template-columns: 1.05fr 1.05fr 1fr 1fr 1fr !important;
  grid-gap: 12px !important;
  gap: 12px !important;
  overflow-x: auto;
  padding-bottom: 4px;
}

.brokerTaskColumn {
  min-width: 238px !important;
  padding: 10px !important;
  border-radius: 16px !important;
  background: rgba(16,24,38,.62) !important;
  border: 1px solid rgba(113,134,165,.18) !important;
}

.brokerColumnHead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 4px;
}

.brokerColumnHead h3 {
  margin: 0 !important;
  font-size: 13px !important;
  letter-spacing: .08em !important;
  text-transform: uppercase;
}

.brokerColumnHead span {
  min-width: 22px;
  height: 22px;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  background: #0a111d;
  border: 1px solid rgba(113,134,165,.25);
  font-size: 12px;
  font-weight: 700;
}

.brokerTaskColumn.overdue .brokerColumnHead h3 { color: #ff6b6b; }
.brokerTaskColumn.actual .brokerColumnHead h3 { color: #f1d58b; }
.brokerTaskColumn.no_deadline .brokerColumnHead h3 { color: #d7dde8; }
.brokerTaskColumn.assigned_by_me .brokerColumnHead h3 { color: #6aa7ff; }
.brokerTaskColumn.done .brokerColumnHead h3 { color: #8bbf9f; }

.brokerTaskCard {
  display: grid !important;
  grid-template-columns: 26px 1fr !important;
  grid-gap: 10px !important;
  gap: 10px !important;
  align-items: flex-start;
  min-height: 92px !important;
  padding: 12px !important;
  margin-top: 10px;
  border-radius: 14px !important;
  background: #0b111d !important;
  border: 1px solid rgba(113,134,165,.24) !important;
  box-shadow: inset 3px 0 0 rgba(36,199,217,.70) !important;
}

.brokerTaskCard.overdue {
  border-color: rgba(255,107,107,.55) !important;
  box-shadow: inset 3px 0 0 #ff6b6b !important;
}

.brokerTaskCard.priority-high {
  border-color: rgba(233,196,106,.42) !important;
  box-shadow: inset 3px 0 0 var(--bc-money) !important;
}

.brokerTaskCard.done {
  opacity: .62;
  text-decoration: none;
  box-shadow: inset 3px 0 0 rgba(95,191,143,.55) !important;
}

.taskCheck {
  width: 22px !important;
  height: 22px !important;
  min-height: 22px !important;
  padding: 0 !important;
  margin-top: 2px;
  border-radius: 7px !important;
  background: transparent !important;
  border: 2px solid rgba(157,168,186,.55) !important;
  color: #9bd7b3 !important;
  box-shadow: none !important;
  font-size: 13px !important;
}

.taskCheck.done {
  background: rgba(95,191,143,.18) !important;
  border-color: rgba(95,191,143,.70) !important;
}

.brokerTaskBody {
  display: grid;
  grid-gap: 7px;
  gap: 7px;
  min-width: 0;
}

.brokerTaskTitle {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
}

.brokerTaskTitle strong {
  font-size: 14px !important;
  line-height: 1.22 !important;
  font-weight: 650 !important;
  color: var(--bc-text);
}

.statusPill {
  flex: 0 0 auto;
  display: inline-flex;
  border-radius: 999px;
  padding: 3px 7px;
  font-size: 10px;
  font-weight: 700;
  color: #8bdce5;
  border: 1px solid rgba(36,199,217,.35);
  background: rgba(36,199,217,.08);
}

.statusPill.status-done {
  color: #9bd7b3;
  border-color: rgba(95,191,143,.35);
  background: rgba(95,191,143,.08);
}

.brokerTaskMeta,
.brokerTaskFooter {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  color: var(--bc-muted);
  font-size: 11px;
}

.brokerTaskBody p {
  margin: 0;
  color: #c7d0df;
  font-size: 12px;
  line-height: 1.32;
}

.brokerTaskFooter {
  justify-content: space-between;
  border-top: 1px solid rgba(113,134,165,.12);
  padding-top: 6px;
}

.brokerEmpty {
  min-height: 58px !important;
  margin-top: 10px;
  display: grid;
  place-items: center;
  font-size: 13px;
}

@media (max-width: 1250px) {
  .brokerTaskBoard {
    grid-template-columns: repeat(5, 250px) !important;
  }
}

/* Task board density correction: compact broker cards */
.bzStyleTasks {
  max-width: none !important;
  overflow: hidden !important;
}

.brokerTaskBoard {
  grid-template-columns: repeat(5, minmax(205px, 1fr)) !important;
  gap: 10px !important;
}

.brokerTaskColumn {
  min-width: 205px !important;
  padding: 9px !important;
}

.brokerTaskCard {
  grid-template-columns: 22px minmax(0, 1fr) !important;
  gap: 8px !important;
  min-height: auto !important;
  padding: 10px !important;
  margin-top: 8px !important;
  border-radius: 13px !important;
}

.taskCheck {
  width: 20px !important;
  height: 20px !important;
  min-height: 20px !important;
  border-radius: 6px !important;
}

.brokerTaskBody {
  gap: 5px !important;
  overflow: hidden;
}

.brokerTaskTitle {
  gap: 6px !important;
}

.brokerTaskTitle strong {
  font-size: 13px !important;
  line-height: 1.18 !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.statusPill {
  padding: 2px 6px !important;
  font-size: 9px !important;
}

.brokerTaskMeta {
  gap: 6px !important;
  font-size: 10.5px !important;
}

.brokerTaskBody p {
  font-size: 11px !important;
  line-height: 1.24 !important;
  color: #b9c3d3 !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.brokerTaskFooter {
  gap: 6px !important;
  padding-top: 5px !important;
  font-size: 10.5px !important;
}

.brokerColumnHead h3 {
  font-size: 12px !important;
}

.columnHint {
  font-size: 11px !important;
  margin-bottom: 8px !important;
}

@media (max-width: 1280px) {
  .brokerTaskBoard {
    grid-template-columns: repeat(5, 214px) !important;
  }
}

/* Task board 4-column final correction */
.brokerTaskBoard {
  grid-template-columns: repeat(4, minmax(230px, 1fr)) !important;
  width: 100% !important;
  overflow-x: hidden !important;
}

.brokerTaskColumn {
  min-width: 0 !important;
}

.brokerTaskFooter {
  display: grid !important;
  grid-template-columns: auto 1fr auto;
  align-items: center;
}

.brokerTaskFooter span:nth-child(2) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 1100px) {
  .brokerTaskBoard {
    grid-template-columns: repeat(4, 240px) !important;
    overflow-x: auto !important;
  }
}