/* JANYTHRA design "neu" (28.10.2026): calmer, flatter, denser – same colours and tokens as theme.css.
   Every rule is scoped to html[data-design="neu"]; with "klassisch" this file has no effect at all. */
html[data-design="neu"][data-theme]{--radius:14px;--radius-s:10px}

/* Calm ground: no glow gradients, one flat background. */
html[data-design="neu"][data-theme] body{background:var(--bg);font-size:15px;line-height:1.5}

/* Type: smaller, clearer hierarchy; eyebrows quiet instead of accent-coloured. */
html[data-design="neu"][data-theme] h1{font-size:28px;letter-spacing:-.6px;margin:0 0 4px}
html[data-design="neu"][data-theme] h2{font-size:18px;font-weight:650;letter-spacing:-.2px;margin:2px 0 10px}
html[data-design="neu"][data-theme] h3{font-size:15px;font-weight:650;margin:12px 0 6px}
html[data-design="neu"][data-theme] .eyebrow{font-size:11px;font-weight:600;letter-spacing:.08em;color:var(--muted);margin:0 0 2px}
html[data-design="neu"][data-theme] .subtitle{display:none}

/* Cards: flat surfaces with a hairline, no shadow, tighter padding. */
html[data-design="neu"][data-theme] .card,
html[data-design="neu"][data-theme] .home-command{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:none;padding:18px 20px;margin:0 0 14px}
html[data-design="neu"][data-theme] .home-command{background:var(--surface)}
html[data-design="neu"][data-theme] .home-command h2{font-size:20px}

/* Entries inside a card are rows with separators, not boxes inside boxes. */
html[data-design="neu"][data-theme] .card .entry,
html[data-design="neu"][data-theme] .card .task,
html[data-design="neu"][data-theme] .card .result,
html[data-design="neu"][data-theme] .card .module-card{background:transparent;border:0;border-top:1px solid var(--line);border-radius:0;box-shadow:none;padding:12px 0;margin:0}
html[data-design="neu"][data-theme] .card .entry:first-child,
html[data-design="neu"][data-theme] .card .task:first-child{border-top:0}
html[data-design="neu"][data-theme] #mail-digest .entry.mail-row{padding:10px 0;margin:0}

/* Buttons and fields: one height, one radius. */
html[data-design="neu"][data-theme] button{min-height:40px;border-radius:var(--radius-s);font-size:14px}
html[data-design="neu"][data-theme] button.primary{box-shadow:none}
html[data-design="neu"][data-theme] button.quiet{background:transparent;border:1px solid var(--line-strong)}
html[data-design="neu"][data-theme] input:not([type=checkbox]):not([type=radio]),
html[data-design="neu"][data-theme] select,
html[data-design="neu"][data-theme] textarea{min-height:42px;border-radius:var(--radius-s)}

/* Callouts: a quiet tinted line instead of a framed box. */
html[data-design="neu"][data-theme] .callout{background:var(--warn-soft);border:0;border-left:3px solid var(--warn);border-radius:6px;padding:8px 12px;box-shadow:none}

/* PC values: compact tiles, values readable but not huge. */
html[data-design="neu"][data-theme] #pc-metrics{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}
html[data-design="neu"][data-theme] #pc-metrics .stat{background:var(--surface-2);border:0;border-radius:var(--radius-s);box-shadow:none;padding:10px 12px;margin:0;min-height:0}
html[data-design="neu"][data-theme] #pc-metrics .stat::before{display:none}
html[data-design="neu"][data-theme] #pc-metrics .stat span{font-size:12px;color:var(--muted);display:block;line-height:1.3}
html[data-design="neu"][data-theme] #pc-metrics .stat strong{font-size:18px;line-height:1.3;display:block;margin-top:2px;overflow-wrap:anywhere}
html[data-design="neu"][data-theme] #pc-metrics .stat progress{height:4px;margin-top:6px}

/* Sub-tabs and the home status line follow the flatter look. */
html[data-design="neu"][data-theme] .subnav-group button{min-height:34px;padding:6px 12px;background:transparent}
html[data-design="neu"][data-theme] .home-ampel{background:var(--surface);border-radius:var(--radius)}

/* Phone: edge-to-edge cards with small gutters, more content per screen. */
@media (max-width:760px){
  html[data-design="neu"][data-theme] main{padding-left:12px;padding-right:12px}
  html[data-design="neu"][data-theme] .card,
  html[data-design="neu"][data-theme] .home-command{padding:14px 14px;margin-bottom:10px;border-radius:12px}
  html[data-design="neu"][data-theme] h1{font-size:24px}
  html[data-design="neu"][data-theme] h2{font-size:17px}
  html[data-design="neu"][data-theme] #pc-metrics{grid-template-columns:1fr 1fr;gap:8px}
  html[data-design="neu"][data-theme] #pc-metrics .stat strong{font-size:16px}
}

/* F-027 (user 31.10.2026): "Bedienung: Einfach" hides administration views; "Ruhig" switches all motion off. Per device. */
html[data-mode="einfach"] button[data-view="mobil"],
html[data-mode="einfach"] button[data-view="betrieb"],
html[data-mode="einfach"] button[data-view="wartung"]{display:none!important}
html[data-calm="an"] *,html[data-calm="an"] *::before,html[data-calm="an"] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
/* F-018: the situation line above the status line – larger text, a coloured edge instead of a dot. */
html[data-theme] .home-situation{display:block;width:100%;min-height:48px;margin:0 0 10px;padding:12px 16px;border-radius:var(--radius-s);border:1px solid var(--line);border-left:4px solid #2f9e5b;background:var(--surface);color:var(--ink);font-size:16px;font-weight:600;text-align:left;cursor:pointer}
html[data-theme] .home-situation[data-level=warn]{border-left-color:#d08a1c}
html[data-theme] .home-situation[data-level=bad]{border-left-color:#d0453a}
html[data-design="neu"][data-theme] .home-situation{border-radius:var(--radius)}