.files-list.file-gallery { display:grid; grid-template-columns:repeat(auto-fill,minmax(min(180px,100%),1fr)); gap:14px; }
.file-preview-card { min-width:0; overflow:hidden; border:1px solid #e5e5e5; border-radius:8px; background:#fff; }
.file-thumbnail { display:flex; justify-content:center; align-items:center; width:100%; height:150px; padding:10px; border:0; border-bottom:1px solid #eee; background:#f6f6f6; color:#777; cursor:zoom-in; font-family:inherit; font-size:13px; font-weight:700; }
.file-thumbnail:disabled { cursor:default; }
.file-thumbnail img { width:100%; height:100%; object-fit:contain; }
.file-thumbnail:focus-visible { outline:2px solid var(--workspace-accent); outline-offset:-3px; }
.file-preview-info { display:flex; flex-direction:column; gap:6px; padding:12px 12px 6px; }
.file-preview-info strong { color:#222; font-size:.78rem; line-height:1.5; overflow-wrap:anywhere; }
.file-preview-info span { color:#777; font-size:.68rem; }
.file-preview-actions { display:flex; gap:8px; padding:6px 12px 12px; flex-wrap:wrap; align-items:center; }
.file-preview-actions a,.file-preview-actions button { font-size:.7rem; color:var(--workspace-accent); background:transparent; border:0; padding:3px 0; cursor:pointer; text-decoration:none; }
.file-preview-actions button:disabled { color:#999; cursor:default; }
.file-preview-dialog { width:min(1200px,calc(100vw - 24px)); height:min(900px,calc(100dvh - 24px)); max-width:calc(100vw - 24px); max-height:calc(100dvh - 24px); padding:0; margin:auto; border:1px solid #ddd; border-radius:12px; background:#fafafa; color:#222; }
.file-preview-dialog[open] { display:flex; flex-direction:column; }
.file-preview-dialog::backdrop { background:#111b; }
.file-preview-dialog header { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:14px 18px; border-bottom:1px solid #ddd; background:#fff; }
.file-preview-dialog h2 { font-size:.9rem; line-height:1.4; margin:0; overflow-wrap:anywhere; min-width:0; }
.file-preview-dialog nav { display:flex; gap:12px; flex-shrink:0; align-items:center; font-size:.75rem; }
.file-preview-content { flex:1; min-height:0; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:16px; overflow:auto; }
.file-preview-content > img { max-width:100%; max-height:100%; object-fit:contain; }
.file-preview-content > iframe { width:100%; flex:1; min-height:0; border:0; }
.preview-hint { color:#666; font-size:.7rem; padding-top:8px; }
@media(max-width:600px) { .file-preview-dialog header { flex-wrap:wrap; } .file-preview-content { padding:8px; } }

/* Seiz: one official dark logo in the masthead; the content header is functional. */
[data-module-preset="seiz"] .navbar { background:#000 !important; color:#fff; border-bottom:2px solid #B72531 !important; min-height:80px; height:auto; padding-top:12px; padding-bottom:12px; backdrop-filter:none; }
[data-module-preset="seiz"] .navbar .brand-badge { display:flex; min-width:0; flex:0 0 auto; }
[data-module-preset="seiz"] .navbar .workspace-client-brand strong { display:none; }
[data-module-preset="seiz"] .navbar .user-session-pill .user-name { color:#fff !important; }
[data-module-preset="seiz"] .navbar .sync-status,
[data-module-preset="seiz"] .navbar .user-session-pill .role-badge { color:#bdbdbd !important; }
[data-module-preset="seiz"] .navbar .btn-neu-icon { background:transparent !important; color:#e8e8e8 !important; border-color:#414141 !important; }
[data-module-preset="seiz"] .navbar .btn-neu-icon:hover,
[data-module-preset="seiz"] .navbar .user-session-pill:hover { background:#2b2b2b !important; }
[data-module-preset="seiz"] .navbar .view-segmented-toggle { background:#222 !important; border-color:#414141 !important; border-radius:5px; }
[data-module-preset="seiz"] .navbar .view-tab-btn { color:#c7c7c7 !important; border-radius:3px !important; }
[data-module-preset="seiz"] .navbar .view-tab-btn.active { color:#fff !important; background:#B72531 !important; box-shadow:none !important; }
[data-module-preset="seiz"] .navbar :is(button, a):focus-visible { outline:2px solid #fff; outline-offset:3px; }
/* Keep menus light: dark text overrides above apply only to the closed controls. */
[data-module-preset="seiz"] .navbar .neu-dropdown-popover { color:#181818; }
[data-module-preset="seiz"] .board-hero-banner { margin:0; min-height:64px; background:#fff !important; border:0 !important; border-radius:0 !important; border-bottom:1px solid #e8e8e8 !important; padding:18px 24px; flex:0 0 auto; flex-wrap:wrap; gap:8px 20px; }
[data-module-preset="seiz"] .board-hero-left { display:flex; flex-direction:column; align-items:flex-start; flex:1 1 140px; min-width:0; gap:0; }
[data-module-preset="seiz"] .board-hero-title { color:#181818 !important; font-size:1.15rem; line-height:1.4; font-weight:650; letter-spacing:-.025em; margin:0; overflow-wrap:anywhere; }
[data-module-preset="seiz"] .board-hero-badge,
[data-module-preset="seiz"] #boardHeroBrandLogo { display:none !important; }
[data-module-preset="seiz"] .board-hero-right { display:flex; min-width:0; max-width:100%; }
[data-module-preset="seiz"] .board-hero-pill-stat { color:#717171 !important; background:transparent !important; padding:0; font-size:.75rem; font-weight:500; white-space:normal; overflow-wrap:anywhere; }
[data-module-preset="seiz"] .column { border-radius:4px; }
[data-module-preset="seiz"] .column-header { border-radius:4px 4px 0 0; background:#181818 !important; padding:13px; margin-bottom:8px; }
[data-module-preset="seiz"] .column-title { color:#fff !important; font-weight:700; }
[data-module-preset="seiz"] .column-count { color:#c7c7c7 !important; background:#303030 !important; }
[data-module-preset="seiz"] .column-header-left::before { background:#B72531; border-radius:0; width:12px; height:3px; }
[data-module-preset="seiz"] .card-accent { display:none; }
[data-module-preset="seiz"] .card .card-title { font-weight:750; margin-bottom:16px; }
[data-module-preset="seiz"] .card { box-shadow:none !important; }
[data-module-preset="seiz"] .card:hover { border-color:#B72531 !important; }
[data-module-preset="seiz"] #workspaceClientLogoWrap { width:72px; height:54px; flex:0 0 auto; margin:0 12px; border:0; border-radius:0; background:transparent; padding:0; }
[data-module-preset="seiz"] #workspaceClientLogo { width:100%; height:100%; object-fit:contain; background:transparent; border-radius:0; padding:0; filter:none; }
[data-module-preset="seiz"] .module-progress { padding-top:4px; }
@media(max-width:600px) {
  [data-module-preset="seiz"] .navbar { min-height:72px; row-gap:10px; }
  [data-module-preset="seiz"] .navbar .nav-left,
  [data-module-preset="seiz"] .navbar .nav-right { gap:8px; }
  [data-module-preset="seiz"] #workspaceClientLogoWrap { width:64px; height:48px; margin-inline:8px; }
  [data-module-preset="seiz"] .board-hero-banner { min-height:56px; padding:14px; gap:6px 12px; }
  [data-module-preset="seiz"] .board-hero-title { font-size:1.05rem; }
}
