/* Dolijane V3.5 — mobile composition and Habit interaction. */
.v76-habit-task-title{display:flex;align-items:center;gap:10px;min-width:0}.v76-habit-task-title .entity-link{min-width:0}.v76-habit-head{align-items:center}.v76-settings-chevron{display:inline-grid;place-items:center;margin-left:auto}.v76-settings-chevron .v22-icon{width:17px;height:17px;color:var(--accent)}.v41-settings-section>h3[data-v76-settings-toggle],.v19-settings-section>h3[data-v76-settings-toggle]{display:flex;align-items:center;gap:8px;min-height:30px;cursor:pointer;user-select:none}.v76-settings-collapsed>:not(h3){display:none!important}.v76-settings-collapsed{padding-bottom:5px!important}
.v76-mobile-header{display:none}

@media(max-width:599px){
  /* A phone dialog stays centered and keeps its full outline. */
  .modal-backdrop{padding:12px!important;place-items:center!important;align-items:center!important}
  .modal{width:min(620px,calc(100vw - 24px))!important;max-height:calc(100dvh - 24px)!important;border-radius:18px!important;padding:16px 14px!important}
  .time-menu{padding:12px!important;place-items:center!important}.time-menu-card{width:min(560px,calc(100vw - 24px))!important;max-height:calc(100dvh - 24px);overflow:auto;border-radius:18px!important}

  .main{padding-top:0!important}
  .v76-mobile-header{position:sticky;top:0;z-index:112;display:block;margin:0 -10px 12px;padding:7px 10px 8px;background:color-mix(in srgb,var(--panel) 96%,transparent);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}
  .v76-mobile-main-row{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr) 44px 44px;align-items:center;gap:5px;min-height:46px}
  .v76-rose-button,.v76-header-button{box-sizing:border-box;inline-size:44px!important;block-size:44px!important;min-inline-size:44px!important;min-block-size:44px!important;aspect-ratio:1;border:0;border-radius:50%!important;background:transparent;color:var(--accent);display:grid;place-items:center;padding:7px}
  .v76-rose-button img{width:32px;height:32px;object-fit:contain}.v76-header-button .v22-icon{width:25px;height:25px}
  .v76-active-route{display:flex;align-items:center;gap:7px;min-width:0}.v76-active-route>.v22-icon,.v76-active-route>.v22-nav-icon .v22-icon{width:25px;height:25px;color:var(--accent)}.v76-active-route strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-block:2px;font-size:var(--dj-text-title-size);font-weight:var(--dj-text-title-weight);line-height:var(--dj-text-title-line-height)}
  .v76-header-menu{position:absolute;top:48px;z-index:150;min-width:210px;padding:6px;border:1px solid var(--line);border-radius:14px;background:var(--panel);box-shadow:var(--shadow)}.v76-rose-menu{left:0}.v76-system-menu{right:0}.v76-header-menu[hidden]{display:none!important}.v76-header-menu>button{width:100%;min-height:44px;border:0;border-radius:9px;background:transparent;color:var(--ink);display:flex;align-items:center;gap:10px;padding:8px 10px;text-align:left}.v76-header-menu>button:active{background:var(--soft)}.v76-header-menu .v22-icon{width:22px;height:22px;color:var(--accent)}
  .v76-mobile-actions{display:flex;justify-content:flex-end;gap:6px;min-height:0}.v76-mobile-actions:empty{display:none}.v76-mobile-actions>.actions{display:flex!important;width:100%!important;max-width:none!important;justify-content:flex-end!important;gap:6px!important;margin:4px 0 0!important}.v76-mobile-actions button{min-width:44px;min-height:44px}
  main.main>.topbar{display:none!important}

  .v75-mobile-sheet{border-radius:20px 20px 0 0}.v76-plan-menu{display:grid!important;grid-template-columns:1fr!important;gap:5px!important}.v76-plan-menu .v75-mobile-route{min-height:50px!important;display:flex!important;flex-direction:row!important;justify-content:flex-start!important;gap:11px!important;padding:8px 12px!important;text-align:left!important;font-size:14px!important}.v76-plan-menu .v22-icon{width:24px;height:24px;color:var(--accent)}

  /* Preserve circles under every icon even in narrow flex/grid cells. */
  .task-state-check,.check,.v22-icon-button,.v56-help-button,.v76-header-button,.v76-rose-button{flex-shrink:0!important;aspect-ratio:1!important}
  .task-state-check,.check{min-width:18px!important;max-width:18px!important;min-height:18px!important;max-height:18px!important;border-radius:50%!important}

  .task-head-v09{grid-template-columns:32px 22px minmax(0,1fr)!important;align-items:center!important}.task-head-v09>.task-focus-mini,.task-head-v09>.task-state-check,.task-head-v09>.v35-title-editor{align-self:center!important;margin-top:0!important}.task-head-v09>.v35-title-editor{padding-top:0!important}
  .v76-mobile-task-artifacts{position:relative;display:flex!important;align-items:center;flex-wrap:wrap;gap:7px;margin:0 0 12px;padding:5px 0;min-height:34px}.v76-mobile-task-artifacts>:is([data-v38-tag-artifact],[data-v36-artifact]),.v76-mobile-task-artifacts>.v76-mobile-priority{display:inline-flex;align-items:center;gap:4px;min-width:30px;min-height:30px;padding:4px;border:0;background:transparent;color:var(--artifact-color,currentColor)}.v76-mobile-task-artifacts .v22-icon{width:20px;height:20px}.v76-mobile-priority{position:static!important;order:-20;font-size:0!important}.v76-mobile-priority .v22-icon{width:22px;height:22px}.v76-mobile-task-artifacts .priority-menu{top:34px!important;left:0!important;z-index:30}
  [data-task-form]>.form-grid .v36-artifacts:is([hidden],:empty){display:none!important}
  .v76-task-state-wrap{position:relative;margin-left:auto}.v76-task-state-toggle{width:36px;height:36px;border:0;border-radius:50%;background:transparent;color:var(--accent);display:grid;place-items:center}.v76-task-state-toggle .v22-icon{width:20px;height:20px}.v76-task-state-popover{position:absolute;top:39px;right:0;z-index:40;padding:6px;border:1px solid var(--line);border-radius:12px;background:var(--panel);box-shadow:var(--shadow)}.v76-task-state-popover[hidden]{display:none!important}.v76-task-state-popover .task-state-actions{display:grid!important;grid-template-columns:repeat(4,34px);gap:5px;margin:0!important}.v76-task-state-popover .task-state-action{width:34px;height:34px}
  html[data-v76-mobile-artifact-labels="false"] [data-v15-task-row] .v56-artifact>span,
  html[data-v76-mobile-artifact-labels="false"] [data-v15-task-row] .v56-project-ref>span,
  html[data-v76-mobile-artifact-labels="false"] [data-v15-task-row] .v58-tag-chip>span,
  html[data-v76-mobile-artifact-labels="false"] [data-v15-task-row] .v57-priority-meta>span,
  html[data-v76-mobile-artifact-labels="false"] [data-v15-task-row] .v39-task-project>span,
  html[data-v76-mobile-artifact-labels="false"] .v76-mobile-task-artifacts :is([data-v38-tag-artifact],[data-v36-artifact])>span{display:none!important}
  html[data-v76-mobile-artifact-labels="false"] [data-v15-task-row] .v56-artifact,
  html[data-v76-mobile-artifact-labels="false"] [data-v15-task-row] .v56-project-ref,
  html[data-v76-mobile-artifact-labels="false"] [data-v15-task-row] .v58-tag-chip{max-width:28px!important;width:24px;overflow:visible!important;justify-content:center}

  .v56-week-grid{touch-action:pan-y;overscroll-behavior-inline:contain}
  [data-v15-task-row]{touch-action:pan-y;will-change:transform;transition:transform .16s ease,box-shadow .16s ease}[data-v15-task-row].v76-task-swiping{transform:translateX(var(--v76-task-swipe-x,0));transition:none;box-shadow:0 5px 16px rgba(35,31,28,.12)}[data-v15-task-row][data-v76-swipe-direction="right"]{background:color-mix(in srgb,var(--green-soft,#eaf5ee) 70%,var(--panel))!important}[data-v15-task-row][data-v76-swipe-direction="left"]{background:color-mix(in srgb,var(--red-soft,#fff0ee) 70%,var(--panel))!important}
  html[data-v74-route="today"] main .section{margin-block:8px!important}html[data-v74-route="today"] main .section+.section{margin-top:0!important}html[data-v74-route="today"] main [data-v38-today-section] .card{margin-bottom:0!important}
}