.document-workspace { color: var(--c-fg); }
.document-workspace [hidden] { display:none !important; }
.document-workspace .btn { min-height:40px; }
.document-workspace .dw-toolbar, .document-workspace .dw-actions { display:flex; flex-wrap:wrap; gap:10px; align-items:center; }
.document-workspace .dw-toolbar { justify-content:space-between; margin:20px 0; }
.document-workspace .dw-toolbar form { display:flex; gap:8px; flex:1; max-width:480px; }
.document-workspace input, .document-workspace select, .document-workspace textarea { color:var(--c-fg); background:var(--c-bg-elevated); border:1px solid var(--c-border-strong); border-radius:var(--r-sm); padding:10px 12px; min-height:42px; max-width:100%; font:inherit; }
.document-workspace input:not([type=checkbox]), .document-workspace textarea { width:100%; }
.document-workspace input[type=checkbox] { width:20px; height:20px; min-height:20px; accent-color:var(--c-primary); }
.document-workspace :focus-visible { outline:2px solid var(--c-info); outline-offset:3px; }
.document-workspace .dw-layout { display:grid; grid-template-columns:minmax(250px,1fr) minmax(0,2.1fr); border:1px solid var(--c-border); border-radius:var(--r-md); overflow:hidden; background:var(--c-bg-elevated); }
.document-workspace .dw-list { border-right:1px solid var(--c-border); min-width:0; }
.document-workspace .dw-list-head { padding:16px; border-bottom:1px solid var(--c-border); color:var(--c-muted); font-size:13px; }
.document-workspace .dw-document { display:block; text-align:left; width:100%; padding:18px 16px; color:inherit; background:transparent; border:0; border-bottom:1px solid var(--c-border); cursor:pointer; }
.document-workspace .dw-document:hover { background:var(--c-surface); }
.document-workspace .dw-document[aria-pressed=true] { background:var(--c-surface); box-shadow:inset 3px 0 var(--c-primary); }
.document-workspace .dw-document strong { display:block; overflow-wrap:anywhere; font-size:14px; line-height:1.6; }
.document-workspace .dw-document small { display:block; margin-top:5px; color:var(--c-muted); }
.document-workspace .dw-detail { padding:24px; min-width:0; }
.document-workspace .dw-detail h3 { font-size:19px; overflow-wrap:anywhere; margin:0 0 8px; }
.document-workspace .dw-muted { color:var(--c-muted); font-size:13px; line-height:1.8; }
.document-workspace .dw-empty { padding:52px 20px; text-align:center; }
.document-workspace .dw-empty p { margin:10px 0 0; color:var(--c-muted); line-height:1.8; }
.document-workspace .dw-notice { border-left:3px solid var(--c-info); padding:12px 16px; background:var(--c-surface); margin:16px 0; line-height:1.8; }
.document-workspace .dw-error { border-color:var(--c-danger); color:var(--c-danger); }
.document-workspace .dw-section { border-top:1px solid var(--c-border); padding-top:22px; margin-top:24px; }
.document-workspace .dw-section h4 { font-size:15px; margin:0 0 14px; }
.document-workspace .dw-form { display:grid; gap:16px; }
.document-workspace .dw-form label { display:grid; gap:7px; font-size:13px; }
.document-workspace .dw-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.document-workspace .dw-row { display:flex; gap:12px; align-items:center; justify-content:space-between; padding:12px 0; border-bottom:1px solid var(--c-border); }
.document-workspace .dw-row > div { min-width:0; overflow-wrap:anywhere; }
.document-workspace .dw-row small { display:block; color:var(--c-muted); margin-top:5px; }
.document-workspace .dw-pill { font-size:12px; color:var(--c-info); border:1px solid var(--c-border-strong); padding:3px 8px; border-radius:var(--r-xs); white-space:nowrap; }
.document-workspace .dw-pagination { padding:12px; display:flex; justify-content:space-between; align-items:center; gap:8px; }
.document-workspace dialog { width:min(680px,calc(100vw - 32px)); max-height:calc(100dvh - 48px); margin:auto; padding:24px; border:1px solid var(--c-border-strong); border-radius:var(--r-md); color:var(--c-fg); background:var(--c-bg-elevated); box-shadow:var(--sh-float); overflow:auto; }
.document-workspace dialog::backdrop { background:rgb(0 0 0 / .65); }
.document-workspace .dw-dialog-head { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:20px; }
.document-workspace .dw-dialog-head h3 { margin:0; font-size:20px; }
.document-workspace .dw-dialog-head button { min-width:42px; min-height:42px; }
.document-workspace .dw-review-page { border-top:1px solid var(--c-border); padding-top:16px; margin-top:16px; }
.document-workspace .dw-review-page textarea { min-height:90px; resize:vertical; line-height:1.6; }
.document-workspace .dw-editor-shell { margin-top:20px; }
.document-workspace .dw-editor { height:75dvh; min-height:480px; background:var(--c-surface); margin-top:12px; }
.document-workspace .dw-editor iframe { width:100%; height:100%; border:0; }
.document-workspace .dw-check { display:flex !important; align-items:center; gap:10px; }
@media(max-width:900px) { .document-workspace .dw-layout { grid-template-columns:1fr; } .document-workspace .dw-list { border-right:0; border-bottom:1px solid var(--c-border); } .document-workspace .dw-detail { padding:18px; } }
@media(max-width:520px) { .document-workspace .dw-form-grid { grid-template-columns:1fr; } .document-workspace .dw-toolbar form { max-width:none; min-width:100%; } .document-workspace .dw-row { flex-wrap:wrap; } .document-workspace dialog { padding:18px; } }