/* ===========================================================
   common.css – Zwischen Himmel und Hölle
   Gemeinsame Bausteine für index.html, admin.html, admin-scale.html
   =========================================================== */

:root{
  --ink:#1c1210;
  --paper:#fffaf0;
  --muted:#7a7064;
  --border:#e6dcc8;
  --gold:#c9971f;
  --ember:#e8541e;
  --card-shadow: 0 20px 50px rgba(0,0,0,.25);
}

*{ box-sizing:border-box; }

body{
  margin:0;
  min-height:100vh;
  font-family:'Work Sans', sans-serif;
  color:var(--ink);
}

.card{
  background:var(--paper); border-radius:16px; box-shadow:var(--card-shadow);
  padding:24px 20px; margin-bottom:18px;
}

.field-label{
  font-size:13px; color:var(--muted); margin:0 0 6px; display:block;
}

input[type="text"], input[type="password"]{
  width:100%; font-family:'Work Sans',sans-serif; font-size:15px;
  padding:12px 14px; border-radius:10px; border:1.5px solid var(--border);
  background:#fffdf7; margin-bottom:12px;
}

button.primary{
  width:100%; font-family:'Work Sans',sans-serif; font-weight:600; font-size:15px;
  padding:13px 16px; border-radius:12px; border:none; cursor:pointer;
  background:linear-gradient(90deg, var(--ember), var(--gold));
  color:#fff; margin-bottom:6px;
}
button.primary:disabled{ opacity:.5; cursor:default; }

button.ghost{
  width:100%; font-family:'Work Sans',sans-serif; font-weight:500; font-size:14px;
  padding:11px 16px; border-radius:12px; cursor:pointer;
  background:transparent; border:1.5px solid var(--border); color:#5b5148;
}

.error-msg{ color:#b3261e; font-size:13px; margin:-4px 0 12px; display:none; }
.empty-note{ text-align:center; color:var(--muted); font-size:13.5px; padding:12px 0; }