` a `

` (`seshat.py`). `.ses-tcol- sec` (tipografia: uppercase, `.74rem`) es queda igual; `.ses-parc-summary` només hi afegeix el comportament de control tocable — es reutilitza el mateix patró de fletxa que `.ses-config-sum` (línia ~1000) en lloc d'inventar-ne un altre: amb `display:flex` el navegador perd el triangle natiu del `

`, i sense cap substitut l'usuari no sabria que es pot plegar. Terra de 44px (DESIGN.md): és un control NOU. */ .ses-parc-summary { list-style:none; min-height:44px; display:flex; align-items:center; cursor:pointer; touch-action:manipulation; } .ses-parc-summary::-webkit-details-marker { display:none; } .ses-parc-summary::before { content:""; display:inline-block; width:0; height:0; border-top:5px solid transparent; border-bottom:5px solid transparent; border-left:4px solid var(--pt-muted); margin-right:7px; flex-shrink:0; transition:transform .15s ease; } .ses-parc-mitat[open] > .ses-parc-summary::before { transform:rotate(90deg); } .ses-tcard-tr details[open] > .ses-parc-summary::before { transform:rotate(90deg); } /* La targeta de trasllat és una fitxa de línies (ruta, qui, gòndola, botons), no una fila: en fila, a 390px el nom de l'obra quedava en una columna estreta de mitja paraula per línia (captura del banc, 27-09-2026). */ .ses-tcard.ses-tcard-tr { flex-direction:column; align-items:stretch; gap:4px; } .ses-parc-summary:focus-visible { outline:none; border-radius:var(--pt-radius); box-shadow:0 0 0 3px var(--pt-verd-pastel); } /* R3: sub-desplegables de «Màquines» PER CATEGORIA (`q._cats()`, mateix ordre i símbol que `q.maquines_per_categoria()`). Classes NOVES —no `.ses-maq-selector`/`.ses-maq-cat`/`.ses-maq-fila`: aquell és el selector-per-BOTONS del 04-09 que el gerent va rebutjar («l'scrol... no es comode» + «Totes les maquines d'esplegable no es gens optim»), es queda mort a sota i `test_cap_DESPLEGABLE_plegat_al_parc` en prohibeix el retorn. Aquí les files continuen sent les targetes ARROSSEGABLES de sempre (`.ses-tcard`), no botons de selecció. */ /* 19-09-2026 · EL PLEC DE CATEGORIA, que només existeix a MÒBIL. A escriptori la cel·la compacta amaga tot el peu de l'obra i el selector només es veu amb l'obra oberta: allà el `summary` sobra i el contingut ha de ser directe (dos tocs, no quatre). A <=768px no hi ha compactació i les 28 obres ensenyaven els sis botons de categoria sencers. Un sol DOM; el que canvia és quin dels dos trossos es veu. */ .ses-categoria-sum { list-style:none; min-height:44px; display:flex; align-items:center; gap:6px; cursor:pointer; font-weight:600; font-size:.82rem; color:var(--pt-muted); touch-action:manipulation; } .ses-categoria-sum::-webkit-details-marker { display:none; } /* El TRIANGLE DE VORES de la casa (`.ses-parc-summary::before` línia ~862, `.ses-config-sum::before` ~1124), no un caràcter de text: el «▸» es pinta amb la tipografia del sistema i no fa la mateixa mida ni el mateix gris a dues màquines. Dos idiomes de fletxa a la mateixa pantalla és el que agent-santi va marcar el 19-09. */ .ses-categoria-sum::before { content:""; display:inline-block; width:0; height:0; flex-shrink:0; border-top:5px solid transparent; border-bottom:5px solid transparent; border-left:4px solid var(--pt-muted); transition:transform .12s ease; } .ses-categoria-plec[open] > .ses-categoria-sum::before { transform:rotate(90deg); } @media (min-width: 769px) { /* El plec no existeix: el contingut es veu sempre i el rètol sobra. */ .ses-categoria-plec > .ses-categoria-sum { display:none; } .ses-categoria-plec > .ses-color-selector { display:block; } } @media (max-width: 768px) { /* I AQUÍ s'ha d'amagar EXPLÍCITAMENT. Un `

