.electronic-shade,.electronic-edit-shade{position:fixed;inset:0;background:#0006;z-index:1300;overflow:auto}
.electronic-modal{position:relative;box-sizing:border-box;width:90%;margin:150px auto 0;padding:60px 0 24px;color:#505050}
.electronic-paper{margin-top:0;background:#fff;border-radius:5px;padding:65px 45px 45px;box-shadow:0 4px 20px #0003}
.electronic-paper>h2{font-size:24px;font-weight:700;line-height:36px;margin:0 0 40px 30px}
.electronic-close{position:absolute;right:calc(-5.5555556% + 5px);top:20px;min-height:40px;width:42px;height:40px;background:#fff;border:1px solid #ddd;border-radius:4px;padding:0;font-size:28px;color:#444}
.electronic-add-form{position:relative;width:100%;margin-left:30px;padding-bottom:15px}
.electronic-add-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;width:calc(100% - 64px)}
.electronic-add-other{display:grid;grid-template-columns:1fr 1fr 3.595fr;gap:10px;width:calc(100% - 64px);margin-top:15px}
.electronic-field{min-width:0;height:69px}
.electronic-field>label{display:block;font-size:12px;font-weight:500;line-height:16px;margin-bottom:13px}
.electronic-field em{font-style:normal;color:#f04c55}
.electronic-field input{width:100%;min-width:0;height:40px;font-size:13px}
.electronic-field .date-field{width:100%}
.electronic-field .date-field input{padding-right:24px}
.electronic-add{position:absolute;right:0;top:28px;width:44px;height:40px;min-height:40px;padding:0;font-size:24px;border:0;border-radius:4px;background:#79b896;color:white}
.electronic-error{font-size:13px;color:#ba2929;margin:12px 0}
.electronic-error:empty{display:none}
.electronic-table-scroll{overflow:auto;max-height:360px;margin-top:32px}
.electronic-table-scroll table{width:1245px;min-width:1245px;table-layout:fixed;border-collapse:separate;border-spacing:0;border:0}
.electronic-table-scroll th{font-size:12px;padding:12px 16px 10px;line-height:18px;font-weight:500;background:#fff;color:#2e2e2e;white-space:normal;height:59px;border:0;border-bottom:1px solid #eee}
.electronic-table-scroll td{font-size:13px;padding:12px 16px 10px;line-height:19.5px;word-break:break-word;background:#fff;color:#646464;height:87px;border:0;border-bottom:1px solid #eee}
.electronic-table-scroll td:last-child{padding:12px 16px 10px;white-space:normal}
.electronic-table-scroll td button{display:inline-block;vertical-align:middle;width:26px;height:32px;min-height:32px;border:1px solid transparent;background:none;padding:5px;font-size:14px}
.electronic-table-scroll td button svg{width:14px;height:14px}
.electronic-table-scroll td.empty{height:163px;text-align:center;color:#aaa}
.electronic-empty-placeholder{height:163px;padding:16px;border-top:1px solid #eee}
.electronic-empty{margin:0 8px;text-align:center;color:#aaa;font-size:16px;line-height:22px}
.electronic-empty img{display:block;object-fit:contain;width:184px;height:100px;margin:0 auto 8px}
.electronic-empty p{margin:0;line-height:22px}
.electronic-footer{display:flex;justify-content:space-between;padding-right:17.02432%;margin-top:20px;font-size:13px;line-height:16px;color:#7c7c7c}
.electronic-edit-shade{z-index:1320}
.electronic-editor{position:relative;box-sizing:border-box;width:360px;min-height:626px;margin:200px auto 25px;padding:23px 35px 25px;background:#fff;border-radius:5px}
.electronic-editor .electronic-close{right:7px;top:-40px;width:32px;height:32px;min-height:32px}
.electronic-edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px 10px}
.electronic-edit-grid .electronic-date,.electronic-edit-grid .electronic-contract,.electronic-edit-grid .electronic-note{grid-column:1/-1}
.electronic-editor form>button{display:block;margin:18px auto 0}
.electronic-confirm{width:min(480px,90vw);margin:200px auto;background:white;padding:30px;border-radius:6px}
.electronic-confirm h3{font-size:24px}
.electronic-confirm p{font-size:16px}
.electronic-confirm button{margin:20px 12px 0 0}
.electronic-legacy{display:block;font-size:12px;margin:-20px 0 25px 30px}
.electronic-legacy input{display:block;width:100%;margin-top:10px}
.sale-e-document-button{width:100%;min-height:40px;text-align:left;white-space:normal}
.sale-e-document-open{display:inline-flex;align-items:center;gap:12px;border:0;background:transparent;font-size:24px;font-weight:700;padding:0;margin:10px 0 8px}
.sale-e-document-open svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.4}
.electronic-shade :focus-visible,.electronic-edit-shade :focus-visible{outline:2px solid #55ad84;outline-offset:2px}
body:has(.electronic-shade)>.calendar-popup{z-index:1340}
@media(max-width:800px){.electronic-modal{width:96%;margin-top:70px}.electronic-paper{padding:45px 20px}.electronic-paper>h2,.electronic-add-form{margin-left:0}.electronic-add-row{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:15px;width:100%}.electronic-add-other{grid-template-columns:1fr 1fr;width:100%}.electronic-add-other .electronic-note{grid-column:1/-1}.electronic-modal>.electronic-close{right:0;top:10px}.electronic-add{position:static;display:block;margin:12px 0 0 auto}.electronic-legacy{margin-left:0}}
@media(max-width:400px){.electronic-editor{width:96%;padding-left:20px;padding-right:20px}}
