/* _content/BPack.Documents.Ui/BpDocumentHub.razor.rz.scp.css */
/* 프로토타입(대표 승인) 배치 — 색은 var(--bp-*) 토큰만. */
.bp-document-hub[b-1bo7bs8uvp] { display: flex; flex-direction: column; height: 100%; min-height: 600px; background: var(--bp-bg-page); color: var(--bp-text-primary); }
/* 임베딩(DES-F05-UI): 머리 줄 아래 분할 패널(트리 · 본문). 단독: BpLayout 본문 칸을 채운다. */
.bp-document-hub.is-standalone[b-1bo7bs8uvp] { min-height: 0; }
/* 상태바 회사 귀속(host-setup-contract §6.5) — .bp-footer 는 테마와 무관하게 어둡다: 흰 마스터 로고 하나 · 높이 24px(브랜드 §1.3 최소) */
.hub-status-brand[b-1bo7bs8uvp] { display: flex; align-items: center; gap: var(--bp-space-1); opacity: 0.8; }
.hub-status-brand img[b-1bo7bs8uvp] { height: 24px; }
[b-1bo7bs8uvp] .hub-split { flex: 1; min-height: 0; }
.hub-bar[b-1bo7bs8uvp] { display: flex; align-items: center; gap: var(--bp-space-4); padding: var(--bp-space-2) var(--bp-space-4); background: var(--bp-bg-surface); border-bottom: 1px solid var(--bp-border-default); }
.hub-title[b-1bo7bs8uvp] { font-weight: 700; font-size: 16px; white-space: nowrap; }
.hub-search[b-1bo7bs8uvp] { flex: 1; max-width: 420px; min-width: 200px; }
.hub-spacer[b-1bo7bs8uvp] { flex: 1; }
.hub-content[b-1bo7bs8uvp] { display: grid; grid-template-columns: minmax(0, 1fr) 260px; height: 100%; min-height: 0; }
/* BpTree 루트(.bp-tree)는 flex 부모를 전제한다(flex:1 · min-height:0) — 세로 flex 여야 높이가 정해져 행이 칸 안에서 스크롤된다(RVW-TSK-F05-004-R1 m1). */
.hub-tree[b-1bo7bs8uvp] { height: 100%; display: flex; flex-direction: column; min-height: 0; background: var(--bp-bg-surface); overflow: hidden; }
.hub-row[b-1bo7bs8uvp] { display: inline-flex; align-items: center; gap: var(--bp-space-2); white-space: nowrap; }
.hub-tree[b-1bo7bs8uvp]  .hub-row-active { background: var(--bp-accent-op-01, var(--bp-bg-muted)); font-weight: 600; }
.hub-main[b-1bo7bs8uvp] { overflow: auto; padding: var(--bp-space-4) var(--bp-space-6); min-width: 0;
    /* 편집기 도구 모음이 윗 여백 없이 맨 위에 붙게(sticky 는 스크롤 컨테이너 padding 안쪽에 붙는다) */
    --bp-lm-toolbar-top: calc(-1 * var(--bp-space-4)); }