` tancat amaga els fills amb el full del navegador, però qualsevol `display:` d'autor hi guanya — i `.ses-color-selector` ja en porta un. Mesurat amb la prova honesta (`elementFromPoint` sobre el centre d'un xip): els sis xips tenien caixa de 74x44 i qui hi havia de veritat en aquell punt era el `summary` de «⚙️ L'obra». No estaven amagats: estaven TAPATS, que no és el mateix i es trenca al primer canvi de l'altre element. */ .ses-categoria-plec:not([open]) > .ses-color-selector { display:none; } } /* Un plegable TANCAT del parc (bloc o categoria) amaga de veritat el que porta dins. El full del navegador ho fa, però `display:flex` d'autor (`.ses-tcol-cards`, `.ses-parc-maq-cats`) hi guanya: el contingut es pintava a sobre dels veïns (textos encavalcats) i TAPAVA targetes, i el clic o l'arrossegament d'una màquina no arribava mai al servidor (26-09, vist a producció). */ .ses-tcol-parc details:not([open]) > :not(summary) { display:none; } /* I un bloc OBERT no pot vessar sobre el següent: Chromium embolcalla el contingut d'un

en `::details-content`, que no és fill flex, i les targetes no s'encongien (198 px de llista dins un bloc de 180: l'última targeta quedava sota el títol «Màquines»). Es dissol l'embolcall i la llista fa el seu propi scroll. */ .ses-tcol-parc details.ses-parc-mitat::details-content { display:contents; } .ses-tcol-parc details.ses-parc-mitat > .ses-tcol-cards, .ses-pagina.ses-graella .ses-tcol-parc details.ses-parc-mitat > .ses-tcol-cards, .ses-pagina.ses-graella .ses-tcol-parc details.ses-parc-mitat > .ses-parc-maq-cats { min-height:0; overflow-y:auto; } .ses-parc-maq-cats { display:flex; flex-direction:column; gap:2px; flex:1 1 auto; min-height:0; overflow-y:auto; padding:2px; } .ses-parc-maq-cat { border-top:1px solid var(--pt-line); } .ses-parc-maq-cat:first-child { border-top:0; } /* Cada sub-categoria té el seu propi `.ses-tcol-cards`, però l'`overflow-y` individual de la base (46vh) ja no cal: ara és `.ses-parc-maq-cats` qui porta UN sol `overflow-y` per a totes — dues barres de scroll niades (una per categoria + una pel bloc sencer) era pitjor que la llista plana que aquesta tanda ve a resoldre. */ .ses-parc-maq-cat .ses-tcol-cards { max-height:none; overflow:visible; } /* 19-09-2026 · «el desplegable de maquines es veu amb poc format» (gerent). Mesurat: la capçalera d'una categoria era text gris de 13 px sense fons ni vora — el MATEIX pes visual que el bloc pare «MÀQUINES (87)», o sigui que no es veia ni que fos un nivell de dins ni que es pogués tocar. Passava igual al PC i al mòbil (mesures idèntiques). Ara porta superfície, vora i sagnat: es llegeix com una fila que s'obre, i les targetes de dins queden clarament per sota d'ella. El terra de 44 px ja es complia i es manté. */ /* `touch-action:manipulation` NO és decoració: sense ell, el navegador espera ~300ms per si el toc és un doble toc per fer zoom, i el desplegable respon tard justament al dit. El porten TOTS els controls tocables de la casa (`.ses-parc-summary`, `.ses-config-sum`); aquests dos van néixer sense (agent-santi, 19-09), i la queixa que els ha fet néixer era de mòbil. */ .ses-parc-maq-cat-sum { list-style:none; min-height:44px; display:flex; align-items:center; gap:6px; padding:2px 8px; cursor:pointer; font-size:.8rem; font-weight:600; color:var(--pt-text); background:var(--pt-soft); border:1px solid var(--pt-line); border-radius:var(--pt-radius); touch-action:manipulation; } .ses-parc-maq-cat-sum::-webkit-details-marker { display:none; } .ses-parc-maq-cat-sum::before { content:""; display:inline-block; width:0; height:0; flex-shrink:0; border-top:5px solid transparent; border-bottom:5px solid transparent; border-left:4px solid var(--pt-muted); transition:transform .12s ease; } .ses-parc-maq-cat[open] > .ses-parc-maq-cat-sum::before { transform:rotate(90deg); } .ses-parc-maq-cat[open] > .ses-parc-maq-cat-sum { border-bottom-left-radius:0; border-bottom-right-radius:0; } .ses-parc-maq-cat > .ses-tcol-cards { padding-left:8px; border-left:2px solid var(--pt-line); margin-left:4px; } .ses-parc-maq-cat-sum:focus-visible { outline:none; border-radius:var(--pt-radius); box-shadow:0 0 0 3px var(--pt-verd-pastel); } /* R4 (precedent 04-09: «...despres lu de Totes les maquines d'esplegable no es gens optim» perquè amagava la recomanació): la targeta recomanada viu en el seu propi mini drop-zone, FORA de `.ses-parc-maq-cats`, entre el `

