/* Consistent card rhythm for the organizer pages. */
:is(
  [data-page-view="tasks"],
  [data-page-view="goals"],
  [data-page-view="habits"],
  [data-page-view="events"]
){
  --organizer-card-radius:16px;
  --organizer-card-min-height:84px;
  --organizer-card-padding-block:13px;
  --organizer-card-padding-inline:14px;
  --organizer-card-surface:rgba(255,255,255,.024);
}

/* The four organizer tabs use one heading structure and one baseline. */
:is(
  [data-page-view="tasks"],
  [data-page-view="goals"],
  [data-page-view="habits"],
  [data-page-view="events"]
)>.organizer-tabs{
  margin-bottom:18px;
}
:is(
  [data-page-view="tasks"],
  [data-page-view="goals"],
  [data-page-view="habits"],
  [data-page-view="events"]
)>.organizer-page-head{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center!important;
  min-height:112px;
  margin:0 0 18px;
  padding:0 clamp(120px,13vw,190px);
  text-align:center;
}
:is(
  [data-page-view="tasks"],
  [data-page-view="goals"],
  [data-page-view="habits"],
  [data-page-view="events"]
)>.organizer-page-head>div{
  width:min(720px,100%);
  margin-inline:auto;
}
:is(
  [data-page-view="tasks"],
  [data-page-view="goals"],
  [data-page-view="habits"],
  [data-page-view="events"]
)>.organizer-page-head>.primary-btn{
  position:absolute;
  right:0;
  top:50%;
  min-width:112px;
  transform:translateY(-50%);
}
:is(
  [data-page-view="tasks"],
  [data-page-view="goals"],
  [data-page-view="habits"],
  [data-page-view="events"]
)>.organizer-page-head>.primary-btn:hover{
  transform:translateY(calc(-50% - 1px));
}

/* Tasks: every item has the same surface, spacing and text column. */
[data-page-view="tasks"] .task-board{
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:start;
}
[data-page-view="tasks"] .task-column{
  min-width:0;
  padding:18px;
}
[data-page-view="tasks"] .task-column__head{
  min-height:44px;
  padding-bottom:12px;
}
[data-page-view="tasks"] :is(#allTasks,#plannedTasks,#calendarSourceTasks){
  display:grid;
  gap:10px;
  padding-top:10px;
}
[data-page-view="tasks"] .task-item{
  display:grid;
  grid-template-columns:34px minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  min-width:0;
  min-height:var(--organizer-card-min-height);
  margin:0;
  padding:var(--organizer-card-padding-block) var(--organizer-card-padding-inline);
  border:1px solid var(--line);
  border-radius:var(--organizer-card-radius);
  background:var(--organizer-card-surface);
}
[data-page-view="tasks"] .task-item:hover{
  transform:none;
  padding:var(--organizer-card-padding-block) var(--organizer-card-padding-inline);
}
[data-page-view="tasks"] .task-check{
  justify-self:center;
  margin:0;
}
[data-page-view="tasks"] .task-item__main{
  display:grid;
  align-content:center;
  gap:5px;
  min-width:0;
}
[data-page-view="tasks"] .task-item__main>strong{
  display:block;
  min-width:0;
  font:700 15px/1.35 "Manrope",sans-serif;
  overflow-wrap:anywhere;
}
[data-page-view="tasks"] .task-item__main>span{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:5px 7px;
  min-width:0;
  color:var(--muted);
  font-size:11px;
  line-height:1.4;
  overflow-wrap:anywhere;
}
[data-page-view="tasks"] .task-meta-tags{
  display:inline-flex;
  align-items:center;
  flex-wrap:wrap;
  gap:5px;
  min-width:0;
}
[data-page-view="tasks"] .task-actions{
  align-self:center;
}
[data-page-view="tasks"] .organizer-source-group__items{
  gap:10px;
}

