/* «Мой день» (myday.js): линия встреч дня, план дня блоками по проектам, «Ждут от вас», цели с вкладками проектов,
   цель спринта и часы. */
.md-page{--md-hover:color-mix(in srgb,var(--ink) 5%,transparent);--md-soft:color-mix(in srgb,var(--ink) 3%,var(--paper))}
.md-head{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:20px}
.md-head h1{margin:0}
.md-head .subtitle{margin-top:4px}
.md-grow{flex:1;min-width:0}
.md-grid{display:flex;flex-wrap:wrap;gap:22px;align-items:flex-start}
.md-main{flex:999 1 560px;min-width:0;display:flex;flex-direction:column;gap:20px}
.md-side{flex:1 1 320px;min-width:0;display:flex;flex-direction:column;gap:20px}
.md-label{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:500;color:var(--muted);margin:0 0 8px}
.md-label .icon{width:14px;height:14px}
.md-card{border:1px solid var(--line);border-radius:9px;background:var(--paper)}
.md-card-head{display:flex;align-items:center;gap:10px;padding:13px 16px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.md-card-head h2{margin:0;font-size:15px}
.md-col-flex{flex-direction:column;align-items:flex-start;gap:2px}
.md-col-flex small{color:var(--muted);font-size:12px}
.md-sprint-where .md-tag{vertical-align:-1px}
.md-mono{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:12px;color:var(--muted)}
.md-hint{margin:0;padding:10px 16px;font-size:12px;color:var(--muted);border-top:1px solid var(--line)}
.md-page .pill.accent{background:var(--tint);color:var(--green)}

/* Метка проекта: квадрат цвета проекта и имя. */
.md-page .square{display:inline-block;flex:none;margin:0}
.md-tag{display:inline-flex;align-items:center;gap:6px;min-width:0;color:var(--ink);font-weight:500}
.md-tag .square,.md-rm .square,.md-tab .square,.md-goals-one .square,.md-hour .square{width:8px;height:8px;border-radius:2px}

/* Период целей: кнопка с меню. */
.md-pick{position:relative}
.md-pbtn{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:4px 10px;border:1px solid var(--line);border-radius:7px;background:var(--md-soft);color:var(--ink);font:inherit;font-size:13px;cursor:pointer}
.md-pbtn:hover{background:var(--md-hover)}
.md-pbtn .icon{width:14px;height:14px;color:var(--muted)}
.md-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:20;width:300px;padding:6px;border:1px solid var(--line);border-radius:10px;background:var(--paper);box-shadow:var(--shadow)}
.md-menu-right,.md-goals .md-menu{left:auto;right:0}
.md-menu-note{display:block;padding:6px 10px 4px;font-size:12px;color:var(--muted)}
.md-menu-foot{border-top:1px solid var(--line);margin-top:6px;padding-top:8px}
.md-mi{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:8px 10px;border:0;border-radius:6px;background:transparent;color:var(--ink);font:inherit;text-align:left;cursor:pointer}
.md-mi:hover,.md-mi.on{background:var(--md-hover)}
.md-mi b{display:block;font-weight:500}
.md-mi small{display:block;font-size:12px;color:var(--muted)}
.md-mi .icon{width:15px;height:15px;color:var(--green)}

