/* ---------- Campos ---------- */
input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
select,
textarea{
  font-family:inherit;
  font-size:13.5px;
  line-height:1.4;
  color:var(--ink);
  background:var(--surface);
  border:1px solid var(--line-strong);
  border-radius:var(--r-md);
  padding:7px 10px;
  min-height:34px;
  box-shadow:var(--shadow-sm);
  transition:border-color .12s ease, box-shadow .12s ease;
  min-width:0;
}
input::placeholder,textarea::placeholder{color:var(--ink-faint);}
input:not([type="checkbox"]):not([type="radio"]):hover,select:hover,textarea:hover{border-color:var(--ink-faint);}
input:not([type="checkbox"]):not([type="radio"]):focus,select:focus,textarea:focus{
  outline:none;
  border-color:var(--accent-solid);
  box-shadow:0 0 0 3px var(--focus);
}
select{
  appearance:none;
  -webkit-appearance:none;
  padding-right:32px;
  background-image:var(--chevron);
  background-repeat:no-repeat;
  background-position:right 10px center;
  background-size:14px;
  cursor:pointer;
}
/* El <select> real queda oculto tras el desplegable propio (components/dropdown.css). */
select.dd-native{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0 0 0 0);
  border:0;
  opacity:0;
  pointer-events:none;
}
textarea{resize:none;line-height:1.55;}
input[type="search"]{
  padding-left:32px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238B929D' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:10px center;
  background-size:15px;
}
input[type="date"],input[type="time"]{font-variant-numeric:tabular-nums;}
input[type="checkbox"]{accent-color:var(--accent-solid);width:15px;height:15px;}
textarea::-webkit-scrollbar{width:9px;}
textarea::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:8px;border:2px solid transparent;background-clip:padding-box;}

.field{margin-bottom:14px;display:flex;flex-direction:column;gap:6px;}
.field > label{font-size:12.5px;font-weight:500;color:var(--ink-soft);}
.field textarea{min-height:84px;}
.field-hint{font-size:12px;color:var(--meet);margin:0;min-height:1em;}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
@media (max-width:520px){ .row2{grid-template-columns:1fr;gap:0;} }

/* Subtareas en el formulario de la tarea. */
.check-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;}
.check-summary{font-size:12px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--accent);}
.check-progress-bar,.tv-check-progress{height:5px;border-radius:99px;background:var(--line);overflow:hidden;}
.check-progress-bar > span,.tv-check-progress > span{display:block;height:100%;width:0;background:var(--accent-solid);border-radius:inherit;transition:width .2s ease;}
.check-progress-bar[hidden]{display:none;}
.check-edit{display:flex;flex-direction:column;gap:5px;margin:3px 0 7px;}
.check-edit:empty{display:none;}
.check-row{display:flex;align-items:center;gap:5px;min-width:0;padding:4px 5px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);transition:border-color .12s ease,background .12s ease;}
.check-row:hover,.check-row:focus-within{border-color:var(--line-strong);}
.check-row.is-done{background:var(--surface-2);}
.check-row.is-done input[type="text"]{color:var(--ink-faint);text-decoration:line-through;}
.check-row input[type="text"]{flex:1;min-width:0;min-height:30px;padding:4px 6px;border-color:transparent;box-shadow:none;background:transparent;}
.check-row input[type="text"]:hover{border-color:transparent;}
.check-row input[type="checkbox"]{flex:none;margin:0 3px;}
.check-drag,.check-move{display:inline-flex;align-items:center;justify-content:center;flex:none;width:26px;height:28px;padding:0;border:0;border-radius:var(--r-sm);background:transparent;color:var(--ink-faint);font:inherit;cursor:pointer;}
.check-drag{cursor:grab;}
.check-drag:active{cursor:grabbing;}
.check-move{font-size:17px;line-height:1;}
.check-drag:hover,.check-move:hover:not(:disabled),.check-drag:focus-visible,.check-move:focus-visible{background:var(--accent-soft);color:var(--accent);}
.check-move:disabled{opacity:.3;cursor:default;}
.check-row .check-del{flex:none;width:28px;height:28px;}
.check-row.is-dragging{opacity:.55;}
.check-row.drop-before{border-top:2px solid var(--accent-solid);}
.check-row.drop-after{border-bottom:2px solid var(--accent-solid);}
.check-row button:focus-visible{outline:2px solid var(--accent-solid);outline-offset:1px;}
.check-add{display:flex;align-items:center;gap:8px;}
.check-add input{flex:1;min-width:0;}
@media (max-width:520px){.check-row{gap:2px;padding:3px}.check-drag,.check-move{width:24px}.check-row input[type="text"]{padding:4px 2px}}