@import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@400;600&display=swap');
.input-toggle img {
    filter: brightness(0) invert(1);
}

.custom-multiselect[data-v-510eea38] {
    width: 100%;
}

.condition-note[data-v-2b3cfdd1] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin: 0.35rem 0;
}
.condition-note__item[data-v-2b3cfdd1] {
    display: inline-block;
    font-size: 0.8rem;
    font-weight: 600;
    line-height: 1.2;
    color: #b45309;
    background: #fef3c7;
    border: 1px solid #fcd34d;
    border-radius: 999px;
    padding: 0.15rem 0.6rem;
}

/* Full banner ----------------------------------------------------------- */
.frozen-notice[data-v-da6a86d1] {
    display: flex;
    align-items: flex-start;
    gap: 0.8rem;
    margin: 0 0 1.6rem;
    padding: 1rem 1.2rem;
    border: 1px solid #f3b7b7;
    border-radius: 0.6rem;
    background-color: #fdecec;
    color: #8f2020;
}
.frozen-notice__body[data-v-da6a86d1] {
    flex: 1;
}
.frozen-notice__heading[data-v-da6a86d1] {
    margin: 0 0 0.3rem;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.4;
}
.frozen-notice__text[data-v-da6a86d1] {
    margin: 0;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 1.5;
}

/* Compact modifier: smaller padding/type for the per-section notice. -------- */
.frozen-notice--compact[data-v-da6a86d1] {
    gap: 0.6rem;
    margin: 0.6rem 0 0;
    padding: 0.7rem 1rem;
}
.frozen-notice--compact .frozen-notice__text[data-v-da6a86d1] {
    font-size: 1.2rem;
}
.frozen-notice__text strong[data-v-da6a86d1] {
    font-weight: 700;
}

.preview-hint[data-v-b0d4bf9b] {
    font-size: 0.85rem;
    color: #6b7280;
    margin-bottom: 1.25rem;
}

/* Preview is non-interactive — it's a representation of the live form, not a fillable copy. */
.form-builder-preview[data-v-b0d4bf9b] {
    pointer-events: none;
}

/* Define custom CSS variables for styling */
.custom-multiselect {
    --ms-radius: 0; /* Remove rounded corners */
    height: 100%;
}
.custom-multiselect .multiselect-wrapper {
    min-height: 42px !important;
}
.multiselect-tag-wrapper {
    display: inline-block;
    max-width: 300px; /* Adjust this width to fit your design */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    direction: rtl;
    text-align: left;
}


.select-monospace {
    font-family: 'Source Code Pro', monospace !important;
}

/* Define custom CSS variables for styling */
.custom-multiselect {
    --ms-radius: 0; /* Remove rounded corners */
}
.custom-multiselect .multiselect-wrapper {
    min-height: 42px !important;
}

.max-h-90vh {
    max-height: 90vh;
}

/* Add your styles here */
.resize-observer[data-v-b329ee4c]{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}.resize-observer[data-v-b329ee4c] object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}.v-popper__popper{z-index:10000;top:0;left:0;outline:none}.v-popper__popper.v-popper__popper--hidden{visibility:hidden;opacity:0;transition:opacity .15s,visibility .15s;pointer-events:none}.v-popper__popper.v-popper__popper--shown{visibility:visible;opacity:1;transition:opacity .15s}.v-popper__popper.v-popper__popper--skip-transition,.v-popper__popper.v-popper__popper--skip-transition>.v-popper__wrapper{transition:none!important}.v-popper__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;display:none}.v-popper__inner{position:relative;box-sizing:border-box;overflow-y:auto}.v-popper__inner>div{position:relative;z-index:1;max-width:inherit;max-height:inherit}.v-popper__arrow-container{position:absolute;width:10px;height:10px}.v-popper__popper--arrow-overflow .v-popper__arrow-container,.v-popper__popper--no-positioning .v-popper__arrow-container{display:none}.v-popper__arrow-inner,.v-popper__arrow-outer{border-style:solid;position:absolute;top:0;left:0;width:0;height:0}.v-popper__arrow-inner{visibility:hidden;border-width:7px}.v-popper__arrow-outer{border-width:6px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{left:-2px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{left:-1px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{border-bottom-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container{top:0}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{border-top-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-top-color:transparent!important}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{top:-4px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{top:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{top:-1px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{border-left-width:0;border-left-color:transparent!important;border-top-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{left:-4px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{left:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container{right:-10px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer{border-right-width:0;border-top-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner{left:-2px}.v-popper--theme-tooltip .v-popper__inner{background:rgba(0,0,0,.8);color:#fff;border-radius:6px;padding:7px 12px 6px}.v-popper--theme-tooltip .v-popper__arrow-outer{border-color:#000c}.v-popper--theme-dropdown .v-popper__inner{background:#fff;color:#000;border-radius:6px;border:1px solid #ddd;box-shadow:0 6px 30px #0000001a}.v-popper--theme-dropdown .v-popper__arrow-inner{visibility:visible;border-color:#fff}.v-popper--theme-dropdown .v-popper__arrow-outer{border-color:#ddd}
.multiselect{align-items:center;background:var(--ms-bg,#fff);border:var(--ms-border-width,1px) solid var(--ms-border-color,#d1d5db);border-radius:var(--ms-radius,4px);box-sizing:border-box;cursor:pointer;display:flex;font-size:var(--ms-font-size,1rem);justify-content:flex-end;margin:0 auto;min-height:calc(var(--ms-border-width, 1px)*2 + var(--ms-font-size, 1rem)*var(--ms-line-height, 1.375) + var(--ms-py, .5rem)*2);outline:none;position:relative;width:100%}.multiselect.is-open{border-radius:var(--ms-radius,4px) var(--ms-radius,4px) 0 0}.multiselect.is-open-top{border-radius:0 0 var(--ms-radius,4px) var(--ms-radius,4px)}.multiselect.is-disabled{background:var(--ms-bg-disabled,#f3f4f6);cursor:default}.multiselect.is-active{border:var(--ms-border-width-active,var(--ms-border-width,1px)) solid var(--ms-border-color-active,var(--ms-border-color,#d1d5db));box-shadow:0 0 0 var(--ms-ring-width,3px) var(--ms-ring-color,rgba(16,185,129,.188))}.multiselect-wrapper{align-items:center;box-sizing:border-box;cursor:pointer;display:flex;justify-content:flex-end;margin:0 auto;min-height:calc(var(--ms-border-width, 1px)*2 + var(--ms-font-size, 1rem)*var(--ms-line-height, 1.375) + var(--ms-py, .5rem)*2);outline:none;position:relative;width:100%}.multiselect-multiple-label,.multiselect-placeholder,.multiselect-single-label{align-items:center;background:transparent;box-sizing:border-box;display:flex;height:100%;left:0;line-height:var(--ms-line-height,1.375);max-width:100%;padding-left:var(--ms-px,.875rem);padding-right:calc(1.25rem + var(--ms-px, .875rem)*3);pointer-events:none;position:absolute;top:0}.multiselect-placeholder{color:var(--ms-placeholder-color,#9ca3af)}.multiselect-single-label-text{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.multiselect-search{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--ms-bg,#fff);border:0;border-radius:var(--ms-radius,4px);bottom:0;box-sizing:border-box;font-family:inherit;font-size:inherit;height:100%;left:0;outline:none;padding-left:var(--ms-px,.875rem);position:absolute;right:0;top:0;width:100%}.multiselect-search::-webkit-search-cancel-button,.multiselect-search::-webkit-search-decoration,.multiselect-search::-webkit-search-results-button,.multiselect-search::-webkit-search-results-decoration{-webkit-appearance:none}.multiselect-tags{flex-grow:1;flex-shrink:1;flex-wrap:wrap;margin:var(--ms-tag-my,.25rem) 0 0;padding-left:var(--ms-py,.5rem)}.multiselect-tag,.multiselect-tags{align-items:center;display:flex;min-width:0}.multiselect-tag{background:var(--ms-tag-bg,#10b981);border-radius:var(--ms-tag-radius,4px);color:var(--ms-tag-color,#fff);font-size:var(--ms-tag-font-size,.875rem);font-weight:var(--ms-tag-font-weight,600);line-height:var(--ms-tag-line-height,1.25rem);margin-bottom:var(--ms-tag-my,.25rem);margin-right:var(--ms-tag-mx,.25rem);padding:var(--ms-tag-py,.125rem) 0 var(--ms-tag-py,.125rem) var(--ms-tag-px,.5rem);white-space:nowrap}.multiselect-tag.is-disabled{background:var(--ms-tag-bg-disabled,#9ca3af);color:var(--ms-tag-color-disabled,#fff);padding-right:var(--ms-tag-px,.5rem)}.multiselect-tag-wrapper{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.multiselect-tag-wrapper-break{white-space:normal;word-break:break-all}.multiselect-tag-remove{align-items:center;border-radius:var(--ms-tag-remove-radius,4px);display:flex;justify-content:center;margin:var(--ms-tag-remove-my,0) var(--ms-tag-remove-mx,.125rem);padding:var(--ms-tag-remove-py,.25rem) var(--ms-tag-remove-px,.25rem)}.multiselect-tag-remove:hover{background:rgba(0,0,0,.063)}.multiselect-tag-remove-icon{background-color:currentColor;display:inline-block;height:.75rem;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 320 512' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m207.6 256 107.72-107.72c6.23-6.23 6.23-16.34 0-22.58l-25.03-25.03c-6.23-6.23-16.34-6.23-22.58 0L160 208.4 52.28 100.68c-6.23-6.23-16.34-6.23-22.58 0L4.68 125.7c-6.23 6.23-6.23 16.34 0 22.58L112.4 256 4.68 363.72c-6.23 6.23-6.23 16.34 0 22.58l25.03 25.03c6.23 6.23 16.34 6.23 22.58 0L160 303.6l107.72 107.72c6.23 6.23 16.34 6.23 22.58 0l25.03-25.03c6.23-6.23 6.23-16.34 0-22.58L207.6 256z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 320 512' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m207.6 256 107.72-107.72c6.23-6.23 6.23-16.34 0-22.58l-25.03-25.03c-6.23-6.23-16.34-6.23-22.58 0L160 208.4 52.28 100.68c-6.23-6.23-16.34-6.23-22.58 0L4.68 125.7c-6.23 6.23-6.23 16.34 0 22.58L112.4 256 4.68 363.72c-6.23 6.23-6.23 16.34 0 22.58l25.03 25.03c6.23 6.23 16.34 6.23 22.58 0L160 303.6l107.72 107.72c6.23 6.23 16.34 6.23 22.58 0l25.03-25.03c6.23-6.23 6.23-16.34 0-22.58L207.6 256z'/%3E%3C/svg%3E");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;opacity:.8;width:.75rem}.multiselect-tags-search-wrapper{display:inline-block;flex-grow:1;flex-shrink:1;height:100%;margin:0 var(--ms-tag-mx,4px) var(--ms-tag-my,4px);position:relative}.multiselect-tags-search-copy{display:inline-block;height:1px;visibility:hidden;white-space:pre-wrap;width:100%}.multiselect-tags-search{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;bottom:0;box-sizing:border-box;font-family:inherit;font-size:inherit;left:0;outline:none;padding:0;position:absolute;right:0;top:0;width:100%}.multiselect-tags-search::-webkit-search-cancel-button,.multiselect-tags-search::-webkit-search-decoration,.multiselect-tags-search::-webkit-search-results-button,.multiselect-tags-search::-webkit-search-results-decoration{-webkit-appearance:none}.multiselect-inifite{align-items:center;display:flex;justify-content:center;min-height:calc(var(--ms-border-width, 1px)*2 + var(--ms-font-size, 1rem)*var(--ms-line-height, 1.375) + var(--ms-py, .5rem)*2);width:100%}.multiselect-inifite-spinner,.multiselect-spinner{animation:multiselect-spin 1s linear infinite;background-color:var(--ms-spinner-color,#10b981);flex-grow:0;flex-shrink:0;height:1rem;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 512 512' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m456.433 371.72-27.79-16.045c-7.192-4.152-10.052-13.136-6.487-20.636 25.82-54.328 23.566-118.602-6.768-171.03-30.265-52.529-84.802-86.621-144.76-91.424C262.35 71.922 256 64.953 256 56.649V24.56c0-9.31 7.916-16.609 17.204-15.96 81.795 5.717 156.412 51.902 197.611 123.408 41.301 71.385 43.99 159.096 8.042 232.792-4.082 8.369-14.361 11.575-22.424 6.92z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 512 512' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m456.433 371.72-27.79-16.045c-7.192-4.152-10.052-13.136-6.487-20.636 25.82-54.328 23.566-118.602-6.768-171.03-30.265-52.529-84.802-86.621-144.76-91.424C262.35 71.922 256 64.953 256 56.649V24.56c0-9.31 7.916-16.609 17.204-15.96 81.795 5.717 156.412 51.902 197.611 123.408 41.301 71.385 43.99 159.096 8.042 232.792-4.082 8.369-14.361 11.575-22.424 6.92z'/%3E%3C/svg%3E");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1rem;z-index:10}.multiselect-spinner{margin:0 var(--ms-px,.875rem) 0 0}.multiselect-clear{display:flex;flex-grow:0;flex-shrink:0;opacity:1;padding:0 var(--ms-px,.875rem) 0 0;position:relative;transition:.3s;z-index:10}.multiselect-clear:hover .multiselect-clear-icon{background-color:var(--ms-clear-color-hover,#000)}.multiselect-clear-icon{background-color:var(--ms-clear-color,#999);display:inline-block;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 320 512' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m207.6 256 107.72-107.72c6.23-6.23 6.23-16.34 0-22.58l-25.03-25.03c-6.23-6.23-16.34-6.23-22.58 0L160 208.4 52.28 100.68c-6.23-6.23-16.34-6.23-22.58 0L4.68 125.7c-6.23 6.23-6.23 16.34 0 22.58L112.4 256 4.68 363.72c-6.23 6.23-6.23 16.34 0 22.58l25.03 25.03c6.23 6.23 16.34 6.23 22.58 0L160 303.6l107.72 107.72c6.23 6.23 16.34 6.23 22.58 0l25.03-25.03c6.23-6.23 6.23-16.34 0-22.58L207.6 256z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 320 512' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m207.6 256 107.72-107.72c6.23-6.23 6.23-16.34 0-22.58l-25.03-25.03c-6.23-6.23-16.34-6.23-22.58 0L160 208.4 52.28 100.68c-6.23-6.23-16.34-6.23-22.58 0L4.68 125.7c-6.23 6.23-6.23 16.34 0 22.58L112.4 256 4.68 363.72c-6.23 6.23-6.23 16.34 0 22.58l25.03 25.03c6.23 6.23 16.34 6.23 22.58 0L160 303.6l107.72 107.72c6.23 6.23 16.34 6.23 22.58 0l25.03-25.03c6.23-6.23 6.23-16.34 0-22.58L207.6 256z'/%3E%3C/svg%3E");transition:.3s}.multiselect-caret,.multiselect-clear-icon{height:1.125rem;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:.625rem}.multiselect-caret{background-color:var(--ms-caret-color,#999);flex-grow:0;flex-shrink:0;margin:0 var(--ms-px,.875rem) 0 0;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 320 512' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 320 512' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z'/%3E%3C/svg%3E");pointer-events:none;position:relative;transform:rotate(0deg);transition:transform .3s;z-index:10}.multiselect-caret.is-open{pointer-events:auto;transform:rotate(180deg)}.multiselect-dropdown{-webkit-overflow-scrolling:touch;background:var(--ms-dropdown-bg,#fff);border:var(--ms-dropdown-border-width,1px) solid var(--ms-dropdown-border-color,#d1d5db);border-radius:0 0 var(--ms-dropdown-radius,4px) var(--ms-dropdown-radius,4px);bottom:0;display:flex;flex-direction:column;left:calc(var(--ms-border-width, 1px)*-1);margin-top:calc(var(--ms-border-width, 1px)*-1);max-height:var(--ms-max-height,10rem);outline:none;overflow-y:scroll;position:absolute;right:calc(var(--ms-border-width, 1px)*-1);transform:translateY(100%);z-index:100}.multiselect-dropdown.is-top{border-radius:var(--ms-dropdown-radius,4px) var(--ms-dropdown-radius,4px) 0 0;bottom:auto;top:var(--ms-border-width,1px);transform:translateY(-100%)}.multiselect-dropdown.is-hidden{display:none}.multiselect-options{display:flex;flex-direction:column;list-style:none;margin:0;padding:0}.multiselect-group{margin:0;padding:0}.multiselect-group-label{align-items:center;background:var(--ms-group-label-bg,#e5e7eb);box-sizing:border-box;color:var(--ms-group-label-color,#374151);cursor:default;display:flex;font-size:.875rem;font-weight:600;justify-content:flex-start;line-height:var(--ms-group-label-line-height,1.375);padding:var(--ms-group-label-py,.3rem) var(--ms-group-label-px,.75rem);text-align:left;text-decoration:none}.multiselect-group-label.is-pointable{cursor:pointer}.multiselect-group-label.is-pointed{background:var(--ms-group-label-bg-pointed,#d1d5db);color:var(--ms-group-label-color-pointed,#374151)}.multiselect-group-label.is-selected{background:var(--ms-group-label-bg-selected,#059669);color:var(--ms-group-label-color-selected,#fff)}.multiselect-group-label.is-disabled{background:var(--ms-group-label-bg-disabled,#f3f4f6);color:var(--ms-group-label-color-disabled,#d1d5db);cursor:not-allowed}.multiselect-group-label.is-selected.is-pointed{background:var(--ms-group-label-bg-selected-pointed,#0c9e70);color:var(--ms-group-label-color-selected-pointed,#fff)}.multiselect-group-label.is-selected.is-disabled{background:var(--ms-group-label-bg-selected-disabled,#75cfb1);color:var(--ms-group-label-color-selected-disabled,#d1fae5)}.multiselect-group-options{margin:0;padding:0}.multiselect-option{align-items:center;box-sizing:border-box;cursor:pointer;display:flex;font-size:var(--ms-option-font-size,1rem);justify-content:flex-start;line-height:var(--ms-option-line-height,1.375);padding:var(--ms-option-py,.5rem) var(--ms-option-px,.75rem);text-align:left;text-decoration:none}.multiselect-option.is-pointed{background:var(--ms-option-bg-pointed,#f3f4f6);color:var(--ms-option-color-pointed,#1f2937)}.multiselect-option.is-selected{background:var(--ms-option-bg-selected,#10b981);color:var(--ms-option-color-selected,#fff)}.multiselect-option.is-disabled{background:var(--ms-option-bg-disabled,#fff);color:var(--ms-option-color-disabled,#d1d5db);cursor:not-allowed}.multiselect-option.is-selected.is-pointed{background:var(--ms-option-bg-selected-pointed,#26c08e);color:var(--ms-option-color-selected-pointed,#fff)}.multiselect-option.is-selected.is-disabled{background:var(--ms-option-bg-selected-disabled,#87dcc0);color:var(--ms-option-color-selected-disabled,#d1fae5)}.multiselect-no-options,.multiselect-no-results{color:var(--ms-empty-color,#4b5563);padding:var(--ms-option-py,.5rem) var(--ms-option-px,.75rem)}.multiselect-fake-input{background:transparent;border:0;bottom:-1px;font-size:0;height:1px;left:0;outline:none;padding:0;position:absolute;right:0;width:100%}.multiselect-fake-input:active,.multiselect-fake-input:focus{outline:none}.multiselect-assistive-text{clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.multiselect-spacer{display:none}[dir=rtl] .multiselect-multiple-label,[dir=rtl] .multiselect-placeholder,[dir=rtl] .multiselect-single-label{left:auto;padding-left:calc(1.25rem + var(--ms-px, .875rem)*3);padding-right:var(--ms-px,.875rem);right:0}[dir=rtl] .multiselect-search{padding-left:0;padding-right:var(--ms-px,.875rem)}[dir=rtl] .multiselect-tags{padding-left:0;padding-right:var(--ms-py,.5rem)}[dir=rtl] .multiselect-tag{margin-left:var(--ms-tag-mx,.25rem);margin-right:0;padding:var(--ms-tag-py,.125rem) var(--ms-tag-px,.5rem) var(--ms-tag-py,.125rem) 0}[dir=rtl] .multiselect-tag.is-disabled{padding-left:var(--ms-tag-px,.5rem)}[dir=rtl] .multiselect-caret,[dir=rtl] .multiselect-spinner{margin:0 0 0 var(--ms-px,.875rem)}[dir=rtl] .multiselect-clear{padding:0 0 0 var(--ms-px,.875rem)}@keyframes multiselect-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}/**
 * selectize.css (v0.12.6)
 * Copyright (c) 2013–2015 Brian Reavis & contributors
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
 * file except in compliance with the License. You may obtain a copy of the License at:
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software distributed under
 * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF
 * ANY KIND, either express or implied. See the License for the specific language
 * governing permissions and limitations under the License.
 *
 * @author Brian Reavis <brian@thirdroute.com>
 */

.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
  visibility: visible !important;
  background: #f2f2f2 !important;
  background: rgba(0, 0, 0, 0.06) !important;
  border: 0 none !important;
  box-shadow: inset 0 0 12px 4px #fff;
}
.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
  content: '!';
  visibility: hidden;
}
.selectize-control.plugin-drag_drop .ui-sortable-helper {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.selectize-dropdown-header {
  position: relative;
  padding: 5px 8px;
  border-bottom: 1px solid #d0d0d0;
  background: #f8f8f8;
  border-radius: 3px 3px 0 0;
}
.selectize-dropdown-header-close {
  position: absolute;
  right: 8px;
  top: 50%;
  color: #303030;
  opacity: 0.4;
  margin-top: -12px;
  line-height: 20px;
  font-size: 20px !important;
}
.selectize-dropdown-header-close:hover {
  color: #000000;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup {
  border-right: 1px solid #f2f2f2;
  border-top: 0 none;
  float: left;
  box-sizing: border-box;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
  border-right: 0 none;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup:before {
  display: none;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
  border-top: 0 none;
}
.selectize-control.plugin-remove_button [data-value] {
  position: relative;
  padding-right: 24px !important;
}
.selectize-control.plugin-remove_button [data-value] .remove {
  z-index: 1;
  /* fixes ie bug (see #392) */
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 17px;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  color: inherit;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block;
  padding: 2px 0 0 0;
  border-left: 1px solid #d0d0d0;
  border-radius: 0 2px 2px 0;
  box-sizing: border-box;
}
.selectize-control.plugin-remove_button [data-value] .remove:hover {
  background: rgba(0, 0, 0, 0.05);
}
.selectize-control.plugin-remove_button [data-value].active .remove {
  border-left-color: #cacaca;
}
.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
  background: none;
}
.selectize-control.plugin-remove_button .disabled [data-value] .remove {
  border-left-color: #ffffff;
}
.selectize-control.plugin-remove_button .remove-single {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 23px;
}
.selectize-control {
  position: relative;
}
.selectize-dropdown,
.selectize-input,
.selectize-input input {
  color: #303030;
  font-family: inherit;
  font-size: 13px;
  line-height: 18px;
  -webkit-font-smoothing: inherit;
}
.selectize-input,
.selectize-control.single .selectize-input.input-active {
  background: #fff;
  cursor: text;
  display: inline-block;
}
.selectize-input {
  border: 1px solid #d0d0d0;
  padding: 8px 8px;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
}
.selectize-control.multi .selectize-input.has-items {
  padding: 6px 8px 3px;
}
.selectize-input.full {
  background-color: #fff;
}
.selectize-input.disabled,
.selectize-input.disabled * {
  cursor: default !important;
}
.selectize-input.focus {
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
}
.selectize-input.dropdown-active {
  border-radius: 3px 3px 0 0;
}
.selectize-input > * {
  vertical-align: baseline;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.selectize-control.multi .selectize-input > div {
  cursor: pointer;
  margin: 0 3px 3px 0;
  padding: 2px 6px;
  background: #f2f2f2;
  color: #303030;
  border: 0 solid #d0d0d0;
}
.selectize-control.multi .selectize-input > div.active {
  background: #e8e8e8;
  color: #303030;
  border: 0 solid #cacaca;
}
.selectize-control.multi .selectize-input.disabled > div,
.selectize-control.multi .selectize-input.disabled > div.active {
  color: #7d7d7d;
  background: #ffffff;
  border: 0 solid #ffffff;
}
.selectize-input > input {
  display: inline-block !important;
  padding: 0 !important;
  min-height: 0 !important;
  max-height: none !important;
  max-width: 100% !important;
  margin: 0 2px 0 0 !important;
  text-indent: 0 !important;
  border: 0 none !important;
  background: none !important;
  line-height: inherit !important;
  -webkit-user-select: auto !important;
  box-shadow: none !important;
}
.selectize-input > input::-ms-clear {
  display: none;
}
.selectize-input > input:focus {
  outline: none !important;
}
.selectize-input::after {
  content: ' ';
  display: block;
  clear: left;
}
.selectize-input.dropdown-active::before {
  content: ' ';
  display: block;
  position: absolute;
  background: #f0f0f0;
  height: 1px;
  bottom: 0;
  left: 0;
  right: 0;
}
.selectize-dropdown {
  position: absolute;
  z-index: 10;
  border: 1px solid #d0d0d0;
  background: #fff;
  margin: -1px 0 0 0;
  border-top: 0 none;
  box-sizing: border-box;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  border-radius: 0 0 3px 3px;
}
.selectize-dropdown [data-selectable] {
  cursor: pointer;
  overflow: hidden;
}
.selectize-dropdown [data-selectable] .highlight {
  background: rgba(125, 168, 208, 0.2);
  border-radius: 1px;
}
.selectize-dropdown .option,
.selectize-dropdown .optgroup-header {
  padding: 5px 8px;
}
.selectize-dropdown .option,
.selectize-dropdown [data-disabled],
.selectize-dropdown [data-disabled] [data-selectable].option {
  cursor: inherit;
  opacity: 0.5;
}
.selectize-dropdown [data-selectable].option {
  opacity: 1;
}
.selectize-dropdown .optgroup:first-child .optgroup-header {
  border-top: 0 none;
}
.selectize-dropdown .optgroup-header {
  color: #303030;
  background: #fff;
  cursor: default;
}
.selectize-dropdown .active {
  background-color: #f5fafd;
  color: #495c68;
}
.selectize-dropdown .active.create {
  color: #495c68;
}
.selectize-dropdown .create {
  color: rgba(48, 48, 48, 0.5);
}
.selectize-dropdown-content {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 200px;
  -webkit-overflow-scrolling: touch;
}
.selectize-control.single .selectize-input,
.selectize-control.single .selectize-input input {
  cursor: pointer;
}
.selectize-control.single .selectize-input.input-active,
.selectize-control.single .selectize-input.input-active input {
  cursor: text;
}
.selectize-control.single .selectize-input:after {
  content: ' ';
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -3px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #808080 transparent transparent transparent;
}
.selectize-control.single .selectize-input.dropdown-active:after {
  margin-top: -4px;
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent #808080 transparent;
}
.selectize-control.rtl.single .selectize-input:after {
  left: 15px;
  right: auto;
}
.selectize-control.rtl .selectize-input > input {
  margin: 0 4px 0 -2px !important;
}
.selectize-control .selectize-input.disabled {
  opacity: 0.5;
  background-color: #fafafa;
}

/* Editing toolbar — matches Figma node 322:1213: light bar with a text-type
   select + Bold / Emphasis / Link on the left, and an actions slot (Reset
   Section) on the right. */
.cpe__toolbar[data-v-15bae8cd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.5rem 0.7rem;
    background-color: #fbfbfb;
    border-bottom: 0.5px solid #dadada;
}
.cpe__toolbar__group[data-v-15bae8cd] {
    display: flex;
    align-items: center;
    gap: 0.566rem;
}
.cpe__tool-select[data-v-15bae8cd] {
    position: relative;
    display: inline-flex;
}
.cpe__tool-select__input[data-v-15bae8cd] {
    -moz-appearance: none;
         appearance: none;
    -webkit-appearance: none;
    background-color: #fff;
    border: 0.566px solid #dadada;
    border-radius: 3px;
    padding: 0.55rem 2.6rem 0.55rem 0.95rem;
    font-family: inherit;
    font-size: 1.4rem;
    line-height: 1.45;
    color: #000;
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23181818' stroke-width='1.4' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.9rem center;
    background-size: 1rem 0.6rem;
}
.cpe__tool[data-v-15bae8cd] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3.2rem;
    height: 3.2rem;
    padding: 0;
    font-size: 1.4rem;
    color: #323232;
    background-color: #fff;
    border: 0.5px solid #dadada;
    border-radius: 3px;
    cursor: pointer;
    transition: background-color 0.12s ease, border-color 0.12s ease, color 0.12s ease;
}
.cpe__tool svg[data-v-15bae8cd] {
    width: 1.5rem;
    height: 1.5rem;
}
.cpe__tool[data-v-15bae8cd]:hover {
    background-color: #f0f0f0;
}
.cpe__tool.is-active[data-v-15bae8cd] {
    background-color: rgba(6, 90, 249, 0.1);
    border-color: rgba(6, 90, 249, 0.4);
    color: #065af9;
}

/* GetTerms palette: brand #065af9, text #323232, heading #000, border #e6e6e6, light bg #f8f8f8 */
.custom-policy-editor[data-v-83090fc3] {
    color: #323232;
    font-size: 1.4rem;
}
.cpe__hidden[data-v-83090fc3] {
    display: none;
}

/* Shortcode chips inside the TipTap editor. Rendered as dynamic (non-Vue) DOM,
   so reached via :deep. They show the resolved preview but store a [token]. */
.custom-policy-editor[data-v-83090fc3] .cpe-chip {
    display: inline-block;
    padding: 0 0.4em;
    border-radius: 3px;
    background: #e7efff;
    color: #065af9;
    border: 1px solid #c7dbff;
    font-size: 0.92em;
    line-height: 1.4;
    white-space: nowrap;
    cursor: default;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
}
.custom-policy-editor[data-v-83090fc3] .cpe-chip.ProseMirror-selectednode {
    outline: 2px solid #065af9;
    outline-offset: 1px;
}

/* Header --------------------------------------------------------------- */
.cpe__header[data-v-83090fc3] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    margin-bottom: 2rem;
}
.cpe__header-main[data-v-83090fc3] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1.5rem;
}

/* Edit Language as a segmented "grey label | white value" control. */
.cpe__lang[data-v-83090fc3] {
    display: inline-flex;
    align-items: stretch;
}
.cpe__lang-label[data-v-83090fc3] {
    display: inline-flex;
    align-items: center;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: normal;
    color: #181818;
    padding: 0.55rem 0.95rem;
    background-color: #f8f8f8;
    border: 1px solid #dadada;
    border-right: 0;
    border-radius: 0.5rem 0 0 0.5rem;
    white-space: nowrap;
}
.cpe__select[data-v-83090fc3] {
    -moz-appearance: none;
         appearance: none;
    -webkit-appearance: none;
    width: auto;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: normal;
    color: #181818;
    padding: 0.55rem 3rem 0.55rem 0.95rem;
    background-color: #fff;
    border: 1px solid #dadada;
    border-radius: 0 0.5rem 0.5rem 0;
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8' fill='none' stroke='%23181818' stroke-width='1.5'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 1rem center;
    background-size: 1rem;
}
.cpe__select[data-v-83090fc3]:focus {
    outline: none;
    border-color: #065af9;
    box-shadow: 0 0 0 3px rgba(6, 90, 249, 0.15);
}
.cpe__select[data-v-83090fc3]:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Publish status — not shown in the design's controls row. */
.cpe__status[data-v-83090fc3] {
    display: none;
    align-items: center;
    gap: 0.4rem;
    padding: 0.4rem 0.9rem;
    border-radius: 999px;
    font-size: 1.2rem;
    font-weight: 600;
    white-space: nowrap;
}
.cpe__status--custom[data-v-83090fc3] {
    background-color: rgba(6, 90, 249, 0.1);
    color: #065af9;
}
.cpe__status--default[data-v-83090fc3] {
    background-color: #f0f0f0;
    color: #595d6b;
}

/* Buttons -------------------------------------------------------------- */
.cpe__actions[data-v-83090fc3] {
    display: flex;
    gap: 1rem;
}

/* Bottom action row — mirrors the top controls, right-aligned (Figma 322:1112). */
.cpe__footer-actions[data-v-83090fc3] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 1rem;
    margin-top: 2.5rem;
}
.cpe__btn[data-v-83090fc3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.55rem 0.95rem;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: normal;
    border-radius: 0.5rem;
    border: 1px solid transparent;
    cursor: pointer;
    transition: background-color 0.15s ease, border-color 0.15s ease, opacity 0.15s ease;
}
.cpe__btn--small[data-v-83090fc3] {
    padding: 0.6rem 1.2rem;
    font-size: 1.2rem;
}
.cpe__btn[data-v-83090fc3]:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}
.cpe__btn--primary[data-v-83090fc3] {
    background-color: #065af9;
    color: #fff;
    border-color: #065af9;
}
.cpe__btn--primary[data-v-83090fc3]:not(:disabled):hover {
    background-color: #00379f;
    border-color: #00379f;
}

/* Danger confirm (e.g. Confirm Restore) — solid red. */
.cpe__btn--danger[data-v-83090fc3] {
    background-color: #ea2424;
    color: #fff;
    border-color: #ea2424;
}
.cpe__btn--danger[data-v-83090fc3]:not(:disabled):hover {
    background-color: #c81f1f;
    border-color: #c81f1f;
}
.cpe__btn--secondary[data-v-83090fc3] {
    background-color: #fff;
    color: #065af9;
    border-color: #065af9;
}
.cpe__btn--secondary[data-v-83090fc3]:not(:disabled):hover {
    background-color: #eaf2ff;
}
.cpe__link-btn[data-v-83090fc3] {
    background: none;
    border: none;
    padding: 0;
    font-size: 1.2rem;
    font-weight: 500;
    color: #065af9;
    cursor: pointer;
    text-decoration: underline;
}
.cpe__link-btn--reset[data-v-83090fc3] {
    color: #595d6b;
}
.cpe__link-btn--delete[data-v-83090fc3] {
    color: #c0392b;
}

/* Loading -------------------------------------------------------------- */
.cpe__loading[data-v-83090fc3] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding: 4rem 0;
    color: #595d6b;
    font-size: 1.4rem;
}
.cpe__spinner[data-v-83090fc3] {
    width: 2rem;
    height: 2rem;
    border: 2px solid #d8d8d8;
    border-top-color: #065af9;
    border-radius: 50%;
    animation: cpe-spin-83090fc3 0.7s linear infinite;
}
@keyframes cpe-spin-83090fc3 {
to { transform: rotate(360deg);
}
}

/* Notice --------------------------------------------------------------- */
/* Page-level alert when Edit Policy changes are hidden behind frozen sections.
   Mirrors the primary frozen-content banner on the Edit Policy page. */
.cpe__updates-notice[data-v-83090fc3] {
    margin: 0 0 2rem;
    padding: 1rem 1.2rem;
    border: 1px solid #f3b7b7;
    border-radius: 0.6rem;
    background-color: #fdecec;
    color: #8f2020;
}
.cpe__updates-notice-title[data-v-83090fc3] {
    margin: 0 0 0.3rem;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.4;
}
.cpe__updates-notice-text[data-v-83090fc3] {
    margin: 0 0 0.4rem;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 1.5;
}
.cpe__updates-notice-list[data-v-83090fc3] {
    margin: 0.3rem 0 0;
    padding-left: 1.6rem;
    list-style: disc;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 1.5;
}
.cpe__updates-notice-list li[data-v-83090fc3] {
    margin: 0.1rem 0;
}
.cpe__notice[data-v-83090fc3] {
    background-color: #f3f0e9;
    border: 0.5px solid #dadada;
    border-radius: 2px;
    padding: 2.5rem;
    margin-bottom: 2rem;
    color: #323232;
}
.cpe__notice--legacy[data-v-83090fc3] {
    background-color: #eef3ff;
    border: 0.5px solid #b9cdfb;
    color: #2b3a57;
}
.cpe__notice-title[data-v-83090fc3] {
    margin: 0 0 1rem;
    font-size: 1.4rem;
    font-weight: 500;
}
.cpe__notice-list[data-v-83090fc3] {
    margin: 0;
    padding-left: 2.1rem;
    list-style: disc;
    font-size: 1.4rem;
    line-height: 1.5;
}
.cpe__notice-list li + li[data-v-83090fc3] {
    margin-top: 0.5rem;
}
.cpe__notice-list strong[data-v-83090fc3],
.cpe__notice strong[data-v-83090fc3] {
    font-weight: 700;
}

/* Sections ------------------------------------------------------------- */
.cpe__sections[data-v-83090fc3] {
    display: flex;
    flex-direction: column;
    gap: 1.4rem;
}
.cpe__section[data-v-83090fc3] {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    background-color: #fff;
    border: 0.5px solid #dadada;
    border-radius: 0.5rem;
    padding: 2.5rem;
}

/* Section label row, outside the card: title + badge on the left, the
   Show-changes toggle (generated) or Delete Section (custom) on the right. */
.cpe__section-label[data-v-83090fc3] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}
.cpe__section-label-main[data-v-83090fc3] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

/* Collapse/expand chevron at the start of every section label. */
.cpe__collapse-btn[data-v-83090fc3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 2.6rem;
    height: 2.6rem;
    padding: 0;
    background: none;
    border: none;
    border-radius: 4px;
    color: #595d6b;
    cursor: pointer;
    transition: background-color 0.12s ease;
}
.cpe__collapse-btn[data-v-83090fc3]:hover {
    background-color: #f0f0f0;
}
.cpe__collapse-icon[data-v-83090fc3] {
    width: 1.4rem;
    height: 1.4rem;
    transition: transform 0.15s ease;
}

/* Chevron points down when expanded; rotate to point right when collapsed. */
.cpe__collapse-btn.is-collapsed .cpe__collapse-icon[data-v-83090fc3] {
    transform: rotate(-90deg);
}

/* "?" info icon beside the Section Label input (edit mode only). Its tooltip
   explains the label is organisational and not shown in the published policy. */
.cpe__hint-icon[data-v-83090fc3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 1.8rem;
    height: 1.8rem;
    border: 1px solid #c2c6cf;
    border-radius: 50%;
    background-color: #fff;
    color: #595d6b;
    font-family: Arial, sans-serif;
    font-weight: 700;
    font-size: 1.1rem;
    line-height: 1;
    cursor: help;
}
.cpe__card[data-v-83090fc3] {
    border: 0.5px solid #dadada;
    border-radius: 0.5rem;
    background-color: #fff;
    overflow: hidden;
}
.cpe__section-view--empty[data-v-83090fc3] {
    color: #9aa0ab;
    font-style: italic;
}
.cpe__badge.cpe__badge--added[data-v-83090fc3] {
    background-color: #065af9;
    color: #fff;
}

/* "Section Update Available" pill (node 322:323): red pill + white ? icon.
   Shown only when sectionUpdateAvailable() is true — see the stub method. */
.cpe__badge.cpe__badge--update[data-v-83090fc3] {
    gap: 0.3rem;
    background-color: #ea2424;
    color: #fff;
}
.cpe__badge-icon[data-v-83090fc3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.5rem;
    height: 1.5rem;
    border: 1px solid #913131;
    border-radius: 50%;
    background-color: #fff;
    color: #913131;
    font-family: Arial, sans-serif;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1;
    cursor: help;
}

/* Add-section control -------------------------------------------------- */
.cpe__add-row[data-v-83090fc3] {
    display: flex;
    justify-content: center;
    /* ~25px clear above/below the button (Figma); the 1.4rem flex gap on
       .cpe__sections supplies the rest. */
    padding: 1.1rem 0;
}

/* "Add new section" — white pill, blue outline + blue label and circle-plus
   icon (Figma node 322:1253). */
.cpe__add-btn[data-v-83090fc3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    background-color: #fff;
    border: 1px solid #065af9;
    border-radius: 0.5rem;
    padding: 0.55rem 0.95rem;
    font-size: 1.4rem;
    font-weight: 500;
    letter-spacing: -0.01625rem;
    color: #065af9;
    cursor: pointer;
    transition: background-color 0.12s ease;
}
.cpe__add-btn__icon[data-v-83090fc3] {
    width: 1.4rem;
    height: 1.4rem;
    flex-shrink: 0;
}
.cpe__add-btn[data-v-83090fc3]:hover {
    background-color: #eaf2ff;
}

/* Viewing footer: grey bar with the section actions (Reset / Edit Section). */
.cpe__footer[data-v-83090fc3] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 1rem;
    padding: 0.7rem;
    background-color: #f9fbff;
    border-top: 0.5px solid #dadada;
}
.cpe__footer-btn[data-v-83090fc3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.55rem 0.95rem;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: normal;
    border-radius: 0.5rem;
    border: 1px solid transparent;
    cursor: pointer;
    transition: background-color 0.15s ease, color 0.15s ease;
}
.cpe__footer-btn--primary[data-v-83090fc3] {
    background-color: #065af9;
    color: #fff;
    border-color: #065af9;
}
.cpe__footer-btn--primary[data-v-83090fc3]:hover {
    background-color: #00379f;
    border-color: #00379f;
}
.cpe__footer-btn--reset[data-v-83090fc3] {
    background-color: #fff;
    color: #ea2424;
    border-color: #ea2424;
}
.cpe__footer-btn--reset[data-v-83090fc3]:hover {
    background-color: #ea2424;
    color: #fff;
}

/* Two-step reset: solid-red confirm + neutral cancel. */
.cpe__footer-btn--reset-confirm[data-v-83090fc3] {
    background-color: #ea2424;
    color: #fff;
    border-color: #ea2424;
}
.cpe__footer-btn--reset-confirm[data-v-83090fc3]:not(:disabled):hover {
    background-color: #c81f1f;
    border-color: #c81f1f;
}
.cpe__footer-btn--reset-cancel[data-v-83090fc3] {
    background-color: #fff;
    color: #595d6b;
    border-color: #dadada;
}
.cpe__footer-btn--reset-cancel[data-v-83090fc3]:hover {
    background-color: #f0f0f0;
}
.cpe__footer-btn--delete[data-v-83090fc3] {
    background-color: #fff;
    color: #ea2424;
    border-color: #ea2424;
}
.cpe__footer-btn--delete[data-v-83090fc3]:hover {
    background-color: #ea2424;
    color: #fff;
}
.cpe__delete-section[data-v-83090fc3] {
    display: inline-flex;
    align-items: center;
    padding: 0.55rem 0.95rem;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: normal;
    color: #ea2424;
    background-color: #fff;
    border: 1px solid #ea2424;
    border-radius: 0.5rem;
    cursor: pointer;
    transition: background-color 0.15s ease, color 0.15s ease;
}
.cpe__delete-section[data-v-83090fc3]:hover {
    background-color: #ea2424;
    color: #fff;
}
.cpe__section-title[data-v-83090fc3] {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.5;
    color: #323232;
}
.cpe__badge[data-v-83090fc3] {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    white-space: nowrap;
    padding: 0.3rem 1rem;
    border-radius: 360px;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.5;
    background-color: #065af9;
    color: #fff;
}

/* "Edited" + "Show changes" combined control on the right of a customised
   section: a blue "Edited" segment joined to a white toggle segment in one pill. */
.cpe__changes-pill[data-v-83090fc3] {
    display: inline-flex;
    align-items: stretch;
    flex-shrink: 0;
    border: 1px solid #065af9;
    border-radius: 360px;
    overflow: hidden;
    background-color: #fff;
}
.cpe__changes-pill__label[data-v-83090fc3] {
    display: inline-flex;
    align-items: center;
    padding: 0.3rem 1rem;
    background-color: #065af9;
    color: #fff;
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1.5;
}
.cpe__changes-pill__toggle[data-v-83090fc3] {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.3rem 1rem;
    cursor: pointer;
}

/* "Show changes" toggle switch in the section label row. */
.cpe__toggle[data-v-83090fc3] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
}
.cpe__toggle-label[data-v-83090fc3] {
    font-size: 1.2rem;
    color: #323232;
}
.cpe__toggle-input[data-v-83090fc3] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}
.cpe__toggle-track[data-v-83090fc3] {
    position: relative;
    flex-shrink: 0;
    width: 3.2rem;
    height: 1.8rem;
    background-color: #d3d3d3;
    border-radius: 999px;
    transition: background-color 0.15s ease;
}
.cpe__toggle-thumb[data-v-83090fc3] {
    position: absolute;
    top: 0.2rem;
    left: 0.2rem;
    width: 1.4rem;
    height: 1.4rem;
    background-color: #fff;
    border-radius: 50%;
    transition: transform 0.15s ease;
}
.cpe__toggle-input:checked + .cpe__toggle-track[data-v-83090fc3] {
    background-color: #065af9;
}
.cpe__toggle-input:checked + .cpe__toggle-track .cpe__toggle-thumb[data-v-83090fc3] {
    transform: translateX(1.4rem);
}

/* The rendered (read-only) preview carries the global .cms-content class so it
   inherits the exact typography and paragraph spacing used on the Policy Viewer.
   Only the card inset and list markers are component-specific here — cms-content
   does not set list-style, so keep bullets/numbers and indentation. */
.cpe__section-view[data-v-83090fc3],
.cpe__rendered[data-v-83090fc3] {
    padding: 2.5rem;
}
.cpe__rendered[data-v-83090fc3] a {
    color: #065af9;
    text-decoration: underline;
}
.cpe__rendered[data-v-83090fc3] ul {
    padding-left: 1.6em;
    list-style-type: disc;
}
.cpe__rendered[data-v-83090fc3] ol {
    padding-left: 1.6em;
    list-style-type: decimal;
}

/* Compare -------------------------------------------------------------- */
.cpe__compare[data-v-83090fc3] {
    border-top: 1px solid #eee;
}
.cpe__compare-bar[data-v-83090fc3] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.6rem 1.8rem;
    background-color: #f8f8f8;
    border-bottom: 1px solid #eee;
}
.cpe__compare-heading[data-v-83090fc3] {
    font-family: inherit;
    font-size: 1.15rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #595d6b;
}
.cpe__compare-legend[data-v-83090fc3] {
    display: inline-flex;
    gap: 1.2rem;
}
.cpe__legend[data-v-83090fc3] {
    font-size: 1.15rem;
    font-weight: 600;
}
.cpe__legend--del[data-v-83090fc3] {
    color: #c0392b;
    text-decoration: line-through;
}
.cpe__legend--ins[data-v-83090fc3] {
    color: #1d7a4c;
}
.cpe__compare-none[data-v-83090fc3] {
    margin: 0;
    padding: 1.4rem 1.8rem;
    font-size: 1.35rem;
    color: #595d6b;
}

/* Unified diff highlighting (content injected via v-html, so :deep). */
.cpe__diff[data-v-83090fc3] .cpe-diff-ins {
    background-color: #e3f6ec;
    color: #14633c;
    text-decoration: none;
    border-radius: 2px;
    padding: 0 1px;
}
.cpe__diff[data-v-83090fc3] .cpe-diff-del {
    background-color: #fde8e8;
    color: #a4291c;
    text-decoration: none;
    border-radius: 2px;
    padding: 0 1px;
}

/* A formatting change (e.g. a word bolded/italicised) keeps its new styling but
   is marked with a coloured underline so it's obvious even when the words are
   unchanged — added formatting underlined green, removed formatting red. */
.cpe__diff[data-v-83090fc3] .cpe-diff-fmt {
    border-bottom: 2px solid currentColor;
}
.cpe__diff[data-v-83090fc3] .cpe-diff--ins {
    background-color: #f0fbf5;
    border-left: 3px solid #1d7a4c;
    padding-left: 1rem;
    margin: 0.4rem 0;
}
.cpe__diff[data-v-83090fc3] .cpe-diff--del {
    background-color: #fdf1f1;
    border-left: 3px solid #c0392b;
    padding-left: 1rem;
    margin: 0.4rem 0;
    color: #9b3b30;
}

/* Editor + toolbar — borderless; the surrounding .cpe__card frames it. */
.cpe__editor[data-v-83090fc3] {
    background-color: #fff;
}

/* Added sections set their title in place: an input occupies the section-label
   row where generated sections show their static title (Figma node 322:1113). */
.cpe__section-title-input[data-v-83090fc3] {
    flex: 1 1 auto;
    min-width: 0;
    max-width: 40rem;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.5;
    color: #323232;
    padding: 0.7rem 1.2rem;
    background-color: #fff;
    border: 1px solid #dadada;
    border-radius: 0.5rem;
}
.cpe__section-title-input[data-v-83090fc3]::-moz-placeholder {
    color: #9aa0ab;
    font-weight: 400;
}
.cpe__section-title-input[data-v-83090fc3]::placeholder {
    color: #9aa0ab;
    font-weight: 400;
}
.cpe__section-title-input[data-v-83090fc3]:focus {
    outline: none;
    border-color: #065af9;
    box-shadow: 0 0 0 3px rgba(6, 90, 249, 0.15);
}
.cpe__section-title-input--error[data-v-83090fc3] {
    border-color: #ea2424;
}
.cpe__section-title-input--error[data-v-83090fc3]:focus {
    border-color: #ea2424;
    box-shadow: 0 0 0 3px rgba(234, 36, 36, 0.15);
}

/* Per-section Save / Cancel bar, at the bottom of the card while editing. */
.cpe__editbar[data-v-83090fc3] {
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
    padding: 1rem 1.4rem;
    background-color: #065af9;
}
.cpe__editbar-btn[data-v-83090fc3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.8rem 1.8rem;
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 1;
    border-radius: 4px;
    border: 1px solid transparent;
    cursor: pointer;
    transition: background-color 0.15s ease, opacity 0.15s ease;
}
.cpe__editbar-btn--ghost[data-v-83090fc3] {
    background-color: transparent;
    color: #fff;
    border-color: rgba(255, 255, 255, 0.65);
}
.cpe__editbar-btn--ghost[data-v-83090fc3]:hover {
    background-color: rgba(255, 255, 255, 0.14);
}
.cpe__editbar-btn--primary[data-v-83090fc3] {
    background-color: #fff;
    color: #065af9;
}
.cpe__editbar-btn--primary[data-v-83090fc3]:not(:disabled):hover {
    background-color: #eaf1ff;
}
.cpe__editbar-btn[data-v-83090fc3]:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Reset Section — red-outline button slotted to the right of the editing
   toolbar (Figma node 322:1235). The toolbar's own styling lives in
   EditorToolbar.vue; this is the slotted action, so it stays in this scope. */
.cpe__toolbar-reset[data-v-83090fc3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.55rem 0.95rem;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1;
    color: #ea2424;
    background-color: #fff;
    border: 1px solid #ea2424;
    border-radius: 0.5rem;
    cursor: pointer;
    transition: background-color 0.12s ease;
}
.cpe__toolbar-reset[data-v-83090fc3]:hover {
    background-color: #fdecec;
}

/* Two-step reset inside the editing toolbar. */
.cpe__toolbar-reset--confirm[data-v-83090fc3] {
    color: #fff;
    background-color: #ea2424;
}
.cpe__toolbar-reset--confirm[data-v-83090fc3]:not(:disabled):hover {
    background-color: #c81f1f;
}
.cpe__toolbar-reset--cancel[data-v-83090fc3] {
    color: #595d6b;
    border-color: #dadada;
}
.cpe__toolbar-reset--cancel[data-v-83090fc3]:hover {
    background-color: #f0f0f0;
}

/* Editor content area -------------------------------------------------- */
.cpe__content[data-v-83090fc3] {
    background-color: #fff;
}

/* The editor surface carries the global .cms-content class (see editorProps), so
   typography and paragraph spacing match the rendered/Policy Viewer output. Only
   the structural editing bits live here — cms-content does not set list markers. */
.cpe__content[data-v-83090fc3] .ProseMirror {
    min-height: 460px;
    padding: 2rem 2.4rem;
    outline: none;
}
.cpe__content--section[data-v-83090fc3] .ProseMirror {
    min-height: 160px;
    padding-top: 0.6rem;
}

/* No leading whitespace above the first block while editing. */
.cpe__content[data-v-83090fc3] .ProseMirror > *:first-child {
    margin-top: 0;
}
.cpe__content[data-v-83090fc3] .ProseMirror:focus {
    outline: none;
}
.cpe__content[data-v-83090fc3] .ProseMirror ul {
    padding-left: 1.6em;
    list-style-type: disc;
}
.cpe__content[data-v-83090fc3] .ProseMirror ol {
    padding-left: 1.6em;
    list-style-type: decimal;
}
.cpe__content[data-v-83090fc3] .ProseMirror a {
    color: #065af9;
    text-decoration: underline;
    cursor: pointer;
}

/* Messages ------------------------------------------------------------- */
.cpe__message[data-v-83090fc3] {
    margin-top: 1.6rem;
    padding: 1rem 1.4rem;
    border-radius: 4px;
    font-size: 1.3rem;
    text-align: center;
}
.cpe__message--success[data-v-83090fc3] {
    background-color: #e3f6ec;
    color: #1d7a4c;
}
.cpe__message--error[data-v-83090fc3] {
    background-color: #fdecec;
    color: #c0392b;
}
@media (max-width: 640px) {
.cpe__header[data-v-83090fc3] {
        align-items: stretch;
}
.cpe__actions[data-v-83090fc3] {
        width: 100%;
}
.cpe__actions .cpe__btn[data-v-83090fc3] {
        flex: 1 1 auto;
}
}