/* Desktop layout of the existing task, calendar and profile controls. */
@media (min-width: 900px) {
  #hub-content .tasks-v18-layout {display:grid;grid-template-columns:minmax(230px,300px) minmax(0,650px);align-items:start;gap:18px;margin:16px 0 22px}
  #hub-content .tasks-v18-actions {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0}
  #hub-content .tasks-v18-actions button {height:42px!important;min-height:42px!important;width:100%!important;min-width:0!important;margin:0!important;padding:0 10px!important;font-size:13px!important;white-space:nowrap!important}
  #hub-content .tasks-v18-layout .task-filter-grid {display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 48px!important;grid-template-rows:42px 42px!important;align-items:stretch!important;gap:8px!important;margin:0!important;overflow:visible!important}
  #hub-content .tasks-v18-layout .task-filter-control {height:42px!important;min-height:42px!important;min-width:0!important;position:relative!important;overflow:hidden!important;display:block!important;margin:0!important}
  #hub-content .tasks-v18-layout .task-filter-control:nth-of-type(1) {grid-area:1/1}
  #hub-content .tasks-v18-layout .task-filter-control:nth-of-type(2) {grid-area:1/2}
  #hub-content .tasks-v18-layout .task-filter-control:nth-of-type(3) {grid-area:2/1}
  #hub-content .tasks-v18-layout .task-filter-control:nth-of-type(4) {grid-area:2/2}
  #hub-content .tasks-v18-layout .task-filter-control select {height:42px!important;min-height:42px!important;width:100%!important;padding:0 25px 0 36px!important;font-size:13px!important;font-weight:500!important;text-align:left!important;text-align-last:left!important}
  #hub-content .tasks-v18-layout .task-filter-icon {position:absolute!important;top:0!important;left:10px!important;width:18px!important;height:42px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;transform:none!important;pointer-events:none!important}
  #hub-content .tasks-v18-layout .task-filter-icon svg {position:static!important;width:18px!important;height:18px!important;transform:none!important}
  #hub-content .tasks-v18-layout .task-filter-chevron {position:absolute!important;top:13px!important;right:8px!important}
  #hub-content .tasks-v18-layout .tasks-comfort-reset {grid-area:1/3/3/4!important;display:flex!important;width:48px!important;height:92px!important;min-height:92px!important;align-items:center!important;justify-content:center!important;align-self:stretch!important;margin:0!important}
  #hub-content .tasks-v12-tabs {display:flex!important;gap:10px!important;background:transparent!important;padding:0!important;margin:0 0 16px!important;border-radius:0!important}
  #hub-content .tasks-v12-tabs button {flex:none!important;min-width:130px!important;border:1px solid #dce4f3!important;border-radius:12px!important;padding:10px 18px!important;background:#fff!important;color:#172143!important;font-size:14px!important;box-shadow:0 3px 9px #1721430a!important}
  #hub-content .tasks-v12-tabs button[aria-pressed="true"] {background:#1845bb!important;color:#fff!important;border-color:#1845bb!important}
  #hub-content .tasks-comfort .task-list {max-width:62%;min-width:0}
  #hub-content .tasks-comfort .task-list .task-card {padding:10px 14px!important;margin-bottom:8px!important;min-height:0!important;gap:4px!important}
  #hub-content .tasks-comfort .task-list .task-card .task-copy strong {font-size:15px!important;line-height:1.25!important}
  #hub-content .tasks-comfort .task-list .task-card .task-assignees, #hub-content .tasks-comfort .task-list .task-card .task-footer {margin:3px 0!important;padding-top:0!important;min-height:0!important}
  body dialog.task-v18-side {inset:64px 20px 20px auto!important;margin:0!important;width:min(38vw,500px)!important;max-width:none!important;height:calc(100dvh - 84px)!important;max-height:none!important;border-radius:20px!important;overflow:auto!important;box-shadow:0 16px 56px #12265b35!important;z-index:9999!important}
  body dialog.task-v18-side::backdrop {background:transparent!important}
  #hub-content.calendar-page .calendar-workspace {overflow:visible}
  #hub-content.calendar-page .calendar-controls {padding:18px 20px 12px!important}
  #hub-content.calendar-page .calendar-toolbar {display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;flex-wrap:wrap!important;padding:0 0 12px!important}
  #hub-content.calendar-page .calendar-toolbar-actions {display:flex!important;flex:0 0 auto!important;align-items:center!important;gap:8px!important;width:auto!important;min-width:0!important}
  #hub-content.calendar-page .calendar-toolbar-actions>button {width:auto!important;min-width:96px!important;flex:none!important;white-space:nowrap!important}
  #hub-content.calendar-page .calendar-switch {display:flex!important;flex:none!important;width:auto!important}
  #hub-content.calendar-page .calendar-switch button {min-width:85px!important;white-space:nowrap!important;overflow-wrap:normal!important}
  #hub-content.calendar-page .calendar-ux-filters {display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:8px!important;padding:0 0 12px!important;grid-template-columns:none!important}
  #hub-content.calendar-page .calendar-ux-filters>.ux-segments {display:inline-flex!important;flex:0 0 auto!important;width:auto!important;min-width:0!important;max-width:100%!important;overflow:visible!important;grid-column:auto!important}
  #hub-content.calendar-page .calendar-ux-filters .ux-segments button {flex:0 0 auto!important;min-width:55px!important;padding:8px 12px!important;white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important;line-height:1.2!important}
  #hub-content.calendar-page .calendar-ux-filters .ux-segments:last-of-type {flex:1 1 auto!important;overflow-x:auto!important}
  #hub-content.calendar-page .calendar-ux-filters .ux-segments:last-of-type button {flex:1 0 auto!important}
  #hub-content.calendar-page .active-filters {display:none!important}
  #hub-content.calendar-page .calendar-v18-reset {height:37px;padding:0 15px;border:1px solid #dce4f3;border-radius:10px;background:#f6f7ff;color:#143da8;white-space:nowrap;cursor:pointer}
  #hub-content.calendar-page .calendar-grid {grid-template-columns:repeat(7,minmax(0,1fr))!important}
  #hub-content.calendar-page .calendar-cell {height:clamp(90px,9vw,134px)!important;padding:7px!important;min-width:0!important;overflow:hidden!important;align-items:stretch!important}
  #hub-content.calendar-page .calendar-day-number {align-self:flex-end!important;flex:none!important;margin:0 0 3px!important}
  #hub-content.calendar-page .calendar-cell-events {display:grid!important;gap:3px!important;min-width:0!important;margin:0!important}
  #hub-content.calendar-page .calendar-event {display:flex!important;min-width:0!important;max-width:100%!important;padding:3px 5px!important;font-size:10px!important;line-height:1.25!important}
  #hub-content.calendar-page .calendar-event span {min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  #hub-content.calendar-page .calendar-cell-dots {display:none!important}
  #hub-content.profile-page .profile-v18-metrics-row {display:flex;align-items:stretch;gap:14px;margin-top:14px}
  #hub-content.profile-page .profile-v18-metrics-row .profile-next-metrics {flex:1 1 auto;min-width:0;margin:0!important}
  #hub-content.profile-page .profile-v18-metrics-row .reg-profile-shortcut {flex:0 0 108px;min-width:108px;margin:0!important}
  #hub-content.profile-page .profile-v18-metrics-row .reg-pass-button {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:108px;height:100%;min-height:90px;padding:10px 6px;text-align:center;border-radius:14px}
  #hub-content.profile-page .profile-v18-metrics-row .reg-pass-copy small, #hub-content.profile-page .profile-v18-metrics-row .reg-pass-chevron {display:none}
  #hub-content.profile-page .profile-v18-metrics-row .reg-pass-copy strong {font-size:12px;white-space:normal}
}
@media (min-width:900px) and (max-width:1150px) {#hub-content .tasks-v18-layout {grid-template-columns:minmax(210px,260px) minmax(0,1fr)}}
@media (max-width:899px) {#hub-content.calendar-page .calendar-v18-reset {display:none}}
.team-next .team-v18-city {border:1px solid #dbe3f4;border-radius:11px;background:#fff;color:#163771;padding:9px 14px;font:600 13px Montserrat,Arial,sans-serif;cursor:pointer;white-space:nowrap}
.team-next .team-v18-city[aria-pressed="true"] {background:#1845bb;color:#fff;border-color:#1845bb}
.due-v18-credit {display:block;color:#266a5d;font-size:12px;margin-top:4px}