/* Desktop workspace: shared brand tokens, original data and controls. */
.td-project-picker,.td-tree-toggle{display:none}
@media(min-width:861px){
  body.shell-on #tasksView{font-family:Inter,system-ui,sans-serif;color:var(--gs-ink);background:var(--gs-ground)}
  body.shell-on #tasksView :is(h2,h3,h4){font-family:Outfit,Inter,sans-serif;letter-spacing:0}
  body.shell-on #tasksView .tasks-body{position:relative;min-height:0;gap:0;padding-left:0}
  body.shell-on #tasksView .tasks-projects-row{min-height:43px;gap:14px;padding:0 22px;background:var(--gs-panel);border-bottom:1px solid var(--gs-line);flex-wrap:wrap}
  body.shell-on #tasksView .tasks-proj-chip:not(.tasks-row-group):not(.tasks-row-pick){min-height:42px;padding:9px 2px;border:0;border-radius:0;background:none;color:var(--gs-ink-dim);font-size:12px;box-shadow:none}
  body.shell-on #tasksView .tasks-proj-chip.on{color:var(--gs-ink);border-bottom:2px solid var(--gs-accent)!important;font-weight:600}
  body.shell-on #tasksView .tasks-chip-count{font-size:10px;border-radius:4px;background:var(--gs-panel-2)}
  body.shell-on #tasksView .td-project-picker,body.shell-on #tasksView .td-tree-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:32px;padding:5px 8px;border:0;background:none;color:var(--gs-ink-dim);border-radius:6px;font:500 12px Inter,sans-serif;cursor:pointer}
  body.shell-on #tasksView .td-project-picker:hover,body.shell-on #tasksView .td-tree-toggle:hover{background:var(--gs-panel-2);color:var(--gs-ink)}
  body.shell-on #tasksView .td-tree-toggle{width:32px;padding:7px}
  body.shell-on #tasksView :is(.td-tree-toggle,.td-project-picker) .gicon{width:16px;height:16px}
  body.shell-on #tasksView .tasks-rail.trail-pli{display:none}
  body.shell-on #tasksView .tasks-rail:not(.trail-pli){position:absolute;inset:0 auto 0 0;width:280px;max-width:90%;z-index:20;background:var(--gs-panel);box-shadow:8px 0 24px rgba(0,0,0,.1);border-right:1px solid var(--gs-line);padding:18px 14px}
  body.shell-on #tasksView .tasks-rail :is(.trail-sec,.trail-h-lbl){font-size:11px;letter-spacing:0;text-transform:none}
  body.shell-on #tasksView .tasks-rail .trail-label{white-space:normal;overflow-wrap:anywhere;line-height:1.4}
  body.shell-on #tasksView .tasks-rail .trail-node{min-height:44px;padding:9px 10px;font-size:13px;border-radius:6px}
  body.shell-on #tasksView .tasks-rail .trail-esp-row{margin-bottom:15px}
  body.shell-on #tasksView.show-pane .tasks-rail{display:none}
  body.shell-on #tasksView #tasksList{background:var(--gs-ground);padding:18px 24px 24px;min-width:0}
  body.shell-on #tasksView .gest2,body.shell-on #tasksView .mine-work{--gest-title-max:1fr;padding:0;max-width:none;border:0;border-radius:0;box-shadow:none;background:var(--gs-panel)}
  body.shell-on #tasksView .gest2-boardhead{padding:0;margin-bottom:0}
  body.shell-on #tasksView .gest2-title-row{margin:0;min-height:42px}
  body.shell-on #tasksView .gest2-title-copy h2{font-size:25px;line-height:1.25;margin:0}
  body.shell-on #tasksView .gest2-title-copy p{margin:5px 0 0;font-size:12px;line-height:1.5;color:var(--gs-ink-dim)}
  body.shell-on #tasksView .gest2-progress-line{min-height:30px;margin:8px 0 4px;gap:12px;font-size:11px;flex-wrap:wrap}
  body.shell-on #tasksView .gest2-progress-track{max-width:100px;height:4px}
  body.shell-on #tasksView .gest2-progress-line strong{font-size:11px;font-weight:500}
  body.shell-on #tasksView .gest2-views{margin-top:6px;gap:24px;border-bottom:1px solid var(--gs-line)}
  body.shell-on #tasksView .gest2-views button{min-height:36px;font-size:12px;padding:7px 0;background:none;border-radius:0}
  body.shell-on #tasksView .gest-outils{padding:10px 0;gap:9px;min-height:54px;background:var(--gs-panel);border-bottom:1px solid var(--gs-line);margin:0 0 12px;flex-wrap:wrap}
  body.shell-on #tasksView .gest-neuf{order:10;margin-left:auto;min-height:33px;padding:6px 12px;border-radius:6px;font-size:12px;white-space:nowrap}
  body.shell-on #tasksView .gest2-search-slot{flex:0 1 275px;min-width:160px}
  body.shell-on #tasksView .gest2-search-slot #tasksSearch{width:100%;min-width:0;max-width:100%;height:34px;min-height:34px;font-size:12px;border-radius:6px;padding:7px 11px 7px 30px;background:var(--gs-panel);border-color:var(--gs-line);box-shadow:none}
  body.shell-on #tasksView .gest2-menu>summary{font-size:12px;min-height:32px;padding:6px 8px;border-radius:5px}
  body.shell-on #tasksView .gest2-menu-pop{z-index:25;background:var(--gs-panel);border-color:var(--gs-line);box-shadow:0 12px 30px rgba(0,0,0,.12)}
  body.shell-on #tasksView .gest2-grouping{font-size:11px;margin:12px 0;gap:6px}
  body.shell-on #tasksView :is(.gest-groupe,.gest-liste){border-radius:0;box-shadow:none;border-left:0;border-right:0;background:var(--gs-panel);margin-bottom:16px}
  body.shell-on #tasksView .gest-groupe.replie{margin-bottom:16px}
  body.shell-on #tasksView .gest-groupe .gest-tete{min-height:46px;padding:8px 6px;border:0;border-bottom:1px solid var(--gs-line);border-radius:0;background:var(--gs-panel);box-shadow:none;gap:12px}
  body.shell-on #tasksView .gest-groupe .gest-tete:hover{background:var(--gs-panel-2);box-shadow:none}
  body.shell-on #tasksView .gest-tete-id{flex:1 1 auto;min-width:0;gap:8px}
  body.shell-on #tasksView .gest-nom{font-size:14px}
  body.shell-on #tasksView .gest-tete-barre{width:90px;margin-left:4px}
  body.shell-on #tasksView .gest-tete-pct{min-width:32px}
  body.shell-on #tasksView :is(.gest-groupe-head,.gest-liste-head,.gest-section-head){min-height:42px;padding-top:9px;padding-bottom:9px;border-radius:0;background:var(--gs-panel);box-shadow:none;border-bottom:1px solid var(--gs-line)}
  body.shell-on #tasksView :is(.gest-groupe-head,.gest-liste-head) :is(h3,strong){font-size:13px}
  body.shell-on #tasksView .gest-list-head{min-height:48px;flex-wrap:wrap;gap:8px 12px;padding:7px 12px;border-radius:0}
  body.shell-on #tasksView .gest-list-main{min-width:0;flex:1 1 180px;font-size:14px}
  body.shell-on #tasksView .gest-list-progress{flex:0 1 auto;gap:8px}
  body.shell-on #tasksView .gest-list-progress>i{width:76px}
  body.shell-on #tasksView .gest-list-progress small{min-width:60px;font-size:11px}
  body.shell-on #tasksView .gest-list-health{flex:0 1 auto;flex-wrap:wrap}
  body.shell-on #tasksView .gest-entete{font-size:11px;background:var(--gs-panel)}
  body.shell-on #tasksView .gest-ligne{min-height:48px;font-size:14px}
  body.shell-on #tasksView .gest-ligne>div,body.shell-on #tasksView .gest-ligne>span{background:var(--gs-panel);border-color:var(--gs-line)}
  body.shell-on #tasksView .gest-ligne:hover>*{background:var(--gs-panel-2)}
  body.shell-on #tasksView .gest-ligne.tasks-dock-selected{box-shadow:inset 3px 0 var(--gs-accent)}
  body.shell-on #tasksView .gest-ligne.tasks-dock-selected>*{background:var(--gs-accent-soft)}
  body.shell-on #tasksView .mine-boardhead{padding:0 0 10px}
  body.shell-on #tasksView .mine-boardhead h2{font-size:25px}
  body.shell-on #tasksView .mine-summary{margin-top:10px;font-size:12px}
  body.shell-on #tasksView .mine-content{padding:0}
  body.shell-on #tasksView .tasks-card{border-radius:6px;box-shadow:none}
  body.shell-on #tasksView .tasks-tabs{min-height:32px;margin:0;padding:0 20px;background:var(--gs-panel)}
  body.shell-on #tasksView .tasks-tab{font-size:11px;min-height:31px;border-radius:5px 5px 0 0}

  /* Full detail and dock share a scrollable reading area and compact footer. */
  body.shell-on #tasksView .tasks-dock:has(.td-detail){--quai-l:var(--td-dock-width,clamp(420px,40vw,780px));display:flex;flex-direction:column;min-height:0;overflow:hidden;box-shadow:none;position:relative}
  body.shell-on #tasksView .td-dock-resize{position:absolute;inset:0 auto 0 0;width:7px;z-index:10;cursor:col-resize;touch-action:none;outline-offset:-2px}
  body.shell-on #tasksView .td-dock-resize:is(:hover,:focus-visible,.is-resizing){background:var(--gs-accent-soft);border-left:2px solid var(--gs-accent)}
  body.shell-on #tasksView .tasks-dock.hidden{display:none}
  body.shell-on #tasksView .tasks-dock:has(.td-detail) .dock-head{position:static;min-height:43px;padding:6px 14px;flex:none}
  body.shell-on #tasksView .dock-btn{background:none;border:0;width:30px;height:30px;border-radius:5px}
  body.shell-on #tasksView .dock-btn:hover{background:var(--gs-panel-2)}
  body.shell-on #tasksView .dock-body{flex:1;min-height:0;display:flex;flex-direction:column}
  body.shell-on #tasksView .dock-body #taskDetailBody{flex:1;min-height:0;display:flex;flex-direction:column}
  body.shell-on #tasksView.show-pane #tasksList{display:flex;flex-direction:column;overflow:hidden;padding:0;max-width:none;width:100%}
  body.shell-on #tasksView.show-pane .tasks-projects-row{display:none}
  body.shell-on #tasksView.show-pane .tasks-workspace{display:flex;flex:1;min-height:0;max-width:none;width:100%;padding:0;margin:0;border:0;border-radius:0;box-shadow:none;background:var(--gs-panel);overflow:hidden}
  body.shell-on #tasksView.show-pane #taskDetailBody{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column}
  body.shell-on #tasksView.show-pane .tasks-crumb{flex:none;min-height:40px;padding:7px 24px;margin:0;border-bottom:1px solid var(--gs-line);background:var(--gs-panel)}
  body.shell-on #tasksView .td-detail{padding:0!important;display:grid;flex:1;min-height:0;min-width:0;grid-template-columns:minmax(0,1fr) 280px;grid-template-rows:auto minmax(0,max-content) auto minmax(0,1fr);overflow:hidden;color:var(--gs-ink);--td-line:color-mix(in srgb,var(--gs-ink) 17%,transparent)}
  body.shell-on #tasksView .td-detail-head{grid-column:1/-1;padding:19px 26px 0;border-bottom:1px solid var(--td-line);background:var(--gs-panel);max-height:230px;overflow:auto}
  body.shell-on #tasksView .td-detail .tasks-detail-hero{padding:0}
  body.shell-on #tasksView .td-detail .tasks-detail-title{font:600 25px/1.28 Outfit,Inter,sans-serif;margin:0 0 12px;letter-spacing:0;overflow-wrap:anywhere;color:var(--gs-ink);max-width:65ch}
  body.shell-on #tasksView .td-detail .tasks-detail-context{font-size:11px;line-height:1.4;letter-spacing:0;text-transform:none;margin:0 0 7px;color:var(--gs-ink-dim)}
  body.shell-on #tasksView .td-detail .tasks-detail-status-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;border:0;padding:0;margin:0 0 12px}
  body.shell-on #tasksView .td-detail .tasks-detail-status-row>.td-status-actions{margin-left:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
  body.shell-on #tasksView .td-detail .tasks-detail-status-row .btn{font-size:12px;min-height:32px;padding:6px 11px;border-radius:6px;white-space:nowrap}
  body.shell-on #tasksView .td-detail .tasks-detail-status-row .btn .gicon{width:14px;height:14px}
  body.shell-on #tasksView .td-detail .tasks-detail-status-row .tasks-chip-project{display:none}
  body.shell-on #tasksView .td-detail-main{grid-column:1;grid-row:2;min-height:0;min-width:0;overflow:auto;overscroll-behavior:contain;padding:20px 26px 22px;scrollbar-gutter:stable}
  body.shell-on #tasksView .td-detail-nav{display:flex;align-items:center;gap:20px;min-height:40px;margin-top:4px}
  body.shell-on #tasksView .td-section-link{display:flex;align-items:center;gap:6px;min-height:40px;padding:8px 0;border:0;border-bottom:2px solid transparent;border-radius:0;background:none;color:var(--gs-ink-dim);font:500 13px Inter,sans-serif;cursor:pointer;white-space:nowrap}
  body.shell-on #tasksView .td-section-link .gicon{width:16px;height:16px}
  body.shell-on #tasksView .td-section-link[aria-current="location"]{color:var(--gs-ink);border-bottom-color:var(--gs-accent)}
  body.shell-on #tasksView .td-detail-panel{margin:0;min-width:0;scroll-margin-top:12px}
  body.shell-on #tasksView .td-detail .tasks-detail-desc{padding:18px 0 0;border:0;background:none;font-size:14px;line-height:1.7;margin:0 0 20px;max-width:110ch;color:var(--gs-ink);overflow-wrap:anywhere}
  body.shell-on #tasksView .td-detail-properties{grid-column:2;grid-row:2/-1;min-height:0;overflow:auto;border-left:1px solid var(--td-line);background:var(--gs-panel-2);padding:20px 18px}
  body.shell-on #tasksView .td-properties-title{font-size:15px;margin:0 0 15px;color:var(--gs-ink)}
  body.shell-on #tasksView .td-detail .tasks-detail-fields{display:flex;flex-direction:column;gap:18px;margin:0 0 20px}
  body.shell-on #tasksView .td-detail .tasks-detail-field{padding:0;background:none;border:0;border-radius:0;min-width:0;flex:none}
  body.shell-on #tasksView .td-detail .tasks-detail-field>label{display:flex;align-items:center;gap:5px;font:400 11px/1.4 Inter,sans-serif;letter-spacing:0;text-transform:none;margin-bottom:5px;color:var(--gs-ink-dim)}
  body.shell-on #tasksView .td-detail .tasks-detail-field>div{font-size:12px;color:var(--gs-ink);overflow-wrap:anywhere}
  body.shell-on #tasksView .td-detail .tasks-detail-actions{display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:15px 0 0;border-top:1px solid var(--gs-line)}
  body.shell-on #tasksView .td-detail .tasks-detail-actions .btn{font-size:12px;min-height:32px;padding:7px 10px;border-radius:6px;white-space:normal}
  body.shell-on #tasksView .td-detail .tasks-detail-more>summary{font-size:12px;min-height:32px;border-radius:6px}
  body.shell-on #tasksView .td-detail .tasks-detail-more[open]>div{position:static;min-width:0;box-shadow:none;border:0;padding:6px 0;display:flex;flex-direction:column;gap:6px;background:none}
  body.shell-on #tasksView .td-detail .tasks-detail-quick{display:none;position:static}
  body.shell-on #tasksView .td-section{padding:0;border:0;border-top:1px solid var(--td-line);border-radius:0;background:none;margin-top:0;margin-bottom:0}
  body.shell-on #tasksView .td-section>summary{display:flex;align-items:center;gap:8px;padding:11px 0;cursor:pointer;list-style:none;color:var(--gs-ink-dim);font:500 12px/1.4 Inter,sans-serif}
  body.shell-on #tasksView .td-section>summary::-webkit-details-marker{display:none}
  body.shell-on #tasksView .td-section>summary .gicon{width:15px;height:15px;flex:none}
  body.shell-on #tasksView .td-section>summary .gicon:last-child{margin-left:auto}
  body.shell-on #tasksView .td-section[open]>summary .gicon:last-child{transform:rotate(180deg)}
  body.shell-on #tasksView .td-section-count{font-size:11px;font-weight:400}
  body.shell-on #tasksView .td-section-warning>summary{color:var(--gs-crit)}
  body.shell-on #tasksView .td-section> :not(summary){margin-top:0!important;padding:10px 0 14px;border:0;box-shadow:none;background:none}
  body.shell-on #tasksView .td-section .tasks-subtasks-empty-box{padding:10px;background:var(--gs-panel-2);border:0;border-radius:6px}
  /* Discussion lisible sur ordinateur — ticket 9SfieIWRa6JICT6ZHqfH (Dany L.,
     07/10/2026, « voir Basecamp ») : le champ « Commenter » était rivé au bas
     du panneau, séparé du fil par tout le vide de l'écran, et les lignes à 10 %
     d'opacité disparaissaient à 66 % de zoom. La rangée du fil (2) prend
     désormais sa hauteur réelle (max-content) et le vide passe dans une 4e
     rangée sous le composeur : fil court → composeur juste sous le dernier
     commentaire, comme dans Basecamp ; fil long → la rangée 2 plafonne, défile,
     et le composeur reste visible en bas comme avant. --td-line épaissit les
     séparateurs dans les deux thèmes, la discussion a sa propre ligne de tête. */
  body.shell-on #tasksView .td-detail .tasks-detail-discussion{margin:22px 0 0;padding:20px 0 0;border:0;border-top:2px solid var(--td-line);scroll-margin-top:12px}
  body.shell-on #tasksView .td-detail .tasks-comments-title{font:600 18px/1.4 Outfit,Inter,sans-serif;margin:0 0 6px}
  body.shell-on #tasksView .td-detail .tasks-comment{border-radius:0;box-shadow:none;background:none;padding:16px 0;gap:12px;border-bottom:1px solid var(--td-line)}
  body.shell-on #tasksView .td-detail .tasks-comment:last-child{border-bottom:0}
  body.shell-on #tasksView .td-detail .tasks-comment-avatar{width:36px;height:36px;flex:0 0 36px}
  body.shell-on #tasksView .td-detail .tasks-comment-hdr{gap:6px 10px;align-items:baseline;flex-wrap:wrap;margin-bottom:3px}
  body.shell-on #tasksView .td-detail .tasks-comment-hdr strong{font-size:14px}
  body.shell-on #tasksView .td-detail .tasks-comment-date{font-size:12px;color:var(--gs-ink-dim)}
  body.shell-on #tasksView .td-detail .tasks-comment-content{font-size:14px;line-height:1.65;color:var(--gs-ink);overflow-wrap:anywhere}
  body.shell-on #tasksView .td-detail .tasks-comment-body{min-width:0}
  body.shell-on #tasksView .td-detail .tasks-comments-empty{padding:14px 0;font-size:14px;color:var(--gs-ink-dim)}
  body.shell-on #tasksView .td-detail-footer{grid-column:1;grid-row:3;min-width:0;max-height:45dvh;padding:12px 24px 15px;border-top:1px solid var(--td-line);background:var(--gs-panel);overflow:visible;z-index:3}
  body.shell-on #tasksView .td-detail #taskComposer{border:0;box-shadow:none;border-radius:0;margin:0;padding:0;background:var(--gs-panel);max-width:none}
  body.shell-on #tasksView .td-detail #taskComposer .tm-compose-row{display:grid;grid-template-columns:36px minmax(0,1fr) 38px;position:relative;min-width:0;align-items:end;border:1px solid var(--td-line);border-radius:7px;background:var(--gs-panel)}
  body.shell-on #tasksView .td-detail #taskComposer .tm-compose-row:focus-within{border-color:var(--gs-accent);box-shadow:0 0 0 3px var(--gs-accent-soft)}
  body.shell-on #tasksView .td-detail #taskComposer .gc-input-wrap{grid-column:2;grid-row:2;min-width:0}
  /* Hauteur du champ « Commenter… » — ticket N9S0W8of (D. Paquette, 25/09/2026) :
     « quand on fait un long commentaire, le champ reste tout petit, c'est dur de
     s'y retrouver ». C'était 130px fixes, soit CINQ lignes : au-delà on écrivait
     par la fenêtre d'un ascenseur, et se relire avant d'envoyer demandait de
     remonter à la molette. Le champ va désormais jusqu'à ~16 lignes.
     Le plafond se mesure sur la FENÊTRE et pas seulement en dur, parce que le
     quai (.td-detail-footer) est borné à 45dvh : sur un écran bas, 340px fixes
     déborderaient de leur propre boîte. Le plancher du clamp est l'ancienne
     valeur — jamais plus petit qu'avant, quelle que soit la fenêtre.
     JUMEAU JS : `plafondCommentaireTache()` (tasks.js) rejoue ces trois nombres
     pour le champ nu (repli sans éditeur enrichi) et pour la boîte de
     modification. Les deux bougent ensemble, ou le champ dépasse sa boîte. */
  body.shell-on #tasksView .td-detail #taskComposer :is(.gc-input,.grt-editor){font:400 14px/1.5 Inter,system-ui,sans-serif;min-height:44px;max-height:clamp(130px,34dvh,340px);overflow:auto;padding:11px 7px;border:0;background:none;color:var(--gs-ink)}
  /* Corriger un commentaire s'arrête au MÊME endroit que l'écrire (ticket
     ZvSISxOd de la même personne, 25/08). Sans cette ligne, la boîte de
     modification resterait aux 220px de `.grt-editor` pendant que le champ
     d'écriture monte à 340 : deux boîtes différentes pour un même texte. */
  body.shell-on #tasksView .td-detail .tasks-comment-editwrap :is(.gc-input,.grt-editor){max-height:clamp(130px,34dvh,340px)}
  body.shell-on #tasksView .td-detail #taskComposer .grt-editor-wrap{min-width:0}
  body.shell-on #tasksView .td-detail #taskComposer .gc-toolbar{display:contents}
  body.shell-on #tasksView .td-detail #taskComposer .tm-tools-toggle{display:flex;align-items:center;justify-content:center;grid-column:1;grid-row:2;border:0;background:none;color:var(--gs-ink-dim);padding:0;margin:4px;width:30px;height:36px;border-radius:5px}
  body.shell-on #tasksView .td-detail #taskComposer .tm-tools-toggle:hover{background:var(--gs-panel-2)}
  body.shell-on #tasksView .td-detail #taskComposer .tm-composer-tools{display:none}
  body.shell-on #tasksView .td-detail #taskComposer .tm-tools-open .tm-composer-tools{display:flex;grid-column:1/-1;grid-row:1;align-items:center;flex-wrap:wrap;gap:4px;padding:5px 7px;border-bottom:1px solid var(--gs-line)}
  body.shell-on #tasksView .td-detail #taskComposer .gc-tb{min-height:32px;min-width:32px;padding:4px 7px;border-radius:5px;font-size:12px}
  body.shell-on #tasksView .td-detail #taskComposer .gc-tb-label{display:none}
  body.shell-on #tasksView .td-detail #taskComposer .gc-send{display:flex;align-items:center;justify-content:center;grid-column:3;grid-row:2;width:31px;min-width:0;height:34px;min-height:34px;margin:5px 4px 5px 0;padding:0;border-radius:5px;background:var(--gs-ink);color:var(--gs-panel)}
  body.shell-on #tasksView .td-detail #taskComposer .tm-send-label{display:none}
  body.shell-on #tasksView .td-detail #taskComposer .tm-send-icon{display:inline-flex}
  body.shell-on #tasksView .td-detail #taskComposer .gc-tb-status{grid-column:1/-1;grid-row:3;padding:0 8px;min-width:0;font-size:11px}
  body.shell-on #tasksView .td-detail #taskComposer .gc-chips{max-height:110px;overflow:auto;margin:0 0 5px}
  body.shell-on #tasksView .td-detail #taskComposer .gc-quote-bar{max-height:90px;overflow:auto}
  body.shell-on #tasksView .td-detail #taskComposer .gc-upload-notice{font-size:12px;padding:7px 10px}
  body.shell-on #tasksView .td-detail-dock{grid-template-columns:minmax(0,1fr)}
  body.shell-on #tasksView .td-detail-dock .td-detail-properties{display:none}
  body.shell-on #tasksView .td-detail-dock .td-detail-head{padding:17px 19px 0;max-height:210px}
  body.shell-on #tasksView .td-detail-dock .tasks-detail-title{font-size:21px}
  body.shell-on #tasksView .td-detail-dock .td-detail-main{padding:16px 19px}
  body.shell-on #tasksView .td-detail-dock .td-detail-footer{padding:11px 16px 13px}
  body.shell-on #tasksView .td-detail-dock .tasks-detail-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}
  body.shell-on #tasksView .td-detail-dock .tasks-detail-actions{display:flex;flex-direction:row;flex-wrap:wrap;padding-bottom:14px}
  body.shell-on #tasksView .td-detail-dock .tasks-detail-more{width:100%}
  body.shell-on #tasksView.show-pane .tasks-proj-spacer~.tasks-row-group{display:none}
  body.shell-on .td-picker-overlay{position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.35);display:flex;align-items:flex-start;justify-content:center;padding:100px 20px 30px}
  body.shell-on .td-picker-overlay .tm-sheet{width:520px;max-width:100%;max-height:calc(100dvh - 140px);display:flex;flex-direction:column;border-radius:8px;box-shadow:0 16px 50px rgba(0,0,0,.2);background:var(--gs-panel);color:var(--gs-ink);overflow:hidden}
  body.shell-on .td-picker-overlay .tm-sheet>header{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;border-bottom:1px solid var(--gs-line)}
  body.shell-on .td-picker-overlay h2{margin:0;font:600 19px Outfit,Inter,sans-serif;color:var(--gs-ink)}
  body.shell-on .td-picker-overlay .tm-sheet-content{display:flex;flex-direction:column;min-height:0;overflow:auto;padding:16px 20px}
  body.shell-on .td-picker-overlay .tm-icon{width:32px;height:32px;border:0;background:none;color:var(--gs-ink);padding:6px}
  body.shell-on .td-picker-overlay .tm-picker-query label{font:400 12px Inter,sans-serif;color:var(--gs-ink-dim);letter-spacing:0;text-transform:none;margin-bottom:7px}
  body.shell-on .td-picker-overlay input{font:400 14px Inter,sans-serif;background:var(--gs-panel);color:var(--gs-ink);border:1px solid var(--gs-line-strong);border-radius:6px;padding:10px 12px;width:100%;margin-bottom:10px}
  body.shell-on .td-picker-overlay .tm-picker-option{display:flex;align-items:center;gap:12px;padding:12px 3px;width:100%;border:0;border-bottom:1px solid var(--gs-line);background:none;color:var(--gs-ink);text-align:left;cursor:pointer}
  body.shell-on .td-picker-overlay .tm-picker-option[aria-selected="true"],body.shell-on .td-picker-overlay .tm-picker-option:hover{background:var(--gs-panel-2)}
  body.shell-on .td-picker-overlay .tm-picker-copy{flex:1;min-width:0}
  body.shell-on .td-picker-overlay .tm-picker-copy strong{font:500 13px Inter,sans-serif;display:block}
  body.shell-on .td-picker-overlay .tm-picker-copy small{display:block;font-size:11px;color:var(--gs-ink-dim);margin-top:4px}
  body.shell-on .td-picker-overlay .td-picker-kind{font-size:11px;color:var(--gs-ink-dim);white-space:nowrap}
  body.shell-on .td-picker-overlay .tm-picker-empty{font-size:12px;color:var(--gs-ink-dim)}
  body.shell-on .td-picker-overlay footer{padding-top:12px}
  body.shell-on .td-picker-overlay .tm-choice{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;background:var(--gs-panel-2);color:var(--gs-ink);padding:10px 12px;border-radius:6px;font:500 12px Inter,sans-serif}
}
@media(min-width:1601px){
  body.shell-on #tasksView .tasks-rail:not(.trail-pli){position:relative;inset:auto;flex:0 0 280px;width:280px;box-shadow:none;z-index:1}
}
@media(min-width:861px) and (max-width:1250px){
  body.shell-on #tasksView .tasks-projects-row{gap:9px;padding:0 16px}
  body.shell-on #tasksView .td-project-picker span{display:none}
  body.shell-on #tasksView .td-project-picker{width:32px;padding:5px}
  body.shell-on #tasksView .td-project-picker .gicon:last-child{display:none}
  body.shell-on #tasksView .td-detail{grid-template-columns:minmax(0,1fr) 195px}
  body.shell-on #tasksView .td-detail-dock{grid-template-columns:minmax(0,1fr)}
  body.shell-on #tasksView .td-detail-properties{padding:16px 13px}
  body.shell-on #tasksView .td-detail-main{padding:18px 20px}
  body.shell-on #tasksView .tasks-dock{max-width:calc(100% - 35px);box-shadow:-8px 0 25px rgba(0,0,0,.1)}
  body.shell-on #tasksView .tasks-dock:has(.td-detail){position:absolute;inset:0 0 0 auto;z-index:22}
  body.shell-on #tasksView .gest2-search-slot{flex-basis:190px}
}