.tree-appearance{padding-block:1rem;border-block-start:1px solid var(--line)}
.tree-appearance>summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-weight:600}
.tree-appearance[open] .stack-form{margin-block-start:.75rem}
.tree-appearance select{font:inherit;min-height:44px;width:100%;padding:.65rem;border:1px solid var(--line);border-radius:var(--radius,10px);color:var(--ink);background:var(--surface)}
.appearance-colors{border:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;min-width:0}
.appearance-colors legend{margin-block-end:.5rem;font-weight:600}
.appearance-colors input[type=color]{display:block;min-height:44px;width:100%;padding:4px;border:1px solid var(--line);background:var(--surface);border-radius:8px;cursor:pointer}
.appearance-colors input:disabled{cursor:default;opacity:.65}
.appearance-actions,.archive-actions,.archive-task-actions{display:flex;gap:.5rem;flex-wrap:wrap}
.archive-task-text{min-width:0;flex:1;display:flex;flex-direction:column;gap:.25rem}
.archive-task-text>a{padding:0;justify-content:start;text-align:start;overflow-wrap:anywhere}
.archive-task-text small,.archive-task-text time{font-size:.75rem;color:var(--muted)}
.archive-row{align-items:start;flex-wrap:wrap;gap:.6rem}
.archive-task-actions{flex-basis:100%}
.archive-task-actions .button{font-size:.75rem;min-height:44px}
.task-archive .archive-actions{margin-block-start:1rem}
.tree-appearance :focus-visible,.task-archive :focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(min-width:700px){.archive-task-actions{flex-basis:auto}.archive-row{flex-wrap:nowrap}}
@media(prefers-reduced-motion:reduce){.tree-appearance *, .task-archive *{transition:none;animation:none}}

.appearance-custom{grid-column:1/-1;display:flex;align-items:center;gap:.5rem;min-height:44px}.appearance-custom input{accent-color:var(--accent)}