#new-dialog { max-height: calc(100dvh - 32px); }
.new-dialog-content { padding: 23px 24px 24px; }
.new-subtitle { color: var(--muted); font-size: 13px; margin: 0 0 21px; }
.task-voice-field { position: relative; }
.task-voice-field input,.task-voice-field textarea { width: 100%; padding-right: 55px; }
.task-field-mic { position: absolute; top: 3px; right: 4px; display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 1px solid transparent; border-radius: 10px; background: transparent; color: var(--accent); touch-action: manipulation; }
.task-field-mic .icon { width: 19px; height: 19px; }
.task-field-mic.is-listening { color: #fff; background: var(--gradient); border-color: #44c6d4; box-shadow: 0 2px 7px #2ab5cc26; }
.task-field-mic:disabled { background: transparent; border-color: transparent; color: #8fa5b1; }
.task-dictation-status { margin: 6px 0 0; font-size: 12px; line-height: 1.5; color: var(--accent); }
.task-dictation-status.is-error { color: #a24c38; }
.assignee-field { border: 0; padding: 0; min-width: 0; }
.assignee-field legend { padding: 0; }
.people-picker { background: white; border: 1px solid #dbeaf0; border-radius: 12px; overflow: hidden; }
.people-picker summary { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 12px; min-height: 47px; cursor: pointer; color: #496f83; font-size: 13px; list-style: none; }
.people-picker summary::-webkit-details-marker { display: none; }
.people-picker summary .icon { width: 16px; height: 16px; transition: transform .15s; }
.people-picker[open] summary .icon { transform: rotate(180deg); }
.people-picker-content { padding: 0 11px 12px; }
.people-picker-content input[type="search"] { margin-bottom: 10px; }
.people-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; max-height: 214px; overflow-y: auto; padding: 2px; }
.person-option { display: flex; align-items: center; gap: 7px; min-height: 46px; padding: 8px; border: 1px solid #e5eff3; border-radius: 10px; cursor: pointer; min-width: 0; }
.person-option:has(input:checked) { background: #edf9f5; border-color: #a9d6c3; }
.person-option input[type="checkbox"] { width: 17px; height: 17px; min-height: 0; margin: 0; padding: 0; flex: 0 0 auto; accent-color: #238366; }
.person-option .avatar { width: 24px; height: 24px; }
.person-option-name { font-size: 13px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.person-search-empty { grid-column: 1 / -1; text-align: center; color: var(--muted); font-size: 12px; padding: 10px 0; }
.add-person-row { display: flex; align-items: center; gap: 8px; border-top: 1px solid var(--line); padding-top: 11px; margin-top: 10px; }
.add-person-row input { flex: 1; min-width: 0; }
.add-person-row button { flex: 0 0 auto; min-height: 44px; padding: 10px 12px; display: flex; align-items: center; justify-content: center; gap: 4px; border-radius: 10px; background: var(--accent-soft); color: var(--accent); font-size: 13px; font-weight: 650; border: 1px solid var(--accent-border); }
.add-person-row button .icon { width: 15px; height: 15px; }
.selected-people { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.person-chip { display: flex; align-items: center; gap: 5px; max-width: 100%; min-height: 34px; padding: 4px 7px 4px 5px; border-radius: 10px; background: #e8f7f1; color: #317c67; font-size: 11px; }
.person-chip .avatar { width: 22px; height: 22px; font-size: 9px; }
.person-chip .icon { width: 12px; height: 12px; }
.person-chip-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

@media (max-width: 600px) {
  #new-dialog { width: 100%; max-width: 100%; max-height: 100dvh; margin: auto 0 0; border-radius: 25px 25px 0 0; }
  .new-dialog-content { padding-bottom: max(24px, env(safe-area-inset-bottom)); }
}

@media (max-width: 360px) {
  .new-dialog-content { padding: 18px; }
}