/* Hallenbelegung: gemeinsamer Profil-/TEAM-Vertrag, eine Kontur je Gruppe. */
@layer zustaende{
body[data-layout="klar"] .hb-modern .hb-group{padding-inline:var(--row-x)}
/* Freigegebene Variante C: kompakter Zeitkopf, transparente Gruppe, einzelne Kontur. */
body[data-layout="klar"] .hb-modern .hb-entry{position:relative;display:block;box-sizing:border-box;width:100%;min-width:0;padding:0;margin:0;border:var(--klar-line-width) solid var(--klar-line);border-radius:var(--r-card);background:transparent;color:var(--klar-ink);text-align:left}
body[data-layout="klar"] .hb-modern .hb-entry+.hb-entry{margin-top:var(--sp-4)}
body[data-layout="klar"] .hb-modern .hb-timehead{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-4) var(--row-x);border-bottom:var(--klar-line-width) solid var(--klar-line);border-radius:calc(var(--r-card) - var(--klar-line-width)) calc(var(--r-card) - var(--klar-line-width)) 0 0;background:var(--klar-surface-subtle)}
body[data-layout="klar"] .hb-modern .hb-clock{display:flex;flex:1;flex-wrap:wrap;align-items:baseline;gap:var(--sp-3);min-width:0;font-variant-numeric:tabular-nums;background:none;border:0;box-shadow:none}
/* 24px ausdrücklich für diesen kompakten Zeitkopf freigegeben. */
body[data-layout="klar"] .hb-modern .hb-clock b{font-size:24px;font-weight:var(--klar-fw-title);line-height:1.2;letter-spacing:0;color:var(--klar-accent);white-space:nowrap}
body[data-layout="klar"] .hb-modern .hb-clock span{font-size:var(--fs-sub);font-weight:var(--klar-fw-title);line-height:1.45;color:var(--klar-sub);white-space:nowrap}
body[data-layout="klar"] .hb-modern .hb-card-body{display:block;padding:var(--sp-5) var(--row-x);background:transparent}
body[data-layout="klar"] .hb-modern .hb-unlisted{border-style:dashed}
.hb-modern .hb-title{font-size:var(--fs-row);font-weight:var(--klar-fw-row);overflow-wrap:anywhere}
.hb-modern .hb-entry .pf-row-s{display:block;font-size:var(--fs-sub);font-style:normal;color:var(--klar-sub);overflow-wrap:anywhere}
body[data-layout="klar"] .hb-modern .hb-entry .pf-row-t.kf{align-items:flex-start;gap:var(--sp-4)}
body[data-layout="klar"] .hb-modern .hb-entry .emo{font-size:var(--fs-row);line-height:1.45}
.hb-modern .hb-entry .emo img{display:block;width:1em;height:1em;object-fit:contain}
.hb-modern .hb-chevron{color:var(--klar-sub);font-size:var(--fs-row)}
body[data-layout="klar"] .hb-modern .hb-neutral{--menu-corner-color:var(--klar-line)}
body[data-layout="klar"] .hb-modern .hb-mixed-volley::after{border-color:var(--sp-volley-t)}
.hb-modern .hb-own-label{color:var(--klar-accent)}
.hb-modern .hb-booking:focus-visible{outline:var(--klar-line-width) solid var(--klar-accent);outline-offset:var(--sp-1)}
.hb-modern .hb-field{display:block;min-width:0}
.hb-modern .hb-field>.pf-in{display:block;box-sizing:border-box;width:100%;min-width:0;max-width:100%;margin:0;min-height:calc(var(--sp-8) + var(--sp-4));padding:var(--sp-4) var(--row-x)}
.hb-modern .hb-time-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-4)}
.hb-modern [hidden]{display:none}
.hb-modern .hb-group .dk-tx{min-width:0}
.hb-modern .hb-group .pf-row-s{overflow-wrap:anywhere}
}