/* My To-Do redesign — page-as-canvas, hairline dividers, gold for active only */
.mt-page{
  max-width:1280px;margin:0 auto;padding:2rem 1.75rem 3.5rem;
  font-family:var(--font-ui,'DM Sans',-apple-system,BlinkMacSystemFont,sans-serif);
  color:var(--c-ink);
}
.mt-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1.25rem;flex-wrap:wrap;margin-bottom:1.75rem;padding-bottom:1.1rem;border-bottom:1px solid var(--c-divider,var(--c-rule))}
.mt-page-head-main{min-width:0;flex:1}
.mt-eyebrow{
  font-family:var(--font-ui);font-size:10px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;
  color:var(--c-accent);margin:0 0 .55rem;
}
.mt-title{
  font-family:var(--font-display,'Playfair Display','Italiana',Georgia,serif);
  font-size:clamp(2rem,4.5vw,3.5rem); /* ~56px */
  font-weight:400;letter-spacing:.03em;text-transform:uppercase;line-height:1.05;
  color:var(--c-ink);margin:0;
}
.mt-page-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}
.mt-tabs{display:flex;gap:0;align-items:flex-end;flex-wrap:wrap}
.mt-tabs button{
  appearance:none;border:none;background:none;cursor:pointer;
  font-family:var(--font-ui);font-size:12px;letter-spacing:.08em;text-transform:uppercase;
  color:var(--c-muted);padding:8px 14px 10px;border-bottom:2px solid transparent;margin-bottom:-1px;
}
.mt-tabs button.on{color:var(--c-ink);border-bottom-color:var(--c-accent)}
.mt-tabs button:hover{color:var(--c-ink)}
.mt-btn{
  font-family:var(--font-ui);font-size:11px;padding:7px 14px;letter-spacing:.04em;
  border:none;border-bottom:1px solid var(--c-divider,var(--c-rule));border-radius:0;
  background:transparent;color:var(--c-muted);cursor:pointer;
}
.mt-btn:hover{color:var(--c-ink);border-bottom-color:var(--c-accent)}
.mt-btn-primary{color:var(--c-accent);border-bottom-color:var(--c-accent)}
/* Quick Add submit — real filled button (other .mt-btn stay hairline links) */
.mt-btn-submit{
  display:inline-flex;align-items:center;justify-content:center;
  margin-top:12px;width:100%;box-sizing:border-box;
  font-family:var(--font-ui);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;
  padding:10px 14px;border:none;border-radius:6px;border-bottom:none;
  background:var(--c-accent);color:var(--c-accent-text,#111);cursor:pointer;
}
.mt-btn-submit:hover{opacity:.9;color:var(--c-accent-text,#111);border-bottom:none}
.mt-completed-toggle{margin-left:4px;flex-shrink:0}
.mt-done-sep{
  height:0;margin:8px 0 6px;border:none;border-top:1px solid var(--c-divider,var(--c-rule));
}
.mt-more-count{font-size:10px;color:var(--c-muted2);margin-top:4px;font-family:var(--font-ui)}
.mt-qa-notes{
  display:block;width:100%;box-sizing:border-box;margin-top:8px;resize:vertical;min-height:2.6em;
  font-family:var(--font-ui);font-size:12px;line-height:1.45;padding:6px 0;
  border:none;border-bottom:1px solid var(--c-divider,var(--c-rule));border-radius:0;
  background:transparent;color:var(--c-ink);outline:none;
}
.mt-qa-notes::placeholder{color:var(--c-muted);opacity:.95}
.mt-qa-notes:focus{border-bottom-color:var(--c-accent)}
.mt-quickadd .mt-btn-submit{padding-left:14px}

/* 3-column canvas */
.mt-layout{
  display:grid;
  grid-template-columns:minmax(160px,200px) minmax(0,1fr) minmax(220px,280px);
  gap:1.75rem 1.5rem;align-items:start;
}
@media(max-width:1100px){
  .mt-layout{grid-template-columns:minmax(140px,180px) minmax(0,1fr)}
  .mt-aside{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}
}
@media(max-width:760px){
  .mt-layout{grid-template-columns:1fr}
  .mt-aside{grid-template-columns:1fr}
}

/* Left rail — categories */
.mt-rail{min-width:0}
.mt-rail-label{
  font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--c-muted2);
  margin:0 0 .75rem;font-family:var(--font-ui);
}
.mt-quickadd{margin-bottom:1.1rem}
.mt-quickadd input[type="text"]{
  width:100%;box-sizing:border-box;font-family:var(--font-ui);font-size:13px;
  padding:8px 0;border:none;border-bottom:1px solid var(--c-divider,var(--c-rule));
  border-radius:0;background:transparent;color:var(--c-ink);outline:none;
}
.mt-quickadd input[type="text"]:focus{border-bottom-color:var(--c-accent)}
.mt-quickadd input[type="date"],.mt-quickadd select{
  width:100%;box-sizing:border-box;margin-top:8px;font-size:12px;padding:6px 0;
  border:none;border-bottom:1px solid var(--c-divider,var(--c-rule));border-radius:0;
  background:transparent;color:var(--c-ink);font-family:var(--font-ui);
}
.mt-quickadd .mt-btn{margin-top:10px;padding-left:0}
.mt-quickadd .mt-btn.mt-btn-submit{
  margin-top:12px;padding:10px 14px;border-bottom:none;border-radius:6px;
  background:var(--c-accent);color:var(--c-accent-text,#111);width:100%;
}
.mt-quickadd .mt-btn.mt-btn-submit:hover{opacity:.9;color:var(--c-accent-text,#111);border-bottom:none}
/* Quick-add day-of-week pills — weekly / biweekly only */
.mt-qa-dow{margin-top:10px}
.mt-qa-dow[hidden]{display:none!important}
.mt-qa-dow-label{
  font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--c-muted2);
  margin:0 0 6px;font-family:var(--font-ui);
}
.mt-qa-dow-pills{display:flex;flex-wrap:wrap;gap:4px}
.mt-qa-dow-pill{
  appearance:none;cursor:pointer;font-family:var(--font-ui);font-size:11px;font-weight:500;
  line-height:1;padding:6px 8px;border-radius:999px;border:1px solid var(--c-divider,var(--c-rule));
  background:transparent;color:var(--c-ink2);
}
.mt-qa-dow-pill:hover{color:var(--c-ink);border-color:var(--c-ink2)}
.mt-qa-dow-pill.on{
  color:var(--c-accent);border-color:var(--c-accent);
  background:color-mix(in srgb,var(--c-accent) 12%,transparent);
}
@supports not (background:color-mix(in srgb,red 12%,transparent)){
  .mt-qa-dow-pill.on{background:rgba(156,154,147,.1)}
  html[data-dark] .mt-qa-dow-pill.on{background:color-mix(in srgb, var(--c-accent, #D6B06B) 14%, transparent)}
}
.mt-cat-list{display:flex;flex-direction:column;gap:0;list-style:none;margin:0;padding:0}
.mt-cat-item{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  width:100%;text-align:left;appearance:none;background:none;cursor:pointer;
  border:none;border-left:2px solid transparent;border-radius:0;
  padding:9px 0 9px 10px;margin:0;
  font-family:var(--font-ui);font-size:13px;color:var(--c-ink2);
}
.mt-cat-item:hover{color:var(--c-ink)}
.mt-cat-item.on{border-left-color:var(--c-accent);color:var(--c-ink)}
.mt-cat-count{
  font-family:var(--font-mono,ui-monospace,SFMono-Regular,Menlo,monospace);
  font-variant-numeric:tabular-nums;font-size:11px;color:var(--c-muted);flex-shrink:0;
}
.mt-cat-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;display:inline-block}

/* Center — calendar / list */
.mt-center{min-width:0}
.mt-nav-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.mt-nav-row .mt-period{font-size:13px;font-weight:500;color:var(--c-muted);font-family:var(--font-ui);letter-spacing:.04em}
.mt-week-grid{
  display:grid;grid-template-columns:repeat(7,minmax(0,1fr));
  border-top:1px solid var(--c-divider,var(--c-rule));
}
.mt-day-col{
  min-height:240px;padding:12px 10px 16px;
  background:transparent;border:none;border-radius:0;
  border-right:1px solid var(--c-divider,var(--c-rule));
}
.mt-day-col:last-child{border-right:none}
.mt-day-col.is-today,.mt-cell.is-today{background:color-mix(in srgb,var(--c-accent) 6%,transparent)}
@supports not (background:color-mix(in srgb,red 6%,transparent)){
  .mt-day-col.is-today,.mt-cell.is-today{background:rgba(156,154,147,.06)}
  html[data-dark] .mt-day-col.is-today,html[data-dark] .mt-cell.is-today{background:color-mix(in srgb, var(--c-accent, #D6B06B) 8%, transparent)}
}
.mt-day-col.drag-over,.mt-cell.drag-over{outline:1px solid var(--c-accent);outline-offset:-1px}
.mt-cell-head{
  display:flex;flex-direction:column;align-items:flex-start;gap:2px;margin-bottom:12px;
}
.mt-cell-dow{
  font-family:var(--font-display);font-size:9.5px;font-weight:400;
  letter-spacing:.16em;text-transform:uppercase;color:var(--c-muted2);
}
.mt-cell-dom{
  font-family:var(--font-display);font-size:22px;font-weight:400;line-height:1;color:var(--c-ink);
}
.mt-cell-count{font-size:10px;color:var(--c-muted2);font-family:var(--font-mono,ui-monospace,monospace)}

.mt-month-grid{
  display:grid;grid-template-columns:repeat(7,minmax(0,1fr));
  border-top:1px solid var(--c-divider,var(--c-rule));
}
.mt-cell{
  min-height:110px;padding:8px;background:transparent;border:none;border-radius:0;
  border-right:1px solid var(--c-divider,var(--c-rule));
  border-bottom:1px solid var(--c-divider,var(--c-rule));
}
.mt-cell.is-other{opacity:.45}
.mt-year-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid var(--c-divider,var(--c-rule))}
.mt-month-card{
  background:transparent;border:none;border-radius:0;padding:1.25rem 1rem;
  border-right:1px solid var(--c-divider,var(--c-rule));border-bottom:1px solid var(--c-divider,var(--c-rule));
}
.mt-month-card h4{
  margin:0 0 8px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--c-muted);font-family:var(--font-ui);font-weight:600;
}
.mt-month-card .mt-month-n{
  font-family:var(--font-display);font-size:28px;font-weight:400;color:var(--c-ink);
}

/* Task chips — left border only, no checkbox square */
.mt-todo-pill{
  display:block;padding:6px 8px 6px 10px;margin-bottom:6px;
  border:none;border-radius:0;border-left:2px solid var(--c-muted);
  background:transparent;cursor:grab;font-size:12px;line-height:1.35;
  color:var(--c-ink);font-family:var(--font-ui);
  min-width:0;overflow:hidden;
}
/* Do NOT reuse .mt-title here — that class is the 56px page header */
.mt-todo-pill .mt-pill-title{
  display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  font-family:var(--font-ui);font-size:12px;font-weight:400;letter-spacing:normal;
  text-transform:none;line-height:1.35;color:inherit;
}
.mt-todo-pill.overdue{border-left-color:var(--c-danger,#C0492F)}
.mt-todo-pill.done{
  color:var(--c-muted);text-decoration:line-through;
  border-left-color:var(--c-divider,var(--c-rule));
}
.mt-todo-pill.series{border-left-style:dashed}
.mt-todo-pill .mt-check{display:none} /* replaced by left border affordance; complete via edit/open */

.mt-empty{
  padding:1.25rem 0;text-align:left;color:var(--c-muted2);font-size:13px;
  background:transparent;border:none;border-radius:0;
}
.mt-legend{font-size:11px;color:var(--c-muted2);margin-top:14px}

/* Right aside */
.mt-aside{min-width:0;display:flex;flex-direction:column;gap:2rem}
.mt-aside-sec{}
.mt-aside-label{
  font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--c-muted2);
  margin:0 0 .85rem;padding-bottom:.55rem;border-bottom:1px solid var(--c-divider,var(--c-rule));
  font-family:var(--font-ui);font-weight:600;
}
.mt-rem-row{
  display:flex;align-items:flex-start;justify-content:space-between;gap:10px;
  padding:10px 0;border-bottom:1px solid var(--c-divider,var(--c-rule));
}
.mt-rem-row:last-child{border-bottom:none}
.mt-rem-title{font-size:13px;color:var(--c-ink);font-family:var(--font-ui);line-height:1.35}
.mt-rem-date{font-size:11px;color:var(--c-muted2);margin-top:3px;font-family:var(--font-ui)}
.mt-rem-pill{
  flex-shrink:0;font-size:10px;font-weight:600;letter-spacing:.04em;
  padding:3px 9px;border-radius:999px;border:1px solid currentColor;
  font-family:var(--font-ui);white-space:nowrap;align-self:center;
}
.mt-rem-pill.warn{color:var(--c-warning,var(--c-warn,#BA7517))}
.mt-rem-pill.danger{color:var(--c-danger,#C0492F)}
.mt-rem-pill.ok{color:var(--c-success,var(--c-ok,#3B6D11))}
.mt-cost-stub{
  padding:.85rem 0;font-size:13px;color:var(--c-muted2);font-family:var(--font-ui);line-height:1.5;
}
.mt-cost-stub-note{font-size:11px;color:var(--c-muted3,var(--c-muted2));margin-top:6px}

/* List view — de-box legacy loadMyTodos markup inside .mt-center */
.mt-center .mt-list-body{max-width:none;margin:0;padding:0}
.mt-center .mt-list-body > .section-header{display:none} /* page head owns title */
.mt-page .mt-list-body [style*="border-radius:12px"],
.mt-page .mt-list-body [style*="border-radius:14px"]{
  border-radius:0 !important;
}
.mt-page.mt-view-list .mt-stat-boxes{display:flex;gap:0;margin-bottom:1.25rem;border-top:1px solid var(--c-divider,var(--c-rule));border-bottom:1px solid var(--c-divider,var(--c-rule))}
.mt-page.mt-view-list .mt-stat-box{
  flex:1;text-align:center;padding:1rem .5rem;cursor:pointer;
  border:none;border-right:1px solid var(--c-divider,var(--c-rule));background:transparent !important;border-radius:0 !important;
}
.mt-page.mt-view-list .mt-stat-box:last-child{border-right:none}
.mt-page.mt-view-list .mt-stat-box.on{box-shadow:inset 0 -2px 0 var(--c-accent)}

@media(max-width:900px){
  .mt-week-grid{grid-template-columns:1fr;border-top:1px solid var(--c-divider,var(--c-rule))}
  .mt-day-col{border-right:none;border-bottom:1px solid var(--c-divider,var(--c-rule));min-height:0}
  .mt-year-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Legacy class aliases kept for older markup hooks */
.mt-planner{max-width:none;margin:0;padding:0}
.mt-planner-head{display:none}
.mt-view-toggle{display:none}
.mt-chips{display:none}
.mt-list-banner{display:none}