/* developers-halpas-production/unified-header.css */

/* Final shared header layer. This file intentionally loads after legacy UI styles. */
body > .portal-topbar {
  position: absolute !important;
  inset: 0 0 auto 240px !important;
  z-index: 80 !important;
  display: block !important;
  width: auto !important;
  height: 92px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  box-shadow: none !important;
  background: #f3f2ee !important;
  pointer-events: none;
  transform: none !important;
}

body > .portal-topbar > #portal-page-header {
  display: block !important;
  width: 100% !important;
  height: 92px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  pointer-events: auto;
}

body > .portal-topbar > #portal-page-header:empty {
  display: block !important;
}

body > .portal-topbar > #portal-page-header .page-head {
  position: static !important;
  display: grid !important;
  grid-template-columns: minmax(210px, 1fr) minmax(300px, 540px) 260px !important;
  align-items: center !important;
  gap: clamp(18px, 2.5vw, 42px) !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 92px !important;
  margin: 0 !important;
  padding: 16px 28px 12px !important;
}

body > .portal-topbar > #portal-page-header .page-head > :first-child {
  grid-column: 1 !important;
  min-width: 0;
}

body > .portal-topbar > #portal-page-header .page-head h1 {
  grid-column: 1 !important;
  align-self: center !important;
  margin: 0 !important;
  overflow: visible !important;
  font-size: clamp(34px, 3.25vw, 48px) !important;
  line-height: 1 !important;
  letter-spacing: -.055em !important;
  white-space: nowrap;
}

body > .portal-topbar > #portal-page-header .page-head > input,
body > .portal-topbar > #portal-page-header .page-head input[placeholder^='Search'] {
  position: static !important;
  grid-column: 2 !important;
  justify-self: center !important;
  width: 100% !important;
  max-width: 540px !important;
  min-height: 42px !important;
  height: 42px !important;
  margin: 0 !important;
  padding: 0 20px !important;
  border: 1px solid #d3d1cb !important;
  border-radius: 999px !important;
  background: #fff !important;
  transform: none !important;
}

body > .portal-topbar > .topbar-user-controls {
  position: absolute !important;
  top: 16px !important;
  right: 24px !important;
  left: auto !important;
  z-index: 82 !important;
  margin: 0 !important;
  pointer-events: auto;
  transform: none !important;
}

body.sidebar-collapsed > .portal-topbar {
  left: 78px !important;
}

#sidebar {
  z-index: 100 !important;
}

#workspace,
#portal-page-header:empty + #workspace {
  padding-top: 108px !important;
}

#team.organization-directory,
#administration,
#resources,
#admin,
#my-projects,
#roadmap.project-roadmap-page {
  padding-top: 12px !important;
}

.org-group-flat > header,
.administration-command {
  margin-top: 0 !important;
  transform: none !important;
}

.org-group-flat > header {
  padding: 14px 0 16px !important;
}

#administration-directory,
#team .org-group-flat,
#resources .resource-layout,
#admin .admin-metrics,
#profile .settings-grid,
#my-projects-content,
#roadmap .projects-intro,
#payments > :not(.page-head) {
  position: relative;
  z-index: 1;
}

.project-roadmap-page .projects-intro .roadmap-head {
  display: none !important;
}

.project-roadmap-page .projects-intro {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

@media (max-width: 1100px) {
  body > .portal-topbar > #portal-page-header .page-head {
    grid-template-columns: minmax(175px, .8fr) minmax(240px, 1fr) 220px !important;
    padding-left: 20px !important;
    padding-right: 18px !important;
  }

  body > .portal-topbar > #portal-page-header .page-head h1 {
    font-size: clamp(31px, 3.6vw, 42px) !important;
  }
}

@media (max-width: 960px) {
  body > .portal-topbar,
  body.sidebar-collapsed > .portal-topbar {
    left: 0 !important;
  }
}

