@font-face {
  font-family: "Inter";
  src: url("fonts/InterVariable.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

body { margin: 0; padding: 0; background: #fff; font-family: Inter, ui-sans-serif, system-ui, sans-serif; }
#tkcrm {
  --bg: #fff;
  --paper: #fff;
  --text: #242424;
  --muted: #626262;
  --line: #e6e6e6;
  --blue: #413194;
  --soft: #eeebfb;
  --rail-color: #0c122d;
  --rail-ink: #fff;
  width: 100%;
  max-width: none;
  min-height: 100dvh;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  overflow: clip;
  background: #fff;
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
}
#tkcrm .shell { display: block; min-height: 100dvh; }
#tkcrm .workspace-chrome { position: sticky; top: 0; z-index: 80; }
#tkcrm main { min-width: 0; background: #fff; }
#tkcrm .workspace-topbar {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) minmax(170px, 300px) auto;
  align-items: center;
  gap: 10px;
  height: auto;
  min-height: 54px;
  padding: 6px 13px;
  background: var(--rail-color);
  border-bottom: 0;
}
#tkcrm .workspace-switch {
  justify-self: start;
  display: inline-grid;
  place-items: center;
  width: 42px;
  min-height: 36px;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}
#tkcrm .workspace-logo {
  display: block;
  width: 38px;
  height: 31px;
  object-fit: contain;
  filter: brightness(0) invert(1);
}
#tkcrm #workspace-search-launch {
  display: flex;
  align-items: center;
  gap: 7px;
  min-width: 0;
  min-height: 33px;
  padding: 4px 10px;
  border: 1px solid #dedede;
  border-radius: 20px;
  background: #fff;
  color: var(--muted);
  font-size: 12px;
  text-align: left;
  cursor: pointer;
}
#tkcrm #workspace-search-launch svg { width: 15px; height: 15px; flex: 0 0 15px; }
#tkcrm #workspace-search-launch span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#tkcrm #workspace-search-launch kbd { margin-left: auto; color: #757575; font: inherit; white-space: nowrap; }
#tkcrm .workspace-current { position: absolute; clip-path: inset(50%); width: 1px; height: 1px; overflow: hidden; }
#tkcrm .workspace-topbar .account { justify-self: end; margin: 0; }
#tkcrm .workspace-topbar #initial,
#tkcrm .workspace-topbar #initial img { width: 29px !important; height: 29px !important; }
#tkcrm #view { width: 100%; max-width: 1480px; margin-inline: auto; padding: 0 clamp(16px, 2.2vw, 30px) 28px; }
#tkcrm #view > .heading {
  margin: 0;
  padding: 14px 0 12px;
  border-bottom: 1px solid var(--line);
  margin-bottom: 12px;
  min-height: 57px;
}
#tkcrm #view > .heading h1 { font-size: 21px; line-height: 1.2; font-weight: 700; letter-spacing: -.025em; }
#tkcrm #view > .heading .small:empty { display: none; }
#tkcrm #view > .pendingheading { margin-top: 19px; padding: 0 0 7px; min-height: 0; border-bottom: 0; }
#tkcrm .pendingheading h2,
#tkcrm .workspace-properties h2 { margin: 0; font-size: 15px; font-weight: 690; letter-spacing: -.01em; }
#tkcrm .quiet,
#tkcrm .heading .headeractions button,
#tkcrm .detailnav .headeractions button { border-color: var(--line); border-radius: 7px; color: var(--text); }
#tkcrm .quiet:hover,
#tkcrm .heading .headeractions button:hover { background: #f2f2f2; }
#tkcrm .action,
#tkcrm .heading .headeractions [data-new],
#tkcrm .heading .headeractions [data-contact]:only-child,
#tkcrm .heading .headeractions [data-new-property]:only-child,
#tkcrm form .headeractions button:not([type="button"]) {
  background: #232323;
  border-color: #232323;
  color: #fff;
}
#tkcrm .action:hover,
#tkcrm .heading .headeractions [data-new]:hover,
#tkcrm .heading .headeractions [data-contact]:only-child:hover,
#tkcrm .heading .headeractions [data-new-property]:only-child:hover,
#tkcrm form .headeractions button:not([type="button"]):hover { background: #3c3c3c; color: #fff; }
#tkcrm :is(button, summary, input, select, textarea, a, [role="link"]):focus-visible { outline: 2px solid #694ce0; outline-offset: 2px; }

#tkcrm .workspace-property {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(110px, 19%) minmax(104px, 16%) 18px;
  align-items: center;
  gap: 11px;
  width: 100%;
  padding: 8px 6px;
  border: 0;
  border-bottom: 1px solid #ededed;
  background: #fff;
  text-align: left;
  font-size: 13px;
}
#tkcrm button.workspace-property { cursor: pointer; }
#tkcrm button.workspace-property:hover { background: #f7f7f8; }
#tkcrm .workspace-columns { color: var(--muted); font-size: 11px; }
#tkcrm .workspace-property-name { display: flex; align-items: center; gap: 8px; min-width: 0; }
#tkcrm .workspace-property-name strong { display: block; font-size: 13px; font-weight: 620; overflow-wrap: anywhere; }
#tkcrm .workspace-property-name small { display: block; color: var(--muted); font-size: 10px; }
#tkcrm .workspace-thumbnail { display: grid; place-items: center; flex: 0 0 33px; height: 29px; border-radius: 4px; overflow: hidden; background: #fff; }
#tkcrm .workspace-thumbnail img { width: 100%; height: 29px; border-radius: 0; }
#tkcrm .workspace-property > svg,
#tkcrm .workspace-thumbnail > svg { width: 14px; height: 14px; color: #747474; }
#tkcrm .workspace-property-price { font-variant-numeric: tabular-nums; font-weight: 630; }

#tkcrm .taskworkspace > .taskfilterbar { margin-bottom: 10px; }
#tkcrm .taskfilterbar select { background: #fff; border-color: var(--line); }
#tkcrm .workspace-task-columns { display: none; }
#tkcrm :is(.taskworkspace, .propertytasksections) > .tasksection {
  --group-accent: #fff;
  --group-background: #000;
  margin: 0 0 10px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: #fff;
}
#tkcrm :is(.taskworkspace, .propertytasksections) > .tasksection-overdue { --group-accent: #fff; --group-background: #c62a2f; }
#tkcrm :is(.taskworkspace, .propertytasksections) > .tasksection-dated { --group-accent: #181818; --group-background: #ed5f00; }
#tkcrm .tasksection > summary {
  display: flex;
  align-items: center;
  gap: 6px;
  min-height: 40px;
  padding: 5px 6px;
  color: #626262;
  cursor: pointer;
}
#tkcrm .tasksection > summary::-webkit-details-marker { display: none; }
#tkcrm .tasksection > summary svg { width: 14px; height: 14px; }
#tkcrm .tasksection:not([open]) > summary svg { transform: rotate(-90deg); }
#tkcrm .workspace-group-label { padding: 3px 7px; border-radius: 5px; background: var(--group-background); color: var(--group-accent); font-size: 10px; font-weight: 740; letter-spacing: .025em; text-transform: uppercase; }
#tkcrm .tasksection > summary .sectioncount { background: transparent; color: #626262; }
#tkcrm .tasksection > .empty { padding: 7px; border-bottom: 1px solid #ededed; }
#tkcrm .tasksection .task { border-color: #ededed; }
#tkcrm .tasksection .task:hover { background: #f9f9f9; }
#tkcrm .tasksection .tasktitle { color: #282828; }
#tkcrm .tasksection .tasktitle button { font-weight: 570; }
#tkcrm .tasksection .tasktitle button:hover { color: #413194; }
#tkcrm .tasksection .taskcompletioncell > input[type="checkbox"] { border-radius: 50%; }
#tkcrm .task .taskstatus-0, #tkcrm #taskform .taskstatus-0 { background: #cb1d63 !important; color: #fff !important; }
#tkcrm .task .taskstatus-1, #tkcrm #taskform .taskstatus-1 { background: #ed5f00 !important; color: #181818 !important; }
#tkcrm .task .taskstatus-2, #tkcrm #taskform .taskstatus-2 { background: #000 !important; color: #fff !important; }
#tkcrm .task .taskstatus-3, #tkcrm #taskform .taskstatus-3 { background: #299764 !important; color: #101810 !important; }
#tkcrm .task .taskstatus-4, #tkcrm #taskform .taskstatus-4 { background: #9c2bad !important; color: #fff !important; }
#tkcrm .task .taskstatus-5, #tkcrm #taskform .taskstatus-5 { background: #ffc53d !important; color: #201908 !important; }
#tkcrm .task .taskstatus-6, #tkcrm #taskform .taskstatus-6 { background: #2209fa !important; color: #fff !important; }
#tkcrm .task .taskstatus,
#tkcrm #taskform .taskstatus {
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
  font-size: 11px;
  font-weight: 650;
  letter-spacing: .015em;
  text-transform: uppercase;
}
#tkcrm .task .taskstateselect,
#tkcrm #taskform select.taskstatus {
  appearance: none;
  display: block;
  width: 100%;
  min-width: 0;
  max-width: none;
  min-height: 30px;
  padding: 6px 8px;
  border: 0;
  border-radius: 7px;
  cursor: pointer;
}
#tkcrm .panel,
#tkcrm .propertyhero { border-color: var(--line); background: #fff; }
#tkcrm .detailtabs button.active,
#tkcrm .tabs button.active { color: #282828; background: #fff; box-shadow: inset 0 -2px #0c122d; }

