/* =============================================================
   AMIDAMENTS — la finestra de les línies de medició i el text
   llarg, amb el seu editor i el desplegable de l'EstadoPres
   -------------------------------------------------------------
   Traslladat tal com era de servidor/http/graella.ts (encàrrec B,
   18/09/2026): cap valor nou i cap valor canviat. Els colors que
   no eren als tokens són al bloc PROVISIONAL de tokens.css.
   ============================================================= */

/* ---------- la finestra d'amidaments i el text llarg ---------- */
/* Patch 9 (Josep, 21/09/2026). Abans tenia una alçada fixa (un 34 % de la pantalla): amb dues línies
   quedava blanc mort, i amb vint no hi cabien. Ara l'alçada la porta una variable a l'element
   (`--amid-h`), que escriu la nansa en arrossegar-la, i es pot plegar fins a la barra de títol. */
.amidaments{flex:0 0 auto; height:var(--amid-h, var(--amid-h-def)); min-height:var(--amid-h-min); display:flex;
            flex-direction:column; background:var(--c-surface-sunken); border-top:1px solid var(--c-rule-strong)}
.amidaments[data-plegat="si"]{height:auto; min-height:0}
.amidaments[data-plegat="si"] .m-cos,
.amidaments[data-plegat="si"] .amidaments__nansa{display:none}

/* La nansa horitzontal, a dalt de tot: s'arrossega per canviar l'alçada. */
.amidaments__nansa{height:var(--nansa); flex:0 0 auto; cursor:row-resize; background:var(--c-rule-hair)}
.amidaments__nansa:hover,
.amidaments__nansa[data-arrossegant="si"]{background:var(--c-accent)}

.m-titol{flex:0 0 auto; display:flex; align-items:center; gap:var(--sp-3); padding:var(--sp-2) var(--sp-4);
         background:var(--c-surface); color:var(--c-text); font-weight:var(--fw-bold);
         border-bottom:1px solid var(--c-rule)}
.m-titol-text{flex:1 1 auto; min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}

/* Plegar i desplegar, a la dreta de la barra de títol (i Ctrl+F6). */
.amidaments__plegar{flex:0 0 auto; height:20px; padding:0 var(--sp-3); font:inherit; font-size:var(--fs-ui);
                    font-weight:var(--fw-normal); color:var(--c-text-dim); background:none;
                    border:1px solid transparent; border-radius:var(--radius-control); cursor:pointer}
.amidaments__plegar:hover{background:var(--c-surface-head); border-color:var(--c-rule)}
.amidaments__plegar:focus-visible{outline:2px solid var(--c-accent); outline-offset:1px}
.m-titol-text span{font-weight:var(--fw-normal); color:var(--c-text-dim); margin-left:var(--sp-4)}
.m-titol-text em{font-style:normal; font-weight:var(--fw-normal); color:var(--c-val-cancelled); margin-left:var(--sp-4)}
.m-cos{flex:1 1 auto; display:flex; min-height:0}
/* La taula de línies s'endú el que queda; el text, el que diu la seva variable (un 40 % d'entrada).
   Abans era a l'inrevés, i el text es menjava mitja finestra tant si eren dues ratlles com vint. */
/* Sota l'última línia no hi ha graella buida: **tot l'espai que queda és el fons del panell**, que es llegeix com a
   espai; la taula porta el seu blanc. Abans només ho eren 16 px, i a sota quedava una franja blanca (Josep,
   27/09/2026). */
.m-taula{flex:1 1 auto; overflow:auto; min-height:0; min-width:var(--amid-taula-min); position:relative; outline:none;
         background:var(--c-surface-sunken)}
.m-taula::after{content:""; display:block; min-height:var(--sp-4)}
table.m{background:var(--c-paper)}

/* La nansa vertical, entre les línies i el text: canvia l'ample del text. */
.amidaments__nansa-v{width:var(--nansa); flex:0 0 auto; cursor:col-resize; background:var(--c-rule-hair)}
.amidaments__nansa-v:hover,
.amidaments__nansa-v[data-arrossegant="si"]{background:var(--c-accent)}

.m-text{flex:0 0 var(--amid-text-w, 40%); min-width:var(--amid-text-min); display:flex; flex-direction:column;
        border-left:1px solid var(--c-rule); background:var(--c-paper)}
.m-text-titol{position:sticky; top:0; background:var(--c-surface); color:var(--c-text-dim); font-weight:var(--fw-bold);
              padding:0 var(--sp-3); height:24px; line-height:24px; border-bottom:1px solid var(--c-rule);
              display:flex; align-items:center; gap:var(--sp-3)}
.m-text-cos{flex:1 1 auto; width:100%; overflow:auto; border:0; outline:none; padding:var(--sp-3) var(--sp-4); font:inherit;
            line-height:1.5; color:var(--c-text); background:var(--c-paper); white-space:pre-wrap; word-break:break-word}
