@import "tailwindcss";

:root {
  --boss-bg: #f5f5f7;
  --boss-card: #ffffff;
  --boss-border: #e5e5ea;
  --boss-text: #111111;
  --boss-subtle: #8c8c8c;
  --boss-green: #07c160;
  --boss-green-soft: #eaf7f0;
  --boss-abnormal: #ff4d4f;
  --boss-offline: #b8b8b8;
}

* {
  box-sizing: border-box;
}

html,
body {
  min-height: 100%;
  height: 100%;
}

body {
  margin: 0;
  min-height: 100dvh;
  background-color: #eef2eb;
  background-image: url("/boss-app-bg.svg");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  color: var(--boss-text);
  font-family:
    -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue",
    Helvetica, Arial, sans-serif;
  overflow-x: hidden;
}

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

button,
input,
textarea {
  font: inherit;
}

.boss-scrollbar::-webkit-scrollbar {
  width: 6px;
}

.boss-scrollbar::-webkit-scrollbar-thumb {
  background: rgba(17, 17, 17, 0.12);
  border-radius: 999px;
}