.notes-tasks form{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:7px!important;
}

/* 96.32.49: tareas legibles en panel estrecho, sin solapamiento */
.personal-task-list{display:grid!important;gap:8px!important;overflow:auto!important;padding:8px 20px 12px!important}
.personal-task{display:grid!important;grid-template-columns:22px minmax(0,1fr) 26px!important;align-items:start!important;gap:8px!important;min-height:0!important;padding:10px 9px!important;border:1px solid var(--line)!important;border-left:3px solid var(--line)!important;border-radius:9px!important;background:var(--surface)!important;box-shadow:0 1px 2px rgba(20,35,55,.05)!important}
.personal-task-content{display:grid!important;gap:8px!important;min-width:0!important}
.personal-task-title{display:block!important;min-width:0!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:break-word!important;font-size:12px!important;line-height:1.45!important;color:var(--ink)!important}
.personal-task-meta{display:flex!important;align-items:end!important;gap:6px!important;flex-wrap:wrap!important;color:var(--muted)!important;font-size:9px!important}
.personal-task-meta label{display:grid!important;gap:2px!important;color:var(--muted)!important;font-size:8px!important;font-weight:800!important;letter-spacing:.04em!important;text-transform:uppercase!important}
.personal-task-meta input{width:76px!important;min-height:27px!important;margin:0!important;padding:4px 6px!important;border:1px solid var(--line-strong,var(--line))!important;border-radius:6px!important;background:var(--field)!important;color:var(--ink)!important;font:inherit!important;font-size:10px!important;font-variant-numeric:tabular-nums!important;text-transform:none!important}
.personal-task-meta label:nth-child(2) input{width:54px!important}
.personal-task-status{align-self:center!important;margin-left:2px!important;font-size:9px!important;line-height:1.2!important;color:var(--muted)!important}
.personal-task>input.personal-task-check{width:16px!important;height:16px!important;margin:2px 0 0!important}
.personal-task>button[data-personal-task-delete]{align-self:start!important;width:24px!important;height:24px!important;padding:0!important;border:0!important;border-radius:6px!important;background:transparent!important;color:var(--muted)!important;font-size:17px!important;line-height:1!important}
.personal-task>button[data-personal-task-delete]:hover{background:var(--soft-blue)!important;color:var(--danger)!important}
.personal-task.done .personal-task-title{text-decoration:line-through!important;color:var(--muted)!important}
.personal-task.done .personal-task-meta{opacity:.68!important}
@media(max-width:430px){
 .personal-task-list{padding-inline:14px!important}
 .personal-task{grid-template-columns:20px minmax(0,1fr) 24px!important;gap:7px!important;padding:9px 7px!important}
 .personal-task-title{font-size:12px!important;line-height:1.42!important}
 .personal-task-meta input{font-size:12px!important;min-height:29px!important}
 .personal-task-meta label{font-size:8px!important}
 .personal-task-status{flex-basis:100%!important;margin-top:-2px!important}
}
.personal-task-compose{
  display:grid;
  grid-template-columns:minmax(0,1fr) 38px;
  gap:7px;
}
.personal-task-new-due,.personal-task-when{
  display:grid;
  gap:4px;
  color:var(--muted);
  font-size:10px;
  font-weight:700;
}
.personal-task-new-due input,.personal-task-when input{
  width:100%;
  min-width:0;
  min-height:34px;
  padding:6px 8px!important;
  font-size:11px!important;
}
.personal-task{
  grid-template-columns:24px minmax(0,1fr) 30px!important;
  align-items:start!important;
}
.personal-task-body{display:grid;gap:7px;min-width:0}
.personal-task-title{font-size:12px;line-height:1.4;overflow-wrap:anywhere}
.personal-task-when span{font-size:9px;letter-spacing:.02em}
.personal-task.due-scheduled{border-left:3px solid var(--blue)!important}
.personal-task.due-today{border-left:3px solid var(--warning)!important;background:color-mix(in srgb,var(--warning) 5%,var(--surface-soft))!important}
.personal-task.due-overdue{border-left:3px solid var(--danger)!important;background:color-mix(in srgb,var(--danger) 5%,var(--surface-soft))!important}
.personal-task.done .personal-task-title{text-decoration:line-through;color:var(--muted)}
.personal-task.done .personal-task-when{opacity:.68}
@media(max-width:430px){
  .personal-task-new-due input,.personal-task-when input{font-size:16px!important}
}

