/* Card ordering and the reserved workspace sections. */
.sr-only { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0; }
.cards { position:relative; }
.task-card { touch-action:pan-y;user-select:none;-webkit-user-drag:none; }
.card-grip { display:grid;place-items:center;margin-left:auto;color:#9aaa9f;cursor:grab;flex:0 0 23px;min-height:23px;touch-action:none; }
.card-grip svg { width:13px;height:18px;pointer-events:none; }
.card-grip:active { cursor:grabbing; }
.task-reordering,.task-reordering * { user-select:none!important;cursor:grabbing!important; }
.card-drag-ghost { position:fixed!important;top:0;left:0;z-index:1000;pointer-events:none!important;margin:0;opacity:.95;box-shadow:0 12px 35px #163f3029,0 0 0 1px #84b59b;will-change:transform; }
.column.task-drop-column { outline:1px dashed #7db397;outline-offset:-2px; }
.task-drop-marker { position:absolute;left:5px;right:5px;height:3px;border-radius:4px;background:var(--green);z-index:3;pointer-events:none; }
.task-drop-marker::before { content:'';position:absolute;left:-3px;top:-2px;width:7px;height:7px;border-radius:50%;background:var(--green); }
.future-page { flex:1;min-height:0;gap:0;overflow-y:auto; }
.future-page .heading { flex-shrink:0; }
.future-page .heading p { display:block;margin:5px 0 0;font-size:12px;color:#839388; }
.future-placeholder { display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;background:var(--paper);border-radius:22px;padding:22px;text-align:center;min-height:min-content; }
.future-icon { display:grid;place-items:center;background:var(--soft);color:var(--green);border-radius:18px;width:56px;height:56px;margin-bottom:14px; }
.future-icon svg { width:26px;height:26px; }
.future-badge { display:inline-flex;color:#608372;background:#f0f6f2;border-radius:20px;padding:5px 10px;font-size:10px; }
.future-placeholder h2 { margin:13px 0 0;font-size:23px;font-weight:600;letter-spacing:-.7px; }
.future-description { margin:10px 0 0;color:#7b8e81;font-size:13px;line-height:1.7;max-width:440px; }
.future-details { display:flex;flex-direction:column;gap:9px;text-align:left;list-style:none;margin:20px 0 22px;padding:0;color:#76887c;font-size:12px; }
.future-details li { display:flex;align-items:center;gap:8px;line-height:1.6; }
.future-details svg { width:14px;height:14px;color:#75a38a; }
.future-placeholder .secondary-button { font-size:11px;min-height:34px;padding:8px 14px; }
#section-title:focus { outline:none; }
@media(max-width:820px) {
  .top-nav button { padding-inline:9px; }
  .future-page .heading { margin-bottom:10px; }
  .future-page .heading p { font-size:11px;line-height:1.5; }
  .future-placeholder { padding:15px;border-radius:17px; }
  .future-placeholder h2 { font-size:20px;line-height:1.35;margin-top:10px; }
  .future-icon { width:44px;height:44px;border-radius:14px;margin-bottom:10px; }
  .future-icon svg { width:23px;height:23px; }
  .future-description { font-size:12px;margin-top:8px; }
  .future-details { font-size:11px;gap:7px;margin:15px 0 18px; }
  .card-grip { min-width:32px;min-height:27px;margin-block:-2px; }
}
@media(max-width:360px) { .top-nav button { font-size:10px;padding-inline:6px;gap:4px; } }
@media(max-height:650px) { .future-placeholder { padding:15px; } .future-details { gap:5px;margin:12px 0 15px; } .future-icon { width:40px;height:40px;margin-bottom:8px; } }
@media(max-height:480px) { .future-details { display:none; } .future-icon { display:none; } .future-description { margin-bottom:12px; } .future-placeholder h2 { font-size:19px; } .future-page .heading p { display:none; } }