/* Единый материал окон: прозрачная подложка, блик и мягкий цвет у края.
   Поля отличаются глубиной, действия — насыщенностью того же стекла. */
.phone{--dialog-glass:linear-gradient(145deg,color-mix(in srgb,var(--fg) 5%,transparent),color-mix(in srgb,var(--inbox-ice) 3%,transparent) 42%,color-mix(in srgb,var(--inbox-violet) 5%,transparent)),color-mix(in srgb,var(--bg) 84%,transparent);--dialog-field:linear-gradient(135deg,color-mix(in srgb,var(--fg) 10%,transparent),color-mix(in srgb,var(--fg) 3%,transparent));--dialog-line:color-mix(in srgb,var(--fg) 38%,transparent);--dialog-shine:inset 0 1px color-mix(in srgb,var(--fg) 32%,transparent),inset 0 -1px color-mix(in srgb,var(--inbox-ice) 12%,transparent),0 8px 28px color-mix(in srgb,var(--bg) 30%,transparent)}
#phone .sheet,#phone #details,#phone #taskChild{background:var(--dialog-glass)!important;border-color:var(--dialog-line)!important;box-shadow:var(--dialog-shine)!important;backdrop-filter:blur(30px) saturate(140%);-webkit-backdrop-filter:blur(30px) saturate(140%)}
#details #dtTitle,#details #dtBody,#details .dt-sec,#details #dtRep,#details .draft-chip,#taskChild #draftBodyEditor,#taskChild select,#taskChild input[type=number],#taskChild .draft-option,#taskChild .draft-custom-date,#taskChild .draft-reminder-presets button,#taskChild .draft-repeat-options button,#taskChild .draft-month-runner,#taskChild>header h2{background:var(--dialog-field)!important;border:1px solid var(--dialog-line)!important;box-shadow:inset 0 1px color-mix(in srgb,var(--fg) 16%,transparent);color:var(--fg)}
#details.is-new .draft-meta-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
#details .draft-chip[hidden]{display:none!important}
#details .draft-chip{display:flex!important;align-items:center;gap:6px;width:100%;min-height:46px;padding:8px;justify-content:center;font-size:var(--fs-small)}
#details #dtTitle{min-height:46px;border-radius:var(--r-14)}
#details #dtBody{height:46px!important;min-height:46px!important;padding:10px!important;border-radius:var(--r-14)!important}
#details .draft-description{padding:0!important;border:0!important;background:transparent!important;box-shadow:none}
#details.is-new .dt-sec:not(.draft-description){padding:10px!important;border-radius:var(--r-14)}
#details.is-new #dtScroll>.draft-resources{flex:none;min-height:0}
#details.is-new .draft-resources>.dt-sec{flex:none}
#details.is-new #dtFiles,#details.is-new .steps{flex:none;max-height:150px}
#details:not(.is-new) #draftDate{width:auto;justify-content:flex-end}
#taskChild .reminder-column .draft-wheel button{width:100%;max-width:none}
#details #dtCancel,#details #dtDone,#taskChild>footer [data-cancel],#taskChild>footer [data-apply]{min-height:46px;border-radius:var(--r-14);font-size:var(--fs-sub);font-weight:650;color:var(--fg)!important;box-shadow:inset 0 1px color-mix(in srgb,var(--fg) 38%,transparent),0 3px 10px color-mix(in srgb,var(--bg) 25%,transparent)}
#details #dtDone,#taskChild>footer [data-apply]{border:1px solid color-mix(in srgb,var(--inbox-green) 78%,var(--fg))!important;background:linear-gradient(145deg,color-mix(in srgb,var(--inbox-green) 44%,transparent),color-mix(in srgb,var(--inbox-green) 19%,transparent))!important}
#details #dtCancel,#taskChild>footer [data-cancel]{border:1px solid color-mix(in srgb,var(--c-urgent) 78%,var(--fg))!important;background:linear-gradient(145deg,color-mix(in srgb,var(--c-urgent) 38%,transparent),color-mix(in srgb,var(--c-urgent) 17%,transparent))!important}
#taskChild>footer{display:flex;gap:8px}
#taskChild>footer>button{flex:1;min-width:0}
#taskChild>footer [data-next-step]{flex:0 0 48px;height:46px;padding:0;display:grid;place-items:center;border-radius:var(--r-14);color:var(--fg);background:linear-gradient(145deg,color-mix(in srgb,var(--inbox-ice) 35%,transparent),color-mix(in srgb,var(--inbox-violet) 24%,transparent));border:1px solid color-mix(in srgb,var(--inbox-ice) 65%,var(--fg));box-shadow:var(--dialog-shine)}
#taskChild [data-next-step] .ico{width:24px;height:24px}
#taskChild .draft-year{text-align:center;font-size:var(--fs-small);font-weight:650;margin:0 0 6px;color:var(--fg)}
#taskChild .draft-month-runner{position:relative;overflow:hidden;border-radius:var(--r-14)}
#taskChild .draft-month-runner:after{content:'';position:absolute;left:calc(50% - 56px);width:112px;top:3px;bottom:3px;pointer-events:none;border:1px solid var(--dialog-line);border-radius:var(--r-12);background:var(--dialog-field);box-shadow:inset 0 1px color-mix(in srgb,var(--fg) 35%,transparent)}
#taskChild .draft-month-rail{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;touch-action:pan-x;overscroll-behavior-x:contain;padding:0 calc(50% - 56px);scrollbar-width:none;mask-image:linear-gradient(to right,transparent,black 18%,black 82%,transparent)}
#taskChild .draft-month-rail::-webkit-scrollbar{display:none}
#taskChild .draft-month-rail button{flex:0 0 112px;min-width:112px;min-height:46px;scroll-snap-align:center;border:0;border-radius:0;background:transparent;color:color-mix(in srgb,var(--fg) 65%,transparent);font-size:var(--fs-small);padding:6px 0}
#taskChild .draft-month-rail button[aria-selected=true]{color:var(--fg);font-weight:650}
#taskChild .draft-calendar button.is-today,#taskChild .draft-calendar button[aria-pressed=true]{background:linear-gradient(145deg,color-mix(in srgb,var(--inbox-ice) 30%,transparent),color-mix(in srgb,var(--inbox-violet) 17%,transparent));border-color:color-mix(in srgb,var(--inbox-ice) 70%,var(--fg))}
#taskChild .draft-calendar button.is-today span{text-decoration:underline;text-underline-offset:4px}
#taskChild .draft-wheels{width:100%;justify-content:center;overflow:hidden;touch-action:pan-y}
#taskChild .task-time-column{flex:0 0 100px;width:100px;overflow:hidden}
#taskChild .draft-wheel{overflow-x:hidden;overflow-y:auto;touch-action:pan-y;overscroll-behavior:contain;scrollbar-width:none}
#taskChild .draft-wheel::-webkit-scrollbar{display:none}
#taskChild .draft-wheel button{width:100px;max-width:100px;flex:none;padding:0}
#taskChild .draft-repeat-options{display:flex;flex-direction:column;gap:7px;padding:2px 0}
#taskChild .draft-repeat-options button{display:flex;align-items:center;justify-content:space-between;min-height:46px;padding:10px 14px;border-radius:var(--r-14);font-size:var(--fs-sub);text-align:left}
#taskChild .draft-repeat-options button[aria-pressed=true],#taskChild .draft-reminder-presets button[aria-pressed=true]{background:linear-gradient(145deg,color-mix(in srgb,var(--inbox-ice) 25%,transparent),color-mix(in srgb,var(--inbox-violet) 16%,transparent))!important;border-color:color-mix(in srgb,var(--inbox-ice) 65%,var(--fg))!important}
#taskChild[data-kind=repeat]{min-height:min(560px,calc(100% - 12px))}
#taskChild[data-kind=repeat] .draft-child-body{flex:1}
#taskChild select{width:100%;min-height:46px;border-radius:var(--r-14);padding:8px}
#taskChild input[type=number]{min-height:44px;border-radius:var(--r-12);padding:8px;width:90px}
/* Страницы сохраняют свои узлы и прокрутку при непрерывном перелистывании. */
#screens{overflow:hidden;touch-action:pan-y}
#scrAssist{position:relative;overflow:hidden}
#homeInbox{height:100%;flex:1}
#scrAssist>.home-fabs{position:absolute}
.calendar-open #scrAssist>.home-fabs,.assistant-open #scrAssist>.home-fabs{display:none}
#phone .sheet .close-x,#phone .sheet button[aria-label^="Закрыть"]{margin-left:auto;color:var(--c-urgent-text)!important;background:linear-gradient(145deg,color-mix(in srgb,var(--c-urgent) 26%,transparent),color-mix(in srgb,var(--c-urgent) 12%,transparent))!important;border-color:color-mix(in srgb,var(--c-urgent) 45%,transparent)!important}
#screens.frame-motion{position:relative;isolation:isolate}
#screens.frame-motion .frame-motion-page{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;margin:0!important;will-change:transform;backface-visibility:hidden}
#screens[data-motion=upper] #scrAssist>.home-fabs{display:none}
#homeCreate{border-color:color-mix(in srgb,var(--inbox-ice) 58%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--inbox-ice) 34%,var(--bg)),color-mix(in srgb,var(--inbox-violet) 25%,var(--bg)));box-shadow:inset 0 1px color-mix(in srgb,var(--fg) 30%,transparent),0 4px 18px color-mix(in srgb,var(--inbox-ice) 12%,transparent);color:var(--fg)}
#nav .nav-btn .ico{width:28px;height:28px;stroke-width:1.7}
#nav .nav-btn{color:color-mix(in srgb,var(--inbox-ice) 22%,var(--fg));opacity:.72}
#nav .nav-btn[aria-selected=true]{opacity:1;filter:drop-shadow(0 1px 5px color-mix(in srgb,var(--inbox-ice) 24%,transparent))}
/* Сохранённая карточка: одинаковая на Главной и во Входящих. */
#details:not(.is-new) #dtMeta{border-color:var(--dialog-line);background:var(--dialog-field);box-shadow:inset 0 1px color-mix(in srgb,var(--fg) 26%,transparent);color:var(--fg);font-weight:var(--fw-semibold)}
#details:not(.is-new) #dtMeta[data-state=working],#details:not(.is-new) #dtMeta[data-state=done]{color:var(--task-green);border-color:color-mix(in srgb,var(--task-green) 72%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--task-green) 32%,transparent),color-mix(in srgb,var(--task-green) 10%,transparent))}
#details:not(.is-new) #dtMeta[data-state=paused]{color:var(--task-yellow);border-color:color-mix(in srgb,var(--task-yellow) 72%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--task-yellow) 30%,transparent),color-mix(in srgb,var(--task-yellow) 10%,transparent))}
#details:not(.is-new) #draftDate:disabled{opacity:1}
#details:not(.is-new) #dtRemindGroup,#details:not(.is-new) #dtRep{display:flex;align-items:center;gap:7px;min-height:52px;padding:5px 7px!important;border:1px solid var(--dialog-line)!important;border-radius:var(--r-14);background:var(--dialog-field)!important;box-shadow:inset 0 1px color-mix(in srgb,var(--fg) 22%,transparent)}
#details #dtRemindGroup[hidden]{display:none!important}
#details:not(.is-new) #dtRemindGroup>.dt-k{flex:none;padding:7px 9px;border:1px solid var(--dialog-line);border-radius:var(--r-10);background:var(--dialog-field);color:var(--fg);font-size:var(--fs-small);font-weight:var(--fw-semibold)}
#details:not(.is-new) #dtRemind,#details:not(.is-new) #dtRemind.has-reminders{flex:1;min-width:0;min-height:44px;justify-content:flex-end;padding:4px 7px!important;background:var(--dialog-field)!important;border:1px solid var(--dialog-line)!important;border-radius:var(--r-12)}
#details:not(.is-new) #dtRemind .dt-v{margin-left:0;padding:0;border:0;background:transparent}
#details:not(.is-new) #dtScroll>.draft-resources{min-height:0}
#details:not(.is-new) .draft-files-panel{flex:0 1 auto;min-height:82px}
#details:not(.is-new) .draft-steps-panel{flex:0 1 auto;min-height:58px}
#details:not(.is-new) #dtFiles{flex:0 1 auto;max-height:110px}
#details:not(.is-new) #dtSteps{flex:0 1 auto;min-height:0;max-height:none}
#details:not(.is-new) .draft-resources>.dt-sec,#details:not(.is-new) #dtRep{border-color:color-mix(in srgb,var(--inbox-ice) 55%,var(--dialog-line))!important;background:linear-gradient(140deg,color-mix(in srgb,var(--inbox-ice) 14%,transparent),color-mix(in srgb,var(--inbox-violet) 6%,transparent))!important}
#details:not(.is-new) .sec-head .dt-h,#details:not(.is-new) #dtRep .prop-k{color:var(--fg)!important;border-color:var(--dialog-line);background:var(--dialog-field)}
#details:not(.is-new) [data-check-step]{border-color:color-mix(in srgb,var(--task-green) 56%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--task-green) 16%,transparent),color-mix(in srgb,var(--task-green) 4%,transparent));box-shadow:inset 0 1px color-mix(in srgb,var(--fg) 26%,transparent)}
#details:not(.is-new) [data-check-step][aria-pressed=true]{border-color:var(--task-green);background:linear-gradient(145deg,color-mix(in srgb,var(--task-green) 38%,transparent),color-mix(in srgb,var(--task-green) 16%,transparent));color:var(--task-green)}
#details:not(.is-new) [data-remove-step]{border-color:color-mix(in srgb,var(--task-red) 76%,transparent)!important;background:linear-gradient(145deg,color-mix(in srgb,var(--task-red) 33%,transparent),color-mix(in srgb,var(--task-red) 12%,transparent))!important;box-shadow:inset 0 1px color-mix(in srgb,var(--fg) 26%,transparent),0 2px 8px color-mix(in srgb,var(--task-red) 12%,transparent)}
/* Пять читаемых значений, центральное — в стеклянном окошке. */
#taskChild .draft-child-body{overflow-x:hidden}
#taskChild .reminder-wheels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:336px;margin:0 auto}
#taskChild .reminder-column{min-width:0;text-align:center}
#taskChild .reminder-column .draft-wheels{position:relative;height:220px;margin:0;border:1px solid var(--dialog-line);border-radius:var(--r-14);background:var(--dialog-field)}
#taskChild .reminder-column .draft-wheels:before{display:block;content:'';position:absolute;top:88px;left:4px;right:4px;height:44px;border:1px solid color-mix(in srgb,var(--inbox-ice) 70%,var(--fg));border-radius:var(--r-12);background:var(--dialog-field);box-shadow:inset 0 1px color-mix(in srgb,var(--fg) 38%,transparent),0 2px 12px color-mix(in srgb,var(--inbox-ice) 12%,transparent);pointer-events:none;transform:none;z-index:1}
#taskChild .reminder-column .draft-wheel{height:220px;padding:88px 0;width:100%;min-width:0;mask-image:linear-gradient(transparent,var(--fg) 10%,var(--fg) 90%,transparent)}
#taskChild .reminder-column .draft-wheel button{width:100%;max-width:100%;font-size:var(--fs-h2);line-height:var(--lh-h2)}
#taskChild .draft-wheel{min-width:0;max-width:100%;overflow-x:hidden;overscroll-behavior-x:none;touch-action:pan-y}
#taskChild .draft-wheel button{scroll-snap-align:center}
#taskChild [data-wheel] button,#taskChild .reminder-column [data-rem-wheel] button{width:calc(100% - 24px);max-width:calc(100% - 24px);margin-left:12px;margin-right:12px}
#taskChild .reminder-add,#taskChild .reminder-added{border-color:var(--dialog-line);background:var(--dialog-field)!important}
/* Звезда редактора отдельна от текста; у карточек списков прежнее правило. */
#details #dtTitle,#details.is-new #dtTitle{width:calc(100% - 104px);margin-left:52px}
#details #dtTitleStar{position:absolute;top:17px;left:14px;display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--dialog-line);border-radius:var(--r-14);background:var(--dialog-field);color:color-mix(in srgb,var(--fg) 34%,transparent);font-size:var(--fs-h1);line-height:var(--lh-h1);pointer-events:none}
#details.important #dtTitleStar{color:var(--task-yellow);border-color:color-mix(in srgb,var(--task-yellow) 62%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--task-yellow) 22%,transparent),color-mix(in srgb,var(--task-yellow) 7%,transparent));text-shadow:0 0 12px color-mix(in srgb,var(--task-yellow) 35%,transparent)}
#details.important #dtTitle:before{content:none!important;display:none}
#details #dtTitle:empty:before{content:'Название задачи'!important;display:inline;color:color-mix(in srgb,var(--fg) 55%,var(--bg))}
#details:not(.is-new) #dtRemindGroup>.dt-k{color:var(--fg);border-color:color-mix(in srgb,var(--inbox-ice) 65%,var(--dialog-line));background:linear-gradient(135deg,color-mix(in srgb,var(--inbox-ice) 30%,transparent),color-mix(in srgb,var(--inbox-violet) 28%,transparent) 55%,color-mix(in srgb,var(--inbox-ice) 12%,transparent));box-shadow:inset 0 1px color-mix(in srgb,var(--fg) 32%,transparent),0 2px 10px color-mix(in srgb,var(--inbox-violet) 12%,transparent)}
#details:not(.is-new) #dtRemind,#details:not(.is-new) #dtRemind.has-reminders{background:linear-gradient(145deg,color-mix(in srgb,var(--inbox-ice) 12%,transparent),color-mix(in srgb,var(--inbox-green) 6%,transparent))!important;border-color:color-mix(in srgb,var(--inbox-ice) 40%,var(--dialog-line))!important}
#details:not(.is-new) #dtRemind .dt-v{flex:1;white-space:normal;overflow-wrap:anywhere;overflow:visible;text-overflow:clip}
@media(max-width:360px){#details #dtTitleStar{left:10px}#details .draft-close{right:10px}}
@media(max-height:700px){#details #dtTitleStar{top:12px}}
.home-task .task-repeat{position:absolute;right:28px;top:8px;display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;color:color-mix(in srgb,var(--inbox-green) 60%,var(--fg));filter:drop-shadow(0 0 3px color-mix(in srgb,var(--inbox-green) 20%,transparent));pointer-events:none}
.home-task .task-repeat .ico{width:14px;height:14px;stroke-width:2.2}
.home-task:has(.task-repeat) .home-task-title{padding-right:32px}
.home-task.drag-clone .task-repeat,.home-task.task-drag-chip .task-repeat{display:none}
@container(max-height:125px){.home-task .task-repeat{right:22px;top:4px}.home-task .task-repeat,.home-task .task-repeat .ico{width:11px;height:11px}.home-task:has(.task-repeat) .home-task-title{padding-right:26px}}