/* V36 · documentos unificados y avatares personales */

/* Albaranes usa exactamente la misma estructura visual que facturas y presupuestos. */
.gtic-document-board{display:grid;gap:14px}
.gtic-document-board.is-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
.gtic-document-board.is-list{grid-template-columns:1fr}
.gtic-document-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:16px;
  align-items:center;
  border:1px solid rgba(15,23,42,.08);
  border-radius:18px;
  padding:16px 18px;
  background:#fff!important;
  background-image:none!important;
  box-shadow:0 10px 24px rgba(15,23,42,.06);
  position:relative;
  overflow:hidden
}
.gtic-document-row:before{content:"";position:absolute;left:0;top:0;bottom:0;width:8px;background:var(--doc-accent,#94a3b8)}
.gtic-document-row.invoice{--doc-accent:#38bdf8;border-color:#bce9fb!important}
.gtic-document-row.delivery{--doc-accent:#22c55e;border-color:#bceacb!important}
.gtic-document-row.quote{--doc-accent:#f59e0b;border-color:#f7d99b!important}
.gtic-document-title{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:6px}
.gtic-document-title strong{font-size:1.02rem;color:#0f172a}
.gtic-document-summary{margin:0 0 10px;color:#475569}
.gtic-document-meta{display:flex;flex-wrap:wrap;gap:8px 14px;color:#64748b;font-size:.92rem}
.gtic-document-actions{display:flex;gap:8px;justify-content:flex-end;align-items:center;flex-wrap:wrap}
.gtic-document-scroll{max-height:760px;overflow:auto;padding:4px 6px 4px 2px}
.gtic-document-select-v36{display:inline-flex;align-items:center;gap:7px;cursor:pointer;color:#526477;font-size:.8rem;font-weight:800}
.gtic-document-board.is-grid .gtic-document-row{grid-template-columns:1fr;align-content:start;min-height:245px}
.gtic-document-board.is-grid .gtic-document-actions{margin-top:auto;padding-top:12px;border-top:1px solid rgba(15,23,42,.08);justify-content:stretch}
.gtic-document-board.is-grid .gtic-document-actions .btn{flex:1 1 120px;text-align:center}

/* Avatares: foto real cuando existe e iniciales como respaldo. */
.user-avatar-v36{
  display:inline-grid;
  place-items:center;
  flex:none;
  overflow:hidden;
  background:var(--user-avatar-color,#1f6f8b)!important;
  background-image:none!important;
  color:#fff!important;
  font-weight:900;
  line-height:1;
  text-transform:uppercase
}
.user-avatar-v36>img{width:100%;height:100%;display:block;object-fit:cover;border-radius:inherit}
.user-avatar-v36>span{display:grid;place-items:center;width:100%;height:100%;color:#fff}
.gtic-avatar.user-avatar-v36{background:var(--user-avatar-color,#1f6f8b)!important}
.gtic-avatar-mini-v36{width:28px!important;height:28px!important;border-radius:10px!important;font-size:11px!important}
.profile-photo-lg.user-avatar-v36{width:92px;height:92px;border-radius:28px;font-size:1.55rem;object-fit:cover;border:4px solid rgba(255,255,255,.95);box-shadow:0 14px 35px rgba(16,24,40,.16)}
.user-cell-avatar.user-avatar-v36{width:38px;height:38px;border-radius:14px;font-size:.72rem;border:1px solid rgba(15,23,42,.08)}
.chat-v23-avatar.user-avatar-v36,
.chat-v23-message-avatar.user-avatar-v36{background:var(--user-avatar-color,#1f6f8b)!important}
.chat-v23-avatar.user-avatar-v36{font-size:.78rem}
.chat-v23-message-avatar.user-avatar-v36{font-size:.58rem}

/* Selector de color del avatar en el perfil. */
.avatar-color-field-v36>p{margin:.25rem 0 .7rem}
.avatar-color-grid-v36{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.avatar-color-option-v36{position:relative;display:inline-grid;place-items:center;width:48px;height:48px;border-radius:16px;background:var(--avatar-option-color);color:#fff;cursor:pointer;border:3px solid transparent;box-shadow:0 8px 20px rgba(15,23,42,.12);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.avatar-color-option-v36:hover{transform:translateY(-2px)}
.avatar-color-option-v36.is-selected,.avatar-color-option-v36:has(input:checked){border-color:#fff;box-shadow:0 0 0 3px var(--avatar-option-color),0 10px 24px rgba(15,23,42,.18)}
.avatar-color-option-v36 input{position:absolute!important;opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important}
.avatar-color-option-v36 span{font-weight:950;font-size:.72rem}

html[data-theme="dark"] .gtic-document-row{background:#172737!important;border-color:#30475b!important;color:#edf4fb!important;box-shadow:0 10px 26px rgba(0,0,0,.18)!important}
html[data-theme="dark"] .gtic-document-row.invoice{border-color:#28566a!important}
html[data-theme="dark"] .gtic-document-row.delivery{border-color:#285f45!important}
html[data-theme="dark"] .gtic-document-row.quote{border-color:#6b5227!important}
html[data-theme="dark"] .gtic-document-title strong{color:#f3f8fc!important}
html[data-theme="dark"] .gtic-document-summary,html[data-theme="dark"] .gtic-document-meta,html[data-theme="dark"] .gtic-document-select-v36{color:#a9bacb!important}
html[data-theme="dark"] .gtic-document-board.is-grid .gtic-document-actions{border-top-color:#31475a!important}
html[data-theme="dark"] .profile-photo-lg.user-avatar-v36{border-color:#2c4054}
html[data-theme="dark"] .avatar-color-option-v36.is-selected,html[data-theme="dark"] .avatar-color-option-v36:has(input:checked){border-color:#162434}

@media(max-width:800px){
  .gtic-document-row{grid-template-columns:1fr;padding:14px}
  .gtic-document-actions{justify-content:flex-start}
  .gtic-document-actions .btn{flex:1 1 auto;text-align:center}
  .gtic-document-board.is-grid{grid-template-columns:1fr}
}
.user-avatar-v36.has-photo>.user-avatar-fallback-v36{display:none}
.user-avatar-v36.avatar-image-error-v36>img{display:none}
.user-avatar-v36.avatar-image-error-v36>.user-avatar-fallback-v36{display:grid}