.ta-view-size{display:inline-flex;align-items:center;border:1px solid var(--border-primary);border-radius:7px;overflow:hidden;flex-shrink:0}
.ta-view-size button{width:27px;height:29px;padding:0;border:0;background:var(--bg-card);color:var(--text-primary);font-size:17px;cursor:pointer}.ta-view-size button+button{border-left:1px solid var(--border-primary)}.ta-view-size button:disabled{opacity:.35;cursor:default}
.su-view-scope{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0 14px;border-bottom:1px solid var(--border-primary)}.su-view-scope label{display:flex;align-items:center;gap:12px;font-size:12px}.su-view-scope select{width:170px;font-size:12px}.su-view-scope button{border:0;background:none;color:var(--text-muted);font-size:11px;cursor:pointer}
#root .ta-calendar-label{font-size:var(--ta-cal-font-size,11px)!important}
#root .ta-month-time{flex-basis:calc(2.7 * var(--ta-cal-font-size,11px));width:calc(2.7 * var(--ta-cal-font-size,11px));min-width:0;font-size:var(--ta-cal-font-size,11px)}
#root .ta-month-tasks>div{gap:2px;min-height:calc(22px * var(--ta-view-scale,1));padding-left:2px!important;padding-right:2px!important}
#root .ta-month-tasks .ta-schedule-symbols{gap:1px;margin-right:2px}
#root .ta-month-tasks .ta-schedule-symbols>span{width:calc(10px * var(--ta-view-scale,1))}
#root .ta-month-tasks .ta-schedule-symbols svg,#root .ta-month-tasks .ta-schedule-symbols img{width:calc(10px * var(--ta-view-scale,1));height:calc(10px * var(--ta-view-scale,1))}
#root .ta-month-tasks .ta-month-lock{width:13px;height:15px;margin-right:1px}
#root .ta-month-tasks .ta-calendar-mark{gap:2px!important;margin-right:2px!important}
#root .ta-planning-table td{font-size:var(--ta-cal-font-size,11px);height:calc(39px * var(--ta-view-scale,1))}
#root .ta-schedule-symbols img,#root .ta-schedule-symbols svg{width:calc(13px * var(--ta-view-scale,1));height:calc(13px * var(--ta-view-scale,1))}
.su-modal{height:900px!important;max-height:calc(100dvh - 32px)!important}