/*
 * 
 *  PHP Version 8
 * 
 *  Author:               Michael Hamann [KaMi] (info@michaelhamann.org)
 *  ------
 *  Created Date:         Friday January 9th 2026
 *  Last Modified:        Friday January 9th 2026 06:53:39
 *  ------
 *  Copyright:            2024 - 2026
 *  -----------------
 * 
 */

* {
  box-sizing: border-box;
}

html,
body {
  height: 100%;
}

body {
  margin: 0;
  font-family: Arial, sans-serif;
  color: var(--color__text);
  background: var(--color__bg__top);
}

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

.button {
  border: 1px solid var(--color__border);
  background: var(--color__surface);
  color: var(--color__text);
  padding: 10px 12px;
  border-radius: 12px;
  cursor: pointer;
}

.button__primary {
  background: linear-gradient(180deg,
      rgba(44, 107, 237, 0.95),
      rgba(44, 107, 237, 0.72));
  border-color: rgba(44, 107, 237, 0.55);
}

.button__ghost {
  background: rgba(255, 255, 255, 0.03);
}

.button__block {
  width: 100%;
}

.select,
input[type="search"] {
  border: 1px solid var(--color__border);
  background: rgba(255, 255, 255, 0.06);
  color: var(--color__text);
  padding: 10px 12px;
  border-radius: 12px;
  outline: none;
}

input[type="search"]::placeholder {
  color: var(--color__muted2);
}

.badge {
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 12px;
  border: 1px solid var(--color__border);
  background: rgba(255, 255, 255, 0.04);
  color: rgba(255, 255, 255, 0.85);
}

.badge__ok {
  border-color: rgba(47, 191, 113, 0.45);
  background: rgba(47, 191, 113, 0.14);
}

.badge__warn {
  border-color: rgba(245, 185, 66, 0.45);
  background: rgba(245, 185, 66, 0.14);
}

.badge__bad {
  border-color: rgba(255, 93, 93, 0.45);
  background: rgba(255, 93, 93, 0.14);
}