/* Tages-/Stundengrid */
.hk-rk { border: 1px solid #ddd; padding: 12px; border-radius: 8px; }
.hk-rk__controls { display: flex; gap: 12px; align-items: center; margin-bottom: 12px; }
.hk-rk__grid { overflow-x: auto; }
.hk-rk__header, .hk-rk__row { display: grid; grid-template-columns: 220px repeat(14, 80px); gap: 4px; align-items: stretch; }
.hk-rk__cell { border: 1px solid #e6e6e6; padding: 6px; text-align: center; background: #fafafa; }
.hk-rk__cell--head { background: #f0f4ff; font-weight: 600; }
.hk-rk__room { text-align: left; background: #fff; }
.hk-rk__slot { cursor: pointer; position: relative; }
.hk-rk__slot.free { background: #eafbe7; }
.hk-rk__slot.busy { background: #ffe9e9; }
.hk-rk__status { font-size: 12px; color: #555; }
.hk-rk__booking { margin-top: 16px; border-top: 1px solid #eee; padding-top: 12px; }
.hk-rk__export { margin-top: 16px; border-top: 1px solid #eee; padding-top: 12px; }
#hk-rk-feedback { margin-top: 8px; }

/* Monatsansicht */
.hk-rk-month { border: 1px solid #ddd; padding: 12px; border-radius: 8px; }
.hk-rk-month__nav { display: flex; gap: 12px; align-items: center; justify-content: space-between; margin-bottom: 8px; }
.hk-rk-month__grid { width: 100%; border-collapse: collapse; }
.hk-rk-month__grid th, .hk-rk-month__grid td { border: 1px solid #eee; padding: 6px; vertical-align: top; }
.hk-rk-month__daynum { font-weight: 600; margin-bottom: 6px; }
.hk-rk-month__open { width: 100%; }
.hk-rk-month__modal { position: fixed; inset: 0; background: rgba(0,0,0,0.4); display: flex; align-items: center; justify-content: center; z-index: 9999; }
.hk-rk-month__modal-inner { background: #fff; padding: 16px; border-radius: 8px; width: min(600px, 92vw); position: relative; }
.hk-rk-month__close { position: absolute; right: 8px; top: 8px; background: #eee; border: none; font-size: 18px; cursor: pointer; }
.hk-rk-month__slots-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(80px, 1fr)); gap: 6px; margin: 10px 0; }
.hk-rk-month__slot { padding: 8px; cursor: pointer; }
.hk-rk-month__slot.free { background: #eafbe7; }
.hk-rk-month__slot.busy { background: #ffe9e9; cursor: not-allowed; }
.hk-rk-month__slot.selected { outline: 2px solid #0073aa; }
.hk-rk-month__feedback { margin-top: 8px; }