.ta-pan-calendar{position:relative}
.ta-pan-header{width:100%;overflow:hidden!important;overscroll-behavior-x:contain}
.ta-pan-body{overflow:auto!important;overscroll-behavior-x:contain;scrollbar-width:thin;touch-action:pan-x pan-y;overflow-anchor:none}
.ta-pan-grid{width:max-content;min-width:100%}
.ta-pan-header>div:first-child,.ta-pan-grid>div:first-child{position:sticky!important;left:0;z-index:20;background:var(--bg-modal)!important;box-shadow:1px 0 var(--border-primary)}
.ta-pan-controls{position:absolute;inset:0 0 auto;pointer-events:none;z-index:40}
.ta-pan-arrow{position:absolute;top:15px;width:26px;height:30px;padding:0;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-primary);border-radius:8px;background:var(--bg-card);color:var(--text-secondary);font-size:22px;line-height:1;cursor:pointer;pointer-events:auto;box-shadow:0 2px 6px #0001}
.ta-pan-arrow:hover{color:var(--text-primary);border-color:var(--ta-button-bg,#6366f1)}
.ta-pan-prev{left:9px}.ta-pan-next{right:8px}

.ta-pan-body{isolation:isolate}.ta-pan-grid>div:first-child{z-index:300!important}.ta-pan-controls{z-index:400}

.ta-pan-controls{inset:0!important}.ta-pan-arrow{top:50%!important;transform:translateY(-50%);height:40px;width:26px}.ta-pan-prev{left:0!important;border-radius:0 8px 8px 0}.ta-pan-next{right:0!important;border-radius:8px 0 0 8px}

/* Navigation remains aligned with the dates, independent of calendar height. */
.ta-pan-controls{inset:0 0 auto!important;height:var(--ta-pan-header-height,48px)}
.ta-pan-arrow{height:30px;width:26px;color:var(--text-primary);background:var(--bg-modal);font-weight:600;box-shadow:0 1px 4px #0002}
html[data-theme="dark"]{color-scheme:dark;scrollbar-color:#50576b #1b1e27}
html[data-theme="light"]{color-scheme:light;scrollbar-color:#b7bfcc #f3f4f6}
html[data-theme="dark"] *{scrollbar-color:#50576b #1b1e27}
html[data-theme="dark"] ::-webkit-scrollbar{width:9px;height:9px}
html[data-theme="dark"] ::-webkit-scrollbar-track,html[data-theme="dark"] ::-webkit-scrollbar-corner{background:#1b1e27}
html[data-theme="dark"] ::-webkit-scrollbar-thumb{background:#50576b;border:2px solid #1b1e27;border-radius:8px}
#root div.ta-calendar-actions.ta-calendar-actions.ta-calendar-actions>div:first-child>button{color:#fff!important}
.su-button-examples>span{color:#fff!important}
/* A small gutter keeps timed cards away from the grid edges. */
#root [draggable="true"][style*="position: absolute"]{margin-left:3px;margin-right:3px}