.lawyer-workbench{
    color:#243247;
    font-family:"Microsoft YaHei",Arial,sans-serif;
    font-size:14px;
    min-height:100vh
}
.lawyer-workbench [hidden]{
    display:none !important
}
.lawyer-view[hidden], .lawyer-subview[hidden]{
    display:none
}
.lawyer-toolbar{
    align-items:center;
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-bottom:14px
}
.lawyer-field{
    box-sizing:border-box;
    min-width:0
}
.lawyer-field-title{
    color:#526175;
    display:block;
    font-size:14px;
    line-height:1.4;
    margin:0 0 4px
}
.lawyer-toolbar .lawyer-field{
    flex:0 1 320px;
    max-width:100%
}
.lawyer-toolbar .lawyer-field input, .lawyer-toolbar .lawyer-field select, .lawyer-toolbar .lawyer-field textarea{
    width:100%
}
.lawyer-advanced-control{
    min-width:0;
    position:relative
}
.lawyer-toolbar > .lawyer-advanced-control{
    flex:0 1 320px;
    max-width:100%;
    width:320px
}
.lawyer-advanced-options{
    background:#fff;
    border:1px solid #dce3ed;
    border-radius:8px;
    box-shadow:0 8px 24px rgba(31, 52, 82, .12);
    left:0;
    max-height:280px;
    overflow-y:auto;
    position:absolute;
    top:calc(100% + 4px);
    width:100%;
    z-index:1400
}
.lawyer-advanced-options[hidden]{
    display:none
}
.lawyer-advanced-options button{
    align-items:center;
    background:#fff;
    border:0;
    border-bottom:1px solid #edf0f4;
    color:#26364b;
    cursor:pointer;
    display:flex;
    font:inherit;
    gap:8px;
    justify-content:space-between;
    min-height:36px;
    overflow-wrap:anywhere;
    padding:8px 10px;
    text-align:left;
    width:100%
}
.lawyer-advanced-options button:hover, .lawyer-advanced-options button[aria-selected=true], .lawyer-advanced-options button.is-active{
    background:#eef4ff;
    color:#205fbd
}
.lawyer-advanced-options button.is-active{
    outline:2px solid #b9d2f7;
    outline-offset:-2px
}
.lawyer-advanced-check{
    color:#286bd6;
    flex:none;
    font-weight:700;
    min-width:12px
}
.lawyer-advanced-options button span{
    min-width:0;
    overflow-wrap:anywhere
}
.lawyer-advanced-options button small{
    color:#758196;
    flex:none;
    font-size:14px
}
.lawyer-advanced-options button .lawyer-advanced-recent-label{
    color:#286bd6
}
.lawyer-toolbar input, .lawyer-toolbar select, .lawyer-form input, .lawyer-form select, .lawyer-form textarea, .lawyer-custody-form input, .lawyer-custody-form select{
    background:#fff;
    border:1px solid #d9e0e8;
    border-radius:7px;
    box-sizing:border-box;
    font:inherit;
    min-height:36px;
    padding:7px 10px
}
.lawyer-toolbar input{
    min-width:min(320px, 100%)
}
.lawyer-form select{
    max-width:100%;
    width:100%
}
.lawyer-form textarea{
    min-height:74px;
    resize:vertical
}
.lawyer-primary, .lawyer-button{
    align-items:center;
    background:#e8f1ff;
    border:0;
    border-radius:8px;
    box-sizing:border-box;
    color:#2263c7;
    cursor:pointer;
    display:inline-flex;
    font:inherit;
    justify-content:center;
    height:34px;
    box-sizing:border-box;
    padding:7px 14px;
    text-decoration:none
}
.lawyer-primary:hover, .lawyer-button:hover{
    background:#d6e7ff
}
.lawyer-primary:active, .lawyer-button:active{
    transform:scale(.98)
}
.lawyer-button:disabled, .lawyer-primary:disabled{
    color:#9aa6b6;
    cursor:not-allowed;
    opacity:.7
}
.lawyer-list, .lawyer-form{
    border:1px solid #e4e9ef;
    border-radius:10px;
    box-sizing:border-box;
    min-width:0;
    padding:14px;
    width:100%
}
.lawyer-form details > :not(summary){
    display:block;
    margin:8px 0;
    width:100%
}
.lawyer-list:empty{
    display:none
}
.lawyer-workbench-list{
    padding:0 12px
}
.lawyer-workbench-bulk-actions{
    align-items:center;
    border-bottom:1px solid #edf0f4;
    display:flex;
    gap:10px;
    padding:8px 2px
}
.lawyer-row-select, .lawyer-selection-cell input{
    accent-color:#3478df;
    flex:none;
    height:16px;
    margin:0;
    width:16px
}
.lawyer-workbench-table-head, .lawyer-workbench-row{
    display:table;
    table-layout:fixed;
    width:100%;
    min-width:1120px;
    border-bottom:1px solid #edf0f4;
    padding:10px 0
}
.lawyer-workbench-table-head{
    color:#758196;
    background:#f8faff
}
.lawyer-workbench-row:last-child{
    border-bottom:0
}
.lawyer-workbench-cell{
    display:table-cell;
    vertical-align:middle;
    padding:0 8px;
    overflow-wrap:anywhere;
    box-sizing:border-box
}
.lawyer-selection-cell{
    width:32px
}
.lawyer-name-cell{
    width:22%
}
.lawyer-actions-cell{
    width:132px;
    white-space:nowrap
}
.lawyer-list-scroll{
    overflow-x:auto;
    width:100%
}
.lawyer-attachment-row{
    display:table;
    table-layout:fixed;
    width:100%;
    border-bottom:1px solid #edf0f4;
    padding:10px 0;
    overflow-wrap:anywhere
}
.lawyer-attachment-title{
    color:#2263c7;
    text-align:left;
    max-width:100%
}
.lawyer-attachment-source{
    display:table-cell;
    color:#758196;
    padding:0 12px;
    vertical-align:middle
}
.lawyer-related-case{
    display:block;
    color:#2263c7;
    margin:8px 0
}
.lawyer-customer-row-title{
    background:transparent;
    border:0;
    color:#2263c7;
    cursor:pointer;
    font:inherit;
    font-weight:600;
    padding:0;
    text-align:left
}
.lawyer-customer-row-title:hover{
    text-decoration:underline
}
.lawyer-modal-content .lawyer-form:not(.lawyer-case-form):not(.lawyer-customer-form){
    max-height:calc(92vh - 90px);
    overflow:auto
}
.lawyer-row{
    border-bottom:1px solid #edf0f4;
    padding:11px 4px
}
.lawyer-row:last-child{
    border-bottom:0
}
.lawyer-row strong, .lawyer-row span{
    display:block;
    overflow-wrap:anywhere
}
.lawyer-row span, .lawyer-empty{
    color:#758196;
    margin-top:5px
}
.lawyer-row .lawyer-text-button{
    margin:6px 8px 0 0
}
.lawyer-customer-detail{
    border:1px solid #e4e9ef;
    border-radius:10px;
    padding:12px
}
.lawyer-customer-detail > div{
    border-bottom:1px solid #edf0f4;
    padding:8px 0
}
.lawyer-customer-detail > div:last-child{
    border-bottom:0
}
.lawyer-customer-detail strong{
    color:#566579;
    display:inline-block;
    margin-right:12px;
    min-width:100px
}
.lawyer-customer-detail span{
    overflow-wrap:anywhere;
    white-space:pre-wrap
}
.lawyer-empty{
    padding:10px 4px
}
.lawyer-editor, .lawyer-subview{
    margin-top:18px
}
.lawyer-editor summary{
    color:#566579;
    cursor:pointer;
    padding:10px 2px
}
.lawyer-editor[open] summary{
    color:#243247
}
.lawyer-editor-form{
    margin-top:8px
}
.lawyer-editor-form h2, .lawyer-editor-form h3, .lawyer-editor-form h4{
    font-size:16px;
    margin:0
}
.lawyer-case-section{
    border-top:1px solid #edf0f4;
    padding-top:10px
}
.lawyer-case-section h3{
    margin-bottom:8px
}
.lawyer-case-option-row > .lawyer-advanced-options[hidden], .lawyer-case-option-row > select[hidden]{
    display:none
}
.lawyer-case-option-row > div > label, .lawyer-case-flag-row label{
    align-items:center;
    display:inline-flex;
    gap:5px;
    margin:0 14px 8px 0;
    vertical-align:middle;
    white-space:nowrap
}
.lawyer-case-section input[type=radio], .lawyer-case-section input[type=checkbox]{
    border:0;
    min-height:16px;
    padding:0;
    vertical-align:middle;
    width:16px
}
.lawyer-case-option-row input[type=radio], .lawyer-case-option-row input[type=checkbox], .lawyer-case-flag-row input[type=checkbox]{
    flex:none;
    margin:0;
    min-height:16px;
    padding:0;
    width:16px
}
.lawyer-case-flag-row > strong{
    color:#526175;
    display:inline-block;
    margin:0 8px 0 0;
    min-width:0;
    text-align:right;
    vertical-align:middle;
    width:168px;
    white-space:nowrap
}
.lawyer-case-flag-row > div{
    display:inline-block;
    max-width:calc(100% - 184px);
    vertical-align:middle
}
.lawyer-case-details-content{
    max-height:92vh
}
.lawyer-case-details{
    max-height:calc(92vh - 78px);
    overflow:auto
}
.lawyer-case-details-section{
    border-top:1px solid #edf0f4;
    padding:10px 0
}
.lawyer-case-details-section:first-child{
    border-top:0
}
.lawyer-case-details-section h3{
    font-size:15px;
    margin:0 0 6px
}
.lawyer-case-details-row{
    border-bottom:1px solid #f0f2f5;
    line-height:1.6;
    padding:6px 0
}
.lawyer-case-details-row:last-child{
    border-bottom:0
}
.lawyer-case-details-row strong{
    color:#526175;
    display:inline-block;
    margin-right:10px;
    min-width:140px;
    vertical-align:top
}
.lawyer-case-details-row span{
    display:inline-block;
    max-width:calc(100% - 160px);
    overflow-wrap:anywhere;
    white-space:pre-wrap;
    vertical-align:top
}
.lawyer-case-row-title{
    background:transparent;
    border:0;
    color:#2263c7;
    cursor:pointer;
    font:inherit;
    font-weight:600;
    padding:0;
    text-align:left
}
.lawyer-case-row-title:hover{
    text-decoration:underline
}
.lawyer-case-cause-picker{
    position:relative
}
.lawyer-case-cause-picker input, .lawyer-case-cause-picker textarea{
    width:100%
}
.lawyer-case-cause-options{
    background:#fff;
    border:1px solid #dce3ed;
    border-radius:8px;
    box-shadow:0 8px 24px rgba(31, 52, 82, .12);
    left:0;
    max-height:280px;
    overflow-y:auto;
    position:absolute;
    top:calc(100% + 4px);
    width:100%;
    z-index:1400
}
.lawyer-case-cause-options[hidden]{
    display:none
}
.lawyer-case-cause-options button{
    background:#fff;
    border:0;
    border-bottom:1px solid #edf0f4;
    color:#26364b;
    cursor:pointer;
    display:block;
    font:inherit;
    overflow-wrap:anywhere;
    padding:8px 10px;
    text-align:left;
    width:100%
}
.lawyer-case-cause-options button:hover{
    background:#eef4ff;
    color:#205fbd
}
.lawyer-form-actions{
    display:flex;
    flex-wrap:wrap;
    gap:8px
}
.lawyer-subview-heading{
    align-items:center;
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    justify-content:space-between;
    margin-bottom:10px
}
.lawyer-subview-heading h3{
    font-size:16px;
    margin:0
}
.lawyer-subview-heading .lawyer-toolbar{
    margin:0
}
.lawyer-tabs{
    display:flex;
    gap:4px;
    overflow-x:auto
}
.lawyer-tabs button{
    background:transparent;
    border:0;
    border-radius:6px 6px 0 0;
    color:#566579;
    cursor:pointer;
    max-width:220px;
    overflow:hidden;
    padding:10px;
    text-overflow:ellipsis;
    white-space:nowrap
}
.lawyer-tabs button.active{
    color:#286bd6
}
.lawyer-tab-close{
    color:#8b96a7;
    cursor:pointer;
    margin-left:9px
}
.lawyer-tab-panels{
    height:min(70vh, 760px);
    min-height:280px;
    overflow:auto
}
.lawyer-tab-panels pre{
    font:14px/1.7 sans-serif;
    overflow:auto;
    white-space:pre-wrap
}
.lawyer-modal{
    align-items:center;
    background:#18243670;
    box-sizing:border-box;
    display:flex;
    inset:0;
    justify-content:center;
    padding:16px;
    position:fixed;
    z-index:1300
}
.lawyer-modal[hidden]{
    display:none
}
.lawyer-modal-content{
    background:#fff;
    border:1px solid #e4e9ef;
    border-radius:10px;
    box-sizing:border-box;
    display:flex;
    flex-direction:column;
    max-height:92vh;
    max-width:1000px;
    min-height:200px;
    overflow:hidden;
    padding:14px;
    width:100%
}
.lawyer-modal-heading{
    align-items:center;
    display:flex;
    justify-content:space-between;
    margin-bottom:8px;
    min-width:0
}
.lawyer-modal-heading strong{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.lawyer-modal .lawyer-tab-panels{
    flex:1;
    height:auto;
    max-height:calc(92vh - 100px);
    min-height:160px
}
.lawyer-contract-form{
    gap:10px;
    margin-bottom:12px
}
.lawyer-contract-bulk-actions{
    align-items:center;
    border-bottom:1px solid #edf0f4;
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin:0 0 4px;
    padding:0 2px 8px
}
.lawyer-contract-table-head input, .lawyer-contract-select-file{
    accent-color:#3478df;
    height:16px;
    margin:0;
    width:16px
}
.lawyer-contract-bulk-actions [disabled]{
    cursor:not-allowed;
    opacity:.6
}
.lawyer-contract-file-picker{
    align-items:center;
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    min-width:0
}
.lawyer-contract-form .lawyer-contract-file-input{
    background:transparent;
    border:0;
    border-radius:0;
    box-sizing:border-box;
    color:#526175;
    font:inherit;
    max-width:min(42vw, 440px);
    min-height:34px;
    min-width:0;
    padding:0
}
.lawyer-contract-file-input::file-selector-button{
    background:#e8f1ff;
    border:0;
    border-radius:8px;
    color:#2263c7;
    cursor:pointer;
    font:inherit;
    margin-right:10px;
    min-height:34px;
    padding:6px 12px
}
.lawyer-contract-file-input::file-selector-button:hover{
    background:#d6e7ff
}
.lawyer-contract-seal-company{
    align-items:center;
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    max-width:320px
}
.lawyer-contract-seal-company select{
    width:auto
}
.lawyer-contract-seal-company[hidden]{
    display:none
}
.lawyer-seal-company-create{
    background:#fff;
    border:1px solid #dce3ed;
    border-radius:8px;
    display:grid;
    gap:8px;
    margin-top:8px;
    padding:12px
}
.lawyer-seal-company-create[hidden]{
    display:none
}
.lawyer-seal-company-create label{
    color:#526175;
    display:block
}
.lawyer-seal-company-create input{
    box-sizing:border-box;
    display:block;
    margin-top:4px;
    max-width:100%;
    width:100%
}
.lawyer-party-row{
    align-items:flex-end;
    border-top:1px solid #edf0f4;
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin:8px 0;
    padding:8px 0
}
.lawyer-party-row .lawyer-field{
    flex:1 1 0;
    min-width:140px
}
.lawyer-party-row input, .lawyer-party-row select{
    box-sizing:border-box;
    max-width:100%;
    min-height:36px;
    width:100%
}
.lawyer-contract-list{
    max-height:none;
    overflow-x:auto;
    overflow-y:visible
}
.lawyer-embedded{
    box-sizing:border-box;
    margin:0;
    max-width:none;
    padding:8px 12px;
    width:100%
}
.lawyer-embedded .lawyer-list, .lawyer-embedded .lawyer-form:not(.lawyer-case-form):not(.lawyer-customer-form){
    border:0;
    border-radius:0;
    padding:0
}
.lawyer-embedded .lawyer-workbench-list{
    border:1px solid #e4e9ef;
    border-radius:8px;
    padding:0 12px
}
.lawyer-embedded .lawyer-toolbar{
    gap:6px;
    margin-bottom:8px
}
.lawyer-embedded .lawyer-contract-list{
    border:1px solid #e4e9ef;
    border-radius:10px;
    margin-top:8px;
    padding:10px
}
.lawyer-contract-table-head, .lawyer-contract-row{
    display:grid;
    gap:10px;
    min-width:1000px;
    grid-template-columns:24px minmax(170px, 1.4fr) minmax(100px, .8fr) minmax(260px, 2fr) 130px minmax(220px, auto);
    align-items:start
}
.lawyer-contract-table-head{
    color:#758196;
    font-size:14px;
    padding:8px 2px;
    border-bottom:1px solid #e4e9ef
}
.lawyer-contract-row{
    padding:10px 2px
}
.lawyer-contract-row.selected{
    background:#f8faff
}
.lawyer-contract-select-file{
    flex:none
}
.lawyer-contract-title{
    background:transparent;
    border:0;
    color:#2263c7;
    cursor:pointer;
    font:inherit;
    font-weight:600;
    justify-self:start;
    min-width:0;
    overflow-wrap:anywhere;
    padding:0;
    text-align:left
}
.lawyer-contract-title:hover{
    text-decoration:underline
}
.lawyer-contract-cell{
    color:#566579;
    min-width:0;
    overflow-wrap:anywhere
}
.lawyer-contract-updated{
    color:#758196;
    font-size:14px
}
.lawyer-contract-status{
    background:#f1f3f6;
    border-radius:10px;
    color:#58677b;
    display:inline-block;
    justify-self:start;
    padding:2px 8px;
    white-space:nowrap
}
.lawyer-contract-status.is-active{
    background:#eef4ff;
    color:#286bd6
}
.lawyer-contract-status.is-completed{
    background:#e8f7ee;
    color:#1f7a45
}
.lawyer-contract-status.is-failed{
    background:#fdeeee;
    color:#b2372b
}
.lawyer-contract-parties{
    display:flex;
    flex-direction:column;
    gap:10px
}
.lawyer-signer{
    display:flex;
    flex-direction:column;
    gap:3px;
    min-width:0
}
.lawyer-signer-head{
    align-items:center;
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    min-width:0
}
.lawyer-signer-name{
    color:#243247;
    font-weight:600;
    overflow-wrap:anywhere
}
.lawyer-signer-status{
    background:#f1f3f6;
    border-radius:10px;
    color:#58677b;
    font-size:14px;
    padding:1px 7px;
    white-space:nowrap
}
.lawyer-signer-status.is-active{
    background:#eef4ff;
    color:#286bd6
}
.lawyer-signer-status.is-signed{
    background:#e8f7ee;
    color:#1f7a45
}
.lawyer-signer-status.is-rejected{
    background:#fdeeee;
    color:#b2372b
}
.lawyer-signer-meta, .lawyer-signer-time, .lawyer-signer-message{
    color:#758196;
    font-size:14px;
    line-height:1.4
}
.lawyer-signer-links{
    display:flex;
    flex-direction:column;
    gap:2px;
    margin-top:2px
}
.lawyer-signer-link-row{
    align-items:center;
    display:flex;
    gap:8px
}
.lawyer-signer-link{
    color:#286bd6;
    font-size:14px;
    text-decoration:none
}
.lawyer-signer-link:hover{
    text-decoration:underline
}
.lawyer-signer-copy{
    background:transparent;
    border:0;
    color:#286bd6;
    cursor:pointer;
    font:inherit;
    font-size:14px;
    padding:0;
    white-space:nowrap
}
.lawyer-signer-copy:hover{
    text-decoration:underline
}
.lawyer-signer-actions{
    align-items:center;
    display:flex;
    gap:10px;
    margin-top:1px
}
.lawyer-signer-action, .lawyer-signer-add{
    background:transparent;
    border:0;
    color:#286bd6;
    cursor:pointer;
    font:inherit;
    font-size:14px;
    padding:0;
    white-space:nowrap
}
.lawyer-signer-add{
    align-self:flex-start;
    margin-top:2px
}
.lawyer-signer-action:hover, .lawyer-signer-add:hover{
    text-decoration:underline
}
#signerDialog{
    z-index:1500
}
#signerDialog .lawyer-modal-content{
    max-width:640px
}
.lawyer-contract-row-actions{
    align-items:center;
    display:flex;
    flex-wrap:wrap;
    gap:4px 10px;
    justify-content:flex-start;
    justify-self:stretch;
    min-width:0
}
.lawyer-contract-header-row{
    align-items:center;
    display:flex;
    flex-wrap:wrap;
    gap:14px;
    margin:16px 0 12px
}
.lawyer-contract-header-row .lawyer-contract-heading{
    font-size:22px;
    font-weight:700;
    line-height:1.2;
    margin:0
}
.lawyer-contract-header-row .lawyer-primary{
    font-size:14px;
    min-height:34px;
    padding:7px 14px
}
.lawyer-labor-contact{
    align-items:center;
    border-top:1px solid #edf0f4;
    display:flex;
    flex-wrap:wrap;
    gap:16px;
    margin:20px 0 12px;
    padding:16px 0 8px
}
.lawyer-labor-contact strong, .lawyer-labor-contact span{
    display:block;
    margin:4px 0
}
.lawyer-labor-contact a{
    color:#286bd6;
    text-decoration:none
}
.lawyer-labor-contact img{
    height:112px;
    object-fit:contain;
    width:112px
}
.lawyer-contract-modal-content{
    display:flex;
    flex-direction:column
}
.lawyer-contract-modal .lawyer-modal-heading{
    margin-bottom:4px
}
.lawyer-contract-modal .lawyer-tabs, #customerFilePreview .lawyer-tabs{
    flex:1;
    min-width:0
}
.lawyer-contract-modal .lawyer-tab-panels{
    height:auto;
    max-height:none;
    min-height:0
}
.lawyer-contract-modal .lawyer-tab-panels [data-contract-panel]{
    display:flex;
    flex-direction:column;
    height:100%;
    min-height:0
}
@media (max-width:760px){
    .lawyer-toolbar input{
        flex:1;
        min-width:0
    }
    .lawyer-toolbar .lawyer-field{
        flex:1 1 100%;
        width:100%
    }
    .lawyer-toolbar > .lawyer-advanced-control{
        flex:1 1 100%;
        width:100%
    }
    .lawyer-tab-panels{
        height:58vh
    }
    .lawyer-subview-heading{
        align-items:flex-start;
        flex-direction:column
    }
    .lawyer-subview-heading .lawyer-toolbar{
        width:100%
    }
    .lawyer-subview-heading .lawyer-button{
        max-width:100%
    }
    .lawyer-modal{
        padding:8px
    }
    .lawyer-modal-content{
        max-height:96vh;
        padding:10px
    }
    .lawyer-modal .lawyer-tab-panels{
        max-height:calc(96vh - 88px)
    }
    .lawyer-case-details{
        max-height:calc(96vh - 74px)
    }
    .lawyer-case-details-row strong{
        display:block;
        margin-bottom:3px
    }
    .lawyer-case-details-row span{
        max-width:100%
    }
    .lawyer-contract-shell{
        padding:0 12px
    }
    .lawyer-contract-file-picker{
        flex:0 1 auto;
        min-width:0
    }
    .lawyer-contract-file-input{
        max-width:100%
    }
    .lawyer-contract-seal-company{
        max-width:180px
    }
    .lawyer-contract-modal-content{
        height:100vh;
        max-height:100vh;
        max-width:100%;
        width:100%
    }
    .lawyer-contract-modal .lawyer-tab-panels{
        height:auto;
        max-height:none
    }
    .lawyer-labor-contact{
        gap:12px
    }
    .lawyer-labor-contact img{
        height:112px;
        width:112px
    }
}
@media (max-width:600px){
    .lawyer-workbench #backTop{
        display:none
    }
    .lawyer-form-actions .lawyer-primary, .lawyer-form-actions .lawyer-button{
        flex:1
    }
}
.lawyer-advanced-toggle:hover{
    background:#f1f4f8;
    color:#286bd6
}
.lawyer-advanced-options .lawyer-advanced-create-option{
    color:#286bd6;
    font-weight:600
}
.lawyer-advanced-options .lawyer-advanced-create-option small{
    color:#758196;
    font-size:14px;
    font-weight:400
}
.lawyer-customer-editor{
    border-top:1px solid #edf0f4;
    margin-top:14px;
    padding-top:12px
}
.lawyer-customer-editor .lawyer-modal-heading{
    margin:0 0 8px
}
#contractForm[hidden], #sealEditActions[hidden]{
    display:none
}
.lawyer-seal-position-toolbar label{
    align-items:center;
    display:inline-flex;
    gap:4px
}
#sealAcrossRange{
    background:#fff;
    border:1px solid #d9e0e8;
    border-radius:7px;
    box-sizing:border-box;
    font:inherit;
    min-height:34px;
    padding:6px 10px;
    width:180px
}
#sealAcrossRange[hidden]{
    display:none
}
#sealPdfCanvas{
    display:block
}
.lawyer-seal-draggable{
    position:absolute;
    border:2px dashed #d64545;
    border-radius:50%;
    background:rgba(214, 69, 69, .1);
    color:#b3261e;
    cursor:move;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:700;
    touch-action:none;
    user-select:none;
    z-index:2
}
.lawyer-seal-draggable[hidden]{
    display:none
}
.lawyer-seal-position-chip{
    background:#eef4ff;
    border:0;
    border-radius:6px;
    color:#245fae;
    cursor:pointer;
    font:inherit;
    padding:5px 8px
}
.lawyer-seal-position-chip.is-current{
    outline:2px solid #3478df
}
.lawyer-seal-position-content{
    display:flex;
    flex-direction:column;
    height:100vh;
    max-height:100vh;
    max-width:none;
    width:100vw
}
#sealTypeSelect{
    background:#fff;
    border:1px solid #d9e0e8;
    border-radius:7px;
    box-sizing:border-box;
    font:inherit;
    min-height:34px;
    padding:6px 10px;
    max-width:180px
}
.lawyer-contract-table-head span{
    text-align:left
}
.lawyer-contract-row > .lawyer-contract-title, .lawyer-contract-row > .lawyer-contract-status, .lawyer-contract-row > .lawyer-contract-cell{
    justify-self:start;
    text-align:left
}
label.lawyer-primary{
    cursor:pointer
}
.lawyer-tab-menu{
    background:#fff;
    border:1px solid #dce3ed;
    border-radius:8px;
    box-shadow:0 8px 24px rgba(31, 52, 82, .18);
    min-width:120px;
    padding:4px;
    position:fixed;
    z-index:2400
}
.lawyer-tab-menu button{
    background:#fff;
    border:0;
    border-radius:6px;
    color:#26364b;
    cursor:pointer;
    display:block;
    font:inherit;
    padding:7px 10px;
    text-align:left;
    width:100%
}
.lawyer-tab-menu button:hover{
    background:#eef4ff;
    color:#286bd6
}
.lawyer-preview-modal-content{
    display:flex;
    flex-direction:column;
    height:100vh;
    max-height:100vh;
    max-width:none;
    width:100vw
}
.lawyer-preview-shell{
    display:flex;
    flex-direction:column;
    height:100%;
    min-height:0
}
.lawyer-preview-toolbar{
    align-items:center;
    background:#fff;
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    padding:6px 8px
}
.lawyer-preview-toolbar button{
    background:#f5f7fa;
    border:1px solid #dce3ed;
    border-radius:6px;
    color:#40516a;
    cursor:pointer;
    font:inherit;
    line-height:1.2;
    min-height:30px;
    min-width:32px;
    padding:4px 9px
}
.lawyer-preview-toolbar button:hover{
    background:#eef4ff;
    color:#286bd6
}
.lawyer-preview-toolbar button.is-active{
    background:#e8f0ff;
    border-color:#a9c5f5;
    color:#1f5bb5
}
.lawyer-preview-zoom{
    color:#40516a;
    font-variant-numeric:tabular-nums;
    min-width:52px;
    text-align:center
}
input.lawyer-preview-zoom{
    background:#fff;
    border:1px solid #d4deed;
    border-radius:4px;
    box-sizing:border-box;
    color:#36465d;
    font:inherit;
    font-size:14px;
    height:28px;
    line-height:26px;
    padding:0 4px;
    width:62px
}
input.lawyer-preview-zoom:focus{
    border-color:#286bd6;
    outline:none
}
.lawyer-preview-download{
    align-self:center;
    color:#286bd6;
    margin-left:auto;
    text-decoration:none
}
.lawyer-preview-scroll{
    background:#eef1f5;
    flex:1 1 auto;
    min-height:0;
    overflow:auto;
    overscroll-behavior:contain
}
.lawyer-pdf-pages{
    align-items:flex-start;
    display:flex;
    flex-direction:column;
    gap:16px;
    padding:16px
}
.lawyer-pdf-pages > .lawyer-pdf-page{
    margin:0 auto
}
.lawyer-pdf-page{
    background:#fff;
    box-shadow:0 2px 10px rgba(31, 52, 82, .12);
    overflow:hidden;
    position:relative
}
.lawyer-pdf-page canvas{
    display:block
}
.lawyer-pdf-page.is-error{
    background:#fff5f5
}
.lawyer-docx-content{
    min-height:100%
}
.lawyer-docx-content .docx-wrapper{
    background:transparent;
    display:block;
    padding:16px
}
.lawyer-docx-content section.docx, .lawyer-docx-edit section.docx{
    margin-left:auto;
    margin-right:auto
}
.lawyer-preview-loading{
    color:#758196;
    padding:30px;
    text-align:center
}
.lawyer-contract-modal .lawyer-tab-panels [data-contract-panel] > .lawyer-preview-shell{
    flex:1 1 auto
}
#filePanels [data-file-panel]{
    height:100%;
    min-height:0
}
.lawyer-preview-modal-content > .lawyer-tab-panels{
    flex:1 1 auto;
    height:auto;
    max-height:none;
    min-height:0
}
.lawyer-contract-modal-content > .lawyer-tab-panels{
    flex:1 1 auto
}
.lawyer-docx-edit{
    background:#eef1f5;
    flex:1 1 auto;
    min-height:0;
    overflow:auto;
    padding:16px
}
.lawyer-docx-edit .docx-wrapper{
    background:transparent;
    padding:0
}
.lawyer-docx-edit p.is-editable{
    border-radius:2px;
    cursor:text;
    outline:none
}
.lawyer-docx-edit p.is-editable:hover{
    background:rgba(40, 107, 214, .06)
}
.lawyer-docx-edit p.is-editable:focus{
    background:rgba(40, 107, 214, .1);
    box-shadow:0 0 0 1px rgba(40, 107, 214, .35);
    outline:none
}
.lawyer-docx-edit p.is-readonly{
    opacity:.9
}
#contractPreviewDetails .lawyer-tab-panels, #customerFilePreview .lawyer-tab-panels{
    flex:1 1 auto;
    height:auto;
    max-height:none;
    min-height:0
}
.lawyer-advanced-control > input, .lawyer-advanced-control > textarea{
    box-sizing:border-box;
    min-width:0;
    width:100%
}
.lawyer-form{
    display:block
}
.lawyer-case-option-row{
    margin:8px 0
}
.lawyer-case-option-row > strong, .lawyer-case-option-row > label{
    color:#526175;
    display:inline-block;
    margin:0 8px 0 0;
    text-align:right;
    vertical-align:middle;
    width:168px
}
.lawyer-case-option-row > div, .lawyer-case-option-row > input, .lawyer-case-option-row > select, .lawyer-case-option-row > textarea{
    box-sizing:border-box;
    display:inline-block;
    max-width:calc(100% - 184px);
    vertical-align:middle;
    width:280px
}
.lawyer-case-flag-row{
    margin:8px 0
}
.lawyer-case-date-row{
    display:block
}
.lawyer-case-date-row > div{
    display:inline-block;
    margin:8px 16px 8px 0;
    vertical-align:middle
}
.lawyer-case-date-row label{
    color:#526175;
    display:inline-block;
    margin-right:8px;
    text-align:right;
    vertical-align:middle;
    width:168px
}
.lawyer-case-date-row input{
    box-sizing:border-box;
    min-height:36px;
    vertical-align:middle;
    width:180px
}
.lawyer-case-attachments{
    margin:8px 0
}
.lawyer-case-attachments > label{
    color:#526175;
    display:inline-block;
    margin-right:8px;
    text-align:right;
    vertical-align:middle;
    width:168px
}
.lawyer-advanced-toggle{
    background:transparent;
    border:0;
    border-radius:6px;
    color:#758196;
    cursor:pointer;
    font:16px/1 sans-serif;
    height:30px;
    padding:0;
    position:absolute;
    right:4px;
    top:50%;
    transform:translateY(-50%);
    width:28px;
    z-index:2
}
.lawyer-contract-preview-actions{
    align-items:center;
    display:inline-flex;
    flex:none;
    gap:8px;
    margin-left:auto;
    max-width:100%
}
.lawyer-preview-action-btn{
    background:transparent;
    border:0;
    border-radius:6px;
    color:#58677b;
    cursor:pointer;
    display:inline-block;
    font:inherit;
    padding:7px 8px;
    text-decoration:none;
    white-space:nowrap
}
.lawyer-preview-action-btn:hover{
    background:#f1f4f8;
    color:#286bd6
}
.lawyer-preview-close-btn, .lawyer-close{
    background:transparent;
    border:0;
    box-shadow:none;
    color:#758196;
    cursor:pointer;
    display:inline-block;
    flex:none;
    font:24px/34px sans-serif;
    height:34px;
    padding:0;
    text-align:center;
    width:34px
}
.lawyer-preview-close-btn:hover, .lawyer-close:hover{
    color:#243247
}
.lawyer-seal-position-toolbar{
    scrollbar-width:thin;
    align-items:center;
    display:flex;
    flex:1 1 auto;
    flex-wrap:nowrap;
    gap:8px;
    margin:0;
    min-width:0;
    overflow-x:auto;
    padding:4px 0;
    white-space:nowrap
}
.lawyer-seal-position-canvas-wrap{
    background:#eef1f5;
    box-sizing:border-box;
    flex:1 1 auto;
    min-height:0;
    min-width:0;
    overflow:auto;
    padding:16px;
    text-align:center
}
.lawyer-seal-page-layer{
    display:inline-block;
    position:relative;
    text-align:left;
    vertical-align:top
}
.lawyer-seal-position-list{
    display:inline-flex;
    gap:6px;
    margin:0;
    white-space:nowrap
}
.lawyer-advanced-field{
    display:inline-block;
    max-width:100%;
    min-width:0;
    position:relative;
    vertical-align:middle;
    width:280px
}
.lawyer-advanced-field > input, .lawyer-advanced-field > textarea{
    display:block;
    box-sizing:border-box;
    padding-right:36px;
    width:100%
}
.lawyer-advanced-field > textarea{
    line-height:1.5;
    max-height:132px;
    min-height:36px;
    overflow-y:hidden;
    resize:none
}
.lawyer-toolbar .lawyer-advanced-field{
    width:100%
}
.lawyer-body-editor, .lawyer-contract-modal, .lawyer-preview-modal{
    padding:0
}
.lawyer-body-editor > .lawyer-modal-content, .lawyer-contract-modal > .lawyer-modal-content, .lawyer-preview-modal > .lawyer-modal-content, .lawyer-seal-position-content{
    border:0;
    border-radius:0;
    box-sizing:border-box;
    height:100dvh;
    max-height:100dvh;
    max-width:none;
    overflow:auto;
    width:100%
}
.lawyer-body-editor .lawyer-modal-heading{
    position:sticky;
    top:0;
    background:#fff;
    z-index:3
}
.lawyer-heading-actions{
    display:inline-block;
    margin-left:auto;
    white-space:nowrap
}
.lawyer-heading-actions > button{
    margin-left:8px;
    vertical-align:middle
}
.lawyer-text-button, .lawyer-contract-row-action{
    background:transparent;
    border:0;
    border-radius:8px;
    color:#58677b;
    cursor:pointer;
    display:inline-block;
    box-sizing:border-box;
    font:inherit;
    height:34px;
    line-height:20px;
    padding:7px 10px;
    text-decoration:none;
    vertical-align:middle;
    white-space:nowrap
}
.lawyer-text-button:hover, .lawyer-contract-row-action:hover{
    background:#f1f4f8
}
.lawyer-custody-form{
    border:0;
    border-radius:0;
    margin:0;
    min-height:0;
    overflow:auto;
    padding:0
}
.lawyer-custody-form input, .lawyer-custody-form select{
    height:34px;
    min-height:34px
}
.lawyer-custody-add{
    margin-bottom:12px
}
.lawyer-custody-file-row, .lawyer-custody-category-row, .lawyer-custody-row{
    margin:8px 0 12px
}
.lawyer-custody-file-names{
    margin-left:8px;
    vertical-align:middle;
    width:min(600px, 100%)
}
.lawyer-custody-category-row label{
    margin-right:8px
}
.lawyer-custody-control{
    box-sizing:border-box;
    display:inline-block;
    margin:0 8px 8px 0;
    vertical-align:top
}
.lawyer-custody-type{
    width:78px
}
.lawyer-custody-role{
    width:100px
}
.lawyer-custody-name{
    width:210px
}
.lawyer-custody-idcard{
    width:180px
}
.lawyer-custody-phone{
    width:150px
}
.lawyer-custody-row .lawyer-advanced-control{
    max-width:100%;
    width:100%
}
.lawyer-custody-row .lawyer-advanced-options{
    max-width:calc(100vw - 80px);
    min-width:min(360px, 100vw - 80px)
}
@media (max-width:700px){
    .lawyer-custody-name, .lawyer-custody-idcard, .lawyer-custody-phone{
        display:block;
        margin-right:0;
        max-width:100%;
        width:100%
    }
    .lawyer-custody-file-names{
        margin:8px 0 0;
        max-width:100%
    }
}
.lawyer-custody-modal-open{
    overflow:hidden
}
.lawyer-contract-image{
    display:block;
    height:auto;
    margin:0 auto;
    max-width:100%
}
.lawyer-case-form, .lawyer-customer-form{
    border:0;
    display:block;
    flex:none;
    overflow:visible;
    padding:16px
}
.lawyer-form-field{
    display:inline-block;
    margin:8px 16px 8px 0;
    max-width:100%;
    vertical-align:middle;
    width:400px
}
.lawyer-form-label{
    color:#526175;
    display:inline-block;
    margin-right:8px;
    text-align:right;
    vertical-align:middle;
    width:112px
}
.lawyer-form-field > input, .lawyer-form-field > select{
    max-width:calc(100% - 120px);
    vertical-align:middle;
    width:280px
}
.lawyer-form-field > input[type=date]{
    width:280px
}
.lawyer-customer-opponent{
    display:block;
    margin:8px 0 8px 128px
}
.lawyer-customer-opponent input{
    margin-right:6px;
    min-height:16px;
    vertical-align:middle;
    width:16px
}
.lawyer-case-option-row > div:not(.lawyer-advanced-field){
    width:auto
}
.lawyer-case-option-row > .lawyer-advanced-field, .lawyer-case-cause-picker{
    width:280px
}
.lawyer-seal-workspace{
    display:flex;
    flex:1 1 auto;
    min-height:0;
    overflow:hidden
}
.lawyer-seal-sidebar{
    background:#fff;
    border-left:1px solid #e4e9ef;
    box-sizing:border-box;
    flex:0 0 200px;
    overflow:auto;
    padding:14px;
    text-align:left
}
.lawyer-seal-card{
    background:#fff;
    border:1px solid #dce3ed;
    border-radius:8px;
    color:#40516a;
    cursor:grab;
    display:block;
    font:inherit;
    margin-top:12px;
    padding:10px;
    width:100%
}
.lawyer-seal-card:hover{
    background:#f6f9ff;
    border-color:#a9c5f5
}
.lawyer-seal-card img{
    display:block;
    height:96px;
    margin:0 auto 8px;
    max-width:100%;
    object-fit:contain
}
.lawyer-seal-card span{
    display:block;
    overflow-wrap:anywhere
}
.lawyer-seal-draggable img{
    height:100%;
    object-fit:contain;
    pointer-events:none;
    width:100%
}
.lawyer-seal-draggable.is-selected{
    border-color:#286bd6;
    outline:2px solid #b9d2f7
}
.lawyer-seal-position-toolbar > *{
    flex:none
}
.lawyer-seal-page-input{
    border:1px solid #d9e0e8;
    border-radius:6px;
    box-sizing:border-box;
    font:inherit;
    height:34px;
    padding:5px;
    text-align:center;
    width:54px
}
.lawyer-preview-toolbar-host{
    display:inline-block;
    max-width:46vw;
    min-width:0;
    overflow-x:auto;
    vertical-align:middle
}
.lawyer-preview-toolbar-host .lawyer-preview-toolbar{
    border:0;
    flex-wrap:nowrap;
    margin:0;
    padding:0;
    white-space:nowrap
}
.lawyer-seal-context-menu{
    position:fixed
}
.lawyer-preview-close-btn:focus-visible, .lawyer-close:focus-visible{
    outline:2px solid #286bd6;
    outline-offset:2px
}
@media (max-width:600px){
    .lawyer-form-label, .lawyer-case-option-row > strong, .lawyer-case-option-row > label, .lawyer-case-flag-row > strong, .lawyer-case-date-row label, .lawyer-case-attachments > label{
        display:block;
        margin:0 0 5px;
        text-align:left;
        width:auto
    }
    .lawyer-form-field{
        display:block;
        margin-right:0
    }
    .lawyer-form-field > input, .lawyer-form-field > select, .lawyer-case-option-row > input, .lawyer-case-option-row > textarea, .lawyer-case-option-row > select, .lawyer-case-option-row > div, .lawyer-case-flag-row > div{
        max-width:100%
    }
    .lawyer-customer-opponent{
        margin-left:0
    }
    .lawyer-seal-sidebar{
        flex-basis:120px;
        padding:8px
    }
    .lawyer-seal-card{
        padding:6px
    }
    .lawyer-seal-card img{
        height:64px
    }
    .lawyer-preview-toolbar-host{
        max-width:100%
    }
}
.lawyer-case-attachments > input{
    box-sizing:border-box;
    max-width:100%;
    vertical-align:middle;
    width:280px
}
.lawyer-preview-scroll, .lawyer-seal-position-canvas-wrap, .lawyer-docx-edit,
.lawyer-tab-panels, .lawyer-seal-sidebar, .lawyer-seal-position-content,
.lawyer-contract-modal > .lawyer-modal-content, .lawyer-preview-modal > .lawyer-modal-content{
    scrollbar-width:none
}
.lawyer-preview-scroll::-webkit-scrollbar, .lawyer-seal-position-canvas-wrap::-webkit-scrollbar,
.lawyer-docx-edit::-webkit-scrollbar, .lawyer-tab-panels::-webkit-scrollbar,
.lawyer-seal-sidebar::-webkit-scrollbar, .lawyer-seal-position-content::-webkit-scrollbar,
.lawyer-contract-modal > .lawyer-modal-content::-webkit-scrollbar,
.lawyer-preview-modal > .lawyer-modal-content::-webkit-scrollbar{
    display:none
}
.lawyer-modal-heading{
    flex-wrap:wrap;
    gap:8px
}
.lawyer-seal-position-toolbar{
    flex-wrap:wrap;
    overflow:visible;
    white-space:normal
}
.lawyer-preview-toolbar-host{
    flex:1 1 auto;
    max-width:100%;
    overflow:visible
}
.lawyer-preview-toolbar-host .lawyer-preview-toolbar{
    flex-wrap:wrap;
    white-space:normal
}
.lawyer-seal-position-list{
    flex-wrap:wrap;
    white-space:normal
}
.lawyer-contract-preview-actions{
    flex-wrap:wrap
}
.lawyer-seal-page-controls{
    align-items:center;
    display:inline-flex;
    gap:8px
}
.lawyer-seal-page-controls[hidden]{
    display:none
}
.lawyer-seal-sidebar > strong{
    display:block;
    margin-bottom:8px
}
#sealTypeSelect{
    margin-bottom:4px;
    max-width:none;
    width:100%
}
.lawyer-contract-row span{
    margin-top:0
}
.lawyer-customer-scope{
    display:block;
    margin-right:0;
    vertical-align:top;
    width:100%
}
.lawyer-customer-scope > textarea{
    box-sizing:border-box;
    max-width:calc(100% - 120px);
    min-height:70px;
    resize:vertical;
    vertical-align:top;
    width:calc(100% - 120px)
}
.lawyer-customer-attachments > input[type=file]{
    background:transparent;
    border:0;
    box-sizing:border-box;
    padding:4px 0;
    width:280px
}
.lawyer-case-details-flags{
    margin:4px 0 8px
}
.lawyer-case-details-flags > div{
    display:inline-block;
    margin:0 24px 8px 0
}
.lawyer-case-details-flags span{
    color:#243247;
    display:inline-block;
    max-width:none;
    white-space:nowrap
}
.lawyer-case-details-flags strong{
    color:#526175;
    display:inline-block;
    font-weight:600;
    margin-right:6px;
    width:auto
}
@media (min-width:761px){
    .lawyer-contract-table-head, .lawyer-contract-row{
        align-items:center
    }
    .lawyer-contract-table-head span, .lawyer-contract-row > *{
        align-self:center
    }
}
.lawyer-attachment-name, .lawyer-attachment-actions{
    display:table-cell;
    vertical-align:middle
}
.lawyer-attachment-name{
    width:34%
}
.lawyer-attachment-actions{
    width:132px;
    text-align:right;
    white-space:nowrap
}
@media (max-width:600px){
    .lawyer-attachment-row, .lawyer-attachment-name, .lawyer-attachment-source, .lawyer-attachment-actions{
        display:block;
        width:auto;
        text-align:left
    }
    .lawyer-attachment-source{
        padding:4px 14px
    }
}
.lawyer-case-detail-heading{
    display:block;
    position:relative;
    min-height:34px;
    padding-right:44px
}
.lawyer-case-detail-heading > strong{
    display:block;
    white-space:normal;
    overflow-wrap:anywhere;
    padding-top:6px
}
.lawyer-case-detail-heading > .lawyer-close{
    position:absolute;
    right:0;
    top:0;
    margin:0
}
@media (max-width:600px){
    .lawyer-customer-scope > textarea{
        max-width:100%;
        width:280px
    }
}