#tkcrm #workspace-search {
  width: min(540px, calc(100vw - 32px));
  max-height: min(560px, 85dvh);
  margin: 9vh auto auto;
  padding: 14px;
  border: 1px solid #ddd;
  border-radius: 12px;
  color: var(--text);
  box-shadow: 0 16px 48px #14141427;
}
#tkcrm #workspace-search::backdrop { background: #1d1d1d55; }
#tkcrm .workspace-search-head { display: flex; align-items: end; gap: 8px; }
#tkcrm .workspace-search-head label { flex: 1; font-weight: 650; }
#tkcrm .workspace-search-head > button { display: grid; place-items: center; width: 38px; height: 38px; padding: 6px; cursor: pointer; }
#tkcrm .workspace-search-head svg { width: 16px; height: 16px; }
#tkcrm .workspace-search-results { display: grid; gap: 2px; margin-top: 9px; }
#tkcrm .workspace-search-results button { display: flex; justify-content: space-between; gap: 10px; padding: 8px; border: 0; border-radius: 5px; background: #fff; text-align: left; cursor: pointer; }
#tkcrm .workspace-search-results button:hover,
#tkcrm .workspace-search-results button:focus-visible { background: #f1effa; }
#tkcrm .workspace-search-results small { color: var(--muted); white-space: nowrap; }

