/* Kay Wireless Care Desk — simple light enterprise theme */
:root {
  --bg: #eef1f4;
  --bg-panel: #ffffff;
  --bg-soft: #f7f9fb;
  --line: #d5dde5;
  --line-strong: #b8c2ce;
  --text: #1f2a37;
  --muted: #5b6775;
  --heading: #0f2744;
  --accent: #0b5cab;
  --accent-hover: #094a8a;
  --accent-soft: #e7f1fb;
  --ok: #1f7a3f;
  --ok-bg: #e8f6ec;
  --warn: #9a6b00;
  --warn-bg: #fff6db;
  --danger: #b42318;
  --danger-bg: #fdecec;
  --info: #0b5cab;
  --info-bg: #e7f1fb;
  --shadow: 0 1px 2px rgba(16, 24, 40, 0.06);
  --radius: 4px;
  --font: "Segoe UI", Tahoma, "Helvetica Neue", Arial, sans-serif;
  --mono: Consolas, "Courier New", monospace;
  --topbar-h: 48px;
  --sidebar-w: 220px;
}

* { box-sizing: border-box; }
html, body { height: 100%; }
body {
  margin: 0;
  font-family: var(--font);
  color: var(--text);
  background: var(--bg);
  font-size: 13px;
  line-height: 1.4;
}
button, input, select, textarea { font: inherit; color: inherit; }
button { cursor: pointer; }
a { color: var(--accent); text-decoration: none; }
a:hover { text-decoration: underline; }
.hidden { display: none !important; }
.mono { font-family: var(--mono); font-size: 12px; }
.muted { color: var(--muted); }
.danger-text { color: var(--danger); }
.success-text { color: var(--ok); }