/* Tasks module styles.
 * Keep new tasks-only selectors here instead of adding them to core.css.
 */
body[data-page="tasks"] .module-loading-placeholder { min-height: 120px; }

/* A lightweight composer at the top of every personal workspace list. */
.simple-tasks-page .workspace-quick-add {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 7px;
  margin: 0 0 10px;
  padding: 7px 8px 7px 10px;
  border: 1px solid rgba(100, 116, 139, .2);
  border-radius: 12px;
  background: rgba(255, 255, 255, .72);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.7);
  transition: border-color .16s ease, box-shadow .16s ease, background .16s ease;
}

.simple-tasks-page .workspace-quick-add:focus-within {
  border-color: rgba(246, 139, 31, .72);
  background: #fff;
  box-shadow: 0 0 0 3px rgba(246, 139, 31, .12);
}

.simple-tasks-page .workspace-quick-add.is-saving { opacity: .68; }

.simple-tasks-page .workspace-quick-add.has-error {
  border-color: #d92d20;
  box-shadow: 0 0 0 3px rgba(217, 45, 32, .1);
}

.simple-tasks-page .workspace-quick-add > svg {
  width: 15px;
  height: 15px;
  color: #7a8798;
}

.simple-tasks-page .workspace-quick-add input {
  width: 100%;
  min-width: 0;
  padding: 2px 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: #17243b;
  font: inherit;
  font-size: .84rem;
  font-weight: 600;
}

.simple-tasks-page .workspace-quick-add input:focus { outline: 0; }

.simple-tasks-page .workspace-quick-add input::placeholder {
  color: #8793a4;
  font-weight: 550;
}

.simple-tasks-page .workspace-quick-add button {
  width: 26px;
  height: 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #ef7d12;
  cursor: pointer;
}

.simple-tasks-page .workspace-quick-add button:hover,
.simple-tasks-page .workspace-quick-add button:focus-visible {
  background: #fff0df;
}

.simple-tasks-page .workspace-quick-add button:disabled { cursor: wait; }

.simple-tasks-page .workspace-quick-add button svg {
  width: 14px;
  height: 14px;
}

/* Schedule header compaction and reliable missed-task state. */
.task-scheduler-modal .task-scheduler-header{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:18px!important;
  padding:12px 18px!important;
  border-bottom:1px solid #e5eaf0!important;
}
.task-scheduler-modal .task-scheduler-title{min-width:130px}
.task-scheduler-modal .task-scheduler-title .eyebrow{margin-bottom:2px!important}
.task-scheduler-modal .task-scheduler-title h2{font-size:24px!important;line-height:1.05!important}
.task-scheduler-modal .task-scheduler-header .task-scheduler-controls{
  min-height:0!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  flex-wrap:nowrap!important;
  min-width:0!important;
}
.task-scheduler-modal .task-scheduler-close{flex:none}
.task-scheduler-modal .task-planner-split{min-height:0!important}
.task-scheduler-modal .scheduler-item.is-missed{border-color:#e6c68b!important;background:#fffaf0!important}
.task-scheduler-modal .scheduler-missed-label{color:#9a6200!important;font-weight:700!important}
.task-scheduler-modal .scheduler-missed-label svg{width:13px!important;height:13px!important}
@media(max-width:1250px){
  .task-scheduler-modal .task-scheduler-header{grid-template-columns:auto minmax(0,1fr) auto!important;gap:10px!important}
  .task-scheduler-modal .task-scheduler-title{min-width:105px}
  .task-scheduler-modal .task-scheduler-header .task-scheduler-controls{overflow-x:auto!important;padding-bottom:2px!important}
  .task-scheduler-modal .task-scheduler-header .planner-date-control{width:185px!important;min-width:185px!important}
  .task-scheduler-modal .task-scheduler-header .planner-control-select{min-width:260px!important}
  .task-scheduler-modal .task-scheduler-header .scheduler-time-filter select{min-width:190px!important}
}
@media(max-width:900px){
  .task-scheduler-modal .task-scheduler-header{grid-template-columns:1fr auto!important;align-items:start!important}
  .task-scheduler-modal .task-scheduler-header .task-scheduler-controls{grid-column:1/-1;grid-row:2;flex-wrap:wrap!important;overflow:visible!important}
  .task-scheduler-modal .task-scheduler-close{grid-column:2;grid-row:1}
}