/* Every floating surface is bounded independently, including nested mini-menus. */
:is(.modal,.time-menu-card,.feed-compose-card,.task-context-menu,.v36-artifact-picker,.v38-popup,.v39-log-popup,.v40-popup,.v53-popup,.v56-popup,.habit-v11-popup,.v18-habit-popup,.v76-header-menu,.v76-task-state-popover,.notes-picker-dialog,.notes-selection,.notes-option-choices) {
  box-sizing:border-box!important;
  max-width:calc(var(--dolijane-viewport-width,100vw) - 16px)!important;
  max-height:calc(var(--dolijane-viewport-height,100dvh) - 16px)!important;
  min-width:0!important;overscroll-behavior:contain;
}
:is(.modal,.time-menu-card,.feed-compose-card,.task-context-menu,.v36-artifact-picker,.v38-popup,.v39-log-popup,.v40-popup,.v53-popup,.v56-popup,.habit-v11-popup,.v18-habit-popup,.v76-header-menu,.v76-task-state-popover,.notes-picker-dialog) { overflow:auto; }
.notes-option-choices { overflow:auto; }
/* Legacy pickers use the same bounds as current artifact menus. */
:is(.habit-menu,.mention-suggestions,.mini-project-menu,.mini-priority-menu,.priority-menu,.tag-suggestions,.v13-postpone-menu,.v17-action-picker,.v30-color-popover,.v31-color-popover,.v35-title-suggestions,.v39-postpone-popup,.v40-suggestions,.v47-artifact-suggestions,.v47-priority-popover,.v49-mixed-popup,.v57-stone-status-menu,.chat-card) { box-sizing:border-box!important;min-width:0!important;max-width:calc(var(--dolijane-viewport-width,100vw) - 16px)!important;max-height:calc(var(--dolijane-viewport-height,100dvh) - 16px)!important;overflow:auto;overscroll-behavior:contain; }
.dolijane-context-help { z-index:1000100!important; }
/* Body-owned global menu: no header/sidebar stacking context may clip it. */
body>.v76-rose-menu{position:fixed!important;z-index:2147483646!important;visibility:visible!important;max-width:calc(100vw - 16px)!important}
.notes-editor-rose{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border:0;background:transparent;padding:2px;cursor:pointer}
.notes-editor-rose img{width:30px;height:30px}
/* Only the outer button chrome disappears; the priority/status glyph remains. */
[data-task-form] .task-head-v09>[data-task-toggle-done]{border:0!important;background:transparent!important;box-shadow:none!important;outline:0!important}
[data-task-form] .task-head-v09>[data-task-toggle-done]::before,[data-task-form] .task-head-v09>[data-task-toggle-done]::after{display:none!important}
[data-task-form] .task-head-v09>[data-task-toggle-done]:focus-visible{outline:2px solid var(--accent)!important;outline-offset:2px}
.dolijane-context-help .modal { width:600px; }
.dolijane-context-help header { display:flex;align-items:center;justify-content:space-between;gap:12px; }
.dolijane-context-help h1 { font-size:20px;margin:0; }
.dolijane-context-help .help-card { border:0;box-shadow:none;padding:0; }
.cumulative-chart { margin:8px 0 0!important;width:100%;grid-column:1/-1;box-sizing:border-box; }
.cumulative-chart h3 { font-size:14px; }
.cumulative-chart svg { display:block;width:100%;max-height:220px; }
/* Task metadata wraps inside its card instead of widening the mobile document. */
[data-v15-task-row] :is(.task-row-main,.task-meta,.v56-task-properties){min-width:0;max-width:100%}
[data-v15-task-row] :is(.task-meta,.v56-task-properties){display:flex;flex-wrap:wrap;overflow-wrap:anywhere}
[data-v15-task-row] .v56-artifact{box-sizing:border-box;max-width:100%;min-width:0;white-space:normal}
[data-v15-task-row] .v56-artifact>span{min-width:0;max-width:100%;overflow-wrap:anywhere}
[data-task-form] [data-v36-artifact="stone"],.v36-artifact-picker.stone .v36-artifact-choice{color:var(--artifact-color,var(--choice-color,var(--accent)))!important}
[data-task-form] [data-v36-artifact="stone"] :is(.v22-icon,.v22-icon *),.v36-artifact-picker.stone .v36-artifact-choice :is(.v22-icon,.v22-icon *){color:inherit!important;stroke:currentColor!important}
.v15-tree-list{overflow:visible!important;background:transparent!important;border:0!important;box-shadow:none!important}
.v15-project-node>.project-tree{box-sizing:border-box!important;margin-top:0!important;margin-right:0!important;margin-bottom:0!important;padding-top:3px!important;padding-right:3px!important;padding-bottom:3px!important}
.v15-project-node>.project-tree>.v15-tree-list{padding-top:0!important;padding-bottom:0!important}
.v15-task-node+.v15-task-node{margin-top:3px}
.v15-task-row{padding-top:6px!important;padding-bottom:6px!important;border:1px solid var(--line)!important;border-radius:10px!important;background:var(--panel,#fff)!important;overflow:hidden}
.v15-children{margin-top:3px;background:transparent!important;border-left:0!important;padding-left:3px}
[data-v78-stone-tasks]{overflow-anchor:none}
html.v78-stone-repainting *,html.v78-stone-repainting *::before,html.v78-stone-repainting *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
.v15-task-row.v15-drop-before{box-shadow:inset 0 3px #5d9d75!important}
.v15-task-row.v15-drop-after{box-shadow:inset 0 -3px #5d9d75!important}
html.v56-modal-opening *,html.v56-modal-opening *::before,html.v56-modal-opening *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media (max-width:1024px) {
  .v76-mobile-header{padding-top:calc(7px + env(safe-area-inset-top,0px))!important}
  .notes-editor { top:var(--dolijane-viewport-top,0px)!important;left:var(--dolijane-viewport-left,0px)!important;right:auto!important;bottom:auto!important;width:var(--dolijane-viewport-width,100vw)!important;height:var(--dolijane-viewport-height,100dvh)!important; }
  .notes-brushes .notes-button { height:48px!important;block-size:48px!important;min-height:48px!important;max-height:48px!important; }
  .v15-children{padding-left:3px}
  [data-task-form] .task-head-v09>.task-state-check{box-sizing:border-box!important;width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;padding:0!important;border:2.4px solid currentColor!important;border-radius:50%!important;background:transparent!important;box-shadow:none!important}
  [data-task-form] .task-head-v09>.task-state-check.done{background:currentColor!important;box-shadow:inset 0 0 0 3px var(--panel,#fff)!important}
  .v78-sidebar-project-link{font-size:15px!important}
  .v56-day{font-size:14px!important}
  [data-v15-task-row] :is(.task-meta,.v56-task-properties){font-size:13px!important}
}
@media (min-width:600px) and (max-width:1024px) {
  .sidebar :is(.nav-item .count,.v78-project-nav-count,.v78-sidebar-project-count,.v76-more-count,.notes-nav-count) { color:var(--muted)!important; }
  .v76-wide-more-items { padding-left:0; }
  .v76-wide-more-items>button { padding-right:0;gap:8px; }
  .v76-wide-more-items>button>span:not(.v22-icon):not(.v22-nav-icon) { min-width:0;flex:1;white-space:nowrap; }
  .sidebar .v76-wide-more-items :is(.v76-more-count,.notes-nav-count) { flex:0 0 32px;box-sizing:border-box;width:32px;min-width:32px;margin-left:auto;padding:0 10px 0 0;text-align:right;font-size:12px;font-weight:400;color:var(--muted);font-variant-numeric:tabular-nums; }
  .project-meta-card[data-project-summary] .btn { font-size:11px!important;padding:4px!important;min-height:26px; }
}
@media (min-width:1025px) {
  .sidebar [data-route=help],.topbar [data-route=help],.rightbar [data-route=help] { display:none!important; }
}
/* V3.8 Android revision 2: keep the artwork compact, but make edge controls forgiving.
   The generated area belongs to its button, so taps in the screen-edge gutter activate
   the intended control without moving the title or changing any visible circle. */
@media (max-width:1024px), (pointer:coarse) {
  :is(
    .v76-rose-button,
    .v76-active-route>.v76-title-create,
    .notes-editor-rose,
    .notes-editor-head>[data-note-action="close"]
  ) {
    position:relative!important;
    overflow:visible!important;
    touch-action:manipulation;
    -webkit-tap-highlight-color:transparent;
  }
  :is(
    .v76-rose-button,
    .v76-active-route>.v76-title-create,
    .notes-editor-rose,
    .notes-editor-head>[data-note-action="close"]
  )::after {
    content:"";
    position:absolute;
    inset:-6px;
    border-radius:inherit;
  }
  .v76-rose-button::after {
    inset:-8px -2px -8px -12px!important;
  }
  .v76-active-route>.v76-title-create::after {
    inset:-7px -2px!important;
  }
  .notes-editor-rose::after {
    inset:-8px -2px -8px -6px!important;
  }
  .notes-editor-head>[data-note-action="close"]::after {
    inset:-8px -4px -8px -2px!important;
  }
}
