#view-documents { font-size:14px; }
.doc-tabs { display:flex; gap:6px; border-bottom:1px solid #dfe4ee; margin-bottom:20px; }
.doc-tabs button { border:0; background:transparent; padding:12px 16px; color:#67748b; border-bottom:3px solid transparent; cursor:pointer; font-weight:600; }
.doc-tabs button[aria-selected=true] { color:#5735c9; border-bottom-color:#7440ec; }
.doc-toolbar { display:flex; gap:12px; align-items:end; flex-wrap:wrap; margin-bottom:18px; }
.doc-toolbar label { display:grid; gap:6px; }
.doc-toolbar label:first-child { flex:1; min-width:180px; }
#view-documents input:not([type=checkbox]),#view-documents select,#view-documents textarea { width:100%; padding:10px 12px; border:1px solid #dce2ed; border-radius:8px; font:inherit; background:#fff; color:#162239; }
.doc-layout { display:grid; grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr); gap:20px; align-items:start; }
.doc-row { display:grid; gap:6px; width:100%; border:0; border-bottom:1px solid #dfe4ee; padding:14px; text-align:left; background:transparent; color:#17243a; cursor:pointer; overflow-wrap:anywhere; }
.doc-row.is-selected { background:#ebe7fa; border-radius:8px; }
.doc-row small,.doc-meta { color:#657187; font-size:13px; line-height:1.5; }
.doc-detail { min-width:0; background:#fff; border:1px solid #e0e5ee; border-radius:12px; padding:22px; }
.doc-detail h2 { margin:0 0 10px; font-size:20px; overflow-wrap:anywhere; }
.doc-content { white-space:pre-wrap; overflow-wrap:anywhere; line-height:1.65; margin:18px 0; }
.doc-applicability { margin:16px 0; padding:14px 0; border-block:1px solid #e0e5ee; }
.doc-applicability h3 { margin:4px 0 10px; font-size:16px; }
.doc-applicability article { display:grid; gap:3px; padding:9px 0; border-top:1px solid #e0e5ee; }
.doc-applicability article span,.doc-applicability article small { color:#657187; font-size:11px; }
.doc-applicability article strong { font-size:12px; }
.doc-coverage { margin-top:16px; padding:14px; border:1px solid #dfe4ee; border-radius:10px; background:#f8f7fd; }
.doc-coverage h3 { margin:0 0 8px; font-size:15px; }
.doc-coverage > strong { color:#5735c9; font-size:24px; }
.doc-source { display:grid; grid-template-columns:minmax(120px,.45fr) minmax(0,1fr); gap:7px 16px; margin:18px 0; padding-block:14px; border-block:1px solid #e0e5ee; font-size:13px; }
.doc-source dt { color:#758096; }
.doc-source dd { margin:0; color:#17243a; overflow-wrap:break-word; }
.doc-files { display:grid; gap:8px; margin:18px 0; }
.doc-files h3 { margin:0 0 4px; font-size:15px; }
.doc-file { display:grid; gap:3px; padding:11px 12px; border:1px solid #dfe4ee; border-radius:8px; color:#43308a; text-decoration:none; }
.doc-file:hover { border-color:#9d83ed; background:#faf8ff; }
.doc-file small { color:#748096; }
.doc-detail label { display:grid; gap:8px; }
.doc-actions { display:flex; gap:8px; flex-wrap:wrap; margin:14px 0; }
.doc-detail .doc-check { display:flex; gap:10px; align-items:start; margin:18px 0; }
.doc-check input { flex:0 0 18px; height:18px; }
.doc-status { min-height:22px; color:#623899; }
body:has(#app-shell:not([hidden])) .sidebar { overflow-y:auto; }
body:has(#app-shell:not([hidden])) .workspace-admin-link { font:600 13px/1.4 Inter,"Segoe UI",Arial,sans-serif; gap:10px; justify-content:flex-start; }
.workspace-admin-link .ui-icon { flex:0 0 20px; width:20px; height:20px; }
@media(max-width:1220px) {
 body:has(#app-shell:not([hidden])) .workspace-sidebar-foot { display:grid; }
 .workspace-sidebar-foot .sidebar-user-copy,.workspace-sidebar-foot .sidebar-avatar,.workspace-admin-link span { display:none; }
 .workspace-sidebar-foot .sidebar-user-card { display:flex; justify-content:center; padding:6px; min-height:42px; }
 body:has(#app-shell:not([hidden])) .workspace-admin-link { justify-content:center; padding:8px; }
}
@media(max-width:820px) {
 .doc-layout { grid-template-columns:1fr; }
 body:has(#app-shell:not([hidden])) .app-shell { padding-top:116px; }
 body:has(#app-shell:not([hidden])) .sidebar { height:116px; flex-wrap:wrap; padding:8px 12px; overflow:visible; }
 body:has(#app-shell:not([hidden])) .nav-list { order:3; width:100%; justify-content:space-between; }
 body:has(#app-shell:not([hidden])) .workspace-sidebar-foot { display:flex; margin:0 0 0 auto; gap:8px; }
 .workspace-sidebar-foot .sidebar-user-card { border:0; background:transparent; }
 .doc-detail { padding:16px; }
}