@media (max-width: 720px) {
  body > .portal-topbar {
    height: 74px !important;
  }

  body > .portal-topbar:has(#portal-page-header input) {
    height: 124px !important;
  }

  body > .portal-topbar > #portal-page-header {
    height: auto !important;
  }

  body > .portal-topbar > #portal-page-header .page-head {
    grid-template-columns: minmax(0, 1fr) !important;
    min-height: 74px !important;
    padding: 10px 148px 10px 16px !important;
  }

  body > .portal-topbar > #portal-page-header .page-head h1 {
    font-size: 30px !important;
  }

  body > .portal-topbar > #portal-page-header .page-head > input,
  body > .portal-topbar > #portal-page-header .page-head input[placeholder^='Search'] {
    grid-column: 1 !important;
    justify-self: start !important;
    width: calc(100vw - 32px) !important;
    max-width: none !important;
    margin-top: 8px !important;
  }

  body > .portal-topbar > .topbar-user-controls {
    top: 8px !important;
    right: 12px !important;
  }

  #workspace,
  #portal-page-header:empty + #workspace {
    padding-top: 86px !important;
  }

  body:has(.portal-topbar #portal-page-header input) #workspace {
    padding-top: 138px !important;
  }

  #team.organization-directory,
  #administration,
  #resources,
  #admin,
  #my-projects,
  #roadmap.project-roadmap-page {
    padding-top: 8px !important;
  }
}
/* Global modal stacking above shared header v3 */
body > #modal:not([hidden]) {
  position: fixed !important;
  inset: 0 !important;
  z-index: 1000 !important;
  width: 100vw !important;
  height: 100dvh !important;
  margin: 0 !important;
  transform: none !important;
  isolation: isolate;
}

body > #modal:not([hidden]) > .backdrop {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

body > #modal:not([hidden]) > .modal-card {
  position: relative !important;
  z-index: 1 !important;
  max-height: calc(100dvh - 40px) !important;
}
/* Roadmap project manager row v4 */
.connected-project-slide .project-manager-inline {
  display: flex !important;
  width: 100% !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 24px !important;
}

.connected-project-slide .project-manager-inline > span {
  display: flex !important;
  align-items: baseline !important;
  gap: 7px !important;
}

.connected-project-slide .project-manager-inline > div {
  margin-left: auto !important;
}

/* Permission-aware roadmap task cards v5 */
.connected-project-slide .workspace-task {
  grid-template-columns: 3px minmax(150px, 1fr) auto minmax(70px, 104px) auto !important;
  gap: 10px !important;
  width: 100% !important;
  min-height: 68px !important;
  padding: 8px 10px 8px 0 !important;
  border-radius: 8px !important;
  overflow: hidden;
}

.connected-project-slide .workspace-task:not(.has-task-cover) {
  grid-template-columns: 3px minmax(150px, 1fr) auto auto !important;
}

.workspace-task .task-accent {
  align-self: stretch;
  background: transparent;
}

.workspace-task.high-priority .task-accent {
  background: #e0a312;
}

.workspace-task .task-title-line,
.workspace-task .task-meta-line,
.workspace-task .task-state-block,
.workspace-task .task-actions {
  display: flex;
  align-items: center;
  gap: 7px;
  min-width: 0;
  flex-wrap: wrap;
}

.workspace-task .task-meta-line {
  margin-top: 4px;
  color: #777;
  font-size: 11px;
}

.workspace-task .task-state-block {
  justify-content: flex-end;
}

.workspace-task .status,
.workspace-task .priority-tag {
  padding: 5px 7px !important;
  border-radius: 999px !important;
  font-size: 9px !important;
  line-height: 1 !important;
}

.workspace-task .status-new {
  border-color: #e1ad20 !important;
  background: #ffe29a !important;
  color: #4d3600 !important;
}

.workspace-task .task-cover {
  width: 92px;
  height: 54px;
  overflow: hidden;
  border-radius: 6px;
  background: #eeece7;
}

.workspace-task .task-cover img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.workspace-task .task-cover.unavailable {
  display: none;
}

.workspace-task .task-actions {
  justify-content: flex-end;
}

.workspace-task .task-actions .text-button {
  padding: 5px 3px !important;
  font-size: 11px !important;
}

