/* 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.
     Hauteur AU REPOS — ticket ApzrYlKj (Dany L., 16/10/2026) : « on veut plus
     de place pour écrire en bas, c'est trop pogné ». Le plafond ci-dessus ne
     servait qu'une fois le texte tapé ; le champ vide restait à 44px, UNE ligne
     sous la barre d'outils. Il ouvre maintenant sur ~4 lignes (14dvh, entre 88
     et 130px : jamais au-dessus du plancher du plafond, sinon min > max). */
  body.shell-on #tasksView .td-detail #taskComposer :is(.gc-input,.grt-editor){font:400 14px/1.5 Inter,system-ui,sans-serif;min-height:clamp(88px,14dvh,130px);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}
}