.personal-notes-panel{
  grid-template-rows:auto auto auto minmax(98px,.75fr) minmax(220px,1.45fr) auto!important;
}
.notes-mini-calendar{
  display:grid;
  gap:5px;
  padding:8px 20px 10px;
  border-bottom:1px solid var(--line);
  background:var(--surface-soft);
}
.notes-calendar-toolbar{
  display:grid;
  grid-template-columns:30px 1fr 30px;
  align-items:center;
  gap:6px;
}
.notes-calendar-toolbar strong{
  color:var(--ink);
  font-size:12px;
  text-align:center;
  text-transform:capitalize;
}
.notes-calendar-toolbar button{
  width:30px;
  height:27px;
  padding:0;
  border:1px solid var(--line);
  border-radius:7px;
  color:var(--ink);
  background:var(--surface);
  cursor:pointer;
  font-size:20px;
  line-height:1;
}
.notes-calendar-toolbar button:hover{border-color:var(--blue);color:var(--blue)}
.notes-calendar-week,.notes-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px}
.notes-calendar-week span{color:var(--muted);font-size:9px;font-weight:800;text-align:center}
.notes-calendar-grid button,.notes-calendar-empty{min-height:24px}
.notes-calendar-grid button{
  position:relative;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid transparent;
  border-radius:6px;
  color:var(--ink);
  background:transparent;
  cursor:pointer;
  font-family:inherit;
  font-size:10px;
  font-weight:700;
  line-height:1;
}
.notes-calendar-grid button:hover{border-color:var(--blue);background:var(--soft-blue)}
.notes-calendar-grid button.today{border-color:color-mix(in srgb,var(--blue) 42%,var(--line));color:var(--blue)}
.notes-calendar-grid button.selected{color:#fff;background:var(--blue)}
.notes-calendar-grid button i{
  position:absolute;
  right:2px;
  bottom:1px;
  min-width:10px;
  height:10px;
  padding:0 2px;
  border-radius:8px;
  color:#fff;
  background:var(--teal);
  font-family:inherit;
  font-size:7px;
  font-weight:800;
  line-height:10px;
  text-align:center;
}
.notes-calendar-grid button.selected i{color:var(--blue);background:#fff}
.notes-quick{padding-block:12px!important}
.notes-quick textarea{min-height:96px!important}
.personal-task-compose{
  grid-template-columns:minmax(105px,.48fr) minmax(145px,1fr) 38px!important;
  align-items:end;
}
.personal-task-compose label{display:grid;gap:4px;min-width:0}
.personal-task-compose label>span{color:var(--muted);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.personal-task-compose input{width:100%;min-width:0;min-height:38px}
.personal-task-compose button{height:38px}
.personal-task-date-preview{min-height:15px;color:var(--muted);font-size:10px;line-height:1.35}
.personal-task-date-preview.invalid{color:var(--danger)}
.personal-task-date-field input[aria-invalid="true"]{border-color:var(--danger)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--danger) 10%,transparent)}
.personal-task-due-text{font-variant-numeric:tabular-nums}
@media(max-width:430px){
  .personal-notes-panel{grid-template-rows:auto auto auto minmax(88px,.65fr) minmax(220px,1.5fr) auto!important}
  .notes-mini-calendar{padding-inline:14px}
  .notes-calendar-grid button,.notes-calendar-empty{min-height:23px}
  .personal-task-compose{grid-template-columns:minmax(78px,.46fr) minmax(120px,1fr) 38px!important}
  .personal-task-compose input{font-size:16px!important}
}

/* 96.32.40: calendario, alta y lista compactos */
.personal-notes-panel{grid-template-rows:auto auto auto auto minmax(0,1fr) auto!important}
.notes-mini-calendar{gap:3px;padding:6px 20px 7px}
.notes-calendar-toolbar{grid-template-columns:26px 1fr 26px;gap:4px}
.notes-calendar-toolbar button{width:26px;height:23px;border-radius:6px;font-size:17px}
.notes-calendar-toolbar strong{font-size:11px}
.notes-calendar-week,.notes-calendar-grid{gap:1px}
.notes-calendar-grid button,.notes-calendar-empty{min-height:18px}
.notes-calendar-grid button{border-radius:4px;font-size:9px}
.notes-calendar-grid button i{right:1px;bottom:1px;min-width:7px;height:7px;padding:0 1px;font-size:0;line-height:7px}
.notes-quick-disclosure{border-bottom:1px solid var(--line);background:var(--surface)}
.notes-quick-disclosure summary{display:flex;align-items:center;justify-content:space-between;min-height:34px;padding:7px 20px;color:var(--ink);cursor:pointer;list-style:none}
.notes-quick-disclosure summary::-webkit-details-marker{display:none}
.notes-quick-disclosure summary span{font-size:11px;font-weight:800}
.notes-quick-disclosure summary small{color:var(--blue);font-size:9px;font-weight:800;text-transform:uppercase}
.notes-quick-disclosure>div{height:96px;padding:0 20px 10px}
.notes-quick-disclosure textarea{width:100%;height:100%;resize:none;border:1px solid var(--line);border-radius:8px;padding:8px 9px;color:var(--ink);background:var(--field);font:inherit;font-size:11px;line-height:1.4;outline:none}
.notes-quick-disclosure textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px color-mix(in srgb,var(--blue) 13%,transparent)}
.notes-tasks{gap:6px!important;padding:9px 20px 10px!important}
.personal-task-compose{grid-template-columns:minmax(66px,.38fr) 52px minmax(110px,1fr) 34px!important;gap:5px!important}
.personal-task-compose label{gap:2px}
.personal-task-compose label>span{font-size:8px}
.personal-task-compose input{min-height:31px!important;padding:5px 6px!important;border-radius:7px!important;font-size:10px!important}
.personal-task-compose button{width:34px;height:31px;border-radius:7px!important;font-size:16px!important}
.personal-task-date-field input[aria-invalid="true"],.personal-task-time-field input[aria-invalid="true"]{border-color:var(--danger)!important;box-shadow:none}
.personal-task-list{gap:4px!important}
.personal-task{grid-template-columns:18px 120px minmax(0,1fr) 23px!important;align-items:center!important;gap:5px!important;min-height:42px;padding:5px 6px!important;border-radius:7px!important}
.personal-task>input[type="checkbox"]{width:15px;height:15px;margin:0!important}
.personal-task-schedule{display:grid;grid-template-columns:68px 47px;gap:4px;min-width:0}
.personal-task-schedule input{width:100%;min-width:0;min-height:26px!important;margin:0!important;padding:4px 5px!important;border-radius:6px!important;font-size:9px!important;font-variant-numeric:tabular-nums}
.personal-task-title{font-size:11px!important;line-height:1.25!important}
.personal-task>button{padding:1px!important;font-size:15px!important}
@media(max-width:430px){
  .personal-notes-panel{grid-template-rows:auto auto auto auto minmax(0,1fr) auto!important}
  .notes-mini-calendar{padding:5px 14px 6px}
  .notes-calendar-grid button,.notes-calendar-empty{min-height:17px}
  .notes-quick-disclosure summary{padding-inline:14px}
  .notes-quick-disclosure>div{height:82px;padding-inline:14px}
  .notes-tasks{padding-inline:14px!important}
  .personal-task-compose{grid-template-columns:minmax(62px,.36fr) 50px minmax(100px,1fr) 32px!important;gap:4px!important}
  .personal-task-compose input{min-height:32px!important;font-size:16px!important}
  .personal-task-compose button{width:32px;height:32px}
  .personal-task{grid-template-columns:18px 112px minmax(0,1fr) 22px!important}
  .personal-task-schedule{grid-template-columns:64px 44px}
  .personal-task-schedule input{min-height:28px!important;font-size:12px!important}
}