.m-text-cos:focus{box-shadow:inset 0 0 0 2px var(--c-accent)}
.m-text-cos:empty::before{content:attr(data-pista); color:var(--c-text-faint)}
.m-text-eines{display:flex; gap:var(--sp-1); margin-left:auto}
.m-text-eines button{padding:0 var(--sp-2); height:19px; line-height:17px; border:1px solid transparent;
                     background:transparent; border-radius:var(--radius-control)}
.m-text-eines button:hover{background:var(--c-paper); border-color:var(--c-rule)}
.m td.sel{background:var(--c-accent-weak) !important; outline:1px solid var(--c-accent); outline-offset:-1px}
.m td.mg{cursor:pointer}
.m th.mh{cursor:pointer}
.m tr.desti td{box-shadow:inset 0 3px 0 var(--c-accent)}
.m tr.desti-baix td{box-shadow:inset 0 -3px 0 var(--c-accent)}
.m th.mh:hover{background:var(--c-surface-head)}
.m td.mg.on{background:var(--c-accent); color:var(--c-paper)}
/* La línia per començar-ne una de nova: **en blanc**, com les altres. En groc semblava que no s'hi
   pogués escriure (Josep, 20/09/2026). Es distingeix per la pista en cursiva i per la línia de dalt. */
.m tr.nova td{background:var(--c-paper); height:23px; border-top:1px solid var(--c-rule);
              border-bottom:1px solid var(--c-rule-hair)}
/* Les línies de canvi es veuen de lluny: fons al comentari i a l'estat, a més del to del text
   (dos senyals, invariant 11). Josep, 20/09/2026: "aquestes línies són molt importants". */
.m tr.linia--modificat td.c-com,
.m tr.linia--modificat td.c-estat{background:var(--c-linia-modificat-fons)}
.m tr.linia--pendent td.c-com,
.m tr.linia--pendent td.c-estat{background:var(--c-linia-pendent-fons)}
.m .pista{color:var(--c-text-faint); font-style:italic}
.m tr.nova td{color:var(--c-text-faint)}
.editor-m{position:absolute; z-index:3; height:23px}
select.editor-m{padding:0 var(--sp-1)}
.m td.c-estat.desplegable:hover{cursor:pointer; background-image:linear-gradient(45deg,transparent 50%,var(--c-text-dim) 50%),linear-gradient(135deg,var(--c-text-dim) 50%,transparent 50%) !important; background-position:calc(100% - 11px) 50%,calc(100% - 6px) 50% !important; background-size:5px 5px !important; background-repeat:no-repeat !important}
.m-buit{padding:var(--sp-3) var(--sp-4); color:var(--c-text-faint); font-style:italic}
table.m{border-collapse:separate; border-spacing:0; table-layout:fixed; font-size:var(--fs-grid)}
.m th{position:sticky; top:0; z-index:1; background:var(--c-surface-head); color:var(--c-text-dim);
      font-weight:var(--fw-bold); text-align:left; padding:0 var(--cell-px); height:24px;
      border-right:1px solid var(--c-rule); border-bottom:1px solid var(--c-rule-strong); white-space:nowrap}
/* La fila de total: abans es confonia amb una línia que casualment no tenia comentari. Ara porta
   fons, negreta i les seves línies (patch 9). */
.m tr.total th{top:24px; color:var(--c-text); font-weight:var(--fw-bold); background:var(--c-surface-head);
               border-top:1px solid var(--c-rule-strong); border-bottom:2px solid var(--c-rule-strong)}
.m td{padding:0 var(--cell-px); height:23px; border-right:1px solid var(--c-rule);
      border-bottom:1px solid var(--c-rule-hair); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
      user-select:none}
.m .num{text-align:right}
.m td.mg{background:var(--c-surface); color:var(--c-text-faint); text-align:right; font-size:var(--fs-status)}
.m td.q{color:var(--c-val-calc)}
.m td.cp{background:var(--c-edit-bg); color:var(--c-accent)}
.m td.cp.no{background:var(--c-surface-head); color:var(--c-text-faint)}
.m td.pres{text-align:center; color:var(--c-text-dim)}
/* La FaseCert (P9; Josep, 26/09/2026): l'actual, ressaltada; les anteriors, tancades; les posteriors, en gris i
   sense sumar. Dos senyals a cada una (invariant 11): fons i pes, fons i to, to i cursiva. */
.m td.fc-actual{background:var(--band-deviation); color:var(--brand-orange-ink); font-weight:var(--fw-bold)}
.m td.fc-anterior{background:var(--c-surface-head); color:var(--c-text-dim)}
.m td.fc-posterior{color:var(--c-text-faint); font-style:italic}
.m tr.error td{color:var(--c-loss)}