/* SPDX-License-Identifier: Apache-2.0
 * SPDX-FileCopyrightText: 2026 T-Systems International GmbH
 * SPDX-FileContributor: Stefan Othmer
 *
 * Maintained by the HCS Platform Engineering team.
 *
 * Styles of the horizon page. Linked from the shell's <head> today; moves into
 * PAGE_MODULES with the page's code when that is cut out.
 */

    .hz-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:14px}
    .hz-tile{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:2px;border-left:3px solid var(--hzc)}
    .hz-tile b{font-size:26px;line-height:1.1;font-variant-numeric:tabular-nums}
    .hz-tile span{font-size:11px;color:var(--ink-3);letter-spacing:.05em;text-transform:uppercase}
    .hz-chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}
    .hz-chip{font:600 11.5px/1 var(--sans);color:var(--ink-2);background:var(--surface-2);border:1px solid var(--border);border-radius:20px;padding:6px 11px;cursor:pointer;display:inline-flex;gap:5px;align-items:center}
    .hz-chip .n{font-family:var(--mono);font-size:10px;color:var(--ink-3)}
    .hz-chip.off{opacity:.4}
    .hz-chip:hover{border-color:var(--brand);color:var(--ink)}
    .hz-group{margin:16px 0 8px;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);display:flex;align-items:center;gap:8px}
    .hz-group::after{content:"";flex:1;height:1px;background:var(--border-2)}
    .hz-row{display:flex;align-items:center;gap:11px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:10px 13px;margin-bottom:7px}
    .hz-days{flex:none;min-width:64px;text-align:center;font-family:var(--mono);font-size:11.5px;font-weight:700;border-radius:8px;padding:5px 7px;font-variant-numeric:tabular-nums}
    .hz-days.d7{color:var(--crit);background:var(--crit-bg);border:1px solid var(--crit-bd)}
    .hz-days.d30{color:var(--warn);background:var(--warn-bg);border:1px solid var(--warn-bd)}
    .hz-days.d90{color:var(--ink-2);background:var(--surface-2);border:1px solid var(--border)}
    .hz-ic{flex:none;font-size:15px}
    .hz-tx{flex:1;min-width:0}
    .hz-t{font-size:13px;font-weight:600;overflow-wrap:anywhere}
    .hz-s{font-size:11px;color:var(--ink-3);margin-top:1px}
    .hz-when{flex:none;font-family:var(--mono);font-size:10.5px;color:var(--ink-3);font-variant-numeric:tabular-nums}
    .hz-ask{all:unset;box-sizing:border-box;flex:none;cursor:pointer;font-size:13px;width:28px;height:28px;border-radius:8px;display:grid;place-items:center;color:var(--ink-3)}
    .hz-ask:hover{background:var(--brand-wash);color:var(--brand-ink)}
    .hz-empty{color:var(--ink-3);font-size:13px;text-align:center;padding:40px 10px;line-height:1.6}