:root {
  --background: 0 0% 97%;
  --foreground: 0 0% 10%;
  --border: 0 0% 88%;
  --card: 0 0% 100%;
  --card-foreground: 0 0% 10%;
  --card-border: 0 0% 89%;
  --sidebar: 0 0% 8%;
  --sidebar-foreground: 0 0% 95%;
  --sidebar-border: 0 0% 19%;
  --sidebar-primary: 35 93% 54%;
  --sidebar-primary-foreground: 0 0% 7%;
  --sidebar-accent: 0 0% 15%;
  --sidebar-accent-foreground: 0 0% 95%;
  --sidebar-ring: 35 93% 54%;
  --primary: 35 93% 54%;
  --primary-foreground: 0 0% 7%;
  --secondary: 0 0% 93%;
  --secondary-foreground: 0 0% 12%;
  --muted: 0 0% 94%;
  --muted-foreground: 0 0% 42%;
  --accent: 35 93% 54%;
  --accent-foreground: 0 0% 7%;
  --ring: 35 93% 54%;
  --chart-1: 35 93% 54%;
  --chart-2: 0 0% 13%;
  --chart-3: 38 88% 70%;
  --chart-4: 2 63% 48%;
  --chart-5: 0 0% 48%;
  --ink: #111315;
  --teal: #f7931b;
  --gold: #f7931b;
  --paper: #f8f7f4;
  --line: #e6e3de;
  --blue: #f7931b;
  --blue-dark: #d77b0d;
  --green: #138a5b;
}

body {
  color: #111315;
  background: #f8f7f4;
}

.app-shell .sidebar {
  background: #111315;
}

.app-shell .brand {
  gap: 0;
  padding-bottom: 26px;
}

.app-shell .brand-mark,
.auth-topline .brand-mark,
.auth-card-mark,
.message-card .brand-mark,
.report-auth .brand-mark {
  display: block;
  flex: none;
  overflow: hidden;
  border: 1px solid #eee9e2;
  border-radius: 8px;
  background-color: #fff !important;
  background-image: url("/assets/onetech-logo.png") !important;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  color: transparent !important;
  box-shadow: none !important;
  font-size: 0 !important;
}

.app-shell .brand-mark {
  width: 145px !important;
  height: 62px !important;
  padding: 3px;
}

.app-shell .brand-mark svg,
.auth-topline .brand-mark svg,
.auth-card-mark svg,
.message-card .brand-mark svg,
.report-auth .brand-mark svg {
  display: none !important;
}

.app-shell .brand > div:not(.brand-mark),
.auth-topline > div:nth-child(2) {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.auth-topline .brand-mark {
  width: 160px !important;
  height: 68px !important;
  padding: 4px;
}

.auth-card-mark {
  width: 174px !important;
  height: 74px !important;
  margin-bottom: 18px !important;
  padding: 4px;
}

.message-card .brand-mark,
.report-auth .brand-mark {
  width: 190px !important;
  height: 80px !important;
  margin: 0 auto 18px !important;
  padding: 5px;
}

.auth-aside {
  background: #111315 !important;
}

.button-primary,
.primary-button,
.message-card a,
.report-auth a {
  border-color: #f7931b !important;
  background: #f7931b !important;
  color: #111315 !important;
}

.button-primary:hover,
.primary-button:hover,
.message-card a:hover,
.report-auth a:hover {
  background: #e48210 !important;
  color: #111315 !important;
}

.back-link,
.text-link {
  color: #b96906;
}

.app-shell .text-link,
.app-shell .button-primary {
  color: #111315;
}

.metric-icon.teal,
.metric-icon.gold {
  color: #874900;
  background: #fff0d7;
}

.watch-mark.low {
  color: #874900;
  background: #fff0d7;
}

.receipt-logo {
  flex: none;
  width: 86px !important;
  height: 37px !important;
  border: 1px solid #eee9e2;
  border-radius: 5px !important;
  background-color: #fff !important;
  background-image: url("/assets/onetech-logo.png") !important;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  color: transparent !important;
  font-size: 0 !important;
}

.report-auth .brand-mark {
  background-image: url("/assets/onetech-logo.png") !important;
}

.analytics-page .analytics-kpi-card strong,
.analytics-page .period-card strong {
  color: #111315;
}

@media (max-width: 760px) {
  .app-shell .brand-mark {
    width: 132px !important;
    height: 56px !important;
  }

  .auth-card-mark {
    width: 155px !important;
    height: 66px !important;
  }
}

@media print {
  .receipt-logo {
    print-color-adjust: exact;
    -webkit-print-color-adjust: exact;
  }
}