@media (min-width: 761px) {
  #tkcrm :is(.taskworkspace, .propertytasksections) {
    --task-columns: minmax(165px, 1fr) 82px 91px 84px 112px 142px 106px;
  }
  #tkcrm .workspace-task-columns,
  #tkcrm :is(.taskworkspace, .propertytasksections) :is(.tasksection, .taskarchivecontent) > .task {
    display: grid;
    grid-template-columns: var(--task-columns);
    align-items: center;
    gap: 9px;
    padding-inline: 8px;
    min-width: 0;
  }
  #tkcrm .workspace-task-columns { padding-block: 8px; border-bottom: 1px solid #ededed; color: var(--muted); font-size: 11px; }
  #tkcrm .taskarchivecontent { padding-inline: 0; }
  #tkcrm :is(.tasksection, .taskarchivecontent) .taskdatecell .deadlinewrap { align-items: flex-start; }
  #tkcrm :is(.tasksection, .taskarchivecontent) .taskdatecell .deadlinelabel { display: none; }
  #tkcrm .workspace-task-columns .task-column-actions { text-align: center; }
  #tkcrm :is(.taskworkspace, .propertytasksections) :is(.tasksection, .taskarchivecontent) > .task { padding-block: 8px; min-height: 54px; }
  #tkcrm :is(.tasksection, .taskarchivecontent) .task > div { grid-row: 1; justify-self: stretch; align-self: center; min-width: 0; }
  #tkcrm :is(.tasksection, .taskarchivecontent) .task > .taskmain { grid-column: 1; overflow-wrap: anywhere; }
  #tkcrm :is(.tasksection, .taskarchivecontent) .task > .taskpersoncell { grid-column: 2; }
  #tkcrm :is(.tasksection, .taskarchivecontent) .task > .taskdatecell { grid-column: 3; }
  #tkcrm :is(.tasksection, .taskarchivecontent) .task > .tasktypecell { grid-column: 4; }
  #tkcrm :is(.tasksection, .taskarchivecontent) .task > .taskprioritycell { grid-column: 5; }
  #tkcrm :is(.tasksection, .taskarchivecontent) .task > .taskstatecell { grid-column: 6; }
  #tkcrm :is(.tasksection, .taskarchivecontent) .task > .taskcompletioncell { grid-column: 7; min-width: 0; justify-content: center; gap: 4px; }
}
@media (min-width: 761px) and (max-width: 959px) {
  #tkcrm :is(.taskworkspace, .propertytasksections) {
    --task-columns: minmax(130px, 1fr) 56px 70px 64px 96px 119px 98px;
  }
  #tkcrm .workspace-task-columns,
  #tkcrm :is(.taskworkspace, .propertytasksections) :is(.tasksection, .taskarchivecontent) > .task { gap: 6px; }
  #tkcrm :is(.tasksection, .taskarchivecontent) .task > .taskdatecell { width: auto; }
}
#tkcrm .task-mobile-status-label { display: none; }
@media (max-width: 760px) {
  #tkcrm .task:has(> .taskstatecell > .task-mobile-status-label) {
    grid-template-columns: minmax(0, 1fr) minmax(0, auto) minmax(0, auto) auto;
    align-items: center;
    gap: 7px 8px;
    padding: 12px 0 9px;
  }
  #tkcrm .task:has(> .taskstatecell > .task-mobile-status-label) > div { min-width: 0; align-self: center; }
  #tkcrm .task:has(> .taskstatecell > .task-mobile-status-label) > .taskmain {
    grid-column: 1 / -1;
    grid-row: 1;
    overflow-wrap: anywhere;
  }
  #tkcrm .task:has(> .taskstatecell > .task-mobile-status-label) .tasktitle { font-size: 14px; }
  #tkcrm .task:has(> .taskstatecell > .task-mobile-status-label) > .taskstatecell {
    grid-column: 1 / 4;
    grid-row: 2;
    display: flex;
    align-items: center;
    gap: 7px;
  }
  #tkcrm .task-mobile-status-label { display: inline; font-size: 11px; color: var(--muted); }
  #tkcrm .task:has(> .taskstatecell > .task-mobile-status-label) .taskstateselect {
    width: auto;
    min-width: 104px;
    max-width: calc(100% - 28px);
    min-height: 38px;
    padding: 5px 10px;
    font-size: 11px;
    text-align: center;
  }
  #tkcrm .task:has(> .taskstatecell > .task-mobile-status-label) > .taskdatecell {
    grid-column: 4;
    grid-row: 2;
    width: auto;
    justify-self: end;
  }
  #tkcrm .task:has(> .taskstatecell > .task-mobile-status-label) .deadlinewrap { align-items: flex-end; }
  #tkcrm .task:has(> .taskstatecell > .task-mobile-status-label) .deadlinelabel { display: none; }
  #tkcrm .task:has(> .taskstatecell > .task-mobile-status-label) > .tasktypecell { grid-column: 1; grid-row: 3; }
  #tkcrm .task:has(> .taskstatecell > .task-mobile-status-label) > .taskprioritycell { grid-column: 2; grid-row: 3; justify-self: start; }
  #tkcrm .task:has(> .taskstatecell > .task-mobile-status-label) > .taskpersoncell { grid-column: 3; grid-row: 3; }
  #tkcrm .task:has(> .taskstatecell > .task-mobile-status-label) > .taskcompletioncell { grid-column: 4; grid-row: 3; gap: 3px; }
  #tkcrm .task:has(> .taskstatecell > .task-mobile-status-label) .taskcompletioncell button { min-width: 28px; min-height: 32px; }
  #tkcrm .taskarchivecontent { padding-inline: 6px; }
}
@media (min-width: 761px) and (max-width: 1059px) {
  #tkcrm .grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  #tkcrm #workspace-search-launch kbd { display: none; }
  #tkcrm #workspace-search-launch span { font-size: 11px; }
  #tkcrm #view { padding: 0 12px 20px; }
  #tkcrm #view > .heading > div:first-child,
  #tkcrm .detailnav > [data-back] { padding-right: 0; }
  #tkcrm #view > .heading > .headeractions { margin-top: 0; gap: 6px; }
  #tkcrm #view > .heading > .headeractions button { font-size: 11px; padding-inline: 6px; }
  #tkcrm .workspace-property { grid-template-columns: minmax(0, 1fr) minmax(67px, 24%) minmax(75px, 25%); gap: 5px; font-size: 11px; }
  #tkcrm .workspace-property > :last-child { display: none; }
  #tkcrm .workspace-property .badge { font-size: 9px; letter-spacing: 0; padding: 3px; }
  #tkcrm .workspace-thumbnail { display: none; }
  #tkcrm .workspace-property-name strong { font-size: 12px; }
}
#tkcrm .grid { gap: 15px; }
#tkcrm .grid > .property {
  gap: 10px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 13px;
  background: #fff;
  box-shadow: 0 2px 4px #37216006;
}
#tkcrm .grid > .property[role="link"]:hover { border-color: #c9b6f6; box-shadow: 0 5px 16px #5d3da414; }
#tkcrm .grid > .property .cardupper {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  grid-template-rows: 142px auto auto auto auto auto;
  column-gap: 8px;
  row-gap: 5px;
}
#tkcrm .grid > .property .carduppervisual > .propertyphotolink {
  grid-column: 1 / -1;
  grid-row: 1;
  height: 100%;
  min-height: 0;
  max-height: none;
  margin: 0;
  border-radius: 8px;
  background: #fff;
}
#tkcrm .grid > .property .carduppervisual > :is(.badge, .inlineedit) {
  grid-column: 1 / -1;
  grid-row: 1;
  z-index: 1;
  margin: 8px;
  border: 1px solid #ffffffc7;
  border-radius: 6px;
  box-shadow: 0 1px 4px #25213a1a;
}
#tkcrm .grid > .property .cardupperinfo > h3 {
  grid-column: 1 / -1;
  grid-row: 2;
  padding: 3px 2px 0;
  font-size: 15px;
  font-weight: 720;
  line-height: 1.3;
}
#tkcrm .grid > .property .cardupperinfo > .cardid { grid-column: 1 / -1; grid-row: 3; color: var(--muted); }
#tkcrm .grid > .property .cardupperinfo > span.small { grid-column: 1; grid-row: 4; }
#tkcrm .grid > .property .cardupperinfo > .price { grid-column: 1; grid-row: 5; }
#tkcrm .grid > .property .cardupperinfo > .negotiationsummary { grid-column: 2; grid-row: 4 / 6; }
#tkcrm .grid > .property .propertyparties {
  grid-column: 1 / -1;
  grid-row: 6;
  padding: 8px 0 0;
  margin-top: 3px;
  border-top: 1px solid var(--line);
}
#tkcrm .grid > .property .cardupperinfo > .price,
#tkcrm .grid > .property .cardupperinfo > .negotiationsummary .inlineprice { overflow-wrap: anywhere; }
#tkcrm .grid > .property .propertyparties .propertyrole { color: var(--muted); }