` ha de fer. Trasllats es queda `flex:0 0 auto` a posta (regla base, línia ~837): és el quadre del dia, no una llista de recursos, i el que li cal és el que ocupa. Fer-lo elàstic li donaria un terç del carril amb el dia buit. El `min-height:0` NO és decoració: sense ell, el `min-height:auto` per defecte d'un ítem flex impedeix encongir per sota del contingut i el bloc de màquines tornaria a fer 670px — el mateix defecte amb una regla nova a sobre. Mesurat al banc: 573px -> 0px. */ /* L'ALÇADA LA MESURA EL JS, i no és cerimònia: és l'única manera que sigui certa a més d'una pantalla. El carril ha d'acabar on acaba la finestra, i per saber-ho cal saber on COMENÇA — cosa que el CSS no pot llegir. El 150px d'aquí venia del 17-09, quan el carril començava molt més amunt. El vaig substituir per `calc(100vh - 330px)` perquè a 1366x768 el carril comença a y=323... i la constant només podia ser certa en AQUELLA pantalla. Mesurat a vuit mides, fallava a quatre: 1920x1080 -> 59px de desplaçament 1366x768 -> 0 ✓ 1600x900 -> 59px 1280x800 -> 0 ✓ 1440x900 -> 141px 1100x760 -> 0 ✓ 800x1000 -> 18px 1024x700 -> 0 ✓ La capçalera i la barra de controls emboliquen diferent a cada amplada: cap constant pot ser correcta a totes alhora. `--ses-carril-alt` la posa `acotaCarrilDelParc()` (`duat_seshat_dnd.js`) a partir de la base REAL de la capçalera sticky/fixa, i es refà a cada repintat i a cada `resize`. */ .ses-pagina.ses-graella .ses-tcol-parc { max-height:var(--ses-carril-alt, calc(100vh - 330px)); overflow-y:hidden; } /* El carril i la graella són germans: la variable que el JS escriu al seu pare fa que el tauler també arribi al peu visible, sense una segona mesura ni un forat sota les obres. */ .ses-pagina.ses-graella .ses-obres { min-height:var(--ses-carril-alt, 0px); } /* QUI LLISCA ÉS EL BLOC, i el seu rètol s'hi queda enganxat. La primera versió d'aquesta tanda posava `overflow:hidden` al bloc confiant que la llista de dins (`.ses-tcol-cards`/`.ses-parc-maq-cats`, totes dues amb `overflow-y:auto` propi) s'encongiria i lliscaria ella. NO ho fa: mesurat, el bloc quedava client 91 / scroll 319 i la llista client 261 / scroll 261 — no havia encongit gens, o sigui que la seva barra no tenia res a desplaçar. Un `

` no reparteix l'alçada entre els seus fills com un flex normal: el contingut plegable viu dins d'una caixa pròpia del navegador, i el `flex:1 1 auto` de la llista no hi arriba. El resultat era el pitjor possible: 228px de treballadors i 479px de màquines RETALLATS, sense barra, sense rodeta i sense teclat. Contingut que existeix, es compta i no es pot agafar — i la pàgina serveix justament per arrossegar aquella gent a les obres. Caçat per agent-santi amb un GEST (rodeta de veritat), no amb una propietat: `scrollTop = 9999` per codi es mou igual amb `overflow:hidden`, o sigui que mirar la propietat hauria dit que tot anava bé. Ara llisca el bloc sencer i el `