/* Встречи дня из календаря: точки на линии, «сейчас» между ними. */
.md-rail{display:flex;align-items:flex-start;border:1px solid var(--line);border-radius:10px;padding:18px 20px 16px;overflow-x:auto;background:var(--paper)}
.md-rp{flex:1 1 0;min-width:120px;position:relative;padding-top:17px;display:flex;flex-direction:column;align-items:flex-start}
.md-rp:before{content:"";position:absolute;top:5px;left:0;right:0;height:2px;background:var(--line)}
.md-rp.md-past:before{background:var(--accent)}
.md-rp.md-end:before{display:none}
.md-rp i{position:absolute;top:0;left:0;width:12px;height:12px;box-sizing:border-box;border-radius:50%;background:var(--paper);border:2px solid var(--line)}
.md-rp.md-past i{background:var(--accent);border-color:var(--accent)}
.md-rp.md-now i,.md-rp.md-live i{border-color:var(--green);box-shadow:0 0 0 4px var(--tint)}
.md-rp.md-end i{border-style:dashed}
.md-rt{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:12px;color:var(--muted)}
.md-rl{font-size:13px;color:var(--ink);padding-right:10px}
.md-rlink{border:0;background:none;padding:0;font:inherit;font-size:13px;text-align:left;cursor:pointer;color:var(--ink)}
.md-rlink:hover{color:var(--green);text-decoration:underline}
.md-rm{max-width:100%;box-sizing:border-box;padding-right:10px;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.md-rm .square{margin-right:6px}
.md-now .md-rl,.md-now .md-rt,.md-live .md-rm{color:var(--green)}
.md-end .md-rl{color:var(--muted)}

/* План дня: блок на проект — вчера и сегодня рядом, «Для дейлика» в шапке проекта. */
.md-days{overflow:hidden}
.md-head-note{font-size:12px;color:var(--muted)}
.md-proj{border-top:1px solid var(--line)}
.md-card-head+.md-proj{border-top:0}
.md-proj-head{display:flex;align-items:center;gap:9px;flex-wrap:wrap;min-height:32px;padding:10px 16px;background:var(--md-soft)}
.md-proj-head .square{width:10px;height:10px;border-radius:3px}
.md-proj-head b{font-size:14px;font-weight:600;color:var(--ink)}
.md-proj-head small{font-size:12px;color:var(--muted)}
.md-proj-head .btn.small{min-height:28px;padding:3px 9px;gap:6px}
.md-proj-head .btn .icon{width:13px;height:13px}
.md-proj.quiet .md-proj-head{background:transparent}
.md-proj .md-two{border-top:1px solid var(--line)}
.md-sub{padding:10px 16px 2px;font-size:12px;font-weight:550;color:var(--muted)}
.md-proj .md-item{border-top:0;padding-top:8px;padding-bottom:8px}
.md-proj .md-col{padding-bottom:8px}
.md-plan-empty{padding:2px 0}
.md-two{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.md-col{min-width:0;padding-bottom:6px}
.md-col+.md-col{border-left:1px solid var(--line)}
.md-col-head{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--line);min-height:32px}
.md-col-head h3{margin:0;font-size:15px;font-weight:550}
.md-col-meta{font-size:12px;color:var(--muted)}
.md-col .es-row,.md-col .es-block{margin:12px 16px}
.md-item{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;border-top:1px solid var(--line)}
.md-col-head+.md-item{border-top:0}
.md-item-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.md-item-main b{font-weight:500;color:var(--ink)}
.md-item-main small{font-size:12px;color:var(--muted)}
.md-item-top{display:flex;align-items:flex-start;gap:10px}
.md-item-top b{flex:1;min-width:0}
.md-item-main small.md-quote{margin-top:4px;padding:1px 0 1px 10px;border-left:2px solid var(--line);color:var(--ink);opacity:.86;font-size:13px}
.md-src{color:var(--muted)}
.md-item-main small.md-note{margin-top:4px}
.md-ym{display:grid;place-items:center;flex:none;width:18px;height:18px;margin-top:2px;border-radius:50%;background:color-mix(in srgb,var(--ink) 8%,transparent);color:var(--muted);font-size:11px;font-weight:700;line-height:1}
.md-ym.ok{background:color-mix(in srgb,#5fae7c 18%,transparent);color:#5fae7c}
.md-ym.acc{background:var(--tint);color:var(--green)}
.md-done{color:var(--muted)!important;text-decoration:line-through}
.md-check{display:grid;place-items:center;flex:none;width:18px;height:18px;margin-top:2px;border:1.5px solid var(--muted);border-radius:5px;color:transparent;box-sizing:border-box}
.md-check.on{background:var(--accent);border-color:var(--accent);color:#fff}
.md-check .icon{width:12px;height:12px;stroke-width:2.4}
button.md-check{padding:0;background:none;font:inherit;cursor:pointer}
button.md-check:hover{border-color:var(--accent)}
button.md-check.on{background:var(--accent)}
button.md-check:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
/* «Ждут от вас»: нейтральный блок, жёлтым — только «срок прошёл». */
.md-days:has(.md-wait-menu){overflow:visible}
.md-attn{border-top:1px solid var(--line)}
.md-attn-head{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--md-soft);color:var(--ink);font-size:13px;font-weight:550}
.md-attn-head .icon{width:15px;height:15px;color:var(--muted)}
.md-attn-head small{font-size:12px;font-weight:400;color:var(--muted)}
.md-count{font-size:11px;font-weight:600;color:var(--muted);background:color-mix(in srgb,var(--ink) 7%,transparent);border-radius:4px;padding:0 6px;line-height:1.7}
.md-attn .md-item{border-top:1px solid var(--line)}
.md-why{display:flex;align-items:center;flex-wrap:wrap;gap:6px;color:var(--muted)!important;font-style:normal}
.md-why.late{color:var(--amber)!important;font-weight:500}
.md-wait{gap:18px}
.md-wait-acts{position:relative;display:flex;gap:6px;flex:none;align-items:center;padding-top:2px}
.md-wait-acts .btn.small{min-height:32px;padding:5px 11px;gap:6px;font-weight:550}
.md-wait-acts .btn .icon{width:14px;height:14px}
.md-wait-acts .btn.md-more{width:32px;padding:0;font-size:15px;letter-spacing:1px;line-height:1}
.md-wait-acts .btn.md-more.on{background:var(--md-hover)}
.md-wait-menu{top:38px;width:290px}
.md-wait-menu .md-mi{min-height:40px;padding:7px 10px}
.md-wait-menu .md-mi .icon{color:var(--muted)}
.md-wait-menu hr{border:0;border-top:1px solid var(--line);margin:5px 0}
.md-snooze{display:flex;align-items:center;gap:8px;padding:2px 10px 8px 35px}
.md-snooze input{flex:1;min-width:0;min-height:34px;padding:4px 8px;font-size:13px}
.md-wait-done{display:flex;align-items:center;gap:10px;padding:10px 16px;border-top:1px solid var(--line);background:var(--md-soft);font-size:13px;color:var(--muted)}
.md-wait-done .icon{width:15px;height:15px}
.md-wait-done.done .icon{color:var(--es-done)}
.md-wait-done b{min-width:0;font-weight:500;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.md-wait-done.done b,.md-wait-done.drop b,.md-wait-done.notpromise b{text-decoration:line-through}
.md-wait-done .text-btn{flex:none}
.md-attn-done{padding:12px 16px;border-top:1px solid var(--line)}
.md-attn-foot{display:flex;align-items:center;gap:10px;padding:10px 16px;border-top:1px solid var(--line)}
.md-attn-foot small{font-size:12px;color:var(--muted)}
.md-attn-foot .text-btn{font-size:12.5px}

/* Цели периода: вкладки проектов, где на человеке есть цели. */
.md-goals .es-block{margin:14px 16px}
.md-tabs{display:inline-flex;flex-wrap:wrap;gap:2px;max-width:100%;padding:2px;border:1px solid var(--line);border-radius:7px;background:var(--md-soft)}
.md-tab{display:inline-flex;align-items:center;gap:7px;min-width:0;max-width:220px;min-height:30px;padding:2px 10px;border:0;border-radius:5px;background:transparent;color:var(--muted);font:inherit;font-size:13px;cursor:pointer}
.md-tab span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.md-tab:hover{color:var(--ink)}
.md-tab[aria-selected=true]{background:var(--paper);color:var(--ink);font-weight:500;box-shadow:0 0 0 1px var(--line),0 1px 2px #0000000d}
.md-tab i{font-style:normal;font-size:11px;font-weight:500;line-height:1;margin-top:2px;color:var(--muted)}
.md-tab:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.md-goals-one{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:var(--muted)}
.md-goal{padding:14px 16px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:8px}
.md-card-head+.md-goal{border-top:0}
.md-goal-head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.md-goal-head small{font-size:12px;color:var(--muted)}
.md-goal-head b{font-weight:550;color:var(--ink)}
.md-me{font-size:10px;font-weight:650;color:var(--green);background:var(--tint);border-radius:3px;padding:0 5px;line-height:1.7;flex:none}
.md-bar-row{display:flex;align-items:center;gap:10px}
.md-pad{padding:12px 16px 10px}
.md-bar{flex:1;height:6px;border-radius:3px;background:var(--line);overflow:hidden}
.md-bar i{display:block;height:100%;background:var(--accent);border-radius:3px}
.md-crit{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--ink)}
.md-crit small{font-size:12px;color:var(--muted)}
.md-dot{width:8px;height:8px;border-radius:50%;border:1.5px solid var(--muted);flex:none;box-sizing:border-box}
.md-dot.doing{border-color:var(--green)}
.md-dot.done{background:var(--accent);border-color:var(--accent)}
.md-goal-foot{display:flex;justify-content:flex-end;padding:0 16px 12px}
.md-goal .md-goal-foot{padding:0}
.md-hour{display:flex;align-items:center;gap:10px;padding:9px 16px;border-top:1px solid var(--line);font-size:13px;color:var(--ink)}
.md-card-head+.md-hour{border-top:0}
.md-hour small{font-size:12px;color:var(--muted)}
.md-side .md-goal-foot{padding-top:10px}

/* Этапы цели спринта: строка-кнопка, под ней форма отметки. */
.md-step{display:flex;align-items:center;gap:10px;width:100%;min-height:42px;padding:8px 16px;border:0;border-top:1px solid var(--line);background:transparent;color:var(--ink);font:inherit;font-size:13px;text-align:left;cursor:pointer}
.md-step:hover{background:var(--md-hover)}
.md-step.mine{background:var(--md-soft)}
.md-step.open{background:var(--md-hover)}
.md-step.dropped .md-step-title{color:var(--muted);text-decoration:line-through}
.md-step .avatar{width:22px;height:22px;margin:0;border:0;font-size:9px}
.md-step-note{display:block;padding:0 16px 10px 48px;font-size:12px;color:var(--muted)}
.md-step-form{display:flex;flex-direction:column;gap:10px;padding:10px 16px 14px 48px;background:var(--md-hover)}
.md-opts{display:flex;flex-wrap:wrap;gap:6px}
.md-opt{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:2px 10px;border:1px solid var(--line);border-radius:6px;background:var(--paper);font-size:12px;color:var(--ink);cursor:pointer}
.md-opt{white-space:nowrap}
.md-opt input{width:14px;height:14px;min-height:0;flex:none;margin:0;padding:0;accent-color:var(--accent)}
.md-opt:has(input:checked){border-color:var(--green);color:var(--green)}
.md-note{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--muted)}
.md-note textarea{font:inherit;font-size:13px;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:8px 10px;resize:vertical}
.md-form-actions{display:flex;gap:8px}

@media (max-width:720px){.md-col+.md-col{border-left:0;border-top:1px solid var(--line)}.md-menu{width:min(300px,calc(100vw - 48px))}.md-wait{flex-wrap:wrap}.md-wait-acts{width:100%}.md-attn-head small,.md-attn-foot small{display:none}}
/* Задачи на «Моём дне» (этап 4): «Подтвердите статусы» и «Мои задачи». Кружки статусов — .tk-st из tasks.css. */
.md-tk-props{border-color:color-mix(in srgb,var(--accent) 35%,var(--line))}
.md-tk-props .md-card-head{background:color-mix(in srgb,var(--accent) 6%,transparent)}
.md-card-head+.md-tk-prop{border-top:0}
.md-tk-title{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;min-width:0}
.md-tk-title .md-tag{font-size:12px;color:var(--muted)}
.md-tk-key{border:0;background:none;padding:0;font:inherit;font-family:var(--mono,ui-monospace,monospace);font-size:12px;color:var(--muted);cursor:pointer}
.md-tk-key:hover{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.md-tk-chips{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:5px}
.md-tk-chip{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--muted);border:1px solid var(--line);border-radius:5px;padding:1px 7px}
.md-tk-chip b{font-weight:600;color:var(--ink)}
.md-tk-chip .tk-st{width:10px;height:10px}
.md-tk-meta{font-size:12px;color:var(--muted)}
.md-tk-mine .md-card-head+.md-tk-group{border-top:0}
.md-tk-group{border-top:1px solid var(--line);padding:6px 0}
.md-tk-ghead{display:block;padding:4px 16px 2px;font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.md-tk-ghead.late{color:var(--red,#c4473a)}
.md-tk-row{display:flex;align-items:center;gap:10px;width:100%;padding:7px 16px;border:0;background:none;font:inherit;text-align:left;color:inherit;text-decoration:none;cursor:pointer}
.md-tk-row:hover{background:var(--md-hover,color-mix(in srgb,var(--ink) 4%,transparent))}
.md-tk-row .md-tk-key{flex:none;min-width:58px;cursor:inherit}
.md-tk-row .tk-st{flex:none}
.md-tk-name{flex:1;min-width:0;display:flex;flex-direction:column}
.md-tk-name b{font-weight:500;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.md-tk-name small{font-size:12px;color:var(--muted)}
.md-tk-status{flex:none;font-size:12px;color:var(--muted)}
.md-tk-row .md-tag{flex:none;font-size:12px;color:var(--muted)}
.md-tk-due{flex:none;min-width:52px;text-align:right;font-size:12px;color:var(--muted)}
.md-tk-due.late{color:var(--red,#c4473a);font-weight:550}
@media (max-width:640px){.md-tk-status,.md-tk-row .md-tag{display:none}.md-tk-prop{flex-wrap:wrap}.md-tk-prop .md-wait-acts{width:100%}}
.md-tk-props .md-wait-done b{text-decoration:none;color:var(--ink)}
/* Пункт прошлого плана: «Сделано» / «Не актуально» под строкой. */
.md-plan-acts{display:flex;gap:6px;margin-top:10px}
.md-plan-acts .btn .icon{width:13px;height:13px}
.md-col .md-wait-done{border-top:0;border-radius:8px;margin:4px 0 8px}
/* «Мои задачи» по проектам: шапка проекта, ровная колонка ключей. */
.md-tk-phead{display:flex;align-items:center;gap:8px;padding:8px 16px 4px;font-size:13px}
.md-tk-phead b{font-weight:600}
.md-tk-pcount{font-size:12px;color:var(--muted)}
.md-tk-plate{font-size:12px;color:var(--red,#c4473a)}
.md-tk-row .md-tk-key{width:88px;min-width:88px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.md-tk-more{padding:2px 16px 6px 114px}
.md-tk-more .text-btn{font-size:12.5px;font-weight:500;color:var(--accent)}