.time-grid{display:grid;position:relative}.time-grid__header{grid-row:1;display:flex;align-items:center;justify-content:center;padding:6px 4px;font-size:0.8rem;font-weight:500;background:var(--tblr-bg-surface);border-bottom:1px solid var(--tblr-border-color);border-left:1px solid rgba(0,0,0,0.08);border-right:1px solid rgba(0,0,0,0.08);position:sticky;top:0;z-index:4}.time-grid__header:first-child{position:sticky;left:0;z-index:5}.time-grid__header--right{grid-column:-2;position:sticky;right:0;z-index:5}.time-grid__col-line{border-left:1px solid rgba(0,0,0,0.08);border-right:1px solid rgba(0,0,0,0.08);grid-row:2 / -1;pointer-events:none;z-index:2}.time-grid__row-zebra{grid-column:1 / -1;background:#fafafa}.time-grid__row-line{border-top:1px solid rgba(0,0,0,0.06);grid-column:1 / -1}.time-grid__row-line--hour{border-top-color:rgba(0,0,0,0.12)}.time-grid__time{grid-column:1;display:flex;align-items:flex-start;justify-content:flex-end;padding:2px 6px 0 4px;font-size:0.7rem;line-height:1;color:var(--tblr-secondary);position:sticky;left:0;z-index:4;background:white;box-shadow:2px 0 4px rgba(0,0,0,0.06)}.time-grid__time--right{grid-column:-2;position:sticky;left:auto;right:0;justify-content:flex-start;padding:2px 4px 0 6px;box-shadow:-2px 0 4px rgba(0,0,0,0.06);z-index:4}.time-grid__time--zebra{background:#fafafa}.time-grid__time--hour{font-weight:500;border-top:1px solid rgba(0,0,0,0.12)}.time-grid__event{border-radius:var(--tblr-border-radius);cursor:pointer;padding:4px 8px;font-size:0.75rem;line-height:1.2;overflow:hidden;margin:4px;z-index:1;display:flex;flex-direction:column}.time-grid__event.bg-success-lt{background-color:#e8f5e9 !important;border:1px solid #c8e6c9 !important;border-left-width:2px !important}.time-grid__event.bg-primary-lt{background-color:#e3f2fd !important;border:1px solid #bbdefb !important;border-left-width:2px !important}.time-grid__event.bg-purple-lt{background-color:#f3e5f5 !important;border:1px solid #e1bee7 !important;border-left-width:2px !important}.time-grid__event.bg-danger-lt{background-color:#fce4ec !important;border:1px solid #f8bbd0 !important;border-left-width:2px !important}.time-grid__event-time{margin-top:auto;font-size:0.65rem;opacity:0.7}.time-grid__event--active,.calendar-slot--active{outline:2px solid #206bc4;outline-offset:-2px;box-shadow:0 0 0 3px rgba(32,107,196,0.25);z-index:3}