.material-page-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;align-items:stretch;min-height:calc(100vh - 150px)}
.material-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:16px 0}
.material-toolbar .field{min-width:180px;flex:1}
.material-search-results{display:grid;gap:8px;max-height:240px;min-width:0;overflow:auto}
.material-search-results .reader-search-result{display:grid;gap:4px;min-width:0;width:100%;padding:10px 12px;border:1px solid var(--line,#ddd);border-radius:9px;background:#fff;text-align:left;cursor:pointer}
.material-search-results .reader-search-result strong,.material-search-results .reader-search-result span{min-width:0;overflow-wrap:anywhere}
.material-search-results .reader-search-result span{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--muted);font-size:13px;line-height:1.45}
.material-view-toggle{display:inline-flex;gap:2px;padding:3px;border-radius:9px;background:#f2f1ed}
.material-view-toggle .btn{min-height:34px;border:0;background:transparent}.material-view-toggle .btn[aria-pressed="true"]{background:#fff;box-shadow:0 1px 4px #0002}
.material-upload-shortcut{width:100%;min-height:70px;display:flex;align-items:center;gap:15px;margin:12px 0 20px;padding:18px 22px;border:1px dashed var(--line,#ddd);border-radius:12px;background:#fff;text-align:left;font:inherit;cursor:pointer}
.material-upload-shortcut:hover{border-color:#222;background:#faf9f5}
.material-selection-bar{display:flex;align-items:center;gap:8px;padding:10px 14px;margin-bottom:12px;border:1px solid var(--line,#ddd);border-radius:10px;background:#f7f6f2}.material-selection-bar[hidden]{display:none}.material-selection-bar span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.document-card.selected{border-color:#272727;box-shadow:0 0 0 1px #272727}
.doc-select{width:24px;height:24px;flex:0 0 24px;border:1px solid #c8c8c8;border-radius:50%;background:#fff;cursor:pointer}
.doc-select[aria-pressed="true"]{border-color:#222;background:#222;color:#fff}
.doc-action-menu{position:relative;align-self:end}.doc-action-menu>summary{cursor:pointer;list-style:none;border:1px solid var(--line,#ddd);border-radius:8px;padding:7px 12px;background:#fff;font-size:13px}.doc-action-menu>summary::-webkit-details-marker{display:none}
.doc-action-menu[open] .doc-card-actions{position:absolute;right:0;top:100%;z-index:5;min-width:230px;display:flex;flex-direction:column;align-items:stretch;padding:8px;border:1px solid var(--line,#ddd);border-radius:10px;background:#fff;box-shadow:0 8px 24px #0002}
.doc-action-menu[open] .doc-icon-actions{display:flex;flex-wrap:wrap;gap:4px}
.document-card-grid.material-list-view{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.material-list-view .document-card{min-height:96px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title actions" "status actions";align-items:center;gap:4px 18px;padding:14px 18px}
.material-list-view .document-card-main{grid-area:title}.material-list-view .doc-progress-area{grid-area:status;min-height:0}.material-list-view .doc-action-menu{grid-area:actions}.material-list-view .doc-card-actions{padding:0;border:0;justify-content:flex-end}
.material-list-view .doc-progress-row{justify-content:flex-start;gap:12px}.material-list-view .doc-icon-actions{flex-wrap:wrap;justify-content:flex-end}
.material-task{display:grid;gap:12px;border:1px solid var(--line,#ddd);border-radius:12px;padding:16px;margin:10px 0;background:var(--surface,#fff)}
.material-task>strong{overflow-wrap:anywhere}
.material-task-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.material-task-stages span{padding:10px;border:1px solid var(--line,#ddd);border-radius:8px;background:#faf9f5;font-size:13px}
.material-task-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}
.material-progress-dialog{width:min(760px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto;border:1px solid var(--line,#ddd);border-radius:16px;padding:24px;background:var(--surface,#fff);box-shadow:0 20px 70px #0004}
.material-progress-dialog::backdrop{background:#0008}
.material-progress-dialog header{display:flex;align-items:start;justify-content:space-between;gap:16px;margin-bottom:20px}
.material-progress-dialog header p,.material-progress-note{color:var(--muted);font-size:13px}
.material-progress-note{margin-top:16px}
.reader-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:16px;align-items:start}
.reader-content-panel{min-width:0}.reader-content{max-height:70vh;overflow:auto;scroll-behavior:smooth}
#reader.plan-reading-mode .reader-content{max-height:none;overflow:visible;scroll-behavior:auto}
.reader-chunk{padding:14px 20px;border-bottom:1px solid #e5e7eb}
.reader-chunk p{white-space:pre-wrap;line-height:1.8;margin:0}
.reader-chunk p.reader-table{font-family:ui-monospace,SFMono-Regular,monospace;overflow-x:auto;white-space:pre}
.reader-chunk-head{font-size:12px;color:#667085;margin-bottom:8px}
.reader-task-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:10px;background:#eff6ff;border-radius:8px}
.reader-task-bar span{flex:1}.reader-note-editor{padding:12px;border:1px solid #ddd;background:#fff}.reader-note-editor textarea{display:block;width:100%}
#readerTaskProgress{min-width:0}#readerDocumentPosition{flex:0 0 auto;color:var(--muted);font-size:12px;white-space:nowrap}
#reader .reader-chunk.reader-task-required{border-left:3px solid #ae74d4;padding-left:17px;background:#fcf8ff}
.reader-task-boundary{margin:0 0 10px;color:#8340a8;font-size:12px;font-weight:700}
.reader-task-boundary.end{margin:10px 0 0}
#readerPdfPreview{min-width:0;overflow:auto;max-height:70vh;padding:12px;background:#f5f3f8}
.reader-pdf-toolbar{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:12px}
#readerPdfPage{display:block;max-width:100%;height:auto;margin:auto;background:white;box-shadow:0 2px 10px #0001}
@media(max-width:1100px){.reader-layout{grid-template-columns:180px minmax(0,1fr)}}
@media(max-width:750px){.material-page-grid,.reader-layout{display:block}.reader-index-panel{position:static;margin-top:16px;height:min(600px,75vh);min-height:380px}.reader-content{max-height:none}.material-task-stages{grid-template-columns:1fr}.material-list-view .document-card{display:flex;align-items:stretch}.material-list-view .doc-card-actions{padding-top:10px;border-top:1px solid var(--line,#ddd)}}
.reader-note-body{line-height:1.8;overflow-wrap:anywhere}
.reader-note-body p{white-space:normal}
.reader-note-body .chat-table{overflow-x:auto}
.reader-note-body .chat-table table{border-collapse:collapse;width:100%}
.reader-note-body .chat-table th,.reader-note-body .chat-table td{border:1px solid var(--line,#ddd);padding:8px 10px;text-align:left}
.reader-note-body .katex-display{overflow-x:auto;overflow-y:hidden}