/* Agentchat Files page — personal vault UI. Loaded only on files.html. */

html, body {
  height: 100%;
}
body[data-ic-page="files"] {
  background: #f5f7fb;
}

.ic-files-page {
  min-height: 100vh;
}

.ic-files-layout {
  background: #f5f7fb;
}

.ic-files-sidebar {
  background: #ffffff;
}

.ic-files-grid {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
}

.ic-files-card {
  background: #ffffff;
  transition: box-shadow 0.15s ease, transform 0.05s ease;
  position: relative;
  overflow: hidden;
}

.ic-files-card:hover {
  box-shadow: 0 2px 8px rgba(15, 46, 89, 0.08);
  transform: translateY(-1px);
}

.ic-files-card.border-primary {
  box-shadow: 0 0 0 2px rgba(37, 99, 184, 0.2);
}

.ic-files-empty {
  margin-top: 4rem;
  padding: 2.5rem;
  border: 1px dashed #a6bfe0;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.5);
}

#ic-files-dropzone.ic-files-drop-hover {
  background: rgba(37, 99, 184, 0.05);
  outline: 2px dashed #2563B8;
  outline-offset: -8px;
}

#ic-files-tree a {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ic-files-toast {
  animation: ic-files-fade-in 0.2s ease;
}
@keyframes ic-files-fade-in {
  from { opacity: 0; transform: translate(-50%, 10px); }
  to   { opacity: 1; transform: translate(-50%, 0); }
}