#sop-owner-scope{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid #dce5e2}
.sop-page{font-family:"Segoe UI","Microsoft YaHei","PingFang SC",sans-serif}.sop-page>.page-head{margin-bottom:18px;padding:0;align-items:center}.sop-page>.page-head .eyebrow{display:none}.sop-page>.page-head h1{font-size:26px;line-height:1.4;margin:0}.sop-page>.tabs{margin-bottom:0}.sop-page #sop-owner-scope{padding:12px 0;gap:12px;flex-wrap:wrap}.sop-page #sop-owner-scope label{font-size:14px}.sop-page #sop-owner-scope select{height:40px;width:210px;padding:8px 12px}.sop-page #sop-owner-scope>span{margin-left:auto}.sop-page #sop-workspace{margin-top:18px;gap:22px;grid-template-columns:230px minmax(0,1fr);align-items:start}.sop-page .sop-categories{align-self:start;max-height:70vh;overflow-y:auto;gap:4px;padding-right:16px}.sop-page .sop-categories>button{flex:0 0 auto;min-height:40px;padding:8px 10px}.sop-page .sop-categories header{margin-bottom:8px}.sop-page .sop-author-group{margin-top:8px;padding-top:8px}.sop-page .sop-tree-parent{min-height:36px}.sop-page .sop-library-heading{margin-bottom:10px;min-height:32px}.sop-page .sop-library-heading>strong{font-size:16px}.sop-page .sop-toolbar{gap:10px;padding-bottom:12px}.sop-page .sop-toolbar input{width:300px}.sop-page .sop-toolbar input,.sop-page .sop-toolbar select{height:40px;padding:8px 12px;font-size:14px}.sop-page .sop-documents article{padding:14px 0;min-height:108px;gap:16px}.sop-page .sop-documents .sop-title{font-size:17px;line-height:1.5;min-height:28px;padding:0;font-weight:600}.sop-page .sop-documents .sop-author-label{font-size:12px;margin:0 0 4px;color:#63717a}.sop-page .sop-documents .sop-path{font-size:13px;margin:4px 0;font-weight:500}.sop-page .sop-documents small{font-size:12px;color:#687781}.sop-page .sop-row-actions{gap:6px}.sop-page .sop-row-actions button{padding:7px 10px;min-height:36px}.sop-page .sop-row-actions svg{width:17px;height:17px}
@media(max-width:800px){.sop-page #sop-workspace{grid-template-columns:minmax(0,1fr);gap:16px}.sop-page .sop-categories{max-height:240px;padding-right:0}.sop-page .sop-documents article{min-height:0;gap:10px}.sop-page>.page-head h1{font-size:23px}.sop-page #sop-owner-scope>span{margin-left:0}.sop-page .sop-toolbar input{width:100%}}
.sop-delete{color:#b33c3c!important}.sop-trash-dialog{width:680px;max-width:94vw}.sop-trash-list{max-height:60vh;overflow:auto}.sop-trash-list article{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid #dce5e2}.sop-trash-list article>div{min-width:0;overflow-wrap:anywhere}.sop-trash-list p{font-size:13px;color:#5b6b74;line-height:1.6;margin:8px 0}.sop-trash-list button{flex-shrink:0}.sop-trash-dialog form{min-width:0}
#sop-owner-scope label{display:flex;align-items:center;gap:10px;white-space:nowrap;font-weight:600;color:#294f40}
#sop-owner-scope select{width:220px;margin:0;font-weight:400}#sop-owner-scope svg{width:18px;height:18px}#sop-owner-scope>span{font-size:13px;color:#667d71}
.sop-documents .sop-author-label,.sop-author-label{display:block;color:#687d72;font-size:13px;font-weight:500;margin:4px 0 7px}.sop-tree-group>.sop-author-label{padding-left:8px;margin-top:10px}
.sop-author-group{margin-top:14px;padding-top:12px;border-top:1px solid #dce5e2}.sop-author-group>h3{margin:0 0 8px;padding:4px 8px;font-size:15px;font-weight:700;color:#293d46;line-height:1.5}.sop-author-group .sop-tree-group{margin-top:4px}
.sop-preview{font-family:"Segoe UI","Microsoft YaHei","PingFang SC",sans-serif;letter-spacing:0;color:#29343c}.sop-preview h2{font-size:22px;font-weight:650;line-height:1.5;color:#243e36}.sop-preview table{background:#fff;border:1px solid #d8e1e5}.sop-preview th,.sop-preview td{font-size:15px;line-height:1.85;padding:16px 18px;border-color:#e0e6e9;color:#303b43;letter-spacing:0}.sop-preview thead th{background:#eaf0f4;color:#344c5e;font-size:14px;font-weight:650;line-height:1.6;padding:12px 18px}.sop-preview tbody tr:nth-child(even){background:#f8fafb}.sop-preview tbody th{background:#f0f6f3;color:#285a48;font-weight:600}.sop-preview tbody td:first-child{font-variant-numeric:tabular-nums;color:#536471;font-size:14px}.sop-preview tbody td:nth-child(3){color:#596775;font-size:14px}.sop-preview tbody td:last-child{text-align:left}.sop-preview small{color:#6c7981;font-size:12px}.sop-preview .sop-notes{color:#586770;font-size:14px;line-height:1.75}
.sop-readonly .sop-editor-tools{justify-content:flex-start}.sop-readonly .sop-version-label{margin-left:0}.sop-readonly>[role=alert]{margin:0 24px}.sop-readonly>[role=alert]:empty{display:none}
@media(max-width:800px){.sop-preview th,.sop-preview td{padding:10px 12px}.sop-preview tbody th{border-bottom:1px solid #e0e6e9}.sop-preview h2{font-size:20px}.sop-author-group>h3{font-size:14px}}
@media(max-width:650px){#sop-owner-scope{align-items:flex-start;flex-direction:column;gap:8px}#sop-owner-scope select{width:190px;max-width:60vw}}
.sop-readonly>header{padding:12px 20px;gap:16px;flex-wrap:wrap}.sop-readonly>header h2{font-size:19px;margin:0 0 2px}.sop-readonly>header .sop-editor-tools{margin-left:auto;padding:0;border:0;background:transparent;gap:10px}.sop-readonly>header .sop-version-label{font-size:13px}.sop-readonly>header select{margin:0;width:245px;font-size:14px}.sop-readonly>header>[data-close]{flex-shrink:0}.sop-readonly .sop-editor-body{padding:16px 20px}
.sop-editor .sop-preview{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 24px;align-items:start}.sop-editor .sop-preview>header{grid-column:1;grid-row:1;padding:0;border:0;margin:0;min-width:0}.sop-editor .sop-preview>header .sop-category-band{display:inline-flex;padding:5px 9px;margin:0 0 7px;font-size:13px}.sop-editor .sop-preview>header h2{font-size:21px;margin:0 0 6px}.sop-editor .sop-preview>header p{margin-bottom:5px}.sop-editor .sop-preview-images{grid-column:2;grid-row:1;justify-content:flex-end;gap:8px;margin:0;max-width:440px}.sop-editor .sop-preview-images button{width:136px;height:102px;padding:4px;border-radius:5px}.sop-editor .sop-preview>.sop-notes{grid-column:1/-1;margin:0}.sop-editor .sop-preview>table{grid-column:1/-1;margin:0}.sop-editor .sop-preview:not(:has(.sop-preview-images))>header{grid-column:1/-1}
@media(max-width:800px){.sop-readonly>header{padding:10px 14px;gap:8px}.sop-readonly>header>div:first-child{flex:1}.sop-readonly>header .sop-editor-tools{order:3;width:100%;margin-left:0;flex-wrap:wrap}.sop-readonly>header .sop-version-label{min-width:0;flex:1}.sop-readonly>header select{width:100%;min-width:0}.sop-readonly .sop-editor-body{padding:14px}.sop-editor .sop-preview{grid-template-columns:minmax(0,1fr);gap:12px}.sop-editor .sop-preview-images{grid-column:1;grid-row:auto;justify-content:flex-start;max-width:100%}.sop-editor .sop-preview-images button{width:108px;height:81px}.sop-editor .sop-preview>header h2{font-size:20px}}