/* CRM d'immoVic · fons blanc i un sol verd (#18794E). Primer el mòbil; a l'ordinador (≥1200 px), barra lateral, columnes i panells.
   El verd només per a l'acció principal, la fila triada i el punt del pas actual. Xifres tabulars i a mida de text. */
:root{
  --bg:#fff; --fg:#1d1d1f; --fg2:#6e6e73; --fg3:#8e8e93;
  --line:rgba(0,0,0,.1); --line2:rgba(0,0,0,.16); --fill:#f2f2f4; --fill2:#e8e8ec; --hover:#f7f7f8; --sel:#f0f1f2;
  --verd:#18794E; --verd-suau:#eaf4ee; --verd-t:var(--verd);
  --bg-el:#fff; --seg-on:#fff; --barra-bg:rgba(255,255,255,.84); --bg-resum:#fcfcfd; --ck:#b8b8bd;
  --sh-barra:0 8px 28px rgba(0,0,0,.12),0 0 0 .5px rgba(0,0,0,.08);
  --sh-panell:0 12px 40px rgba(0,0,0,.14),0 0 0 .5px rgba(0,0,0,.08);
  --r:14px;
  color-scheme:light;
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
[hidden]{display:none!important}
html,body{margin:0;background:var(--bg);color:var(--fg)}
body{font:17px/1.42 -apple-system,BlinkMacSystemFont,"SF Pro Text",system-ui,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased;
  padding-bottom:calc(env(safe-area-inset-bottom,0px) + 104px)}
html.text-gran #vista,html.text-gran .full{zoom:1.12}
button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit}
button{border:0;background:none;padding:0;cursor:pointer;text-align:inherit}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.num{font-variant-numeric:tabular-nums}
kbd{font:600 11px/1 -apple-system,system-ui,sans-serif;padding:3px 6px;border-radius:5px;background:var(--fill);color:var(--fg2);border:.5px solid var(--line2)}
:focus-visible{outline:2px solid var(--verd);outline-offset:2px;border-radius:8px}
.press{transition:transform .1s ease-out,background-color .12s}
.press:active{transform:scale(.97)}

/* ---------- marc ---------- */
.app{max-width:760px;margin:0 auto;padding:0 16px}
.exemple{font-size:13px;color:var(--fg2);background:var(--fill);border-radius:10px;padding:7px 12px;margin-top:12px}
.cap{padding-top:calc(env(safe-area-inset-top,0px) + 18px)}
.cap-fila{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
.cap-text{min-width:0}
.cap-dreta{display:flex;gap:8px;align-items:center;flex:none}
.enrere{display:inline-flex;align-items:center;gap:4px;color:var(--verd-t);font-size:16px;font-weight:500;min-height:44px;margin-left:-4px}
.enrere svg{width:18px;height:18px}
.sup{font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--fg2)}
h1{font-size:32px;line-height:1.1;letter-spacing:-.022em;margin:2px 0 0;font-weight:700;text-wrap:balance}
h1.mitja{font-size:26px;letter-spacing:-.018em}
.titol-boto{font:inherit;color:inherit;letter-spacing:inherit;line-height:inherit}
.sub{margin:6px 0 0;color:var(--fg2);font-size:15.5px;text-wrap:pretty}
.rodo{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:var(--fg2);background:var(--fill);flex:none}
.rodo svg{width:20px;height:20px}
.rodo-petit{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:var(--fg2);background:var(--fill);flex:none}
.rodo-petit svg{width:16px;height:16px}
.nomes-ordinador{display:none!important}

/* ---------- seccions i files ---------- */
.sec{margin-top:26px}
.sec-h{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin:0 2px 8px}
.sec-h h2{font-size:20px;letter-spacing:-.014em;margin:0;font-weight:700}
.sec-h h2.petit{font-size:15px;color:var(--fg2);font-weight:600}
.num-sec{display:inline-block;min-width:22px;color:var(--fg3);font-weight:600;font-variant-numeric:tabular-nums}
.sec-h .dreta{font-size:14px;color:var(--fg2)}
.sec-h button.dreta,.sec-h a.dreta{color:var(--verd-t);font-weight:600;font-size:15px;min-height:36px}
.nota-sec{font-size:13.5px;color:var(--fg2);margin:-4px 2px 8px;text-wrap:pretty}
.text-sec{font-size:15px;color:var(--fg2);margin:0 2px;line-height:1.5}
.grup{border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--bg)}
.fila{display:flex;align-items:center;gap:12px;padding:11px 14px;min-height:52px;width:100%;text-align:left;position:relative}
.grup>*+*{border-top:1px solid var(--line)}
a.fila:active,button.fila:active{background:var(--fill)}
.fila .cos{flex:1;min-width:0;display:flex;flex-direction:column;text-align:left}
.fila .t{font-size:16px;line-height:1.3;font-weight:500}
.fila .t.n{font-weight:400}
.fila .s{font-size:14px;color:var(--fg2);margin-top:2px}
.fila .s.avis{color:var(--fg);font-weight:600}
.fila .val{font-size:15.5px;color:var(--fg2);flex:none;text-align:right}
.fila[aria-current="true"]{background:var(--sel)}
.fila[aria-current="true"] .t{color:var(--verd-t)}
.hora-f{font-size:15px;font-weight:600;color:var(--fg2);min-width:44px}
.chev{width:7px;height:12px;color:var(--fg3);flex:none}
.buit{padding:22px 16px;color:var(--fg2);font-size:15px;text-align:center;text-wrap:pretty}
.privat{font-size:12.5px;color:var(--fg2);font-weight:400}
.punt-verd{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--verd);margin-right:6px;vertical-align:1px}
.tard{color:var(--fg);font-weight:600}
.ic-fila{width:30px;height:30px;border-radius:8px;background:var(--fill);display:grid;place-items:center;flex:none;color:var(--fg2)}
.ic-fila svg{width:17px;height:17px}
.verd-t{color:var(--verd-t)}
.apagat{color:var(--fg3)!important;text-decoration:line-through}