/* Las tareas conservan su altura; solo la lista se desplaza. */
.personal-task-list{display:flex!important;flex-direction:column!important;gap:8px!important;overflow:auto!important;padding:8px 20px 12px!important}
.personal-task{display:grid!important;flex:0 0 auto!important;grid-template-columns:22px minmax(0,1fr) 26px!important;align-items:start!important;gap:8px!important;min-height:0!important;padding:10px 9px!important;border:1px solid var(--line)!important;border-left:3px solid var(--line)!important;border-radius:9px!important;background:var(--surface)!important;box-shadow:0 1px 2px rgba(20,35,55,.05)!important}
.personal-task-content{display:grid!important;gap:8px!important;min-width:0!important}
.personal-task-title{display:block!important;min-width:0!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:break-word!important;font-size:12px!important;line-height:1.45!important;color:var(--ink)!important}
.personal-task-meta{display:flex!important;align-items:end!important;gap:6px!important;flex-wrap:wrap!important;color:var(--muted)!important;font-size:9px!important}
.personal-task-meta label{display:grid!important;gap:2px!important;color:var(--muted)!important;font-size:8px!important;font-weight:800!important;letter-spacing:.04em!important;text-transform:uppercase!important}
.personal-task-meta input{width:76px!important;min-height:27px!important;margin:0!important;padding:4px 6px!important;border:1px solid var(--line-strong,var(--line))!important;border-radius:6px!important;background:var(--field)!important;color:var(--ink)!important;font:inherit!important;font-size:10px!important;font-variant-numeric:tabular-nums!important;text-transform:none!important}
.personal-task-meta label:nth-child(2) input{width:54px!important}
.personal-task-status{align-self:center!important;margin-left:2px!important;font-size:9px!important;line-height:1.2!important;color:var(--muted)!important}
.personal-task>input.personal-task-check{width:16px!important;height:16px!important;margin:2px 0 0!important}
.personal-task>button[data-personal-task-delete]{align-self:start!important;width:24px!important;height:24px!important;padding:0!important;border:0!important;border-radius:6px!important;background:transparent!important;color:var(--muted)!important;font-size:17px!important;line-height:1!important}
.personal-task>button[data-personal-task-delete]:hover{background:var(--soft-blue)!important;color:var(--danger)!important}
.personal-task.done .personal-task-title{text-decoration:line-through!important;color:var(--muted)!important}
.personal-task.done .personal-task-meta{opacity:.68!important}
@media(max-width:430px){
 .personal-task-list{padding-inline:14px!important}
 .personal-task{grid-template-columns:20px minmax(0,1fr) 24px!important;gap:7px!important;padding:9px 7px!important}
 .personal-task-title{font-size:12px!important;line-height:1.42!important}
 .personal-task-meta input{font-size:12px!important;min-height:29px!important}
 .personal-task-meta label{font-size:8px!important}
 .personal-task-status{flex-basis:100%!important;margin-top:-2px!important}
}

@media(max-width:760px){
  .topbar #notes-toggle{display:inline-flex!important;width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important;padding:0!important;align-items:center!important;justify-content:center!important;font-size:0!important}
  .topbar #notes-toggle span{font-size:18px!important;line-height:1!important}
}