#tkcrm #mainnavigation {
  display: flex;
  justify-content: flex-start;
  gap: 4px;
  min-width: 0;
  margin: 0;
  padding: 0;
  background: var(--rail-color);
  color: var(--rail-ink);
}
#tkcrm #mainnavigation button {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 7px;
  min-width: 0;
  min-height: 39px;
  padding: 5px clamp(5px, 1vw, 14px);
  border: 0;
  border-radius: 5px;
  background: transparent;
  box-shadow: none;
  color: var(--rail-ink);
  font-size: 12px;
  font-weight: 620;
  line-height: 1.15;
  text-align: left;
  white-space: nowrap;
  cursor: pointer;
}
#tkcrm #mainnavigation button > svg { flex: 0 0 17px; width: 17px; height: 17px; stroke-width: 1.8; }
#tkcrm #mainnavigation button:hover { background: color-mix(in srgb, var(--rail-ink) 11%, transparent); }
#tkcrm #mainnavigation button.active { background: color-mix(in srgb, var(--rail-ink) 17%, transparent); box-shadow: inset 0 -2px var(--rail-ink); }
#tkcrm #mainnavigation button:focus-visible { outline: 2px solid var(--rail-ink); outline-offset: -2px; }
#tkcrm #mainnavigation #notifications-button #notification-count {
  display: inline-grid;
  place-items: center;
  margin: 0;
  min-width: 15px;
  height: 15px;
  padding: 0 3px;
  border-radius: 9px;
  color: #fff;
  background: #cb1d63;
  font-size: 9px;
}
#tkcrm #mainnavigation #notification-count[hidden] { display: none; }

