/* Published ZCMS theme, retrieved 2026-10-27. Product adaptations: DESIGN.md. */
@font-face{font-family:PoppinsZN;src:url('./PoppinsZN-Regular-baff6161.otf') format('opentype');font-weight:400;font-display:swap}
@font-face{font-family:PoppinsZN;src:url('./PoppinsZN-Medium-51d116c7.otf') format('opentype');font-weight:500;font-display:swap}
@font-face{font-family:PoppinsZN;src:url('./PoppinsZN-SemiBold-0f609d6c.otf') format('opentype');font-weight:600 900;font-display:swap}
:root{
 --zc-primary:#6a5ecc;--zc-primary-hover:#4c3fb2;--zc-primary-bg:#f0effa;--zc-primary-border:#d2cff0;
 --zc-text:#000015;--zc-secondary:#707183;--zc-muted:#a9a9b5;--zc-border:#e5e5ea;
 --zc-surface:#fff;--zc-bg:#f7f7f7;--zc-hover:#f4f4f4;
 --zc-success:#79b378;--zc-success-text:#39703a;--zc-success-bg:#f2f7f1;
 --zc-warning:#ffbe46;--zc-warning-text:#805b12;--zc-warning-bg:#fff9ec;
 --zc-danger:#ff7ca6;--zc-danger-text:#a32b52;--zc-danger-bg:#fff2f6;
 --paper:var(--zc-surface);--bg:var(--zc-bg);--cream:var(--zc-bg);--cream2:var(--zc-hover);
 --line:var(--zc-border);--ink:var(--zc-text);--muted:var(--zc-secondary);--muted2:var(--zc-muted);
 --brand:var(--zc-primary);--brand-dark:var(--zc-primary-hover);--brand-pale:var(--zc-primary-bg);
 --good:var(--zc-success-text);--warning:var(--zc-warning-text);--radius:8px;
 --shadow:0 2px 8px #00001505;
}
body{font-family:PoppinsZN,'PingFang SC','Microsoft YaHei',sans-serif;font-size:13px;background:var(--zc-bg)}
::selection{background:var(--zc-primary-border);color:var(--zc-text)}
button,a,input,textarea,select{outline-offset:3px}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--zc-primary)}
.topbar{height:60px;padding:0 20px;gap:16px;background:var(--zc-surface)}
.brand{min-width:200px;gap:10px}.brand-mark{background:var(--zc-primary);border-radius:8px;box-shadow:none}.brand-txt{font-size:18px;letter-spacing:-.3px}
.breadcrumbs{gap:7px;font-size:12px}.breadcrumbs b{max-width:200px}.top-right{gap:8px}.save-state{font-size:11px;color:var(--zc-secondary)}
.btn{height:36px;min-height:36px;padding:0 12px;border-radius:8px;font-size:13px;font-weight:600;color:var(--zc-secondary);background:var(--zc-surface);border:1px solid var(--zc-border)}
.btn:hover{background:var(--zc-hover);border-color:var(--zc-primary-border)}.btn.primary{color:#fff;background:var(--zc-primary);border-color:var(--zc-primary)}.btn.primary:hover{background:var(--zc-primary-hover);border-color:var(--zc-primary-hover)}
.btn:disabled{opacity:1;background:var(--zc-border);border-color:var(--zc-border);color:var(--zc-secondary);cursor:not-allowed}
.btn.danger{color:var(--zc-danger-text);border-color:var(--zc-danger)}
.btn.textbtn{background:transparent}.iconbtn,.tinybtn{width:32px;height:32px;min-height:32px;border-radius:6px;color:var(--zc-secondary)}
.iconbtn.active,.tinybtn.on{color:var(--zc-primary);background:var(--zc-primary-bg)}
.avatar,.workspace-icon,.account-avatar{background:var(--zc-primary-bg);color:var(--zc-primary);border-color:var(--zc-surface)}
.sidebar,.side-inner{width:240px}.sidebar{background:var(--zc-surface)}.side-inner{padding:16px 12px 10px}.side-workspace{padding:4px 8px 20px}.workspace-icon{width:32px;height:32px;border-radius:8px}
.side-workspace>div:nth-child(2)>div:first-child{font-size:13px!important;color:var(--zc-text)}.side-workspace>div:nth-child(2)>div+div{font-size:11px!important;color:var(--zc-secondary)!important}
.side-action{height:36px;padding:0 10px;font-size:12px;border-radius:8px;background:#fff;color:var(--zc-secondary);border-color:var(--zc-border)}
.side-label{font-size:11px;letter-spacing:0;text-transform:none;color:var(--zc-secondary);margin:20px 10px 8px;font-weight:500}
.document-pages{margin:12px 0 4px;padding-bottom:14px}.document-pages-heading{font-size:11px;padding:0 9px 8px;color:var(--zc-secondary)}.document-page-list{max-height:160px}
.document-page-row{height:36px;border-radius:6px;color:var(--zc-secondary)}.document-page-row>button:first-child{height:36px;font-size:12px}.document-page-row.selected,.document-page-row.selected:hover{background:var(--zc-primary-bg);color:var(--zc-primary)}
.document-page-version{font-size:11px;color:var(--zc-secondary);padding-top:10px}.document-page-more{color:var(--zc-secondary)}
.page-sidebar-mode .side-scroll .section-item,.section-item{min-height:32px;padding:7px 10px;font-size:12px;border-radius:6px;color:var(--zc-secondary)}
.section-item.active,.section-item.active:hover{background:var(--zc-primary-bg);color:var(--zc-primary)}.section-item .section-num{font-size:10px;color:var(--zc-muted)}
.sidebar-footer .account-caption small{font-size:10px}.sidebar-footer{padding-top:10px}.sidebar-footer .account-profile{padding:4px}
.toolbar{background:#fff}.toolbar-tabs{height:38px;padding:0 20px;gap:8px}.toolbar-tab{height:38px;font-size:12px;color:var(--zc-secondary)}
.toolbar-tab.active,.ai-tab.on{color:var(--zc-primary)}.toolbar-tab.active::after,.ai-tab.on::after{background:var(--zc-primary);border-radius:0}
.toolbar-tools{min-height:52px;padding:8px 20px;gap:8px}.toolbar-tools .btn,.context-table .btn{min-height:32px;height:32px;font-size:12px;padding:0 10px}
.toolbar-divider{height:20px;background:var(--zc-border)}.tool-select{height:32px;border-radius:6px;border-color:var(--zc-border);background:var(--zc-bg);font-size:12px;color:var(--zc-secondary)}
.workspace-main{background:var(--zc-bg)}.stage-wrap{max-width:1060px;padding:24px 28px 64px}.doc-top{margin-bottom:18px;gap:12px}.doc-eyebrow{font-size:11px;color:var(--zc-secondary);letter-spacing:0;text-transform:none;font-weight:400}.doc-name{font-size:21px;letter-spacing:0;font-weight:600;color:var(--zc-text)}
.doc-info{color:var(--zc-secondary);font-size:11px;flex-wrap:wrap}.doc-actions{gap:6px;padding-top:0;max-width:270px}.doc-actions .btn{height:32px;min-height:32px;font-size:12px;padding:0 10px}
.doc-actions>.pill{display:none}.pill{border-radius:4px;color:var(--zc-secondary);background:var(--zc-hover)}
.paper{padding:44px 48px 64px;border:1px solid var(--zc-border);border-radius:4px;box-shadow:0 2px 8px #00001503;color:var(--zc-text);background:#fff;font-size:14px}
.paper:focus{border-color:var(--zc-primary-border)}.paper .chapter-heading{letter-spacing:0;color:var(--zc-text)}.paper .doc-table{background:#fff}.paper .doc-table td,.paper .doc-table th{border-color:var(--zc-border)}
.paper .doc-table td.selected-cell{background:var(--zc-primary-bg)!important;box-shadow:inset 0 0 0 2px var(--zc-primary)!important}.paper .doc-table td.active-cell:not(.selected-cell){box-shadow:inset 0 0 0 1px var(--zc-primary)}
.ai-panel,.ai-panel-inner{width:320px}.ai-panel{background:#fff}.ai-head{height:68px;padding:18px 18px 12px}.ai-brand{font-size:14px}.ai-brand .spark{color:var(--zc-primary)}.ai-small{font-size:11px;color:var(--zc-secondary)}
.ai-tabs{padding:0 12px;gap:2px;flex-wrap:wrap}.ai-tab{padding:11px 5px;font-size:12px;flex:1 0 auto}.ai-tab.on::after{left:6px;right:6px}.ai-scroll{padding:16px}.ai-bottom{background:#fff}.ai-summary{background:var(--zc-bg);border:0;border-radius:8px;padding:14px}.ai-meter{display:none}.ai-summary p{margin-bottom:0;color:var(--zc-secondary);font-size:12px}.ai-summary-top .number{color:var(--zc-primary)}
.issue-card,.review-card,.expression-card,.note-side-card{border-radius:8px;border-color:var(--zc-border);box-shadow:none;background:#fff}.issue-reason,.review-card p,.panel-hint,.form-help{font-size:12px;line-height:1.7;color:var(--zc-secondary)}
.chip,.tag{border-radius:4px}.chip.on{background:var(--zc-primary-bg);color:var(--zc-primary);border-color:var(--zc-primary-border)}
.editor-status{height:32px;background:#fff;color:var(--zc-secondary);font-size:11px;padding:0 20px}.stage-foot{color:var(--zc-secondary);font-size:11px;flex-wrap:wrap;gap:8px}
.dialog{border-radius:12px;background:#fff;border:1px solid var(--zc-border);box-shadow:0 16px 56px #00001526}.dialog-head{padding:20px 24px 16px}.dialog-head h2{font-size:18px;line-height:1.5;font-weight:600}.dialog-head p{font-size:12px;color:var(--zc-secondary);line-height:1.6}.dialog-body{padding:20px 24px}.dialog-foot{padding:16px 24px;border-color:var(--zc-border);flex-wrap:wrap}
.form-input{min-height:36px;border-radius:8px;background:#00001505;border:1px solid #0000150d;padding:8px 16px;color:var(--zc-text);font-size:13px}.form-input:focus{outline:2px solid var(--zc-primary-border);border-color:var(--zc-primary)}.form-input::placeholder{color:var(--zc-muted)}.form-label{font-size:12px;color:var(--zc-secondary)}
.review-notice{background:var(--zc-warning-bg);border-color:#ffecd0;color:var(--zc-warning-text);border-radius:6px}.review-notice button{color:var(--zc-primary)}
.lifecycle-steps span{border-radius:4px;background:var(--zc-hover);color:var(--zc-secondary)}.lifecycle-steps span.active{background:var(--zc-primary-bg);color:var(--zc-primary)}
.doc-actions .finalized{background:var(--zc-success-bg);border-color:#d7e8d7;color:var(--zc-success-text)}
.selection-menu,.document-page-actions,.document-picker,.account-menu,.comment-thread,.review-composer{background:#fff;border-color:var(--zc-border);border-radius:8px;box-shadow:0 8px 32px #0000151a}
/* The selection toolbar now uses a light surface, including its text and SVG controls. */
.selection-menu{color:var(--zc-secondary)}
.selection-menu button{color:var(--zc-secondary);background:transparent}
.selection-menu button:hover:not(:disabled),.selection-menu button:focus-visible:not(:disabled){color:var(--zc-primary);background:var(--zc-primary-bg)}
.selection-menu button:disabled{color:var(--zc-muted);background:transparent;opacity:1}
.selection-menu .sep{background:var(--zc-border)}
.selection-menu .floating-cell-tools{border-bottom-color:var(--zc-border)}
.cf-guide-link{display:flex;align-items:center;gap:8px;color:var(--zc-secondary);text-decoration:none;padding:8px 10px;border-radius:6px;font-size:12px}.cf-guide-link:hover{background:var(--zc-hover);color:var(--zc-primary)}
.cf-more{position:relative}.cf-more summary{list-style:none;cursor:pointer}.cf-more summary::-webkit-details-marker{display:none}.cf-more[open]>summary{background:var(--zc-primary-bg);color:var(--zc-primary)}
.cf-more-menu{position:absolute;right:0;top:42px;width:190px;padding:6px;background:#fff;border:1px solid var(--zc-border);border-radius:8px;box-shadow:0 8px 32px #0000151a;z-index:90}
.cf-more-menu>.btn{display:flex;width:100%;justify-content:flex-start;border:0;border-radius:4px;font-size:12px;font-weight:400;background:#fff;color:var(--zc-secondary);height:34px;min-height:34px}.cf-more-menu>.btn:hover{background:var(--zc-hover)}
.cf-flowbar{display:flex;align-items:center;gap:8px;margin:0 0 18px;padding:10px 12px;border:1px solid var(--zc-border);background:#fff;border-radius:8px;color:var(--zc-secondary);font-size:12px;flex-wrap:wrap}.cf-flow-step{display:flex;align-items:center;gap:6px}.cf-flow-step.active{color:var(--zc-primary);font-weight:600}.cf-flow-dot{width:6px;height:6px;border-radius:50%;background:var(--zc-border)}.cf-flow-step.active .cf-flow-dot{background:var(--zc-primary)}.cf-flow-sep{color:var(--zc-muted)}.cf-flowbar button{margin-left:auto;border:0;background:none;font:inherit;color:var(--zc-primary);padding:4px}
.cf-readiness{margin-bottom:20px}.cf-readiness h3{font-size:16px;margin:0 0 6px;color:var(--zc-text)}.cf-readiness p{font-size:12px;color:var(--zc-secondary);line-height:1.8;margin:0}
.cf-checks{margin:0;padding:0;list-style:none}.cf-check-row{display:grid;grid-template-columns:22px 1fr auto;gap:10px;padding:16px 0;border-bottom:1px solid var(--zc-border);align-items:start}.cf-check-row:last-child{border-bottom:0}.cf-check-row b{display:block;font-size:13px;font-weight:600;color:var(--zc-text)}.cf-check-row p{font-size:12px;color:var(--zc-secondary);margin:5px 0 0;line-height:1.7}.cf-check-row .btn{min-height:32px;height:32px;font-size:12px}.cf-check-mark{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--zc-warning-bg);color:var(--zc-warning-text);font-size:12px}.cf-check-mark.ok{background:var(--zc-success-bg);color:var(--zc-success-text)}
.cf-meta{display:grid;grid-template-columns:100px 1fr;gap:8px 16px;margin:0 0 16px;padding:14px;background:var(--zc-bg);border-radius:8px;font-size:12px}.cf-meta dt{color:var(--zc-secondary)}.cf-meta dd{margin:0;overflow-wrap:anywhere;color:var(--zc-text)}.cf-note{padding:12px 14px;background:var(--zc-primary-bg);color:var(--zc-primary-hover);border-radius:6px;font-size:12px;line-height:1.8;margin-top:16px}.cf-guide-button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.cf-integration-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.cf-integration{padding:14px;border:1px solid var(--zc-border);border-radius:8px}.cf-integration b{display:block;font-size:13px;margin-bottom:8px}.cf-integration p{margin:0;font-size:12px;line-height:1.7;color:var(--zc-secondary)}.cf-badge{font-size:11px;background:var(--zc-hover);color:var(--zc-secondary);padding:3px 6px;border-radius:4px;margin-left:8px;font-weight:400}
@media(min-width:1500px){.stage-wrap{padding:28px 40px 64px}.paper{padding:52px 60px 72px}}
@media(max-width:1279px){.brand{min-width:180px}.sidebar,.side-inner{width:220px}.breadcrumbs b{display:none}.ai-panel,.ai-panel-inner{width:290px}.stage-wrap{padding:20px 20px 48px}.paper{padding:32px}.save-state{display:none}.doc-top{flex-direction:column}.doc-actions{max-width:none}.toolbar-tools{gap:5px;padding:8px 14px}}
@media(min-width:800px) and (max-width:1050px){.sidebar,.sidebar.hidden{width:0;border:0}.sidebar:not(.hidden){position:absolute;top:60px;bottom:0;z-index:12;width:220px;border-right:1px solid var(--zc-border);box-shadow:8px 0 24px #00001512}.brand{min-width:132px}.topbar{gap:10px;padding:0 12px}.breadcrumbs{display:none}.top-right{margin-left:auto}.stage-wrap{padding:18px 16px}.ai-panel,.ai-panel-inner{width:280px}.paper{padding:28px 24px}.cf-flowbar{gap:6px;font-size:11px}}
@media(max-width:799px){.mobile-tip{background:var(--zc-bg);color:var(--zc-secondary);font-family:inherit}.cf-integration-list{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{.cf-flowbar{display:none!important}}