pelat del navegador: `pt-mes-cap` no existia a cap CSS. Mateix parany que `pt-inp`, que el mòdul ja documenta. */ .pt-mes-cap { font-size:1.02rem; font-weight:600; color:var(--pt-text); margin:10px 0 4px; line-height:1.45; } /* ── Filtre de mes de la Flota («Com anem») ────────────────────────────────── Quatre classes que el layout feia servir i que no eren definides ENLLOC: el desplegable s'estirava de vora a vora de la pagina per a un valor de set caracters, i l'ajuda del control sortia en negre a mida de text normal, com si fos una frase de contingut. Ho va caçar la porta de gerent. Es l'unica peca que el gerent va demanar pel seu nom -«filtrar-ho per mes»- i anava sense estil de casa. */ .pt-filtre-mes{ display:flex; align-items:center; gap:.55rem; flex-wrap:wrap; margin:1.1rem 0 .35rem; } .pt-filtre-mes .pt-dd{ min-width:11rem; max-width:14rem; flex:0 0 auto; } .pt-camp-label{ font-size:.82rem; font-weight:600; letter-spacing:.02em; text-transform:uppercase; color:var(--pt-muted); } .pt-camp-ajuda{ font-size:.85rem; color:var(--pt-muted); } .pt-buit-wrap{ padding:1.4rem 0; } @media (max-width:768px){ /* El PLEC, mesurat al banc a 767x545 (l'amplada just per sota del punt on la navegacio es plega). Amb `flex:0 0 auto` i `min-width:11rem` els dos desplegables NO poden encongir, i el camp de cerca es planta a 520 px: el bloc del filtre es partia en TRES linies (142 px) i empenyia la primera fila de dades a 565 px, per sota d'un plec de 545. Aqui es deixa que encongeixin -mai per sota de la mida on el text encara es llegeix- i el bloc torna a DUES linies. Nomes per sota del punt de ruptura: a l'escriptori les regles d'amunt manen igual que sempre. */ .pt-filtre-mes .pt-dd{ min-width:0; max-width:14rem; flex:0 1 9rem; } .pt-filtre-mes .pt-input{ max-width:14rem; } /* I el ritme vertical s'estreny alla on l'alcada es el recurs escas: el mateix bloc i el commutador que el segueix. El germa adjacent ho manté dins d'aquesta pantalla — `.pt-commut` el fan servir mig DUAT. */ .pt-filtre-mes{ margin:.4rem 0 .2rem; row-gap:4px; } /* Els marges verticals dels dos enllacos (10 px i 4+8 px) no serveixen de res dins d'una fila flex centrada: nomes fan alta la linia. El `gap` ja separa. Acotats al bloc perque `pt-back-link` el porten dotze pantalles. */ .pt-filtre-mes .pt-back-link, .pt-filtre-mes .pt-cas-mgmt-link{ margin:0; } .pt-filtre-mes + .pt-commut{ margin:2px 0 6px; } } @media (max-width:480px){ /* Al telefon el desplegable ocupa l'ample: es el control principal d'aquesta pantalla i el dit no es fi. */ .pt-filtre-mes .pt-dd{ min-width:100%; max-width:none; flex:1 1 100%; } /* I la cerca torna a l'ample sencer: el topall de 14rem d'amunt es del tram estret amb dues columnes, no del telefon. */ .pt-filtre-mes .pt-input{ max-width:none; } } /* BAIXES DE FLOTA (B2). El MOTIU es el que fa que una baixa es pugui llegir, i en text pla queda igual que la familia o l'autor. Una pastilla apagada el separa sense cridar: la baixa no es una alarma, es un fet. Tokens EXISTENTS nomes; cap color nou es decideix aqui. */ .pt-baixa-motiu{ display:inline-block; padding:2px 8px; border-radius:10px; background:var(--pt-soft); color:var(--pt-text); font-size:.82rem; line-height:1.35; } /* ══════════════════════════════════════════════════════════════════════════ AMPLADA D'ESCRIPTORI (02-09-2026) El gerent: «a la pantalla de l'ordinador no es veu tot l'ample». Mesurat a 2560 px: el contingut n'ocupava 920, el 35,9 %, perquè `.pt-mod` portava un `max-width: 920px` que vivia al bloc `