:root{--blue: #1976d2;--blue-dark: #145ea8;--yellow: #fff9c4;--yellow-border: #c9b458;--filled: #e3f2fd;--filled-border: #1976d2;--red: #e57373;--red-dark: #c62828;--ink: #1c2733;--ink-soft: #4a5763;--muted: #6b7783;--line: #d9dee4;--line-soft: #e8ebef;--bg: #f4f6f8;--panel: #ffffff;--radius: 8px;--font-ui: "Yu Gothic", "游ゴシック", "Hiragino Sans", "ヒラギノ角ゴシック", sans-serif;--font-doc: "Yu Mincho", "游明朝", "Hiragino Mincho ProN", "ヒラギノ明朝 ProN", serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-ui);color:var(--ink);background:var(--bg);font-size:14px;line-height:1.7;-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;font-weight:600}a{color:var(--blue);text-decoration:none}button{font-family:inherit;cursor:pointer}input,select{font-family:inherit;font-size:14px;color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:7px 9px;background:#fff}input:focus,select:focus{outline:2px solid rgba(25,118,210,.4);outline-offset:1px;border-color:var(--blue)}input:disabled,select:disabled{background:var(--line-soft);color:var(--muted);cursor:not-allowed}.btn-primary,.btn-outline,.btn-ghost,.btn-warn,.btn-sm{border-radius:6px;padding:8px 16px;font-size:14px;font-weight:600;border:1px solid transparent;transition:background .12s,border-color .12s}.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover:not(:disabled){background:var(--blue-dark)}.btn-outline{background:#fff;color:var(--blue);border-color:var(--blue)}.btn-outline:hover{background:#eef5fc}.btn-ghost{background:transparent;color:var(--ink-soft);border-color:var(--line)}.btn-ghost:hover{background:#eef0f3}.btn-warn{background:var(--red-dark);color:#fff}.btn-warn:hover{background:#a91f1f}.btn-danger{border-radius:6px;padding:8px 16px;font-size:14px;font-weight:600;border:1px solid transparent;background:var(--red-dark);color:#fff;transition:background .12s}.btn-danger:hover:not(:disabled){background:#a91f1f}.btn-delete-ghost{background:transparent;border:1px solid transparent;color:var(--muted);border-radius:6px;padding:4px 8px;font-size:12px;line-height:1}.btn-delete-ghost:hover:not(:disabled){color:var(--red-dark);background:#fdecea;border-color:#f3b6b1}.btn-sm{padding:5px 12px;font-size:13px}button:disabled{opacity:.5;cursor:not-allowed}.icon-btn{background:transparent;border:none;font-size:22px;line-height:1;color:var(--muted);padding:2px 6px}.icon-btn:hover{color:var(--ink)}.page{max-width:1080px;margin:0 auto;padding:24px 28px 60px}.app-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:18px;margin-bottom:24px;border-bottom:2px solid var(--line)}.app-header h1{font-size:22px}.app-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:var(--muted);font-size:14px}.spinner{width:28px;height:28px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--blue);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:20px}.login-card{width:100%;max-width:360px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:32px 28px;display:flex;flex-direction:column;gap:16px;box-shadow:0 4px 20px #141b2114}.login-brand{font-size:18px;font-weight:700;color:var(--ink);text-align:center;margin-bottom:4px}.login-field{display:flex;flex-direction:column;gap:4px}.login-label{font-size:12px;color:var(--muted)}.login-field input{width:100%;padding:9px 10px}.login-submit{width:100%;padding:10px;margin-top:4px}.app-nav{display:flex;align-items:center;flex-wrap:wrap;gap:10px 28px;padding-bottom:14px;margin-bottom:24px;border-bottom:2px solid var(--line)}.app-nav-brand{font-size:18px;font-weight:600;color:var(--ink);white-space:nowrap}.app-nav-account{margin-left:auto;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.app-nav-user{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--ink-soft);white-space:nowrap}.role-badge{font-size:12px;font-weight:700;padding:3px 8px;border-radius:10px;border:1px solid var(--line);color:var(--ink-soft);background:#eef1f4;white-space:nowrap}.role-badge.role-admin{color:#4a2c86;background:#ede7f6;border-color:#c3b0e0}.role-badge.role-approver{color:#1b5e20;background:#e8f5e9;border-color:#b7dfba}.role-badge.role-creator{color:#145ea8;background:var(--filled);border-color:#a8cdee}.dev-note{font-size:11px;color:var(--muted)}.app-nav-tabs{display:flex;flex-wrap:wrap;gap:4px}.app-nav-tab{white-space:nowrap;padding:8px 14px;border-radius:6px 6px 0 0;color:var(--ink-soft);font-weight:600;font-size:14px;border-bottom:3px solid transparent}.app-nav-tab:hover{background:#f0f6fd}.app-nav-tab.active{color:var(--blue-dark);border-bottom-color:var(--blue);background:var(--filled)}.section{margin-bottom:36px}.section-title{font-size:16px;color:var(--ink-soft);border-left:4px solid var(--blue);padding-left:10px;margin-bottom:14px}.muted{color:var(--muted)}.alert{padding:10px 14px;border-radius:6px;margin-bottom:16px;font-size:13px}.alert.error{background:#fdecea;color:var(--red-dark);border:1px solid #f3b6b1}.alert.success{background:#e8f5e9;color:#1b5e20;border:1px solid #b7dfba}.alert-detail{display:block;margin-top:3px;font-size:11px;color:#8a3a34}.section-note{font-size:12px;margin:-8px 0 14px}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.template-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:14px;position:relative}.template-card-body{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.card-delete{flex:0 0 auto}.template-name{font-size:16px}.template-meta{margin:6px 0 0;font-size:12px;color:var(--muted)}.create-form{display:flex;flex-direction:column;gap:8px}.create-form input{width:100%}.create-form-actions{display:flex;gap:8px}.doc-list{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--panel)}.doc-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line-soft);color:var(--ink)}.doc-list li:last-child .doc-item{border-bottom:none}.doc-item:hover{background:#f0f6fd}.doc-title{font-weight:600}.doc-meta{font-size:12px;color:var(--muted)}.doc-item-approved,.doc-item-pending,.doc-item-editing{gap:12px}.doc-item-executed{background:#f5f5f5;color:#616161}.doc-item-executed:hover{background:#eee}.doc-item-executed .doc-item-main,.doc-item-executed .doc-title{color:#616161}.doc-executed-cell{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:1px;min-width:40px}.doc-executed-check{width:17px;height:17px;accent-color:var(--blue);cursor:pointer}.doc-executed-check:disabled{cursor:not-allowed}.doc-executed-label{font-size:10px;color:var(--muted);line-height:1.2}.executed-badge{display:inline-block;margin-left:8px;font-size:11px;font-weight:700;color:#37474f;background:#e0e0e0;border:1px solid #bdbdbd;border-radius:10px;padding:1px 8px;vertical-align:middle}.status-badge{display:inline-block;font-size:12px;font-weight:700;border-radius:10px;padding:2px 9px;margin-right:8px;white-space:nowrap;border:1px solid var(--line);background:#eef1f4;color:#3c4753}.status-badge.status-editing{color:#3c4753;background:#eef1f4;border-color:#ccd3da}.status-badge.status-pending_approval{color:#b45309;background:#fff4e5;border-color:#e6c08a}.status-badge.status-approved{color:#1b5e20;background:#e8f5e9;border-color:#b7dfba}.doc-item-main{display:flex;justify-content:space-between;align-items:center;flex:1 1 auto;min-width:0;color:var(--ink);text-decoration:none;gap:12px}.doc-export-btn,.doc-delete-btn{flex:0 0 auto}.steps{display:flex;gap:8px;list-style:none;padding:0;margin:0 0 20px}.steps li{flex:1;text-align:center;padding:8px;font-size:13px;border-radius:6px;background:#eceff2;color:var(--muted)}.steps li.active{background:var(--blue);color:#fff;font-weight:600}.steps li.done{background:var(--filled);color:var(--blue-dark)}.wizard-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:24px}.file-drop{display:flex;align-items:center;justify-content:center;border:2px dashed var(--blue);border-radius:var(--radius);padding:40px;margin-top:16px;background:#f7fbff;cursor:pointer;color:var(--blue-dark);font-weight:600}.file-drop input{display:none}.wizard-two-col{display:grid;grid-template-columns:1.15fr .85fr;gap:16px;align-items:start}.wizard-two-col>*{min-width:0}.candidate-pane,.preview-pane{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px}.pane-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}.candidate-table-wrap{overflow-x:auto;max-height:60vh;overflow-y:auto}.candidate-table{border-collapse:collapse;width:100%;font-size:12px}.candidate-table th,.candidate-table td{border:1px solid var(--line-soft);padding:5px 6px;text-align:left;vertical-align:middle}.candidate-table th{background:#f2f5f8;position:sticky;top:0;z-index:1}.row-excluded{opacity:.5}.cell-input{width:100%;min-width:72px;padding:4px 6px;font-size:12px}.matched{background:#f2f5f8;padding:1px 4px;border-radius:4px;font-size:12px;white-space:nowrap}.wizard-actions{display:flex;justify-content:space-between;margin-top:16px}.cand-preview{max-height:62vh;overflow-y:auto}.cand-mark{cursor:pointer;border-radius:3px;padding:0 1px}.cand-adopted{background:var(--yellow);border-bottom:2px solid var(--yellow-border)}.cand-excluded{background:#e6e8ea;color:var(--muted);border-bottom:2px dashed #b7bdc4}.form-row{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}.form-row>span{font-size:13px;color:var(--ink-soft);font-weight:600}.form-row em,.req{color:var(--red-dark);font-style:normal;margin-left:3px}.editor{display:flex;flex-direction:column;height:100vh;height:100dvh}.editor-header{display:flex;align-items:center;flex-wrap:wrap;gap:8px;justify-content:space-between;padding:12px 20px;background:var(--panel);border-bottom:2px solid var(--line);flex:0 0 auto}.editor-header-left{display:flex;align-items:center;flex-wrap:wrap;gap:12px;min-width:0}.back-link{font-size:20px;color:var(--ink-soft);padding:0 4px}.editor-title{font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:0 1 auto;min-width:0}.template-tag{font-size:12px;color:var(--blue-dark);background:var(--filled);padding:2px 8px;border-radius:10px;white-space:nowrap;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis}.editor-header-right{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:14px}.unfilled-badge{font-size:13px;font-weight:600;color:var(--red-dark);background:#fdecea;border:1px solid #f3b6b1;padding:4px 10px;border-radius:12px}.unfilled-badge.zero{color:#2e7d32;background:#e8f5e9;border-color:#b7dfba}.editor-header-right .status-badge{font-size:13px;padding:4px 10px;margin-right:0}.editor-header-right .executed-badge{margin-left:0;font-size:12px;padding:3px 9px}.export-note{font-size:11px;color:var(--muted);max-width:140px;line-height:1.3}.reject-comment{width:100%;font-family:inherit;font-size:14px;line-height:1.6;color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:8px 10px;resize:vertical}.reject-comment:focus{outline:2px solid var(--blue);outline-offset:-1px}.editor-tabs{display:flex;flex:0 0 auto;background:var(--panel);border-bottom:1px solid var(--line)}.editor-tab{flex:1 1 0;min-height:44px;padding:10px 12px;border:none;border-bottom:3px solid transparent;background:transparent;color:var(--ink-soft);font-size:14px;font-weight:600}.editor-tab.active{color:var(--blue-dark);background:var(--filled);border-bottom-color:var(--blue)}.editor-tab:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}.editor-split{display:grid;grid-template-columns:380px 1fr;flex:1 1 auto;min-height:0}.editor-split>*{min-width:0}.editor-left{border-right:1px solid var(--line);overflow-y:auto;background:var(--panel)}.editor-right{overflow-y:auto;padding:32px 40px;background:var(--bg)}.field-form{padding:8px 14px 40px}.field-group{margin-bottom:18px}.group-title{position:sticky;top:0;background:var(--panel);padding:8px 0;z-index:1;border-bottom:1px solid var(--line-soft)}.party-badge{display:inline-block;min-width:22px;text-align:center;font-size:12px;font-weight:700;color:#fff;border-radius:4px;padding:1px 6px;margin-right:6px}.party-kou{background:var(--blue)}.party-otsu{background:#6a5acd}.party-hei{background:#2e8b57}.party-other{background:#78909c}.field-row{padding:10px;border:1px solid var(--line-soft);border-radius:6px;margin-bottom:8px;scroll-margin:12px}.field-row:hover{border-color:var(--blue)}.field-row.active{border-color:var(--blue);box-shadow:0 0 0 2px #1976d22e;background:#f5f9ff}.popover-sample{margin:0 0 8px;font-size:11px;color:#767676;overflow-wrap:break-word}.field-row-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.field-label{font-size:13px;font-weight:600;color:var(--ink)}.field-status{font-size:11px;padding:1px 7px;border-radius:8px}.field-status.ok{color:var(--blue-dark);background:var(--filled)}.field-status.empty{color:#8a7400;background:var(--yellow)}.field-control input,.field-control select{width:100%}.field-sample{margin-top:2px;font-size:11px;color:#888;overflow-wrap:break-word}.company-select-btn{width:100%;text-align:left;padding:8px 10px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink)}.company-select-btn:hover{border-color:var(--blue);background:#f7fbff}.preview-doc{font-family:var(--font-doc);font-size:15px;line-height:2.1;white-space:pre-wrap;word-break:break-word;color:var(--ink);max-width:760px;margin:0 auto;background:#fff;padding:40px 48px;border:1px solid var(--line);border-radius:4px;box-shadow:0 1px 3px #0000000d}.mark{cursor:pointer;border-radius:3px;padding:1px 3px;border-bottom-width:2px;border-bottom-style:dotted}.mark-icon{font-size:.75em;margin-right:2px;opacity:.7;font-family:var(--font-ui)}.mark-empty{background:var(--yellow);border-bottom-color:var(--yellow-border);color:#6b5a00;border-bottom-style:dotted}.mark-filled{background:var(--filled);border-bottom-color:var(--filled-border);border-bottom-style:solid;color:var(--ink)}.mark-active{outline:2px solid var(--blue);outline-offset:1px}.mark-unknown{background:#f0e6f7;color:#6a1b9a;border-bottom:2px dotted #9c27b0}.mark:focus-visible{outline:2px solid var(--blue);outline-offset:1px}.mark-readonly{cursor:default}.popover{position:fixed;z-index:100;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 28px #0000002e;padding:12px;min-width:min(240px,calc(100vw - 16px));max-width:min(320px,calc(100vw - 16px))}.popover-title{font-size:12px;font-weight:700;color:var(--ink-soft);margin-bottom:8px}.editor-body{display:flex;flex-direction:column;gap:8px}.editor-body input[type=text],.editor-body input[type=date]{width:100%}.editor-label{font-size:12px;color:var(--muted)}.row{display:flex;gap:6px}.row input{flex:1}.choice-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;max-height:200px;overflow-y:auto}.choice-item{width:100%;text-align:left;padding:6px 10px;border:1px solid var(--line);border-radius:5px;background:#fff;font-size:13px}.choice-item:hover{background:#f0f6fd}.choice-item.selected{border-color:var(--blue);background:var(--filled);font-weight:600}.choice-free{border-top:1px solid var(--line-soft);padding-top:8px}.fmt-toggle{display:inline-flex;border:1px solid var(--line);border-radius:6px;overflow:hidden;align-self:flex-start}.fmt-toggle button{border:none;background:#fff;padding:5px 12px;font-size:12px;color:var(--ink-soft)}.fmt-toggle button.active{background:var(--blue);color:#fff}.editor-preview{font-family:var(--font-doc);font-size:14px;color:var(--blue-dark);background:var(--filled);padding:4px 8px;border-radius:4px}.money-input{display:flex;align-items:center;gap:4px}.money-input input{flex:1;text-align:right}.money-affix{font-family:var(--font-doc);color:var(--ink-soft)}.btn-sm{border:1px solid var(--blue);background:var(--blue);color:#fff}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#141b2173;display:flex;align-items:center;justify-content:center;z-index:200;padding:20px}.modal{background:#fff;border-radius:10px;width:100%;max-width:min(520px,100%);max-height:86vh;display:flex;flex-direction:column;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--line)}.modal-header h2{font-size:16px}.modal-body{padding:16px 18px;overflow-y:auto}.modal-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;padding:14px 18px;border-top:1px solid var(--line)}.modal-confirm{max-width:min(420px,100%)}.confirm-note{font-size:13px;color:var(--red-dark);background:#fdecea;border:1px solid #f3b6b1;border-radius:6px;padding:8px 10px;margin-top:10px}.company-item-row{display:flex;align-items:stretch;gap:6px}.company-item-row .company-item{flex:1 1 auto}.company-delete-btn{flex:0 0 auto;align-self:center}.tabs{display:flex;gap:4px;padding:10px 18px 0}.tab{border:none;background:transparent;padding:8px 14px;font-size:13px;font-weight:600;color:var(--muted);border-bottom:2px solid transparent}.tab.active{color:var(--blue);border-bottom-color:var(--blue)}.search-box{width:100%;margin-bottom:12px}.company-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.company-item{width:100%;text-align:left;padding:10px 12px;border:1px solid var(--line);border-radius:6px;background:#fff;display:flex;flex-direction:column;gap:2px}.company-item:hover{border-color:var(--blue);background:#f7fbff}.company-name{font-weight:600}.company-sub{font-size:12px;color:var(--muted)}.warn-list{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:4px;max-height:40vh;overflow-y:auto}.warn-list li{padding:5px 8px;background:var(--yellow);border-radius:4px;font-size:13px}.changes-badge{font-size:13px;font-weight:700;color:#8a5300;background:#fff8e1;border:1px solid #e2c98a;padding:4px 10px;border-radius:12px}.changes-badge:hover{background:#fdefc4;border-color:#d3b26a}.changes-badge.all-approved{color:#37474f;background:#eceff1;border-color:#b0bec5}.changes-badge.all-approved:hover{background:#dfe5e8;border-color:#9fadb5}.free-edit-toggle.active{background:var(--blue);color:#fff;border-color:var(--blue)}.free-edit-toggle.active:hover{background:var(--blue-dark)}.para{position:relative}.para.editable{cursor:pointer;border-radius:4px;transition:box-shadow .1s,background .1s}.para.editable:hover{background:#f2f7fd;box-shadow:inset 0 0 0 1px #a9c9ec}.para.editable:focus-visible{outline:2px solid var(--blue);outline-offset:1px}.para-empty{min-height:1.6em}.para-edited{border-left:3px solid #b45309;background:#fff8e1;padding:2px 10px 2px 12px;border-radius:0 4px 4px 0}.para-edited.editable:hover{background:#fdefc4}.para-approved{border-left:3px solid #cfd4da;padding:2px 10px 2px 12px;border-radius:0 4px 4px 0}.para-approved.editable:hover{background:#f2f7fd}.para-marks{position:absolute;top:2px;right:6px;display:inline-flex;align-items:center;gap:6px;font-family:var(--font-ui);-webkit-user-select:none;user-select:none;z-index:1}.para-chip{font-size:10px;font-weight:700;border-radius:8px;padding:0 6px;line-height:1.6;border:1px solid transparent}.para-chip-pending{color:#7a3d00;background:#ffe0a3;border-color:#d9a94e}.para-chip-approved{color:#616161;background:#f5f5f5;border-color:#cfcfcf}.para-approve-btn{font-size:10px;font-weight:700;color:#1565c0;background:#fff;border:1px solid #1565c0;border-radius:8px;padding:1px 8px;line-height:1.6}.para-approve-btn:hover{background:#e3f2fd}.para-unapprove-link{font-size:10px;color:#616161;background:transparent;border:none;text-decoration:underline;padding:0 2px;line-height:1.6}.para-unapprove-link:hover{color:var(--ink)}.diff-del-inline{color:#c62828;background:#fdecea;text-decoration:line-through;border-radius:2px;padding:0 1px}.diff-add-inline{color:#1565c0;background:#e3f2fd;text-decoration:none;border-radius:2px;padding:0 1px}.para-editing{border-left:3px solid var(--blue);background:#f5f9ff;padding:8px 10px;border-radius:0 4px 4px 0}.free-edit-note{margin:0 0 6px;font-size:11px;color:#8a5300;font-family:var(--font-ui)}.free-edit-textarea{width:100%;font-family:var(--font-doc);font-size:15px;line-height:1.9;color:var(--ink);border:1px solid var(--blue);border-radius:6px;padding:8px 10px;resize:vertical;white-space:pre-wrap}.free-edit-textarea:focus{outline:2px solid rgba(25,118,210,.4);outline-offset:1px}.free-edit-actions{display:flex;gap:8px;margin-top:8px;font-family:var(--font-ui)}.btn-sm-ghost{padding:5px 12px;font-size:13px}.diff-modal{max-width:min(640px,100%)}.diff-note{font-size:12px;color:var(--ink-soft);background:#f2f5f8;border:1px solid var(--line-soft);border-radius:6px;padding:8px 10px;margin:0 0 14px}.diff-block{border:1px solid var(--line-soft);border-radius:6px;padding:10px 12px;margin-bottom:12px}.diff-block-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.diff-block-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.diff-status-badge{font-size:11px;font-weight:700;border-radius:8px;padding:1px 8px;white-space:nowrap}.diff-status-badge.pending{color:#8a5300;background:#fff8e1;border:1px solid #e2c98a}.diff-status-badge.approved{color:#2e7d32;background:#eef5ee;border:1px solid #b7dfba}.diff-para-title{font-size:13px;color:var(--ink-soft);border-left:3px solid var(--blue);padding-left:8px}.diff-text{font-family:var(--font-doc);font-size:14px;line-height:2;white-space:pre-wrap;word-break:break-word;color:var(--ink)}.diff-del{color:#c62828;text-decoration:line-through}.diff-add{background:#e3f2fd;color:#1565c0;border-radius:3px;padding:0 2px}.comment-mark{background:#ede7f6;border-bottom:1px dashed #7e57c2;border-radius:2px;padding:0 1px;cursor:pointer}.comment-mark:hover{background:#e1d5f5}.comment-mark:focus-visible{outline:2px solid #7e57c2;outline-offset:1px}.comment-fab{position:fixed;z-index:150;transform:translate(-50%);font-size:12px;font-weight:700;color:#4527a0;background:#fff;border:1px solid #b39ddb;border-radius:14px;padding:4px 12px;box-shadow:0 3px 10px #4527a040;white-space:nowrap}.comment-fab:hover{background:#f3eefb;border-color:#7e57c2}.comment-compose{display:flex;flex-direction:column;gap:8px;min-width:min(240px,100%)}.comment-compose-quote{font-size:12px;color:var(--ink-soft);background:#f2f5f8;border:1px solid var(--line-soft);border-left:3px solid #7e57c2;border-radius:4px;padding:5px 8px;font-family:var(--font-doc);word-break:break-word}.comment-compose-textarea{width:100%;font-family:var(--font-ui);font-size:13px;line-height:1.6;color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:6px 8px;resize:vertical}.comment-compose-textarea:focus{outline:2px solid rgba(25,118,210,.4);outline-offset:1px;border-color:var(--blue)}.comment-compose-actions{display:flex;gap:8px}.comment-badge{font-size:13px;font-weight:700;color:#4527a0;background:#ede7f6;border:1px solid #b39ddb;padding:4px 10px;border-radius:12px}.comment-badge:hover{background:#e1d5f5;border-color:#9575cd}.comment-badge.zero{color:#546e7a;background:#eceff1;border-color:#b0bec5}.comment-badge.zero:hover{background:#dfe5e8}.comment-panel{position:fixed;top:0;right:0;bottom:0;width:320px;max-width:90vw;background:var(--panel);border-left:1px solid var(--line);box-shadow:-4px 0 16px #141b211f;z-index:180;display:flex;flex-direction:column}.comment-panel-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--line);flex:0 0 auto}.comment-panel-title{font-size:15px}.comment-panel-body{flex:1 1 auto;overflow-y:auto;padding:12px 14px 24px;display:flex;flex-direction:column;gap:10px}.comment-empty{font-size:13px;padding:8px 0}.comment-item{border:1px solid var(--line-soft);border-radius:6px;padding:10px;background:#fff;display:flex;flex-direction:column;gap:6px}.comment-item.resolved{background:#f5f6f7;color:var(--muted)}.comment-item.flash{outline:2px solid #7e57c2;outline-offset:1px;background:#f3eefb}.comment-quote{display:block;width:100%;text-align:left;font-family:var(--font-doc);font-size:12px;color:var(--ink-soft);background:#f6f4fb;border:none;border-left:3px solid #b39ddb;border-radius:3px;padding:4px 8px;cursor:pointer;word-break:break-word}.comment-quote:hover{background:#ede7f6}.comment-body{margin:0;font-size:13px;line-height:1.6;color:var(--ink);white-space:pre-wrap;word-break:break-word}.comment-item.resolved .comment-body{color:var(--muted)}.comment-meta{display:flex;gap:8px;font-size:11px;color:var(--muted)}.comment-item-actions{display:flex;gap:6px}.comment-action{font-size:12px;font-weight:600;color:var(--blue);background:transparent;border:1px solid var(--line);border-radius:6px;padding:3px 10px}.comment-action:hover{background:#f0f6fd;border-color:var(--blue)}.comment-action-danger{color:var(--muted)}.comment-action-danger:hover{color:var(--red-dark);background:#fdecea;border-color:#f3b6b1}.comment-resolved-section{display:flex;flex-direction:column;gap:10px;margin-top:4px}.comment-resolved-toggle{align-self:flex-start;font-size:12px;font-weight:600;color:var(--ink-soft);background:transparent;border:none;text-decoration:underline;padding:2px 0}.comment-resolved-toggle:hover{color:var(--ink)}.para-flash{outline:2px solid #7e57c2;outline-offset:2px;border-radius:4px;background:#f3eefb;transition:background .3s}.masters-layout{display:grid;grid-template-columns:260px 1fr;gap:20px;align-items:start}.masters-layout>*{min-width:0}.masters-sidebar{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:12px}.master-type-list{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-direction:column;gap:4px}.master-type-item{width:100%;text-align:left;padding:9px 11px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--ink);display:flex;align-items:center;justify-content:space-between;gap:8px}.master-type-item:hover{background:#f0f6fd}.master-type-item.active{background:var(--filled);border-color:var(--filled-border);color:var(--blue-dark)}.master-type-name{font-weight:600;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.master-type-meta{flex:0 0 auto;font-size:11px;color:var(--muted)}.master-type-item.active .master-type-meta{color:var(--blue-dark)}.master-new-btn{width:100%}.master-create-form{display:flex;flex-direction:column;gap:8px;padding:10px;border:1px dashed var(--line);border-radius:6px}.master-create-form input{width:100%}.master-create-actions{display:flex;gap:8px}.masters-detail{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;min-height:320px}.master-pane-inner{display:flex;flex-direction:column}.master-pane-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.master-pane-title{margin-bottom:4px}.master-pane-desc{margin:0;font-size:12px}.master-head-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.master-edit-form{display:flex;flex-wrap:wrap;align-items:center;gap:8px;width:100%}.master-edit-name{min-width:180px;font-weight:600}.master-edit-desc{min-width:220px;flex:1}.master-table-wrap{overflow-x:auto}.master-table{border-collapse:collapse;width:100%;font-size:13px}.master-table th,.master-table td{border:1px solid var(--line-soft);padding:7px 9px;text-align:left;vertical-align:middle}.master-table th{background:#f2f5f8;font-size:12px;color:var(--ink-soft);white-space:nowrap}.master-row{cursor:pointer}.master-row:hover{background:#f0f6fd}.master-row-editing{background:#f5f9ff}.master-cell-strong{font-weight:600}.master-actions-col{width:1%;white-space:nowrap}.master-row-actions{display:flex;gap:6px}.master-empty{padding:16px 4px}.master-columns-editor{border:1px solid var(--line-soft);border-radius:8px;background:#f7fafd;padding:14px 16px;margin-bottom:16px}.master-columns-editor-head{margin-bottom:10px}.master-columns-editor-title{margin:0 0 4px;font-size:14px;font-weight:600}.master-columns-editor-desc{margin:0;font-size:12px}.master-columns-list{list-style:none;margin:0 0 10px;padding:0;display:flex;flex-direction:column;gap:8px}.master-column-row{display:flex;align-items:center;gap:10px}.master-column-label{min-width:200px;flex:0 1 260px}.master-column-badge{font-size:11px;font-weight:700;color:#1565c0;background:#e3f0fc;border:1px solid #b6d6f2;border-radius:8px;padding:2px 8px;white-space:nowrap}.master-columns-editor-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.master-items-empty{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.master-item{gap:6px}.master-item-primary{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.master-item-current{border-color:var(--blue);border-left-width:4px;background:#f2f8ff}.master-item-current-badge{font-size:11px;font-weight:700;color:#0d47a1;background:#e3f2fd;border:1px solid #90caf9;border-radius:8px;padding:1px 7px;white-space:nowrap}.master-item-cols{display:flex;flex-wrap:wrap;gap:4px 14px}.master-item-col{display:inline-flex;align-items:baseline;gap:5px;font-size:12px}.master-item-col-label{color:var(--muted)}.master-item-col-label:after{content:":"}.master-item-col-value{color:var(--ink-soft)}.master-cell{display:flex;align-items:center;gap:6px}.master-suggest-hint{flex:0 0 auto;font-size:10px;font-weight:700;color:#2e7d32;background:#e8f5e9;border:1px solid #b7dfba;border-radius:8px;padding:0 6px;line-height:1.6;white-space:nowrap}.dash-role-badge{margin-left:10px;vertical-align:3px}.dash-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:28px}.dash-stat{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 14px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);color:var(--ink)}.dash-stat:hover{background:#f0f6fd;border-color:var(--blue)}.dash-stat:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.dash-stat-num{font-size:26px;font-weight:700;line-height:1.2;color:var(--blue-dark)}.dash-stat-label{font-size:12px;color:var(--ink-soft)}.dash-section{margin-bottom:24px;padding:14px 16px 14px 18px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.dash-section-action{border-left:6px solid #b45309}.dash-section-info{border-left:6px solid var(--line);background:#fbfcfd}.dash-section-head{margin-bottom:10px}.dash-section-title{display:flex;align-items:center;gap:8px;font-size:15px;color:var(--ink)}.dash-section-flag{color:#b45309;font-size:10px}.dash-count{font-size:12px;font-weight:700;color:var(--ink-soft);background:#eef1f4;border:1px solid var(--line);border-radius:10px;padding:1px 9px}.dash-section-desc{margin:4px 0 0;font-size:12px}.dash-empty{font-size:13px;margin:0}.dash-list{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:var(--panel)}.dash-item{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%;text-align:left;padding:11px 14px;border:none;border-bottom:1px solid var(--line-soft);border-radius:0;background:var(--panel);color:var(--ink);font-family:inherit;font-size:14px;cursor:pointer}.dash-list li:last-child .dash-item{border-bottom:none}.dash-item:hover{background:#f0f6fd}.dash-item:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}.dash-item-title{font-weight:600}.dash-item-meta{font-size:12px;color:var(--muted)}.dash-chips{display:flex;flex-wrap:wrap;gap:6px}.dash-chip{font-size:11px;font-weight:700;border-radius:10px;padding:1px 8px;border:1px solid var(--line);background:#eef1f4;color:#3c4753}.dash-chip-warn{color:#8a4008;background:#fff4e5;border-color:#e6c08a}.dash-chip-info{color:#145ea8;background:var(--filled);border-color:#a8cdee}.dash-reject{display:block;width:100%;margin-top:4px;padding:7px 10px;border-left:3px solid var(--red-dark);background:#fdecea;border-radius:0 6px 6px 0;white-space:pre-wrap}.dash-reject-label{display:block;font-size:11px;font-weight:700;color:var(--red-dark)}.dash-reject-body{display:block;font-size:13px;color:#4a1c1c;line-height:1.6}.approval-doc-title{margin:0 0 10px;font-size:15px;font-weight:600}.approval-meta{margin:0 0 10px;padding:10px 12px;background:#f7f9fb;border:1px solid var(--line-soft);border-radius:6px}.approval-meta-row{display:flex;gap:10px;align-items:baseline}.approval-meta-row dt{flex:0 0 108px;font-size:12px;color:var(--muted)}.approval-meta-row dd{margin:0;font-size:13px;color:var(--ink)}.approval-warn{margin:0 0 8px;font-size:13px;color:#8a4008;background:#fff4e5;border:1px solid #e6c08a;border-radius:6px;padding:8px 10px}.approval-reject-form{margin-top:12px;padding-top:12px;border-top:1px solid var(--line-soft)}.approval-reject-form .muted{font-size:12px;margin:2px 0 6px}.approval-actions{flex-wrap:wrap}.approval-actions>:first-child{margin-right:auto}.settings-tabs{display:flex;gap:4px;flex-wrap:wrap;border-bottom:1px solid var(--line);margin-bottom:18px}.settings-tab{border:none;background:transparent;padding:9px 16px;font-size:14px;font-weight:600;color:var(--ink-soft);border-bottom:3px solid transparent;border-radius:6px 6px 0 0}.settings-tab:hover{background:#f0f6fd}.settings-tab.active{color:var(--blue-dark);background:var(--filled);border-bottom-color:var(--blue)}.settings-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;min-height:320px}.settings-pane{display:flex;flex-direction:column;min-width:0}.settings-pane-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.settings-pane-title{margin-bottom:4px}.settings-pane-desc{margin:0;font-size:12px}.settings-empty{padding:16px 4px}.settings-backup-note{padding:10px 14px;margin-bottom:20px;border:1px solid var(--line);border-radius:8px;background:#f7fafd}.settings-backup-note p{margin:0;font-size:12px}.settings-backup-actions{display:grid;grid-template-columns:1fr 1fr;gap:20px}.settings-backup-action{display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-width:0;padding:16px;border:1px solid var(--line);border-radius:8px}.settings-backup-action .account-section-title{margin-bottom:0}.settings-backup-action input[type=file]{max-width:100%}.account-info{display:flex;flex-direction:column;gap:8px;padding:14px;margin-bottom:20px;border:1px solid var(--line);border-radius:8px;background:#f7fafd}.account-info-row{display:flex;align-items:center;gap:10px}.account-info-label{flex:0 0 72px;font-size:12px;color:var(--muted)}.account-info-value{font-weight:600}.account-section-title{font-size:14px;color:var(--ink-soft);margin:0 0 12px}.account-password-form{display:flex;flex-direction:column;gap:12px;max-width:360px}.account-field{display:flex;flex-direction:column;gap:4px}.account-field-label{font-size:12px;color:var(--muted)}.account-field input{width:100%}.settings-add-form{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px;margin-bottom:16px;border:1px dashed var(--line);border-radius:8px;background:#f7fafd}.settings-add-name{flex:1 1 160px;min-width:0}.settings-add-email{flex:2 1 220px;min-width:0}.settings-add-loginid,.settings-add-password{flex:1 1 140px;min-width:0}.settings-add-role{flex:0 0 auto}.settings-table-wrap{overflow-x:auto}.settings-table{border-collapse:collapse;width:100%;font-size:13px}.settings-table th,.settings-table td{border:1px solid var(--line-soft);padding:7px 9px;text-align:left;vertical-align:middle}.settings-table th{background:#f2f5f8;font-size:12px;color:var(--ink-soft);white-space:nowrap}.settings-cell-strong{font-weight:600}.settings-cell-email{word-break:break-all}.settings-cell-nowrap{white-space:nowrap}.settings-actions-col{width:1%;white-space:nowrap}.settings-row-actions{display:flex;align-items:center;gap:6px}.settings-row-disabled{background:#f5f6f7;color:var(--ink-soft)}.settings-self-badge{display:inline-block;margin-left:6px;font-size:11px;font-weight:700;color:#145ea8;background:var(--filled);border:1px solid #a8cdee;border-radius:10px;padding:1px 7px;white-space:nowrap}.settings-status-badge{display:inline-block;font-size:12px;font-weight:700;border-radius:10px;padding:2px 9px;white-space:nowrap;border:1px solid var(--line)}.settings-status-badge.status-active{color:#1b5e20;background:#e8f5e9;border-color:#b7dfba}.settings-status-badge.status-disabled{color:#4a5763;background:#eef1f4;border-color:#ccd3da}.settings-filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px 10px;padding:12px;margin-bottom:14px;border:1px solid var(--line-soft);border-radius:8px;background:#f7fafd}.settings-filter{display:flex;flex-direction:column;gap:3px;flex:1 1 150px;min-width:0}.settings-filter-wide{flex:2 1 220px}.settings-filter-label{font-size:11px;color:var(--muted);white-space:nowrap}.settings-filter input,.settings-filter select{width:100%;min-width:0}.settings-raw-label{display:block;font-size:10px;color:var(--muted)}.settings-id,.settings-filename{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;color:var(--ink-soft)}.settings-detail-row>td{background:#f7fafd}.settings-detail{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-width:0}.settings-detail>*{min-width:0}.settings-detail-title{margin:0 0 4px;font-size:12px;font-weight:700;color:var(--ink-soft)}.settings-json{margin:0;padding:8px 10px;max-height:320px;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:6px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.6;color:var(--ink);white-space:pre-wrap;word-break:break-all}.settings-pager{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-top:12px;font-size:12px}.settings-trash-section{margin-bottom:22px}.settings-trash-title{font-size:14px;font-weight:600;color:var(--ink-soft);border-left:4px solid var(--blue);padding-left:10px;margin-bottom:8px}.settings-trash-note{margin:0 0 8px;font-size:12px}.settings-trash-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.settings-trash-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:6px;background:#fff}.settings-trash-main{display:flex;flex-direction:column;gap:2px;min-width:0}.settings-trash-meta{font-size:12px}@media (max-width: 1000px){.wizard-two-col{grid-template-columns:1fr}.candidate-table{min-width:680px}.editor-split{grid-template-columns:1fr}.editor-split.show-form .editor-right,.editor-split.show-preview .editor-left{display:none}.editor-left{border-right:none}.editor-right{padding:16px 12px}.masters-layout{grid-template-columns:1fr;gap:12px}.masters-sidebar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:10px}.master-type-list{flex:1 1 auto;min-width:0;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;margin:0;padding-bottom:2px}.master-type-list>li{flex:0 0 auto}.master-type-item{width:auto;border-color:var(--line);white-space:nowrap}.master-new-btn{flex:0 0 auto;width:auto;white-space:nowrap}.master-create-form{flex:1 1 100%}.masters-detail{padding:14px;min-height:0}.master-table{min-width:640px}.settings-panel{padding:14px;min-height:0}.settings-table-users{min-width:640px}.settings-table-history{min-width:760px}.settings-detail,.settings-backup-actions{grid-template-columns:1fr}}@media (max-width: 760px){.page{padding:16px 14px 48px}.app-nav{gap:8px 14px}.app-nav-tab{padding:8px 10px;font-size:13px}.app-header{gap:10px;flex-wrap:wrap}.app-nav-account{margin-left:0}.dash-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.card-grid{grid-template-columns:1fr}.doc-item{flex-wrap:wrap;gap:8px 10px}.doc-item-main{flex:1 1 55%;flex-direction:column;align-items:flex-start;gap:2px}.doc-meta{line-height:1.5}.editor-header{padding:10px 12px}.editor-header-left,.editor-header-right{flex:1 1 100%;gap:8px}.editor-header-right{justify-content:flex-start}.editor-title{font-size:15px}.editor-header-right .btn-primary,.editor-header-right .btn-outline,.editor-header-right .btn-ghost{padding:6px 10px;font-size:13px}.export-note{max-width:100%}.editor-right{padding:12px 8px}.preview-doc{padding:20px 16px;font-size:14px;line-height:2}.comment-panel{top:auto;left:0;right:0;width:100%;max-width:100%;height:72vh;border-left:none;border-top:1px solid var(--line);border-radius:12px 12px 0 0;box-shadow:0 -6px 20px #141b212e}.modal-backdrop{padding:12px}.modal{max-height:90vh}.wizard-panel{padding:16px}.steps{flex-wrap:wrap;gap:6px}.steps li{flex:1 1 28%;padding:6px 4px;font-size:12px}.file-drop{padding:24px 12px;text-align:center}.wizard-actions{flex-wrap:wrap;gap:8px}.master-pane-head{flex-wrap:wrap}.master-head-actions{justify-content:flex-start}.master-edit-name,.master-edit-desc{flex:1 1 100%;min-width:0}.master-column-row{flex-wrap:wrap}.master-column-label{flex:1 1 100%;min-width:0}.settings-pane-head{flex-wrap:wrap}.settings-tabs{flex-wrap:nowrap;overflow-x:auto}.settings-tab{flex:0 0 auto;padding:9px 12px;font-size:13px}.settings-add-name,.settings-add-email,.settings-add-loginid,.settings-add-password,.settings-filter,.settings-filter-wide{flex:1 1 100%}.settings-pager{justify-content:flex-start}.settings-trash-item{flex-wrap:wrap}}@media (max-width: 480px){.page{padding:12px 10px 40px}.app-nav-brand{font-size:16px}.dash-stats{gap:8px}.dash-stat-num{font-size:22px}.doc-item{padding:10px 12px}.editor-right{padding:10px 6px}.preview-doc{padding:16px 12px}.modal-backdrop{padding:10px}.modal-header,.modal-body,.modal-actions{padding-left:12px;padding-right:12px}.wizard-panel{padding:12px}.masters-detail,.settings-panel{padding:12px 10px}}@media (pointer: coarse){.btn-primary,.btn-outline,.btn-ghost,.btn-warn,.btn-danger,.btn-sm,.btn-sm-ghost,.btn-delete-ghost,.choice-item,.company-select-btn,.comment-action,.comment-badge,.changes-badge,.free-edit-toggle,.comment-resolved-toggle,.master-type-item,.app-nav-tab,.settings-tab,.tab,.editor-tab,.dash-stat,input:not([type=checkbox]):not([type=radio]),select,textarea{min-height:44px}.icon-btn{min-width:44px;min-height:44px}.back-link{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}.fmt-toggle button{min-height:44px;padding:8px 16px}.doc-executed-cell{min-width:48px;min-height:44px;justify-content:center}.doc-executed-check{width:24px;height:24px}.doc-executed-label{font-size:11px;padding:2px 6px}.cell-input{min-height:40px}}