/* Goals use the same outer dimensions and stable text/progress columns. */
[data-page-view="goals"] .goal-list{
  display:grid;
  gap:10px;
}
[data-page-view="goals"] .goal-detail{
  min-width:0;
  margin:0;
  border-radius:var(--organizer-card-radius);
}
[data-page-view="goals"] .goal-detail__summary{
  grid-template-columns:36px minmax(0,1fr) minmax(120px,150px) 34px;
  gap:12px;
  min-height:var(--organizer-card-min-height);
  padding:var(--organizer-card-padding-block) var(--organizer-card-padding-inline);
}
[data-page-view="goals"] .goal-index{
  display:grid;
  place-items:center;
  width:32px;
  height:32px;
  border:1px solid var(--line);
  border-radius:10px;
  background:rgba(255,255,255,.025);
}
[data-page-view="goals"] .goal-detail__identity,
[data-page-view="goals"] .goal-detail__title{
  min-width:0;
}
[data-page-view="goals"] .goal-detail__identity{
  display:flex;
  align-items:center;
  gap:10px;
}
[data-page-view="goals"] .goal-detail__title>strong{
  display:block;
  min-width:0;
  font:700 15px/1.35 "Manrope",sans-serif;
  overflow-wrap:anywhere;
}
[data-page-view="goals"] .goal-detail__title>span{
  line-height:1.4;
  overflow-wrap:anywhere;
}
[data-page-view="goals"] .goal-detail__body{
  padding:2px var(--organizer-card-padding-inline) 16px 62px;
}

/* Habit rows and event records follow the same card rhythm. */
[data-page-view="habits"] #habitWeekRows{
  display:grid;
  gap:10px;
  padding-top:10px;
}
[data-page-view="habits"] .habit-week .week-row{
  min-height:var(--organizer-card-min-height);
  margin:0;
  padding:12px 14px;
  border:1px solid var(--line);
  border-radius:var(--organizer-card-radius);
  background:var(--organizer-card-surface);
}
[data-page-view="habits"] .habit-name-cell{
  align-self:center;
}
[data-page-view="habits"] .habit-name-cell :is(strong,span,small){
  max-width:100%;
  white-space:normal;
  overflow-wrap:anywhere;
}
[data-page-view="events"] .organizer-event-list .calendar-static-group>div{
  display:grid;
  gap:10px;
}
[data-page-view="events"] .organizer-event-list .calendar-all-item{
  min-height:var(--organizer-card-min-height);
  margin:0;
  padding:var(--organizer-card-padding-block) var(--organizer-card-padding-inline);
  border-radius:var(--organizer-card-radius);
}
[data-page-view="events"] .calendar-all-copy{
  min-width:0;
}
[data-page-view="events"] .calendar-all-copy :is(strong,small,span){
  max-width:100%;
  overflow-wrap:anywhere;
}

:is(
  [data-page-view="tasks"] .task-item__main>strong,
  [data-page-view="goals"] .goal-detail__title>strong,
  [data-page-view="habits"] .habit-name-title,
  [data-page-view="events"] .calendar-all-copy>strong
){
  font:700 15px/1.35 "Manrope",sans-serif;
  letter-spacing:0;
}

body[data-theme="light"] :is(
  [data-page-view="tasks"] .task-item,
  [data-page-view="habits"] .habit-week .week-row
){
  --organizer-card-surface:rgba(255,255,255,.68);
}

@media(max-width:900px){
  [data-page-view="tasks"] .task-board{
    grid-template-columns:minmax(0,1fr);
  }
}

@media(max-width:768px){
  :is(
    [data-page-view="tasks"],
    [data-page-view="goals"],
    [data-page-view="habits"],
    [data-page-view="events"]
  )>.organizer-page-head{
    flex-direction:column!important;
    gap:14px;
    min-height:0;
    padding:0;
  }
  :is(
    [data-page-view="tasks"],
    [data-page-view="goals"],
    [data-page-view="habits"],
    [data-page-view="events"]
  )>.organizer-page-head>div{
    display:none!important;
  }
  :is(
    [data-page-view="tasks"],
    [data-page-view="goals"],
    [data-page-view="habits"],
    [data-page-view="events"]
  )>.organizer-page-head>.primary-btn{
    position:static;
    width:100%;
    transform:none;
  }
  :is(
    [data-page-view="tasks"],
    [data-page-view="goals"],
    [data-page-view="habits"],
    [data-page-view="events"]
  )>.organizer-page-head>.primary-btn:hover{
    transform:translateY(-1px);
  }
  [data-page-view="tasks"] .task-column{
    padding:13px;
  }
  [data-page-view="goals"] .goal-detail__summary{
    grid-template-columns:34px minmax(0,1fr) 32px;
    gap:10px;
  }
  [data-page-view="goals"] .goal-detail__progress{
    grid-column:2/4;
    width:100%;
  }
  [data-page-view="goals"] .goal-detail__body{
    padding:2px 13px 14px;
  }

}