.hub-side[b-1bo7bs8uvp] { border-left: 1px solid var(--bp-border-default); background: var(--bp-bg-surface); overflow: auto; padding: var(--bp-space-4); }
.hub-side h2[b-1bo7bs8uvp] { font-size: 13px; color: var(--bp-text-secondary); margin: 0 0 var(--bp-space-2); }
.hub-side section + section[b-1bo7bs8uvp] { margin-top: var(--bp-space-6); }
.hub-head[b-1bo7bs8uvp] { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--bp-space-4); flex-wrap: wrap; margin-bottom: var(--bp-space-3); }
.hub-head h1[b-1bo7bs8uvp] { font-size: 20px; margin: 0 0 var(--bp-space-1); }
.hub-badges[b-1bo7bs8uvp] { display: flex; align-items: center; gap: var(--bp-space-2); flex-wrap: wrap; }
.hub-actions[b-1bo7bs8uvp] { display: flex; align-items: center; gap: var(--bp-space-2); flex-wrap: wrap; }
.hub-muted[b-1bo7bs8uvp] { font-size: 12px; color: var(--bp-text-tertiary); }
.hub-note[b-1bo7bs8uvp] { font-size: 13px; padding: var(--bp-space-2) var(--bp-space-3); border-radius: var(--bp-radius-md); background: var(--bp-warning-op-01); color: var(--bp-text-primary); }
.hub-note.is-error[b-1bo7bs8uvp] { background: var(--bp-error-op-01); }
.hub-viewing[b-1bo7bs8uvp] { font-size: 13px; color: var(--bp-warning); font-weight: 600; }
.hub-surface[b-1bo7bs8uvp] { background: var(--bp-bg-surface); border: 1px solid var(--bp-border-default); border-radius: var(--bp-radius-lg); padding: var(--bp-space-4) var(--bp-space-6); }
.hub-pager[b-1bo7bs8uvp] { display: flex; justify-content: space-between; margin: var(--bp-space-4) 0; }
.hub-pager a[b-1bo7bs8uvp], .hub-table a[b-1bo7bs8uvp] { color: var(--bp-text-brand); text-decoration: none; }
.hub-table[b-1bo7bs8uvp] { width: 100%; border-collapse: collapse; font-size: 13px; background: var(--bp-bg-surface); border: 1px solid var(--bp-border-default); border-radius: var(--bp-radius-md); }
.hub-table th[b-1bo7bs8uvp], .hub-table td[b-1bo7bs8uvp] { padding: 8px 10px; border-bottom: 1px solid var(--bp-border-light); text-align: left; }
.hub-table th[b-1bo7bs8uvp] { background: var(--bp-bg-muted); color: var(--bp-text-secondary); font-weight: 600; }
.hub-row-actions[b-1bo7bs8uvp] { display: flex; gap: var(--bp-space-1); justify-content: flex-end; }
.hub-panel[b-1bo7bs8uvp] { background: var(--bp-bg-surface); border: 1px solid var(--bp-border-default); border-radius: var(--bp-radius-lg); padding: var(--bp-space-3); }
.hub-panel-head[b-1bo7bs8uvp] { display: flex; align-items: center; justify-content: space-between; font-size: 13px; color: var(--bp-text-secondary); }
.hub-hit[b-1bo7bs8uvp] { display: flex; flex-direction: column; padding: var(--bp-space-2); border-radius: var(--bp-radius-md); color: var(--bp-text-primary); text-decoration: none; }
.hub-hit:hover[b-1bo7bs8uvp] { background: var(--bp-bg-muted); }
.hub-hit span[b-1bo7bs8uvp] { font-size: 12px; color: var(--bp-text-secondary); }
.hub-side[b-1bo7bs8uvp]  .hub-outline { display: block; width: 100%; text-align: left; justify-content: flex-start; white-space: normal; height: auto; border: none; background: none; box-shadow: none; padding: 3px var(--bp-space-2); color: var(--bp-text-secondary); font-weight: 400; }
.hub-side[b-1bo7bs8uvp]  .hub-outline:hover { background: var(--bp-bg-muted); color: var(--bp-text-primary); }
.hub-side[b-1bo7bs8uvp]  .hub-outline.lv2 { padding-left: var(--bp-space-4); }
.hub-side[b-1bo7bs8uvp]  .hub-outline.lv3 { padding-left: var(--bp-space-8); font-size: 12px; }
.hub-version[b-1bo7bs8uvp] { padding: var(--bp-space-2); border-radius: var(--bp-radius-md); border: 1px solid transparent; font-size: 13px; }
.hub-version.is-viewing[b-1bo7bs8uvp] { border-color: var(--bp-warning); background: var(--bp-warning-op-01); }
[b-1bo7bs8uvp] .bp-doc-image img { max-width: 100%; }
@media (max-width: 960px) { .hub-content[b-1bo7bs8uvp] { grid-template-columns: minmax(0, 1fr); } .hub-side[b-1bo7bs8uvp] { border-left: none; border-top: 1px solid var(--bp-border-default); } }
@media (max-width: 640px) { .hub-content[b-1bo7bs8uvp] { grid-template-columns: 1fr; } .hub-side[b-1bo7bs8uvp] { grid-column: 1; } }
/* 공동 편집(F04) — 자동 저장 표시 · 접속자 이름표(사용자 색은 인라인) */
.hub-collab[b-1bo7bs8uvp] { display: inline-flex; align-items: center; gap: var(--bp-space-1); font-size: 12px; color: var(--bp-text-secondary); }
.hub-peer[b-1bo7bs8uvp] { display: inline-block; max-width: 96px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 1px var(--bp-space-2); border-radius: var(--bp-radius-pill); color: #fff; font-size: 11px; font-weight: 600; }

/* _content/BPack.Documents.Ui/BpDocumentView.razor.rz.scp.css */
/* 단일 문서 뷰(DES-F05-UI) — 색은 var(--bp-*) 토큰만. 좁은 칸(팝업)에서는 개요를 숨긴다. */
.bp-document-view[b-dgqxu1jhew] { display: flex; flex-direction: column; height: 100%; min-height: 0; background: var(--bp-bg-surface); color: var(--bp-text-primary); container-type: inline-size; }
.view-head[b-dgqxu1jhew] { display: flex; align-items: center; gap: var(--bp-space-2); padding: var(--bp-space-2) var(--bp-space-4); border-bottom: 1px solid var(--bp-border-default); }
.view-title[b-dgqxu1jhew] { display: flex; align-items: center; gap: var(--bp-space-2); flex: 1; min-width: 0; }
.view-title h1[b-dgqxu1jhew] { font-size: 18px; margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.view-body[b-dgqxu1jhew] { display: grid; grid-template-columns: minmax(0, 1fr) auto; flex: 1; min-height: 0; }
.view-main[b-dgqxu1jhew] { overflow: auto; padding: var(--bp-space-4) var(--bp-space-6); min-width: 0; }
.view-side[b-dgqxu1jhew] { width: 200px; overflow: auto; padding: var(--bp-space-4); border-left: 1px solid var(--bp-border-default); }
.view-side h2[b-dgqxu1jhew] { font-size: 13px; color: var(--bp-text-secondary); margin: 0 0 var(--bp-space-2); }
.view-muted[b-dgqxu1jhew] { font-size: 12px; color: var(--bp-text-tertiary); }
.view-note[b-dgqxu1jhew] { font-size: 13px; padding: var(--bp-space-2) var(--bp-space-3); border-radius: var(--bp-radius-md); background: var(--bp-warning-op-01); }
.view-side[b-dgqxu1jhew]  .view-outline { display: block; width: 100%; text-align: left; justify-content: flex-start; white-space: normal; height: auto; border: none; background: none; box-shadow: none; padding: 3px var(--bp-space-2); color: var(--bp-text-secondary); font-weight: 400; }
.view-side[b-dgqxu1jhew]  .view-outline:hover { background: var(--bp-bg-muted); color: var(--bp-text-primary); }
.view-side[b-dgqxu1jhew]  .view-outline.lv2 { padding-left: var(--bp-space-4); }
.view-side[b-dgqxu1jhew]  .view-outline.lv3 { padding-left: var(--bp-space-8); font-size: 12px; }
[b-dgqxu1jhew] .bp-doc-image img { max-width: 100%; }
@container (max-width: 720px) { .view-side[b-dgqxu1jhew] { display: none; } }
/* _content/BPack.Documents.Ui/BpSharedView.razor.rz.scp.css */
.bp-shared-view[b-8r7b1z6pt5] { max-width: 1000px; margin: 0 auto; padding: var(--bp-space-6) var(--bp-space-4); color: var(--bp-text-primary); }
.sv-head h1[b-8r7b1z6pt5] { font-size: 20px; margin: 0 0 var(--bp-space-1); }
.sv-muted[b-8r7b1z6pt5] { font-size: 12px; color: var(--bp-text-tertiary); }
.sv-error[b-8r7b1z6pt5] { padding: var(--bp-space-3); border-radius: var(--bp-radius-md); background: var(--bp-error-op-01); }
.sv-password[b-8r7b1z6pt5] { display: flex; flex-direction: column; gap: var(--bp-space-2); align-items: flex-start; }
.sv-toolbar[b-8r7b1z6pt5] { display: flex; align-items: center; gap: var(--bp-space-3); margin: var(--bp-space-3) 0; }
.sv-surface[b-8r7b1z6pt5] { background: var(--bp-bg-surface); border: 1px solid var(--bp-border-default); border-radius: var(--bp-radius-lg); padding: var(--bp-space-4) var(--bp-space-6); }
.sv-table[b-8r7b1z6pt5] { width: 100%; border-collapse: collapse; margin-top: var(--bp-space-3); background: var(--bp-bg-surface); }
.sv-table td[b-8r7b1z6pt5] { padding: 4px 8px; border-bottom: 1px solid var(--bp-border-light); }
.sv-table[b-8r7b1z6pt5]  .bp-btn { border: none; background: none; box-shadow: none; }
/* _content/BPack.Documents.Ui/Dialogs/BpDocAclDialog.razor.rz.scp.css */
.bp-doc-acl[b-9z7tzolbzo] { display: flex; flex-direction: column; gap: var(--bp-space-3); min-width: 480px; }
.bp-doc-acl-table[b-9z7tzolbzo] { width: 100%; border-collapse: collapse; font-size: 13px; }
.bp-doc-acl-table th[b-9z7tzolbzo], .bp-doc-acl-table td[b-9z7tzolbzo] { padding: 4px 6px; border-bottom: 1px solid var(--bp-border-light); text-align: left; }
.bp-doc-acl-add[b-9z7tzolbzo] { display: flex; gap: var(--bp-space-2); align-items: center; flex-wrap: wrap; }
/* _content/BPack.Documents.Ui/Dialogs/BpDocMoveDialog.razor.rz.scp.css */
.bp-doc-dialog[b-4wzi697okn] { min-width: 360px; }
/* _content/BPack.Documents.Ui/Dialogs/BpDocPromptDialog.razor.rz.scp.css */
.bp-doc-dialog[b-66ojqnpil2] { min-width: 360px; }
/* _content/BPack.Documents.Ui/Dialogs/BpDocShareDialog.razor.rz.scp.css */
.bp-doc-share[b-68d1qjbde6] { display: flex; flex-direction: column; gap: var(--bp-space-3); min-width: 560px; }
.bp-doc-share-note[b-68d1qjbde6] { margin: 0; font-size: 13px; color: var(--bp-success); }
.bp-doc-share-table[b-68d1qjbde6] { width: 100%; border-collapse: collapse; font-size: 13px; }
.bp-doc-share-table td[b-68d1qjbde6] { padding: 4px 6px; border-bottom: 1px solid var(--bp-border-light); }
.bp-doc-share-muted[b-68d1qjbde6] { color: var(--bp-text-tertiary); }
.bp-doc-share-form[b-68d1qjbde6] { display: flex; gap: var(--bp-space-3); align-items: flex-end; flex-wrap: wrap; }
/* _content/BPack.Documents.Ui/Dialogs/BpDocumentViewDialog.razor.rz.scp.css */
.bp-doc-view-dialog[b-9alkjk32as] { height: min(75vh, 820px); min-height: 320px; }
/* _content/BPack.Documents.Ui/Viewers/BpImageDocumentView.razor.rz.scp.css */
.bp-doc-image-img[b-s04u895zzv] { max-width: 100%; cursor: zoom-in; border: 1px solid var(--bp-border-light); border-radius: var(--bp-radius-md); }
/* _content/BPack.Documents.Ui/Viewers/BpPdfDocumentView.razor.rz.scp.css */
.bp-doc-pdf[b-sihupwii6k] { display: flex; flex-direction: column; gap: var(--bp-space-2); }
.pdf-toolbar[b-sihupwii6k] { display: flex; align-items: center; gap: var(--bp-space-1); flex-wrap: wrap; padding: var(--bp-space-1); border: 1px solid var(--bp-border-default); border-radius: var(--bp-radius-md); background: var(--bp-bg-surface); }
.pdf-page[b-sihupwii6k], .pdf-zoom[b-sihupwii6k] { font-size: 13px; color: var(--bp-text-secondary); min-width: 64px; text-align: center; }
.pdf-sep[b-sihupwii6k] { flex: 1; }
.pdf-stage[b-sihupwii6k] { overflow: auto; max-height: 75vh; background: var(--bp-bg-muted); border-radius: var(--bp-radius-md); padding: var(--bp-space-3); text-align: center; }
.pdf-canvas[b-sihupwii6k] { box-shadow: var(--bp-shadow-md); background: #fff; } /* 종이색 — 테마와 무관하게 PDF 원본대로 흰 바탕 */
.pdf-error[b-sihupwii6k] { padding: var(--bp-space-3); border-radius: var(--bp-radius-md); background: var(--bp-warning-op-01); margin: 0; }