/* SAL-XARXES-UI v2.5 (28-10-2026) — IA Llengües · Xarxes socials. Tots els estils van dins de #tab-xarxes (excepte el perfil xarxesUV, que només actua amb html.sx-perfil-xuv). */
#tab-xarxes .sx{--sx-mari:#0b2a4a;--sx-blau:#005ba4;--sx-blau2:#e8f1fb;--sx-or:#f5a623;--sx-verd:#1a7f37;--sx-verd2:#e6f4ea;--sx-tar:#b54708;--sx-tar2:#fff4e5;--sx-roig:#b42318;--sx-roig2:#fdecea;--sx-gris:#5b6472;--sx-vora:#d9dee6;--sx-fons:#f6f8fb;--sx-r:14px;
  color:#1d2533;max-width:1680px;margin:0 auto;padding:4px 4px 90px;font-size:1rem;line-height:1.45}
#tab-xarxes .sx *{box-sizing:border-box}
#tab-xarxes .sx-carrega{padding:40px;text-align:center;color:var(--sx-gris)}
#tab-xarxes .sx-error{padding:16px 18px;border-radius:var(--sx-r);background:var(--sx-roig2);color:var(--sx-roig);border:1px solid #f4c7c3;font-weight:600}
/* capçalera */
#tab-xarxes .sx-hero{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:20px 24px;border-radius:20px;color:#fff;
  background:radial-gradient(1200px 300px at 0% 0%,#1d6fd1 0,transparent 60%),radial-gradient(900px 260px at 100% 0%,#dd2a7b 0,transparent 55%),linear-gradient(135deg,#0b2a4a,#163f6e 55%,#5b2a86);box-shadow:0 10px 30px rgba(11,42,74,.25)}
#tab-xarxes .sx-hero-t{display:flex;gap:16px;align-items:center}
#tab-xarxes .sx-hero-ico{font-size:2.6rem;width:64px;height:64px;display:grid;place-items:center;background:rgba(255,255,255,.14);border-radius:18px;backdrop-filter:blur(4px)}
#tab-xarxes .sx-hero h2{margin:0;font-size:1.7rem;color:#fff;letter-spacing:.2px}
#tab-xarxes .sx-hero p{margin:4px 0 0;opacity:.92;max-width:780px}
#tab-xarxes .sx-hero-u{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.14);padding:6px 14px 6px 6px;border-radius:999px}
#tab-xarxes .sx-av{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--sx-or);color:#3b2600;font-weight:800}
/* subnavegació */
#tab-xarxes .sx-sub{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}
#tab-xarxes .sx-sub button{border:1px solid var(--sx-vora);background:#fff;color:var(--sx-mari);padding:9px 16px;border-radius:999px;font-weight:600;cursor:pointer;font-size:.98rem}
#tab-xarxes .sx-sub button.sx-on{background:var(--sx-mari);color:#fff;border-color:var(--sx-mari);box-shadow:0 4px 14px rgba(11,42,74,.25)}
#tab-xarxes .sx-sub button:disabled{opacity:.55;cursor:not-allowed}
#tab-xarxes .sx-sub small{font-size:.72rem;background:var(--sx-blau2);color:var(--sx-blau);padding:1px 6px;border-radius:6px;margin-left:4px}
/* disposició */
#tab-xarxes .sx-crea{display:grid;grid-template-columns:minmax(380px,520px) 1fr;gap:20px;align-items:start}
@media (max-width:1100px){#tab-xarxes .sx-crea{grid-template-columns:1fr}}
#tab-xarxes .sx-card{background:#fff;border:1px solid var(--sx-vora);border-radius:var(--sx-r);padding:16px 18px;margin-bottom:14px;box-shadow:0 2px 8px rgba(16,24,40,.04)}
#tab-xarxes .sx-card h3{margin:0 0 12px;font-size:1.08rem;color:var(--sx-mari);display:flex;align-items:center;gap:10px}
#tab-xarxes .sx-card h3 span{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--sx-blau),#5b2a86);color:#fff;font-size:.85rem}
#tab-xarxes .sx label{display:block;font-weight:600;font-size:.9rem;color:#344054;margin:10px 0 4px}
#tab-xarxes .sx input,#tab-xarxes .sx select,#tab-xarxes .sx textarea{width:100%;border:1px solid #c5ccd6;border-radius:10px;padding:9px 11px;font:inherit;color:inherit;background:#fff}
#tab-xarxes .sx textarea{resize:vertical;min-height:110px}
#tab-xarxes .sx input:focus,#tab-xarxes .sx select:focus,#tab-xarxes .sx textarea:focus,#tab-xarxes .sx [contenteditable]:focus{outline:3px solid rgba(0,91,164,.35);outline-offset:1px;border-color:var(--sx-blau)}
#tab-xarxes .sx input[type=range]{padding:0;accent-color:var(--sx-blau)}
#tab-xarxes .sx-g2{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}
#tab-xarxes .sx-g3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0 12px}
@media (max-width:640px){#tab-xarxes .sx-g2,#tab-xarxes .sx-g3{grid-template-columns:1fr}}
/* llengües */
#tab-xarxes .sx-lls{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
#tab-xarxes .sx-ll{border:2px solid var(--sx-vora);background:#fff;border-radius:12px;padding:10px;cursor:pointer;text-align:left;font:inherit}
#tab-xarxes .sx-ll b{display:block;font-size:1.15rem;color:var(--sx-mari)}
#tab-xarxes .sx-ll small{color:var(--sx-gris)}
#tab-xarxes .sx-ll.sx-on{border-color:var(--sx-blau);background:var(--sx-blau2);box-shadow:inset 0 0 0 1px var(--sx-blau)}
#tab-xarxes .sx-ll.sx-on b::after{content:" ✓";color:var(--sx-blau)}
/* xips */
#tab-xarxes .sx-presets{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}
#tab-xarxes .sx-chip{border:1px solid var(--sx-vora);background:var(--sx-fons);border-radius:999px;padding:6px 12px;cursor:pointer;font:inherit;font-size:.9rem;color:#24324a}
#tab-xarxes .sx-chip:hover{border-color:var(--sx-blau);color:var(--sx-blau)}
#tab-xarxes .sx-chip.sx-on{background:var(--sx-mari);color:#fff;border-color:var(--sx-mari)}
#tab-xarxes .sx-chip-sec{background:#fff}
#tab-xarxes .sx-chip b{margin-left:4px}
/* xarxes */
#tab-xarxes .sx-xarxes{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}
#tab-xarxes .sx-xa{border:1px solid var(--sx-vora);border-radius:12px;overflow:hidden;background:#fff;transition:box-shadow .2s,transform .2s}
#tab-xarxes .sx-xa.sx-on{box-shadow:0 6px 18px rgba(16,24,40,.12);border-color:#9fb3c8}
#tab-xarxes .sx-xa-cap{display:flex;align-items:center;gap:8px;padding:9px 10px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.35)}
#tab-xarxes .sx-xa-cap b{flex:1;font-size:1rem}
#tab-xarxes .sx-xa-e{font-size:1.25rem;text-shadow:none}
#tab-xarxes .sx-xa-tots{border:0;background:rgba(255,255,255,.22);color:#fff;border-radius:999px;padding:2px 10px;cursor:pointer;font:inherit;font-size:.8rem}
#tab-xarxes .sx-xa-n{background:#fff;color:#111;border-radius:999px;min-width:22px;text-align:center;font-weight:800;font-size:.8rem;padding:1px 6px;text-shadow:none}
#tab-xarxes .sx-xa-mode{font-size:.78rem;color:var(--sx-gris);padding:6px 10px 0}
#tab-xarxes .sx-fmts{display:flex;flex-wrap:wrap;gap:5px;padding:8px 10px 10px}
#tab-xarxes .sx-fmt{border:1px solid var(--sx-vora);background:#fff;border-radius:8px;padding:4px 8px;cursor:pointer;font:inherit;font-size:.84rem;color:#24324a}
#tab-xarxes .sx-fmt i{font-style:normal;color:var(--sx-gris);font-size:.74rem}
#tab-xarxes .sx-fmt.sx-on{background:var(--sx-blau);border-color:var(--sx-blau);color:#fff}
#tab-xarxes .sx-fmt.sx-on i{color:#dce9f7}
/* botó de generar */
#tab-xarxes .sx-genera{position:sticky;bottom:10px;z-index:5;background:rgba(255,255,255,.95);border:1px solid var(--sx-vora);border-radius:16px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;box-shadow:0 10px 30px rgba(16,24,40,.15)}
#tab-xarxes .sx-resum{color:#344054}
#tab-xarxes .sx-btn{border:0;background:var(--sx-mari);color:#fff;border-radius:10px;padding:9px 14px;font:inherit;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
#tab-xarxes .sx-btn:hover{filter:brightness(1.12)}
#tab-xarxes .sx-btn:disabled{opacity:.5;cursor:not-allowed}
#tab-xarxes .sx-btn-gran{font-size:1.08rem;padding:12px 22px;border-radius:12px;background:linear-gradient(135deg,#005ba4,#5b2a86 55%,#dd2a7b);box-shadow:0 6px 18px rgba(91,42,134,.35)}
#tab-xarxes .sx-btn-sec{background:#fff;color:var(--sx-mari);border:1px solid var(--sx-vora)}
#tab-xarxes .sx-btn-blau{background:var(--sx-blau)}
#tab-xarxes .sx-btn-verd{background:var(--sx-verd)}
#tab-xarxes .sx-btn-taronja{background:var(--sx-tar)}
#tab-xarxes .sx-gira{width:16px;height:16px;border:3px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:sx-gir 1s linear infinite}
@keyframes sx-gir{to{transform:rotate(360deg)}}
/* resultats */
#tab-xarxes .sx-buit,#tab-xarxes .sx-espera{background:#fff;border:2px dashed #c9d3df;border-radius:18px;padding:34px;text-align:center;color:#344054}
#tab-xarxes .sx-buit-ico,#tab-xarxes .sx-espera-ico{font-size:3rem}
#tab-xarxes .sx-buit ul{list-style:none;padding:0;display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
#tab-xarxes .sx-buit li{background:var(--sx-fons);border-radius:999px;padding:6px 12px}
#tab-xarxes .sx-espera-ico{animation:sx-pols 1.4s ease-in-out infinite}
@keyframes sx-pols{50%{transform:scale(1.18) rotate(8deg)}}
#tab-xarxes .sx-sk{height:16px;border-radius:8px;margin:12px auto;max-width:520px;background:linear-gradient(90deg,#eef2f7,#dde5ef,#eef2f7);background-size:200% 100%;animation:sx-brill 1.3s infinite}
#tab-xarxes .sx-sk-c{max-width:300px}
@keyframes sx-brill{to{background-position:-200% 0}}
#tab-xarxes .sx-res-cap{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}
#tab-xarxes .sx-tabs-ll{display:flex;gap:6px;flex:1;flex-wrap:wrap}
#tab-xarxes .sx-tabs-ll button{border:1px solid var(--sx-vora);background:#fff;border-radius:12px;padding:8px 14px;cursor:pointer;font:inherit;font-weight:700;color:var(--sx-mari)}
#tab-xarxes .sx-tabs-ll button small{font-weight:400;color:var(--sx-gris)}
#tab-xarxes .sx-tabs-ll button.sx-on{background:var(--sx-mari);color:#fff}
#tab-xarxes .sx-tabs-ll button.sx-on small{color:#d6e2f0}
#tab-xarxes .sx-bdg{font-style:normal;background:var(--sx-or);color:#3b2600;border-radius:999px;padding:0 6px;font-size:.75rem}
#tab-xarxes .sx-estat{border-radius:999px;padding:4px 12px;font-weight:700;font-size:.85rem;white-space:nowrap}
#tab-xarxes .sx-e-nou{background:#eef2f7;color:#344054}
#tab-xarxes .sx-e-esborrany{background:#eef2f7;color:#344054}
#tab-xarxes .sx-e-revisio{background:var(--sx-blau2);color:var(--sx-blau)}
#tab-xarxes .sx-e-aprovada{background:var(--sx-verd2);color:var(--sx-verd)}
#tab-xarxes .sx-e-retornada{background:var(--sx-tar2);color:var(--sx-tar)}
#tab-xarxes .sx-e-arxivada{background:#f2f4f7;color:#667085}
#tab-xarxes .sx-id{font-weight:700;color:var(--sx-mari)}
#tab-xarxes .sx-avisos,#tab-xarxes .sx-coment{background:var(--sx-tar2);border:1px solid #f7d6a8;color:#5a3300;border-radius:12px;padding:10px 14px;margin-bottom:10px}
#tab-xarxes .sx-coment{background:var(--sx-blau2);border-color:#bcd6f0;color:#0b3a66}
#tab-xarxes .sx-avisos ul{margin:4px 0 0 18px;padding:0}
#tab-xarxes .sx-guarda{background:var(--sx-verd2);border:1px solid #b7dfc2;border-radius:12px;padding:8px 14px;margin-bottom:12px;color:#0e4b22}
#tab-xarxes .sx-guarda summary{cursor:pointer;font-weight:700}
#tab-xarxes .sx-guarda ul{columns:2;margin:6px 0 0 18px;padding:0;font-size:.9rem}
#tab-xarxes .sx-peces{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:16px}
#tab-xarxes .sx-peca{background:#fff;border:1px solid var(--sx-vora);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 4px 14px rgba(16,24,40,.07);transition:opacity .2s}
#tab-xarxes .sx-peca.sx-ocupat{opacity:.45;pointer-events:none}
#tab-xarxes .sx-peca.sx-editant{box-shadow:0 0 0 3px rgba(0,91,164,.45)}
#tab-xarxes .sx-peca header{display:flex;align-items:center;gap:8px;padding:10px 14px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.35);flex-wrap:wrap}
#tab-xarxes .sx-peca header>span:first-child{font-size:1.2rem;text-shadow:none}
#tab-xarxes .sx-tag{margin-left:auto;font-style:normal;font-size:.75rem;background:rgba(255,255,255,.22);padding:2px 8px;border-radius:999px}
#tab-xarxes .sx-compt{display:flex;align-items:center;gap:10px;padding:8px 14px 0}
#tab-xarxes .sx-compt div{flex:1;height:7px;border-radius:9px;background:#eef2f7;overflow:hidden}
#tab-xarxes .sx-compt span{display:block;height:100%;border-radius:9px;background:var(--sx-verd);transition:width .3s}
#tab-xarxes .sx-compt.sx-mig span{background:var(--sx-or)}
#tab-xarxes .sx-compt.sx-mal span{background:var(--sx-roig)}
#tab-xarxes .sx-compt small{font-variant-numeric:tabular-nums;color:var(--sx-gris);white-space:nowrap}
#tab-xarxes .sx-compt.sx-mal small{color:var(--sx-roig);font-weight:700}
#tab-xarxes .sx-cos{padding:12px 14px;flex:1}
#tab-xarxes .sx-f{margin-bottom:10px}
#tab-xarxes .sx-f>label{margin:0 0 4px;font-size:.8rem;text-transform:uppercase;letter-spacing:.4px;color:var(--sx-gris)}
#tab-xarxes .sx-ganxo{font-weight:800;font-size:1.06rem;color:var(--sx-mari);margin-bottom:6px}
#tab-xarxes .sx-text{white-space:pre-wrap;word-wrap:break-word}
#tab-xarxes .sx-titol{font-weight:800;font-size:1.1rem}
#tab-xarxes .sx-hs{display:flex;flex-wrap:wrap;gap:5px;margin:4px 0 10px}
#tab-xarxes .sx-hs span{color:var(--sx-blau);background:var(--sx-blau2);border-radius:6px;padding:1px 7px;font-weight:600;font-size:.92rem}
#tab-xarxes .sx-img{position:relative;max-height:260px;margin:4px auto 10px;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:18px;color:#fff;
  background:radial-gradient(circle at 20% 15%,#ffb347 0,transparent 40%),radial-gradient(circle at 85% 80%,#dd2a7b 0,transparent 45%),linear-gradient(135deg,#005ba4,#5b2a86)}
#tab-xarxes .sx-img-t{font-weight:900;font-size:1.35rem;line-height:1.15;text-shadow:0 2px 8px rgba(0,0,0,.35)}
#tab-xarxes .sx-img-s{margin-top:6px;opacity:.95}
#tab-xarxes .sx-img small{position:absolute;bottom:6px;left:0;right:0;font-size:.7rem;opacity:.8}
#tab-xarxes .sx-portada{font-weight:800;background:#111;color:#fff;border-radius:8px;padding:6px 10px;display:inline-block}
#tab-xarxes .sx-diapos,#tab-xarxes .sx-fotos{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x mandatory}
#tab-xarxes .sx-diapo,#tab-xarxes .sx-foto{flex:0 0 150px;scroll-snap-align:start;position:relative;border-radius:12px;padding:12px 10px;color:#fff;font-size:.86rem;
  background:linear-gradient(160deg,#0b2a4a,#005ba4 60%,#2aabee);display:flex;flex-direction:column;justify-content:center;gap:6px}
#tab-xarxes .sx-diapo:nth-child(3n+2),#tab-xarxes .sx-foto:nth-child(3n+2){background:linear-gradient(160deg,#5b2a86,#dd2a7b)}
#tab-xarxes .sx-diapo:nth-child(3n),#tab-xarxes .sx-foto:nth-child(3n){background:linear-gradient(160deg,#b54708,#f5a623)}
#tab-xarxes .sx-foto{aspect-ratio:9/16;flex-basis:120px}
#tab-xarxes .sx-diapo i,#tab-xarxes .sx-foto i{position:absolute;top:6px;right:8px;font-style:normal;font-size:.72rem;background:rgba(0,0,0,.3);border-radius:999px;padding:0 6px}
#tab-xarxes .sx-d-t{font-weight:800;font-size:.98rem;line-height:1.2}
#tab-xarxes .sx-foto small{opacity:.9;font-size:.74rem}
#tab-xarxes .sx-adh{background:#fff;color:#111;border-radius:8px;padding:2px 6px;font-size:.72rem;align-self:flex-start}
#tab-xarxes .sx-escenes{list-style:none;margin:0;padding:0;border-left:3px solid #dd2a7b}
#tab-xarxes .sx-escenes li{display:flex;gap:10px;padding:6px 0 6px 10px;position:relative}
#tab-xarxes .sx-escenes li::before{content:"";position:absolute;left:-7px;top:12px;width:11px;height:11px;border-radius:50%;background:#dd2a7b}
#tab-xarxes .sx-temps{flex:0 0 66px;font-variant-numeric:tabular-nums;font-weight:700;color:#8a1c52;font-size:.85rem}
#tab-xarxes .sx-e-p{font-weight:700}
#tab-xarxes .sx-e-v{font-size:.86rem;color:#475467}
#tab-xarxes .sx-fil{display:flex;flex-direction:column;gap:6px}
#tab-xarxes .sx-fil-p{border:1px solid var(--sx-vora);border-radius:10px;padding:8px 10px;white-space:pre-wrap;position:relative}
#tab-xarxes .sx-fil-p small{display:block;text-align:right;color:var(--sx-gris);font-size:.75rem}
#tab-xarxes .sx-vermell{color:var(--sx-roig)!important;font-weight:700}
#tab-xarxes .sx-enq{border:1px solid var(--sx-vora);border-radius:12px;padding:10px;background:var(--sx-fons)}
#tab-xarxes .sx-enq-p{font-weight:700;margin-bottom:6px}
#tab-xarxes .sx-enq-o{background:#fff;border:1px solid #c5ccd6;border-radius:999px;padding:5px 12px;margin:5px 0}
#tab-xarxes .sx-cta{font-weight:700;color:var(--sx-verd)}
#tab-xarxes .sx-petit{font-size:.9rem;color:#475467}
#tab-xarxes [contenteditable=true]{background:#fffdf3;border:1px dashed #e0b84f;border-radius:6px;padding:3px 6px;min-height:1.4em;color:inherit}
#tab-xarxes .sx-diapo [contenteditable=true],#tab-xarxes .sx-foto [contenteditable=true]{color:#1d2533}
#tab-xarxes .sx-peca footer{display:flex;gap:6px;flex-wrap:wrap;padding:10px 14px;border-top:1px solid #eef2f7;background:#fbfcfe;align-items:center}
#tab-xarxes .sx-ajuda{color:var(--sx-gris);font-size:.85rem}
#tab-xarxes .sx-regen{padding:10px 14px;border-top:1px dashed var(--sx-vora);background:#fbfcfe}
#tab-xarxes .sx-regen-f{display:flex;gap:6px}
/* barra d'accions */
#tab-xarxes .sx-accions{position:sticky;bottom:10px;z-index:6;margin-top:16px;display:flex;gap:8px;flex-wrap:wrap;align-items:center;background:rgba(11,42,74,.96);padding:10px 12px;border-radius:16px;box-shadow:0 10px 30px rgba(11,42,74,.35)}
#tab-xarxes .sx-accions input{flex:1;min-width:220px;background:#fff}
#tab-xarxes .sx-accions .sx-btn-sec{background:#fff}
/* llista */
#tab-xarxes .sx-llista-cap{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:12px}
#tab-xarxes .sx-filtres{display:flex;gap:6px;flex-wrap:wrap;flex:1}
#tab-xarxes .sx-llista-cap input{max-width:360px}
#tab-xarxes .sx-taula{width:100%;border-collapse:separate;border-spacing:0}
#tab-xarxes .sx-taula th{text-align:left;font-size:.82rem;text-transform:uppercase;letter-spacing:.4px;color:var(--sx-gris);padding:8px;border-bottom:2px solid var(--sx-vora)}
#tab-xarxes .sx-taula td{padding:9px 8px;border-bottom:1px solid #eef2f7;vertical-align:middle}
#tab-xarxes .sx-taula tr:hover td{background:#f8fbff}
#tab-xarxes .sx-acc{white-space:nowrap;text-align:right}
#tab-xarxes .sx-acc .sx-btn{padding:5px 9px;margin-left:4px}
#tab-xarxes .sx-ll-mini{font-style:normal;font-size:.75rem;font-weight:700;background:var(--sx-blau2);color:var(--sx-blau);border-radius:6px;padding:1px 6px;margin-right:3px}
#tab-xarxes .sx-ocult{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
@media (max-width:760px){#tab-xarxes .sx-taula thead{display:none}#tab-xarxes .sx-taula td{display:block;border:0;padding:3px 8px}#tab-xarxes .sx-taula tr{display:block;border-bottom:1px solid var(--sx-vora);padding:8px 0}#tab-xarxes .sx-acc{text-align:left}}
/* avisos emergents */
#tab-xarxes .sx-toasts{position:fixed;right:18px;top:18px;z-index:99999;display:flex;flex-direction:column;gap:8px;align-items:flex-end}
#tab-xarxes .sx-toast{background:#0b2a4a;color:#fff;padding:10px 16px;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.25);font-weight:600;transition:opacity .5s,transform .5s;max-width:420px}
#tab-xarxes .sx-toast-av{background:#8a4b00}
#tab-xarxes .sx-toast-err{background:#b42318}
#tab-xarxes .sx-toast.sx-fora{opacity:0;transform:translateY(10px)}
@media (prefers-reduced-motion:reduce){#tab-xarxes .sx *{animation:none!important;transition:none!important}}
#tab-xarxes .sx-check{display:flex!important;align-items:center;gap:8px;font-weight:600;margin:6px 0 0!important;cursor:pointer}
#tab-xarxes .sx-check input{width:auto}
#tab-xarxes .sx-check small{font-weight:400;color:var(--sx-gris)}
/* ---- fase F2: fotos i imatges ---- */
#tab-xarxes .sx-opc{font-weight:400;font-size:.78rem;color:var(--sx-gris);background:var(--sx-fons);border-radius:6px;padding:1px 7px}
#tab-xarxes .sx-drop{border:2px dashed #9fb3c8;border-radius:14px;padding:18px;text-align:center;cursor:pointer;background:linear-gradient(135deg,#f8fbff,#fdf6fb);color:#24324a;font-weight:600;transition:border-color .2s,background .2s}
#tab-xarxes .sx-drop small{display:block;font-weight:400;color:var(--sx-gris);margin-top:4px}
#tab-xarxes .sx-drop:hover,#tab-xarxes .sx-drop.sx-sobre{border-color:var(--sx-blau);background:var(--sx-blau2)}
#tab-xarxes .sx-fotos-ll{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin-top:10px}
#tab-xarxes .sx-foto-it{position:relative;margin:0;border:1px solid var(--sx-vora);border-radius:12px;overflow:hidden;background:#fff}
#tab-xarxes .sx-foto-img{position:relative;aspect-ratio:1;background:#eef2f7}
#tab-xarxes .sx-foto-img img{width:100%;height:100%;object-fit:cover;display:block}
#tab-xarxes .sx-f-pujant .sx-foto-img img,#tab-xarxes .sx-f-analitzant .sx-foto-img img{opacity:.55}
#tab-xarxes .sx-focus{position:absolute;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;border:3px solid #fff;background:rgba(221,42,123,.85);box-shadow:0 0 0 2px rgba(0,0,0,.35)}
#tab-xarxes .sx-foto-it figcaption{padding:6px 8px;font-size:.8rem;display:flex;flex-direction:column;gap:2px}
#tab-xarxes .sx-foto-it figcaption small{color:#475467;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
#tab-xarxes .sx-av-foto{color:var(--sx-tar)!important}
#tab-xarxes .sx-q{background:var(--sx-tar2);color:var(--sx-tar);border-radius:6px;padding:0 6px;font-size:.72rem}
#tab-xarxes .sx-foto-x{position:absolute;top:6px;right:6px;width:28px;height:28px;border-radius:50%;border:0;background:rgba(0,0,0,.55);color:#fff;cursor:pointer;font-size:.9rem}
#tab-xarxes .sx-img-glob{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 14px}
#tab-xarxes .sx-btn-img{background:linear-gradient(135deg,#0e5e4a,#005ba4 55%,#5b2a86)}
#tab-xarxes .sx-img-prog{color:#344054;font-weight:600}
#tab-xarxes .sx-imgs{border-top:1px dashed var(--sx-vora);padding:10px 14px;background:linear-gradient(180deg,#fbfcfe,#fff)}
#tab-xarxes .sx-imgs-cap{display:flex;align-items:baseline;gap:8px;margin-bottom:8px}
#tab-xarxes .sx-imgs-cap small{color:var(--sx-gris)}
#tab-xarxes .sx-imgs-ctl{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
#tab-xarxes .sx-imgs-ctl select{width:auto;max-width:210px;padding:6px 8px;font-size:.88rem}
#tab-xarxes .sx-pals{display:inline-flex;gap:5px}
#tab-xarxes .sx-pal{width:26px;height:26px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px var(--sx-vora);cursor:pointer;padding:0}
#tab-xarxes .sx-pal.sx-on{box-shadow:0 0 0 3px var(--sx-mari)}
#tab-xarxes .sx-check-p{margin:0!important;font-weight:500;font-size:.88rem}
#tab-xarxes .sx-imgs-res{margin-top:10px}
#tab-xarxes .sx-imgs-buit{color:var(--sx-gris);font-size:.88rem}
#tab-xarxes .sx-imgs-graella{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px}
#tab-xarxes .sx-imgs-graella figure{margin:0;flex:0 0 auto}
#tab-xarxes .sx-imgs-graella img{height:190px;width:auto;border-radius:10px;display:block;box-shadow:0 4px 12px rgba(16,24,40,.18)}
#tab-xarxes .sx-imgs-graella figcaption{font-size:.74rem;color:var(--sx-gris);margin-top:3px}
#tab-xarxes .sx-imgs-notes{display:block;color:var(--sx-gris);font-size:.78rem;margin-top:6px}
#tab-xarxes .sx-imgs-alt{background:var(--sx-blau2);border-radius:10px;padding:6px 10px;margin-top:8px;font-size:.86rem;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
#tab-xarxes .sx-imgs-alt .sx-btn{padding:4px 8px;font-size:.8rem}
#tab-xarxes .sx-imgs-espera{display:flex;align-items:center;gap:10px;color:#344054}
#tab-xarxes .sx-gira-fosc{border-color:rgba(11,42,74,.25);border-top-color:var(--sx-mari)}
/* ===== V2.5: servei, verificació del valencià, persones i Observatori ===== */
#tab-xarxes .sx-hero-s{display:block;font-size:.78rem;opacity:.9}
#tab-xarxes .sx-servei-fix{background:var(--sx-blau2);color:var(--sx-mari);border-radius:10px;padding:8px 12px;margin-bottom:6px}
#tab-xarxes .sx-ajuda{color:var(--sx-gris);font-size:.86rem}
#tab-xarxes .sx-verif{border-radius:var(--sx-r);border:1px solid var(--sx-vora);padding:12px 14px;margin:12px 0;background:#fff}
#tab-xarxes .sx-verif>b,#tab-xarxes .sx-verif-cap b{display:block;font-size:1.02rem;color:var(--sx-mari)}
#tab-xarxes .sx-verif-cap{display:grid;grid-template-columns:1fr auto;gap:2px 12px;align-items:center}
#tab-xarxes .sx-verif-cap span{grid-column:1;color:#344054;font-size:.92rem}
#tab-xarxes .sx-verif-cap button{grid-column:2;grid-row:1/span 2}
#tab-xarxes .sx-v-ok{background:var(--sx-verd2);border-color:#b7dfc3}
#tab-xarxes .sx-v-mal{background:var(--sx-roig2);border-color:#f4c7c3}
#tab-xarxes .sx-v-pend,#tab-xarxes .sx-v-cal{background:var(--sx-tar2);border-color:#f7d7a8}
#tab-xarxes .sx-v-en{background:var(--sx-blau2);border-color:#c7dcf3}
#tab-xarxes .sx-v-items{list-style:none;margin:10px 0 4px;padding:0;display:grid;gap:8px}
#tab-xarxes .sx-v-items li{display:flex;justify-content:space-between;gap:12px;align-items:center;background:#fff;border:1px solid var(--sx-vora);border-left:5px solid var(--sx-or);border-radius:10px;padding:8px 10px;flex-wrap:wrap}
#tab-xarxes .sx-v-items li.sx-v-bloqueja{border-left-color:var(--sx-roig)}
#tab-xarxes .sx-v-cat{font-style:normal;font-weight:700;font-size:.85rem;color:var(--sx-mari)}
#tab-xarxes .sx-v-frag{margin:2px 0;font-size:.98rem}
#tab-xarxes .sx-v-acc{display:flex;gap:6px;flex-wrap:wrap}
#tab-xarxes .sx-fserv{max-width:320px}
#tab-xarxes .sx-taula td.n,#tab-xarxes .sx-taula th.n{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
#tab-xarxes .sx-taula-c{overflow-x:auto}
#tab-xarxes .sx-inactiu td{opacity:.5}
#tab-xarxes .sx-pag{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
/* Observatori: colors de llengua (paleta validada; el text sempre en tinta neutra) */
#tab-xarxes .sx{--sx-ca:#2a78d6;--sx-es:#eb6834;--sx-en:#1baf7a;--sx-mixt:#eda100;--sx-altres:#8c8a83;--sx-ind:#d3d1ca}
#tab-xarxes .sx-c-ca{fill:var(--sx-ca);background:var(--sx-ca)}#tab-xarxes .sx-c-es{fill:var(--sx-es);background:var(--sx-es)}
#tab-xarxes .sx-c-en{fill:var(--sx-en);background:var(--sx-en)}#tab-xarxes .sx-c-mixt{fill:var(--sx-mixt);background:var(--sx-mixt)}
#tab-xarxes .sx-c-altres{fill:var(--sx-altres);background:var(--sx-altres)}#tab-xarxes .sx-c-indeterminat{fill:var(--sx-ind);background:var(--sx-ind)}
#tab-xarxes .sx-obs-cap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:flex-start;background:#fff;border:1px solid var(--sx-vora);border-radius:var(--sx-r);padding:14px 16px}
#tab-xarxes .sx-obs-cap h3{margin:0;color:var(--sx-mari)}#tab-xarxes .sx-obs-cap p{margin:4px 0 0;color:#344054}
#tab-xarxes .sx-obs-est{display:grid;gap:4px;justify-items:end;text-align:right;max-width:760px}
#tab-xarxes .sx-obs-est small{color:var(--sx-gris)}
#tab-xarxes .sx-obs-filtres{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:12px 0}
#tab-xarxes .sx-obs-filtres input,#tab-xarxes .sx-obs-filtres select{width:auto;min-width:150px}
#tab-xarxes .sx-obs-rang{display:flex;gap:6px}
#tab-xarxes .sx-obs-sub{align-items:center}
#tab-xarxes .sx-obs-exp{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap}
#tab-xarxes .sx-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:14px}
@media (max-width:900px){#tab-xarxes .sx-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
#tab-xarxes .sx-kpi{background:#fff;border:1px solid var(--sx-vora);border-radius:var(--sx-r);padding:12px 14px;position:relative;overflow:hidden}
#tab-xarxes .sx-kpi i{position:absolute;left:0;top:0;bottom:0;width:5px}
#tab-xarxes .sx-k-ca i{background:var(--sx-ca)}#tab-xarxes .sx-k-es i{background:var(--sx-es)}#tab-xarxes .sx-k-en i{background:var(--sx-en)}#tab-xarxes .sx-k-mixt i{background:var(--sx-mixt)}
#tab-xarxes .sx-kpi b{display:block;font-size:1.8rem;color:#101828;font-variant-numeric:tabular-nums}
#tab-xarxes .sx-kpi span{font-weight:700;color:#344054}#tab-xarxes .sx-kpi small{display:block;color:var(--sx-gris)}
#tab-xarxes .sx-obs-g2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media (max-width:1100px){#tab-xarxes .sx-obs-g2{grid-template-columns:1fr}}
#tab-xarxes .sx-lleg{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:.82rem;color:#344054;margin-bottom:6px}
#tab-xarxes .sx-lleg i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px;vertical-align:-1px}
#tab-xarxes .sx-graf-c{position:relative}
#tab-xarxes .sx-graf{width:100%;height:auto;display:block}
#tab-xarxes .sx-graf .sx-grid{stroke:#eceef2}#tab-xarxes .sx-graf .sx-eix{font-size:10px;fill:#5b6472}
#tab-xarxes .sx-graf rect[class^="sx-c-"]{stroke:#fff;stroke-width:1}
#tab-xarxes .sx-graf .sx-hit{fill:transparent;cursor:crosshair}#tab-xarxes .sx-graf .sx-hit-on{fill:rgba(11,42,74,.06)}
#tab-xarxes .sx-tip{position:absolute;pointer-events:none;background:#101828;color:#fff;font-size:.8rem;padding:6px 9px;border-radius:8px;max-width:240px;box-shadow:0 6px 18px rgba(0,0,0,.2)}
#tab-xarxes .sx-bh{display:grid;gap:6px}
#tab-xarxes .sx-bh-f,#tab-xarxes .sx-bh-peu{display:grid;grid-template-columns:minmax(120px,34%) 1fr 62px 44px;gap:8px;align-items:center;font-size:.86rem}
#tab-xarxes .sx-bh-peu{color:var(--sx-gris);font-size:.74rem}
#tab-xarxes .sx-bh-n{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#344054}
#tab-xarxes .sx-bh-b{display:flex;height:14px;border-radius:4px;overflow:hidden;gap:2px;background:#f2f4f7}
#tab-xarxes .sx-bh-b i{display:block;height:100%}
#tab-xarxes .sx-bh-f b{text-align:right;font-variant-numeric:tabular-nums}#tab-xarxes .sx-bh-f small{color:var(--sx-gris);text-align:right}
#tab-xarxes .sx-obs-pf{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-bottom:8px}
#tab-xarxes .sx-obs-txt{max-width:520px;font-size:.86rem}#tab-xarxes .sx-obs-txt a{color:#1d2533;text-decoration:none}
#tab-xarxes .sx-cob summary{cursor:pointer;font-weight:700;color:var(--sx-mari)}
/* Perfil «xarxesUV» (serveis de la UV): només Xarxes socials i El meu compte */
html.sx-perfil-xuv #tan-nav button:not(#btn-tab-xarxes):not(#btn-tab-admin),html.sx-perfil-xuv #tan-nav a,html.sx-perfil-xuv [id^="xat-"],html.sx-perfil-xuv [id^="btn-xat"]{display:none !important}
html.sx-perfil-xuv [class*="xatbot"]:not(#tab-xarxes *),html.sx-perfil-xuv [id*="xatbot"]:not(#tab-xarxes *),
html.sx-perfil-xuv [id*="consultot"]:not(#tab-xarxes *),html.sx-perfil-xuv [class*="consultot"]:not(#tab-xarxes *){display:none !important}
/* ===== V3.0 (F3): publicació directa, calendari i comptes connectats ===== */
#tab-xarxes .sx-pub-dir{border-radius:var(--sx-r);border:1px solid #c7dcf3;background:var(--sx-blau2);padding:12px 14px;margin:12px 0}
#tab-xarxes .sx-pub-dir .sx-verif-cap b{color:var(--sx-mari)}
#tab-xarxes .sx-pub-dir table{background:#fff;border-radius:10px;margin-top:8px}
#tab-xarxes .sx-pub-dir input[type=datetime-local]{width:auto}
#tab-xarxes .sx-prog{display:inline-block;font-size:.78rem;font-weight:700;padding:2px 8px;border-radius:999px;border:1px solid var(--sx-vora);background:#fff;color:#344054}
#tab-xarxes .sx-p-programada{background:#e8f1fb;border-color:#9cc3ec;color:#0b2a4a}
#tab-xarxes .sx-p-publicada{background:var(--sx-verd2);border-color:#9fd3ae;color:#14532d}
#tab-xarxes .sx-p-error{background:var(--sx-roig2);border-color:#f0a9a3;color:var(--sx-roig)}
#tab-xarxes .sx-p-publicant{background:var(--sx-tar2);border-color:#f7c98a;color:var(--sx-tar)}
#tab-xarxes .sx-p-cancellada{opacity:.6;text-decoration:line-through}
#tab-xarxes .sx-prog-ll{list-style:none;padding:0;margin:6px 0;display:grid;gap:6px}
#tab-xarxes .sx-prog-ll li{background:#fff;border:1px solid var(--sx-vora);border-radius:10px;padding:8px 10px}
#tab-xarxes .sx-vermell{color:var(--sx-roig)}
#tab-xarxes .sx-cal-cap{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:10px}
#tab-xarxes .sx-cal-cap h3{margin:0 8px;min-width:180px;text-align:center}
#tab-xarxes .sx-cal-lleg{margin-left:auto;display:flex;gap:6px}
#tab-xarxes .sx-cal-g{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
#tab-xarxes .sx-cal-dn{font-size:.78rem;font-weight:700;color:var(--sx-gris);text-align:center;padding:4px 0}
#tab-xarxes .sx-cal-d{min-height:96px;background:#fff;border:1px solid var(--sx-vora);border-radius:10px;padding:4px;display:flex;flex-direction:column;gap:3px}
#tab-xarxes .sx-cal-d>i{font-style:normal;font-size:.8rem;color:var(--sx-gris);font-weight:700}
#tab-xarxes .sx-cal-fora{opacity:.5}
#tab-xarxes .sx-cal-avui{border:2px solid var(--sx-blau)}
#tab-xarxes .sx-cal-it{font-size:.74rem;text-align:left;border:1px solid var(--sx-vora);border-radius:6px;padding:2px 5px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#fff}
@media (max-width:760px){#tab-xarxes .sx-cal-g{grid-template-columns:repeat(7,minmax(38px,1fr))}#tab-xarxes .sx-cal-it{font-size:0;padding:4px}#tab-xarxes .sx-cal-d{min-height:60px}}
#tab-xarxes .sx-g2c{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
@media (max-width:1100px){#tab-xarxes .sx-g2c{grid-template-columns:1fr}}
#tab-xarxes .sx-passos{margin:0 0 6px;padding-left:20px;color:#344054;font-size:.9rem}
#tab-xarxes .sx-meta{background:#fbfaff}
/* ===== V3.0.2: icona de XarxesUV, persones i obertura des de l'ERPNext ===== */
#btn-tab-xarxes{display:inline-flex;align-items:center;gap:8px}
#btn-tab-xarxes .sx-tab-ico{display:inline-flex;line-height:0}
#btn-tab-xarxes .sx-ico-xuv{width:22px;height:22px;flex:none}
#tab-xarxes .sx-hero-ico .sx-ico-xuv{width:44px;height:44px}
#tab-xarxes .sx-sense{color:var(--sx-gris);font-style:italic}
#tab-xarxes #sx-pers-q{max-width:380px;margin-bottom:8px}
html.sx-embed #tan-nav{display:none !important}

/* === V3.1: material de partida (indicacions, document o adreça web) === */
#tab-xarxes .sx-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:2px 0 12px}
#tab-xarxes .sx-mode{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;border:1.5px solid var(--sx-vora);background:#fff;border-radius:12px;padding:10px 12px;cursor:pointer;color:#24324a;font:inherit;transition:border-color .2s,box-shadow .2s,background .2s}
#tab-xarxes .sx-mode span{font-size:1.3rem;line-height:1}
#tab-xarxes .sx-mode b{font-size:.95rem}
#tab-xarxes .sx-mode small{font-size:.76rem;color:var(--sx-gris)}
#tab-xarxes .sx-mode:hover{border-color:var(--sx-blau)}
#tab-xarxes .sx-mode.sx-on{border-color:var(--sx-blau);background:var(--sx-blau2);box-shadow:0 0 0 3px rgba(0,91,164,.15)}
#tab-xarxes .sx-drop-doc{margin-bottom:8px}
#tab-xarxes .sx-btn-doc{display:inline-block;margin-right:6px;pointer-events:none}
#tab-xarxes .sx-font-url{display:flex;gap:8px;margin-bottom:4px}
#tab-xarxes .sx-font-url input{flex:1;min-width:0}
#tab-xarxes .sx-ajuda{display:block;color:var(--sx-gris);font-size:.78rem;margin-bottom:6px}
#tab-xarxes .sx-check-p{margin:4px 0 10px}
#tab-xarxes .sx-font-llig{padding:14px;border:1.5px dashed var(--sx-blau);border-radius:12px;background:var(--sx-blau2);color:var(--sx-blau);font-weight:600;margin-bottom:10px}
#tab-xarxes .sx-font{display:flex;gap:12px;align-items:flex-start;border:1.5px solid #b7d3ee;background:linear-gradient(135deg,#f3f8fe,#fbf5fb);border-radius:12px;padding:12px;margin-bottom:12px}
#tab-xarxes .sx-font-ico{font-size:1.8rem;line-height:1}
#tab-xarxes .sx-font-cos{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
#tab-xarxes .sx-font-cos b{overflow-wrap:anywhere}
#tab-xarxes .sx-font-cos small{color:var(--sx-gris)}
#tab-xarxes .sx-font-cos a{font-size:.8rem;overflow-wrap:anywhere}
#tab-xarxes .sx-font-cos pre{white-space:pre-wrap;max-height:220px;overflow:auto;background:#fff;border:1px solid var(--sx-vora);border-radius:8px;padding:8px;font-size:.8rem;margin:6px 0 0}
#tab-xarxes .sx-font-nota{margin:4px 0 0;font-size:.82rem;color:var(--sx-verd)}
#tab-xarxes .sx-font-x{flex:none;width:30px;height:30px;border-radius:50%;border:1px solid var(--sx-vora);background:#fff;color:var(--sx-gris);cursor:pointer}
#tab-xarxes .sx-font-x:hover{color:var(--sx-roig);border-color:var(--sx-roig)}
@media (max-width:640px){#tab-xarxes .sx-modes{grid-template-columns:1fr}#tab-xarxes .sx-mode{flex-direction:row;align-items:center;gap:8px}#tab-xarxes .sx-mode small{display:none}#tab-xarxes .sx-font-url{flex-direction:column}}