/* ---------- caselles i tasques ---------- */
.ck{width:26px;height:26px;border-radius:50%;border:2px solid var(--ck);flex:none;display:grid;place-items:center;transition:background-color .15s,border-color .15s}
.ck svg{width:13px;height:13px;color:#fff;opacity:0}
.fet .ck{background:var(--verd);border-color:var(--verd-t)}
.fet .ck svg{opacity:1}
.fet>.cos>.t{color:var(--fg2)}
.tasca .t{font-weight:400}
.fet.tasca .t{text-decoration:line-through;color:var(--fg3)}
.tasca .cos{cursor:pointer}

/* ---------- camps ---------- */
.camp{display:flex;align-items:center;gap:10px;padding:8px 14px;min-height:52px}
.camp>label,.camp>.etiq{flex:1;min-width:0;font-size:15.5px;line-height:1.3}
.camp.vert{flex-direction:column;align-items:stretch;gap:6px;padding:10px 14px}
.camp.vert>label{flex:none}
.camp.sub-camp{min-height:44px;padding-left:28px}
.entrada{border:0;background:var(--fill);border-radius:9px;height:36px;padding:0 10px;font-size:16px;min-width:0;width:100%;outline:0}
.entrada:focus{box-shadow:0 0 0 2px var(--verd)}
.camp .entrada{width:auto;max-width:56%;flex:0 1 220px;text-align:right}
.camp.vert .entrada,.camp.vert textarea{max-width:none;text-align:left;width:100%;flex:none}
textarea.entrada{height:auto;min-height:72px;padding:9px 10px;line-height:1.4;resize:vertical}
input[type=date].entrada,input[type=datetime-local].entrada,input[type=time].entrada{flex:0 0 auto;min-width:130px;text-align:right}
.euros{display:flex;align-items:center;gap:4px;flex:0 1 200px;justify-content:flex-end}
.euros .entrada{max-width:none;text-align:right}
.euros span{color:var(--fg2)}
.euros.m2{flex:0 0 110px}.euros.curt{flex:0 0 96px}
.val-text{color:var(--fg2);font-size:15px}
select.entrada{appearance:none;-webkit-appearance:none;padding-right:26px;background:var(--fill) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%236e6e73' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 10px center/10px 6px;text-align:left;text-align-last:right}
.seg{display:inline-flex;background:var(--fill);border-radius:10px;padding:2px;gap:2px;flex:none}
.seg button{height:32px;min-width:46px;padding:0 11px;border-radius:8px;font-size:14px;font-weight:600;color:var(--fg2);white-space:nowrap}
.seg button[aria-pressed=true]{background:var(--seg-on);color:var(--fg);box-shadow:0 1px 3px rgba(0,0,0,.14)}
.seg.ample{display:flex;width:100%}
.seg.ample button{flex:1}
.estat-doc{appearance:none;-webkit-appearance:none;border:0;border-radius:99px;height:32px;padding:0 13px;font-size:14px;font-weight:600;background:var(--fill);color:var(--fg2);flex:none;cursor:pointer}
.estat-doc.rebut{background:var(--verd-suau);color:var(--verd-t)}
.estat-doc.no_cal{background:transparent;color:var(--fg3);box-shadow:inset 0 0 0 1px var(--line2)}
.estat-doc.demanat{background:var(--fill2);color:var(--fg)}
.caduca{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:13.5px;color:var(--fg2);white-space:nowrap}
.caduca input[type=date].entrada{height:30px;font-size:14px;min-width:0;width:auto;max-width:150px;text-align:left;padding:0 8px}
.ajuda{font-size:13px;color:var(--fg2);margin-top:2px;display:block}
.enllac-ext{color:var(--verd-t);font-size:13.5px;font-weight:600}

/* ---------- botons ---------- */
.bt{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:44px;padding:0 18px;border-radius:12px;font-size:16px;font-weight:600;background:var(--fill);color:var(--fg);white-space:nowrap}
.bt svg{width:18px;height:18px}
.bt.verd{background:var(--verd);color:#fff}
.bt.verd:active{filter:brightness(.9)}
.bt.verd:disabled{opacity:.45}
.bt.suau{background:var(--verd-suau);color:var(--verd-t)}
.bt.ample{width:100%}
.bt.petit{height:36px;padding:0 13px;font-size:14.5px;border-radius:10px}
.bt.text{background:none;color:var(--verd-t);padding:0 4px}
.bt[aria-pressed=true]{box-shadow:inset 0 0 0 1.5px var(--verd)}
.bt kbd{background:rgba(255,255,255,.22);color:inherit;border:0}
.botons{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.peu-pas{margin-top:22px;display:flex;flex-direction:column;gap:8px;align-items:stretch}
.peu-pas p{margin:0;font-size:14px;color:var(--fg2);text-align:center;text-wrap:pretty}
.peu-llistes{margin:18px 2px 0;font-size:13.5px;text-align:center}
.peu-llistes a{color:var(--fg2);text-decoration:underline;text-decoration-color:var(--line2);text-underline-offset:3px}

/* ---------- pestanyes de l'immoble (mòbil) ---------- */
.passos{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:16px -16px 0;padding:0 16px 2px;scroll-snap-type:x proximity}
.passos::-webkit-scrollbar{display:none}
.passos a{flex:none;height:36px;padding:0 14px;border-radius:99px;display:inline-flex;align-items:center;font-size:14.5px;font-weight:600;color:var(--fg2);background:var(--fill);scroll-snap-align:start;white-space:nowrap}
.passos a[aria-current=page]{background:var(--verd-suau);color:var(--verd-t)}
.passos a .punt-verd{margin-right:7px}
.passos a[aria-current=page] .punt-verd{background:var(--verd)}
.progres{font-size:14.5px;color:var(--fg2);margin:14px 2px 0}
.progres b{color:var(--fg);font-weight:600}

/* ---------- filtres i cerca ---------- */
.xips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:12px -16px 0;padding:0 16px}
.xips::-webkit-scrollbar{display:none}
.xips button{flex:none;height:34px;padding:0 13px;border-radius:99px;background:var(--fill);font-size:14.5px;font-weight:500;color:var(--fg2)}
.xips button[aria-pressed=true]{background:var(--verd-suau);color:var(--verd-t)}
.cerca{display:flex;align-items:center;gap:8px;background:var(--fill);border-radius:11px;padding:0 11px;height:40px;margin-top:14px}
.cerca svg{width:16px;height:16px;color:var(--fg3);flex:none}
.cerca input{flex:1;min-width:0;border:0;outline:0;background:transparent;font-size:16.5px}
.filtres-cli .seg{margin-top:14px;display:flex;width:100%}.filtres-cli .seg button{flex:1}

/* ---------- targeta (notaria, gestoria, finques) ---------- */
.targeta{padding:12px 14px}
.targeta .dades{font-size:14.5px;color:var(--fg2);line-height:1.5}
.targeta .botons{margin-top:10px}

/* ---------- xifres en files (sense números enormes) ---------- */
.xifra{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;min-height:50px}
.xifra .val{font-size:16px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right}
.xifra .t{font-size:15.5px;min-width:0}
details>summary{list-style:none;cursor:pointer}
details>summary::-webkit-details-marker{display:none}
details .llista-dins{padding:0 14px 10px}
details .llista-dins div{font-size:14.5px;color:var(--fg2);padding:4px 0;display:flex;justify-content:space-between;gap:10px}
details .llista-dins a{color:var(--fg)}
.comptador{display:flex;align-items:center;gap:10px}
.comptador button{width:30px;height:30px;border-radius:50%;background:var(--fill);font-size:18px;font-weight:500;display:grid;place-items:center;margin:-4px 0}
.periode{display:flex;align-items:center;justify-content:space-between;margin-top:14px;gap:6px}
.periode button{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:var(--verd-t)}
.periode button svg{width:18px;height:18px}
.periode b{font-size:17px;font-weight:600}
.taula{width:100%;border-collapse:collapse;font-size:14.5px;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;border-style:hidden;box-shadow:0 0 0 1px var(--line)}
.taula th,.taula td{padding:9px 12px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.taula thead th{font-size:13px;font-weight:600;color:var(--fg2);background:var(--hover)}
.taula tbody tr:last-child td,.taula tbody tr:last-child th{border-bottom:0}
.taula .n{text-align:right;white-space:nowrap}
.taula a{color:var(--fg)}
.taula-scroll{overflow-x:auto;border-radius:var(--r)}
.taula.mesos th{font-weight:500;color:var(--fg)}
.taula.mesos thead th{color:var(--fg2)}

/* ---------- barra de navegació (mòbil): càpsula flotant + botó rodó d'apuntar ---------- */
.barra{position:fixed;left:0;right:0;bottom:0;z-index:30;padding:0 14px calc(env(safe-area-inset-bottom,0px) + 12px);pointer-events:none;display:flex;gap:10px;align-items:center;justify-content:center}
.barra::before{content:"";position:absolute;inset:-24px 0 0;background:linear-gradient(to top,var(--bg) 40%,transparent);z-index:-1}
.barra nav{flex:0 1 420px;display:grid;grid-template-columns:repeat(4,1fr);height:62px;padding:5px;border-radius:31px;pointer-events:auto;
  background:var(--barra-bg);-webkit-backdrop-filter:blur(22px) saturate(180%);backdrop-filter:blur(22px) saturate(180%);box-shadow:var(--sh-barra)}
.barra nav>a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:11px;font-weight:600;color:var(--fg2);border-radius:26px;min-width:0}
.barra nav>a svg{width:23px;height:23px}
.barra nav>a[aria-current=page]{color:var(--verd-t);background:rgba(0,0,0,.05)}
.barra .n,.marca,.apunta-l,.cerca-l,.cua{display:none}
.mic-mobil{pointer-events:auto;width:62px;height:62px;border-radius:50%;background:var(--verd);color:#fff;display:grid;place-items:center;flex:none;box-shadow:0 8px 22px rgba(24,121,78,.32)}
.mic-mobil svg{width:26px;height:26px}
body.sense-barra .barra,body.imprimint .barra{display:none}

/* ---------- el full: puja des de sota (mòbil) ---------- */
.scrim{position:fixed;inset:0;background:rgba(0,0,0,.28);z-index:50;opacity:0;transition:opacity .25s}
.scrim.obert{opacity:1}
.full{position:fixed;left:0;right:0;bottom:0;z-index:51;max-height:92dvh;overflow:auto;background:var(--bg-el);border-radius:20px 20px 0 0;
  padding:8px 16px calc(env(safe-area-inset-bottom,0px) + 20px);transform:translateY(100%);transition:transform .32s cubic-bezier(.2,.9,.25,1);overscroll-behavior:contain}
.full.obert{transform:none}
.full .nansa{width:36px;height:5px;border-radius:3px;background:var(--fill2);margin:2px auto 12px}
.full .tanca-full{position:absolute;top:12px;right:12px}
.full h3{font-size:20px;margin:0 44px 14px 0;letter-spacing:-.012em;text-wrap:balance}
.full .grup{margin-bottom:14px}
.u-msub{margin:-8px 0 14px!important}
.toast{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 92px);transform:translate(-50%,20px);opacity:0;background:var(--bg-el);color:var(--fg);box-shadow:var(--sh-panell);padding:11px 16px;border-radius:12px;font-size:15px;z-index:60;transition:opacity .2s,transform .2s;max-width:90vw;display:flex;gap:14px;align-items:center;pointer-events:none}
.toast.vist{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.toast button{color:var(--verd-t);font-weight:600}

/* ---------- apuntar (dictat) ---------- */
.dicta{background:var(--fill);border-radius:16px;padding:14px}
.dicta textarea{width:100%;min-height:110px;resize:none;border:0;outline:0;background:transparent;font-size:19px;line-height:1.4}
.escolta{display:flex;align-items:center;gap:10px;color:var(--fg2);font-size:14.5px;margin-top:6px}
.ones{display:flex;gap:3px;align-items:center;height:18px}
.ones i{width:3px;height:6px;border-radius:2px;background:var(--fg3);display:block}
.ones.actiu i{background:var(--verd);animation:ona 1s ease-in-out infinite}
.ones.actiu i:nth-child(2){animation-delay:.1s}.ones.actiu i:nth-child(3){animation-delay:.2s}.ones.actiu i:nth-child(4){animation-delay:.3s}.ones.actiu i:nth-child(5){animation-delay:.4s}
@keyframes ona{0%,100%{height:5px}50%{height:17px}}
.context-dicta{display:inline-flex;align-items:center;gap:6px;background:var(--verd-suau);color:var(--verd-t);border-radius:99px;padding:4px 6px 4px 12px;font-size:14px;font-weight:600;margin:0 0 10px}
.context-dicta button{width:22px;height:22px;display:grid;place-items:center;color:var(--verd-t)}
.context-dicta svg{width:13px;height:13px}
.resultat{margin-top:16px;border-top:1px solid var(--line);padding-top:14px}
.estat-r{font-size:14.5px;color:var(--fg2);display:flex;align-items:center;gap:8px}
.estat-r.ok{color:var(--verd-t);font-weight:600}
.ck-ok{width:20px;height:20px;border-radius:50%;background:var(--verd);display:grid;place-items:center}
.ck-ok svg{width:11px;height:11px;color:#fff}
.resum-r{font-size:17px;margin:8px 0 10px;line-height:1.4}
.cita{font-style:italic;color:var(--fg2);margin:8px 0;line-height:1.45}
.canvis{border:1px solid var(--line);border-radius:12px;margin:10px 0 12px}
.canvis div{display:flex;gap:12px;padding:9px 12px;font-size:14.5px}
.canvis div+div{border-top:1px solid var(--line)}
.canvis span{color:var(--fg2);min-width:84px;flex:none}
.canvis b{font-weight:500}
.fila.nota .t{font-size:15.5px}

/* ---------- agenda ---------- */
.mes-cap{display:flex;align-items:center;justify-content:space-between;margin:18px 2px 10px}
.mes-cap h2{font-size:19px;margin:0;font-weight:600;letter-spacing:-.012em}
.fletxes{display:flex;gap:6px;align-items:center}
.fletxes button{height:36px;min-width:36px;padding:0 10px;border-radius:99px;background:var(--fill);display:grid;place-items:center;color:var(--verd-t);font-size:14.5px;font-weight:600}
.fletxes svg{width:16px;height:16px}
.setmana-mobil{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;border:1px solid var(--line);border-radius:16px;padding:8px 6px}
.dia-b{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 0 7px;border-radius:12px}
.dia-b small{font-size:11.5px;font-weight:600;color:var(--fg3);text-transform:uppercase;letter-spacing:.03em}
.dia-b b{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:17px;font-weight:600}
.dia-b.avui b{color:var(--verd-t)}
.dia-b[aria-pressed="true"] b{background:var(--fill2);color:var(--fg)}
.dia-b.avui[aria-pressed="true"] b{background:var(--verd);color:#fff}
.dia-b .punts{display:flex;gap:3px;height:5px}
.dia-b .punts i{width:5px;height:5px;border-radius:50%;background:var(--fg3)}
.reixa-set{display:none}
.ev{display:block;width:100%;text-align:left;border-radius:9px;padding:7px 9px;background:var(--fill);font-size:13.5px;line-height:1.3;border:0}
.ev b{display:block;font-weight:500;color:var(--fg)}
.ev small{display:block;color:var(--fg2);font-size:12px;margin-top:2px}
.ev small.tard{color:var(--fg);font-weight:600}
.ev.fet{opacity:.6}.ev.fet b{text-decoration:line-through;color:var(--fg2)}
.ev.notaria{background:var(--verd-suau)}
.ev.visita{background:var(--bg-el);box-shadow:inset 0 0 0 1px var(--line2)}
.ev-nova{margin-top:auto;height:28px;border-radius:8px;color:var(--fg3);display:grid;place-items:center;opacity:0;transition:opacity .12s}
.ev-nova svg{width:15px;height:15px}
.col:hover .ev-nova,.ev-nova:focus-visible{opacity:1}
.connecta{display:flex;align-items:center;gap:14px;border:1px solid var(--line);border-radius:16px;padding:14px 16px;margin-top:24px}
.connecta .ic{width:40px;height:40px;border-radius:11px;background:var(--fill);display:grid;place-items:center;color:var(--verd-t);flex:none}
.connecta .ic svg{width:21px;height:21px}
.connecta .cos{flex:1;min-width:0}.connecta .cos b{display:block;font-size:16px;font-weight:600}
.connecta .cos small{display:block;font-size:13.5px;color:var(--fg2);margin-top:1px}

/* ---------- immobles: miniatura a la llista ---------- */
.mini-foto{width:52px;height:52px;border-radius:10px;overflow:hidden;background:var(--fill);flex:none;display:grid;place-items:center;color:var(--fg3)}
.mini-foto img{width:100%;height:100%;object-fit:cover}
.mini-foto svg{width:22px;height:22px}
.fila.imm{padding:9px 14px}
/* visites */
.visita-f{padding:10px 14px;display:flex;flex-direction:column;gap:8px}
.visita-camps{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.visita-camps label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--fg2);min-width:0}
.visita-camps .euros{flex:none;width:100%}
.visita-camps .euros .entrada{flex:1;min-width:0}
/* quantitats a percebre: forma de pagament */
.q-linia{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;padding:10px 14px;align-items:center}
.q-linia .euros{flex:none;min-width:0}
.q-linia .bt{justify-self:end}
@container (min-width:700px){.q-linia{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) 140px minmax(0,1.3fr) auto}}
/* la fitxa */
.fitxa-graella{display:block}
.anunci summary{margin-bottom:8px}
.anunci .sec{margin-top:16px}
pre.word{white-space:pre-wrap;font:13px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--fg2);background:var(--hover);border-radius:12px;padding:12px 14px;margin:14px 0 0;max-height:320px;overflow:auto}
/* seguiment */
.seg-f{gap:8px}

/* ---------- la web i les fotos ---------- */
.graella-fotos{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin-bottom:12px}
.foto-g{margin:0;position:relative;border-radius:12px;overflow:hidden;background:var(--fill);aspect-ratio:4/3}
.foto-g img{width:100%;height:100%;object-fit:cover}
.foto-g.fora img{opacity:.45}
.foto-g figcaption{position:absolute;left:8px;top:8px;font-size:12px;font-weight:600;color:#fff;background:rgba(0,0,0,.45);padding:2px 8px;border-radius:99px}
.foto-g.movent{opacity:.4}
.foto-g.sobre{box-shadow:0 0 0 3px var(--verd)}
.foto-acc{position:absolute;left:0;right:0;bottom:0;display:flex;gap:4px;justify-content:space-between;padding:6px;background:linear-gradient(to top,rgba(0,0,0,.55),transparent)}
.foto-acc button{height:28px;min-width:28px;padding:0 8px;border-radius:8px;background:rgba(255,255,255,.92);font-size:12px;font-weight:600;display:grid;place-items:center;color:#1d1d1f}
.foto-acc button:disabled{opacity:.35}
.foto-acc .web-b{display:flex;gap:4px;align-items:center}
.foto-acc .web-b[aria-pressed=true]{background:var(--verd);color:#fff}
.foto-acc .web-b svg{width:11px;height:11px}
.foto-acc svg{width:14px;height:14px}
.puja-fotos{display:flex;align-items:center;gap:14px;border:1.5px dashed var(--line2);border-radius:14px;padding:16px;cursor:pointer;color:var(--fg2)}
.puja-fotos svg{width:26px;height:26px;color:var(--verd-t);flex:none}
.puja-fotos b{display:block;color:var(--fg);font-weight:600}
.puja-fotos small{display:block;font-size:13.5px}
.puja-fotos.sobre{border-color:var(--verd-t);background:var(--verd-suau)}
.vista-web{border:1px solid var(--line);border-radius:16px;overflow:hidden;max-width:360px}
.vw-foto{aspect-ratio:4/3;background:var(--fill);position:relative;display:grid;place-items:center;color:var(--fg3)}
.vw-foto img{width:100%;height:100%;object-fit:cover}
.vw-foto svg{width:32px;height:32px}
.vw-estat{position:absolute;left:12px;top:12px;background:var(--bg-el);color:var(--fg);font-size:12.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:4px 10px;border-radius:99px}
.vw-cos{padding:12px 14px;display:flex;flex-direction:column;gap:2px}
.vw-cos b{font-weight:600}.vw-cos span{font-weight:600}.vw-cos small{color:var(--fg2);font-size:13.5px}

/* ---------- ajustos ---------- */
.llista-sec{margin-top:14px}
.llista-sec h3{font-size:14px;font-weight:600;color:var(--fg2);margin:0 2px 6px}
.llista-sec .bt.text{margin-top:6px;font-size:14.5px}
.llista-sec .bt svg{width:15px;height:15px}
.camp.fase{gap:8px}
.camp.fase .entrada{max-width:none;text-align:left}
.camp.fase input{flex:1 1 40%}.camp.fase select{flex:1 1 55%}

/* ---------- cerca de tot (⌘K) ---------- */
.cerca-g{position:fixed;inset:0;z-index:70;display:flex;justify-content:center;align-items:flex-start;padding:10vh 16px 16px}
.cg-fons{position:absolute;inset:0;background:rgba(0,0,0,.2);opacity:0;transition:opacity .15s}
.cg-caixa{position:relative;width:min(620px,100%);background:var(--bg-el);border-radius:16px;box-shadow:var(--sh-panell);overflow:hidden;transform:translateY(-6px) scale(.99);opacity:0;transition:transform .18s cubic-bezier(.2,.9,.25,1),opacity .15s}
.cerca-g.obert .cg-fons{opacity:1}.cerca-g.obert .cg-caixa{transform:none;opacity:1}
.cg-camp{display:flex;align-items:center;gap:10px;padding:0 16px;height:56px;border-bottom:1px solid var(--line)}
.cg-camp svg{width:19px;height:19px;color:var(--fg3)}
.cg-camp input{flex:1;border:0;outline:0;font-size:18px;background:transparent}
.cg-res{max-height:60vh;overflow:auto;padding:6px}
.cg-grup{font-size:12px;font-weight:600;color:var(--fg3);text-transform:uppercase;letter-spacing:.04em;padding:10px 10px 4px}
.cg-r{display:flex;justify-content:space-between;gap:14px;width:100%;padding:9px 10px;border-radius:9px;text-align:left}
.cg-r .t{font-size:15.5px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cg-r .s{font-size:13.5px;color:var(--fg2);flex:none;max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cg-r:hover{background:var(--hover)}
.cg-r.sel{background:var(--sel)}.cg-r.sel .t{color:var(--verd-t)}

/* ---------- ENTRAR i sense cobertura ---------- */
.pin{max-width:340px;margin:18vh auto 0;text-align:center;padding:0 16px}
.pin .error-entra{margin:4px 0 18px;color:var(--fg);text-wrap:pretty}
.pin input{text-align:center;font-size:20px;letter-spacing:.08em;height:52px;margin:18px 0 12px;width:100%}
.sense-con{max-width:380px;margin-top:16vh;text-align:center}
.sense-con .bt{margin-top:18px}

/* ---------- petites peces ---------- */
.u-mt14{margin-top:14px!important}.u-mt12{margin-top:12px!important}.u-mt10{margin-top:10px!important}.u-mt8{margin-top:8px!important}.u-mb12{margin-bottom:12px!important}
.u-flex{display:flex!important;gap:8px}
.u-centra{align-items:center}
.u-entre{display:flex!important;justify-content:space-between;align-items:center;gap:10px}
.u-entre.u-base{align-items:baseline}
.u-dreta{text-align:right!important}.u-esq{text-align:left!important}
.u-pes5{font-weight:500!important}
.u-final{justify-content:flex-end!important}
.u-fosc{color:var(--fg)!important}
.u-sensecon{margin-top:30vh!important;text-align:center}
.u-m10{margin:10px!important}.u-m6{margin:6px 0 10px!important}
.u-espai{flex:1}

/* ================= ORDINADOR (≥1200 px) ================= */
@media (min-width:1200px){
  body{padding-bottom:0;padding-left:232px}
  body.sense-barra,body.imprimint{padding-left:0}
  .nomes-ordinador{display:flex!important}
  .nomes-mobil{display:none!important}
  /* barra lateral: blanca, línia d'un píxel, el logo, el botó d'apuntar, la cerca i les seccions */
  .barra{left:0;top:0;bottom:0;right:auto;width:232px;padding:22px 14px 16px;border-right:1px solid var(--line);background:var(--bg);display:block;pointer-events:auto}
  .barra::before{display:none}
  .barra nav{display:flex;flex-direction:column;height:100%;background:none;box-shadow:none;border-radius:0;padding:0;gap:2px;-webkit-backdrop-filter:none;backdrop-filter:none}
  .barra nav>a{flex-direction:row;justify-content:flex-start;gap:11px;height:38px;padding:0 10px;border-radius:9px;font-size:15px;font-weight:500;color:var(--fg)}
  .barra nav>a svg{width:19px;height:19px;color:var(--fg2)}
  .barra nav>a:hover{background:var(--hover)}
  .barra nav>a[aria-current=page]{background:var(--sel);color:var(--verd-t)}
  .barra nav>a[aria-current=page] svg{color:var(--verd-t)}
  .barra .n{display:block;margin-left:auto;font-size:13px;color:var(--fg3);font-variant-numeric:tabular-nums}
  .marca{display:block;font-weight:700;font-size:18px;letter-spacing:-.01em;padding:2px 10px 16px}
  .apunta-l{display:flex;align-items:center;gap:9px;height:40px;padding:0 12px;border-radius:10px;background:var(--verd);color:#fff;font-weight:600;font-size:15px;margin-bottom:10px}
  .apunta-l svg{width:18px;height:18px}.apunta-l kbd{margin-left:auto;background:rgba(255,255,255,.2);color:#fff;border:0}
  .cerca-l{display:flex;align-items:center;gap:8px;height:36px;padding:0 10px;border-radius:9px;background:var(--fill);color:var(--fg3);font-size:14.5px;margin-bottom:14px}
  .cerca-l svg{width:15px;height:15px}.cerca-l kbd{margin-left:auto}
  .cua{display:block;font-size:12.5px;color:var(--fg2);padding:8px 10px}
  .peu-lat{margin-top:auto}
  .mic-mobil{display:none}

  .app{max-width:1600px;padding:0 36px 48px}
  .app.ajustos{max-width:860px;margin-left:0}
  .cap{padding-top:30px}
  .dues{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:0 36px;align-items:start}
  .est-dues{grid-template-columns:1fr 1fr}
  .col-t{font-size:15px;font-weight:600;color:var(--fg2);margin:26px 2px -10px}
  .sec-ample{grid-column:1/-1}
  .xips{margin:12px 0 0;padding:0;flex-wrap:wrap}
  .filtres-cli{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:16px}
  .filtres-cli .seg{margin:0;width:auto;display:inline-flex}.filtres-cli .xips{margin:0}.filtres-cli .cerca{margin:0;flex:1 1 220px;max-width:340px}
  a.fila:hover,button.fila:hover{background:var(--hover)}
  .fila[aria-current="true"]:hover{background:var(--sel)}
  .tasca .cos:hover .t{color:var(--verd-t)}

  /* el full: a l'ordinador, un panell que entra per la dreta (editar) o una finestra al mig (crear) */
  .full{left:50%;top:50%;bottom:auto;right:auto;width:min(540px,92vw);max-height:86vh;border-radius:18px;transform:translate(-50%,-48%) scale(.985);opacity:0;transition:transform .22s cubic-bezier(.2,.9,.25,1),opacity .18s;padding:22px 24px 24px;box-shadow:var(--sh-panell)}
  .full.obert{transform:translate(-50%,-50%);opacity:1}
  .full .nansa{display:none}
  .full.costat{left:auto;right:0;top:0;bottom:0;width:440px;max-height:none;height:100vh;border-radius:0;transform:translateX(100%);opacity:1;border-left:1px solid var(--line);box-shadow:-12px 0 40px rgba(0,0,0,.08)}
  .full.costat.obert{transform:none}
  .scrim.transparent{background:transparent}
  .toast{bottom:28px;left:calc(50% + 116px)}

  /* l'agenda: la setmana sencera */
  .setmana-mobil,.llista-dia{display:none}
  .reixa-set{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border:1px solid var(--line);border-radius:16px;overflow:hidden;min-height:440px}
  .col{display:flex;flex-direction:column;gap:6px;padding:0 7px 10px;min-width:0}
  .col+.col{border-left:1px solid var(--line)}
  .col.avui{background:var(--hover)}
  .col-h{display:flex;align-items:baseline;gap:6px;padding:12px 4px 8px;font-size:12.5px;font-weight:600;color:var(--fg2);text-transform:uppercase;letter-spacing:.03em}
  .col-h b{font-size:19px;color:var(--fg);letter-spacing:-.02em;text-transform:none}
  .col.avui .col-h b{color:var(--verd-t)}
  .col.cap-de-set .col-h{color:var(--fg3)}
  .ev:hover{filter:brightness(.97)}

  /* clients: la taula i el client a la dreta */
  .md{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;align-items:start;margin-top:18px}
  .md.amb-detall{grid-template-columns:minmax(0,1fr) 440px}
  .taula-cli{border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
  .taula-cli .tr{display:grid;grid-template-columns:minmax(150px,1.4fr) 104px 118px minmax(120px,1.2fr) 92px minmax(110px,1fr) 104px;gap:12px;align-items:center;padding:0 14px;min-height:44px;font-size:14.5px}
  .md.amb-detall .taula-cli .tr{grid-template-columns:minmax(140px,1.4fr) 96px 112px minmax(110px,1fr) 96px}
  .md.amb-detall .taula-cli .tr>:nth-child(5),.md.amb-detall .taula-cli .tr>:nth-child(6){display:none}
  .taula-cli .tr+.tr{border-top:1px solid var(--line)}
  .taula-cli .tr span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--fg2)}
  .taula-cli .tr span:first-child{color:var(--fg);font-weight:500}
  .taula-cli .th{min-height:38px;background:var(--hover)}
  .taula-cli .th button{font-size:13px;font-weight:600;color:var(--fg2);text-align:left;white-space:nowrap}
  .taula-cli .th button[aria-sort]{color:var(--fg)}
  .taula-cli a.tr:hover{background:var(--hover)}
  .taula-cli a.tr[aria-current="true"]{background:var(--sel)}
  .taula-cli a.tr[aria-current="true"] span:first-child{color:var(--verd-t)}
  .peu-taula{font-size:13px;color:var(--fg3);margin:8px 2px}
  .detall{position:sticky;top:20px;max-height:calc(100vh - 40px);overflow-y:auto;border:1px solid var(--line);border-radius:18px;padding:4px 20px 24px;scrollbar-width:thin}
  .detall .cap{padding-top:14px}

  /* immobles: tres zones */
  body[data-vista="immobles"] #vista,body[data-vista="immoble"] #vista{height:100vh}
  .zones{display:grid;grid-template-columns:320px minmax(0,1fr) 280px;height:100vh}
  .zones.sense{grid-template-columns:360px minmax(0,1fr)}
  .zones.sense-llista{grid-template-columns:minmax(0,1fr) 280px}
  .zona-llista{border-right:1px solid var(--line);overflow-y:auto;padding:0 16px 40px}
  .zona-cap{display:flex;justify-content:space-between;align-items:center;padding-top:26px}
  .zona-cap h1{font-size:26px}
  .zona-llista .sec{margin-top:20px}
  .zona-llista .sec-h h2{font-size:15px;color:var(--fg2);font-weight:600}
  .zona-llista .fila.imm{padding:8px 10px;gap:10px}
  .zona-llista .mini-foto{width:44px;height:44px;border-radius:8px}
  .zona-llista .fila .t{font-size:15px}.zona-llista .fila .s{font-size:13px}.zona-llista .fila .val{font-size:14px}
  .zona-llista .chev{display:none}
  .zona-buida{display:grid;place-content:center;text-align:center;color:var(--fg2);gap:4px}
  .zona-buida p{margin:0}
  .zona-pas{overflow-y:auto;padding:0 28px 60px;min-width:0}
  .zona-pas-cap .cap{padding-top:22px}
  .mostra-llista{margin-top:16px;height:30px}
  .mostra-llista svg{width:15px;height:15px}
  .pas-graella{display:grid;grid-template-columns:160px minmax(0,1fr);gap:24px;margin-top:20px;align-items:start}
  .col-passos{position:sticky;top:16px;display:flex;flex-direction:column;gap:1px}
  .pas-l{display:grid;grid-template-columns:14px 1fr auto;align-items:center;column-gap:6px;padding:7px 8px;border-radius:9px;font-size:14.5px}
  .pas-l:hover{background:var(--hover)}
  .pas-l[aria-current=page]{background:var(--sel)}
  .pas-l[aria-current=page] .nom{color:var(--verd-t);font-weight:600}
  .pas-l .punt{width:7px;height:7px;border-radius:50%}
  .pas-l .punt.actiu{background:var(--verd)}
  .pas-l .det{grid-column:2;font-size:12.5px;color:var(--fg3);font-variant-numeric:tabular-nums}
  .pas-l .det:empty{display:none}
  .pas-l kbd{grid-row:1;grid-column:3;opacity:0;transition:opacity .12s}
  .col-passos:hover kbd{opacity:1}
  .sep-pas{height:1px;background:var(--line);margin:8px 8px}
  .pas-cos{min-width:0;container-type:inline-size}
  .pas-cos>.sec:first-child,.pas-cos>.fitxa-graella>.sec:first-child,.pas-cos>.progres:first-child{margin-top:0}
  .passos{display:none}
  .zona-resum{border-left:1px solid var(--line);overflow-y:auto;padding:22px 18px 40px;background:var(--bg-resum)}
  .zona-resum .grup{background:var(--bg)}
  .resum-t{font-size:13px;font-weight:600;color:var(--fg2);text-transform:uppercase;letter-spacing:.04em;margin:18px 2px 8px}
  .resum-t:first-child{margin-top:0}
  .resum-foto{display:block;border-radius:12px;overflow:hidden;aspect-ratio:4/3;margin-bottom:16px;background:var(--fill)}
  .resum-foto img{width:100%;height:100%;object-fit:cover}
  .zona-resum .xifra{padding:9px 12px;min-height:40px}
  .zona-resum .xifra .t{font-size:14px;color:var(--fg2)}.zona-resum .xifra .val{font-size:14.5px;font-weight:500}
  .zona-resum .fila{min-height:44px;padding:8px 12px}
  .zona-resum .fila .t{font-size:14.5px}.zona-resum .fila .s{font-size:13px}
  .zona-resum .sec{margin-top:18px}
  .zona-resum .sec-h h2{font-size:13px;font-weight:600;color:var(--fg2);text-transform:uppercase;letter-spacing:.04em}
  .zona-resum .seg-f{flex-wrap:wrap;row-gap:6px}
  .zona-resum .seg-f .cos{flex:1 0 100%}
  .zona-resum .seg-f .rodo-petit{width:30px;height:30px}
  .zona-resum .seg-f .bt.text{margin-left:auto}
  .zona-resum .nota-sec{font-size:12.5px}

  /* la taula dels papers */
  .taula-papers .cap-taula{display:grid;grid-template-columns:minmax(0,1fr) 190px 330px;gap:12px;padding:8px 14px;font-size:12.5px;font-weight:600;color:var(--fg3);background:var(--hover)}
  .fila.paper{display:grid;grid-template-columns:minmax(0,1fr) 190px 330px;gap:12px;min-height:46px;padding:6px 14px}
  .taula-papers>*+*{border-top:1px solid var(--line)}
  .grup>.taula-papers{border-top:0}
  .grup>*+.taula-papers{border-top:1px solid var(--line)}
  .fila.paper:focus{outline:0;background:var(--sel)}
  .fila.paper:focus .t{color:var(--verd-t)}
  .fila.paper .seg button{height:28px;font-size:13px;padding:0 9px;min-width:0}
  .fila.paper .caduca{margin:0}
  .cad-col{display:flex;flex-direction:column;justify-content:center}
}
/* la fitxa en dues columnes, quan hi ha lloc (l'amplada de la zona, no de la pantalla) */
@container (min-width: 660px){
  .fitxa-graella{columns:2;column-gap:24px}
  .fitxa-graella>.sec{break-inside:avoid;display:inline-block;width:100%;margin-top:0;margin-bottom:26px}
  .fitxa-graella>.sec-ample{column-span:all;display:block}
  .fitxa-graella.interior{columns:1}
  .web-graella{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:0 24px;align-items:start}
}
@container (max-width: 780px){
  .taula-papers .cap-taula{display:none}
  .fila.paper{grid-template-columns:minmax(0,1fr) auto;row-gap:6px}
  .fila.paper .cad-col{grid-column:1}
  .fila.paper .seg{grid-column:2;grid-row:1}
}
@media (min-width:1600px){ .zones{grid-template-columns:340px minmax(0,1fr) 320px} }

@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation:none!important}}
/* ---------- aspecte fosc (Ajustos → Aspecte; «Automàtic» segueix el del telèfon) ---------- */
html[data-tema="fosc"]{
  --bg:#111113; --fg:#f5f5f7; --fg2:#a1a1a6; --fg3:#7c7c82;
  --line:rgba(255,255,255,.12); --line2:rgba(255,255,255,.2); --fill:#2a2a2d; --fill2:#3a3a3e; --hover:#1b1b1e; --sel:#26262a;
  --verd-suau:rgba(24,121,78,.26); --verd-t:#4fbf8b;
  --bg-el:#1c1c1f; --seg-on:#58585d; --barra-bg:rgba(28,28,31,.86); --bg-resum:#151517; --ck:#6a6a70;
  --sh-barra:0 8px 28px rgba(0,0,0,.5),0 0 0 .5px rgba(255,255,255,.1); --sh-panell:0 12px 40px rgba(0,0,0,.55),0 0 0 .5px rgba(255,255,255,.1);
  color-scheme:dark;
}
@media (prefers-color-scheme:dark){
  html:not([data-tema="clar"]){
    --bg:#111113; --fg:#f5f5f7; --fg2:#a1a1a6; --fg3:#7c7c82;
    --line:rgba(255,255,255,.12); --line2:rgba(255,255,255,.2); --fill:#2a2a2d; --fill2:#3a3a3e; --hover:#1b1b1e; --sel:#26262a;
    --verd-suau:rgba(24,121,78,.26); --verd-t:#4fbf8b;
    --bg-el:#1c1c1f; --seg-on:#58585d; --barra-bg:rgba(28,28,31,.86); --bg-resum:#151517; --ck:#6a6a70;
    --sh-barra:0 8px 28px rgba(0,0,0,.5),0 0 0 .5px rgba(255,255,255,.1); --sh-panell:0 12px 40px rgba(0,0,0,.55),0 0 0 .5px rgba(255,255,255,.1);
    color-scheme:dark;
  }
}
html[data-tema="fosc"] select.entrada{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23a1a1a6' stroke-width='1.6'/%3E%3C/svg%3E")}
@media (prefers-color-scheme:dark){html:not([data-tema="clar"]) select.entrada{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23a1a1a6' stroke-width='1.6'/%3E%3C/svg%3E")}}

/* ---------- 26/10: esperant el client, «vol» de la demanda, tancar el client ---------- */
.fila.espera .t{color:var(--fg2)}
.sec-confirma .nota-sec{margin-top:-2px}
.xip-casella{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 13px;border-radius:99px;background:var(--fill);font-size:14.5px;font-weight:500;color:var(--fg2);cursor:pointer;flex:none}
.xip-casella input{accent-color:var(--verd);width:16px;height:16px;margin:0}
.xip-casella:has(input:checked){background:var(--verd-suau);color:var(--verd-t)}
.camp .xips,.full .grup .xips{margin:0;padding:0;flex-wrap:wrap;justify-content:flex-end;overflow:visible}
.full .xips{margin-left:0;margin-right:0;padding:0;flex-wrap:wrap}
.seg button svg{width:15px;height:15px;margin-right:5px;vertical-align:-2px}
.nota-sec b{color:var(--fg)}
@media (prefers-reduced-transparency:reduce){.barra nav{background:var(--bg-el);-webkit-backdrop-filter:none;backdrop-filter:none}}

/* ---------- imprimir ---------- */
.imprimible{max-width:820px;margin:0 auto;padding:20px 16px 60px}
.barra-imp{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:18px}
.barra-imp select{width:auto;flex:0 1 260px}
.full-a4{background:#fff;color:#1d1d1f;--fg:#1d1d1f;--fg2:#6e6e73;--fg3:#8e8e93;--line:rgba(0,0,0,.1);--line2:rgba(0,0,0,.16);--fill:#f2f2f4;--fill2:#e8e8ec;--hover:#f7f7f8;font-size:13.5px;line-height:1.4}
@media screen and (min-width:900px){.full-a4{box-shadow:0 1px 3px rgba(0,0,0,.12),0 0 0 .5px rgba(0,0,0,.08);padding:18mm 16mm;min-height:297mm;width:210mm;max-width:100%;margin:0 auto}}
.full-a4 h1{font-size:22px}
.full-a4 h2{font-size:14.5px;margin:18px 0 6px;padding-bottom:4px;border-bottom:1.5px solid var(--fg);break-after:avoid}
.full-a4 h3{font-size:13.5px;margin:12px 0 4px}
.full-a4 table{width:100%;border-collapse:collapse;break-inside:auto}
.full-a4 tr{break-inside:avoid}
.full-a4 td,.full-a4 th{padding:5px 4px;border-bottom:1px solid #d8d8dc;vertical-align:top;text-align:left;overflow-wrap:anywhere}
.full-a4{overflow-x:hidden}
.full-a4 th{font-size:12px;color:#555;font-weight:600}
.full-a4 td:first-child{width:46%;color:#444}
.full-a4 td.buit-linia{border-bottom:1px solid #999}
.full-a4 .caixa{display:inline-block;width:13px;height:13px;border:1.5px solid #333;border-radius:3px;vertical-align:-2px;margin-right:6px;position:relative}
.full-a4 .caixa.x::after{content:"";position:absolute;left:3px;top:0;width:4px;height:8px;border:solid #111;border-width:0 2px 2px 0;transform:rotate(45deg)}
.full-a4 .salt{break-before:page;margin-top:28px}
.full-a4 .salt>.sup{font-size:15px;color:var(--fg)}
.full-a4 .intro{font-size:14.5px;margin:12px 0}
.full-a4 .peu{margin-top:18px;color:#555;font-size:12px}
@media print{
  body{padding:0!important}
  .barra,.no-imprimir,.toast,.scrim,.full{display:none!important}
  .imprimible{padding:0;max-width:none}
  .full-a4{box-shadow:none;padding:0;width:auto;min-height:0}
  @page{size:A4;margin:14mm}
}

/* ---------- 26/10 (tarda): esperant que toca mirar, interruptor «Important» ---------- */
.fila.toca{flex-wrap:wrap;row-gap:6px;padding:11px 14px 12px 52px}
.fila.espera.toca .t{color:var(--fg)}
.fila.toca>.cos{flex:1 1 100%}
.accions-tasca{flex:1 1 100%;display:flex;gap:8px;flex-wrap:wrap}
.interruptor{width:51px;height:31px;border-radius:99px;background:var(--fill2);position:relative;flex:none;transition:background-color .2s}
.interruptor::after{content:"";position:absolute;top:2px;left:2px;width:27px;height:27px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3);transition:transform .2s}
.interruptor[aria-checked="true"]{background:var(--verd)}
.interruptor[aria-checked="true"]::after{transform:translateX(20px)}
.camp>label .ajuda{display:block;font-size:13.5px;color:var(--fg2);margin-top:2px}