/* V1.3.3: small controls and an optional focus state, on the original Classic UI. */
.task-dialog .editor-actions>button {
  display:inline-flex!important;align-items:center;justify-content:center;
  height:42px!important;min-height:42px!important;padding:10px 16px!important;
  border-radius:12px!important;font-size:13px!important;line-height:20px!important;
  font-weight:600!important;box-shadow:none!important;
}
.task-dialog .editor-actions>.danger-button {border:1px solid rgba(212,67,59,.2);}
.task-dialog .dialog-grid .field-label>select {min-height:44px;height:44px;box-sizing:border-box;}
.task-dialog .completed-field .completed-toggle {
  display:flex;align-items:center;gap:9px;box-sizing:border-box;
  height:44px!important;min-height:44px!important;margin:8px 0 0!important;
  padding:10px 12px!important;border:1px solid rgba(60,60,67,.12)!important;
  border-radius:12px!important;background:rgba(118,118,128,.045)!important;
  font-size:13px!important;font-weight:500;color:#595a60;
}
.task-dialog .completed-field input {flex:none;margin:0;width:17px;height:17px;}
html[data-theme="dark"] .task-dialog .completed-field .completed-toggle {
  background:#253344!important;border-color:#394c63!important;color:#cbd7e8!important;
}
.person-progress-card {display:block;text-align:left;font:inherit;cursor:pointer;}
.person-progress-card:focus-visible {outline:2px solid var(--blue,#1688f8);outline-offset:3px;}
.person-progress-card[aria-pressed="true"] {border-color:rgba(67,119,205,.3)!important;}
.calendar-card {scroll-margin-top:84px;}
.person-focus-summary {display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:12px 16px;border-bottom:1px solid rgba(60,60,67,.08);}
.person-focus-summary>strong {font-size:12px;color:var(--text,#292a2f);margin-right:2px;}
.person-focus-summary>span {font-size:10px;color:var(--muted,#85868d);}
.person-focus-tasks {display:flex;flex-wrap:wrap;gap:6px;flex:1 1 100%;min-width:0;}
.person-focus-task {position:relative;max-width:100%;border:1px solid rgba(60,60,67,.10);border-radius:7px;padding:5px 8px;background:transparent;color:var(--text,#292a2f);font-size:11px;line-height:1.5;font-family:inherit;text-align:left;overflow-wrap:anywhere;}
.person-focus-task small {margin-right:6px;color:var(--muted,#85868d);white-space:nowrap;}
#clearPersonFocus {margin-left:auto;border:0;background:transparent;color:var(--muted,#85868d);font-size:11px;padding:4px;}
.assignee-hyper {--person-focus-color:#1688f8;}
.assignee-rachael {--person-focus-color:#b23bc6;}
.assignee-lu {--person-focus-color:#22a77a;}
.person-focus-flash {position:relative;}
.person-focus-flash:not(.todo-insert-before):not(.todo-insert-after)::after {
  content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;
  box-shadow:inset 0 0 0 2px var(--person-focus-color,#1688f8);
  background:color-mix(in srgb,var(--person-focus-color,#1688f8) 18%,transparent);
  animation:person-pending-highlight 3.6s ease-out both;
  animation-delay:var(--person-focus-elapsed,0s);
}
@keyframes person-pending-highlight {0%,18%{opacity:1}55%{opacity:.6}100%{opacity:0}}
html[data-theme="dark"] .person-focus-summary {border-color:#394b60;}
html[data-theme="dark"] .person-focus-task {border-color:#3c4d61;color:#d7e3f5;}
@media(max-width:760px) {.calendar-card{scroll-margin-top:76px}.person-focus-summary{padding:10px 12px}.person-focus-task{font-size:11px;}}
@media(prefers-reduced-motion:reduce) {
  .person-focus-flash:not(.todo-insert-before):not(.todo-insert-after)::after {animation:none;opacity:.45;}
}