@media (max-width: 760px) {
  .connected-project-slide .workspace-task,
  .connected-project-slide .workspace-task:not(.has-task-cover) {
    grid-template-columns: 3px minmax(0, 1fr) 74px !important;
  }

  .workspace-task .task-state-block,
  .workspace-task .task-actions {
    grid-column: 2 / -1;
    justify-content: flex-start;
  }

  .workspace-task .task-cover {
    grid-column: 3;
    grid-row: 1 / span 2;
    width: 70px;
    height: 52px;
  }
}
/* Left-edge assignment preview card v6 */
.connected-project-slide .workspace-task,
.connected-project-slide .workspace-task:not(.has-task-cover) {
  position: relative;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  grid-template-rows: auto auto !important;
  column-gap: 22px !important;
  row-gap: 12px !important;
  width: 100% !important;
  min-height: 104px !important;
  padding: 18px 20px !important;
  border: 1px solid #d8d5cf !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  background: #fff !important;
  box-shadow: 0 8px 24px rgba(15, 15, 15, 0.045);
}
.connected-project-slide .workspace-task.has-task-cover {
  grid-template-columns: 132px minmax(0, 1fr) auto !important;
  padding-left: 0 !important;
}
.connected-project-slide .workspace-task .task-accent {
  position: absolute;
  inset: 0 auto 0 0;
  z-index: 2;
  width: 4px;
  background: transparent;
  pointer-events: none;
}
.connected-project-slide .workspace-task.high-priority .task-accent { background: #e0a312; }
.connected-project-slide .workspace-task .task-cover {
  grid-column: 1;
  grid-row: 1 / -1;
  align-self: stretch;
  width: 132px;
  height: auto;
  min-height: 104px;
  margin: -18px 0;
  border-radius: 0;
  overflow: hidden;
  background: #eceae5;
}
.connected-project-slide .workspace-task .task-cover img {
  width: 100%;
  height: 100%;
  min-height: 104px;
  display: block;
  visibility: hidden;
  opacity: 0;
  object-fit: cover;
  transition: opacity 160ms ease;
}
.connected-project-slide .workspace-task .task-cover img.loaded { visibility: visible; opacity: 1; }
.connected-project-slide .workspace-task .task-cover.unavailable { display: block; }
.connected-project-slide .workspace-task .task-cover.unavailable::after {
  content: "Preview unavailable";
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  padding: 12px;
  color: #77736d;
  font-size: 10px;
  text-align: center;
}
.connected-project-slide .workspace-task .task-cover.unavailable img { display: none; }
.connected-project-slide .workspace-task.has-task-cover .task-copy { grid-column: 2; }
.connected-project-slide .workspace-task:not(.has-task-cover) .task-copy { grid-column: 1; }
.connected-project-slide .workspace-task .task-copy {
  grid-row: 1;
  align-self: center;
  min-width: 0;
}
.connected-project-slide .workspace-task .task-title-line { gap: 9px; flex-wrap: wrap; }
.connected-project-slide .workspace-task .task-title-line strong {
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
  color: #111;
  font-size: 16px;
  line-height: 1.25;
}
.connected-project-slide .workspace-task .task-meta-line {
  margin-top: 7px;
  gap: 0;
  color: #716d67;
  font-size: 11px;
}
.connected-project-slide .workspace-task .task-meta-line span + span::before {
  content: "•";
  margin: 0 9px;
  color: #aaa59e;
}
.connected-project-slide .workspace-task .task-state-block {
  grid-column: -2;
  grid-row: 1;
  align-self: start;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: nowrap;
  white-space: nowrap;
}
.connected-project-slide .workspace-task .task-payment {
  color: #111;
  font-size: 12px;
  font-weight: 700;
}
.connected-project-slide .workspace-task .task-actions {
  grid-column: -2;
  grid-row: 2;
  align-self: end;
  justify-content: flex-end;
  gap: 12px;
  flex-wrap: wrap;
}
.connected-project-slide .workspace-task .task-actions .text-button {
  min-height: 26px;
  padding: 3px 0 !important;
  color: #111;
  font-size: 11px !important;
  font-weight: 700;
}
.connected-project-slide .workspace-task .task-actions .text-button:hover,
.connected-project-slide .workspace-task .task-actions .text-button:focus-visible {
  text-decoration: underline;
  text-underline-offset: 4px;
}
@media (max-width: 760px) {
  .connected-project-slide .workspace-task,
  .connected-project-slide .workspace-task:not(.has-task-cover),
  .connected-project-slide .workspace-task.has-task-cover {
    grid-template-columns: 92px minmax(0, 1fr) !important;
    grid-template-rows: auto auto auto !important;
    column-gap: 14px !important;
    row-gap: 9px !important;
    min-height: 118px !important;
    padding: 14px !important;
    padding-left: 0 !important;
  }
  .connected-project-slide .workspace-task:not(.has-task-cover) {
    grid-template-columns: minmax(0, 1fr) !important;
    padding-left: 14px !important;
  }
  .connected-project-slide .workspace-task .task-cover {
    width: 92px;
    min-height: 118px;
    margin: -14px 0;
  }
  .connected-project-slide .workspace-task.has-task-cover .task-copy { grid-column: 2; }
  .connected-project-slide .workspace-task .task-state-block {
    grid-column: 2;
    grid-row: 2;
    justify-content: flex-start;
  }
  .connected-project-slide .workspace-task .task-actions {
    grid-column: 2;
    grid-row: 3;
    justify-content: flex-start;
  }
  .connected-project-slide .workspace-task:not(.has-task-cover) .task-copy,
  .connected-project-slide .workspace-task:not(.has-task-cover) .task-state-block,
  .connected-project-slide .workspace-task:not(.has-task-cover) .task-actions { grid-column: 1; }
}
/* Compact assignment preview sizing v7 */
.connected-project-slide .workspace-task,
.connected-project-slide .workspace-task:not(.has-task-cover) {
  min-height: 88px !important;
  padding: 14px 16px !important;
  column-gap: 18px !important;
  row-gap: 8px !important;
}
.connected-project-slide .workspace-task.has-task-cover {
  grid-template-columns: 112px minmax(0, 1fr) auto !important;
  padding-left: 0 !important;
}
.connected-project-slide .workspace-task .task-cover {
  width: 112px;
  min-height: 88px;
  margin: -14px 0;
}
.connected-project-slide .workspace-task .task-cover img {
  min-height: 88px;
}
.connected-project-slide .workspace-task .task-title-line strong {
  font-size: 15px;
}
@media (max-width: 760px) {
  .connected-project-slide .workspace-task,
  .connected-project-slide .workspace-task:not(.has-task-cover),
  .connected-project-slide .workspace-task.has-task-cover {
    grid-template-columns: 82px minmax(0, 1fr) !important;
    min-height: 104px !important;
    padding: 12px !important;
    padding-left: 0 !important;
  }
  .connected-project-slide .workspace-task:not(.has-task-cover) {
    grid-template-columns: minmax(0, 1fr) !important;
    padding-left: 12px !important;
  }
  .connected-project-slide .workspace-task .task-cover {
    width: 82px;
    min-height: 104px;
    margin: -12px 0;
  }
}

/* Uniform Roadmap assignment card sizing v8 */
.connected-project-slide .workspace-task,
.connected-project-slide .workspace-task:not(.has-task-cover),
.connected-project-slide .workspace-task.has-task-cover {
  box-sizing: border-box;
  height: 96px !important;
  min-height: 96px !important;
  max-height: 96px !important;
}
.connected-project-slide .workspace-task .task-cover {
  align-self: center;
  height: 96px !important;
  min-height: 96px !important;
  max-height: 96px !important;
}
.connected-project-slide .workspace-task .task-cover img {
  height: 100% !important;
  min-height: 0 !important;
  max-height: 100% !important;
  object-fit: cover;
}
@media (max-width: 760px) {
  .connected-project-slide .workspace-task,
  .connected-project-slide .workspace-task:not(.has-task-cover),
  .connected-project-slide .workspace-task.has-task-cover {
    height: 116px !important;
    min-height: 116px !important;
    max-height: 116px !important;
  }
  .connected-project-slide .workspace-task .task-cover {
    height: 116px !important;
    min-height: 116px !important;
    max-height: 116px !important;
  }
}
/* Fixed non-resizing Roadmap cover frame v9 */
.connected-project-slide .workspace-task.has-task-cover {
  grid-template-columns: 132px minmax(0, 1fr) auto !important;
}
.connected-project-slide .workspace-task .task-cover {
  width: 132px !important;
  margin: -14px 0 !important;
  border-radius: 12px 0 0 12px !important;
  background: #eceae5;
}
.connected-project-slide .workspace-task .task-cover img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
}
@media (max-width: 760px) {
  .connected-project-slide .workspace-task.has-task-cover {
    grid-template-columns: 104px minmax(0, 1fr) !important;
  }
  .connected-project-slide .workspace-task .task-cover {
    width: 104px !important;
    margin: -12px 0 !important;
  }
}
/* Public project roster: names are visible, assignments remain private. */
.public-project-member-list {
  display: grid;
  gap: 0;
  border-top: 1px solid #dedbd5;
}
.public-project-member {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  min-height: 64px;
  padding: 10px 0;
  border-bottom: 1px solid #dedbd5;
}
.public-project-member > span:last-child {
  display: grid;
  gap: 2px;
  min-width: 0;
}
.public-project-member small,
.project-roster-privacy {
  color: #746f67;
}
.project-roster-privacy {
  margin: 14px 0 0;
  font-size: 13px;
}
/* Roadmap cover frame v10: the card clips the image, never the image layout. */
.connected-project-slide .workspace-task.has-task-cover {
  position: relative !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  padding-left: 152px !important;
  overflow: hidden !important;
}
.connected-project-slide .workspace-task.has-task-cover .task-cover {
  position: absolute !important;
  inset: 0 auto 0 0 !important;
  z-index: 1 !important;
  width: 132px !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  border-radius: 0 !important;
  overflow: hidden !important;
}
.connected-project-slide .workspace-task.has-task-cover .task-cover img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center !important;
}
.connected-project-slide .workspace-task.has-task-cover .task-copy {
  grid-column: 1 !important;
}
@media (max-width: 760px) {
  .connected-project-slide .workspace-task.has-task-cover {
    grid-template-columns: minmax(0, 1fr) !important;
    padding-left: 120px !important;
  }
  .connected-project-slide .workspace-task.has-task-cover .task-cover {
    width: 104px !important;
  }
  .connected-project-slide .workspace-task.has-task-cover .task-copy,
  .connected-project-slide .workspace-task.has-task-cover .task-state-block,
  .connected-project-slide .workspace-task.has-task-cover .task-actions {
    grid-column: 1 !important;
  }
}
/* Roadmap task grid v11: fixed card/image size with unobstructed controls. */
.connected-project-slide .workspace-task.has-task-cover {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 132px minmax(0, 1fr) auto auto !important;
  grid-template-rows: 1fr !important;
  align-items: center !important;
  gap: 14px !important;
  height: 96px !important;
  min-height: 96px !important;
  max-height: 96px !important;
  padding: 0 16px 0 0 !important;
  overflow: hidden !important;
}
.connected-project-slide .workspace-task.has-task-cover .task-cover {
  position: static !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  align-self: stretch !important;
  width: 132px !important;
  height: 96px !important;
  min-height: 96px !important;
  max-height: 96px !important;
  margin: 0 !important;
  border-radius: 0 !important;
  overflow: hidden !important;
}
.connected-project-slide .workspace-task.has-task-cover .task-cover img {
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center !important;
}
.connected-project-slide .workspace-task.has-task-cover .task-copy {
  grid-column: 2 !important;
  grid-row: 1 !important;
}
.connected-project-slide .workspace-task.has-task-cover .task-state-block {
  grid-column: 3 !important;
  grid-row: 1 !important;
  align-self: center !important;
}
.connected-project-slide .workspace-task.has-task-cover .task-actions {
  grid-column: 4 !important;
  grid-row: 1 !important;
  align-self: center !important;
}
@media (max-width: 760px) {
  .connected-project-slide .workspace-task.has-task-cover {
    grid-template-columns: 104px minmax(0, 1fr) auto !important;
    grid-template-rows: auto auto !important;
    height: 116px !important;
    min-height: 116px !important;
    max-height: 116px !important;
    padding-right: 12px !important;
    gap: 8px 10px !important;
  }
  .connected-project-slide .workspace-task.has-task-cover .task-cover {
    grid-column: 1 !important;
    grid-row: 1 / -1 !important;
    width: 104px !important;
    height: 116px !important;
    min-height: 116px !important;
    max-height: 116px !important;
  }
  .connected-project-slide .workspace-task.has-task-cover .task-copy {
    grid-column: 2 !important;
    grid-row: 1 !important;
  }
  .connected-project-slide .workspace-task.has-task-cover .task-state-block {
    grid-column: 3 !important;
    grid-row: 1 !important;
  }
  .connected-project-slide .workspace-task.has-task-cover .task-actions {
    grid-column: 2 / 4 !important;
    grid-row: 2 !important;
    justify-content: flex-end !important;
  }
}
/* Roadmap task grid v12: a clear information column and stacked action rail. */
.connected-project-slide .workspace-task.has-task-cover {
  grid-template-columns: 132px minmax(0, 1fr) 196px !important;
  grid-template-rows: 1fr !important;
}
.connected-project-slide .workspace-task.has-task-cover .task-state-block,
.connected-project-slide .workspace-task.has-task-cover .task-actions {
  grid-column: 3 !important;
  grid-row: 1 !important;
  justify-self: stretch !important;
}
.connected-project-slide .workspace-task.has-task-cover .task-state-block {
  align-self: start !important;
  justify-content: flex-end !important;
  padding-top: 15px !important;
}
.connected-project-slide .workspace-task.has-task-cover .task-actions {
  align-self: end !important;
  justify-content: flex-end !important;
  padding-bottom: 14px !important;
  gap: 16px !important;
}
@media (max-width: 760px) {
  .connected-project-slide .workspace-task.has-task-cover {
    grid-template-columns: 104px minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
  }
  .connected-project-slide .workspace-task.has-task-cover .task-state-block {
    grid-column: 2 !important;
    grid-row: 1 !important;
    padding-top: 10px !important;
  }
  .connected-project-slide .workspace-task.has-task-cover .task-actions {
    grid-column: 2 !important;
    grid-row: 2 !important;
    padding-bottom: 10px !important;
  }
}
/* Roadmap task typography v13: compact priority beside title, metadata at the foot. */
.connected-project-slide .workspace-task .task-copy,
.connected-project-slide .workspace-task.has-task-cover .task-copy {
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  min-width: 0 !important;
  padding: 13px 0 12px !important;
}
.connected-project-slide .workspace-task .task-title-line {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 7px !important;
  min-width: 0 !important;
}
.connected-project-slide .workspace-task .task-title-line strong {
  flex: 0 1 auto !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.connected-project-slide .workspace-task .task-title-line .priority-tag {
  flex: 0 0 auto !important;
  min-height: 19px !important;
  padding: 3px 8px !important;
  border-radius: 999px !important;
  font-size: 8px !important;
  line-height: 1 !important;
  letter-spacing: .055em !important;
}
.connected-project-slide .workspace-task .task-meta-line {
  align-self: flex-start !important;
  margin-top: auto !important;
  padding-top: 7px !important;
}
@media (max-width: 760px) {
  .connected-project-slide .workspace-task .task-copy,
  .connected-project-slide .workspace-task.has-task-cover .task-copy {
    padding: 9px 0 4px !important;
  }
}
/* Roadmap task typography v14: complete title and single-line metadata. */
.connected-project-slide .workspace-task.has-task-cover {
  grid-template-columns: 132px minmax(0, 1fr) 178px !important;
}
.connected-project-slide .workspace-task .task-title-line {
  gap: 5px !important;
  overflow: visible !important;
}
.connected-project-slide .workspace-task .task-title-line strong {
  flex: 0 0 auto !important;
  max-width: none !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
  font-size: 14px !important;
  letter-spacing: -0.015em !important;
}
.connected-project-slide .workspace-task .task-title-line .priority-tag {
  padding: 3px 7px !important;
  font-size: 7.5px !important;
}
.connected-project-slide .workspace-task .task-meta-line {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  white-space: nowrap !important;
}
.connected-project-slide .workspace-task .task-meta-line span {
  display: inline !important;
  white-space: nowrap !important;
}
@media (max-width: 760px) {
  .connected-project-slide .workspace-task.has-task-cover {
    grid-template-columns: 104px minmax(0, 1fr) !important;
  }
  .connected-project-slide .workspace-task .task-title-line strong {
    font-size: 12px !important;
  }
}