#tkcrm .appearance-panel { margin-top: 0; }
#tkcrm .appearance-panel fieldset { margin: 0; padding: 0; border: 0; }
#tkcrm .appearance-panel legend { padding: 0; margin-bottom: 10px; color: var(--muted); }
#tkcrm .rail-swatches { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
#tkcrm .rail-swatches > button {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  padding: 4px;
  border: 1px solid #0002;
  border-radius: 7px;
  color: #fff;
  background: var(--swatch);
  cursor: pointer;
}
#tkcrm .rail-swatches > button svg { width: 16px; visibility: hidden; }
#tkcrm .rail-swatches > button[aria-pressed="true"] svg { visibility: visible; }
#tkcrm .rail-swatches .rail-custom { display: flex; align-items: center; gap: 8px; margin-left: 4px; font-size: 12px; }
#tkcrm .rail-swatches #rail-custom-color { width: 36px; height: 34px; padding: 3px; cursor: pointer; }

#tkcrm .documents-workspace { margin-top: 13px; }
#tkcrm .documents-toolbar { display: flex; align-items: end; flex-wrap: wrap; gap: 8px; }
#tkcrm .documents-toolbar label:not(.upload-label) { flex: 0 1 245px; min-width: 120px; color: var(--muted); font-size: 12px; }
#tkcrm .documents-toolbar .upload-label { min-height: 36px; background: #232323; color: #fff; }
#tkcrm .documents-workspace .documentrow { padding-inline: 4px; }
#tkcrm .documents-workspace .documentpreviewlink { overflow-wrap: anywhere; }
#tkcrm .documents-workspace .documentrow > div { min-width: 0; }

@media (max-width: 760px) {
  #tkcrm .workspace-topbar {
    grid-template-columns: auto minmax(80px, 1fr) auto;
    grid-template-areas: "logo search account" "navigation navigation navigation";
    gap: 0 10px;
    padding: 0 0 3px;
  }
  #tkcrm .workspace-switch { grid-area: logo; margin: 6px 0 6px 10px; }
  #tkcrm #workspace-search-launch { grid-area: search; }
  #tkcrm .workspace-topbar .account { grid-area: account; margin-right: 10px; }
  #tkcrm #mainnavigation { grid-area: navigation; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 1px; padding-inline: 3px; }
  #tkcrm #mainnavigation button { flex-direction: column; justify-content: center; text-align: center; gap: 4px; font-size: clamp(8px, 2.25vw, 11px); min-height: 47px; padding-inline: 0; }
  #tkcrm #mainnavigation #notifications-button #notification-count { position: absolute; top: 3px; left: calc(50% + 6px); }
  #tkcrm .documents-toolbar label:not(.upload-label) { flex: 1 1 135px; }
  #tkcrm .documents-workspace .documentrow { grid-template-columns: 18px minmax(0,1fr) auto 28px; gap: 5px; }
  #tkcrm .documents-workspace .documentrow .quiet { padding-inline: 5px; font-size: 10px; }
}

