.task-create-overlay{background:color-mix(in oklab,var(--ink) 34%,transparent)}.task-create-panel{border:1px solid color-mix(in oklab,var(--border) 70%,transparent);background:var(--surface-soft-white);width:min(560px,100vw - 24px);max-width:none;height:calc(100dvh - 24px);max-height:calc(100dvh - 24px);box-shadow:0 12px 40px color-mix(in oklab,var(--ink) 12%,transparent);border-radius:20px;flex-direction:column;gap:0;padding:0;transition:none;display:flex;position:fixed;inset:12px 12px 12px auto;overflow:hidden;transform:none}.task-create-panel[data-state=open]{animation:.16s ease-out task-create-enter}.task-create-panel[data-state=closed]{animation:.14s ease-in task-create-exit}.task-create-header{border-bottom:1px solid color-mix(in oklab,var(--border) 45%,transparent);flex:none;align-items:center;min-height:56px;padding:12px 20px 12px 60px;font-size:12px;font-weight:600;display:flex}.task-create-panel>button{border:0;border-radius:8px;width:32px;height:32px;inset:12px auto auto 16px}.task-create-form{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.task-create-body{overscroll-behavior:contain;scrollbar-width:thin;flex:1;min-height:0;padding:20px;overflow-y:auto}.task-create-footer{border-top:1px solid color-mix(in oklab,var(--border) 45%,transparent);background:var(--surface-soft-white);flex-wrap:wrap;flex:none;justify-content:flex-end;align-items:center;gap:8px;padding:14px 20px;display:flex}.task-create-footer>button{width:32px;height:32px;min-height:32px;font-family:var(--font-sans);letter-spacing:normal;text-transform:none;border-radius:8px;padding:0;font-size:12px;font-weight:500}.task-create-footer>p{min-width:0;font-family:var(--font-sans);letter-spacing:normal;text-align:center;flex:1;margin:0;font-size:11px;line-height:1.4}.task-create-footer>[role=alert],.task-create-footer>[data-panel-notice]{text-align:left;flex-basis:100%;order:-1}.task-create-panel [data-presentation=compact]>*+*{margin-top:20px}.task-compose-title>textarea{min-height:40px;font-family:var(--font-sans);padding:3px 0;font-size:20px;font-weight:600;line-height:1.4}.task-compose-title>p{font-size:12px;line-height:1.5}.task-compose-properties{gap:4px;display:grid}.task-compose-property{grid-template-columns:104px minmax(0,1fr);align-items:start;gap:12px;min-width:0;min-height:38px;padding-block:3px;display:grid}.task-compose-label{color:var(--ink-soft);padding-block:8px;font-size:12px;font-weight:700;line-height:16px}.task-compose-value{min-width:0;font-size:13px}.task-compose-value [data-slot=select-trigger]{background:0 0;border:0;border-radius:8px;width:100%;height:32px;min-height:32px;padding:4px 8px;font-size:13px}.task-compose-value [data-task-xp-picker]{flex-flow:wrap;align-items:center;gap:6px}.task-compose-value [data-task-xp-presets]{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;width:auto}.task-compose-value [data-task-xp-presets]>button{border-radius:8px;min-height:30px;padding:3px 5px;font-size:11px}.task-compose-value [data-xp-symbol]{width:14px;height:14px}.task-compose-property[data-task-property=estimate] .task-compose-value>div,.task-compose-property[data-task-property=due] .task-compose-value>div{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.task-compose-property[data-task-property=estimate] [aria-label="Quick estimate choices"]{gap:4px;margin-top:0}.task-compose-property[data-task-property=estimate] button,.task-compose-property[data-task-property=due] button{height:auto;min-height:30px;font-family:var(--font-sans);letter-spacing:normal;text-transform:none;border-radius:8px;margin:0;padding:4px 7px;font-size:11px}.task-compose-property[data-task-property=due] .task-compose-value>div>button{width:auto;max-width:100%}.task-compose-description>label>.eyebrow,.task-compose-description>.eyebrow{font-family:var(--font-sans);letter-spacing:normal;text-transform:none;font-size:12px;font-weight:700}.task-compose-description textarea{border-color:color-mix(in oklab,var(--border) 60%,transparent);background:color-mix(in oklab,var(--paper) 35%,var(--surface-soft-white));border-radius:10px;min-height:96px;padding:10px 12px;font-size:13px;line-height:1.6}.task-create-panel [data-presentation=compact]>[data-task-edit-controls]{margin-top:4px}.task-compose-property[data-task-property=status] [role=group]{gap:4px}.task-compose-property[data-task-property=status] button{min-height:30px;font-family:var(--font-sans);letter-spacing:normal;text-transform:none;border-radius:8px;padding:4px 6px;font-size:11px;line-height:18px}.task-compose-value [data-task-current-xp],.task-compose-value [data-task-current-estimate]{font-size:12px;line-height:1.5}.task-edit-warning{flex:none;margin:12px 20px 0}.task-details-content>*+*{margin-top:20px}.task-compose-readonly-title{overflow-wrap:anywhere;font-family:var(--font-sans);margin:0;font-size:20px;font-weight:600;line-height:1.4}.task-compose-readonly-value{overflow-wrap:anywhere;margin:0;padding-block:8px}.task-compose-readonly-description{border:1px solid color-mix(in oklab,var(--border) 60%,transparent);background:color-mix(in oklab,var(--paper) 35%,var(--surface-soft-white));white-space:pre-wrap;overflow-wrap:anywhere;border-radius:10px;margin-top:6px;padding:10px 12px;font-size:13px;line-height:1.6}@keyframes task-create-enter{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:none}}@keyframes task-create-exit{0%{opacity:1;transform:none}to{opacity:0;transform:translate(20px)}}@media(max-width:600px){.task-create-panel{border-radius:16px;width:calc(100vw - 16px);height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);inset:8px 8px 8px auto}.task-create-body{padding:18px}.task-compose-property{grid-template-columns:88px minmax(0,1fr);gap:10px}}@media(pointer:coarse){.task-create-panel>button,.task-create-footer>button,.task-compose-value button,.task-compose-value input,.task-compose-value [data-task-xp-presets]>button,.task-compose-property[data-task-property=estimate] button,.task-compose-property[data-task-property=status] button,.task-compose-value [data-slot=select-trigger],.task-compose-property[data-task-property=due] button{min-height:44px}.task-create-panel>button{width:44px;height:44px;top:6px}.task-create-footer>button{width:44px;height:44px}.task-compose-value input,.task-compose-description textarea{font-size:16px}}@media(prefers-reduced-motion:reduce){.task-create-panel[data-state],.task-create-overlay[data-state]{animation:none}}
