/* Multiembalajes - Sage: afegits a l'estil del MW */
.mvsg-toolbar .mvmw-chips + .mvmw-chips { margin-left: .25rem; }
.mvmw-table .mvsg-num { text-align: right; font-variant-numeric: tabular-nums; }
.mvsg-codi { font-size: .8em; font-weight: 400; margin-left: .25rem; }
.mvmw-empresa.mvsg-emp-1 .mvmw-dot { background: #ee1233; }
.mvmw-empresa.mvsg-emp-3 .mvmw-dot { background: #0f9a54; }
.mvsg-peu { display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap; margin-top: 1rem; }
.mvsg-sync { font-size: .82em; margin-left: auto; }
.mvsg-linies tfoot td { border-top: 2px solid rgba(0,0,0,.12); padding-top: .6rem; }
.mvsg-fitxa .mvmw-cols { grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); }
@media (max-width: 1024px) { .mvsg-fitxa .mvmw-cols { grid-template-columns: 1fr; } }
@media (max-width: 720px) { .mvsg-linies tfoot td[colspan] { display: none; } }
.mvsg-ruta span { color: var(--mvmw-muted, #6b7280); }
.mvsg-ruta .mvsg-ruta-extra { display: inline-block; font-size: .75em; font-weight: 600; padding: 0 .35em; border-radius: 4px; background: rgba(0,0,0,.06); color: inherit; }
/* Rutes */
.mvsg-dia { display: inline-flex; align-items: center; gap: .35rem; }
.mvsg-dia-input { padding: .45rem .6rem; border: 1px solid rgba(0,0,0,.15); border-radius: 10px; font: inherit; }
.mvsg-dia-titol { margin: 1rem 0 .75rem; font-size: 1.15rem; text-transform: none; }
.mvsg-rutes { display: flex; flex-direction: column; gap: 1rem; }
.mvsg-ruta-card { border: 1px solid rgba(0,0,0,.08); border-radius: 14px; overflow: hidden; background: #fff; }
.mvsg-ruta-card--meva { border-color: #0f9a54; box-shadow: 0 0 0 1px #0f9a54 inset; }
.mvsg-ruta-cap { display: flex; align-items: center; gap: .8rem; padding: .8rem 1rem; background: #fafafa; border-bottom: 1px solid rgba(0,0,0,.06); }
.mvsg-ruta-cap h4 { margin: 0; font-size: 1rem; }
.mvsg-ruta-cap .mvsg-plega { margin-left: auto; }
.mvsg-ruta-card--comercial .mvsg-ruta-cap { background: #f5f7ff; }
.mvsg-ruta-meva { display: inline-block; font-size: .72em; font-weight: 600; padding: .05em .45em; border-radius: 999px; background: #0f9a54; color: #fff; vertical-align: middle; }
.mvsg-taula-ruta tr.mvsg-tancat td { background: #f6f6f6; font-style: italic; }
.mvsg-adreca { font-size: .85em; }
.mvsg-obs { font-size: .85em; color: #9a5b00; }
/* Filtres agrupats: cada grup en una caixa amb el seu nom */
.mvsg-toolbar { flex-wrap: wrap; }
.mvsg-toolbar .mvmw-search { flex: 1 1 100%; max-width: none; }
.mvsg-filtres { display: flex; flex-wrap: wrap; gap: .6rem; width: 100%; }
.mvsg-grup { position: relative; display: flex; align-items: center; padding: .85rem .5rem .45rem; border: 1px solid rgba(0,0,0,.09); border-radius: 12px; background: #fafafa; }
.mvsg-grup[hidden] { display: none; }
.mvsg-grup-lbl { position: absolute; top: -.55rem; left: .7rem; padding: 0 .35rem; background: #fff; font-size: .68rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #8a8f98; border-radius: 4px; }
.mvsg-grup .mvmw-chips { flex-wrap: wrap; gap: .3rem; margin: 0; }
.mvsg-toolbar .mvsg-grup + .mvsg-grup { margin-left: 0; }
.mvsg-toolbar .mvmw-chips + .mvmw-chips { margin-left: 0; }
.mvsg-toolbar .mvmw-count { flex: 1 1 100%; }
.mvsg-grup .mvsg-dia { margin-right: .5rem; }
/* Colors de fila (triats per l'usuari) */
.mvsg-taula tbody tr[data-color="taronja"] { background: #fff8ec; box-shadow: inset 3px 0 0 #e2a23b; }
.mvsg-taula tbody tr[data-color="verd"]    { background: #f2faf5; box-shadow: inset 3px 0 0 #0f9a54; }
.mvsg-taula tbody tr[data-color="vermell"] { background: #fdf0f2; box-shadow: inset 3px 0 0 #ee1233; }
.mvsg-taula tbody tr[data-color="blau"]    { background: #eef4ff; box-shadow: inset 3px 0 0 #3b6fd8; }
.mvsg-taula tbody tr[data-color="lila"]    { background: #f5f0fc; box-shadow: inset 3px 0 0 #8a5cd6; }
.mvsg-llegenda { flex: 1 1 100%; display: flex; flex-wrap: wrap; gap: .9rem; font-size: .82rem; color: #555; }
.mvsg-llegenda:empty { display: none; }
.mvsg-lleg { display: inline-flex; align-items: center; gap: .35rem; }
.mvsg-lleg i { display: inline-block; width: .8rem; height: .8rem; border-radius: 3px; border-left: 3px solid; }
.mvsg-lleg[data-color="taronja"] i { background: #fff8ec; border-color: #e2a23b; }
.mvsg-lleg[data-color="verd"] i    { background: #f2faf5; border-color: #0f9a54; }
.mvsg-lleg[data-color="vermell"] i { background: #fdf0f2; border-color: #ee1233; }
.mvsg-lleg[data-color="blau"] i    { background: #eef4ff; border-color: #3b6fd8; }
.mvsg-lleg[data-color="lila"] i    { background: #f5f0fc; border-color: #8a5cd6; }
.mvsg-grup select { padding: .35rem .5rem; border: 1px solid rgba(0,0,0,.15); border-radius: 8px; font: inherit; background: #fff; }
.mvsg-lang { display: inline-flex; border: 1px solid rgba(0,0,0,.15); border-radius: 999px; overflow: hidden; margin-right: .6rem; }
.mvsg-lang button { border: 0; background: transparent; padding: .25rem .6rem; font: inherit; font-size: .78rem; font-weight: 600; cursor: pointer; color: #666; }
.mvsg-lang button.active { background: #111; color: #fff; }
.mvsg-cel-transp .mvmw-codi { display: inline-flex; align-items: center; gap: .2rem; }
.mvsg-treu { border: 0; background: transparent; cursor: pointer; font-size: 1rem; line-height: 1; color: #999; padding: 0 .15rem; }
.mvsg-treu:hover { color: #ee1233; }
.mvsg-ruta-cap .mvsg-imprimeix { margin-left: auto; }
.mvsg-ruta-cap .mvsg-imprimeix + .mvsg-plega { margin-left: .4rem; }

/* Factures: accions de la fitxa, albarans plegables i total pendent */
.mvsg-accions{display:flex;flex-wrap:wrap;gap:.5rem;margin-left:auto;align-items:center}
.mvmw-fitxa-head{flex-wrap:wrap}
.mvsg-plega-tots{display:flex;gap:.4rem;justify-content:flex-end;margin:0 0 .6rem}
.mvsg-linies tr.mvsg-fila-albara td{background:#fafbfc;border-top:1px solid rgba(0,0,0,.08)}
.mvsg-linies tr.mvsg-fila-albara .mvsg-desplega{min-width:6.2rem;text-align:left;margin-right:.3rem}
.mvsg-linies tr.mvsg-linia-alb td:first-child{padding-left:1.6rem}
.mvmw-link{background:none;border:0;padding:0;color:inherit;cursor:pointer;font:inherit;text-decoration:underline;text-underline-offset:3px}
.mvmw-link:hover{color:#ee1233}
.mvsg-pendent-total{color:#a8690a}

/* Color de l'empresa als botons dels documents: Multiembalajes vermell, Packme verd */
.mvsg-accions.mvsg-c-1 .mvsg-imprimir{background:#ee1233;border-color:#ee1233;color:#fff}
.mvsg-accions.mvsg-c-3 .mvsg-imprimir{background:#0f9a54;border-color:#0f9a54;color:#fff}
.mvsg-accions.mvsg-c-1 .mvmw-mini:hover{border-color:#ee1233;color:#ee1233}
.mvsg-accions.mvsg-c-3 .mvmw-mini:hover{border-color:#0f9a54;color:#0f9a54}

/* Comandes: data d'entrega passada */
.mvsg-tard{color:#ee1233;font-weight:700}

/* ---------------- Clients ---------------- */
.mvsg-seg{display:inline-flex;flex-wrap:wrap;gap:.25rem;padding:.25rem;background:#eef0f4;border-radius:999px;margin:0 0 1rem}
.mvsg-seg button{border:0;background:transparent;border-radius:999px;padding:.5rem 1.1rem;font:inherit;font-weight:600;font-size:.9rem;color:#5b6270;cursor:pointer}
.mvsg-seg button.active{background:#12141a;color:#fff}
.mvsg-seg-sub{margin-top:1rem}
.mvsg-tend{font-size:.78rem;font-weight:700;color:#5b6270;margin-left:.2rem}
.mvsg-tend.puja{color:#0f9a54}.mvsg-tend.baixa{color:#ee1233}
.mvsg-alertes{display:grid;gap:.5rem;margin:.8rem 0 0}
.mvsg-alerta{border-radius:12px;padding:.8rem 1rem;font-size:.95rem;background:#f5f6f8;border:1px solid #e6e8ee}
.mvsg-alerta.bloq{background:#fdeef0;border:2px solid #ee1233;color:#9b0d22;font-size:1.02rem}
.mvsg-alerta.vencut{background:#fff4e5;border:2px solid #e2741a;color:#8a4a0a}
.mvsg-alerta.mute{color:#5b6270}
.mvsg-empreses{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1rem}
.mvsg-emp-card{border:1px solid #e6e8ee;border-radius:14px;background:#fff;overflow:hidden;box-shadow:0 1px 2px rgba(18,20,26,.05)}
.mvsg-emp-card.mvsg-c-1{border-top:5px solid #ee1233}.mvsg-emp-card.mvsg-c-3{border-top:5px solid #0f9a54}
.mvsg-emp-card.bloq{border:2px solid #ee1233;border-top-width:5px;background:#fff7f8}
.mvsg-emp-cap{padding:.8rem 1rem;border-bottom:1px solid #f0f1f4;display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}
.mvsg-emp-cap strong{font-size:1.05rem}
.mvsg-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#f0f1f4}
.mvsg-kpi{background:#fff;padding:.65rem 1rem;display:flex;flex-direction:column;gap:.1rem}
.mvsg-kpi span{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:#5b6270;font-weight:700}
.mvsg-kpi strong{font-size:1.1rem}
.mvsg-kpi em{font-style:normal;font-size:.78rem;color:#5b6270}
.mvsg-kpi.bad strong,.mvsg-kpi.bad em{color:#ee1233}
.mvsg-emp-peu{padding:.7rem 1rem;font-size:.88rem;color:#12141a}
.mvsg-adr{padding:.55rem 0;border-bottom:1px solid #f0f1f4;font-size:.9rem}.mvsg-adr:last-child{border-bottom:0}
.mvsg-sub-activitat .mvmw-torna,.mvsg-sub-activitat .mvmw-fitxa-head{display:none}
.mvsg-sub-cos>.mvmw-panel,.mvsg-sub-cos .mvmw-panel{margin-top:0}

/* Anàlisi IA del client */
.mvsg-ia{border-radius:16px;padding:1rem 1.1rem;margin:0 0 1rem;background:linear-gradient(135deg,#f6f3ff,#eef6ff);border:1px solid #dcd6f7}
.mvsg-ia-cap{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}
.mvsg-ia-cap strong{font-size:1.02rem}
.mvsg-ia-cap .mvmw-mini{margin-left:auto}
.mvsg-ia-llista{list-style:none;margin:.7rem 0 0;padding:0;display:grid;gap:.45rem}
.mvsg-ia-llista li{display:block;background:#fff;border-radius:10px;line-height:1.4;font-size:.93rem;border-left:4px solid #b9b3e6;overflow:hidden}
.mvsg-ia-p{all:unset;box-sizing:border-box;display:flex;gap:.55rem;align-items:center;width:100%;padding:.5rem .8rem;cursor:pointer}
.mvsg-ia-p[disabled]{cursor:default}
.mvsg-ia-p .tt{flex:1 1 auto}
.mvsg-ia-p .tt strong{font-weight:700}
.mvsg-ia-p .mes{flex:0 0 auto;color:#8a84b8;transition:transform .15s}
.mvsg-ia-llista li.obert .mes{transform:rotate(90deg)}
.mvsg-ia-llista .det{padding:0 .8rem .6rem 2.35rem;color:#555;font-size:.88rem}
.mvsg-ia-accio{display:flex;gap:.7rem;align-items:flex-start;margin:.7rem 0 0;padding:.7rem .9rem;border-radius:12px;background:#0f9a54;color:#fff}
.mvsg-ia-accio .ic{font-size:1.2rem;line-height:1.2}
.mvsg-ia-accio small{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;opacity:.85}
.mvsg-ia-accio b{display:block;font-size:1rem;line-height:1.35}
.mvsg-ia-accio span{display:block;font-size:.86rem;opacity:.92;margin-top:.15rem}
.mvsg-lleg[data-color="gris"] i{background:#fff;border-color:#c9c9c9}
.mvsg-lleg-art{margin-top:.2rem}
.mvsg-lleg-art .mvsg-lleg b{color:#333}
.mvsg-ia-llista li .ic{flex:0 0 auto}
.mvsg-ia-llista li.t-bloqueig,.mvsg-ia-llista li.t-cobrament{border-left-color:#ee1233;background:#fff7f8}
.mvsg-ia-llista li.t-deixat{border-left-color:#e2741a}
.mvsg-ia-llista li.t-recurrent,.mvsg-ia-llista li.t-oportunitat{border-left-color:#2a5bd7}
.mvsg-ia-llista li.t-accio{border-left-color:#0f9a54;background:#f1faf5}

/* Articles */
.mvsg-sel-fam{min-width:12rem;max-width:100%}
.mvsg-neg{color:#ee1233;font-weight:700}
.mvmw-table th.mvsg-th-1{color:#ee1233}
.mvmw-table th.mvsg-th-3{color:#0f9a54}
.mvsg-art-kpis{margin:1rem 0;border-radius:12px;overflow:hidden;border:1px solid #e6e8ee;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}
.mvsg-bloc-cos .mvsg-art-kpis,.mvmw-bloc-cos .mvsg-art-kpis{margin-top:0}
.mvsg-kpi.mvsg-c-1{box-shadow:inset 0 4px 0 #ee1233}.mvsg-kpi.mvsg-c-1 strong{color:#ee1233}
.mvsg-kpi.mvsg-c-3{box-shadow:inset 0 4px 0 #0f9a54}.mvsg-kpi.mvsg-c-3 strong{color:#0f9a54}
.mvsg-art-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;margin:0 0 1rem}
.mvsg-mini-taula{margin:0 0 .6rem}
.mvsg-mini-taula td,.mvsg-mini-taula th{padding:.45rem .6rem}
.mvsg-barres{display:grid;grid-template-columns:repeat(12,1fr);gap:.35rem;align-items:end;height:130px;padding-top:.5rem}
.mvsg-barra{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:.25rem}
.mvsg-barra i{display:block;width:100%;max-width:34px;min-height:2px;background:#8a84b8;border-radius:5px 5px 0 0}
.mvsg-barra span{font-size:.7rem;color:#5b6270}
.mvsg-article .mvsg-alerta{margin:0 0 .6rem}
.mvsg-art-desc small{display:block;font-size:.8rem;margin-top:.1rem}
@media(min-width:721px){.mvsg-art-desc{min-width:16rem}.mvmw-table td.mvsg-art-estoc{font-size:1.02rem}}
@media(min-width:1300px){.mvsg-art-desc > .mvmw-strong{white-space:nowrap}}
/* Cerca amb IA */
.mvsg-cia{margin:0 0 1rem;padding:.9rem;border-radius:16px;background:linear-gradient(135deg,#f6f3ff,#eef6ff);border:1px solid #dcd6f7}
.mvsg-cia-form{display:flex;gap:.5rem;align-items:center}
.mvsg-cia-form .ic{font-size:1.2rem}
.mvsg-cia-form input{flex:1 1 auto;min-width:0}
.mvsg-cia-btn{flex:0 0 auto;border:0;border-radius:999px;padding:.6rem 1.1rem;background:#5b4bd6;color:#fff;font-weight:700;cursor:pointer}
.mvsg-cia-btn:hover{background:#4a3bc0}
.mvsg-cia-res:empty{display:none}
.mvsg-cia-res{margin-top:.8rem}
.mvsg-cia-cap{display:flex;align-items:center;gap:.6rem;justify-content:space-between;font-size:.9rem}
.mvsg-cia-resum{margin:.5rem 0 .7rem;font-weight:600;font-size:.98rem}
.mvsg-cia-llista{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.6rem}
.mvsg-cia-art{background:#fff;border-radius:12px;padding:.75rem .85rem;display:flex;flex-direction:column;gap:.3rem;border:1px solid #e6e8ee;border-top:4px solid #b9b3e6}
.mvsg-cia-art.igual{border-top-color:#2a5bd7}
.mvsg-cia-art .mvmw-mini{align-self:flex-start;margin-top:.2rem}
.mvsg-cia-top{display:flex;justify-content:space-between;align-items:center;gap:.5rem;font-size:.78rem}
.mvsg-cia-badge{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#5b4bd6}
.mvsg-cia-art.igual .mvsg-cia-badge{color:#2a5bd7}
.mvsg-cia-desc{font-size:.95rem;line-height:1.3}
.mvsg-cia-motiu{font-size:.85rem;color:#444}
.mvsg-cia-xifres{display:flex;flex-wrap:wrap;gap:.35rem .8rem;font-size:.85rem}
.mvsg-cia-xifres .ok{color:#0f9a54;font-weight:700}
.mvsg-cia-xifres .ko{color:#ee1233;font-weight:700}
@media(max-width:720px){.mvsg-art-grid{grid-template-columns:1fr}}

.mvsg-cia-art > .mvmw-muted{font-size:.8rem}

/* Informes */
.mvsg-inf{--i-cur:#2a78d6;--i-prev:#c9c7bf;--i-ink:#1b1b1a;--i-ink2:#5b6270;--i-grid:#ecebe7;--i-up:#0f7a45;--i-down:#c4102b;display:flex;flex-direction:column;gap:1rem}
.mvsg-inf .mvmw-bloc{margin:0}
.mvsg-inf-filtres select{min-width:10rem}
.mvsg-inf-filtres .mvmw-count{flex:1 1 100%}
.mvsg-inf-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.75rem}
.mvsg-inf-tile{background:#fff;border:1px solid #e6e8ee;border-radius:14px;padding:.9rem 1rem;display:flex;flex-direction:column;gap:.2rem;box-shadow:0 1px 2px rgba(18,20,26,.04)}
.mvsg-inf-tile .t,.mvsg-inf-doc .t{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--i-ink2);font-weight:700}
.mvsg-inf-tile strong{font-size:1.55rem;line-height:1.15;color:var(--i-ink);font-variant-numeric:tabular-nums}
.mvsg-inf-tile em,.mvsg-inf-doc em,.mvsg-inf-pend em{font-style:normal;font-size:.78rem;color:var(--i-ink2)}
.mvsg-d{font-size:.8rem;font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}
.mvsg-d.up{color:var(--i-up)}.mvsg-d.down{color:var(--i-down)}.mvsg-d.mute{color:#9a9a93;font-weight:500}
.mvsg-inf-docs{display:flex;align-items:stretch;gap:.4rem;flex-wrap:wrap}
.mvsg-inf-doc{flex:1 1 150px;display:flex;flex-direction:column;gap:.15rem;background:#f7f8fa;border-radius:12px;padding:.7rem .85rem}
.mvsg-inf-doc strong{font-size:1.2rem;font-variant-numeric:tabular-nums}
.mvsg-inf-docs .fl{align-self:center;color:#b0b3ba;font-size:1.2rem}
.mvsg-inf-pend{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.6rem;margin-top:.8rem}
.mvsg-inf-pend > div{display:flex;flex-direction:column;gap:.1rem;border:1px solid #e6e8ee;border-radius:12px;padding:.6rem .8rem}
.mvsg-inf-pend span{font-size:.78rem;color:var(--i-ink2);font-weight:600}
.mvsg-inf-pend strong{font-size:1.1rem;font-variant-numeric:tabular-nums}
.mvsg-inf-pend .mal{border-color:#f3b5bf;background:#fff6f7}.mvsg-inf-pend .mal strong{color:#c4102b}
.mvsg-inf-lleg{display:flex;gap:1rem;font-size:.82rem;color:var(--i-ink2);margin-bottom:.3rem}
.mvsg-inf-lleg i{display:inline-block;width:.8rem;height:.8rem;border-radius:3px;margin-right:.35rem;vertical-align:-1px}
.mvsg-inf-lleg i.cur{background:var(--i-cur)}.mvsg-inf-lleg i.prev{background:var(--i-prev)}
.mvsg-inf-svg{width:100%;height:auto;max-height:320px;display:block}
.mvsg-inf-svg .grid{stroke:var(--i-grid);stroke-width:1}
.mvsg-inf-svg .ax{font-size:11px;fill:var(--i-ink2)}
.mvsg-inf-svg .cur{fill:var(--i-cur)}.mvsg-inf-svg .prev{fill:var(--i-prev)}
.mvsg-inf-svg .hov{fill:transparent}.mvsg-inf-svg .hit:hover .hov{fill:rgba(42,120,214,.06)}
.mvsg-inf-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:1rem}
.mvsg-inf-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}
.mvsg-inf-q{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
.mvsg-inf-donut{width:180px;height:180px;flex:0 0 auto}
.mvsg-inf-donut .seg{cursor:default}.mvsg-inf-donut .seg:hover{stroke-width:34}
.mvsg-inf-donut .c1{font-size:18px;font-weight:700;fill:var(--i-ink)}.mvsg-inf-donut .c2{font-size:11px;fill:var(--i-ink2)}
.mvsg-inf-ql{list-style:none;margin:0;padding:0;flex:1 1 180px;display:grid;gap:.3rem;font-size:.86rem}
.mvsg-inf-ql li{display:grid;grid-template-columns:.8rem 1fr auto auto;gap:.5rem;align-items:center}
.mvsg-inf-ql i{width:.8rem;height:.8rem;border-radius:3px}
.mvsg-inf-ql strong{font-variant-numeric:tabular-nums}
.mvsg-inf-hb{display:grid;gap:.35rem}
.mvsg-inf-hb .fila{display:grid;grid-template-columns:1.4rem minmax(0,1.3fr) minmax(80px,2fr) auto 4.6rem;gap:.6rem;align-items:center;font-size:.88rem;padding:.3rem .4rem;border-radius:8px}
.mvsg-inf-hb .fila.clic{cursor:pointer}.mvsg-inf-hb .fila.clic:hover{background:#f4f6fa}
.mvsg-inf-hb .n{color:var(--i-ink2);font-size:.78rem;text-align:right}
.mvsg-inf-hb .nom{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.mvsg-inf-hb .nom small{font-weight:400;color:var(--i-ink2)}
.mvsg-inf-hb .bar{position:relative;height:12px;background:#f1f2f4;border-radius:0 4px 4px 0}
.mvsg-inf-hb .bar i{position:absolute;left:0;top:0;bottom:0;background:var(--i-cur);border-radius:0 4px 4px 0}
.mvsg-inf-hb .bar b{position:absolute;top:-3px;bottom:-3px;width:2px;background:#1b1b1a;opacity:.55}
.mvsg-inf-hb .v{font-weight:700;font-variant-numeric:tabular-nums;text-align:right}
.mvsg-inf-hb .mvsg-d{text-align:right}
.mvsg-inf-nota{margin:.5rem 0 0;font-size:.78rem;color:var(--i-ink2)}
.mvsg-inf-nota .mk{display:inline-block;width:2px;height:12px;background:#1b1b1a;opacity:.55;vertical-align:-2px;margin-right:.3rem}
.mvsg-inf-exp{margin:0 0 .5rem;font-size:.8rem;color:var(--i-ink2)}
.mvsg-inf-ll{list-style:none;margin:0;padding:0;display:grid;gap:.1rem;font-size:.87rem}
.mvsg-inf-ll li{display:flex;align-items:baseline;gap:.5rem;padding:.35rem .4rem;border-radius:8px;border-bottom:1px solid #f1f2f4}
.mvsg-inf-ll li > span{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}
.mvsg-inf-ll li small{color:var(--i-ink2)}
.mvsg-inf-ll li strong{font-variant-numeric:tabular-nums;white-space:nowrap}
.mvsg-inf-ll li.clic{cursor:pointer}.mvsg-inf-ll li.clic:hover{background:#f4f6fa}
.mvsg-inf-ll.art li > span{white-space:normal}
.mvsg-tt{position:fixed;z-index:9999;pointer-events:none;background:#1b1b1a;color:#fff;font-size:.8rem;padding:.4rem .6rem;border-radius:8px;max-width:320px;box-shadow:0 4px 14px rgba(0,0,0,.18)}
@media(max-width:720px){.mvsg-inf-hb .fila{grid-template-columns:1.2rem minmax(0,1fr) auto 4.2rem}.mvsg-inf-hb .bar{grid-column:2 / -1;grid-row:2}.mvsg-inf-2,.mvsg-inf-3{grid-template-columns:1fr}.mvsg-inf-docs .fl{display:none}.mvsg-inf-donut{width:150px;height:150px}}

/* Informes 2 */
.mvsg-hm-wrap{overflow-x:auto}
.mvsg-hm{border-collapse:separate;border-spacing:2px;width:100%;font-size:.8rem;min-width:640px}
.mvsg-hm th{font-weight:600;color:var(--i-ink2);font-size:.72rem;text-align:center;padding:.1rem .2rem}
.mvsg-hm tbody th{text-align:left;max-width:15rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--i-ink);font-size:.8rem;padding-right:.5rem}
.mvsg-hm td{height:24px;min-width:34px;background:#f1f2f4;border-radius:4px}
.mvsg-hm td.fut{background:repeating-linear-gradient(45deg,#f6f6f4,#f6f6f4 4px,#fff 4px,#fff 8px)}
.mvsg-hm td.t,.mvsg-hm th.t{background:none;text-align:right;font-weight:700;white-space:nowrap;padding-left:.5rem;font-variant-numeric:tabular-nums}
.mvsg-hm tr.clic{cursor:pointer}.mvsg-hm tr.clic:hover th{color:#2a78d6}
.mvsg-hm-lleg{display:flex;align-items:center;gap:3px;justify-content:flex-end;margin-top:.5rem;font-size:.75rem;color:var(--i-ink2)}
.mvsg-hm-lleg i{width:18px;height:10px;border-radius:2px;display:inline-block}
.mvsg-hm-lleg span{margin:0 .3rem}
.mvsg-par-t{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.6rem;margin-bottom:.8rem}
.mvsg-par-t > div{display:flex;flex-direction:column;gap:.1rem;background:#f7f8fa;border-radius:12px;padding:.6rem .8rem}
.mvsg-par-t span{font-size:.75rem;color:var(--i-ink2);font-weight:600}
.mvsg-par-t strong{font-size:1.2rem;font-variant-numeric:tabular-nums}
.mvsg-par-t em{font-style:normal;font-size:.75rem;color:var(--i-ink2)}
.mvsg-par-t .mal{background:#fff6f7}.mvsg-par-t .mal strong{color:#c4102b}
.mvsg-inf-svg .linia{stroke:var(--i-cur);stroke-width:2.5;stroke-linejoin:round}
.mvsg-inf-svg .ref{stroke:#9a9a93;stroke-width:1.2;stroke-dasharray:5 4}
.mvsg-inf-svg .pt{fill:var(--i-cur);stroke:#fff;stroke-width:2}
.mvsg-inf-svg .hitc{fill:transparent}
.mvsg-deute-bar{display:flex;gap:2px;height:26px;border-radius:6px;overflow:hidden;margin-bottom:.7rem}
.mvsg-deute-bar i{display:block;min-width:3px}
.mvsg-deute-ll{list-style:none;margin:0 0 .6rem;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.25rem .9rem;font-size:.86rem}
.mvsg-deute-ll li{display:grid;grid-template-columns:.8rem 1fr auto 3.6rem;gap:.5rem;align-items:center}
.mvsg-deute-ll i{width:.8rem;height:.8rem;border-radius:3px}
.mvsg-deute-ll strong{font-variant-numeric:tabular-nums}
.mvsg-deute-ll em{font-style:normal;color:var(--i-ink2);text-align:right;font-size:.8rem}
.mvsg-inf-sub{margin:.8rem 0 .4rem;font-size:.74rem;text-transform:uppercase;letter-spacing:.08em;color:var(--i-ink2)}
.mvsg-tag-imp,.mvsg-tag-90{font-style:normal;font-size:.72rem;border-radius:999px;padding:.05rem .45rem;white-space:nowrap}
.mvsg-tag-imp{background:#5c0f0a;color:#fff}.mvsg-tag-90{background:#fde3e3;color:#9b0d22}
.mvsg-sv-bars{display:grid;grid-template-columns:repeat(5,1fr);gap:.6rem;align-items:end}
.mvsg-sv-bars > div{display:flex;flex-direction:column;align-items:center;gap:.25rem}
.mvsg-sv-bars .b{display:flex;align-items:flex-end;width:100%;max-width:56px;height:110px}
.mvsg-sv-bars .b i{display:block;width:100%;background:var(--i-cur);border-radius:4px 4px 0 0;min-height:2px}
.mvsg-sv-bars strong{font-size:.85rem;font-variant-numeric:tabular-nums}
.mvsg-sv-bars em{font-style:normal;font-size:.75rem;color:var(--i-ink2);text-align:center}

.mvsg-hm-lleg .x{margin-right:auto;font-style:italic}

/* Variació mensual */
.mvsg-var{max-height:260px;margin-top:.2rem}
.mvsg-var .zero{stroke:#8d8c86;stroke-width:1.3}
.mvsg-var .linia.parc{stroke-dasharray:5 4}
.mvsg-var .pt.up{fill:var(--i-up)}.mvsg-var .pt.down{fill:var(--i-down)}
.mvsg-var .pt.parc{fill:#fff;stroke-width:2.2}.mvsg-var .pt.parc.up{stroke:var(--i-up)}.mvsg-var .pt.parc.down{stroke:var(--i-down)}
.mvsg-var .val{font-size:11px;font-weight:700}.mvsg-var .val.up{fill:var(--i-up)}.mvsg-var .val.down{fill:var(--i-down)}

/* Variació acumulada i documents */
.mvsg-var .acum{fill:rgba(74,58,167,.14)}
.mvsg-var .acum-l{stroke:#4a3aa7;stroke-width:1.6}
.mvsg-var .val.acumt{fill:#4a3aa7}
.mvsg-var .hov{fill:transparent}.mvsg-var g:hover .hov{fill:rgba(42,120,214,.06)}
.mvsg-inf-lleg i.linv{background:var(--i-cur);height:3px;vertical-align:3px}
.mvsg-inf-lleg i.acv{background:rgba(74,58,167,.3);border-top:2px solid #4a3aa7;border-radius:0}
.mvsg-inf-doc em{line-height:1.35}
.mvsg-inf-doc em b{color:var(--i-ink)}
.mvsg-vs{font-size:.72rem;color:var(--i-ink2);font-weight:400}

/* Mapa de calor d'articles del client */
.mvsg-hm-art{margin:0 0 1rem}
.mvsg-hm-art .mvsg-hm tbody th{box-shadow:inset 4px 0 0 #d6d7db;padding-left:.6rem;max-width:20rem}
.mvsg-hm-art .mvsg-hm tr.e-toca th{box-shadow:inset 4px 0 0 #e2a23b}
.mvsg-hm-art .mvsg-hm tr.e-deixat th{box-shadow:inset 4px 0 0 #ee1233}
.mvsg-hm-art .mvsg-hm tr.e-regular th{box-shadow:inset 4px 0 0 #0f9a54}
.mvsg-hm-art .mvsg-hm td.cur{outline:1px dashed #9a9a93;outline-offset:-1px}
.mvsg-hm th small{font-weight:400;color:#9a9a93}

/* Informes: compartir */
.mvsg-inf .mvmw-bloc{position:relative;overflow:visible}
.mvsg-inf .mvmw-bloc > h4{display:flex;align-items:center;gap:.5rem;border-radius:var(--mw-r) var(--mw-r) 0 0}
.mvsg-inf-share{margin-left:auto;border:1px solid #d9dbe0;background:#fff;border-radius:8px;width:30px;height:28px;display:inline-flex;align-items:center;justify-content:center;color:#5b6270;cursor:pointer;flex:0 0 auto}
.mvsg-inf-share:hover{color:#2a78d6;border-color:#2a78d6}
.mvsg-share-menu{position:absolute;right:10px;top:46px;z-index:50;background:#fff;border:1px solid #e0e2e7;border-radius:12px;box-shadow:0 10px 30px rgba(18,20,26,.16);padding:.6rem;display:flex;flex-direction:column;gap:.3rem;min-width:250px}
.mvsg-share-menu button{text-align:left;border:0;background:#f5f6f8;border-radius:8px;padding:.55rem .7rem;font-size:.9rem;cursor:pointer}
.mvsg-share-menu button:hover{background:#eaf1fc}
.mvsg-share-menu .cec{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;font-size:.88rem;font-weight:600;padding:.3rem .2rem .5rem;border-bottom:1px solid #eef0f3;margin-bottom:.2rem}
.mvsg-share-menu .cec small{flex:1 1 100%;font-weight:400;color:#5b6270;font-size:.75rem}
.mvsg-share-menu .est{margin:0;font-size:.8rem;color:#5b6270}.mvsg-share-menu .est:empty{display:none}
.mvsg-inf-export{padding:14px;background:#fff;gap:.8rem}
.mvsg-inf-export .mvmw-bloc{overflow:hidden}
.mvsg-exp-cap{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;border-bottom:3px solid #1b1b1a;padding-bottom:.5rem}
.mvsg-exp-cap strong{font-size:.75rem;letter-spacing:.08em;color:#5b6270}
.mvsg-exp-cap h2{margin:.15rem 0;font-size:1.35rem}
.mvsg-exp-cap p{margin:0;font-size:.82rem;color:#5b6270}
.mvsg-exp-cap .d{font-size:.78rem;color:#5b6270;text-align:right}
@media print{.mvsg-inf-share,.mvsg-share-menu{display:none!important}}

/* Mapa d'articles: 24 mesos */
.mvsg-hm-art > h4{display:flex;align-items:center;gap:.5rem}
.mvsg-hm-art .mvsg-hm-24{margin-left:auto;text-transform:none;letter-spacing:0}
.mvsg-hm td.nd{background:repeating-linear-gradient(45deg,#f1f1ee,#f1f1ee 3px,#fff 3px,#fff 6px)!important}
.mvsg-hm.llarg td{min-width:22px;height:22px}
.mvsg-hm.llarg th{font-size:.66rem}

/* Logos dels clients */
.mvmw-escut.mvsg-logo{background:#fff;border:1px solid #e6e8ee;width:auto;min-width:56px;max-width:120px;padding:6px;box-sizing:border-box}
.mvmw-escut.mvsg-logo img{display:block;max-width:100%;max-height:100%;width:auto;height:100%;object-fit:contain}
.mvsg-logo-mini{width:22px;height:22px;object-fit:contain;vertical-align:-6px;margin-right:.45rem;border-radius:5px;background:#fff;border:1px solid #eceef2;padding:1px}

/* ===== Versió nova (en proves) ===== */
.mvsg-v2-boto{border:1px solid #d6d9df;background:#fff;border-radius:999px;padding:.35rem .8rem;font-size:.82rem;cursor:pointer;margin-right:.5rem;white-space:nowrap}
.mvsg-v2-boto:hover{border-color:#2a78d6;color:#2a78d6}
.mvsg-v2-boto.on{background:#1b1b1a;color:#fff;border-color:#1b1b1a}
.mvsg-v2{display:block}
.mvsg-v2-cap{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap;margin:.2rem 0 1rem}
.mvsg-v2-cap h2{margin:0;font-size:1.45rem}
.mvsg-v2-cap p{margin:.15rem 0 0;color:#6b7078;text-transform:capitalize}
.mvsg-v2-com{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#6b7078}
.mvsg-v2-com select{padding:.4rem .6rem;border-radius:10px;border:1px solid #d6d9df;background:#fff}
.mvsg-v2-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}
.mvsg-v2-kpis>div{background:#fff;border-radius:14px;padding:.85rem 1rem;box-shadow:0 1px 3px rgba(0,0,0,.06);display:flex;flex-direction:column;gap:.15rem}
.mvsg-v2-kpis span{font-size:.75rem;color:#6b7078;text-transform:uppercase;letter-spacing:.04em}
.mvsg-v2-kpis strong{font-size:1.35rem;font-variant-numeric:tabular-nums}
.mvsg-v2-kpis em{font-style:normal;color:#6b7078;font-size:.82rem}
.mvsg-v2-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}
.mvsg-v2-grid>.mvsg-v2-bloc:first-child{grid-column:1/-1}
.mvsg-v2-bloc h4 .n{display:inline-block;min-width:1.5em;padding:0 .45em;border-radius:999px;background:#eef1f5;color:#444;font-size:.78rem;text-align:center;margin-left:.3rem;vertical-align:middle}
.mvsg-v2-fila{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:.6rem .5rem;border-bottom:1px solid #eceef2;border-radius:8px}
.mvsg-v2-fila:last-child{border-bottom:0}
.mvsg-v2-fila.clic{cursor:pointer}
.mvsg-v2-fila.clic:hover{background:#f6f8fb}
.mvsg-v2-fila .e{min-width:0;flex:1}
.mvsg-v2-fila .e b{font-weight:600}
.mvsg-v2-fila .sub{display:block;color:#6b7078;font-size:.8rem;margin-top:.1rem}
.mvsg-v2-fila .arts{display:block;font-size:.8rem;margin-top:.25rem;color:#333;line-height:1.35}
.mvsg-v2-fila .arts small{color:#8a8f98}
.mvsg-v2-fila .d{display:flex;flex-direction:column;align-items:flex-end;gap:.3rem;flex-shrink:0}
.mvsg-v2-fila .imp{font-variant-numeric:tabular-nums;white-space:nowrap}
.mvsg-v2-fila .imp.mal{color:#c62828}
.mvsg-v2-tag{display:inline-block;font-size:.7rem;padding:.08rem .45rem;border-radius:999px;background:#eef1f5;color:#555;margin-left:.25rem;vertical-align:middle;white-space:nowrap}
.mvsg-v2-tag.bloquejat{background:#fde7e7;color:#b3261e}
.mvsg-v2-tag.deute{background:#fff3d6;color:#8a5a00}
.mvsg-v2-tel{font-size:.78rem;text-decoration:none;border:1px solid #d6d9df;border-radius:999px;padding:.15rem .55rem;color:#1b1b1a;white-space:nowrap}
.mvsg-v2-tel:hover{border-color:#1baf7a;color:#0f7a54}
@media (max-width:900px){.mvsg-v2-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.mvsg-v2-grid{grid-template-columns:1fr}}
/* Persones (versió nova) */
.mvsg-pers-cap{display:flex;gap:10px;margin-bottom:12px;flex-wrap:wrap}
.mvsg-pers-cap input{flex:1;min-width:200px;padding:.6rem .8rem;border-radius:10px;border:1px solid #d6d9df}
.mvsg-pers-llista{background:#fff;border-radius:14px;box-shadow:0 1px 3px rgba(0,0,0,.06);overflow:hidden}
.mvsg-pers-fila{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid #eceef2;padding:.75rem 1rem;cursor:pointer;font:inherit;color:inherit}
.mvsg-pers-fila:last-child{border-bottom:0}
.mvsg-pers-fila:hover{background:#f6f8fb}
.mvsg-pers-fila.off{opacity:.55}
.mvsg-pers-fila .av{width:38px;height:38px;border-radius:50%;background:#eef1f5;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;flex-shrink:0}
.mvsg-pers-fila .t{flex:1;min-width:0;display:flex;flex-direction:column}
.mvsg-pers-fila .t small{color:#6b7078}
.mvsg-pers-fila .fl{color:#9b9a94;font-size:1.3rem}
.mvsg-pers-torna{background:none;border:0;color:#2a78d6;cursor:pointer;font:inherit;padding:.2rem 0;margin-bottom:.6rem}
.mvsg-pers-fitxa{background:#fff;border-radius:16px;box-shadow:0 1px 3px rgba(0,0,0,.06);padding:1.2rem 1.4rem;max-width:860px}
.mvsg-pers-fitxa h2{margin:0 0 .6rem}
.mvsg-pers-fitxa section{border-top:1px solid #eceef2;padding:1rem 0 .6rem}
.mvsg-pers-fitxa section h4{margin:0 0 .5rem;font-size:.95rem}
.mvsg-pers-fitxa section h4 .n{display:inline-block;min-width:1.5em;padding:0 .45em;border-radius:999px;background:#eef1f5;font-size:.78rem;text-align:center}
.mvsg-pers-fitxa .g{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px 14px}
.mvsg-pers-fitxa .mvmw-camp small{color:#8a8f98;font-weight:400}
.mvsg-pers-fitxa .mvmw-muted{font-size:.84em;margin:.3rem 0 .6rem}
.mvsg-pers-rols{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;margin-top:.6rem}
.mvsg-pers-rols label{display:flex;gap:.5rem;align-items:flex-start;border:1px solid #d6d9df;border-radius:12px;padding:.55rem .7rem;cursor:pointer}
.mvsg-pers-rols label:has(input:checked){border-color:#2a78d6;background:#f1f6ff}
.mvsg-pers-rols span{display:flex;flex-direction:column}
.mvsg-pers-rols small{color:#6b7078;font-size:.78rem}
.mvsg-pers-fitxa input[type=search]{width:100%;padding:.5rem .7rem;border-radius:10px;border:1px solid #d6d9df;margin-bottom:.5rem}
.mvsg-pers-codis{max-height:260px;overflow:auto;border:1px solid #eceef2;border-radius:10px;padding:.3rem .5rem}
.mvsg-pers-codis label{display:flex;gap:.5rem;padding:.3rem 0;cursor:pointer}
.mvsg-pers-codis small{color:#8a5a00}
.mvsg-pers-sw{display:flex;gap:.5rem;align-items:center;font-weight:600}
.mvsg-pers-esb{background:none;border:1px solid #f0c4c4;color:#b3261e;border-radius:999px;padding:.4rem .9rem;cursor:pointer;font-size:.85rem}
.mvsg-pers-peu{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid #eceef2;padding-top:1rem;position:sticky;bottom:0;background:#fff}

/* ===== Assistent (versió nova) ===== */
.mvsg-as{max-width:980px;margin:0 auto;display:flex;flex-direction:column;min-height:calc(100vh - 220px)}
.mvsg-as-cap{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px}
.mvsg-as-cap h2{margin:0;font-size:1.35rem}
.mvsg-as-cap p{margin:.2rem 0 0;color:#6b7078;font-size:.9rem}
.mvsg-as-fil{flex:1;display:flex;flex-direction:column;gap:10px;padding:4px 0 12px}
.mvsg-as-buit{background:#fff;border-radius:16px;padding:1.1rem 1.2rem;box-shadow:0 1px 3px rgba(0,0,0,.06)}
.mvsg-as-buit p{margin:0 0 .7rem}
.mvsg-as-sug{display:flex;flex-wrap:wrap;gap:8px}
.mvsg-as-msg{display:flex}
.mvsg-as-msg>div{max-width:88%;border-radius:16px;padding:.7rem .95rem;line-height:1.5;font-size:.94rem;overflow-wrap:anywhere}
.mvsg-as-msg.jo{justify-content:flex-end}
.mvsg-as-msg.jo>div{background:#1b1b1a;color:#fff;border-bottom-right-radius:4px}
.mvsg-as-msg.ia>div{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.06);border-bottom-left-radius:4px}
.mvsg-as-msg p{margin:.3rem 0}.mvsg-as-msg ul{margin:.3rem 0 .4rem 1.1rem;padding:0}.mvsg-as-msg li{margin:.15rem 0}
.mvsg-as-link{color:#2a78d6;text-decoration:none;border-bottom:1px dashed rgba(42,120,214,.5);font-weight:500}
.mvsg-as-link:hover{border-bottom-style:solid}
.mvsg-as-taula{overflow-x:auto;margin:.5rem 0}
.mvsg-as-taula table{border-collapse:collapse;width:100%;font-size:.85rem}
.mvsg-as-taula th{background:#f4f5f7;text-align:left;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:#555}
.mvsg-as-taula th,.mvsg-as-taula td{padding:.4rem .55rem;border-bottom:1px solid #eceef2;vertical-align:top}
.mvsg-as-taula td.n{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.mvsg-as-fet{color:#0f7a54;font-size:.8rem;font-weight:600;margin-top:.5rem!important}
.mvsg-as-pensa{color:#6b7078;display:flex;align-items:center;gap:4px}
.mvsg-as-pensa span{width:6px;height:6px;border-radius:50%;background:#9b9a94;animation:mvsgAs 1s infinite ease-in-out}
.mvsg-as-pensa span:nth-child(2){animation-delay:.15s}.mvsg-as-pensa span:nth-child(3){animation-delay:.3s;margin-right:6px}
@keyframes mvsgAs{0%,80%,100%{opacity:.25}40%{opacity:1}}
.mvsg-as-form{position:sticky;bottom:0;display:flex;gap:8px;align-items:flex-end;background:#f4f5f7;padding:10px 0 14px}
.mvsg-as-form textarea{flex:1;resize:none;border:1px solid #d6d9df;border-radius:14px;padding:.7rem .9rem;font:inherit;font-size:.95rem;line-height:1.4;max-height:160px;background:#fff}
.mvsg-as-form textarea:focus{outline:none;border-color:#2a78d6}
.mvsg-as-fab{position:fixed;right:18px;bottom:18px;z-index:50;border:0;border-radius:999px;background:#1b1b1a;color:#fff;padding:.75rem 1.1rem;font-size:.92rem;font-weight:600;box-shadow:0 6px 18px rgba(0,0,0,.18);cursor:pointer}
.mvsg-as-fab:hover{background:#333}
.mvsg-as-fab[hidden]{display:none}
@media print{.mvsg-as-fab,.mvsg-as-form{display:none}}

/* Assistent: la caixa d'escriure ocupa tot l'ample i el botó només el que cal */
.mvmw-app .mvsg-as-form,.mvsg-as-form{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end}
.mvmw-app .mvsg-as-form textarea,.mvsg-as-form textarea{width:100%!important;min-width:0!important;min-height:48px;height:48px;box-sizing:border-box;overflow-y:auto;margin:0}
.mvmw-app .mvsg-as-form button,.mvsg-as-form button{width:auto!important;min-width:110px;height:48px;margin:0;padding:0 1.3rem;border-radius:14px}

/* Tipus de document ben visible a la capçalera (albarà, comanda, pressupost, factura) */
.mvsg-doc-head{border-top:6px solid var(--mvsg-doc,#1b1b1a)}
.mvsg-doc-alb{--mvsg-doc:#2a78d6}.mvsg-doc-com{--mvsg-doc:#eb6834}.mvsg-doc-pre{--mvsg-doc:#b07a00}.mvsg-doc-fac{--mvsg-doc:#4a3aa7}
.mvmw-escut.mvsg-doc-alb,.mvmw-escut.mvsg-doc-com,.mvmw-escut.mvsg-doc-pre,.mvmw-escut.mvsg-doc-fac{background:var(--mvsg-doc)!important;color:#fff!important;font-size:.8rem;letter-spacing:.06em;font-weight:800}
.mvsg-doc-tipus{display:inline-block;background:var(--mvsg-doc);color:#fff;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:.18rem .6rem;border-radius:6px;margin-bottom:.35rem}

/* Documents: cada tipus amb el seu color (pestanyes i enllaços de l'assistent) */
.mvsg-seg-docs button i{display:inline-block;width:.6rem;height:.6rem;border-radius:50%;background:var(--mvsg-doc,#12141a);margin-right:.45rem;vertical-align:.05em}
.mvsg-seg-docs button.active{background:var(--mvsg-doc,#12141a)!important;color:#fff!important;border-color:var(--mvsg-doc,#12141a)!important}
.mvsg-seg-docs button.active i{background:#fff}
.mvsg-as-link.mvsg-doc-alb,.mvsg-as-link.mvsg-doc-com,.mvsg-as-link.mvsg-doc-pre,.mvsg-as-link.mvsg-doc-fac{color:var(--mvsg-doc);border-bottom-color:var(--mvsg-doc)}

/* Assistent: descarregar o imprimir cada resposta */
.mvsg-as-accions{display:flex;gap:6px;align-items:center;margin-top:.6rem;padding-top:.5rem;border-top:1px solid #eceef2}
.mvsg-as-accions button{border:1px solid #d6d9df;background:#fff;border-radius:999px;padding:.22rem .7rem;font-size:.78rem;cursor:pointer;color:#444;width:auto!important}
.mvsg-as-accions button:hover{border-color:#2a78d6;color:#2a78d6}
.mvsg-as-accions span{font-size:.78rem;color:#6b7078}
.mvsg-as-export{font-size:.9rem;line-height:1.5;background:#fff;padding:4px 0}
.mvsg-as-export p{margin:.35rem 0}.mvsg-as-export ul{margin:.3rem 0 .4rem 1.1rem;padding:0}
.mvsg-as-export .mvsg-as-taula table tr{break-inside:avoid}
.mvsg-as-preg{background:#f1f6ff;border-left:4px solid #2a78d6;border-radius:8px;padding:.5rem .75rem;margin:0 0 .8rem!important}
@media print{.mvsg-as-accions{display:none}}

/* Pressupost: venut segons la descripció */
.mvsg-coinc{margin-top:.8rem}
.mvsg-coinc h5{margin:0 0 .4rem;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:#6b7078}
.mvsg-coinc .f{border:1px solid #eceef2;border-radius:10px;padding:.5rem .7rem;margin-bottom:.45rem;font-size:.86rem;line-height:1.45}
.mvsg-coinc .mvsg-doc-tipus{margin-bottom:0;font-size:.64rem;padding:.1rem .45rem}
.mvsg-coinc small{color:#6b7078}

/* Quan arriba una comanda a proveïdor: etiqueta ben visible */
.mvsg-arriba-pill{display:inline-block;margin-top:4px;padding:3px 10px;border-radius:999px;background:#1f6fd1;color:#fff;font-weight:700;font-size:.8rem;line-height:1.35;white-space:nowrap;box-shadow:0 1px 2px rgba(31,111,209,.25)}
.mvsg-arriba-pill small{font-weight:600;font-size:.72rem;opacity:.95}
.mvsg-arriba-pill.nc{background:#fff1dc;color:#9a4f00;border:1px dashed #e08a1e;box-shadow:none}
@media print{.mvsg-arriba-pill{background:none!important;color:#000!important;border:1px solid #000;box-shadow:none}}

/* Fitxa d'article: comanda al proveïdor ben visible */
.mvsg-alerta.arriba{background:#eaf2ff;border:1px solid #9cc2f2;border-left:5px solid #1f6fd1;color:#0d3c78}
.mvsg-kpi.mvsg-kpi-arriba{background:#eef5ff;box-shadow:inset 0 3px 0 #1f6fd1}
.mvsg-kpi.mvsg-kpi-arriba strong{color:#1f6fd1}

/* L'etiqueta d'arribada no ha d'heretar l'estil dels títols (majúscules, gris) de les caselles i files */
span.mvsg-arriba-pill,.mvsg-kpi span.mvsg-arriba-pill,.mvmw-fila span.mvsg-arriba-pill{color:#fff!important;background:#1f6fd1!important;text-transform:none!important;letter-spacing:0!important;font-size:.8rem!important;font-weight:700!important;white-space:normal;max-width:100%;box-sizing:border-box}
span.mvsg-arriba-pill.nc,.mvsg-kpi span.mvsg-arriba-pill.nc,.mvmw-fila span.mvsg-arriba-pill.nc{color:#8a4300!important;background:#fff1dc!important}
.mvsg-kpi span.mvsg-arriba-pill{align-self:flex-start;margin-top:6px}

/* Botó 'Veure les comandes' (rebre / servir) i botó 'Obrir' de les llistes */
button.mvsg-veure-com,.mvsg-kpi button.mvsg-veure-com{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:6px;align-self:flex-start;margin-top:8px;padding:5px 12px;border-radius:999px;background:#fff;border:1px solid #c9d8ef;color:#1f6fd1;font-family:inherit;font-size:.78rem;font-weight:700;line-height:1.2;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s,border-color .15s}
button.mvsg-veure-com b{font-weight:800}
button.mvsg-veure-com:hover,button.mvsg-veure-com.obert{background:#1f6fd1;border-color:#1f6fd1;color:#fff}
button.mvsg-veure-com:focus-visible{outline:2px solid #1f6fd1;outline-offset:2px}
td > button.mvsg-veure-com{margin-top:0}
.mvsg-kpi.mvsg-kpi-servir{box-shadow:inset 0 3px 0 #8a93a3}
.mvsg-kpi.mvsg-kpi-servir.curt{background:#fff6ea;box-shadow:inset 0 3px 0 #e2741a}
.mvsg-kpi.mvsg-kpi-servir.curt strong,.mvsg-kpi.mvsg-kpi-servir.curt em{color:#b35a00}
.mvsg-kpi.mvsg-kpi-servir.curt button.mvsg-veure-com{color:#b35a00;border-color:#f0c79a}
.mvsg-kpi.mvsg-kpi-servir.curt button.mvsg-veure-com:hover,.mvsg-kpi.mvsg-kpi-servir.curt button.mvsg-veure-com.obert{background:#e2741a;border-color:#e2741a;color:#fff}
@media print{button.mvsg-veure-com{display:none}}

/* Acordió de comandes (rebre / servir): que es vegi clarament què està obert */
.mvsg-kpi button.mvsg-veure-com{white-space:normal;max-width:100%;text-align:left}
.mvsg-kpi.mvsg-kpi-arriba,.mvsg-kpi.mvsg-kpi-servir{position:relative}
.mvsg-kpi.actiu.mvsg-kpi-arriba{background:#dcebff;box-shadow:inset 0 0 0 2px #1f6fd1}
.mvsg-kpi.actiu.mvsg-kpi-servir{background:#ffeedd;box-shadow:inset 0 0 0 2px #e2741a}
.mvsg-kpi.actiu::after{content:"";position:absolute;left:50%;bottom:-9px;margin-left:-9px;border:9px solid transparent;border-bottom:0;z-index:2}
.mvsg-kpi.actiu.mvsg-kpi-arriba::after{border-top-color:#1f6fd1}
.mvsg-kpi.actiu.mvsg-kpi-servir::after{border-top-color:#e2741a}
.mvsg-kpis{overflow:visible}
.mvsg-rebre-det[data-det]{margin-top:14px;border-radius:14px;overflow:hidden}
.mvsg-rebre-det[data-det="rebre"]{border:2px solid #1f6fd1;box-shadow:0 10px 28px rgba(31,111,209,.16)}
.mvsg-rebre-det[data-det="servir"]{border:2px solid #e2741a;box-shadow:0 10px 28px rgba(226,116,26,.16)}
.mvsg-rebre-det[data-det="rebre"] > h4{background:#1f6fd1;color:#fff;margin:0}
.mvsg-rebre-det[data-det="servir"] > h4{background:#e2741a;color:#fff;margin:0}
.mvsg-anim{animation:mvsgBaixa .28s ease-out}
@keyframes mvsgBaixa{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
/* Comanda desplegada sota la fila */
tr.mvsg-fila-oberta > td{background:#fff3e6!important}
tr.mvsg-com-det > td{background:#fff3e6;padding:0 14px 16px!important}
.mvsg-com-caixa{background:#fff;border:1px solid #f0c79a;border-left:5px solid #e2741a;border-radius:12px;padding:12px 14px;box-shadow:0 6px 18px rgba(0,0,0,.06)}
.mvsg-com-cap{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:.84rem;margin-bottom:10px}
.mvsg-com-cap em{font-style:normal;color:#6b7078;font-size:.74rem;text-transform:uppercase;letter-spacing:.04em;margin-right:4px}
.mvsg-com-caixa table{margin:0}
.mvsg-com-caixa tr.mvsg-aquest > td{background:#ffe8cc;font-weight:700}
.mvsg-com-peu{display:flex;justify-content:flex-end;margin-top:10px}
td > button.mvsg-veure-com.obert{background:#e2741a;border-color:#e2741a;color:#fff}

/* Documents: taules més compactes (més files a la pantalla). Només a ordinador; al mòbil continuen com a fitxes. */
@media (min-width:721px){
.mvsg-docs-zona .mvmw-table{font-size:.86rem}
.mvsg-docs-zona .mvmw-table th{padding:.45rem .6rem;font-size:.68rem}
.mvsg-docs-zona .mvmw-table td{padding:.3rem .6rem;line-height:1.28}
.mvsg-docs-zona .mvmw-table td br + .mvmw-muted,.mvsg-docs-zona .mvmw-table td .mvmw-muted{font-size:.78rem}
.mvsg-docs-zona .mvmw-table td button.mvmw-mini{padding:.18rem .6rem;font-size:.76rem;min-height:0;line-height:1.2}
.mvsg-docs-zona .mvmw-table .mvmw-estat,.mvsg-docs-zona .mvmw-table .mvmw-pill{padding:.1rem .5rem;font-size:.72rem}
}

/* Llistes més lleugeres: gomet d'empresa i botó d'obrir compacte */
.mvsg-gomet{display:inline-block;width:12px;height:12px;border-radius:50%;vertical-align:middle;cursor:help;box-shadow:0 0 0 2px #fff,0 0 0 3px rgba(0,0,0,.06)}
.mvsg-gomet-1{background:#ee1233}
.mvsg-gomet-3{background:#0f9a54}
.mvmw-table th.mvsg-th-emp,.mvmw-table td.mvsg-td-emp{width:22px;padding-left:.3rem!important;padding-right:.3rem!important;text-align:center}
.mvmw-table td.mvmw-td-crm{width:38px;padding-left:.5rem!important;padding-right:.2rem!important}
button.mvmw-mini.mvsg-obre-ico{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;min-width:0;min-height:0;padding:0!important;border-radius:50%;line-height:1;font-size:0}
button.mvmw-mini.mvsg-obre-ico svg{display:block}
tr:hover button.mvmw-mini.mvsg-obre-ico,button.mvmw-mini.mvsg-obre-ico:hover{background:#15171a;border-color:#15171a;color:#fff}
.mvmw-table tbody tr:has(.mvsg-obre-ico){cursor:pointer}
@media (max-width:720px){.mvmw-table td.mvsg-td-emp,.mvmw-table td.mvmw-td-crm{width:100%}}

/* Botons d'acció dels documents (Imprimir · PDF · Enviar) */
button.mvsg-acc-btn{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 14px;border-radius:999px;border:1px solid #d6d9df;background:#fff;color:#2b2f36;font-family:inherit;font-size:.84rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s,color .15s,box-shadow .15s}
button.mvsg-acc-btn svg{flex:none}
button.mvsg-acc-btn:hover:not(:disabled){border-color:#15171a;color:#15171a;box-shadow:0 2px 6px rgba(0,0,0,.08)}
button.mvsg-acc-btn:disabled{opacity:.45;cursor:default}
button.mvsg-acc-btn:focus-visible{outline:2px solid #2a78d6;outline-offset:2px}
button.mvsg-acc-btn.mvsg-acc-env{color:#fff;border-color:transparent;padding:0 16px;box-shadow:0 2px 8px rgba(0,0,0,.12)}
button.mvsg-acc-btn.mvsg-acc-env-1{background:#ee1233}
button.mvsg-acc-btn.mvsg-acc-env-3{background:#0f9a54}
button.mvsg-acc-btn.mvsg-acc-env:hover:not(:disabled){color:#fff;border-color:transparent;filter:brightness(.92);box-shadow:0 4px 12px rgba(0,0,0,.18)}
/* Aire a baix de tot perquè el botó flotant de l'Assistent no tapi res */
.mvmw-app{padding-bottom:96px}

/* Avui · Administració */
.mvsg-adm-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}
.mvsg-adm-kpis > div.alerta{background:#fff6ea;box-shadow:inset 0 3px 0 #e2741a}
.mvsg-adm-kpis > div.alerta b{color:#b35a00}
.mvsg-adm-kpis > div small{display:block;margin-top:4px;font-size:.74rem;color:#6b7078}
.mvsg-adm-kpis > div small .mvsg-gomet{width:9px;height:9px;box-shadow:none}
.mvsg-adm-kpis em.puja{color:#0f8a4a;font-style:normal;font-weight:700}
.mvsg-adm-kpis em.baixa{color:#d11a2a;font-style:normal;font-weight:700}
.mvsg-v2-fila .mal,.mvsg-v2-fila b.mal{color:#d11a2a}
@media (max-width:900px){.mvsg-adm-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Des de quan (deute) */
.mvsg-des{font-weight:400;opacity:.85;margin-left:.35rem;font-size:.92em;white-space:nowrap}
.mvsg-des-sm{display:block;font-size:.72rem;color:#6b7280;font-weight:400;margin-top:2px}
.mvsg-des-b{font-weight:600;color:#b42318}
.mvsg-tag-des{font-style:normal;font-size:.72rem;color:#b42318;background:#fdecea;border-radius:6px;padding:0 .35rem;margin-right:.35rem;white-space:nowrap}
/* Mitjana de l'empresa als rànquings */
.mvsg-inf-hb .bar u.mig{position:absolute;top:-17px;bottom:-17px;width:0;border-left:2px dashed #e8590c;z-index:2;pointer-events:none;text-decoration:none}
.mvsg-inf-hb .bar u.mig.pri{top:-6px}
.mvsg-inf-hb .bar u.mig.ult{bottom:-6px}
.mvsg-inf-nota .mk-mig{display:inline-block;width:18px;height:0;border-top:2px solid #e8590c;vertical-align:3px;margin-right:.3rem}
.mvsg-inf-hb .mvsg-mig-sep{position:relative;height:18px;margin:.15rem 0;display:flex;align-items:center;justify-content:center}
.mvsg-inf-hb .mvsg-mig-sep::before{content:'';position:absolute;left:0;right:0;top:50%;border-top:2px solid #e8590c}
.mvsg-inf-hb .mvsg-mig-sep span{position:relative;background:#fff;padding:0 .6rem;font-size:.72rem;font-weight:700;color:#e8590c;letter-spacing:.02em}
/* Botó Veure quins (clients perduts / nous) */
.mvsg-inf-tile .mvsg-tile-veure{display:inline-block;margin-top:.45rem;border:1px solid #d9dde3;background:#fff;border-radius:999px;padding:.15rem .65rem;font-size:.74rem;font-weight:600;cursor:pointer;color:#1b1b1a}
.mvsg-inf-tile .mvsg-tile-veure:hover{background:#f4f6fa}
.mvsg-flash{animation:mvsgFlash 1.8s ease}
@keyframes mvsgFlash{0%,45%{box-shadow:0 0 0 3px rgba(232,89,12,.45)}100%{box-shadow:0 0 0 0 rgba(232,89,12,0)}}
/* Ordenar taules clicant el títol */
table thead th{cursor:pointer;user-select:none}
table thead th:empty{cursor:default}
table thead th:hover{color:#1b1b1a}
table thead th[data-ord]{color:#1b1b1a}
table thead th[data-ord="asc"]::after{content:" ▲";font-size:.7em}
table thead th[data-ord="desc"]::after{content:" ▼";font-size:.7em}

/* Llista completa de clients perduts / nous */
.mvsg-llc-cap h2{margin:.6rem 0 .2rem;font-size:1.35rem}
.mvsg-llc-cap h2 .mvsg-llc-n{color:#6b7280;font-weight:500}
.mvsg-llc-cap p{margin:.15rem 0}
.mvsg-llc-ajuda{font-size:.8rem}
.mvsg-llc tr.mvsg-llc-fila{cursor:pointer}
.mvsg-llc tr.mvsg-llc-fila:hover td{background:#f4f6fa}

/* Enllaços a fitxes (article, client, proveïdor) */
button.mvsg-lnk{background:none;border:0;padding:0;margin:0;font:inherit;color:#1c64d8;cursor:pointer;text-align:left;text-decoration:underline;text-decoration-color:rgba(28,100,216,.35);text-underline-offset:2px}
button.mvsg-lnk:hover{color:#0b4bb3;text-decoration-color:currentColor}
button.mvsg-lnk.mvsg-lnk-h{color:inherit;text-decoration-color:rgba(0,0,0,.25)}
button.mvsg-lnk.mvsg-lnk-h:hover{color:#1c64d8}
/* Subpestanyes (fitxa d'article, fitxa de proveïdor) */
.mvsg-art-seg,.mvsg-prov-seg{margin:.4rem 0 .8rem}
/* Proveïdors: compres mes a mes */
.mvsg-prov-mesos{display:flex;align-items:flex-end;gap:4px;height:150px;padding-top:6px}
.mvsg-prov-mesos .c{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;min-width:0}
.mvsg-prov-mesos .c i{display:block;width:100%;max-width:26px;background:#4a3aa7;border-radius:4px 4px 0 0;opacity:.85}
.mvsg-prov-mesos .c:hover i{opacity:1}
.mvsg-prov-mesos .c span{font-size:.62rem;color:#6b7280;margin-top:3px;line-height:1.1;text-align:center}
/* Mapa de presència */
.mvsg-mapa{height:520px;border-radius:12px;overflow:hidden;border:1px solid #e5e7eb;margin-top:.5rem;background:#f4f6fa}
.mvsg-mapa-ctl{display:flex;flex-wrap:wrap;gap:.4rem}
.mvsg-mapa-pop{font-size:.82rem;line-height:1.45;min-width:180px}
.mvsg-mapa-pop .top{margin-top:.35rem;padding-top:.35rem;border-top:1px solid #eee}
@media(max-width:720px){.mvsg-mapa{height:380px}}

/* Pestanyes sense color de document: fosc (abans quedava text blanc sobre fons clar) */
.mvsg-seg-docs button:not([class*="mvsg-doc-"]){--mvsg-doc:#12141a}
.mvsg-seg button{border:0!important;box-shadow:none!important;outline:none}
.mvsg-seg button:focus-visible{outline:2px solid #1c64d8;outline-offset:2px}
.mvsg-seg button:not(.active):hover{background:#e2e5eb;color:#12141a}

/* TOTES LES TAULES IGUALS: compactes i amb la mateixa amplada a tot el MW (ordinador). */
@media (min-width:721px){
.mvmw-app .mvmw-table-wrap{width:100%}
.mvmw-app .mvmw-table{width:100%;font-size:.86rem}
.mvmw-app .mvmw-table th{padding:.45rem .6rem;font-size:.68rem;white-space:nowrap}
.mvmw-app .mvmw-table td{padding:.3rem .6rem;line-height:1.28;vertical-align:middle}
.mvmw-app .mvmw-table td .mvmw-muted,.mvmw-app .mvmw-table td small{font-size:.78rem}
.mvmw-app .mvmw-table td button.mvmw-mini{padding:.18rem .6rem;font-size:.76rem;min-height:0;line-height:1.2}
.mvmw-app .mvmw-table .mvmw-estat,.mvmw-app .mvmw-table .mvmw-pill{padding:.1rem .5rem;font-size:.72rem;white-space:nowrap}
.mvmw-app .mvmw-table td[data-label="Proveïdor"],.mvmw-app .mvmw-table td[data-label="Client"],.mvmw-app .mvmw-table td[data-label="Descripció"]{min-width:170px}
.mvmw-app .mvmw-table td[data-label="Data"],.mvmw-app .mvmw-table td[data-label="Document"],.mvmw-app .mvmw-table td.mvsg-num{white-space:nowrap}
}

/* Taules que caben a la pantalla: les columnes curtes (números, dates, codis) s'ajusten al contingut i el text llarg ocupa la resta. */
@media (min-width:721px){
.mvmw-app .mvmw-table{table-layout:auto}
.mvmw-app .mvmw-table th{white-space:normal;line-height:1.15;padding:.45rem .5rem}
.mvmw-app .mvmw-table td{padding:.3rem .5rem}
.mvmw-app .mvmw-table td.mvsg-num,.mvmw-app .mvmw-table th.mvsg-num,.mvmw-app .mvmw-table td.mvmw-nowrap,.mvmw-app .mvmw-table td.mvsg-td-emp,.mvmw-app .mvmw-table td.mvmw-td-crm,.mvmw-app .mvmw-table td[data-label="Article"],.mvmw-app .mvmw-table td[data-label="Data"],.mvmw-app .mvmw-table td[data-label="Estat"]{width:1%;white-space:nowrap}
.mvmw-app .mvmw-table td.mvsg-num small{white-space:nowrap}
}
.mvsg-seg-sep{display:inline-block;width:1px;align-self:stretch;background:#cfd4dc;margin:.3rem .35rem}
.mvsg-prov-fil{display:flex;gap:.4rem;margin:0 0 .6rem}
.mvsg-art-seg button small{font-weight:500;opacity:.75}

/* Barra de l'assistent (a dalt de tot) */
.mvsg-asbar{display:flex;align-items:center;gap:.5rem;margin:0 0 .9rem;padding:.35rem .4rem .35rem .9rem;background:#fff;border:1px solid #e3e6eb;border-radius:999px;box-shadow:0 2px 10px rgba(18,20,26,.05)}
.mvsg-asbar:focus-within{border-color:#1c64d8;box-shadow:0 0 0 3px rgba(28,100,216,.12)}
.mvsg-asbar .ico{font-size:1.1rem}
.mvsg-asbar input{flex:1;min-width:0;border:0!important;outline:none;background:transparent!important;font:inherit;font-size:.95rem;padding:.45rem .2rem;box-shadow:none!important}
.mvsg-asbar button{border:0;cursor:pointer;font:inherit;font-weight:600}
.mvsg-asbar .mic{width:40px;height:40px;border-radius:50%;background:#f1f3f6;font-size:1.05rem}
.mvsg-asbar .mic:hover{background:#e4e8ee}
.mvsg-asbar.escolta .mic{background:#e03131;color:#fff;animation:mvsgPols 1.2s infinite}
@keyframes mvsgPols{0%{box-shadow:0 0 0 0 rgba(224,49,49,.5)}70%{box-shadow:0 0 0 10px rgba(224,49,49,0)}100%{box-shadow:0 0 0 0 rgba(224,49,49,0)}}
.mvsg-asbar .env{background:#12141a;color:#fff;border-radius:999px;padding:.6rem 1.1rem}
.mvsg-as-fab{display:none!important}
/* Planificador setmanal */
.mvsg-avui-vista{margin-bottom:1rem}
.mvsg-pl-cap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem;margin-bottom:.8rem}
.mvsg-pl-cap .nav{display:flex;align-items:center;gap:.5rem}
.mvsg-pl-cap .tit h3{margin:0;font-size:1.15rem}
.mvsg-pl-cap .tit span{font-size:.82rem;color:#6b7280}
.mvsg-pl-btn{border:1px solid #d9dde3;background:#fff;border-radius:999px;min-width:36px;height:36px;padding:0 .7rem;font:inherit;font-weight:700;cursor:pointer}
.mvsg-pl-btn:hover{background:#f4f6fa}
.mvsg-pl-btn.avui{font-weight:600;font-size:.82rem}
.mvsg-pl-capes{display:flex;flex-wrap:wrap;gap:.35rem}
.mvsg-pl-grid{display:grid;grid-template-columns:repeat(var(--n,5),minmax(170px,1fr));gap:.6rem;overflow-x:auto;padding-bottom:.4rem}
.mvsg-pl-dia{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:.55rem;display:flex;flex-direction:column;gap:.4rem;min-height:160px}
.mvsg-pl-dia.avui{border:2px solid #1c64d8;box-shadow:0 4px 14px rgba(28,100,216,.12)}
.mvsg-pl-dia.passat{background:#fafbfc}
.mvsg-pl-dia .cap{display:flex;align-items:baseline;gap:.4rem;flex-wrap:wrap;padding:0 .15rem .3rem;border-bottom:1px solid #eef0f3}
.mvsg-pl-dia .cap b{font-size:.95rem}
.mvsg-pl-dia .cap em{font-style:normal;font-size:.68rem;font-weight:700;color:#fff;background:#1c64d8;border-radius:999px;padding:.05rem .45rem}
.mvsg-pl-dia .cap small{margin-left:auto;font-size:.72rem;color:#2f9e44;font-weight:600}
.mvsg-pl-dia .buit{margin:.3rem 0 0;font-size:.78rem;color:#9aa1ab}
.mvsg-pl-dia .it{display:block;width:100%;text-align:left;border:0;border-left:3px solid #ccc;background:#f6f7f9;border-radius:8px;padding:.4rem .5rem;font:inherit;font-size:.8rem;line-height:1.3;cursor:pointer}
.mvsg-pl-dia .it:hover{filter:brightness(.97)}
.mvsg-pl-dia .it i{font-style:normal;margin-right:.25rem}
.mvsg-pl-dia .it b{font-weight:700}
.mvsg-pl-dia .it span,.mvsg-pl-dia .it small{display:block;color:#5b6270;font-size:.74rem}
.mvsg-pl-dia .it summary{list-style:none;cursor:pointer}
.mvsg-pl-dia .it summary::-webkit-details-marker{display:none}
.mvsg-pl-dia .it .cl{margin-top:.35rem;padding-top:.35rem;border-top:1px dashed #d9dde3;font-size:.76rem;line-height:1.45}
.mvsg-pl-dia .it.ruta{border-left-color:#1c64d8;background:#eef4fd}
.mvsg-pl-dia .it.entrega{border-left-color:#eb6834;background:#fdf1ea}
.mvsg-pl-dia .it.arriba{border-left-color:#7048e8;background:#f3effd}
.mvsg-pl-dia .it.rebut{border-left-color:#2f9e44;background:#ecf8ef}
.mvsg-pl-dia .it.venc{border-left-color:#b42318;background:#fdeeed}
@media(max-width:720px){.mvsg-pl-grid{grid-template-columns:1fr}.mvsg-pl-dia{min-height:0}}
/* Proveïdors: logo i contacte */
.mvsg-prov-cel{display:flex;align-items:center;gap:.6rem}
.mvsg-prov-logo{flex:0 0 34px;width:34px;height:34px;border-radius:9px;background:#fff;border:1px solid #e5e7eb;display:flex;align-items:center;justify-content:center;overflow:hidden}
.mvsg-prov-logo img{max-width:100%;max-height:100%;object-fit:contain}
.mvsg-prov-logo.ini{background:#ece9f8;color:#4a3aa7;font-size:.72rem;font-weight:800;border-color:#ddd7f3}
.mvsg-prov-contacte{margin-top:.35rem;font-size:.82rem;color:#5b6270;line-height:1.6}
.mvsg-prov-contacte a{color:#1c64d8;text-decoration:none}
.mvsg-prov-contacte span{color:#c3c8cf;margin:0 .15rem}
/* Fitxa d'article: segon nivell de pestanyes */
.mvsg-art-sub{margin-top:-.4rem}
.mvsg-seg-main{margin-bottom:.8rem}

/* Planificador setmanal, versió neta: només la setmana */
.mvsg-pl2-cap{display:flex;align-items:center;justify-content:center;gap:.8rem;margin:0 0 1rem}
.mvsg-pl2-cap .tit{text-align:center;min-width:170px}
.mvsg-pl2-cap .tit b{display:block;font-size:1.15rem}
.mvsg-pl2-cap .tit span{font-size:.82rem;color:#6b7280}
.mvsg-pl2{display:grid;grid-template-columns:repeat(var(--n,5),minmax(0,1fr));gap:.6rem}
.mvsg-pl2 .dia{background:#fff;border:1px solid #e8eaee;border-radius:18px;padding:.7rem .55rem .6rem;display:flex;flex-direction:column;gap:.4rem;min-height:210px}
.mvsg-pl2 .dia.avui{border:2px solid #12141a}
.mvsg-pl2 .dia.passat{opacity:.55}
.mvsg-pl2 .dia .cap{text-align:center;margin-bottom:.2rem}
.mvsg-pl2 .dia .cap span{display:block;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#8a919c}
.mvsg-pl2 .dia .cap b{display:block;font-size:1.9rem;line-height:1.05;font-weight:800}
.mvsg-pl2 .dia.avui .cap b{color:#fff;background:#12141a;border-radius:50%;width:2.6rem;height:2.6rem;line-height:2.6rem;margin:.15rem auto 0;font-size:1.35rem}
.mvsg-pl2 .dia .res{margin:auto 0;text-align:center;color:#c8ccd3}
.mvsg-pl2 .f{display:flex;align-items:center;gap:.4rem;width:100%;border:0;border-radius:12px;padding:.45rem .55rem;font:inherit;cursor:pointer;text-align:left;transition:transform .1s}
.mvsg-pl2 .f:hover{transform:translateY(-1px)}
.mvsg-pl2 .f i{font-style:normal;font-size:1rem}
.mvsg-pl2 .f b{font-size:1rem;font-weight:800}
.mvsg-pl2 .f span{font-size:.72rem;color:inherit;opacity:.8}
.mvsg-pl2 .f.on{outline:2px solid currentColor;outline-offset:1px}
.f-rutes{background:#e7f0fd;color:#1553b8}
.f-arriben{background:#efe9fd;color:#5b34c9}
.f-entregues{background:#fdeee4;color:#c2531f}
.f-venciments{background:#fde9e8;color:#a61e14}
.mvsg-pl2-det{margin-top:1rem;background:#fff;border:1px solid #e8eaee;border-radius:18px;padding:.9rem 1rem}
.mvsg-pl2-det .det-cap{display:flex;align-items:baseline;gap:.6rem;margin-bottom:.6rem}
.mvsg-pl2-det .det-cap b{font-size:1.05rem}
.mvsg-pl2-det .det-cap span{color:#6b7280;font-size:.85rem}
.mvsg-pl2-det .tanca{margin-left:auto;border:0;background:#f1f3f6;border-radius:50%;width:30px;height:30px;cursor:pointer}
.mvsg-pl2-det .det-cos{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.5rem;background:none!important}
.mvsg-pl2-det .it{display:block;text-align:left;border:1px solid #eceef2;background:#fafbfc;border-radius:12px;padding:.55rem .7rem;font:inherit;font-size:.85rem;color:#12141a}
.mvsg-pl2-det .it.clic{cursor:pointer}
.mvsg-pl2-det .it.clic:hover{background:#f1f4f8}
.mvsg-pl2-det .it b{display:block}
.mvsg-pl2-det .it span{display:block;color:#5b6270;font-size:.8rem}
.mvsg-pl2-det .it .cl{margin-top:.3rem;font-size:.76rem;color:#5b6270;line-height:1.45}
.mvsg-pl2-det .mes{grid-column:1/-1;margin:.2rem 0 0;font-size:.8rem;color:#6b7280}
@media(max-width:720px){.mvsg-pl2{grid-template-columns:1fr}.mvsg-pl2 .dia{min-height:0;flex-direction:row;flex-wrap:wrap;align-items:center}.mvsg-pl2 .dia .cap{margin:0 .4rem 0 0;min-width:48px}.mvsg-pl2 .f{width:auto}}

/* Els elements amagats queden amagats encara que tinguin display propi */
.mvmw-app [hidden],.mvsg-seg[hidden],.mvsg-art-sub[hidden]{display:none!important}

/* Planificador: el dia sencer es pot obrir */
.mvsg-pl2 button.dia{font:inherit;color:inherit;text-align:left;cursor:pointer;width:100%;transition:transform .12s,box-shadow .12s}
.mvsg-pl2 button.dia:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(18,20,26,.08)}
.mvsg-pl2 span.f{cursor:inherit}
.mvsg-pl2 span.f:hover{transform:none}
.mvsg-pl2-ajuda{text-align:center;color:#9aa1ac;font-size:.8rem;margin:.7rem 0 0}
.mvsg-pl2-buit{text-align:center;color:#9aa1ac;padding:2rem 0}
section.mvsg-pl2-det{margin-top:.8rem}
section.mvsg-pl2-det .det-cap{background:none!important;padding:0}
section.mvsg-pl2-det .det-cap span{margin-left:auto;font-weight:800;color:inherit;font-size:1rem}

/* Documents de la comanda: una línia per document */
.mvsg-traca{border:1px solid #eceef2;border-radius:14px;overflow:hidden;background:#fff}
.mvsg-traca+.mvsg-traca{margin-top:.6rem}
.mvsg-traca .tr{display:flex;align-items:center;gap:.6rem;padding:.55rem .8rem;font-size:.9rem}
.mvsg-traca .tr+.tr{border-top:1px solid #f1f3f6}
.mvsg-traca .tr i{font-style:normal;width:1.4rem;text-align:center}
.mvsg-traca .tr .k{width:4.6rem;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#8a919c}
.mvsg-traca .tr .v{flex:1;display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;min-width:0}
.mvsg-traca .tr .imp{white-space:nowrap}
.mvsg-traca .tr-alb{background:#fafbfc}

/* Nom del client/proveïdor a la capçalera dels documents: enllaç a la fitxa */
button.mvsg-lnk.mvsg-lnk-h{font:inherit;color:inherit;text-decoration:none;display:inline-flex;align-items:center;gap:.55rem;text-align:left;border-radius:10px;transition:color .12s}
button.mvsg-lnk.mvsg-lnk-h:hover{color:#1c64d8;text-decoration:none}
.mvsg-lnk-ico{flex:none;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:#f1f3f6;color:#6b7280;transition:background .12s,color .12s}
button.mvsg-lnk-h:hover .mvsg-lnk-ico{background:#1c64d8;color:#fff}

/* Traçabilitat: el document que estàs mirant queda marcat */
.mvsg-traca .tr.actual{background:#eef4ff}
.mvsg-traca .tr.actual .k{color:#1c64d8}
.mvsg-traca .tr .v .mvmw-link{padding:0}

/* Idioma del dictat de veu */
.mvsg-asbar .lng{height:28px;min-width:34px;padding:0 .45rem;border-radius:999px;background:#fff;border:1px solid #d9dde3!important;font-size:.72rem;letter-spacing:.04em;color:#5b6270}
.mvsg-asbar .lng:hover{border-color:#12141a!important;color:#12141a}

/* Planificador v3: capes, capçalera del dia i rutes per zones */
.mvsg-pl2-capes{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem;margin:-.3rem 0 1rem}
.mvsg-pl2-capes .cp{display:inline-flex;align-items:center;gap:.35rem;border:1px solid transparent;border-radius:999px;padding:.3rem .75rem;font:inherit;font-size:.8rem;font-weight:700;cursor:pointer;opacity:.45;filter:grayscale(1);transition:opacity .12s,filter .12s}
.mvsg-pl2-capes .cp.on{opacity:1;filter:none}
.mvsg-pl2-capes .cp i{font-style:normal}
.mvsg-pl2-diacap{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}
.mvsg-pl2-diacap .nav{display:flex;align-items:center;gap:.8rem}
.mvsg-pl2-set{justify-self:start;border:1px solid #e3e6eb;background:#fff;border-radius:999px;padding:.4rem .9rem;font:inherit;font-size:.85rem;font-weight:600;color:#12141a;cursor:pointer}
.mvsg-pl2-set:hover{background:#12141a;color:#fff;border-color:#12141a}
@media(max-width:720px){.mvsg-pl2-diacap{grid-template-columns:1fr;justify-items:center;gap:.6rem}.mvsg-pl2-set{justify-self:center}}
.mvsg-pl2-det .det-cos.f-rutes{display:flex;flex-direction:column;gap:.45rem}
.mvsg-pl2-det details.rt{border:1px solid #e3ebf8;background:#fff;border-radius:12px;overflow:hidden}
.mvsg-pl2-det details.rt>summary{list-style:none;display:flex;align-items:center;gap:.7rem;padding:.6rem .8rem;cursor:pointer;flex-wrap:wrap}
.mvsg-pl2-det details summary::-webkit-details-marker{display:none}
.mvsg-pl2-det details.rt>summary::before{content:'›';font-weight:800;color:#1553b8;transition:transform .15s;display:inline-block}
.mvsg-pl2-det details.rt[open]>summary::before{transform:rotate(90deg)}
.mvsg-pl2-det .rt-nom{font-weight:800;color:#12141a;min-width:8.5rem}
.mvsg-pl2-det .rt-zn{display:flex;flex-wrap:wrap;gap:.3rem;flex:1}
.mvsg-pl2-det .rt-zn span{background:#e7f0fd;color:#1553b8;border-radius:999px;padding:.12rem .6rem;font-size:.78rem;font-weight:600}
.mvsg-pl2-det .rt-n{color:#6b7280;font-size:.8rem;white-space:nowrap}
.mvsg-pl2-det .rt-cos{border-top:1px solid #eef2f8;padding:.6rem .8rem .7rem 2rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:.6rem 1rem;background:#fafcff}
.mvsg-pl2-det .zn h6{margin:0 0 .3rem;font-size:.7rem;letter-spacing:.07em;text-transform:uppercase;color:#8a919c}
.mvsg-pl2-det details.mu>summary{list-style:none;cursor:pointer;font-size:.86rem;padding:.12rem 0;color:#12141a}
.mvsg-pl2-det details.mu>summary b{color:#1553b8;font-size:.78rem;margin-left:.2rem}
.mvsg-pl2-det details.mu>summary:hover{color:#1553b8}
.mvsg-pl2-det details.mu .cl{margin:.15rem 0 .4rem .6rem;padding-left:.6rem;border-left:2px solid #e3ebf8;font-size:.8rem;line-height:1.6}

/* Sense emojis: les icones buides no ocupen lloc */
.mvsg-pl2 .f i:empty,.mvsg-pl2-capes .cp i:empty,.mvsg-asbar .ico:empty,.mvsg-ia .ic:empty,.mvsg-ia-accio .ic:empty,.mvsg-cia-form .ic:empty{display:none}
.mvsg-asbar .mic{display:inline-flex;align-items:center;justify-content:center;color:#12141a}
.mvsg-asbar.escolta .mic{color:#fff}
/* Planificador: xifra a dalt i nom a sota, sempre dins la casella */
.mvsg-pl2 .f{flex-direction:column;align-items:flex-start;gap:0;padding:.4rem .6rem;min-width:0;overflow:hidden}
.mvsg-pl2 .f b{font-size:1.05rem;line-height:1.2;white-space:nowrap;max-width:100%}
.mvsg-pl2 .f>span{font-size:.7rem;line-height:1.2;white-space:nowrap}
.mvsg-pl2-capes .cp{padding:.3rem .85rem}
/* Traçabilitat: un punt de color en lloc d'icona */
.mvsg-traca .tr i:empty{width:8px;height:8px;border-radius:50%;flex:none;margin:0 .35rem;background:#c9ced6}
.mvsg-traca .tr-press i:empty{background:#8b5cf6}
.mvsg-traca .tr-com i:empty{background:#e8590c}
.mvsg-traca .tr-alb i:empty{background:#1c64d8}
.mvsg-traca .tr-ruta i:empty{background:#0f9a54}
.mvsg-traca .tr-fac i:empty{background:#12141a}

/* Rutes: la taula d'una ruta oberta es veu sencera, sense barra de desplaçament pròpia */
.mvsg-ruta-card .mvmw-table-wrap{max-height:none!important;overflow:visible!important}
/* Logistica tambe pot imprimir, fer PDF i enviar l'albara (20/09/2026) */

/* Planificador: tauler de la setmana (què arriba i què surt cada dia) */
.mvsg-pl3{display:grid;grid-template-columns:repeat(var(--n,5),minmax(0,1fr));gap:.55rem;align-items:start}
.mvsg-pl3 .dia{font:inherit;color:inherit;text-align:left;cursor:pointer;background:#fff;border:1px solid #e8eaee;border-radius:16px;padding:.6rem .55rem .7rem;display:flex;flex-direction:column;gap:.55rem;min-width:0;transition:box-shadow .12s,transform .12s}
.mvsg-pl3 .dia:hover{box-shadow:0 8px 20px rgba(18,20,26,.08);transform:translateY(-1px)}
.mvsg-pl3 .dia.avui{border:2px solid #12141a}
.mvsg-pl3 .dia.passat{opacity:.55}
.mvsg-pl3 .cap{display:flex;align-items:baseline;gap:.4rem;padding:0 .2rem}
.mvsg-pl3 .cap span{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#8a919c}
.mvsg-pl3 .cap b{font-size:1.5rem;font-weight:800;line-height:1}
.mvsg-pl3 .dia.avui .cap b{color:#fff;background:#12141a;border-radius:8px;padding:.1rem .4rem;font-size:1.2rem}
.mvsg-pl3 .sec{border-radius:10px;padding:.4rem .45rem;display:flex;flex-direction:column;gap:.2rem;min-width:0}
.mvsg-pl3 .sec h6{margin:0 0 .15rem;font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;font-weight:800;display:flex;justify-content:space-between}
.mvsg-pl3 .it{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 .35rem;font-size:.78rem;line-height:1.3;min-width:0}
.mvsg-pl3 .it b{font-weight:700;color:#12141a;flex:1;min-width:0;overflow-wrap:anywhere}
.mvsg-pl3 .it span{font-size:.72rem;color:#5b6270;white-space:nowrap}
.mvsg-pl3 .it em{flex-basis:100%;font-style:normal;font-size:.68rem;color:#6b7280}
.mvsg-pl3 .s-arr{background:#f3effd}.mvsg-pl3 .s-arr h6{color:#5b34c9}
.mvsg-pl3 .s-arr .it.noconf b{color:#6b7280;font-style:italic}
.mvsg-pl3 .s-rut{background:#eef4fd}.mvsg-pl3 .s-rut h6{color:#1553b8}
.mvsg-pl3 .s-rut .altres b{color:#6b7280;font-weight:600}
.mvsg-pl3 .s-ent{background:#fdf1e8}.mvsg-pl3 .s-ent b{color:#c2531f}
.mvsg-pl3 .s-cob{background:#fdeceb}.mvsg-pl3 .s-cob b{color:#a61e14}
.mvsg-pl3 .res{margin:.4rem .2rem;color:#b3b8c0;font-size:.8rem}
@media(max-width:900px){.mvsg-pl3{grid-template-columns:1fr}.mvsg-pl3 .dia.passat{display:none}}

/* Planificador, dia: qui ve i quant porta */
.mvsg-pl2-det .det-cos.f-arriben{display:block}
.mvsg-arr-llista{display:flex;flex-direction:column;gap:.4rem}
.mvsg-arr-llista details.arr{border:1px solid #e6e0f8;background:#fff;border-radius:12px;overflow:hidden}
.mvsg-arr-llista details.arr>summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:.3rem 1rem;padding:.65rem .9rem}
.mvsg-arr-llista details.arr>summary::-webkit-details-marker{display:none}
.mvsg-arr-llista summary b{font-weight:700;color:#12141a}
.mvsg-arr-llista summary em{grid-column:1;grid-row:2;font-style:normal;font-size:.72rem;color:#b45309}
.mvsg-arr-llista summary .pal{font-size:1.05rem;font-weight:800;color:#5b34c9;white-space:nowrap;text-align:right}
.mvsg-arr-llista summary .cx{font-size:.85rem;color:#6b7280;white-space:nowrap;min-width:5.5rem;text-align:right}
.mvsg-arr-llista details.arr[open]>summary{background:#f7f4fe}
.mvsg-arr-llista .arr-cos{padding:.4rem .9rem .7rem;border-top:1px solid #efeafb}
.mvsg-arr-llista .arr-com{margin-top:.4rem}
.mvsg-arr-llista .arr-com table{width:100%;border-collapse:collapse;margin-top:.2rem;font-size:.8rem}
.mvsg-arr-llista .arr-com td{padding:.2rem .3rem;border-bottom:1px solid #f3f4f6;color:#374151}
.mvsg-arr-llista .arr-com td.n{text-align:right;white-space:nowrap;color:#5b6270;width:1%}
@media(max-width:600px){.mvsg-arr-llista details.arr>summary{grid-template-columns:1fr auto}.mvsg-arr-llista summary .cx{grid-column:2}}

/* Rutes: mapa del dia */
.mvsg-rt-mapa{display:grid;grid-template-columns:1fr 240px;gap:.8rem;align-items:start}
.mvsg-rt-mapa .mapa{height:560px;border-radius:14px;overflow:hidden;border:1px solid #e3e6eb;z-index:0}
.mvsg-rt-mapa .llegenda{display:flex;flex-direction:column;gap:.3rem}
.mvsg-rt-mapa .llegenda button{display:flex;align-items:center;gap:.5rem;border:1px solid #e3e6eb;background:#fff;border-radius:10px;padding:.45rem .6rem;font:inherit;font-size:.85rem;text-align:left;cursor:pointer;opacity:.45}
.mvsg-rt-mapa .llegenda button.on{opacity:1}
.mvsg-rt-mapa .llegenda button i{width:12px;height:12px;border-radius:50%;flex:none}
.mvsg-rt-mapa .llegenda button b{margin-left:auto;color:#6b7280;font-weight:600}
.mvsg-rt-mapa .nota{grid-column:1/-1;margin:0;font-size:.8rem;color:#6b7280}
@media(max-width:800px){.mvsg-rt-mapa{grid-template-columns:1fr}.mvsg-rt-mapa .mapa{height:420px}.mvsg-rt-mapa .llegenda{flex-direction:row;flex-wrap:wrap}}

/* Rutes: la capçalera obre i tanca */
.mvsg-ruta-card .mvsg-ruta-cap{cursor:pointer}
.mvsg-ruta-card .mvsg-ruta-cap:hover{background:#f6f7f9}
/* Arribades endarrerides i possibles */
.mvsg-arr-llista details.arr.tard{border-color:#f5c2c0}
.mvsg-arr-llista summary em.tard{color:#d11a2a;font-weight:600}
.mvsg-pl3 .s-arr .it.tard b{color:#d11a2a}
.mvsg-pl3 .s-arr .it.tard em{color:#d11a2a;font-weight:600}
.mvsg-pl3 .s-arr .it.poss b{color:#7c6aa8;font-weight:600;font-style:italic}
.mvsg-pl2-poss{border-style:dashed}
.mvsg-pl2-nota{margin:-.3rem 0 .6rem;font-size:.8rem;color:#6b7280}

.mvsg-rt-mapa .llegenda .totes{display:flex;gap:.3rem;margin-bottom:.2rem}
.mvsg-rt-mapa .llegenda .totes button{flex:1;justify-content:center;opacity:1;font-size:.78rem;font-weight:600;padding:.35rem .4rem;background:#f4f5f7}
.mvsg-rt-mapa .llegenda .totes button:hover{background:#12141a;color:#fff;border-color:#12141a}

/* Ruta òptima */
.mvsg-opt{border-top:1px solid var(--mvmw-border,#e5e7eb);padding:14px 16px;background:#fafbfc}
.mvsg-opt-resum{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}
.mvsg-opt-resum>div{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:8px 14px;min-width:110px}
.mvsg-opt-resum span{display:block;font-size:11px;color:#6b7280;text-transform:uppercase;letter-spacing:.03em}
.mvsg-opt-resum strong{font-size:18px}
.mvsg-opt-resum .bad strong{color:#d11a2a}
.mvsg-opt-cos{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:14px;align-items:start}
.mvsg-opt-mapa{height:520px;border-radius:10px;border:1px solid #e5e7eb;position:sticky;top:10px;z-index:0}
.mvsg-opt-llista ol{list-style:none;margin:0;padding:0}
.mvsg-opt-llista li{display:grid;grid-template-columns:30px 62px minmax(0,1fr) 58px;gap:8px;align-items:start;padding:9px 6px;border-bottom:1px solid #eef0f3;background:#fff}
.mvsg-opt-llista li:first-child{border-radius:10px 10px 0 0}
.mvsg-opt-llista li.fora{background:#fff5f5}
.mvsg-opt-llista .n{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:#1c64d8;color:#fff;font-size:12px}
.mvsg-opt-llista li.fora .n{background:#d11a2a}
.mvsg-opt-llista .hora strong{font-size:15px}
.mvsg-opt-llista .hora em{display:block;font-style:normal;font-size:11px;color:#b45309}
.mvsg-opt-llista .qui span{display:block;font-size:12px;color:#6b7280}
.mvsg-opt-llista .qui .hr{color:#374151}
.mvsg-opt-llista .qui .hr.bad{color:#d11a2a;font-weight:600}
.mvsg-opt-llista .qui .apr{color:#b45309}
.mvsg-opt-llista .qui .alb .mvmw-link{font-size:12px;padding:0;margin-right:6px}
.mvsg-opt-llista .km{text-align:right;font-size:12px;color:#374151}
.mvsg-opt-llista .km span{color:#9ca3af}
.mvsg-opt-acc{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:12px}
.mvsg-opt-acc>span{font-size:13px;color:#6b7280}
.mvsg-opt-acc a.mvmw-mini{text-decoration:none}
.mvsg-opt-avis{margin:10px 0 0;padding:8px 12px;background:#fff8e6;border-radius:8px;font-size:12px;color:#92400e}
.mvsg-opt-nota{margin:8px 0 0;font-size:11px;color:#9ca3af}
.mvsg-opt-pin{background:none;border:0}
.mvsg-opt-pin span{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#1c64d8;color:#fff;font:700 11px/1 Arial,sans-serif;border:2px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.35)}
.mvsg-opt-pin.fora span{background:#d11a2a}
.mvsg-opt-pin.apr span{background:#e8590c}
.mvsg-opt-pin.mag span{width:26px;height:26px;background:#111;border-radius:6px}
.mvsg-optima.active{background:#1c64d8;color:#fff;border-color:#1c64d8}
@media (max-width:820px){.mvsg-opt-cos{grid-template-columns:1fr}.mvsg-opt-mapa{height:320px;position:relative;top:0}.mvsg-opt-llista li{grid-template-columns:28px 54px minmax(0,1fr)}.mvsg-opt-llista .km{grid-column:3;text-align:left}}
@media (prefers-color-scheme:dark){}

/* Ubicació del camió i entregues */
.mvsg-gps{display:flex;align-items:center;gap:12px;padding:12px 14px;margin-bottom:12px;border-radius:12px;background:#f3f4f6;border:1px solid #e5e7eb}
.mvsg-gps .punt{flex:none;width:12px;height:12px;border-radius:50%;background:#9ca3af}
.mvsg-gps.on{background:#ecfdf3;border-color:#abefc6}
.mvsg-gps.on .punt{background:#0f9a54;box-shadow:0 0 0 0 rgba(15,154,84,.6);animation:mvsgPols 1.8s infinite}
.mvsg-gps.err{background:#fff8e6;border-color:#fcd9a0}
.mvsg-gps.err .punt{background:#e8590c}
.mvsg-gps .t{flex:1;min-width:0}
.mvsg-gps .t strong{display:block;font-size:15px}
.mvsg-gps .t span{display:block;font-size:13px;color:#4b5563}
.mvsg-gps .t .nota{font-size:11px;color:#6b7280;margin-top:2px}
.mvsg-gps .mvmw-btn{flex:none;min-height:44px;padding:0 18px;font-size:15px}
@keyframes mvsgPols{0%{box-shadow:0 0 0 0 rgba(15,154,84,.55)}70%{box-shadow:0 0 0 10px rgba(15,154,84,0)}100%{box-shadow:0 0 0 0 rgba(15,154,84,0)}}
.mvsg-camio{background:none;border:0}
.mvsg-camio svg{box-sizing:content-box;display:block;width:18px;height:18px;padding:7px;border-radius:50%;background:#111827;color:#fff;border:2px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,.4)}
.mvsg-camio.vell svg{background:#9ca3af}
.mvsg-opt-llista li.feta{background:#f0fdf4}
.mvsg-opt-llista li.feta .n{background:#0f9a54}
.mvsg-opt-llista li.feta .qui>strong{color:#374151}
.mvsg-opt-llista .entw{display:block;margin-top:6px}
.mvsg-opt-llista .entw .ent{display:inline;color:#0f7a43;font-weight:600;font-size:13px}
.mvsg-opt-llista .entw .mvmw-link{font-size:12px;color:#6b7280}
.mvsg-opt-llista .mvsg-ent-btn{min-height:40px;padding:0 20px;font-size:14px}
.mvsg-opt-pin.feta span{background:#0f9a54}

/* Capçalera compacta: que les taules comencin més amunt (20/09/2026) */
body:has(.mvmw-app) .wp-site-blocks{padding-top:.7rem!important}
.mvmw-app .mvmw-topbar{padding:.5rem .85rem;margin-bottom:.5rem}
.mvmw-app .mvmw-tabs{margin-bottom:.5rem}
.mvsg-asbar{margin:0 0 .5rem;padding:.25rem .3rem .25rem .8rem}
.mvsg-asbar input{padding:.3rem .2rem;font-size:.92rem}
.mvsg-asbar .mic{width:34px;height:34px}
.mvsg-asbar .env{padding:.45rem .95rem}
.mvmw-app .mvmw-toolbar{padding:.55rem .8rem;gap:.4rem}
.mvsg-filtres{gap:.4rem}
.mvsg-grup{padding:.6rem .45rem .3rem}
.mvsg-grup-lbl{top:-.45rem;font-size:.63rem}
.mvsg-grup .mvmw-chips{gap:.25rem}
.mvsg-toolbar .mvmw-chip{padding:.22rem .6rem;font-size:.78rem}
.mvsg-toolbar .mvmw-search{padding:.45rem .7rem}
.mvsg-llegenda{font-size:.78rem;gap:.7rem}
@media(min-width:1100px){.mvsg-toolbar .mvmw-search{flex:1 1 20rem;max-width:26rem}.mvsg-filtres{flex:2 1 30rem}}

/* El logo mai surt del seu requadre (20/09/2026) */
.mvmw-escut.mvsg-logo{overflow:hidden;height:56px;display:flex;align-items:center;justify-content:center}
.mvmw-escut.mvsg-logo img{height:auto!important;width:auto!important;max-height:100%!important;max-width:100%!important;object-fit:contain}
.mvmw-fitxa-head .mvmw-escut.mvsg-logo{height:88px;min-width:88px;max-width:170px;padding:4px;border-radius:14px}
.mvsg-logo-mini{width:30px;height:30px;vertical-align:-9px}

/* Logos de les llistes una mica més grans (20/09/2026) */
.mvsg-prov-logo{flex:0 0 46px;width:46px;height:46px;border-radius:11px;padding:2px}
.mvsg-prov-logo.ini{font-size:.85rem}
.mvsg-prov-cel{gap:.7rem}

/* Articles: cerca + família/subfamília a l'esquerra, estoc i ordre a la dreta */
.mvsg-art-tb{align-items:flex-start}
.mvsg-art-esq{flex:1 1 20rem;max-width:30rem;display:flex;flex-direction:column;gap:.75rem;min-width:0}
.mvsg-toolbar .mvsg-art-esq .mvmw-search{flex:none;max-width:none;width:100%;box-sizing:border-box}
.mvsg-art-fams{flex:none!important;flex-wrap:nowrap;width:100%;gap:.4rem}
.mvsg-art-fams .mvsg-grup{flex:1 1 0;min-width:0}
.mvsg-art-fams .mvsg-grup select{width:100%;min-width:0}
.mvsg-art-dre{flex:2 1 26rem!important;flex-direction:column;align-items:flex-start;gap:.75rem!important;padding-top:.1rem}
.mvsg-art-dre .mvsg-grup{max-width:100%}
@media (max-width:720px){.mvsg-art-esq{max-width:none}.mvsg-art-fams{flex-wrap:wrap}.mvsg-art-fams .mvsg-grup{flex:1 1 9rem}}

/* Traçabilitat de compra: correus i pagament */
.mvsg-traca .tr-correu i:empty{background:#0891b2}
.mvsg-traca .tr-pag i:empty{background:#ca8a04}
.mvsg-traca .tr-correu{align-items:flex-start}
.mvsg-traca .tr-correu i:empty{margin-top:.45rem}
.mvsg-traca .tr-correu .k{padding-top:.1rem}
.mvsg-traca .tr-correu .v{display:block;line-height:1.55}
.mvsg-tr-avis{display:inline-block;margin-top:2px;font-size:.78rem;font-weight:600;color:#b45309}

/* Comandes sense aprovar a Sage (29/09/2026): per davant de qualsevol altre color. */
.mvsg-taula tbody tr[data-color="aprovar"],.mvsg-taula tbody tr[data-color="aprovar"]:hover{background:#e7e9ee !important;box-shadow:inset 5px 0 0 #111827 !important}
.mvsg-lleg[data-color="aprovar"] i{background:#e7e9ee !important;border-color:#111827 !important}
.mvsg-noaprov{display:inline-block;background:#111827;color:#fff;font-weight:700;font-size:.72rem;line-height:1.4;padding:.1rem .5rem;border-radius:999px;white-space:nowrap}

/* Informes al mòbil (30/09/2026, sessió Informes): res no pot fer la pàgina més ampla que la pantalla (l'iPhone la reduïa sencera). */
.mvsg-inf-filtres .mvmw-count{white-space:normal;min-width:0}
.mvsg-inf-2>*,.mvsg-inf-3>*{min-width:0}
.mvsg-inf-ll{grid-template-columns:minmax(0,1fr)}
@media (max-width:720px){.mvsg-inf-2,.mvsg-inf-3{grid-template-columns:minmax(0,1fr)}.mvsg-inf-ll li{flex-wrap:wrap}.mvsg-inf-ll li>span{flex:1 1 140px}.mvsg-inf-ll li>strong{margin-left:auto}}

/* 01/10/2026 Persones-compacte: llista de Persones en files primes, tipus taula */
.mvsg-pers-llista{border:1px solid #e8eaee;box-shadow:none;border-radius:12px}
.mvsg-pers-llista .mvsg-pers-fila{gap:10px;padding:6px 12px;min-height:46px;border-bottom:1px solid #f0f1f4}
.mvsg-pers-llista .mvsg-pers-fila:nth-child(even){background:#fbfbfc}
.mvsg-pers-llista .mvsg-pers-fila:hover{background:#f3f6fa}
.mvsg-pers-fila .av{width:30px;height:30px;font-size:.72rem;background:#eef1f5;color:#374151}
.mvsg-pers-fila .t{display:grid;grid-template-columns:minmax(140px,1.1fr) minmax(170px,1fr) minmax(190px,1.2fr);align-items:center;column-gap:16px;line-height:1.25}
.mvsg-pers-fila .t b{font-weight:600;font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mvsg-pers-fila .t small{font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mvsg-pers-fila .t small.prl{display:none}
.mvsg-pers-fila .t small.pcx{margin-top:0;font-size:.78rem}
.mvsg-pers-llista select.mvsg-pers-rolsel{flex:0 0 172px;width:172px;min-height:30px;height:30px;padding:0 24px 0 8px!important;line-height:28px;font-size:.8rem;border-radius:7px;border-color:#e2e5ea;background-color:#fff}
.mvsg-pers-fila .fl{font-size:1.05rem}
.mvsg-pers-fila .mvsg-v2-tag{margin-left:0}
@media (max-width:760px){.mvsg-pers-llista select.mvsg-pers-rolsel{flex:1 1 auto;width:auto}.mvsg-pers-fila .t{display:flex;flex-direction:column;align-items:flex-start}.mvsg-pers-fila .t small.pcx{display:none}}
/* Persones-Ruta (03/10/2026): ruta «Persones › nom» a la fitxa, en lloc de l'enllaç blau. Sense gap ni :focus-visible a la mateixa regla (iPad vell). */
.mvsg-molles{display:flex;align-items:center;flex-wrap:wrap;margin:0 0 .7rem;font-size:.92rem;line-height:1.3}
.mvsg-molles>*+*{margin-left:.45rem}
.mvsg-molles .mvsg-pers-torna{background:none;border:0;border-bottom:2px solid #ee1233;border-radius:0;box-shadow:none;color:#4b5563;cursor:pointer;font:inherit;padding:0 0 2px;margin:0;min-height:0}
.mvsg-molles .mvsg-pers-torna:hover{background:none;color:#111827}
.mvsg-molles .mvsg-pers-torna:focus-visible{color:#111827}
.mvsg-molles .sep{color:#9b9a94}
.mvsg-molles .ara{color:#111827;font-weight:600;min-width:0;overflow-wrap:anywhere}
/* Filtres-mòbil (03/10/2026, conversa «Persones-Ruta»): al mòbil, els grups de filtres i la llegenda de les llistes queden plegats darrere de la barra «Filtres». El botó el posa el bloc «Filtres plegats al mòbil» del final de mvmw-shell.js (plugin MasterWeb). Al PC no fa res. */
.mvsg-fx-btn{display:none}
@media (max-width:760px){
.mvsg-fx .mvsg-fx-btn{display:flex;align-items:center;flex:1 1 100%;width:100%;box-sizing:border-box;min-height:40px;margin:.5rem 0 0;padding:0 .75rem;border:1px solid #e2e5ea;border-radius:10px;background:#fff;color:#111827;font:inherit;font-size:.88rem;line-height:1.2;text-align:left;cursor:pointer;box-shadow:none}
.mvsg-fx .mvsg-fx-btn .ic{flex:0 0 auto;width:18px;height:18px;margin-right:.5rem}
.mvsg-fx .mvsg-fx-btn .t{flex:0 0 auto;font-weight:600}
.mvsg-fx .mvsg-fx-btn .r{flex:1 1 auto;min-width:0;margin-left:.6rem;color:#6b7078;font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mvsg-fx .mvsg-fx-btn .fl{flex:0 0 auto;width:16px;height:16px;margin-left:.4rem;color:#9b9a94}
.mvsg-fx.mvsg-fx-obert .mvsg-fx-btn{border-color:#111827;margin-bottom:.5rem}
.mvsg-fx.mvsg-fx-obert .mvsg-fx-btn .fl{transform:rotate(180deg)}
.mvsg-fx:not(.mvsg-fx-obert) .mvsg-grup:not(.mvsg-fx-fix){display:none!important}
.mvsg-fx:not(.mvsg-fx-obert) .mvsg-filtres.mvsg-fx-buit{display:none!important}
.mvsg-fx:not(.mvsg-fx-obert) .mvsg-llegenda{display:none!important}
}
/* Filtres-mòbil, 04/10/2026 (conversa «Fitxa-Submenu»): les mateixes regles també quan el MW va en mode mòbil (body.mw-mob: barra de baix), encara que la pantalla faci més de 760 px (tauletes, finestres estretes). */
body.mw-mob .mvsg-fx .mvsg-fx-btn{display:flex;align-items:center;flex:1 1 100%;width:100%;box-sizing:border-box;min-height:40px;margin:.5rem 0 0;padding:0 .75rem;border:1px solid #e2e5ea;border-radius:10px;background:#fff;color:#111827;font:inherit;font-size:.88rem;line-height:1.2;text-align:left;cursor:pointer;box-shadow:none}
body.mw-mob .mvsg-fx .mvsg-fx-btn .ic{flex:0 0 auto;width:18px;height:18px;margin-right:.5rem}
body.mw-mob .mvsg-fx .mvsg-fx-btn .t{flex:0 0 auto;font-weight:600}
body.mw-mob .mvsg-fx .mvsg-fx-btn .r{flex:1 1 auto;min-width:0;margin-left:.6rem;color:#6b7078;font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.mw-mob .mvsg-fx .mvsg-fx-btn .fl{flex:0 0 auto;width:16px;height:16px;margin-left:.4rem;color:#9b9a94}
body.mw-mob .mvsg-fx.mvsg-fx-obert .mvsg-fx-btn{border-color:#111827;margin-bottom:.5rem}
body.mw-mob .mvsg-fx.mvsg-fx-obert .mvsg-fx-btn .fl{transform:rotate(180deg)}
body.mw-mob .mvsg-fx:not(.mvsg-fx-obert) .mvsg-grup:not(.mvsg-fx-fix){display:none!important}
body.mw-mob .mvsg-fx:not(.mvsg-fx-obert) .mvsg-filtres.mvsg-fx-buit{display:none!important}
body.mw-mob .mvsg-fx:not(.mvsg-fx-obert) .mvsg-llegenda{display:none!important}

/* Fitxa-Submenu (04/10/2026): submenú de dos nivells a les fitxes de client i de proveïdor, sense caixetes. A dalt els grups (.mvsg-sub2-grups), a sota les seccions del grup (.mvsg-seg.mvsg-sub2). */
.mvsg-sub2-grups{display:flex;gap:clamp(1rem,4vw,2rem);margin:1.2rem 0 .7rem;border-bottom:1px solid #e3e6ec;overflow-x:auto;scrollbar-width:none}
.mvsg-sub2-grups::-webkit-scrollbar{display:none}
.mvsg-sub2-grups button{flex:none;border:0;border-bottom:2px solid transparent;background:none;box-shadow:none;border-radius:0;padding:.5rem 0 .6rem;margin:0 0 -1px;font:inherit;font-size:1rem;font-weight:600;line-height:1.2;color:#6b7280;cursor:pointer;white-space:nowrap}
.mvsg-sub2-grups button:hover{color:#12141a}
.mvsg-sub2-grups button.active{color:#12141a;border-bottom-color:#12141a}
.mvsg-sub2-grups button:focus-visible{outline:2px solid #1c64d8;outline-offset:2px}
.mvsg-seg.mvsg-seg-sub.mvsg-sub2.mvsg-sub2{display:flex;flex-wrap:nowrap;gap:clamp(1rem,4vw,1.6rem);padding:0;margin:0 0 1rem;background:none;border-radius:0;overflow-x:auto;scrollbar-width:none}
.mvsg-seg.mvsg-seg-sub.mvsg-sub2.mvsg-sub2::-webkit-scrollbar{display:none}
.mvsg-seg.mvsg-seg-sub.mvsg-sub2.mvsg-sub2 button{flex:none;padding:.15rem 0 .45rem;border-radius:0;background:none;font-size:.92rem;font-weight:500;line-height:1.2;color:#6b7280;white-space:nowrap}
.mvsg-seg.mvsg-seg-sub.mvsg-sub2.mvsg-sub2 button:not(.active):hover{background:none;color:#12141a}
.mvsg-seg.mvsg-seg-sub.mvsg-sub2.mvsg-sub2 button.active{background:none;color:#12141a;font-weight:600;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
.mvmw-fitxa:has(.mvcv) .mvsg-sub2-grups{margin:.3rem 0 .45rem}
.mvmw-fitxa:has(.mvcv) .mvsg-seg.mvsg-seg-sub.mvsg-sub2.mvsg-sub2{margin:0 0 .4rem}
@media (max-width:480px){.mvsg-sub2-grups{gap:.6rem;justify-content:space-between}.mvsg-sub2-grups button{font-size:.9rem}}

/* =====================================================================
 * REVISIÓ DE DISSENY — 04/10/2026 (conversa «Revisio-Disseny»)
 * Capa d'ajustos per sobre de la resta. Detall i motius: claude/revisio-disseny.md
 * Per desfer-ho tot: esborrar des d'aquesta capçalera fins a «FI REVISIÓ DE DISSENY».
 * Cada apartat (R1…R6) es pot treure sol.
 * ===================================================================== */

/* R1 · Amplada al PC: el tema deixava 50 px buits a cada costat del contingut. */
body.mw-lat .has-global-padding:has(> .mvmw-app){padding-left:0 !important;padding-right:0 !important}

/* R2 · Lletra: gruix normal (el tema posava 300) i un sol gris secundari llegible (#6b7280, 4,8:1). */
html .mvmw-app{font-weight:400}
html .mvav{--av-soft:#6b7280}
html .mwc{--soft:#5d6880}
html .mvmc,html .mwia{--mut:#6b7280}
html .mvsg-grup-lbl,html .mvsg-d.mute,html .mvsg-hm th small,html .mvsg-v2-fila .arts small,
html .mvsg-pers-fitxa .mvmw-camp small,html .mvsg-pl-dia .buit,html .mvsg-prov-contacte span,
html .mvsg-traca .tr .k,html .mvsg-opt-llista .km span,html .mvsg-opt-nota,html .mvsg-dlt-l,
html .mcp-mini .prep,html .mvad-r .c-rut i,html .mvsg-rk-lbl,html .mvsg-rk-ant,html .mvmo .bu,
html .mvdc-w .mvdc-lf .cl.no,html .mvft-c.gris b,html .mvft-comp small,html .mvft-ia.espera,
html .mvsg-pers-fila .pcx,html .mvpt-c .v em,html .mvan-q li em,html .mvan-cr .v em,
html .mvan-100 .r > span small,html .mvan-crs .r > span small,html .mvan-crs .v em,
html .mvan-qs2 li em,html .mvpt-tram .e{color:#6b7280}
/* Etiquetes que anaven a 10 px: 11 px. */
html .mvsg-grup-lbl{font-size:11px}
html .mvmg-pill,html .mvdc-pill{font-size:11px}
html .mvmg-cc{background:#b45309}
html .mvmw-app span[style*="color:#9ca3af"],html .mvmw-app small[style*="color:#9ca3af"]{color:#6b7280 !important}

/* R3 · Files de les llistes: només la ratlla de color a l'esquerra (l'estat ja el diu l'etiqueta).
   «Sense aprovar» es queda com estava. */
html .mvad-r[data-color],
html .mvsg-taula tbody tr[data-color]:not([data-color="aprovar"]),
html .mvft-com tbody tr[data-color]:not([data-color="aprovar"]){background:#fff}
html .mvsg-taula tbody tr[data-color="taronja"],html .mvsg-taula tbody tr[data-color="e-sense"]{box-shadow:inset 4px 0 0 #f2c230}
html .mvsg-taula tbody tr[data-color="vermell"],html .mvsg-taula tbody tr[data-color="lila"],html .mvft-com tbody tr[data-color="taronja"]{box-shadow:inset 4px 0 0 #c026d3}
html .mvsg-taula tbody tr[data-color="blau"],html .mvsg-taula tbody tr[data-color="e-rec"]{box-shadow:inset 4px 0 0 #64748b}
html .mvsg-taula tbody tr[data-color="e-ruta"]{box-shadow:inset 4px 0 0 #38bdf8}
html .mvsg-taula tbody tr[data-color="e-servit"]{box-shadow:inset 4px 0 0 #1d4ed8}
html .mvsg-taula tbody tr[data-color="e-fact"]{box-shadow:inset 4px 0 0 #7c3aed}
html .mvsg-taula tbody tr[data-color="emp-multi"]{box-shadow:inset 4px 0 0 #ee1233}
html .mvsg-taula tbody tr[data-color="emp-packme"]{box-shadow:inset 4px 0 0 #0f9a54}

/* R4 · Filtres al PC, a les llistes amb cerca i tres grups de filtres o més (Clients i els documents de venda):
   cerca i botó «Filtres» en una fila; es queda a la vista el primer grup i la resta (i la llegenda) surten en obrir
   «Filtres», com al mòbil. Les llistes amb dos grups (compres, Informes), Articles i Rutes es queden com estaven. */
body.mw-lat .mvsg-fx:has(> .mvmw-search):has(> .mvsg-filtres > .mvsg-grup:nth-child(3)) .mvsg-fx-btn{display:inline-flex;align-items:center;flex:0 1 auto;width:auto;max-width:46%;box-sizing:border-box;min-height:40px;margin:0;padding:0 .75rem;border:1px solid #e2e5ea;border-radius:10px;background:#fff;color:#111827;font:inherit;font-size:.86rem;cursor:pointer}
body.mw-lat .mvsg-fx:has(> .mvmw-search):has(> .mvsg-filtres > .mvsg-grup:nth-child(3)) .mvsg-fx-btn .ic{flex:0 0 auto;width:18px;height:18px;margin-right:.5rem}
body.mw-lat .mvsg-fx:has(> .mvmw-search):has(> .mvsg-filtres > .mvsg-grup:nth-child(3)) .mvsg-fx-btn .t{flex:0 0 auto;font-weight:600}
body.mw-lat .mvsg-fx:has(> .mvmw-search):has(> .mvsg-filtres > .mvsg-grup:nth-child(3)) .mvsg-fx-btn .r{flex:1 1 auto;min-width:0;margin-left:.6rem;color:#6b7280;font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.mw-lat .mvsg-fx:has(> .mvmw-search):has(> .mvsg-filtres > .mvsg-grup:nth-child(3)) .mvsg-fx-btn .fl{flex:0 0 auto;width:16px;height:16px;margin-left:.4rem;color:#6b7280}
body.mw-lat .mvsg-fx:has(> .mvmw-search):has(> .mvsg-filtres > .mvsg-grup:nth-child(3)).mvsg-fx-obert .mvsg-fx-btn{border-color:#111827}
body.mw-lat .mvsg-fx:has(> .mvmw-search):has(> .mvsg-filtres > .mvsg-grup:nth-child(3)).mvsg-fx-obert .mvsg-fx-btn .fl{transform:rotate(180deg)}
body.mw-lat .mvsg-fx:has(> .mvmw-search):has(> .mvsg-filtres > .mvsg-grup:nth-child(3)):not(.mvsg-fx-obert) > .mvsg-filtres > .mvsg-grup:not(.mvsg-fx-fix):not(:first-child){display:none !important}
body.mw-lat .mvsg-fx:has(> .mvmw-search):has(> .mvsg-filtres > .mvsg-grup:nth-child(3)):not(.mvsg-fx-obert) .mvsg-llegenda{display:none !important}
body.mw-lat .mvsg-fx:has(> .mvmw-search):has(> .mvsg-filtres > .mvsg-grup:nth-child(3)) > .mvmw-search{flex:1 1 320px}
body.mw-lat .mvsg-fx:has(> .mvmw-search):has(> .mvsg-filtres > .mvsg-grup:nth-child(3)) > .mvsg-filtres{flex:1 1 100%}

/* R5 · Botons petits al mòbil: 44 px de zona de toc sense canviar el dibuix. */
body.mw-mob .mvmg .tk,body.mw-mob .mvsg-taula .mvmw-mini,body.mw-mob .mwl-acc button,body.mw-mob .mvmw-btn-link{position:relative}
body.mw-mob .mvmg .tk::after,body.mw-mob .mvsg-taula .mvmw-mini::after,body.mw-mob .mwl-acc button::after,body.mw-mob .mvmw-btn-link::after{content:"";position:absolute;left:50%;top:50%;width:max(100%,44px);height:max(100%,44px);transform:translate(-50%,-50%)}

/* R6 · Coses que es trencaven quan el contingut s'estreny. */
/* Albarans del dia (PC): la columna Client no pot quedar a zero. */
body.mw-lat .mvad-cols,body.mw-lat .mvad-r{grid-template-columns:30px 104px minmax(150px,1fr) 100px minmax(90px,200px) 98px}
body.mw-lat .mvad.ambcom .mvad-cols,body.mw-lat .mvad.ambcom .mvad-r{grid-template-columns:30px 104px minmax(150px,1fr) minmax(70px,120px) 100px minmax(90px,200px) 98px}
body.mw-lat .mvad-r .c-com,body.mw-lat .mvad-r .c-rut,body.mw-lat .mvad-r .c-cli{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* Comptabilitat: el gràfic petit s'amaga quan l'indicador és estret, en lloc de trepitjar la xifra. */
html .mvct .kpi{container-type:inline-size}
@container (max-width:250px){.mvct .kpi .spark{display:none}}
/* Detall de document: les línies a tota l'amplada i les dades a sota, en columnes. */
@media (max-width:1700px){
body.mw-lat .mvmw-cols:has(.mvsg-linies){grid-template-columns:minmax(0,1fr)}
body.mw-lat .mvmw-cols:has(.mvsg-linies) > .mvmw-col + .mvmw-col{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:start}
}
/* Rutes al mòbil: el nom no queda sota «Veure» i l'etiqueta d'estat no surt de la targeta. */
body.mw-mob .mvmw-app .mvsg-taula-ruta tbody td[data-label="Client"]{padding-right:5.4rem !important}
body.mw-mob .mvsg-taula-ruta td[data-label="Estat"] .mvmw-pill{white-space:normal}
/* Factures al mòbil: el recompte de dalt no cabia en una línia i quedava tallat. */
body.mw-mob .mvsg-fx > .mvmw-count{white-space:normal}

/* R7 · Fitxa de client: amb una fitxa oberta, «Clients · Leads · Altes» s'amaga (ja hi ha «← Tornar als clients» i el menú). */
html body .mvsg-navrow:has(> .mvmw-torna) > .mvsg-seg[data-niv="1"]:has([data-v="leads"]){display:none !important}

/* R8 · Teclat: les capçaleres de columna es poden enfocar (s'ordenen amb Retorn o Espai). */
html .mvmw-app table thead th:focus-visible{outline:2px solid #1c64d8;outline-offset:-2px}

/* R9 · Mínim 12 px: les etiquetes d'estat i les capçaleres de columna (anaven a 11,5 i 10,9 px). L'espai entre lletres de la capçalera baixa perquè la taula no s'eixampli. */
html .mvmw-app .mvmw-pill,html .mvmw-app .mvmw-table .mvmw-pill,html .mvmw-app .mvmw-table .mvmw-estat,html .mvmw-app .mvmw-table tbody td .mvmw-pill,html .mvmw-app .mvmw-table tbody td .mvmw-estat{font-size:12px}
html .mvmw-app .mvmw-table thead th,html .mvmw-app .mvsg-taula thead th{font-size:12px;letter-spacing:.03em}

/* R10 · PC estret (menys de 1.400 px d'amplada): les llistes estrenyen els marges de les cel·les i l'estat pot anar en dues línies, perquè es talli menys la columna Estat. */
@media (max-width:1400px){
body.mw-lat .mvsg-taula thead th,body.mw-lat .mvsg-taula tbody td{padding-left:5px;padding-right:5px}
body.mw-lat .mvsg-taula tbody td[data-label="Estat"]{white-space:normal}
}

/* ===== FI REVISIÓ DE DISSENY ===== */

/* ======================================================================
   SIMBOLOGIA (PROVA) — 05/10/2026 · conversa «Simbologia»
   Només s'aplica si <html> porta la classe «mws» (la posa mvmw-shell.js quan
   la persona l'ha activat amb …/portal/?simbols=1). Sense la classe, res d'aquí
   fa efecte. Per treure-ho tot: esborrar aquest bloc. Detall: claude/simbologia.md
   ====================================================================== */
/* Colors dels documents (opció B, triada per en Víctor el 05/10/2026) */
html.mws{--mw-doc-v-pre:#0891b2;--mw-doc-v-com:#0891b2;--mw-doc-v-alb:#2563eb;--mw-doc-v-fac:#9333ea;--mw-doc-c-pre:#a16207;--mw-doc-c-com:#ca8a04;--mw-doc-c-alb:#ea580c;--mw-doc-c-fac:#9a3412}
/* S1 · Mida dels símbols al menú, a les pestanyes recents i a la barra del mòbil */
html.mws .mws-i{display:block;flex:none}
html.mws .mwl-it svg.mws-i{width:24px;height:24px}
html.mws .mwl-doc svg.mws-i,html.mws .mwl-sub svg.mws-i{width:20px;height:20px}
html.mws .mwl-rec svg.mws-i{width:18px;height:18px}
html.mws .mwl-b svg.mws-i{width:26px;height:26px}
html.mws .mwl-sub[data-mws]{display:flex;align-items:center;gap:9px}
/* S2 · Estat a les llistes: l'adhesiu i el nom, sense la pastilla de fons */
html.mws .mvmw-app .mvmw-pill.mws-est,html.mws .mvmw-app .mvmw-table .mvmw-pill.mws-est,html.mws .mvmw-app .mvmw-table tbody td .mvmw-pill.mws-est,html.mws .mvmw-app .mvmw-estat.mws-est,html.mws .mvmw-app .mvmw-table .mvmw-estat.mws-est,html.mws .mvmw-app .mvsg-noaprov.mws-est{display:inline-flex;align-items:center;gap:6px;padding:0;border-radius:0;background:transparent;color:#16191f;font-weight:700}
/* S3 · Enllaç per tornar enrere, a baix del menú */
html.mws .mws-fora{display:block;margin:6px 0 0;padding:0;border:0;background:none;color:inherit;font:inherit;font-size:12px;text-decoration:underline;cursor:pointer;opacity:.75}
/* ====================== FI SIMBOLOGIA (PROVA) ====================== */
/* ============================================================
 * COMANDA: PER SERVIR I SERVIT (07/10/2026, conversa «Comanda-Linies»)
 * Opció A triada per en Víctor: el pendent a dalt i el servit plegat. claude/comanda-linies-estat.md
 * Valors de la guia d'estil (tinta, tinta-suau, paper-suau, ratlla, focus): la capa comuna encara no és al MW.
 * ============================================================ */
.mvsg-l-resum{display:flex;align-items:flex-start;gap:8px;margin:0 0 12px;color:#2b303b;font-size:14px;line-height:20px}
.mvsg-l-resum svg{flex:none;margin-top:1px}
.mvsg-l-resum strong{display:block;font-weight:600}
.mvsg-l-resum div > span{display:block;font-size:13px;line-height:18px;color:#667085}
.mvsg-l-grup{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 8px;color:#2b303b;font-size:14px;line-height:20px;font-weight:700}
.mvsg-l-grup b{font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.mvsg-linies tbody[hidden]{display:none!important}
.mvsg-linies .mvsg-l-est{display:none}
.mvmw-app .mvmw-table.mvsg-linies tbody.mvsg-l-plega td{padding:0!important;background:#faf9f7}
.mvmw-app .mvsg-l-bt{display:flex;align-items:center;gap:8px;width:100%;min-height:39px;padding:4px 10px;margin:0;border:0;border-radius:0;box-shadow:none;background:none;color:#2b303b;font:inherit;font-size:14px;line-height:20px;font-weight:700;text-align:left;text-transform:none;letter-spacing:0;cursor:pointer}
.mvmw-app .mvsg-l-bt:hover{background:none;color:#2b303b}
.mvsg-l-bt svg{flex:none}
.mvsg-l-bt b{margin-left:auto;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.mvsg-l-bt[aria-expanded="true"] svg[data-s="desplegar"]{transform:rotate(180deg)}
.mvmw-app .mvsg-l-bt:focus-visible{outline:2px solid #0284c7;outline-offset:-2px}
@media (max-width:720px){
	.mvmw-app .mvmw-table.mvsg-linies .mvsg-l-est{display:flex;align-items:center;gap:6px;margin:0 0 4px;font-size:13px;line-height:18px;font-weight:600;color:#2b303b}
	html body .mvmw-app .mvmw-table.mvsg-linies tbody.mvsg-l-plega tr{display:block!important;padding:0!important;border:1px solid #e7e4de!important;border-radius:14px!important;background:#faf9f7!important;box-shadow:none!important;overflow:hidden}
	html body .mvmw-app .mvmw-table.mvsg-linies tbody.mvsg-l-plega td::before,html body .mvmw-app .mvmw-table.mvsg-linies tbody.mvsg-l-plega td::after{display:none!important;content:none!important}
	.mvmw-app .mvsg-l-bt{min-height:48px;padding:6px 12px}
}
/* ====================== FI COMANDA: PER SERVIR I SERVIT ====================== */
/* ============================================================
 * COMANDA: QUAN ARRIBA EL MATERIAL (08/10/2026, conversa «Comanda-Arriba»)
 * Opcions A i 2A triades per en Víctor: una frase a cada línia pendent, un resum a dalt i la columna
 * «Material» a la llista de comandes. claude/comanda-quan-arriba.md
 * Valors de la guia d'estil (tinta, tinta-suau, tard): la capa comuna encara no és al MW.
 * ============================================================ */
.mvsg-mat{display:flex;flex-wrap:wrap;align-items:center;gap:2px 6px;margin:3px 0 0;color:#2b303b;font-size:13px;line-height:18px;font-weight:400;text-transform:none;letter-spacing:0}
.mvsg-mat svg,.mvsg-mat-resum svg{flex:none}
.mvsg-mat b{font-weight:600}
.mvsg-mat .q{color:#667085}
.mvsg-mat .q::before{content:"·";margin-right:6px;color:#667085}
.mvmw-app .mvsg-mat .mvmw-link{font-size:13px;line-height:18px;font-weight:600;color:#1f4f9c;white-space:nowrap}
.mvsg-mat.tard b{color:#9f1239}
.mvsg-mat.tard svg path[fill="#ee1233"],.mvsg-mat-resum .tard svg path[fill="#ee1233"]{fill:#9f1239}
.mvsg-mat.curt{margin:0;flex-wrap:nowrap;white-space:nowrap;font-size:14px;line-height:20px}
.mvsg-mat.curt .ll{display:none}
.mvsg-mat-resum{display:flex;flex-direction:column;gap:6px;margin:0 0 12px;color:#2b303b;font-size:14px;line-height:20px}
.mvsg-mat-resum > div{display:flex;flex-wrap:wrap;align-items:center;gap:2px 8px}
.mvsg-mat-resum b{font-weight:600}
.mvsg-mat-resum span{color:#667085;font-variant-numeric:tabular-nums}
.mvsg-mat-resum span::before{content:"·";margin-right:8px}
/* Al PC la frase va en una sola ratlla i no fa més ampla la columna de la descripció: passa per sota de les xifres de la fila. */
@media (min-width:721px){
	.mvmw-app .mvmw-table.mvsg-linies tr.mvsg-l-ambmat > td{vertical-align:top}
	.mvsg-linies td[data-label="Descripció"] .mvsg-mat{flex-wrap:nowrap;white-space:nowrap;width:0;overflow:visible}
}
@media (max-width:720px){
	.mvmw-app .mvmw-table tbody td[data-label="Material"]{grid-column:1 / -1}
	.mvsg-mat.curt{flex-wrap:wrap;white-space:normal}
	.mvsg-mat.curt .c{display:none}
	.mvsg-mat.curt .ll{display:inline}
	.mvmw-app .mvmw-table.mvsg-linies .mvsg-mat{margin-top:6px}
	/* La compra i el proveïdor no caben en una ratlla: el text salta i el punt no es queda sol a dalt. */
	.mvsg-mat .q{display:flex;align-items:flex-start;min-width:0}
	.mvmw-app .mvsg-mat .mvmw-link{white-space:normal;text-align:left}
}
/* ====================== FI COMANDA: QUAN ARRIBA EL MATERIAL ====================== */
/* ============================================================
 * COMANDES DE COMPRA: S'HA ENVIAT AL PROVEÏDOR? (08/10/2026, conversa «Compra-Enviada»)
 * Opcions 1B i 2B triades per en Víctor: a la llista, només la marca; a l'Avui de Compres, dins de
 * «Sense l'OK», en dos grups. claude/compra-enviada.md
 * Valors de la guia d'estil (tinta, tinta-suau): la capa comuna encara no és al MW.
 * ============================================================ */
.mvsg-env{display:inline-flex;align-items:center;gap:6px;vertical-align:middle}
.mvsg-env svg{flex:none}
.mvsg-env-t{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.mvmw-app .mvmw-table th.mvsg-th-env,.mvmw-app .mvmw-table td.mvsg-td-env{text-align:center;white-space:nowrap}
/* Al PC la columna només fa l'amplada de la marca (el títol és el símbol d'enviar): amb el nom escrit la llista no hi cabia a 1.440 px. */
@media (min-width:721px){
	.mvmw-app .mvmw-table th.mvsg-th-env,.mvmw-app .mvmw-table td.mvsg-td-env{padding-left:4px;padding-right:4px;width:24px}
	.mvmw-app .mvmw-table th.mvsg-th-env svg{vertical-align:middle}
}
.mvsg-envl{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin-top:8px;color:#2b303b;font-size:14px;line-height:20px}
.mvsg-envl:empty{display:none}
.mvsg-envl svg{flex:none}
.mvsg-envl b{font-weight:600}
.mvsg-envl span{color:#667085;font-size:13px;line-height:18px}
.mvsg-envl .alt{flex-basis:100%}
.mvcp .gd.genv svg{vertical-align:-3px;margin-right:6px}
.mvcp details.genvf > summary{cursor:pointer}
@media (max-width:720px){
	.mvsg-env-t{position:static;width:auto;height:auto;overflow:visible;clip:auto}
	.mvmw-app .mvmw-table td.mvsg-td-env{text-align:left}
	.mvmw-app .mvmw-table td.mvsg-td-env:empty{display:none}
}
/* ====================== FI COMANDES DE COMPRA: S'HA ENVIAT AL PROVEÏDOR? ====================== */

/* 14/10/2026 (conversa «Reunió», reunió de comercials): fitxa del client › Articles, al mòbil. El detall «Totes les vegades que l'ha comprat» ocupa tota la targeta i el mapa de compres posa el nom a dalt i els mesos a sota, sense haver d'anar de costat. */
.mvsg-cliart-det > td{grid-column:1/-1}
.mvsg-cliart-det .mvmw-mini{white-space:nowrap;flex:0 0 auto}
@media (max-width:700px){
.mvsg-hm-art .mvsg-hm-wrap{overflow-x:visible}
.mvsg-hm-art .mvsg-hm,.mvsg-hm-art .mvsg-hm thead,.mvsg-hm-art .mvsg-hm tbody{display:block;min-width:0;width:100%}
.mvsg-hm-art .mvsg-hm tr{display:flex;flex-wrap:wrap;gap:2px;margin:0 0 6px}
.mvsg-hm-art .mvsg-hm tr > *{display:block}
.mvsg-hm-art .mvsg-hm tr > th:first-child{flex:0 0 100%;max-width:none;white-space:normal;overflow:visible;text-overflow:clip;padding:2px 0 2px .6rem}
.mvsg-hm-art .mvsg-hm td,.mvsg-hm-art .mvsg-hm thead th{flex:1 1 0;min-width:0;padding:0}
.mvsg-hm-art .mvsg-hm thead th{font-size:12px;white-space:nowrap;overflow:visible;text-align:left}
.mvsg-hm-art .mvsg-hm thead th:not(:first-child):not(.t){color:transparent}
.mvsg-hm-art .mvsg-hm thead th:nth-child(3n+2):not(.t){color:var(--i-ink2)}
.mvsg-hm-art .mvsg-hm thead th small,.mvsg-hm-art .mvsg-hm thead th br{display:none}
.mvsg-hm-art .mvsg-hm td.t,.mvsg-hm-art .mvsg-hm th.t{flex:0 0 auto;min-width:3.2rem;height:auto;padding-left:.3rem}
}

/* GUIA · BOTONS I PESTANYES SENSE OVALS (21/10/2026, conversa Botons-MW): pestanyes de les fitxes (.mvsg-seg)
   com la peça Pestanya (text amb ratlla a sota); botons rectangulars de 6 px. Els de «Compartir» i altres que
   es pinten amb estils propis (mcp, mvfp, mvsg-acc) només canvien la forma. */
.mvsg-seg{background:none;border-radius:0;padding:0;gap:0 18px;border-bottom:1px solid #e7e4de}
.mvsg-seg button{position:relative;border-radius:0;background:none;padding:8px 2px 9px;color:#667085}
.mvsg-seg button:not(.active):hover{background:none;color:#2b303b}
.mvsg-seg button.active{background:none;color:#2b303b}
.mvsg-seg button.active::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#2b303b}
.mvsg-seg-docs button.active{background:none!important;color:#2b303b!important}
.mvsg-seg-docs button.active::after{background:var(--mvsg-doc,#2b303b)}
.mvsg-seg-docs button.active i{background:var(--mvsg-doc,#2b303b)}
.mvsg-seg.mvsg-seg-sub.mvsg-sub2.mvsg-sub2 button.active{text-decoration:none}
.mvsg-cia-btn{border-radius:6px;background:#2b303b}
.mvsg-cia-btn:hover{background:#2b303b;opacity:.9}
.mvsg-v2-boto,.mvsg-as-accions button,.mvsg-pl-btn{border-radius:6px;border-color:#8a92a0;color:#2b303b}
.mvsg-v2-boto:hover,.mvsg-as-accions button:hover{border-color:#2b303b;color:#2b303b}
.mvsg-v2-boto.on{background:#2b303b;border-color:#2b303b;color:#fff}
.mvsg-arriba-pill,.mvsg-lang{border-radius:6px;box-shadow:none}
body button.mvsg-acc-btn,body .mcp-bt,body .mcp-sug button,body .mcp-chip,body .mcp-afg button,body .mcp-afg label,body .mvfp-btn{border-radius:6px}
.mvsg-veure-com{border-radius:6px;border-color:#8a92a0;color:#2b303b}
button.mvmw-mini.mvsg-obre-ico{border-radius:6px}
body .mvfb .al{border-radius:6px}
/* FI GUIA · BOTONS I PESTANYES SENSE OVALS */

/* 23/10/2026 · conversa «Comandes-Plegat»: a la fitxa de client i de proveïdor, la fletxa de la comanda desplega els articles
   a sota de la fila (BlocPlegat de la guia). Valors copiats de la guia d'estil (paper-suau, ratlla, tinta-mitja): la capa comuna encara no és al MW. */
.mvsg-plega-ico svg{transition:transform .15s}
.mvsg-plega-ico[aria-expanded="true"] svg{transform:rotate(90deg)}
tr.mvsg-cdet>td{grid-column:1/-1;padding:0!important;background:#faf9f7;border-bottom:1px solid #e7e4de;cursor:default}
tr.mvsg-cdet-obert>td{border-bottom-color:transparent}
.mvsg-cdet-cos{padding:12px 16px 16px 52px}
.mvsg-cdet-cap{display:flex;align-items:center;justify-content:flex-start;gap:16px;margin:0 0 8px;font-size:13px;color:#4a505c}
.mvsg-cdet-cap .mvmw-mini{white-space:nowrap;flex:0 0 auto}
.mvsg-cdet .mvmw-table-wrap{border:1px solid #e7e4de;border-radius:6px;background:#fff}
.mvsg-cdet-t{margin:0}
.mvsg-cdet-txt td{color:#667085;font-size:13px}
@media (max-width:760px){.mvsg-cdet-cos{padding:12px}.mvsg-cdet-txt td:first-child{display:none}}

/* 23/10/2026 «Comandes-Plegat»: a les llistes amples (que llisquen), el bloc desplegat es queda a la vista. */
.mvmw-table-wrap tr.mvsg-cdet>td>.mvsg-cdet-cos{position:sticky;left:0;box-sizing:border-box}

/* Backoffice de tarda (28/10/2026, conversa «Backoffice»): «Els meus · Backoffice» a Clients. Peça «Filtre» de la guia d'estil (text amb ratlla a sota, dos nivells); valors copiats de la guia mentre la capa comuna no és al MW. */
.mvsg-bo{padding:4px 0 2px}
.mvsg-bo:empty{display:none}
.mvsg-bo-fila{display:flex;flex-wrap:wrap;align-items:stretch;gap:4px 20px;min-height:34px}
.mvsg-bo-sub{padding-left:16px;align-items:center}
.mvsg-bo-lbl{font-size:12px;font-weight:600;color:#667085;align-self:center}
.mvsg-bo-f{all:unset;cursor:pointer;box-sizing:border-box;min-height:34px;display:inline-flex;align-items:center;font-family:Manrope,system-ui,sans-serif;font-size:14px;color:#667085;border-bottom:2px solid transparent}
.mvsg-bo-f.on{color:#2b303b;font-weight:700;border-bottom-color:#2b303b}
.mvsg-bo-f:focus-visible{outline:2px solid #0284c7;outline-offset:2px}
.mvsg-bo-n{margin-left:6px}
.mvsg-bo-nota{margin:8px 0 0;font-size:13px;color:#667085}
@media (max-width:760px){.mvsg-bo-f{min-height:44px}.mvsg-bo-sub{padding-left:0}}

/* Cost i marge a les línies de pressupostos, comandes i albarans de venda per a l'oficina (28/10/2026, conversa «Costos-Oficina», opció A).
 * Valors de la guia d'estil copiats (la capa comuna encara no és al MW): tinta-suau #667085, tard #9f1239, lletra petit 13 px. */
.mvsg-cost { color: #667085; font-size: 13px; }
.mvsg-mrg { font-weight: 600; }
.mvsg-mrg-neg { color: #9f1239; font-weight: 600; white-space: normal; }
.mvsg-mrg-eur { display: block; color: #667085; font-size: 13px; font-weight: 400; }