.person-action-bar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.person-action-modal{width:min(560px,calc(100vw - 32px));max-height:calc(100dvh - 40px);padding:28px;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);box-shadow:0 20px 70px #16202d2b;overflow:auto}
.person-action-modal::backdrop{background:#252c3257}
.person-modal-heading,.person-entry-heading,.person-date-heading,.person-file{display:flex;align-items:center;justify-content:space-between;gap:14px}
.person-modal-heading h2,.person-entry-heading h3{margin:0;overflow-wrap:anywhere}
.person-modal-heading{margin-bottom:22px}.person-modal-heading .button{font-size:25px;min-width:42px}
.person-action-modal form>label,.person-action-modal .person-time-fields label{display:block;margin:15px 0 6px;font-size:13px}
.person-action-modal input:not([type=checkbox]),.person-action-modal textarea,.person-action-modal select{display:block;width:100%;max-width:100%;min-width:0;min-height:42px;padding:9px 11px;border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--ink);font:inherit}
.person-action-modal textarea{resize:vertical;min-height:90px}.person-action-modal input:disabled{background:var(--soft);color:var(--muted)}
.person-action-modal fieldset{min-width:0;border:0;padding:0;margin:18px 0}.person-action-modal legend{font-size:13px;margin-bottom:8px}
.person-checkbox{display:flex!important;align-items:center;gap:8px;min-height:36px;font-size:13px;overflow-wrap:anywhere}.person-checkbox input{flex-shrink:0}
.person-date-heading{margin-top:15px}.person-date-heading>label{margin:0!important}.person-time-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.person-modal-footer{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:25px}.person-modal-footer .button{white-space:normal;text-align:center}
.person-participant-list,.person-labels [data-action-labels]{max-height:180px;overflow:auto}.person-participant-list{overscroll-behavior:contain}.person-labels [data-action-labels]{overscroll-behavior-y:auto}.person-entry-heading .button{flex-shrink:0}
.person-action-modal textarea[data-autogrow]{resize:none;overflow:hidden;min-height:48px}
.person-date-picker{display:block;width:100%;min-height:44px;padding:10px 12px;text-align:left;border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--ink);font:inherit;cursor:pointer}.person-date-picker:disabled{color:var(--muted);background:var(--soft)}
.person-task-calendar{border:1px solid var(--line);border-radius:8px;padding:12px;margin-top:8px}.person-calendar-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.person-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;text-align:center}.person-calendar-grid>span{padding:8px 0;color:var(--muted);font-size:12px}.person-calendar-grid button{border:0;background:transparent;color:var(--ink);padding:9px 0;border-radius:5px;cursor:pointer}.person-calendar-grid button[aria-pressed=true]{background:var(--ink);color:var(--paper)}
.task-card{padding:24px;margin:14px 0}.task-card-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 18px;align-items:start}.task-card-identity{display:contents}.task-card-heading .task-person{grid-column:1;grid-row:1;align-self:center}.task-card-heading h3{grid-column:1/-1;grid-row:2}.task-completion{grid-column:2;grid-row:1}.task-completion{display:flex;align-items:center;gap:8px;min-height:44px;color:var(--muted);font-size:12px;cursor:pointer}.task-completion input{width:18px;height:18px;margin:0;accent-color:var(--ink)}.task-card-heading h3{margin:0}.task-actor{font-family:Georgia,serif;font-size:23px;line-height:1.4;font-weight:400}.task-card-heading .task-title{display:inline}.task-card-body{margin-left:0}.task-value{display:block;border:0;padding:0;background:transparent;color:var(--ink);font:inherit;text-align:left;max-width:100%;overflow-wrap:anywhere;white-space:pre-wrap;cursor:pointer}.task-value:hover{color:var(--accent,var(--ink));text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.task-value:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.task-title{font-family:Georgia,serif;font-size:23px;line-height:1.4;font-weight:400}.task-person{display:inline-block;margin:0 0 10px;font-size:17px;font-weight:600;color:var(--ink);text-decoration:none}.task-note{margin:18px 0 22px;line-height:1.65}.task-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 30px;margin:0;padding-top:20px;border-top:1px solid var(--line)}.task-fields dt{font-size:12px;color:var(--muted);margin-bottom:8px}.task-fields dd{margin:0;line-height:1.6}.task-label{display:inline-block;background:var(--soft);padding:2px 8px;margin:0 5px 5px 0;border-radius:4px;font-size:13px}.task-inline-editor{width:100%;min-height:44px;box-sizing:border-box;border:1px solid var(--ink);border-radius:5px;padding:8px 10px;font:inherit;background:var(--paper);color:var(--ink);resize:none;overflow:hidden}
.task-state-tabs{display:flex;gap:20px;margin-bottom:20px}.task-state-tabs a[aria-current=page]{font-weight:600;color:var(--ink)}
@media(max-width:480px){.task-card{padding:18px}.task-card-heading{gap:8px 12px}.task-completion{flex-direction:column;gap:5px;min-width:65px;align-items:flex-end}.task-card-body{margin-left:0}.task-fields{grid-template-columns:1fr}.task-title{font-size:21px}}
.person-file{padding:12px 0;border-bottom:1px solid var(--line)}.person-file>div{min-width:0}.person-file a{overflow-wrap:anywhere}.person-file-upload{margin-top:18px;display:grid;gap:10px;justify-items:start;max-width:100%}.person-file-upload input{max-width:100%}
@media(max-width:650px){.person-action-modal{padding:20px;max-height:calc(100dvh - 24px)}.person-time-fields{grid-template-columns:1fr;gap:0}.person-entry-heading{align-items:flex-start}.person-file{align-items:flex-start}.person-modal-footer .button{width:100%}}

.person-label-create{display:flex;gap:8px;margin-bottom:10px}.person-label-create input{flex:1;min-width:0}.person-label-row{display:flex;align-items:center;gap:8px;min-height:44px}.person-label-row>.person-checkbox{flex:1;min-width:0}.person-label-control{border:0;background:transparent;padding:6px;color:var(--muted);font:inherit;font-size:12px;cursor:pointer}.person-label-control:hover{text-decoration:underline}.person-label-rename{min-width:0;display:flex;flex:1;gap:6px}.person-label-rename input{flex:1;min-width:0}
@media(max-width:480px){.person-label-row{flex-wrap:wrap;gap:4px}.person-label-row>.person-checkbox{flex-basis:100%}.person-label-row>.person-label-control{min-height:36px;padding:5px 8px}}

.person-label-create[hidden]{display:none}

.task-card-heading .task-title[hidden],.task-value[hidden]{display:none}
