/* =========================================================
   Barra d'accessos directes (Odoo, 365, SharePoint...)
   Cada línia és un botó amb el nom del grup; en clicar-hi es
   despleguen els accessos d'aquell grup. Només lectura — l'edició es
   fa des d'Administració > Accessos ràpids (només superadmins).
   ========================================================= */

.llanc{background:var(--card);border-bottom:1px solid var(--linia);position:relative;z-index:20}
.llanc-fila{padding:8px 26px;display:flex;gap:6px;flex-wrap:wrap;align-items:center}

.llanc-grup{position:relative}
.llanc-grup-bt{display:inline-flex;align-items:center;gap:5px;padding:8px 15px;border-radius:11px;font-size:12.5px;font-weight:700;background:#fbfcfb;border:1px solid var(--linia);color:var(--tinta)}
.llanc-grup-bt:hover{border-color:var(--verd-mig);background:var(--verd-clar);color:var(--verd-fort)}
.llanc-chevron{font-size:9px;color:var(--gris-clar);transition:transform .15s ease}
.llanc-grup.obert .llanc-grup-bt{border-color:var(--verd-mig);background:var(--verd-clar);color:var(--verd-fort)}
.llanc-grup.obert .llanc-chevron{transform:rotate(180deg)}

.llanc-dropdown{display:none;position:fixed;left:0;background:var(--card);border:1px solid var(--linia);border-radius:14px;box-shadow:var(--ombra-hover);padding:8px;z-index:100;max-height:70vh;overflow-y:auto;max-width:calc(100vw - 24px)}
.llanc-grup.obert .llanc-dropdown{display:block;animation:llanc-apareix .14s ease-out}
@keyframes llanc-apareix{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}

.llanc-cols-1{width:240px;column-count:1}
.llanc-cols-2{width:460px;column-count:2}
.llanc-cols-3{width:660px;column-count:3}
.llanc-dropdown .llanc-item,.llanc-dropdown .llanc-buit{break-inside:avoid}

@media(max-width:900px){
  .llanc-cols-3{width:460px;column-count:2}
}

.llanc-item{display:flex;align-items:center;gap:9px;padding:9px 11px;border-radius:9px;font-size:12.5px;font-weight:600;color:var(--tinta);text-decoration:none;white-space:nowrap}
.llanc-item:hover{background:var(--verd-clar);color:var(--verd-fort)}
.llanc-item.dest{color:var(--verd-fort);font-weight:700}
.llanc-item span{overflow:hidden;text-overflow:ellipsis}
.llanc-buit{font-size:12px;color:var(--gris-clar);padding:8px 11px}

@media(max-width:640px){
  .llanc-fila{padding:8px 14px;gap:5px}
  .llanc-grup-bt{padding:7px 12px;font-size:11.5px}
  .llanc-cols-1,.llanc-cols-2,.llanc-cols-3{column-count:1;width:calc(100vw - 40px)}
}

/* ---- Botó i panell "Personalitza els teus accessos" ---- */
.llanc-personalitzar-bt{margin-left:auto;width:34px;height:34px;border-radius:11px;background:#fbfcfb;border:1px solid var(--linia);color:var(--gris-clar);font-size:14px;display:inline-flex;align-items:center;justify-content:center}
.llanc-personalitzar-bt:hover{border-color:var(--verd-mig);background:var(--verd-clar);color:var(--verd-fort)}

.llanc-personalitzar-ajuda{font-size:12.5px;color:var(--gris-clar);margin-bottom:14px}
.llanc-personalitzar-grup{margin-bottom:16px}
.llanc-personalitzar-grup strong{display:block;font-size:12.5px;margin-bottom:6px;color:var(--tinta)}
.llanc-personalitzar-fila{display:flex;align-items:center;gap:9px;padding:7px 4px;font-size:13px;cursor:pointer}
.llanc-personalitzar-fila input{width:16px;height:16px;flex-shrink:0}
.llanc-personalitzar-restaurar{margin-top:6px;padding:9px 16px;border-radius:10px;background:var(--verd-clar);color:var(--verd-fort);font-weight:700;font-size:12.5px}
.llanc-personalitzar-restaurar:hover{background:var(--verd-mig)}