#tkcrm #view,
#tkcrm .foot,
#tkcrm .contactpanel select,
#tkcrm .contactfilterbar select,
#tkcrm .propertyheroimage,
#tkcrm .detailpricing .commissionsplit > div {
  background: #fff;
}

#tkcrm button.workspace-property { background: var(--stage-row, #fff); }
#tkcrm button.workspace-property:hover { background: color-mix(in srgb, var(--stage-row, #fff) 91%, #141443); }
#tkcrm .property-row-stage-0, #tkcrm :is(.property .badge, .propertystageselect).stage-0 { --stage-row: #f5efeb; --stage-badge: #a18072; --stage-ink: #181818; }
#tkcrm .property-row-stage-1, #tkcrm :is(.property .badge, .propertystageselect).stage-1 { --stage-row: #eef1fa; --stage-badge: #141443; --stage-ink: #fff; }
#tkcrm .property-row-stage-2, #tkcrm :is(.property .badge, .propertystageselect).stage-2 { --stage-row: #fff5d8; --stage-badge: #ffc53d; --stage-ink: #201908; }
#tkcrm .property-row-stage-3, #tkcrm :is(.property .badge, .propertystageselect).stage-3 { --stage-row: #fff1e6; --stage-badge: #ed5f00; --stage-ink: #181818; }
#tkcrm .property-row-stage-4, #tkcrm :is(.property .badge, .propertystageselect).stage-4 { --stage-row: #eaf6ef; --stage-badge: #299764; --stage-ink: #101810; }
#tkcrm .property-row-stage-5, #tkcrm :is(.property .badge, .propertystageselect).stage-5 { --stage-row: #f2f2f4; --stage-badge: #dedee3; --stage-ink: #393943; }
#tkcrm .property-row-stage-6, #tkcrm :is(.property .badge, .propertystageselect).stage-6 { --stage-row: #f6edf9; --stage-badge: #9c2bad; --stage-ink: #fff; }
#tkcrm .property-row-stage-7, #tkcrm :is(.property .badge, .propertystageselect).stage-7 { --stage-row: #eaeaec; --stage-badge: #34343c; --stage-ink: #fff; }
#tkcrm button.workspace-property .badge,
#tkcrm .grid > .property .badge,
#tkcrm .propertyhero .propertystageselect { background: var(--stage-badge, #f2f2f4) !important; color: var(--stage-ink, #242424) !important; }

@media (min-width: 761px) and (max-width: 1100px) {
  #tkcrm .workspace-topbar { grid-template-columns: auto minmax(0, 1fr) auto auto; gap: 7px; }
  #tkcrm #workspace-search-launch { justify-content: center; width: 34px; padding: 0; }
  #tkcrm #workspace-search-launch span,
  #tkcrm #workspace-search-launch kbd { display: none; }
  #tkcrm #mainnavigation button { gap: 5px; padding-inline: 6px; font-size: 11px; }
}

#tkcrm #account-menu {
  position: fixed;
  inset: auto;
  margin: 0;
  padding: 5px;
  width: 180px;
  border: 1px solid var(--line);
  border-radius: 9px;
  background: #fff;
  color: var(--text);
  box-shadow: 0 8px 24px #0c122d20;
}
#tkcrm .account-menu-name {
  padding: 7px 9px;
  border-bottom: 1px solid var(--line);
  font-size: 12px;
  font-weight: 650;
}
#tkcrm #account-menu button {
  display: block;
  width: 100%;
  padding: 8px 9px;
  border: 0;
  border-radius: 5px;
  background: #fff;
  text-align: left;
  cursor: pointer;
}
#tkcrm #account-menu button:hover,
#tkcrm #account-menu button:focus-visible { background: #f3f3f7; }
#tkcrm #account-logout { color: #a22e43; }
#tkcrm .account-panel { max-width: 540px; }
#tkcrm .account-panel [aria-pressed="true"] { background: #eef1fa; border-color: #141443; }
#tkcrm .workspace-signed-out {
  max-width: 440px;
  margin: min(14vh, 110px) auto 0;
  padding: 20px;
  text-align: center;
}
#tkcrm .workspace-signed-out img { margin-bottom: 13px; object-fit: contain; }
#tkcrm .workspace-signed-out .headeractions { justify-content: center; }