/* Shared layout for project/idea pages and their task-like editors. */
.sidebar [data-route="ideas"]{display:flex!important}
.project-tree-head>.chip,.project-tree-head>.v15-active-task-count{background:transparent!important;border-color:rgb(220,220,220)!important;color:rgb(138,138,138)!important}
.r21-icon-button{box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 36px!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;padding:7px!important;border-radius:50%!important;aspect-ratio:1!important}
.r21-icon-button.primary{background:var(--accent)!important;border-color:var(--accent)!important;color:white!important}
.r21-icon-button .v22-icon{width:20px!important;height:20px!important;margin:0!important}
.r21-project-title-row,.r21-project-secondary,.r21-project-primary,.r21-secondary-tools,.r21-mobile-project-tools,.r21-idea-tools{display:flex;align-items:center;gap:8px;min-width:0}
.r21-project-title-row{justify-content:space-between}.r21-project-title{cursor:pointer;margin:0;min-width:0;overflow-wrap:anywhere}
.r21-project-header{margin-bottom:12px}.r21-project-secondary{margin-top:8px}.r21-project-summary{flex:1;min-width:0;margin:0!important;padding:4px 0!important;display:flex!important;flex-wrap:nowrap!important;gap:8px!important;background:transparent!important;border:0!important;box-shadow:none!important;white-space:nowrap;overflow-x:auto}
.r21-project-summary>button,.r21-project-summary>span{flex:0 0 auto!important;display:inline-flex!important;align-items:center;gap:4px}
.r21-project-summary .project-summary-icon{display:inline-flex!important}.r21-project-summary .v22-icon{width:18px!important;height:18px!important}
.r21-project-summary [data-r21-project-notes]{width:auto!important;flex-basis:auto!important;border:0!important;background:transparent!important;padding:4px!important}
.r21-project-summary [data-r21-project-edit]{margin-left:auto}
.r21-selection-tools{display:flex;align-items:center;gap:8px;margin-block:8px}.r21-selection-tools [hidden]{display:inline-flex!important}
html[data-r21-page="project"] main>.topbar{display:none!important}
html[data-r21-page="project"] main [data-v17-select-toggle]{display:none!important}
@media(min-width:1025px){.r21-project-summary [data-r21-project-edit]{display:none!important}}
html[data-r21-page="idea"] main .page-title,html[data-v74-route="ideas"] main .page-title{display:flex!important;align-items:center!important;gap:12px}
.idea-card time{margin-left:auto;white-space:nowrap;flex-shrink:0}.idea-card strong{flex:1}.r21-idea-tools{flex-shrink:0}
.r21-popover{position:fixed;z-index:100100;min-width:190px;max-width:calc(100vw - 16px);overflow:auto;padding:8px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--ink);box-shadow:var(--shadow)}
.r21-popover>input{width:100%;box-sizing:border-box;min-width:0;margin-bottom:6px}.r21-menu-item{display:flex;align-items:center;gap:9px;width:100%;min-height:40px;padding:7px;border:0;background:transparent;color:var(--ink);font:600 14px var(--font,inherit);text-align:left;border-radius:8px}
.r21-menu-item .v22-icon{width:20px;height:20px;flex-shrink:0}.r21-menu-item[aria-pressed=true]{background:var(--accent-soft)}.r21-menu-item:hover{background:var(--soft,var(--accent-soft))}
.r21-entity-editor{padding:16px!important;--r21-field-bg:color-mix(in srgb,#8a7a5f 16%,var(--panel));}
.r21-entity-editor .r21-editor-footer>button{display:inline-flex!important;visibility:visible!important}
.r21-editor-head{display:flex;align-items:center;gap:8px;margin-bottom:14px}.r21-editor-head>.v22-icon{width:26px;height:26px;flex-shrink:0;color:var(--accent)}
.r21-editor-head>input{flex:1;min-width:0;border:0!important;background:transparent!important;font-family:var(--font-display,inherit)!important;font-size:24px!important;font-weight:700!important;writing-mode:horizontal-tb!important;word-break:normal!important}
.r21-entity-field{display:flex;align-items:center;gap:9px;min-width:0;padding:10px 12px;margin-block:6px;border:1px solid var(--r21-field-bg);border-radius:10px;background:var(--r21-field-bg);font-family:var(--font,inherit);font-size:var(--v19-task-menu-font-size,14px);font-weight:600}
.r21-entity-field>.v22-icon,.r21-entity-field>span>.v22-icon{width:20px;height:20px;flex-shrink:0}.r21-entity-field>input,.r21-entity-field>textarea{min-width:0;flex:1;width:100%;box-sizing:border-box;border:0!important;background:transparent!important;color:inherit;font:inherit;resize:vertical}
.r21-entity-field>.btn{flex-shrink:0;white-space:nowrap}.r21-artifact-buttons,.r21-editor-options,.r21-editor-footer{display:flex;align-items:center;gap:8px;margin-top:10px}.r21-editor-footer{justify-content:flex-end}
.r21-artifact-value{display:flex;align-items:center;gap:8px;flex:1;min-width:0;border:0;background:transparent;color:inherit;font:inherit;text-align:left}.r21-artifact-value>span{overflow-wrap:anywhere}.r21-artifact-value>.v22-icon{width:20px;height:20px;flex-shrink:0}.r21-editor-error{color:#b23b3b;margin:4px 0}.r21-editor-error:empty{display:none}
@keyframes r21-editor-rise{from{translate:0 100vh;opacity:.15}to{translate:0 0;opacity:1}}
.modal.r21-entity-editor.v19-anim-in{animation:r21-editor-rise .45s cubic-bezier(.22,.68,.24,1)!important}
html.v19-native-task-window .modal-backdrop.v19-backdrop>.modal.r21-entity-editor.v19-anim-in{animation:r21-editor-rise .45s cubic-bezier(.22,.68,.24,1)!important}
@media(prefers-reduced-motion:reduce){.modal.r21-entity-editor.v19-anim-in{animation:none!important}}
@media(max-width:1024px){
  .r21-project-header{display:none!important}.r21-project-summary{width:100%;box-sizing:border-box;font-size:11px;gap:5px!important;padding:4px 0!important}
  .r21-project-summary>button{min-height:28px!important}.r21-project-summary .v22-icon{width:16px!important;height:16px!important}
  html[data-r21-page="project"] .v76-mobile-actions,html[data-r21-page="project"] .v76-mobile-main-row>[data-new-task],html[data-r21-page="project"] .v76-mobile-main-row>[data-new-subproject],html[data-r21-page="project"] .v76-mobile-main-row>[data-v76-system]{display:none!important}
  html[data-r21-page="project"] .v76-mobile-main-row{display:flex!important;gap:5px!important}
  html[data-r21-page="project"] .v76-active-route{flex:1;cursor:pointer}
  .r21-mobile-project-tools{margin-left:auto;gap:5px}.r21-mobile-project-tools .r21-icon-button,.r21-idea-tools .r21-icon-button{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;flex-basis:32px!important;padding:6px!important}
  .r21-entity-editor .r21-editor-head>input{font-size:20px!important}.r21-entity-field{padding:8px}.r21-entity-field input[type=date]{max-width:155px}
  .idea-card{flex-wrap:wrap}.idea-card time{font-size:11px}.r21-idea-tools{margin-left:auto}
}
html[data-interface-design="classic"] .v19-task-menu :is(.time-line,.v18-priority-row,.v18-reminder,.v18-artifact-row,.v19-pickers-chips>button,.subtask-panel,.v18-comments,.r21-entity-field,.v19-reminder-chip,.v19-time-chip,.v40-measure-row,.v40-source-line),
html[data-interface-design="classic"] .r21-entity-editor{background:#fff!important;--r21-field-bg:#fff}