:root{--topbar-h:52px;--bg:#f4f5f7;--surface:#ffffff;--text:#23262b;--muted:#6b7280;--border:#d8dce2;--accent:#1f3a5f;--accent-hover:#2a4d7c;--danger:#b3261e;--ok:#1a7f37;--warn:#9a6700}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Noto Sans JP,Noto Sans CJK JP,sans-serif;font-size:14px;line-height:1.7}a{color:var(--accent)}.container{max-width:1080px;margin:0 auto;padding:24px 20px 60px}.narrow{max-width:560px}.sidebar{position:fixed;left:0;top:0;bottom:0;width:240px;background:var(--accent);color:#fff;display:flex;flex-direction:column;padding:20px 14px;z-index:10}.sidebar .brand{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:16.5px;font-weight:700;letter-spacing:.02em;color:#fff;text-decoration:none;padding:0 10px}.sidebar .brand-sub{font-size:11px;color:#b9c7d8;padding:0 10px 2px}.sidebar nav{padding-top:14px;border-top:1px solid #ffffff22;margin-top:14px}.nav-group{display:flex;flex-direction:column;gap:2px;margin:8px 0}.nav-group-head{font-size:11px;color:#9fb2ca;padding:6px 12px 2px;letter-spacing:.06em}.sidebar nav a{display:block}.nav-group a{margin-left:10px}.sidebar nav{display:flex;flex-direction:column;gap:2px}.sidebar nav a{color:#d7e0ec;text-decoration:none;font-size:13.5px;padding:9px 12px;border-radius:6px}.sidebar nav a:hover{background:#ffffff18;color:#fff}.sidebar nav a.active{background:#ffffff2b;color:#fff;font-weight:600}.sidebar-user{margin-top:auto;border-top:1px solid #ffffff22;padding:12px 10px 0;font-size:12px;color:#d7e0ec}.sidebar-user .who{margin-bottom:8px}.sidebar-user .who span{margin-left:8px;font-size:10.5px;border:1px solid #ffffff44;border-radius:99px;padding:1px 8px}.sidebar-user button{background:none;border:1px solid #ffffff55;color:#fff;border-radius:5px;padding:5px 12px;cursor:pointer;font-size:12px;width:100%}.sidebar-user button:hover{background:#ffffff18}.sidebar~.container{margin-left:240px;max-width:none;padding:28px 32px 60px}.sidebar~.container.narrow{max-width:800px}.sidebar~.container>*{max-width:1080px}@media (max-width:860px){.sidebar{position:static;width:auto;flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 14px}.sidebar .brand-sub{display:none}.sidebar nav{flex-direction:row;flex-wrap:wrap}.sidebar-user{margin:0 0 0 auto;border:none;padding:0;display:flex;gap:10px;align-items:center}.sidebar-user button{width:auto}.sidebar~.container{margin-left:0}}.card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:20px 24px;margin-bottom:16px}h1{font-size:20px;margin:0 0 16px}h2{font-size:15px;margin:0 0 12px}.input,select.input,textarea.input{width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:6px;font-size:14px;font-family:inherit;background:#fff;color:var(--text)}.input:focus{outline:2px solid var(--accent);outline-offset:-1px}label.field{display:block;margin-bottom:14px}label.field .lbl{display:block;font-size:12px;color:var(--muted);margin-bottom:4px}.btn{display:inline-block;background:var(--accent);color:#fff;border:none;border-radius:6px;padding:9px 18px;font-size:14px;font-family:inherit;cursor:pointer;text-decoration:none}.btn:hover{background:var(--accent-hover)}.btn:disabled{opacity:.5;cursor:default}.btn.ghost{background:#fff;color:var(--accent);border:1px solid var(--accent)}.btn.danger{background:var(--danger)}.btn.danger.ghost{background:#fff;color:var(--danger);border:1px solid var(--danger)}.btn.danger.ghost:hover{background:#fff5f5}.btn.sm{padding:5px 12px;font-size:12px}table.list{width:100%;border-collapse:collapse;background:var(--surface)}table.list td,table.list th{padding:10px 12px;border-bottom:1px solid var(--border);text-align:left;font-size:13px}table.list th{color:var(--muted);font-weight:600;font-size:12px;white-space:nowrap}table.list tr.row{cursor:pointer}table.list tr.row:hover{background:#f0f4f9}.badge{display:inline-block;padding:2px 10px;font-size:12px;font-weight:600;white-space:nowrap}.badge.draft{background:#e5e7eb;color:#374151}.badge.pending_approval{background:#ede9fe;color:#6d28d9}.badge.returned{background:#ffe4d5;color:#b45309}.badge.approved{background:#dbeafe;color:#1d4ed8}.badge.sent{background:#fef3c7;color:var(--warn)}.badge.completed{background:#dcfce7;color:var(--ok)}.badge.rejected{background:#fee2e2;color:var(--danger)}.badge.withdrawn{background:#e5e7eb;color:#6b7280}.error{color:var(--danger);font-size:13px;margin:8px 0}.muted{color:var(--muted);font-size:12px}.row-flex{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.spacer{flex:1 1}.toolbar{display:flex;gap:4px;flex-wrap:wrap;padding:8px;background:#f8f9fb;border:1px solid var(--border);border-radius:8px 8px 0 0;position:-webkit-sticky;position:sticky;top:var(--topbar-h);z-index:5}.toolbar button{background:#fff;border:1px solid var(--border);border-radius:4px;padding:4px 10px;font-size:12px;cursor:pointer;color:var(--text);font-family:inherit}.toolbar button:hover{background:#eef2f7}.toolbar button.on{background:var(--accent);color:#fff;border-color:var(--accent)}.toolbar .sep{width:1px;background:var(--border);margin:2px 4px}.editor-wrap{background:#eceff3;border:1px solid var(--border);border-top:none;border-radius:0 0 8px 8px;min-height:60vh;padding:24px 16px;overflow-x:auto}.paper{width:210mm;min-height:297mm;margin:0 auto;background:#fff;box-shadow:0 2px 12px rgba(0,0,0,.18);padding:18mm 16mm;position:relative}.tiptap{outline:none;min-height:240mm;font-family:Noto Sans CJK JP,Hiragino Kaku Gothic ProN,sans-serif;font-size:10.5pt;line-height:1.9;color:#1a1a1a}.tiptap p{margin:6pt 0}.tiptap h1{font-size:13pt;margin:16pt 0 6pt}.tiptap h2{font-size:11.5pt;margin:14pt 0 4pt}.tiptap h3{font-size:10.5pt;margin:12pt 0 4pt}.tiptap hr{border:none;border-top:1px solid #999;margin:12pt 0}.merge-tag{background:#e7f0fb;border:1px solid #9dbfe6;border-radius:3px;padding:0 3px;white-space:nowrap}.merge-tag.empty{background:#fdecea;border-color:#e6a6a0;color:var(--danger)}.toolbar .tb-select{border:1px solid var(--border);border-radius:4px;padding:4px 6px;font-size:12px;font-family:inherit;background:#fff;color:var(--text);max-width:170px}.tiptap ol,.tiptap ul{margin:4pt 0;padding-left:20pt}.tiptap ol{list-style-type:decimal}.tiptap ol ol{list-style-type:lower-alpha}.tiptap ol ol ol{list-style-type:lower-roman}.tiptap ol ol ol ol{list-style-type:upper-alpha}.tiptap ul{list-style-type:disc}.tiptap ul ul{list-style-type:circle}.tiptap ul ul ul{list-style-type:square}.tiptap table{border-collapse:collapse;width:100%;margin:8pt 0}.tiptap td,.tiptap th{border:1px solid #555;padding:5pt 8pt;font-size:9.5pt;min-width:40px;text-align:left;vertical-align:top}.tiptap th{background:#f0f0f0;font-weight:700}.tiptap td{background:none;font-weight:400}.tiptap .selectedCell{background:#dbeafe}.tag-chip{display:inline-block;background:#e8eef6;color:var(--accent);border-radius:99px;padding:1px 10px;font-size:12px;margin-right:4px}.stat-card{flex:1 1;min-width:140px;text-align:center;padding:18px 8px}.stat-card .num{font-size:28px;font-weight:700}.stat-card .lbl{font-size:12px;color:var(--muted)}@media (max-width:600px){.container{padding:16px 12px 40px}.card{padding:14px}.row-flex .btn{flex:1 1;text-align:center}table.list{display:block;overflow-x:auto;white-space:nowrap}}.edit-shell{display:block}.edit-shell .edit-main{margin-left:0;padding:0 16px 40px}.tag-panel{position:fixed;left:0;top:0;bottom:0;width:290px;background:var(--surface);border-right:1px solid var(--border);padding:16px 14px 24px;overflow-y:auto;z-index:10}.side-panel h2,.tag-panel h2{font-size:14px;margin:14px 0 6px}.side-panel .tag-row,.tag-panel .tag-row{border:1px solid var(--border);border-radius:6px;padding:8px;margin-bottom:8px;background:#fbfcfd}.side-panel .tag-row .input,.tag-panel .tag-row .input{font-size:13px;padding:5px 8px;margin-bottom:4px}.side-panel .btn,.tag-panel .btn{font-size:12px;padding:5px 10px}.side-panel .sys-item,.tag-panel .sys-item{display:flex;align-items:center;gap:6px;padding:4px 0;border-bottom:1px dashed var(--border);font-size:12px}.side-panel .sys-item code,.tag-panel .sys-item code{background:#eef2f7;border-radius:3px;padding:1px 4px}.edit-main{margin-left:290px;padding:20px 24px 60px}.tiptap .tag-chip-inline{background:#fff3cd;border-radius:3px;padding:0 2px}@media (max-width:860px){.tag-panel{position:static;width:auto;border-right:none;border-bottom:1px solid var(--border)}.edit-main{margin-left:0;padding:16px 12px 40px}}.stepper{display:flex;align-items:stretch;gap:0;flex-wrap:wrap}.stepper .step{flex:1 1;min-width:130px;position:relative;padding:10px 12px 10px 22px;background:#f3f5f8;border:1px solid var(--border);border-left:none;font-size:12.5px}.stepper .step:first-child{border-left:1px solid var(--border);border-radius:6px 0 0 6px;padding-left:12px}.stepper .step:last-child{border-radius:0 6px 6px 0}.stepper .step:after{content:"";position:absolute;right:-9px;top:50%;transform:translateY(-50%) rotate(45deg);width:16px;height:16px;background:inherit;border-top:1px solid var(--border);border-right:1px solid var(--border);z-index:2}.stepper .step:last-child:after{display:none}.stepper .step .step-name{font-weight:600}.stepper .step .step-sub{color:var(--muted);font-size:11px}.stepper .step.done{background:#e8f5ec;border-color:#b9dcc5}.stepper .step.done .step-name{color:var(--ok)}.stepper .step.current{background:var(--accent);border-color:var(--accent)}.stepper .step.current .step-name,.stepper .step.current .step-sub{color:#fff}.stepper .step.skip{opacity:.55}.stepper .step.ng{background:#fdecea;border-color:#e6b3ad}.stepper .step.ng .step-name{color:var(--danger)}.pdf-toolbar{display:flex;align-items:center;gap:8px;background:#f8f9fb;border:1px solid var(--border);border-bottom:none;border-radius:8px 8px 0 0;padding:8px 10px}.pdf-viewer{background:#eceff3;border:1px solid var(--border);border-radius:0 0 8px 8px;padding:12px;max-height:82vh;overflow:auto;text-align:center}.pdf-page{margin:0 auto 12px;display:block;width:-moz-fit-content;width:fit-content}.pdf-page canvas{box-shadow:0 1px 6px rgba(0,0,0,.18);background:#fff;display:block}.doc-nav{gap:10px;flex-wrap:wrap}.doc-nav-title{flex:1 1;min-width:160px}.doc-nav-pager{gap:8px}.btn,.doc-nav .btn,.sidebar-user button,.toolbar button{white-space:nowrap}@media (max-width:600px){.pdf-viewer{padding:6px;max-height:68vh}.pdf-toolbar{padding:6px 8px;gap:6px}.pdf-toolbar .btn{flex:1 1}.doc-nav{flex-direction:column;align-items:stretch;gap:8px}.doc-nav-pager{justify-content:space-between}.doc-nav-pager .btn{flex:1 1}.doc-nav-dl{text-align:center}.sign-actions{flex-direction:column;align-items:stretch;gap:8px}.sign-actions .btn{width:100%;text-align:center}.row-flex .btn{flex:none}}.panel-tabs{display:flex;gap:4px;margin:10px 0 4px}.panel-tabs button{flex:1 1;padding:6px 4px;font-size:12.5px;font-family:inherit;cursor:pointer;background:#eef1f5;border:1px solid var(--border);border-radius:6px;color:var(--muted)}.panel-tabs button.on{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.clause-item{display:block;width:100%;text-align:left;margin-bottom:4px;padding:6px 8px;font-size:12.5px;font-family:inherit;cursor:pointer;background:#fff;border:1px solid var(--border);border-radius:6px;color:var(--text)}.clause-item:hover{background:#eef4fb;border-color:var(--accent)}.clause-desc{display:block;margin-top:2px;font-size:11px;color:var(--muted);line-height:1.5;white-space:normal}table.list tr.clickable{cursor:pointer}table.list tr.clickable:hover{background:#eef4fb}.clause-group{font-size:11.5px;font-weight:700;color:var(--muted);margin-bottom:4px;letter-spacing:.04em}.fav-btn{background:none;border:none;cursor:pointer;font-size:18px;line-height:1;color:var(--border);padding:2px 4px}.fav-btn.on,.fav-btn:hover{color:#e2a600}.comment-mark{background:#fff4cc;border-bottom:2px solid #e2a600;cursor:pointer}.comment-mark.flash{background:#ffdd77;transition:background .3s}.comment-mark:has(.comment-resolved){background:none;border-bottom-color:transparent}.comment-mark.comment-resolved,.comment-resolved,.comment-resolved .comment-mark{background:#dff0e3;border-bottom:2px solid var(--ok)}.comment-panel textarea.input{width:100%;resize:vertical;font-family:inherit}.comment-item{border:1px solid var(--border);border-radius:8px;background:#fff;padding:8px 10px;margin-top:10px;font-size:12.5px}.comment-item.flash{box-shadow:0 0 0 3px #ffdd77;transition:box-shadow .3s}.comment-item.resolved{background:#eef8f0;border-color:#a8d5b5}.comment-item.resolved .comment-quote{background:#dff0e3;border-left-color:var(--ok);color:#1f5c33}.comment-item.resolved .comment-head .who:after{content:" ✓解決済み";color:var(--ok);font-weight:600;font-size:11px}.comment-quote{display:block;width:100%;text-align:left;cursor:pointer;background:#fff8e1;border:none;border-left:3px solid #e2a600;padding:4px 8px;margin-bottom:6px;border-radius:0 4px 4px 0;font-size:11.5px;color:#6b5a20;font-family:inherit}.comment-quote:hover{background:#ffefc0}.comment-head{display:flex;gap:8px;align-items:baseline;margin-bottom:2px}.comment-head .who{font-weight:700}.comment-head .edited,.comment-head .when{font-size:11px;color:var(--muted)}.comment-body{white-space:pre-wrap;line-height:1.6}.comment-reply{margin:6px 0 0 10px;padding-left:8px;border-left:2px solid var(--border)}.badge{font-size:11.5px;padding:3px 10px;border-radius:99px;background:#eef1f5;color:var(--muted);border:1px solid var(--border)}.sel-keep{background:#cfe4ff}.sel-target{font-size:11.5px;line-height:1.5;padding:6px 8px;margin-bottom:6px;background:#eaf2fd;border-left:3px solid var(--accent);border-radius:0 4px 4px 0;color:#274b73}.sel-target.none{background:#f2f3f5;border-left-color:var(--border);color:var(--muted)}.sel-target .lbl-inline{display:block;font-weight:700;font-size:10.5px;letter-spacing:.04em}.sel-target .btn{margin-top:4px}.panel-tabs button:disabled{opacity:.45;cursor:not-allowed}.approve-block{margin-top:16px;padding:10px;border:1px solid var(--border);border-radius:8px;background:#fff}.approve-block h3{margin:0 0 6px;font-size:13px}.approve-block textarea.input{width:100%;resize:vertical;font-family:inherit}.approve-block .btn:disabled{opacity:.5;cursor:not-allowed}.sf-tag{display:inline-block;vertical-align:middle;padding:2px 10px;margin:0 2px;border-radius:6px;border:2px dashed #5b6b7f;background:rgba(91,107,127,.08);color:#5b6b7f;font-size:12px;font-weight:600;white-space:nowrap;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ProseMirror-selectednode.sf-tag{border-color:var(--accent);background:#dbe6f4;color:var(--accent)}.tiptap .keep-block{position:relative;border-left:3px solid #c3ccd8;padding:2px 0 2px 10px;margin:10px 0}.tiptap .keep-block[data-keep-sf]{padding-right:130px;min-height:120px}.tiptap .keep-block[data-keep-sf]:after{content:attr(data-keep-sf-label);position:absolute;top:10px;right:10px;width:108px;height:100px;border:2px dashed #5b6b7f;border-radius:6px;background:rgba(91,107,127,.06);color:#5b6b7f;font-size:11px;line-height:1.4;text-align:center;display:flex;align-items:center;justify-content:center;padding:4px}.toolbar button[title^="字上げ"],.toolbar button[title^="字下げ"]{font-family:monospace;letter-spacing:-1px}.tiptap .keep-block{width:-moz-fit-content;width:fit-content;max-width:100%}.tiptap .keep-block[style*=margin-left]{width:auto}.tiptap .keep-block[data-keep-align=center]{margin-left:40%;width:auto}.tiptap .keep-block[data-keep-align=right]{margin-left:55%;width:auto}.tiptap .keep-block[data-keep-sf]{display:flex;align-items:flex-start;padding-right:10px;min-height:auto}.tiptap .keep-block[data-keep-sf]>.keep-body{flex:0 0 auto;width:var(--sf-col,max-content);max-width:100%;margin-right:var(--sf-gap,0)}.tiptap .keep-block[data-keep-sf]:after{position:static;order:1;flex:0 0 auto;align-self:flex-start}.tiptap table{table-layout:fixed}.tiptap .tableWrapper{overflow-x:auto}.tiptap .column-resize-handle{position:absolute;right:-2px;top:0;bottom:-2px;width:4px;background:var(--accent);pointer-events:none}.tiptap td,.tiptap th{position:relative}.resize-cursor,.resize-cursor *{cursor:col-resize!important}.tiptap.resize-cursor{-webkit-user-select:none;-moz-user-select:none;user-select:none}.rev-del{text-decoration:line-through;-webkit-text-decoration-color:#c0392b;text-decoration-color:#c0392b;color:#c0392b}.rev-ins{text-decoration:underline;-webkit-text-decoration-color:#1f6feb;text-decoration-color:#1f6feb;color:#1f6feb}.rev-legend{font-size:11.5px;color:var(--muted);margin:6px 0}.rev-legend .del{color:#c0392b;text-decoration:line-through}.rev-legend .ins{color:#1f6feb;text-decoration:underline}.ver-item{border:1px solid var(--border);border-radius:8px;background:#fff;padding:8px 10px;margin-top:8px;font-size:12.5px}.ver-item .head{display:flex;gap:8px;align-items:baseline}.ver-item .ev{font-weight:700}.ver-item .when{font-size:11px;color:var(--muted)}.ver-item .note{white-space:pre-wrap;margin-top:2px;color:var(--muted)}.ver-header{position:-webkit-sticky;position:sticky;top:0;z-index:20;background:var(--bg);padding:12px 0 8px;border-bottom:1px solid var(--border);margin-bottom:12px}.ver-layout{display:flex;gap:20px;align-items:flex-start}.ver-comments{flex:0 0 300px;position:-webkit-sticky;position:sticky;top:var(--ver-head,130px);max-height:calc(100vh - var(--ver-head, 130px) - 24px);overflow-y:auto;border-left:1px solid var(--border);padding-left:16px}@media (max-width:1100px){.ver-layout{flex-direction:column}.ver-comments{flex:none;width:100%;position:static;border-left:none;padding-left:0;max-height:none}}.ProseMirror .pb-mark{height:18px;margin:12px 0;border-top:2px dashed #9a4bb5;position:relative}.ProseMirror .pb-mark:after{content:"改ページ";position:absolute;left:50%;transform:translateX(-50%);top:-9px;background:#fff;color:#9a4bb5;font-size:10.5px;padding:0 8px;letter-spacing:.08em}.ProseMirror .pb-mark.ProseMirror-selectednode{border-top-color:var(--accent)}.clause-no{background:#eef3ff;border-radius:3px;padding:0 2px}.clause-no.flash{background:#ffdd77;transition:background .3s}.clause-ref{background:#eef8ff;border:1px solid #b6d8f2;border-radius:3px;padding:0 3px;cursor:pointer}.clause-ref:hover{background:#d9eefc}.clause-ref.broken{background:#ffe9e9;border-color:#e0a0a0;color:#a33}.ref-picker{position:relative;display:inline-flex}.ref-pop{position:absolute;top:100%;left:0;z-index:30;width:300px;margin-top:4px;background:#fff;border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.14);padding:10px;text-align:left}.ref-pop .muted{font-size:11.5px;margin:0 0 8px}.ref-pop select.input{width:100%;margin-bottom:6px;font-size:12px}.ref-pop .btn{width:100%}.ref-pop hr{border:none;border-top:1px solid var(--border);margin:10px 0 8px}.page-guides{position:absolute;inset:0;pointer-events:none;z-index:1}.page-cut{position:absolute;left:-16mm;right:-16mm;background:#eceff3;box-shadow:inset 0 6px 6px -6px rgba(0,0,0,.22),inset 0 -6px 6px -6px rgba(0,0,0,.22);border-top:1px solid #dfe3e9;border-bottom:1px solid #dfe3e9}.page-cut span{position:absolute;right:16mm;top:50%;transform:translateY(-50%);color:#98a0ab;font-size:10px;letter-spacing:.06em}.page-cut.manual{background:#f3ecf7}.page-cut.manual span{color:#9a4bb5}.page-cut.manual span:before{content:"改ページ / "}.page-guide{position:absolute;left:16mm;right:16mm;border-top:1px dashed #c3c8d0}.page-guide span{position:absolute;right:0;top:-8px;background:#fff;color:#9aa1ab;font-size:10px;padding:0 6px;letter-spacing:.06em}.ai-panel textarea.input{width:100%;resize:vertical;font-family:inherit}.ai-msg{border-radius:8px;padding:8px 10px;margin-top:10px;font-size:12.5px}.ai-msg.me{background:#eef4fb;border:1px solid #cfe0f3}.ai-msg.ai{background:#fff;border:1px solid var(--border)}.ai-label{font-size:11px;font-weight:700;color:var(--muted);margin-bottom:4px;letter-spacing:.04em}.ai-body{line-height:1.7}.ai-body,.ai-quote{white-space:pre-wrap}.ai-quote{background:#f6f7f9;border-left:3px solid #c3c8d0;border-radius:0 4px 4px 0;padding:4px 8px;margin:4px 0;font-size:11.5px;color:#555}.ai-risk{border-top:1px solid var(--border);padding-top:8px;margin-top:8px}.ai-risk:first-of-type{border-top:none;padding-top:0;margin-top:0}.promo-card{margin-top:16px;border:1px solid var(--border);background:#fbfcfd}.promo-card p{font-size:13px;line-height:1.9;color:#4b5563}.sign-title{font-size:17px;margin:0 0 10px}.doc-nav{gap:12px;padding:12px 16px}.doc-nav,.doc-nav-pager{display:flex;align-items:center}.doc-nav-pager{flex:1 1;justify-content:center;gap:14px}.doc-nav-title{font-size:15px}.doc-nav-dl{margin-left:auto;white-space:nowrap}.sign-confirm{display:flex;align-items:center;gap:8px;margin-bottom:14px;cursor:pointer;font-size:15px}.sign-confirm input{width:18px;height:18px;accent-color:var(--accent)}.sign-modes{display:flex;flex-wrap:wrap;gap:22px;margin-bottom:18px}.sign-modes label{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:14px}.sign-modes input{width:18px;height:18px;accent-color:var(--accent)}.sign-fields .field{max-width:420px;margin-bottom:12px}.sign-fields .req{color:var(--danger);font-style:normal;margin-left:2px}.seal-preview{display:block;max-height:120px;margin-top:10px;padding:6px;border:1px solid var(--border);border-radius:6px;background:#fff}.sign-actions{margin-top:20px;gap:12px}.sign-step.locked{opacity:.45}.sign-step.locked,.sign-step.locked *{cursor:not-allowed}@media (max-width:640px){.doc-nav{flex-wrap:wrap}.doc-nav-dl{margin-left:0;width:100%;text-align:center}}.sec-page h1{font-size:24px;margin:0 0 8px}.sec-steps{list-style:none;margin:20px 0 0;padding:0}.sec-steps>li{margin-bottom:14px}.sec-step-head{display:flex;align-items:center;gap:12px;margin-bottom:8px}.sec-step-head h2{margin:0;font-size:17px}.sec-num{flex:0 0 auto;width:30px;height:30px;border-radius:50%;background:var(--accent);color:#fff;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.sec-steps p{margin:0;white-space:pre-wrap;line-height:1.9}.sec-notes{margin:0}.sec-notes>div{padding:10px 0;border-bottom:1px dashed var(--border)}.sec-notes>div:last-child{border-bottom:none}.sec-notes dt{font-weight:700;margin-bottom:4px}.sec-notes dd{margin:0;line-height:1.9;color:#4b5563}.clause-layout{display:flex;gap:16px;align-items:flex-start}.clause-folders{flex:0 0 210px;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:10px;font-size:13px}.cf-head{font-size:11.5px;font-weight:700;color:var(--muted);letter-spacing:.06em;margin-bottom:6px}.cf-item{border-radius:6px}.cf-item,.cf-item>button{display:flex;align-items:center}.cf-item>button{flex:1 1;justify-content:space-between;gap:8px;background:none;border:none;padding:7px 8px;font-size:13px;font-family:inherit;color:var(--text);cursor:pointer;text-align:left;border-radius:6px}.cf-item>button:hover{background:#eef4fb}.cf-item.on>button{background:#e7eef7;color:var(--accent);font-weight:700}.cf-item.child>button{padding-left:22px;font-size:12.5px}.cf-item.child>button:before{content:"└ ";color:var(--border)}.cf-count{color:var(--muted);font-size:11.5px;font-weight:400}.cf-ops{display:flex;gap:2px;padding-right:4px}.cf-ops button{background:none;border:none;color:var(--muted);font-size:11px;cursor:pointer;padding:2px 4px;font-family:inherit}.cf-ops button:hover{color:var(--accent);text-decoration:underline}.cf-add{width:100%;margin-top:8px;background:none;border:1px dashed var(--border);border-radius:6px;padding:7px 8px;font-size:12.5px;font-family:inherit;color:var(--muted);cursor:pointer}.cf-add:hover{color:var(--accent);border-color:var(--accent)}.cf-bulk{display:flex;align-items:center;gap:10px;margin-bottom:10px;padding:8px 12px;background:#e7eef7;border-radius:8px;font-size:13px}@media (max-width:820px){.clause-layout{display:block}.clause-folders{width:100%;margin-bottom:12px}}.toc-item{display:block;width:100%;text-align:left;margin-bottom:2px;padding:6px 8px;font-size:12.5px;font-family:inherit;cursor:pointer;background:none;border:none;border-left:2px solid transparent;color:var(--text);border-radius:0 4px 4px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toc-item:hover{background:#eef4fb;border-left-color:var(--accent);color:var(--accent)}.toc-item.lv1{font-weight:700}.toc-item.lv3{padding-left:20px;color:var(--muted)}.rank-select{padding:3px 6px;font-size:12px;max-width:100px}.rank-chip{display:inline-block;margin-left:6px;padding:0 6px;border-radius:99px;font-size:10.5px;font-weight:700;vertical-align:middle}.rank-chip.ko{background:#e7eef7;color:#1f3a5f}.rank-chip.otsu{background:#fdeee7;color:#8a4b1e}.list-page{padding-bottom:90px}.sidebar~.container.list-page>*{max-width:none}.list-title{font-size:21px;margin:0 0 16px}.list-bar{display:flex;align-items:center;gap:8px;margin-bottom:14px;flex-wrap:wrap}.list-search{display:flex;flex:1 1 200px;min-width:170px;max-width:340px}.list-search .input{width:100%;min-width:0;border-radius:6px 0 0 6px}.list-search .btn{flex:0 0 auto;border-radius:0 6px 6px 0}.list-sort{max-width:170px}.list-page .spacer{flex:1 1}.list-bar .pill{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' fill='none' stroke='%231f3a5f' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 12px center;border:1px solid var(--accent);color:var(--accent);border-radius:99px;padding:9px 30px 9px 14px;font-size:12.5px;font-family:inherit;cursor:pointer;min-width:132px;max-width:158px}.list-bar .pill.on{background-color:#e7eef7;font-weight:700}.list-bar .new-btn{border-radius:8px}.list-tabs{display:flex;gap:4px;align-items:flex-end;background:var(--accent);border-radius:8px 8px 0 0;padding:8px 8px 0;overflow-x:auto}.list-tabs button{background:#ffffff2b;color:#eaf0f7;border:none;cursor:pointer;font-family:inherit;font-size:13px;padding:9px 16px;border-radius:8px 8px 0 0;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}.list-tabs button:hover{background:#ffffff44}.list-tabs button.on{background:#fff;color:var(--text);font-weight:700}.list-tabs .dot{width:9px;height:9px;border-radius:50%;display:inline-block;background:#9ca3af}.list-tabs .dot.draft{background:#4b5563}.list-tabs .dot.returned{background:#f59e0b}.list-tabs .dot.pending_approval{background:#ddd6fe}.list-tabs .dot.approved{background:#7c3aed}.list-tabs .dot.sent{background:#facc15}.list-tabs .dot.rejected{background:#ef4444}.list-tabs .dot.completed{background:#16a34a}.list-tabs .dot.withdrawn{background:#f9a8d4}.list-tabs .dot.archived{background:#e5e7eb}.contract-list{border-radius:0 0 8px 8px;overflow:hidden}.contract-list tr.picked{background:#eef4fb}.contract-list{table-layout:fixed}.contract-list td,.contract-list th{overflow:hidden;text-overflow:ellipsis}.contract-list .col-check{width:44px}.contract-list .col-sep{width:18px}.contract-list th:nth-child(3){width:15%}.contract-list th:nth-child(4){width:10%}.contract-list th:nth-child(5){width:9%}.contract-list th:nth-child(6),.contract-list th:nth-child(8){width:100px}.contract-list th:nth-child(9){width:8%}.contract-list th:nth-child(10){width:100px}.contract-list td{white-space:nowrap}.contract-list .c-title{display:flex;align-items:center;gap:8px}.contract-list .c-title .badge{flex:0 0 auto}.contract-list .c-name{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis}.contract-list th.sortable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.contract-list th.sortable:hover{color:var(--accent)}.contract-list .sort-mark{color:var(--muted);font-size:11px}.contract-list th.sortable.on,.contract-list th.sortable.on .sort-mark{color:var(--accent)}.contract-list .date-sep{color:var(--muted);text-align:center;padding:0}.pager{display:flex;align-items:center;justify-content:center;gap:8px;margin:18px 0 4px;flex-wrap:wrap}.pager button{min-width:38px;height:38px;padding:0 10px;border:1px solid var(--accent);background:#fff;color:var(--accent);border-radius:8px;cursor:pointer;font-family:inherit;font-size:13px}.pager button:hover:not(:disabled){background:#eef4fb}.pager button.on{background:var(--accent);color:#fff;font-weight:700}.pager button:disabled{border-color:var(--border);color:var(--border);cursor:default}.pager-gap,.pager-info{color:var(--muted)}.pager-info{margin-left:8px;font-size:12.5px}.bulk-bar{position:fixed;left:240px;right:0;bottom:0;z-index:20;display:flex;align-items:center;justify-content:center;gap:12px;background:#3fb8c4;color:#fff;padding:14px 20px;box-shadow:0 -2px 10px rgba(0,0,0,.12)}.bulk-bar .btn{background:#fff}.modal-back{position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:40;display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:#fff;border-radius:10px;padding:22px;width:420px;max-width:100%}.modal h2{margin:0 0 14px;font-size:16px;text-align:center}.modal .field{margin:0 0 16px}.modal .req{color:var(--danger);font-style:normal;margin-left:2px}.modal-actions{display:flex;justify-content:center;gap:10px}.modal-stack{display:flex;flex-direction:column;gap:10px}.modal-stack .btn{width:100%;text-align:center}.btn.plain{background:#fff;color:var(--muted);border:1px solid var(--border)}.btn.plain:hover{background:#f6f7f9}.folder-pick{margin-bottom:16px;max-height:320px;overflow-y:auto}.fp-item{display:flex;align-items:center;gap:4px;border-radius:6px}.fp-item>button:first-child{flex:1 1;display:flex;justify-content:space-between;gap:10px;background:none;border:none;font-family:inherit;font-size:13.5px;color:var(--text);padding:10px 12px;cursor:pointer;text-align:left;border-radius:6px}.fp-item>button:first-child:hover{background:#f2f5f9}.fp-item.on>button:first-child{background:#e7eef7;font-weight:700}.fp-item>button:first-child span{color:var(--muted);font-weight:400}.fp-op{background:none;border:none;color:var(--muted);font-size:11.5px;cursor:pointer;padding:4px 6px;font-family:inherit}.fp-op:hover{color:var(--accent);text-decoration:underline}.fp-op.danger:hover{color:var(--danger)}@media (max-width:860px){.bulk-bar{left:0;flex-wrap:wrap}}.new-page .card{padding:20px 24px 24px;margin-bottom:16px}.new-page .sec-head{font-size:15px;margin:0 0 16px}.new-page .field{margin-bottom:16px}.lbl-row,.new-half{max-width:440px}.lbl-row{display:flex;align-items:baseline;justify-content:space-between}.lbl-row a{font-size:12px}.new-row3{display:flex;gap:16px;flex-wrap:wrap}.new-row3 .field{flex:1 1;min-width:200px;margin-bottom:0}.with-unit{display:flex;align-items:center;gap:8px}.with-unit .input{flex:1 1}.with-unit .unit{color:var(--muted);font-size:13px}.doc-head,.doc-row{display:flex;align-items:center;gap:12px}.doc-head{padding-left:30px;margin-bottom:4px}.doc-head .lbl:first-child{width:240px}.doc-row{padding:6px 0}.doc-row:last-of-type{margin-bottom:8px}.doc-no{width:18px;color:var(--text);font-size:13px}.doc-row select.doc-mode{width:240px;flex:0 0 auto}.doc-row input.doc-extra,.doc-row select.doc-extra{width:auto;flex:0 1 240px;min-width:0}.doc-row input.doc-title{width:auto;flex:1 1 180px;min-width:0}.signer-head,.signer-row{display:grid;grid-template-columns:80px 1fr 1fr 1.4fr 1.25fr 64px;grid-gap:12px;gap:12px;align-items:center}.signer-head{margin-bottom:4px}.signer-row{margin-bottom:8px}.new-page .pill{max-width:200px}.code-lbl{display:flex;justify-content:space-between;gap:8px}.code-lbl,.paste-all{align-items:center;white-space:nowrap}.paste-all{display:inline-flex;gap:4px;background:none;border:none;padding:0;cursor:pointer;color:var(--accent);font-size:12px;font-family:inherit;font-weight:600}.paste-all:hover{text-decoration:underline}@media (max-width:900px){.doc-head{display:none}.doc-row{flex-wrap:wrap}.signer-head{display:none}.signer-row{grid-template-columns:1fr 1fr}}.edit-topbar{position:-webkit-sticky;position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:12px;background:var(--accent);color:#fff;padding:10px 18px;flex-wrap:nowrap;white-space:nowrap;height:var(--topbar-h);box-sizing:border-box}.edit-topbar>*{flex:0 0 auto}.edit-topbar .back{color:#cddaea;font-size:12.5px;text-decoration:none;white-space:nowrap}.edit-topbar .back:hover{color:#fff;text-decoration:underline}.edit-topbar .doc-title{font-size:16px;min-width:60px}.edit-topbar .doc-sub,.edit-topbar .doc-title{flex:0 1 auto;overflow:hidden;text-overflow:ellipsis}.edit-topbar .doc-sub{color:#b9c7d8;font-size:12.5px;min-width:0}.edit-topbar .btn{white-space:nowrap}.edit-topbar .spacer{flex:1 1 8px;min-width:8px}.edit-topbar .btn.ghost{background:#fff;border-color:#fff;color:var(--accent)}.edit-topbar .btn.ghost:hover{background:#eef4fb}.edit-topbar .save-btn{background:#3fb8c4;border:none}.edit-topbar .save-btn.dirty{background:#d97706}.edit-topbar .badge{background:#ffffff2b;color:#fff}.edit-body{display:flex;align-items:flex-start}.edit-main{flex:1 1;min-width:0;padding:0}.side-panel{flex:0 0 340px;align-self:stretch;background:var(--surface);border-left:1px solid var(--border);padding:14px 16px 32px;overflow-y:auto;max-height:calc(100vh - var(--topbar-h));position:-webkit-sticky;position:sticky;top:var(--topbar-h)}.edit-shell{height:100vh;display:flex;flex-direction:column;overflow:hidden}.edit-shell .toolbar{position:static;border-radius:0;border-left:none;border-right:none;border-top:none;padding:4px 14px;flex:0 0 auto}.edit-shell .edit-body{flex:1 1 auto;min-height:0;align-items:stretch}.edit-shell .edit-main{display:flex;flex-direction:column;overflow:auto}.edit-shell .editor-wrap{flex:1 0 auto;border:none;border-radius:0;min-height:0}.edit-shell .side-panel{position:static;max-height:none}.side-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.side-head b{font-size:14px}.side-close{background:none;border:none;color:var(--muted);cursor:pointer;padding:4px;display:flex}.side-close:hover{color:var(--text)}.toolbar{display:block}.tool-row{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:5px 0}.tool-row+.tool-row{border-top:1px solid var(--border)}.tool-row.panel-row{gap:4px}.tool-btn,.toolbar button{display:inline-flex;align-items:center;gap:5px}.tool-btn{background:#fff;border:1px solid transparent;border-radius:6px;padding:6px 10px;font-size:12.5px;font-family:inherit;color:var(--accent);cursor:pointer}.tool-btn:hover:not(:disabled){background:#eef4fb}.tool-btn.on{background:#e7eef7;border-color:var(--accent);font-weight:700}.tool-btn:disabled{color:var(--border);cursor:default}.fill-picker{position:relative;display:inline-flex}.fill-picker .swatch{width:14px;height:14px;border:1px solid var(--border);border-radius:3px;display:inline-block}.fill-pop{position:absolute;top:100%;left:0;z-index:30;margin-top:4px;padding:6px;background:#fff;border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.14)}.fill-pop button{display:flex;align-items:center;gap:8px;width:100%;white-space:nowrap;background:none;border:none;padding:6px 10px;border-radius:6px;cursor:pointer;font-size:12.5px;font-family:inherit;color:var(--text)}.fill-pop button:hover{background:#eef4fb}.fill-pop button.on{background:#e7eef7;font-weight:700}.editor-wrap{position:relative}.tbl-line{z-index:4;pointer-events:none;border-radius:2px}.tbl-add,.tbl-line{position:absolute;background:var(--accent)}.tbl-add{transform:translate(-50%,-50%);z-index:5;width:22px;height:22px;padding:0;display:flex;align-items:center;justify-content:center;color:#fff;border:2px solid #fff;border-radius:5px;cursor:pointer;box-shadow:0 1px 4px rgba(0,0,0,.25)}.tbl-add:hover{background:#16406e}.entry-box{border:1px solid var(--accent);border-radius:8px;background:#f3f7fc;padding:12px 14px;margin-bottom:16px}.entry-head{font-size:14px;color:var(--accent)}.entry-fields{margin-bottom:0}.entry-fields .field{margin-bottom:8px}.entry-fields .field:last-child{margin-bottom:0}