/* Shared Day Sequence row styles — MUST match goals-sequence.html Today's focus rows */
.seq-list{display:flex;flex-direction:column;gap:.35rem;position:relative}
.seq-list-wrap{position:relative;margin-bottom:.15rem}
.seq-row{display:flex;align-items:stretch;gap:.45rem;padding:.5rem .55rem;border-radius:.65rem;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.02);transition:background .12s,border-color .12s,opacity .12s;width:100%;min-width:0;box-sizing:border-box}
.seq-row:hover{background:rgba(255,255,255,.035)}
.seq-row.done{opacity:.72}
.seq-row.done .seq-label{text-decoration:line-through;color:#94a3b8}
/* Skip-for-today: same chrome as active row — only the checkbox changes */
.seq-row.skipped:not(.held){opacity:1;border-style:solid;border-color:rgba(255,255,255,.06)}
.seq-cb.skipped{border-color:rgba(251,113,133,.35);color:var(--rose);background:rgba(251,113,133,.08);font-size:.62rem}
.seq-drag.spacer{visibility:hidden;pointer-events:none}
.seq-drag{width:22px;min-width:22px;min-height:28px;display:flex;align-items:center;justify-content:center;color:#94a3b8;cursor:grab;flex-shrink:0;touch-action:none;user-select:none;align-self:center;font-size:.62rem;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.seq-drag:active{cursor:grabbing}
.seq-drag.seq-num{color:#94a3b8}
.seq-cb{width:28px;height:28px;min-width:28px;min-height:28px;max-width:28px;max-height:28px;border-radius:8px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.03);display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;color:transparent;flex-shrink:0;cursor:pointer;transition:all .12s;align-self:center;box-sizing:border-box;line-height:1}
.seq-cb.on{color:#050505;border-color:transparent}
/* Routine default: label+icons top, goal/sub bottom; meter width locked for OCD parity */
.seq-body{flex:1 1 auto;min-width:0;align-self:center}
.seq-label-row{display:flex;align-items:center;gap:.32rem;min-width:0;width:100%}
.seq-label{flex:1 1 auto;min-width:0;font-size:.74rem;font-weight:600;color:#e2e8f0;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.seq-body[title]{cursor:help}
.seq-meta{display:flex;align-items:center;gap:.12rem;margin-top:.12rem;flex-wrap:nowrap;line-height:1.2;overflow:hidden;max-width:100%;min-width:0}
/* Goal + subcategory pack tight left — never flex-grow apart */
.seq-goal-txt{font-size:.5rem;font-weight:600;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:0 1 auto;min-width:0;max-width:8.5rem}
.seq-meta-note{font-size:.48rem;font-weight:600;color:var(--amber);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:0 1 auto;min-width:0;max-width:10rem}
.seq-meta-note.purple,.seq-meta-note.seq-sub-txt{color:var(--purple)}
.seq-meta-note.muted{color:#64748b}
.seq-meta-note.held-age,.seq-meta-note.created-age{color:#94a3b8;font-weight:600;letter-spacing:.01em;white-space:nowrap;flex:0 0 auto;overflow:visible;max-width:none}
.seq-meta-note.skip-stat{color:var(--amber);font-weight:700;margin-left:0;flex:0 0 auto;overflow:visible;max-width:none}
.seq-meta-note.tag-chip{flex:0 1 auto;min-width:0;max-width:4.5rem}
.seq-meta-note.micro-chip{color:var(--cyan);font-variant-numeric:tabular-nums;flex:0 0 auto;overflow:visible;max-width:none}
.seq-goal-txt.seq-status-btn,.seq-meta-note.seq-status-btn{cursor:pointer;padding:0;line-height:1.2;text-align:left}
/* Status icons live on the title row — use empty space; never steal meter width */
.seq-status-icons{display:inline-flex;align-items:center;gap:.22rem;flex:0 0 auto;min-width:0;margin-left:auto;padding-left:.1rem}
.seq-status-icon{font-size:.48rem;font-weight:700;letter-spacing:.02em;line-height:1;padding:.1rem .08rem;border:none;background:transparent;color:#94a3b8;white-space:nowrap;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center}
.seq-status-icon.pri-1{color:var(--amber)}
.seq-status-icon.pri-2{color:var(--orange)}
.seq-status-icon.pri-3{color:var(--rose)}
.seq-status-icon.due-icon{color:var(--cyan)}
.seq-status-icon.alert-icon{color:#fbbf24}
.seq-status-icon.wait{color:#cbd5e1}
.seq-status-icon.note-tag{color:#cbd5e1}
.seq-status-icon.micro-prog{color:var(--cyan);font-variant-numeric:tabular-nums}
.seq-status-icon.micro-prog.is-complete{color:var(--lime)}
.seq-status-clock{width:.5rem;height:.5rem;border:1px solid currentColor;border-radius:50%;position:relative;box-sizing:border-box;display:block}
.seq-status-clock::before,.seq-status-clock::after{content:'';position:absolute;left:50%;bottom:50%;background:currentColor;border-radius:1px;transform-origin:bottom center}
.seq-status-clock::before{width:1px;height:42%;transform:translateX(-50%) rotate(-30deg)}
.seq-status-clock::after{width:1px;height:30%;transform:translateX(-50%) rotate(60deg)}
.seq-status-btn{cursor:pointer;appearance:none;margin:0;font-family:inherit;border:none;background:transparent;padding:.1rem .08rem}
.seq-status-btn:hover{filter:brightness(1.12)}
.seq-status-btn.is-open{box-shadow:0 0 0 1px rgba(0,199,255,.35);border-radius:.28rem}
/* Meter width is constant across every row */
.seq-habit-slot{flex:0 0 6rem;width:6rem;min-width:6rem;max-width:6rem;display:flex;flex-direction:column;justify-content:center;align-self:center;padding:0;overflow:hidden}
.seq-item-habit-wrap{width:100%;display:flex;flex-direction:column;gap:2px}
.seq-item-habit-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;line-height:1;width:100%;min-height:0}
.seq-item-habit-letter{font-size:.56rem;font-weight:700;line-height:1;justify-self:start}
.seq-item-habit-streak{font-size:.48rem;font-weight:700;line-height:1;justify-self:center;color:var(--orange);white-space:nowrap;font-variant-numeric:tabular-nums}
.seq-item-habit-streak.skip-mid{color:var(--amber)}
.seq-item-habit-streak.empty,
.seq-item-habit-streak.is-empty{visibility:hidden;color:transparent;font-weight:600;line-height:1;padding:0!important;margin:0!important;font-size:.48rem!important;text-align:center;min-width:.5rem}
.seq-item-habit-pct{font-size:.56rem;font-weight:700;line-height:1;justify-self:end}
.seq-item-habit{width:100%;height:10px;min-height:10px;max-height:10px;border-radius:3px;background:rgba(255,255,255,.08);overflow:hidden;flex-shrink:0}
.seq-item-habit .fill,
.seq-item-habit .seq-habit-fill{display:block;height:10px;min-height:10px;max-height:10px;border-radius:3px;transition:width .3s ease,background .3s ease}
.seq-pts{font-size:.56rem;font-weight:700;color:var(--cyan);background:rgba(0,199,255,.12);border:1px solid rgba(0,199,255,.28);padding:.1rem .28rem;border-radius:5px;min-width:1.15rem;text-align:center;line-height:1.1;flex-shrink:0;align-self:center;white-space:nowrap;font-variant-numeric:tabular-nums}
.seq-actions{display:flex;gap:.2rem;flex-shrink:0;align-self:center}
.seq-btn{width:26px;height:26px;min-width:26px;min-height:26px;border:none;border-radius:7px;background:rgba(255,255,255,.04);color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;flex-shrink:0}
.seq-btn:hover{background:rgba(255,255,255,.08);color:#e2e8f0}
.seq-btn.danger{color:#94a3b8}
.seq-btn.danger:hover{background:rgba(251,113,133,.12);color:var(--rose)}
.seq-btn.remove{border:1px solid rgba(255,255,255,.08)}
.seq-btn.readonly{pointer-events:none;cursor:default}
