/* === ModulHub document-list – filliste-sidebar === */
/* Sidebar med filer knyttet til ett objekt. Klikkbar for aa bytte aktiv fil. */
/* Vet ingenting om preview, dropzone eller avlesning — kun navigasjon.      */
/*
   Struktur:
     <div class="mh-docpanel-list">
       <div class="mh-docpanel-item active">
         <span class="mh-docpanel-icon">[icon]</span>
         <div class="mh-docpanel-info">
           <div class="mh-docpanel-name">filnavn.pdf</div>
           <div class="mh-docpanel-meta">2,3 MB · 2026-04-20</div>
         </div>
       </div>
     </div>

   Events ut: 'file-selected' { fileId }.
   Merk: CSS-klassene bruker dagens `.mh-docpanel-*`-prefiks. Kan renames senere.
*/

.mh-docpanel-list {
  border-right: 1px solid var(--border);
  overflow-y: auto;
  padding: 6px;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.mh-docpanel-item {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 8px;
  border-radius: 6px;
  cursor: pointer;
  font-size: 11px;
  border: 1px solid transparent;
}
.mh-docpanel-item:hover { background: var(--surface-soft); }
.mh-docpanel-item.active {
  background: var(--primary-soft);
  border-color: rgba(232, 84, 26, 0.15);
}

.mh-docpanel-icon { font-size: 14px; flex-shrink: 0; }
.mh-docpanel-info { min-width: 0; }
.mh-docpanel-name {
  font-weight: 600;
  font-size: 11px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mh-docpanel-meta { font-size: 9px; color: var(--muted); }

.mh-docpanel-upload { display: block; }