.gw-camp{margin-bottom:20px}
.gw-camp label{display:block;font-size:13px;font-weight:700;color:var(--tinta);margin-bottom:6px}
.gw-camp input[type="text"],
.gw-camp textarea,
.gw-camp select{
  width:100%;padding:10px 12px;border:1px solid var(--linia-forta);border-radius:10px;
  font-family:inherit;font-size:14px;background:#fbfcfb;box-sizing:border-box
}
.gw-camp textarea{resize:vertical}
.gw-camp input:focus,.gw-camp textarea:focus,.gw-camp select:focus{outline:none;border-color:var(--verd-mig);background:#fff}

.gw-imatge-zona{margin-bottom:10px}
.gw-imatge-zona img{width:100%;max-width:360px;height:180px;object-fit:cover;border-radius:12px;display:block}
.gw-imatge-buida{width:100%;max-width:360px;height:180px;border-radius:12px;background:#f1efe8;display:flex;align-items:center;justify-content:center;color:var(--gris);font-size:13px}
.gw-imatge-estat{font-size:12px;color:var(--gris);margin-top:6px}

.gw-accions{display:flex;gap:10px;margin-top:24px}

.gw-fila-pagina{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:13px 4px;border-bottom:1px solid var(--linia);cursor:pointer;transition:.12s
}
.gw-fila-pagina:hover{background:var(--verd-clar)}
.gw-fila-pagina:last-child{border-bottom:none}
.gw-fila-titol{font-size:14px;font-weight:700;color:var(--tinta)}
.gw-fila-meta{font-size:12px;color:var(--gris)}
.gw-fila-bt{font-size:12px;color:var(--verd-fort);font-weight:700;white-space:nowrap}

.gw-nivell-0{border-left:3px solid var(--verd-fort)}
.gw-nivell-0 .gw-fila-titol{font-size:15px;font-weight:800}
.gw-nivell-1{border-left:3px solid var(--verd-mig)}
.gw-nivell-1 .gw-fila-titol{font-size:13.5px}
.gw-nivell-2{border-left:3px solid var(--linia-forta)}
.gw-nivell-2 .gw-fila-titol{font-size:13px;font-weight:600}
.gw-nivell-3{border-left:3px solid var(--linia)}
.gw-nivell-3 .gw-fila-titol{font-size:12.5px;font-weight:600;color:var(--gris)}
.gw-fletxa-niu{color:var(--gris);font-weight:400}

.gw-comptador{
  display:inline-block;font-size:12px;font-weight:700;color:var(--gris);
  background:#f1efe8;border-radius:20px;padding:5px 13px;margin-bottom:12px
}
.gw-punt{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;vertical-align:2px}
.gw-punt-plena{background:var(--verd-fort)}
.gw-punt-buida{background:#c9c6bd}

.gw-arrel-bloc{border:1px solid var(--linia);border-radius:12px;margin-bottom:10px;overflow:hidden}
.gw-arrel-cap{cursor:pointer;border-bottom:none;border-left:none !important}
.gw-arrel-cap:hover{background:var(--verd-clar)}
.gw-toggle-icona{display:inline-block;color:var(--gris);font-size:11px;width:14px;transition:transform .15s ease}
.gw-arrel-oberta .gw-toggle-icona{transform:rotate(90deg)}
.gw-arrel-fills{display:none;border-top:1px solid var(--linia)}
.gw-arrel-oberta .gw-arrel-fills{display:block}
.gw-fila-bt-grup{display:flex;align-items:center;gap:10px}
.gw-fila-bt-grup button.gw-bt-editar-web{background:none;border:1px solid var(--linia-forta);border-radius:8px;padding:5px 9px;cursor:pointer;font-size:14px}
.gw-fila-bt-grup button.gw-bt-editar-web:hover{background:var(--verd-clar)}

.gw-form-web{background:#fbfcfb;border:1px solid var(--linia-forta);border-radius:12px;padding:16px;margin-top:8px}
.usuari-bt.perill{color:#c0392b;border-color:#f0c4bd}

.gw-camp-separador{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--gris);border-top:1px solid var(--linia);padding-top:16px;margin:20px 0 14px}

.gw-imatge-accions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}

.gw-mediateca-graella{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px;max-height:280px;overflow-y:auto;padding:10px;background:#fbfcfb;border:1px solid var(--linia-forta);border-radius:10px}
.gw-mediateca-item{cursor:pointer;border-radius:8px;overflow:hidden;border:2px solid transparent;transition:.12s}
.gw-mediateca-item:hover{border-color:var(--verd-fort)}
.gw-mediateca-item img{width:100%;height:70px;object-fit:cover;display:block}
.gw-mediateca-cerca{width:100%;padding:8px 10px;border:1px solid var(--linia-forta);border-radius:8px;margin-bottom:8px;font-size:13px}

.gw-crear-pagina-form{background:#fbfcfb;border:1px solid var(--linia-forta);border-radius:12px;padding:16px}
.gw-crear-pagina-form .gw-camp{margin-bottom:12px}

.gw-copiar-form{background:#fbfcfb;border:1px solid var(--linia-forta);border-radius:12px;padding:14px}

.gw-estat-pill{display:inline-block;font-size:11px;font-weight:700;padding:2px 9px;border-radius:20px}
.gw-estat-pill.gw-estat-draft{background:#faeeda;color:#a3690f}
.gw-estat-pill.gw-estat-publish{background:#e2f3da;color:var(--verd-fort)}
.usuari-bt.ok{color:var(--verd-fort);border-color:var(--verd-mig);background:var(--verd-clar)}

.gw-icona-bt{width:42px;height:42px;border:1px solid var(--linia-forta);border-radius:10px;background:#fbfcfb;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--tinta);transition:.12s}
.gw-icona-bt[data-valor=""]{width:auto;padding:0 12px;font-size:11px;color:var(--gris)}
.gw-icona-bt:hover{border-color:var(--verd-mig);background:var(--verd-clar)}
.gw-icona-bt.actiu{border-color:var(--verd-fort);background:var(--verd-clar);color:var(--verd-fort)}

.gw-icona-cerca{width:100%;padding:9px 12px;border:1px solid var(--linia-forta);border-radius:10px;font-size:13px;font-family:inherit;margin-bottom:8px;box-sizing:border-box}
.gw-icona-cerca:focus{outline:none;border-color:var(--verd-mig)}
.gw-icona-graella{display:flex;flex-wrap:wrap;gap:8px;max-height:220px;overflow-y:auto;padding:2px}
.gw-icona-previa{margin-top:8px;font-size:13px;color:var(--gris);display:flex;align-items:center;gap:8px}
.gw-icona-previa i{font-size:20px;color:var(--verd-fort)}

@media (max-width:640px){
  .gw-fila-pagina{flex-wrap:nowrap}
  .gw-fila-pagina > div:first-child{min-width:0;overflow:hidden}
  .gw-fila-titol{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .gw-fila-meta{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .gw-fila-bt{flex-shrink:0}
  .gw-arrel-cap .gw-fila-bt-grup{flex-shrink:0}
}