@charset "UTF-8";

/* src/styles.scss */
:root {
  --ink: #0E1417;
  --paper: #FFFFFF;
  --ground: #F2F5F6;
  --line: #DBE3E6;
  --line-strong: #B9C6CA;
  --text: #0E1417;
  --muted: #5A6B71;
  --cyan: #1BB8D4;
  --cyan-text: #0A7589;
  --cyan-tint: #E3F6FA;
  --cyan-on-tint: #0A7589;
  --plate-blue: #1747A6;
  --neutral-tint: #EDF1F2;
  --ok: #187A48;
  --ok-tint: #E6F4EC;
  --warn: #945800;
  --warn-tint: #FBF0DC;
  --bad: #B3322A;
  --bad-tint: #FBE7E5;
  --r-owner: #8B5CF6;
  --r-manager: #3B82F6;
  --r-super: #12A5B8;
  --r-attend: #0A93AD;
  --r-finance: #1E9E68;
  --r-washer: #7C8A90;
  --r-polish: #D98324;
  --f-patio: #0E8FA0;
  --f-agenda: #5B5BD6;
  --f-clientes: #2563EB;
  --f-servicos: #C2620E;
  --f-caixa: #187A48;
  --f-msg: #12A150;
  --f-dash: #0A7589;
  --f-config: #5A6B71;
  --action-bg: var(--ink);
  --action-fg: #FFFFFF;
  --nav-bg: var(--ink);
  --nav-fg: #C9D4D8;
  --nav-fg-strong: #FFFFFF;
  --row-sel: #F0F8FA;
  --scroll-thumb: #C4D0D4;
  --scroll-thumb-h: #A7B7BC;
  --login-art-bg: #0E1417;
  --login-art-fg: #E8F0F2;
  --login-art-strong: #FFFFFF;
  --login-art-muted: #B8C6CB;
  --shadow-float: 0 12px 32px -8px rgba(14, 20, 23, .22), 0 2px 6px rgba(14, 20, 23, .08);
  --btn-ok: #187A48;
  --btn-ok-h: #146A3E;
  --btn-ok-fg: #FFFFFF;
  --btn-bad: #B3322A;
  --btn-bad-h: #9A2A23;
  --btn-bad-fg: #FFFFFF;
  --btn-warn: #F0B24A;
  --btn-warn-h: #E9A93C;
  --btn-warn-fg: #0E1417;
  --scrim: rgba(8, 12, 14, .55);
  --seq1: #E3F6FA;
  --seq2: #B4E7F1;
  --seq3: #6FD0E4;
  --seq4: #1BB8D4;
  --seq5: #0A7589;
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --dur-fast: 120ms;
  --dur: 200ms;
  --ease: cubic-bezier(.2, .7, .2, 1);
  --f-display:
    "Schibsted Grotesk",
    "Helvetica Neue",
    Arial,
    sans-serif;
  --f-body:
    "Onest",
    "Segoe UI",
    Roboto,
    system-ui,
    sans-serif;
  --f-data:
    "IBM Plex Mono",
    ui-monospace,
    Consolas,
    monospace;
}
[data-theme=dark] {
  --paper: #12191C;
  --ground: #0C1215;
  --line: #243238;
  --line-strong: #33454C;
  --text: #E8F0F2;
  --muted: #93A4AA;
  --cyan-text: #2CC6E0;
  --cyan-tint: #0F2F36;
  --cyan-on-tint: #8FE3F1;
  --neutral-tint: #1A2429;
  --ok: #4CC98A;
  --ok-tint: #10291D;
  --warn: #F0B24A;
  --warn-tint: #2E2210;
  --bad: #F07A70;
  --bad-tint: #331614;
  --r-owner: #A78BFA;
  --r-manager: #5B93F7;
  --r-super: #2CC6D8;
  --r-attend: #4CD5EC;
  --r-finance: #4CC98A;
  --r-washer: #93A4AA;
  --r-polish: #F0A24A;
  --f-patio: #2CC6D8;
  --f-agenda: #8B8BF0;
  --f-clientes: #5B93F7;
  --f-servicos: #F0A24A;
  --f-caixa: #4CC98A;
  --f-msg: #4CD08A;
  --f-dash: #2CC6E0;
  --f-config: #93A4AA;
  --action-bg: #FFFFFF;
  --action-fg: var(--ink);
  --nav-bg: #080C0E;
  --row-sel: #15242A;
  --scroll-thumb: #2A3A41;
  --scroll-thumb-h: #3C525B;
  --login-art-bg: #0E1417;
  --login-art-fg: #E8F0F2;
  --login-art-strong: #FFFFFF;
  --login-art-muted: #B8C6CB;
  --shadow-float: 0 12px 32px -8px rgba(0, 0, 0, .6), 0 0 0 1px #243238;
  --btn-ok: #4CC98A;
  --btn-ok-h: #3DB97A;
  --btn-ok-fg: #0E1417;
  --btn-bad: #F07A70;
  --btn-bad-h: #E86A60;
  --btn-bad-fg: #0E1417;
  --scrim: rgba(0, 0, 0, .7);
  --seq1: #133038;
  --seq2: #1A5360;
  --seq3: #1F7F92;
  --seq4: #1BB8D4;
  --seq5: #8FE3F1;
}
.label {
  font: 600 12px/1.2 var(--f-body);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--muted);
}
.mono {
  font-family: var(--f-data);
}
.sub {
  display: block;
  font-size: 12px;
  color: var(--muted);
}
.muted {
  color: var(--muted);
}
.money {
  font-variant-numeric: tabular-nums;
  font-weight: 500;
  white-space: nowrap;
}
.btn {
  font: 600 14px/1 var(--f-body);
  height: 40px;
  padding: 0 16px;
  border-radius: var(--radius-sm);
  border: 1px solid transparent;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  white-space: nowrap;
  transition:
    background var(--dur-fast) var(--ease),
    border-color var(--dur-fast) var(--ease),
    box-shadow var(--dur-fast) var(--ease);
}
.btn:focus-visible {
  outline: 2px solid var(--cyan);
  outline-offset: 2px;
}
.btn-primary {
  background: var(--action-bg);
  color: var(--action-fg);
}
.btn-primary:hover {
  box-shadow: inset 0 -3px 0 var(--cyan);
}
.btn-secondary {
  background: var(--paper);
  color: var(--text);
  border-color: var(--line-strong);
}
.btn-secondary:hover {
  border-color: var(--text);
}
.btn-ghost {
  background: transparent;
  color: var(--text);
}
.btn-ghost:hover {
  background: var(--neutral-tint);
}
.btn-danger {
  background: transparent;
  color: var(--bad);
  border-color: var(--bad);
}
.btn-danger:hover {
  background: var(--bad-tint);
}
.btn-ok {
  background: var(--btn-ok);
  color: var(--btn-ok-fg);
}
.btn-ok:hover {
  background: var(--btn-ok-h);
}
.btn-bad {
  background: var(--btn-bad);
  color: var(--btn-bad-fg);
}
.btn-bad:hover {
  background: var(--btn-bad-h);
}
.btn-warn {
  background: var(--btn-warn);
  color: var(--btn-warn-fg);
}
.btn-warn:hover {
  background: var(--btn-warn-h);
}
.btn-sm {
  height: 32px;
  padding: 0 12px;
  font-size: 13px;
}
.btn-block {
  width: 100%;
}
.btn[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
}
.field {
  display: grid;
  gap: 6px;
}
.field label {
  font: 500 13px var(--f-body);
}
.field label .opt {
  font-weight: 400;
  color: var(--muted);
}
.field input,
.field select {
  font: 400 15px var(--f-body);
  height: 40px;
  padding: 0 12px;
  border: 1px solid var(--line-strong);
  border-radius: var(--radius-sm);
  background: var(--paper);
  color: var(--text);
  width: 100%;
}
.field textarea {
  font: 400 15px var(--f-body);
  padding: 10px 12px;
  border: 1px solid var(--line-strong);
  border-radius: var(--radius-sm);
  background: var(--paper);
  color: var(--text);
  width: 100%;
  min-height: 72px;
  resize: vertical;
}
.field input:focus,
.field select:focus,
.field textarea:focus {
  outline: none;
  border-color: var(--cyan);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--cyan) 30%, transparent);
}
.field small {
  font-size: 12px;
  color: var(--muted);
}
.field.err input,
.field.err select,
.field.err textarea,
.field.err .cl-select-trigger {
  border-color: var(--bad);
  border-width: 1.5px;
  background: color-mix(in srgb, var(--bad-tint) 45%, var(--paper));
}
.field.err label {
  color: var(--bad);
}
.err-msg {
  display: flex;
  gap: 6px;
  align-items: center;
  color: var(--bad);
  font: 500 12px var(--f-body);
}
.err-msg::before {
  content: "!";
  display: grid;
  place-items: center;
  width: 14px;
  height: 14px;
  flex: none;
  border-radius: 999px;
  background: var(--bad);
  color: var(--paper);
  font-size: 10px;
  font-weight: 700;
}
.field.err small {
  color: var(--bad);
  font-weight: 500;
  display: flex;
  gap: 6px;
  align-items: center;
}
.field.err small::before {
  content: "!";
  display: grid;
  place-items: center;
  width: 14px;
  height: 14px;
  border-radius: 3px;
  background: var(--bad);
  color: var(--paper);
  font: 700 10px/1 var(--f-body);
  flex: none;
}
.lbl-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.link-btn {
  background: none;
  border: 0;
  color: var(--cyan-text);
  font: 600 12px var(--f-body);
  cursor: pointer;
  padding: 0;
}
.link-btn:hover {
  text-decoration: underline;
}
.card {
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  min-width: 0;
}
.tag {
  font: 600 11px var(--f-body);
  padding: 2px 8px;
  border-radius: var(--radius-xs);
  background: var(--neutral-tint);
  color: var(--muted);
  white-space: nowrap;
}
.tag.warn {
  background: var(--warn-tint);
  color: var(--warn);
}
.note {
  font-size: 13px;
  background: var(--ground);
  border-radius: var(--radius-sm);
  padding: 10px 12px;
  color: var(--muted);
}
.note b {
  color: var(--text);
  font-weight: 600;
}
.row {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  align-items: center;
}
.chips {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.chip {
  font: 500 13px var(--f-body);
  border: 1px solid var(--line-strong);
  background: var(--paper);
  color: var(--muted);
  border-radius: 999px;
  padding: 5px 12px;
  cursor: pointer;
}
.chip[aria-pressed=true] {
  background: var(--text);
  color: var(--paper);
  border-color: var(--text);
}
.content {
  padding: 24px;
  display: grid;
  gap: 20px;
  align-content: start;
  max-width: 1400px;
}
.titlebar {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}
.titlebar h3 {
  font: 700 24px var(--f-display);
}
.titlebar p {
  color: var(--muted);
  margin-top: 2px;
}
@media (max-width: 820px) {
  .content {
    padding: 16px;
  }
}
.form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px 16px;
}
.form-grid .full {
  grid-column: 1/-1;
}
.form-grid .field {
  max-width: none;
}
@media (max-width: 560px) {
  .form-grid {
    grid-template-columns: 1fr;
  }
}
.tbl {
  overflow-x: auto;
  scrollbar-width: thin;
  scrollbar-color: var(--scroll-thumb) transparent;
  overscroll-behavior-x: contain;
}
.tbl::-webkit-scrollbar {
  width: 9px;
  height: 9px;
}
.tbl::-webkit-scrollbar-thumb {
  background: var(--scroll-thumb);
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
.tbl:hover::-webkit-scrollbar-thumb {
  background: var(--scroll-thumb-h);
  background-clip: padding-box;
}
.tbl table {
  min-width: 560px;
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}
.tbl th {
  padding: 10px 16px;
  font: 600 11px var(--f-body);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--muted);
  border-bottom: 1px solid var(--line);
  text-align: left;
  white-space: nowrap;
}
.tbl td {
  padding: 12px 16px;
  border-bottom: 1px solid var(--line);
}
.tbl tr:last-child td {
  border-bottom: 0;
}
.tbl .r {
  text-align: right;
}
.set-grid {
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
  gap: 20px;
  align-items: start;
}
.set-nav {
  display: grid;
  gap: 2px;
  padding: 8px;
}
.set-nav button {
  text-align: left;
  border: 0;
  background: transparent;
  border-radius: var(--radius-sm);
  padding: 9px 12px;
  cursor: pointer;
  color: var(--muted);
  font: 500 14px var(--f-body);
}
.set-nav button[aria-current=true] {
  background: var(--paper);
  color: var(--text);
  box-shadow: inset 2px 0 0 var(--cyan);
}
.rowset {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 14px 0;
  border-bottom: 1px solid var(--line);
  flex-wrap: wrap;
}
.rowset:last-child {
  border-bottom: 0;
}
.sw {
  width: 40px;
  height: 24px;
  border-radius: 999px;
  background: var(--line-strong);
  position: relative;
  cursor: pointer;
  flex: none;
  border: 0;
}
.sw::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 18px;
  height: 18px;
  border-radius: 999px;
  background: #fff;
  transition: left 0.15s;
}
.sw[aria-checked=true] {
  background: var(--cyan);
}
.sw[aria-checked=true]::after {
  left: 19px;
}
@media (max-width: 1180px) {
  .set-grid {
    grid-template-columns: 1fr;
  }
}
.cl-modal {
  background: var(--paper);
  color: var(--text);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-float);
  display: flex;
  flex-direction: column;
  max-height: calc(100dvh - 48px);
}
.cl-modal-h {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 20px 24px 0;
}
.cl-modal-h h4 {
  margin: 0;
  font: 700 19px/1.3 var(--f-display);
}
.cl-modal-h p {
  color: var(--muted);
  font-size: 14px;
  margin: 4px 0 0;
}
.cl-modal-b {
  padding: 16px 24px;
  display: grid;
  gap: 16px;
  overflow-y: auto;
  font-size: 14px;
}
.cl-modal-f {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  padding: 16px 24px;
  border-top: 1px solid var(--line);
  flex-wrap: wrap;
}
.cl-impact {
  background: var(--ground);
  border-radius: var(--radius-sm);
  padding: 12px 14px;
  display: grid;
  gap: 6px;
}
.cl-impact div {
  display: flex;
  justify-content: space-between;
  gap: 12px;
}
.cl-impact span {
  color: var(--muted);
}
.cl-form-sum {
  border: 1px solid var(--bad);
  background: var(--bad-tint);
  border-radius: var(--radius-sm);
  padding: 12px 14px;
  font-size: 14px;
}
.cl-form-sum b {
  display: block;
  color: var(--bad);
  margin-bottom: 4px;
}
.cl-form-sum ul {
  margin: 0;
  padding-left: 18px;
}
.cl-form-sum a {
  color: var(--text);
}
.cl-discard {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  background: var(--warn-tint);
  color: var(--text);
  padding: 12px 24px;
  font-size: 14px;
  border-top: 1px solid var(--line);
}
.cl-discard span {
  margin-right: auto;
  font-weight: 500;
}
.cl-empty {
  background: var(--paper);
  border: 1px dashed var(--line-strong);
  border-radius: var(--radius-md);
  padding: 24px;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 18px;
  align-items: center;
}
.cl-empty img {
  width: 96px;
  height: auto;
  border-radius: var(--radius-md);
}
.cl-empty h3 {
  font: 700 18px var(--f-display);
  margin: 0 0 6px;
}
.cl-empty p {
  font-size: 14px;
  color: var(--muted);
  margin: 0 0 12px;
}
@media (max-width: 820px) {
  .cl-modal-f .btn {
    flex: 1;
  }
  .cl-empty {
    grid-template-columns: 1fr;
    justify-items: start;
  }
}
.inbox {
  display: grid;
  grid-template-columns: 300px minmax(0, 1fr) 304px;
  border: 1px solid var(--line);
  border-radius: 10px;
  overflow: hidden;
  background: var(--paper);
  flex: 1;
  min-height: 0;
}
.ib-col {
  min-width: 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.ib-list {
  border-right: 1px solid var(--line);
}
.ib-detail {
  border-left: 1px solid var(--line);
  background: var(--ground);
}
.ib-bar {
  padding: 12px 14px;
  border-bottom: 1px solid var(--line);
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
  flex: none;
}
.ib-count {
  font-size: 12px;
  color: var(--muted);
  padding: 8px 14px 6px;
  margin: 0;
}
.ib-scroll {
  overflow-y: auto;
  flex: 1;
  min-height: 0;
  overscroll-behavior: contain;
}
.conv {
  display: grid;
  grid-template-columns: 40px 1fr;
  gap: 12px;
  padding: 12px 14px;
  border-bottom: 1px solid var(--line);
  cursor: pointer;
  position: relative;
}
.conv:hover {
  background: var(--ground);
}
.conv[aria-current] {
  background: var(--cyan-tint);
}
.conv[aria-current]::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background: var(--cyan);
}
.ib-av {
  width: 40px;
  height: 40px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  font: 600 13px var(--f-body);
  background: var(--neutral-tint);
  color: var(--text);
  flex: none;
}
.ct {
  min-width: 0;
  display: grid;
  gap: 3px;
}
.cn {
  display: flex;
  justify-content: space-between;
  gap: 8px;
}
.cn b {
  font-weight: 600;
  font-size: 14px;
}
.cn time {
  font: 500 11px var(--f-data);
  color: var(--muted);
  white-space: nowrap;
}
.cp {
  font-size: 12.5px;
  color: var(--muted);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cbadges {
  display: flex;
  gap: 6px;
  align-items: center;
  margin-top: 4px;
  min-height: 22px;
}
.ib-status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font: 600 12px var(--f-body);
  padding: 3px 8px;
  border-radius: 4px;
  white-space: nowrap;
}
.ib-status::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 1px;
  background: currentColor;
}
.ib-status.s-ok {
  background: var(--ok-tint);
  color: var(--ok);
}
.ib-status.s-run {
  background: var(--cyan-tint);
  color: var(--cyan-on-tint);
}
.ib-thread-h {
  padding: 12px 20px;
  border-bottom: 1px solid var(--line);
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  flex: none;
}
.who b {
  font-weight: 600;
}
.who span {
  display: block;
  font-size: 12px;
  color: var(--muted);
}
.ib-back {
  display: none;
  width: 34px;
  height: 34px;
  border: 0;
  background: transparent;
  color: var(--text);
  font-size: 22px;
  cursor: pointer;
  border-radius: 6px;
}
.ib-thread {
  flex: 1;
  overflow-y: auto;
  min-height: 0;
  overscroll-behavior: contain;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  background: var(--ground);
}
.daysep {
  align-self: center;
  margin: 6px 0;
  padding: 3px 12px;
  border-radius: 999px;
  background: var(--paper);
  border: 1px solid var(--line);
  font: 600 11px var(--f-body);
  color: var(--muted);
}
.wa-in,
.wa-out {
  max-width: 78%;
  padding: 8px 12px;
  border-radius: 10px;
  font-size: 13.5px;
  line-height: 1.45;
}
.wa-in {
  align-self: flex-start;
  background: var(--paper);
  border: 1px solid var(--line);
  border-bottom-left-radius: 2px;
}
.wa-out {
  align-self: flex-end;
  background: var(--cyan-tint);
  color: var(--text);
  border-bottom-right-radius: 2px;
}
.wa-time {
  display: block;
  font: 500 10px var(--f-data);
  color: var(--muted);
  margin-top: 4px;
  text-align: right;
}
.ib-compose {
  border-top: 1px solid var(--line);
  padding: 14px 16px;
  display: grid;
  gap: 12px;
  flex: none;
  background: var(--paper);
}
.ready-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.compose-in {
  flex: 1;
  height: 40px;
  padding: 0 16px;
  border: 1px solid var(--line-strong);
  border-radius: 999px;
  background: var(--paper);
  color: var(--text);
}
.ib-send {
  width: 42px;
  min-width: 42px;
  height: 42px;
  border-radius: 999px;
  padding: 0;
  flex: none;
}
.ib-send svg {
  width: 18px;
  height: 18px;
}
.det-pad {
  padding: 20px;
  overflow-x: hidden;
  overflow-y: auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 18px;
}
.det-pad > * {
  min-width: 0;
}
.det-id {
  display: grid;
  justify-items: center;
  gap: 8px;
  text-align: center;
}
.det-id .ib-av {
  width: 64px;
  height: 64px;
  font-size: 20px;
}
.det-id b {
  font: 700 18px var(--f-display);
}
.det-id .ph {
  font: 500 13px var(--f-data);
  color: var(--muted);
}
.det-card {
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: 14px 16px;
  display: grid;
  gap: 10px;
}
.det-card .dl {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  font-size: 13.5px;
}
.det-card .dl span {
  color: var(--muted);
}
.veh-mini {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 10px;
  padding: 10px 0;
  border-bottom: 1px solid var(--line);
}
.veh-mini:last-child {
  border-bottom: 0;
}
.vm-l {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  flex-wrap: wrap;
}
@media (max-width: 1180px) {
  .inbox {
    grid-template-columns: 280px minmax(0, 1fr);
  }
  .ib-detail {
    display: none;
  }
}
@media (max-width: 820px) {
  .inbox {
    grid-template-columns: 1fr;
  }
  .ib-list {
    border-right: 0;
  }
  .inbox.show-thread .ib-list {
    display: none;
  }
  .inbox:not(.show-thread) .ib-thread-col {
    display: none;
  }
  .ib-back {
    display: grid;
    place-items: center;
  }
  .ib-compose {
    padding-bottom: calc(14px + env(safe-area-inset-bottom));
  }
}
.var {
  display: inline-block;
  background: var(--cyan-tint);
  color: var(--cyan-on-tint);
  border-radius: 4px;
  padding: 0 5px;
  font: 500 12px var(--f-data);
}
cl-select {
  display: block;
}
.cl-select-trigger {
  box-sizing: border-box;
  width: 100%;
  height: 40px;
  padding: 0 12px;
  display: flex;
  align-items: center;
  gap: 8px;
  border: 1px solid var(--line-strong);
  border-radius: 6px;
  background: var(--paper);
  color: var(--text);
  font: 400 15px var(--f-body);
  cursor: pointer;
  text-align: left;
}
.cl-select-trigger .cl-select-val {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cl-select-trigger.ph .cl-select-val {
  color: var(--muted);
}
.cl-select-trigger .cl-select-chev {
  flex: none;
  color: var(--muted);
  transition: transform 0.15s ease-out;
}
.cl-select-trigger.open .cl-select-chev {
  transform: rotate(180deg);
}
.cl-select-trigger:hover:not(:disabled) {
  border-color: var(--text);
}
.cl-select-trigger.open,
.cl-select-trigger:focus-visible {
  outline: none;
  border-color: var(--cyan);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--cyan) 30%, transparent);
}
.cl-select-trigger:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}
.cl-select-panel {
  width: 100%;
  box-sizing: border-box;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 8px;
  box-shadow: var(--shadow-float);
  padding: 4px;
  display: grid;
  gap: 2px;
  max-height: 300px;
  overflow: hidden;
  min-width: 0;
}
.cl-select-search {
  box-sizing: border-box;
  height: 36px;
  padding: 0 10px;
  margin: 2px;
  border: 1px solid var(--line-strong);
  border-radius: 6px;
  background: var(--ground);
  color: var(--text);
  font: 400 14px var(--f-body);
  outline: none;
}
.cl-select-search:focus {
  border-color: var(--cyan);
}
.cl-select-list {
  overflow-y: auto;
  display: grid;
  gap: 2px;
}
.cl-select-opt {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
  text-align: left;
  border: 0;
  background: transparent;
  color: var(--text);
  font: 500 14px var(--f-body);
  padding: 9px 12px;
  border-radius: 6px;
  cursor: pointer;
}
.cl-select-opt:hover:not(:disabled),
.cl-select-opt:focus-visible {
  outline: none;
  background: var(--neutral-tint);
}
.cl-select-opt.sel {
  color: var(--cyan-text);
  font-weight: 600;
  background: var(--cyan-tint);
}
.cl-select-opt .cl-select-check {
  flex: none;
  color: var(--cyan-text);
}
.cl-select-opt:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.cl-select-empty {
  padding: 12px;
  color: var(--muted);
  font-size: 13px;
  text-align: center;
}
.role {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font: 600 11.5px var(--f-body);
  padding: 3px 9px;
  border-radius: 999px;
  white-space: nowrap;
}
.role::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: currentColor;
  flex: none;
}
.role.r-owner {
  color: var(--r-owner);
  background: color-mix(in srgb, var(--r-owner) 16%, transparent);
}
.role.r-manager {
  color: var(--r-manager);
  background: color-mix(in srgb, var(--r-manager) 16%, transparent);
}
.role.r-super {
  color: var(--r-super);
  background: color-mix(in srgb, var(--r-super) 16%, transparent);
}
.role.r-attend {
  color: var(--r-attend);
  background: color-mix(in srgb, var(--r-attend) 16%, transparent);
}
.role.r-finance {
  color: var(--r-finance);
  background: color-mix(in srgb, var(--r-finance) 16%, transparent);
}
.role.r-washer {
  color: var(--r-washer);
  background: color-mix(in srgb, var(--r-washer) 16%, transparent);
}
.role.r-polish {
  color: var(--r-polish);
  background: color-mix(in srgb, var(--r-polish) 16%, transparent);
}
.btn-feat {
  border: 0;
  color: #fff;
}
.btn-feat:hover {
  filter: brightness(1.07);
}
[data-theme=dark] .btn-feat {
  color: #0A0F11;
}
.btn-feat.f-patio {
  background: var(--f-patio);
}
.btn-feat.f-agenda {
  background: var(--f-agenda);
}
.btn-feat.f-clientes {
  background: var(--f-clientes);
}
.btn-feat.f-servicos {
  background: var(--f-servicos);
}
.btn-feat.f-caixa {
  background: var(--f-caixa);
}
.btn-feat.f-msg {
  background: var(--f-msg);
}
.btn-feat.f-dash {
  background: var(--f-dash);
}
.btn-feat.f-config {
  background: var(--f-config);
}
.btn,
.chip,
.seg button,
.tabs button,
.set-nav button,
.side a,
.conv,
.cl-select-opt,
.icon-btn,
.iconbtn,
.ev,
.cev,
.dropchip {
  position: relative;
  overflow: hidden;
}
.cl-ink {
  position: absolute;
  border-radius: 50%;
  transform: scale(0);
  background: currentColor;
  opacity: 0.22;
  pointer-events: none;
  animation: cl-ripple 0.5s var(--ease);
}
@keyframes cl-ripple {
  to {
    transform: scale(2.4);
    opacity: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .cl-ink {
    display: none;
  }
}
.sk {
  position: relative;
  overflow: hidden;
  background: var(--neutral-tint);
  border-radius: var(--radius-sm);
}
.sk::after {
  content: "";
  position: absolute;
  inset: 0;
  transform: translateX(-100%);
  background:
    linear-gradient(
      90deg,
      transparent,
      color-mix(in srgb, var(--paper) 60%, transparent),
      transparent);
  animation: cl-shimmer 1.2s infinite;
}
@keyframes cl-shimmer {
  to {
    transform: translateX(100%);
  }
}
.sk-line {
  height: 12px;
}
@media (prefers-reduced-motion: reduce) {
  .sk::after {
    animation: none;
  }
}
.scroll {
  scrollbar-width: thin;
  scrollbar-color: var(--scroll-thumb) transparent;
}
.scroll::-webkit-scrollbar {
  width: 9px;
  height: 9px;
}
.scroll::-webkit-scrollbar-thumb {
  background: var(--scroll-thumb);
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
.scroll:hover::-webkit-scrollbar-thumb {
  background: var(--scroll-thumb-h);
  background-clip: padding-box;
}
.live {
  color: var(--ok);
  font-weight: 600;
}
.live::before {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: var(--ok);
  margin-right: 5px;
  vertical-align: middle;
  animation: cl-pulse 2s var(--ease) infinite;
}
@keyframes cl-pulse {
  0% {
    box-shadow: 0 0 0 0 color-mix(in srgb, var(--ok) 55%, transparent);
  }
  70% {
    box-shadow: 0 0 0 6px transparent;
  }
  100% {
    box-shadow: 0 0 0 0 transparent;
  }
}
@media (prefers-reduced-motion: reduce) {
  .live::before {
    animation: none;
  }
}
.tabs button.tab-wash span {
  background: var(--cyan-tint);
  color: var(--cyan-on-tint);
}
.tabs button.tab-ready span {
  background: var(--ok-tint);
  color: var(--ok);
}
.tabs button[aria-selected=true].tab-wash {
  box-shadow: inset 0 -2px 0 var(--cyan);
}
.tabs button[aria-selected=true].tab-ready {
  box-shadow: inset 0 -2px 0 var(--ok);
}
.tabs button[aria-selected=true].tab-wait {
  box-shadow: inset 0 -2px 0 var(--muted);
}
.field input,
.field select,
.field textarea {
  box-sizing: border-box;
  max-width: 100%;
}
.seg {
  display: inline-flex;
  border: 1px solid var(--line-strong);
  border-radius: 6px;
  overflow: hidden;
  background: var(--paper);
}
.seg button {
  font: 500 13px var(--f-body);
  border: 0;
  background: transparent;
  color: var(--muted);
  padding: 7px 12px;
  cursor: pointer;
}
.seg button + button {
  border-left: 1px solid var(--line-strong);
}
.seg button[aria-pressed=true] {
  background: var(--text);
  color: var(--paper);
}
.kpis {
  display: grid;
  grid-template-columns: 1.4fr repeat(3, 1fr);
}
.kpi {
  padding: 20px 24px;
  display: grid;
  gap: 6px;
  align-content: start;
}
.kpi + .kpi {
  border-left: 1px solid var(--line);
}
.kpi .k-label {
  color: var(--muted);
  font-size: 13px;
}
.kpi .k-val {
  font: 600 26px/1.1 var(--f-body);
  letter-spacing: -0.01em;
}
.kpi.k-hero .k-val {
  font-size: 48px;
  letter-spacing: -0.02em;
}
.delta {
  font-size: 13px;
  color: var(--muted);
}
.delta b {
  font-weight: 600;
}
.delta.up b {
  color: var(--ok);
}
.delta.down b {
  color: var(--bad);
}
.dash-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr);
  gap: 20px;
}
.chart {
  position: relative;
  padding: 12px 20px 16px;
}
.chart svg {
  display: block;
  width: 100%;
  overflow: visible;
}
.c-grid {
  stroke: var(--line);
  stroke-width: 1;
}
.c-axis {
  fill: var(--muted);
  font: 500 11px var(--f-body);
}
.c-axis.num {
  font-family: var(--f-data);
  font-size: 10.5px;
}
.c-bar {
  fill: var(--cyan);
}
.c-lab {
  fill: var(--text);
  font: 600 11.5px var(--f-body);
}
.c-axisline {
  stroke: var(--line);
  stroke-width: 1;
}
.c-line {
  fill: none;
  stroke: var(--cyan);
  stroke-width: 2.5;
  stroke-linejoin: round;
  stroke-linecap: round;
}
.c-area {
  fill: var(--cyan);
  opacity: 0.12;
}
.c-dot {
  fill: var(--cyan);
}
.hbars {
  display: grid;
  gap: 14px;
  padding: 16px 20px 20px;
}
.hb {
  display: grid;
  gap: 6px;
}
.hb-top {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  font-size: 13px;
}
.hb-top b {
  color: var(--text);
  font-weight: 600;
}
.hb-top span:last-child {
  color: var(--muted);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.hb-track {
  height: 10px;
  background: var(--neutral-tint);
  border-radius: 999px;
  overflow: hidden;
}
.hb-bar {
  height: 100%;
  background: var(--cyan);
  border-radius: 999px;
}
.heat {
  padding: 16px 20px 20px;
  display: grid;
  gap: 12px;
}
.heat-grid {
  display: grid;
  grid-template-columns: 40px repeat(11, minmax(0, 1fr));
  gap: 2px;
  align-items: center;
}
.heat-grid .hl {
  font: 500 11px var(--f-body);
  color: var(--muted);
}
.heat-grid .hh {
  font: 500 10.5px var(--f-data);
  color: var(--muted);
  text-align: center;
  padding-top: 4px;
}
.cell {
  aspect-ratio: 1.5;
  border-radius: 3px;
  min-height: 14px;
}
.cell.closed {
  background: transparent;
  box-shadow: inset 0 0 0 1px var(--line);
}
.heat-legend {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: var(--muted);
  flex-wrap: wrap;
}
.heat-legend i {
  width: 18px;
  height: 10px;
  border-radius: 2px;
  display: inline-block;
}
.react ul {
  list-style: none;
  margin: 12px 0 0;
  padding: 0;
}
.react li {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 12px 20px;
  border-top: 1px solid var(--line);
}
.react b {
  font-weight: 500;
  display: block;
}
.react .r-av {
  width: 28px;
  height: 28px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  font: 600 11px var(--f-body);
  background: var(--neutral-tint);
  color: var(--text);
  flex: none;
}
.react .sub {
  display: block;
  font-size: 12px;
  color: var(--muted);
}
@media (max-width: 1180px) {
  .kpis {
    grid-template-columns: 1fr 1fr;
  }
  .kpi:nth-child(3) {
    border-left: 0;
  }
  .kpi:nth-child(n+3) {
    border-top: 1px solid var(--line);
  }
}
@media (max-width: 980px) {
  .dash-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 820px) {
  .kpis {
    grid-template-columns: 1fr;
  }
  .kpi + .kpi {
    border-left: 0;
    border-top: 1px solid var(--line);
  }
  .kpi.k-hero .k-val {
    font-size: 40px;
  }
}
html {
  --mat-sys-background: #faf9fd;
  --mat-sys-error: #ba1a1a;
  --mat-sys-error-container: #ffdad6;
  --mat-sys-inverse-on-surface: #f2f0f4;
  --mat-sys-inverse-primary: #abc7ff;
  --mat-sys-inverse-surface: #2f3033;
  --mat-sys-on-background: #1a1b1f;
  --mat-sys-on-error: #ffffff;
  --mat-sys-on-error-container: #93000a;
  --mat-sys-on-primary: #ffffff;
  --mat-sys-on-primary-container: #00458f;
  --mat-sys-on-primary-fixed: #001b3f;
  --mat-sys-on-primary-fixed-variant: #00458f;
  --mat-sys-on-secondary: #ffffff;
  --mat-sys-on-secondary-container: #3e4759;
  --mat-sys-on-secondary-fixed: #131c2b;
  --mat-sys-on-secondary-fixed-variant: #3e4759;
  --mat-sys-on-surface: #1a1b1f;
  --mat-sys-on-surface-variant: #44474e;
  --mat-sys-on-tertiary: #ffffff;
  --mat-sys-on-tertiary-container: #004f4f;
  --mat-sys-on-tertiary-fixed: #002020;
  --mat-sys-on-tertiary-fixed-variant: #004f4f;
  --mat-sys-outline: #74777f;
  --mat-sys-outline-variant: #c4c6d0;
  --mat-sys-primary: #005cbb;
  --mat-sys-primary-container: #d7e3ff;
  --mat-sys-primary-fixed: #d7e3ff;
  --mat-sys-primary-fixed-dim: #abc7ff;
  --mat-sys-scrim: #000000;
  --mat-sys-secondary: #565e71;
  --mat-sys-secondary-container: #dae2f9;
  --mat-sys-secondary-fixed: #dae2f9;
  --mat-sys-secondary-fixed-dim: #bec6dc;
  --mat-sys-shadow: #000000;
  --mat-sys-surface: #faf9fd;
  --mat-sys-surface-bright: #faf9fd;
  --mat-sys-surface-container: #efedf0;
  --mat-sys-surface-container-high: #e9e7eb;
  --mat-sys-surface-container-highest: #e3e2e6;
  --mat-sys-surface-container-low: #f4f3f6;
  --mat-sys-surface-container-lowest: #ffffff;
  --mat-sys-surface-dim: #dbd9dd;
  --mat-sys-surface-tint: #005cbb;
  --mat-sys-surface-variant: #e0e2ec;
  --mat-sys-tertiary: #006a6a;
  --mat-sys-tertiary-container: #00fbfb;
  --mat-sys-tertiary-fixed: #00fbfb;
  --mat-sys-tertiary-fixed-dim: #00dddd;
  --mat-sys-neutral-variant20: #2d3038;
  --mat-sys-neutral10: #1a1b1f;
  --mat-sys-level0:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-sys-level1:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-sys-level2:
    0px 3px 3px -2px rgba(0, 0, 0, 0.2),
    0px 3px 4px 0px rgba(0, 0, 0, 0.14),
    0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  --mat-sys-level3:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-sys-level4:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-sys-level5:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-sys-body-large: 400 1rem / 1.5rem Onest;
  --mat-sys-body-large-font: Onest;
  --mat-sys-body-large-line-height: 1.5rem;
  --mat-sys-body-large-size: 1rem;
  --mat-sys-body-large-tracking: 0.031rem;
  --mat-sys-body-large-weight: 400;
  --mat-sys-body-medium: 400 0.875rem / 1.25rem Onest;
  --mat-sys-body-medium-font: Onest;
  --mat-sys-body-medium-line-height: 1.25rem;
  --mat-sys-body-medium-size: 0.875rem;
  --mat-sys-body-medium-tracking: 0.016rem;
  --mat-sys-body-medium-weight: 400;
  --mat-sys-body-small: 400 0.75rem / 1rem Onest;
  --mat-sys-body-small-font: Onest;
  --mat-sys-body-small-line-height: 1rem;
  --mat-sys-body-small-size: 0.75rem;
  --mat-sys-body-small-tracking: 0.025rem;
  --mat-sys-body-small-weight: 400;
  --mat-sys-display-large: 400 3.562rem / 4rem Schibsted Grotesk;
  --mat-sys-display-large-font: Schibsted Grotesk;
  --mat-sys-display-large-line-height: 4rem;
  --mat-sys-display-large-size: 3.562rem;
  --mat-sys-display-large-tracking: -0.016rem;
  --mat-sys-display-large-weight: 400;
  --mat-sys-display-medium: 400 2.812rem / 3.25rem Schibsted Grotesk;
  --mat-sys-display-medium-font: Schibsted Grotesk;
  --mat-sys-display-medium-line-height: 3.25rem;
  --mat-sys-display-medium-size: 2.812rem;
  --mat-sys-display-medium-tracking: 0;
  --mat-sys-display-medium-weight: 400;
  --mat-sys-display-small: 400 2.25rem / 2.75rem Schibsted Grotesk;
  --mat-sys-display-small-font: Schibsted Grotesk;
  --mat-sys-display-small-line-height: 2.75rem;
  --mat-sys-display-small-size: 2.25rem;
  --mat-sys-display-small-tracking: 0;
  --mat-sys-display-small-weight: 400;
  --mat-sys-headline-large: 400 2rem / 2.5rem Schibsted Grotesk;
  --mat-sys-headline-large-font: Schibsted Grotesk;
  --mat-sys-headline-large-line-height: 2.5rem;
  --mat-sys-headline-large-size: 2rem;
  --mat-sys-headline-large-tracking: 0;
  --mat-sys-headline-large-weight: 400;
  --mat-sys-headline-medium: 400 1.75rem / 2.25rem Schibsted Grotesk;
  --mat-sys-headline-medium-font: Schibsted Grotesk;
  --mat-sys-headline-medium-line-height: 2.25rem;
  --mat-sys-headline-medium-size: 1.75rem;
  --mat-sys-headline-medium-tracking: 0;
  --mat-sys-headline-medium-weight: 400;
  --mat-sys-headline-small: 400 1.5rem / 2rem Schibsted Grotesk;
  --mat-sys-headline-small-font: Schibsted Grotesk;
  --mat-sys-headline-small-line-height: 2rem;
  --mat-sys-headline-small-size: 1.5rem;
  --mat-sys-headline-small-tracking: 0;
  --mat-sys-headline-small-weight: 400;
  --mat-sys-label-large: 500 0.875rem / 1.25rem Onest;
  --mat-sys-label-large-font: Onest;
  --mat-sys-label-large-line-height: 1.25rem;
  --mat-sys-label-large-size: 0.875rem;
  --mat-sys-label-large-tracking: 0.006rem;
  --mat-sys-label-large-weight: 500;
  --mat-sys-label-large-weight-prominent: 700;
  --mat-sys-label-medium: 500 0.75rem / 1rem Onest;
  --mat-sys-label-medium-font: Onest;
  --mat-sys-label-medium-line-height: 1rem;
  --mat-sys-label-medium-size: 0.75rem;
  --mat-sys-label-medium-tracking: 0.031rem;
  --mat-sys-label-medium-weight: 500;
  --mat-sys-label-medium-weight-prominent: 700;
  --mat-sys-label-small: 500 0.688rem / 1rem Onest;
  --mat-sys-label-small-font: Onest;
  --mat-sys-label-small-line-height: 1rem;
  --mat-sys-label-small-size: 0.688rem;
  --mat-sys-label-small-tracking: 0.031rem;
  --mat-sys-label-small-weight: 500;
  --mat-sys-title-large: 400 1.375rem / 1.75rem Schibsted Grotesk;
  --mat-sys-title-large-font: Schibsted Grotesk;
  --mat-sys-title-large-line-height: 1.75rem;
  --mat-sys-title-large-size: 1.375rem;
  --mat-sys-title-large-tracking: 0;
  --mat-sys-title-large-weight: 400;
  --mat-sys-title-medium: 500 1rem / 1.5rem Onest;
  --mat-sys-title-medium-font: Onest;
  --mat-sys-title-medium-line-height: 1.5rem;
  --mat-sys-title-medium-size: 1rem;
  --mat-sys-title-medium-tracking: 0.009rem;
  --mat-sys-title-medium-weight: 500;
  --mat-sys-title-small: 500 0.875rem / 1.25rem Onest;
  --mat-sys-title-small-font: Onest;
  --mat-sys-title-small-line-height: 1.25rem;
  --mat-sys-title-small-size: 0.875rem;
  --mat-sys-title-small-tracking: 0.006rem;
  --mat-sys-title-small-weight: 500;
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 36px;
  --mat-chip-container-height: 28px;
  --mat-expansion-header-collapsed-state-height: 44px;
  --mat-expansion-header-expanded-state-height: 60px;
  --mat-fab-small-touch-target-display: ;
  --mat-fab-touch-target-display: block;
  --mat-button-filled-touch-target-display: block;
  --mat-button-filled-container-height: 36px;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-form-field-container-height: 52px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 14px;
  --mat-form-field-filled-with-label-container-padding-top: 22px;
  --mat-form-field-filled-with-label-container-padding-bottom: 6px;
  --mat-icon-button-touch-target-display: block;
  --mat-icon-button-state-layer-size: 36px;
  --mat-list-list-item-leading-icon-start-space: 12px;
  --mat-list-list-item-leading-icon-end-space: 12px;
  --mat-list-list-item-one-line-container-height: 44px;
  --mat-list-list-item-two-line-container-height: 60px;
  --mat-list-list-item-three-line-container-height: 84px;
  --mat-paginator-container-size: 52px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-radio-touch-target-display: block;
  --mat-radio-state-layer-size: 36px;
  --mat-tab-container-height: 44px;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-button-toggle-height: 40px;
  --mat-stepper-header-height: 68px;
  --mat-table-header-container-height: 52px;
  --mat-table-footer-container-height: 48px;
  --mat-table-row-item-container-height: 48px;
  --mat-toolbar-standard-height: 60px;
  --mat-toolbar-mobile-height: 52px;
  --mat-tree-node-min-height: 44px;
  --mat-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
  --mat-sys-primary: #0E1417;
  --mat-sys-on-primary: #FFFFFF;
  --mat-button-filled-container-shape: 6px;
  --mat-button-outlined-container-shape: 6px;
  --mat-button-protected-container-shape: 6px;
  --mat-button-text-container-shape: 6px;
  --mat-card-elevated-container-shape: 10px;
  --mat-card-outlined-container-shape: 10px;
}
:root[data-theme=dark] {
  --mat-sys-primary: #FFFFFF;
  --mat-sys-on-primary: #0E1417;
}
html,
body {
  height: 100%;
}
body {
  margin: 0;
  background: var(--ground);
  color: var(--text);
  font-family: var(--f-body);
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */