.log-container[data-v-c3a78ddc] {
    position: fixed;
    bottom: 20px;
    left: 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    z-index: 9999;
}
.log[data-v-c3a78ddc] {
    padding: 12px 20px;
    border-radius: 8px;
    background: #333;
    color: white;
    font-family: Arial, sans-serif;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease;
    min-width: 220px;
    opacity: 0.95;
}
.log.debug[data-v-c3a78ddc] {
    background: #c2c6c8;
}
.log.info[data-v-c3a78ddc] {
    background: #2ecc71;
}
.log.error[data-v-c3a78ddc] {
    background: #e74c3c;
}

/* .menu-buttons {
    display: flex;
    flex-direction: column;
    gap: 10px;
} */

/* Режим отображения замеров */
.filter-zamer[data-v-4506e9e7] {
    font-weight: bold;
    margin: 5px;
}
.activeFilter[data-v-4506e9e7] {
    font-weight: bold;
    color: #27ae60;
    border: 2px solid #27ae60;
    padding: 5px 10px;
    border-radius: 5px;
    box-shadow: 0 0 5px #27ae60;
}
.deactiveFilter[data-v-4506e9e7] {
    font-weight: normal;
    color: grey;
    border: 2px solid grey;
    padding: 5px 10px;
    border-radius: 5px;
    box-shadow: 0 0 5px lightgrey;
}
@keyframes spinning{0%{transform:rotate(0)}to{transform:rotate(2turn)}}fieldset[disabled] .multiselect{pointer-events:none}.multiselect__spinner{position:absolute;right:1px;top:1px;width:40px;height:38px;background:#fff;display:block}.multiselect__spinner::after,.multiselect__spinner::before{position:absolute;content:"";top:50%;left:50%;margin:-8px 0 0-8px;width:16px;height:16px;border-radius:100%;border-color:#41b883 transparent transparent;border-style:solid;border-width:2px;box-shadow:0 0 0 1px transparent;animation:spinning 2.4s cubic-bezier(.41,.26,.2,.62);animation-iteration-count:infinite}.multiselect__spinner::after{animation:spinning 2.4s cubic-bezier(.51,.09,.21,.8)}.multiselect__loading-enter-active{transition:opacity .4s ease-in-out;opacity:1}.multiselect__loading-leave-active{transition:opacity .4s ease-in-out}.multiselect__loading-enter,.multiselect__loading-leave-active{opacity:0}.multiselect,.multiselect__input,.multiselect__single{font-family:inherit;font-size:16px;touch-action:manipulation}.multiselect{box-sizing:content-box;display:block;position:relative;width:100%;min-height:40px;text-align:left;color:#35495e}.multiselect *{box-sizing:border-box}.multiselect:focus{outline:0}.multiselect--disabled{background:#ededed;pointer-events:none;opacity:.6}.multiselect--active{z-index:50}.multiselect--active:not(.multiselect--above) .multiselect__current,.multiselect--active:not(.multiselect--above) .multiselect__input,.multiselect--active:not(.multiselect--above) .multiselect__tags{border-bottom-left-radius:0;border-bottom-right-radius:0}.multiselect--active .multiselect__select{transform:rotateZ(180deg)}.multiselect--above.multiselect--active .multiselect__current,.multiselect--above.multiselect--active .multiselect__input,.multiselect--above.multiselect--active .multiselect__tags{border-top-left-radius:0;border-top-right-radius:0}.multiselect__input{padding:0 0 0 5px;margin-bottom:8px}.multiselect__input,.multiselect__single{position:relative;display:inline-block;min-height:20px;line-height:20px;border:0;border-radius:5px;background:#fff;width:calc(100%);transition:border .1s ease;box-sizing:border-box;vertical-align:top}.multiselect__input::placeholder{color:#35495e}.multiselect__tag~.multiselect__input,.multiselect__tag~.multiselect__single{width:auto}.multiselect__input:hover,.multiselect__single:hover{border-color:#cfcfcf}.multiselect__input:focus,.multiselect__single:focus{border-color:#a8a8a8;outline:0}.multiselect__single{padding:0 0 0 5px;margin-bottom:8px}.multiselect__tags-wrap{display:inline}.multiselect__tags{min-height:40px;display:block;padding:8px 40px 0 8px;border-radius:5px;border:1px solid #e8e8e8;background:#fff;font-size:14px}.multiselect__tag{position:relative;display:inline-block;padding:4px 26px 4px 10px;border-radius:5px;margin-right:10px;color:#fff;line-height:1;background:#41b883;margin-bottom:5px;white-space:nowrap;overflow:hidden;max-width:100%;text-overflow:ellipsis}.multiselect__tag-icon{cursor:pointer;margin-left:7px;position:absolute;right:0;top:0;bottom:0;font-weight:700;font-style:initial;width:22px;text-align:center;line-height:22px;transition:all .2s ease;border-radius:5px}.multiselect__tag-icon::after{content:"×";color:#266d4d;font-size:14px}.multiselect__tag-icon:focus::after,.multiselect__tag-icon:hover::after{color:#fff}.multiselect__current,.multiselect__select{line-height:16px;display:block;box-sizing:border-box;margin:0;text-decoration:none;cursor:pointer}.multiselect__current{min-height:40px;overflow:hidden;padding:8px 30px 0 12px;white-space:nowrap;border-radius:5px;border:1px solid #e8e8e8}.multiselect__select{position:absolute;width:40px;height:38px;right:1px;top:1px;padding:4px 8px;text-align:center;transition:transform .2s ease}.multiselect__select::before{position:relative;right:0;top:65%;color:#999;margin-top:4px;border-style:solid;border-width:5px 5px 0;border-color:#999 transparent transparent;content:""}.multiselect__placeholder{color:#adadad;display:inline-block;margin-bottom:10px;padding-top:2px}.multiselect--active .multiselect__placeholder{display:none}.multiselect__content-wrapper{position:absolute;display:block;background:#fff;width:100%;max-height:240px;overflow:auto;border:1px solid #e8e8e8;border-top:none;border-bottom-left-radius:5px;border-bottom-right-radius:5px;z-index:50;-webkit-overflow-scrolling:touch}.multiselect__content{list-style:none;display:inline-block;padding:0;margin:0;min-width:100%;vertical-align:top}.multiselect--above .multiselect__content-wrapper{bottom:100%;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom:none;border-top:1px solid #e8e8e8}.multiselect__content::-webkit-scrollbar{display:none}.multiselect__element{display:block}.multiselect__option{display:block;padding:12px;min-height:40px;line-height:16px;text-decoration:none;text-transform:none;vertical-align:middle;position:relative;cursor:pointer;white-space:nowrap}.multiselect__option::after{top:0;right:0;position:absolute;line-height:40px;padding-right:12px;padding-left:20px;font-size:13px}.multiselect__option--highlight{background:#41b883;outline:0;color:#fff}.multiselect__option--highlight::after{content:attr(data-select);background:#41b883;color:#fff}.multiselect__option--selected{background:#f3f3f3;color:#35495e;font-weight:700}.multiselect__option--selected::after{content:attr(data-selected);color:silver;background:inherit}.multiselect__option--selected.multiselect__option--highlight{background:#ff6a6a;color:#fff}.multiselect__option--selected.multiselect__option--highlight::after{background:#ff6a6a;content:attr(data-deselect);color:#fff}.multiselect--disabled .multiselect__current,.multiselect--disabled .multiselect__select{background:#ededed;color:#a6a6a6}.multiselect__option--disabled{background:#ededed!important;color:#a6a6a6!important;cursor:text;pointer-events:none}.multiselect__option--group{background:#ededed;color:#35495e}.multiselect__option--group.multiselect__option--highlight{background:#35495e;color:#fff}.multiselect__option--group.multiselect__option--highlight::after{background:#35495e}.multiselect__option--disabled.multiselect__option--highlight{background:#dedede}.multiselect__option--group-selected.multiselect__option--highlight{background:#ff6a6a;color:#fff}.multiselect__option--group-selected.multiselect__option--highlight::after{background:#ff6a6a;content:attr(data-deselect);color:#fff}.multiselect-enter-active,.multiselect-leave-active{transition:all .15s ease}.multiselect-enter,.multiselect-leave-active{opacity:0}.multiselect__strong{margin-bottom:8px;line-height:20px;display:inline-block;vertical-align:top}[dir=rtl] .multiselect{text-align:right}[dir=rtl] .multiselect__select{right:auto;left:1px}[dir=rtl] .multiselect__tags{padding:8px 8px 0 40px}[dir=rtl] .multiselect__content{text-align:right}[dir=rtl] .multiselect__option::after{right:auto;left:0}[dir=rtl] .multiselect__clear{right:auto;left:12px}[dir=rtl] .multiselect__spinner{right:auto;left:1px}[data-main-rotation="90"]{transform:rotate(90deg) translateY(-100%)}[data-main-rotation="180"]{transform:rotate(180deg) translate(-100%,-100%)}[data-main-rotation="270"]{transform:rotate(270deg) translateX(-100%)}#hiddenCopyElement,.hiddenCanvasElement{position:absolute;top:0;left:0;width:0;height:0;display:none}.annotationLayer{--annotation-unfocused-field-background:url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>");--input-focus-border-color:Highlight;--input-focus-outline:1px solid Canvas;--input-unfocused-border-color:transparent;--input-disabled-border-color:transparent;--input-hover-border-color:black;--link-outline:none}@media screen and (forced-colors:active){.annotationLayer{--input-focus-border-color:CanvasText;--input-unfocused-border-color:ActiveText;--input-disabled-border-color:GrayText;--input-hover-border-color:Highlight;--link-outline:1.5px solid LinkText}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .textWidgetAnnotation :is(input,textarea):required{outline:1.5px solid selectedItem}.annotationLayer .linkAnnotation{outline:var(--link-outline)}:is(.annotationLayer .linkAnnotation):hover{-webkit-backdrop-filter:var(--hcm-highlight-filter);backdrop-filter:var(--hcm-highlight-filter)}:is(.annotationLayer .linkAnnotation)>a:hover{opacity:0!important;background:0 0!important;box-shadow:none}.annotationLayer .popupAnnotation .popup{outline:calc(1.5px * var(--scale-factor)) solid CanvasText!important;background-color:ButtonFace!important;color:ButtonText!important}.annotationLayer .highlightArea:hover::after{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-backdrop-filter:var(--hcm-highlight-filter);backdrop-filter:var(--hcm-highlight-filter);content:"";pointer-events:none}.annotationLayer .popupAnnotation.focused .popup{outline:calc(3px * var(--scale-factor)) solid Highlight!important}}.annotationLayer{position:absolute;top:0;left:0;pointer-events:none;transform-origin:0 0}.annotationLayer[data-main-rotation="90"] .norotate{transform:rotate(270deg) translateX(-100%)}.annotationLayer[data-main-rotation="180"] .norotate{transform:rotate(180deg) translate(-100%,-100%)}.annotationLayer[data-main-rotation="270"] .norotate{transform:rotate(90deg) translateY(-100%)}.annotationLayer.disabled .popup,.annotationLayer.disabled section{pointer-events:none}.annotationLayer .annotationContent{position:absolute;width:100%;height:100%;pointer-events:none}.freetext:is(.annotationLayer .annotationContent){background:0 0;border:none;inset:0;overflow:visible;white-space:nowrap;font:10px sans-serif;line-height:1.35;-webkit-user-select:none;-moz-user-select:none;user-select:none}.annotationLayer section{position:absolute;text-align:initial;pointer-events:auto;box-sizing:border-box;transform-origin:0 0}:is(.annotationLayer section):has(div.annotationContent) canvas.annotationContent{display:none}.textLayer.selecting~.annotationLayer section{pointer-events:none}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a{position:absolute;font-size:1em;top:0;left:0;width:100%;height:100%}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton):not(.hasBorder)>a:hover{opacity:.2;background-color:rgb(255 255 0);box-shadow:0 2px 10px rgb(255 255 0)}.annotationLayer .linkAnnotation.hasBorder:hover{background-color:rgb(255 255 0 / .2)}.annotationLayer .hasBorder{background-size:100% 100%}.annotationLayer .textAnnotation img{position:absolute;cursor:pointer;width:100%;height:100%;top:0;left:0}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input,.annotationLayer .choiceWidgetAnnotation select,.annotationLayer .textWidgetAnnotation :is(input,textarea){background-image:var(--annotation-unfocused-field-background);border:2px solid var(--input-unfocused-border-color);box-sizing:border-box;font:calc(9px * var(--scale-factor)) sans-serif;height:100%;margin:0;vertical-align:top;width:100%}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .textWidgetAnnotation :is(input,textarea):required{outline:1.5px solid red}.annotationLayer .choiceWidgetAnnotation select option{padding:0}.annotationLayer .buttonWidgetAnnotation.radioButton input{border-radius:50%}.annotationLayer .textWidgetAnnotation textarea{resize:none}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input[disabled],.annotationLayer .choiceWidgetAnnotation select[disabled],.annotationLayer .textWidgetAnnotation [disabled]:is(input,textarea){background:0 0;border:2px solid var(--input-disabled-border-color);cursor:not-allowed}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .textWidgetAnnotation :is(input,textarea):hover{border:2px solid var(--input-hover-border-color)}.annotationLayer .buttonWidgetAnnotation.checkBox input:hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .textWidgetAnnotation :is(input,textarea):hover{border-radius:2px}.annotationLayer .choiceWidgetAnnotation select:focus,.annotationLayer .textWidgetAnnotation :is(input,textarea):focus{background:0 0;border:2px solid var(--input-focus-border-color);border-radius:2px;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) :focus{background-image:none;background-color:transparent}.annotationLayer .buttonWidgetAnnotation.checkBox :focus{border:2px solid var(--input-focus-border-color);border-radius:2px;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.radioButton :focus{border:2px solid var(--input-focus-border-color);outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before,.annotationLayer .buttonWidgetAnnotation.radioButton input:checked::before{background-color:CanvasText;content:"";display:block;position:absolute}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before{height:80%;left:45%;width:1px}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before{transform:rotate(45deg)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after{transform:rotate(-45deg)}.annotationLayer .buttonWidgetAnnotation.radioButton input:checked::before{border-radius:50%;height:50%;left:25%;top:25%;width:50%}.annotationLayer .textWidgetAnnotation input.comb{font-family:monospace;padding-left:2px;padding-right:0}.annotationLayer .textWidgetAnnotation input.comb:focus{width:103%}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{-webkit-appearance:none;-moz-appearance:none;appearance:none}.annotationLayer .fileAttachmentAnnotation .popupTriggerArea{height:100%;width:100%}.annotationLayer .popupAnnotation{position:absolute;font-size:calc(9px * var(--scale-factor));pointer-events:none;width:-moz-max-content;width:max-content;max-width:45%;height:auto}.annotationLayer .popup{background-color:rgb(255 255 153);box-shadow:0 calc(2px * var(--scale-factor)) calc(5px * var(--scale-factor)) rgb(136 136 136);border-radius:calc(2px * var(--scale-factor));outline:1.5px solid rgb(255 255 74);padding:calc(6px * var(--scale-factor));cursor:pointer;font:message-box;white-space:normal;word-wrap:break-word;pointer-events:auto}.annotationLayer .popupAnnotation.focused .popup{outline-width:3px}.annotationLayer .popup *{font-size:calc(9px * var(--scale-factor))}.annotationLayer .popup>.header{display:inline-block}.annotationLayer .popup>.header h1{display:inline}.annotationLayer .popup>.header .popupDate{display:inline-block;margin-left:calc(5px * var(--scale-factor));width:-moz-fit-content;width:fit-content}.annotationLayer .popupContent{border-top:1px solid rgb(51 51 51);margin-top:calc(2px * var(--scale-factor));padding-top:calc(2px * var(--scale-factor))}.annotationLayer .richText>*{white-space:pre-wrap;font-size:calc(9px * var(--scale-factor))}.annotationLayer .popupTriggerArea{cursor:pointer}.annotationLayer section svg{position:absolute;width:100%;height:100%;top:0;left:0}.annotationLayer .annotationTextContent{position:absolute;width:100%;height:100%;opacity:0;color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}:is(.annotationLayer .annotationTextContent) span{width:100%;display:inline-block}.annotationLayer svg.quadrilateralsContainer{contain:strict;width:0;height:0;position:absolute;top:0;left:0;z-index:-1}
[data-main-rotation="90"]{transform:rotate(90deg) translateY(-100%)}[data-main-rotation="180"]{transform:rotate(180deg) translate(-100%,-100%)}[data-main-rotation="270"]{transform:rotate(270deg) translateX(-100%)}#hiddenCopyElement,.hiddenCanvasElement{position:absolute;top:0;left:0;width:0;height:0;display:none}.textLayer{position:absolute;text-align:initial;inset:0;overflow:clip;opacity:1;line-height:1;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;forced-color-adjust:none;transform-origin:0 0;caret-color:CanvasText;z-index:0}.textLayer.highlighting{touch-action:none}.textLayer :is(span,br){color:transparent;position:absolute;white-space:pre;cursor:text;transform-origin:0% 0%}.textLayer .markedContent span:not(.markedContent),.textLayer>:not(.markedContent){z-index:1}.textLayer span.markedContent{top:0;height:0}.textLayer span[role=img]{-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:default}.textLayer .highlight{--highlight-bg-color:rgb(180 0 170 / 0.25);--highlight-selected-bg-color:rgb(0 100 0 / 0.25);--highlight-backdrop-filter:none;--highlight-selected-backdrop-filter:none}@media screen and (forced-colors:active){.textLayer .highlight{--highlight-bg-color:transparent;--highlight-selected-bg-color:transparent;--highlight-backdrop-filter:var(--hcm-highlight-filter);--highlight-selected-backdrop-filter:var(--hcm-highlight-selected-filter)}}.textLayer .highlight{margin:-1px;padding:1px;background-color:var(--highlight-bg-color);-webkit-backdrop-filter:var(--highlight-backdrop-filter);backdrop-filter:var(--highlight-backdrop-filter);border-radius:4px}.appended:is(.textLayer .highlight){position:initial}.begin:is(.textLayer .highlight){border-radius:4px 0 0 4px}.end:is(.textLayer .highlight){border-radius:0 4px 4px 0}.middle:is(.textLayer .highlight){border-radius:0}.selected:is(.textLayer .highlight){background-color:var(--highlight-selected-bg-color);-webkit-backdrop-filter:var(--highlight-selected-backdrop-filter);backdrop-filter:var(--highlight-selected-backdrop-filter)}.textLayer ::-moz-selection{background:rgba(0 0 255 / .25);background:color-mix(in srgb,AccentColor,transparent 75%)}.textLayer ::selection{background:rgba(0 0 255 / .25);background:color-mix(in srgb,AccentColor,transparent 75%)}.textLayer br::-moz-selection{background:0 0}.textLayer br::selection{background:0 0}.textLayer .endOfContent{display:block;position:absolute;inset:100% 0 0;z-index:0;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}.textLayer.selecting .endOfContent{top:0}
/*!
 * FilePond 4.32.9
 * Licensed under MIT, https://opensource.org/licenses/MIT/
 * Please visit https://pqina.nl/filepond/ for details.
 */

/* eslint-disable */
.filepond--assistant{position:absolute;overflow:hidden;height:1px;width:1px;padding:0;border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}.filepond--browser.filepond--browser{position:absolute;margin:0;padding:0;left:1em;top:1.75em;width:calc(100% - 2em);opacity:0;font-size:0}.filepond--data{position:absolute;width:0;height:0;padding:0;margin:0;border:none;visibility:hidden;pointer-events:none;contain:strict}.filepond--drip{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;opacity:.1;pointer-events:none;border-radius:.5em;background:rgba(0,0,0,.01)}.filepond--drip-blob{-webkit-transform-origin:center center;transform-origin:center center;width:8em;height:8em;margin-left:-4em;margin-top:-4em;background:#292625;border-radius:50%}.filepond--drip-blob,.filepond--drop-label{position:absolute;top:0;left:0;will-change:transform,opacity}.filepond--drop-label{right:0;margin:0;color:#4f4f4f;display:flex;justify-content:center;align-items:center;height:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.filepond--drop-label.filepond--drop-label label{display:block;margin:0;padding:.5em}.filepond--drop-label label{cursor:default;font-size:.875em;font-weight:400;text-align:center;line-height:1.5}.filepond--label-action{text-decoration:underline;-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto;-webkit-text-decoration-color:#a7a4a4;text-decoration-color:#a7a4a4;cursor:pointer}.filepond--root[data-disabled] .filepond--drop-label label{opacity:.5}.filepond--file-action-button.filepond--file-action-button{font-size:1em;width:1.625em;height:1.625em;font-family:inherit;line-height:inherit;margin:0;padding:0;border:none;outline:none;will-change:transform,opacity}.filepond--file-action-button.filepond--file-action-button span{position:absolute;overflow:hidden;height:1px;width:1px;padding:0;border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}.filepond--file-action-button.filepond--file-action-button svg{width:100%;height:100%}.filepond--file-action-button.filepond--file-action-button:after{position:absolute;left:-.75em;right:-.75em;top:-.75em;bottom:-.75em;content:""}.filepond--file-action-button{cursor:auto;color:#fff;border-radius:50%;background-color:rgba(0,0,0,.5);background-image:none;box-shadow:0 0 0 0 hsla(0,0%,100%,0);transition:box-shadow .25s ease-in}.filepond--file-action-button:focus,.filepond--file-action-button:hover{box-shadow:0 0 0 .125em hsla(0,0%,100%,.9)}.filepond--file-action-button[disabled]{color:hsla(0,0%,100%,.5);background-color:rgba(0,0,0,.25)}.filepond--file-action-button[hidden]{display:none}.filepond--action-edit-item.filepond--action-edit-item{width:2em;height:2em;padding:.1875em}.filepond--action-edit-item.filepond--action-edit-item[data-align*=center]{margin-left:-.1875em}.filepond--action-edit-item.filepond--action-edit-item[data-align*=bottom]{margin-bottom:-.1875em}.filepond--action-edit-item-alt{border:none;line-height:inherit;background:transparent;font-family:inherit;color:inherit;outline:none;padding:0;margin:0 0 0 .25em;pointer-events:all;position:absolute}.filepond--action-edit-item-alt svg{width:1.3125em;height:1.3125em}.filepond--action-edit-item-alt span{font-size:0;opacity:0}.filepond--file-info{position:static;display:flex;flex-direction:column;align-items:flex-start;flex:1;margin:0 .5em 0 0;min-width:0;will-change:transform,opacity;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.filepond--file-info *{margin:0}.filepond--file-info .filepond--file-info-main{font-size:.75em;line-height:1.2;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:100%}.filepond--file-info .filepond--file-info-sub{font-size:.625em;opacity:.5;transition:opacity .25s ease-in-out;white-space:nowrap}.filepond--file-info .filepond--file-info-sub:empty{display:none}.filepond--file-status{position:static;display:flex;flex-direction:column;align-items:flex-end;flex-grow:0;flex-shrink:0;margin:0;min-width:2.25em;text-align:right;will-change:transform,opacity;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.filepond--file-status *{margin:0;white-space:nowrap}.filepond--file-status .filepond--file-status-main{font-size:.75em;line-height:1.2}.filepond--file-status .filepond--file-status-sub{font-size:.625em;opacity:.5;transition:opacity .25s ease-in-out}.filepond--file-wrapper.filepond--file-wrapper{border:none;margin:0;padding:0;min-width:0;height:100%}.filepond--file-wrapper.filepond--file-wrapper>legend{position:absolute;overflow:hidden;height:1px;width:1px;padding:0;border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}.filepond--file{position:static;display:flex;height:100%;align-items:flex-start;padding:.5625em;color:#fff;border-radius:.5em}.filepond--file .filepond--file-status{margin-left:auto;margin-right:2.25em}.filepond--file .filepond--processing-complete-indicator{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:3}.filepond--file .filepond--file-action-button,.filepond--file .filepond--processing-complete-indicator,.filepond--file .filepond--progress-indicator{position:absolute}.filepond--file [data-align*=left]{left:.5625em}.filepond--file [data-align*=right]{right:.5625em}.filepond--file [data-align*=center]{left:calc(50% - .8125em)}.filepond--file [data-align*=bottom]{bottom:1.125em}.filepond--file [data-align=center]{top:calc(50% - .8125em)}.filepond--file .filepond--progress-indicator{margin-top:.1875em}.filepond--file .filepond--progress-indicator[data-align*=right]{margin-right:.1875em}.filepond--file .filepond--progress-indicator[data-align*=left]{margin-left:.1875em}[data-filepond-item-state*=error] .filepond--file-info,[data-filepond-item-state*=invalid] .filepond--file-info,[data-filepond-item-state=cancelled] .filepond--file-info{margin-right:2.25em}[data-filepond-item-state~=processing] .filepond--file-status-sub{opacity:0}[data-filepond-item-state~=processing] .filepond--action-abort-item-processing~.filepond--file-status .filepond--file-status-sub{opacity:.5}[data-filepond-item-state=processing-error] .filepond--file-status-sub{opacity:0}[data-filepond-item-state=processing-error] .filepond--action-retry-item-processing~.filepond--file-status .filepond--file-status-sub{opacity:.5}[data-filepond-item-state=processing-complete] .filepond--action-revert-item-processing svg{-webkit-animation:fall .5s linear .125s both;animation:fall .5s linear .125s both}[data-filepond-item-state=processing-complete] .filepond--file-status-sub{opacity:.5}[data-filepond-item-state=processing-complete] .filepond--file-info-sub,[data-filepond-item-state=processing-complete] .filepond--processing-complete-indicator:not([style*=hidden])~.filepond--file-status .filepond--file-status-sub{opacity:0}[data-filepond-item-state=processing-complete] .filepond--action-revert-item-processing~.filepond--file-info .filepond--file-info-sub{opacity:.5}[data-filepond-item-state*=error] .filepond--file-wrapper,[data-filepond-item-state*=error] .filepond--panel,[data-filepond-item-state*=invalid] .filepond--file-wrapper,[data-filepond-item-state*=invalid] .filepond--panel{-webkit-animation:shake .65s linear both;animation:shake .65s linear both}[data-filepond-item-state*=busy] .filepond--progress-indicator svg{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes shake{10%,90%{-webkit-transform:translateX(-.0625em);transform:translateX(-.0625em)}20%,80%{-webkit-transform:translateX(.125em);transform:translateX(.125em)}30%,50%,70%{-webkit-transform:translateX(-.25em);transform:translateX(-.25em)}40%,60%{-webkit-transform:translateX(.25em);transform:translateX(.25em)}}@keyframes shake{10%,90%{-webkit-transform:translateX(-.0625em);transform:translateX(-.0625em)}20%,80%{-webkit-transform:translateX(.125em);transform:translateX(.125em)}30%,50%,70%{-webkit-transform:translateX(-.25em);transform:translateX(-.25em)}40%,60%{-webkit-transform:translateX(.25em);transform:translateX(.25em)}}@-webkit-keyframes fall{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}70%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}to{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes fall{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}70%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}to{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.filepond--hopper[data-hopper-state=drag-over]>*{pointer-events:none}.filepond--hopper[data-hopper-state=drag-over]:after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;z-index:100}.filepond--progress-indicator{z-index:103}.filepond--file-action-button{z-index:102}.filepond--file-status{z-index:101}.filepond--file-info{z-index:100}.filepond--item{position:absolute;top:0;left:0;right:0;z-index:1;padding:0;margin:.25em;will-change:transform,opacity;touch-action:auto}.filepond--item>.filepond--panel{z-index:-1}.filepond--item>.filepond--panel .filepond--panel-bottom{box-shadow:0 .0625em .125em -.0625em rgba(0,0,0,.25)}.filepond--item>.filepond--file-wrapper,.filepond--item>.filepond--panel{transition:opacity .15s ease-out}.filepond--item[data-drag-state]{cursor:-webkit-grab;cursor:grab}.filepond--item[data-drag-state]>.filepond--panel{transition:box-shadow .125s ease-in-out;box-shadow:0 0 0 transparent}.filepond--item[data-drag-state=drag]{cursor:-webkit-grabbing;cursor:grabbing}.filepond--item[data-drag-state=drag]>.filepond--panel{box-shadow:0 .125em .3125em rgba(0,0,0,.325)}.filepond--item[data-drag-state]:not([data-drag-state=idle]){z-index:2}.filepond--item-panel{background-color:#64605e}[data-filepond-item-state=processing-complete] .filepond--item-panel{background-color:#369763}[data-filepond-item-state*=error] .filepond--item-panel,[data-filepond-item-state*=invalid] .filepond--item-panel{background-color:#c44e47}.filepond--item-panel{border-radius:.5em;transition:background-color .25s}.filepond--list-scroller{position:absolute;top:0;left:0;right:0;margin:0;will-change:transform}.filepond--list-scroller[data-state=overflow] .filepond--list{bottom:0;right:0}.filepond--list-scroller[data-state=overflow]{overflow-y:scroll;overflow-x:hidden;-webkit-overflow-scrolling:touch;-webkit-mask:linear-gradient(180deg,#000 calc(100% - .5em),transparent);mask:linear-gradient(180deg,#000 calc(100% - .5em),transparent)}.filepond--list-scroller::-webkit-scrollbar{background:transparent}.filepond--list-scroller::-webkit-scrollbar:vertical{width:1em}.filepond--list-scroller::-webkit-scrollbar:horizontal{height:0}.filepond--list-scroller::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.3);border-radius:99999px;border:.3125em solid transparent;background-clip:content-box}.filepond--list.filepond--list{position:absolute;top:0;margin:0;padding:0;list-style-type:none;will-change:transform}.filepond--list{left:.75em;right:.75em}.filepond--root[data-style-panel-layout~=integrated]{width:100%;height:100%;max-width:none;margin:0}.filepond--root[data-style-panel-layout~=circle] .filepond--panel-root,.filepond--root[data-style-panel-layout~=integrated] .filepond--panel-root{border-radius:0}.filepond--root[data-style-panel-layout~=circle] .filepond--panel-root>*,.filepond--root[data-style-panel-layout~=integrated] .filepond--panel-root>*{display:none}.filepond--root[data-style-panel-layout~=circle] .filepond--drop-label,.filepond--root[data-style-panel-layout~=integrated] .filepond--drop-label{bottom:0;height:auto;display:flex;justify-content:center;align-items:center;z-index:7}.filepond--root[data-style-panel-layout~=circle] .filepond--item-panel,.filepond--root[data-style-panel-layout~=integrated] .filepond--item-panel{display:none}.filepond--root[data-style-panel-layout~=compact] .filepond--list-scroller,.filepond--root[data-style-panel-layout~=integrated] .filepond--list-scroller{overflow:hidden;height:100%;margin-top:0;margin-bottom:0}.filepond--root[data-style-panel-layout~=compact] .filepond--list,.filepond--root[data-style-panel-layout~=integrated] .filepond--list{left:0;right:0;height:100%}.filepond--root[data-style-panel-layout~=compact] .filepond--item,.filepond--root[data-style-panel-layout~=integrated] .filepond--item{margin:0}.filepond--root[data-style-panel-layout~=compact] .filepond--file-wrapper,.filepond--root[data-style-panel-layout~=integrated] .filepond--file-wrapper{height:100%}.filepond--root[data-style-panel-layout~=compact] .filepond--drop-label,.filepond--root[data-style-panel-layout~=integrated] .filepond--drop-label{z-index:7}.filepond--root[data-style-panel-layout~=circle]{border-radius:99999rem;overflow:hidden}.filepond--root[data-style-panel-layout~=circle]>.filepond--panel{border-radius:inherit}.filepond--root[data-style-panel-layout~=circle]>.filepond--panel>*{display:none}.filepond--root[data-style-panel-layout~=circle] .filepond--file-info,.filepond--root[data-style-panel-layout~=circle] .filepond--file-status{display:none}.filepond--root[data-style-panel-layout~=circle] .filepond--action-edit-item{opacity:1!important;visibility:visible!important}@media not all and (min-resolution:0.001dpcm){@supports (-webkit-appearance:none) and (stroke-color:transparent){.filepond--root[data-style-panel-layout~=circle]{will-change:transform}}}.filepond--panel-root{border-radius:.5em;background-color:#f1f0ef}.filepond--panel{position:absolute;left:0;top:0;right:0;margin:0;height:100%!important;pointer-events:none}.filepond-panel:not([data-scalable=false]){height:auto!important}.filepond--panel[data-scalable=false]>div{display:none}.filepond--panel[data-scalable=true]{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;background-color:transparent!important;border:none!important}.filepond--panel-bottom,.filepond--panel-center,.filepond--panel-top{position:absolute;left:0;top:0;right:0;margin:0;padding:0}.filepond--panel-bottom,.filepond--panel-top{height:.5em}.filepond--panel-top{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important;border-bottom:none!important}.filepond--panel-top:after{content:"";position:absolute;height:2px;left:0;right:0;bottom:-1px;background-color:inherit}.filepond--panel-bottom,.filepond--panel-center{will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-origin:left top;transform-origin:left top;-webkit-transform:translate3d(0,.5em,0);transform:translate3d(0,.5em,0)}.filepond--panel-bottom{border-top-left-radius:0!important;border-top-right-radius:0!important;border-top:none!important}.filepond--panel-bottom:before{content:"";position:absolute;height:2px;left:0;right:0;top:-1px;background-color:inherit}.filepond--panel-center{height:100px!important;border-top:none!important;border-bottom:none!important;border-radius:0!important}.filepond--panel-center:not([style]){visibility:hidden}.filepond--progress-indicator{position:static;width:1.25em;height:1.25em;color:#fff;margin:0;pointer-events:none;will-change:transform,opacity}.filepond--progress-indicator svg{width:100%;height:100%;vertical-align:top;transform-box:fill-box}.filepond--progress-indicator path{fill:none;stroke:currentColor}.filepond--list-scroller{z-index:6}.filepond--drop-label{z-index:5}.filepond--drip{z-index:3}.filepond--root>.filepond--panel{z-index:2}.filepond--browser{z-index:1}.filepond--root{box-sizing:border-box;position:relative;margin-bottom:1em;font-size:1rem;line-height:normal;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-weight:450;text-align:left;text-rendering:optimizeLegibility;direction:ltr;contain:layout style size}.filepond--root *{box-sizing:inherit;line-height:inherit}.filepond--root :not(text){font-size:inherit}.filepond--root[data-disabled]{pointer-events:none}.filepond--root[data-disabled] .filepond--list-scroller{pointer-events:all}.filepond--root[data-disabled] .filepond--list{pointer-events:none}.filepond--root .filepond--drop-label{min-height:4.75em}.filepond--root .filepond--list-scroller{margin-top:1em;margin-bottom:1em}.filepond--root .filepond--credits{position:absolute;right:0;opacity:.4;line-height:.85;font-size:11px;color:inherit;text-decoration:none;z-index:3;bottom:-14px}.filepond--root .filepond--credits[style]{top:0;bottom:auto;margin-top:14px}/*!
 * FilePondPluginImagePreview 4.6.12
 * Licensed under MIT, https://opensource.org/licenses/MIT/
 * Please visit https://pqina.nl/filepond/ for details.
 */

/* eslint-disable */
.filepond--image-preview-markup{position:absolute;left:0;top:0}.filepond--image-preview-wrapper{z-index:2}.filepond--image-preview-overlay{display:block;position:absolute;left:0;top:0;width:100%;min-height:5rem;max-height:7rem;margin:0;opacity:0;z-index:2;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.filepond--image-preview-overlay svg{width:100%;height:auto;color:inherit;max-height:inherit}.filepond--image-preview-overlay-idle{mix-blend-mode:multiply;color:rgba(40,40,40,.85)}.filepond--image-preview-overlay-success{mix-blend-mode:normal;color:#369763}.filepond--image-preview-overlay-failure{mix-blend-mode:normal;color:#c44e47}@supports (-webkit-marquee-repetition:infinite) and ((-o-object-fit:fill) or (object-fit:fill)){.filepond--image-preview-overlay-idle{mix-blend-mode:normal}}.filepond--image-preview-wrapper{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;left:0;top:0;right:0;height:100%;margin:0;border-radius:.45em;overflow:hidden;background:rgba(0,0,0,.01)}.filepond--image-preview{position:absolute;left:0;top:0;z-index:1;display:flex;align-items:center;height:100%;width:100%;pointer-events:none;background:#222;will-change:transform,opacity}.filepond--image-clip{position:relative;overflow:hidden;margin:0 auto}.filepond--image-clip[data-transparency-indicator=grid] canvas,.filepond--image-clip[data-transparency-indicator=grid] img{background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' fill='%23eee'%3E%3Cpath d='M0 0h50v50H0M50 50h50v50H50'/%3E%3C/svg%3E");background-size:1.25em 1.25em}.filepond--image-bitmap,.filepond--image-vector{position:absolute;left:0;top:0;will-change:transform}.filepond--root[data-style-panel-layout~=integrated] .filepond--image-preview-wrapper{border-radius:0}.filepond--root[data-style-panel-layout~=integrated] .filepond--image-preview{height:100%;display:flex;justify-content:center;align-items:center}.filepond--root[data-style-panel-layout~=circle] .filepond--image-preview-wrapper{border-radius:99999rem}.filepond--root[data-style-panel-layout~=circle] .filepond--image-preview-overlay{top:auto;bottom:0;-webkit-transform:scaleY(-1);transform:scaleY(-1)}.filepond--root[data-style-panel-layout~=circle] .filepond--file .filepond--file-action-button[data-align*=bottom]:not([data-align*=center]){margin-bottom:.325em}.filepond--root[data-style-panel-layout~=circle] .filepond--file [data-align*=left]{left:calc(50% - 3em)}.filepond--root[data-style-panel-layout~=circle] .filepond--file [data-align*=right]{right:calc(50% - 3em)}.filepond--root[data-style-panel-layout~=circle] .filepond--progress-indicator[data-align*=bottom][data-align*=left],.filepond--root[data-style-panel-layout~=circle] .filepond--progress-indicator[data-align*=bottom][data-align*=right]{margin-bottom:.5125em}.filepond--root[data-style-panel-layout~=circle] .filepond--progress-indicator[data-align*=bottom][data-align*=center]{margin-top:0;margin-bottom:.1875em;margin-left:.1875em}
[data-v-cf592fe6] .filepond--list {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px; /* отступы между превью */
}
[data-v-cf592fe6] .filepond--item {
    flex: 0 0 auto; /* чтобы не растягивались */
    margin-bottom: 0; /* убираем перенос вниз */
}

/* Начало кастомная кнопка загрузки файлов  */
.file-upload-button[data-v-cf592fe6] {
    display: inline-block;
    padding: 10px 20px;
    background-color: #27ae60;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
}
.file-upload-button input[type="file"][data-v-cf592fe6] {
    display: none; /* Скрываем стандартное поле выбора файла */
}
.file-upload-button[data-v-cf592fe6]:hover {
    background-color: #27ae60;
}
/* Конец кастомная кнопка загрузки файлов  */

/* Стиль для переноса слов */
.wrap[data-v-cf592fe6] {
    word-wrap: break-word; /* Для переноса длинных слов */
    overflow-wrap: break-word; /* Современный аналог */
    white-space: normal; /* Убедитесь, что текст переносится */
}

/* Сообщение при наведении на элемент начало  */
.tooltipParent[data-v-cf592fe6] {
    position: relative; /* Чтобы подсказка позиционировалась относительно родителя */
    cursor: pointer;
}
.tooltip[data-v-cf592fe6] {
    font-size: 12px;
    visibility: hidden;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    padding: 6px 8px;
    position: absolute;
    bottom: calc(100% + 6px); /* Расположить подсказку над элементом */
    left: 50%;
    transform: translateX(-50%);
    z-index: 1000;
    opacity: 0;
    transition: opacity 0.18s ease;
    box-sizing: border-box;

    /* предотвращаем выход за viewport */
    max-width: calc(100vw - 32px); /* не шире окна с отступом */
    min-width: 120px; /* минимально читабельная ширина */
    overflow-wrap: anywhere; /* переносит длинные слова/URL */
    word-break: break-word;
    white-space: normal;

    /* если текст большой — даём скролл внутри подсказки */
    max-height: 40vh;
    overflow: auto;
}

/* .switch:hover .tooltip, */
.tooltipParent:hover .tooltip[data-v-cf592fe6] {
    visibility: visible;
    opacity: 1;
}
/* Сообщение при наведении на элемент конец */

/* Кнопка "Переменные" начало */
.variables-button {
    position: fixed;
    margin: 10px;
    top: 10px;
    right: 10px;
    background-color: #007bff;
    color: white;
    border: none;
    padding: 10px 15px;
    border-radius: 5px;
    cursor: pointer;
    z-index: 1000;
}
.variables-button:hover {
    background-color: #0056b3;
}
/* Кнопка "Переменные" конец */
table.main td.config-border-none {
    border: none;
    /* border-left: none;
    border-right: none; */
    font-weight: bold;
    padding: 20px 0px 10px 20px;
}

/* Стилизация JSON-вьювера, чтобы у кнопки были маленькие отступы */
.jv-container.jv-light .jv-code {
    padding: 2px;
}
.error-row {
    color: red;
}
/* Часть иконок взяты отсюда https://fontawesomeicons.com/ и дополнительно подключены в index.html ссылкой */
.slider-modal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    max-height: 100vh; /* ограничиваем высоту 100% от высоты экрана */
    max-width: 100vw; /* Ограничиваем ширину в 100% от ширины экрана */
    /* justify-content: center;
    align-items: center; */
    overflow-y: auto; /*если слайдер длиннее окна */
    padding: 5px; /* отступ для предотвращения прилипания к краям окна */
}
.slider-content {
    position: relative;
    background: #fff;
    padding: 5px 5px 5px 5px;
    border-radius: 5px;
    max-height: 100%; /* ограничиваем высоту 99% от высоты экрана */
    /*max-width: 100vw;  Ограничиваем ширину в 99% от ширины экрана */
    /*min-width: 300px;  Минимальная ширина слайдера */
    width: 100vw; /*Минимальная ширина слайдера */
    max-width: 390px;
    /*max-width: 700px; Ограничиваем ширину в 99% от ширины экрана */
    overflow-y: auto; /* добавляем прокрутку */
}
.slider-content2 {
    position: relative;
    background: #fff;
    padding: 5px;
    border-radius: 2px;
    max-height: 99%; /* ограничиваем высоту 99% от высоты экрана */
    min-width: 300px; /* Минимальная ширина слайдера */
    /* overflow-y: auto; добавляем прокрутку */
}
.slider-enter-active,
.slider-leave-active {
    transition: opacity 0.5s;
}
.slider-enter,
.slider-leave-to {
    opacity: 0;
}
.modal-modal {
    position: fixed; /* фиксированное позиционирование относительно окна браузера */
    top: 0; /* отступ сверху равен 0 - модальное окно начинается с верха экрана */
    left: 0; /* отступ слева равен 0 - модальное окно начинается с левого края экрана */
    right: 0; /* растягивает блок до правого края экрана */
    bottom: 0; /* растягивает блок до нижнего края экрана */
    background: #f5f7fa; /* затемнение фона (закомментировано) */
    display: flex; /* включает flex-контейнер для удобного центрирования содержимого */
    justify-content: center; /* горизонтальное центрирование содержимого */
    /*  align-items: center; вертикальное центрирование содержимого */
    /*overflow-y: auto;  если слайдер длиннее окна */ /* позволяет прокручивать содержимое, если оно выходит за пределы окна (закомментировано) */
    padding: 20px; /* внутренний отступ, предотвращающий прилипание содержимого к краям окна */
}
.modal-content {
    position: relative; /* относительно позиционированный контейнер для внутренних элементов */
    /* background: #625f59;  фоновый цвет модального окна */
    padding: 20px; /* внутренний отступ для содержимого модального окна */
    border-radius: 5px; /* скругление углов модального окна */
    /* height: 250px;  высота модального окна */
    width: 500px; /* ширина модального окна */
    max-height: 15vh; /* ограничение максимальной высоты модального окна относительно высоты экрана */
    overflow-y: auto; /* добавление вертикальной прокрутки при переполнении содержимого */
    border: 4px solid #27ae60; /* добавлена граница: 2px шириной, сплошная, с золотым цветом */
}
.modal-text {
    justify-content: center; /* горизонтальное центрирование содержимого */
    align-items: center; /* вертикальное центрирование содержимого */
    font-weight: bold; /* Жирный */
    padding-top: 40px; /* внутренний отступ для текста */
}
.modal-yes {
    background-color: #27ae60; /* цвет фона кнопки */
    color: #fff; /* цвет текста кнопки */
    border: none; /* убираем границу у кнопки */
    padding: 10px 20px; /* внутренний отступ кнопки */
    margin-top: 20px; /* отступ сверху для кнопки */
    cursor: pointer; /* изменение формы курсора при наведении на кнопку */
}
.modal-no {
    background-color: #e77164; /* цвет фона кнопки */
    color: #fff; /* цвет текста кнопки */
    border: none; /* убираем границу у кнопки */
    padding: 10px 20px; /* внутренний отступ кнопки */
    margin-top: 20px; /* отступ сверху для кнопки */
    cursor: pointer; /* изменение формы курсора при наведении на кнопку */
}
.modal-no:hover {
    background-color: #ea5b4b; /* цвет фона кнопки */
}
.modal-enter-active,
.modal-leave-active {
    transition: opacity 0.5s; /* плавное изменение прозрачности при появлении и скрытии модального окна */
}
.modal-enter,
.modal-leave-to {
    opacity: 0; /* начальное и конечное состояние прозрачности для анимации */
}
.close-button {
    position: absolute; /* абсолютное позиционирование относительно родительского элемента */
    top: 5px; /* отступ сверху для кнопки закрытия */
    right: 5px; /* отступ справа для кнопки закрытия */
    z-index: 1; /* установка приоритета по слоям для отображения кнопки над другими элементами */
}
/* Кнопки переключения. Используются в смарт процессах, при выборе полей и т.д*/
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}
/* Версия маленького переключателя */
.switch.small {
    width: 30px;
    height: 17px;
}
/* Hide default HTML checkbox */
.switch input {
    display: none;
}
/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.sliderNotGrey {
    background-color: #27ae60;
}
/* Slider для маленького переключателя */
.switch.small .slider {
    /* размеры наследуются от контейнера .switch.small */
}
/* Кнопка до (ползунок) */
.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
/* Ползунок для маленького переключателя */
.switch.small .slider:before {
    height: 13px; /* 26px/2 */
    width: 13px; /* 26px/2 */
    left: 2px; /* 4px/2 */
    bottom: 2px; /* 4px/2 */
}
/* При активном состоянии переключателя */
input:checked + .slider {
    background-color: #27ae60;
}
input:focus + .slider {
    box-shadow: 0 0 1px #27ae60;
}
input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}
/* Смарт для маленького переключателя */
.switch.small input:checked + .slider:before {
    -webkit-transform: translateX(13px); /* 26px/2 */
    -ms-transform: translateX(13px);
    transform: translateX(13px);
}
/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}
.slider.round:before {
    border-radius: 50%;
}
/* Rounded для маленького переключателя */
.switch.small .slider.round {
    border-radius: 17px; /* высота маленького переключателя */
}
.switch.small .slider.round:before {
    border-radius: 50%;
}
.loader {
    width: 35px;
    height: 16px;
    /* display: block; */
    margin: 5px;
    padding: 5px;
    background-image: radial-gradient(circle 25px at 25px 25px, #fff 100%, transparent 0), radial-gradient(circle 50px at 50px 50px, #fff 100%, transparent 0), radial-gradient(circle 25px at 25px 25px, #fff 100%, transparent 0), linear-gradient(#fff 50px, transparent 0);
    background-size: 50px 50px, 100px 76px, 50px 50px, 120px 40px;
    background-position: 0px 30px, 37px 0px, 122px 30px, 25px 40px;
    background-repeat: no-repeat;
    position: relative;
    box-sizing: border-box;
}
.loader::before {
    content: "";
    left: 5px;
    bottom: 0px;
    position: absolute;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: #27ae60;
    background-image: radial-gradient(circle 8px at 18px 18px, #fff 100%, transparent 0), radial-gradient(circle 4px at 18px 0px, #fff 100%, transparent 0), radial-gradient(circle 4px at 0px 18px, #fff 100%, transparent 0), radial-gradient(circle 4px at 36px 18px, #fff 100%, transparent 0),
        radial-gradient(circle 4px at 18px 36px, #fff 100%, transparent 0), radial-gradient(circle 4px at 30px 5px, #fff 100%, transparent 0), radial-gradient(circle 4px at 30px 5px, #fff 100%, transparent 0), radial-gradient(circle 4px at 30px 30px, #fff 100%, transparent 0),
        radial-gradient(circle 4px at 5px 30px, #fff 100%, transparent 0), radial-gradient(circle 4px at 5px 5px, #fff 100%, transparent 0);
    background-repeat: no-repeat;
    box-sizing: border-box;
    animation: rotationBack 3s linear infinite;
}
.loader::after {
    content: "";
    left: 39px;
    bottom: 0px;
    position: absolute;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #27ae60;
    background-image: radial-gradient(circle 5px at 12px 12px, #fff 100%, transparent 0), radial-gradient(circle 2.5px at 12px 0px, #fff 100%, transparent 0), radial-gradient(circle 2.5px at 0px 12px, #fff 100%, transparent 0), radial-gradient(circle 2.5px at 24px 12px, #fff 100%, transparent 0),
        radial-gradient(circle 2.5px at 12px 24px, #fff 100%, transparent 0), radial-gradient(circle 2.5px at 20px 3px, #fff 100%, transparent 0), radial-gradient(circle 2.5px at 20px 3px, #fff 100%, transparent 0), radial-gradient(circle 2.5px at 20px 20px, #fff 100%, transparent 0),
        radial-gradient(circle 2.5px at 3px 20px, #fff 100%, transparent 0), radial-gradient(circle 2.5px at 3px 3px, #fff 100%, transparent 0);
    background-repeat: no-repeat;
    box-sizing: border-box;
    animation: rotationBack 4s linear infinite reverse;
}
@keyframes rotationBack {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(-360deg);
    }
}
/* HTML: <div class="loader"></div> */
.loader2 {
    width: fit-content;
    font-weight: bold;
    font-family: sans-serif;
    font-size: 30px;
    padding-bottom: 8px;
    color: #27ae60;
    background: linear-gradient(currentColor 0 0) 0 100%/0% 3px no-repeat;
    animation: l2 2s linear infinite;
}
.loader2:before {
    content: "Загрузка...";
}
@keyframes l2 {
    to {
        background-size: 100% 3px;
    }
}
.multiselect {
    /* width: 500px; */
    min-width: 300px;
    max-width: 80%;
    white-space: pre-wrap;
    /* margin: 0 auto; */
    /* position: relative; */
}
.multiselect_active {
    width: 500px;
    max-width: 80%;
    height: 200px;
}
/* Настройка контейнера выпадающего списка */
.multiselect__content {
    /*background-color: #00000080; /* Цвет фона */
    /*border: 1px solid #bdc3c7; /* Цвет границы */
    /*border-radius: 8px; /* Скругление углов */
    /*box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Тень */
    max-height: 200px; /* Максимальная высота */
    overflow-y: auto; /* Прокрутка, если список длинный */
}
/* Настройка опций в выпадающем списке */
.multiselect__option {
    /*padding: 10px; /* Внутренние отступы */
    /*font-size: 14px;  Размер текста */
    /*color: #ffffff; /* Цвет текста */
    /* cursor: pointer; Указатель мыши при наведении */
    /* transition: background-color 0.3s;  Плавный переход цвета фона */
}
/* Стилизация опции при наведении */
.multiselect__option:hover {
    /*background-color: #00000080; /* Цвет фона при наведении */
}
/* Стилизация выделенной опции */
.multiselect__option--highlight {
    /*background-color: #00000080; /* Цвет фона выделенной опции */
    /* color: #fff; /* Цвет текста выделенной опции */
}
/* Настройка текста внутри выпадающего списка */
.multiselect__single {
    /* font-weight: bold; /* Жирный текст */
    /* color: #2c3e50; /* Цвет текста */
    /*background-color: #00000080; /* Цвет фона выделенной опции */
}
/* Стилизация выбранного элемента */
.multiselect__option--selected {
    /*background-color: #00000080; /* Синий фон */
    /*color: #ffffff; /* Белый текст */
    /*font-weight: bold; /* Жирный текст */
}
/* Стилизация повторно выбранного элемента */
.multiselect__option--reselected {
    /*background-color: #00000080; /* Темно-синий фон */
    /*color: #ffffff; /* Белый текст */
    /*font-style: italic; /* Курсивный текст */
}
/* Кнопки */
button {
    display: inline-block;
    background-color: #27ae60;
    color: #fff;
    border: none;
    padding: 10px 20px;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s;
    margin: 10px;
}
button.big {
    font-size: 25px;
    padding: 5px 10px;
    margin: 1px 1px;
}
button.small {
    font-size: 15px;
    padding: 5px 10px;
    margin: 1px 1px;
}
button.add-product {
    margin: 3px 10px 0px 3px;
}
button:hover {
    background-color: #2ecc71;
}
/* Стили для активной (отмеченной) кнопки */
button.active {
    background-color: #f39c12; /* изменённый цвет для выделенной кнопки */
}
button.disabled {
    background-color: #bdc3c7; /* изменённый цвет для выделенной кнопки */
}
button.disabled:hover {
    background-color: #bdc3c7; /* Оставляем цвет без изменений */
    cursor: not-allowed; /* Указываем, что кнопка недоступна */
}
button.cancel,
button.delete {
    background-color: #a30c0c; /* изменённый цвет для выделенной кнопки */
}
button.close {
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 1;
    background-color: #a30c0c;
}
/* Кнопка "Переменные" начало */
.variables-button {
    position: fixed;
    margin: 10px;
    top: 50px;
    right: 10px;
    background-color: #007bff;
    color: white;
    border: none;
    padding: 10px 15px;
    border-radius: 5px;
    cursor: pointer;
    z-index: 1000;
}
.variables-button:hover {
    background-color: #0056b3;
}
/* Кнопка "Переменные" конец */
/* loader */
/* .buttonload {
    background-color: #04aa6d; 
    border: none; 
    color: white;
    padding: 12px 24px;
    font-size: 16px;
} */
/* Начало input товаров */
.prod-title {
    margin-bottom: 2px;
    max-width: 300px;
    color: #2c3e50;
    /* margin-bottom: 15px; */
    font-size: 14px;
    font-weight: 700; /* 400 — normal, 700 — bold */
    line-height: 1;
    font-family: Arial, sans-serif;
}
.group {
    position: relative;
    /* margin-bottom: 45px; */
}
input.prod {
    box-sizing: border-box; /* Для сафари*/
    /* background-color: #d7d2d2; */
    margin: 5px auto;
    font-size: 12px;
    line-height: 1;
    font-family: Arial, sans-serif;
    text-align: center;
    padding: 5px 5px 5px 5px;
    display: block;
    /* width: 100px; */
    /* min-width: 100px; */
    max-width: 80px;
    /* max-width: 18vw; */
    border: none;
    border-bottom: 1px solid #27ae60;
    border-radius: 0; /* сброс скруглений */
    -webkit-appearance: none; /* отключает стиль браузера (Safari, iOS) */
    -moz-appearance: none; /* для Firefox */
    appearance: none; /* общее */
}
input.prod:focus {
    outline: none;
}
/* Отключаем стрелки +1 и -1 для полей ввода чисел */
/* Для Chrome, Safari, Edge */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
/* Для Firefox */
input[type="number"] {
    -moz-appearance: textfield;
}
/* LABEL ======================================= */
label.prod {
    white-space: nowrap;
    color: #999;
    font-size: 10px;
    line-height: 1.2; /* Явно задайте высоту строки */
    font-family: Arial, sans-serif; /* Убедитесь, что шрифт задан */
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: 50%; /* Смещаем в центр */
    top: 8px;
    transform: translateX(-50%); /* Центрируем по ширине */
    /* text-align: center; */
    /* transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all; */
}
/* active state */
input.prod:focus ~ label.prod,
input.prod:valid ~ label.prod,
input.prod[readonly] ~ label.prod {
    top: -10px; /* насколько пикселей перемещаем placholder (label)*/
    /* left: 20px;  насколько пикселей перемещаем placholder (label)*/
    font-size: 12px;
    color: #27ae60;
}
table.prod {
    width: 100%;
    /* max-width: 98vw; */
    max-width: 385px;
    /* border: 1px solid #757575;
    border-collapse: collapse; */
}
tr.prod {
    max-width: 385px;
    /* max-width: 97vw; */
    /* border: 1px solid #757575; */
}
td.prod {
    max-width: 95px;
    /* max-width: 23vw; */
    text-align: center;
    /* border: 1px solid #757575; */
}
table.total-amount {
    width: 100%;
    max-width: 385px;
    /* max-width: 98vw; */
    /* border: 1px solid #757575;
    border-collapse: collapse; */
}
tr.total-amount {
    max-width: 380px;
    /* max-width: 97vw; */
    /* border: 1px solid #757575; */
}
td.total-amount {
    max-width: 100px;
    /* max-width: 30vw; */
    text-align: center;
    /* border: 1px solid #757575; */
}
/* новый input начало */
.input-main {
    position: relative;
    /* margin: 20px 0; */
    font-family: sans-serif;
}
.input-main label {
    position: absolute;
    top: 0;
    left: 10px;
    background: white;
    padding: 0 5px;
    font-size: 12px;
    color: #666;
    transform: translateY(-50%);
    max-width: 90%;
}
.input-main input {
    padding: 12px 10px 8px;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 4px;
    outline: none;
    box-sizing: border-box;
    max-width: 60%;
    width: 100%;
}
.input-main input:focus {
    border-color: #000;
}
/* новый input конец */
.input-main .multiselect {
    padding-top: 14px; /* чтобы label не налезал на текст */
    box-sizing: border-box;
}
.input-main .multiselect__tags {
    padding: 12px 10px 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    min-height: 42px;
}
.input-main .multiselect--active .multiselect__tags {
    border-color: #000;
}
.deal-edit {
    position: relative;
    /* margin: 20px 0; */
    font-family: sans-serif;
}
.deal-edit label {
    position: absolute;
    top: 0;
    left: 10px;
    background: white;
    padding: 0 5px;
    font-size: 12px;
    color: #666;
    transform: translateY(-50%);
    /* max-width: 90%; */
}
.deal-edit input {
    padding: 5px 5px 5px 5px;
    font-size: 12px;
    line-height: 1;
    font-family: Arial, sans-serif;
    border: none;
    border-bottom: 1px solid #27ae60;
    border-radius: 0;
    outline: none;
    box-sizing: border-box;
    /* max-width: 80%; */
    width: 100%;
    -webkit-appearance: none; /* отключает стиль браузера (Safari, iOS) */
    -moz-appearance: none; /* для Firefox */
    appearance: none; /* общее */
}
.deal-edit input[readonly] {
    cursor: not-allowed; /* Курсор "запрещено" */
}
.deal-edit input:focus {
    border-color: #000;
}
.deal-edit .table {
    width: 100%;
    margin: 0 auto;
}
.deal-edit td,
tr {
    width: 100%;
    margin: 0 auto;
}
/* Сброс базовых стилей */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
/* Основной стиль для body */
body {
    font-family: "Open Sans", sans-serif;
    /* background-color: #f5f7fa; */
    color: #333;
    line-height: 1.6;
    padding: 20px;
    /* display: flex; добавлено для выравнивания по центру */
    /* flex-direction: column; элементы располагаются в колонку */
    align-items: center; /* центрирование по горизонтали */
    justify-content: center; /* центрирование по вертикали */
    /* min-height: 100vh; минимальная высота экрана */
    /* min-width: 100vh; минимальная ширина экрана */
    width: 100%; /* Гарантирует, что body занимает всю ширину */
    max-width: 390px;
}
/* Класс чтобы при открытии слайдеров, прокрутка работала только у слайдеров. */
body.no-scroll {
    overflow: hidden;
}
/* Заголовки */
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #2c3e50;
    margin-bottom: 15px;
}
/* Ссылки */
a {
    color: #2980b9;
    text-decoration: none;
    transition: color 0.3s;
}
a:hover {
    color: #3498db;
}
.rounded-border {
    border: 2px solid #bdc3c7; /* серый цвет границы */
    border-radius: 2px; /* скругление углов */
    padding: 10px; /* внутренние отступы для содержимого */
}
.big-text {
    font-size: 20px; /* размер текста */
    font-weight: bold; /* жирный текст */
}
.small-text {
    font-size: 12px; /* размер текста */
    font-weight: normal; /* обычный текст */
}
/* Списки */
ul {
    list-style-type: disc;
    padding-left: 20px;
    margin-bottom: 15px;
}
/* Текстовые блоки и абзацы */
p {
    margin-bottom: 15px;
}
/* Навигация */
nav {
    /* background-color: #f5f7fa; */
    padding: 10px 20px;
    border-radius: 4px;
    margin-bottom: 20px;
    align-items: center; /* центрирование по горизонтали */
}
nav a {
    color: #ecf0f1;
    margin-right: 15px;
}
nav a:hover {
    color: #bdc3c7;
}
/* Таблицы */
table.main {
    width: auto;
    padding: 10px;
    border-spacing: 0;
    border-collapse: collapse;
    margin-bottom: 20px;
    line-height: 1;
    /* white-space: nowrap; */
}
.main tr {
    border: none; /* Убираем границы у строк */
}
.main td,
.main th {
    border: 2px solid #e1e8ed; /* Границы только у ячеек */
    padding: 10px 15px;
}
/* Только для строк первого уровня в .main */
table.main > tbody > tr:hover > td,
table.main > tr:hover > td {
    border-bottom: 2px solid #27ae60;
}
/* Стили для таблиц с переносом слов */
table.word-wrap td.word-wrap {
    word-wrap: break-word; /* Перенос слов */
    word-break: break-word; /* Перенос слов */
    white-space: normal; /* Убирает запрет на перенос строк */
}