.opscal{--opscal-lane:24px;--k-job:210 90% 62%;--k-delivery:32 92% 60%;--k-milestone:268 82% 70%;--k-followup:152 68% 52%;flex-direction:column;gap:12px;display:flex;position:relative}.opscal-bar{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.opscal-nav{align-items:center;gap:6px;min-width:0;display:flex}.opscal-nav>button{min-width:30px;height:30px;color:inherit;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:9px;place-items:center;padding:0 8px;font-size:12px;transition:background .15s,border-color .15s;display:grid}.opscal-nav>button:hover{background:#ffffff1c}.opscal-title{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;margin:0 0 0 8px;font-size:15px;font-weight:650;overflow:hidden}.opscal-modes{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:11px;gap:2px;padding:2px;display:flex}.opscal-mode{color:inherit;text-transform:capitalize;opacity:.62;background:0 0;border:0;border-radius:9px;padding:5px 13px;font-size:11.5px;font-weight:600;transition:background .15s,opacity .15s}.opscal-mode:hover{opacity:.9}.opscal-mode.is-on{opacity:1;background:#ffffff21}.opscal-layers{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.opscal-layer{color:inherit;opacity:.5;background:#ffffff08;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:7px;padding:5px 11px;font-size:11.5px;font-weight:550;transition:opacity .15s,background .15s,border-color .15s;display:inline-flex}.opscal-layer em{opacity:.6;font-variant-numeric:tabular-nums;font-style:normal}.opscal-layer.is-on{opacity:1}.opscal-layer.k-job.is-on{border-color:hsl(var(--k-job) / .45);background:hsl(var(--k-job) / .14);color:hsl(var(--k-job))}.opscal-layer.k-delivery.is-on{border-color:hsl(var(--k-delivery) / .45);background:hsl(var(--k-delivery) / .14);color:hsl(var(--k-delivery))}.opscal-layer.k-milestone.is-on{border-color:hsl(var(--k-milestone) / .45);background:hsl(var(--k-milestone) / .14);color:hsl(var(--k-milestone))}.opscal-layer.k-followup.is-on{border-color:hsl(var(--k-followup) / .45);background:hsl(var(--k-followup) / .14);color:hsl(var(--k-followup))}.opscal-loading{opacity:.5;margin-left:4px;font-size:11px}.opscal-sheet{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff08;border:1px solid #ffffff17;border-radius:16px;overflow:hidden}.opscal-dow{border-bottom:1px solid #ffffff14;grid-template-columns:repeat(7,1fr);display:grid}.opscal-dow span{letter-spacing:.09em;text-transform:uppercase;opacity:.45;padding:7px 10px;font-size:10px;font-weight:650}.opscal-week{border-bottom:1px solid #ffffff0f;position:relative}.opscal-week:last-child{border-bottom:0}.opscal-daycols{min-height:max(104px, calc(34px + var(--opscal-rows,1) * var(--opscal-lane) + 8px));grid-template-columns:repeat(7,1fr);display:grid}.is-week .opscal-daycols{min-height:max(320px, calc(34px + var(--opscal-rows,1) * var(--opscal-lane) + 8px))}.opscal-day{color:inherit;text-align:left;background:0 0;border:0;border-left:1px solid #ffffff0d;justify-content:space-between;align-items:flex-start;padding:5px 7px;transition:background .15s;display:flex}.opscal-day:first-child{border-left:0}.opscal-day:hover{background:#ffffff0a}.opscal-day.is-outside{opacity:.34}.opscal-day.is-today{background:hsl(var(--k-job) / .09);box-shadow:inset 0 2px 0 hsl(var(--k-job) / .8)}.opscal-daynum{font-variant-numeric:tabular-nums;font-size:12px;font-weight:600}.opscal-day.is-today .opscal-daynum{color:hsl(var(--k-job))}.opscal-more{opacity:.55;font-size:9.5px}.opscal-bars{pointer-events:none;grid-template-columns:repeat(7,1fr);align-content:start;gap:3px 2px;display:grid;position:absolute;inset:26px 3px 6px}.opscal-barrow{pointer-events:auto;min-width:0;height:calc(var(--opscal-lane) - 3px);color:inherit;text-align:left;background:#ffffff12;border:1px solid #ffffff1f;border-radius:7px;align-items:center;gap:6px;padding:0 8px;font-size:11px;transition:transform .12s,filter .15s;display:flex;overflow:hidden}.opscal-barrow.is-draggable{cursor:grab;touch-action:none}.opscal-barrow.is-dragging{cursor:grabbing;z-index:5;filter:brightness(1.25);transition:none}.opscal-barrow:hover{filter:brightness(1.15)}.opscal-barrow.cont-l{border-left-style:dashed;border-top-left-radius:2px;border-bottom-left-radius:2px}.opscal-barrow.cont-r{border-right-style:dashed;border-top-right-radius:2px;border-bottom-right-radius:2px}.opscal-barlabel{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.opscal-barsub{opacity:.6;white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-style:normal;overflow:hidden}.opscal-bardot{background:currentColor;border-radius:50%;flex:none;width:5px;height:5px}.opscal-barrow.k-job{background:hsl(var(--k-job) / .18);border-color:hsl(var(--k-job) / .42);color:hsl(var(--k-job))}.opscal-barrow.k-delivery{background:hsl(var(--k-delivery) / .18);border-color:hsl(var(--k-delivery) / .42);color:hsl(var(--k-delivery))}.opscal-barrow.k-milestone{background:hsl(var(--k-milestone) / .18);border-color:hsl(var(--k-milestone) / .42);color:hsl(var(--k-milestone))}.opscal-barrow.k-followup{background:hsl(var(--k-followup) / .16);border-color:hsl(var(--k-followup) / .38);color:hsl(var(--k-followup))}.opscal-agenda{flex-direction:column;gap:14px;display:flex}.opscal-agenda:not(.is-compact){background:#ffffff08;border:1px solid #ffffff17;border-radius:16px;padding:16px}.opscal-agsec h5{letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:7px;margin:0 0 7px;font-size:10.5px;font-weight:700;display:flex}.opscal-agsec h5 em{opacity:.55;font-style:normal}.opscal-agsec.k-job h5{color:hsl(var(--k-job))}.opscal-agsec.k-delivery h5{color:hsl(var(--k-delivery))}.opscal-agsec.k-milestone h5{color:hsl(var(--k-milestone))}.opscal-agsec.k-followup h5{color:hsl(var(--k-followup))}.opscal-agsec ul{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.opscal-agsec li{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:11px;flex-direction:column;gap:3px;padding:9px 11px;display:flex}.opscal-agsec li b{font-size:12.5px;font-weight:620}.opscal-agsec li>span{opacity:.62;font-size:11px}.opscal-agmeta{flex-wrap:wrap;gap:6px;margin-top:2px;display:flex}.opscal-status,.opscal-span{opacity:.8;background:#ffffff12;border-radius:999px;padding:2px 7px;font-size:10px}.opscal-empty{text-align:center;opacity:.5;padding:24px;font-size:12px}.opscal-empty.is-compact{text-align:left;padding:16px 0}.opscal-panel{z-index:20;-webkit-backdrop-filter:blur(10px)saturate(130%);backdrop-filter:blur(10px)saturate(130%);background:#121216f7;border:1px solid #ffffff29;border-radius:16px;flex-direction:column;gap:12px;width:min(340px,92%);padding:16px;animation:.18s opscal-slide;display:flex;position:absolute;top:0;bottom:0;right:0;overflow-y:auto;box-shadow:-22px 0 60px #0009}@keyframes opscal-slide{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:none}}.opscal-panel header{border-bottom:1px solid #ffffff17;justify-content:space-between;align-items:flex-start;gap:10px;padding-bottom:10px;display:flex}.opscal-panel header h4{margin:2px 0 0;font-size:15px;font-weight:650}.opscal-panel header .kick{letter-spacing:.1em;text-transform:uppercase;opacity:.5;font-size:10px}.opscal-panel header button{width:26px;height:26px;color:inherit;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:8px;place-items:center;display:grid}@media (width<=760px){.opscal-barsub{display:none}.opscal-daycols{min-height:88px}.opscal-title{font-size:13px}}
