/* Hojas de añadir y editar tarea */
.sheet-foot[hidden],.sheet [hidden]{display:none!important}
.sheet.qa .sheet-foot,.sheet.ed .sheet-foot{justify-content:space-between}
.sheet.qa .sheet-foot .btn.primary,.sheet.ed .sheet-foot .btn.primary{flex:1;max-width:14rem}

.sh-label{display:block;margin:1rem 0 .4rem;font-size:.85rem;font-weight:700;color:var(--muted)}
.sh-block{margin-top:.1rem}
.sh-chips{display:flex;flex-wrap:wrap;gap:.4rem}
.chips.sh-chips{flex-wrap:wrap;overflow:visible}
.sh-chip{min-height:44px;padding:.3rem .85rem;cursor:pointer;color:var(--ink)}
.sh-chip:hover{background:var(--surface2)}
.sh-chip[aria-pressed="true"]{background:var(--ink);color:var(--bg);border-color:var(--ink);font-weight:700}
.sh-area[aria-pressed="true"]{background:color-mix(in srgb,var(--c) 18%,var(--surface));border-color:var(--c);color:var(--ink);box-shadow:inset 0 0 0 1px var(--c)}
.sh-area .dot{background:var(--c)}
.sh-chip.seg{flex:1;justify-content:center;min-width:6rem}
.sh-error{margin:.3rem 0 0;color:var(--warn);font-weight:700;font-size:.9rem;min-height:0}
.sh-error:empty{display:none}
.sh-two{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
.sh-two .btn{margin-top:.4rem}
.sh-two .sh-label{margin-top:1rem}
@media (max-width:360px){.sh-two{grid-template-columns:1fr}}
[aria-invalid="true"]{border-color:var(--warn)!important}

/* ---- añadir ---- */
.qa-text{min-height:7.5rem;font-size:1.05rem;line-height:1.45;background:var(--surface2)}
.qa-hint{margin:.35rem 0 0;font-size:.82rem}
.qa-voice{display:flex;align-items:center;gap:.7rem;margin-top:.6rem}
.qa-mic{min-width:7.5rem}
.qa-mic.on{background:var(--warn);border-color:var(--warn);color:#fff}
.qa-mic.on .ico{animation:qaPulse 1.2s ease-in-out infinite}
@keyframes qaPulse{50%{opacity:.35}}
.qa-status{font-size:.9rem;color:var(--muted);min-height:1.2em}
.qa-preview{margin-top:1.1rem;padding:.8rem;border:1px dashed var(--line);border-radius:var(--r);background:var(--surface2);min-height:3.5rem}
.qa-count{margin:0 0 .5rem;font-weight:700;font-size:.9rem}
.qa-empty{margin:0}
.pv-list{list-style:none;margin:0;padding:0;display:grid;gap:.55rem}
.pv-row{display:grid;gap:.3rem;padding:.55rem .7rem;background:var(--surface);border:1px solid var(--line);border-left:5px solid var(--c,var(--a10));border-radius:var(--r-sm)}
.pv-title{font-weight:700;overflow-wrap:anywhere}
.pv-chips{display:flex;flex-wrap:wrap;gap:.3rem}
.pv-chip{display:inline-flex;align-items:center;gap:.25rem;padding:.1rem .55rem;border-radius:999px;background:var(--surface2);border:1px solid var(--line);font-size:.8rem;color:var(--ink)}
.pv-area{color:var(--c);font-weight:700}
.pv-area .dot{background:var(--c)}
.pv-day{background:var(--accent-soft);border-color:transparent;font-weight:700}
.pv-none{color:var(--muted)}
.pv-due,.pv-hi{color:var(--warn);background:var(--warn-soft);border-color:transparent;font-weight:700}
.pv-rec{background:var(--accent-soft);border-color:transparent}
.pv-note{margin:.5rem 0 0;font-size:.88rem;color:var(--muted)}
.pv-note::before{content:"ℹ ";}
.tpl-list{list-style:none;margin:.6rem 0 0;padding:0;display:grid;gap:.3rem}
.tpl-item{justify-content:space-between;border:1px solid var(--line);background:var(--surface2)}
.tpl-name{font-weight:700}
.tpl-actions{display:flex;justify-content:flex-end;margin-top:1.2rem}
.tpl-form .muted{margin:.6rem 0 0}

/* ---- editar ---- */
.ed-title{display:block;width:100%;min-height:2.6rem;resize:none;overflow:hidden;border:1px solid transparent;background:transparent;
  font:800 1.25rem/1.25 var(--font-head);padding:.4rem .2rem;border-radius:var(--r-sm)}
.ed-title:hover{background:var(--surface2)}
.ed-title:focus{background:var(--surface2);border-color:var(--line)}
.ed-info{display:grid;gap:.4rem;margin:.3rem 0 .2rem;outline:none}
.ed-chip{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin:0;padding:.3rem .7rem;border-radius:var(--r-sm);background:var(--accent-soft);font-size:.9rem}
.ed-chip>span{flex:1;min-width:8rem}
.ed-inline{display:flex;align-items:center;gap:.6rem;margin-top:.5rem;flex-wrap:wrap}
.ed-inline input[type="number"]{width:7rem}
.ed-inline input[type="date"]{width:auto;flex:1;min-width:10rem}
.ed-inline input[type="text"]{flex:1;min-width:0}
.ed-dayhint{display:block;margin-top:.3rem}
.ed-subs{list-style:none;margin:.3rem 0 0;padding:0;display:grid;gap:.25rem}
.ed-sub{display:flex;align-items:center;gap:.15rem;border-bottom:1px solid var(--line)}
.ed-sub.done .ed-subtext{text-decoration:line-through;color:var(--muted)}
.ed-subcheckwrap{width:44px;height:44px;display:grid;place-items:center;flex:none}
.ed-subcheck{width:22px;height:22px;accent-color:var(--accent);margin:0}
.ed-subtext{flex:1;min-width:0;border-color:transparent;background:transparent}
.ed-subtext:focus{border-color:var(--line);background:var(--surface2)}
.ed-subbtn{width:44px;height:44px;border:0;background:none;font-size:1.05rem;color:var(--muted)}
.ed-subbtn:disabled{opacity:.3}
.ed-subbtn.del:hover{color:var(--warn)}
.ed-subbar{display:block;height:4px;margin:.2rem 0 .3rem;border-radius:2px;background:var(--furrow);overflow:hidden}
.ed-subbar>i{display:block;height:100%;width:0;background:var(--accent);transition:width .2s}
.ed-split{margin-top:1.2rem;background:var(--surface2);display:grid;gap:.5rem}
.ed-split-t{margin:0;font-weight:700;display:flex;align-items:center;gap:.3rem}
.ed-split-l{margin:0;padding:0 0 0 .2rem;list-style:none;color:var(--muted);font-size:.9rem}
.ed-more{margin-top:1.2rem;display:flex;gap:.5rem}
.btn.armed{background:var(--warn);color:#fff}
@media (prefers-reduced-motion:reduce){.qa-mic.on .ico{animation:none}}

/* Añadir: áreas en una sola fila deslizable para que la vista previa quede a la vista */
.chips.sh-chips.qa-areas{flex-wrap:nowrap;overflow-x:auto;margin-inline:-1.1rem;padding-inline:1.1rem}