/* =============================================================
   PÀGINA — la disposició de la pantalla de la graella, la barra
   de dalt amb el cercador, la barra d'estat i les dreceres
   -------------------------------------------------------------
   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.
   ============================================================= */

:root{ color-scheme: light; }
*{box-sizing:border-box}
/* Amagar ha d'amagar sempre. Sense aixo, un element amb display propi (el menu, que es flex)
   es continua veient encara que el programa l'hagi amagat. */
[hidden]{display:none !important}
html,body{margin:0;height:100%;overflow:hidden}
body{
  font-family:var(--font-ui); font-size:var(--fs-ui); line-height:1.35;
  /* El fons general és l'ivori del sistema; el blanc es queda per a taules i targetes. */
  color:var(--c-text); background:var(--surface-page); font-variant-numeric:tabular-nums;
  display:flex; flex-direction:column; -webkit-font-smoothing:antialiased;
}
#graella{flex:1 1 auto; display:flex; flex-direction:column; min-height:0}
.error{margin:var(--sp-6); color:var(--c-loss)}
/* Base mínima: la resta de l'aspecte el posa .boto del sistema de disseny. */
button{font:inherit; font-size:var(--fs-ui); color:var(--c-text); background:var(--c-paper); border:0; cursor:pointer}
.menu button,.menu-formula button,.m-text-eines button{font:inherit; font-size:var(--fs-ui)}

/* ---------- cercador (la capçalera és a graella.css, patch 10) ---------- */
.cerca-resultat{color:var(--c-text-dim); white-space:nowrap; min-width:4.5em; flex:0 0 auto}
.cerca-resultat.mal{color:var(--c-loss)}

/* ---------- barra d'estat i dreceres ---------- */
.estat > span{white-space:nowrap; flex:0 0 auto}
.estat > .missatge{flex:1 1 auto}
.estat b{color:var(--c-text); font-weight:var(--fw-bold)}
.ms{color:var(--c-gain); font-weight:var(--fw-bold)}
/* La barra de dreceres ara és una sola línia contextual (patch 8, a graella.css). Les tecles d'altres
   pantalles conserven aquest estil. */
kbd{font:inherit; font-size:var(--fs-status); background:var(--c-paper); border:1px solid var(--c-rule);
    border-bottom-width:2px; border-radius:var(--radius-control); padding:0 var(--sp-2); color:var(--c-text-dim)}

/* La barra de filtres de les finestres de documents (docs/150-p10-cicle-compra.md, 8.4). */
.filtres{display:flex; flex-wrap:wrap; align-items:flex-end; gap:var(--sp-2) var(--sp-4); padding:var(--sp-2) var(--sp-4); border-bottom:1px solid var(--c-rule); background:var(--c-surface)}
.filtres__camp{display:flex; flex-direction:column; gap:2px; font-size:var(--fs-status); color:var(--c-text-dim)}
.filtres__camp input, .filtres__camp select{height:26px; font:inherit; font-size:var(--fs-grid); color:var(--c-text); background:var(--c-paper); border:1px solid var(--c-rule); border-radius:var(--radius-control); padding:0 var(--sp-2)}
.filtres__camp input[type="search"]{width:200px}
.filtres__camp input[type="date"]{width:132px}
.filtres__compte{margin-left:auto; align-self:center; font-size:var(--fs-grid); font-weight:var(--fw-bold); color:var(--c-text)}

/* La sessió s'ha tancat (src/interficie/senyal.ts): a dalt, sense esborrar res de la pantalla. Text i fons (dos senyals). */
.avis-sessio{position:fixed; top:0; left:0; right:0; z-index:80; padding:var(--sp-2) var(--sp-4); background:var(--c-val-cancelled-bg); color:var(--state-negative); font-weight:var(--fw-bold); font-size:var(--fs-grid); border-bottom:2px solid var(--state-negative)}
.avis-sessio a{color:inherit; margin-left:var(--sp-3)}